@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");

      :root {
        --font: Montserrat;
        --alt-font: Georgia, Times, serif;
        --accent-color: #11bd9b;
        --secondary-color: #ffbb00;
        --link-color: #7dc358;
        --accent-highlight-color: #095f4e;
        --accent-highlight-background-color: #e9fdf9;
        --accent-tinted-color-70: #b8ebe1;
        --accent-tinted-color-80: #cff2eb;
        --accent-tinted-color-90: #e7f8f5;
        --accent-contrast-color: #111;
        --accent-contrast-tinted-background-color: #fff;
        --accent-hover-color: #0d8e75;
        --secondary-hover-color: #cc9600;
        --secondary-contrast-color: #111;
        --link-hover-color: #4d8530;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_v4/v1479487993/e79yv6sy5monw6uhkiei.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
.company__logo {
       height: 55px;
}       
/*caption*/
#hero-caption{
  background-color: transparent;
}
#hero-caption .hero__box{
    background-color: rgba( 0, 0, 0, 0.7);
    padding: 12px 24px 6px 24px;
    color: #fff;
}
#hero-caption .hero__box h2{
  color: #fff;
}
/*Navigation*/
@media only screen and (min-width: 64.063em){
  .hero .hero__caption{
      top: 12em;
  }
}
@media only screen and (min-width: 48.063em){
  .header--microsite .company__logo {
    position: absolute;
    z-index: 200;
    height: 84px;
    top:50%;
    margin-top:-42px;
    margin-bottom: 0;
    width: 115px;
    
  }
  .header--microsite{
    background-color: #fff;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.92) 10%, rgba(255,255,255,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(10%,rgba(255,255,255,0.92)), color-stop(100%,rgba(255,255,255,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.92) 10%,rgba(255,255,255,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.92) 10%,rgba(255,255,255,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.92) 10%,rgba(255,255,255,0.2) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.92) 10%,rgba(255,255,255,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#33ffffff',GradientType=1 ); /* IE6-9 */
    position: static;
    z-index: 100;
    width: 100%;
    top: 30px;
    padding: 0;
    margin: 0;
    min-height: 100px;
  }
  .index .header--microsite{
    position: absolute;
  }
  .header__inner{
    position: relative;
    padding-left:30px;
    min-height: 100px;
  }
  .header__inner .top-bar{
     margin-left: 146px;
     top:50%;
     margin-top: -24px;
     position: absolute;
     border: none;
  }
  .header__inner .nav--top{
    position: absolute;
    right: 0;
    z-index: 100;
     top:50%;
     margin-top: -25px;
  }
  .hero .hero__caption{
      top: 12em;
  }
  .top-bar-section ul li{
    background-color: transparent;
  }
  .top-bar-section li:not(.has-form) a:not(.button){
    background-color: transparent;
  }
  .top-bar{
    background-color: transparent;
  }
}
@media only screen and (max-width: 48em){
  .hero .hero__caption{
      top: 12em;
  }
}