/* ============================================================
   header.css — шапка и меню [rec730481173]
   Перенос из src: мобильная панель tmenu-mobile, бургер menu-burger-third,
   десктоп-меню menumob (all.min.css) + пользовательские классы
   (s-646c68, s-4532fb, s-63fe0f, s-b07633, s-995130, s-90fefe,
   s-c84718, s-a2ef1f, hdr-phone, hdr-mob-* из page.css §35)
   + правки пользователя («Мобильная шапка», логотип 9px).
   Значения скопированы дословно; имена семантические.
   ============================================================ */
.mobile-bar{
background-color:#111;
display:none;
width:100%;
top:0;
z-index:990;
}
.mobile-bar__inner{
min-height:64px;
padding:20px;
position:relative;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:space-between;
}
.mobile-bar__logo{
display:inline-block;
font-size:24px;
font-weight:400;
white-space:nowrap;
vertical-align:middle;
}
.mobile-bar__logo{
display:inline-block;
font-size:24px;
font-weight:400;
white-space:nowrap;
vertical-align:middle;
}
.mobile-bar__logo a{
text-decoration:none;
color:inherit;
}
.mobile-bar__logo .logo-title{
font-size:9px;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
text-transform:uppercase;
color:#fff;
}
.burger{
position:relative;
flex-shrink:0;
width:28px;
height:20px;
padding:0;
border:0;
background-color:transparent;
outline:0;
transform:rotate(0);
transition:transform .5s ease-in-out;
cursor:pointer;
z-index:999;
}
.burger span{
display:block;
position:absolute;
width:100%;
opacity:1;
left:0;
transform:rotate(0);
transition:.25s ease-in-out;
height:3px;
background-color:#fff;
}
.burger span:nth-child(1){top:0;}
.burger span:nth-child(2),.burger span:nth-child(3){top:8px;}
.burger span:nth-child(4){top:16px;}
.burger span:nth-child(4){
width:70%;
left:unset;
right:0;
}
@media (hover:hover){
.burger:not(.is-opened):hover span:nth-child(4){width:100%;}
}
.burger.is-opened span:nth-child(1){top:8px;width:0%;left:50%;}
.burger.is-opened span:nth-child(2){transform:rotate(45deg);}
.burger.is-opened span:nth-child(3){transform:rotate(-45deg);}
.burger.is-opened span:nth-child(4){width:0 !important;right:50%;}
.main-nav{
width:100%;
height:75px;
z-index:2000;
position:fixed;
top:0;
background-color:rgba(255,255,255,1);
box-shadow:0 1px 3px rgba(0,0,0,0);
transition:background-color .3s linear;
}
.main-nav__inner{
width:100%;
height:75px;
max-width:1200px;
margin:0 auto;
display:table;
}
.main-nav__pad{width:20px;}
.main-nav__left,
.main-nav__center,
.main-nav__right{
display:table-cell;
vertical-align:middle;
}
.main-nav__center{
text-align:center;
width:100%;
}
.main-nav__right{
text-align:right;
}
.main-nav__logo{
display:inline-block;
font-family:'Unbounded',Arial,sans-serif;
font-size:20px;
font-weight:400;
color:#000;
white-space:nowrap;
padding-right:30px;
text-decoration:none;
}
.main-nav__logo-box .main-nav__logo{color:#000;}
.main-nav__list{
font-size:0;
margin:0;
padding:0;
list-style-type:none;
transition:opacity ease-in-out .2s;
}
.main-nav__item{
font-family:'Unbounded',Arial,sans-serif;
font-size:16px;
display:inline-block;
margin:0;
color:#000;
white-space:nowrap;
}
.main-nav__item_first{padding:0 15px 0 0;}
.main-nav__item:not(.main-nav__item_first):not(.main-nav__item_last){padding:0 15px;}
.main-nav__item_last{padding:0 0 0 15px;}
.main-nav__link,
.main-nav__center .main-nav__link{
color:#000;
font-family:Roboto,Arial,sans-serif;
text-decoration:none;
transition:color .3s ease-in-out,opacity .3s ease-in-out;
}
.main-nav__link.is-active{
color:#0e8054;
opacity:1;
}
.main-nav__right-inner{
display:table;
text-align:right;
width:auto;
position:relative;
float:right;
}
.main-nav__phone{
padding-left:30px;
display:table-cell;
vertical-align:middle;
white-space:nowrap;
font-family:'Unbounded',Arial,sans-serif;
font-size:13px;
color:#000;
}
.main-nav__phone{
font-size:16px;
}
.main-nav__phone a{color:#000;}
.main-nav__social{
padding-left:30px;
display:table-cell;
vertical-align:middle;
line-height:0;
}
.main-nav__social ul{
display:table;
width:auto;
margin:0;
padding:0;
list-style:none;
}
.main-nav__social li{
display:table-cell;
vertical-align:middle;
padding:0 5px;
}
.main-nav__social a{
display:block;
vertical-align:middle;
color:#000;
}
.main-nav__social svg{
width:30px;
height:30px;
}
.main-nav__cta{
padding-left:30px;
display:table-cell;
vertical-align:middle;
}
.main-nav__cta .btn-header{
color:#fff;
display:flex;
justify-content:center;
align-items:center;
height:40px;
font-size:14px;
font-weight:700;
padding-left:30px;
padding-right:30px;
margin-left:10px;
box-sizing:border-box;
text-align:center;
white-space:nowrap;
text-decoration:none;
cursor:pointer;
}
.main-nav__cta .btn-header{
transition-property:background-color,color,border-color,box-shadow;
transition-duration:.2s;
transition-timing-function:ease-in-out;
}
@media (hover:hover){
.main-nav__cta .btn-header:hover{
color:#0e8054;
border-color:#0e8054;
background-color:#fff;
}
.main-nav__cta .btn-header:focus-visible{
color:#0e8054;
border-color:#0e8054;
background-color:#fff;
}
}
@media screen and (max-width:1200px){
.main-nav__logo{padding-right:15px;}
.main-nav__phone{padding-left:15px;}
.main-nav__social{padding-left:15px;}
.main-nav__cta{padding-left:15px;}
}
@media screen and (max-width:980px){
.mobile-bar{
display:block;
position:fixed;
background-color:#0e8054;
}
.mobile-bar__inner{
padding-right:12px;
padding-left:12px;
gap:8px;
}
.mobile-bar__logo{
font-size:14px;
line-height:1.15;
margin-right:auto;
}
.hdr-mob-actions{
display:flex;
align-items:center;
gap:7px;
flex-shrink:0;
}
.hdr-mob-actions .hdr-mob-phone{
color:#fff;
text-decoration:none;
font-size:16px;
padding-right:10px;
font-weight:400;
white-space:nowrap;
font-family:'Roboto',Arial,sans-serif;
}
.hdr-mob-ico{
display:block;
line-height:0;
}
.hdr-mob-ico svg{
width:26px;
height:26px;
display:block;
}
.burger{order:1;}
.main-nav{
display:none;
position:fixed;
top:64px;
text-align:center;
height:auto;
}
.main-nav__inner{
display:block;
height:auto;
}
.main-nav__pad{display:none;}
.main-nav__left,
.main-nav__center,
.main-nav__right{
display:block;
text-align:center;
}
.main-nav__left{display:none;}
.main-nav__center{padding:20px 0;width:auto;}
.main-nav__logo{
text-align:center;
margin:20px;
white-space:normal;
padding:0;
}
.main-nav__item{
display:block;
padding:10px;
white-space:normal;
}
.main-nav__item_first,
.main-nav__item:last-child{padding:10px;}
.main-nav__link{display:inline-block;}
.main-nav__right-inner{
display:table;
position:static;
float:none;
text-align:center;
margin:0 auto;
padding:20px 0;
}
.main-nav__phone{
display:table;
padding:10px 0;
margin:0 auto;
text-align:center;
}
.main-nav__social{
display:table;
padding:10px 0;
margin:0 auto;
text-align:center;
}
.main-nav__cta{
display:table;
padding:15px 0;
margin:0 auto;
text-align:center;
}
}
@media screen and (max-width:640px){
.mobile-bar__inner{
padding-right:10px;
padding-left:10px;
gap:6px;
}
.mobile-bar__logo{
font-size:12px;
margin:0;
}
.hdr-mob-phone{
font-size:clamp(12px,4.1vw,16px);
padding-right:6px;
}
.hdr-mob-ico svg{
width:clamp(20px,6.2vw,24px);
height:clamp(20px,6.2vw,24px);
}
.main-nav__cta{
padding:0 0;
margin:0 auto 10px;
}
}
@media screen and (max-width:360px){
.mobile-bar__inner{gap:5px;}
.mobile-bar__logo{font-size:11px;}
.hdr-mob-phone{font-size:11px;}
.hdr-mob-ico svg{width:22px;height:22px;}
}
@media screen and (max-width:355px){
.mobile-bar__inner{
gap:4px;
padding-right:7px;
padding-left:8px;
}
.hdr-mob-actions{gap:4px;}
.hdr-mob-phone{padding-right:2px;}
}