.header{position:absolute;top:0;right:0;left:0;z-index:10000}
.header-lead{background:#0c0c0c}
.header-wrap{display:flex;justify-content:space-between;align-items:center;height:78px}
.header-logo{display:flex;align-items:center;flex-shrink:0;gap:12px}
.header-logo__icon{flex-shrink:0;width:37px;height:38px}
.header-logo__text{display:flex;flex-direction:column;gap:4px;margin-top:-3px}
.header-logo__text__title{color:#f8f5f0;font-size:23px;font-weight:700}
.header-logo__text__title span{color:#e3b322}
.header-logo__text__desc{font-size:11px}
.header-menu{display:flex;justify-content:space-between;align-items:center;gap:50px}
.header-nav{display:flex;gap:30px}
.header-nav__link{transition:.3s ease-in-out;position:relative;z-index:1;font-size:16px}
.header-nav__link:hover{color:#e3b322!important}
.header-action{display:flex;gap:12px}
.header-action__button, .header-action__button:hover{box-shadow:none}
.header-promo{transition:opacity .3s ease-in-out;opacity:0;pointer-events:none;background:rgba(10, 10, 10, 0.25);backdrop-filter:blur(5px)}
.header-promo.is-active{opacity:1;pointer-events:all}
.header-promo__wrap{display:flex;align-items:center;height:40px}
.header-promo__text{margin-right:38px}
.header-promo__text.is-desktop{display:block}
.header-promo__text.is-mobile{display:none}
.header-promo__button{transition:.3s ease-in-out;color:#f8f5f0;height:28px;padding:0 18px;margin-right:auto;font-size:14px;font-weight:500;letter-spacing:0.01em;border:1px solid;border-radius:28px}
.header-promo__button:hover{background:#f8f5f0!important;color:#1d1c1c!important}
.header-promo__action{transition:.3s ease-in-out;display:flex;justify-content:center;align-items:center;width:10px;height:24px;cursor:pointer}
.header-promo__action:hover{color:#e3b322!important}
.header-promo__action__icon{width:10px;height:10px}
.header-hamburger{position:relative;z-index:100;display:flex;justify-content:end;align-items:center;background:0;width:20px;height:10px;border:0;outline:0}

.header-hamburger__line{transition:width .3s .6s, margin .3s .3s, transform .3s;position:absolute;background:#fff;width:100%;height:1px;border-radius:3px}
.header-hamburger__line:nth-child(1){top:0;width:10px}
.header-hamburger__line:nth-child(2){bottom:0}

.header-hamburger.is-active .header-hamburger__line{transition:width .3s, margin .3s .3s, transform .3s .6s}
.header-hamburger.is-active .header-hamburger__line:nth-child(1){transform:rotate(-45deg);margin-top:4px;width:100%}
.header-hamburger.is-active .header-hamburger__line:nth-child(2){transform:rotate(45deg);margin-bottom:5px;width:100%}

.fixed-header-prepared{visibility:hidden;transform:translateY(-100%);position:fixed;top:0;right:0;left:0;z-index:10000;box-shadow:0 0 15px rgba(0, 0, 0, 0)}
.fixed-header-prepared::before{max-width:100%}
/*.fixed-header-prepared .header-wrap{height:78px}*/
.fixed-header-prepared .header-promo{background:#2d2d2e;backdrop-filter:none}
.fixed-header-preshow{visibility:visible;transition:transform .3s ease}
.fixed-header-ready{transform:translateY(0)}


@media screen and (max-width: 1199px) {
    .header-menu{gap:30px}
    .header-nav{gap:25px}
}

@media screen and (max-width: 991px) {
    .header-wrap{height:50px}
    .header-logo{gap:6px}
    .header-logo__text__title{font-size:14.35px}
    .header-logo__text__desc{font-size:6.85px}
    .header-logo__icon{width:23px;height:24px}
    .header-promo__text{margin-right:auto}
    .header-promo__button{margin-right:0;height:23px;padding:0 14px;font-size:12px}
    .header-promo__action{display:none}
    .header-menu{opacity:0;overflow-y:auto;position:fixed;top:50px;right:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:44px;background:#171718;width:100%;padding:32px 10px;transition:.3s ease-in-out;pointer-events:none}
    .header-menu.is-open{opacity:1;pointer-events:all}
    .header-promo__text.is-desktop{display:none}
    .header-promo__text.is-mobile{display:block}
    .header-nav{flex-direction:column;gap:22px;text-align:center}
    .header-action{flex-direction:column;gap:9px;width:100%;max-width:300px}
    .header-action__button{width:100%}
}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 575px) {

}

@media screen and (max-width: 374px) {

}