/* body, */
  .header-wrapper { 
    height:  100%; 
    width: 100%;
    margin:  0; 
    padding:  0;
    background-color: #fff; 
    color: #212121; 
    font-family: Open Sans,sans-serif; 
    font-size: 18px; 
    letter-spacing: .3px; 
    line-height: 1.42857143; 
} 

.header-nav-desktop {
    display: none;
}

/* header mobile toggle */
  
.header-wrapper .padding-0 { 
    padding: 0!important;
} 

.header-wrapper .bg-white { 
    background-color: #fff;
} 

.header-wrapper .small-header { 
    background-color: transparent; 
    box-shadow: none; 
    height: 46px; 
    position: relative; 
    z-index: 1;
} 

.header-wrapper .small-header.legacy { 
    height: 88px;
} 

.header-wrapper .flex-col { 
    display: flex; 
    flex-direction: column;
} 

.header-wrapper .jc-space-between { 
    justify-content: space-between;
} 

.header-wrapper .padding-16 { 
    padding: 16px!important;
} 

.header-wrapper .ai-center { 
    align-items: center;
} 

.header-wrapper .flex { 
    display: flex;
} 

.header-wrapper .shadow  { 
    box-shadow:  0 2px 2px 0 rgba(0,0,0,.18)!important; 
    height:  88px;
} 

.header-wrapper *,.header-wrapper :after,.header-wrapper :before { 
    box-sizing: border-box;
} 

.header-wrapper .menu-container  { 
    line-height: 0; 
    position: absolute;
} 

.header-wrapper .logo-container  { 
    align-items: center; 
    display: flex; 
    justify-content: center; 
    width: 100%;
} 

.header-wrapper button { 
    color:   inherit; 
    font:   inherit; 
    margin:   0;
    font-family:  inherit; 
    font-size:  inherit; 
    line-height:  inherit;
    -webkit-appearance: button;
    appearance: button;
    cursor: pointer;
} 

.header-wrapper .ch-hamburger { 
    cursor: pointer; 
    height: 21px; 
    position: relative; 
    width: 21px;
} 

.header-wrapper .btn-reset { 
    background-color: transparent; 
    border: 0; 
    border-color: transparent; 
    margin: 0; 
    padding: 0;
} 

.header-wrapper a { 
    color: #00558c; 
    text-decoration: none;
} 

.header-wrapper a  { 
    text-decoration: none;
} 

.header-wrapper a:active,
.header-wrapper a:hover { 
    text-decoration: underline;
    color: #1a70a6;
}
.header-wrapper .header-main-nav a:focus {
    color: #00558c; 
}

.header-wrapper .ch-hamburger .bars  { 
    background-color: #000; 
    content: ""; 
    height: 2px; 
    left: 0; 
    position: absolute; 
    transition: .3s; 
    width: 20px;
} 

.header-wrapper .ch-hamburger .bars ,.header-wrapper .ch-hamburger .bars:after ,.header-wrapper .ch-hamburger .bars:before  { 
    background-color: #000; 
    content: ""; 
    height: 2px; 
    left: 0; 
    position: absolute; 
    transition: .3s; 
    width: 20px;
} 

.header-wrapper .ch-hamburger .bars:before  { 
    top: -6px;
} 

.header-wrapper .ch-hamburger .bars:after  { 
    top: 6px;
} 

.header-wrapper img { 
    border: 0; 
    vertical-align: middle;
} 

.header-wrapper .logo-container img  { 
    height:  36px; 
    width:  134px;
} 
/* end header mobile toggle */


/* header top - desktop */
header {
    position: relative;
    font-weight: initial;
}
header nav ul li a {
    color: #00558c;
}
header nav ul li a:hover {
    color: #1a70a6;
    text-decoration: underline;
}
  
.header-top-bar { 
    border-bottom: 1px solid rgba(0,0,0,.1);
} 

.app-header { 
    background-color: #fff; 
    border-top: 2px solid #ffc72c; 
    box-shadow: 0 2px 2px 0 rgba(119,112,91,.25); 
    z-index: 999;
} 

.header-wrapper .container { 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 15px; 
    padding-right: 15px;
} 

@media (min-width: 768px){ 
    .header-wrapper .container { 
        width: 750px;
    } 
}     

@media (min-width: 992px){ 
    .header-wrapper .container { 
        width: 970px;
    }
    .header-nav-mobile {
        display: none;
    }
    .header-nav-desktop {
        display: block;
    }
}     

@media (min-width: 1200px){ 
    .header-wrapper .container { 
        width: 1170px;
    } 
}     

.header-wrapper .container:after,.header-wrapper .container:before { 
    content: " "; 
    display: table;
} 

.header-wrapper .container:after { 
    clear: both;
} 

.header-wrapper .header-top-bar .container > .flex  { 
    height: 40px;
} 

.header-wrapper .fs-15 { 
    font-size: 15px!important;
} 

.header-wrapper .react-dropdown { 
    position: relative;
} 

.header-wrapper .fs-12 { 
    font-size: 12px!important;
} 

.header-language-dropdown > button  { 
    color: rgba(0,0,0,.55); 
    letter-spacing: .36px;
} 

.header-language-dropdown > button:hover  { 
    color: rgba(0,0,0,.8);
} 

.header-wrapper .list-unstyled { 
    list-style: none; 
    margin: 0; 
    padding: 0;
} 

.header-wrapper .margin-right-8 { 
    margin-right: 8px!important;
} 

.header-language-dropdown img  { 
    display: block; 
    height: 21px; 
    max-width: 21px; 
    min-width: 21px;
} 

.header-wrapper .margin-left-8 { 
    margin-left: 8px!important;
} 

.header-wrapper .ch-icon { 
    display: inline-block;
} 

.header-wrapper .fs-10 { 
    font-size: 10px!important;
} 

.header-wrapper .margin-left-16 { 
    margin-left: 16px!important;
} 

.header-wrapper header li > a  { 
    display: inline-block;
} 

.header-wrapper .header-top-nav .header-top-nav-link  { 
    color: #212121;
    letter-spacing: .3px;
} 

.header-wrapper .header-top-nav .header-top-nav-link #site-accessibility-dropdown:active ,.header-wrapper .header-top-nav .header-top-nav-link #site-accessibility-dropdown:hover  { 
    text-decoration: underline;
} 
/* end header top - desktop */
  

/* header bottom - desktop */
.app-header .header-main-bar > .flex  { 
    height: 90px;
} 

.header-main-logo  { 
    margin-right: 24px;
} 

@media (min-width: 1200px){ 
    .header-main-logo  { 
        margin-right: 56px;
    } 
}     

.header-wrapper .flex-1 { 
    flex-grow: 1;
} 

.header-wrapper img  { 
    height: 36px;
} 

.header-wrapper .login-btn  { 
    /* color: #ae510e; */
    color: #e26811; 
    font-weight: 600;
    font-size: 18px;
} 

.header-wrapper .login-btn.with-hover  { 
    border-bottom: 2px solid transparent;
} 

.header-wrapper .login-btn.with-hover:hover  { 
    border-color: #ae510e; 
    color: #ae510e;
} 

.header-main-nav li  { 
    font-size: 13px;
} 

@media (min-width: 1200px){ 
    .header-main-nav li  { 
        font-size: 14px;
    } 
}     

.header-main-nav li  { 
    margin-right: 16px;
} 

@media (min-width: 1200px){ 
    .header-main-nav li  { 
        margin-right: 24px;
    } 
}     

.header-wrapper .cp-logo  { 
    width: 140px;
} 

.app-header .header-main-login > a > img  { 
    color: #fff;
} 

.header-main-login button  { 
    font-size: 13px;
} 

@media (min-width: 1200px){ 
    .header-main-login button  { 
        font-size: 14px;
    } 
}     

.header-wrapper .text-semibold { 
    font-weight: 600;
} 

.header-main-nav a  { 
    letter-spacing: -.2px;
} 
/* end header bottom - desktop */