.top-bar-contact {background-color: var(--two); color: var(--one); height: 40px; font-size: 14px; line-height: 20px; position: relative; z-index: 10000;}
.top-bar-contact .phones,
.top-bar-contact .mails {display: flex; gap: 30px;}
.top-bar-contact a {color: var(--light); white-space: nowrap; padding: 10px 0; display: flex; gap: 10px; flex-wrap: nowrap; align-items: center;}
.top-bar-contact li:hover {opacity: 0.7;}
.top-bar-contact svg {display: block; height: 15px; width: 15px;}
.top-bar-contact li svg * {fill: var(--one);}
.top-bar-contact .d-flex {gap: 30px;}
.top-bar-contact .social-media {display: flex; gap: 20px;}

.menu-bar {max-height: 110px; background-color: var(--three); z-index: 1000;}
.menu-bar.sticky {position: sticky; top: 0; z-index: 1001;}
.menu-bar__logo {padding: 10px 0; display: block;}
.menu-bar__logo img,
.menu-bar__logo__svg {display: block; width: auto; max-width: 320px; max-height: 50px;}
.menu-bar .menu {display: flex; font-weight: 600;}
.menu-bar .menu-item {display: flex; align-items: center;}
.menu-bar .menu-item svg {width: 15px; height: 15px; margin-right: 5px; margin-top: -2px;}
.menu-bar .menu-item svg * {fill: var(--one);}
.menu-bar .menu-item > a {padding: 44px 15px; display: block; width: 100%; color: var(--one);}
.menu-bar .menu-item.current-menu-item > a {color: var(--two);}
.menu-bar .menu-item > a:hover {color: var(--two);}
.menu-hamburger { display: flex; }

.menu-bar nav > ul > li:last-child a {padding: 10px 30px; border-radius: 8px; background-color: var(--two); margin-left: 15px;}
.menu-bar nav > ul > li:last-child a:hover {color: var(--zero); background-color: var(--four);}
.menu-bar nav > ul > li.current-menu-item:last-child a {color: var(--zero);}

@media (max-width: 1199.98px) {
    .top-bar-contact li:nth-child(2) {display: none;}
    .menu-bar__logo img,
	.menu-bar__logo__svg {max-width: 220px; max-height: 30px;}
    .menu-bar .menu .menu-item > a { padding: 44px 10px;}
    .menu-bar nav > ul.menu > li:last-child a {padding: 10px 30px; margin-left: 5px;}
}

@media (max-width: 991.98px) {
    .menu-bar .menu .menu-item > a { padding: 44px 5px; }
    .menu-bar nav > ul.menu > li:last-child a {padding: 6px 18px; margin-left: 5px;}
    .menu-bar .menu > .menu-item > a {font-size: 14px;}
}

@media (max-width: 576px) {
    .menu-bar nav > ul.menu > li.menu-item:last-child a {padding: 10px 30px; width: 100%; border-radius: 0; margin: 0;}
}


.sub-menu { display: none }
.menu-bar__bars {cursor: pointer;}
.menu-container { z-index: 1000; visibility: visible;}
.menu-bar .menu-item--return { display: none; }
.menu-item__expand { display: none; }
.main-menu .menu-item__expand { display: block; }

.menu-bar .menu-item .menu-item-has-children svg {transform: rotate(-90deg);}
.menu-bar .menu > .menu-item.button {padding: 29px 0;}
.menu-bar .menu > .menu-item.button a {padding: 15px 40px; background-color: var(--two); color: var(--one); }
.menu-bar .menu > .menu-item.button:hover a {background-color: var(--two-dark); opacity: 1;}
.menu-hamburger { display: none;}
body.mobile-overlay:after {display: block; content: ''; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background-color: var(--three-dark); opacity: 0.5;}

.menu-bar .menu-item {position: relative}
.menu-bar .sub-menu {display: none;}
.menu-bar .menu-item > .sub-menu {flex-direction: column; position: absolute; width: max-content; top: 100%; left: 0;}
.menu-bar .sub-menu .sub-menu {top: 0; left: 100%;}
.menu-bar .menu-item:hover > .sub-menu {display: flex;}
.menu-bar .sub-menu .menu-item {background-color: var(--three); transition: 0.3s all ease;}
.menu-bar .sub-menu .menu-item:hover {background-color: var(--three-dark);}
.menu-bar .sub-menu .menu-item:hover > a {opacity: 1;}
.menu-bar .sub-menu .menu-item > a {padding: 1em 15px;}

body.ks-rounding-light .menu-bar .menu > .menu-item.button a {border-radius: 8px;}
body.ks-rounding-strong .menu-bar .menu > .menu-item.button a {border-radius: 32px;}

.image-offer{display: flex;max-height: 500px;max-width: 500px;margin: 0 auto;overflow: hidden;border-radius: 30px;}
.image-offer img{width: 100%; height: 100%; object-fit: cover;object-position: center;}