:root{
--main: #5688B8;
--fon:#F1F1F4;
--white:#fff;
--black:#212121;
--gray:#7B7B7B;
--border:#DDD;
--dmain:#1A4369;
}
svg,path,rect,circle,polygon{transition:.3s;}
.styled-scrollbars{scrollbar-color: var(--main) var(--fon);}
::-webkit-scrollbar{width: 10px;height: 10px;border-radius:5px;}
::-webkit-scrollbar-thumb{background: var(--main);} 
::-webkit-scrollbar-track{background: var(--fon);}
.main-header *{box-sizing:border-box;}
.main-header .menu__list{align-items:center;}
.main-header .header__bottom{overflow:visible;position:relative;}
.main-header ul.menu__list ~ li{display:none;}
.header a{display:flex;align-items:center;}
.header a svg{margin-right:10px;position:relative;}
.nav-main-div .lvl-1-link .svg{display:none;}
.main-header .lvl-1-item:not(:last-child){margin-right:24px;}
.main-header .lvl-1-link{color: var(--black);font-size: 16px;font-weight: 500;line-height: 20px;letter-spacing: -0.32px;}
.main-header .lvl-1-item > ul.submenu{transition:.3s;opacity:0;pointer-events:none;visibility:hidden;max-height:70dvh;max-height:calc(100dvh - 250px);border-radius:24px;position:absolute;top:100%;left:0;right:0;background:var(--white);}
.main-header .lvl-1-item > ul.submenu:before{content:'';display:block;position:absolute;top:-30px;left:0;right:0;height:50px;}
.main-header .lvl-1-item > ul.submenu > .back{max-height:100%;overflow-y:auto;padding-bottom:12px;width:350px;display:block;border-radius: 24px;background: var(--fon);}
.main-header .lvl-1-item > ul.submenu > .back > .label{display:block;padding:16px 24px;color: var(--gray);font-size: 14px;font-weight: 700;line-height: 18px; letter-spacing: -0.28px;}
.main-header .lvl-2-item{width:350px;}
.main-header .lvl-2-link{transition:.3s;background:transparent;padding:12px 24px;color: var(--black);font-size: 16px;font-weight: 500;line-height: 20px;letter-spacing: -0.32px;}
.main-header .lvl-2-link:hover{background:#fff;}
.main-header .lvl-2-item.active .lvl-2-link{color: var(--main);}
.main-header .lvl-2-item > ul.submenu{transition:.3s;opacity:0;pointer-events:none;visibility:hidden;position:absolute;left:339px;top:32px;right:32px;max-height:100%;max-height:calc(100% - 32px);overflow-y:auto;padding-left:33px;}
.main-header .lvl-2-item.active > ul.submenu{opacity:1;pointer-events:all;visibility:visible;}
.main-header .label-3{color: var(--black);font-size: 18px;font-weight: 700;line-height: 22px; letter-spacing: -0.36px;}
.main-header .lvl-2-item > ul.submenu{display:flex;flex-flow:row wrap;margin-left:-5px;margin-right:-5px;}
.main-header .lvl-2-item > ul.submenu li{flex:0 0 100%;margin-bottom:12px;max-width:100%;padding-left:5px;padding-right:5px;}
.main-header .lvl-1-link:hover,
.main-header .lvl-1-item.active .lvl-1-link{color:var(--main);}
.overlay{z-index:8;background: rgba(48, 93, 136, 0.75);position:fixed;inset:0;opacity:0;pointer-events:none;visibility:hidden;}
.open-menu .overlay{opacity:1;visibility:visible;pointer-events:all;}
.open-menu .main-header .lvl-1-item > ul.submenu{opacity:1;top:120%;visibility:visible;pointer-events:all;}
body.open-menu{overflow:hidden;margin-right:10px;}
.header-address-item{padding:6px 16px;}
.header__logo{border-right:0;padding-right:32px;width:110px;flex:0 0 auto}
.header__top{height:auto;padding:12px 20px;gap:0px;}
.header__callback-btn{background:var(--main);}
.header__social-link svg{fill:var(--main);}
.header__bvi svg,
.header__search svg{stroke:var(--main)}
.open-menu .lvl-1-link svg{transform:rotate(90deg)}
.open-menu .lvl-1-link svg rect,
.lvl-1-item .lvl-1-link svg rect{fill:var(--main)}
.header__phone{margin-right:0;}
.mobile-header{display:none;}
.label-3 svg{display:none;}
.header-menu-bottom{display:none;}

.br-12{border-radius:12px;}
.bor{border:1px solid var(--border)}
.lh-13{line-height:1.3;}
.f-12{font-size:12px;}
.ls-m024{letter-spacing:-0.24px}
.ls-m028{letter-spacing:-0.28px}
.w-500{font-weight:500}
.ml-8{margin-left:8px;}
.mb-2{margin-bottom:2px;}
.flex{display:flex;}
.align-c{align-items:center;}
.mr-8{margin-right:8px;}
.cgray{color:var(--gray)}
.cblack{color:var(--black);}
.f-14{font-size:14px;}

@media(max-width:1200px){
.header-address-item{padding:6px 8px;}
.header-address-item .f-14{font-size:12px;}
}

@media(max-width: 64.9363rem){
.main-header{display:none;}
.header-menu-bottom{display:block;}
.mobile-header{display:block;position:fixed;top:0;left:0;right:0;z-index:9999999}
.mobile-header .header__search{border:0;width:auto;height:auto;display:block;margin:0 8px;}
.mobile-header .header__bottom svg{display:block;}
.mobile-header .icon-menu:after, 
.mobile-header .icon-menu:before{display:none;}
.overlay{display:none!Important;}
.new-header .menu__body{z-index: 999999;padding-top:120px;padding-bottom:12px;display:flex;flex-flow:column nowrap;justify-content:space-between;}
.mobile-header .header__top,
.mobile-header .header__bottom{padding:8px 12px;}
.mobile-header  .header__logo{padding-right:0;height:46px;}
.mobile-header  .header__logo img{height:46px;width:auto;} 
.mobile-header .header__callback-btn{border-radius:12px;padding:6px 12px;font-size:14px;line-height:1.2;}
.menu__body{height:100dvh;}
.nav-main-div{height:100%;margin-bottom:24px;overflow-y:auto;}
.nav-main-div .lvl-1-link svg:nth-child(1){display:none;}
.nav-main-div .lvl-1-link .svg{display:flex;align-items:center;padding-left:20px;}
.nav-main-div .lvl-1-link .svg svg{transform:rotate(0deg);display:block;}
.nav-main-div .lvl-1-item a{padding:10px 0;display:flex;align-items:center;justify-content:space-between;color:var(--white);font-size: 16px;font-style: normal;font-weight: 700;line-height: 20px; letter-spacing: -0.32px;}
.header-addresses-mobile{background:var(--dmain);border-radius:12px;padding:12px;margin-bottom:12px;}
.header-address-mobile-item span{margin-left:12px;font-size: 14px;color:var(--white);font-weight: 500;line-height: 18px;}
.header-address-mobile-item{display:flex;}
.header-address-mobile-item:first-child{margin-bottom:12px;padding-bottom:12px;border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.menu__social-new{background:var(--dmain);border-radius:12px;padding:15px 12px;margin-bottom:12px;}
.menu__phone-new{display:flex;align-items:center;color:var(--white);font-size: 14px;font-weight: 500;line-height: 18px;}
.menu__phone-new span{margin-left:12px;position:relative;top:1px;}
.submenu .back > .label{display:none;}
}