/*
  $$\                           $$\                                  
  $$ |                          \__|                                 
  $$$$$$$\   $$$$$$\   $$$$$$$\ $$\     $$$$$$$\  $$$$$$$\  $$$$$$$\ 
  $$  __$$\  \____$$\ $$  _____|$$ |   $$  _____|$$  _____|$$  _____|
  $$ |  $$ | $$$$$$$ |\$$$$$$\  $$ |   $$ /      \$$$$$$\  \$$$$$$\  
  $$ |  $$ |$$  __$$ | \____$$\ $$ |   $$ |       \____$$\  \____$$\ 
  $$$$$$$  |\$$$$$$$ |$$$$$$$  |$$ |$$\\$$$$$$$\ $$$$$$$  |$$$$$$$  |
  \_______/  \_______|\_______/ \__|\__|\_______|\_______/ \_______/ 

  basi.css actual
  Author: Chris Chambers
  Version: 3.2 [11.14.2014]
/
*/


*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: inherit;
}

html {
  font-size: 10px; 
  box-sizing: border-box;
}

body { 
  font-size: 1.6rem;
  font-size: 16px; 
  font-family: "Lato" !important;
  
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  max-height: 80vh;
  border: 0;
}

.fill            { position: absolute; width: 100%; height: 100% }
.fill-height     { height: 100% }
.fill-width      { width: 100% }
.off             { display: none }
.on,
.block           { display: block }
.on-inline,
.inline          { display: inline-block }
.alpha-off       { opacity: 0 }
.alpha-on        { opacity: 1 }
.stage-right     { left: 110% !important }
.stage-left      { right: 110% !important }
.stage-top       { bottom: 110% !important }
.stage-bottom    { top: 110% !important }

.absolute        { display: block; position: absolute }
.relative        { display: block; position: relative }
.fixed           { display: block; position: fixed }
.static          { display: block; position: static }
.clear           { clear: both; overflow: hidden; zoom: 1 }
.clear:before,
.clear:after     { content: "."; display: block; height: 0; overflow: hidden; clear: both }

.overhide        { overflow: hidden !important }
.overshow        { overflow: visible !important }
.sub-layer       { position: relative; z-index: -1 }
.back-layer      { position: relative; z-index: 1 }
.middle-layer    { position: relative; z-index: 2 }
.front-layer     { position: relative; z-index: 3 }

.no-pad             { padding: 0 !important }
.pad,   
.pad-box            { padding: 30px; padding: 3rem }
.pad-sides          { padding-left: 30px; padding-right: 30px; padding-left: 3rem; padding-right: 3rem }
.pad-lips           { padding-top: 30px; padding-bottom: 30px; padding-top: 3rem; padding-bottom: 3rem }
.pad-top            { padding-top: 30px; padding-top: 3rem }
.pad-bottom         { padding-bottom: 30px; padding-bottom: 3rem }
.pad-right          { padding-right: 30px; padding-right: 3rem }
.pad-left           { padding-left: 30px; padding-left: 3rem; }
.pad-light,
.pad-box-light      { padding: 15px; padding: 1.5rem; }
.pad-sides-light    { padding-left: 15px; padding-right: 15px; padding-left: 1.5rem; padding-right: 1.5rem }
.pad-lips-light     { padding-top: 15px; padding-bottom: 15px; padding-top: 1.5rem; padding-bottom: 1.5rem }
.pad-top-light      { padding-top: 15px; padding-top: 1.5rem }
.pad-bottom-light   { padding-bottom: 15px; padding-bottom: 1.5rem }
.pad-right-light    { padding-right: 15px; padding-right: 1.5rem }
.pad-left-light     { padding-left: 15px; padding-left: 1.5rem }
.pad-hard,
.pad-box-hard       { padding: 60px; padding: 6rem }
.pad-sides-hard     { padding-left: 60px; padding-right: 60px; padding-left: 6rem; padding-right: 6rem }
.pad-lips-hard      { padding-top: 60px; padding-bottom: 60px; padding-top: 6rem; padding-bottom: 6rem }
.pad-top-hard       { padding-top: 60px; padding-top: 6rem }
.pad-bottom-hard    { padding-bottom: 60px; padding-bottom: 6rem }
.pad-right-hard     { padding-right: 60px; padding-right: 6rem }
.pad-left-hard      { padding-left: 60px; padding-left: 6rem }

.margin,    
.margin-box         { margin: 30px; margin: 3rem }
.margin-top         { margin-top: 30px; margin-top: 3rem }
.margin-bottom      { margin-bottom: 30px; margin-bottom: 3rem; }
.margin-right       { margin-right: 30px; margin-right: 3rem }
.margin-left        { margin-left: 30px; margin-left: 3rem }
.margin-sides       { margin-left: 30px; margin-right: 30px; margin-left: 3rem; margin-right: 3rem }
.margin-lips        { margin-top: 30px; margin-bottom: 30px; margin-top: 3rem; margin-bottom: 3rem }
.margin-light,
.margin-box-light   { margin: 15px; margin: 1.5rem }
.margin-top-light   { margin-top: 15px; margin-top: 1.5rem }
.margin-bottom-light{ margin-bottom: 15px; margin-bottom: 1.5rem }
.margin-right-light { margin-right: 15px; margin-right: 1.5rem }
.margin-left-light  { margin-left: 15px; margin-left: 1.5rem }
.margin-sides-light { margin-left: 15px; margin-right: 15px; margin-left: 1.5rem; margin-right: 1.5rem }
.margin-lips-light  { margin-top: 15px; margin-bottom: 15px; margin-top: 1.5rem; margin-bottom: 1.5rem }
.margin-hard,       
.margin-box-hard    { margin: 60px; margin: 6rem }
.margin-top-hard    { margin-top: 60px; margin-top: 6rem }
.margin-bottom-hard { margin-bottom: 60px; margin-bottom: 6rem }
.margin-right-hard  { margin-right: 60px; margin-right: 6rem }
.margin-left-hard   { margin-left: 60px; margin-left: 6rem }
.margin-sides-hard  { margin-left: 60px; margin-right: 60px; margin-left: 6rem; margin-right: 6rem }
.margin-lips-hard   { margin-top: 60px; margin-bottom: 60px; margin-top: 6rem; margin-bottom: 6rem }

.pull-top           { margin-top: -30px; margin-top: -3rem }
.pull-bottom        { margin-bottom: -30px; margin-bottom: -3rem }
.pull-right         { margin-right: -30px; margin-right: -3rem }
.pull-left          { margin-left: -30px; margin-left: -3rem }
.pull-top-light     { margin-top: -15px; margin-top: -1.5rem }
.pull-bottom-light  { margin-bottom: -15px; margin-bottom: -1.5rem }
.pull-right-light   { margin-right: -15px; margin-right: -1.5rem }
.pull-left-light    { margin-left: -15px; margin-left: -1.5rem }
.pull-top-hard      { margin-top: -60px; margin-top: -6rem }
.pull-bottom-hard   { margin-bottom: -60px; margin-bottom: -6rem }
.pull-right-hard    { margin-right: -60px; margin-right: -6rem }
.pull-left-hard     { margin-left: -60px; margin-left: -6rem }

.center-box         { margin-left: auto; margin-right: auto }
.float-none         { float: none !important }
.float-left         { float: left !important }
.float-right        { float: right !important }

.round              { border-radius: 50% }

.cols-2 { 
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2
}
.cols-3 { 
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3
}

.ultralight {
  font-family: 'Lato', 'HelveticaNeue-UltraLight',
  'Helvetica Neue UltraLight',
  'Helvetica Neue', 
  Helvetica, Arial, Roboto, sans-serif;
  font-weight: 100;
  letter-spacing: 1px
}
.light { 
  font-family: 'Lato', "HelveticaNeue-Light", 
  "Helvetica Neue Light", 
  Helvetica, Arial, Roboto, sans-serif;
}
.normal {
  font-family: 'Lato', "Helvetica Neue", 
  Helvetica, Arial, Roboto, sans-serif;
  font-weight: normal
}
.bold    {
  font-family: 'Lato', "Helvetica Neue", 
  Helvetica, Arial, Roboto, sans-serif;
  font-weight: 700
}

.text-right     { text-align: right }
.text-left      { text-align: left }
.text-center    { text-align: center }
.text-justify   { text-align: justify }

.px100          { font-size: 100px; font-size: 10rem }
.px98           { font-size: 98px; font-size: 9.8rem }
.px96           { font-size: 96px; font-size: 9.6rem }
.px94           { font-size: 94px; font-size: 9.4rem }
.px92           { font-size: 92px; font-size: 9.2rem }
.px90           { font-size: 90px; font-size: 9.0rem }
.px88           { font-size: 88px; font-size: 8.8rem }
.px86           { font-size: 86px; font-size: 8.6rem }
.px84           { font-size: 84px; font-size: 8.4rem }
.px82           { font-size: 82px; font-size: 8.2rem }
.px80           { font-size: 80px; font-size: 8.0rem }
.px78           { font-size: 78px; font-size: 7.8rem }
.px76           { font-size: 76px; font-size: 7.6rem }
.px74           { font-size: 74px; font-size: 7.4rem }
.px72           { font-size: 72px; font-size: 7.2rem }
.px70           { font-size: 70px; font-size: 7.0rem }
.px68           { font-size: 68px; font-size: 6.8rem }
.px66           { font-size: 66px; font-size: 6.6rem }
.px64           { font-size: 64px; font-size: 6.4rem }
.px62           { font-size: 62px; font-size: 6.2rem }
.px60           { font-size: 60px; font-size: 6.0rem }
.px58           { font-size: 58px; font-size: 5.8rem }
.px56           { font-size: 56px; font-size: 5.6rem }
.px54           { font-size: 54px; font-size: 5.4rem }
.px52           { font-size: 52px; font-size: 5.2rem }
.px50           { font-size: 50px; font-size: 5.0rem }
.px48           { font-size: 48px; font-size: 4.8rem }
.px46           { font-size: 46px; font-size: 4.6rem }
.px44           { font-size: 44px; font-size: 4.4rem }
.px42           { font-size: 42px; font-size: 4.2rem }
.px40           { font-size: 40px; font-size: 4.0rem }
.px38           { font-size: 38px; font-size: 3.8rem }
.px36           { font-size: 36px; font-size: 3.6rem }
.px34           { font-size: 34px; font-size: 3.4rem }
.px32           { font-size: 32px; font-size: 3.2rem }
.px30           { font-size: 30px; font-size: 3.0rem }
.px28           { font-size: 28px; font-size: 2.8rem }
.px26           { font-size: 26px; font-size: 2.6rem }
.px24           { font-size: 24px; font-size: 2.4rem }
.px22           { font-size: 22px; font-size: 2.2rem }
.px20           { font-size: 20px; font-size: 2.0rem }
.px18           { font-size: 18px; font-size: 1.8rem }
.px16           { font-size: 16px; font-size: 1.6rem }
.px14           { font-size: 14px; font-size: 1.4rem }
.px12           { font-size: 12px; font-size: 1.2rem }
.px10           { font-size: 10px; font-size: 1.0rem }

.lh100          { line-height: 100px; line-height: 10rem }
.lh98           { line-height: 98px; line-height: 9.8rem }
.lh96           { line-height: 96px; line-height: 9.6rem }
.lh94           { line-height: 94px; line-height: 9.4rem }
.lh92           { line-height: 92px; line-height: 9.2rem }
.lh90           { line-height: 90px; line-height: 9.0rem }
.lh88           { line-height: 88px; line-height: 8.8rem }
.lh86           { line-height: 86px; line-height: 8.6rem }
.lh84           { line-height: 84px; line-height: 8.4rem }
.lh82           { line-height: 82px; line-height: 8.2rem }
.lh80           { line-height: 80px; line-height: 8.0rem }
.lh78           { line-height: 78px; line-height: 7.8rem }
.lh76           { line-height: 76px; line-height: 7.6rem }
.lh74           { line-height: 74px; line-height: 7.4rem }
.lh72           { line-height: 72px; line-height: 7.2rem }
.lh70           { line-height: 70px; line-height: 7.0rem }
.lh68           { line-height: 68px; line-height: 6.8rem }
.lh66           { line-height: 66px; line-height: 6.6rem }
.lh64           { line-height: 64px; line-height: 6.4rem }
.lh62           { line-height: 62px; line-height: 6.2rem }
.lh60           { line-height: 60px; line-height: 6.0rem }
.lh58           { line-height: 58px; line-height: 5.8rem }
.lh56           { line-height: 56px; line-height: 5.6rem }
.lh54           { line-height: 54px; line-height: 5.4rem }
.lh52           { line-height: 52px; line-height: 5.2rem }
.lh50           { line-height: 50px; line-height: 5.0rem }
.lh48           { line-height: 48px; line-height: 4.8rem }
.lh46           { line-height: 46px; line-height: 4.6rem }
.lh44           { line-height: 44px; line-height: 4.4rem }
.lh42           { line-height: 42px; line-height: 4.2rem }
.lh40           { line-height: 40px; line-height: 4.0rem }
.lh38           { line-height: 38px; line-height: 3.8rem }
.lh36           { line-height: 36px; line-height: 3.6rem }
.lh34           { line-height: 34px; line-height: 3.4rem }
.lh32           { line-height: 32px; line-height: 3.2rem }
.lh30           { line-height: 30px; line-height: 3.0rem }
.lh28           { line-height: 28px; line-height: 2.8rem }
.lh26           { line-height: 26px; line-height: 2.6rem }
.lh24           { line-height: 24px; line-height: 2.4rem }
.lh22           { line-height: 22px; line-height: 2.2rem }
.lh20           { line-height: 20px; line-height: 2.0rem }
.lh18           { line-height: 18px; line-height: 1.8rem }
.lh16           { line-height: 16px; line-height: 1.6rem }
.lh14           { line-height: 14px; line-height: 1.4rem }
.lh12           { line-height: 12px; line-height: 1.2rem }
.lh10           { line-height: 10px; line-height: 1.0rem }

/* put custom colors in your theme.css */
.purple         { color: #005487 }
.error          { color: #990000 }
.success        { color: #2F7215 }

.back-purple    { background: #005487 }
.back-error     { background: #990000 }
.back-success   { background: #2F7215 }
/* end colors */

.normalcase     { text-transform: normal }
.uppercase      { text-transform: uppercase }
.lowercase      { text-transform: lowercase }
.titlecase      { text-transform: capitalize }
.strike         { text-decoration: line-through }
.italic         { font-style: italic }


.flex  {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -ms-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.flex.row        { flex-direction: row; -ms-flex-direction: row }
.flex.row-rev    { flex-direction: row-reverse; -ms-flex-direction: row-reverse }
.flex.col        { flex-direction: column; -ms-flex-direction: column }
.flex.col-rev    { flex-direction: column-reverse; -ms-flex-direction: column-reverse }

.flex.wrap       { flex-wrap: wrap; -ms-flex-wrap: wrap }
.flex.nowrap     { flex-wrap: nowrap; -ms-flex-wrap: nowrap }
.flex.wrap-rev   { flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse }

.flex.start      { justify-content: flex-start; -ms-flex-pack: start }
.flex.end        { justify-content: flex-end; -ms-flex-pack: end }
.flex.center     { justify-content: center; -ms-flex-pack: center }
.flex.between    { justify-content: space-between; -ms-flex-pack: justify }
.flex.around     { justify-content: space-around; -ms-flex-pack: justify }
.flex.stretch    { justify-content: stretch; -ms-flex-pack: stretch }

.flex.top        { align-items: flex-start; -ms-flex-align: start }
.flex.bottom     { align-items: flex-end; -ms-flex-align: end }
.flex.middle     { align-items: center; -ms-flex-align: center }
.flex.stretch    { align-items: stretch; -ms-flex-align: stretch }
.flex.content    { align-items: baseline; -ms-flex-align: baseline }

.flex.cross-top        { align-content: flex-start }
.flex.cross-bottom     { align-content: flex-end }
.flex.cross-middle     { align-content: center }
.flex.cross-stretch    { align-content: stretch }
.flex.cross-content    { align-content: baseline }

.flex-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  -webkit-flex-grow: 0;
  -webkit-flex-shrink: 0;
  -webkit-flex-basis: auto;
}

.flex-item.top    { align-self: flex-start; }
.flex-item.bottom { align-self: flex-end; }
.flex-item.middle { align-self: center; }
.flex-item.stretch{ align-self: stretch; }
.flex-item.content{ align-self: baseline; }

.order-0 { order: 0; -ms-box-ordinal: 0 }
.order-1 { order: 1; -ms-box-ordinal: 1 }
.order-2 { order: 2; -ms-box-ordinal: 2 }
.order-3 { order: 3; -ms-box-ordinal: 3 }
.order-4 { order: 4; -ms-box-ordinal: 4 }
.order-5 { order: 5; -ms-box-ordinal: 5 }
.order-6 { order: 6; -ms-box-ordinal: 6 }
.order-7 { order: 7; -ms-box-ordinal: 7 }
.order-8 { order: 8; -ms-box-ordinal: 8 }
.order-9 { order: 9; -ms-box-ordinal: 9 }

.flex.grid    { flex-grow: 1 }

.flex-item.single  { flex-grow: 0 }
.flex-item.double  { flex-grow: 1 }
.flex-item.triple  { flex-grow: 2 }


.row      { width: 100%; float: left; max-width: none; }

.contain {
  width: 115rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.autopad { list-style: none }
.autopad > li { padding: 1rem 1.5rem  }
.autopad > h2 { padding: 1.5rem 0 }
.autopad > p {  padding-bottom: 1.5rem }
.autopad > [class*=col-],
.autopad-light > [class*=col-]{ padding: 1.5rem; padding-right: 1.5rem; padding-left: 1.5rem; }
.autopad > [class*=col-]:first-of-type { padding-left: 3rem; }
.autopad > [class*=col-]:last-of-type { padding-right: 3rem; }


[class*=col-]{
  float: left;
}
.row:after,
.contain:after,
[class*=col-]:after{ content: "."; display: block; height: 0; overflow: hidden }  
[class*=col-] p:first-of-type{ margin-top: 0 }

/*.col-1-16  { width: 6.25% }
.col-1-12  { width: 8.33% }
.col-1-10  { width: 10% }*/
.col-1-8   { width: 12.5% }
.col-1-6   { width: 16.66% }
/*.col-3-16  { width: 18.75% }*/
.col-1-5   { width: 20% } 
.col-1-4   { width: 25% }
/*.col-3-10  { width: 30% }
.col-5-16  { width: 31.25 }*/
.col-1-3   { width: 33.33% }
.col-3-8   { width: 37.5% }
.col-2-5   { width: 40% }
/*.col-7-16  { width: 43.75% }*/
.col-1-2   { width: 50% }
/*.col-9-16  { width: 56.25 }*/
.col-3-5   { width: 60% }
.col-5-8   { width: 62.5% }
/*.col-11-16 { width: 68.75% }*/
.col-2-3   { width: 66.66% }
/*.col-7-10  { width: 70% }*/
.col-3-4   { width: 75% }
.col-4-5   { width: 80% }
/*.col-13-16 { width: 81.25% }*/
.col-5-6   { width: 83.33% }
.col-7-8   { width: 87.5% }
/*.col-9-10  { width: 90% }
.col-15-16 { width: 93.75% }*/
.col-1-1   { width: 100% }


.push-1-1 { margin-left: 100% }
.push-3-4 { margin-left: 75% }
.push-1-2 { margin-left: 50% }
.push-1-4 { margin-left: 25% }
.push-1-5 { margin-left: 20% }
.push-2-5 { margin-left: 40% }
.push-3-5 { margin-left: 60% }
.push-4-5 { margin-left: 80% }
.push-1-6 { margin-left: 16.66% }
.push-5-6 { margin-left: 83.33% }
.push-7-8 { margin-left: 87.5% }
.push-1-8 { margin-left: 12.5% }
.push-3-8 { margin-left: 37.5% }
.push-1-3 { margin-left: 33.33% }
.push-2-3 { margin-left: 66.66% }

@media (max-width: 500px) { /* phones */
  html          { font-size: 10px }
}

@media (min-width: 0px) and (max-width: 805px) { 
  html          { font-size: 9px }
  .row{
    overflow: visible;
    float: left;
  }
  .contain      {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px; padding-right: 15px;
    padding-left: 1.5rem; padding-right: 1.5rem;
    overflow: hidden;
  }
  .row > [class*=col-]{
    width: 100% !important;
  }
  [class*=col-] {
    margin-left: 0 !important;
  }
  .touch,
  .phone        { display: block !important }
  .desktop      { display: none !important }
}


@media (min-width: 805px) {  
  html          { font-size: 7px }
  .desktop      { display: block }
  .touch,.phone { display: none }
}

@media (min-width: 950px) { 
  html          { font-size: 8px }
}

@media (min-width: 1050px) {  
  html          { font-size: 9px }
}

@media (min-width: 1200px) {
  html          { font-size: 10px }
}

@media (min-width: 1400px) {
  html          { font-size: 11px }
}

@media (min-width: 1600px) {
  html          { font-size: 12px }
}


@media (min-width: 0px) {
  html.unadapt          { font-size: 10px !important }
  html.unadapt .contain { width: 980px !important }
  html.unadapt .row     { width: 100% !important; float: left !important }
  html.unadapt .desktop { display: block !important }
  html.unadapt .phone,
  html.unadapt .touch   { display: none !important }
  html.unadapt .col-1-1 { width: 100% !important }
  html.unadapt .col-3-4 { width: 75% !important }
  html.unadapt .col-1-2 { width: 50% !important }
  html.unadapt .col-1-4 { width: 25% !important }
  html.unadapt .col-1-5 { width: 20% !important }
  html.unadapt .col-2-5 { width: 40% !important }
  html.unadapt .col-3-5 { width: 60% !important }
  html.unadapt .col-4-5 { width: 80% !important }
  html.unadapt .col-1-8 { width: 12.5% !important }
  html.unadapt .col-1-16{ width: 6.25% !important }
  html.unadapt .col-2-3 { width: 66.66% !important }
  html.unadapt .col-1-3 { width: 33.33% !important }
}