/* header */
header{position: fixed; left: 0; top: 0; right: 0; background-color: white; height: 100px; z-index: 11; box-shadow: 0px 0px 20px rgba(30, 43, 81, 0.4);}
header.wAnchors{box-shadow: none;}
.headerContent{display: flex; align-items: flex-start; padding: 0px 115px 0px 0px; position: relative;}
.headerLogo{padding: 8px 0px 0px; width: 92px; position: absolute; right: 0; top: 0;}
.headerLogo a{display: block; width: 100%;}
.headerLogo a img{display: block; width: 100%;}

.headerLeft{margin-right: auto; display: flex; align-items: center; padding-top: 30px;}
.headerSearch{padding: 0px 0px 0px 0px;}
.headerSearch_mobile{display: none;}
a.headerSearch_toggle{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; position: relative; z-index: 1;}
a.headerSearch_toggle i{font-size: 48px;}
a.headerSearch_toggle:hover, a.headerSearch_toggle:focus{color: #fbb903;}
a.headerSearch_toggle:after{display: none; content: ''; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); width: 0; height: 0; border: 8px solid transparent; border-bottom-color: white;}
a.headerSearch_toggle[aria-expanded="true"]{color: #fbb903;}
a.headerSearch_toggle[aria-expanded="true"]:after{display: block;}

.headerSearch_pop{position: absolute; left: 50%; transform: translate(-50%, 0); top: calc(100% + 16px); width: 100vw; background-color: white; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}
.headerSearch_pop legend{overflow: hidden; width: 0; height: 0;}
.headerSearch_form{position: relative;}
.headerSearch_form label{display: block; position: relative;}
.headerSearch_form label input{display: block; width: 100%; height: 66px; padding: 16px 0px 0px 0px; margin: 0; background-color: white; font-size: 24px; border: 0px;}
.headerSearch_form label .labelText{pointer-events: none; position: absolute; right: 0px; top: 17px; z-index: 1; font-size: 24px; transition: all 0.3s ease-in-out; white-space: nowrap;}
.headerSearch_form label.activeInput span.labelText{top: 8px; font-size: 15px;}
.headerSearch_form button[type="submit"]{position: absolute; left: 25px; top: 0; width: 50px; height: 66px; border: 0; background-color: white;}
.headerSearch_form button[type="submit"] i{font-size: 34px;}

.headerSearch_form button[type="button"]{position: absolute; left: 25px; top: 0; width: 50px; height: 66px; border: 0; background-color: white;}
.headerSearch_form button[type="button"] i{font-size: 34px;}
.headerSearch_form a.headerSearch_formClose{position: absolute; left: -25px; top: 0; width: 50px; height: 66px; display: flex; align-items: center; justify-content: center;}
.headerSearch_form a.headerSearch_formClose i{font-size: 16px;}

.headerLeft_buttons{display: flex; padding-right: 24px;}
.headerLeft_buttons li{padding-right: 10px;}
.headerLeft_buttons li a{display: inline-block; min-width: 134px; height: 40px; font-size: 18px; line-height: 38px; padding: 0px 18px 0px; border: 1px solid #1e2b51;}
.headerLeft_buttons li a:hover, .headerLeft_buttons li a:focus{background-color: #1e2b51; color: white;}
.headerLeft_buttons li.headerLeft_join a{background-color: #1e2b51; color: white;}
.headerLeft_buttons li.headerLeft_join a:hover, .headerLeft_buttons li.headerLeft_join a:focus{background-color: #fbb903; border-color: #fbb903; color: #1e2b51;}

.headerContent nav{display: block; padding: 34px 0px 0px 0px;}
.headerMenu > ul{display: flex;}
.headerMenu > ul > li{padding: 0px 30px 0px 0px; position: relative; z-index: 1;}
a.headerMenu_mobileToggle{display: none;}
a.headerMenu_toggle, a.headerMenu_link{display: inline-block; font-size: 24px; font-weight: 300; padding: 0px 0px 3px; position: relative;}
a.headerMenu_toggle:after, a.headerMenu_link:after{content: ''; pointer-events: none; position: absolute; right: 50%; left: 50%; bottom: 0; height: 2px; background-color: #fbb903; transition: all 0.2s ease-in-out;}
a.headerMenu_toggle:hover:after, a.headerMenu_toggle:focus:after, a.headerMenu_link:hover:after, a.headerMenu_link:focus:after{left: 0; right: 0;}
a.headerMenu_toggle[aria-expanded="true"]{font-weight: 700;}
a.headerMenu_toggle[aria-expanded="true"]:after, a.headerMenu_toggle[aria-current="true"]:after, a.headerMenu_link[aria-current="true"]:after{left: 0; right: 0;}
.headerMenu_secMenu{position: absolute; right: 0; top: 100%; padding-top: 12px;}
.headerMenu > ul > li:hover .headerMenu_secMenu{display: block;}
.headerMenu_secGrid{display: flex; background-color: white; padding: 23px 13px 23px 25px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); position: relative;}
.headerMenu_secGrid:before{content: ""; position: absolute; right: 50px; bottom: 100%; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: white;}

.headerMenu > ul > li:nth-last-child(1) .headerMenu_secMenu,
.headerMenu > ul > li:nth-last-child(2) .headerMenu_secMenu{right: auto; left: -30px;}
.headerMenu > ul > li:nth-last-child(1) .headerMenu_secMenu .headerMenu_secGrid:before,
.headerMenu > ul > li:nth-last-child(2) .headerMenu_secMenu .headerMenu_secGrid:before{right: auto; left: 50px;}

.headerMenu_noBanner{right: auto; left: calc(50% - 15px); transform: translate(-50%, 0);}
.headerMenu_noBanner .headerMenu_secGrid:before{right: auto; left: 50%; transform: translate(-50%, 0);}
.headerMenu_secBanner{padding-right: 18px;}
.headerMenu_secBanner a{display: block; color: white; position: relative; background-color: #1e2b51;}
/*
.secBanner_image{position: relative; background-color: #1e2b51; width: 275px;}
.secBanner_image img{display: block; width: 100%; opacity: 0.6;}
.secBanner_image:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    background: -moz-linear-gradient(top,  rgba(19,27,50,0) 0%, rgba(19,27,50,1) 65%, rgba(19,27,50,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(19,27,50,0) 0%,rgba(19,27,50,1) 65%,rgba(19,27,50,1) 100%);
    background: linear-gradient(to bottom,  rgba(19,27,50,0) 0%,rgba(19,27,50,1) 65%,rgba(19,27,50,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131b32', endColorstr='#131b32',GradientType=0 );
}
.secBanner_content{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
*/
.secBanner_content{width: 275px; height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.secBanner_content strong{font-weight: 700; font-size: 18px; line-height: 18px; color: #fbb903; padding: 0px 0px 0px;}
.secBanner_content span{font-weight: 400; font-size: 16px; line-height: 20px; padding: 5px 0px 0px; width: 220px;}
.secBanner_content B{display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 10px; font-weight: 700; font-size: 18px; line-height: 18px; width: 200px; height: 36px; border: 1px solid #fbb903;}
.headerMenu_secBanner a:hover .secBanner_content B,
.headerMenu_secBanner a:focus .secBanner_content B{background-color: #fbb903; color: #1e2b51;}

ul.headerMenu_secLinks{min-width: 180px; width: 50%; font-weight: 400; font-size: 18px; line-height: 20px; margin: 0px 12px;}
ul.headerMenu_secLinks li{border-top: 1px solid #f1f1f1; padding: 12px 0px 14px;}
ul.headerMenu_secLinks li:nth-child(1){border-top: 0;}
ul.headerMenu_secLinks li a:hover{text-decoration: underline;}
.headerMenu_backToTop{display: block; width: 0; height: 0; overflow: hidden;}

@media screen and (max-width: 1600px) {
    .headerMenu > ul > li{padding: 0px 24px 0px 0px;}
    a.headerMenu_toggle, a.headerMenu_link{font-size: 20px;}
}

@media screen and (max-width: 1400px) {
    header{height: 84px;}
    .headerContent{padding: 0px 90px 0px 0px;}
    .headerLogo{padding: 7px 0px 0px; width: 78px;}
    a.headerMenu_toggle, a.headerMenu_link{font-size: 18px;}

    .headerLeft{padding-top: 24px;}
    a.headerSearch_toggle{width: 36px; height: 36px;}
    a.headerSearch_toggle i{font-size: 40px;}
    .headerLeft_buttons{padding-right: 14px;}
    .headerLeft_buttons li a{height: 36px; font-size: 16px; line-height: 34px; padding: 0px 16px 0px;}

    .headerMenu_secMenu{padding-top: 15px;}
    ul.headerMenu_secLinks{font-size: 16px; line-height: 20px; margin: 0px 10px;}
    ul.headerMenu_secLinks li{padding: 8px 0px 10px;}

    .headerMenu > ul > li:nth-last-child(1) .headerMenu_secMenu,
    .headerMenu > ul > li:nth-last-child(2) .headerMenu_secMenu{right: auto; left: -100px;}
    .headerMenu > ul > li:nth-last-child(1) .headerMenu_secMenu .headerMenu_secGrid:before,
    .headerMenu > ul > li:nth-last-child(2) .headerMenu_secMenu .headerMenu_secGrid:before{right: auto; left: 150px;}
}

@media screen and (max-width: 1280px) {
    .headerContent nav{padding-top: 38px;}
    .headerMenu > ul > li{padding: 0px 21px 0px 0px;}
    a.headerMenu_toggle, a.headerMenu_link{font-size: 16px;}
    
    .headerLeft_buttons{padding-right: 6px;}
    .headerLeft_buttons li a{font-size: 14px; padding: 0px 12px;}
    
    .headerMenu_secGrid:before{right: 36px;}
    .headerMenu > ul > li:nth-last-child(1) .headerMenu_secMenu,
    .headerMenu > ul > li:nth-last-child(2) .headerMenu_secMenu{right: auto; left: -160px;}
    .headerMenu > ul > li:nth-last-child(1) .headerMenu_secMenu .headerMenu_secGrid:before,
    .headerMenu > ul > li:nth-last-child(2) .headerMenu_secMenu .headerMenu_secGrid:before{right: auto; left: 200px;}
}

@media screen and (max-width: 1024px) {
    header{height: 72px;}
    header .centeredContent{padding-left: 0;}
    .headerContent{padding: 0px 90px 0px 72px;}
    .headerLogo{padding-top: 8px; width: 64px;}
    
    .headerSearch{display: none;}
    .headerSearch_mobile{display: block; background-color: #fbb903;}
    .headerSearch_mobile legend{overflow: hidden; width: 0; height: 0;}
    
    .headerSearch_mobile .headerSearch_form label input{height: 50px; background-color: #fbb903; font-size: 18px; text-indent: 20px;}
    .headerSearch_mobile .headerSearch_form label .labelText{font-size: 18px; right: 20px; top: 15px;}
    .headerSearch_mobile .headerSearch_form label.activeInput span.labelText{top: 5px; font-size: 14px;}
    .headerSearch_form button[type="submit"]{left: 0px; top: 0; width: 72px; height: 50px; border: 0; background-color: #fbb903;}
    .headerSearch_form button[type="submit"] i{font-size: 24px;}
   
    .headerSearch_form button[type="button"]{left: 0px; top: 0; width: 72px; height: 50px; border: 0; background-color: #fbb903;}
    .headerSearch_form button[type="button"] i{font-size: 24px;}
   
    .headerLeft_buttons{padding-right: 0;}
    .headerLeft{padding-top: 18px;}
    .headerContent nav{position: absolute; left: 0; top: 0px; padding-top: 0;}

    a.headerMenu_mobileToggle{display: block; width: 72px; height: 72px;}
    a.headerMenu_mobileToggle div{display: flex; flex-direction: column; width: 100%; height: 100%; align-items: center; justify-content: center;}
    a.headerMenu_mobileToggle div span{display: block; width: 100%; height: 2px; background-color: #1e2b51; margin: 3px 0px;}
    a.headerMenu_mobileToggle div:nth-child(1){padding: 0px 20px;}
    a.headerMenu_mobileToggle div:nth-child(2){display: none;}
    a.headerMenu_mobileToggle div i.icon-close{font-size: 25px;}
    a.headerMenu_mobileToggle[aria-expanded="true"] div:nth-child(1){display: none;}
    a.headerMenu_mobileToggle[aria-expanded="true"] div:nth-child(2){display: flex;}
    
    .headerMenu{display: none; position: absolute; left: 0; width: 100vw; height: calc(100vh - 72px); background-color: rgba(0, 0, 0, 0.4);}
    .headerMenu[aria-hidden="false"]{display: block;}
    .headerMenu > ul{display: block;}
    .headerMenu > ul{background-color: #1e2b51; color: white; padding: 0px 20px; height: calc(100% - 50px); overflow-y: auto;}
    .headerMenu > ul > li{padding: 11px 0px 12px; border-top: 1px solid #485371;}
    .headerMenu > ul > li:nth-child(1){border-top: 0px;}
    a.headerMenu_toggle, a.headerMenu_link{display: block; color: white; font-size: 18px; line-height: 36px; padding-bottom: 0px;}
    a.headerMenu_link:after{display: none;}
    a.headerMenu_toggle:after{content: "\e900"; font-size: 14px; font-family: 'icomoon' !important; color: white; left: 0; right: auto; bottom: auto; height: auto; background-color: transparent; transform: rotate(90deg);}
    a.headerMenu_toggle[aria-expanded="true"]{color: #fbb903; font-weight: 700;}
    a.headerMenu_toggle:hover:after, a.headerMenu_toggle:focus:after, a.headerMenu_toggle[aria-expanded="true"]:after, a.headerMenu_toggle[aria-current="true"]:after, a.headerMenu_link[aria-current="true"]:after{left: 0; right: auto;}
    a.headerMenu_toggle[aria-expanded="true"]:after{transform: rotate(-90deg);}

    .headerMenu_secMenu{position: static; top: auto; right: auto; left: auto; transform: none; padding-top: 0;}
    .headerMenu > ul > li:hover .headerMenu_secMenu[aria-hidden='true']{display: none;}
    .headerMenu_secBanner{display: none;}
    .headerMenu_secGrid{padding: 0px; background-color: transparent; box-shadow: none; display: block;}
    .headerMenu_secGrid:before{display: none;}
    ul.headerMenu_secLinks{margin: 0px; width: auto; min-width: 0;}
    ul.headerMenu_secLinks li{border-top: 0px; padding: 7px 0px;}
    ul.headerMenu_secLinks li a{color: white; display: block;}
    
    a.headerMenu_toggle:focus, a.headerMenu_link:focus, ul.headerMenu_secLinks li a:focus{outline-color: white;}
}

@media screen and (max-width: 480px) {
    header{height: 54px;}
    .headerLogo{padding-top: 4px; width: 54px;}
    .headerContent{padding: 0px 90px 0px 64px;}
    .headerLeft_buttons{padding-left: 12px;}
    .headerLeft_buttons li{padding-right: 0;}
    .headerLeft_buttons li.headerLeft_join{display: none;}
    .headerLeft_buttons li.headerLeft_login a{min-width: 0; padding: 0px 24px 0px 0px; position: relative; border: 0; background-color: white; color: #1e2b51;}
    .headerLeft_buttons li.headerLeft_login a:before{position: absolute; right: 0; top: 0; content: '\e917'; font-size: 18px; font-family: 'icomoon' !important;}
    .headerLeft_buttons li.headerLeft_login a span{display: none;}
    
    a.headerMenu_mobileToggle{width: 64px; height: 54px;}
    a.headerMenu_mobileToggle div:nth-child(1){padding: 0px 18px;}
    .headerMenu{height: calc(100vh - 54px);}
    .headerLeft{padding-top: 10px;}
}
