* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none; -webkit-locale: auto}
html, body {width: 100%}
body {font-family: 'Nunito Sans', sans-serif; padding-top: 160px !important; line-height: 1.7; background: #fff; font-size: 16px; -webkit-text-size-adjust: none; font-weight: 400; color: #393939; -webkit-font-smoothing: antialiased}
html.lock, body.lock {overflow: hidden}
a {color: inherit; text-decoration: none; outline: none; cursor: pointer; transition: 300ms}
h1, h2, h3 {width: 100%; font-weight: 700; line-height: 1; color: #000}

h1 {font-size: 32px; margin-bottom: 40px; color: #024153}
h2, .h2-like {font-size: 26px; margin-bottom: 20px; margin-top: 40px; color: #024153}
.h2-like span {color: #888; font-size: 20px}
h3 {font-size: 20px}
hr {margin: 20px 0px; height: 1px; border: none; background: rgba(0,0,0,0.1)}
b, strong, th {font-weight: 700}
i {font-style: normal}
ul {list-style-type: none}
img {object-fit: contain}
img, svg {height: auto; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle}
iframe {width: 100%; border: none}
table {width: 100%; border-collapse: collapse}
input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0px}
input[type=text], input[type=tel], input[type=email], input[type=password] {display: block; width: 100%; font-size: 15px; border: none; border-bottom: 1px solid #dadada; padding: 0px; background: transparent; line-height: 49px; height: 50px}
textarea {display: block; width: 100%; border:1px solid #dadada; padding: 10px; resize: none; height: 80px; font-size: 15px}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, input[type=password]:focus {border-color: #000}

input[type=checkbox] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border:none; border: 1px solid #dadada; background: #fff}
input[type=checkbox]:hover {border-color: #024153}
input[type=checkbox]:checked {background: #024153 url("data:image/svg+xml,<svg viewBox='0 0 356.7 297.3' xmlns='http://www.w3.org/2000/svg'><polygon fill='%23fff' points='42.4,153 0,195.4 101.9,297.3 356.7,42.4 314.3,0 101.9,212.4'/></svg>") 50% 50% no-repeat; background-size: 9px; border-color: #024153}

input[type=radio] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border-radius: 50%; border:none; border: 1px solid #dadada; background: #fff}
input[type=radio]:hover {border-color: #FE7701}
input[type=radio]:checked {background: #fff; border: 4px solid #00c800}

select, .form-list .SumoSelect>.CaptionCont {display: block; width: 100%; font-size: 15px; border: none; border: 1px solid #dadada; padding: 0px 10px; background: transparent url("data:image/svg+xml,<svg viewBox='11.4 7.1' width='11.4' height='7.1' xmlns='http://www.w3.org/2000/svg'><path d='M5,6.4l-5-5L1.4,0l4.3,4.3L10,0l1.4,1.4l-5,5L5.7,7.1L5,6.4z'/></svg>") no-repeat; background-position: right 15px center; border-radius: 0px; line-height: 39px; height: 40px !important;  color: #7f7f7f; box-shadow: none !important; cursor: pointer; transition: border-color 300ms}
select:hover, .form-list .SumoSelect>.CaptionCont:hover {border-color: #000}

input[readonly], input[readonly]:focus {opacity: 0.5; border-color: #b3b3b3}

input:required:invalid {border-bottom-color: #FE7701}
svg {fill: currentColor}
svg * {transition: fill 300ms}

::placeholder {color:#393939}
/* GLOBAL */

/* BASIC */
main {min-height: calc(100vh - 480px)}
.hidden {display: none}
.lazy {visibility: hidden; opacity: 0; transition: 300ms}
.ds {-webkit-user-select: none; -moz-user-select: none; -webkit-user-drag: none}
.flex {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.flex-nowrap {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: nowrap; -webkit-flex-wrap: nowrap}
.flex-center {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items:center}
.flex-inline {display: flex; display:-webkit-flex; -webkit-justify-content:flex-start; justify-content:flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.max {padding: 0px 80px; max-width: 1360px; margin: 0px auto}
.max-max {padding: 0px 20px; max-width: 860px; margin: 0px auto}
.cover {background-position: 50% 50%; background-repeat: no-repeat; background-size: cover}
.contain-0 {background-position: 0% 50%; background-repeat: no-repeat; background-size: contain}
.contain-50 {background-position: 50% 50%; background-repeat: no-repeat; background-size: contain}
.button {background-color: #024153; transition: 300ms; line-height: 50px; height: 50px; display: block; cursor: pointer; text-align: center; font-size: 15px; color: #fff; position: relative; width: 100%; border-radius: 5px}
.button:hover {background-color: #FE7701}
.button:disabled {background-color: #f0f0f0; border-color: #f0f0f0; pointer-events: none}
.mobile-show {display: none}
.tablet-show {display: none}
.admin-bar {top: unset !important; bottom: 0px}
.admin-bar__item_template {display: none}
.admin-bar__item_edit {margin-left: auto}
.tab:not(.active) {display: none}
/* BASIC */


/* ALERT */
.alert {background: #FE7701; color: #fff; padding: 5px; text-align: center}
/* ALERT */


/* FORM-LIST */
.form-list li {position: relative}
.form-list li .placeholder {position: absolute; top: 0px; left: 0px; font-size: 10px; color: #6F7F89; transition: 300ms; line-height: 1}
.form-list + .button {margin-top: 40px}
.form-list li + li {margin-top: 20px}
.form-list li:hover .placeholder, .form-list li input:focus + .placeholder {color: #000}
.SumoSelect p, .SumoSelect div {display: none}
.optWrapper {font-size: 15px}
.SumoSelect>.CaptionCont>label {display: none}

.form-list.grid {display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr)}
.form-list.grid li + li {margin-top: 0px}
.form-list.grid li.width-100 {grid-column: span 2}
.form-list li#address {display: none !important}

/* FORM-LIST */


/* FILTER */
.filter-form {font-size: 14px; margin-bottom: 80px}
.filter-form .button {border: none}
.filter-form .link {color: #FE7701; text-decoration: underline; margin-top: 10px; display: block}
.mg-filter label {display: block; cursor: pointer}
.mg-filter-head {display: none}
.mg-filter-title {font-weight: 700; color: #024153; font-size: 13px; display: block; position: relative; border-bottom: 1px solid #dadada; padding-bottom: 5px; margin-bottom: 5px; cursor: pointer}
.mg-filter-title:hover {border-color: #FE7701}
.mg-filter-title + ul {display: none}

.mg-filter-item {margin-bottom: 20px}
.mg-filter-title:after {content: ''; background: url("data:image/svg+xml,<svg viewBox='11.4 7.1' width='11.4' height='7.1' xmlns='http://www.w3.org/2000/svg'><path fill='%23004c79' d='M5,6.4l-5-5L1.4,0l4.3,4.3L10,0l1.4,1.4l-5,5L5.7,7.1L5,6.4z'/></svg>") no-repeat 50% 50%; background-size: 10px; width: 23px; height: 23px; position: absolute; right: 0; top: 0}
.mg-viewfilter {color: #FE7701; font-size: 12px; text-decoration: underline}
.show-filter {margin: 20px 0px; padding-left: 20px; color: #fff; line-height: 38px; height: 40px; cursor: pointer; background: #FE7701 url("data:image/svg+xml,<svg viewBox='11.4 7.1' width='11.4' height='7.1' xmlns='http://www.w3.org/2000/svg'><path fill='%23fff' d='M5,6.4l-5-5L1.4,0l4.3,4.3L10,0l1.4,1.4l-5,5L5.7,7.1L5,6.4z'/></svg>") no-repeat; background-position: right 20px center; border-radius: 3px}
/* FILTER */


/* HEADER */
header {background: #024153; color: #fff; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 2000; height: 120px; transition: 300ms}
/* header:before {background: url(../images/grass.png) 50% 50% no-repeat; background-size: cover; height: 5px; position: absolute; bottom: 0; left: 0; width: 100%; content: ''} */
header.fixed {height: 80px}

header .max {height: 100%}
header .logo-block {height: 50px; width: 150px; margin-right: 80px; line-height: 1.1; background-image: url(../images/logo.svg)}
header:after {background: #FE7701; width: 50px; height: 100%; top: 0; right: 0; position: absolute; content: ''}

.menu-block {margin-right: auto}
.menu-block svg {width: 10px; height: 10px; margin-left: 5px; margin-top: 1px; transition: 600ms}
.menu-block li {position: relative; white-space: nowrap}
.menu-block > ul > li > a {line-height: 70px; height: 70px; display: block; font-weight: 700}
.menu-block > ul > li:hover > a {color: #FE7701}
.menu-block li:hover svg {transform: rotateX(180deg)}
.menu-block .level-3 {display: none}

.menu-button {cursor: pointer; position: relative; height: 40px; width: 30px}
.menu-button span {background: #fff; height: 2px; position: absolute; width: 20px; right: 0px; transition: bottom 300ms ease 300ms, top 300ms ease 300ms, transform 300ms ease 0ms}
.menu-button span:nth-of-type(1) {top: 11px}
.menu-button span:nth-of-type(2) {top: 50%; margin-top: -1px}
.menu-button span:nth-of-type(3) {bottom: 11px}

.menu-button.active span {transition: bottom 300ms ease 0ms, top 300ms ease 0ms, transform 300ms ease 300ms}
.menu-button.active span:nth-of-type(1) {transform: rotateZ(45deg); top: calc(50% - 1px)}
.menu-button.active span:nth-of-type(2) {opacity: 0}
.menu-button.active span:nth-of-type(3) {transform: rotateZ(-45deg); bottom: calc(50% - 1px)}
/* HEADER */




/* AMOUNT */
.cart_form {width: 140px; margin: 20px 0px}
.cart_form input[type=text] {width: 60px; height: 40px; line-height: 40px; text-align: center; border: none}
.cart_form button {border: none; border-radius: 50%; justify-content: center; background: none; width: 40px; height: 40px; background: #f0f0f0; transition: 250ms; cursor: pointer}
.cart_form button svg {width: 10px; height: 10px}
.cart_form button:hover {background: #000; color: #fff}
/* AMOUNT */


/* PROPERTIES */
.prop-item {font-size: 14px}
.product-details-block .prop-item {padding: 10px}
.product-details-block .prop-item:nth-of-type(even) {background: rgb(235 240 243)}
.product-details-block .prop-item .prop-separator {display: none}
.product-wrapper .prop-item {font-size: 12px}
.prop-item .prop-name {color: #888; white-space: nowrap; margin-right: 5px}
.prop-item .prop-spec {margin-left: 5px; max-width: 40%; text-align: right}
.prop-item .prop-separator {background: linear-gradient(90deg, #888 0, #888 25%, hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0)); flex-grow: 1; background-position: 0px 20px; background-size: 4px 1px; background-repeat: repeat-x}
.prop-item .name-group {font-weight: 700; margin-top: 20px}
/* PROPERTIES */


/* COLORS */
.product-wrapper .block-variants .color-block {text-align: center; margin-top: 10px; line-height: 1}
.product-wrapper .block-variants .color {width: 20px; height: 20px; border-radius: 50%; display: inline-block; position: relative; border: 2px solid #fff}
.product-wrapper .block-variants .color:before {width: 22px; height: 22px; top: -3px; left: -3px; opacity: 0; transition: 300ms; background: inherit; z-index: -1; position: absolute; content: ''; box-sizing: border-box; border-radius: 50%}
.product-wrapper .block-variants .color + .color {margin-left: 5px}
.product-wrapper .block-variants .color.active:before {opacity: 1}
.product-wrapper .block-variants .color#color-55 {box-shadow: inset 0 0 0 1px #000}
.product-wrapper .block-variants .color#color-55:before {background: #000}
.product-details-block .left-part .sticky {position: sticky; position: -webkit-sticky; top: 100px}
.product-details-block .right-part .block-variants .color-block {margin-top: 10px}
.product-details-block .right-part .block-variants .color {width: 30px; height: 30px; border-radius: 50%; display: inline-block; position: relative; border: 2px solid #fff}
.product-details-block .right-part .block-variants .color:before {width: 32px; height: 32px; top: -3px; left: -3px; opacity: 0; transition: 300ms; background: inherit; z-index: -1; position: absolute; content: ''; box-sizing: border-box; border-radius: 50%}
.product-details-block .right-part .block-variants .color#color-55 {box-shadow: inset 0 0 0 1px #000}
.product-details-block .right-part .block-variants .color#color-55:before {background: #000}

.product-details-block .right-part .block-variants .color + .color {margin-left: 5px}
.product-details-block .right-part .block-variants .color.active:before {opacity: 1}

.product-details-block .stickers {display: flex; align-items: flex-start; z-index: 20; gap: 10px; font-size: 11px; font-weight: 700}
.product-details-block .stickers div {color: #fff; margin-bottom: 20px; padding: 0px 5px; background: #024153; line-height: 20px; height: 20px; flex-shrink: 0; border-radius: 2px}
.product-details-block .stickers div.sale {background: #FE7701}

.mg-filter .color-filter span.cbox {width: 20px; height: 20px; border-radius: 50%; display: inline-block; position: relative; border: 2px solid #fff; vertical-align: middle}
/* COLORS */

.cats {margin-bottom: 40px; display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; color: #fff}
.cats a {background: #024153; padding: 5px 10px; border-radius: 3px; display: block}
.cats a:hover, .cats a.active {background: #FE7701}
.cats ul .level-2 {display: none}

/* CATALOG */
.top-description {margin-bottom: 40px; position: relative}
.top-description .text {margin-top: 20px}
.top-description h1 {line-height: 1; margin-bottom: 20px}
.catalog .left-part {width: 240px; background: rgb(235 240 243); border-radius: 5px; padding: 20px; align-self: start}
.catalog .right-part {width: calc(100% - 280px)}
.by-3 {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px}
.by-4 {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px}
.by-5 {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px}
.by-6 {display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px}

.product-wrapper {border-radius: 5px; padding: 0 20px 20px 20px}
.product-wrapper .top-part {position: relative; overflow: hidden}

.product-wrapper .like, .product-wrapper .unlike {position: absolute; transition: 300ms; width: 20px; height: 20px; right: 20px; top: 20px; z-index: 1; cursor: pointer; line-height: 20px; color: #dadada}
.product-wrapper .like:hover, .product-wrapper .unlike:hover {color: #000}
.product-wrapper .img {position: relative; display: block; padding-bottom: 100%; height: 0px}

.product-wrapper .code {color: #6F7F89; font-size: 12px; margin-top: 10px; text-align: center}
.product-wrapper .img img {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: auto; width: 100%}
.product-wrapper .stickers {position: absolute; left: 20px; top: 20px; display: flex; flex-direction: column; align-items: flex-start; z-index: 1; font-size: 11px; font-weight: 700}
.product-wrapper .stickers div {margin-bottom: 10px; color: #fff; padding: 0px 5px; background: #024153; line-height: 20px; height: 20px; flex-shrink: 0}
.product-wrapper .stickers div.sale {background: #FE7701}
.product-wrapper .title {font-size: 15px; font-weight: 700; color: #024153; line-height: 1.5; height: 90px; margin: 10px 0; display: flex; align-items: center}
.product-wrapper .text {margin-bottom: 0px}
.product-wrapper .product-price {font-size: 16px; font-weight: 700; display: none}
.product-wrapper .old-price {font-size: 14px; color: #6F7F89; margin-left: 10px; display: none}
.product-wrapper .button.more {position: absolute; bottom: -36px; width: auto; left: 0; right: 0; height: 36px; line-height: 36px; font-size: 14px}
.product-wrapper:hover .button.more {bottom: 0px}
.product-wrapper .block-variants img {display: none}
.product-wrapper:hover {box-shadow: 0 0 20px rgba(0,0,0,0.1)}

.by-4-slider .swiper-button-prev, .by-4-slider .swiper-button-next {width: 40px; height: 40px; top: 65px; position: absolute; z-index: 1; justify-content: center; cursor: pointer; background: #024153; color: #fff}
.by-4-slider .swiper-button-prev:hover, .by-4-slider .swiper-button-next:hover {background: #FE7701}

.by-4-slider .swiper-button-prev {right: 60px; left: unset}
.by-4-slider .swiper-button-next {right: 0px; transform: rotateY(180deg)}
.by-4-slider .swiper-button-prev svg, .by-4-slider .swiper-button-next svg {width: 20px}
.by-4-slider .show-all {position: absolute; height: 100%; top: 0px; left: 0px; width: 100%; display: flex; flex-direction: column; justify-content: center}
.by-4-slider .show-all b {font-size: 20px; margin-bottom: 20px; display: block}
.by-4-slider .show-all svg {width: 16px; height: 10px; transform: rotateZ(180deg); display: inline-block; vertical-align: middle; margin-left: 10px}
/* CATALOG */

.swiper-button-prev:after, .swiper-button-next:after {display: none !important}


/* LEFT-MENU */
.left-menu {width: 240px; position: relative; align-self: flex-start}
.left-menu li {border-bottom: 1px solid #dadada; color: #024153; font-weight: 700; font-size: 13px; padding-bottom: 5px; margin-bottom: 5px}
.left-menu li + li {margin-top: 20px}
.left-menu .level-2 {display: none}
/* LEFT-MENU */


/* BREAD-CRUMBS */
.bread-crumbs {font-size: 12px}
.bread-crumbs a:hover {color: #FE7701}
/* BREAD-CRUMBS */


/* PRODUCT */
.related {padding-bottom: 40px}


.thumbs-product-slider {width: 70px; height: 310px; margin: 0}
.thumbs-product-slider .swiper-slide img {transition: all 0.3s ease; width: 70px; object-fit: contain; aspect-ratio: 1/1; border: 2px solid #fff; border-radius: 10px;}
.thumbs-product-slider .swiper-slide-thumb-active img { border-color: #1565C0 !important}
.thumbs-product-slider .swiper-slide {height: 70px !important}

.product-details-block .product-slider .swiper-slide.video:after {content: ''; height: 80px; width: 80px; background: url(../images/play.svg) 50% 50% no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: 10; right: 0; bottom: 0; margin: auto; opacity: 0.5}
.product-details-block .thumbs-product-slider .swiper-slide.video:after {content: ''; height: 30px; width: 30px; background: url(../images/play.svg) 50% 50% no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: 10; right: 0; bottom: 0; margin: auto; opacity: 0.5}
.product-details-block .swiper-slide.video:hover:after {opacity: 1}
.product-details-block .product-slider .swiper-slide {background: #fff; height: auto}
.product-details-block .product-slider .swiper-slide img {width: 100%; border-radius: 5px}
.product-details-block .product-slider .swiper-slide iframe {height: 100%; width: 100%; border-radius: 5px}
.product-details-block .left-part .product-slider {width: calc(100% - 100px); margin: 0}
.product-details-block .left-part .product-slider .img {height: 0; padding-bottom: 100%}
.product-details-block .left-part .product-slider:hover .zoom {color: #EF4156}





.custom-swiper-pagination {width: 80px; align-self: flex-start; margin-right: 40px; display: flex; flex-direction: column; flex-wrap: wrap; gap: 20px}
.custom-swiper-pagination .swiper-pagination-bullet {height: 80px; position: relative; width: 80px; border-radius: 0}
.custom-swiper-pagination .swiper-pagination-bullet-active {box-shadow: 0 2px 0 0px #FE7701}
.custom-swiper-pagination .swiper-pagination-bullet img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain}
.custom-swiper-pagination .swiper-pagination-bullet:before {position: absolute; z-index: 100; pointer-events: none; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.03)}
.product-details-block .swiper-pagination-bullet.video:after {content: ''; height: 40px; width: 40px; background: url(../images/play.svg) 50% 50% no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: 10; right: 0; bottom: 0; margin: auto}
.product-details-block .swiper-slide.video:after {content: ''; height: 80px; width: 80px; background: url(../images/play.svg) 50% 50% no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: 10; right: 0; bottom: 0; margin: auto}

.product-details-block .link {margin-top: 10px; display: block; color: #024153; text-decoration: underline}
.product-details-block .right-part {width: calc(100% - 280px); position: relative}
.product-details-block .right-part .buttons-block {position: relative; align-items: center; margin-top: 40px}
.product-details-block .right-part .buttons-block .button {background: #FE7701; position: relative; width: auto; padding: 0 20px}
.product-details-block .right-part .buttons-block .button + .button {margin-left: 20px}
.product-details-block .right-part .buttons-block .other-button {background: #024153}
.product-details-block .right-part .buttons-block .pdf-link {color: #FE7701; text-decoration: underline; margin-left: 20px; font-size: 14px}
/* .product-details-block .right-part .buttons-block .button:after {content: ''; position: absolute; right: 0; top: 0; width: 3px; height: 100%; background: #024153} */
.product-details-block .right-part .buttons-block .button:hover {background: #024153}
.product-details-block .right-part .old-price {opacity: 0.3; text-decoration: line-through; display: none}
.product-details-block .right-part .price {font-size: 30px; margin: 20px 0px; display: none}
.product-details-block .right-part .available {padding: 0px 5px; height: 20px; line-height: 20px; background: #000; color: #fff; font-size: 13px; font-weight: 700}

.product-details-block .top-description h1 {font-size: 26px; margin-top: 20px; margin-bottom: 20px; line-height: 1.3}
.product-details-block .left-part {width: calc(50% - 20px)}
.product-details-block .right-part {width: calc(50% - 20px)}
.product-details-block .product-slider {width: calc(100% - 120px); margin: 0}
.product-details-block .product-slider .swiper-slide {background: #fff; height: 0; padding-bottom: 100%; position: relative}
.product-details-block .product-slider .swiper-slide img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain}
.product-details-block .product-slider .swiper-button-prev, .product-details-block .product-slider .swiper-button-next {top: 0px; z-index: 10; width: 30%; height: 100%}
.product-details-block .product-slider .swiper-button-prev {left: 0px; cursor: url("data:image/svg+xml,<svg viewBox='0 0 23.7 15' width='23.7' height='15' xmlns='http://www.w3.org/2000/svg'><polygon points='0,7.5 7.5,15 8.4,14.2 2.3,8.1 23.7,8.1 23.7,6.9 2.3,6.9 8.4,0.8 7.5,0'/></svg>"), auto}
.product-details-block .product-slider .swiper-button-next {right: 0px; cursor: url("data:image/svg+xml,<svg viewBox='0 0 23.7 15' width='23.7' height='15' xmlns='http://www.w3.org/2000/svg'><polygon points='16.2,0 15.3,0.8 21.4,6.9 0,6.9 0,8.1 21.4,8.1 15.3,14.2 16.2,15 23.7,7.5'/></svg>"), auto}
.product-details-block .product-slider .swiper-pagination-bullet {opacity: 0.1; height: 7px; width: 7px; border-radius: 50%; background: #000}
.product-details-block .product-slider .swiper-pagination-bullet-active {opacity: 1}

.product-details-block .product-thumbs-slider {width: 240px; margin-left: 20px}
.product-details-block .product-thumbs-slider img {width: 100%; height: 100%}
.product-details-block .product-thumbs-slider .swiper-slide {width: 100px !important; height: 100px !important; border: 1px solid transparent; background: #fff}
.product-details-block .product-thumbs-slider .swiper-slide.swiper-slide-thumb-active, .product-details-block .product-thumbs-slider .swiper-slide:hover {border-color: #024153}
.product-details-block .product-thumbs-slider .new-swiper-button-prev, .product-details-block .product-thumbs-slider .new-swiper-button-next {display: block; width: 100%; height: 15px; position: relative; justify-content: center}
.product-details-block .product-thumbs-slider .new-swiper-button-prev.swiper-button-disabled, .product-details-block .product-thumbs-slider .new-swiper-button-next.swiper-button-disabled {opacity: 0}
.product-details-block .product-thumbs-slider .new-swiper-button-prev {margin: 0px auto 10px auto}
.product-details-block .product-thumbs-slider .new-swiper-button-next {margin: 10px auto 0px auto}
.product-details-block .product-thumbs-slider .new-swiper-button-next svg {transform: rotateZ(180deg)}

.product-details-block .right-part .h2-like {font-size: 20px; margin-top: 40px; margin-bottom: 10px}
.product-details-block .right-part .short-desc {font-size: 14px; max-height: 160px; overflow: hidden; transition: 300ms}
.product-details-block .right-part .short-desc.show {max-height: 500px}
.product-details-block .right-part .short-desc + .show-all {border-bottom: 1px solid #000; transition: 300ms; color: #000; font-weight: 700; margin-top: 10px; display: inline-block; font-size: 13px; cursor: pointer}
.product-details-block .full-desc .table-wrapper {overflow-x: hidden; margin-top: -20px}
.product-details-block .full-desc table {border: none; margin: 0px -15px; width: calc(100% + 30px) !important}
.product-details-block .full-desc td {border: none; width: 50%; padding: 20px}
.product-details-block .full-desc table img {height: unset !important; width: unset !important}
.product-details-block .full-desc table h2 {margin-top: 0px}
/* PRODUCT */


/* PAGER */
.pager {text-align: center; margin-top: 40px}
.pager li {height: 40px; display: inline-block; line-height: 40px; width: 40px; text-align: center; margin: 0px 5px; padding: 0 !important; border-radius: 2px}
.pager li:before {display: none !important}
.pager li a {display: block; text-decoration: none !important; font-weight: 400 !important}
.pager li:hover {background: rgb(235 240 243)}
.pager li.current {background: #FE7701; color: #fff}
/* PAGER */


/* SEARCH */
.search-icon {width: 40px; height: 40px; padding: 8px}
.search-icon:hover, .search-icon.active {color: #FE7701}
.search-block {width: 100%; height: 60px; padding: 10px 0; top: 100%; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.05); left: 0; transform: scaleY(0); overflow: hidden; transition: 250ms; transform-origin: 0 0; position: absolute}
.search-block.active {transform: scaleY(1)}
.search-block input[type=search] {display: block; background: #f5f5f5; height: 40px; line-height: 40px; font-size: 15px; padding: 0 20px; border: none; width: 100%; color: #000}
.search-block .button {color: #fff; line-height: 30px; height: 30px; background: #024153; text-align: center; position: absolute; right: 5px; top: 5px; width: 100px; border: none; line-height: 20px}
.search-block .button:hover {background: #FE7701}
.wraper-fast-result {position: relative; display: none !important}
.fast-result-list li + li {margin-top: 20px}
.fast-result-list a {display: flex; position: relative; align-items: center}
.fast-result-list a .fast-result-img {width: 60px; flex-shrink: 0; margin-right: 10px; position: relative}
.fast-result-list a .fast-result-img img {width: 60px; height: 60px}
.fast-result-list a .fast-result-info {width: calc(100% - 80px); line-height: 1.3}
.fast-result-list a .fast-result-info span {font-size: 15px; color: #6F7F89; display: block; margin-top: 5px}
.fast-result-list a b {background: #000 !important; color: #fff}
.search-block form {position: relative}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}
.search-block form input[type=search]::placeholder {color: #888}
/* SEARCH */


/* SUB-CATS */
.sub-cats {border-bottom: 1px solid #dadada; font-size: 15px; margin-bottom: 40px; position: sticky; position: -webkit-sticky; top: 80px; background: #fff; z-index: 1000; padding-top: 20px}
.sub-cats a {cursor: pointer; position: relative; display: block; line-height: 40px; height: 40px}
.sub-cats li + li {margin-left: 30px}
.sub-cats li.active > a, .sub-cats li:hover > a {color: #000}
.sub-cats li > a:before {content: ''; left: 0px; bottom: -1px; background: transparent; height: 2px; width: 100%; position: absolute}
.sub-cats li.active > a:before {background: #000}
/* SUB-CATS */

/* HOME */
.home-first {margin-bottom: 40px; margin-top: -40px}

.home-slider .max {justify-content: center}
.home-slider {margin: -160px 0 0 0; padding-top: 100px; background: #024153; color: #fff}
.home-slider .swiper-slide {overflow: hidden}
.home-slider .title {font-size: 36px; margin-bottom: 20px; line-height: 1.3; color: #fff; font-weight: 700}
.home-slider .title b {color: #FE7701}
/*
.home-slider .text {width: calc(100% - 300px - 50px); margin-left: 50px; color: #fff; position: relative; z-index: 3}
.home-slider .text ul {list-style-type: disc; margin-left: 20px; margin-top: 20px}
.home-slider img {width: 300px; position: relative; z-index: 3}
*/
.home-slider .left-part {width: 35%; height: 450px; background: #024153; display: flex; justify-content: center; flex-direction: column}
.home-slider .left-part .code {margin-top: 20px; font-size: 20px; line-height: 1; text-align: center; font-weight: 700}
.home-slider .left-part img {max-height: 80%; max-width: 80%; margin-bottom: 20px; display: block; margin-left: auto}
.home-slider .right-part {width: 65%; position: relative}
.home-slider .right-part .inner {height: 450px; display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 40px}
.home-slider:after {background: #FE7701; width: 50px; height: 100%; right: 0; top: 0; content: ''; position: absolute; z-index: 2}

.home-first .home-small-banners {width: 370px; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1px}
.home-first .home-small-banners .item {background-repeat: no-repeat; background-size: cover}
.home-first .home-small-banners .item:nth-of-type(2) {grid-row: span 3; background: linear-gradient(#003f77, #0070b8); display: flex; justify-content: center; flex-direction: column; align-items: center; color: #fff; font-size: 30px; text-align: center; font-weight: 700}
.home-first .home-small-banners .item:nth-of-type(2) svg {width: 50px; height: 50px}
.home-first .home-small-banners .item:nth-of-type(5) {grid-column: span 2; background: url(../images/grass.png) 50% 50% no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700}
.home-first .home-small-banners .item:nth-of-type(5) a {background: #024153; color: #fff; height: 40px; line-height: 40px; padding: 0 20px; border-radius: 0px}
.home-first .home-small-banners .item:nth-of-type(5) a:hover {background: #FE7701}

.home-slider .button {width: 285px; margin-top: 30px; background: #FE7701; color: #fff}
.home-slider .button:hover {color: #024153; background: #fff}
.home-slider .swiper-pagination-bullet {opacity: 0.1; height: 10px; width: 10px; border-radius: 50%; background: #fff}
.home-slider .swiper-pagination-bullet-active {opacity: 1}
.home-slider-button-prev, .home-slider-button-next {bottom: 40px; width: 40px; height: 40px; position: absolute; z-index: 1; justify-content: center; cursor: pointer; background: #024153; color: #fff}
.home-slider-button-prev:hover, .home-slider-button-next:hover {background: #FE7701}
.home-slider-button-prev svg, .home-slider-button-next svg {width: 20px}
.home-slider-button-prev {left: 20px}
.home-slider-button-next {left: 80px; transform: rotateZ(180deg)}

.home-cats {margin: 80px 0px; font-size: 14px}
.home-cats .grid {display: grid; grid-gap: 40px; grid-template-columns: repeat(3,1fr)}
.home-cats .img {height: 0; padding-bottom: 60%; position: relative; display: block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat}
.home-cats .item {position: relative}
.home-cats .item h3 {background: #024153; transition: 250ms; width: 70%; color: #fff; line-height: 1.3; height: 50px; padding: 0px 20px; font-size: 15px; position: absolute; left: 0; top: 60%; display: flex; align-items: center; font-weight: 400; border-radius: 0 5px 5px 0; overflow: hidden}
.home-cats .item h3:after {background: #FE7701; width: 10px; height: 100%; top: 0; right: 0; position: absolute; content: ''}
.home-cats .item:hover h3 {background: #FE7701}
.home-cats .item.last {background: #024153; color: #fff}
.home-cats .item.last h3 {background: #FE7701}
.home-cats .item.last h3:after {display: none}
.home-cats .item.last .date {text-align: center; font-size: 30px; writing-mode: vertical-lr; transform: rotateZ(180deg); position: absolute; top: 0; right: 0; height: 100%}
.home-cats .item.last img {position: absolute; top: 50px; left: 25px; width: 100px}

.home-about-slider {background: #f0f0f0}
.home-about-slider .swiper-slide {overflow: hidden}
.home-about-slider .img {width: 50%}
.home-about-slider .text {width: 50%; padding: 40px; height: 330px}
.home-about-slider h2 {margin-top: 0px}
/* HOME */


/* TABS */
.tab-links {border-bottom: 1px solid #dadada; font-size: 15px; margin-bottom: 40px; z-index: 1000; padding-top: 20px}
.tab-links .tab-link {cursor: pointer; position: relative; display: inline-block; line-height: 40px; height: 40px}
.tab-links .tab-link + .tab-link {margin-left: 30px}
.tab-links .tab-link.active, .tab-links .tab-link:hover {color: #000}
.tab-links .tab-link:before {content: ''; left: 0px; bottom: -1px; background: transparent; height: 2px; width: 100%; position: absolute}
.tab-links .tab-link.active:before {background: #000}
/* TABS */


/* STATIC */
.static .left-part {width: 240px; padding: 20px; border-radius: 5px; background: rgb(235 240 243); align-self: start}
.static .left-part .page-menu svg {width: 15px; height: 15px}
.static .left-part .page-menu a {padding: 10px 20px; display: block}
.static .left-part .page-menu li {display: block}
.static .left-part .page-menu li.active > a {background: #024153; color: #fff; border-radius: 5px}
.static .left-part .page-menu li.has-sub > a {display: none}
/*
.static .left-part .page-menu li .level-2 {display: none; transform-origin: top left; transition: 300ms; transform: scaleY(0)}
.static .left-part .page-menu li.active .level-2 {display: block; transform: scaleY(1)}
*/
.static .right-part {width: calc(100% - 280px)}
.static .right-part h2 {margin-top: 40px; margin-bottom: 20px}
.static .right-part h3 {margin-top: 40px; margin-bottom: 20px; color: #024153; line-height: 1.3}
.static .right-part ol {margin-left: 20px}
.static .right-part ul li {padding-left: 20px; position: relative}
.static .right-part ul li:before {content: ''; left: 0; top: 12px; position: absolute; width: 5px; height: 5px; background: #024153}
.static .right-part p {line-height: 1.5}
.static .right-part p + p, .static .right-part ul + p, .static .right-part p + ul {margin-top: 10px}
/* .static .right-part a {font-weight: 700; text-decoration: underline} */
.static .right-part a:hover {color: #FE7701}

.static .table-wrapper {overflow-x: hidden; margin-top: 40px}
.static table {border: none; margin: 0px -15px; width: calc(100% + 30px)}
.static td {border: none; width: 50%; padding: 20px}
/*.static img {height: unset !important; width: unset !important}*/
.static .right-part table h2 {margin-top: 0px}
.static .gray-table {background: #f0f0f0; margin: 0px; width: 100%; table-layout: fixed}
.static .gray-table .no-padding {padding: 0px}
/*
.gallery-slider {width: 100%}
.gallery-slider .swiper-slide {overflow: hidden}
*/
/* STATIC */


.gallery {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px; margin-top: 40px}
.gallery .item {text-decoration: none !important; text-align: center}
.gallery .img {height: 0; cursor: pointer; padding-bottom: 100%; margin-bottom: 10px}
.gallery .title {font-size: 15px; display: block; color: #024153; line-height: 1.3; margin-bottom: 10px}
.gallery .item:hover .title {color: #FE7701}
.gallery a {font-size: 14px; color: #FE7701}
.gallery-video {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 40px; margin-top: 40px}
.gallery-video .item {cursor: pointer}
.gallery-video .img {width: 100%; height: 0; padding-bottom: 80%; position: relative}
.gallery-video .img:after {content: ''; height: 60px; width: 60px; background: url(../images/play.svg) 50% 50% no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; z-index: 10; right: 0; margin: auto; transform: translateY(-50%)}
.gallery-video .title {font-size: 15px; display: block; color: #024153; line-height: 1.3; margin-top: 10px}
.mg-news-full-desc .gallery .title, .mg-news-full-desc .gallery a {display: none}
.mg-news-full-desc .gallery .img {background-size: cover}

/* CART */
.cart-table tr {display: grid; grid-gap: 10px; grid-template-columns: 70px auto 100px 30px}
.small-cart-table tr {display: grid; grid-gap: 10px; grid-template-columns: 70px auto 30px}
.cart-table tr + tr, .small-cart-table tr + tr {margin-top: 40px}
.cart-table .name-cell a, .small-cart-table .name-cell a {color: #000; display: block; font-weight: 400; line-height: 1.3}
.cart-table .price-cell, .small-cart-table .price-cell {margin-top: 5px; color: #6F7F89}
.cart-table .prop-position, .small-cart-table .prop-position {font-size: 14px; line-height: 1.3}
.small-cart-table .qty__inner {font-size: 12px; margin-right: 5px}
.cart-table .cart_form, .small-cart-table .cart_form {width: 100px; margin: 0px}
.cart-table .cart_form input[type=text], .small-cart-table .cart_form input[type=text] {width: 40px; height: 30px; line-height: 30px}
.cart-table .cart_form button, .small-cart-table .cart_form button {width: 30px; height: 30px}
.cart-table .remove-cell a, .small-cart-table .remove-cell a {border: none; border-radius: 50%; justify-content: center; background: none; width: 30px; height: 30px; transition: 250ms; cursor: pointer; transform: rotateZ(45deg)}
.cart-table .remove-cell a:hover, .small-cart-table .remove-cell a:hover {background: #000; color: #fff}
.cart-table .cart_form button svg, .cart-table .remove-cell a svg, .small-cart-table .cart_form button svg, .small-cart-table .remove-cell a svg {width: 8px; height: 8px}
/* CART */


/* MODAL */
.overlay {position: fixed; display: none; z-index: 8000; top: 0px; background: rgba(0,0,0,0.5); width: 100%; height: 100%; left: 0px}
.modal {position: fixed; transition: 300ms; z-index: 9000; top: 0px; background: #fff; width: 600px; right: -600px; height: 100%}
.modal.show {right: 0px}
.modal .inner {padding: 40px 80px; height: 100%}
.modal .close, .catalog .left-part .close {top: 20px; right: 20px; height: 20px; width: 20px; cursor: pointer; position: absolute; z-index: 1}
.modal .overflow-y {}

.modal-cart .h2-like {margin-top: 0px}
.modal-cart .total {height: 20px; line-height: 20px; margin: 20px 0px}
.modal-cart .overflow-y {height: calc(100% - 156px); overflow-y: auto}
.modal-auth {display: flex; justify-content: center; flex-direction: column}
/* MODAL */


/* NEWS */
.mg-news-details .main-news-img {width: 50%}
.mg-news-details h1 {width: calc(100% - 120px); margin-bottom: 40px}
.mg-news-details .main-news-img {margin-top: -40px}
.mg-news-details .date {font-size: 12px; display: block; width: 100px; margin-top: 7px}
.mg-main-news-list {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px}
.mg-main-news-list .mg-list-news-img {height: 0; cursor: pointer; padding-bottom: 100%; margin-bottom: 10px; display: block}
.mg-main-news-list .title {font-size: 15px; text-decoration: none !important; display: block; text-align: center; color: #024153; line-height: 1.3; margin-bottom: 10px}
.mg-main-news-list .mg-main-news-item:hover .title {color: #FE7701}
.mg-main-news-list .date {font-size: 12px; text-align: center; text-decoration: none !important; display: block}
.mg-news-details img {margin: 40px 0}
.mg-news-details .article-button {width: 250px; margin-top: 40px; text-decoration: none !important; background: #FE7701}
.mg-news-details .article-button:hover {background: #024153}
/* NEWS */


/* ORDER */
.body__order .left-part {width: calc(100% - 600px)}
.body__order .right-part {width: 560px}
.body__order .right-part .product-cart {padding: 40px; position: sticky; top: 140px; position: -webkit-sticky}
.body__order .right-part .product-cart:before {position: absolute; content: ''; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.03); pointer-events: none}

.delivery-details-list, .payment-details-list {width: 100%; margin-top: 20px; position: relative; display: grid; grid-gap: 1px; grid-template-columns: repeat(3,1fr)}
.delivery-details-list label, .payment-details-list label {height: 90px; padding: 12px 14px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; position: relative; background: #fff; border: 1px solid #e6e6e6; width: 100%}
.delivery-details-list li:nth-of-type(3n + 2) label, .payment-details-list li:nth-of-type(3n + 2) label {margin-left: -2px}
.delivery-details-list li:nth-of-type(3n + 3) label, .payment-details-list li:nth-of-type(3n + 3) label {margin-left: -4px}
.delivery-details-list label span {width: auto}
.delivery-details-list label:after, .payment-details-list label:after {content: ''; position: absolute; top: -1px; bottom: -1px; z-index: 10; right: -1px; left: -1px; border: 2px solid #000; opacity: 0; transition: 250ms}

.delivery-details-list label.active, .payment-details-list label.active {z-index: 20; background: #000; color: #fff}
.delivery-details-list label.active *, .payment-details-list label.active * {color: #fff !important}
.delivery-details-list label:hover:after, .payment-details-list label:hover:after, .delivery-details-list label.active:after, .payment-details-list label.active:after {opacity: 1}
.delivery-details-list label .deliveryName {font-weight: 700; font-size: 15px; line-height: 1.2; margin-bottom: 2px; text-transform: none; display: block}
.delivery-details-list label .deliveryInfo {font-size: 12px; line-height: 1.2; display: block; color: #6F7F89}
.payment-form-block {margin-bottom: 20px}

.delivery-details-list label .deliveryPrice, .delivery-details-list label .deliveryCurrency {font-weight: 700; font-size: 12px; color: #6F7F89}
.delivery-details-list .delivery-period {font-size: 12px; display: block}
.delivery-details-list input[type=radio], .payment-details-list input[type=radio] {display: none}
.payment-details-list li.notify {grid-column: span 3; color: #FF003D}
.fake {margin-top: 20px}
.body__order .right-part .total-price-block {display: none}
.body__order .left-part .summ-info {font-size: 20px; margin: 20px 0px; color: #000}
/* ORDER */


/* FOOTER */
footer {position: relative; margin-top: 40px; font-size: 14px; background: linear-gradient(to right, #024153 calc(100% - 50px), #FE7701 calc(100% - 50px)); color: #fff}

footer .top-part{padding-top: 70px; padding-bottom: 70px; }
footer .top-part-wrapper.grid{gap: 10px; display: grid; grid-template-columns: auto max-content; align-items: flex-start; justify-content: space-between}
footer .logo-text-block{height: 100%;}
footer .right-block{height: max-content;}
footer .logo-text-block.flex{ display: flex; flex-direction: column; justify-content: space-between;}
footer .logo-text-block{color: #989898;}
footer .logo-text-block .text-part a{border-bottom: 1px solid transparent; width: max-content;}
footer .logo-text-block svg {width: 80px;height: 43px; color: #fff;}

footer .center-block.flex{display: flex; justify-content: flex-start; flex-wrap: nowrap;}
footer .ul-wrapper.flex{justify-content: flex-start; display: flex; flex-direction: column;gap: 20px; margin-right: 40px}
footer .ul-wrapper:nth-child(3){margin-right: 0;}
footer .footer-ul.flex{display: flex; flex-direction: column; gap: 15px; line-height: 1.3}
footer .toggle-list{font-weight: 700; text-transform: uppercase; font-weight: 700;}

footer .download-pdf {border: 1px solid #fff; color: #fff; padding: 25px; position: relative; border-radius: 10px;}
footer .download-pdf.flex {display: flex; flex-direction: column; justify-content: space-between; gap: 35px; align-items: center; max-width: 280px;}
footer .download-pdf .download-btn svg{transition: all 0.3s ease;width: 20px;height: 20px; color: #fff; filter: brightness(0) invert(1)}
footer .download-pdf .download-btn.flex{position: relative; justify-content: center; width: 100%; z-index: 1; align-items: center; gap: 10px;}
footer .download-pdf .download-btn{transition: all 0.3s ease; font-weight: 700; line-height: 1.4; padding: 10px 20px; background: #FE7701; border-radius: 10px; text-transform: uppercase; color: #fff}
footer .download-pdf .title{font-size: 20px; line-height: 1.1;}
footer .download-pdf img{position: absolute; right: 0; bottom: 0; max-height: 180px;}

footer .bottom-part {padding-top: 15px; line-height: 1.5; padding-bottom: 15px}
footer .bottom-part .cookies {opacity: 0.3; font-size: 14px}
footer .bottom-part .belka {width: 30px; height: 14px; opacity: 0.3}
footer .logo-text-block .text-part.flex{flex-direction: column;}
footer .categories ul {column-count: 2; column-gap: 30px}
footer .categories ul li {margin-bottom: 15px; line-height: 1.3}
/* FOOTER */


@media (hover: hover){
  footer .bottom-part .belka:hover {opacity: 1}
  footer .logo-text-block .text-part a:hover{border-bottom: 1px solid #989898;}
  footer .ul-wrapper a:hover{opacity: 0.7;}
  /* footer .download-pdf:hover{background-color: #fff; color: #192536;} */
  footer .download-pdf:hover .download-btn{border-color: #192536; background-color: #fff; color: #192536;}
  footer .download-pdf:hover .download-btn svg {filter: unset}
}
/* FOOTER */


@media screen and (max-width: 1139px) {
	body {font-size: 15px}
	.product-wrapper .title {font-size: 14px}
	.home-cats .item h3 {width: 80%; height: 40px; line-height: 1.1}
  .home-cats .grid {grid-gap: 20px}
  .home-slider:after, header:after {width: 40px}
  footer {background: linear-gradient(to right, #024153 calc(100% - 40px), #FE7701 calc(100% - 40px))}
  .max {padding: 0 40px}
  header .max, footer .max {padding: 0 60px}
  .home-slider .title {font-size: 32px}
  .button {height: 40px; line-height: 40px}
}



@media screen and (min-width: 1024px) {
.menu-block .level-2 {border-radius: 5px; visibility: hidden; left: 50%; z-index: 1; transform-origin: top left; position: absolute; transition: 300ms; transform: translateX(-50%) scaleY(0); padding: 10px 0px 10px 0px; background: #024153; color: #fff; border: 2px solid #FE7701}
.menu-block .level-2:before {position: absolute;  left: 50%; width: 0; height: 0; top: -10px; margin-left: -10px; content: ''; z-index: -1; border-bottom: 10px solid #FE7701; border-right: 10px solid transparent; border-left: 10px solid transparent}
.menu-block .level-2 li a {display: block; padding: 0px 20px; height: 40px; line-height: 40px; font-size: 14px}
.menu-block .level-2 a:hover {background: #FE7701}
.menu-block .has-sub:hover .level-2 {visibility: visible; transform: translateX(-50%) scaleY(1)}
.menu-block ul + ul, .menu-block > ul > li + li {margin-left: 30px}
}

@media screen and (max-width: 1023px) {
header, header.fixed {height: 70px}
body {padding-top: 110px !important; font-size: 14px}
.static .left-part {width: 200px}
.static .right-part {width: calc(100% - 240px)}
.home-cats .grid, .by-3, .mg-main-news-list, .gallery {grid-template-columns: repeat(2,1fr); grid-gap: 20px}
.catalog .right-part {width: 100%}
.product-details-block .left-part {width: 100%}
.product-details-block .right-part {width: 100%}
.tablet-show {display: block !important}
.tablet-hide {display: none !important}
.menu-block {position: fixed; overflow-y: auto; right: -100%; top: 70px; width: 100%; height: calc(100% - 70px); transition: 300ms; background: #024153; padding: 20px 60px; display: block; color: #fff}
.menu-block.show {right: 0px}
.menu-block li {width: 100%}
.menu-block li a {height: 40px; line-height: 40px; display: block}
.menu-block > ul > li > a {height: 50px; line-height: 50px}
.home-slider .left-part {width: 30%}
.home-slider .right-part {width: 70%}
.home-slider .title, h1 {font-size: 26px}
.home-slider .right-part:before, .home-slider .right-part:after {width: 10px}
.search-block {left: 20px; right: 20px; width: calc(100% - 40px)}
header .logo-block {height: 30px; margin-right: auto}
.catalog .left-part {position: fixed; transition: 300ms; width: 100%; right: -100%; top: 0px; height: 100%; background: #fff; z-index: 9000; padding: 40px 20px}
.catalog .left-part.show {right: 0}
.catalog .left-part {border-radius: 0; padding: 60px 20px 40px 20px}
.filter-form {height: 100%; overflow-y: auto}
.catalog .right-part {width: 100%}
.top-description {padding: 20px}
.home-slider .right-part .inner, .home-slider .left-part {height: 400px}
header .search-block .max {padding: 0 10px}
}

@media screen and (max-width: 767px) {
footer .top-part-wrapper.grid {grid-template-columns: 100%; gap: 40px}
footer .download-pdf {padding: 0; border: none}
footer .download-pdf.flex {gap: 20px; align-items: unset}
footer .download-pdf .title {font-size: 14px; text-transform: uppercase}
footer .center-block.flex {flex-wrap: wrap; gap: 40px}
footer .bottom-part .cookies {font-size: 12px; margin-bottom: 10px}
footer .top-part {padding: 40px 0}
footer .ul-wrapper.flex {margin-right: 0}
footer .ul-wrapper.flex {width: 100%}
.max {padding: 0 20px}
.search-block {margin: 20px 0; width: 100%; left: 0; right: 0; margin: 0; background: #024153}
header .max, footer .max {padding: 0 40px 0 20px}
header .search-block .max {padding: 0 20px}
.search-block input[type=search] {border-radius: 5px}
.cats ul {gap: 5px}
.home-slider:after, header:after {width: 20px}
footer {background: linear-gradient(to right, #024153 calc(100% - 20px), #FE7701 calc(100% - 20px))}
body {font-size: 14px}
h1 {font-size: 20px; margin-bottom: 20px}
h2, .h2-like, .home-slider .title {font-size: 18px}
header {height: 60px}
body {padding-top: 60px !important}
body.body__noindex:not(.body__catalog):not(.body__product) {padding-top: 80px !important}
.mobile-show {display: block !important}
.mobile-hide {display: none !important}
.product-details-block .right-part {width: 100%}
.product-details-block .left-part .product-slider {width: 100%}
footer .categories ul {column-count: unset}
.body__order .left-part {width: 100%; order: 2}
.body__order .right-part {width: calc(100% + 30px); margin: 0px -15px; order: 1; position: static}
.body__order .right-part .product-cart {padding: 20px}
.home-slider {margin-left: 0px; margin-right: 0px; margin-bottom: 40px}
.home-cats .grid {grid-template-columns: 100%}
.by-3 {grid-template-columns: 100%; grid-gap: 20px}
.product-wrapper .title {font-size: 14px; height: unset}
.bread-crumbs {display: none}
.product-wrapper {box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.product-details-block .full-desc .table-wrapper {margin-top: -40px}
.product-details-block .full-desc tr {display: flex; flex-wrap: wrap}
.product-details-block .full-desc td {display: block; width: 100%; padding: 0px 20px}
.product-details-block .full-desc table tr:nth-of-type(odd) td:nth-of-type(2) {order: 1}
.product-details-block .full-desc table tr:nth-of-type(odd) td:nth-of-type(1) {order: 2}
.product-details-block .full-desc img {margin-top: 40px}
.product-details-block .full-desc table h2 {margin: 15px 0px}
.tab-links {font-size: 13px; margin-bottom: 20px; top: 60px; padding-top: 0px; margin-top: 20px}
.tab-links .tab-link + .tab-link {margin-left: 15px}
.product-details-block .right-part h1 {font-size: 20px; margin-bottom: 20px}
.product-details-block .right-part .h2-like {margin-bottom: 0px; font-size: 18px; margin-top: 20px}
.product-details-block .right-part .available {font-size: 10px}
.home-cats {margin: 40px 0px}
.top-description {margin: 0px -15px; padding: 15px 15px}
.top-description h1 {margin-bottom: 0; font-size: 18px}
.menu-block li a {padding: 0 15px}
.static .table-wrapper {margin-top: 20px}
.static tr {display: flex; flex-wrap: wrap}
.static td {display: block; width: 100%; padding: 0px 20px}
.static tr:nth-of-type(odd) td:nth-of-type(2) {order: 1}
.static tr:nth-of-type(odd) td:nth-of-type(1) {order: 2}
.static img {margin-top: 40px}
.static .right-part table h2, .static .right-part table h1 {margin: 15px 0px}
.prop-string {column-count: unset}
.product-details-block .right-part .buttons-block .button {width: 100%}
.product-details-block .right-part .buttons-block .button + .button {margin-left: 0; margin-top: 5px}

.home-slider .inner {height: 330px; padding-left: 20px; padding-right: 40%}
.delivery-details-list, .payment-details-list {grid-template-columns: 100%}
.delivery-details-list li:nth-of-type(3n + 2) label, .payment-details-list li:nth-of-type(3n + 2) label, .delivery-details-list li:nth-of-type(3n + 3) label, .payment-details-list li:nth-of-type(3n + 3) label {margin-left: 0px; margin-top: -2px}
.form-list.grid {grid-template-columns: 100%}
.modal {width: 100%; right: -100%}
.modal .inner {padding: 40px 20px}
.product-wrapper .product-price {font-size: 13px}
.product-wrapper .old-price {font-size: 11px}
.product-wrapper .stickers {left: 0; top: 20px; font-size: 10px}
.product-wrapper .like, .product-wrapper .unlike {top: 10px; right: 10px}
.product-wrapper .code {font-size: 11px}
.modal .h2-like {line-height: 1}
.product-details-block .right-part .block-variants .color {width: 24px; height: 24px}
.product-details-block .right-part .block-variants .color:before {width: 26px; height: 26px}
.delivery-details-list label, .payment-details-list label {height: 70px}
.static .left-part {width: 100%; margin-bottom: 20px}
.static .left-part .page-menu {border-right: none; padding: 0px}
.static .left-part .page-menu a {padding: 0px 10px; height: 40px; line-height: 40px}
.static .right-part {width: 100%}


.cart-table tr {grid-template-columns: 50px auto 90px 25px}
.cart-table .cart_form, .small-cart-table .cart_form {width: 90px}
.cart-table .cart_form button, .small-cart-table .cart_form button, .cart-table .remove-cell a, .small-cart-table .remove-cell a {width: 25px; height: 25px}
.cart-table .cart_form input[type=text], .small-cart-table .cart_form input[type=text] {width: 40px; height: 25px; line-height: 25px}
footer {margin-top: 40px}
footer .contacts {width: 100%}
footer .contacts > div {width: 100%; text-align: center}
footer .social {justify-content: center; margin-top: 10px}
footer .phone {margin-right: 0px}
main {min-height: calc(100vh - 200px)}
.home-about-slider .img {height: 330px; width: 100%}
.home-about-slider .text {width: 100%; padding: 20px}
.home-cats .inner {position: static}
.menu-block {top: 60px; padding: 0}
.home-slider {padding: 40px 0; margin: -20px 0 0 0}
.home-slider .right-part .inner {padding: 0; text-align: center; height: unset}
.home-slider .left-part {width: 100%; height: unset}
.home-slider .left-part img {max-width: 90%; max-height: 90%; margin: 0 auto}
.home-slider .right-part:before, .home-slider .right-part:after {display: none}
.home-slider .right-part {background: transparent}
.home-first {margin-top: 0}
.home-slider .right-part {width: 100%}
.home-slider .button {width: 180px; margin: 20px auto 0 auto}
.home-slider .swiper-pagination-bullet {background: #fff}
.product-details-block .top-description h1 {font-size: 20px; margin-top: 0; margin-bottom: 0}
.custom-swiper-pagination {height: unset; width: 100%; margin-left: 0; margin-top: 20px; flex-direction: unset}
.product-details-block .product-slider {width: 100%}
.custom-swiper-pagination .swiper-pagination-bullet {height: 60px; width: 60px}

.home-cats .grid, .by-3, .mg-main-news-list, .gallery {grid-template-columns: 100%}
.mg-news-details h1 {width: 100%; margin-bottom: 0}
.mg-news-details .date {width: 100%; margin-bottom: 30px}
.mg-news-details .article-button {width: 100%}
.gallery-video {grid-template-columns: 100%}
}


.banner-link span:after {
    position: absolute;
    content: '';
    display: block;
    bottom: -5px;
    width: 0px;
    background: #000;
    height: 1px;
    left: 0px;
    transition: 300ms;
}

.banner-link:hover span:after {
  width: 100%;
}
.banner-link span {
  position: relative;
  

}