/*.col { margin-bottom: 20px; } */
.col {margin-top:20px;}
.row {margin-top:-20px;}

.row + .row { margin-top:0;}
.grid + .grid > .row:nth-child(1) {margin-top:0;}

.grid { width: 96%; max-width: 1240px; margin: 0 auto 0 auto; box-sizing: border-box; }
.grid .inner-col {overflow: hidden;}
.grid .inner-col img {width: 100%; display: block;}

.row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; box-sizing: border-box; margin-left: -20px; margin-bottom: 0px; }
.row.top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.row.middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.row.bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.row.left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.row.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.row.right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.row .col { margin-left: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; width: 100%; }
.row .col.desktop-1 { -webkit-flex-basis: calc(8.33333% - 20px); -ms-flex-preferred-size: calc(8.33333% - 20px); flex-basis: calc(8.33333% - 20px); max-width: calc(8.33333% - 20px); }
.row .col.desktop-2 { -webkit-flex-basis: calc(16.66667% - 20px); -ms-flex-preferred-size: calc(16.66667% - 20px); flex-basis: calc(16.66667% - 20px); max-width: calc(16.66667% - 20px); }
.row .col.desktop-3 { -webkit-flex-basis: calc(25% - 20px); -ms-flex-preferred-size: calc(25% - 20px); flex-basis: calc(25% - 20px); max-width: calc(25% - 20px); }
.row .col.desktop-4 { -webkit-flex-basis: calc(33.33333% - 20px); -ms-flex-preferred-size: calc(33.33333% - 20px); flex-basis: calc(33.33333% - 20px); max-width: calc(33.33333% - 20px); }
.row .col.desktop-5 { -webkit-flex-basis: calc(41.66667% - 20px); -ms-flex-preferred-size: calc(41.66667% - 20px); flex-basis: calc(41.66667% - 20px); max-width: calc(41.66667% - 20px); }
.row .col.desktop-6 { -webkit-flex-basis: calc(50% - 20px); -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); max-width: calc(50% - 20px); }
.row .col.desktop-7 { -webkit-flex-basis: calc(58.33333% - 20px); -ms-flex-preferred-size: calc(58.33333% - 20px); flex-basis: calc(58.33333% - 20px); max-width: calc(58.33333% - 20px); }
.row .col.desktop-8 { -webkit-flex-basis: calc(66.66667% - 20px); -ms-flex-preferred-size: calc(66.66667% - 20px); flex-basis: calc(66.66667% - 20px); max-width: calc(66.66667% - 20px); }
.row .col.desktop-9 { -webkit-flex-basis: calc(75% - 20px); -ms-flex-preferred-size: calc(75% - 20px); flex-basis: calc(75% - 20px); max-width: calc(75% - 20px); }
.row .col.desktop-10 { -webkit-flex-basis: calc(83.33333% - 20px); -ms-flex-preferred-size: calc(83.33333% - 20px); flex-basis: calc(83.33333% - 20px); max-width: calc(83.33333% - 20px); }
.row .col.desktop-11 { -webkit-flex-basis: calc(91.66667% - 20px); -ms-flex-preferred-size: calc(91.66667% - 20px); flex-basis: calc(91.66667% - 20px); max-width: calc(91.66667% - 20px); }
.row .col.desktop-12 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }

.row.no_gutter { margin-left: 0; }
.row.no_gutter .col { margin-left: 0; }
.row.no_gutter .col.desktop-1 { -webkit-flex-basis: calc(8.33333% - 0px); -ms-flex-preferred-size: calc(8.33333% - 0px); flex-basis: calc(8.33333% - 0px); max-width: calc(8.33333% - 0px); }
.row.no_gutter .col.desktop-2 { -webkit-flex-basis: calc(16.66667% - 0px); -ms-flex-preferred-size: calc(16.66667% - 0px); flex-basis: calc(16.66667% - 0px); max-width: calc(16.66667% - 0px); }
.row.no_gutter .col.desktop-3 { -webkit-flex-basis: calc(25% - 0px); -ms-flex-preferred-size: calc(25% - 0px); flex-basis: calc(25% - 0px); max-width: calc(25% - 0px); }
.row.no_gutter .col.desktop-4 { -webkit-flex-basis: calc(33.33333% - 0px); -ms-flex-preferred-size: calc(33.33333% - 0px); flex-basis: calc(33.33333% - 0px); max-width: calc(33.33333% - 0px); }
.row.no_gutter .col.desktop-5 { -webkit-flex-basis: calc(41.66667% - 0px); -ms-flex-preferred-size: calc(41.66667% - 0px); flex-basis: calc(41.66667% - 0px); max-width: calc(41.66667% - 0px); }
.row.no_gutter .col.desktop-6 { -webkit-flex-basis: calc(50% - 0px); -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); max-width: calc(50% - 0px); }
.row.no_gutter .col.desktop-7 { -webkit-flex-basis: calc(58.33333% - 0px); -ms-flex-preferred-size: calc(58.33333% - 0px); flex-basis: calc(58.33333% - 0px); max-width: calc(58.33333% - 0px); }
.row.no_gutter .col.desktop-8 { -webkit-flex-basis: calc(66.66667% - 0px); -ms-flex-preferred-size: calc(66.66667% - 0px); flex-basis: calc(66.66667% - 0px); max-width: calc(66.66667% - 0px); }
.row.no_gutter .col.desktop-9 { -webkit-flex-basis: calc(75% - 0px); -ms-flex-preferred-size: calc(75% - 0px); flex-basis: calc(75% - 0px); max-width: calc(75% - 0px); }
.row.no_gutter .col.desktop-10 { -webkit-flex-basis: calc(83.33333% - 0px); -ms-flex-preferred-size: calc(83.33333% - 0px); flex-basis: calc(83.33333% - 0px); max-width: calc(83.33333% - 0px); }
.row.no_gutter .col.desktop-11 { -webkit-flex-basis: calc(91.66667% - 0px); -ms-flex-preferred-size: calc(91.66667% - 0px); flex-basis: calc(91.66667% - 0px); max-width: calc(91.66667% - 0px); }
.row.no_gutter .col.desktop-12 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }

@media screen and (min-width: 801px) and (max-width: 1024px) { 
  .grid { width: 96%; }
  .row .col.tablet-1 { -webkit-flex-basis: calc(12.5% - 20px); -ms-flex-preferred-size: calc(12.5% - 20px); flex-basis: calc(12.5% - 20px); max-width: calc(12.5% - 20px); }
  .row .col.tablet-2 { -webkit-flex-basis: calc(25% - 20px); -ms-flex-preferred-size: calc(25% - 20px); flex-basis: calc(25% - 20px); max-width: calc(25% - 20px); }
  .row .col.tablet-3 { -webkit-flex-basis: calc(37.5% - 20px); -ms-flex-preferred-size: calc(37.5% - 20px); flex-basis: calc(37.5% - 20px); max-width: calc(37.5% - 20px); }
  .row .col.tablet-4 { -webkit-flex-basis: calc(50% - 20px); -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); max-width: calc(50% - 20px); }
  .row .col.tablet-5 { -webkit-flex-basis: calc(62.5% - 20px); -ms-flex-preferred-size: calc(62.5% - 20px); flex-basis: calc(62.5% - 20px); max-width: calc(62.5% - 20px); }
  .row .col.tablet-6 { -webkit-flex-basis: calc(75% - 20px); -ms-flex-preferred-size: calc(75% - 20px); flex-basis: calc(75% - 20px); max-width: calc(75% - 20px); }
  .row .col.tablet-7 { -webkit-flex-basis: calc(87.5% - 20px); -ms-flex-preferred-size: calc(87.5% - 20px); flex-basis: calc(87.5% - 20px); max-width: calc(87.5% - 20px); }
  .row .col.tablet-8 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row.no_gutter { margin-left: 0; }
  .row.no_gutter .col { margin-left: 0; }
  .row.no_gutter .col.tablet-1 { -webkit-flex-basis: calc(12.5% - 0px); -ms-flex-preferred-size: calc(12.5% - 0px); flex-basis: calc(12.5% - 0px); max-width: calc(12.5% - 0px); }
  .row.no_gutter .col.tablet-2 { -webkit-flex-basis: calc(25% - 0px); -ms-flex-preferred-size: calc(25% - 0px); flex-basis: calc(25% - 0px); max-width: calc(25% - 0px); }
  .row.no_gutter .col.tablet-3 { -webkit-flex-basis: calc(37.5% - 0px); -ms-flex-preferred-size: calc(37.5% - 0px); flex-basis: calc(37.5% - 0px); max-width: calc(37.5% - 0px); }
  .row.no_gutter .col.tablet-4 { -webkit-flex-basis: calc(50% - 0px); -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); max-width: calc(50% - 0px); }
  .row.no_gutter .col.tablet-5 { -webkit-flex-basis: calc(62.5% - 0px); -ms-flex-preferred-size: calc(62.5% - 0px); flex-basis: calc(62.5% - 0px); max-width: calc(62.5% - 0px); }
  .row.no_gutter .col.tablet-6 { -webkit-flex-basis: calc(75% - 0px); -ms-flex-preferred-size: calc(75% - 0px); flex-basis: calc(75% - 0px); max-width: calc(75% - 0px); }
  .row.no_gutter .col.tablet-7 { -webkit-flex-basis: calc(87.5% - 0px); -ms-flex-preferred-size: calc(87.5% - 0px); flex-basis: calc(87.5% - 0px); max-width: calc(87.5% - 0px); }
  .row.no_gutter .col.tablet-8 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); } }

@media screen and (min-width: 481px) and (max-width: 800px) { 
  .grid { width: 95%; }
  .row .col.phablet-1 { -webkit-flex-basis: calc(25% - 20px); -ms-flex-preferred-size: calc(25% - 20px); flex-basis: calc(25% - 20px); max-width: calc(25% - 20px); }
  .row .col.phablet-2 { -webkit-flex-basis: calc(50% - 20px); -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); max-width: calc(50% - 20px); }
  .row .col.phablet-3 { -webkit-flex-basis: calc(75% - 20px); -ms-flex-preferred-size: calc(75% - 20px); flex-basis: calc(75% - 20px); max-width: calc(75% - 20px); }
  .row .col.phablet-4 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row.no_gutter { margin-left: 0; }
  .row.no_gutter .col { margin-left: 0; }
  .row.no_gutter .col.phablet-1 { -webkit-flex-basis: calc(25% - 0px); -ms-flex-preferred-size: calc(25% - 0px); flex-basis: calc(25% - 0px); max-width: calc(25% - 0px); }
  .row.no_gutter .col.phablet-2 { -webkit-flex-basis: calc(50% - 0px); -ms-flex-preferred-size: calc(50% - 0px); flex-basis: calc(50% - 0px); max-width: calc(50% - 0px); }
  .row.no_gutter .col.phablet-3 { -webkit-flex-basis: calc(75% - 0px); -ms-flex-preferred-size: calc(75% - 0px); flex-basis: calc(75% - 0px); max-width: calc(75% - 0px); }
  .row.no_gutter .col.phablet-4 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); } }
  
@media screen and (max-width: 480px) { 
  .grid { width: 90%; }
  .row .col.desktop-1 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-2 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-3 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-4 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-5 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-6 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-7 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-8 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-9 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-10 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-11 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row .col.desktop-12 { -webkit-flex-basis: calc(100% - 20px); -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); max-width: calc(100% - 20px); }
  .row.no_gutter { margin-left: 0; }
  .row.no_gutter .col { margin-left: 0; }
  .row.no_gutter .col.desktop-1 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-2 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-3 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-4 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-5 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-6 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-7 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-8 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-9 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-10 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-11 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); }
  .row.no_gutter .col.desktop-12 { -webkit-flex-basis: calc(100% - 0px); -ms-flex-preferred-size: calc(100% - 0px); flex-basis: calc(100% - 0px); max-width: calc(100% - 0px); } }

.grid.fullsize { width: 100% !important; max-width: none !important; }