body.scroll-off
{overflow:hidden}

.header
{position:relative;margin-top:0;z-index:50;width:100%}

.header__wrapper{padding:16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media(min-width: 1200px){
    .header__wrapper{padding:24px 0}}
    .header__wrapper--center{-webkit-box-pack:center;-ms-flex-pack:left;}
    .header-logo{position:relative;width:100%;max-width:150px}
    
    @media(min-width: 992px){.header-logo{margin:0}}.header-logo.--desctop{display:none}
    @media(min-width: 992px){.header-logo.--desctop{display:block}}
    @media(min-width: 992px){.header-logo.--mobile{display:none}}
    
    .header-logo img{width:350%;height:100%;-o-object-fit:contain;object-fit:contain}
    .header-navbar{display:none}
    @media(min-width: 1200px){
        .header-navbar{margin-left:auto;display:block}}
        .header-navbar__list{margin:0}
        
    @media(min-width: 1200px){
            .header-navbar__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}
            .header-navbar__item{padding:21px 16px;text-align:center;font-weight:400;font-size:16px;line-height:100%;cursor:pointer}
            @media(min-width: 1200px){
                .header-navbar__item{padding:0}}
                
    @media(max-height: 550px){
        .header-navbar__item{padding:15px 16px}}
        
    @media(min-width: 1200px){.header-navbar__item:not(:last-child){margin-right:30px}}
    @media(min-width: 1440px){.header-navbar__item:not(:last-child){margin-right:50px}}
    @media(min-width: 1200px){.header-navbar__item::after{content:"";display:block;width:0%;height:1px;background:#2e2e2e;-webkit-transition:.1s all linear;transition:.1s all linear}}
    
    .header-navbar__item:hover::after{width:100%}
    .header__contacts{display:none;text-align:end}
    @media(min-width: 992px){.header__contacts{margin-left:auto;display:block}}
    @media(min-width: 1200px){.header__contacts{margin-left:50px}}
    
    .header__contacts-phone{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:left;font-weight:600;font-size:16px;line-height:100%}
    .header__contacts-text{font-weight:400;font-size:14px;line-height:110%}
    .header-submenu{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    
@media(min-width: 992px){.header-submenu{margin-left:15px}}
@media(min-width: 992px){.header-submenu.--grek{margin-left:auto}}

.header-submenu.--grek .header-submenu__btn--login{width:152px}
.header-submenu__btn{padding:16px 24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:600;font-size:16px;line-height:100%;text-align:center;background:#2e2e2e;border-radius:10px;color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.header-submenu__btn:not(:first-child){margin-left:15px}
.header-submenu__btn--unsubscribe{padding:10px 12px;background:rgba(0,0,0,0);background:#ca0000;-webkit-box-shadow:unset;box-shadow:unset;font-size:12px}
@media(min-width: 360px){.header-submenu__btn--unsubscribe{font-size:14px}}
@media(min-width: 768px){.header-submenu__btn--unsubscribe{padding:12px 20px;font-size:16px}}
@media(min-width: 992px){.header-submenu__btn--unsubscribe{padding:16px 24px}}.header-submenu__btn--login{display:none}
@media(min-width: 992px){.header-submenu__btn--login{display:block}}

.header-phonemenu{position:fixed;right:-100%;top:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s;z-index:1}
@media(min-width: 1200px){.header-phonemenu{display:none}}.header-phonemenu.active .header-phonemenu__blur{display:block}
@media(orientation: landscape){.header-phonemenu.active .header-phonemenu__item:first-child{position:fixed;right:0;top:0}}
@media(orientation: landscape){.header-phonemenu.active .header-phonemenu__wrapper{overflow-y:auto}}

.header-phonemenu__blur{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:49;background:rgba(16,32,55,.1490196078);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.header-phonemenu__wrapper{position:absolute;top:0;right:0;z-index:50;width:100%;height:100%;background:#fff}
@media(min-width: 768px){.header-phonemenu__wrapper{width:300px}}.header-phonemenu__close{padding:10px;display:inline-block;cursor:pointer}
.header-phonemenu__item{padding:21px 16px;text-align:center}
@media(max-height: 550px){.header-phonemenu__item{padding:15px 16px}}.header-phonemenu__item:nth-child(1){padding:20px 20px 0}
.header-phonemenu__item:first-child{text-align:end}
.header-phonemenu__item:last-child{padding:35px 16px}.header-phonemenu__item.on-scroll{font-weight:400;font-size:18px;line-height:100%;cursor:pointer}
@media(min-width: 992px){.header-phonemenu__item--submenu{display:none}}
.header-hamburger{padding:15px 0 15px 15px;border-radius:14px;cursor:pointer}
@media(min-width: 992px){
    .header-hamburger{position:static;display:-webkit-box;display:-ms-flexbox;display:flex}}
@media(min-width: 1200px){
    .header-hamburger{display:none}}.header.--divided{position:absolute}
@media(min-width: 992px){.header.--divided .header__wrapper--center{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:left}}.header.--divided .header-logo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
@media(min-width: 992px){.header.--divided .header-logo{margin-right:9%}}.header.--divided .header__contacts{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-align:center}@media(min-width: 992px){.header.--divided .header__contacts{margin-left:unset;margin-right:auto}}.header.--divided .header-navbar{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.header.--divided .header-submenu{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}@media(min-width: 992px){.header.--divided .header-submenu{margin-left:26px}}@media(min-width: 992px){.header.--divided .header-submenu.--grek{margin-left:auto}}@media(min-width: 1200px){.header.--divided .header-submenu.--grek{margin-left:26px}}.header.--divided .header-hamburger{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}body.menu #phoneMenu{right:0}