.header-2 {
position: fixed;
z-index: 1020;
top: 0;
right: 0;
left: 0;
}
.bvi-active .header-2 {
top: var(--topbdi);
}
body.modal-open .uwy {
display:none!important;
}
.site-main,
.main-container {
padding-top: var(--sticky-top);
}
.bvi-active .site-main,
.bvi-active .main-container {
padding-top: calc(var(--sticky-top) + var(--topbdi));
}
/* Индикатор прокрутки*/
.progress-container {
width: 100%;
height: 4px;
background: #fff;
position: relative;
z-index: 999;
}
.progress-bar {
height: 4px;
background: var(--color-osnova);
width: 0%;
}
/* Индикатор прокрутки*/
/* Белая шапка */
.header-2.white-header .logo {
display: none;
}
.header-2.white-header .logo-white {
display: block;
}
.header-2.white-header.smotrim .logo,
.header-2.white-header.white .logo {
display: block;
}
.header-2.white-header.smotrim .logo-white,
.header-2.white-header.white .logo-white {
display: none;
}
.header-2.white-header .mobile_menu_content .logo,
.modal-open .header-2.white-header .logo {
display: block;
}
.header-2.white-header .mobile_menu_content .logo-white {
display: none;
}
.header-2.white-header .adres-svg,
.header-2.white-header .phone-svg {
background-color: #fff;
}
.header-2.white-header.smotrim .adres-svg,
.header-2.white-header.smotrim .phone-svg,
.header-2.white-header.white .adres-svg,
.header-2.white-header.white .phone-svg {
background-color: #4f5976;
}
/* Белая шапка */
.header-2.smotrim {
background-color: #fff;
}
.header-2,
.header-2 a,
.header-2 p {
font-family: "Inter", sans-serif !important;
}
.header-2 .adres-svg {
margin-right: 12px;
width: 18px;
height: 22px;
display: block;
background-size: 100%;
background-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: 1px 1px;
background-color: #4f5976;
-webkit-mask-image: url('data:image/svg+xml,\
');
mask-image: url('data:image/svg+xml,\
');
}
.header-2 .phone-svg {
margin-right: 14px;
width: 24px;
height: 21px;
display: block;
background-size: 100%;
background-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: 1px 1px;
background-color: #4f5976;
-webkit-mask-image: url('data:image/svg+xml,\
');
mask-image: url('data:image/svg+xml,\
');
}
.header-2 .header-bottom .left .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
list-style: none;
margin-bottom: 0;
z-index: 150;
}
/* Выпадающее меню (пк) */
.header-2 .niz {
margin-top: 13px;
}
.header-2 .niz .zvs {
font-weight: 400;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 21px;
color: #484848;
cursor: pointer;
}
.header-2 .niz .kak{
font-weight: 500;
color: var(--color-osnova);
text-decoration: underline;
margin-right: 30px;
}
.header-2 .niz .kak:hover{
color: var(--color-osnova2);
}
.header-2 .niz .zvs:hover{
color:var(--color-osnova);
}
.header-2 .niz .zvs:hover > svg path{
stroke:var(--color-osnova);
}
.header-2 .niz .zvs svg {
margin-left: 6px;
}
.header-2 .niz .menushka .uexal {
display: none;
}
.header-2 .sdvig {
position: relative;
}
.header-2 .sdvig .uexal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
padding: 15px 0px 0px;
position: absolute;
position: absolute;
top: 22px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.header-2 .sdvig .uexal .nextcon {
left: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
padding: 7px 0px 0px;
position: absolute;
top: 8px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
border-left: 2px solid var(--fon);
display: none;
}
.header-2 .sdvig:hover .uexal .nextli:hover .nextcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-2 .niz .sdvig .uexal a,
.header-2 .sdvig:hover .uexal .nextli .dalee {
font-weight: 400;
color: #484848;
margin-bottom: 0;
border-bottom: 2px solid var(--fon);
padding: 15.5px 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-2 .sdvig .uexal .nextli .dalee svg{
margin-left:5px;
}
.header-2 .niz .sdvig .uexal a:hover {
color: var(--color-osnova);
border-bottom: 2px solid var(--color-osnova);
}
.header-2 .sdvig .uexal .nextcon .zg {
color: #8c8c8c;
margin-bottom: 0;
border-bottom: 2px solid var(--fon);
padding: 15.5px 20px;
}
.header-2 .niz .sdvig .uexal a span {
color: #8c8c8c;
}
.header-2 .niz .menushka {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.header-2 .niz .menushka > a {
margin-right: 20px;
color: #484848;
}
/* Выпадающее меню (пк) конец */
.header-2 .header-bottom {
border-bottom: 1px solid #dbdfec;
position: relative;
background: #fff;
z-index: 130;
}
.header-2 .header-bottom .left .menu li {
margin: 0px 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-2 .header-bottom .left .menu li:first-child {
margin-left: 0;
}
.header-2 .header-bottom .left .menu li .link {
padding: 16px 0px;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
cursor: pointer;
color: #484848;
position: relative;
}
.header-2 .header-bottom .left .menu li .stilmenu:before {
background: #a3a7bc;
border-radius: 4px 4px 0 0;
bottom: -4px;
content: "";
height: 4px;
left: 0;
position: absolute;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
width: 100%;
z-index: 2;
opacity: 0;
}
.header-2 .header-bottom .left .menu li .stilmenu:hover:before {
background: #a3a7bc;
border-radius: 4px 4px 0 0;
bottom: 0;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 100%;
z-index: 2;
opacity: 1;
}
.header-2 .header-bottom .left .menu .open .stilmenu:before {
background: #476bf0 !important;
border-radius: 4px 4px 0 0;
bottom: 0;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 100%;
z-index: 2;
opacity: 1;
}
.header-2 .header-bottom .left .menu .link:hover {
color: var(--color-osnova);
}
.header-2 .header-bottom .left .menu .stilmenu:hover {
color: var(--color-osnova);
}
.header-2 .header-bottom .left .menu .open .stilmenu {
padding: 12px 15px !important;
color: #484848;
width: 100%;
}
.header-2 .header-bottom .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-2 .header-bottom .right .div1 {
height: 24px;
}
.header-2 .header-bottom .right .div1 svg path {
fill: #a3a7bc;
-webkit-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
cursor: pointer;
}
.header-2 .header-bottom .right .div1 svg:hover path {
fill: #476bf0;
}
.header-2 .header-bottom .left .menu .podmenu {
position: absolute;
padding: 0;
width: 100%;
left: 0;
opacity: 0;
pointer-events: none;
will-change: auto;
background: #fff;
-webkit-box-shadow: inset 0 3px 4px 0 #dbdfec;
box-shadow: inset 0 3px 4px 0 #dbdfec;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
overflow: hidden;
z-index: 1;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
will-change: auto;
height: auto !important;
}
.header-2 .header-bottom .left .menu li.open .podmenu {
pointer-events: auto;
opacity: 1;
}
.header-2 .header-bottom .left .menu .all-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 45px;
padding-bottom: 35px;
}
.header-2 .header-bottom .left .menu .all-contents > div {
width: 33.3%;
overflow: auto;
border-left: 1px solid var(--border);
border-bottom: none;
border-top: none;
-webkit-transition: opacity 0.3s ease 0.15s,
-webkit-transform 0.3s ease 0.15s;
transition: opacity 0.3s ease 0.15s, -webkit-transform 0.3s ease 0.15s;
-o-transition: opacity 0.3s ease 0.15s, transform 0.3s ease 0.15s;
-webkit-transition: opacity 0.3s ease 0.15s, -webkit-transform 0.3s ease 0.15s;
transition: opacity 0.3s ease 0.15s, transform 0.3s ease 0.15s;
transition: opacity 0.3s ease 0.15s, transform 0.3s ease 0.15s, -webkit-transform 0.3s ease 0.15s;
transition: opacity 0.3s ease 0.15s, transform 0.3s ease 0.15s,
-webkit-transform 0.3s ease 0.15s;
-ms-transition: none;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
opacity: 0;
}
.header-2 .header-bottom .left .menu .all-contents .div-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header-2 .header-bottom .left .menu .all-contents .ssil{
padding: 12px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
color: #484848;
width: 100%;
}
.header-2 .header-bottom .left .menu .all-contents .ssil:hover{
background-color:var(--fon);
}
.header-2 .header-bottom .left .menu .all-contents a:hover {
color: var(--color-osnova) !important;
}
.header-2 .header-bottom .left .menu .close{
position: absolute;
right: 0px;
top: 40px;
cursor: pointer;
z-index: 10;
border: 1px solid var(--border);
border-radius: 60%;
line-height: 0;
height: 54px;
width: 54px;
}
.header-2 .header-bottom .left .menu .close:after {
content: "" !important;
position: absolute;
display: inline-block;
height: 100%;
width: 100%;
-webkit-mask-image: url('data:image/svg+xml,\
');
mask-image: url('data:image/svg+xml,\
');
background: #a3a7bc;
-webkit-mask-repeat: no-repeat;
-webkit-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
-webkit-mask-size: 30px;
-webkit-mask-position: center;
}
.header-2 .header-bottom .left .menu .close:hover {
background: var(--color-osnova);
}
.header-2 .header-bottom .obsh {
position: relative;
}
.header-2 .header-bottom .left .jsmenu.open .all-contents .div1,
.header-2 .header-bottom .left .jsmenu.open .all-contents .div2,
.header-2 .header-bottom .left .jsmenu.open .all-contents .div3 {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.header-2 .header-bottom .left .jsmenu.open .all-contents .div1 {
-webkit-transition-delay: 0.22s;
-o-transition-delay: 0.22s;
transition-delay: 0.22s;
}
.header-2 .header-bottom .left .jsmenu.open .all-contents .div2{
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.header-2 .header-bottom .left .jsmenu.open .all-contents .div3 {
-webkit-transition-delay: 0.38s;
-o-transition-delay: 0.38s;
transition-delay: 0.38s;
overflow: hidden;
}
.header-2 .skrit-pk {
display: none;
}
/* Пк меню */
.header-2 .logo {
margin-right: 38px;
width: 183px;
aspect-ratio: 1 / 0.3218;
}
.header-2 .mobile_menu_container .mobile-top .li-men1 svg{
width: 183px;
aspect-ratio: 1 / 0.3218;
height:auto;
}
/* Пк меню конец */
/* Поиск */
.header-2 .block-poisk {
display: none;
position: absolute !important;
top: 0px;
left: 0;
background-color: #fff !important;
width: 100%;
padding: 11px 0 15px;
height: 116px;
z-index: 99;
}
.header-2 .block-poisk.poisk-open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-2 .block-poisk.poisk-open .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-2 .block-poisk.poisk-open .close-poisk {
border: 1px solid #d1d1d1;
padding: 0px;
border-radius: 60%;
margin: 0;
cursor: pointer;
width: 49px;
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.header-2 .block-poisk.poisk-open .close-poisk img {
display: none;
}
.header-2 .block-poisk.poisk-open .close-poisk:after {
content: "" !important;
position: absolute;
display: inline-block;
height: 100%;
width: 100%;
-webkit-mask-image: url('data:image/svg+xml,\
');
mask-image: url('data:image/svg+xml,\
');
background: #a3a7bc;
-webkit-mask-repeat: no-repeat;
-webkit-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
-webkit-mask-position: center;
}
.header-2 .block-poisk.poisk-open .close-poisk:hover:after {
background: var(--color-osnova);
}
.header-2 .block-poisk.poisk-open .container:before,
.header-2 .block-poisk.poisk-open .container:after {
display: none;
}
.header-2 .block-poisk form {
position: relative;
height: 100% !important;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-2 #searchform img {
margin-right: 30px;
position: relative;
top: 0;
left: 0;
}
.header-2 .block-poisk input[type="submit"] {
width: 190.88px;
border-radius: 0px 5px 5px 0px !important;
}
.header-2 .block-poisk #s {
height: 100%;
width: 100% !important;
border-radius: 5px 0px 0px 5px !important;
background-color: #fff;
border: none;
font-size: 26px;
color: #ccc;
font-weight: 300 !important;
letter-spacing: 0.9px;
padding-left: 0 !important;
caret-color: #333;
}
/* Поиск конец */
/* Корзина */
.header-2 .block-minicart .cart_list li {
padding-bottom: 0;
}
.header-2 .block-minicart .cart_list li img {
margin-right: 0 !important;
width: 70px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
}
.header-2 .block-minicart .link-dropdown .total,
.header-2 .widget_shopping_cart .count-content {
display: none;
}
.header-2 .widget_shopping_cart .widget_shopping_cart_content {
padding: 20px 20px 36px;
border: 2px solid #e6e6e6;
-webkit-box-shadow: 0 0 0 0px #f3f3f3;
box-shadow: 0 0 0 0px #f3f3f3;
}
.header-2 .block-minicart .widget_shopping_cart {
top: 55px;
}
.header-2 .header-control {
display: none;
}
/* Корзина конец */
.header-2 .mobile_menu_container .header-bottom .left .menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
}
.header-2 .mobile_menu_container .header-bottom .left .menu .all-contents {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
.header-2 .mobile_menu_container .header-bottom .left .menu .podmenu {
height: 100% !important;
top: var(--sticky-top);
-webkit-box-shadow: none;
box-shadow: none;
overflow: auto;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.header-2 .mobile_menu_container .container {
width: 100%;
padding: 0;
height: 100%;
}
.header-2 .mobile_menu_container .li-men.back svg path {
fill: var(--color-osnova);
}
.header-2 .header-bottom .left .menu .li-men.back:hover{
cursor:pointer;
}
.header-2 .mobile_menu_container .mobile-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 4.5px;
padding: 14px 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--border);
}
.header-2 .mobile_menu_container .header-bottom .left .menu .podmenu li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-2 .mobile_menu_container .mobile-top .bbmenu {
position: relative;
list-style: none;
width: 54px;
height: 54px;
display: block !important;
cursor:pointer;
}
.header-2 .mobile_menu_container .mobile-top .bbmenu span {
background-color: #fff !important;
width: 54px;
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border: 1px solid var(--border);
border-radius: 60%;
line-height: 0;
}
.header-2 .mobile_menu_container .mobile-top .bbmenu span:after {
content: "" !important;
position: absolute;
display: inline-block;
height: 100%;
width: 100%;
-webkit-mask-image: url('data:image/svg+xml,\
');
mask-image: url('data:image/svg+xml,\
');
background: #a3a7bc;
-webkit-mask-repeat: no-repeat;
-webkit-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
-webkit-mask-size: 30px;
-webkit-mask-position: center;
}
.header-2 .mobile_menu_container .mobile-top .bbmenu span svg {
border: 1px solid #d1d1d1;
border-radius: 60%;
line-height: 0;
width: 25px;
height: 25px;
}
.header-2 .mobile_menu_container .header-full {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 100%;
}
.header-2 .mobile_menu_container .mobile-top .li-men1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 0 !important;
}
.header-2 .mobile_menu_container .ul2 {
-webkit-transform: translateX(-308px);
-ms-transform: translateX(-308px);
transform: translateX(-308px);
-webkit-transition: opacity 0.3s ease-in-out,
-webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out,
-webkit-transform 0.3s ease-in-out;
opacity: 0;
}
.header-2 .mobile_menu_container .ul2.pomosh.activity {
display: block;
height: 100%;
position: absolute;
background-color: #fff;
z-index: 999;
top: 0;
left: 0;
width: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
.header-2 .mobile_menu_container .li-men.back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--fon);
color: var(--color-osnova);
padding: 12px 15px;
border-bottom: none;
position: sticky;
top: 0;
z-index: 2;
}
.header-2 .mobile_menu_container .li-men.back span {
padding: 0 12px;
}
.header-2 .mobile_menu_container .li-men.back .divsvg {
height: 16px;
width: 16px;
position: relative;
}
.header-2 .mobile_menu_container .li-men.back .divsvg:before {
content: "" !important;
position: absolute;
display: inline-block;
height: 100%;
width: 100%;
-webkit-mask-image: url('data:image/svg+xml,\
');
mask-image: url('data:image/svg+xml,\
');
background-repeat: no-repeat;
background: var(--color-osnova);
-webkit-mask-repeat: no-repeat;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-mask-size: contain;
-webkit-mask-position: center;
}
.header-2 .mobile_menu_container .header-full > div {
width: 100%;
}
.header-2 .mobile_menu_container .header-full .left {
height: 100%;
}
.header-2 .mobile_menu_container .header-full .right {
padding: 15px 15px 30px;
}
.header-2 .mobile_menu_container .header-full .right .button-head {
height: 50px;
padding: 17px 48px;
margin-top: 20px;
border-radius: 10px;
background-color: var(--fon);
color: #484848;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-2 .mobile_menu_container .header-full {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0px;
}
.header-2 .mobile_menu_container .glav-mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: var(--fon);
padding: 12px 15px;
}
.header-2 .mobile_menu_container .glav-mob a {
color: #484848;
}
.header-2 .mobile_menu_container .mobile-top .bbmenu svg path {
fill: #1e222e;
}
.header-2 .mobile_menu_container .header-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-y: auto;
height: 100%;
border-bottom: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header-2 .mobile_menu_container .header-bottom {
position: inherit;
}
.header-2 .mobile_menu_container .header-bottom .left .menu li .stilmenu:before,
.header-2 .mobile_menu_container .header-bottom .left .menu .open .stilmenu:before {
display: none;
}
.header-2 .mobile_menu_container .header-bottom .left .menu .close {
display: none;
}
.header-2 .mobile_menu_container .skrit-pk {
display: block;
}
.header-2 .mobile_menu_container .ul1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.header-2 .mobile_menu_container .mobile_menu_content {
height: 100%;
}
.header-2 .mobile_menu_container .header-bottom .left .menu li {
margin: 0;
display: block;
}
.header-2 .mobile_menu_container .header-bottom .left .menu li:hover{
background-color:var(--fon);
}
.header-2 .mobile_menu_container .header-bottom .left .menu li .link {
padding: 12px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-2 .mobile_menu_container .header-bottom .left .menu li:hover span{
color:var(--color-osnova);
}
.header-2 .mobile_menu_container .header-bottom .left .menu li .link span{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.header-2
.mobile_menu_container
.header-bottom
.left
.menu
li
.link
.divsvgstrel {
height: 16px;
position: relative;
}
.header-2
.mobile_menu_container
.header-bottom
.left
.menu
li
.link
.divsvgstrel:before {
content: "" !important;
position: absolute;
display: inline-block;
height: 100%;
width: 100%;
background-image: url('data:image/svg+xml,\
');
background-size: contain;
background-repeat: no-repeat;
}
.header-2 .mobile_menu_container .header-bottom .right {
display: none;
}
.header-2
.mobile_menu_container
.header-bottom
.left
.menu
.all-contents
> div {
width: 100%;
height: auto;
border-left: none;
}
.header-2
.mobile_menu_container
.header-bottom
.left
.menu
.all-contents
.div1
.zg {
padding: 12px 15px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
color: #484848;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-bottom: 0;
}
.header-2
.mobile_menu_container
.header-bottom
.left
.menu
.all-contents
.div2
.div-info {
margin-bottom: 20px;
}
.header-2
.mobile_menu_container
.header-bottom
.left
.menu
li.open
> .podmenu,
.header-2
.mobile_menu_container
.header-bottom
.left
.menu
li
> .podmenu
li.open
> .podmenu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
z-index: 11;
}
.header-2
.mobile_menu_container
.header-bottom
.left
.menu
li
> .podmenu
li.open
> .podmenu {
top: 0;
}
.header-2
.mobile_menu_container
.header-bottom
.left
.jsmenu.open
.all-contents
> div {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.header-2 .mobile_menu_container ul.skrit-pk {
position: sticky;
top: 0;
z-index: 2;
}
.header-2 .mobile_menu_container .right .otstup {
padding-left: 0;
}
@media (max-width: 991px) {
.site-main,
.main-container {
padding-top: var(--sticky-top);
}
}
@media (max-width: 767px) {
.header-2 .mobile_menu_container {
width: 100%;
}
}
/* Шапка 1 */
.shapka2 .contacts-popap__block_cp {
position: absolute;
top: 100%;
-webkit-box-shadow: 8px 8px 45px rgba(0, 0, 0, 0.15);
box-shadow: 8px 8px 45px rgba(0, 0, 0, 0.15);
border-radius: 10px 0 10px 10px;
background: #fff;
width: 400px;
padding: 30px;
margin: -60px 0px 0 -100px;
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 101;
}
.shapka2 .contacts-popap__block_cp .short-phone {
margin-left: 0;
color: #8c8c8c;
}
.shapka2 .contacts-popap__block_cp .short-email {
color: #8c8c8c;
}
.shapka2 .motkr:hover {
cursor: pointer;
}
.shapka2 .motkr {
padding: 10px 0;
}
.shapka2 .contacts-popap__block_cp.konmeo {
opacity: 1;
visibility: visible;
}
.shapka2 .contacts-popap__block_cp.konmeo {
position: absolute;
content: "";
border: 7px solid transparent;
border-right: 11px solid #fff;
border-bottom: 4px solid #fff;
right: 0;
top: -11px;
}
.shapka2 .contacts-popap__block_cp .close_btn {
font-size: 12px !important;
color: #2c3345;
background: rgba(255, 123, 82, 0.1);
border-radius: 10px !important;
padding: 7.5px 37px 7.5px 11px !important;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: none;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
height: auto;
}
.shapka2 .contacts-popap__block_cp .close_btn:before {
position: absolute;
content: "";
top: 2px;
right: 0;
background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20%20viewBox%3D%220%200%2020%2020%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M5.46449%2014.5355C5.85501%2014.9261%206.48818%2014.9261%206.8787%2014.5355L10%2011.4142L13.1213%2014.5355C13.5119%2014.9261%2014.145%2014.9261%2014.5356%2014.5355C14.9261%2014.145%2014.9261%2013.5118%2014.5356%2013.1213L11.4142%2010L14.5356%206.87868C14.9261%206.48816%2014.9261%205.85499%2014.5356%205.46447C14.145%205.07394%2013.5119%205.07394%2013.1213%205.46447L10%208.58579L6.8787%205.46447C6.48818%205.07394%205.85501%205.07394%205.46449%205.46447C5.07396%205.85499%205.07396%206.48816%205.46449%206.87868L8.58581%2010L5.46449%2013.1213C5.07396%2013.5118%205.07396%2014.145%205.46449%2014.5355Z%22%20fill%3D%22%232c3345%22%2F%3E%3C%2Fsvg%3E)
50% 50% no-repeat;
width: 30px;
height: 30px;
}
.shapka2 .contacts-popap__block_cp .contacts-popap__phones_cp {
padding: 0 0 0 46px;
margin: 0px 0 30px;
background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2221px%22%20height%3D%2221px%22%20%20viewBox%3D%220%200%2021%2021%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M1.83314%200.74555L1.98318%200.595513C2.8834%20-0.304709%204.33376%20-0.154672%205.08394%200.845574L7.83462%204.79655C8.38476%205.59675%208.28473%206.69702%207.58456%207.39719L7.43452%207.54723C6.9344%208.04735%206.83437%208.79753%207.18446%209.39768C8.28473%2011.2481%209.7851%2012.6985%2011.5855%2013.7988C12.1857%2014.1489%2012.9859%2014.0488%2013.436%2013.5487L13.586%2013.3987C14.2862%2012.6985%2015.3865%2012.5985%2016.1867%2013.1486L20.1377%2015.8993C21.1879%2016.5995%2021.2879%2018.0998%2020.3877%2019L20.2377%2019.1501C18.1872%2021.2006%2014.9864%2021.5507%2012.5358%2020.0003C7.78461%2016.9996%203.88365%2013.1486%200.882906%208.34742C-0.567452%205.94683%20-0.217365%202.79605%201.83314%200.74555Z%22%20fill%3D%22%232c3345%22%20opacity%3D%220.1%22%2F%3E%3C%2Fsvg%3E)
0 4px no-repeat;
display: flex;
flex-direction: column;
}
.shapka2 .contacts-popap__block_cp .contacts-popap__phones_cp .contacts-popap__phones_body_cp > div {
margin-bottom: 5px;
}
.shapka2 .contacts-popap__block_cp .contacts-popap__phones_cp .cto {
margin-bottom: 5px;
}
.shapka2 .contacts-popap__block_cp .contacts-popap__addr_cp {
padding: 0 0 0 46px;
margin: 30px 0;
background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218px%22%20height%3D%2225px%22%20%20viewBox%3D%220%200%2018%2025%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M8.53352%200.0114368C4.16042%200.268678%200.507593%203.66426%200.0445591%207.98592C-0.161234%2010.1467%200.353249%2012.1532%201.43366%2013.7996L8.12193%2024.1921C8.53352%2024.8095%209.45959%2024.8095%209.87118%2024.1921L16.5595%2013.7996C17.4855%2012.4105%2018%2010.7127%2018%208.96343C18%203.87006%2013.6783%20-0.245804%208.53352%200.0114368ZM8.99656%2012.6163C6.99007%2012.6163%205.39518%2011.0214%205.39518%209.01488C5.39518%207.0084%206.99007%205.4135%208.99656%205.4135C11.003%205.4135%2012.5979%207.0084%2012.5979%209.01488C12.5979%2011.0214%2011.003%2012.6163%208.99656%2012.6163Z%22%20fill%3D%22%232c3345%22%20opacity%3D%220.1%22%2F%3E%3C%2Fsvg%3E)
0 4px no-repeat;
}
.shapka2 .contacts-popap__block_cp .contacts-popap__email_cp {
background: url('data:image/svg+xml,\
')
0 4px no-repeat;
background-size: 21px;
}
.shapka2 .contacts-popap__block_cp .contacts-popap__work_cp {
padding: 0 0 0 46px;
margin: 30px 0 0;
background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20%20viewBox%3D%220%200%2022%2022%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M11%200C4.95%200%200%204.95%200%2011C0%2017.05%204.95%2022%2011%2022C17.05%2022%2022%2017.05%2022%2011C22%204.95%2017.0958%200%2011%200ZM16.0417%2011.9167H11.9167C10.9083%2011.9167%2010.0833%2011.0917%2010.0833%2010.0833V4.58333C10.0833%204.07917%2010.4958%203.66667%2011%203.66667C11.5042%203.66667%2011.9167%204.07917%2011.9167%204.58333V10.0833H16.0417C16.5458%2010.0833%2016.9583%2010.4958%2016.9583%2011C16.9583%2011.5042%2016.5458%2011.9167%2016.0417%2011.9167Z%22%20fill%3D%22%232c3345%22%20opacity%3D%220.1%22%2F%3E%3C%2Fsvg%3E)
0 4px no-repeat;
}
.shapka2 .contacts-popap__block_cp .contacts-popap__work_cp .rej {
margin-bottom: 0;
}
.shapka2 .contacts-popap__block_cp .naz {
padding-bottom: 10px;
font-weight: 500;
font-size: 18px;
color: #484848;
margin-bottom: 0;
}
.shapka2 .header {
position: relative;
padding: 2px 0 12px;
background-color: var(--vzlet-white);
}
.shapka2:before,
.shapka2:after {
display: none !important;
}
.shapka2 .header_fixed {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 7;
}
.shapka2 .header_fixed .smotrim {
-webkit-box-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.03),
0px 4px 51px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.03),
0px 4px 51px rgba(0, 0, 0, 0.05);
}
.shapka2 .header_shadow {
-webkit-box-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.03),
0px 4px 51px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.03),
0px 4px 51px rgba(0, 0, 0, 0.05);
}
.shapka2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 0;
flex-direction: column;
}
.shapka2 .verh, .shapka2 .niz{
display: flex;
justify-content: space-between;
}
.shapka2 .header__main-menu-button {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.shapka2 .header__logotype {
position: relative;
}
.shapka2 .header__contact-information {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: -7px;
}
.shapka2 .header__phone-number {
font-size: 13px;
font-weight: 600;
color: var(--vzlet-neutral-90);
text-decoration: none;
}
.shapka2 .header__phone-email {
font-size: 13px;
color: var(--vzlet-neutral-90);
text-decoration: none;
}
@media (min-width: 991px) {
.shapka2 .header__phone-number {
font-size: 16px;
}
.shapka2 .header__phone-email {
font-size: 15px;
}
}
.shapka2 .header__phone-number:hover {
color: var(--vzlet-primary-main);
text-decoration: none;
}
.shapka2 .header__work-time {
font-size: 10px;
font-weight: 500;
color: var(--vzlet-neutral-60);
}
@media (min-width: 991px) {
.shapka2 .header__work-time {
font-size: 12px;
}
}
.shapka2 .logotype {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shapka2 .logotype a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.shapka2 .logotype img,
.shapka2 .logotype svg {
margin-right: 0;
}
.shapka2 .logoinfo {
color: #484848;
margin-bottom: 0;
margin-left: 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shapka2 .logoinfo .adresrev {
margin-bottom: 0px;
margin-left: -9px;
padding-right: 0px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #484848;
font-size: 12px;
line-height: 30px !important;
}
.shapka2 .logoinfo .line{
width: 1px;
height: 38px;
background: #c0c0c0;
margin-left: -3px;
}
.shapka2 .logoinfo .titiit {
color: #484848;
margin-bottom: 0;
font-size: 14px;
line-height: 20.94px !important;
margin-left: 8px;
margin-top: 0px;
}
.shapka2 .logoinfo .titiit span {
font-weight: 600;
}
.shapka2 .main-menu-button {
padding: 0 !important;
margin: 0;
background: none;
border: 0;
height: 100%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.shapka2 .main-menu-button:hover {
background: none !important;
}
.shapka2 .burger {
position: relative;
display: block;
width: 22px;
height: 22px;
padding: 0;
margin: 0;
background: transparent;
}
.shapka2 .burger_size_medium {
width: 22px;
height: 22px;
}
.burger::before,
.burger::after {
position: absolute;
right: 0;
height: 2px;
content: "";
background-color: var(--vzlet-primary-main);
border-radius: 2px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.shapka2 .burger span {
position: absolute;
top: calc(50% - 1px);
right: 0;
width: 100%;
height: 2px;
visibility: visible;
background-color: var(--vzlet-primary-main);
border-radius: 2px;
opacity: 1;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
body .shapka2 .burger_theme_dark::before,
body .shapka2 .burger_theme_dark::after,
body .shapka2 .burger_theme_dark span,
.bvi-body[data-bvi-theme=white] .burger_theme_dark span {
background-color: var(--color-osnova)!important;
}
.shapka2 .burger::before {
top: 3px;
width: 53%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.shapka2 .burger::after {
bottom: 3px;
width: 73%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.shapka2 .burger_active::before {
top: calc(50% - 1px);
width: 100%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.shapka2 .burger_active span {
visibility: hidden;
opacity: 0;
}
.shapka2 .burger_active::after {
bottom: calc(50% - 1px);
width: 100%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.shapka2 .main-menu-button {
display: none;
}
.shapka2 .mobpush{
display:none;
}
.shapka2 .mobpush{
}
@media (max-width: 1229px) {
.main-menu__button_expand::after {
background-size: 8px 8px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.shapka2 .mobpush{
display:flex;
align-items: center;
}
}
.shapka2 .pol3 {
position: relative;
display: flex;
align-items: center;
}
.shapka2 .bvi-shortcode{
border-radius: 20px;
padding: 0;
}
.shapka2 .bvi-shortcode .bvi-open{
background-image:url(/wp-content/uploads/group-733881582.svg);
width: 35px;
display: flex;
height: 35px;
background-repeat: no-repeat;
background-position: center;
border-radius: 10px;
background-size: 25px;
}
.shapka2 .bvi-shortcode, .shapka2 .bvi-shortcode .bvi-open{
background-color:var(--color-osnova);
}
.shapka2 .bvi-open > *{
display:none!important;
}
.shapka2 .pol3 .social-links a:not(.telegram, .whatsapp),
.shapka2 .pol3 .social-links a p,
.shapka2 .pol3 .social-links a svg {
display: none;
}
.shapka2 .pol3 .social-links a.telegram .versia2,
.shapka2 .pol3 .social-links a.whatsapp .versia2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 14px;
height: 14px;
}
.shapka2 .pol3 .social-links {
display: none;
}
.shapka2 .pol3 .social-links a {
width: 30px;
height: 30px;
background-color: var(--fon);
border-radius: 60%;
display: flex;
margin-right: 6px;
background-position: center;
cursor: pointer;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-repeat: no-repeat;
}
.shapka2 .pol3 .social-links a:hover {
background-color: var(--color-osnova);
}
.shapka2 .pol3 .social-links a svg path {
fill: #929292;
}
.shapka2 .pol3 .social-links a:hover svg path {
fill: #fff;
}
.shapka2 .contacts-popap__block_cp.konmeo {
margin-top: 35px;
right: 0px;
top: 10px;
}
.shapka2 .contacts-popap__block_cp .naz {
padding-bottom: 10px;
font-weight: 500;
font-size: 18px;
color: #484848;
margin-bottom: 0;
}
.shapka2 .contacts-popap__block_cp .short-phone {
margin-left: 0;
color: #8c8c8c;
padding-left:0;
margin-bottom: 4px;
}
.shapka2 .contacts-popap__block_cp:before {
position: absolute;
content: "";
border: 7px solid transparent;
border-right: 11px solid #fff;
border-bottom: 4px solid #fff;
right: -11px;
top: -18px;
}
@media (min-width: 12329px) {
.shapka2 .main-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: relative;
top: -7px;
left: 0;
height: auto;
visibility: visible;
opacity: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.shapka2 .main-menu__panel {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
padding: 20px 20px 20px 6px;
background: -webkit-gradient(
linear,
left top, left bottom,
color-stop(0, rgba(0, 0, 0, 0.02)),
to(rgba(0, 0, 0, 0))
);
background: -o-linear-gradient(
top,
rgba(0, 0, 0, 0.02) 0,
rgba(0, 0, 0, 0) 100%
);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.02) 0,
rgba(0, 0, 0, 0) 100%
);
}
.shapka2 .main-menu__current-category-link {
margin: 0 auto;
font-size: 14px;
color: var(--vzlet-primary-main);
}
@media (min-width: 991px) {
.shapka2
.main-menu__item:hover
> .main-menu__link
.main-menu__expand-button::after,
.shapka2
.main-menu__item:hover
> .main-menu__text
.main-menu__expand-button::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: 0;
}
}
@media (max-width: 1229px){
.shapka2 .main-menu-button {
display: flex;
}
.header-2 .niz{
display:none;
}
.shapka2 .bvi-shortcode {
margin-right: 20px;
}
}
@media (max-width: 991px) {
.shapka2 .main-menu__item:hover > .main-menu__list {
height: 100%;
}
}
.shapka2 .main-menu__item_selected > .main-menu__link {
font-weight: 600;
color: var(--vzlet-primary-main);
}
.shapka2
.main-menu__item_active
> .main-menu__link
> .main-menu__expand-button::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: 0px;
}
@media (min-width: 991px) {
.main-menu__item_active
> .main-menu__link
> .main-menu__expand-button::after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
top: 1px;
}
}
.shapka2 .pol3 > .short-phone {
color: #484848;
font-size: 22px;
margin-bottom: 0;
padding: 0 8px 0 13px;
font-weight: 700;
line-height: 100% !important;
letter-spacing: 0.6px;
}
.shapka2 .main-menu__link:hover .main-menu__button_expand::after {
background-color:var(--color-osnova);
}
.main-menu__button_close::after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M1.28857 16.7091C1.34081 16.7614 1.40285 16.8029 1.47114 16.8312C1.53942 16.8595 1.61262 16.874 1.68654 16.874C1.76046 16.874 1.83366 16.8595 1.90194 16.8312C1.97023 16.8029 2.03227 16.7614 2.08451 16.7091L8.99763 9.79595L15.9136 16.7091C16.0191 16.8146 16.1623 16.8739 16.3115 16.8739C16.4608 16.8739 16.604 16.8146 16.7095 16.7091C16.8151 16.6035 16.8744 16.4604 16.8744 16.3111C16.8744 16.1618 16.8151 16.0187 16.7095 15.9131L9.79357 9.00001L16.7067 2.08407C16.8122 1.97852 16.8715 1.83537 16.8715 1.6861C16.8715 1.53684 16.8122 1.39368 16.7067 1.28814C16.6011 1.18259 16.458 1.12329 16.3087 1.12329C16.1595 1.12329 16.0163 1.18259 15.9108 1.28814L8.99763 8.20407L2.0817 1.29095C1.97409 1.1988 1.83567 1.15064 1.6941 1.15611C1.55254 1.16158 1.41824 1.22026 1.31807 1.32044C1.21789 1.42062 1.1592 1.55491 1.15373 1.69648C1.14827 1.83805 1.19642 1.97647 1.28857 2.08407L8.20169 9.00001L1.28857 15.9159C1.1838 16.0213 1.125 16.1639 1.125 16.3125C1.125 16.4611 1.1838 16.6037 1.28857 16.7091Z' fill='%23484848'/%3E%3C/svg%3E")
center center no-repeat;
}
.main-menu__button_back::after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M5.0166 6.64011L2.84327 4.46677C2.5866 4.21011 2.5866 3.79011 2.84327 3.53344L5.0166 1.36011' stroke='%231A62D3' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
center center no-repeat;
}
@media (min-width: 1230px) {
.shapka2 .main-menu__item {
width: auto;
}
.main-menu__button_expand::after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
}
.dots {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 6px;
-moz-column-gap: 6px;
column-gap: 6px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 30px;
height: 20px;
margin: 0;
font-size: 24px;
color: var(--vzlet-white);
background-color: var(--vzlet-primary-main);
border-radius: 4px;
-webkit-transition: background-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.dots:hover {
background-color: var(--vzlet-primary-light);
}
.dots ~ button {
display: none;
}
.catalog-menu {
position: absolute;
bottom: 100%;
left: 0;
z-index: 4;
display: none;
width: 100%;
height: calc(100dvh - 68px - 64px);
margin: 0;
overflow: hidden;
background-color: #fff;
}
@media (min-width: 991px) {
.catalog-menu {
top: calc(100% + 10px);
bottom: auto;
width: calc(100% - 30px);
margin: 0 15px;
border-radius: 10px;
-webkit-box-shadow: 0 1.753px 7.889px rgba(0, 0, 0, 0.04),
0 14px 63px rgba(0, 0, 0, 0.06);
box-shadow: 0 1.753px 7.889px rgba(0, 0, 0, 0.04),
0 14px 63px rgba(0, 0, 0, 0.06);
}
}
.catalog-menu_shown {
display: block;
}
.catalog-menu__panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: 60px;
padding: 0 4px 0 10px;
background: -webkit-gradient(
linear,
left top, left bottom,
from(rgb(250, 250, 250)),
to(rgb(255, 255, 255))
);
background: -o-linear-gradient(
top,
rgb(250, 250, 250) 0%,
rgb(255, 255, 255) 100%
);
background: linear-gradient(
to bottom,
rgb(250, 250, 250) 0%,
rgb(255, 255, 255) 100%
);
}
@media (min-width: 991px) {
.catalog-menu__panel {
display: none;
}
}
.catalog-menu__panel .button_close .icon {
color: #484848;
}
.catalog-menu__panel .button_back {
visibility: hidden;
opacity: 0;
}
.catalog-menu__panel .button_visible {
visibility: visible;
opacity: 1;
}
.catalog-menu__selected-section {
display: -webkit-box;
overflow: hidden;
font-size: 14px;
font-weight: 600;
color: var(--color-osnova);
text-align: center;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-decoration: none;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.catalog-menu__selected-section:hover {
text-decoration: none;
}
.catalog-menu__grid {
display: -ms-grid;
display: grid;
-ms-grid-rows: -webkit-min-content auto;
-ms-grid-rows: min-content auto;
grid-template-rows: -webkit-min-content auto;
grid-template-rows: min-content auto;
width: 100%;
height: 100%;
overflow-y: auto;
}
@media (min-width: 767px) {
.catalog-menu__grid {
-ms-grid-rows: auto;
grid-template-rows: auto;
}
}
.catalog-menu__button {
position: relative;
display: block;
width: 18px;
height: 18px;
background: none;
border: none;
}
.catalog-menu__button::before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 18px;
height: 18px;
content: "";
border-radius: 50%;
-webkit-transition: background-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.catalog-menu__button::after {
position: absolute;
top: 6px;
left: 0;
display: block;
width: 18px;
height: 18px;
content: "";
-webkit-transition: top 0.3s linear, -webkit-transform 0.25s ease-in-out;
transition: top 0.3s linear, -webkit-transform 0.25s ease-in-out;
-o-transition: transform 0.25s ease-in-out, top 0.3s linear;
transition: transform 0.25s ease-in-out, top 0.3s linear;
transition: transform 0.25s ease-in-out, top 0.3s linear, -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, top 0.3s linear,
-webkit-transform 0.25s ease-in-out;
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.catalog-menu__button_expand::after {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
center center no-repeat;
background-size: 8px 8px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.catalog-menu__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 1px;
-moz-column-gap: 1px;
column-gap: 1px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 13px 16px 13px 28px;
font-size: 12px;
font-weight: 500;
color: #484848;
text-decoration: none;
}
.catalog-menu__link:hover {
color: var(--color-osnova2);
text-decoration: none;
background-color: var(--fon);
}
@media (min-width: 767px) {
.catalog-menu__link {
padding: 11px 32px;
font-size: 14px;
}
}
.catalog-menu__link ~ .catalog-menu__list .catalog-menu__link {
padding: 13px 16px 13px 28px;
}
@media (min-width: 767px) {
.catalog-menu__link ~ .catalog-menu__list .catalog-menu__link {
padding: 0;
}
}
@media (min-width: 767px) {
.catalog-menu__link
~ .catalog-menu__list
.catalog-menu__link
.catalog-menu__button_expand {
display: none;
}
}
.catalog-menu__item:not(:last-child) {
border-bottom: 1px solid var(--border);
}
@media (min-width: 767px) {
.catalog-menu__item:not(:last-child) {
border-bottom: 0;
}
}
.catalog-menu__item:hover > ul {
z-index: 2 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 991px) {
.catalog-menu__item:hover > .catalog-menu__recommended {
z-index: 2 !important;
display: block;
}
}
.catalog-menu__item:first-child ul {
z-index: 1;
}
.catalog-menu__item_active > .catalog-menu__link {
font-weight: 600;
text-decoration: none;
}
.catalog-menu__item_selected > ul {
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
@media (min-width: 767px) {
.catalog-menu__item_selected > ul {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@media (min-width: 991px) {
.catalog-menu__item_selected > .catalog-menu__recommended {
z-index: 2;
display: block;
}
}
.catalog-menu__item_selected-section {
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
gap: 0 8px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (min-width: 767px) {
.catalog-menu__item_selected-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
@media (min-width: 767px) {
.catalog-menu__item_selected-section {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
}
.catalog-menu__item_selected-section .catalog-menu__link {
margin-bottom: 14px;
font-size: 20px;
font-weight: 600;
color: #484848;
}
.catalog-menu__item_selected-section .catalog-menu__link ~ span {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 8px;
font-size: 12px;
font-weight: 400;
}
.catalog-menu__list {
list-style: none;
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0 !important;
overflow-x: hidden;
overflow-y: auto;
background-color: #fff;
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: -webkit-transform 0.25s ease-in-out;
-o-transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
@media (min-width: 767px) {
.catalog-menu__list {
width: 50%;
overflow: visible;
}
}
@media (min-width: 991px) {
.catalog-menu__list {
width: 33.3333333333%;
}
}
.catalog-menu__list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
list-style: none;
}
@media (min-width: 767px) {
.catalog-menu__list ul {
row-gap: 12px;
padding: 24px 32px;
}
.catalog-menu__list ul::before {
position: absolute;
top: 0;
bottom: 0;
left: -1px;
width: 1px;
height: 100%;
content: "";
background-color: #c0c0c0;
}
}
@media (min-width: 991px) {
.catalog-menu__list ul {
display: none;
}
}
.catalog-menu__list ul ul::before {
display: none;
}
.catalog-menu__list ul .catalog-menu__link {
padding: 0;
}
.catalog-menu__list ul .catalog-menu__link:hover {
color: var(--color-osnova2);
background-color: transparent;
}
.catalog-menu__list .catalog-menu__list {
position: absolute;
top: 0;
left: 100%;
}
.catalog-menu__list .simplebar-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0;
}
@media (min-width: 767px) {
.catalog-menu__list .simplebar-content {
row-gap: 12px;
}
}
.catalog-menu__list .simplebar-content::before {
display: none;
}
.catalog-menu__list .simplebar-offset::after {
position: absolute;
right: 12px;
bottom: 0;
left: 1px;
z-index: 1;
height: 38px;
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
background: -o-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.catalog-menu__recommended {
position: absolute;
top: 0;
left: 200%;
display: none;
width: 100%;
height: 100%;
padding: 22px 0;
background-color: #fff;
}
.recommended__title {
margin: 0 32px;
font-size: 12px;
font-weight: 600;
color: #484848;
text-transform: uppercase;
}
.recommended__products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 4px;
}
.catalog-menu__recommended .product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 4px;
text-decoration: none;
-ms-grid-columns: auto 40%;
grid-template-columns: auto 40%;
gap: 40px;
padding: 18px 32px;
border-bottom: 1px solid #c0c0c0;
}
.recommended__link {
display: block;
margin: 4px 32px 0;
font-size: 12px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.catalog-menu-back {
display: none;
}
@media (min-width: 991px) {
.catalog-menu__recommended {
display: none;
}
}
@media (max-width: 767px) {
.catalog-menu-back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.catalog-menu__recommended::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
height: 100%;
content: "";
background-color: #c0c0c0;
}
.catalog-menu__recommended .product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 4px;
text-decoration: none;
}
.catalog-menu__recommended .product:hover {
text-decoration: none;
}
.catalog-menu__recommended .product__image {
width: 80px;
height: 80px;
}
.catalog-menu__recommended .product__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.catalog-menu__recommended .product__name {
color: #484848;
}
.catalog-panel {
position: relative;
margin-top: var(--sticky-top);
left: 0;
border-top: none;
z-index: 5;
background-color: #fff;
}
.catalog-panel .mag {
display: none;
}
.catalog-panel .catalog-panel__container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 64px;
margin-bottom: 20px;
height: auto;
padding: 10px 15px 0;
}
.catalog-panel .catalog-panel__container:before {
border-top: 1px solid var(--fon);
width: calc(100% - 30px);
position: absolute;
top: 0;
}
.catalog-panel .catalog-panel__controls {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
border-radius: 10px;
background-color: #fff;
}
.catalog-panel .shopcart-dropdown a .fa-shopping-bag {
-webkit-mask-image: url('data:image/svg+xml,\
');
mask-image: url('data:image/svg+xml,\
');
background: var(--color-osnova);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
background-repeat: no-repeat;
background-position: center;
position: relative;
height: 100%;
width: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.catalog-panel .block-minicart .link-dropdown {
border: 1px solid var(--color-osnova);
margin-left: 5px;
border-radius: 10px;
height: 50px;
width: 70px;
}
.catalog-panel .block-minicart .link-dropdown:hover{
background-color:var(--color-osnova);
}
.catalog-panel .block-minicart .link-dropdown:hover .fa-shopping-bag{
background-color:#fff;
}
.catalog-panel .shopcart-dropdown a .fa-shopping-bag:before,
.catalog-panel .shopcart-dropdown a .total,
.catalog-panel .shopcart-dropdown a .count {
display: none;
}
.catalog-panel .block-minicart .widget_shopping_cart {
display: none;
}
.header-control .cart-count-circle {
background-color: var(--color-osnova);
color: #fff;
display: flex !important;
border-radius: 50%;
width: 22px;
height: 22px;
border: 1px solid var(--color-osnova);
justify-content: center;
align-items: center;
font-size: 12px !important;
position: absolute;
z-index: 2;
right: -5px;
top: -5px;
text-align: center !important;
}
.catalog-panel .catalog-panel__container .header-control{
position:relative;
}
.catalog-panel .input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-radius: 0.5rem;
-webkit-box-pack: normal;
-ms-flex-pack: normal;
justify-content: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--fon) !important;
}
.catalog-panel #searchform .input {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.catalog-panel .catalog-panel__container .header-control button {
background-color: #fff;
color: var(--color-osnova);
border: 1px solid var(--color-osnova);
margin-left: 6px;
font-weight: 500 !important;
font-size: 16px !important;
}
.catalog-panel input {
width: 100% !important;
padding-left: 0 !important;
position: relative;
top: 0;
left: 0;
padding: 16.5px 20px !important;
background-color: var(--vzlet-primary-10);
background-image: none;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
border: none !important;
height: 100% !important;
}
.catalog-panel .button_search {
padding: 15px 32px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
background-color: var(--fon);
border-left: 4px solid #fff !important;
}
.catalog-panel .button_search path {
stroke: #8c8c8c;
}
.catalog-panel .button_search:hover path {
stroke: #fff;
}
.catalog-panel .custom-select__button {
padding-right: 20px;
color: #8c8c8c;
font-size: 14px;
}
.catalog-panel input::-webkit-input-placeholder {
color: #8c8c8c !important;
}
.catalog-panel input::-moz-placeholder {
color: #8c8c8c !important;
}
.catalog-panel input:-ms-input-placeholder {
color: #8c8c8c !important;
}
.catalog-panel input::-ms-input-placeholder {
color: #8c8c8c !important;
}
.catalog-panel input::placeholder {
color: #8c8c8c !important;
}
.catalog-panel .button_search svg {
width: 16px;
height: 16px;
}
.catalog-panel .catalog-panel__catalog-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
padding: 10px 50px 10px 47px !important;
width: 240px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.catalog-panel .catalog-panel__catalog-button span {
font-weight: 500;
}
.catalog-panel .catalog-panel__catalog-button > svg {
margin-right: 4px;
display: none;
}
.catalog-panel .burger {
position: relative;
display: block;
width: 13px;
height: 16px;
padding: 0;
margin: 0;
background: transparent;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 5px;
}
.catalog-panel .burger span {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
visibility: visible;
background-color: #fff;
border-radius: 2px;
opacity: 1;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.catalog-panel .burger::before {
top: 3px;
width: 70%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background-color: #fff;
}
.catalog-panel .burger::after {
bottom: 3px;
width: 100%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background-color: #fff;
}
.catalog-panel .search {
width: 100%;
}
.catalog-panel form {
height: 100%;
}
.catalog-menu__button:hover {
background: none !important;
}
.catalog-panel__controls .burger_active::before {
top: calc(50% - 1px);
width: 100%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.catalog-panel__controls .burger_active span {
visibility: hidden;
opacity: 0;
}
.catalog-panel__controls .burger_active::after {
bottom: calc(50% - 1px);
width: 100%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.catalog-menu-back a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.catalog-menu-back span {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
center center no-repeat;
background-size: 8px 8px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: 18px;
display: block;
height: 18px;
margin-left: -6px;
}
.catalog-panel .catalog-panel__container .header-control button .icon {
background-repeat: no-repeat;
background-position: center;
-webkit-mask-image: url('data:image/svg+xml,\
');
mask-image: url('data:image/svg+xml,\
');
background: var(--color-osnova);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.catalog-panel .catalog-panel__container .header-control button:hover .icon {
background: #fff;
}
@media (max-width: 1229px){
.header-control .cart-count-circle{
right: 4px;
top: -8px;
}
.shapka2 .pol3 > .social-links,
.shapka2 .pol3 > .short-phone,
.shapka2 .pol3{
display: none;
}
.shapka2 .verh, .shapka2 .niz {
align-items: center;
flex-direction: row-reverse;
}
.shapka2 .logoinfo{
display:none;
}
}
@media (max-width: 991px) {
.header-2{
background-color:#fff;
}
.header-2 .shapka2{
padding-top: 15px !important;
padding-bottom: 15px;
}
.catalog-panel .catalog-panel__container .header-control button {
border-radius: 0 !important;
}
.catalog-panel .catalog-panel__container:before {
border-top: 0;
}
.catalog-panel {
position: fixed;
right: 0;
bottom: 0;
top: auto;
left: 0;
z-index: 9999;
background: #fff;
margin-top: 0;
padding-top: 0;
}
.catalog-menu__grid{
grid-template-rows: -webkit-min-content revert;
grid-template-rows: revert;
}
.catalog-panel__container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 0px !important;
height: 100% !important;
padding: 0 !important;
width: 100% !important;
}
.catalog-panel .catalog-panel__catalog-button {
border-radius: 0 !important;
}
.catalog-panel .search {
width: 100%;
}
.catalog-panel .button_search {
border-radius: 0 !important;
}
.catalog-panel .shopcart-dropdown a .fa-shopping-bag {
border-radius: 0 !important;
margin-left: 0 !important;
}
.catalog-panel .custom-select {
display: none;
}
.catalog-menu {
position: absolute;
bottom: 100%;
left: 0;
z-index: 1;
width: 100%;
height: calc(-129px + 100dvh);
margin: 0;
background-color: #fff;
}
.catalog-menu__recommended,
.catalog-menu__panel {
display: none;
}
.catalog-menu__item:not(:last-child) {
border-bottom: 1px solid #c0c0c0;
}
.catalog-menu__button {
padding-right: 0 !important;
}
}
@media (max-width: 767px) {
.catalog-panel .catalog-panel__container .header-control button .text {
display: none;
}
.catalog-panel .catalog-panel__container .header-control button {
height: 50px;
width: 50px;
padding: 0 !important;
}
.catalog-panel .button_search {
padding: 15px 17px !important;
}
.catalog-panel .catalog-panel__container .header-control button .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
}
}
@media (max-width: 600px) {
.shapka2 .pol3 > .short-phone,
.shapka2 .pol3 > img:first-child {
display: none;
}
.shapka2 .pol3 {
position: revert;
}
.shapka2 .contacts-popap__block_cp.konmeo {
top: var(--sticky-top);
margin-top: 0px;
height: 100vh;
width: 100%;
padding: 30px 15px;
}
}
@media (max-width: 525px) {
.shapka2 .logoinfo {
display: none;
}
.catalog-panel .catalog-panel__catalog-button {
width: 50px;
padding: 0 !important;
}
.catalog-panel .burger {
margin-right: 0;
}
.catalog-panel .catalog-panel__catalog-button span:not(.burger):not(.burger *){
display: none;
}
}