@-webkit-keyframes swiper-preloader-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: 'Play';
    src: url(Play-Bold.woff2) format("woff2"), url(Play-Bold.woff) format("woff");
    src: local("Play-Bold"), local("Montserrat-Medium"), url(../fonts/Play-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Play';
    src: url(Play-Regular.woff2) format("woff2"), url(Play-Regular.woff) format("woff");
    src: url(Play-Regular.woff2) format("woff2"), url(Play-Regular.woff) format("woff");
    src: local("Play-Regular"), local("Play-Regular"), url(../fonts/Play-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

html.hc-nav-yscroll {
    overflow-y: scroll
}

body.hc-nav-open {
    overflow: visible;
    position: fixed;
    width: 100%;
    min-height: 100%
}

.hc-offcanvas-nav {
    visibility: hidden;
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999;
    text-align: left
}

.hc-offcanvas-nav.is-ios * {
    cursor: pointer !important
}

.hc-offcanvas-nav .nav-container {
    position: fixed;
    z-index: 9998;
    top: 0;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    transition: transform .4s ease
}

.hc-offcanvas-nav .nav-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.hc-offcanvas-nav .nav-content {
    height: 100%
}

.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box
}

.hc-offcanvas-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: column
}

.hc-offcanvas-nav li {
    position: relative;
    display: block;
    color: #fff
}

.hc-offcanvas-nav li.level-open > .nav-wrapper {
    visibility: visible
}

.hc-offcanvas-nav li:not(.custom-content) a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none
}

.hc-offcanvas-nav li:not(.custom-content) a[disabled] {
    cursor: not-allowed
}

.hc-offcanvas-nav li:not(.custom-content) a:hover {
    text-decoration: none
}

.hc-offcanvas-nav input[type=checkbox] {
    display: none
}

.hc-offcanvas-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer
}

.hc-offcanvas-nav .nav-item-wrapper {
    position: relative
}

.hc-offcanvas-nav .nav-item-link {
    position: relative;
    display: block;
    box-sizing: border-box
}

.hc-offcanvas-nav .nav-item-link span {
    font-family: "Montserrat", sans-serif;
    color: #333;
    font-weight: 600
}

.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus, .hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus {
    outline: 0
}

.hc-offcanvas-nav .nav-back:focus, .hc-offcanvas-nav .nav-close:focus, .hc-offcanvas-nav .nav-next:focus {
    z-index: 10
}

.hc-offcanvas-nav .nav-wrapper::after, .hc-offcanvas-nav.disable-body::after {
    content: '';
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease .4s, opacity .4s ease
}

.hc-offcanvas-nav.disable-body::after {
    position: fixed
}

.hc-offcanvas-nav .nav-wrapper::after {
    position: absolute
}

.hc-offcanvas-nav .sub-level-open::after, .hc-offcanvas-nav.disable-body.nav-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: .05s
}

.hc-offcanvas-nav:not(.nav-open)::after {
    pointer-events: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
    display: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {
    max-height: 100vh
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 > .nav-content, .hc-offcanvas-nav.nav-levels-overlap .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
    max-height: 100vh
}

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    transition: height 0s ease .4s
}

.hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {
    max-height: none;
    overflow: visible;
    visibility: visible
}

.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {
    max-height: 100vh
}

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease .4s, transform .4s ease
}

.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
    position: static
}

.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: transform .4s ease
}

.hc-offcanvas-nav.nav-position-left, .hc-offcanvas-nav.nav-position-left .nav-container {
    left: 0
}

.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(-100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-right, .hc-offcanvas-nav.nav-position-right .nav-container {
    right: 0
}

.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    transform: translate3d(100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-top {
    top: 0
}

.hc-offcanvas-nav.nav-position-top .nav-container {
    top: 0;
    width: 100%
}

.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(0, -100%, 0)
}

.hc-offcanvas-nav.nav-position-bottom {
    top: auto;
    bottom: 0
}

.hc-offcanvas-nav.nav-position-bottom .nav-container {
    top: auto;
    bottom: 0;
    width: 100%
}

.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(0, 100%, 0)
}

.hc-offcanvas-nav.nav-open[class*=hc-nav-] div.nav-container {
    transform: translate3d(0, 0, 0)
}

.hc-offcanvas-nav.rtl {
    text-align: right;
    direction: rtl
}

.hc-nav-trigger {
    position: static;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    top: 20px;
    z-index: 9980;
    width: 35px;
    min-height: 24px;
    background-image: url(../img/hamb.svg)
}

.hc-nav-trigger span, .hc-nav-trigger span::after, .hc-nav-trigger span::before {
    display: block;
    position: absolute;
    left: 0;
    height: 4px;
    background: #34495e;
    transition: all .2s ease
}

.hc-nav-trigger span {
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
    width: 30px
}

.hc-nav-trigger span::after, .hc-nav-trigger span::before {
    content: '';
    width: 100%
}

.hc-nav-trigger span::before {
    top: -10px
}

.hc-nav-trigger span::after {
    bottom: -10px
}

.hc-nav-trigger.toggle-open span {
    background: 0 0;
    transform: rotate(45deg)
}

.hc-nav-trigger.toggle-open span::before {
    transform: translate3d(0, 10px, 0)
}

.hc-nav-trigger.toggle-open span::after {
    transform: rotate(-90deg) translate3d(10px, 0, 0)
}

.hc-offcanvas-nav {
    font-family: sans-serif
}

.nav-content .nav-back .nav-back-button {
    background: #d7d8df;
    background: #fbfbfb;
    font-weight: 600
}

.hc-offcanvas-nav .nav-wrapper::after, .hc-offcanvas-nav::after {
    background: rgba(0, 0, 0, .3)
}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
    background: #e3e4eb;
    background: #ffffff;
}

.hc-offcanvas-nav .nav-content > h2, .hc-offcanvas-nav .nav-content > h3, .hc-offcanvas-nav .nav-content > h4, .hc-offcanvas-nav .nav-content > h5, .hc-offcanvas-nav .nav-content > h6 {
    font-size: 17px;
    font-weight: 500;
    padding: 0 30px;
    color: #3AB7EC;
    font-family: "Montserrat", sans-serif
}

.hc-offcanvas-nav .nav-content > h2:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h3:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h4:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h5:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h6:not(.nav-title):not(.level-title) {
    font-size: 16px;
    padding: 15px 17px;
    background: #336ca6
}

.hc-offcanvas-nav .nav-back a, .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a {
    padding: 14px 30px;
    font-size: 14px;
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    z-index: 1;
    background: 0 0;
    border-bottom: 1px solid #bed0e2;
    transition: background .1s ease
}

.hc-offcanvas-nav .nav-back a:focus, .hc-offcanvas-nav .nav-back a:focus-within, .hc-offcanvas-nav .nav-item-link:focus, .hc-offcanvas-nav .nav-item-link:focus-within, .hc-offcanvas-nav li.nav-close a:focus, .hc-offcanvas-nav li.nav-close a:focus-within {
    z-index: 10
}

.hc-offcanvas-nav .nav-back a[disabled], .hc-offcanvas-nav .nav-item-link[disabled], .hc-offcanvas-nav li.nav-close a[disabled] {
    color: rgba(255, 255, 255, .5)
}

.hc-offcanvas-nav div.nav-back + ul > li:first-child > .nav-item-wrapper > .nav-item-link {
    border-top: none !important
}

.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
    background: #31679e
}

.hc-offcanvas-nav .nav-custom-content {
    padding: 14px 17px;
    font-size: 14px;
    border-bottom: 1px solid #bed0e2
}

.hc-offcanvas-nav .nav-highlight, .hc-offcanvas-nav.nav-levels-expand li.level-open, .hc-offcanvas-nav.nav-levels-none li.level-open {
    background: #2e6296
}

.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link + a {
    border-top: 1px solid #bed0e2
}

.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:not(:last-child) {
    border-bottom: 2px solid #bed0e2
}

.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h2, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h3, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h4, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h5, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h6 {
    margin-top: -2px
}

.hc-offcanvas-nav .nav-wrapper > .nav-content > h2 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h3 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h4 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h5 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h6 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
    border-top: 1px solid #bed0e2
}

.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h2, .hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h3, .hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h4, .hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h5, .hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h6, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h2, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h3, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h4, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h5, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h6, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h2, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h3, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h4, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h5, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h6 {
    border-top: 1px solid #bed0e2
}

.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
    padding-right: 58px
}

.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child) {
    margin-right: 45px
}

.hc-offcanvas-nav .nav-parent .nav-next {
    background-image: url(../img/nav-arrow.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hc-offcanvas-nav .nav-back span, .hc-offcanvas-nav .nav-close-button span {
    background-image: url(../img/nav-close.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hc-offcanvas-nav .nav-close-button span:after, .hc-offcanvas-nav .nav-close-button span:before, input[type=checkbox], input[type=radio] {
    display: none
}

.hc-offcanvas-nav .nav-back span {
    background-image: url(../img/nav-arrow.svg);
    transform: rotate(180deg)
}

.hc-offcanvas-nav .nav-back span, .hc-offcanvas-nav .nav-close-button span, .hc-offcanvas-nav .nav-parent .nav-next {
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .1s ease
}

.hc-offcanvas-nav .nav-close-button {
    position: relative;
    display: block
}

.hc-offcanvas-nav .nav-close-button span::after, .hc-offcanvas-nav .nav-close-button span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

.hc-offcanvas-nav .nav-close-button span::before {
    margin-left: -9px;
    transform: rotate(135deg)
}

.hc-offcanvas-nav .nav-close-button span::after {
    transform: rotate(-45deg)
}

.hc-offcanvas-nav .nav-content > .nav-close {
    position: relative;
    z-index: 2
}

.hc-offcanvas-nav .nav-content > .nav-close a {
    font-size: 14px;
    color: #fff;
    background: 0 0;
    z-index: 1;
    text-decoration: none;
    box-sizing: border-box
}

.hc-offcanvas-nav .nav-content > .nav-close a:not(.has-label) {
    height: 50px
}

.hc-offcanvas-nav .nav-content > .nav-close a.has-label {
    padding: 14px 17px;
    border-top: 1px solid #bed0e2
}

.hc-offcanvas-nav .nav-content > .nav-close a:hover {
    border: 0;
    background: radial-gradient(farthest-corner at top right, rgba(0, 0, 0, .1), transparent)
}

.hc-offcanvas-nav .nav-content > .nav-close.has-label + ul {
    margin-top: -1px
}

.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content > .nav-close {
    margin-bottom: -1px
}

.hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label) {
    position: absolute;
    width: 45px;
    height: 66px;
    line-height: 66px;
    top: -66px;
    right: 0
}

.hc-offcanvas-nav.nav-close-button-empty .nav-title {
    padding-right: 55px
}

.hc-offcanvas-nav li.nav-close a:not(.has-label) {
    height: 49px
}

.hc-offcanvas-nav .nav-back a, .hc-offcanvas-nav .nav-content > .nav-close:first-child a, .hc-offcanvas-nav .nav-title + .nav-close a.has-label, .hc-offcanvas-nav li.nav-close a {
    background: #e3e4eb;
    background: #ffffff;
    border-top: 1px solid #bed0e2
}

.hc-offcanvas-nav .nav-back a:hover, .hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover, .hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover, .hc-offcanvas-nav li.nav-close a:hover {
    background: #2e6195
}

.hc-offcanvas-nav li.nav-back:not(:first-child) a, .hc-offcanvas-nav li.nav-close:not(:first-child) a {
    margin-top: -1px
}

.hc-offcanvas-nav a.nav-next {
    border-left: 1px solid #bed0e2
}

.hc-offcanvas-nav .nav-next span::before {
    margin-left: -2px
}

.hc-offcanvas-nav .nav-back span::before, .hc-offcanvas-nav .nav-next span::before {
    display: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform-origin: center
}

.hc-offcanvas-nav .nav-next span {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.hc-offcanvas-nav .nav-next span::before {
    transform: translate(-50%, -50%) rotate(135deg)
}

.hc-offcanvas-nav .nav-back span::before, .hc-offcanvas-nav.nav-position-right .nav-next span::before {
    margin-left: 2px;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, .2)
}

.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper {
    box-shadow: -1px 0 2px rgba(0, 0, 0, .2)
}

.hc-offcanvas-nav.nav-position-right .nav-back span::before {
    margin-left: -2px;
    transform: translate(-50%, -50%) rotate(135deg)
}

.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.hc-offcanvas-nav.nav-position-top .nav-next span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-position-bottom .nav-next span::before, .hc-offcanvas-nav.nav-position-top .nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .2)
}

.hc-offcanvas-nav.nav-position-bottom .nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none ul .nav-wrapper {
    box-shadow: none;
    background: 0 0
}

.hc-offcanvas-nav a.nav-next, .hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a {
    border-bottom: 1px solid #bed0e2
}

.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a:hover, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a:hover {
    background: #2f649a
}

.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > .nav-next span::before, .hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a > .nav-next span::before, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > .nav-next span::before, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a > .nav-next span::before {
    margin-top: -2px;
    transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link {
    padding-left: calc(17px + 20px * 1)
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link {
    padding-left: calc(17px + 20px * 2)
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link {
    padding-left: calc(17px + 20px * 3)
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link {
    padding-left: calc(17px + 20px * 4)
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link {
    padding-left: calc(17px + 20px * 5)
}

.hc-offcanvas-nav.rtl a.nav-next {
    border-left: none;
    border-right: 1px solid #bed0e2
}

.hc-offcanvas-nav.rtl .nav-back span, .hc-offcanvas-nav.rtl .nav-close-button span, .hc-offcanvas-nav.rtl .nav-next, .hc-offcanvas-nav.rtl .nav-title + .nav-close a:not(.has-label) {
    left: 0;
    right: auto
}

.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child {
    padding-left: 58px;
    padding-right: 17px
}

.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child) {
    margin-left: 45px;
    margin-right: 0
}

.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link {
    padding-right: calc(17px + 20px * 1)
}

.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link {
    padding-right: calc(17px + 20px * 2)
}

.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link {
    padding-right: calc(17px + 20px * 3)
}

.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link {
    padding-right: calc(17px + 20px * 4)
}

.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link {
    padding-right: calc(17px + 20px * 5)
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body, ul {
    margin: 0;
    padding: 0
}

body {
    font-family: "Montserrat", sans-serif;
    color: #333
}

.wrapper {
    padding-top: 98px;
    /*overflow-x: hidden;*/
}

@media (max-width: 1024px) {
    .wrapper {
        padding-top: 127px
    }
}

@media (max-width: 768px) {
    .wrapper {
        padding-top: 111px
    }
}

@media (max-width: 320px) {
    .wrapper {
        padding-top: 107px
    }
}

.container, .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.container-fluid {
    padding-right: 60px;
    padding-left: 60px
}

@media (max-width: 1680px) {
    .container-fluid {
        padding-right: 40px;
        padding-left: 40px
    }

}

@media (max-width: 767px) {
    .container-fluid {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width: 1680px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1350px
    }
}

ul {
    list-style: none
}

a {
    text-decoration: none
}

a.text--red {
    color: #ec0000
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.p-title {
    font-size: 62px;
    line-height: 70px;
    font-family: "Play", sans-serif;
    font-weight: 400;
    margin: 30px 0
}
h2.p-title {
    font-size: 50px;
    line-height: 60px;
    font-family: "Play", sans-serif;
    font-weight: 400;
}
@media ((max-width: 1024px)) {
    h2.p-title {
				font-size: 40px;
				line-height: 50px;
		}
}
.h3-title {
    font-family: "Play", sans-serif;
    font-size: 38px;
    line-height: 44px;
    margin-top: 0;
    font-weight: 400;
}
.h1-title {
    font-size: 62px;
    line-height: 70px;
    font-family: "Play", sans-serif;
    font-weight: 400;
    text-align: center;
    margin: 30px 0;
}
.catalog__sidebar .catalog__sidebar-list li.active:after, .catalog__sidebar .catalog__sidebar-list li a:hover:after {
    /*content: '';*/
    content: url(../img/list-arrow.svg);
}
.catalog__sidebar-list li a.active {
    color: #EC0000;
    font-weight: 500;
}
.h3-title-blue {
    font-family: "Play", sans-serif;
    font-size: 38px;
    line-height: 44px;
    font-weight: 400;
    color: #17AAE9;
    margin: 20px 0;
}
.link-catalog {
    font-size: 18px;
    line-height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 20px;
}
.link-catalog:before {
    content: '';
    background: url(/HTML/img/download.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
}
.link-catalog:hover {
    color: #EC0000;
}
.link-catalog:hover:before {
    background: url(/HTML/img/download-a.svg);
}
.item__address p {
    margin-top: 0;
    margin-bottom: 15px;
}
.item__numbers p {
    margin-top: 0;
}
.contacts__item-link {
    margin-top: 0;
}
@media (max-width: 1200px) {
    .p-title {
        font-size: 50px;
        line-height: 54px;
    }
}
@media (max-width: 768px) {
    .p-title {
        font-size: 36px;
        line-height: 44px;
        margin: 10px 0;
				
    }
}

@media (max-width: 375px) {
    .p-title {
        font-size: 30px;
        line-height: 32px;
    }
}

.s-title {
    font-size: 52px;
    font-family: "Play", sans-serif;
    font-weight: 400;
    margin: 0 0 40px;
    text-align: center
}

.footer__nav ul a, .s-title--light {
    color: #fff
}

@media (max-width: 768px) {
    .s-title {
        font-size: 30px
    }
}

.t-title {
    font-size: 38px;
    font-family: "Play", sans-serif;
    font-weight: 400;
    margin: 0 0 15px
}

.button {
    font-size: 13px;
    color: #ec0000;
    border: 1px solid #ec0000;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    padding: 11px 38px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    transition: .3s;
    text-align: center;
}

.button:hover {
    background-color: #A60000;
    border: 1px solid #A60000;
    color: #fff;
}

.button--light {
    color: #fff;
    border: 1px solid #fff
}

.button.button--light:hover {
    background-color: #fff;
    color: #333;
    border: 1px solid #fff;
}

.button--grey {
    color: #848484;
    border: 1px solid #848484;
    background-color: #fff;
}

.button.button--grey:hover {
    color: #fff;
    border: 1px solid #848484;
    background-color: #848484;
}

.button--blue {
    color: #fff;
    border: 1px solid #37B3E8;
    background-color: #37B3E8;
}

.button.button--blue:hover {
    background-color: #093E78;
    border: 1px solid #093E78;
    color: #fff;
}

.breadcrumbs, .personal {
    flex-direction: row
}

.breadcrumbs {
    display: flex;
    margin-top: 30px
}
.sticky-block { 
    padding: 30px 40px;
    background: #EAEAEA;
}
@media(min-width: 1200px) {
    .checkout__info {
        position: relative;
    }
    .sticky-block {
        position: -webkit-sticky;
        position: sticky;
        top: 100px;
        
    }
}

@media(max-width: 1024px) {
    .breadcrumbs li:last-child {
    	display: none;
    }
}
.breadcrumbs li, .pagination-item a {
    display: inline-block;
    position: relative
}

.breadcrumbs li {
    padding: 0 5px 0 10px
}

.breadcrumbs li:before {
    position: absolute;
    content: "|";
    left: 0;
    top: 0;
    width: 10px;
    height: 9px;
}
.breadcrumbs li:first-child::before {
    content: none;
}
.breadcrumbs li:first-child {
    padding: 0 5px 0 0px;
}
.breadcrumbs li:first-child a:before {
    
    content: url(/HTML/img/home.svg);
    width: 20px;
    height: 20px;
    color: #848484;
}
.breadcrumbs a {
    font-size: 16px;
    line-height: 18px;
    color: #848484;
    display: block;
    width: max-content;
}
@media(max-width: 768px) {
    .breadcrumbs a {
        font-size: 12px;
        line-height: 15px;
    }
}
.pagination {
    margin-bottom: 80px;
    margin-top: 60px;
}

.pagination-list {
    justify-content: center
}

.pagination-item a {
    margin: 0 14px;
    font-size: 20px;
    line-height: 28px;
    color: #707070
}

.pagination-item a.active {
    color: #d90000
}

.pagination-item a.active:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #d90000
}

.subsection-list {
    margin-bottom: 20px
}
.subsection-list .button {
    color: #ffffff;
    padding: 15px;
    font-size: 13px;
    line-height: 100%;
}
.subsection-list .button:hover {
    color: #fff;
}
.subsection-list li:hover a.button {
    color: #ffffff!important;
}
.subsection-list > ul {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    position: relative;
    padding-bottom: 8px;
    flex-wrap: wrap;
}
.history .subsection-list > ul {
    justify-content: space-between;
}
.subsection-list > ul > li > a {
    color: #848484;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    position: relative
}

.subsection-list > ul > li > a.active, a {
    color: #333;

}

.subsection-list > ul > li > a:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -8px;
    width: 100%;
    border-bottom: 1px dashed transparent;
}

.subsection-list > ul > li.active:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -8px;
    width: 100%;
    border-bottom: 1px dashed #333;
}

.subsection-list > ul > li:hover:after {
    border-bottom: 1px dashed #333;
}

.subsection-list > ul > li > a.active + .aside-list__mobile {
    display: block
}

.aside-list__mobile {
    position: relative;
    margin-top: -20px;
    display: none;
}

.aside-list__mobile-inner.active {
    display: block;
}

.aside-list__mobile-inner {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #EAEAEA;
}

.aside-list__mobile .aside-list {
    padding: 25px 0;
    background: #eaeaea;
    gap: 15px
}

.aside-list__mobile .aside-list__item {
    padding-left: 40px
}

.aside-list__mobile .aside-list__item a {
    font-size: 16px
}

.aside-list__mobile .aside-list__item a.active:before {
    top: 2px;
    left: -25px;
    transform: rotate(0)
}


label, ul {
    display: flex
}

label .text {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input:not([type=checkbox],[type=radio],[type=submit]) {
    border: 0;
    background: 0 0;
    outline: 0
}

.checkbox-style {
    position: relative;
    display: flex;
    flex-shrink: 0;
    margin-right: 10px
}

.checkbox-style:after {
    content: url(../img/accept.svg);
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: .2s
}

.checkbox-style--dark {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #e9e9e9
}

.checkbox-style--dark:after {
    top: 0;
    left: 0
}

.checkbox-style--light {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #a0a0a0
}

.checkbox-style--light:after {
    top: 4px;
    left: 3px
}

input:checked + .checkbox-style:after {
    transform: scale(1)
}

.basic-form label, .basic-form label input {
    color: #333;
    font-family: "Montserrat", sans-serif;
    line-height: 18px
}

.basic-form label {
    background: #fff;
    border: 1px solid #bdbdbd;
    padding: 7px 17px;
    margin-bottom: 16px;
    flex-direction: column;
    position: relative;
    font-size: 16px
}
.basic-form label.field-label-2 {
    border: none;
    padding: 0;
    background: transparent;
}
.basic-form label.basic-form__privacy, .basic-form label.basic-form__subscribe {
    background: 0 0;
    border: 0;
    flex-direction: row;
    padding: 0
}

.basic-form label.basic-form__privacy .text, .basic-form label.basic-form__subscribe .text {
    color: #545454;
    line-height: 24px
}

.basic-form label.file-upload {
    background: url(../img/paperclip_red.svg) 0 7px no-repeat;
    padding-left: 40px;
    font-size: 18px;
    border: 0
}

.basic-form label.file-upload .text {
    color: #ec0000;
    line-height: 26px
}

.basic-form label.file-upload .preview .file {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    padding: 8px 35px 8px 10px;
    margin-right: 10px
}

.basic-form label.file-upload .preview .file:after {
    content: '';
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 16px;
    height: 16px;
    background: url(../img/file_discard.svg) center center no-repeat
}

.basic-form label .text {
    margin-bottom: 7px
}

.basic-form label input {
    font-size: 18px
}

.basic-form label input[type=file] {
    opacity: 0;
    width: 0;
    height: 0
}

.basic-form label textarea {
    border: 0;
    outline: 0;
    min-height: 104px;
    resize: vertical;
    font-size: 18px;
    color: #333;
}

.basic-form__buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.basic-form__buttons label {
    border: 0
}

.basic-form__buttons .button {
    padding: 20px 40px;
    white-space: nowrap;
    height: 60px
}

.accordion {
    flex-direction: column;
    margin-bottom: 60px
}

.accordion__item {
    margin-bottom: 6px
}

.accordion__item-title {
    font-weight: 600;
    line-height: 20px;
    min-height: 74px;
    background: #eaeaea;
    padding: 25px 100px 25px 30px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    font-size: 18px;
}

@media (max-width: 768px) {
    .accordion__item-title {
        height: auto
    }
}

@media (max-width: 375px) {
    .accordion__item-title {
        height: auto
    }
}

.accordion__item-title .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    width: 40px;
    height: 40px;
    border: 1px solid #3AB7EC;
    background: url(../img/accordion_arrow.svg) center center no-repeat
}

.accordion__item-title:hover,
.accordion__item-title.active {
    color: #fff;
    background: #3AB7EC;
}


.accordion__item-title.active .arrow {
    border-color: #fff;
    background-image: url(../img/accordion_arrow-white.svg)
}

.accordion__item-title:hover .arrow {
    border-color: #fff;
}

.accordion__item-text {
    padding: 20px 30px 22px;
    font-family: Montserrat;
    font-size: 18px;
    line-height: 30px;
}

.accordion__item-text p {
    margin-top: 0;
}

.accordion__item-text p:last-child {
    margin-bottom: 0;
}

.accordion__item-title + .accordion__item-text {
    display: none;
}

.aside-list {
    flex-direction: column;
    gap: 30px
}

.aside-list__item {
    padding-left: 90px
}

.aside-list__item a {
    font-size: 18px;
    line-height: 30px;
    position: relative
}

.aside-list__item a.active,
.aside-list__item a:hover {
    color: #ec0000
}

.aside-list__item a.active:before,
.aside-list__item a:hover:before {
    content: '';
    position: absolute;
    left: -40px;
    top: 4px;
    width: 10px;
    height: 14px;
    background: url(../img/list-arrow.svg) 0 0 no-repeat;
    transform: rotate(180deg)
}

.map_placeholder {
    /*margin: 40px 0 60px*/
    height: 100%;
}

section.grey-bg {
    background-color: #eaeaea
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-slide, .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-wrapper {
    z-index: 1;
    display: flex;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    background: white;
    padding: 15px 20px;
    font-size: 19px;
    border-radius: 50%;
    box-shadow: 0px 0px 7px rgb(12 110 167 / 13%);
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -12px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -12px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.header__inner .hamburger .hc-nav-trigger span, .swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 25px 0;
    z-index: 1000;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    transition: .3s
}

.header__search-mobile {
    display: none;
    margin-top: 0px;
    border: 1px solid #d4d4d4
}

.header__search-mobile input {
    outline: 0;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    padding: 10px;
    width: 100%;
    border: 0
}

@media (max-width: 320px) {
    .header__search-mobile input {
        font-size: 12px
    }
}

.header__search-mobile button {
    border: 0;
    background-color: transparent;
    padding: 0 15px
}

@media (max-width: 1024px) {
    .header__search-mobile {
        display: flex;
        width: 100%
    }
}

@media (max-width: 767px) {
    .header__search-mobile {
        margin-top: 15px
    }

    .header {
        padding: 15px 0
    }
    .header__search-mobile .forms-serch {
        display: flex;
        justify-content: space-between;
    }
    .header__search-mobile form {
        width: 100%;
    }
}

.header__inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .header__inner {
        flex-wrap: wrap
    }
}

.header__inner .hamburger {
    display: none;
    margin-right: 20px;
    cursor: pointer
}

@media (max-width: 1024px) {
    .header__inner .hamburger .hc-nav-trigger {
        width: 35px;
        height: 25px
    }

    .header__inner .hamburger {
        display: flex
    }
}

@media (max-width: 767px) {
    .header__inner .hamburger {
        margin-right: 16px
    }
}

.header__logo {
    display: flex;
    align-items: center
}

.header__logo-desc {
    width: 284px;
    font-size: 14px;
    margin-left: 20px;
	min-width: 280px;
}

@media (max-width: 1680px) {
    .header__logo-desc {
        display: none
    }
}

@media (max-width: 1024px) {
    .header__logo-link img {
        height: 20px;
        width: auto
    }

    .header__logo-link {
        display: flex;
        align-items: center
    }
}

.header__nav-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.header__nav-item {
    position: relative;
    margin-right: 30px
}

/*.header__nav-item:hover .header__nav-dropdown {
    display: block
}*/
/*.header__nav-item.active .header__nav-dropdown {
	display: block
}*/
.header__nav-item:hover .header__nav-link {
    color: #17AAE9;
}

.mega-menu .column li:hover a,
.mega-menu .column li:hover a span {
    color: #17AAE9;
}

.article-page__filter a.active,
.article-page__filter a:hover,
.header__delivery a:hover,
.hero__nav ul li span.catalog-link,
.hero__nav ul li.hero-nav__item:hover .hero-nav__main-link,
.vacancies-list__list-item .position a:hover {
    color: #ec0000
}
.header__nav-dropdown ul > li a:hover  {
    color: #17AAE9;
}
.header__nav-dropdown ul li ul li > a {
    color: #333333 !important;
    font-size: 12px;
}
.header__nav-dropdown ul li ul li:hover > a {
    color: #17AAE9 !important;
}
@media (max-width: 1440px) {
    .header__nav-item {
        margin-right: 17px
    }
}

@media (max-width: 1200px) {
    .header__nav-item.header__search svg {
        width: 20px;
        height: 20px;
        padding-top: 2px
    }
}

.header__nav-item:first-child svg {
    margin-right: 10px;
    margin-top: 0
}

.header__nav-link {
    color: #333;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition: .3s;
    text-decoration: none;
    position: relative;
    cursor: pointer
}

.header__nav-link svg {
    margin-left: 8px;
    margin-top: 2px
}

@media (max-width: 1440px) {
    .header__nav-link {
        font-size: 13px
    }
}

.header__nav-dropdown {
    display: none;
    position: absolute;
    top: 18px;
    left: -24px;
    z-index: 10;
    border-top: 18px solid transparent
}

.header__nav-dropdown > ul {
    padding: 20px 25px;
    min-width: 215px;
    background-color: #ffffff;
    box-shadow: -8px 17px 20px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    display: flex
}
.header__nav-dropdown ul  li ul {
    padding: 20px 0px 0px 25px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;

}
.header__nav-dropdown li {
    margin-bottom: 15px
}

.header__nav-dropdown li:last-child {
    margin-bottom: 0
}

.hero__nav-list {
    width: 490px;
}

.hero-nav__item-link {
    font-size: 20px;
    font-weight: 500;
    line-height: 19px;
    width: inherit;
}

.header__nav-dropdown a {
    font-weight: 400;
    line-height: 19px;
    font-size: 16px;
}
.header__search {
    cursor: pointer;
}
.serch-up {
    display: flex;
    position: absolute;
    width: 0;
    right: 18px;
    background: #fff;
    border: 0;
    transition: all 0.5s ease;
    top: -15px;
}
.serch-up.active .forms-serch {
    display: flex;
    align-items: center;
}
.serch-up .search-advice {
    display: none;
}
.serch-up.active .search-advice {
    display: flex;
    flex-direction: column;
    /*gap: 12px;
    padding: 15px 20px 15px;*/
    align-items: flex-start;
}
.serch-up .search-advice .search-link {
    padding: 15px 20px 15px;
    width: 100%;
}
.serch-up.active {
    width: 460px;
    box-shadow: 0px 0px 0px 1px #adadad;
}
.serch-up .searchblock__submit {
    background: none;
    border: none;
    padding: 0;
}
.serch-up input {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    padding: 20px 0;
    opacity: 0;
}
.serch-up.active input {
    opacity: 1;
}
.serch-up img {
    opacity: 0;
    padding: 15px;
    cursor: pointer;
}
.serch-up.active img {
    opacity: 1;
    transition: all 1.5s ease;

}
.search-page {
    padding: 50px 0;
}
.search-page-form .search-advice {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.search-page-form {
    border: 1px solid #bdbdbd;
}
.search-page-form .search-page-field {
    color: #333;
    font-family: "Montserrat", sans-serif;
    line-height: 18px;
    font-size: 18px;
    background: #fff;
    padding: 11px 20px;
    flex-direction: column;
    position: relative;
    margin: 0;
    width: 100%;
}
.search-page-form .search-advice a {
    padding: 10px 20px 11px;
}
.search-page-form button {
    position: absolute;
    right: 0;
    background: 0;
    border: 0;
    padding: 10px;
}
.search-page-form .serch-forms {
    display: flex;
    align-items: flex-start;
    position: relative;
    
}
.search-page-item {
    border-bottom: 1px solid lightgrey;
    padding-bottom: 20px;
}
.search-page-content .search-page-item:last-child {
    border-bottom: none;
}
.search-page-title {
    font-family: "Play", sans-serif;
    font-size: 21px;
    color: #333;
    font-weight: bold;
    padding-bottom: 19px;
    float: left;
    width: 100%;
    margin: 0;
}
.search-page-more {
    color: #3ab7ec;
    font-size: 16px;
}
.search-page-more:hover {
    text-decoration: underline;
}
.search-page-text {
    display: block;
    font-size: 16px;
}
.hero-nav__main-link .multilevel-icon {
    margin-right: 17px;
    margin-left: auto;
}
#more .swiper-slide {
    height: auto;
}
@media (max-width: 1440px) {
    .header__nav {
        margin-left: 10px
    }
    .serch-up.active {
        width: 400px;
    }
}

@media (max-width: 1024px) {
    .header__nav {
        display: none
    }
}

.footer__nav ul, .header__delivery {
    display: flex;
    flex-direction: column
}

.header__delivery span {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px
}

@media (max-width: 1024px) {
    .header__delivery span {
        display: none
    }
}

.header__delivery a {
    font-weight: 600;
    font-size: 20px;
    transition: .3s
}

@media (max-width: 1024px) {
    .header__delivery a {
        font-size: 16px
    }
}

@media (max-width: 320px) {
    .header__delivery a {
        font-size: 12px
    }
}

@media (max-width: 1300px) {
    .header__delivery {
        display: none
    }
}

@media (max-width: 1024px) {
    .header__delivery {
        display: flex;
        margin-left: auto;
        margin-right: 35px
    }
}

@media (max-width: 767px) {
    .header__delivery {
        margin-right: 0
    }
}

.header__lang {
    position: relative;
    display: flex;
    align-items: center;
}

.header__lang select {
    font-family: "Montserrat", sans-serif;
    border: 0;
    outline: 0;
    font-size: 16px;
    -moz-appearance: none;
    -webkit-appearance: none;
	padding: 8px;
    border: none;
    line-height: 40px;
	cursor: pointer;
}

.header__lang select option {
	padding: 8px 0;
	border: none;
    line-height: 40px;
}



@media (max-width: 1024px) {
    .header__lang {
        display: none
    }
}

.header__personal, .header__personal-auth {
    display: flex;
    align-items: center
}

.header__personal-cart {
    position: relative;
    display: flex;
    align-items: center
}

.header__personal-cart .counter {
    position: absolute;
    top: -6px;
    right: -6px;
    border-radius: 50%;
    background-color: #ec0000;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
    color: #fff
}

@media (max-width: 767px) {
    .header__personal {
        display: none
    }
}

.mega-menu {
    width: 100%;
    height: calc(100vh - 98px);
    z-index: 99;
    position: fixed;
    left: 0;
    top: 98px;
    display: none;
    /*border-top: 40px solid transparent;*/
}

#mobile-menu {
    display: none;
}

.up-button {
    position: fixed;
    bottom: 10px;
    right: 10%;
    z-index: 300;
    cursor: pointer;
    border: none;
    background: transparent;
}

.up-button svg {
    transition: .3s;
}

@media (max-width: 1680px) {
    .up-button {
        right: 5%;
    }
}

@media (max-width: 1024px) {
    .up-button {
        right: 2%;
    }
    .up-button svg {
        width: 40px;
        height: 40px;
    }
}

.mega-menu:before {
    position: absolute;
    display: block;
    content: "";
    top: -40px;
    left: 30%;
    height: 50px;
    width: 159px;
    background-color: transparent;
}

@media (max-width: 768px){

    .header__nav-item.menu-handler-js.active .mega-menu {
        display: none !important;
    }
    
}

@media (max-width: 1680px) {
    .mega-menu:before {
        left: 16%;
    }
}
@media (max-width: 1440px) {
    .mega-menu:before {
        left: 22%;
    }
}

.header__nav-item.menu-handler-js:hover .mega-menu {
    /*display: block;*/
}
.header__nav-item.menu-handler-js.active .mega-menu {
	display: block;
}
.mega-menu.active {
    top: 98px
}

.mega-menu .mega-menu__inner {
    height: 100vh;
    background-color: #ffffff;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}

.mega-menu .container-fluid {
    display: flex;
    height: 100%;
}

.mega-menu .column {
    padding: 40px 0;
    width: 25%;
    border-right: 1px solid #bed0e2
}

.mega-menu .column:first-child .column-block {
    padding-left: 50px
}

.mega-menu .column:last-child {
    border-right: none
}

.mega-menu .column-block {
    display: flex;
    flex-direction: column;
    padding-left: 85px;
    margin-bottom: 25px
}

.mega-menu .column-block ul {
    flex-direction: column;
    margin-bottom: 12px
}

.mega-menu .column-block li {
    margin-bottom: 12px
}

@media (max-width: 1680px) {
	.mega-menu .column-block li {
		margin-bottom: 10px;
		font-size: 15px
	}
	.mega-menu .column {
    width: 24%;
	}	
	.mega-menu .column.wide-column {
    width: 27%;
	}
}

@media (max-width: 1680px) {
    .mega-menu .column-block {
        padding-left: 75px
    }
}

@media (max-width: 1200px) {
    .mega-menu .column-block {
        padding-left: 65px
    }
}

.mega-menu .column-title:hover span {
    color: #17AAE9;
}

.mega-menu .column-subtitle:hover {
    color: #17AAE9;
}

.mega-menu .column-title {
    font-size: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 15px
}

.mega-menu .column-title img {
    margin-right: 10px;
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 1680px) {
    .mega-menu .column-title {
        font-size: 18px
    }
}

.mega-menu .column-subtitle {
    font-weight: 600;
    margin-bottom: 10px
}

@media (max-width: 1200px) {
    .mega-menu .column {
        padding: 30px 0
    }
}

@media (max-width: 768px) {
    .mega-menu .column {
        width: 50%
    }
}

@media (max-width: 1024px) {
    .mega-menu {
        display: none !important;
    }
}


.footer {
    margin-top: auto;
    background-color: #111;
    padding: 40px 0 5px;
    display: flex;
    color: #fff;
}

.footer__title {
    font-size: 18px
}

.footer__desc {
    font-size: 14px
}

.footer__privacy {
    font-size: 13px
}

.footer__subscribe {
    display: flex;
    border: 1px solid #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 20px
}

.footer__subscribe input {
    padding: 12px;
    font-family: "Play", sans-serif;
    font-style: italic;
    font-size: 14px;
    color: #fff
}

.footer__subscribe button {
    width: 44px;
    background: #ec0000;
    border: 0;
    border-left: 1px solid #fff
}

@media (max-width: 767px) {
    .footer__subscribe button {
        margin-left: auto;
    }

    .footer__subscribe {
        width: 100%
    }
}


.footer__socials {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    border-bottom: 1px solid #6c6c6c
}

.footer__socials-link {
    font-size: 14px;
    position: relative;
    color: #fff;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.footer__socials-link:after {
    position: absolute;
    display: block;
    content: url(../img/short-arrow-right.svg);
    right: -35px;
    top: 1px
}

.footer__socials-link:first-child {
    margin-bottom: 12px
}

.footer__socials-links {
    margin-top: 20px
}

.footer__socials-icons {
    margin-top: 30px;
    display: flex;
    align-items: center
}

.footer__socials-icons a {
    margin-right: 10px;
    display: flex
}

@media (max-width: 767px) {
    .footer__socials-icons a {
        margin-right: 20px
    }

    .footer__socials-icons img {
        width: 36px
    }
}

.footer__socials-block:nth-child(2) {
    display: flex;
    justify-content: center
}

.footer__socials-block:nth-child(3) {
    margin-left: auto;
    padding-right: 115px
}

@media (max-width: 1440px) {
    .footer__socials-block:nth-child(3) {
        padding-right: 0
    }
}

@media (max-width: 1024px) {
    .footer__socials-block:nth-child(3) {
        width: 100%
    }
}

.footer__socials-block--socials {
    margin-left: auto;
    padding-right: 80px;
}

.footer__socials-block:nth-child(4) ul {
    flex-direction: column
}

@media (max-width: 1024px) {
    .footer__socials-block:nth-child(4) ul {
        padding-right: 30px
    }
}

.footer__socials-block:nth-child(4) ul li {
    margin-bottom: 15px
}

.footer__socials-block:nth-child(4) ul a {
    color: #fff;
    text-transform: uppercase
}


@media (max-width: 767px) {
    .footer__socials {
        grid-template-columns:1fr
    }
}

.footer__youtube {
    width: 335px;
    height: 185px;
    background-image: url(../img/footer-pic.jpg);
    background-position: center;
    background-size: cover;
    display: block;
    border-bottom: 4px solid #fff
}

.footer-mobile-nav a .count, .footer__youtube .desc {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer__youtube .desc {
    flex-direction: column;
    color: #fff;
    height: 100%;
    width: 100%;
    font-size: 18px
}

.footer__youtube .desc svg {
    margin-top: 13px
}

.main__article-views {
    color: #848484;
    font-size: 14px;
}

@media (max-width: 1440px) {
    .footer__youtube {
        height: 205px
    }
}

@media (max-width: 1024px) {
    .footer__youtube {
        height: 100%;
        width: 100%
    }
}

.footer__nav-inner--mobile {
    display: none;
    align-items: flex-start;
    width: 100%;
}

.footer__nav-inner--mobile a {
    font-weight: 700;
    text-transform: uppercase;
}

.footer__nav .footer__nav-inner--mobile li {
    margin-bottom: 30px;
}

.footer__nav {
    padding: 60px 0 20px;
    border-bottom: 1px solid #6c6c6c;
    display: flex;
}

.footer__nav-inner {
    padding-right: 115px;
    margin-left: 100px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer__nav-list {
    flex-direction: column;
    margin-bottom: 35px;
}

.footer__nav-inner .footer__nav-list li {
    margin-bottom: 10px;
}

.footer__nav-list a {
    color: #fff;
    font-weight: 400;
}

@media (max-width: 1680px) {
    .footer__nav-inner {
        padding-right: 0;
        margin-left: 45px;
    }
    .footer__socials-block--socials {
        padding-right: 0;
    }
}

@media (max-width: 1200px) {
    .footer__nav {
        flex-direction: column;
        align-items: center;
    }
    .footer__nav-inner {
        margin-top: 60px;
        margin-left: 0;
    }
}


@media (max-width: 1024px) {
    .footer__nav-inner {
        justify-content: space-between;
        width: 100%
    }
}


@media (max-width: 992px) {
    .footer__socials-block:first-child {
        padding-right: 10px;
    }
    .footer__socials-block:nth-child(3) {
        margin-left: 0;
    }
    .footer__socials-block:nth-child(3),
    .footer__socials-block:nth-child(4) {
        margin-top: 40px;
    }
    .footer__socials {
        border-bottom: 0;
    }
    .footer__nav a.footer__nav-logo {
        display: none;
    }
    .footer__nav .footer__nav-inner {
        margin-top: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 31px;
    }
    .footer__socials-icons img {
        width: 36px;
        height: 36px;
    }
    .footer__nav {
        padding: 40px 0 20px;
    }
    .footer__socials-block.footer__socials-block--mob a img {
        width: 100%;
        padding-right: 30px;
    }
}

@media (max-width: 767px) {
    .footer__nav .footer__nav-inner {
        display: none;
    }
    .footer__nav .footer__nav-inner--mobile {
        display: flex;
    }
    .footer__youtube {
        height: 180px
    }
    .footer__socials-block:first-child, .footer__socials-block:nth-child(2) {
        width: 100%;
        padding-right: 0;
    }
    .footer__subscribe {
        margin-bottom: 30px;
    }
    .footer__socials-block.footer__socials-block--mob:nth-child(3) {
        width: 100%;
        margin-top: 30px;
    }
    .footer__socials-block.footer__socials-block--socials:nth-child(4) {
        width: 100%;
        margin-top: 35px;
    }
}


.footer__nav ul li {
    margin-bottom: 20px
}

.footer__nav ul.upper a {
    text-transform: uppercase
}

.footer__socials-block--mob {
    display: none;
}


@media (max-width: 992px) {
    .footer__socials {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer__socials-block,
    .footer__socials-block:nth-child(3) {
        width: 48%;
    }
    .footer__socials-block--mob {
        display: block;
    }
    .footer__socials-block--socials {
        flex-direction: column;
    }
    .footer__socials-links {
        margin-top: 16px;
    }
    .footer__socials-link:first-child {
        margin-bottom: 11px;
    }
    .footer__socials-icons {
        margin-top: 20px;
    }
}

.footer__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    font-size: 14px
}

.footer__info span {
    color: #acacac
}

@media (max-width: 767px) {
    .footer__info span:nth-child(2) {
        margin: 15px 0
    }
}

.footer-mobile-nav a a, .footer__info a {
    color: #acacac;
    text-decoration: underline
}

@media (max-width: 1024px) {
    .footer__info {
        border-top: 1px solid #6c6c6c;
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .footer__info {
        flex-direction: column;
        align-items: flex-start
    }

    .footer {
        padding: 40px 0;
        margin-bottom: 84px;
    }
    .up-button {
        bottom: 90px;
    }
}

.footer-mobile-nav a .count {
    position: absolute;
    top: -61px;
    right: -3px;
    width: 20px;
    height: 20px;
    background-color: #ec0000;
    border-radius: 50%;
    font-family: "Play", sans-serif;
    font-size: 12px;
    font-weight: 600
}

.footer-mobile-nav a span {
    display: block;
    margin-top: 10px;
    position: relative;
}

@media (max-width: 1024px) {
    .footer-mobile-nav a {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .footer-mobile-nav a {
        flex-direction: column;
        align-items: flex-start
    }

    .footer-mobile-nav {
        padding: 40px 0
    }
}

.footer-mobile-nav {
    display: none;
    background-color: #3AB7EC;
    padding: 8px 0 3px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

.footer-mobile-nav__inner {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.footer-mobile-nav a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    position: relative;
    width: 30%;
}

@media (max-width: 767px) {
    .footer-mobile-nav {
        display: flex
    }
}

.hero {
    min-height: 700px;
    display: flex;
    position: relative
}

.hero-nav__sub-down {
    cursor: pointer;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    background-color: #BED0E2;
    position: sticky;
    bottom: -39px;
    left: 0;
    right: 0;
    display: none;
}

.hero-nav__sub-inner {
    position: relative;
    height: auto;
}

.hero-nav__sub {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 90;
    width: 315px;
    /*overflow-x: hidden;*/
    height: 100%;
    transition: .3s;
    display: none;
}

.hero-nav__sub-list {
    height: auto;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    padding: 10px 0;
}

.hero-nav__sub .hero-nav__sub-list li a {
    padding: 10px 40px;
    width: 100%;
    font-size: 17px;
    color: #333333;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.hero-nav__sub .hero-nav__sub-list li a:hover {
    color: #3ab7ec;
    
}

.hero-nav__sub .hero-nav__sub-list li:hover .hero-nav__sub-second{
    display: flex;
}

.hero-nav__sub .hero-nav__sub-list li {
    /*height: auto;*/
    border-bottom: none;
    position: relative;
}

.hero__nav {
    width: 490px;
    position: relative;
}

.hero-nav__sub-second {
    position: absolute;
    background: #fff;
    left: 100%;
    width: 315px;
    display: none;
}

.footer-mobile-nav a, .hero__nav ul, .hero__socials ul {
    flex-direction: column
}

.hero__nav ul li {
    border-bottom: 1px solid #bed0e2;
    /*height: 63px;*/
    display: flex;
    transition: .3s
}

.hero__nav ul li.hero-nav__item:hover {
    background-color: #fff;
    border-bottom: 1px solid #3ab7ec;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);

}
.hero__nav ul li.hero-nav__item:active {
    /* background: #E6E6E6; */
}
.hero__nav ul li.hero-nav__item:hover .hero-nav__sub {
  /*  display: block; */
}

.multilevel-icon path {
    transition: .3s;
}

.hero__nav ul li.hero-nav__item:hover .multilevel-icon path {
    fill: #3ab7ec;
}
.hero__nav ul li.hero-nav__item:hover .hero-nav__main-link > a {
    color: #3ab7ec;
}
.hero-nav__main-link {
    transition: .3s;
    padding: 10px 0 10px 60px;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.hero-nav__main-link img {
    margin-right: 30px
}
.hero__pagination--desktop .swiper-pagination-bullet:nth-child(2) {
    position: relative;
    padding-left: 50px;
    width: 184px;
}
.hero__pagination--desktop .swiper-pagination-bullet:nth-child(2)::before {
    content: "";
    background: url(/HTML/img/garant-slide.png);
    position: absolute;
    width: 48px;
    height: 48px;
    display: inline-block;
    left: 0;
}
section.warranty, section.video{
    display: none;
}
@media(min-width: 1024px) {
    .mega-menu__inner {
        position: relative;
    }
    .mega-menu__inner:after {
        content: "";
        background: url(/HTML/img/logo_neva.png);
        position: absolute;
        width: 435px;
        height: 104px;
        bottom: 115px;
        right: 30px;
        opacity: 0.8;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
    }
}
@media(min-width: 1024px) and (max-width: 1500px) {
    .mega-menu__inner:after {
        width: 276px;
        height: 69px;
    }
}
@media (max-width: 1200px) {
    .hero-nav__main-link img {
        margin-right: 20px
    }
}

@media (max-width: 1680px) {
    .hero-nav__main-link {
        padding: 10px 0 10px 40px
    }
}

@media (max-width: 1024px) {
    .hero__nav {
        display: none
    }
}

.hero__banner {
    position: relative;
    display: flex;
    width: 100%
}

.hero__banner img, .main__article-img img, .products__grid .block img, .promo__grid .item-pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero__slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center
}

.hero__slide-inner {
    position: absolute;
    width: 80%;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 0 85px
}

.hero__slide-inner .sticker {
    font-size: 14px;
    font-family: "Play", sans-serif;
    color: #fff;
    padding: 5px 21px;
    background-color: #ec0000;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-transform: uppercase;
    margin-bottom: 25px
}

@media (max-width: 768px) {
    .hero__slide-inner .sticker {
        margin-bottom: 15px
    }
}

.hero__slide-inner .name {
    font-family: "Play", sans-serif;
    font-size: 68px;
    line-height: 68px;
    margin-bottom: 15px
}

@media (max-width: 768px) {
    .hero__slide-inner .name {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 10px
    }
    .hero__slide-inner{
        padding-top: 40px;
    }
}

@media (max-width: 414px) {
   .hero__slide-inner .name {
        font-size: 28px;
       line-height: 30px;
    }
}


.hero__slide-inner .desc {
    font-family: "Montserrat", sans-serif;
    font-size: 26px;
    line-height: 36px;
    font-weight: 300;
    margin: 0 0 45px
}

@media (max-width: 1200px) {
    .hero__slide-inner .desc {
        margin-bottom: 40px
    }
}

@media (max-width: 768px) {
    .hero__slide-inner .desc {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 25px
    }
}

@media (max-width: 375px) {
    .hero__slide-inner .desc {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 1680px) {
    .hero__slide-inner {
        width: 70%;
        padding: 40px 35px 0;
    }
}

@media (max-width: 1200px) {
    .hero__slide-inner {
        padding: 0 30px;
        width: 70%
    }
}

@media (max-width: 1024px) {
    .hero__slide-inner {
        padding: 0 40px
    }
}

@media (max-width: 768px) {
    .hero__slide-inner {
        width: 55%
    }
}

@media (max-width: 767px) {
    .hero__slide-inner {
        padding: 40px 30px 0;
        width: 80%
    }
}

@media (max-width: 414px) {
    .hero__slide-inner {
        width: 86%
    }
}

@media (max-width: 375px) {
    .hero__slide-inner {
        width: 100%
    }
}

.hero__slide video {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover
}

.hero__pagination {
    left: 85px;
    bottom: 0;
    display: flex
}

.hero__pagination .swiper-pagination-bullet {
    display: flex;
    text-align: left;
    width: 118px;
    height: auto;
    border-radius: 0;
    padding-bottom: 20px;
    margin-right: 100px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    background: 0 0;
    border-bottom: 4px solid transparent;
    opacity: 1
}

.hero__pagination .swiper-pagination-bullet-active {
    border-bottom: 6px solid #3AB7EC
}

@media (max-width: 1920px) {
    .hero__pagination .swiper-pagination-bullet {
        margin-right: 60px;
    }
}

.hero__pagination--mobile {
    display: none
}

@media (max-width: 1024px) {
    .hero__pagination .swiper-pagination-bullet-active {
        background-color: #3AB7EC !important
    }

    .hero__pagination .swiper-pagination-bullet {
        border-bottom: none;
        width: 54px;
        height: 3px;
        margin-right: 10px;
        background-color: #bfbfbf;
        padding-bottom: 0
    }
}

.hero__pagination--mobile {
    display: none
}

@media (max-width: 1024px) {
    .hero__pagination--mobile {
        display: flex
    }
}

@media (max-width: 1200px) {
    .hero__pagination {
        left: 30px
    }
}

@media (max-width: 1024px) {
    .hero__pagination {
        left: 50%;
        transform: translateX(-50%);
        bottom: -21px
    }
    .article-page .article-page__container {
        flex-direction: column;
        gap: 25px;
        position: relative;
    }
    .article-page .article-page__item-text {
        margin-left: 20px;
    }
    .article-page .article-page__item-title {
        font-size: 20px;
        line-height: 26px;
        margin: 10px 0 15px;
    }
    .article-page  .article-page__item-abstract {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 15px;
    }
}

.hero__socials {
    position: absolute;
    bottom: 5%;
    right: 16px;
    z-index: 10
}

.hero__socials ul li {
    margin-bottom: 10px;
    width: 32px;
}

@media (max-width: 1024px) {
    .hero__socials {
        display: none
    }

    .hero {
        min-height: 570px
    }
}

@media (max-width: 768px) {
    .hero {
        min-height: 410px
    }
}

.social-share {
    display: none;
    position: absolute;
    bottom: -60px;
    right: 15px;
    width: 44px;
    height: 44px;
    border: 1px solid #dadada;
    align-items: center;
    justify-content: center
}


.promo {
    background-color: #eaeaea;
    padding: 90px 0;
    background-image: url('/HTML/img/bg-block2.png');
}

.promo__grid {
   /* display: flex; */ /* на главной не работает */
		display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows:repeat(2, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    gap: 25px 20px;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    .promo__grid .item {
        width: 31%
    }
}

@media (max-width: 768px) {
    .promo__grid .item {
        width: 30%
    }
}

@media (max-width: 767px) {
    .promo__grid .item {
        width: 47%
    }
}

@media (max-width: 375px) {
    .promo__grid .item {
        width: 46%
    }
}

.promo__grid .item-pic {
    height: 305px;
    position: relative;
    overflow: hidden
}

.promo__grid .item-pic video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.promo__grid .item-pic .sale-sticker {
    font-size: 14px;
    background-color: #ec0000;
    padding: 3px 21px;
    color: #fff;
    position: absolute;
    top: 25px;
    left: 0;
    text-transform: uppercase;
    font-weight: 500
}

@media (max-width: 1680px) {
    .promo__grid .item-pic {
        height: 262px
    }
}

@media (max-width: 1200px) {
    .promo__grid .item-pic {
        height: 217px
    }
}

@media (max-width: 414px) {
    .promo__grid .item-pic {
        height: 180px
    }
}

@media (max-width: 375px) {
    .promo__grid .item-pic {
        height: 162px
    }
}

@media (max-width: 320px) {
    .promo__grid .item-pic {
        height: 133px
    }
}

.promo__grid .item-name {
    padding-top: 12px;
    display: block;
    font-size: 18px
}

@media (max-width: 767px) {
    .promo__grid .item-name {
        font-size: 16px
    }
}

@media (max-width: 375px) {
    .promo__grid .item-name {
        font-size: 14px;
        padding-top: 9px
    }
}

.promo__grid .item-0 {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 3
}

@media (max-width: 1024px) {
    .promo__grid .item-0 {
        width: 100%
    }
}

.promo__grid .item-1, .promo__grid .item-2 {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 2;
    grid-column-end: 4;
   /* width: 20%; */
}

.promo__grid .item-2 {
    grid-column-start: 4;
    grid-column-end: 5
}

.promo__grid .item-3, .promo__grid .item-4 {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 2;
   /* width: 20%; */
}

.promo__grid .item-4 {
    grid-column-start: 2;
    grid-column-end: 3
}

.promo__grid .item-5, .promo__grid .item-6 {
    grid-row-start: 2;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-column-end: 4;
   /* width: 20%; */
}

.promo__grid .item-6 {
    grid-column-start: 4;
    grid-column-end: 5
}

@media (max-width: 1024px) {
    .promo__grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .promo {
        padding: 50px 0 40px
    }
}

.about {
    background-color: #eaeaea;
    padding-bottom: 90px
}

.about__desc {
    font-size: 18px;
    line-height: 30px;
    text-align: center
}

@media (max-width: 768px) {
    .about__desc {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .about__desc {
        margin: 0
    }
}

.about__features {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.about__features .item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.about__features .item-number {
    color: #ec0000;
    font-size: 72px;
    font-weight: 400;
    line-height: 53px;
    margin-bottom: 25px
}

@media (max-width: 768px) {
    .about__features .item-number {
        font-size: 48px;
        line-height: 38px;
        margin-bottom: 10px
    }
}

.about__features .item-name {
    color: #ec0000;
    font-weight: 600;
    font-size: 26px;
    margin: 0 0 5px
}

@media (max-width: 768px) {
    .about__features .item-name {
        font-size: 22px
    }
}

.about__features .item-sub {
    font-size: 20px;
    font-weight: 400;
    margin: 0
}

@media (max-width: 768px) {
    .about__features .item-sub {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .about__features .item {
        margin-bottom: 25px
    }

    .about__features .item:last-child {
        margin-bottom: 0
    }
    .article-page .article-page__item {
        flex-direction: column;
    }
    .article-page .article-page__item-text {
        width: 100%;
    }
    .article-page .article-page__item-img {
        height: 235px;
        width: 100%;
    }
    .article-page .article-page__item-img img {
        height: 100%;
        object-fit: cover;
    }
    .article-page .article-page__item-img div {
        height: 100%;
    }
    .article-page .article-page__item-text {
        margin-top: 15px;
        margin-left: 0;
    }
    .article-page .article-page__item-title {
        margin-top: 0;
        font-size: 18px;
        line-height: 22px;
    }
    .article-page .article-page__item-abstract {
        font-size: 16px;
        line-height: 24px;
    }
    .article-page__container .article-page__filter .filter-item .filter-container select {
        padding: 12px;
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    .about__features {
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .about__features {
        flex-direction: column;
        margin-top: 20px
    }

    .about .s-title {
        margin-bottom: 20px
    }
}

@media (max-width: 768px) {
    .about {
        padding-bottom: 60px
    }
}

@media (max-width: 767px) {
    .about {
        padding-bottom: 40px
    }
}

.video, .warranty {
    background-image: url(../img/warranty-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 414px) {
    .warranty .s-title {
        margin-bottom: 20px
    }
}

.warranty .container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 650px
}

@media (max-width: 1440px) {
    .warranty .container {
        min-height: 440px
    }
    .hero__nav-list {
        width: 430px;
    }
}

@media (max-width: 768px) {
    .warranty .container {
        min-height: 300px
    }
}

@media (max-width: 375px) {
    .warranty .container {
        min-height: 217px
    }
}

.video {
    background-image: url(../img/video-sec-bg.jpg)
}

.video .container {
    min-height: 445px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 414px) {
    .video .container {
        min-height: 217px
    }
}

.video__play {
    display: flex;
    align-items: center;
    flex-direction: column;
    border: 0;
    background: 0 0;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    cursor: pointer
}

.video__play span {
    margin-bottom: 12px
}

@media (max-width: 414px) {
    .video__play {
        font-size: 16px
    }
}

.products__grid {
    height: 505px;
    display: flex
}

.products__grid .block {
    height: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: gray;
    width: calc(100% / 3);
    border: 1px solid #eaeaea
}

@media (max-width: 768px) {
    .products__grid .block {
        height: 320px
    }
}

.products__grid .block-half {
    width: 50%
}

.products__grid .block-full {
    width: 100%
}

.products__grid .block-1 .block-half {
    height: 45%
}

.products__grid .block-1 .block-half:nth-child(2), .products__grid .block-3 .block-half:nth-child(3) {
    border-left: 2px solid #eaeaea
}

.products__grid .block-1 .block-full {
    border-top: 2px solid #eaeaea;
    height: 55%
}

@media (max-width: 768px) {
    .products__grid .block-1 {
        width: 50%
    }
}

@media (max-width: 767px) {
    .products__grid .block-1 {
        width: 100%
    }
}

.products__grid .block-2 .block-full {
    height: 100%
}

@media (max-width: 768px) {
    .products__grid .block-2 {
        width: 50%
    }
}

@media (max-width: 767px) {
    .products__grid .block-2 {
        width: 100%;
        height: 312px
    }
}

.products__grid .block-3 .block-half {
    height: 45%
}

.products__grid .block-3 .block-full {
    border-bottom: 2px solid #eaeaea;
    height: 55%
}

@media (max-width: 768px) {
    .products__grid .block-3 {
        width: 100%;
        height: 640px
    }
}

@media (max-width: 767px) {
    .products__grid .block-3 {
        height: 320px
    }
}

@media (max-width: 1440px) {
    .products__grid {
        height: 405px
    }
}

@media (max-width: 1200px) {
    .products__grid {
        height: 315px
    }
}

@media (max-width: 768px) {
    .products__grid {
        height: auto;
        flex-wrap: wrap
    }

    .products .s-title {
        margin-bottom: 25px
    }
}

/*.products {
    padding-top: 100px
}*/

.main__article {
    background: #fff;
    padding: 80px 0
}

.main__article.related {
    padding-top: 0
}

.main__article.related .s-title {
    text-align: left
}

.main__article .s-title {
    text-align: center;
    margin: 0 0 20px
}

.main__article-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px
}

@media (max-width: 767px) {
    .main__article-list {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0
    }
    .products {
        padding-top: 35px;
    }
}

.main__article-item {
    width: 100%;
    padding: 10px;
    position: relative
}

.main__article-item a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-decoration: none;
    z-index: 200
}

@media (max-width: 767px) {
    .main__article-item {
        padding: 0;
        margin-bottom: 35px
    }

    .main__article-item:last-child {
        margin-bottom: 0
    }
}

.main__article-img {
    margin-bottom: 10px;
    /*height: 315px;*/
}


.article-page__item-img {
    width: 40%;
    height: 315px;
}
.header__nav-dropdown--top {
    font-weight: 400;
}

@media (max-width: 1440px) {
    .main__article-img {
        /*height: 260px;*/
    }
}

@media (max-width: 1200px) {

    .main__article-img {
        /*height: 210px;*/
    }
    .article-page__item-img {
        height: 180px;
    }
}

@media (max-width: 992px) {
    .main__article-img {
        /*height: 172px;*/
    }
}

@media (max-width: 767px) {
    .main__article-img {
        /*height: 233px;*/
    }
}

@media (max-width: 414px) {
    .main__article-img {
        /*height: 235px;*/
        margin-bottom: 15px
    }
}

.main__article-date {
    font-size: 16px;
    color: #9e9e9e;
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.main__article-date svg {
    margin-right: 8px
}

@media (max-width: 414px) {
    .main__article-date {
        font-size: 13px
    }
}

.main__article-name {
    font-size: 20px;
    line-height: 26px;
    color: #333;
    margin: 0
}

.main__article-button {
    margin-top: 40px;
    text-align: center
}

.main__article-button .button {
    display: inline-block
}

@media (max-width: 414px) {
    .main__article-button {
        margin-top: 35px
    }

    .main__article-title {
        margin: 0;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .main__article {
        padding: 40px 0
    }
}

.article-page .s-title {
    text-align: left
}

@media (max-width: 1024px) {
    .article-page__filter {
        width: 100%
    }
}

@media (max-width: 768px) {
    .article-page__filter {
        width: 100%;
        position: relative;
    }
}

@media (max-width: 375px) {
    .article-page__filter {
        width: 100%
    }
}

.article-page__filter ul {
    flex-direction: column;
    width: 335px
}

.video-sidebar__button {
    display: none;
    font-weight: 500;
    background: #ffffff;
    border: 1px solid #D4D4D4;
    padding: 15px 18px;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.catalog__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 35px 20px;
}

.catalog {
    padding-bottom: 90px;
}

.catalog__grid-item {
    display: flex;
    flex-direction: column;
}

.catalog__grid-item .name {
    font-size: 18px;
    font-weight: 500;
}

.catalog__grid-item .img {
    height: 305px;
    width: 100%;
    background-image: url("../img/bg-gradient.png");
    background-size: cover;
    background-position: center;
    padding: 25px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog__grid-item .img img {
    width: 100%;
    object-fit: contain;
}

.catalog__sidebar-list {
    flex-direction: column;
    margin-bottom: 40px;
}

.catalog__inner {
    display: flex;
}

.catalog__sidebar {
    width: 25%;
    padding-right: 20px;
}

.catalog__content {
    width: 75%;
}
@media(max-width: 1024px) {
    .catalog__content {
        width: 100%;
    }
    .catalog__sidebar {
        width: 100%;
    }
    .catalog__inner {
       flex-direction: column;
    }
}
.catalog__sidebar-list li {
    margin-bottom: 20px;
    position: relative;
    margin: 10px 0;
    /*width: max-content;*/
}

@media(max-width: 560px) {
    .catalog {
				padding-bottom: 0;
		}

}


.catalog__sidebar-list li a {
    position: relative;
}

.catalog__sidebar-list li.active a,
.catalog__sidebar-list li a:hover  {
    color: #EC0000;
    font-weight: 500;
}

.catalog__sidebar-list li.active:after ,
.catalog__sidebar-list li a:hover:after {
    position: absolute;
    content: url("../img/list-arrow.svg");
    right: -22px;
    top: 1px;
    top: 3px;
}

.catalog__sidebar-list li a {
    position: relative;
    font-size: 18px;
    color: #848484;
}

.catalog__sidebar-list li .sidebar__level-item:hover {
    color: #EC0000;
    font-weight: 500;
}

.catalog__sidebar-list li .sidebar__sub-list li {
    margin-bottom: 20px;
}

.catalog__sidebar-list li .sidebar__sub-list li:last-child {
    margin-bottom: 0;
}

.d-content .s-title {
    text-align: left;
    margin-top: 50px;
}

.c-filter__header {
    /*padding: 23px 0;*/
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: transparent;
    font-family: "Play", sans-serif;
    cursor: pointer;
    position: relative;
}
.c-filter__header .arrow-filter {
    width: 40px;
    height: 40px;
    background: url(../img/arrow-filter.svg) center center no-repeat;
    display: inline-block;
    margin-left: 10px;
    transition: 1s;
}
.c-filter__header.active .arrow-filter {
   transform: rotate(180deg);
}
.c-filter__content {
    /*padding: 30px 23px;*/
    padding-top: 25px;
    display: flex;
    flex-direction: column;
    display: none;
}
.c-filter__title {
    font-size: 24px;
    line-height: 32px;
    color: #333333;
    font-family: "Play", sans-serif;
    margin-bottom: 15px;
    display: block;
}

.c-filter__range-line {
    background: #BFBFBF;
    width: 95%;
    margin: 0 auto;
    height: 6px;
    border-radius: 0;
}

.grey-line {
    background: #BFBFBF;
}

.c-filter__range-line .ui-slider-handle {
    border: 4px solid #333333;
    background: #BFBFBF;
    border-radius: 50%;
    top: -7px;
    outline: none;
}

.c-filter__range-line .ui-slider-range {
    border: none;
    background: #333333;
    height: 6px;
    top: -1px;
}

.c-filter__range {
    margin-bottom: 40px;
}

.c-filter__range-inputs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.c-filter__range-inputs input {
    border: 1px solid #D7D7D7;
    padding: 15px 12px;
    width: 46%;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
}
@media(max-width: 1680px) {
    .c-filter__range-inputs input {
        width: 44%;
    }
}
.c-filter__range-inputs .ui-slider-horizontal {
    margin: 15px 20px;
}
.c-filter__features {
    margin-bottom: 35px;
}

.c-filter__features-list {
    display: flex;
    flex-direction: column;
}

.c-filter__features-list label {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}

.c-filter__features-list label:last-child {
    margin-bottom: 0;
}

.c-filter__features-list .checkbox-style:after {
    content: "";
    background-image: url("../img/check-red.svg");
    background-size: contain;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center;
}

.c-filter__features-list .checkbox-style {
    width: 25px;
    height: 25px;
}

.c-filter__buttons button {
    border: 1px solid #17AAE9;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    padding: 22px;
    width: 100%;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}

.c-filter__submit {
    background: #17AAE9;
    color: #fff;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
    border: none;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 0 0 1px #17aae9;
}
.c-filter__submit:hover {
    color: #FFFFFF;
    background-color: #093E78;
}

.c-filter__clear {
    background: #fff;
    color: #17AAE9;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
    border: none;
    font-size: 16px;
    line-height: 20px;
    margin: auto;
    margin-bottom: 25px;
    width: calc(100% - 2px);
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 0 0 1px #17aae9;
    cursor: pointer;
}
.c-filter__clear:hover {
    background: #17AAE9;
    color: #fff;
}
.catalog__items {
    display: flex;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    flex-wrap: wrap;
}

.catalog__item {
    border: 1px solid #D4D4D4;
    padding: 20px;
    display: flex;
    flex-direction: column;
    width: 31%;
}

.catalog__item-icons  {
    display: flex;
    justify-content: end;
}

.catalog__item-icons button {
    padding-right: 0;
}

.catalog__item-icons .compare {
    margin-right: 5px;
}

.catalog__item-icons .compare path,
.catalog__item-icons .favorite path,
.catalog__item-icons .compare rect {
    transition: .3s;
}

.catalog__item-icons .favorite:hover path,
.catalog__item-icons .compare:hover path,
.catalog__item-icons .compare:hover rect {
    fill: #EC0000;
}
.catalog__item-icons .favorite.active path,
.catalog__item-icons .compare.active path,
.catalog__item-icons .compare.active rect {
    fill: #EC0000;
}
.catalog__item-icons button,
.catalog__item-control button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.catalog__item-control {
    height: 47px;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}

.catalog__item-control .quick-order {
    width: 75%;
    height: 100%;
    border: 1px solid #EC0000;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    color: #EC0000;
    font-weight: 500;
    transition: .3s;
    display: none;
}

.catalog__item-control .quick-order:hover {
    color: #fff;
    background-color: #A60000;
    border: 1px solid #A60000;
}

.catalog__item-control .add-to-cart, .catalog__item-control .add-to-cart-more {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #EC0000;
    transition: .3s;
    color: #EC0000;
    text-transform: uppercase;
    justify-content: space-evenly;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.catalog__item-control .add-to-cart:hover, .catalog__item-control .add-to-cart-more:hover {
    background-color: #EC0000;
    border: 1px solid #EC0000;
    color: #ffffff;
}
.catalog__item-control .add-to-cart svg path {
    fill: #EC0000;
}
.catalog__item-control .add-to-cart:hover svg path {
    fill: #ffffff;
}
.catalog__item-image {
    height: 258px;
    width: 100%;
    margin-bottom: 15px;
}

.catalog__item-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.catalog__item-price {
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
    display: block;
}

.catalog__item-desc {
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
}

.catalog-mobile-drop {
    display: none;
}

.c-filter__close {
    display: none;
}

.catalog__filter-open {
    display: none;
}

.sidebar__level-item-arrow {
    position: absolute;
    left: -25px;
    top: 6px;
    cursor: pointer;
    cursor: pointer;
}

.sidebar__level-item-arrow:hover path {
    fill: #EC0000;
}

.d-main {
    display: flex;
}

.d-main__info {
    width: 55%;
    display: flex;
    margin-left: 50px;
    gap: 20px;
}

@media(max-width: 560px) {
    .d-main__info {
				gap: 0;
		}

}

.d-main__info .desc {
    width: 55%;
}

.d-main__info .card {
    width: 45%;
    margin-left: 0;
}

.d-main__info .warranty-line {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 50px;
}

.d-main__info .warranty-line svg {
    margin-right: 10px;
}
.d-main__info .warranty-line div:first-child {
    display: flex;
    align-items: center;
}

.variations {
    display: flex;
    flex-direction: column;
    margin-bottom: 55px;
}

.variations-list {
    flex-wrap: wrap;
    gap: 13px;
}

.variations-title {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    margin-bottom: 15px;
}

.variations-link {
    border: 1px solid #D4D4D4;
    text-transform: uppercase;
    display: flex;
    padding: 9px 21px;
    transition: .3s;
    width: max-content;
}

.variations-link:hover {
    border: 1px solid #EC0000;
}

.d-main__features {
    display: flex;
    flex-direction: column;
    padding-right: 13px;
}

.d-main__features span {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    margin-bottom: 12px;
}

.d-main__features ul,
.d-desc ul {
    flex-direction: column;
    padding-left: 20px;
}

.d-main__features ul li,
.d-desc ul li {
    margin-bottom: 10px;
    font-size: 14px;
    position: relative;
}

.d-main__features ul li:before ,
.d-desc ul li:before {
    position: absolute;
    display: block;
    content: "";
    left: -10px;
    top: 8px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #333;
}

.card-control {
    display: flex;
    justify-content: space-between;
}

.card-control svg path ,
.card-control svg rect {
    transition: .3s;
}

.card-control div {
    cursor: pointer;
}

.card-control div:hover,
.card-control div:hover svg path ,
.card-control div:hover svg rect {
    fill: #EC0000;
    color: #EC0000;
}
.card-control div.active,
.card-control div.active svg path ,
.card-control div.active svg rect {
    fill: #EC0000;
    color: #EC0000;
}
.card-control div {
    display: flex;
    color: #848484;
    margin-right: 12px;
}

.card-control div svg {
    margin-right: 10px;
}

.card-info {
    border: 1px solid #D4D4D4;
    padding: 35px 30px;
    margin-top: 30px;
    position: relative;
}

.card-info__availability {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.card-info__availability svg {
    margin-right: 10px;
}

.card-price {
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    margin-bottom: 15px;
}

.d-desc {
    margin-bottom: 40px;
}

.card-desc ul {
    flex-direction: column;
    margin-bottom: 15px;
}

.card-desc ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

.card-desc ul li a {
    color: #EC0000;
}

.card-buttons button {
    background-color: transparent;
    width: 100%;
}

.d-main__add.button {
    background-color: #EC0000;
    width: 100%;
    color: #fff;
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.d-main__add.button a {
    color: #fff;
    padding: 15px 0;
    display: block;
    position: relative;
    width: calc(100% - 72px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-buttons button {
    height: 47px;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.d-main__add.button svg {
    margin-left: 10px;
}

.d-main__add:hover {
    background-color: #A60000;
}

.card-desc-popup {
    margin-left: 4px;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.card-desc-popup:hover + .card-info__popup {
    display: block;
}

.card-desc-popup:hover path {
    transition: .3s;
}

.card-desc-popup:hover circle {
    transition: .3s;
}

.card-desc-popup:hover path {
    fill: #EC0000;
}

.card-desc-popup:hover circle {
    stroke: #EC0000;
}

.card-info__popup {
    padding: 25px 20px;
    position: absolute;
    top: -90px;
    right: -83px;
    background-color: #fff;
    border: 1px solid #D4D4D4;
    width: 315px;
    font-size: 10px;
    z-index: 10;
    display: none;
}

.card-info__popup.active {
    display: block;
}

.card-info__popup span {
    font-weight: 700;
    color: #848484;
    display: flex;
}

.card-info__popup span svg {
    flex-shrink: 0;
    margin-right: 15px;
}

.sticker-list {
    flex-direction: column;
    position: absolute;
}

.sticker-item {
    background-color: #D9D9D9;
    font-weight: 600;
    width: max-content;
    padding: 6px 22px;
    margin-bottom: 5px;
    z-index: 11;
}

.d-main__slider {
    width: 45%;
    padding-bottom: 12px;
}

.d-main__slide {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.d-main__slide img {
    max-height: 440px;
    max-width: 100%;
}

.d-main__pagination,
.d-more__pagination {
    bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 320px) and (max-width:768px) {
.d-main__pagination,
    .d-more__pagination {
        margin-top:20px;
        margin-bottom:20px;
    }

}

.d-main__pagination .swiper-pagination-bullet,
.d-more__pagination .swiper-pagination-bullet {
    width: 45px;
    height: 6px;
    border-radius: 0;
    margin: 0 5px;
    cursor: pointer;
    z-index: 10;
}

.d-content {
    display: flex;
    flex-direction: column;
    margin-top: 75px;
}

.d-menu {
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 25px;
}

.d-menu__link {
    font-size: 20px;
    color: #848484;
    font-weight: 500;
    transition: .3s;
    padding: 25px 30px;
    position: relative;
    cursor: pointer;
}

.d-menu__link:after {
    display: block;
    position: absolute;
    content: "";
    transition: .3s;
}

.d-menu__link.active:after ,
.d-menu__link:hover:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #EC0000;
    bottom: -1px;
    left: 0;
}

.d-menu__item.active .d-menu__link ,
.d-menu__item:hover .d-menu__link {
    color: #333333;
}

.d-features {
    margin-bottom: 30px;
}

.d-features__table {
    width: 100%;
    font-size: 18px;
}

.d-features__table tr td {
    padding: 14px 25px;
}

.d-features__table tr td:first-child {
    color: #848484;
}

.d-features__table tr:nth-child(even) {
    background-color: #EAEAEA;
}

.d-features__table tr td a {
    color: #EC0000;
}

.d-desc__main {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 30px;
}
.d-desc__main a {
    color: #17AAE9;
    transition:  color 0.3s;
}
.d-desc__main a:hover {
    opacity: 0.7;
}
.d-desc__main p {
    margin-top: 0;
    line-height: 30px;
}

.d-desc__main p:last-child {
    margin-bottom: 0;
}
.d-desc h2 {
    font-family: "Play", sans-serif;
    font-weight: 400;
    font-size: 38px;
}
.d-desc h3 {
    font-family: "Play", sans-serif;
    font-weight: 400;
    font-size: 24px;
}
.d-desc ul {
    /*
    column-count: 4;
    column-gap: 7%;
    break-inside: avoid;
    */
    width: 100%;
    display: block;
    /*
    margin-bottom: 100px;
    */
    margin-bottom: 30px;
}

.d-desc ul li {
    font-size: 18px;
    line-height: 22px;
}

.d-desc__subtitle {
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    margin-bottom: 15px;
    display: block;
}

.d-desc__video {
    height: auto;
    position: relative;
}

.d-desc__video .video__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.d-desc__video-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.d-desc__video-layer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.d-desc__video-layer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.d-grid {
    margin-bottom: 40px;
}

.d-grid__list {
    display: flex;
    flex-direction: column;
}

.d-grid__item {
    display: flex;
    margin-bottom: 64px;
}

.d-grid__item:last-child {
    margin-bottom: 0;
}

.d-grid__item:nth-child(even) {
    flex-direction: row-reverse;
}

.d-grid__item:nth-child(even) .pic {
    margin-right: 0;
    margin-left: 113px;
}

.d-grid__item .pic {
    height: 416px;
    margin-right: 113px;
    width: 45%;
}

.d-grid__item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.d-grid__item .info {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.d-grid__item .info-title {
    font-size: 38px;
    line-height: 44px;
    color: #333333;
    font-family: "Play", sans-serif;
    margin-bottom: 25px;
}

.d-grid__item .info-text {
    font-size: 18px;
    line-height: 30px;
}

.d-more__slider {
    display: flex;
    padding-bottom: 28px;
}

.card-control--mobile {
    display: none;
}

.cart {
    padding-bottom: 100px;
}

.cart-table tr:first-child td ,
.checkout__goods tr:first-child td {
    font-size: 20px;
    color: #848484;
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 10px;
}

.checkout__goods tr td,
.cart-table tr td {
    text-align: center;
}

.cart-table tr td:first-child {
    text-align: left;
}

.cart-table tr td:nth-child(1) {
    width: 50%;
}

.cart-table tr td:nth-child(2) {
    width: 20%;
}

.cart-table tr td:nth-child(3) {
    width: 15%;
}

.cart-table tr td:nth-child(4) {
    width: 15%;
    white-space: nowrap;
}

.cart-table tr td:nth-child(5) {
    width: 10%;
}

.cart-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.cart-item__pic {
    width: 40%;
    height: 180px;
}

.cart-item__pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart-item__desc {
    display: flex;
    flex-direction: column;
    width: 60%;
    padding-left: 20px;
    padding-right: 20px;
}

.cart-item__desc span {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.cart-item__desc p {
    font-size: 22px;
    font-family: "Play", sans-serif;
    margin-top: 12px;
    margin-bottom: 0;
}

.cart-item__desc span svg {
    margin-right: 10px;
}

.cart-item__price {
    font-size: 20px;
    font-weight: 500;
}

.cart-table button {
    cursor: pointer;
    background-color: transparent;
    border: none;
    display: flex;
    margin: 0 auto;
}

.checkout__goods {
    margin-bottom: 60px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
/* Для Firefox */
input[type=number]{
    -moz-appearance: textfield;
}

.quantity-block {
    border: 1px solid #D4D4D4;
    height: 40px;
    width: 203px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.quantity-block button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px;
    cursor: pointer;
}

.quantity-num {
    width: 70px;
    text-align: center;
    font-weight: 800;
    font-family: "Montserrat", sans-serif;
}

.cart-table tr:last-child {
    background-color: #EAEAEA;
}

.cart-table tr:last-child td {
    padding: 20px 30px;
}

.cart-table tr:last-child td:last-child {
    font-size: 12px;
    color: #848484;
}

.cart-table tr:last-child td:nth-child(1) {
    font-size: 20px;
    font-weight: 700;
}

.cart-table tr:last-child td:nth-child(2) {
    font-size: 24px;
    font-weight: 600;
}

.cart-table tr:last-child td:nth-child(4) {
    font-size: 24px;
    font-weight: 700;
}

.cart-buttons {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.cart-buttons .button {
    font-size: 16px;
    padding: 20px 48px;
}

.checkout {
    display: flex;
}

.checkout__container {
    width: 68%;
    padding-right: 20px;
}

.checkout__info {
    width: 32%;
    /*height: max-content;*/
}

.checkout__goods td:nth-child(1) {
    width: 60%;
}

.checkout__goods td:nth-child(2) {
    width: 20%;
}

.checkout__goods td:nth-child(3) {
    width: 20%;
}

.checkout__item-pic {
    width: 90px;
    height: 90px;
}

.checkout__item-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.checkout__item {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.checkout__item-name {
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    padding-left: 20px;
    font-family: "Play", sans-serif;
    text-align: left;
}

.checkout__goods td:first-child {
    text-align: left;
}

.cart-item__price {
    font-size: 20px;
    font-weight: 500;
}

.checkout__quantity {
    font-weight: 800;
}

.checkout__price {
    font-size: 20px;
    font-weight: 500;
}

.checkout__goods tr:last-child td {
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0;
}

.checkout__goods tr:last-child td:nth-child(2) {
    font-size: 24px;
    font-weight: 500;
}

.checkout__goods tr:last-child td {
    border-top: 1px solid #C4C4C4;
}

.checkout__goods  tr:last-child td:last-child {
    position: relative;
}

.checkout__goods  tr:last-child td:last-child:after {
    position: absolute;
    display: block;
    content: "без учета доставки";
    left: 50%;
    transform: translateX(-50%);
    bottom: 5px;
    font-size: 12px;
    color: #848484;
    font-weight: 500;
    width: 100%;
}

.checkout__info {
    /*padding: 30px 40px;
    background: #EAEAEA;*/
}

.checkout__info .title {
    font-size: 24px;
    margin-bottom: 40px;
    font-family: "Play", sans-serif;
    display: block;
}

.checkout__info-list {
    display: flex;
    flex-direction: column;
}

.checkout__info-item {
    display: flex;
    margin-bottom: 15px;
    font-weight: 500;
    justify-content: space-between;
}

.checkout__info-total {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 60px;
}

.checkout__info-total .summary {
    font-size: 24px;
    font-weight: 700;
}

.checkout__info .button {
    font-size: 16px;
    height: 62px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout__info-dots {
    flex: 1 0;
    height: 1em;
    margin: 0 10px;
    border-bottom: 1px dotted #848484;
}

.checkout__stage {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.checkout__stage-name {
    background: #EAEAEA;
    font-size: 24px;
    font-family: "Play", sans-serif;
    padding: 18px 40px;
    margin-bottom: 30px;
}

.checkout__radio-basic {
    display: none;
}

.checkout__radio {
    display: flex;
    align-items: center;
}

.checkout__radio-style {
    width: 20px;
    height: 20px;
    /*border: 1px solid #A8A8A8;*/
    box-shadow: 0px 0px 0px 1px #a8a8a8;
    border-radius: 50%;
    margin-right: 20px;
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout__radio-style:after {
    position: static;
    display: block;
    content: "";
    width: 80%;
    height: 80%;
    background: #17AAE9;
    border-radius: 50%;
    transition: .2s;
    /*transform: translate(-50%, -50%);*/
    transform: scale(0);
}

.checkout__radio-basic:checked
+ .checkout__radio-style:after {
    transform: scale(1);
}

.checkout__radio-basic:checked
~ .checkout__radio-inner .checkout__radio-desc {
    opacity: 1;
}

.checkout__stage-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-bottom: 40px;
}

.checkout__radio-inner {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.checkout__radio-desc {
    font-size: 12px;
    color: #848484;
    position: absolute;
    bottom: -40px;
    width: 100%;
    opacity: 0;
    transition: .2s;
}

.checkout__stage-link {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    height: 62px;
    margin-top: 30px;
}

.checkout__stage-input {
    position: relative;
}

.checkout__stage-input span {
    position: absolute;
    left: 17px;
    top: 6px;
}

.checkout__stage-options .checkout__stage-input input {
    width: 100%;
    border: 1px solid #BDBDBD;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    padding: 30px 17px 12px 17px;
}

.checkout__stage-input input::-webkit-input-placeholder  {
    color: #ADADAD;
}

.checkout__stage-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.stage-checkbox__basic {
    display: none;
}

.checkout__stage-checkbox .checkbox-style {
    width: 24px;
    height: 24px;
    border: 1px solid #A0A0A0;
    position: relative;
}

.checkout__stage-checkbox .checkbox-style:after {
    content: url(../img/accept.svg);
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1px;
}

.stage-checkbox__basic:checked + .checkbox-style:after {
    transform: scale(1);
}

.popup-quick {
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
}

.popup-quick__inner {
    padding: 50px 35px 30px;
    border-radius: 30px;
    background-color: #fff;
    display: flex;
    width: 1300px;
    position: relative;
}

.popup-quick__picture {
    width: 38%;
    height: 400px;
}

.popup-quick__picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.popup-quick__content {
    width: 62%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}

.popup-quick__name {
    font-size: 38px;
    line-height: 44px;
    font-family: "Play", sans-serif;
    margin-bottom: 30px;
    width: 100%;
}

.popup-quick__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    height: 47px;
}

.popup-quick__label {
    border: 1px solid #17AAE9;
    padding: 0 30px;
    display: flex;
    align-items: center;
}

.popup-quick__label svg {
    margin-right: 12px;
}

.popup-quick__label input {
    color: #17AAE9;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
}

.popup-quick__button {
    width: 100%;
    height: 100%;
    font-size: 14px;
}

.popup-quick__text {
    font-size: 12px;
    margin-top: 22px;
    display: block;
}

.popup-quick__close {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.reg-auth-success .h3 {
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 30px;
    width: 100%;
}


@media (max-width: 1919px) {
    .header__logo-desc {
       /* display: none; */
    }
    .d-main__info {
        width: 60%;
        margin-left: 30px;
    }
    .d-main__slider {
        width: 40%;
    }
    .variations-link {
        padding: 6px 10px;
    }
    .variations {
        margin-bottom: 25px;
    }
    .d-main__features {
        padding-right: 20px;
    }
    .card-info {
        padding: 25px;
    }
    .card-price {
        font-size: 33px;
        margin-bottom: 10px;
    }
    .d-main__info .warranty-line {
        margin-bottom: 30px;
    }
    .header__logo-desc {
        width: 225px;
    }
}

@media (max-width: 1680px) {
    .checkout__stage-link {
        width: 55%;
    }
    .popup-quick__inner {
        width: 90%;
    }
    .cart-table tr:last-child td {
        padding: 10px 20px;
    }
    .quantity-block {
        width: 100%;
    }
    .cart-item__pic {
        height: 160px;
    }
    .cart-buttons .button {
        padding: 15px 45px;
    }
    .variations-link {
        padding: 6px 15px;
        font-size: 14px;
    }
    .d-desc ul {
        /*
        margin-bottom: 70px;
        */
    }
    .d-content .s-title {
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .d-grid__item .pic {
        margin-right: 70px;
    }
    .d-grid__item:nth-child(even) .pic {
        margin-left: 70px;
    }
    .d-menu {
        padding-bottom: 20px;
    }
    .d-menu__link {
        padding: 20px 25px;
    }
    .variations-link {
        padding: 6px 17px;
    }
    .card-info {
        padding: 30px 25px;
    }
    .d-main__slider {
        width: 40%;
    }
    .d-main__info {
        width: 60%;
        margin-left: 30px;
    }
    .catalog__grid-item .img {
        height: 262px;
    }
    .c-filter__range-inputs input {
        font-size: 15px;
    }
    /*.catalog__item-control .add-to-cart {
        width: 24%;
    }*/
    .d-main__add.button a {
            width: calc(100% - 50px);
    }
}

@media (max-width: 1200px) {
    .checkout__stage-link {
        width: 100%;
    }
    .checkout {
        flex-direction: column;
    }
    .checkout__container {
        width: 100%;
        padding-right: 0;
    }
    .checkout__info {
        width: 100%;
        height: max-content;
        margin-top: 30px;
    }
    .checkout__goods tr:first-child td ,
    .cart-table tr:first-child td {
        font-size: 18px;
    }
    .cart-item__pic {
        height: 130px;
    }
    .cart-item__pic {
        width: 30%;
    }
    .cart-item__desc {
        width: 70%;
    }
    .cart-item__desc p {
        font-size: 18px;
        margin-top: 10px;
    }
    .cart-item__desc span {
        font-size: 14px;
    }
    .quantity-block {
        width: 75%;
    }
    .cart-item__price {
        font-size: 18px;
    }
    .cart-table tr:last-child td:nth-child(1),
    .cart-table tr:last-child td:nth-child(4),
    .cart-table tr:last-child td:nth-child(2) {
        font-size: 18px;
    }
    .d-desc ul {
        /*
        column-gap: 2%;
        */
    }
    .d-main__slider {
        height: 470px;
    }
    .d-main__info {
        width: 70%;
        margin-left: 25px;
    }
    .d-main__slider {
        width: 30%;
    }
    .catalog__item-control .add-to-cart {
        /*width: 22%;*/
    }
    .c-filter__title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .catalog__grid-item .img {
        height: 217px;
    }
    .catalog__items {
        grid-template-columns: 1fr 1fr;
    }
    .catalog__item {
        width: 48%;
    }
    .catalog__item-image {
        height: 175px;
    }
    .c-filter__header {
        /*padding: 16px;*/
        font-size: 18px;
    }
    .c-filter__header svg {
        width: 15px;
        height: 15px;
    }
    .catalog__sidebar-list li a {
        font-size: 17px;
    }
    /*.catalog__sidebar {
        width: 30%;
    }*/
    .c-filter__content {
        /*padding: 20px 16px;*/
    }
    .c-filter__features-list label {
        font-size: 14px;
    }
    .catalog__item-price {
        font-size: 18px;
    }
    .catalog__item-desc {
        font-size: 15px;
    }
    .catalog__item-control .quick-order {
        font-size: 12px;
    }
    .c-filter__buttons button {
        padding: 14px;
    }
}
.p-title span {
    display: none;
}
@media (max-width: 1024px) {
    .article-page__filter a.active:after, .article-page__filter a:hover:after {
        display: none;
    }
    .p-title span {
        display: block;
    }
    .popup-quick__label {
        height: 40px;
    }
    .popup-quick__buttons {
        grid-template-columns: 1fr;
        height: auto;
        gap: 10px;
    }
    .popup-quick__name {
        font-size: 40px;
        line-height: 47px;
        margin-bottom: 20px;
        width: 100%;
    }
    .popup-quick__inner {
        padding: 40px 80px;
    }
    .popup-quick__picture {
        height: 300px;
    }
    .d-more__slide.catalog__item {
        border: 1px solid #D4D4D4;
        padding: 10px;
    }
    .d-content .s-title {
        margin-top: 35px;
        margin-bottom: 25px;
        font-size: 41px;
    }
    .d-features__table {
        font-size: 16px;
    }
    .d-menu__link {
        font-size: 18px;
    }
    .d-desc__video {
        position: relative;
    }
    .d-desc__video iframe {
        max-height: 400px;
    }
    .d-grid__item .info-title {
        font-size: 32px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .d-grid__item .info-text {
        font-size: 16px;
        line-height: 24px;
    }
    .d-grid__item .pic {
        height: auto;
    }
    .catalog-mobile-drop {
        display: block;
    }
    .catalog__sidebar-list {
        display: none;
    }
    .article-page__filter.sidebar a ,
    .article-page__filter.sidebar span {
        color: #333;
        font-size: 16px;
    }
    .article-page__filter ul {
        display: none
    }
    .article-page__filter.sidebar {
        position: relative;
        margin-bottom: 20px;
    }
    .sidebar .video-sidebar__list  {
        background: #EAEAEA;
        width: 100%;
        padding-left: 40px;
        position: absolute;
        top: 49px;
        z-index: 100;
        display: none;
    }
    .sidebar .video-sidebar__list.active {
        display: flex;
    }
    .article-page__filter.sidebar ul li:first-child {
        display: none;
    }
    .video-sidebar__button {
        display: flex;
    }
    .catalog__sidebar-list  {
        background: #ffffff;
        border: 1px solid #D4D4D4;
        width: 100%;
        padding-left: 40px;
        position: absolute;
        top: 49px;
        z-index: 999;
        display: none;
        padding-bottom: 10px;
    }
    .catalog__sidebar-list.active {
        display: flex;
        width: 100%;
    }
    .catalog__sidebar {
        padding-right: 0;
        position: relative;
        margin-bottom: 25px;
    }
    .c-filter {
        background: #EAEAEA;
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin-bottom: 84px;
        z-index: 99999;
    }
    .c-filter.active {
        display: block;
        background: #ffffff;
        padding: 0 30px;
    }
    .catalog__sidebar {
        width: 100%;
        padding: 0;
    }
    .c-filter__header {
        display: none;
    }
    .c-filter__content {
        padding-top: 60px;
    }
    .c-filter__range-inputs input {
        background-color: #fff;
        padding: 8px 12px;
    }
    .c-filter__range-line {
        width: 98%;
    }
    .c-filter__buttons button {
        padding: 14px;
    }
    .c-filter__clear {
        background-color: transparent;
    }
    .c-filter__submit:hover {
        background-color: transparent;
    }
    .catalog .p-title {
        position: relative;
        display: flex;
        justify-content: space-between;
    }
    .catalog .p-title span {
        display: flex;
        align-items: center;
    }
    .c-filter.active .c-filter__content {
        display: block;
    }
    .c-filter.active .tags-block {
        padding: 25px 15px;
    }
    .c-filter.active hr {
        margin: 0;
    }
    .c-filter__submit, .c-filter__clear {
        font-size: 10px;
        line-height: 12px;
        padding: 15px 40px;
    }
    .c-filter__close {
        display: block;
        position: absolute;
        top: 11px;
        right: 11px;
        width: max-content;
        cursor: pointer;
    }
}

@media (max-width: 992px) {
    .popup-quick__inner {
        align-items: center;
    }
    .popup-quick__picture {
        height: 200px;
        width: 30%;
    }
    .popup-quick__content {
        width: 70%;
    }
    .popup-quick__name {
        font-size: 38px;
        line-height: 35px;
    }
    .popup-quick__inner {
        padding: 55px 80px;
    }
    .checkout__radio-desc {
        bottom: -50px;
    }
    .quantity-block {
        width: 100%;
    }
    .cart-table tr td {
        padding: 0 5px;
    }
    .checkout__goods tr:first-child td ,
    .cart-table tr:first-child td {
        font-size: 16px;
    }
    .cart-item__pic {
        width: 20%;
    }
    .cart-item__desc {
        width: 80%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .cart-item__desc p {
        font-size: 16px;
        margin-top: 5px;
    }
    .cart-item__desc span {
        font-size: 12px;
    }
    .cart-item__desc span svg {
        margin-right: 6px;
        width: 13px;
        height: 13px;
    }
    .cart-item__price {
        font-size: 15px;
    }
    .cart-table tr td:nth-child(2) {
        width: 14%;
    }
    .cart-table tr td:nth-child(3),
    .cart-table tr td:nth-child(4) {
        width: 20%;
    }
    .cart-table tr td:nth-child(1) {
        width: 45%;
    }
    .cart-table tr:last-child td {
        padding: 10px;
    }
    .cart-table tr td:nth-child(5) {
        width: 6%;
    }
    .cart-item {
        padding: 5px 0;
    }
    .quantity-block {
        height: 35px;
    }
    .cart-buttons .button {
        padding: 15px 30px;
        font-size: 14px;
    }
    .cart-table tr:last-child td:nth-child(4) {
        font-size: 16px;
    }
    .cart-item__pic {
        height: 100px;
    }
    .d-main__info .warranty-line {
        margin-bottom: 30px;
        /*justify-content: space-between;*/
    }
    .card-control--mobile {
        display: flex;
        width: 44%;
    }
    .card .card-control {
        display: none;
    }
    .card-info {
        padding: 40px 60px;
    }
    .card-info__availability {
        float: right;
        margin-bottom: 0;
        margin-top: 10px;
    }
    .d-main {
        flex-direction: column;
    }
    .d-main__slider {
        width: 100%;
        margin-bottom: 20px;
    }
    .d-main__info {
        width: 100%;
        flex-direction: column;
        margin-left: 0;
    }
    .d-main__info .desc {
        width: 100%;
    }
    .d-main__info .card {
        width: 100%;
        margin-left: 0;
    }
    .card-buttons {
        display: flex;
        gap: 20px;
        flex-direction: row-reverse;
    }
    .d-menu__link {
        padding: 13px;
        font-size: 16px;
    }
    .d-menu {
        padding-bottom: 13px;
    }
    .d-content .s-title {
        font-size: 36px;
    }
    .d-desc ul {
        /*
        column-count: 2;
        */
        /*
        margin-bottom: 40px;
        */
    }
    .catalog__item-control .quick-order {
        font-size: 10px;
    }
    .catalog__item-control .add-to-cart svg {
        width: 11px;
        height: 11px;
    }
    .catalog__item {
        padding: 13px;
    }
    .catalog__item-icons .compare {
        margin-right: 0;
    }
    .catalog__item-icons svg {
        height: 15px;
    }
    .catalog__item-price {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .catalog__item-desc {
        font-size: 13px;
        line-height: 18px;
    }
    .catalog__item-control {
        height: 32px;
    }
    .c-filter__buttons button {
        padding: 12px;
        font-size: 10px;
    }
    .c-filter__features {
        margin-bottom: 26px;
    }
    .c-filter__range-line .ui-slider-range,
    .c-filter__range-line {
        height: 4px;
    }
    .c-filter__features-list label {
        font-size: 10px;
    }
    .c-filter__features-list .checkbox-style {
        width: 17px;
        height: 17px;
    }
    .c-filter__range-line .ui-slider-handle {
        border: 2px solid #333333;
        top: -6px;
        width: 14px;
        height: 14px;
        transform: translateX(2px);
    }
    .c-filter__range-inputs input {
        font-size: 10px;
    }
    .c-filter__range-inputs input {
        padding: 7px 12px;
    }
    .catalog__grid {
        grid-template-columns: 1fr 1fr;
    }
    .catalog__grid-item .img img {
        height: 100%;
    }
    .catalog__grid-item .img {
        height: 323px;
    }
    .d-grid__item ,
    .d-grid__item:nth-child(even) {
        flex-direction: column;
    }
    .d-grid__item .pic {
        width: 100%;
        margin-right: 0;
        height: 515px;
        margin-bottom: 30px;
    }
    .d-grid__item:nth-child(even) .pic {
        margin-left: 0;
    }
    .d-grid__item .info {
        width: 100%;
    }
    .card-info__popup {
        top: -133px;
        right: -22px;
    }
}

@media (max-width: 768px) {
    .article-page__filter ul {
        display: none
    }
    .breadcrumbs {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .popup-quick__name {
        font-size: 32px;
        line-height: 35px;
    }
    .popup-quick__inner {
        width: 95%;
    }
    .checkout__goods tr:last-child td,
    .checkout__goods tr:last-child td:nth-child(2) {
        font-size: 18px;
    }
    .checkout__goods tr:last-child td:last-child:after {
        bottom: -12px;
    }
    .checkout__item-name {
        font-size: 18px;
        line-height: 22px;
    }
    .checkout__stage-name {
        font-size: 20px;
        padding: 15px 20px;
        margin-bottom: 20px;
    }
    .checkout__goods {
        margin-bottom: 45px;
    }
    .checkout__radio-desc {
        bottom: -63px;
    }
    .checkout__stage-options {
        padding-bottom: 50px;
    }
    .checkout__stage-link {
        font-size: 14px;
        height: 53px;
    }
    .checkout__stage-options {
        gap: 10px;
    }

    .cart-item__pic {
        display: none;
    }
    .cart-item__desc {
        width: 100%;
        padding-left: 0;
    }
    .checkout__info {
        margin-top: 30px;
    }
    .checkout__info-total {
        margin-bottom: 40px;
    }
    .checkout__info .button {
        font-size: 14px;
        height: 53px;
    }
    .checkout__radio-text {
        font-size: 15px;
    }
    .cart-table tr:first-child td {
        font-size: 11px;
    }    
    .cart-table tr td:nth-child(3) div {
        font-size: 11px;
        white-space: nowrap;
    }
    .card-buttons {
        gap: 10px;
    }
    .quantity-num {
        width: 30px;
    }
    .cart-table tr td:nth-child(3){
      width: 15%;
    }
    .cart-table tr td:nth-child(4) {
      width: 25%;
    }
    .cart-item__desc p {
        font-size: 14px;
        margin-top: 5px;
    }
    .cart-item__desc span {
        font-size: 10px;
    }
    .cart-table tr:last-child td:nth-child(1), .cart-table tr:last-child td:nth-child(4), .cart-table tr:last-child td:nth-child(2) {
        font-size: 14px;
    }
    .cart-table tr:last-child td:last-child {
        font-size: 10px;
    }
    .cart-table tr:last-child td {
        padding: 5px;
    }
    .cart-item {
        padding: 9px 0;
    }
    .cart-buttons .button {
        padding: 10px 20px;
        font-size: 12px;
    }
    .cart-item__delete svg {
        width: 12px;
        height: 12px;
    }
    .quantity-num {
        font-size: 12px;
    }
    .d-desc ul {
        /*
        column-gap: 10%;
        */
    }
    .card-info {
        padding: 20px 30px;
    }
    .d-main__info .warranty-line {
        /*flex-direction: column;*/
        align-items: flex-start;
    }
    .card-control--mobile {
        display: flex;
        width: 62%;
        margin-top: 15px;
    }
    .card-control div {
        align-items: center;
    }
    .d-menu__link {
        padding: 8px 5px;
        font-size: 13px;
    }
    .d-menu {
        justify-content: space-between;
        padding-bottom: 7px;
    }
    .d-main__slider {
        height: 350px;
    }
    .d-features__table {
        font-size: 15px;
    }
    .d-features__table tr td {
        padding: 10px 15px;
    }
    .d-content .s-title {
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .d-grid__item .pic {
        height: 330px;
        margin-bottom: 10px;
    }
    .d-grid__item .info-title {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 5px;
    }
    .d-grid__item {
        margin-bottom: 35px;
    }
    .catalog__filter-open {
        display: block;
        width: max-content;
        position: absolute;
        z-index: 1;
        right: 0;
        top: -55px;
        cursor: pointer;
    }

    .c-filter__features-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px 0;
    }
    .c-filter__features-list label {
        margin-bottom: 0;
        margin-right: 15px;
    }
    .c-filter__features-list .checkbox-style {
        margin-right: 6px;
    }
    .catalog__grid-item .img {
        height: 245px;
    }
    .catalog__grid {
        gap: 20px;
    }
    .catalog__content {
        width: 100%;
    }
    .d-main__add.button a {
            width: calc(100% - 70px);
    }

    
}

@media (max-width: 574px) {
    .popup-quick__inner {
        padding: 30px;
    }
    .popup-quick__picture {
        width: 100%;
    }
    .popup-quick__content {
        width: 100%;
        padding-left: 0;
    }
    .popup-quick__name {
        font-size: 28px;
        line-height: 30px;
    }
    .cart-item__desc p {
        font-size: 12px;
        margin-top: 5px;
    }
    .cart-table tr:last-child td:nth-child(1), .cart-table tr:last-child td:nth-child(4), .cart-table tr:last-child td:nth-child(2) {
        font-size: 12px;
    }
    .quantity-num {
        width: 22px;
        font-size: 10px;
    }
    .quantity-block {
        height: 30px;
    }
    .cart-item__price {
        font-size: 11px;
    }
    .cart-table tr:last-child td:last-child {
        font-size: 8px;
    }
    .cart-table tr td:nth-child(1) {
        width: 30%;
    }
    .cart-table tr td:nth-child(5) {
        width: 10%;
    }
    .cart-table tr td:nth-child(2) {
        width: 20%;
    }
    .cart-item__desc p {
        font-size: 10px;
    }
    .cart-table tr:first-child td {
        font-size: 8px;
    }
    .cart-item__desc span {
        font-size: 9px;
    }
    .cart-item__desc span svg {
        margin-right: 4px;
        width: 10px;
        height: 10px;
    }
    .quantity-block button {
        padding: 4px;
    }
    .quantity-block button svg {
        width: 10px;
    }
    .cart-buttons .button {
        padding: 7px 15px;
        font-size: 10px;
    }
    .cart-buttons {
        margin-top: 15px;
    }
    .cart {
        padding-bottom: 60px;
    }
    .card-info__popup {
        top: -133px;
        right: 65px;
    }
    .catalog__grid-item .img {
        height: 149px;
        margin-bottom: 7px;
    }
    .catalog__grid {
        gap: 20px 8px;
    }
    .catalog__grid-item .name {
        font-size: 12px;
    }
    .catalog__item {
        padding: 10px;
    }
    .catalog__item-image {
        height: 125px;
    }
    .catalog__items {
        gap: 12px;
    }
    .catalog__item-price {
        font-size: 12px;
        line-height: 13px;
    }
    .catalog__item-desc {
        font-size: 10px;
        line-height: 14px;
    }
    .catalog__item-control .quick-order {
        font-size: 9px;
    }
    .card-control--mobile {
        width: 100%;
    }
    .card-info {
        padding: 20px;
    }
    .card-buttons {
        gap: 10px;
        flex-direction: column;
    }
    .d-main__add.button {
        margin-bottom: 0;
    }
    .d-menu {
        display: none;
    }
    .d-content {
        margin-top: 0;
    }
    .d-features__table tr td {
        padding: 10px;
    }
    .d-features__table {
        font-size: 14px;
    }
    .d-desc__main {
        font-size: 16px;
        line-height: 24px;
    }
    .d-desc ul li {
        font-size: 16px;
    }
    .d-desc {
        margin-bottom: 10px;
    }
    .checkout__goods tr:first-child td {
        font-size: 13px;
    }
    .checkout__price {
        font-size: 16px;
    }
    .checkout__quantity {
        font-size: 14px;
    }
    .checkout__goods tr:last-child td {
        padding: 10px 0;
    }
    .checkout__goods tr:last-child td, .checkout__goods tr:last-child td:nth-child(2) {
        font-size: 16px;
    }
    .checkout__goods tr:last-child td:last-child:after {
        bottom: -22px;
    }
    .checkout__stage-options {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .checkout__radio-desc {
        position: static;
    }
    .checkout__radio {
        align-items: baseline;
    }
    .checkout__radio-style {
        top: 2px;
        margin-right: 15px;
    }
    .checkout__stage-options {
        padding-bottom: 0;
    }
    .checkout__stage-options .checkout__stage-input input {
        font-size: 16px;
    }
    .checkout__stage-input:last-child {
        margin-bottom: 15px;
    }
    .checkout__stage-checkbox {
        align-items: flex-start;
    }
    .checkout__info {
        margin-top: 15px;
    }
    .checkout__info {
        padding: 20px;
    }
    .checkout__info .title {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .checkout__info-item {
        margin-bottom: 10px;
    }
    .checkout__info-total {
        margin-bottom: 30px;
    }
    .checkout__stage-input span {
        top: 5px;
        font-size: 12px;
    }
    .checkout__stage-options .checkout__stage-input input {
        padding: 20px 15px 12px 15px;
    }
    .checkout__stage-checkbox span:last-child {
        font-size: 14px;
    }
    .checkout__stage-checkbox .checkbox-style {
        width: 20px;
        height: 20px;
    }
    .checkout__stage-checkbox {
        margin-bottom: 12px;
    }
}

@media (max-width: 414px) {
    .card-info__popup {
        top: -133px;
        right: 38px;
    }
    .catalog__grid-item .img {
        height: 188px;
    }
    .c-filter__content, .c-filter {
        overflow-y: scroll;
    }
    .checkout__item-name {
        font-size: 16px;
        padding-left: 0;
    }
    .checkout__item-pic {
        display: none;
    }
    .checkout__stage-name {
        font-size: 18px;
        padding: 12px 15px;
        margin-bottom: 15px;
    }
    .checkout__stage-link {
        font-size: 13px;
        height: 45px;
        margin-top: 15px;
    }
    .checkout__stage {
        margin-top: 15px;
    }
    .checkout__stage-options .checkout__stage-input input {
        padding: 20px 15px 8px 15px;
    }
    .checkout__info .title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .checkout__info-item {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .checkout__info-total {
        font-size: 16px;
    }
    .checkout__info-total .summary {
        font-size: 18px;
    }
    .checkout__info .button {
        font-size: 14px;
        height: 45px;
    }
}

@media (max-width: 375px) {
    .checkout__quantity {
        font-size: 14px;
        font-weight: 600;
    }
    .checkout__goods tr:last-child td, .checkout__goods tr:last-child td:nth-child(2) {
        font-size: 14px;
    }
    .checkout__price {
        font-size: 14px;
    }
    .catalog__item-control {
        height: 35px;
    }

    .catalog__item-control .add-to-cart {
        /*width: 18%;*/
        font-size: 10px;
    }
    .catalog__filter-open {
        top: -42px;
    }
    .c-filter__content {
        padding-top: 30px;
    }
    .article-page__filter ul {
        display: none
    }
    .catalog__grid-item .img {
        height: 168px;
    }
    .catalog__grid {
        margin-bottom: 60px;
    }
}

.article-page__filter ul li {
    margin: 12px 40px 12px 0
}

.article-page__filter .filter-item {
    display: none
}

@media (max-width: 1024px) {
    .article-page__filter .filter-item {
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 768px) {
    .article-page__filter .filter-item {
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 320px) {
    .article-page__filter .filter-item {
        display: flex;
        flex-direction: column
    }
}

.article-page__filter .filter-item span {
    display: block;
    margin-bottom: 5px
}

.article-page__filter .filter-item .filter-container {
    margin-bottom: 20px;
    /*border: 1px solid #d8d8d8;*/
    position: relative
}

.article-page__filter .filter-item .filter-container:after {
    position: absolute;
    content: url(../img/down-arrow.svg);
    top: 50%;
    right: 22px;
    transform: translateY(-50%)
}

.article-page__filter .filter-item .filter-container select {
    padding: 20px;
    border: 0;
    outline: 0;
    background: #ffffff;
    box-shadow: 0px 11px 17px -12px rgb(0 0 0 / 20%);
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 18px
}
.article-page__filter a, .sidebar__level-item {
    font-size: 18px;
    line-height: 24px;
    color: #848484;
    display: inline-block;
    position: relative;
}
footer a:hover {
    color: #17AAE9;
}
/*a.active:after ,
a:hover:after {
    position: absolute;
    top: 2px;
    right: -24px;
    content: url(../img/list-arrow.svg)
}*/

.article-page__item {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-bottom: 40px
}

.sidebar__level-item svg {
    cursor: pointer;
    position: absolute;
    left: -26px;
    top: 7px;
    transform: rotate(-90deg);
    transition: .3s;
}

.sidebar__level-item {
    cursor: pointer;
}

.sidebar__level-item.active svg {
    transform: rotate(0deg);
}
.catalog .subsection-list ul {
    width: max-content;
}
.article-page .subsection-list ul {
    width: max-content;
}
.article-page .tabs .subsection-list ul {
    width: auto;
}
.new-button1 {
    background: #17AAE9;
    color: #fff;
    border: 1px solid #17AAE9;
    padding: 15px;
}
@media(max-width: 1680px) {
    .new-button1{
        width: 100% !important;
    }
.article-page .subsection-list ul {
    max-width: 100%;
}
}
@media (max-width: 767px) {
    .catalog .subsection-list {
        overflow: auto;
    }
    
    .article-page .subsection-list {
        overflow: auto;
    }
    
    .subsection-list > ul > li > a {
        line-height: 18px;
    }
    .new-button1 {

    }
}
@media (max-width: 375px) {
    .article-page__item {
        flex-direction: column
    }
}

.addToCompare {
    display: flex;
    gap: 10px;
}
.article-page__link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-decoration: none;
    z-index: 1;
}

.article-page__item-img, .article-page__item-img .video-icon {
    position: relative
}

.article-page__item-text {
    margin-left: 22px;
    width: 60%;
}

.article-page__item-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}


.article-page__item-img .video-icon:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background: url(../img/video.png) center center no-repeat;
    background-color: rgba(0, 0, 0, .2)
}

.article-page__item-text {
    margin-left: 40px
}


.article-page__item-abstract {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px
}


@media (max-width: 1200px) {
    .article-page__item-text {
        margin-left: 20px;
    }
    .article-page__item-title {
        font-size: 22px;
        line-height: 26px;
        margin: 10px 0 16px;
    }
    .article-page__item-abstract {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 10px;
    }
}

@media (max-width: 375px) {
    .article-page__item-text {
        margin-left: 0
    }
}

.article-page__item-title {
    font-size: 26px;
    line-height: 30px;
    margin: 10px 0 20px
}

@media (max-width: 768px) {
    .article-page__item-title {
        font-size: 20px;
        line-height: 26px
    }
}

@media (max-width: 375px) {
    .article-page__item-title {
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .article-page__item-abstract {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 375px) {
    .article-page__item-abstract {
        font-size: 16px;
        line-height: 24px
    }
}

.article-page__item-viewed {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    line-height: 16px;
    color: #848484
}

.article-page__item-viewed:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: url(../img/eye.svg)
}

.article-page {
    position: relative
}
.article-page.faq p {
    font-size: 18px;
    line-height: 30px;
}
.article-page--with-right-side .container {
    display: flex;
    flex-direction: row;
}

.article-page--with-right-side .container .right-side {
    background: #eaeaea;
    padding-top: 250px;
}

.article-page--with-right-side .container .right-side:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 100%;
    background: #eaeaea;
    z-index: -1
}

@media (max-width: 1024px) {
    .article-page--with-right-side .container .right-side {
        display: none
    }
    .contacts .subsection-list {
        overflow-x: auto;
        position: relative;
        width: 1000px;
    }
    .subsection-list::-webkit-scrollbar {
        width: 0;
    }
    .contacts .subsection-list ul {
        width: 1300px;
        padding-right: 240px;
    }
}

@media (max-width: 820px) {
    .contacts .subsection-list {
        width: 900px;
    }
}

@media (max-width: 768px) {
    .article-page--with-right-side .container .right-side {
        display: none
    }
}

@media (max-width: 767px) {
    .contacts .subsection-list {
        width: 600px;
    }
}

.article-page--with-right-side .container .left-side {
    width: 65%;
    padding-right: 40px;
}

.article-page--with-right-side .container .right-side {
    width: 35%;
}


.article-page__container, .article-page__history .line {
    display: flex;
    flex-direction: row;
    margin-bottom: 40px
}

.sidebar__sub-list {
    padding-left: 30px;
    margin-top: 20px;
    display: block;
    flex-direction: column;
}

.sidebar .sidebar__sub-list li {
    margin: 7px 0;
}

.article-page__item-img .video-icon {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .article-page__container {
        flex-direction: column
    }
}

@media (max-width: 375px) {
    .article-page__container {
        flex-direction: column
    }
}
.article-page__text {
    font-size: 18px;
    line-height: 30px;
    width: 100%;
}

.article-page__text img {
    max-width: 100%;
    height: auto;
}
.article-page__text a {
    color: #17AAE9;
}
.article-page__text ul {
    flex-direction: column;
    margin-bottom: 15px;
}
.article-page__text ul li {
    list-style: inside;
    margin-bottom: 5px;
}
.article-page__text table, .article-page__text table td  {
    border: 0;
}
.article-page.p-warranty .article-page__text {
    font-size: 18px;
    line-height: 30px;
    width: 60%;
}

.article-page .address-text p, .article-page__text p {
    margin-top: 0
}

.article-page .address-text p {
    width: 70%;
}

.article-page__img {
    display: flex;
    flex-direction: column;
    margin-left: 60px;
    width: 40%;
}

.article-page__img img {
    width: 100%;
    object-fit: contain;
}
.subsection-list li a.active:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -8px;
    width: 100%;
    border-bottom: 1px dashed #333;
}
.subsection-list li a.active {
    color: #333;
    font-weight: bold;
}
.subsection-list li {
    display: flex;
    align-items: center;
    position: relative;
}
.subsection-list li:hover a {
    color: #17AAE9 !important;
    text-decoration: none;
}
.subsection-list li.active a:after {
    color: #333;
}
.subsection-list li.active a {
    color: #333;
    font-weight: bold;
}
.subsection-list__arrow {
    margin-left: 8px;
    cursor: pointer;
    transform: rotate(179deg);
    transition: .3s;
    display: none;
}

.subsection-list__arrow.active {
    transform: rotate(0deg);
}

@media (max-width: 1200px) {
    .subsection-list__arrow {
        display: block;
    }
    .article-page--with-right-side .container .left-side {
        padding-right: 30px;
    }
    .aside-list__item {
        padding-left: 70px;
    }
    .contacts .subsection-list ul {
        width: 100%;
        padding-right: 0;
    }
    .contacts .subsection-list,
    .article-page--with-right-side .container .left-side {
        width: 100%;
        padding-right: 25px;
    }
}

@media (max-width: 1024px) {
    .aside-list__item a:hover:before {
        transform: rotate(0deg);
        left: -25px;
    }


    .article-page--with-right-side .container .left-side {
        width: 100%;
        padding-right: 0;
    }
    .article-page__img {
        flex-direction: row;
        gap: 20px;
        margin-left: 0
    }
    .article-page__text, .article-page__img {
        width: 100%;
    }
    .article-page__img {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .article-page__img {
        flex-direction: row;
        gap: 20px;
        margin-left: 0;
        width: 100%
    }
}

@media (max-width: 375px) {
    .article-page__img {
        flex-direction: column;
        gap: 20px;
        margin-left: 0;
        width: 100%
    }
}

.article-page__img-img {
    margin-bottom: 40px
}

@media (max-width: 768px) {
    .article-page__img-img img {
        width: 100%
    }
}

@media (max-width: 375px) {
    .article-page__img-img img {
        width: 100%
    }
}

@media (max-width: 768px) {
    .article-page__img-img {
        margin-bottom: 0
    }
}

@media (max-width: 375px) {
    .article-page__img-img {
        margin-bottom: 0
    }
}

.article-page__history {
    display: flex;
    flex-direction: column
}

.article-page__history .line {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 60px;
    gap: 0 90px;
}

.article-page__history img {
    width: 100%;
    object-fit: contain;
}

@media (max-width: 768px) {
    .article-page__history .line {
        flex-direction: column;
        margin-bottom: 20px
    }
}

@media (max-width: 375px) {
    .article-page__history .line {
        flex-direction: column;
        margin-bottom: 20px
    }
}

.article-page__timelaps-element {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 90px;
    margin-bottom: 40px;
}


.article-page__timelaps-element img {
    display: block;
    width: 100%
}

.article-page__timelaps-element .years {
    color: #d90000;
    font-size: 72px;
    line-height: 51px;
    margin: 0 0 11px 0;
}

@media (max-width: 1200px) {
    .article-page__history .line {
        gap: 0 45px;
        font-size: 16px;
        line-height: 26px;
    }
    .article-page__timelaps-element {
        gap: 0 45px;
        font-size: 16px;
        line-height: 26px;
    }
    .article-page__timelaps-element .years {
        font-size: 66px;
    }
}

@media (max-width: 992px) {
    .represent .article-page__img {
        grid-template-columns: 1fr;
    }
    .article-page__history img {
        height: 470px;
    }
    .article-page__history .line {
        grid-template-columns: 1fr;
        margin-bottom: 25px;
    }
    .article-page__history .line:last-child img {
        margin-bottom: 25px;
    }
    .article-page__timelaps-element {
        gap: 0 25px;
        margin-bottom: 0;
    }
    .article-page__timelaps-element .years {
        margin-top: 10px;
        font-size: 48px;
    }
    .article-page__timelaps-element:nth-child(3) img {
        margin-top: 330px;
    }
    .article-page__timelaps-element:nth-child(5) img {
        margin-top: 305px;
    }
    .article-page__timelaps-element:nth-child(7) img {
        margin-top: 275px;
    }
    .article-page__timelaps-element:nth-child(9) img {
        margin-top: 300px;
    }
    .article-page__timelaps-element:nth-child(5) .years {
        margin-top: -5px;
    }
    .article-page__timelaps-element:nth-child(7) .years,
    .article-page__timelaps-element:nth-child(9) .years {
        margin-top: 0;
    }
    .article-page__timelaps-element:nth-child(11) img {
        margin-top: 240px;
    }
    .article-page__timelaps-element:nth-child(11) .years {
        margin-top: -31px;
    }
    .article-page__timelaps-element:nth-child(13) img {
        margin-top: 195px;
    }
    .article-page__timelaps-element:nth-child(15) img {
        margin-top: 175px;
    }
    .article-page__timelaps-element img {
        display: block;
        width: 100%;
        height: 270px;
        object-fit: cover;
    }

}

@media (max-width: 767px) {
    .article-page__timelaps-element .years {
        font-size: 48px;
        line-height: 60px;
        margin: 15px 0 10px
    }
    .article-page__timelaps-element {
        flex-direction: column;
        display: flex;
    }
    .article-page__timelaps-element .text {
        margin-bottom: 30px;
    }
    .article-page__timelaps-element:first-child .text {
        display: none;
    }
    .article-page__timelaps-element .years {
        margin: 0px 0 5px;
    }
    .article-page__timelaps .article-page__timelaps-element img {
        margin-top: 30px;
    }
    .article-page__timelaps .article-page__timelaps-element img {
        margin-top: 0;
    }
    .article-page__timelaps-element:nth-child(3),
    .article-page__timelaps-element:nth-child(5),
    .article-page__timelaps-element:nth-child(7),
    .article-page__timelaps-element:nth-child(9),
    .article-page__timelaps-element:nth-child(11),
    .article-page__timelaps-element:nth-child(13),
    .article-page__timelaps-element:nth-child(15) {
        flex-direction: column-reverse;
    }
    .article-page__timelaps-element:nth-child(11) .years {
        margin-top: unset;
    }
    .article-page__history img {
        height: 220px;
        width: 100%;
        object-fit: cover;
    }
    .history .article-page__text .s-title {
        margin-bottom: 20px;
    }
}

@media (max-width: 414px) {
    .article-page__timelaps .article-page__timelaps-element img {
        height: 217px;
    }
}

@media (max-width: 375px) {
    .article-page__timelaps-element .years {
        font-size: 48px;
        line-height: 60px
    }
}

.article-page__timelaps-element .years span {
    font-size: 26px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .article-page__timelaps-element .years span {
        font-size: 20px;
        line-height: 26px
    }
}

@media (max-width: 375px) {
    .article-page__timelaps-element .years span {
        font-size: 20px;
        line-height: 26px
    }
}


.article-page .address {
    margin-top: 15px
}

.article-page .address-text {
    display: flex;
    flex-direction: row;
    font-size: 18px;
    line-height: 30px
}

@media (max-width: 375px) {
    .article-page .address-text {
        flex-direction: column
    }
}

.article-page .address-text span {
    color: #848484;
    width: 40%
}



.feedback-form__form {
    padding-bottom: 60px
}

.vacancies .s-title {
    text-align: left
}

.vacancies__content {
    display: flex;
    flex-direction: row;
    padding-bottom: 60px;
    gap: 40px
}

.vacancies__content .text {
    font-size: 18px;
    line-height: 30px;
}

.represent {
    padding-bottom: 115px;
}

@media (max-width: 992px) {
    .vacancies__content {
        flex-direction: column;
        gap: 10px;
    }
    .vacancies__content .img img {
        width: 100%;
        object-fit: cover;
    }
    .promo__grid {
        justify-content: initial;
    }
    .promo__grid .item-1, .promo__grid .item-2 {
        width: auto;
        max-width: 46%;
    }
}

@media (max-width: 375px) {
    .vacancies__content {
        flex-direction: column;
        padding-bottom: 20px
    }
}

@media (max-width: 768px) {
    .vacancies__content .img {
        display: none
    }
    .vacancies__content h3 {
        font-size: 21px;
    }
}

@media (max-width: 375px) {
    .vacancies__content .img {
        display: none
    }
}

.vacancies-list__list {
    flex-direction: column
}

.vacancies-list__top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #d4d4d4;
    padding: 54px 0;
    position: relative;
    align-items: center;
}

/*.vacancies-list__list-item:before {
    position: absolute;
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background-image:  url(../img/hh.svg);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}*/
.salary {
    font-weight: 600;
font-size: 26px;
line-height: 26px;
color: #333333;
display: block;
}
.salary__text {
    font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #AEAEAE;
margin-top: 6px;
}
.vacancies-list__content {
    display: none;
}
.vacancies-list__content h4 {
    font-weight: 600;
font-size: 22px;
line-height: 32px;
margin: 0 0 14px;
color: #525252;

}
.vacancies-list__content {
    font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #333333;
}
.vacancies-list__content p {
    margin: 0 0 25px;
}
.vacancies-list__content ul {
    display: block;
    list-style: inside;
    margin: 0 0 25px;
}
.vacancies-list__content .button {
        color: #17AAE9;
    border: 1px solid #17AAE9;
    display: inline-block;margin-bottom: 55px;
    margin-top: 40px;
}
.vacancies-list__content .button:hover {
color: #fff;
background: #17AAE9;
}
.vacancies-list__top {
    cursor: pointer;
}
.accordion__item.accordion__item--active .vacancies-list__content {
    display: block;
}
.accordion__item.accordion__item--active .vacancies-list__arrow {
    transform: rotate(180deg);
}
@media (max-width: 375px) {
    .vacancies-list__list-item {
        flex-direction: column
    }
}

.vacancies-list__list-item .position {
    width: 45%;
    font-size: 26px
}

@media (max-width: 768px) {
    .vacancies-list__list-item .position {
        width: 70%;
        font-size: 20px
    }
}

@media (max-width: 375px) {
    .vacancies-list__list-item .position {
        width: 100%;
        font-size: 18px
    }
}

.vacancies-list__list-item .position a {
    font-weight: 600
}

.vacancies-list__list-item .salary {
    width: 30%;
    font-size: 26px;
    line-height: 25px;
}

@media (max-width: 992px) {
    .vacancies-list__list-item .position {
        font-size: 22px;
    }
    .vacancies-list__list-item .salary {
        font-size: 20px;
    }
    .vacancies-list__list-item .date {
        font-size: 16px;
    }
}


@media (max-width: 768px) {
    .vacancies-list__list-item .salary {
        font-size: 20px;
    }
    .vacancies-list__content {
        font-size: 16px;
        line-height: 28px;
    }
    .vacancies-list__content .button {
        margin: 20px 0;
    }
    .vacancies-list__list-item .salary {
    font-size: 16px;
}
.vacancies-list__top{
    padding: 34px 0;
}
.vacancies-list__content h4 {
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 4px;
}
}

@media (max-width: 480px) {
    .contacts .subsection-list ul {
        width: 650px;
    }
    .vacancies__content {
        padding-bottom: 30px;
    }
    .vacancies-list__list-item .position {
        font-size: 19px;
    }
    .vacancies-list__list-item {
        align-items: center;
    }
}

@media (max-width: 414px) {
    .contacts .subsection-list ul {
        width: 650px;
    }
    .vacancies-list__list-item .position ,
    .vacancies-list__list-item .salary  {
        font-size: 17px;
    }
}

@media (max-width: 375px) {
    .vacancies-list__list-item .salary {
        width: 100%;
        font-size: 20px;
        text-align: left;
        margin-top: 5px;
    }
    .vacancies-list__list-item .position {
        font-size: 17px;
        width: 100%;
    }
    .catalog__item {
    width: 47.5%;
}
}

.vacancies-list__list-item .date {
    font-size: 18px;
    color: #aeaeae
}

@media (max-width: 768px) {
    .vacancies-list__list-item .date {
        display: none
    }
    
}

@media (max-width: 375px) {
    .vacancies-list__list-item .date {
        display: none
    } 
}
@media(max-width: 1200px) {
    .vacancies-list__list-item .salary {
        font-size: 22px;
    }
    .salary__text {
        font-size: 16px;
        line-height: 18px;
    }

    .article-page__text {
        font-size: 16px;
        line-height: 26px;
    }
    .vacancies__content .text {
        font-size: 16px;
        line-height: 26px;
    }
    .article-page h2 {
        font-size: 24px;
    }
    .article-page.p-warranty .article-page__text {
        font-size: 16px;
        line-height: 26px;
    }
    .article-page__text, .article-page__img {
        width: 100% !important;
        height: auto;
        grid-template-columns: 1fr;
    }
}
.vacancies-form {
    padding: 60px 0;
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 0 60px
}

.vacancies-form__links {
    display: flex;
    flex-direction: column;
    font-size: 18px;
}

.vacancies-form__links span {
    margin-bottom: 10px;
}

.vacancies-form__links b {
    font-size: 20px;
    font-weight: 600;
}

.vacancies-form__text .s-title {
    line-height: 38px;
}

.contacts .address {
    width: 100%;
}

.dealers__desc {
    margin-bottom: 40px;
    line-height: 30px;
}

.dealers__desc p {
    font-size: 18px;
    line-height: 30px
}

.dealers__desc a {
    color: #ec0000
}
.dealers__desc h2 {
    font-family: "Play", sans-serif;
    font-weight: 400;
    font-size: 38px;
    line-height: 44px;
}
.dealers__stores .t-title {
    margin-bottom: 30px
}

.dealers__stores-container {
    display: flex;
    justify-content: space-around;
    padding-bottom: 100px;
}

.dealers__stores-content {
    width: 50%;
    position: relative
}
#artfactormap {
    outline: none;
}
.artfactormap__row {
    padding-bottom: 0;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
.scroll-wrap {
scrollbar-width: auto;
scrollbar-color: #e0e0f4 #ffffff;
}

/* Chrome, Edge, and Safari */
.scroll-wrap::-webkit-scrollbar {
width: 16px;
}

.scroll-wrap::-webkit-scrollbar-track {
background: #ffffff;
}

.scroll-wrap::-webkit-scrollbar-thumb {
background-color: #e0e0f4;
border-radius: 10px;
border: 3px solid #ffffff;
}
.dealers-blocks {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 375px) {
    .dealers__stores-content {
        width: 100%
    }
}
.popup-quick__inner .button {
    width: 100%;
}
.fav-success .popup-quick__center {
    display: flex;
}
.popup.authorization form.basic-form {
    width: 100%;
}
.dealers-blocks .dealers-nav__item {
    padding: 19px 20px;
    display: flex;
    align-items: center;
}
.dealers-nav {
    margin: 0;
}
.dealers__stores-content:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 57px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 15.62%, #eee 100%);
    opacity: .6
}
.dealers__stores-content:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 7px;
    left: 0;
    right: 0;
    width: 100%;
    height: 57px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 15.62%, #eee 100%);
    opacity: .6
}
.dealer.active {
    background-color: #3ab7ec !important;
    color: #fff;
}
.dealer.active .item__address p {
    color: #fff !important;
}
.dealer.active .item__numbers p {
    color: #fff !important;
}
.dealer.active .contacts__item-link a {
    color: #fff !important;
}
.dealers__stores-content .scroll-wrap {
    max-height: 860px;
    overflow: auto
}

.dealers__stores-maps {
    width: 50%;
    /*margin-top: 115px;*/
}


.dealers__stores-filters {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 0 20px;
    margin-bottom: 26px;
}

@media (max-width: 768px) {
    .dealers__stores-filters {
        grid-template-columns:1fr;
        gap: 20px
    }
    .vacancies-form {
        grid-template-columns: 1fr;
    }
    .vacancies-form .basic-form__buttons {
        flex-direction: column;
    }
    .vacancies-form .basic-form__buttons .button {
        width: 100%;
    }
    .vacancies-form__text {
        margin-bottom: 40px;
    }
}

@media (max-width: 375px) {
    .dealers__stores-filters {
        grid-template-columns:1fr;
        gap: 20px
    }
}

.dealers__stores-filters .filter-item, .dealers__stores-list .item {
    display: flex;
    flex-direction: column
}

.dealers__stores-filters .filter-item span {
    display: block;
    margin-bottom: 5px
}

.dealers__stores-filters .filter-item .filter-container {
    border: 1px solid #d8d8d8;
    position: relative
}

.dealers__stores-filters .filter-item .filter-container:after {
    position: absolute;
    content: url(/HTML/img/down-arrow.svg);
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    pointer-events: none;
}

.dealers__stores-filters .filter-item .filter-container select {
    padding: 20px;
    border: 0;
    outline: 0;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 18px
}

.dealers__stores-list, .office__list {
    flex-direction: column
}

.dealers__stores-list .item {
    padding: 30px 20px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 18px;
    width: 100%;
    outline: none;
}

.dealers__stores-list .item__city {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px
}

.dealers__stores-list .item__name {
    font-size: 26px;
    margin-bottom: 20px;
    display: block;
    font-weight: 600
}

.dealers__stores-list .item__numbers {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.office__list-item {
    display: flex;
    flex-direction: row;
    gap: 26px;
    border-top: 1px solid #d4d4d4
}

.office__list-item-img {
    margin-right: 30px;
}

.office__list-item {
    padding: 30px 0;
}

.office__list-item .name {
    width: 40%;
    display: flex;
}

.office__list-item-name p,
.office__list-item-contacts p {
    margin-top: 0;
}

.office__list-item-contacts p:last-child {
    margin-bottom: 0;
}

.office__list-item-contacts p, .office__list-item-name h3, .office__list-item-name p {
    font-size: 18px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    color: #333
}

.office__list-item-name h3 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin: 0
}

.office__list-item-contacts {
    width: 60%
}
@media (max-width: 992px) {
    .office__list-item {
        padding: 20px 0;
    }
    .office__list-item-img {
        margin-right: 15px;
    }
    .office__list-item {
        flex-direction: column;
    }
    .office__list-item .name {
        width: 100%;
    }
    .office__list-item-contacts {
        width: 100%;
        padding: 0 48px;
    }
    .office__list-item-contacts p, .office__list-item-name p {
        margin-bottom: 10px;
    }
    .office__list-item {
        gap: 0;
    }
    .office__list-item-name h3 {
        margin-bottom: 12px;
    }
    .represent {
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .office__list-item-contacts {
        width: auto
    }
    .office__list-item-name h3 {
        font-size: 21px;
    }

}

@media (max-width: 320px) {
    .office__list-item-contacts {
        width: auto
    }
}

.office__buttons {
    margin-top: 40px
}

.office__buttons .button {
    display: inline-block
}


.warranty__attention {
    display: flex;
    flex-direction: column;
    padding-bottom: 60px
}

.warranty__attention-item {
    font-size: 18px;
    line-height: 30px;
    padding-left: 25px;
    position: relative;
}

.warranty__attention-item:after {
    position: absolute;
    display: block;
    content: url(../img/list-arrow.svg);
    left: 0;
    top: 0;
}

@media (max-width: 768px) {
    .warranty__attention-item {
        background-position: left 5px
    }
}

@media (max-width: 375px) {
    .warranty__attention-item {
        background-position: left 5px
    }
}

.warranty-form {
    padding: 60px 0;
}

.warranty-form .s-title {
    margin-bottom: 0
}

.warranty-form__caption {
    margin-bottom: 35px
}

.warranty-form__form .basic-form {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 16px
}

@media (max-width: 375px) {
    .warranty-form__form .basic-form {
        grid-template-columns:1fr
    }
}

.faq__content {
    font-size: 18px;
    line-height: 30px;
}

.history .article-page__text {
    width: 100%;
}

@media (max-width: 1680px) {
    .subsection-list > ul > li > a {
        color: #848484;
        font-size: 14px;
    }
    .subsection-list > ul {
        /*gap: unset;
        justify-content: space-between;*/
    }
}
.map_placeholder-mobile {
    display: none;
}
.tabs__content {
  display: none;
  padding-bottom: 200px;
}
.tabs__content.active {
  display: block;
}
.article-page--with-right-side.contacts .container .right-side {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    padding-top: 0;
}
@media (max-width: 767px) {
    .faq__content {
        font-size: 16px;
    }
    .accordion__item-title {
        padding: 15px 100px 15px 20px;
        display: flex;
        align-items: center;
    }
    .faq__content p {
        line-height: 24px;
    }
    .tabs__content {
        padding-bottom: 50px;
    }
    .article-page .address-text span {
        width: 30%
    }
    
}
@media (max-width: 375px) {
    .article-page .address-text span {
        width: 100%
    }
}
@media (max-width: 1025px) {
    .map_placeholder-mobile {
        position: relative;
        display: block;
    }
    .tabs__content {
        padding-bottom: 0;
    }
}
.page-zapchatsi {
    padding: 25px 0;
}
.page-zapchatsi a {
    color: #EC0000;
}
.page-zapchatsi .blocks-2-3 {
    display: flex;
    width: 70%;
    gap: 60px;
    align-items: center;
}
.page-zapchatsi h3 {
    font-family: "Play", sans-serif;
    font-weight: 400;
    font-size: 38px;
    line-height: 44px;
    margin: 0;
}
.page-zapchatsi p {
    font-size: 18px;
    line-height: 30px;
}
.page-zapchatsi .blocks-2-3.ofset-1-3 {
   margin-left: 20%;
}
.page-zapchatsi .opisanie h2 {
    font-family: "Play", sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 60px;
    text-align: center;
}
.page-zapchatsi .opisanie .block-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
}
.page-zapchatsi .opisanie .block-center a.btn-blue {
    height: 63px;
    background: #17AAE9;
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 0 40px;
    text-align: center;
}
.page-zapchatsi .opisanie .descript {
    margin: 100px 0; 
    font-size: 18px;
    line-height: 30px;
}
.width-full {
    width: 100%;
}
.cheker {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 50px;
    padding: 25px 0;
}
.cheker .form_radio {
    background: none;
    border: none;
    padding: 0;
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 15px;
}
.cheker .form_radio input[type=radio] {
    display: block;
}
.small-text {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 35px;
}
.small-text a {
    color: #EC0000;
}
.comparison__slider1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.comparison__slider2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.comparison__slider3 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.catalog__item.top-menu {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    border: none;
    border-right: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
}
.catalog__item.top-menu .catalog__item-image {
    height: auto;
    width: 30%;
    margin-bottom: 15px;
}
.hero__nav-list .hero-nav__item:nth-child(9) .hero-nav__sub {
    width: 920px;
}
.hero__nav-list .hero-nav__item:nth-child(9) .hero-nav__sub .hero-nav__sub-inner {
    height: auto;
    position: absolute;
    bottom: 0px;
}
.hero__nav-list .hero-nav__item:nth-child(9) .hero-nav__sub .hero-nav__sub-inner .hero-nav__sub-list {
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hero__nav-list .hero-nav__item:nth-child(9) .hero-nav__sub .hero-nav__sub-inner .hero-nav__sub-list li {
    width: 33%;
}
.hero__nav-list .hero-nav__item:nth-child(12) .hero-nav__sub .hero-nav__sub-inner {
    height: auto;
    position: absolute;
    bottom: 0px;
    width: 315px;
}
hr {
    border: 1px solid #bed0e2;
    margin: 35px 0;
}
.tags-block {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}
.tags-block a {
    text-decoration: underline;
    font-size: 14px;
    line-height: 24px;
    color: #848484;
}
.tags-block a:hover, .tags-block a.active {
    color: #EC0000;
    text-decoration: none;
} 
.comparsion-head {
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: 999;
    top: 0;
    box-shadow: 0px 5px 4px rgb(129 168 176 / 15%);
    display: none;
}
.comparsion-head.fixed {
    display: block;
}
.table-campare {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.table-campare .compare-title {
    font-size: 14px;
    line-height: 30px;
    color: #848484;
    height: 100%;
}
.table-campare .compare-discript a {
    font-size: 18px;
    line-height: 30px;
    color: #17AAE9;
    text-transform: uppercase;
}
.table-campare .compare-discript {
    font-size: 18px;
    line-height: 30px;
    color: #333333;
}
.table-campare > div {
    padding: 15px;
}
.table-campare > div:nth-child(2n) {
    background: #EAEAEA;
}
.comparce-wrap .list-compare {
    width: 20%;
}
.comparce-wrap .product-compare {
    width: 80%;
}
.product-compare {
    display: flex;
    align-items: center;
    position: relative;
}
.top-wrapper-compare {
    position: relative;
}
.product-compare-bottom {
    display: flex;
}
.list-compare {
    width: 30%;
    display: flex;
}
.wrapcom {

}
.checked-compare {
    margin: 30px 0;
}
.user-content {
	font-size: 16px;
    line-height: 28px;
}
.user-content a {
    color: #17AAE9;
}
.user-content h2 {
	font-family: "Play", sans-serif;
    font-weight: 400;
}
.user-content ul {
	flex-direction: column;
}
.user-content ul  li {
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}
.user-content ul  li:before {
	content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #17AAE9;
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 50%;
}
.erors {
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.erors .erors-title {
	font-size: 36px;
	line-height: 130%;
	color: #424242;
}
.erors .erors-desc {
	font-size: 22px;
	line-height: 130%;
	color: #424242;
}
.erors .blocks {
	width: 40%;
}
.erors a {
    background: #17AAE9;
    padding: 10px 140px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 50px;
}
.popup-quick.auth-regs .popup-quick__inner, .popup-quick__inner {
    max-width: 505px;
}
.popup-quick__inner {
    max-height: 100%;
    overflow-y: auto;
}
.popup-quick.auth-regs .popup-quick__content {
	padding: 0;
}
.popup-quick.auth-regs .popup-quick__content, .popup-quick.auth-regs .popup-quick__name {
	width: 100%;
}
.popup-quick.auth-regs .popup-quick__content .popup-quick__name {
	text-align: center;
    margin-bottom: 30px;
    font-size: 38px;
    line-height: 44px;
}
.popup-quick.auth-regs .popup-quick__buttons {
    display: flex;
    gap: 20px;
    flex-direction: column;
    height: auto;
}
.popup-quick.auth-regs .popup-quick__label {
	padding: 12px 30px;
}
.popup-quick.auth-regs .popup-quick__label input {
    width: 100%;
}
.popup-quick.auth-regs .text-bottom {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.popup-quick.auth-regs .text-bottom a {
	font-size: 12px;
	line-height: 130%;
	text-decoration-line: underline;
	color: #333333;
}
.popup-quick.auth-regs .popup-quick__button {
    padding: 13px 38px;
}
.popup-quick.auth-regs .recaptcha {
	width: 100%;
	max-width: 100%;
}
.popup-quick.auth-regs .text a {
	text-decoration: underline;
}
.variations-link {
    width: auto;
}
.newbbb {
    display: flex;
    flex-direction: column;
}
.newbbb .link-sheme {
    padding: 15px 38px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 15px;
}
.newbbb .cross22 {
    font-size: 14px;
    border: 1px solid #37b3e8;
    text-transform: uppercase;
    color: #37b3e8;
    margin-top: 10px;
}
.newbbb .cross22:hover {
    color: #fff;
    border: 1px solid #37B3E8;
    background-color: #37B3E8;
}
.button__close {
    cursor: pointer;
}
.checkout__stage-options .blocks-personal {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.checkout__stage-name.pays {
    display: grid;
    grid-template-columns: 0.6fr 1fr;
}
.checkout__stage-name.pays .subtitle-pay {
    font-size: 16px;
    line-height: 24px;
}
.checkout__stage-name.pays .desc-pay {
    font-size: 12px;
    line-height: 100%;
    color: #848484;
}
.checkout__stage-checkbox span {
    font-size: 16px;
    line-height: 18px;
    color: #575757;
}
.checkout__stage-checkbox a {
    color: #EC0000;
}
.checkout__stage-checkbox a:hover {
    text-decoration: underline;
}
.checkout__stage-options .blocks-delivery {
    box-shadow: 0 0 0 1px #d4d4d4;
    padding: 30px;
}
.checkout__stage-options .blocks-delivery.active {
    box-shadow: 0 0 0 1px #17aae9;
}
.checkout__stage-options .blocks-delivery .title-delivery {
    font-size: 16px;
    line-height: 24px;
}
.checkout__stage-options .blocks-delivery .desc-delivery {
    font-size: 12px;
    line-height: 100%;
    color: #848484;
    padding: 10px 0 20px;
}
.checkout__stage-options .blocks-delivery .list-delidery {
    display: flex;
    justify-content: space-between;
}
.checkout__stage-options .blocks-delivery .checkout__radio-text {
    font-size: 16px;
    line-height: 24px;
}
.checkout__stage-options .blocks-delivery .order-bottom-form-input {
    display: block;
}
.checkout__stage-options .blocks-delivery .order-bottom-form-input input  {
    height: auto;
}
.checkout__stage-options .blocks-delivery .checkout__radio-desc {
    bottom: -20px;
}
.checkout__stage-options {
    align-items: start;
}
#block-1 {
    display: none;
    flex-direction: column;
    gap: 20px;
    margin-top: 35px;
}
.scroll-left {
    z-index: 9;
	padding-left: 30px;
}



.sale-order-list-button {
    color: #fff !important;
}
.popup-quick--goods .popup-quick__inner {
    width: 600px;
    max-width: 100%;
    padding: 60px 50px 30px;
}
.popup-quick--goods .popup-quick__picture {
    height: auto;
    width: 25%;
}
.popup-quick--goods .popup-quick__name {
    width: 70%;
        font-size: 26px;
    line-height: 38px;
}
.popup-quick--goods .popup-quick__content {
    flex-direction: initial;
    padding-left: 0;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 30px;
}
.popup-quick--goods .h3 {
    font-size: 30px;
    line-height: 44px;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
}
.popup-quick--goods .popup-quick__button {
    height: auto;
}
.popup-quick--goods form {
    width: 100%;
}
.popup-quick--goods .popup-quick__label input {
    width: 100%;
    height: 40px;
}
.popup-quick--goods .popup-quick__label {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .checkout__stage-options .blocks-delivery {
        min-height: 162px;
    }
}
@media (max-width: 768px) {
    .checkout__stage-name.pays {
        grid-template-columns: 1fr;
    }
    .checkout__stage-name.pays .subtitle-pay {
        margin-top: 20px;
    }
    .page-zapchatsi .opisanie .block-center {
        flex-direction: column;
    }
    .erors {
    	flex-direction: column;
    }
    .erors .blocks {
	    width: 100%;
	}
	.erors a {
	    padding: 10px 0;
	    width: 100%;
	    text-align: center;
	}
    .warranty-form__form .basic-form {
        grid-template-columns: 1fr;
    }
    .footer-mobile-nav a .count {
        top: -5px;
        right: calc(50% - 25px);
    }
    .variations-list li {
        width: 100%;
        text-align: center;
    }
    .variations-link {}
}
@media (max-width: 1024px) {
    .page-zapchatsi .blocks-2-3 {
        width: 100%;
        gap: 20px;
    }
    .page-zapchatsi .block-images  {
        display: none;
    }
    .page-zapchatsi .blocks-2-3.ofset-1-3 {
       margin-left: 0;
    }
    .c-filter__features-list .checkbox-style {
        display: none;
    }
    .bx-filter-param-text {
        position: relative;
        padding: 9px 12px;
        border-radius: 500px;
        border: 1px solid #18aae8;
        font-size: 11px;
    }
    input:checked ~ .bx-filter-param-text {
        background: #18aae8;
        color: #fff;
    }
    .bx-filter-param-text {
        
    }
    .popup-quick--goods .h3 {
    font-size: 18px;
    line-height: 25px;
    }
    .popup-quick--goods
    .popup-quick--goods .popup-quick__name {
    font-size: 20px;
    line-height: 25px;
}
.popup-quick--goods .h3{
    margin-bottom: 15px;
}
.popup-quick__picture img {
    display: none;
}
.popup-quick--goods .popup-quick__name{
    width: 100%;
}
.popup-quick--goods {
    z-index: 1000;
    top: 220px;
}
}
@media(min-width: 1680px) {
    .article-page__item-img {
        overflow: hidden;
    }
}
input[name="EMAIL"].error {
    border: 1px solid red !important;
}
input[name="EMAIL"].ok {
    border: none;
}
.d-more {
    position: relative;
}
.d-more .swiper-button-next {
    right: -50px;
}
.d-more .swiper-button-prev {
    left: -50px; 
}
.swiper-button-next, .swiper-button-prev {
    top: 60%;
}
.d-more .swiper-button-next:after, .d-more .swiper-button-prev:after {
    color: #CCCCCC;
    border: 1px solid #CCCCCC;
    box-shadow: none;
    border-radius: 0;
}
.d-more__slider .catalog__item-image {
    height: auto;
}
.d-more .catalog__item-desc {
    font-size: 14px;
}
.d-more__slider {
    padding-left: 1px;
}
.d-more__slider .catalog__item-icons svg {
    height: 18px;
    width: 18px;
}
.d-more__slider .catalog__item-price {
    font-size: 18px;
}
@media(max-width: 1030px) {
    .scroll-left {
        display: none !important;
    }
}

@media(max-width: 1680px) {
    .dealers-blocks .dealers-nav__item {
        padding: 8px 20px;
    }
}
@media(max-width: 992px) {
    .dealers-nav {
        gap: 10px;
        flex-wrap: wrap;
    }
    .dealers-nav__item {
        margin: 0;
    }
    .dealers-blocks .dealers-nav__item {
        flex: 1 0 0;
    }
    .dealers__stores-container {
        flex-direction: column;
    }
    .dealers__stores-content {
        width: 100%;
        order: 2;
    }
    .dealers__stores-maps {
        width: 100%;
        height: 340px;
        order: 1;
        margin: 0;
    }
    .dealers__stores-content:after {
        bottom: 0;
    }
    .dealers__stores-filters {
        width: 100%;
    }
    .dealers__stores-list .item__name {
        word-break: break-word;
    }
    .dealer .contacts__item-icon {
        padding-left: 0;
        font-size: 16px;
    }
    #artfactormap {
        height: 340px;
    }
    .dealers-blocks {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }
    .dealers__stores-list .item__name {
        font-size: 24px;
    }
    .dealers__desc h2 {
        font-size: 24px;
        line-height: 24px;
    }
}
@media(max-width: 768px) { 
    .dealers__stores-content:before {
        top: 15px;
    }
    .dealers__stores-content:after {
        bottom: 10px;
    }
    .page-zapchatsi .opisanie .block-center a.btn-blue {
        width: 100%;
        justify-content: center;
    }
    .page-zapchatsi .opisanie .descript {
        margin: 30px 0;
    }
    .page-zapchatsi .opisanie h2 {
        font-size: 36px;
        line-height: 36px;
    }
    .page-zapchatsi .h1-title {
        font-size: 36px;
        line-height: 36px;
    }
        .subsection-list > ul {
        flex-wrap: wrap;
    }
    .article-page .subsection-list ul {
         width: auto;
    }
    .subsection-list li {
        width: 44%;
    }
.article-page .subsection-list {
    overflow: hidden;
}
      .user-content table td {
    padding: 5px 2px;
    font-size: 12px;
}
}
@media(max-width: 415px) {
    .dealers-blocks .dealers-nav__item {
        padding: 11px 20px;
    }
    .dealers__stores-filters {
        gap: 0;
    }
    .footer-mobile-nav__inner a svg {
        width: 25px;
    }
    .footer-mobile-nav__inner a span {
        margin-top: 0px;
        font-size: 9px;
        text-align: center;
    }

}
.bx-soa-cart-d {
  white-space: nowrap;
  min-width: 100px;
}
.header__personal-log, .header__button {
    position: relative;
    text-align: center;
    display: flex;
	margin-right: 30px;
	height: 25px;
}
@media(max-width: 1110px) {	
	.header__button {
		margin-right: 24px;
	}
	.header__nav-item {
		margin-right: 16px;
	}
}

.header__button-cart {
    position: relative;
    text-align: center;
    display: flex;
}

.header__personal-logout, .header__personal-login {
    position: absolute;
    bottom: -20px;
    left: -64%;
    white-space: nowrap;
    cursor: pointer;
	font-size: 12px;
	width: 81px;
    overflow: hidden;
}
.header__personal-out, .header__personal-txt {
    position: absolute;
    bottom: -20px;
    left: -4px;
    white-space: nowrap;
    cursor: default;
	font-size: 12px;
}
.header__personal-txt {
    left: -50%;
}
.auth__fail {
    color: #EC0000;
}

.header__personal-logout:hover {
    color: #3AB7EC;
}
.header__personal-popup {
    position: absolute;
    top: 27px;
    left: 50%;
    transform: translateX(-57%);
    padding: 20px 0;
    background:#fff;
    box-shadow: 8px -2px 20px rgb(0 0 0 / 5%);
    width: 210px;
    opacity: 0;
    z-index: 1;
}
.personal-popup:hover .header__personal-popup{
    opacity: 1;
}
.header__personal-popup a {
    display: block;
    color: #17AAE9;
}
.header__personal-popup a:hover {
    opacity: 0.7;
}
.personal-auth, .header__personal-name {
    margin-right: 15px; 
}

.header__personal-popup a {
    margin-bottom: 12px;
}
.header__personal-popup .cabinet {color: #333333;}
.header__personal-popup .cabinet:hover {color:#17AAE9}
.header__personal-popup .out-cabinet {color: #EC0000;}


.user-content table {
    border-collapse: collapse;
}
.user-content table, .user-content table td {
    border: 1px solid #333;
}
.user-content table td {
    padding: 5px 8px;
}
.user-content ul li {
    list-style: none;
}

@media(max-width: 415px) {
    .quantity-num {
      font-size: 10px;
      font-weight: normal;
      padding: 0px;
      margin: 0px;
    }
    .quantity-block button {
      padding: 0px;
    }
    .quantity-block {
      height: 25px;
    }
    .quantity-block button svg {
      width: 8px;
    }    
    .cart-item__desc {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .cart-item__desc span {
      font-size: 9px;
      white-space: nowrap;
    }
    tr.cart__item td{
        padding: 0px 2px;
    }
    .subsection-list > ul > li > a {
      font-size: 11px;
      line-height: 13px;
    }
    .subsection-list > ul > li.active::after {
      bottom: 0px;
    }
    .subsection-list > ul {
        padding-bottom: 0px;
    }
    .subsection-list {
      margin-bottom: 10px;
      padding: 0px 5px;
    }
    .cart-table tr:first-child td {
      padding: 0px 5px;
    }
    .cart-table tr td:nth-child(5) {
        max-width: 10px;
    }
    .cart-table tr:last-child td:nth-child(5) {
        max-width: unset;
    }
          .user-content table td {
    padding: 5px 2px;
    font-size: 12px;
}

}
.sale-order-list-button{
    color: #fff;
    border: 1px solid #37B3E8;
    background-color: #37B3E8;
}
.sale-order-list-button:hover{
    background-color: #093E78;
    border: 1px solid #093E78;
    color: #fff;
}
.sale-order-list-title-container{
    background: rgb(55, 179, 232);
}
.sale-order-list-title-container h2{
    color: #fff;
}




/*fixed__250322*/
/*fix_breads*/
.breadcrumbs {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}
.breadcrumbs ul {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}
.breadcrumbs li {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    min-width: 0 !important;
    padding: 0!important;
    padding-left: 10px !important;
}
.breadcrumbs li:before {
    top: -2px;
}
.breadcrumbs li a {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}
.breadcrumbs li span {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 16px;
    line-height: 18px;
    /*display: block;*/
}
.breadcrumbs li:first-child {
    padding-left: 0 !important;
}
.breadcrumbs li:first-child a {
    gap: 5px;
}
.breadcrumbs li:first-child a:before {
    display: block;
    position: relative;
    top: -2px;
    object-fit: contain;
    width: 18px;
    height: 18px;
}
.breadcrumbs li:last-child {
    display: flex;
}

/*fix_sticky_footer*/
html {
    height: 100%;
}
body {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
}
.header {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
}
.wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    flex-grow: 1;
}
.footer {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
}

/*fix_video*/
.hero__slide video {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    height: 100%;
}

/*dealder_btn*/
.popup__dealer-btn {
    border: 1px solid #036aaa;
    color: #036aaa;
    text-transform: uppercase;
    margin-top: 16px;
    cursor: pointer;
    padding: 15px 38px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 15px;
}
.popup__dealer-btn:hover {
    color: #fff;
    background-color: #036aaa;
 }

/*fixing_filter_h1*/
.p-title h1 {
    font-size: 62px;
    line-height: 70px;
    font-family: "Play", sans-serif;
    font-weight: 400;
}
@media (max-width: 1200px) {
    .p-title h1 {
        font-size: 50px;
        line-height: 54px;
    }
}
@media (max-width: 768px) {
    .p-title h1 {
        font-size: 36px;
        line-height: 44px;
				margin: 20px 0 5px;
    }
}
@media (max-width: 375px) {
    .p-title h1 {
        font-size: 30px;
        line-height: 32px;
				margin: 15px 0 3px;
    }
}

/*fixing_gallery*/
.article-page__text .galery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-gap: 30px !important;
    align-items: start !important;
    list-style: none!important;
    margin-bottom: 30px !important;
}
.article-page__text .galery li {
    padding: 0 !important;
    margin: 0 !important;
}
.article-page__text .galery li:before {
    display: none !important;
}
.article-page__text .galery img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 5px;
}
.article-page__text .galery p {
    margin-bottom: 0 !important;
}
@media (max-width: 1200px) {
    .article-page__text .galery {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 20px !important;
    }
}
@media (max-width: 768px) {
    .article-page__text .galery {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 15px !important;
    }
}

/*fix_content*/
.article-page__text > *:first-child {
      margin-top: 0;
  }
.article-page__text > *:last-child {
      margin-bottom: 0;
  }
.article-page__text h2 {
    margin-top: 100px;
    margin-bottom: 40px;
    font-size: 52px;
    line-height: 60px;
    font-weight: 400;
    color: #333333;
}
.article-page__text h3 {
    margin-top: 60px;
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: #333333;
}

@media (max-width: 1200px) {
    .article-page__text h2 {
        font-size: 42px;
        line-height: 50px;
    }
    .article-page__text h3 {
        font-size: 24px;
        line-height: 30px;
    }
}
@media (max-width: 768px) {
    .article-page__text h2 {
        margin-top: 60px;
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 38px;
    }
    .article-page__text h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
        margin-top: 40px;
    }
}

/*fixing_table*/
.site__content-table {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    overflow: auto;
}
.site__content-table {
      scrollbar-width: thin;
      scrollbar-color: #00aeef #cecece;
  }
.site__content-table::-webkit-scrollbar {
     height: 5px;
     width: 5px;
 }
.site__content-table::-webkit-scrollbar-track {
     background: #cecece;
 }
.site__content-table::-webkit-scrollbar-thumb {
     background-color: #00aeef;
     border-radius: 0;
     border: 0;
 }
.site__content-table table {
    border: none;
    width: 100%;
    max-width: 100%;
    min-width: 691px;
    margin: 0;
    padding: 0;
}
.site__content-table table tr td {
    padding: 15px;
    vertical-align: top;
    border: 1px solid #cecece;
}
.site__content-table table tr td p {
    margin: 0;
}

.site__toggle-table {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
}
.site__toggle-table .site__content-table {
    margin-top: 0;
    margin-bottom: 0;
}
.site__toggle-table-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    text-align: left;
    padding: 18px 30px 18px 30px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #333333;
    background-color: #EAEAEA;
    cursor: pointer;
}
.site__toggle-table-top-text {
    display: block;
    min-width: 0 !important;
    padding-right: 30px;
}
.site__toggle-table-top-img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 40px;
    max-width: 100%;
    min-width: 0 !important;
    height: 40px;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid #333333;
    padding: 5px;
    margin-left: auto;
}
.site__toggle-table-top-img svg {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    min-width: 0 !important;
    max-height: 100%;
    flex-shrink: 0;
    stroke: none;
    fill: #333333;
    transition: all 0.3s ease-in-out;
    transform-origin: center;
    transform: rotate(0deg);
}
.site__toggle-table-top.active .site__toggle-table-top-img svg {
    transform: rotate(-180deg);
}
.site__toggle-table-bot {
    display: none;
}
.site__toggle-table-bot .site__content-table table tr {
    border: none;
}
.site__toggle-table-bot .site__content-table table tr:nth-child(even) {
    background-color: #EAEAEA;
}
.site__toggle-table-bot .site__content-table table tr td {
    padding: 18px 30px;
    vertical-align: top;
    border: none;
}

@media (max-width: 768px) {
    .site__toggle-table-bot .site__content-table table tr td {
        padding: 15px 15px;
    }
    .site__toggle-table-top {
        padding: 15px 15px;
        font-size: 16px;
        line-height: 28px;
    }
    .site__toggle-table-top-text {
        padding-right: 15px;
    }
    .site__toggle-table {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/*site__pluses*/
.site__pluses {
    margin-top: 60px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
}
.site__pluses .site__pluses-title {
    display: block;
    min-width: 0 !important;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 0!important;
    margin-bottom: 60px!important;
    font-size: 52px!important;
    line-height: 60px!important;
    font-weight: 400!important;
    color: #333333!important;
}
.site__pluses .site__pluses-catalog {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
    grid-gap: 40px 20px;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
}
.site__pluses--assortment .site__pluses-catalog {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    grid-gap: 40px 20px;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
}
.site__pluses .site__pluses-catalog-item {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
}
.site__pluses .site__pluses-catalog-item-title {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    padding: 0;
    margin-top: 0!important;
    margin-bottom: 20px!important;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: #333333;
    text-align: left;
}
.site__pluses .site__pluses-catalog-item-img {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    height: 280px;
    overflow: hidden;
}
.site__pluses .site__pluses-catalog-item-img img {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.site__pluses .site__pluses-catalog-item-text {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #333333;
    text-align: left;
    margin-top: 40px;
}

.site__pluses .site__pluses-presentation {
    margin-left: auto;
    margin-top: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 0 !important;
}
.site__pluses .site__pluses-presentation-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 0 !important;
}
.site__pluses .site__pluses-presentation-img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 34px;
    max-width: 100%;
    min-width: 0 !important;
    height: 34px;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 20px;
}
.site__pluses .site__pluses-presentation-img svg {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    min-width: 0 !important;
    max-height: 100%;
    flex-shrink: 0;
    stroke: none;
    fill: #EC0000;
    transition: all 0.3s ease-in-out;
}
.site__pluses .site__pluses-presentation-text {
    display: block;
    min-width: 0 !important;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #EC0000;
    transition: all 0.3s ease-in-out;
}
.site__pluses .site__pluses-presentation-wrapper:hover .site__pluses-presentation-img svg {
    fill: #333333;
}
.site__pluses .site__pluses-presentation-wrapper:hover .site__pluses-presentation-text {
    color: #333333;
}

@media (max-width: 1200px) {
    .site__pluses .site__pluses-title {
        font-size: 42px!important;
        line-height: 50px!important;
    }
    .site__pluses .site__pluses-catalog-item-title {
        font-size: 24px;
        line-height: 30px;
    }
    .site__pluses .site__pluses-catalog {
        grid-template-columns: 1fr 1fr;
    }
    .site__pluses .site__pluses-catalog-item-text {
        margin-top: 20px;
    }
}
@media (max-width: 768px) {
    .site__pluses .site__pluses-title {
        font-size: 30px!important;
        line-height: 38px!important;
        margin-bottom: 40px !important;
    }
    .site__pluses .site__pluses-catalog {
        grid-template-columns: 1fr;
    }
    .site__pluses .site__pluses-catalog-item-title {
        font-size: 20px;
        line-height: 26px;
    }
    .site__pluses .site__pluses-catalog-item-text {
        font-size: 16px;
        line-height: 28px;
    }
}

/*fix-arrow*/
.catalog__sidebar-list li {
    padding-right: 25px;
    position: relative;
}
.catalog__sidebar-list li a {
    position: static;
}
.catalog__sidebar-list li.active:after, .catalog__sidebar-list li a:hover:after {
    right: 0;
    top: 2px;
}
@media (max-width: 1024px) {
    .catalog__sidebar-list li {
        padding-right: 40px;
    }
    .catalog__sidebar-list li.active:after, .catalog__sidebar-list li a:hover:after {
        right: 15px;
    }
}

/*stickers*/
.item-pic--with_sticker-on-mp {
    position: relative;
}
.catalog__item--with_sticker-on-cip {
    position: relative;
    padding-top: calc(20px + 27px);
}
.catalog__item-icons--with_sticker-on-cip {
    align-items: flex-start;
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
    min-width: 0 !important;
    z-index: 10;
}
.sticker__box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    position: relative;
    min-width: 0 !important;
    max-width: 100%;
    width: auto;
}
.sticker__box.sticker__box--on-cip {
    margin-right: auto;
    /*top: -2px;*/
}
.sticker__box.sticker__box--on-mp {
    position: absolute;
    top: 25px;
    left: 0;
}
.sticker__box.sticker__box--on-cdp {
    margin-bottom: 15px;
    flex-direction: row;
    justify-content: flex-start;
    width: calc(100% + 26px);
    max-width: calc(100% + 26px);
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
}
.sticker__item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 0 !important;
}
.sticker__item + .sticker__item {
    margin-top: 10px;
}
.sticker__box.sticker__box--on-cdp .sticker__item + .sticker__item {
    margin-top: 0;
}
.sticker__box.sticker__box--on-cdp .sticker__item:nth-child(even) {
    margin-left: auto;
}
.sticker__item-img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    max-width: 100%;
    min-width: 0 !important;
    height: 20px;
    flex-shrink: 0;
    overflow: hidden;
    margin-right: 10px;
}
.sticker__item-img svg {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    min-width: 0 !important;
    max-height: 100%;
}
.sticker__item-text {
    position: relative;
    display: block;
    min-width: 0 !important;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #333333;
}
.sticker__item-text.sticker__item-text--solo {
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    padding: 5px 15px;
    background-color: #333333;
}
.sticker__item-text.sticker__item-text--solo.sticker__item-text--new {
    background-color: #17AAE9;
}
.sticker__item-text.sticker__item-text--solo.sticker__item-text--sale {
    background-color: #EE2020;
}
.sticker__item-text.sticker__item-text--solo.sticker__item-text--time {
    background-color: #083E78;
}
.sticker__item-text.sticker__item-text--solo.sticker__item-text--rdy {
    background-color: #28B459;
}
.sticker__price-mr {
    margin-right: 10px;
}
.sticker__price {
    display: inline-block;
    position: relative;
    text-decoration: line-through;
    font-weight: 600;
    color: #A8A8A8;
    font-size: 16px;
    line-height: 1;
}
@media (max-width: 1200px) {
    .sticker__price {
        font-size: 14px;
    }
    .sticker__price.sticker__price--on-cdp {
        font-size: 16px;
    }
}
@media (max-width: 992px) {
    .catalog__item--with_sticker-on-cip {
        padding-top: calc(13px + 20px);
    }
    .catalog__item-icons--with_sticker-on-cip {
        top: 13px;
        left: 13px;
        width: calc(100% - 26px);
        max-width: calc(100% - 26px);
    }
    .sticker__box.sticker__box--on-cdp {
        width: calc(100% + 61px);
        max-width: calc(100% + 61px);
    }
    .sticker__price {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .sticker__item + .sticker__item {
        margin-top: 6px;
    }
    .sticker__item-img {
        width: 14px;
        height: 14px;
        margin-right: 3px;
    }
    .sticker__item-text {
        font-size: 11px;
        line-height: 1;
    }
    .sticker__item-text.sticker__item-text--solo {
        font-size: 11px;
        line-height: 1;
        padding: 3px 7px;
    }
    .sticker__box.sticker__box--on-cdp {
        width: calc(100% + 61px);
        max-width: calc(100% + 61px);
    }
    .sticker__box.sticker__box--on-cdp .sticker__item-img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    .sticker__box.sticker__box--on-cdp .sticker__item-text {
        font-size: 16px;
        line-height: 1;
    }
    .sticker__box.sticker__box--on-cdp .sticker__item-text.sticker__item-text--solo {
        font-size: 14px;
        line-height: 1;
        padding: 5px 15px;
    }
}
@media (max-width: 767px) {
    .sticker__box.sticker__box--on-cdp {
        width: calc(100% + 31px);
        max-width: calc(100% + 31px);
    }
}
@media (max-width: 574px) {
    .catalog__item--with_sticker-on-cip {
        padding-top: calc(10px + 20px);
    }
    .catalog__item-icons--with_sticker-on-cip {
        top: 10px;
        left: 10px;
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
    .sticker__price {
        font-size: 10px;
    }
    .sticker__box.sticker__box--on-cdp {
        width: calc(100% + 21px);
        max-width: calc(100% + 21px);
    }
}

/*promo-h1*/
.promo {
    padding-top: 30px;
}
.promo h1 {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 50px;
}
@media (max-width: 768px) {
    .promo {
        padding-top: 50px;
    }
    .promo h1 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 50px;
    }
}

/*fix-gallery*/
.d-main__slide-gallery {
    display: block;
    min-width: 0 !important;
    outline: none;
    text-decoration: none;
}
.d-main__slide-gallery:hover {
    outline: none;
    text-decoration: none;
}
.d-main__slide-gallery img {
    display: block;
    min-width: 0 !important;
    max-width: 100%;
    width: auto;
    height: auto;
}

/*e-sticker-list*/
.e-sticker-list {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 0 !important;
}
.e-sticker-list .sticker-item {
    margin-right: 5px;
    margin-bottom: 5px;
}

/*fix-promo*/
.promo {
    background-position:center center; background-repeat:no-repeat; background-size:cover;
}

/*fix-btns*/
@media (max-width: 640px) {
    .catalog__item-control .add-to-cart {
        font-size: 10px;
    }
}

/*fix_article_btns*/
@media (max-width: 768px) {
    .subsection-list li {
        width: auto;
    }
    .subsection-list > ul {
        gap: 20px 30px;
    }
    .subsection-list {
        margin-bottom: 20px;
    }
    .article-page .subsection-list {
        overflow: visible;
    }
}

/*fix_scroll_card*/
.d-more__slider {
    padding-left: 0;
    padding-right: 0;
}
.d-features {
    margin-top: 30px;
}
.d-content {
    margin-top: 45px;
}

.d-main__slider {
    height: 100%;
    padding-bottom: 45px;
}
.d-main__slide {
    overflow: hidden;
    height: 400px;
}
.d-main__slide-gallery {
    display: block;
    width: 100%;
    height: 100%;
}
.d-main__slide-gallery img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}
.d-main__pagination {
    margin-top: 10px;
}
.d-main__slider .swiper-button-next {
    right: 30px;
}
.d-main__slider .swiper-button-prev {
    left: 7px;
}
.d-main__slider .swiper-button-next, .d-main__slider .swiper-button-prev {
    pointer-events: auto!important;
    cursor: pointer!important;
    display: block;
    top: 50%;
    opacity: 1 !important;
}
.d-main__slider .swiper-button-next:after, .d-main__slider .swiper-button-prev:after {
    color: #CCCCCC;
    border: 1px solid #CCCCCC;
    box-shadow: none;
    border-radius: 0;
}

.d-more .swiper-button-next, .d-more .swiper-button-prev {
    pointer-events: auto!important;
    cursor: pointer!important;
    display: block;
    opacity: 1 !important;
}
.d-more .swiper-button-prev {
    left: -75px;
}

@media (max-width: 991px) {
    .d-more .swiper-button-next, .d-more .swiper-button-prev {
        display: none !important;
    }

    .d-main__slider .swiper-button-next, .d-main__slider .swiper-button-prev {
        display: none !important;
    }
    .vacancies-list__top {
        display: block;
        position: relative;
    }
    .vacancies-list__list-item .salary,
    .vacancies-list__list-item .position{
        width: 100%;
        padding: 0 40px 0 0;
        display: block;
    }
    .accordion__item .vacancies-list__arrow {
        position: absolute;
        right: 0;
        top: 55px;
    }
    .vacancies-list__top .date {
        display: block;
        margin-top: 10px;
    }

}
@media (max-width: 767px) {
    .d-main__slider {
        height: 100%;
        padding-bottom: 10px;
    }
    .d-main__slider {
        height: auto;
    }
    .d-main__slide {
        height: 350px;
    }
}
@media (max-width: 574px) {
    .d-content {
        margin-top: 25px;
    }
		.d-features {
				margin-top: 0;
		}
}

/*single-contacts-tabs-map*/
.e-tabs {
    padding-bottom: 60px;
}
.e-tabs .subsection-list {
    display: none !important;
}
.e-tabs .tabs__content {
    display: block !important;
    padding-bottom: 0 !important;
}
.e-tabs .tabs__content + .tabs__content {
    margin-top: 60px;
}
@media (min-width: 1026px) {
    .e-contacts .left-side {
        width: 65% !important;
        padding-right: 40px !important;
    }
}
@media (min-width: 1025px) {
    .e-contacts .right-side .map_placeholder {
        position: sticky;
        top: 98px;
        height: calc(100vh - 98px);
    }
}
@media (max-width: 1025px) {
    .e-contacts .right-side {
        display: none;
    }
}
@media (max-width: 767px) {
    .e-tabs {
        padding-bottom: 30px;
    }
    .e-tabs .tabs__content + .tabs__content {
        margin-top: 50px;
    }
}




/*fix-fonts-mb*/
@media (max-width: 767px) {
    .c-filter__range-inputs input {
        font-size: 12px;
    }
    .bx-filter-param-text {
        font-size: 12px;
    }
    .c-filter__submit, .c-filter__clear {
        font-size: 12px;
    }
    .catalog__item-desc {
        font-size: 12px;
        line-height: 16px;
    }
    .sticker__item-text {
        font-size: 12px;
    }
    .sticker__item-img {
        width: 8px;
        height: 8px;
    }
    .sticker__item-text.sticker__item-text--solo {
        font-size: 12px;
    }

}
@media (max-width: 640px) {
    .catalog__item-control {
        height: 36px;
    }
    .catalog__item-control .add-to-cart {
        font-size: 12px;
    }
}
@media (max-width: 574px) {
    .catalog__item {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 415px) {
    .subsection-list > ul > li > a {
        font-size: 12px;
        line-height: 15px;
    }
}




/*fix-product-card-mb*/
@media (max-width: 767px) {
    .catalog__items {
        gap: 15px;
    }
    .catalog__item .catalog__item-desc {
        font-size: 14px;
        line-height: 16px;
    }
    .catalog__item .catalog__item-price {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 8px;
    }
    .catalog__item-icons .compare, .catalog__item-icons .favorite {
        padding-left: 3px;
        margin-right:10px;
    }
    .d-main__features {
        padding-top: 20px;
    }
}




/*fix_content_img*/
.d-desc img {
    max-width: 100% !important;
    height: auto !important;
}



/*fix_catalog_item*/
@media (max-width: 767px) {
    .catalog__item {
        margin: 0 0 0 0;
        width: 100%;
        padding-bottom: 15px;
    }
    .sticker__item-text {
        font-size: 14px;
    }
    .sticker__item-img {
        width: 14px;
        height: 14px;
    }
    .catalog__item-image {
        height: 270px;
    }
    .catalog__item-control .add-to-cart {
        max-width: 220px;
        width: 100%;
        min-width: 0 !important;
        font-weight: 500;
    }
    .catalog__items {
        gap: 20px;
    }
    /*another-fix*/
    .wrapper {
        padding-top: 100px;
    }
    .footer {
        padding-bottom: 80px;
    }
    .footer-mobile-nav__inner {
        justify-content: space-between;
    }
    .personal-auth {
        margin-right: 0;
    }
    .footer__info {
        font-size: 14px;
    }
    .footer-mobile-nav__inner a span {
        font-size: 12px;
    }
}




/*fix-modal*/
.popup-quick--goods {
    top: 0;
    padding: 15px;
}
@media (max-width: 1024px) {
    .popup-quick--goods {
        top: 0;
        padding: 30px 10px;
        overflow: auto;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .popup-quick--goods .popup-quick__inner {
        margin: auto;
    }
}
.promo-h2 {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    font-size: 38px;
    line-height: 50px;
    color: #333333;
}
.row {
    margin: 30px 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
}
.text-promo p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    margin-top: 0;
}
.img-promo img {
    max-width: 700px;
    height: auto;
}
.text-promo {
    padding-right: 15px;
}
.header__personal-popup {
    display: none;
}
.personal-popup:hover .header__personal-popup{
    display: block;
}
.menu-sitemap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.menu-sitemap ul {
    list-style: none;
    margin: 0;
}
.menu-sitemap ul a {
    color: #333333;
    transition: color 0.3s;
}
.menu-sitemap ul a:hover {
    color: #17AAE9;
}
.menu-sitemap ul li {
    margin-left: 20px;
    list-style: none;
}
.menu-sitemap ul li.menu-sitemap__first {
    margin-left: 0;
}
.menu-sitemap .menu-sitemap__submenu {
    margin-left: 20px;
}
.menu-sitemap__company,
.menu-sitemap__contact {
    margin-top: 45px;
}
.footer__nav-sitemap {
    margin-top: 20px;
}
.footer__personal {
    display: flex;
}
.footer__personal a {
    display: block;
}
.footer__personal a:first-child {
    margin-right: 20px;
}
@media (max-width: 991px) {
    .row {
        display: block;
    }
	.img-promo img {
		max-width: 100%;
	}
        .vacancies-list__list-item .salary {
    font-size: 16px;
}
.menu-sitemap {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.menu-sitemap ul.menu-sitemap__list {
    margin-bottom: 20px;
}
}
@media (max-width: 480px) {
    .menu-sitemap {
        display: block;
    }
    .menu-sitemap__company, .menu-sitemap__contact {
    margin-top: 0;
}
.footer__personal {
    display: block;
}
.footer__personal a:first-child {
    margin-right: 0;
    margin-bottom: 15px;
}
}
.table-top___text {
    padding: 9px 30px 12px 30px;
    background-color: #EAEAEA;
    margin-top: 15px;
}





/* NEW NENU_LEFT */

.hero-nav__main-link > svg {
	margin-right: 30px;
}
.hero-nav__item:last-child{
	display: none;
}


@media (min-width: 1025px) {
  .hero_new .hero__nav-list {
    max-height: 762px;
    overflow-y: auto;
  }
  .hero_new .hero__nav-list {
    scrollbar-width: thin;
    scrollbar-color: #17aae9 rgba(0, 0, 0, 0.1);
  }
  .hero_new .hero__nav-list::-webkit-scrollbar {
    height: 10px;
    width: 10px;
  }
  .hero_new .hero__nav-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }
  .hero_new .hero__nav-list::-webkit-scrollbar-thumb {
    background-color: #17aae9;
    border-radius: 2px;
    border: 0;
  }
  .hero_new .hero-nav__main-link > svg {
    flex-shrink: 0;
    transition: transform 0.3s ease-in-out;
  }
  .hero_new .hero__nav ul li {
    position: relative;
    display: block;
  }
  .hero_new .hero-nav__sub {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    /* overflow-x: hidden; */
    height: auto;
    transition: none;
    display: none;
  }
  .hero_new .hero__nav-list .hero-nav__item:nth-child(9) .hero-nav__sub .hero-nav__sub-inner .hero-nav__sub-list li {
    width: 100%;
    display: block;
  }
  .hero_new .hero__nav-list .hero-nav__item:nth-child(9) .hero-nav__sub {
    width: 100%;
  }
  .hero_new .hero__nav-list .hero-nav__item:nth-child(9) .hero-nav__sub .hero-nav__sub-inner {
    height: auto;
    position: relative;
    bottom: 0px;
  }
  .hero_new .hero-nav__sub-list {
    background: white;
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
    padding: 0 0 10px 0;
  }

  .hero_new .hero-nav__main-link > .multilevel-icon {
    margin-left: auto;
  }
  .hero_new .hero-nav__main-link > a {
    width: auto;
    margin-right: 20px;
  }
  .hero_new .active_submenu .hero-nav__main-link > .multilevel-icon {
    transform: rotate(90deg);
  }
  .hero_new .hero-nav__item:last-child {
    display: none;
  }
}


.hero-nav__sub .hero-nav__sub-list li a {
	font-weight:400;
}

.hero-nav__sub-inner {
    padding-left: 93px;
}
@media (max-width: 1680px) {
	.hero-nav__sub-inner {
    padding-left: 73px;
	}
}

.column.height-adaptive {
    overflow-y: auto;
		padding-bottom: 100px;
}

.hero__notice {
    position: absolute;
    right: 80px;
    bottom: 0;
    background: #ec0000;
    z-index: 12;
    max-width: 640px;
    display: flex;
    gap: 20px;
    padding: 22px 20px 25px 34px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.hero__notice_text_top {
    font-weight: 700;
    padding-bottom: 10px;
    line-height: 20px;
}
.hero__notice_ico {
    display: flex;
    align-items: center;
}
.first-popup .popup-quick__inner {
    max-width: 1146px;
    padding: 50px 80px;
    background: linear-gradient(139deg, #000000 24.32%, #17AAE9 90.23%);
}
.popup-newyear .popup-quick__inner {
    max-width: 650px;
    padding: 128px 108px 62px;
    background-size: cover;
    border-radius: 0;
}
.popup-newyear .btn_blue {
    margin: 0 auto;
}
.popup-newyear .btn_blue:hover {
    background-color: #159cd5;
}
.button__close svg {
 transition: transform 0.3s;
}
.popup-newyear .button__close:hover svg {
    transform: scale(1.02);
}
.popup-newyear .popup-title {
    color: #FFF;
text-align: center;
font-family: "Play", sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 40px;
margin-bottom: 28px;
}
.popup-with-photo .popup-quick__inner {
    max-width: 1320px;
    padding: 50px 80px;
    background: linear-gradient(139deg, #000000 24.32%, #17AAE9 90.23%);
}
.first-popup__wrap {
    display: flex;
    position: relative;
    z-index: 2;
    justify-content: space-between;
}
.first-popup__img{
    width: 38%;
}
.first-popup__img img {
    width: 100%;
}
.first-popup__text{
    width: 57%;
}
.first-popup__title {
color: #FFF;
font-family: "Play";
font-size: 52px;
font-weight: 400;
line-height: 100%;
margin-bottom: 10px;
}
.first-popup__subtitle{
color: #FFF;
font-family: "Play";
font-size: 28px;
font-weight: 400;
line-height: 110%;
margin-bottom: 30px;
}
.first-popup__desc{
color: #FFF;
font-family: "Montserrat";
font-size: 16px;
font-weight: 400;
line-height: 130%; 
margin-bottom: 33px;
}
.first-popup__desc:last-child {
    margin-bottom: 0;
}
.first-popup__fr{
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 20px 25px;
border-radius: 8px;
margin-bottom: 24px;
background: #2A86AD;
}
.first-popup__num{
color: #FFF;
font-family: "Play";
font-size: 52px;
font-weight: 400;
line-height: 100%; 
margin-right: 20px;
margin-top: -5px;
}
.first-popup__subnum{
color: #FFF;
font-family: "Montserrat";
font-size: 16px;
font-weight: 600;
line-height: 130%; 
}
.first-popup__block{
    width: calc(100% - 140px);
}
.first-popup .button__close{
    z-index: 2;
}
.first-popup__desc p {
margin: 0 0 18px;
}
.first-popup__desc p:last-child {
    margin-bottom: 0;
}
.first-popup__subnum span {
    color: #FED90B;
}
.first-popup__subtext{
    color: #FFF;
font-size: 13px;
font-weight: 400;
line-height: 130%;
margin-top: 17px;
}
.btn_blue.btn_blue--red {
    background-color: #EC0000;
}
.btn_blue.btn_blue--red:hover {
    background-color: #A60000;
}
.first-popup__subdesc {
color: #FFF;
font-size: 13px;
font-weight: 400;
line-height: 130%;
margin-top: 30px;
}
.first-popup__subdesc a {
    color: #fff;
}
.footer__socials__img {
    width: 41px;
    height: 41px;
    margin: 0 auto;
    background: url(/HTML/img/vk-muz.png) no-repeat;
    margin-top: 15px;
}
 .scroll-left {
        display: flex;
    }

    .scroll-left__item {
        display: block;
        position: relative;
    }

    .scroll-left__item:first-child {
        margin-right: 30px;
    }

    .scroll-left__count {
        position: absolute;
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #EC0000;
        font-weight: 600;
        font-size: 8px;
        color: #fff;
        text-align: center;
        line-height: 14px;
        top: -3px;
        right: -8px;
    }

    #panel {
        position: relative;
        z-index: 1005;
    }
    .mobile-notice {
        display: none;
    }
    .menu-sitemap__first {
        font-weight: bold;
        font-size: 22px;
    }
    .column-title {
        font-weight: bold;
    }
    .menu-sitemap__company >a {
        font-weight: bold;
    }
    .menu-sitemap__list>li>a {
        font-weight: bold;
    }
@media (max-width: 1200px) {
.first-popup__img {
    display: none;
}
.first-popup__text {
    width: 100%;
}
.first-popup .popup-quick__inner {
    padding: 50px 20px;
}
.first-popup__title{
    font-size: 35px;
}
.first-popup__subtitle{
    font-size: 22px;
    margin-bottom: 20px;
}
.first-popup__desc br {
    display: none;
}
.popup-with-photo .popup-quick__inner {
    padding: 50px 30px;
}
.first-popup__subnum{
    width: 100%;
}
.first-popup__desc{
    margin-bottom: 20px;
}
.first-popup .popup-quick__inner {
    height: max-content;
    max-height: 95vh;
}
.first-popup .popup-quick__inner {
    display: block;
}
.first-popup .popup-quick__inner div{
    font-size: 19px!important;
    line-height: 28px!important;
}
.first-popup .popup-quick__inner div.h3 {
    font-size: 30px!important;
}
}
@media (max-width: 1022px) {
	.hero__notice {
    right: 10px;
	}
} 

@media (max-width: 660px) {
	.hero__notice {
    display:none;
	}
    .footer__desc br {
        display: none;
    }
     .mobile-notice {
        display: block;
    }
    .mobile-notice {
        background: #ec0000;
        padding: 20px;
        color: #fff;
        position: relative;
    
    }
    .hero__notice_text_bottom {
        font-size: 15px;
    }
    .first-popup__fr{
        display: block;
    }
    .first-popup__block{
        width: 100%;
    }
    .first-popup__desc {
        font-size: 15px;
    }
    .popup-newyear .popup-quick__inner {
        padding: 70px 20px 50px;
    }
    .popup-newyear .popup-title{
            font-size: 24px;
            line-height: 35px;
    }
    .popup-newyear.popup .button__close {
        top: 10px;
        right: 10px;
    }
}