/* Fontface */

@font-face {
  font-family: 'transan';
  src: url('/wp-content/themes/headfirst/fonts/tdui.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/headfirst/fonts/tdui.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/headfirst/fonts/tdui.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/headfirst/fonts/tdui.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/headfirst/fonts/tdui.ttf')  format('truetype');
  font-weight: 800;font-style: italic;
}

/* @font-face {
  font-family: 'transan';
  src: url('/wp-content/themes/headfirst/fonts/tdbi.eot'); 
  src: url('/wp-content/themes/headfirst/fonts/tdbi.eot?#iefix') format('embedded-opentype'),
       url('/wp-content/themes/headfirst/fonts/tdbi.woff2') format('woff2'),
       url('/wp-content/themes/headfirst/fonts/tdbi.woff') format('woff'),
       url('/wp-content/themes/headfirst/fonts/tdbi.ttf')  format('truetype');
  font-weight: 700;font-style: italic;
} */


/* ------------------------------------- 
  Normalize
  ----------------------------------- */

  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
  audio, canvas, video { display: inline-block; display: inline; zoom: 1; }
  audio:not([controls]) { display: none; }[hidden] { display: none; }
  html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;background: #1d1d2d;}
  html, button, input, select, textarea { font-family: sans-serif; color: #222; }
  body { margin: 0; font-size: 1em; line-height: 1.4; }
  ::-moz-selection { background: #2fbdff; color: #fff; text-shadow: none; }
  ::selection { background: #2fbdff; color: #fff; text-shadow: none; }
  a {color: #00c1dc;text-decoration: none;}
  a:visited {color: #00c1dc;}
  .no-touch a:hover {filter: alpha(opacity=75);opacity: 0.75;}
  a:focus { outline: none; }
  b, strong { font-weight: bold; }
  dfn { font-style: italic; }
  ins { background: #ff9; color: #000; text-decoration: none; }
  mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
  pre, code, kbd, samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}
  pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  small {font-size: 75%;}
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sup { top: -0.5em; }
  sub { bottom: -0.25em; }
  ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
  dd { margin: 0 0 0 40px; }
  nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
  img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%;height:auto;}
  svg:not(:root) { overflow: hidden; }
  figure { margin: 0; }
  form { margin: 0; }
  fieldset { border: 0; margin: 0; padding: 0; }
  label { cursor: pointer; }
  legend { border: 0; margin-left: -7px; padding: 0; white-space: normal; }
  button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; }
  button, input { line-height: normal; }
  button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; overflow: visible; }
  button[disabled], input[disabled] { cursor: default; }
  input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0; width: 13px; height: 13px;}
  input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
  button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  textarea { overflow: auto; vertical-align: top; resize: vertical; }
  input:valid, textarea:valid {  }
  input:invalid, textarea:invalid { background-color: #f0dddd; }
  table { border-collapse: collapse; border-spacing: 0; }
  td { vertical-align: top; }


/* ------------------------------------- 
  Globals
  ----------------------------------- */

/* Helpers
  ----------------------------- */
  .hidden { display: none !important; visibility: hidden; }
  .clearfix:before, .clearfix:after { content: ""; display: table; }
  .clearfix:after { clear: both; }
  .clearfix { zoom: 1; }
  

/* Wrap
  --------------------------- */   
  .wrap{position: relative;z-index: 2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;background: #1d1d2d;}
  .nav-open .wrap{-webkit-transform: translate(-270px, 0px);-moz-transform: translate(-270px, 0px);-o-transform: translate(-270px, 0px);-ms-transform: translate(-270px, 0px);transform: translate(-270px, 0px);/* box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.14); */}

/* Vertical Centering
  --------------------------- */
  .v-align { position: relative; top: 0; right: 0; height: 100%; bottom: 0; left: 0; display: table; width: 100%;}

/* Horizontal Centering
  --------------------------- */
  .center{text-align: center;margin: auto;}
  .h-align {height: 100%;width: 100%;display: table-cell;vertical-align: middle;}
  .inner{max-width: 1700px;padding: 0 7%;margin:0 auto;position: relative;}
  .inner-900{max-width:900px;}
  .inner-700{max-width:700px;}
  .inner.wide{max-width: 100%;padding: 0 60px;}
  .inner.medium{max-width: 1400px;}
  .inner.thin{max-width: 1200px;}



/* Viewport Heights
  --------------------------- */
  @media screen and (min-height:650px) and (min-width:650px){
    .vheight-100{height:100vh;}
    .vheight-90{height:90vh;}
    .vheight-80{height:80vh;}
    .vheight-70{height:70vh;}
    .vheight-60{height:60vh;}
  }

/* Vertical padding / margin
  --------------------------- */
  .pad-top-160{padding-top: 160px;}
  .pad-bot-160{padding-bottom: 160px;}
  .pad-top-140{padding-top: 140px;}
  .pad-bot-140{padding-bottom: 140px;}
  .pad-top-120{padding-top: 120px;}
  .pad-bot-120{padding-bottom: 120px;}
  .pad-top-100{padding-top: 100px;}
  .pad-bot-100{padding-bottom: 100px;}
  .pad-top-80{padding-top: 40px;}
  .pad-bot-80{padding-bottom: 40px;}
  .pad-top-60{padding-top: 40px;}
  .pad-bot-60{padding-bottom: 40px;}
  .pad-top-40{padding-top: 40px;}
  .pad-bot-40{padding-bottom: 40px;}
  .pad-top-20{padding-top: 20px;}
  .pad-bot-20{padding-bottom: 20px;}

  .mar-top-160{margin-top: 160px;}
  .mar-bot-160{margin-bottom: 160px;}
  .mar-top-140{margin-top: 140px;}
  .mar-bot-140{margin-bottom: 140px;}
  .mar-top-120{margin-top: 120px;}
  .mar-bot-120{margin-bottom: 120px;}
  .mar-top-100{margin-top: 100px;}
  .mar-bot-100{margin-bottom: 100px;}
  .mar-top-80{margin-top: 80px;}
  .mar-bot-80{margin-bottom: 80px;}
  .mar-top-60{margin-top: 60px;}
  .mar-bot-60{margin-bottom: 60px;}
  .mar-top-40{margin-top: 40px;}
  .mar-bot-40{margin-bottom: 40px;}
  .mar-top-20{margin-top: 20px;}
  .mar-bot-20{margin-bottom: 20px;}
  
  @media screen and (max-width:640px){
    .pad-top-160{padding-top: 80px;}
    .pad-bot-160{padding-bottom: 80px;}
    .pad-top-140{padding-top: 70px;}
    .pad-bot-140{padding-bottom: 70px;}
    .pad-top-120{padding-top: 60px;}
    .pad-bot-120{padding-bottom: 60px;}
    .pad-top-100{padding-top: 50px;}
    .pad-bot-100{padding-bottom: 50px;}
    .pad-top-80{padding-top: 40px;}
    .pad-bot-80{padding-bottom: 40px;}
    .pad-top-60{padding-top: 30px;}
    .pad-bot-60{padding-bottom: 30px;}
    .pad-top-40{padding-top: 20px;}
    .pad-bot-40{padding-bottom: 20px;}
    .pad-top-20{padding-top: 10px;}
    .pad-bot-20{padding-bottom: 10px;}

    .mar-top-160{margin-top: 80px;}
    .mar-bot-160{margin-bottom: 80px;}
    .mar-top-140{margin-top: 70px;}
    .mar-bot-140{margin-bottom: 70px;}
    .mar-top-120{margin-top: 60px;}
    .mar-bot-120{margin-bottom: 60px;}
    .mar-top-100{margin-top: 50px;}
    .mar-bot-100{margin-bottom: 50px;}
    .mar-top-80{margin-top: 40px;}
    .mar-bot-80{margin-bottom: 40px;}
    .mar-top-60{margin-top: 30px;}
    .mar-bot-60{margin-bottom: 30px;}
    .mar-top-40{margin-top: 20px;}
    .mar-bot-40{margin-bottom: 20px;}
    .mar-top-20{margin-top: 10px;}
    .mar-bot-20{margin-bottom: 10px;}
  }

/* Main Grid / Diff Col Grid
  ------------------------ */
  *, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .grid{/* overflow: hidden; */}
  .grid:after {content: "";display: table;clear: both;}

  [class*='col-'] {float: left;padding: 0px;}
  .col-1-1 {width: 100%;}
  .col-1-2 {width: 50%;}
  .col-1-3 {width: 33.33%;}
  .col-2-3 {width: 66.66%;}
  .col-1-4 {width: 25%;}
  .col-2-4 {width: 50%;}
  .col-3-4 {width:75%;}

  .grid.column-2{margin-left: -4%;margin-right: -4%;}
  .grid.column-2 .col{float: left;width: 42%;margin-left: 4%;margin-right: 4%;}
  .grid.column-2.tight{margin-left: -0.5%;margin-right: -0.5%;}
  .grid.column-2.tight .col{float: left;width: 49%;margin-left: 0.5%;margin-right: 0.5%;}
  .grid.column-2.no-gutter{margin-left: 0%;margin-right: 0%;}
  .grid.column-2.no-gutter .col{width: 50%;margin-left: 0%;margin-right: 0%;}
  .grid.column-2.no-gutter .col.shadow{border-radius: 0px;}

  .grid.column-3{margin-left: -2%;margin-right: -2%;}
  .grid.column-3 .col{float: left;width: 29.33%;margin: 0 2% 30px;}
  .grid.column-3.tight{margin-left: -0.5%;margin-right: -0.5%;}
  .grid.column-3.tight .col{float: left;width: 32.33%;margin: 0 0.5% 20px;}
  .grid.column-3.no-gutter{margin-left: 0%;margin-right: 0%;}
  .grid.column-3.no-gutter .col{width: 33.33%;margin: 0 0%;}

  .grid.column-4{margin-left: -1%;margin-right: -1%;}
  .grid.column-4 .col{float: left;width: 23%;margin: 0 1%;margin-bottom:20px;}
  .grid.column-4.tight{margin-left: -0.5%;margin-right: -0.5%;}
  .grid.column-4.tight .col{width: 24%;margin: 0 0.5%;}
  .grid.column-4.no-gutter{margin-left: 0%;margin-right: 0%;}
  .grid.column-4.no-gutter .col{width: 25%;margin: 0 0%;}

  .grid.column-5{margin-left: -1%;margin-right: -1%;}
  .grid.column-5 .col{float: left;width: 18%;margin: 0 1%;}
  .grid.column-5.tight{margin-left: -0.5%;margin-right: -0.5%;}
  .grid.column-5.tight .col{float: left;width: 19%;margin: 0 0.5%;}
  .grid.column-5.no-gutter{margin-left: 0%;margin-right: 0%;}
  .grid.column-5.no-gutter .col{width: 20%;margin: 0 0%;}

  @media screen and (max-width:960px){
    .grid.column-4 .col{width: 48%;margin-bottom: 20px;}
    .grid.column-2 .col,.grid.column-2.no-gutter .col{width:100%;margin-bottom: 20px;}
    .grid.column-2 .col,.grid.column-2.no-gutter .col:last-child{margin: 0px;}
    .grid.column-2.no-gutter .col.shadow{border-radius: 4px;}
    .alternating .column-2 img{margin-bottom: 30px;}
  }
  @media screen and (max-width:850px){
    .grid.column-3 .col, .grid.column-3.no-gutter .col,.grid.column-3.tight .col{width: 100%;margin-bottom: 20px;}
    .grid.column-3 .col:last-child,.grid.column-3.no-gutter .col:last-child{margin-bottom:0px;}
  }
  @media screen and (max-width:460px){
    .grid.column-4 .col{width:100%;}
  }

/* Flex Grid
  ------------------------ */
  .flex{display: -moz-flex;display: -webkit-flex;display: flex;-moz-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;position: relative;}


/* ------------------------------------- 
  Components
  ----------------------------------- */  

/* Typography
  ------------------------ */
  body{font-size:1em;font-family: sans-serif;line-height: 1.375em;}
  h1, h2, h3, h4, h5, h6{margin-bottom: 0.4em;}
  h1, h2{font-size: 4em;line-height: 1.25em;margin-top: 0px;}
  h3{font-size: 2.2em;line-height: 1em;margin-bottom: 0.4em;}
  h4{font-size: 1.3em;line-height: 1.22em;letter-spacing: 0.06em;}
  h5{font-size: 1em;line-height: 1.22em;}
  p,li{color: #4e565d;line-height: 1.8em;}
  .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark li, .dark span{color: #fff;}

  blockquote{font-size: 1.5em;line-height: 1.45833333em;border-left: 4px solid #E6E6E6;padding-left: 40px;margin-left: 0px;}
  .dark blockquote{border-left: 4px solid rgba(255, 255, 255, 0.2);}
  
  @media screen and (max-width: 1024px){
    h1{font-size: 2.5em;line-height: 1.125em;}
    h2{font-size: 2em; line-height: 1.25em;}
    h3{font-size: 1.5em;line-height: 1.25em;}
    h4{font-size: 1.125em; line-height: 1.22em;}
  }
  @media screen and (max-width: 640px){
    body{line-height: 1.25em;}
    h1{font-size:2em;line-height:1.25em;}
    h2{font-size: 2em;line-height:1.15em;}
    h3{font-size: 1.375em; line-height: 1.13em;}
    h4{font-size: 1.125em;line-height: 1.11em;}
    h5{line-height: 1.11em;}
    p,li{font-size:13px}
    blockquote{font-size: 1.25em; line-height: 1.25em;}
  }

/* Buttons - button groups
  --------------------------- */ 
  a.button{padding: 12px 27px;background-color: #00c1dc;color: white;font-size: 15px;display: inline-block;line-height: 1em;position: relative;transform: skew(-16deg);text-transform: uppercase;font-weight: 700;box-shadow: 4px 4px 0px rgba(6, 91, 161, 0.7);}
  a.button.small{padding: 8px 13px;font-size: 11px;}
  a.button.round{border-radius: 100px;}
  a.button.rounded{border-radius: 4px;}
  a.button.bg-white{background:white; color:black;}
  a.button.bg-blue{background: #007FEF;color:white;}
  a.button.bg-green{background: #00ca6e;color:white;}  
  a.button.ghost{/* background:transparent; *//* border: 2px solid; */}
  .button-group{margin: 1.3em 0;}
  .intro .button-group{margin-top:2em}
  .button-group a{margin: 0 10px 5px 0px;}
  .button-group:last-child{margin-bottom:0;}

  .bg-blue .section-head a.button{background:white;color: #00c1dc;margin-bottom:45px;}

/* Icons
  --------------------------- */ 
  i[class*="icon"]{font-family: 'framework';cursor:pointer;}
  [class^="icon-"]:before, [class*=" icon-"]:before{display:block; line-height: inherit !important;}

  i[class*="icon"].icon-large{border: 5px #00c1dc solid;border-radius: 100px;display: block;width: 80px;height: 80px;color: white;text-align: center;line-height: 70px;font-size: 30px;}
  a.popup-video{z-index: 1;position: absolute;width: 100%;height: 100%;}
  i.icon-play{position: absolute;color: white;left: 0;right: 0;margin: auto;top: 0;bottom: 0;font-size: 5.625em;width: 97px;height: 90px;line-height: 90px;cursor: pointer;}

  @media screen and (max-width:600px){
    i.icon-play{font-size: 50px;width: 50px;height: 60px;line-height: 50px;}
  }

/* Tables
  --------------------------- */ 
  table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb;width: 100%;}
  table td,table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:0.5em 1em}
  table th{border-bottom:1px solid #cbcbcb;font-weight: 700;}
  table td:first-child,table th:first-child{border-left-width:0}
  table thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}
  table tr:nth-child(2n-1) td{background-color:#f8f8f8}
  table td{border-bottom:1px solid #cbcbcb}

/* Backgrounds
  --------------------------- */   
  .bg-white, .bg-white.single-column.bg-image{background-image: url(/wp-content/themes/headfirst/img/white-bg.jpg);background-repeat: no-repeat;background-position: bottom right;background-size: auto 100%;background-color: white;}
  .bg-black{background:black;}
  .bg-grey{background: #F5F5F5;}
  .bg-blue{background: #262635;}
  .background-image{background-size: cover;background-position: center;position: relative;}
  .background-image:before{content:' ';display:block;position: absolute;background-color: rgba(0,0,0,0.3);width: 100%;height: 100%;left: 0;top: 0;z-index: 1;}
  .background-image.no-overlay:before{display:none;}

  .img-bg-swap{}
  .img-bg-swap img{display: none;}
  
  @media screen and (max-width: 700px){
    .background-image.img-bg-swap{background-image:none !important;}
    .img-bg-swap img{display: block;}
  }
  
/* Dividers
  --------------------------- */  
  hr {display: block;height: 1px;border: 0;border-top: 1px solid #E4E4E4;margin: 1em 0;padding: 0;}
  hr.divider{margin: 3em 0;}
  .dark hr{border-top: 1px solid rgba(255,255,255,0.2);}

/* Section header 
  --------------------------- */
  .section-header{padding-bottom:1px;}
  .section-head{margin-bottom: 50px;position:relative;}
  .section-head.center{margin-left:auto;margin-right:auto;max-width: 760px;}
  .section-head h2,.section-head h3,.section-head h4,.section-head h5{margin-top: 10px;margin-bottom: 5px;}
  .section-head.dark h2,.section-head.dark h3,.section-head.dark h4,.section-head.dark h5{color: white;}
  .section-head.center .button-group{position:relative;margin: 2em 0 0;}
  article h3 {font-family: 'Montserrat', sans-serif;font-size: 1.3em;text-transform: uppercase;font-style: normal;letter-spacing: 0.06em;}

  @media screen and (min-width:650px){
    .section-head .button-group{position:absolute;right:0px;margin: 0;bottom: 0;}
  }
  @media screen and (max-width:650px){
    .section-head h3,.section-head h4,.section-head h5{display:block;margin-bottom:20px;}
  }

/* Tabs
  --------------------------- */   
  ul.tabs{margin: 0px;padding: 0px;list-style: none;background: white;}
  ul.tabs li{color: #505050;display: inline-block;padding: 8px 16px;cursor: pointer;border-radius: 2px 2px 0px 0px;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  .no-touch ul.tabs li:hover{filter: alpha(opacity=70); opacity: 0.7;}
  ul.tabs li.current{border-bottom: 2px solid #15CD52;}
  .no-touch ul.tabs li.current:hover{filter: alpha(opacity=100); opacity: 1;}
  .tab-content{display: none;}
  .tab-content.current{display: inherit;}


/* Accordions
  -------------------------- */
  #accordion{margin: 2.4em auto 1em;}
  .accordion-head {cursor: pointer;padding: 12px 62px 12px 20px;margin: 0px 0px -2px 0px;border: 2px solid #eee;      position: relative;font-size: 16px;}
  .accordion-head:hover{background: white;}
  .accordion-head:before{content: 'd';font-family: 'framework';position: absolute;right: 17px;font-size: 12px;top: 15px;}
  .accordion-head.open:before{content: 'e';}
  .accordion-body {display: none;background: rgb(255, 255, 255);padding: 5px 20px;border: 2px solid #eee;margin-bottom: 10px;}
  .accordion-body.default {display: block;}


/* Breadcrumbs
  --------------------------- */
  .breadcrumbs{margin: 0 0 10px;list-style: none;padding: 0px;}
  .breadcrumbs li{display: inline-block;margin-right: 17px;position: relative;font-size: 11px;color: rgba(255, 255, 255, 0.7);}
  .breadcrumbs.light li{ color: #757575;}
  .breadcrumbs li:before{display:block; content: '>';position: absolute;right: -11px;font-size: 9px;}
  .breadcrumbs li:last-child:before{display:none;}
  .breadcrumbs li a{color: #00c1dc;}
  .breadcrumbs.light li a{color: #EE4136;}


/* WP - image styles
  --------------------------- */
  img.alignright { float: right; margin: 0 0 1em 1em;max-width: 36%;}
  img.alignleft {float: left;margin: 0 30px 20px 0;max-width: 27%;}
  img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
  .alignright { float: right; }
  .alignleft {float: left;}
  .aligncenter { display: block; margin-left: auto; margin-right: auto; }
  .wp-caption .wp-caption-text{font-size: 12px;}
  .alignleft.wp-caption{margin: 10px 20px 10px 0px;max-width: 100%;max-width: 50%;}
  .alignright.wp-caption{margin: 10px 0px 20px 20px;}
  .wp-caption img{margin-bottom: 10px;}

/* Intro
  --------------------------- */   
  .default-intro{}
  .default-intro .inner{padding: 170px 7% 35px;position:relative;}
  .blurb-intro .inner{padding: 170px 7% 50px;position:relative;}
  .default-intro .inner:after{content: ' ';width: 100%;width: calc(100% - 15%);height: 20px;position: absolute;    }  .intro-copy{}
  .no-content .intro-copy{min-height:300px}
  .intro-copy h1, .intro-copy h2, .intro-copy h3{margin-top:0px;margin-bottom: 0.2em;}
  .default-intro h1:after {content: ' ';display: block;position: relative;border-top: 2px dashed rgba(255,255,255,0.5);padding-bottom: 20px;top: 5px;}
  .blurb-intro{background-repeat: no-repeat;background-size: 25%;background-position: 90% 80%;  }
  .blurb-intro .intro-copy{float: left;width: 50%;}
  .blurb-intro .blurb{float: right;width: 40%;padding: 50px 0px 0px;}
  .blurb-intro .blurb h2{font-size: 50px;position:relative;text-transform: none;font-weight: 700;}
  .blurb-intro .blurb h2:before{content:'"';padding-right: 7px;}
  .blurb-intro .blurb h2:after{content:'"';padding-left: 7px;}
  .intro.layer.default-intro.dark.bg-blue:before {content: '';height: 100%;width: 100%;display: block;position: absolute;background-color: rgba(38, 38, 53, 0.61);}
  .intro.layer.default-intro.dark.bg-blue {
    background-size: 100%;
    background-position: 50% 18%;
}

  @media screen and (max-width:860px){
    .no-content .intro-copy{min-height:120px}
    .blurb-intro .blurb,.blurb-intro .intro-copy{float:none;width:100%;}
    .blurb-intro .blurb h2{
    font-size: 28px;
}

@media screen and (max-width:600px) {
  .intro-copy.inner-700 {max-width:400px;}
}

@media screen and (max-width:760px) {
  .intro-copy.inner-700 {max-width:500px;}
}

@media screen and (max-width:640px) {
  .intro-copy.inner-700 {max-width:400px;}
}
  }
  @media screen and (max-width:480px){
    .default-intro .inner,.blurb-intro .inner{padding: 40px 7% 40px;}
    .blurb-intro .blurb h2{}
  }

  
/* Tiles 
  --------------------------- */   
  .grid .tile{}
  .grid .tile.shadow{overflow: hidden;border-radius: 4px;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);background: rgba(125, 194, 204, 0.06);margin-bottom: 20px;}
  .grid .tile-copy{padding: 25px;}
  .grid .tile-copy.transparent{background: transparent;}
  .grid .tile-copy *:first-child{margin-top:0px;}
  .grid .tile-copy.transparent{padding: 25px 0px 0px;}
  .grid .tile-copy p{font-size: 13px;line-height: 1.6em;/* color: rgb(157, 169, 179); */}
  .tile-copy p:last-child{margin-bottom:0px;}

/* Cards - (Tile derivative)
  --------------------------- */   
  .card{position: relative;min-height: 330px;}
  .card img{width: 680px;max-width: 680px;object-fit: cover;}
  .card .tile-copy{position: absolute;bottom: 0px;background: transparent;z-index: 2;}
  .card .tile-copy a{color:white;}
  .card.background-image:before{background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,0.65) 100%);background: -wenbkit-linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 4%,rgba(5, 46, 79, 0.74) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(5, 46, 79, 0.1) 0%,rgb(38, 38, 53) 100%);}

  @media screen and (max-width:600px){
    .card{min-height:0px;}
    .card img{width: 100%;}  
  }
  @media screen and (max-width:460px){
    .card img{width: auto;height: 330px;}  
  }

  
/* Alternating 2 column
  --------------------------- */
  .alternating{}
  .alternating .flex.column-2{margin-top:20px;}
  .alternating .flex.column-2:first-child{margin-top:20px;}
  .alternating .column-2 .col{float: right;}
  .alternating .column-2:before{display:block;content:' ';margin: 4em auto;border-top: 1px solid rgb(38, 38, 53);width: 94%;}
  .alternating .flex.column-2:before{display:none;}
  .alternating .column-2:first-child{margin-top: 35px;}
  .alternating .column-2:first-child:last-child{margin:0px;}
  .alternating .column-2:first-child:before{display:none;}
  .alternating .column-2:nth-child(odd){}
  .alternating .flex.column-2:nth-child(even){display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .alternating .column-2:nth-child(odd) .col:nth-child(odd){float: left;}
  .alternating .column-2:nth-child(odd) .col:nth-child(even){float: right;}
  .alternating .grid.column-2 .col:nth-child(odd){margin-bottom: 20px;}
  .alternating .grid.column-2.flex .col:nth-child(odd){margin-bottom:0px;}
  .alternating .grid.column-2.flex .col:nth-child(odd) img{margin-bottom:0px;}
  .alternating .column-2 img{}
  .alternating .content *:first-child{margin-top:0px;}
  
  @media screen and (max-width:950px){
    .alternating .column-2:before{margin: 3em auto 3em;width: 100%;}
  }
  @media screen and (max-width:700px){
    .alternating .column-2:before{margin: 2em auto 2em;}
  }  



/* Slick slider
  --------------------------- */ 
  .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
  .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
  .slick-list:focus{outline: none;}
  .slick-list.dragging{cursor: pointer;cursor: hand;}
  .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  .slick-track{position: relative;top: 0;left: 0;display: block;}
  .slick-track:before,.slick-track:after{display: table;content: '';}
  .slick-track:after{clear: both;}
  .slick-loading .slick-track{visibility: hidden;}
  .slick-slide{display: none;float: left;height: 100%;min-height: 1px;outline: none;}
  .slick-slide.vheight-70{height: 60vh;}
  [dir='rtl'] .slick-slide{float: right;}
  .slick-slide img{display: block;}
  .slick-slide.slick-loading img{display: none;}
  .slick-slide.dragging img{pointer-events: none;}
  .slick-initialized .slick-slide{display: block;}
  .slick-loading .slick-slide{visibility: hidden;}
  .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
  .slick-arrow.slick-hidden {display: none;}

  /* Dots */
  .slick-dots{position: absolute;bottom: 40px;z-index: 9;width:100%;text-align:center;margin:0px;padding:0px;}
  .slick-dots button{background: rgb(255, 255, 255);}
  .slick-dots li{font-size:0px;display:inline-block;margin: 0 5px;}
  .slick-dots button{border: 0px;width: 10px;height: 10px;display: block;border-radius: 20px;padding: 0px;outline: none;}
  .slick-dots li.slick-active{}
  .slick-dots li.slick-active button{background: #22c3dd;}
  .slick-dotted.slick-slider { margin-bottom: 0px; padding-bottom: 0px;}

  @media screen and (max-width:450px){
    .slick-dots button{}
  }
 
  /* Arrows */
  .slick-prev,
  .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;margin-top: -10px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;z-index: 1;}
  .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: transparent;}
  .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;}
  .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;}
  .slick-prev:before,.slick-next:before{font-size: 26px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: headfirst;}
  .slick-prev{left: 25px;}
  [dir='rtl'] .slick-prev{right: -25px;left: auto;}
  .slick-prev:before{content: 'i';}
  [dir='rtl'] .slick-prev:before{content: '>';}
  .slick-next{right: 29px;}
  [dir='rtl'] .slick-next{right: auto;left: -25px;}
  .slick-next:before{content: 'j';}
  [dir='rtl'] .slick-next:before{content: '<';}

  @media screen and (max-width:1024px){
    .slick-prev, .slick-next{display:none !important;}
  }


/* Blog filter bar
  --------------------------- */
  .blog-filter {background: #FFF;overflow: hidden;}
  .blog-filter ul {text-align:center;margin: 0;padding: 13px;}
  .blog-filter li {display:inline-block;margin: 10px 20px;} 
  
  .blog-filter .level-1 {margin-bottom: 0px;background: #1d1d2d;border-bottom: 1px solid #262634;}
  .blog-filter .level-1 a {padding: 6px 27px;color: white;background: #00bad4;display: inline-block;border-radius: 40px;}
  .blog-filter .level-1 a:after { content:"+"; padding-left:5px; }
  .blog-filter .level-1 a.open:after { content:"-"; }
  
  .blog-filter .level-2{background: #161623;border-bottom: 1px solid #262634;}
  .blog-filter .level-2 li { font-size:14px; margin:10px; }
  .blog-filter .level-2 li a{color: white;}
  .blog-filter .level-2 li a span{background: #22c3dd;line-height: 18px;width: 20px;height: 20px;}
  .blog-filter a:hover { opacity:0.8; }
  .blog-filter a span { display:inline-block; font-size:10px; padding:2px 4px; min-width:21px; height:21px; border-radius:100px; background:#EEE; }



/* Comments
  --------------------------- */  

  .comments-wrapper .navigation{display:none;}
  ol.commentlist {list-style:none;margin:0 0 1em;padding: 20px 0 0;text-indent:0;}
  ol.commentlist li { }
  ol.commentlist li.alt { }
  ol.commentlist li.bypostauthor {}
  ol.commentlist li.byuser {}
  ol.commentlist li.comment-author-admin {}
  ol.commentlist li.comment {padding:1em;border: 1px solid #eee;}
  ol.commentlist li.comment div.comment-author {}
  ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
  ol.commentlist li.comment div.vcard cite.fn a.url {}
  ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
  ol.commentlist li.comment div.vcard img.avatar-32 {}
  ol.commentlist li.comment div.vcard img.photo {}
  ol.commentlist li.comment div.vcard span.says {}
  ol.commentlist li.comment div.commentmetadata {}
  ol.commentlist li.comment div.comment-meta { font-size:9px; }
  ol.commentlist li.comment div.comment-meta a { color:#ccc; }
  ol.commentlist li.comment p {margin:0 0 1em;font-size: 14px;}
  ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
  ol.commentlist li.comment div.reply { font-size:11px; }
  ol.commentlist li.comment div.reply a { font-weight:bold; }
  ol.commentlist li.comment ul.children {list-style:none;margin:1em 0 0;text-indent:0;padding-left: 0px;}
  ol.commentlist li.comment ul.children li {}
  ol.commentlist li.comment ul.children li.alt {}
  ol.commentlist li.comment ul.children li.bypostauthor {}
  ol.commentlist li.comment ul.children li.byuser {}
  ol.commentlist li.comment ul.children li.comment {}
  ol.commentlist li.comment ul.children li.comment-author-admin {}
  ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #eee;margin:0 0 .25em .25em;}
  ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
  ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
  ol.commentlist li.comment ul.children li.depth-5 {}
  ol.commentlist li.comment ul.children li.odd {}
  ol.commentlist li.even { background:#fff; }
  ol.commentlist li.odd { background:#f6f6f6; }
  ol.commentlist li.parent {border-left: 5px solid #eee;}
  ol.commentlist li.thread-alt { }
  ol.commentlist li.thread-even {}
  ol.commentlist li.thread-odd {}

  #commentform textarea, #commentform input {background: #EFEFEF;border: 0px;font-size: 12px;padding: 10px 10px;outline: none;width: 100%;}
  #commentform input[type="submit"]{font-size: 12px;padding: 4px 16px;line-height: 26px;width: auto;border: 2px solid #222;background: rgba(0, 0, 0, 0);outline: none;margin-top: 10px;text-transform:uppercase;}
	p.comment-form-url { display:none; }


/* Search page
  --------------------------- */
  .search-results{}
  .search-results article{display:block;float: none;width: 100%;background: white;padding: 17px 23px 16px;margin: 0px 1% 4px;}
  .search-results article h3{margin:0px;font-size: 18px;}
  .search-results article h5.date-meta{margin:5px 0px 0px;}
  .search-results article p{margin: 10px 0px 0px;font-size: 13px;}
  .load-more-wrapper{margin:10px 0px;}

  @media screen and (max-width:450px){
    .search-results article h3{line-height:1.3em;}
    .search-results article p{font-size:11px;}
  }


/* Footer
  --------------------------- */
	footer .social i{color: white;font-size: 27px;display: inline-block;margin: 0 13px 0px 0;}


/* Slick - Gallery slider
  ------------------------------------ */
  .gallery-slider img{height: 400px;}
  .gallery-slider .slick-dots{bottom: 16px;}

  @media screen and (max-width:1024px){
  	.gallery-slider img{height: 300px;}
  }
  @media screen and (max-width:760px){
  	.gallery-slider img{height: 200px;}
  }
  @media screen and (max-width:450px){
  	.gallery-slider img{height: 110px;}
  	.gallery-slider .slick-dots{position: relative;bottom: 0px;background: #3a3a3a;padding-bottom: 10px;}
  }


/* Zoom gallery
	----------------------- */
  .mfp-figure figcaption{position: absolute;width: 100%;overflow: hidden;height: 100%;bottom: 0;}
  .mfp-figure .mfp-bottom-bar{padding: 14px;background: transparent;}
  .mfp-bottom-bar .mfp-counter{bottom: 23px;right: 0px;}
  .mfp-title .author img.avatar{width: 30px;left: -40px;top: -5px;}
  .mfp-title .author .name{color: white;font-size: 12px;}
  .mfp-title .author .username, .mfp-title .author .time{color: rgba(255, 255, 255, 0.5);}

  .image-source-link {color: #98C3D1;}
  .mfp-with-zoom .mfp-container,
  .mfp-with-zoom.mfp-bg,
  .mfp-animated-image{opacity: 0;	-webkit-backface-visibility: hidden;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  .mfp-with-zoom.mfp-ready .mfp-container {opacity: 1;}
  .mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.9;}
  .mfp-with-zoom.mfp-removing .mfp-container, 
  .mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;}
  .mfp-ready .mfp-animated-image{opacity: 1;}

  .mfp-wrap .mfp-arrow{height: auto;width: auto;margin: -26px 0 0 0;}
  .mfp-arrow:before{display:none;}
  .mfp-arrow-right:after, .mfp-arrow-left:after{font-family: framework;font-size: 40px;color: white;width: 50px;height: 50px;display: block;line-height: 46px;position: relative;border: 0px;margin: 0px;}
  .mfp-wrap .mfp-arrow-right{right: 15px;}
  .mfp-wrap .mfp-arrow-left{left: 15px;}

  .mfp-arrow.mfp-arrow-right:after{content: 'j';}
  .mfp-arrow.mfp-arrow-left:after{content: 'i';}

  @media screen and (max-width:450px){
    .mfp-arrow-right:after, .mfp-arrow-left:after{font-size: 20px;}
    .mfp-wrap .mfp-arrow-right{right: 5px;}
    .mfp-wrap .mfp-arrow-left{left: 5px;}
  }

/* Gallery - thumbnail */
  .gallery-thumbnail > .gallery-thumbnail-image{ float: left; width: 20%;}
  .gallery-thumbnail-image{display: block;margin-top: 0px;text-align: center;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;overflow: hidden;background-size: auto 110%;background-position: center;}
  .gallery-thumbnail-image:hover{-webkit-transform: scale(0.98);-moz-transform: scale(0.98);-o-transform: scale(0.98);-ms-transform: scale(0.98);transform: scale(0.98);filter: alpha(opacity=83);opacity: 0.83;}
  .gallery-thumbnail-image img{width: 100%;}
  .gallery-thumbnail-image img.image-bg{ position: absolute;}
  .gallery-thumbnail-image img.image-spacer{border: 2px solid #ecf1f7;}
  @media screen and (max-width:450px){
    .gallery-thumbnail > .gallery-thumbnail-image{ width: 25%; }  
  }


/* Logo strip
----------------------------- */
	.logo-strip img{max-width: 110px;margin: 10px 18px;}
	@media screen and (max-width: 400px){
		.logo-strip img{max-width: 80px;margin: 7px 10px;}
	}


/* Testimonials
  --------------------------- */
  .testimonial .author{font-size: 12px;}
  .testimonials .slick-dots{position: relative;bottom: 0;margin: 15px 0 0 0;}
  .testimonials .slick-dots button{background: rgba(0, 0, 0, 0.2);}
  .testimonials .slick-dots li.slick-active button{background: #222222;}

  .testimonials .slick-slider .slick-list{    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 4%,rgba(0,0,0,1) 96%,rgba(0,0,0,0) 100%);}
  .testimonials .slick-slide{padding: 0 20px;}
  
  @media screen and (min-width:600px){
    .testimonial p{font-size: 20px;}
  }


/* Search
  --------------------------- */
  .search-form{position: relative; display: none;width: 100%;background: #F3F3F3;left: 0;right: 0;margin: 0px;border-top: 0px;z-index: 1;}
  .screen-reader-text {clip: rect(1px,1px,1px,1px);position: absolute!important;height: 1px;width: 1px;overflow: hidden;}
  .search-form input{border: 0;color: rgb(255, 255, 255);font-size: 2em;height: auto;padding: 20px;margin: 0;width: calc(100% - 240px);outline: 0;box-sizing: border-box;background-color: transparent;font-weight:normal;font-family: montserrat;}
  .search-form input[type="submit"]{display: none;}
  .search-form small{position: absolute;top: calc(39%);right: 30px;color: rgb(113, 113, 113);font-size: 12px;font-family: 'Work Sans', sans-serif;}
  .search-form small a{color: white;background-color: #000000;display: inline-block;padding: 2px 11px;border-radius: 30px;margin-left: 7px;}
  .no-touchevents header .icon-search:hover{filter: alpha(opacity=60);  opacity: 0.6;}

  @media screen and (max-width:1300px){
    .search-form input{font-size: 1.8em;}
  }  
  @media screen and (max-width:520px){
    .search-form input{font-size: 22px;width: 100%;text-align: center;}
    .search-form small{position: relative;top: initial;display: block;padding: 0px 20px 20px;right: 0px;font-size: 12px;text-align: center;}
  }

/* Mobile nav
  --------------------------- */
  .mobile-nav{width: 270px;position: absolute;z-index: 1;right: 0px;}
  .mobile-nav .icon-close{color: white;padding: 33px 29px 12px;display: inline-block;font-size: 19px;cursor: pointer;}
  .no-touch .mobile-nav .icon-close:hover{filter: alpha(opacity=60);  opacity: 0.6;}
  .mobile-nav ul{padding-top: 20px;}
  .mobile-nav li{padding: 11px 22px;border-bottom: 1px solid rgba(255, 255, 255, 0);font-size: 14px;}
  .mobile-nav li.current_page_item a,
  .mobile-nav li.current_page_parent a,
  .mobile-nav li.current_page_ancestor a{color: blue;}
  .mobile-nav li a{color: white;display: block;}

  @media screen and (max-width:520px){
    .mobile-nav{width: 270px;}
    .mobile-nav li{padding: 17px 22px 18px;font-size: 14px;}
  }


/* Header
  --------------------------- */
  #header{padding: 5px 20px;position: relative;}
  #header.transparent{position: absolute;z-index: 1;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.16);}
  #header a.main-logo{margin: 0;float: left;font-size: 0px;line-height: 0px;color: transparent;display: block;width: 130px;height: 41px;background-size: 100%;background-repeat: no-repeat;position: relative;top: 8px;overflow: hidden;}
  .header-inner{position: relative;float: right;top: 13px;}
  .header-inner nav{float: right;background: #1d1d2d;transform: skew(-16deg);padding: 0 0px 0 20px;}
  .header-inner nav ul{padding: 17px;}
  .header-inner nav li{display: inline-block;margin-right: 25px;font-size: 15px;}
  #header nav li.current_page_item a,
  #header nav li.current_page_parent a,
  #header nav li.current_page_ancestor a{color:blue;}

  .header-inner nav a{color: #888;}
  .transparent .header-inner nav a{color: #fff;font-weight: 700;}
  #header [class*="icon"]{font-size: 20px;padding: 14px 17px;float: right;}
  #header.transparent [class*="icon"]{color:white;}
  #header .icon-search{
}
  #header .icon-nav{display:none;}
  #header img.xero{width: 120px;float: right;margin-right: 19px;}

  @media screen and (max-width:1200px){
    .header-inner nav{display:none;}  
    #header .icon-nav{display:block;}
  }


  /* Columns */
  .columns .grid { margin: 4em 0; }
  .column {padding-bottom: 4em;border: 10px solid #EFF2F8;position: relative;padding: 2em;}
  .column.selected {border-color: #000;z-index: 1;-moz-box-shadow: 0px 0px 0px 10px #FFF;padding: 2em;}
  .column.selected:after { content:"Most popular"; text-transform:uppercase; text-align:center; display:inline-block; background: #000; padding: 0.6em 1.2em; font-size: 10px; color: #FFF;position: absolute;right: 0em;top: 0;font-weight: 700;letter-spacing: 0.15em; }
  .column-header { text-align:center; }
  p.price { font-size: 2.0em; font-weight: 700;}
  p.price sup { font-size:0.5em; top:-0.65em; }
  .outro { padding: 2em 50% 4em 2em; }

	//horizontal Columns
  .horizontal .column {width:100% !Important;text-align:left;padding-bottom: 2em;margin-left: 0px !Important;margin-right: 0px !Important;}
  .horizontal .column-header { float:left; width:30%;text-align:left; }
  .horizontal .column-content { float:left; width:70%; padding: 1.8em 0 0 3em; }

  @media screen and (max-width:1100px){
    .column {width:100% !Important;text-align:left;padding-bottom: 2em;margin-left: 0px !Important;margin-right: 0px !Important;}
    .column-header { float:left; width:30%;text-align:left; }
    .column-content { float:left; width:70%; padding: 1.8em 0 0 3em; }
    .column.selected:before { height:40px; }
    p.price { text-indent: 0; }
    .column.selected:after { font-size: 8px; right:auto; left:0; }
    .outro { padding:0em 20% 3em 0; }
	}
  @media screen and (max-width:650px){
    .horizontal .column-header, .column-header { width:100%; text-align:center; }
    .horizontal .column-price, .column-price { width:100%; text-align:center; }
    .horizontal .column-content, .column-content { clear:both; width:100%; padding:0; }  
  }

  .bg-white.single-column {
    background-image: url(../img/white_bg3.png);
  }

/* Popup
  --------------------------- */  
  
  html.popup-open, html.popup-open body { overflow:hidden !important; }

  .popup {background-color: rgba(8, 34, 53, 0.7);position: fixed;width: 100%;height: 100%;z-index: 99999;top: 0;left: 0;overflow-x: hidden;text-align: center;}
  .popup-inner {padding: 80px;height: auto;width: inherit;}
  .popup-content-wrapper {display: inline-block;position: relative;z-index: 2;background: #FFF;max-width: 700px;text-align: left;padding: 20px;-webkit-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);-moz-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);}
  .popup .button-overlay { position:absolute; width:100%; height:100%; top:0; left:0; display:block; color:transparent; }
  .popup .button-overlay span { display:none; }

  .popup .button-x {position:absolute;top: -20px;right: -20px;text-decoration:none;line-height: 40px;width:40px;height:40px;display:inline-block;text-align:center;background: #000;border-radius: 100px;color: #FFF;text-align:center;-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
  .popup .button-x span { display:none; }

  @media screen and (min-width:700px){
    .popup-content-wrapper {min-width: 300px;}
  }
  @media screen and (max-width:600px){
    .popup-inner{ padding: 11px;}
    .popup .button-x{ top: -6px;right: -7px; }
    .popup-content-wrapper { padding:30px; }
    .popup-content-wrapper { font-size:12px; }
  }


/* Print Styles
  --------------------------- */

  @media print,
     (-o-min-device-pixel-ratio: 5/4),
     (-webkit-min-device-pixel-ratio: 1.25),
     (min-resolution: 120dpi) {

  }
  @media print {
    * {background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited {text-decoration: underline; }
    a[href]:after {content: " (" attr(href) ")"; }
    abbr[title]:after {content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
    thead {display: table-header-group;}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
    p, h2, h3 {orphans: 3; widows: 3;}
    h2, h3 {page-break-after: avoid;}
  }




/* Global */
body{font-family: 'Montserrat', sans-serif;}

h1,h2{font-family: 'transan',sans-serif;text-transform: uppercase;font-weight: 800;font-style: italic;}
h3{font-family: 'transan',sans-serif; font-style: italic;/* text-transform: uppercase; */}
h4{font-family: 'Montserrat', sans-serif;text-transform: uppercase;}
h5{text-transform: uppercase;font-size: 0.95em;}
p, li{}
.dark h3 a, .dark h4 a{color:white;}
.bg-white h2,.bg-white h3,.bg-white h4{color:#262635;}

/* header /nav */
#header{padding-right:26px;padding-left:26px;}
#header.transparent{border:0px;}
.header-inner{top: 20px;}
#header a.main-logo{background-image: url(../img/head-first_reverse.png);width: 251px;height: 56px;top: 0;margin: 17px 2px 21px;}
#header nav li{text-transform: uppercase;letter-spacing: 0.06em;font-size: 13px;}
#header nav li.current_page_item a, #header nav li.current_page_parent a, #header nav li.current-page-ancestor a{color: #22c3dd;}


#header .icon-search{background: #22c3dd;transform: skew(-16deg);padding: 17px 20px;}
#header .icon-search:hover{
    background: rgba(34, 195, 221, 0.7);
}
#header .icon-search:before{transform: skew(16deg);}
#header .icon-nav{padding: 17px 20px;}

.mobile-nav li{text-transform: uppercase;padding: 0;}
.mobile-nav li a{padding: 10px 22px;color: white;}
.mobile-nav li.current_page_item a, .mobile-nav li.current_page_parent a, .mobile-nav li.current_page_ancestor a{color: #22c3dd;}
@media screen and (max-width: 1580px){
  .header-inner nav ul{padding: 17px 3px;}
  #header nav li{font-size: 11px;margin-right: 17px;}
}
@media screen and (max-width: 1340px){
  .header-inner nav ul{padding: 17px 0px;}
  #header nav li{font-size: 10px;margin-right: 11px;}
}
@media screen and (max-width:480px){
#header.transparent{background: #052e4f;padding: 0px;position: relative;}
.header-inner{top:0px;}
#header a.main-logo{width: 143px;height: 31px;margin: 8px 14px 13px;}
}



/* Homeslider */
.home-slider .background-image:before{display:none;}
.home-slider .slick-slide.vheight-70{min-height: 570px;}

.home-slider .inner{padding-top: 100px;padding-bottom: 60px;position: relative;z-index: 1;padding-left: 20px;}
.home-slider h3, .home-slider p {max-width: 510px;}

@media screen and (max-width:1710px){
    .home-slider .inner {margin-left:30px}
}
.home-slider h2{} 
.home-slider h3{color: #22c3dd;}
@media screen and (min-width:1250px){
  .home-slider .slick-slide:before{display:block;background: rgba(38,38,53,0.85);max-width: 930px;transform: skew(-15deg, 0deg);left: -280px;}
}
@media screen and (min-width:1024px){
  .home-slider p{font-size: 16px;}
}
@media screen and (max-height:650px) and (max-width:400px){
  .home-slider .slick-slide.vheight-70{min-height: 420px;}
}

@media screen and (max-width:1250px){
  .home-slider .slick-slide:before{display:block;background: rgba(38,38,53,0.85);max-width: 770px;transform: skew(-15deg, 0deg);left: -110px;}
}

@media screen and (max-width:560px){
  .home-slider .slick-slide:before{display:block;background: rgba(38,38,53,0.85);width: 543px;transform: skew(-15deg, 0deg);left: -110px;}
}

/* Slick */
.slick-prev, .slick-next{width:36px;height: 36px;}
.slick-prev:hover, .slick-next:hover{opacity:0.7;}
.slick-prev:before, .slick-next:before{color: #ffffff;opacity: 1;font-size: 36px;}

/* Search form */
.search-form{
    background: #2e3544;
}
.screen-reader-text {}
.search-form input{}
.search-form input[type="submit"]{}
.search-form small{color: rgb(255, 255, 255);font-family: montserrat;/* top: 25px; */}
.search-form small a{background: #22c3dd;}
.no-touchevents header .icon-search:hover{}

/* homepage columned sections */
.content-tiles .grid .tile-copy{background: transparent;padding: 0 20px 0px 0px;}

/* BG */
.bg-blue{position: relative;}	
.bg-light-blue{background: #22c3dd;}
.bg-dark{background: #262635;background-image: url(../img/dark-bg.jpg);background-repeat: no-repeat;background-position: top right;background-size: auto 100%;}
.bg-darkblue {background:#1d1d2d;}
.bg-dark-grey{background: #041929;}
.bg-transparent {background:rgba(125, 194, 204, 0.06);}

@media screen and (max-width:600px){
	.bg-white{background-image:none !important;}
}

/* section head */
  .section-head h4{color: #052e4f;display: inline-block;}
  .dark .section-head h4{color:white}
  .section-head i[class*="icon"]{background: #22c3dd;display: inline-block;width: 46px;height: 46px;position: absolute;transform: skew(-16deg);margin-left: 20px;color: white;font-size: 21px;line-height: 46px;text-align: center;}
  .section-head i[class*="icon"]:before{transform: skew(16deg);}
  .section-head.dark, .bg-darkblue .section-head {border-bottom: 2px dashed rgba(255,255,255,0.5);padding-bottom: 20px;}

/* Cards / tiles */
  .cards.full-width{overflow: hidden;background: #1d1d2d;}
  .cards.full-width .inner{padding: 0;max-width: 100%;}
  .cards.full-width .card{background-position: center top;}
  .content-tiles.dark .grid .tile{margin-bottom: 74px;background: rgba(125, 194, 204, 0.06);margin-bottom: 12px !important;}
  .content-tiles .grid .tile-copy{background:transparent;padding: 20px 0;margin-top: 0px;}
  .content-tiles.bg-blue .grid .tile-copy{background:transparent;padding: 20px;margin-top: 0px;}
  .content-tiles.bg-blue .grid .tile-copy p{color: #afb3bd;line-height: 1.6em;}
  .content-tiles .section-head, .signs .section-head{border-bottom: 2px dashed rgba(255, 255, 255, 0.11);padding-bottom: 10px;margin-bottom: 50px;}
  .emergency-numbers .section-head{border-bottom: 2px dashed rgba(0,0, 0, 0.11);padding-bottom: 40px;margin-bottom: 50px;}
  .bg-dark.content-tiles .section-head{border-color:#052035;}
  .bg-dark .section-head h4{}
  .bg-dark .section-head p,.bg-blue .section-head p{font-size: 17px;max-width: 730px;color: #afb3bd;/* height: 1.6em; */margin-top: 10px;}
  .bg-dark.dark p, .bg-blue.dark p, .bg-dark-grey.dark p, .bg-darkblue.dark p, .bg-dark.dark li, .bg-blue.dark li, .bg-darkblue.dark li{color: #afb3bd;}
  .grid .tile-copy.dark p{color: #afb3bd;}
  .cards .grid .tile-copy.dark p{color:white;}
  .cards.full-width .button-group.center{padding:30px;margin:0px;}
  .alternating .flex.column-2:nth-child(even) .background-image.col:nth-child(odd):before{content:' ';display:block;position: absolute;background: linear-gradient(to left,  rgba(0,0,0,0) 0%,rgba(5, 46, 79, 0.1) 0%,rgba(38, 38, 53, 0.7) 100%);width: 100%;height: 100%;left: 0;top: 0;z-index: 1;}
  .alternating .flex.column-2:nth-child(odd) .background-image.col:nth-child(odd):before {content:' ';display:block;position: absolute;background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(5, 46, 79, 0.1) 0%,rgba(38, 38, 53, 0.7) 100%);width: 100%;height: 100%;left: 0;top: 0;z-index: 1;}
  .signs {background-color: rgb(38, 38, 53);}
  .section-header.bg-darkblue .inner {padding-top: 175px;width: 1200px;margin-left: 100px;}
  .dark .section-header p{color: #afb3bd;}
  .inner.thin img.size-large {margin: 20px 0px 30px;}
  

      
/* Responsive video
  -------------------------- */
  .video-wrapper {position: relative;padding-bottom: 53.25%; /* 16:9 */height: 0;}
  .flex-vid .video-wrapper {position: relative;height: 0; padding: 0; height: 100%;}
  .default-layer .video-wrapper{margin: 35px 0px;}
  .video-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0px;}

  
/* Accordions
  -------------------------- */
  .accordion {margin: 40px auto 0;}
  .accordion-head:hover {color: #2fbdff;}
  .accordion p {font-size: 0.9em;}

  #accordion{margin: 2.4em auto 1em;}
  .accordion-head {cursor: pointer;padding: 12px 62px 12px 20px;border: 2px solid #eee;position: relative;font-size: 16px;margin: 10px 0;}
  .accordion-head.open{margin-bottom:-2px;}
  .accordion-head:hover{background: white;}
  .accordion-head:before{content: 'd';font-family: 'headfirst';position: absolute;right: 17px;font-size: 12px;top: 15px;text-transform: lowercase;color: #2fbdff;}
  .accordion-head.open:before{content: 'e';}
  .accordion-body {display: none;background: none;padding: 20px 20px;border: 2px solid #eee;margin-bottom: 10px;}
  .accordion-body.default {display: block;}

  .accordians h3 {border-bottom: 2px dashed rgba(0,0,0,0.5);padding-bottom: 30px;margin-bottom: 40px;}

@media screen and (min-width:1024px){
	.bg-blue.content-tiles .inner{padding: 40px;}
	.cards.full-width .card{min-height: 500px;background-position: center top;transition: all 0.3s ease;background-size: auto 110%;}
	.cards.full-width .card:hover{background-size: auto 117%;}
	.cards.full-width .card .tile-copy{max-width: 510px;padding: 0px 46px 40px;}
}
@media screen and (min-width:1400px){
	.cards.full-width .card{min-height: 500px;background-position: center top;transition: all 0.3s ease;background-size: 100% auto;}
	.cards.full-width .card:hover{background-size: 110% auto;}
	
}
@media screen and (max-width:1200px){
	.content-tiles .grid.column-4 .col{width: 32%;}
}
@media screen and (max-width:1024px){
	.cards.full-width .card{background-size: auto 100%;height: 480px;margin-bottom: 0px !important;}
	.cards.full-width .card:hover{}
	.card img{height: 100%;width: auto;}
}
@media screen and (max-width:800px){
	.content-tiles .grid.column-4 .col{width: 49%;margin-bottom:6px !important;}
}
@media screen and (max-width:600px){
	.content-tiles .section-head{padding-bottom: 10px;margin-bottom: 30px;}
	.section-head i[class*="icon"]{display:none;}
	.content-tiles .grid .tile{margin-bottom: 30px;}
}
@media screen and (max-width:500px){
	.content-tiles .grid.column-4 .col{width: 100%;margin-bottom:6px !important;}
}
@media screen and (max-width:400px){
	.card img{position: relative;left: -30%;}
}

	
/* footer */
footer{background-image:none !important;}
footer.bg-dark.dark p{color: #afb3bd;}
footer p small{font-weight: 400;color:rgba(255, 255, 255, 0.38)}
footer p small a{color:rgba(0, 193, 220, 0.6)}
footer p a{/* color: #5282a9 !important; */}
footer img{}
footer .grid.column-2 .col {width: 46%;}
footer .grid.column-2 .col:nth-child(2) {width: 38%;text-align: right;}
footer p:last-child {margin-top: 34px;}

p.footer-logos{display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: flex-end;}
p.footer-logos > a:last-child img{width: 129px;margin: 0px 0 0 73px;}
p.footer-logos > a:first-child{display: block;width: 151px;margin: 21px 0 0 0;position: relative;}
p.footer-logos > a:first-child::before{content:' ';display:block;height: 100px;width: 1px;border-right: 1px solid rgba(255, 255, 255, 0.22);position: absolute;right: -40px;top: -12px;}

@media screen and (max-width:1000px) {
  footer .grid.column-2 .col {width:100% !important;}
  footer .grid.column-2 .col:nth-child(2) {text-align: left;}
  p.footer-logos{align-items: center;justify-content: left;}
}
@media screen and (max-width:450px){
  p.footer-logos > a:last-child img{width: 80px;margin-left: 50px;}
  p.footer-logos > a:first-child{width: 110px;margin-left: 11px;margin-top: 14px;}
  p.footer-logos > a:first-child::before{
    height: 76px;
    right: -27px;
}
}



/* Godrays */
.godrays{overflow:hidden;position: absolute;width:100%;height:100%;top:0;-webkit-animation-duration: 30s;animation-duration: 30s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name: fade;animation-name: fade;/* display: none; */}
.godrays .ray{background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(140, 238, 255) 100%);background: linear-gradient(0deg, rgba(34, 195, 221, 0) 0%,rgb(140, 238, 255) 100%);-webkit-transform: rotate(20deg)translate(0px, -10%);-ms-transform: rotate(20deg)translate(0px, -10%);transform: rotate(20deg)translate(0px, -30%);height: 80%;opacity: 0.05;filter:alpha(opacity=20);position: absolute;top: -3%;-webkit-animation-duration: 30s;animation-duration: 30s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name: shuffle;animation-name: shuffle;}

@media screen and (max-width:600px){
  .godrays{
    display: none;
  }
}
.ray1{width: 20%;right: -5%;}
.ray2{width: 10%;right: 11%;}
.ray3{width: 13%;right: 23%;}
.ray4{width: 16%;right: 17%;}
.ray5{width: 18%;right: 37%;}
.ray6{width: 10%;right: 47%;}
.ray7{width: 17%;right: 54%;}
.ray8{width: 20%;right: 67%;}
.ray9{width: 10%;right: 76%;}
.ray10{width: 20%;right: 87%;}

/* Key Concerns */
.key-concerns-header .inner {background-image: url(/wp-content/themes/headfirst/img/speech.svg);background-repeat: no-repeat;background-size: 32%;background-position: 90% 70%;}
.key-concerns-header .section-head {padding-top: 120px;}
.key-concerns-header a.button {background: #00c1dc !important;color: white !important;}
.key-concerns-header .button-group {position: relative;margin-top: 50px;}


.signs h5 {text-transform: none;font-size: 20px;}


/* Tests */
.question{display:none;}
.question.active{display:block}
.option{display:none;}
.option_button{display: inline-block;cursor: pointer;padding: 25px;background: #262635;color: white;margin-right: 20px;}
.option_button:hover, .chosen{opacity:0.7}
ul.test-dots{ padding: 0;list-style: none; margin-top: 25px;}
li.test-dot{ display: inline-block; width: 10px; height: 10px; background: #bdbdc5; border-radius: 100%;margin-right: 5px;}
li.test-dot.active{ background: #1a97ab;}

/* Content-tile full width 
  --------------------------- */
  .content-tile.full-width{background: #1d1d2d;}
  .content-tile.full-width > .inner{max-width:100%;padding:0px;}
  .content-tile.full-width .col{margin: 0px !important;background: rgb(29,29,45);background: -moz-linear-gradient(45deg,  rgba(29,29,45,1) 0%, rgba(38,38,53,1) 100%);background: -webkit-linear-gradient(45deg,  rgba(29,29,45,1) 0%,rgba(38,38,53,1) 100%);background: linear-gradient(45deg,  rgba(29,29,45,1) 0%,rgba(38,38,53,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d2d', endColorstr='#262635',GradientType=1 );}
  .content-tile.full-width .col:nth-child(even){}
  .content-tile.full-width .tile-copy{padding: 50px 7% 60px;}

  @media screen and (max-width:600px){
    .content-tile.full-width .tile-copy{
    padding: 30px 7%;
}
  }