/* Flex grid system */
.grid { box-sizing:border-box; display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; -webkit-box-flex:0; flex:0 1 auto; -webkit-flex-direction:row; -ms-flex-direction:row; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -8px 0 -8px; }
.grid.grid-nogutter{ margin:0 }
.grid.grid-nogutter>.col{ padding:0 }
.col{ box-sizing:border-box; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -webkit-flex-grow:1; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; -ms-flex-preferred-size:0; -webkit-flex-basis:0; flex-basis:0; max-width:100%; min-width:0; padding:0 8px 0 8px; }
.col-align-top{ -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start; }
.col-align-bottom{ align-self:flex-end; }
.col-align-middle{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center; }
.col-top{ justify-content:flex-start !important; flex-direction:column; display:flex; }
.col-bottom{ justify-content:flex-end !important; flex-direction:column; display:flex; }
.col-middle{ justify-content:center; flex-direction:column; display:flex; }
.grid-start{ -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; }
.grid-center{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.grid-end{ -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }
.grid-around{ justify-content:space-around; }
.grid-between{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.grid-reverse{ -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; }
.col-fixed { flex:initial; }
.col-first { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
.col-last { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; }
.col-grow-2 { flex-grow:2; }
.col-grow-3 { flex-grow:3; }
.col-grow-4 { flex-grow:4; }
.col-grow-5 { flex-grow:5; }
.col-grow-6 { flex-grow:6; }
.col-grow-7 { flex-grow:7; }
.col-grow-8 { flex-grow:8; }
.col-grow-9 { flex-grow:9; }
.col-grow-10 { flex-grow:10; }
.col-grow-11 { flex-grow:11; }
.col-1, .col-xs-1 { -ms-flex-preferred-size:8.33333%; -webkit-flex-basis:8.33333%; flex-basis:8.33333%; max-width:8.33333%; }
.col-2, .col-xs-2 { -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-width:16.66667%; }
.col-3, .col-xs-3 { -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25%; }
.col-4, .col-xs-4 { -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-width:33.33333%; }
.col-5, .col-xs-5 { -ms-flex-preferred-size:41.66667%; -webkit-flex-basis:41.66667%; flex-basis:41.66667%; max-width:41.66667%; }
.col-6, .col-xs-6 { -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-width:50%; }
.col-7, .col-xs-7 { -ms-flex-preferred-size:58.33333%; -webkit-flex-basis:58.33333%; flex-basis:58.33333%; max-width:58.33333%; }
.col-8, .col-xs-8 { -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-width:66.66667%; }
.col-9, .col-xs-9 { -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75%; }
.col-10, .col-xs-10 { -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-width:83.33333%; }
.col-11, .col-xs-11 { -ms-flex-preferred-size:91.66667%; -webkit-flex-basis:91.66667%; flex-basis:91.66667%; max-width:91.66667%; }
.col-12, .col-xs-12 { -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100%; }

@media only screen and (min-width: 600px) {
  .col-sm-1 { -ms-flex-preferred-size:8.33333%; -webkit-flex-basis:8.33333%; flex-basis:8.33333%; max-width:8.33333%; }
  .col-sm-2 { -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-width:16.66667%; }
  .col-sm-3 { -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25%; }
  .col-sm-4 { -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-width:33.33333%; }
  .col-sm-5 { -ms-flex-preferred-size:41.66667%; -webkit-flex-basis:41.66667%; flex-basis:41.66667%; max-width:41.66667%; }
  .col-sm-6 { -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-width:50%; }
  .col-sm-7 { -ms-flex-preferred-size:58.33333%; -webkit-flex-basis:58.33333%; flex-basis:58.33333%; max-width:58.33333%; }
  .col-sm-8 { -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-width:66.66667%; }
  .col-sm-9 { -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75%; }
  .col-sm-10 { -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-width:83.33333%; }
  .col-sm-11 { -ms-flex-preferred-size:91.66667%; -webkit-flex-basis:91.66667%; flex-basis:91.66667%; max-width:91.66667%; }
  .col-sm-12 { -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100%; }
  .col-sm { flex:100%; max-width:100% }
}

@media only screen and (min-width: 768px){
  .col-md-1 { -ms-flex-preferred-size:8.33333%; -webkit-flex-basis:8.33333%; flex-basis:8.33333%; max-width:8.33333%; }
  .col-md-2 { -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-width:16.66667%; }
  .col-md-3 { -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25%; }
  .col-md-4 { -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-width:33.33333%; }
  .col-md-5 { -ms-flex-preferred-size:41.66667%; -webkit-flex-basis:41.66667%; flex-basis:41.66667%; max-width:41.66667%; }
  .col-md-6 { -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-width:50%; }
  .col-md-7 { -ms-flex-preferred-size:58.33333%; -webkit-flex-basis:58.33333%; flex-basis:58.33333%; max-width:58.33333%; }
  .col-md-8 { -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-width:66.66667%; }
  .col-md-9 { -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75%; }
  .col-md-10 { -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-width:83.33333%; }
  .col-md-11 { -ms-flex-preferred-size:91.66667%; -webkit-flex-basis:91.66667%; flex-basis:91.66667%; max-width:91.66667%; }
  .col-md-12 { -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100%; }  
  .col-md { flex:100%; max-width:100% }
}

@media only screen and (min-width: 889px){
  .col-lg-1 { -ms-flex-preferred-size:8.33333%; -webkit-flex-basis:8.33333%; flex-basis:8.33333%; max-width:8.33333%; }
  .col-lg-2 { -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-width:16.66667%; }
  .col-lg-3 { -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25%; }
  .col-lg-4 { -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-width:33.33333%; }
  .col-lg-5 { -ms-flex-preferred-size:41.66667%; -webkit-flex-basis:41.66667%; flex-basis:41.66667%; max-width:41.66667%; }
  .col-lg-6 { -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-width:50%; }
  .col-lg-7 { -ms-flex-preferred-size:58.33333%; -webkit-flex-basis:58.33333%; flex-basis:58.33333%; max-width:58.33333%; }
  .col-lg-8 { -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-width:66.66667%; }
  .col-lg-9 { -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75%; }
  .col-lg-10 { -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-width:83.33333%; }
  .col-lg-11 { -ms-flex-preferred-size:91.66667%; -webkit-flex-basis:91.66667%; flex-basis:91.66667%; max-width:91.66667%; }
  .col-lg-12 { -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100%; }  
  .col-lg { flex:100%; max-width:100% }
}