.header{color:#004680;height:64px;position:relative}
@media(min-width:768px){.header{height:107px}
}
.header__bar{position:fixed;z-index:1000;top:0;left:0;right:0;display:flex;justify-content:space-between;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.16)}
.header__logo{padding:12px 0 12px 12px;flex:0 1 141px}
@media(min-width:768px){.header__logo{flex-basis:204px;padding:24px 0 24px 32px}
}
.header__nav{display:none;font-size:16px;background-color:#004680;color:#fff;position:fixed;top:64px;left:0;right:0;padding-top:5px;padding-bottom:5px;overflow-y:scroll;max-height:calc(100vh -  64px);box-shadow:0 3px 6px rgba(0,0,0,0.16)}
@media(min-width:768px){.header__nav{top:107px;font-size:18px;max-height:calc(100vh -  107px)}
}
@media(min-width:992px){.header__nav{padding-top:0;padding-bottom:0;overflow-y:auto;max-height:none}
}
@media(min-width:1200px){.header__nav{display:block;position:static;flex:1 0;background-color:transparent;color:#004680;box-shadow:none}
}
.header__nav--open{display:block}
.header__buttons{flex:0 1;display:flex}
@media(min-width:768px){.header__account-btn .btn__text{white-space:nowrap}
.header__account-btn .btn__text::before{content:'My '}
}
@media(min-width:1200px){.header__account-btn{border-left:1px solid #a9c1d4;font-weight:bold}
.header__account-btn .btn{flex-direction:row;width:auto;padding-left:32px;padding-right:32px}
.header__account-btn .btn__icon{margin-right:12px;font-size:32px}
.header__account-btn .btn__text{margin-top:0;font-size:18px}
}
@media(min-width:1200px){.header__menu-btn{display:none}
}
.header__menu-close-btn{display:none;position:absolute;top:0;right:0;bottom:0}
@media(min-width:1200px){.header__menu-close-btn{display:none}
}
.header__menu-close-btn--visible{display:block}
@media(min-width:1200px){.header__menu-close-btn--visible{display:none}
}