.header .phone-btn{font-size:20px}.header{background-color:#0000}.header.static .header-main{background-color:#373a62;box-shadow:0 3px 10px #0000001a}.header .phone-btn{transition:color .3s ease-out,border-color .3s ease-out}.header .phone-btn__icon{width:20px;height:20px}.header .button{padding:15px;border:1px solid #BF0D3E}.header-burger:before,.header-burger:after{content:"";display:block;width:24px;height:4px;background-color:var(--373a62);transition:background-color .3s ease-out,transform .3s ease-out,top .3s ease-out,bottom .3s ease-out;position:relative}.header-burger:before{top:0}.header-burger:after{bottom:0}.header-burger.open:before{transform:rotate(45deg);top:10px}.header-burger.open:after{transform:rotate(-45deg);bottom:10px}.header-burger.open .header-burger__line{transform:translate(200%)}.header.active{box-shadow:0 5px 10px #0003}.logo-icon path,.logo-text path,.header .phone-btn__icon path{transition:fill .3s ease-out}.header-main{transition:background-color .3s ease-out}.header.active .header-main{background-color:#fff}.header.active .header-burger{background-color:#373a62}.header.active .header-burger:before,.header.active .header-burger:after,.header.active .header-burger__line{background-color:#fff}.header.active .logo-icon #top-line,.header.active .logo-icon #bottom-line,.header.active .logo-text path{fill:#373a62}.header.active .phone-btn{color:#373a62}.header.active .phone-btn__icon path{fill:#373a62}.header.active .header-nav-item:has(>.header-nav__submenu):after{border-bottom-color:#373a62;border-right-color:#373a62}.header-nav-item:has(>.header-nav__submenu):after{content:"";width:4px;height:4px;display:inline-block;border:2px solid transparent;border-bottom-color:#fff;border-right-color:#fff;position:relative;transform:rotate(45deg);bottom:2px;border-radius:1px;transform-origin:75% 75%;transition:border-color .3s ease-out,transform .3s ease-out}.header-nav-item:has(>.header-nav__submenu){display:flex;flex-direction:row;align-items:center}@media screen and (max-width:1279px){.header-btns-wrapper .button{display:none}.header-nav.open{transform:translate(0)}.header-nav:not(.open) .header-nav-overlay{display:none}.header-nav-item>.header-nav__submenu{position:absolute;top:0;left:0;padding:24px 40px 40px;background-color:#fff;opacity:1;pointer-events:none;transform:translate(-100%);transition:transform .4s ease-out;width:100%;height:100%;z-index:1;list-style-type:none;display:flex;flex-direction:column;row-gap:16px;overflow-y:auto}.header-nav-item.open>.header-nav__submenu{transform:translate(0);pointer-events:auto}.header-nav-item:has(>.header-nav__submenu):after{transform:rotate(-45deg);bottom:1px}.header-nav-item:has(>.header-nav__submenu){column-gap:8px}.header-nav__submenu-back{display:flex;flex-direction:row;column-gap:8px;align-items:center}.header-nav__submenu-back:before{content:"";width:3px;height:3px;display:block;border:2px solid transparent;border-bottom-color:#383c40;border-right-color:#383c40;position:relative;transform:rotate(135deg);bottom:2px;border-radius:1px;transform-origin:75% 75%}.header-nav-list{width:100%;height:100%;overflow-y:auto}}@media screen and (max-width:768px){.header .button{width:100%;text-align:center}}@media screen and (min-width:1280px){.header-nav__submenu{top:calc(100% + 15px)}#about-dd{left:auto;right:0}.header-nav__submenu:before{content:"";position:absolute;top:-15px;left:0;right:0;height:15px}.header-nav-item__link:first-child{padding-left:0}.header-nav-item__link:last-child{padding-right:0}.header-btns-wrapper .header-burger{display:none}.header.active .header-nav-item__link{color:#373a62}.header-nav-list>.header-nav-item:first-child{padding-left:0}.header-nav-list>.header-nav-item:last-child{padding-right:0}.header-nav-item:has(>.header-nav__submenu):hover:after,.header-nav-item:has(>.header-nav__submenu):focus-within:after{transform:rotate(-135deg)}.header-nav-item:has(>.header-nav__submenu):hover>.header-nav__submenu,.header-nav-item:has(>.header-nav__submenu):focus-within>.header-nav__submenu{opacity:1;pointer-events:auto;transform:translateY(0)}.header-nav__submenu:has(.header-nav__sub-submenu){display:flex;flex-direction:row;column-gap:52px;left:-65px}}@media screen and (min-width:1280px)and (max-width:1409px){.header .logo-text{width:0px}}@media screen and (max-width:650px){.header .logo-text{width:0px}}@media screen and (max-width:400px){.header .phone-btn__icon+div{transition:width .3s ease-out;width:156px;overflow:hidden;white-space:nowrap}}@media screen and (max-width:374px){.header .phone-btn__icon+div{width:0px}}