/********************
 * ER Header Type 2 *
 ********************/

 header .navOuter
 {
     position: static;
 }

 header .topNavContainer
 {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999;
     padding: 15px 0;
 }

 header .topNavContainer.absolute
 {
     position: absolute;
 }

 header .topNav
 {
     position: absolute;
     top: 100px;
     left: 768px;
     padding: 0.5em 0;
     transition: 0.3s all;
     width: 100%;
     opacity: 0;
 }

 header .topNav.active
 {
     display: block;
     left: 0px;
     opacity: 1;
 }

 header .topNav ul
 {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 header .topNav li
 {
     display: block;
     padding: 0;
     margin: 0;
     position: relative;
 }

  header .topNav .hasChildren ul
  {
      display: none;
  }

 header .topNav .hasChildren ul li
 {
     background-color: rgba(200, 200,200,0.4);
}

 header .topNav a
 {
     padding: 0.5em 1em;
     display: block;
 }

 header .topNav.noBreak a
 {
     white-space:nowrap;
 }

 header .hamburger
 {
     margin: 0;
     display: block;
     float: right;
     margin-top: 10px;
 }

 header .headerLogo
 {
     display: block;
 }

 .pageHeader
 {
     width: 100%;
     position: relative;
     overflow: hidden;
     height: 20vw;
     min-height: 300px;
 }

.pageHeader.fullScreen
 {
     height: 100vh;
     max-height: 100vw;
 }

 .pageHeader .headerContent
 {
     position: relative;
     padding: 0;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 2;
 }

 .pageHeader .headerContent
 {
     height: 100%;
 }

 .pageHeader.headerContent video
 {
     width: 100%;
     height: auto;
     display: block;
 }

 .pageHeader .headerBackgroundImage
 {
     position: fixed;
     width: 100%;
     height: 100%;
     z-index: 0;
     top: 0;
     left: 0;
     background-size: cover;
     opacity: 1;
     background-position: center center;
 }

 .pageHeader .headerBackgroundImageOverlay
 {
     position:  absolute;
     z-index: 1;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: black;
     opacity: 0.2;
 }

 .ie  .pageHeader .headerBackgroundImage, .edge .pageHeader .headerBackgroundImage
 {
     position: absolute; /* stop jerkiness from IE, Edge */
 }

 .pageHeader .headerCarousel
 {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     overflow: hidden;
 }

 .pageHeader .slick-list, .pageHeader .slick-track, .pageHeader .slick-slide
 {
     height: 100%;
 }

 .pageHeader .slick-slide
 {
     background-size: cover;
     opacity: 1;
     background-position: center center;
     background-attachment: scroll;
 }


 .pageHeader .arrowDown
 {
     font-size: 3rem;
     display: none;
     position: absolute;
     width: 1em;
     height: 1em;
     bottom: 0.25em;
     left: 50%;
     margin-left: -0.5em;
     background-image:url(/assets/images/arrow-down.svg);
     background-size: cover;
     z-index: 12;
 }

 @media (min-height: 450px)
 {
     .pageHeader .arrowDown
     {
         display: block;
     }
 }

 .pageHeader .headerTextContainer
 {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 1;
 }

 .pageHeader .headerTextInner
 {
     display: table;
     width: 100%;
     height: 100%;
 }

 .pageHeader .headerText
 {
     display: table-cell;
     width: 100%;
     height: 100%;
     padding: 0 15px;
     vertical-align: middle;
     text-align: center;
 }

 .pageHeader h1
 {
     margin: 0;
     padding: 0 15px;
 }

 @media (min-width: 400px)
 {
     .pageHeader .arrowDown
     {
         font-size: 5rem;
     }
 }

 @media (min-width: 600px)
 {
     .pageHeader .arrowDown
     {
         font-size: 7.5rem;
     }
 }

 @media (min-width: 1024px)
 {
     header .arrowDown
     {
         font-size: 10rem;
     }
     header .hamburger
     {
         display: none;
     }
     header .navOuter
     {
         position: relative;
     }
     header .topNav
     {
         display: block;
         opacity: 1;
         position: relative;
         right: auto;
         left: auto;
         padding-top: 0;
         top: auto !important;
     }
     header .topNav ul
     {
         float: right;
     }
     header .topNav li
     {
        display: block;
        float: left;
     }
     header .topNav .hasChildren ul{
        position: absolute;
        top: 2.25em;
        display: none;
    }
      html.no-js header .topNav .hasChildren:hover ul{
        display: block;
    }
      header .topNav .hasChildren ul li {
        padding: 10px 10px 0px 10px;
        float: none;
        text-align: left;
    }
     header .topNav .hasChildren ul li:last-child
     {
         padding-bottom: 10px;
     }
     header .topNav .hasChildren ul li a{
         padding: 0 0.3em !important;
     }
 }

 @media (min-width: 1100px)
 {
     .home-page .pageHeader .headerBackgroundImage
     {
         /*background-attachment: fixed;*/
     }
 }