/* Shared page frame and mobile side navigation. */
:root{--ml-site-width:1680px}
body{background:#080808}
.main-wrapper{max-width:var(--ml-site-width);margin-inline:auto;background:#121212}
.header{max-width:var(--ml-site-width);margin-inline:auto;right:0;left:0}
.header-wrapper-fixed{max-width:var(--ml-site-width)!important;margin-inline:auto}
.main-wrapper .slider-main{max-width:100%}
.ml-menu-toggle{display:none}
@media(max-width:1199px){
 body.menu-open{overflow:hidden!important}
 .header__nav.header-nav{position:fixed!important;inset:0 auto 0 0!important;width:min(96vw,620px)!important;max-width:620px!important;height:100vh!important;height:100dvh!important;background:transparent!important;overflow:visible!important;z-index:1002!important;transform:translateX(-105%)!important;transition:transform .35s ease!important;visibility:hidden;pointer-events:none}
 .header__nav.header-nav.active{transform:translateX(0)!important;visibility:visible;pointer-events:auto}
 .header-nav::before{content:"";position:absolute;inset:0;background:#111;clip-path:polygon(0 0,100% 0,64% 100%,0 100%);z-index:-1}
 .header-nav .header-nav__bg{display:none!important}
 .header-nav .header-nav__scroll{position:relative;height:100%!important;box-sizing:border-box;display:flex!important;flex-direction:column;padding:24px max(24px,calc(22% + 10px)) calc(32px + env(safe-area-inset-bottom)) 28px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y!important}
 .header-nav .menu-trigger{display:block!important;flex:none;margin:0 0 46px!important;width:44px;height:44px;background:none;border:0}
 .header-nav .menu-trigger .hamburger{width:44px;height:44px;background:none}
 .header-nav .menu-trigger .hamburger-inner{background:transparent!important}
 .header-nav .menu-trigger .hamburger-inner::before,.header-nav .menu-trigger .hamburger-inner::after{width:32px!important;height:1px!important;left:5px!important;top:0!important;bottom:auto!important;background:#eee!important}
 .header-nav .menu-trigger .hamburger-inner::before{transform:rotate(45deg)!important}.header-nav .menu-trigger .hamburger-inner::after{transform:rotate(-45deg)!important}
 .header-nav .nav-wrapper{width:100%;flex:none;margin:0!important}
 .header-nav .nav{display:block!important;width:100%;margin:0;padding:0;list-style:none}
 .header-nav .nav>li{display:block!important;width:100%;margin:0!important;padding:0!important;border:0!important}
 .header-nav .nav>.menu-item--logo{display:none!important}
 .header-nav .nav>li>a,.header-nav .ml-menu-toggle{font:300 20px/1.35 Manrope,Arial,sans-serif!important;letter-spacing:.07em!important;text-transform:uppercase;color:#c5c5c5!important;text-align:left;text-decoration:none;box-sizing:border-box;width:100%;padding:12px 28px 12px 0!important;background:transparent;border:0;margin:0;min-height:50px;white-space:normal}
 .header-nav .ml-menu-desktop-link{display:none!important}
 .header-nav .ml-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding-right:2px!important}
 .ml-menu-toggle::after{content:"";width:10px;height:10px;flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;margin-top:-6px}
 .ml-menu-toggle[aria-expanded="true"]::after{transform:rotate(225deg);margin-top:6px}
 .header-nav .nav li>a::after,.header-nav .nav li>a::before{display:none!important}
 .header-nav .nav>li>.sub-menu{position:static!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;padding:2px 0 14px 12px!important;margin:0!important;opacity:1!important;visibility:visible!important;background:transparent!important;box-shadow:none!important;border:0!important;list-style:none;display:block!important}
 .header-nav .nav>li>.sub-menu[hidden]{display:none!important}
 .header-nav .sub-menu li{margin:0!important;padding:0!important;border:0!important}
 .header-nav .nav .sub-menu li>a{display:block!important;padding:11px 0!important;font:400 14px/1.55 Manrope,Arial,sans-serif!important;letter-spacing:.015em!important;text-transform:none!important;color:#a9a9a9!important;background:none!important;white-space:normal!important;min-height:44px;box-sizing:border-box}
 .header-nav a:hover,.header-nav button:hover,.header-nav a[aria-current="page"]{color:#fff!important}
 .header-nav a:focus-visible,.header-nav button:focus-visible{outline:1px solid #c33d34!important;outline-offset:3px}
 .header-nav .social{display:flex!important;gap:24px;margin:32px 0 0!important;padding:0!important;flex:none}
 .header-nav .social__link{width:24px!important;height:28px!important;margin:0!important;color:#aaa}
 .header-nav .header-nav__footer{display:block!important;margin-top:auto!important;padding-top:48px!important;flex:none}
 .header-nav .header__phone{font-size:clamp(15px,2vw,20px)!important;letter-spacing:.03em;color:#bd3932!important;white-space:nowrap}
 .main-wrapper__before{position:fixed!important;inset:0!important;background:rgba(0,0,0,.6)!important;z-index:1000!important}
 .menu-open .header{z-index:1001!important}
 .menu-open .header-wrapper-fixed{transform:none!important}
 .menu-open .messenger-float{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){.header__nav.header-nav,.ml-menu-toggle::after{transition:none!important}}

@media(min-width:1200px){.ml-extra-nav{display:none!important}}

/* Keep floating actions inside the centered site frame. */
@media(min-width:1681px){body .messenger-float{right:calc((100% - 1680px)/2 + 60px)!important}body .to-top{right:calc((100% - 1680px)/2 + 20px)!important}}
