/* ================================================================================ */
/* HEADER */
/* (main.scss) */
/* ================================================================================ */
.sm-display {
  display: none !important; }

header {
  display: block;
  clear: both;}

header .top-layer {
  display: block;
  padding: 37px 15px; }
  header .top-layer .logo {
    float: left;
    width: 50%;
    max-width: 500px; }
    header .top-layer .logo a {
      display: block;
      clear: both; }
      header .top-layer .logo a img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 352px; }
    header .top-layer .logo small {
      font-family: 'Napco_1';
      font-weight: 400;
      display: block;
      text-align: left;
      font-size: 0.9375em;
      color: white; }
    @media (max-width: 1120px) {
      header .top-layer .logo small {
        /*letter-spacing: .2em;*/ } }
    @media (max-width: 1025px) {
      header .top-layer .logo small {
       /*letter-spacing: .1em;*/ 
      } 
       html.touch header .top-layer .logo small {
       display: none;
      }
      
      header .top-layer .logo {
        float: left;
      }
      
      header .top-layer .logo a img {
        max-width: 150px;
      }
    }
    @media (max-width: 920px) {
      header .top-layer .logo small {
        letter-spacing: .075em; } }
    @media (max-width: 800px) {
      header .top-layer .logo small {
        letter-spacing: .04em; } }
  header .top-layer .ad-top-banner {
    float: right;
    width: 68%;
    max-width: 728px; }
    header .top-layer .ad-top-banner a {
      display: block; }
      header .top-layer .ad-top-banner a img {
        display: block;
        width: 100%;
        height: auto; }
  header .top-layer .socials-container {
    width: 40%;
    float: right;
    text-align: right;
    margin-top: 27px; }
    header .top-layer .socials-container img {
      display: block;
      width: 100%; }
    header .top-layer .socials-container .soc-top-row {
      margin-bottom: 10px; }
      header .top-layer .socials-container .soc-top-row .icn-email {
        width: 24px;
        display: inline-block;
        height: 17px;
        padding-top: 3px; }
      header .top-layer .socials-container .soc-top-row a {
        color: white;
        font-family: 'Napco_2';
        text-transform: uppercase;
        font-size: 0.875em;
        font-weight: bold;
        display: block;
        height: 17px;
        line-height: 17px; }
    header .top-layer .socials-container .soc-bot-row {
      height: 26px; }
      header .top-layer .socials-container .soc-bot-row a {
        display: inline-block;
        width: 26px;
        margin: 0 3px; }
.search-bar input[type="text"] {
  margin: 6px 43px 0 0;
  font-family: 'Napco_2';
  font-size: 0.875em;
  line-height: 34px;
  border: 0;
  float: right;
  width: 70%;
  padding: 0 10px;
  line-height: 28px;
  height: 28px; }
.search-bar.desktop input[type="text"] {
  font-family: 'Napco_2';
  font-size: 0.875em;
  line-height: 34px;
  border: 0;
  margin:0;
  padding: 0 10px;
  color:#000;
  line-height: 28px;
  width:150px;  
  background:#fff;
  text-align:right;
  height: 28px; }
  .search-bar input[type="text"]:focus {
    outline: none; }
.search-bar .mag {
  cursor: pointer;
  position: absolute;
  border: 0;
  background: url(../../images/icn-mag-x2.png) center center no-repeat;
  background-size: 18px 18px;
  width: 28px;
  height: 28px;
  top: 50%;
  margin-top: -11px;
  right: 15px;
  display: block;
  text-indent: -9999em; }
.search-bar.desktop .mag {
  cursor: pointer;
  border: 0;
  background: url(../../images/icn-mag-x2.png) center center no-repeat;
  background-size: 18px 18px;
  margin-top:7px;
  right:0;
  position:relative;
  text-indent: -9999em; }
.search-bar .search-outer {
  box-shadow:0 6px 7px 0 rgba(50, 50, 50, 0.37);
  position:absolute;
  margin-top:28px;
  margin-left:-125px;
  padding:5px;
  display:none;
  background:#2d2d2d;
  z-index:-1;}
.staged .search-bar .search-outer {
  margin-top:35px;}
.search-bar.mobile, .trigger-main-nav {
  display: none; }
@media (max-width: 768px) {
    header .search-bar.desktop {
      display: none; } }
header .search-bar {float: right;}

/* ADJUST HEADER FOR TABLET */
@media (max-width: 768px) {
  .centerizer.header {
    padding: 0; }

  header .top-layer {
    padding: 0; }
    header .top-layer .trigger-main-nav {
      width: 8%;
      max-width: 60px;
      height: 60px;
      float: left;
      border: 0;
      background: none;
      position: relative;
      border-right: 1px solid black;
      border-bottom: none;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      display: block; }
      header .top-layer .trigger-main-nav:focus {
        outline: none; }
      header .top-layer .trigger-main-nav span {
        position: absolute;
        background: url(../../images/sprite_ui.png) no-repeat;
        display: block;
        text-indent: -9999em;
        background-position: 0 -190px;
        width: 35px;
        height: 24px;
        top: 50%;
        margin-top: -12px;
        left: 50%;
        margin-left: -17px;
        background-position: -39px -190px; } }
      @media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
        header .top-layer .trigger-main-nav span {
          background-image: url(../../images/sprite_ui_2x.png) !important;
          -webkit-background-size: 800px 800px;
          background-size: 800px 800px; } }
@media (max-width: 768px) {
    header .top-layer .trigger-main-nav.active {
      background: #2496dc; }
      header .top-layer .trigger-main-nav.active span {
        position: absolute;
        /*@include sprite;
        background-position: -39px -190px;*/
        width: 35px;
        height: 24px;
        top: 50%;
        margin-top: -12px;
        left: 50%;
        margin-left: -17px; }
    header .top-layer .logo {
      height: 60px;
      border-bottom: none;
      max-width: none;
      width: 67%;
      padding: 8px; }
      header .top-layer .logo a {
        float: left;
        max-width: 220px;
        width: 50%; }
      header .top-layer .logo small {
        float: left;
        width: 46%;
        padding-top: 0px;
        padding-left: 8px;
        letter-spacing: 0;
        line-height: 1.2; }
    header .top-layer .ad-top-banner {
      float: none;
      display: block;
      clear: both;
      width: 100%;
      margin: 0 auto;
      padding: 10px; }

  header .search-bar.mobile {
    width: 25%;
    border-bottom: none;
    border-left: 1px solid black;
    height: 60px;
    padding-top: 10px;
    display: block; } }
header .bot-layer {
  display: block;
  clear: both;
  /*border-top: 1px solid #555;
  border-bottom: 1px solid #555;*/
  position: relative;
  z-index: 101;
  background: #336799; }
  header .bot-layer .sticky-logo {
    display: none; }

/* ================================================================================ */
/* HEADER FOR TOUCH DEVICES (MOBILE) */
/* (main.scss) */
/* ================================================================================ */
html.touch .centerizer.header {
  padding: 0; }
html.touch header .bot-layer {
  border-bottom: none;
  border-top: none; }
html.touch header .search-bar.desktop {
  display: none; }
html.touch header .control-wrap {
  display: block;
  clear: both;
  border-bottom: 1px solid black; }
  html.touch header .control-wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
html.touch header .top-layer {
  padding: 0; }
  html.touch header .top-layer .trigger-main-nav {
    width: 8%;
    max-width: 60px;
    height: 60px;
    float: left;
    border: 0;
    background: none;
    position: relative;
    border-right: 1px solid black;
    border-bottom: none;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block; }
    html.touch header .top-layer .trigger-main-nav:focus {
      outline: none; }
    html.touch header .top-layer .trigger-main-nav span {
      position: absolute;
      background: url(../../images/sprite_ui.png) no-repeat;
      display: block;
      text-indent: -9999em;
      background-position: 0 -190px;
      width: 35px;
      height: 24px;
      top: 50%;
      margin-top: -12px;
      left: 50%;
      margin-left: -17px; }
      
      /*@media screen and (orientation:landscape) { 
        .search-bar .mag {
              background: none !important;
        }
      }*/
      
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        html.touch header .top-layer .trigger-main-nav span {
          background-image: url(../../images/sprite_ui_2x.png) !important;
          -webkit-background-size: 800px 800px;
          background-size: 800px 800px; 
        } 
      }
  html.touch header .top-layer .trigger-main-nav.active {
    background: #414141; }
    html.touch header .top-layer .trigger-main-nav.active span {
      position: absolute;
      background: url(../../images/sprite_ui.png) no-repeat;
      display: block;
      text-indent: -9999em;
      background-position: -39px -190px;
      width: 35px;
      height: 24px;
      top: 50%;
      margin-top: -12px;
      left: 50%;
      margin-left: -17px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        html.touch header .top-layer .trigger-main-nav.active span {
          background-image: url(../../images/sprite_ui_2x.png) !important;
          -webkit-background-size: 800px 800px;
          background-size: 800px 800px; } }
  html.touch header .top-layer .logo {
    height: 60px;
    border-bottom: none;
    max-width: none;
    width: 67%;
    padding: 8px; }
    html.touch header .top-layer .logo a {
      float: left;
      max-width: 220px;
      width: 50%; }
    html.touch header .top-layer .logo small {
      float: left;
      width: 50%;
      padding-top: 14px; }
  html.touch header .top-layer .ad-top-banner {
    float: none;
    display: block;
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 10px; }
html.touch header .search-bar.mobile {
  width: 25%;
  border-bottom: none;
  border-left: 1px solid black;
  height: 60px;
  padding-top: 10px;
  display: block; }
html.touch .toggle-search {
  display: none; }