@font-face {
    font-family: "Gilroy";
    src: url("/local/templates/mst/fonts/Gilroy-Medium.woff2") format("woff2"),
    url("/local/templates/mst/fonts/Gilroy-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("/local/templates/mst/fonts/Gilroy-Bold.woff2") format("woff2"),
    url("/local/templates/mst/fonts/Gilroy-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src: url("/local/templates/mst/fonts/OpenSans-Bold.woff2") format("woff2"),
    url("/local/templates/mst/fonts/OpenSans-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html body > [id*="wait_"] {
    background-color: #ebf0f7 !important;
    border: none !important;
    display: none !important;
}

.fancybox-image {
    background-color: #fff !important;
}

.form-error {
    color: #f00;
    margin: 10px 0;
    font-size: 0.8em;
}

.scrollyeah__shadow {
    display: none !important;
}

body .btnSimpleIcon [class*="icon"] {
    vertical-align: middle;
    display: inline-block;
}

.form-load-immed {
    color: transparent;
}

.catalogSection .catalogInfo {
    margin-top: 50px;
}

body .modalGalleryItem .img img {
    width: auto;
}

.compare-wr span {
    vertical-align: middle;
}

.cat-menu-item-title {
    display: block;
    padding-left: 20px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 12px;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: black;
    letter-spacing: 0.22px;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.catalogSecondMenu .cat-menu-item-title {
    display: block;
    padding: 0;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 24px;
    color: black;
    letter-spacing: 0.22px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

body > [class*="bx-core"] input,
body > [class*="bx-component"] input {
    width: auto;
    appearance: auto;
}

.errorPage {
    background-image: url(img/error_back.jpg);
}

.buyprod-disabled,
.buyprod-disabled [data-buyprodid] {
    position: relative;
}

.buyprod-disabled {
    z-index: 1;
    cursor: pointer;
}

.buyprod-disabled [data-buyprodid] {
    z-index: -1;
}

/**********************************/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    overflow-x: hidden;
    font-family: "Gilroy";
    padding: 0px;
    margin: 0px auto;
    line-height: 1;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    scroll-behavior: smooth;
}

body.menuIsOpened {
    overflow: hidden;
}

.bodyModal .bodyWrap {
    z-index: 0;
}

.bodyWrap {
    overflow-x: clip;
}

/* вылетело dropdownMenuWrapper*/
/*
  .container .container {
	  padding: 0 !important;
  }
  */

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

a {
    text-decoration: none;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 1;
    -webkit-outline: none;
    -moz-outline: none;
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

select,
input,
textarea {
    width: 100%;
    -webkit-outline: none;
    -moz-outline: none;
    outline: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    font-family: "Gilroy";
    /*
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
}

button {
    padding: 0px;
    font-family: "Gilroy";
    background-color: transparent;
    border: none;
    -webkit-outline: none;
    -moz-outline: none;
    outline: none;
    cursor: pointer;
}

button:disabled {
    cursor: default;
}

.siteOverlay {
    position: fixed;
    visibility: hidden;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #232323;
    z-index: 7;
}

.siteOverlay.visible {
    visibility: visible;
    opacity: 0.5;
}

.siteMessage {
    width: 100%;
    padding: 8px 100px;
    background-color: #0079fa;
    z-index: 12;
}

.siteMessage .content {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 24px;
    color: white;
    font-weight: 500;
    text-align: center;
}

.siteMessage .content a {
    color: inherit;
}

.siteMessage .close {
    display: block;
    position: absolute;
    right: 57px;
    top: 6px;
    font-size: 28px;
    color: white;
    cursor: pointer;
}

@media (max-width: 1199px) {
    .siteMessage {
        padding-left: 32px;
        padding-right: 32px;
    }

    .siteMessage .close {
        right: 8px;
    }
}

@media (max-width: 767px) {
    .siteMessage {
        display: none;
        padding-top: 24px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .siteMessage .close {
        top: 4px;
    }
}

.simpleLink {
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    color: #026ef9;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: inherit;
    text-underline-offset: 3px;
    -webkit-transition: text-decoration-color 0.3s, color 0.3s;
    -moz-transition: text-decoration-color 0.3s, color 0.3s;
    -o-transition: text-decoration-color 0.3s, color 0.3s;
    transition: text-decoration-color 0.3s, color 0.3s;
}

.simpleLink:hover {
    text-decoration-color: transparent;
}

.simpleLink.dark {
    color: black;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.simpleLink.dark:hover {
    color: #026ef9;
    text-decoration-color: inherit;
}

.simpleLink.light {
    color: #8a8a8a;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.simpleLink.light:hover {
    color: #026ef9;
    text-decoration-color: inherit;
}

.simpleLink.invert {
    color: #232323;
}

.simpleLink.invert:hover {
    color: #026ef9;
}

@media (max-width: 1439px) {
    .simpleLink:not(
      .catalogSection .viewMoreBlock .simpleLink,
      .simpleLink-product,
      .actions-detail .viewMoreBlock .simpleLink
    ) {
        display: none;
    }
}

@media (max-width: 1023px) {
    .simpleLink {
        font-size: 14px;
        line-height: 22px;
    }
}

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

.viewMore [class*="icon"] {
    display: block;
    margin-right: 8px;
    font-size: 24px;
    color: black;
}

.horizontalScroll .mCustomScrollBox {
    margin-bottom: -16px;
}

.horizontalScroll .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 40px;
}

.horizontalScroll .mCSB_horizontal .mCSB_draggerContainer {
    position: relative;
    max-width: 870px !important;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.horizontalScroll .mCSB_horizontal .mCSB_draggerContainer::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}

.horizontalScroll .mCSB_horizontal .mCSB_scrollTools {
    height: 30px !important;
    opacity: 1;
}

.horizontalScroll .mCSB_horizontal .mCSB_dragger .mCSB_draggerRail {
    margin: 0px;
    background-color: transparent;
}

.horizontalScroll .mCSB_horizontal .mCSB_dragger .mCSB_dragger_bar {
    top: 50%;
    margin-top: -1px;
    margin: 0px !important;
    height: 2px !important;
    background-color: #232323 !important;
}

.verticalScroll {
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-color: #979797 rgba(255, 255, 255, 0);
    scrollbar-width: thin;
}

.verticalScroll::-webkit-scrollbar {
    width: 5px;
}

.verticalScroll::-webkit-scrollbar-track {
    background: transparent;
}

.verticalScroll::-webkit-scrollbar-thumb {
    background-color: #979797;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.slick-vertical .slick-slide {
    border: none;
}

.tabsList {
    position: relative;
    max-width: 100%;
}

.tabsList.scrollbar-dynamic {
    overflow: auto;
}

.tabsList .inner {
    display: flex;
    justify-content: space-between;
}

.tabsList .filter {
    min-width: 186px;
    padding-top: 2px;
}

.tabsList::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background-color: #e6ecf1;
}

.tabsList ul {
    display: flex;
    flex-shrink: 0;
    border-bottom: 2px solid transparent;
}

.tabsList li {
    position: relative;
}

.tabsList li::before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 0px;
    height: 2px;
    background-color: #0079fa;
    opacity: 0;
    -webkit-transition: width 0.3s, opacity 0.3s;
    -moz-transition: width 0.3s, opacity 0.3s;
    -o-transition: width 0.3s, opacity 0.3s;
    transition: width 0.3s, opacity 0.3s;
}

.tabsList li a,
.tabsList li span {
    display: block;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
    color: #b9b9b9;
    font-weight: 600;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    white-space: nowrap;
}

.tabsList li + li {
    margin-left: 20px;
}

.tabsList li:hover a {
    color: #026ef9;
}

.tabsList li:hover::before {
    width: 29px;
    opacity: 1;
}

.tabsList li.active a,
.tabsList li span {
    color: #23272d;
}

.tabsList li.active::before {
    width: 29px;
    opacity: 1;
}

.siteTabs .tabContent {
    padding-top: 40px;
    display: none;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.siteTabs .tabContent.active {
    display: block;
}

.tabsList .hide-word {
    display: inline-block;
    color: inherit;
    padding: 0;
}

@media (max-width: 1199px) {
    .tabsList li a,
    .tabsList li span {
        font-size: 16px;
    }

    .siteTabs .tabContent {
        padding-top: 30px;
    }
}

@media (max-width: 1023px) {
    .tabsList ul {
        width: auto;
    }

    .siteTabs .tabContent {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .tabsList li a,
    .tabsList li span {
        font-size: 14px;
        line-height: 26px;
    }

    .tabsList li + li {
        margin-left: 30px;
    }

    .tabsList .list-type__top {
        font-size: 14px;
        line-height: 26px;
        padding-bottom: 10px;
    }

    .tabsList .list-type__top:after {
        top: -10px;
    }

    .tabsList .hide-word {
        display: none;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 1025px) {
    .wow {
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@media (max-width: 767px) {
    .wow {
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.popup-window-content .checkBtn label {
    font-size: 12px;
    padding-left: 25px;
}

.viewMoreBlock {
    margin-bottom: 20px;
}

.viewMoreBlock .content {
    position: relative;
    height: auto;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
    overflow: hidden;
    max-height: var(--defaultHeight);
}

.viewMoreBlock .content::before {
    content: "";
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 32px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(
            top,
            rgba(255, 255, 255, 0) 0%,
            white 100%
    );
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 1;
}

.viewMoreBlock .content.active::before {
    opacity: 0;
    visibility: hidden;
}

.viewMoreBlock .content + .control {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .viewMoreBlock .content + .control {
        margin-top: 14px;
    }
}

.viewMoreBlock .control {
    display: none;
    cursor: pointer;
}

.viewMoreBlock.visible .content {
    height: var(--defaultHeight);
    max-height: none;
}

.viewMoreBlock .is-visible {
    display: none;
}

.viewMoreBlock.visible.active .is-visible {
    display: block;
}

.viewMoreBlock.visible.active .is-no-visible {
    display: none;
}

.viewMoreBlock.visible .content::before {
    display: block;
}

.viewMoreBlock.visible.active .content::before {
    display: none;
}

.viewMoreBlock.visible .control {
    display: inline-block;
}

.simpleLink2 {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: black;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: inherit;
    -webkit-transition: text-decoration-color 0.3s;
    -moz-transition: text-decoration-color 0.3s;
    -o-transition: text-decoration-color 0.3s;
    transition: text-decoration-color 0.3s;
}

.simpleLink2:hover {
    text-decoration-color: transparent;
}

.simpleLink2.colored {
    color: #026ef9;
    text-decoration-color: transparent;
}

.simpleLink2.colored:hover {
    text-decoration-color: inherit;
}

@media (max-width: 1023px) {
    .simpleLink2 {
        text-decoration-color: transparent;
    }

    .simpleLink2:hover {
        text-decoration-color: inherit;
    }
}

.scrollableY {
    scroll-behavior: smooth;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
}

.scrollableY::-webkit-scrollbar {
    display: none;
    width: 5px;
}

.scrollableY::-webkit-scrollbar-track {
    background: transparent;
}

.scrollableY::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.scrollableY:hover::-webkit-scrollbar-thumb {
    background-color: #979797;
}

.simpleLink3 {
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    color: #026ef9;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-transition: text-decoration-color 0.3s;
    -moz-transition: text-decoration-color 0.3s;
    -o-transition: text-decoration-color 0.3s;
    transition: text-decoration-color 0.3s;
}

.simpleLink3:hover {
    text-decoration-color: inherit;
}

.tooltipControl {
    position: relative;
}

.tooltipControl .tooltipBlock {
    position: absolute;
    display: none;
    left: -2px;
    top: calc(100% + 14px);
    z-index: 5;
}

.tooltipControl .tooltipBlock.right {
    left: auto;
    right: -38px;
}

.tooltipControl .tooltipBlock.right::before {
    left: auto;
    right: 12px;
}

.tooltipBlock {
    padding: 26px 13px 25px;
    width: 299px;
    min-height: 91px;
    font-size: 13px;
    line-height: 15px;
    color: black;
    font-weight: 500;
    background-color: white;
    -webkit-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    cursor: default;
}

@media (max-width: 767px) {
    .tooltipBlock {
        width: 250px;
    }
}

.tooltipBlock p + button {
    margin-top: 10px;
}

.tooltipBlock .closeTooltip {
    position: absolute;
    display: block;
    top: 8px;
    right: 8px;
    font-size: 24px !important;
    color: #979797;
    cursor: pointer;
}

.tooltipBlock::before {
    content: "";
    position: absolute;
    display: block;
    left: 12px;
    bottom: 100%;
    width: 0px;
    height: 0px;
    border-bottom: 18px solid white;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
}

.socList {
    display: flex;
}

.socList li {
    position: relative;
    z-index: 1;
}

.socList li > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.socList li [class*="icon"] {
    font-size: 24px;
    color: #026ef9;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.socList li + li {
    margin-left: 12px;
}

.socList li:hover [class*="icon"] {
    color: #0b51aa;
}

.simpleLink4 {
    display: inline-block;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #026ef9;
    letter-spacing: 0.22px;
    text-decoration: underline;
    text-decoration-color: inherit;
    -webkit-transition: text-decoration-color 0.3s;
    -moz-transition: text-decoration-color 0.3s;
    -o-transition: text-decoration-color 0.3s;
    transition: text-decoration-color 0.3s;
}

.simpleLink4:hover {
    text-decoration-color: transparent;
}

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

.iconLink [class*="icon"] {
    display: block;
    margin-right: 12px;
    font-size: 24px;
    color: #979797;
}

.iconLink .data {
    display: inline-block;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #979797;
    font-weight: 600;
    letter-spacing: 0.22px;
    text-decoration: underline;
    text-decoration-color: inherit;
    -webkit-transition: text-decoration-color 0.3s;
    -moz-transition: text-decoration-color 0.3s;
    -o-transition: text-decoration-color 0.3s;
    transition: text-decoration-color 0.3s;
}

.iconLink:hover .data {
    text-decoration-color: transparent;
}

.shareButton {
    position: relative;
}

.shareButton .ya-share2__popup {
    z-index: 6;
}

.shareButton
.ya-share2__list.ya-share2__list_direction_horizontal
> .ya-share2__item {
    margin: 0px;
}

.shareButton
.ya-share2__container_size_m
.ya-share2__item_more.ya-share2__item_has-pretty-view
.ya-share2__link_more {
    padding: 0px;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
}

.shareButton .ya-share2__container_shape_round .ya-share2__badge {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}

.shareButton
.ya-share2__item_more.ya-share2__item_has-pretty-view
.ya-share2__link_more:not(.ya-share2__link_more-button-type_short)
.ya-share2__title {
    margin-left: 6px;
    font-family: "Gilroy";
    font-size: 13px;
    line-height: 20px;
    color: #026ef9;
    font-weight: 500;
}

.shareButton
.ya-share2__item_more.ya-share2__item_has-pretty-view
.ya-share2__icon_more {
    background-image: url(./img/share.svg);
    background-size: 24px 24px;
}

.shareButton
.ya-share2__container_size_m
.ya-share2__badge
+ .ya-share2__title {
    display: none;
}

.shareButton
.ya-share2__container_size_m
.ya-share2__popup:not(.ya-share2__popup_mobile) {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
}

.shareButton
.ya-share2__container_size_m
.ya-share2__popup:not(.ya-share2__popup_mobile)
li {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.shareButton
.ya-share2__container_size_m
.ya-share2__popup:not(.ya-share2__popup_mobile)
li
.ya-share2__badge {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.shareButton
.ya-share2__container_size_m
.ya-share2__popup:not(.ya-share2__popup_mobile)
li
+ li {
    margin-left: 12px;
}

.shareButton .ya-share2__popup_x-direction_right {
    left: 48px;
}

.shareButton
.ya-share2__container_size_m
.ya-share2__popup:not(.ya-share2__popup_mobile)
> :last-child:not(:empty):not(.ya-share2__copied-tooltip),
.shareButton
.ya-share2__container_size_m.ya-share2__container_as-popup
> :last-child:not(:empty):not(.ya-share2__copied-tooltip) {
    display: flex;
    padding: 14px;
    position: relative;
}

.shareButton
.ya-share2__container_size_m
.ya-share2__popup:not(.ya-share2__popup_mobile)
> :last-child:not(:empty):not(.ya-share2__copied-tooltip)::before,
.shareButton
.ya-share2__container_size_m.ya-share2__container_as-popup
> :last-child:not(:empty):not(.ya-share2__copied-tooltip)::before {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    left: 12px;
    bottom: 100%;
    border-bottom: 18px solid white;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
}

.shareButton
.ya-share2__container_size_m
.ya-share2__popup:not(.ya-share2__popup_mobile)
.ya-share2__item,
.shareButton
.ya-share2__container_size_m.ya-share2__container_as-popup
.ya-share2__item {
    padding: 0px;
}

.productSectionContent
.ya-share2__container_mobile.ya-share2__container_size_m
.ya-share2__icon {
    width: 24px;
    height: 24px;
}

@media (max-width: 767px) {
    .productSectionContent
    .shareButton
    .ya-share2__item_more.ya-share2__item_has-pretty-view
    .ya-share2__link_more:not(.ya-share2__link_more-button-type_short)
    .ya-share2__title {
        display: none;
    }
}

[class*="btnFill"] {
    display: inline-block;
    padding-left: 26px;
    padding-top: 12px;
    padding-right: 26px;
    padding-bottom: 12px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 1199px) {
    [class*="btnFill"] {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 1199px) {
    [class*="btnFill"] {
        padding: 8px 18px;
        font-size: 14px;
        line-height: 22px;
    }
}

[class*="btnFill"][class*="Type1"] {
    color: #20212a;
    background-color: white;
}

[class*="btnFill"][class*="Type1"]:hover {
    color: white;
    background-color: #026ef9;
}

[class*="btnFill"][class*="Type2"] {
    color: white;
    background-color: #026ef9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

[class*="btnFill"][class*="Type2"]:hover {
    background-color: #0b51aa;
}

[class*="btnFill"][class*="Type3"] {
    color: white;
    background-color: #20212a;
}

[class*="btnFill"][class*="Type4"] {
    color: #232323;
    background-color: #ebf0f7;
}

[class*="btnFill"][class*="Type4"]:hover {
    color: white;
    background-color: #026ef9;
}

[class*="btnFill"][class*="Type4"]:hover > * {
    color: white !important;
}

[class*="btnFill"].full {
    width: 100%;
}

[class*="btnFill"].md {
    padding-left: 16px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    line-height: 28px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

@media (max-width: 1199px) {
    [class*="btnFill"].md {
        padding: 8px 11px;
        font-size: 14px;
        line-height: 22px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }
}

[class*="btnFill"].center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

[class*="btnFill"].priceBtn {
    padding-top: 3px;
    padding-bottom: 3px;
}

[class*="btnFill"].priceBtn .title {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #232323;
}

[class*="btnFill"].priceBtn .sum {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #232323;
}

[class*="btnIcon"] {
    display: inline-block;
    padding-left: 26px;
    padding-top: 12px;
    padding-right: 26px;
    padding-bottom: 12px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 1199px) {
    [class*="btnIcon"] {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 1023px) {
    [class*="btnIcon"] {
        padding: 8px 18px;
        font-size: 14px;
        line-height: 22px;
    }
}

[class*="btnIcon"] .in {
    display: flex;
    justify-content: center;
    align-items: center;
}

[class*="btnIcon"] [class*="icon"] {
    display: block;
    margin-right: 7px;
    font-size: 24px;
    font-weight: normal;
}

@media (max-width: 1199px) {
    [class*="btnIcon"] [class*="icon"] {
        font-size: 22px;
    }
}

@media (max-width: 1023px) {
    [class*="btnIcon"] [class*="icon"] {
        font-size: 20px;
    }
}

[class*="btnIcon"][class*="Type1"] {
    color: #232323;
    background-color: #ebf0f7;
}

[class*="btnIcon"][class*="Type1"]:hover {
    background-color: #bdc3c9;
}

[class*="btnIcon"][class*="Type2"] {
    color: white;
    background-color: #026ef9;
}

[class*="btnIcon"][class*="Type2"]:hover {
    background-color: #0b51aa;
}

[class*="btnIcon"].full {
    width: 100%;
}

[class*="btnIcon"].md {
    padding-left: 14px;
    padding-top: 8px;
    padding-right: 14px;
    padding-bottom: 8px;
    line-height: 28px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

@media (max-width: 1023px) {
    [class*="btnIcon"].md {
        padding: 8px 18px;
        font-size: 14px;
        line-height: 22px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }
}

.btnSimpleIcon {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    color: black;
    font-weight: 500;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.btnSimpleIcon .in {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnSimpleIcon [class*="icon"] {
    display: block;
    margin-right: 10px;
    font-size: 24px;
    font-weight: normal;
    color: #23272d;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (max-width: 1199px) {
    .btnSimpleIcon [class*="icon"] {
        margin-right: 5px;
    }
}

.btnSimpleIcon.colored [class*="icon"] {
    color: #026ef9;
}

.btnSimpleIcon.favourite [class*="icon"] {
    position: relative;
}

.btnSimpleIcon.favourite [class*="icon"]::before {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.btnSimpleIcon.favourite [class*="icon"]:after {
    content: "\e920";
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    color: #026ef9;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.btnSimpleIcon.favourite:hover [class*="icon"]::before {
    opacity: 0;
}

.btnSimpleIcon.favourite:hover [class*="icon"]::after {
    opacity: 1;
}

@media (hover: hover) {
    .btnSimpleIcon:hover {
        color: #026ef9;
    }

    .btnSimpleIcon:hover [class*="icon"] {
        color: #026ef9;
    }
}

@media (max-width: 767px) {
    .btnSimpleIcon [class*="icon"] {
        margin-right: 0px;
    }

    .btnSimpleIcon .text {
        display: none;
    }
}

[class*="btnBorder"] {
    display: inline-block;
    padding-left: 25px;
    padding-top: 11px;
    padding-right: 25px;
    padding-bottom: 11px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 1199px) {
    [class*="btnBorder"] {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 1023px) {
    [class*="btnBorder"] {
        padding: 7px 17px;
        font-size: 14px;
        line-height: 22px;
    }
}

[class*="btnBorder"][class*="Type1"] {
    color: #232323;
    background-color: transparent;
    border-color: #026ef9;
}

[class*="btnBorder"][class*="Type1"]:hover {
    color: white;
    background-color: #026ef9;
}

[class*="btnBorder"].full {
    width: 100%;
}

[class*="btnBorder"].md {
    padding-left: 15px;
    padding-top: 7px;
    padding-right: 15px;
    padding-bottom: 7px;
    line-height: 28px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

@media (max-width: 1199px) {
    [class*="btnBorder"].md {
        padding: 7px 10px;
        font-size: 14px;
        line-height: 22px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }
}

.btnView {
    display: inline-block;
    padding: 8px 25px;
    height: 51px;
    font-size: 18px;
    line-height: 28px;
    color: white;
    font-weight: 500;
    background-color: #026ef9;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.btnView .in {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnView .icon {
    display: block;
    margin-left: 10px;
}

.btnView:hover {
    background-color: #0b51aa;
    color: #fff;
}

.btnIcon {
    display: inline-block;
    height: 40px;
    padding: 8px 7px;
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.btnIcon [class*="icon"] {
    display: block;
    margin-right: 0px;
    font-size: 24px;
    font-weight: normal;
    color: #232323;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.btnIcon:hover {
    background-color: #026ef9;
}

.btnIcon:hover [class*="icon"] {
    color: white;
}

@media (max-width: 1199px) {
    .btnIcon [class*="icon"] {
        margin-right: 0px;
    }
}

@media (max-width: 1023px) {
    .btnView {
        display: inline-block;
        padding: 8px 25px;
        height: 46px;
        font-size: 16px;
        line-height: 28px;
    }

    .btnView .icon {
        max-height: 30px;
    }
}

@media (max-width: 767px) {
    .btnIcon [class*="icon"] {
        margin-right: 0px;
    }
}

[class*="inBlock"][class*="Type1"] input {
    height: 52px;
    padding: 12px 29px 12px;
    font-size: 18px;
    line-height: 26px;
    color: #232323;
    font-weight: 500;
    background-color: white !important;
    background: white !important;
    border: 1px solid #ababab;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

[class*="inBlock"][class*="Type1"] input::placeholder {
    color: #bebfc0;
    opacity: 1;
}

[class*="inBlock"][class*="Type1"] input:-ms-input-placeholder,
[class*="inBlock"][class*="Type1"] input::-ms-input-placeholder,
[class*="inBlock"][class*="Type1"] input::-webkit-input-placeholder,
[class*="inBlock"][class*="Type1"] input:-moz-placeholder,
[class*="inBlock"][class*="Type1"] input::-moz-placeholder {
    color: #bebfc0;
    opacity: 1;
}

[class*="inBlock"][class*="Type2"] .inWrap {
    position: relative;
}

[class*="inBlock"][class*="Type2"] label {
    display: block;
    position: absolute;
    padding-right: 4px;
    top: 22px;
    left: 20px;
    font-size: 18px;
    line-height: 26px;
    color: #9293aa;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
    width: 90%;
}

[class*="inBlock"][class*="Type2"] label.active {
    top: 10px;
    font-size: 13px;
    line-height: 20px;
}

@media (max-width: 1199px) {
    [class*="inBlock"][class*="Type1"] input {
        padding-top: 8px;
        padding-bottom: 12px;
        height: 46px;
    }

    [class*="inBlock"][class*="Type2"] label {
        top: 18px;
        font-size: 16px;
        line-height: 24px;
    }

    [class*="inBlock"][class*="Type2"] label.active {
        top: 6px;
    }
}

@media (max-width: 1023px) {
    [class*="inBlock"][class*="Type1"] input {
        padding: 8px 20px;
        height: 38px;
        font-size: 14px;
        line-height: 22px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }

    [class*="inBlock"][class*="Type2"] label {
        top: 20px;
        font-size: 14px;
        line-height: 22px;
    }

    [class*="inBlock"][class*="Type2"] label.active {
        top: 9px;
        font-size: 12px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    [class*="inBlock"][class*="Type2"] label {
        top: 18px;
    }
}

[class*="inBlock"][class*="Type2"] textarea {
    display: block;
    padding: 30px 19px 11px;
    min-height: 68px;
    height: 148px;
    font-size: 18px;
    line-height: 26px;
    color: #0c0d3c;
    font-weight: 500;
    background-color: white !important;
    background: white !important;
    border: 1px solid #ababab;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    resize: none;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-color: #979797 rgba(255, 255, 255, 0);
    scrollbar-width: thin;
}

[class*="inBlock"][class*="Type2"] textarea + label {
    background-color: white;
}

[class*="inBlock"][class*="Type2"] textarea::-webkit-scrollbar {
    width: 5px;
}

[class*="inBlock"][class*="Type2"] textarea::-webkit-scrollbar-track {
    background: transparent;
}

[class*="inBlock"][class*="Type2"] textarea::-webkit-scrollbar-thumb {
    background-color: #979797;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

[class*="inBlock"][class*="Type2"] textarea:focus,
[class*="inBlock"][class*="Type2"] textarea.active {
    border: 1px solid #0079fa;
}

[class*="inBlock"][class*="Type2"] textarea:focus + label {
    top: 10px;
    font-size: 13px;
    line-height: 20px;
}

@media (min-width: 1681px) {
    [class*="inBlock"][class*="Type2"] textarea {
        padding-top: 29px;
        padding-bottom: 11px;
    }
}

@media (max-width: 1199px) {
    [class*="inBlock"][class*="Type2"] textarea {
        height: 136px;
        padding-top: 26px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    }

    [class*="inBlock"][class*="Type2"] textarea:focus + label {
        top: 6px;
    }
}

@media (max-width: 1023px) {
    [class*="inBlock"][class*="Type2"] textarea {
        height: 128px;
        padding: 26px 19px 13px;
        font-size: 14px;
        line-height: 22px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }

    [class*="inBlock"][class*="Type2"] textarea:focus + label {
        top: 9px;
        font-size: 12px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    [class*="inBlock"][class*="Type2"] textarea {
        height: 58px;
        min-height: 58px;
        scrollbar-width: none;
    }

    [class*="inBlock"][class*="Type2"] textarea::-webkit-scrollbar {
        display: none;
    }
}

[class*="inBlock"][class*="Type2"] input {
    display: block;
    padding: 30px 19px 11px;
    height: 68px;
    font-size: 18px;
    line-height: 26px;
    color: #0c0d3c;
    font-weight: 500;
    background-color: white !important;
    background: white !important;
    border: 1px solid #ababab;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

[class*="inBlock"][class*="Type2"] input.error {
    border-color: #d23838 !important;
}

[class*="inBlock"][class*="Type2"] input:focus,
[class*="inBlock"][class*="Type2"] input.active {
    border: 1px solid #0079fa;
}

[class*="inBlock"][class*="Type2"] input:focus + label {
    top: 10px;
    font-size: 13px;
    line-height: 20px;
}

@media (min-width: 1681px) {
    [class*="inBlock"][class*="Type2"] input {
        padding-top: 29px;
        padding-bottom: 11px;
    }
}

@media (max-width: 1199px) {
    [class*="inBlock"][class*="Type2"] input {
        padding-top: 26px;
        padding-bottom: 10px;
        height: 62px;
        font-size: 16px;
        line-height: 24px;
    }

    [class*="inBlock"][class*="Type2"] input:focus + label {
        top: 6px;
    }
}

@media (max-width: 1023px) {
    [class*="inBlock"][class*="Type2"] input {
        height: 58px;
        padding: 26px 19px 13px;
        font-size: 14px;
        line-height: 22px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }

    [class*="inBlock"][class*="Type2"] input:focus + label {
        top: 9px;
        font-size: 12px;
        line-height: 22px;
    }
}

[class*="inBlock"][class*="Type3"] input {
    height: 55px;
    padding: 0px 10px;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 53px;
    color: #232323;
    letter-spacing: 0.22px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

[class*="inBlock"][class*="Type3"] input::placeholder {
    color: #c2c2c2;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

[class*="inBlock"][class*="Type3"] input:-ms-input-placeholder,
[class*="inBlock"][class*="Type3"] input::-ms-input-placeholder,
[class*="inBlock"][class*="Type3"] input::-webkit-input-placeholder,
[class*="inBlock"][class*="Type3"] input:-moz-placeholder,
[class*="inBlock"][class*="Type3"] input::-moz-placeholder {
    color: #232323;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

[class*="inBlock"][class*="Type3"] input:focus::placeholder,
[class*="inBlock"][class*="Type3"] input:focus:-ms-input-placeholder,
[class*="inBlock"][class*="Type3"] input:focus::-ms-input-placeholder,
[class*="inBlock"][class*="Type3"] input:focus::-webkit-input-placeholder,
[class*="inBlock"][class*="Type3"] input:focus:-moz-placeholder,
[class*="inBlock"][class*="Type3"] input:focus::-moz-placeholder {
    opacity: 0;
}


.checkBtn {
    position: relative;
    min-height: 27px;
    display: flex;
    /*align-items: center;*/
    margin-top: 15px;
}

.checkBtn input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
}


.checkBtn label {
    display: block;
    padding-left: 30px;
    font-size: 13px;
    line-height: 17px;
    color: #0C0D3C;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
}

.checkBtn label::before,
.checkBtn label::after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 5px;
    left: 0px;
    top: 0;
    margin-top: 0;
    width: 17px;
    height: 17px;
}

.checkBtn label::before {
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;

    background-color: #fff;

    border: 1px solid #c2c2c2;
}

.checkBtn input:checked + label::before {
    background-color: #0079fa;
}

.checkBtn input:checked + label::before {
    border-color: #0079fa;
}

.checkBtn label::after {
    content: '\e903';
    font-family: "icomoon";
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;

    margin-top: 0;
    color: #fff;
    font-size: 9px;
    line-height: 20px;
}

.checkBtn input:checked + label::after {
    opacity: 1;
}

.checkBtn label a {
    color: #026EF9;
    text-decoration: underline;
    text-decoration-color: inherit;
    text-underline-offset: 3px;
    transition: text-decoration-color 0.3s;
}

.checkBtn label a:hover {
    text-decoration-color: transparent;
}


/*
.checkBtn {
  position: relative;
  min-height: 27px;
  display: flex;
  margin-top: 15px;
}

.checkBtn input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
}

.checkBtn label {
  display: block;
  padding-left: 30px;
  font-size: 13px;
  line-height: 17px;
  color: #0c0d3c;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
}

.checkBtn label.not_check {
  padding-left: 0;
}

.checkBtn label:not(.not_check)::before,
.checkBtn label:not(.not_check)::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 5px;
  left: 0px;
  top: 0;
  margin-top: 0;
  width: 17px;
  height: 17px;
}

.checkBtn label::before {
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;

  background-color: #fff;

  border: 1px solid #c2c2c2;
}

.checkBtn input:checked + label::before {
  background-color: #0079fa;
}

.checkBtn input:checked + label::before {
  border-color: #0079fa;
}

.checkBtn label:not(.not_check)::after {
  content: "\e903";
  font-family: "icomoon";
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;

  margin-top: 0;
  color: #fff;
  font-size: 9px;
  line-height: 20px;
}

.checkBtn input:checked + label::after {
  opacity: 1;
}

.checkBtn label a {
  color: #026ef9;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 3px;
  transition: text-decoration-color 0.3s;
}

.checkBtn label a:hover {
  text-decoration-color: transparent;
}*/

.checkBtn.sm {
    min-height: auto;
}

.checkBtn.sm label {
    padding-left: 27px;
    font-size: 15px;
    line-height: 24px;
    color: #232323;
    letter-spacing: 0.22px;
}

.checkBtn.sm label::before,
.checkBtn.sm label::after {
    top: 4px;
    margin-top: 0px;
    width: 16px;
    height: 16px;
}

.checkBtn.sm label::before {
    border: 1px solid #c2c2c2;
}

.checkBtn.sm label::after {
    font-family: "icomoon";
    font-size: 7px;
    line-height: 16px;
}

.searchField {
    position: relative;
}

.searchField [class*="icon"] {
    position: absolute;
    display: block;
    left: 14px;
    top: 10px;
    font-size: 18px;
    color: #222321;
}

@media (max-width: 1023px) {
    .searchField [class*="icon"] {
        left: 10px;
        top: 6px;
        font-size: 20px;
    }
}

.searchField input {
    height: 38px;
    padding-left: 40px;
    padding-top: 9px;
    padding-right: 20px;
    padding-bottom: 8px;
    font-size: 13px;
    line-height: 20px;
    color: #232323;
    font-weight: 500;
    background-color: #f2f2f3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

@media (max-width: 1023px) {
    .searchField input {
        height: 32px;
        padding: 5px 20px 5px 35px;
        font-size: 12px;
        line-height: 22px;
    }
}

.searchField input::placeholder {
    color: #5b5b5b;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.searchField input:-ms-input-placeholder {
    color: #5b5b5b;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.searchField input::-ms-input-placeholder {
    color: #5b5b5b;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.searchField input::-webkit-input-placeholder {
    color: #5b5b5b;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.searchField input:-moz-placeholder {
    color: #5b5b5b;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.searchField input::-moz-placeholder {
    color: #5b5b5b;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.searchField input:focus::placeholder {
    opacity: 0;
}

.searchField input:focus:-ms-input-placeholder {
    opacity: 0;
}

.searchField input:focus::-ms-input-placeholder {
    opacity: 0;
}

.searchField input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.searchField input:focus:-moz-placeholder {
    opacity: 0;
}

.searchField input:focus::-moz-placeholder {
    opacity: 0;
}

.radioBtn {
    position: relative;
}

.radioBtn input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
}

.radioBtn input:checked + label::after {
    border: 4px solid #026ef9;
}

.radioBtn label {
    position: relative;
    display: inline-block;
    padding-left: 21px;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: black;
    letter-spacing: 0.22px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .radioBtn label {
        font-size: 13px;
    }
}

.radioBtn label::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0px;
    width: 16px;
    height: 16px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.radioBtn label::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 1px;
    width: 14px;
    height: 14px;
    border: 4px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
}

.selectType1 .selectric-open .selectric .label {
    text-decoration-color: inherit;
}

.selectType1 .selectric {
    background: transparent;
    border: none;
}

.selectType1 .selectric .label {
    margin: 0px;
    padding-right: 14px;
    height: auto;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #232323;
    font-weight: 600;
    letter-spacing: 0.22px;
    text-align: right;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-transition: text-decoration-color 0.3s;
    -moz-transition: text-decoration-color 0.3s;
    -o-transition: text-decoration-color 0.3s;
    transition: text-decoration-color 0.3s;
}

.selectType1 .selectric .button {
    width: 14px;
    height: 24px;
    background: transparent;
}

.selectType1 .selectric .button::before {
    content: "\e905";
    display: block;
    position: absolute;
    font-family: "icomoon";
    top: 0px;
    right: -1px;
    font-size: 6px;
    line-height: 24px;
    color: #232323;
}

.selectType1 .selectric .button::after {
    display: none;
}

.selectType1 .selectric-items {
    margin-top: 5px;
    width: auto !important;
    left: auto;
    right: 0px;
    padding: 14px 16px;
    background-color: white;
    border: none;
    -webkit-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
}

.selectType1 .selectric-items ul {
    display: block;
}

.selectType1 .selectric-items li {
    padding: 0px;
    min-height: auto;
    font-size: 13px;
    line-height: 15px;
    color: black;
    font-weight: 500;
    text-align: right;
    background: transparent;
    white-space: nowrap;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.selectType1 .selectric-items li::before {
    display: none;
}

.selectType1 .selectric-items li.selected,
.selectType1 .selectric-items li.highlighted {
    background: transparent;
    color: #026ef9;
}

.selectType1 .selectric-items li:hover {
    color: #026ef9;
    background: transparent;
}

.selectType1 .selectric-items li + li {
    margin-left: 0px;
    margin-top: 10px;
}

.checkBtn2 {
    position: relative;
}

.checkBtn2 input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0;
}

.checkBtn2 input:checked + label::before {
    background-color: #026ef9;
}

.checkBtn2 input:checked + label::after {
    opacity: 1;
}

.checkBtn2 label {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #232323;
    letter-spacing: 0.22px;
    cursor: pointer;
}

.checkBtn2 label::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0px;
    width: 16px;
    height: 16px;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.checkBtn2 label::after {
    content: "\e913";
    display: block;
    position: absolute;
    left: 0px;
    top: 4px;
    width: 16px;
    height: 16px;
    font-family: "icomoon";
    font-size: 8px;
    line-height: 14px;
    color: white;
    text-align: center;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.dateField input {
    height: 46px;
    padding: 10px 19px;
    padding-right: 45px;
    font-size: 15px;
    line-height: 24px;
    color: black;
    letter-spacing: 0.22px;
    border: 1px solid #c2c2c2;
    background: url("images/calendar.svg") no-repeat;
    background-position: top 11px right 15px;
}

.header {
    position: sticky;
    top: 0px;
    background-color: white;
    -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    z-index: 11;
}

.header.simple {
    position: relative;
}

.body--openCatMenu .header.simple {
    position: sticky;
    z-index: 16;
}

@media (min-width: 1440px) {
    .body--openCatMenu {
        overflow: hidden;
    }
}

@media (min-width: 1200px) {
    .header.scrollDown .siteMenu {
        /*position: relative;
		margin-top: -47px;*/
        transform: translateY(-47px);
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }
}

@media (min-width: 1200px) {
    /*	.header.topLevel .siteMenu {
		opacity: 0;
		visibility: hidden;
	}*/
}

.headLine {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    padding-top: 11px;
    padding-bottom: 11px;
}

.headLine > .leftSide {
    display: flex;
    align-items: center;
}

.headLine > .rightSide {
    display: flex;
    align-items: center;
}

.headLine .siteLogo + .openCatalog {
    margin-left: 36px;
}

.headLine .openCatalog + .siteSearch {
    margin-left: 48px;
}

.headLine .siteSearch {
    width: 321px;
    flex-shrink: 0;
}

.headLine .headContacts + .headerLinks {
    margin-left: 32px;
}

.mobileMenuBtns {
    position: relative;
    display: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
}

.mobileMenuBtns.active .openMobileMenu {
    visibility: hidden;
    opacity: 0;
}

.mobileMenuBtns.active .closeMobileMenu {
    visibility: visible;
    opacity: 1;
}

.openMobileMenu {
    position: relative;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 2;
}

.openMobileMenu [class*="icon"] {
    display: inline-block;
    font-size: 32px;
    color: #0079fa;
}

.closeMobileMenu {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: white;
    background-color: #026ef9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}

.closeMobileMenu [class*="icon"] {
    display: inline-block;
    font-size: 24px;
    color: white;
}

.siteLogo {
    position: relative;
}

.siteLogo > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    font-size: 0;
}

.siteLogo .img {
    flex-shrink: 0;
}

.siteLogo .img + .text {
    margin-left: 14px;
    margin-top: 6px;
}

.siteLogo .text {
    flex-shrink: 0;
}

.openCatalogBtn {
    display: flex;
    cursor: pointer;
    align-items: center;
}

.openCatalogBtn .icon {
    position: relative;
    display: block;
    margin-right: 8px;
    width: 24px;
    height: 24px;
}

.openCatalogBtn .icon [class*="icon"] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: block;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.openCatalogBtn .icon .icon-menu {
    color: #0079fa;
    visibility: visible;
    opacity: 1;
}

.openCatalogBtn .icon .burger {
    height: 2px;
    width: 18px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-duration: 0.25s;
}

.openCatalogBtn .icon .burger:before {
    left: 0;
    position: absolute;
    top: -6px;
    height: 2px;
    width: 18px;
    background-color: #fff;
    content: "";
    transition-duration: 0.25s;
}

.openCatalogBtn .icon .burger:after {
    left: 0;
    position: absolute;
    top: 6px;
    height: 2px;
    width: 18px;
    background-color: #fff;
    content: "";
    transition-duration: 0.25s;
}

.openCatalogBtn.active .icon .burger {
    background: transparent;
}

.openCatalogBtn.active .icon .burger:before {
    transition: transform 0.25s;
    transform: rotateZ(45deg);
    top: 0;
}

.openCatalogBtn.active .icon .burger:after {
    transition: transform 0.25s;
    transform: rotateZ(-405deg);
    top: 0;
}

.openCatalogBtn .icon .icon-close {
    color: #0079fa;
    visibility: hidden;
    opacity: 0;
}

.openCatalogBtn.active .icon .icon-menu {
    visibility: hidden;
    opacity: 0;
}

.openCatalogBtn.active .icon .icon-close {
    visibility: visible;
    opacity: 1;
}

.openCatalogBtn.active > .title {
    color: #0079fa;
}

.openCatalogBtn > .title {
    display: block;
    padding-top: 3px;
    font-size: 14px;
    line-height: 15px;
    color: #232323;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.openCatalogBtn:hover > .title {
    color: #0079fa;
}

.openCatalogBtn .catalogMenu {
    cursor: default;
}

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

.headContacts .phone {
    display: inline-block;
    font-size: 16px;
    line-height: 15px;
    color: #232323;
    font-weight: 500;
    letter-spacing: 0.22px;
}

.headContacts .location {
    margin-left: 14px;
}

.headContacts .location {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    color: #bdbdbd;
    font-weight: 500;
    cursor: pointer;
}

.headContacts .location [class*="icon"] {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-left: 1px;
    font-size: 6px;
    vertical-align: middle;
}

.headerLinks {
    display: flex;
}

.headerLinks li {
    position: relative;
    z-index: 1;
    flex-grow: 1;
    text-align: center;
}

.headerLinks li > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.headerLinks li + li {
    margin-left: 20px;
}

.headerLinks li:hover .title {
    color: #026ef9;
}

.headerLinks [class*="icon"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    color: #026ef9;
}

.headerLinks [class*="icon"] + .title {
    margin-top: 0px;
}

.headerLinks .title {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #232323;
    font-weight: 500;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.siteMenu {
    padding-top: 10px;
    border-bottom: 1px solid transparent;
    /*-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;*/

    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 8%);
}

.siteMenu .back {
    position: absolute;
    visibility: hidden;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: white;
    z-index: -1;
}

.siteMenu.visible {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.siteMenu.visible .back {
    visibility: visible;
}

.siteMenuList {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
}

.siteMenuList > li {
    padding-left: 15px;
    padding-right: 15px;
}

.siteMenuList > li.hidden {
    display: none;
}

.siteMenuList > li.hidden_until_mobile {
    display: none;
}

.siteMenuList > li.active a::before {
    width: 100%;
}

.siteMenuList > li.tel .siteMenuItem a {
    font-weight: bold;
}

.siteMenuItem.highlighted a {
    color: #d23838;
}

.siteMenuList li:last-child .siteMenuItem {
    border-bottom: 0;
}

.siteMenuItem a {
    position: relative;
    display: block;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
    color: #232323;
    width: auto;
    font-weight: 500;
}

@media (max-width: 1439px) {
    .siteMenuItem a {
        width: calc(100% - 70px);
    }
}

.siteMenuItem a::before {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0px;
    bottom: -1px;
    background-color: #0079fa;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.siteMenuItem [class*="icon"] {
    display: none;
}

.siteMenuItem:hover a::before {
    width: 100%;
}

.dropdownMenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    z-index: 3;
}

.dropdownMenu .dropdownMenuWrapper {
    min-height: 400px;
    padding-top: 45px;
    padding-bottom: 30px;
    background-color: white;
}

.dropdownMenu .returnBack {
    display: none;
}

.dropdownMenu .columns {
    padding-top: 5px;
    flex-shrink: 0;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 27px;
    -moz-column-gap: 27px;
    column-gap: 27px;
}

.dropdownMenu ul {
    width: 300px;
    break-inside: avoid;
}

.dropdownMenu ul + ul {
    margin-top: 20px;
}

.dropdownMenu li + li {
    margin-top: 20px;
}

.dropdownMenu a {
    display: inline-block;
    font-size: 20px;
    line-height: 28px;
    color: black;
    font-weight: 500;
    letter-spacing: 0.18px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.dropdownMenu a:hover {
    color: #026ef9;
}

.dropdownMenu .dropdownMenuInner {
    display: flex;
}

.dropdownMenu [class*="icon"] {
    display: none;
}

.dropdownMenu .img {
    width: 260px;
    margin-left: auto;
}

.dropdownMenu .img img {
    display: block;
    width: 100%;
    height: auto;
}

.catalogMenu {
    position: absolute;
    display: none;
    top: 81px;
    left: 0px;
    width: 100%;
    height: 562px;
    background-color: white;
    overflow: hidden;
    z-index: 5;
}

@media (min-width: 1200px) {
    .catalogMenu {
        padding-top: 13px;
    }
}

.catalogMenu .wrapper {
    height: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: nowrap;
}

.catalogMenu .leftSide {
    height: 100%;
}

.catalogMenu .rightSide {
    width: 100%;
    flex-grow: 1;
    overflow-y: auto;
}

.catalogMenu .rightSide .mCSB_scrollTools {
    opacity: 0;
}

.catalogMenu .rightSide:hover .mCSB_scrollTools {
    opacity: 1;
}

.catalogMenu .catalogMenuFirst {
    flex-shrink: 0;
    overflow-y: auto;
}

.catalogMenuFirst {
    position: relative;
    height: 100%;
    width: 368px;
    padding-left: 60px;
    background-color: #f7f6f6;
    z-index: 2;
}

.catalogMenuFirst::before {
    content: "";
    display: block;
    position: absolute;
    width: 50vw;
    height: 100%;
    top: 0px;
    right: 0px;
    background-color: #f7f6f6;
    z-index: -1;
}

.catalogMenuFirst .inner {
    height: 100%;
    padding-top: 22px;
    padding-bottom: 22px;
}

.catalogMenuFirst .returnBack {
    display: none;
}

.catalogFirstMenu li a {
    display: block;

    padding-left: 20px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 12px;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: black;
    letter-spacing: 0.22px;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.catalogFirstMenu li a:hover {
    background-color: white;
}

.catalogFirstMenu li.active a {
    background-color: white;
}

.catalogFirstMenu li [class*="icon"] {
    display: none;
}

.catalogFirstMenuContent {
    display: none;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    padding: 0 45px 0 44px;
}

.catalogFirstMenuContent.active {
    display: block;
}

.catalogFirstMenuContent .returnBack {
    display: none;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-10%);
        -ms-transform: translateX(-10%);
        -webkit-transform: translateX(-10%);
        -o-transform: translateX(-10%);
        transform: translateX(-10%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

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

.catalogMenuSecond .inner {
    padding-top: 24px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
    width: calc(100% + 28px);
}

.catalogMenuSecond .col {
    width: 337px;
    padding-left: 31px;
    flex-shrink: 0;
}

.catalogMenuSecond .item {
    width: calc(33.33% - 28px);
    margin-left: 14px;
    margin-right: 14px;
    break-inside: avoid;
    margin-bottom: 28px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.catalog-banner {
    margin-bottom: 20px;
    display: block;
}

.catalog-banner img {
    max-width: 100%;
    border-radius: 6px;
}

.catalogMenuSecond .title {
    display: block;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: black;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 6px;
    letter-spacing: 0.22px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.catalogMenuSecond .title:hover {
    color: #026ef9;
}

.catalogMenuSecond .title a {
    display: block;
    color: inherit;
}

.catalogMenuSecond .title [class*="icon"] {
    display: none;
}

.catalogMenuSecond .catalogBrands {
    margin-left: auto;
    padding-top: 30px;
}

.catalogSecondMenu li a {
    display: block;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 24px;
    color: black;
    padding: 5.5px 26px;
    letter-spacing: 0.22px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.catalogSecondMenu li a:hover {
    color: #026ef9;
}

.catalogSecondMenu li {
    margin-bottom: 6px;
}

.catalogBrands {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}

.catalogBrands li {
    position: relative;
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.catalogBrands__item {
    position: relative;
    transition: box-shadow 0.3s;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.catalogBrands__item:before {
    content: "";
    display: block;
    padding-top: 50%;
}

.catalogBrands .catalogBrands__item span,
.catalogBrands li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    cursor: pointer;
}

.catalogBrands__wrap > span {
    cursor: pointer;
}

.catalogSecondMenu li span {
    display: block;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 24px;
}

.catalogBrands li img {
    display: block;
    width: 100%;

    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: calc(90% - 20px);
    max-height: calc(90% - 20px);
    height: auto;
}

@media (any-hover: hover), (hover: hover) and (pointer: fine) {
    .catalogBrands__item:hover {
        box-shadow: 0px 0px 30px rgba(25, 123, 178, 0.3);
    }
}

.catalogMenu--admin .rightSide {
    position: relative;
}

.mainSection {
    margin-top: 90px;
    position: relative;
}

.mainSection > .container,
.mainSection__wr {
    overflow: hidden;
}

.mainSection--background-grey {
    background: #f9fafb;
}

.mainSection--background-grey:before {
    content: "";
    top: 0;
    left: 50%;
    width: 100vw;
    transform: translate(-50%, 0);
    height: 100%;
    background: #f9fafb;
    position: absolute;
    z-index: 0;
}

.container {
    max-width: none;
}

.container {
    width: 1420px;
    padding: 0px 50px;
    margin: 0px auto;
}

.containerSM {
    max-width: 870px;
    margin: 0px auto;
}

.mainSection__wr {
    width: calc(100% + 100px);
    margin: 0 -50px;
    padding: 0 50px;
    position: relative;
    z-index: 2;
}

@media (min-width: 1681px) {
    .containerSM {
        max-width: 66%;
    }

    .container {
        width: 100%;
        max-width: 1960px;
        padding-left: 80px;
        padding-right: 80px;
    }

    .mainSection__wr {
        width: calc(100% + 160px);
        margin: 0 -80px;
        padding: 0 80px;
    }

    .catalogFirstMenuContent {
        padding: 0 67px 0 44px;
    }
}

@media (max-width: 1439px) {
    .container {
        width: 1200px;
    }

    .catalogFirstMenuContent {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1199px) {
    .container {
        width: 1024px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .mainSection__wr {
        width: calc(100% + 32px);
        margin: 0 -16px;
        padding: 0 16px;
    }
}

@media (max-width: 1023px) {
    .container {
        width: 768px;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: 480px;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .container {
        overflow: hidden;
    }
}

.categoriesSection .titleContainer + .contentContainer {
    margin-top: 50px;
}

.categoriesSection .categoriesList + .categoriesBrands {
    margin-top: 46px;
}

.categoriesSection.mainSection {
    margin-top: 70px;
}

.allCategories {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.constructSection.mainSection {
    margin-top: 50px;
}

.constructCab {
    padding: 40px 60px;
    background-color: #f5f8fa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.constructCab .wrapper {
    display: flex;
    justify-content: space-between;
}

.constructCab .leftSide {
    width: 383px;
}

.constructCab .rightSide {
    padding-top: 52px;
}

.constructCab .titleContainer + .contentContainer {
    margin-top: 20px;
}

.constructOptions {
    display: flex;
}

.constructOptions .constructOption + .constructOption {
    margin-left: 23px;
}

.constructOption {
    width: 313px;
}

.constructOption .title {
    min-height: 80px;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 26px;
    color: #6a6a6a;
    font-weight: 500;
    background-color: transparent;
    border: 1px solid #ababab;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 4px 15px transparent;
    -moz-box-shadow: 0px 4px 15px transparent;
    box-shadow: 0px 4px 15px transparent;
    -webkit-transition: color 0.3s, background-color 0.3s, border 0.3s,
    box-shadow 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s, border 0.3s,
    box-shadow 0.3s;
    -o-transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
    transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
    position: relative;
    z-index: 1;
}

.constructOption .title > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.constructOption .title:hover {
    color: #23272d;
    background-color: white;
    border: 1px solid #0079fa;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 121, 250, 0.3);
    -moz-box-shadow: 0px 4px 15px rgba(0, 121, 250, 0.3);
    box-shadow: 0px 4px 15px rgba(0, 121, 250, 0.3);
}

.constructOption .title + .note {
    margin-top: 12px;
}

.constructOption .note {
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #0079fa;
    letter-spacing: 0.22px;
}

.constructOption.active .title {
    color: #23272d;
    background-color: white;
    border: 1px solid #0079fa;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 121, 250, 0.3);
    -moz-box-shadow: 0px 4px 15px rgba(0, 121, 250, 0.3);
    box-shadow: 0px 4px 15px rgba(0, 121, 250, 0.3);
}

.dropItem .content {
    display: none;
}

.dropItem.active .content {
    display: block;
}

.productsSection .titleContainer + .contentContainer {
    margin-top: 50px;
    /*overflow: hidden;*/
}

.productsSection.innerSection {
    margin-top: 90px;
}

@media (min-width: 1681px) {
    .productsSection.innerSection {
        margin-top: 100px;
    }
}

@media (max-width: 1199px) {
    .productsSection.innerSection {
        margin-top: 70px;
    }
}

@media (max-width: 1023px) {
    .productsSection.innerSection {
        margin-top: 60px;
    }
}

@media (max-width: 1439px) {
    .siteSlider .owl-stage-outer {
        overflow: visible;
    }
}

.productSlider .productCard {
    width: 100%;
}

/*
@media (max-width: 1023px) {
	.productSlider {
		max-width: 602px;
	}
}

@media (max-width: 767px) {
	.productSlider {
		max-width: 448px;
	}
}
@media (max-width: 767px) and (max-width: 479px) {
	.productSlider {
		max-width: 294px;
	}
}
*/

/*product slider*/
.productSlider.owl-carousel {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    padding: 0 15px;
}

.productSlider.owl-carousel .owl-stage-outer {
    overflow: visible;
    padding: 15px 0;
}

.productSlider.owl-carousel .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

.productSlider.owl-carousel .owl-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.productSlider .owl-item .item {
    transition: 0.3s ease;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.19);
}

.productSlider .owl-item:hover .item {
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1023px) {
    .productSlider.owl-carousel .owl-stage-outer {
        padding: 0px;
    }

    .productSlider .owl-item .item,
    .productSlider .owl-item:hover .item {
        box-shadow: none;
    }

    /*    .productSlider.owl-carousel {
        margin-left: 0;
        margin-right: 0;
    }*/
}

/*product slider*/

.siteSliderNav {
    position: relative;
    z-index: 1;
}

.siteSliderNav .owl-prev,
.siteSliderNav .owl-next {
    position: absolute;
    bottom: 271px;
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: black;
    background-color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    opacity: 1;
    -webkit-transition: color 0.3s, background-color 0.3s, opacity 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s, opacity 0.3s;
    -o-transition: color 0.3s, background-color 0.3s, opacity 0.3s;
    transition: color 0.3s, background-color 0.3s, opacity 0.3s;
    z-index: 1;
}

.siteSliderNav .owl-prev::before,
.siteSliderNav .owl-next::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    z-index: -1;
}

.siteSliderNav .owl-prev:hover,
.siteSliderNav .owl-next:hover {
    color: white;
    background-color: #026ef9;
}

.siteSliderNav .owl-prev:hover::before,
.siteSliderNav .owl-next:hover::before {
    background-color: #026ef9;
}

.siteSliderNav .owl-prev.disabled,
.siteSliderNav .owl-next.disabled {
    opacity: 0;
    pointer-events: none;
}

.siteSliderNav .owl-prev {
    right: calc(100% + 0px);
}

.siteSliderNav .owl-next {
    left: calc(100% + 0px);
}

.siteSliderNav.disabled {
    display: none;
}

.productsBlock .siteSliderNav {
    display: none !important;
}

/*@media (min-width: 1681px) {
	width: 50px;
	height: 50px;
	font-size: 29px;

	-webkit-box-shadow: 3px 3px 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 50px rgba(0, 0, 0, 0.1);
	box-shadow: 3px 3px 50px rgba(0, 0, 0, 0.1);
}*/
@media (max-width: 1439px) {
    .siteSliderNav {
        display: none;
    }

    .siteSliderNav .owl-prev {
        right: auto;
        left: 0px;
    }

    .siteSliderNav .owl-next {
        left: auto;
        right: 0px;
    }
}

.siteSliderDots {
    display: flex;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: -13px;
}

.siteSliderDots .owl-dot {
    position: relative;
    display: block;
    width: 120px;
    height: 30px;
}

.siteSliderDots .owl-dot::before {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0px;
    background-color: #232323;
    opacity: 0;
    -webkit-transition: width 0.3s, opacity 0.3s;
    -moz-transition: width 0.3s, opacity 0.3s;
    -o-transition: width 0.3s, opacity 0.3s;
    transition: width 0.3s, opacity 0.3s;
    z-index: 1;
}

.siteSliderDots .owl-dot::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    margin-top: -1px;
    left: 0px;
    background-color: #e5e5e5;
}

.siteSliderDots .owl-dot + .owl-dot {
    margin-left: 12px;
}

.siteSliderDots .owl-dot.active::before {
    width: 100%;
    opacity: 1;
}

.siteSliderDots.disabled {
    display: none;
}

.productCard {
    position: relative;
    width: 308px;
    padding: 50px 15px 20px;
}

.productCard .icons {
    position: absolute;
    top: 19px;
    right: 15px;
    z-index: 2;
}

.productCard .icons > * + * {
    margin-top: 14px;
}

@media (max-width: 767px) {
    .productCard .icons > * + * {
        margin-top: 10px;
    }
}

.productCard .icons [class*="icon"] {
    font-size: 24px;
    color: #232323;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .productCard .icons [class*="icon"] {
        font-size: 20px;
    }
}

.productCard .iconFavourite {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.productCard .iconFavourite [class*="icon"] {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    font-size: 24px;
    color: #232323;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.productCard .iconFavourite [class*="icon"] {
    transition: color 0.3s ease;
}

.productCard .iconFavourite [class*="icon"].wl-act:hover {
    color: #026ef9;
}

.productCard .iconFavourite [class*="icon"].full {
    color: #026ef9;
    opacity: 0;
    z-index: 1;
}

.productCard .iconFavourite.active [class*="icon"],
.productCard .iconFavourite:hover [class*="icon"] {
    opacity: 0;
}

.productCard .iconFavourite.active [class*="icon"].full,
.productCard .iconFavourite:hover [class*="icon"].full,
.productCard .iconFavourite.active:hover [class*="icon"] {
    opacity: 1;
}

.productCard .iconFavourite.active:hover [class*="icon"].full {
    opacity: 0;
}

.productCard .iconRemove [class*="icon"] {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.productCard .iconRemove:hover [class*="icon"] {
    color: #026ef9;
}

.productCard .demohall span {
    font-weight: 700;
}

.productCard .demohall span .icon-view {
    font-weight: normal;
}

.productCard .img {
    height: 228px;
    position: relative;
    z-index: 1;
}

.productCard .img > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.productCard .img + .tags,
.productCard .img + .info {
    margin-top: 10px;
}

.productCard .tags ul {
    margin: -2px;
    display: flex;
    flex-wrap: wrap;
}

.productCard .tags ul li {
    padding: 2px;
}

.productCard .tags + .info {
    margin-top: 20px;
}

.productCard .info + .buttons {
    margin-top: 18px;
}

.productCard .brand {
    display: block;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #232323;
    letter-spacing: 0.22px;
}

.productCard .title {
    margin-top: 4px;
}

.productCard .title {
    display: block;
    font-size: 16px;
    line-height: 120%;
    color: #232323;
    font-weight: 700;
}

.productCard .title + .price {
    margin-top: 8px;
}

.productCard .price,
.productCard .currentPrice {
    display: flex;
    font-size: 24px;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 0.22px;
}

.productCard .price {
    align-items: center;
    color: #a3abb5;
}

.productCard .currentPrice {
    color: #026ef9;
}

.productCard .currentPrice span {
    font-size: 18px;
    color: #569df9;
    margin-right: 5px;
}

.productCard .oldPrice {
    display: block;
    margin-left: 10px;
    font-size: 16px;
    line-height: 120%;
    color: #232323;
    font-weight: bold;
    letter-spacing: 0.22px;
    text-decoration: line-through;
}

.productCard .price {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 120%;
    color: #a3abb5;
    font-weight: 700;
    letter-spacing: normal;

    margin-top: 10px;
    flex-wrap: wrap;
}

.productCard .currentPrice {
    display: flex;
    font-size: 24px;
    line-height: 120%;
    color: #026ef9;
    font-weight: bold;
    letter-spacing: 0.22px;
}

.productCard .currentPrice--empty {
    color: #a3abb5;
}

.productCard .currentPrice span,
.productInfo .price .currentPrice span {
    font-size: 18px;
    color: #569df9;
    margin-right: 5px;
}

.productCard .currentRassrochkaPrice {
    display: flex;
    font-size: 24px;
    line-height: 120%;
    color: #026ef9;
    font-weight: bold;
    letter-spacing: 0.22px;
}

.productCard .currentRassrochkaPrice.currentRassrochkaPriceRevers {
    display: block;
}

.productCard .currentRassrochkaPrice span.from_text {
    font-size: 18px;
    color: #569df9;
    margin-right: 5px;
}

.productCard .currentRassrochkaPrice span.month_text {
    display: block;
    margin-left: 5px;
    font-size: 16px;
    color: #232323;
    font-weight: bold;
    letter-spacing: 0.22px;
    order: 1;
}

.productCard
.currentRassrochkaPrice.currentRassrochkaPriceRevers
span.month_text {
    margin-left: 0;
}

.productCard .tags {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 15;
    text-indent: 0 !important;
}

.productCard .tags .productTag.red {
    background: #d23838;
}

.productCard .cardPrice + .buttons,
.productCard .buttons {
    margin-top: 18px;
}

.productCard .oldPrice {
    display: block;
    margin-left: 10px;
    font-size: 16px;
    line-height: 120%;
    color: #232323;
    font-weight: bold;
    letter-spacing: 0.22px;
    text-decoration: line-through;
    order: 1;
}

.productCard .type {
    display: block;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 24px;
    /*     color: #026EF9; */
    color: #a7b0b8;
}

@media (max-width: 1199px) {
    .productCard .currentPrice {
        font-size: 18px;
    }

    .productCard .currentPrice span,
    .productInfo .price .currentPrice span {
        font-size: 14px;
    }

    .productCard .oldPrice {
        margin-left: 10px;
        margin-top: 0;
        font-size: 14px;
    }

    .productCard .currentRassrochkaPrice {
        display: block;
        font-size: 18px;
    }

    .productCard .currentRassrochkaPrice span.from_text {
        font-size: 14px;
    }

    .productCard .currentRassrochkaPrice span.month_text {
        font-size: 14px;
        margin-left: 10px;
        margin-top: 0;
    }
}

@media (max-width: 1023px) {
    .productCard .price {
        flex-wrap: wrap;
        font-size: 12px;
    }

    .productCard .currentPrice {
        font-size: 14px;
    }

    .productCard .currentPrice span,
    .productInfo .price .currentPrice span {
        font-size: 12px;
    }

    .productCard .currentRassrochkaPrice {
        font-size: 14px;
    }

    .productCard .currentRassrochkaPrice span.from_text {
        font-size: 12px;
    }

    .productCard .currentRassrochkaPrice span.month_text {
        font-size: 12px;
        margin-left: 0;
        order: 0;
    }

    .productCard .tags {
        bottom: auto;
        top: -31px;
    }

    .catalog-section .productCard .tags {
        top: -16px;
    }

    .owl-item .productCard .tags .productTag span {
        display: none;
    }

    .owl-item .productCard .tags {
        max-width: calc(100% - 25px);
    }

    .owl-item .productCard .cardPrice + .buttons,
    .owl-item .productCard .buttons {
        margin-top: 6px;
    }

    .owl-item .productCard .price {
        margin-top: 6px;
    }

    .productCard .cardPrice + .buttons,
    .productCard .buttons,
    .productCard .price {
        margin-top: 6px;
    }

    .productCard .oldPrice {
        margin-left: 0;
        order: 0;
    }
}

@media (max-width: 500px) {
    .productCard .tags .productTag span {
        display: none;
    }

    .productCard .tags {
        max-width: calc(100% - 25px);
    }
}

/* bq - end*/

.productCard .buttons [class*="btn"] + [class*="btn"] {
    margin-top: 6px;
}

.productCard .buttons + .options {
    margin-top: 20px;
}

.productCard .options {
    display: flex;
    justify-content: center;
    align-items: center;
}

.productCard .options [class*="btn"] + [class*="btn"] {
    margin-left: 22px;
}

.productTag {
    display: block;
    padding: 0px 8px 0px;
    font-size: 12px;
    line-height: 25px;
    color: white;
    font-weight: 700;
    background-color: #232323;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.productTag.discount {
    background-color: #d23838;
}

.productTag.productTag--have {
    background-color: #fd2fad;
}

.productTag.productTag--recom {
    background-color: #22b14c;
}

.productTag.productTag--real {
    background-color: #d45659;
}

.productTag.productTag--demand {
    background-color: #a349a4;
}

.devicesSection .titleContainer + .contentContainer {
    margin-top: 50px;
}

.offersSection .wrapper {
    padding: 60px;
    background: linear-gradient(
            180deg,
            rgba(249, 250, 251, 0) 0%,
            rgba(232, 237, 244, 0.2) 0.01%,
            #f2f4f6 100%
    );
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.offersSection .titleContainer + .contentContainer {
    margin-top: 44px;
}

.offersSection.mainSection {
    margin-top: 63px;
}

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

.offersList,
.offersList li {
    display: flex;
    align-items: center;
}

.offersList li + li {
    margin-left: 40px;
}

.offersList [class*="icon"] {
    display: block;
    margin-right: 14px;
    font-size: 28px;
    color: #026ef9;
}

.offersList .data {
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: #080c37;
    font-weight: 500;
}

.subscribeForm .formWrap {
    display: flex;
}

.subscribeForm .field {
    width: 358px;
    flex-shrink: 0;
}

.subscribeForm .field + .button {
    margin-left: 40px;
}

.contactForm .fieldItem {
    margin-top: 12px;
}

.contactForm .fieldItem .recaptcha-item {
    margin-bottom: 12px;
}

.contactForm .fieldItem:first-child {
    margin-top: 0;
}

.contactForm .fieldItem + [class*="btn"] {
    margin-top: 24px;
}

.contactForm [class*="btn"] + .checkBtn {
    margin-top: 24px;
}

.demoForm {
    width: 100%;
    max-width: 385px;
    margin: auto;
}

.demoForm .fieldItem .form-item .jq-selectbox {
    width: 100%;
}

.demoForm .fieldItem .form-item .jq-selectbox__select {
    border-color: #ababab;
    font-size: 18px;
    line-height: 26px;
    height: 68px;
    padding: 20px 45px 20px 19px;
    text-align: left;
    background: #fff;
    border-radius: 8px;
}

.demoForm .fieldItem .form-item .focused .jq-selectbox__select {
    border-color: #0079fa;
}

.demoForm .fieldItem .form-item .jq-selectbox ul {
    text-align: left;
}

.demoForm .fieldItem .form-item .jq-selectbox li:hover {
    background: #026ef9;
}

.demoForm .fieldItem .form-item .jq-selectbox__trigger {
    border-color: #ababab;
}

.demoForm .fieldItem .form-item .jq-selectbox__trigger-arrow {
    top: 31px;
}

.demoForm .fieldItem .form-item .jq-selectbox__dropdown {
    max-width: 100%;
}

.demoForm .fieldItem .form-item .jq-selectbox li {
    white-space: normal;
}

@media (max-width: 1199px) {
    .demoForm .fieldItem .form-item .jq-selectbox__select {
        height: 62px;
        padding: 17px 45px 17px 19px;
        font-size: 16px;
    }

    .demoForm .fieldItem .form-item .jq-selectbox__trigger-arrow {
        top: 28px;
    }
}

@media (max-width: 1023px) {
    .contactForm [class*="btn"] + .checkBtn {
        margin-top: 14px;
    }

    .demoForm .fieldItem .form-item .jq-selectbox__select {
        height: 58px;
        padding: 15px 45px 15px 19px;
        font-size: 14px;
    }

    .demoForm .fieldItem .form-item .jq-selectbox__trigger-arrow {
        top: 26px;
    }
}

.newsSection .titleContainer + .contentContainer {
    margin-top: 40px;
}

.newsSection .newsTabs .moreLink {
    margin-top: 50px;
}

.newsSection .moreLink {
    text-align: center;
}

.newsList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 40px;
}

.newsList .item:nth-child(n + 4) {
    display: none;
}

.newsItem {
    position: relative;
    z-index: 1;
}

.newsItem > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.newsItem .img {
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

.newsItem .img .img-empty {
    position: relative;
    background-color: #add2f9;
}

.newsItem .img .img-empty:before {
    content: "";
    width: 65px;
    height: 65px;
    left: 10%;
    bottom: 10%;
    background: url(./images/logo_w.svg) no-repeat left center;
    background-size: contain;
    position: absolute;
}

.newsItem .img .img-empty:after {
    padding-top: 53.6%;
    content: "";
    display: block;
}

.newsItem .img img {
    border-radius: 8px;
    transition: 0.3s ease;
    max-width: 100%;
}

.newsItem:hover .img img {
    transform: scale(1.1);
}

.newsItem .type {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-block;
    padding: 2px 8px;
    font-family: "Open Sans";
    text-transform: lowercase;
    font-size: 12px;
    line-height: 20px;
    color: white;
    letter-spacing: 0.22px;
    background-color: #026ef9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.newsItem .content {
    padding-left: 20px;
    padding-top: 24px;
    padding-right: 20px;
}

.newsItem .tag {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #23272d;
    font-weight: 500;
}

.newsItem .tag + .title {
    margin-top: 10px;
}

.newsItem .title {
    display: block;
    font-size: 24px;
    line-height: 32px;
    color: #23272d;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.newsItem .date {
    display: block;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #0079fa;
    letter-spacing: 0.22px;
}

.newsItem .date + .tag,
.newsItem .date + .title {
    margin-top: 10px;
}

@media (hover: hover) {
    .newsItem:hover .img {
        -moz-transform: scale(1.025);
        -ms-transform: scale(1.025);
        -webkit-transform: scale(1.025);
        -o-transform: scale(1.025);
        transform: scale(1.025);
    }

    .newsItem:hover .title {
        color: #026ef9;
    }
}

.innerPageContent {
    padding-bottom: 90px;
    margin-top: 50px;
}

.pageSection {
    margin-top: 40px;
}

.catalogSection .titleContainer + .contentContainer {
    margin-top: 60px;
}

.catalogSection .categoriesList + .categoriesBrands {
    margin-top: 50px;
}

.catalogSection .categoriesBrands + .catalogInfo {
    margin-top: 50px;
}

.productDescription .titleBlock + .contentBlock {
    margin-top: 30px;
}

@media (max-width: 1023px) {
    .productDescription .titleBlock + .contentBlock {
        margin-top: 20px;
    }
}

.mobilePrice {
    margin-bottom: 19px;
    display: flex;
    align-items: center;
}

.mobilePrice .currentPrice {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 120%;
    color: #026ef9;
    font-weight: bold;
    letter-spacing: 0.22px;
}

.mobilePrice .currentPrice span {
    display: block;
    margin-right: 5px;
    font-size: 12px;
    color: #569df9;
}

.mobilePrice .oldPrice {
    display: block;
    margin-left: 8px;
    font-size: 12px;
    line-height: 120%;
    color: #232323;
    font-weight: bold;
    letter-spacing: 0.22px;
    text-decoration: line-through;
}

.priceOptions ul {
    display: flex;
    flex-wrap: wrap;
}

.priceOptions li {
    padding: 5px 0px;
    flex-shrink: 0;
    margin-right: 16px;
}

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

.priceOption .icon {
    margin-left: 8px;
}

.priceOption [class*="icon"] {
    display: block;
    font-size: 20px;
    color: #979797;
    cursor: pointer;
}

.moreProductsSection {
    margin-top: 120px;
}

.pageContactSection {
    padding: 78px 0px;
}

/*
.pageContactSection:before,
.pageContactSection:after {
	content: "";
	width: calc(50vw - 920px);
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #f9fafb;
}
.pageContactSection:before {
	transform: translateX(-100%);
}
.pageContactSection:after {
	left: auto; right: 0;
	transform: translateX(100%);
}
*/

.pageContactSection .wrapper {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.pageContactSection .leftSide {
    width: 430px;
}

.pageContactSection .rightSide {
    width: 430px;
    margin-left: 10px;
}

@media (min-width: 1681px) {
    .pageContactSection .rightSide {
        margin-left: 60px;
    }
}

@media (max-width: 1023px) {
    .pageContactSection {
        padding: 50px 0px;
    }

    .pageContactSection .wrapper {
        justify-content: space-between;
    }

    .pageContactSection .leftSide {
        width: auto;
    }
}

@media (max-width: 767px) {
    .pageContactSection {
        padding: 28px 0px 30px;
    }

    .pageContactSection .wrapper {
        display: block;
    }

    .pageContactSection .leftSide {
        width: 100%;
        text-align: center;
    }

    .pageContactSection .leftSide br {
        display: none;
    }

    .pageContactSection .rightSide {
        width: 100%;
        margin-left: 0px;
        margin-top: 30px;
    }
}

.markedList2 li {
    position: relative;
    padding-left: 17px;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #232323;
    letter-spacing: 0.22px;
}

@media (max-width: 1023px) {
    .markedList2 li {
        line-height: 22px;
    }
}

.markedList2 li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -3.5px;
    width: 7px;
    height: 7px;
    background-color: #026ef9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.markedList2 li + li {
    margin-top: 10px;
}

.pageTitle {
    margin-top: 30px;
}

.aboutSection .titleContainer + .contentContainer {
    margin-top: 16px;
}

.aboutSection .articlesInfo {
    margin-top: 60px;
}

.aboutSection .openFilterBtn {
    display: none;
}

.bottomLevelMenu {
    background-color: white;
}

@media (min-width: 1200px) {
    .bottomLevelMenu::before {
        content: "";
        display: block;
        position: absolute;
        width: 100vw;
        height: 100%;
        left: 50%;
        top: 0px;
        margin-left: -50vw;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
        z-index: -1;
    }

    .bottomLevelMenu.sticky {
        position: sticky;
        top: 83px;
        padding-top: 18px;
        z-index: 7;
    }

    .bottomLevelMenu.sticky::before {
        opacity: 1;
    }

    .bottomLevelMenu.sticky .subsectionMenu::before {
        display: none;
    }

    .bottomLevelMenu.hidden {
        visibility: hidden;
        opacity: 0;
    }
}

.subSectionBanner {
    height: 374px;
    padding: 83px 76px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/about_back_2_min.jpg);
}

.subSectionBanner.main {
    height: 590px;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(images/about_back_min.jpg);
}

.subSectionBanner.main .inner {
    /*width: 650px;*/
    padding: 0 20px;
}

@media (min-width: 767px) {
    .subSectionBanner {
        background-image: url(images/about_back_2.jpg);
    }

    .subSectionBanner.main {
        background-image: url(images/about_back.jpg);
    }
}

.subSectionBanner.banner_about,
.subSectionBanner.main.banner_about {
    background-image: url(images/about_back_3.jpg);
}

.shareTooltip {
    position: relative;
    width: 200px;
    padding-left: 13px;
    padding-top: 26px;
    padding-right: 13px;
    padding-bottom: 14px;
    background-color: white;
    -webkit-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.shareTooltip .close {
    position: absolute;
    display: block;
    top: 8px;
    right: 8px;
    font-size: 24px;
    color: #979797;
    cursor: pointer;
}

.shareTooltip .cap {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 15px;
    color: black;
    font-weight: 500;
}

.shareTooltip::before {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    left: 12px;
    bottom: 100%;
    border-bottom: 18px solid white;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
}

.simpleSlider {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1681px) {
    .simpleSlider {
        max-width: 1176px;
    }
}

.simpleSlider .owl-stage {
    display: flex;
}

.simpleSlider .owl-item {
    flex-shrink: 0;
}

.simpleSlider .item {
    width: 100%;
    height: 100%;
    max-height: 480px;
    position: relative;
    z-index: 1;
}

.simpleSlider .item > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

@media (min-width: 1681px) {
    .simpleSlider .item {
        max-height: 653px;
    }
}

.simpleSlider .item img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    object-fit: contain;
}

.simpleSlider .owl-nav {
    z-index: 1;
}

@media (max-width: 1439px) {
    .simpleSlider .owl-nav {
        display: none;
    }
}

.simpleSlider .owl-nav .owl-prev,
.simpleSlider .owl-nav .owl-next {
    position: absolute;
    bottom: 49.5%;
    display: flex;
    font-size: 40px !important;
    color: black;
    opacity: 1;
    -webkit-transition: color 0.3s, opacity 0.3s;
    -moz-transition: color 0.3s, opacity 0.3s;
    -o-transition: color 0.3s, opacity 0.3s;
    transition: color 0.3s, opacity 0.3s;
    z-index: 1;
}

@media (hover: hover) {
    .simpleSlider .owl-nav .owl-prev:hover,
    .simpleSlider .owl-nav .owl-next:hover {
        color: #026ef9;
    }
}

.simpleSlider .owl-nav .owl-prev.disabled,
.simpleSlider .owl-nav .owl-next.disabled {
    color: black;
    opacity: 0.5;
    pointer-events: none;
}

.simpleSlider .owl-nav .owl-prev {
    right: calc(100% + 30px);
}

.simpleSlider .owl-nav .owl-next {
    left: calc(100% + 30px);
}

.simpleSlider .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: -15px;
}

@media (max-width: 767px) {
    .simpleSlider .owl-dots {
        margin-top: 0px;
    }
}

.simpleSlider .owl-dots .owl-dot {
    position: relative;
    display: block;
    width: 120px;
    height: 30px;
}

@media (max-width: 767px) {
    .simpleSlider .owl-dots .owl-dot {
        width: 55px;
    }
}

.simpleSlider .owl-dots .owl-dot::before {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0px;
    background-color: #026ef9;
    opacity: 0;
    -webkit-transition: width 0.3s, opacity 0.3s;
    -moz-transition: width 0.3s, opacity 0.3s;
    -o-transition: width 0.3s, opacity 0.3s;
    transition: width 0.3s, opacity 0.3s;
    z-index: 1;
}

.simpleSlider .owl-dots .owl-dot::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    margin-top: -1px;
    left: 0px;
    background-color: #cccccc;
}

.simpleSlider .owl-dots .owl-dot + .owl-dot {
    margin-left: 12px;
}

.simpleSlider .owl-dots .owl-dot.active::before {
    width: 100%;
    opacity: 1;
}

.simpleSlider .owl-dots.disabled {
    display: none;
}

.moreContentSection {
    margin-top: 90px;
}

@media (max-width: 1199px) {
    .moreContentSection {
        margin-top: 70px;
    }
}

@media (max-width: 1023px) {
    .moreContentSection {
        margin-top: 60px;
    }
}

.moreContentSection .titleContainer + .contentContainer {
    margin-top: 50px;
}

.moreContentList .item:nth-child(4) {
    display: none;
}

@media (min-width: 1681px) {
    .moreContentList .item:last-child {
        display: block;
    }
}

@media (max-width: 1023px) {
    .moreContentList .item:last-child {
        display: block;
    }
}

.moreAwardsSection {
    margin-top: 60px;
}

.moreAwardsList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 40px;
    column-gap: 30px;
}

@media (min-width: 1681px) {
    .moreAwardsList {
        grid-template-columns: repeat(4, 1fr);
    }
}

.projectsSection {
    margin-top: 40px;
}

.projectsSection .headBlock {
    padding-bottom: 11px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #e6ecf1;
}

.projectsSection .headBlock .title {
    display: block;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: black;
    letter-spacing: 0.22px;
}

.projectsList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 40px;
    column-gap: 30px;
}

@media (min-width: 1681px) {
    .projectsList {
        grid-template-columns: repeat(4, 1fr);
    }
}

.projectItem {
    position: relative;
    height: 100%;
    z-index: 1;
    position: relative;
    z-index: 1;
}

.projectItem > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.projectItem::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    z-index: -1;
}

.projectItem .img {
    position: relative;
    height: 259px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}

.projectItem .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.projectItem .type {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-block;
    padding: 2px 8px;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 20px;
    color: white;
    letter-spacing: 0.22px;
    background-color: #026ef9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.projectItem .content {
    padding-left: 15px;
    padding-top: 24px;
    padding-right: 45px;
    padding-bottom: 24px;
}

.projectItem .title + .more {
    margin-top: 20px;
}

.projectItem .more a {
    position: relative;
    z-index: 8;
}

@media (hover: hover) {
    .projectItem:hover::before {
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        -webkit-transform: scale(1.04);
        -o-transform: scale(1.04);
        transform: scale(1.04);
    }
}

.calcSection .titleContainer + .contentContainer {
    margin-top: 60px;
}

.calcSection .wrapper {
    display: flex;
    justify-content: space-between;
}

.calcSection .leftSide {
    width: 563px;
    flex-shrink: 0;
}

.calcSection .rightSide {
    width: 562px;
}

@media (max-width: 1439px) {
    .calcSection .rightSide {
        width: 500px;
    }
}

.calcBlock .calcItem + .calcItem {
    margin-top: 15px;
}

.calcItem {
    padding-bottom: 30px;
}

@media (max-width: 1023px) {
    .calcItem {
        padding-bottom: 27px;
    }
}

.calcItem .label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
}

@media (max-width: 1023px) {
    .calcItem .label {
        font-size: 15px;
        line-height: 22px;
    }
}

.calcField {
    position: relative;
    padding-left: 14px;
    padding-top: 11px;
    padding-right: 14px;
    height: 50px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.calcField .slider {
    position: absolute;
    width: calc(100% + 2px);
    top: 100%;
    left: -1px;
}

.calcField .slider .irs--flat {
    height: 30px;
}

.calcField .slider .irs-single {
    display: none;
}

.calcField .slider .irs-min,
.calcField .slider .irs-max {
    top: 10px;
    padding: 0px;
    height: 20px;
    font-family: "Gilroy";
    font-size: 13px;
    line-height: 20px;
    color: #979797;
    font-weight: 500;
    background-color: transparent;
    visibility: visible !important;
}

@media (max-width: 767px) {
    .calcField .slider .irs-min,
    .calcField .slider .irs-max {
        top: 7px;
    }
}

.calcField .slider .irs-min {
    position: absolute;
    display: inline-block;
    left: 0%;
}

.calcField .slider .irs-max {
    position: absolute;
    display: inline-block;
    right: 0%;
}

.calcField .slider .irs-line {
    top: -2px;
    height: 3px;
    background-color: transparent;
}

.calcField .slider .irs-bar {
    top: -2px;
    height: 3px;
    background-color: #026ef9;
    -webkit-border-radius: 0px 0 0 4px;
    -moz-border-radius: 0px 0 0 4px;
    -ms-border-radius: 0px 0 0 4px;
    border-radius: 0px 0 0 4px;
}

.calcField .slider .irs-handle {
    display: block;
    top: -8px;
    height: 15px;
    width: 15px;
    background-color: #026ef9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.calcField .slider .irs-handle i {
    display: none;
}

.calcField .sum {
    position: relative;
}

.calcField .sum .pct {
    display: flex;
    margin-left: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
}

.calcField .sum .pct span + span {
    margin-left: 10px;
}

.calcField .sum input {
    display: block;
    padding: 0px;
    border: none;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    color: #232323;
    overflow: hidden;
    opacity: 0;
    z-index: 1;
}

.calcField .sum input::-webkit-outer-spin-button,
.calcField .sum input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.calcField .sum input:focus {
    z-index: 2;
    opacity: 1;
}

.calcField .sum input:focus + .text {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.calcField .sum .text {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    font-size: 16px;
    line-height: 26px;
    color: #232323;
    z-index: 2;
}

.calcResult .title {
    margin-bottom: 20px;
}

.calcResult [class*="btn"] {
    min-width: 255px;
    margin-top: 30px;
}

.calcResultList {
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #979797;
    letter-spacing: 0.22px;
}

.calcResultList li + li {
    margin-top: 15px;
}

.calcResultList span {
    display: block;
    margin-top: 10px;
    font-family: "Gilroy";
    font-size: 18px;
    line-height: 26px;
    color: #232323;
    font-weight: 600;
    letter-spacing: 0px;
}

.showMoreBlock .hidden {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.showMoreBlock.active .hidden {
    opacity: 1;
}

.showMoreBlock + .showMoreControl {
    margin-top: 12px;
}

.showMoreControl {
    display: inline-block;
    cursor: pointer;
}

.errorPage {
    min-height: 630px;
    padding-top: 163px;
    padding-bottom: 160px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.errorPage .wrapper {
    padding-left: 83px;
}

.errorPage .title {
    display: block;
    font-size: 64px;
    line-height: 60px;
    color: white;
    font-weight: 700;
    letter-spacing: 5px;
}

.errorPage .title + .subtitle {
    margin-top: 28px;
}

.errorPage .info {
    max-width: 483px;
    margin-top: 16px;
}

.errorPage .buttons {
    margin-top: 24px;
}

.errorPage [class*="btn"] + [class*="btn"] {
    margin-left: 16px;
}

.firstCap,
.brandsDetailSection .firstCap {
    display: block;
    font-size: 50px;
    line-height: 60px;
    color: #232323;
    font-weight: 700;
    letter-spacing: 1px;
}

@media (max-width: 1199px) {
    .firstCap {
        font-size: 42px;
        line-height: 50px;
    }
}

@media (max-width: 1023px) {
    .firstCap {
        font-size: 32px;
        line-height: 40px;
    }
}

.firstCap.invert {
    color: white;
}

.firstCap.center {
    text-align: center;
}

.secCap {
    display: block;
    font-size: 45px;
    line-height: 55px;
    color: #232323;
    font-weight: 500;
    letter-spacing: 1px;
}

@media (max-width: 1199px) {
    .secCap {
        font-size: 35px;
        line-height: 45px;
    }
}

@media (max-width: 1023px) {
    .secCap {
        font-size: 26px;
        line-height: 34px;
    }
}

.secCap.invert {
    color: white;
}

.secCap.center {
    text-align: center;
}

.thirdCap {
    display: block;
    font-size: 35px;
    line-height: 45px;
    color: #232323;
    font-weight: 500;
    letter-spacing: 1px;
}

@media (max-width: 1199px) {
    .thirdCap {
        font-size: 26px;
        line-height: 34px;
    }
}

@media (max-width: 1023px) {
    .thirdCap {
        font-size: 22px;
        line-height: 32px;
    }
}

.thirdCap.invert {
    color: white;
}

.thirdCap.center {
    text-align: center;
}

.subtitleCap {
    display: block;
    font-size: 24px;
    line-height: 32px;
    color: #232323;
    font-weight: 600;
    letter-spacing: 1px;
}

@media (max-width: 1199px) {
    .subtitleCap {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 1023px) {
    .subtitleCap {
        font-size: 18px;
    }
}

.subtitleCap.dark {
    color: #23272d;
}

.subtitleCap.invert {
    color: white;
}

.subtitleCap.center {
    text-align: center;
}

.subheaderCap {
    display: block;
    font-size: 20px;
    line-height: 28px;
    color: #23272d;
    font-weight: 500;
    letter-spacing: 0.22px;
}

@media (max-width: 1023px) {
    .subheaderCap {
        font-size: 16px;
        line-height: 24px;
        color: #23272d;
        font-weight: 500;
        letter-spacing: 0.18px;
    }
}

.subheaderCap.invert {
    color: white;
}

.subheaderCap.center {
    text-align: center;
}

.commentText {
    display: block;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #23272d;
    letter-spacing: 0.22px;
}

@media (max-width: 1023px) {
    .commentText {
        font-size: 12px;
        line-height: 20px;
        color: #23272d;
        letter-spacing: 0.22px;
    }
}

.textBlock .text {
    font-family: "Open Sans";
    color: black;
}

.textBlock .text a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    color: #026ef9;
    text-decoration: underline;
    text-decoration-color: inherit;
    -webkit-transition: text-decoration-color 0.3s;
    -moz-transition: text-decoration-color 0.3s;
    -o-transition: text-decoration-color 0.3s;
    transition: text-decoration-color 0.3s;
}

.textBlock .text a:hover {
    text-decoration-color: transparent;
}

.textBlock .text.lg {
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
}

@media (max-width: 1023px) {
    .textBlock .text.lg {
        font-size: 15px;
        line-height: 22px;
    }
}

.textBlock .text.lg + p.lg {
    margin-top: 26px;
}

@media (max-width: 767px) {
    .textBlock .text.lg + p.lg {
        margin-top: 22px;
    }
}

.textBlock .text.md {
    font-size: 15px;
    line-height: 24px;
    color: black;
    font-weight: normal;
    letter-spacing: 0.22px;
}

@media (max-width: 1023px) {
    .textBlock .text.md {
        font-size: 13px;
    }
}

.textBlock .text.md + p.md {
    margin-top: 24px;
}

.textBlock .text.invert {
    color: white;
}

.markedList li {
    position: relative;
    padding-left: 23px;
    font-size: 14px;
    line-height: 18px;
    color: black;
    font-weight: 500;
}

.markedList li + li {
    margin-top: 10px;
}

.markedList li::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0px;
    width: 4px;
    height: 4px;
    background-color: black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.numList {
    padding-left: 0px;
    margin: 0px;
    counter-reset: item;
    list-style-type: none;
}

.numList li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height: 18px;
    color: black;
    font-weight: 500;
}

.numList li + li {
    margin-top: 10px;
}

.numList li::before {
    counter-increment: item;
    content: counters(item, ".") ". ";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 14px;
    line-height: 18px;
    color: black;
    font-weight: 500;
}

.textContent {
    font-family: "Open Sans";
    color: #232323;
    padding: 1px 0;
}

.textContent img {
    max-width: 100%;
}

.textContent.invert {
    color: #fff;
}

.textContent * + h1 {
    margin-top: 90px;
}

.textContent * + p,
.textContent * + ol,
.textContent * + ul {
    margin-top: 20px;
}

.textContent * + .simpleSlider {
    margin-top: 30px;
}

.textContent a {
    font-size: inherit;
    line-height: inherit;
    color: #026ef9;
    font-weight: inherit;
    letter-spacing: inherit;
    text-decoration: underline;
    text-decoration-color: inherit;
    -webkit-transition: text-decoration-color 0.3s;
    -moz-transition: text-decoration-color 0.3s;
    -o-transition: text-decoration-color 0.3s;
    transition: text-decoration-color 0.3s;
}

.textContent a:hover {
    text-decoration-color: transparent;
}

.textContent.invert a {
    color: #fff;
}

.textContent h1,
.textContent h2,
.textContent h3,
.textContent h4,
.textContent h5,
.textContent h6,
.textContent .h1,
.textContent .h2,
.textContent .h3,
.textContent .h4,
.textContent .h5,
.textContent .h6 {
    font-family: "Gilroy";
    font-weight: 500;
    letter-spacing: 1px;
    /*color: black;*/
    display: block;
}

.textContent.center h1,
.textContent.center h2,
.textContent.center h3,
.textContent.center h4,
.textContent.center h5,
.textContent.center h6,
.textContent.center .h1,
.textContent.center .h2,
.textContent.center .h3,
.textContent.center .h4,
.textContent.center .h5,
.textContent.center .h6 {
    text-align: center;
}

.textContent > *:first-child,
.textContent.sm > *:first-child {
    margin-top: 0;
}

.textContent > *:last-child,
.textContent.sm > *:last-child {
    margin-bottom: 0;
}

.textContent h1,
.textContent .h1 {
    margin-top: 40px;
    margin-bottom: 50px;
    font-size: 45px;
    line-height: 55px;
}

.textContent h2 {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 45px;
}

.textContent h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

.textContent h4 {
    margin-top: 20px;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.22px;
}

.textContent h4 + * {
    margin-top: 16px !important;
}

@media (max-width: 1199px) {
    .textContent h1,
    .textContent .h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .textContent h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .textContent h3 {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 1023px) {
    .textContent h1,
    .textContent .h1 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .textContent h2 {
        font-size: 22px;
        line-height: 32px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .textContent h3 {
        font-size: 18px;
    }

    .textContent h4 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.18px;
    }
}

.textContent,
.textContent p {
    font-size: 16px;
    line-height: 26px;
}

.textContent b {
    font-size: 18px;
}

@media (max-width: 1023px) {
    .textContent,
    .textContent p,
    .textContent b {
        font-size: 15px;
        line-height: 22px;
    }
}

.textContent p + ul,
.textContent p + ol {
    margin-top: 30px;
}

.textContent p + p {
    margin-top: 20px;
}

.textContent ul li,
.textContent ol li {
    position: relative;
    padding-left: 23px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.textContent ul + ul,
.textContent ul + ol,
.textContent ol + ul,
.textContent ol + ol {
    margin-top: 20px;
}

.textContent ol {
    padding-left: 0px;
    margin: 20px 0px;
    counter-reset: item;
    list-style-type: none;
}

.textContent ol li {
    padding-left: 25px;
}

.textContent ol ol li {
    padding-left: 35px;
}

.textContent ul li + li,
.textContent ol li + li {
    margin-top: 10px;
}

.textContent ul li::before,
.textContent ol ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0px;
    width: 4px;
    height: 4px;
    background-color: #026ef9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.textContent ol li::before {
    counter-increment: item;
    content: counters(item, ".") ". ";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 16px;
    line-height: inherit;
    color: #232323;
    font-weight: 500;
}

.textContent .simpleSlider + p,
.textContent .simpleSlider + ul,
.textContent .simpleSlider + ol {
    margin-top: 30px;
}

@media (max-width: 1023px) {
    .textContent ol li,
    .textContent ul li {
        font-size: 15px;
        line-height: 22px;
    }

    .textContent ul li::before {
        top: 9px;
    }

    .textContent ol li::before {
        font-size: 15px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .textContent ul > li,
    .textContent ol > li {
        margin-bottom: 8px;
        padding-left: 16px;
    }
}

.textContent .videoBlock {
    margin-top: 20px;
    margin-bottom: 40px;
}

.videoBlock .wrapper {
    position: relative;
    padding-top: 45.3%;
    width: 100%;
    height: 0px;
}

.videoBlock .video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.videoBlock .video iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

@media (max-width: 1023px) {
    .videoBlock {
        margin-left: -16px;
        margin-right: -16px;
    }

    .videoBlock .wrapper {
        padding-top: 55.5%;
    }
}

.textContent blockquote {
    font-family: "Gilroy";
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin: 40px 0;
    position: relative;
}

.textContent blockquote p,
.textContent.textContent-mini blockquote p {
    font-family: "Gilroy";
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
}

@media (max-width: 1023px) {
    .textContent blockquote {
        margin: 20px 0;
    }
}

@media (max-width: 767px) {
    .textContent blockquote,
    .textContent blockquote p,
    .textContent.textContent-mini blockquote p {
        font-size: 17px;
        line-height: 25px;
    }
}

.textContent.textContent-mini,
.textContent.textContent-mini p {
    font-size: 15px;
    line-height: 24px;
}

.textContent.textContent-mini ul > li,
.textContent.textContent-mini ol > li {
    font-size: 14px;
    line-height: 20px;
}

@media (max-width: 1023px) {
    .textContent.textContent-mini ul > li,
    .textContent.textContent-mini ol > li {
        font-size: 13px;
        line-height: 20px;
    }

    .textContent.textContent-mini,
    .textContent.textContent-mini p {
        font-size: 14px;
        line-height: 20px;
    }
}

.textContent table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
}

.textContent td {
    font-size: 15px;
    line-height: 24px;
    padding: 20px 5px 20px 0;
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
}

.textContent td:last-child {
    padding-right: 0;
}

.textContent thead td,
.textContent th {
    padding: 0 5px 16px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #979797;
    border-top: 0;
}

.textContent thead td:last-child,
.textContent th {
    padding-right: 0;
}

.table_responsive_outer {
    min-width: 100%;
    overflow: auto;
}

@media (max-width: 1023px) {
    .textContent table {
        margin: 15px 0;
    }

    .textContent thead td,
    .textContent th {
        font-size: 15px;
        line-height: 22px;
    }

    .textContent td {
        font-size: 15px;
        line-height: 22px;
    }
}

.textContent.sm,
.textContent.sm p {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.22px;
}

.textContent.sm p b {
    font-size: 17px;
}

@media (max-width: 1023px) {
    .textContent.sm,
    .textContent.sm p {
        font-size: 13px;
        line-height: 20px;
    }

    .textContent.sm p {
        margin: 15px 0px;
    }

    .textContent.sm p b {
        font-size: 13px;
    }
}

.textContent.sm ul li,
.textContent.sm ol li {
    font-size: 15px;
    line-height: 24px;
    color: #232323;
    letter-spacing: 0.22px;
}

.textContent.sm ul li::before {
    top: 10px;
}

.textContent.sm ol li::before {
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #232323;
    letter-spacing: 0.22px;
}

@media (max-width: 1023px) {
    .textContent.sm ul li,
    .textContent.sm ol li {
        font-size: 13px;
        line-height: 20px;
    }

    .textContent.sm ol li::before {
        font-size: 13px;
        line-height: 20px;
    }
}

.footer {
    position: relative;
    padding-top: 40px;
    background-color: white;
    z-index: 0;
}

.footer .wrapper {
    padding-bottom: 50px;
    padding-right: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.footer .leftSide {
    padding-top: 15px;
}

.footer .footMiddle {
    margin-top: -17px;
}

.footLogo {
    position: relative;
    z-index: 1;
}

.footLogo > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.footMenu {
    display: flex;
    justify-content: flex-end;
}

.footMenu .col + .col {
    margin-left: 30px;
}

.footMenu a {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    color: #232323;
    font-weight: 500;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.footMenu-requisites {
    font-size: 13px;
    line-height: 20px;
    color: #232323;
}

.footMenu-requisites p:last-child {
    margin-bottom: 0;
}

.footMenu-requisites p + p {
    margin-top: 5px;
}

.footMenu a:hover {
    color: #026ef9;
}

.footMenuList {
    width: 160px;
}

.footMenuList li + li {
    margin-top: 5px;
}

.footContacts {
    width: 317px;
}

.footContacts li + li {
    margin-top: 14px;
}

.footContacts span[itemprop] {
    display: inline-block;
}

.footContacts span {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #232323;
    font-weight: 500;
}

.footContacts span + * {
    margin-top: 5px;
}

/*.locationsList li+li {
	margin-left: 14px;
}*/

.footLine {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e2e2e2;
}

.footLine .links {
    display: flex;
}

.footLine .links li + li {
    margin-left: 35px;
}

.footLine .links a {
    display: inline-block;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 18px;
    color: #232323;
}

.footLine .dev {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    color: #232323;
    font-weight: 500;
}

.footLine .dev .img {
    display: block;
    margin-left: 8px;
    align-self: flex-end;
    position: relative;
    z-index: 1;
}

.footLine .dev .img > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.footLine .dev .img img {
    display: block;
}

.mobFootContacts {
    display: none;
}

.mobFootContacts a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #232323;
    font-weight: 500;
    letter-spacing: 0.18px;
}

.mobFootContacts a + span {
    margin-top: 6px;
}

.mobFootContacts span {
    display: block;
    font-size: 12px;
    line-height: 22px;
    color: #c2c2c2;
    font-weight: 500;
}

.mobCopyright {
    /*display: none;*/
    font-size: 12px;
    line-height: 1.2;
    /*line-height: 22px;*/
    color: #bebebe;
    font-weight: 500;
}

.social-icons {
    display: flex;
    flex-wrap: wrap;
}

.footer .social-icons {
    margin-top: 24px;
}

.social-icons__item {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.social-icons__item:last-child {
    margin-right: 0;
}

.social-icons__item--vk {
    background-image: url(images/vk-ico.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.social-icons__item--tg {
    background-image: url(images/tg-ico.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.social-icons__item--yt {
    background-image: url(images/yt-ico.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.social-icons__item--zen {
    background-image: url(images/zen-ico.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.social-icons__item--vc {
    background-image: url(images/vc-ico.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.bodyModal {
    overflow: hidden;
}

.modalsScroll {
    overflow: auto;
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
}

.modalsScroll.open {
    z-index: 55;
    display: block;
}

.modalsScroll {
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    z-index: -1;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: none;
}

.modalsScroll.open {
    z-index: 55;
    display: block;
}

.modals {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 100vw;
}

.modals .in {
    margin: 0 auto;
}

.modals.table {
    display: table;
}

.modals > .tCell {
    padding: 0px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.overlayModal {
    z-index: 1;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 35, 35, 0.5);
    cursor: pointer;
    display: none;
}

.blockMod {
    position: relative;
    z-index: 6;
    display: none;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    position: relative;
    padding: 60px 110px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .blockMod {
        padding: 70px 60px;
    }
}

@media (max-width: 479px) {
    .blockMod {
        padding: 40px 40px 70px 40px;
    }
}

.blockMod .closeModal {
    position: absolute;
    top: 16px;
    right: 16px;
    display: block;
    font-size: 16px;
    color: #979797;
    cursor: pointer;
}

.locationModal {
    max-width: 640px;
}

.locationModal .titleContainer span {
    color: black;
}

.locationModal .titleContainer + .contentContainer {
    margin-top: 40px;
}

@media (max-width: 479px) {
    .locationModal .titleContainer + .contentContainer {
        margin-top: 20px;
    }
}

.modalLocationsList input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
}

.modalLocationsList input:checked + label {
    color: #232323;
}

.modalLocationsList label {
    display: inline-block;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
    color: #979797;
    letter-spacing: 0.22px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    cursor: pointer;
}

@media (max-width: 767px) {
    .modalLocationsList label {
        font-size: 14px;
        line-height: 21px;
    }
}

.modalLocationsList label:hover {
    color: #026ef9;
}

.modalLocationsList li {
    position: relative;
}

.modalLocationsList li + li {
    margin-top: 8px;
}

.paymentModal {
    max-width: 640px;
}

.paymentModal .titleContainer {
    text-align: center;
}

.paymentModal .titleContainer span {
    color: black;
}

.paymentModal .titleContainer .info {
    margin-top: 16px;
}

.paymentModal .titleContainer + .contentContainer {
    margin-top: 40px;
}

@media (max-width: 479px) {
    .paymentModal .titleContainer + .contentContainer {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .paymentModal {
        height: 100%;
        flex-direction: column;
        justify-content: center;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
    }
}

@media (max-width: 374px) {
    .paymentModal {
        padding: 40px 20px;
    }

    .popup-window-content .paymentModal {
        padding: 40px 0px;
    }
}

.paymentForm .fieldItem + .fieldItem {
    margin-top: 14px;
}

.paymentForm .checkItem {
    margin-top: 20px;
}

.paymentForm [class*="btn"] {
    margin-top: 30px;
    min-width: 255px;
}

.paymentForm .moreLink {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.rightSideModal {
    height: 100vh;
    margin-left: auto;
    margin-right: 0px;
    padding-left: 30px;
    padding-top: 45px;
    padding-right: 30px;
    min-width: 622px;
    width: 43.2%;
    background-color: white;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    overflow-y: scroll;
    -webkit-animation-name: modalFadeIn;
    -moz-animation-name: modalFadeIn;
    -o-animation-name: modalFadeIn;
    animation-name: modalFadeIn;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.rightSideModal.closed {
    -webkit-animation-name: modalFadeOut;
    -moz-animation-name: modalFadeOut;
    -o-animation-name: modalFadeOut;
    animation-name: modalFadeOut;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@media (max-width: 767px) {
    .rightSideModal {
        min-width: 0;
        width: 100%;
        padding-top: 51px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.rightSideModal .close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0px;
    right: 15px;
    margin-left: auto;
    width: 32px;
    height: 32px;
    font-size: 12px;
    color: black;
    background-color: #ededed;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}

@media (max-width: 767px) {
    .rightSideModal .close {
        top: 20px;
        right: 20px;
    }
}

.rightSideModal .titleContainer {
    margin-top: 31px;
    max-width: 562px;
}

.rightSideModal .titleContainer + .contentContainer {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .rightSideModal .titleContainer + .contentContainer {
        margin-top: 20px;
    }
}

@media (min-width: 1921px) {
    .rightSideModal {
        width: calc(768px + ((100vw - 1800px) / 2));
    }
}

.rightSideModal .contentContainer {
    max-width: 562px;
    width: 100%;
}

@keyframes modalFadeIn {
    0% {
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes modalFadeOut {
    0% {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.appointmentForm {
    max-width: 420px;
}

.appointmentForm .fieldItem + .fieldItem {
    margin-top: 14px;
}

.appointmentForm .checkItem {
    margin-top: 20px;
}

.appointmentForm [class*="btn"] {
    margin-top: 30px;
}

.calcModal {
    max-width: 449px;
    padding: 20px;
}

.calcModal .titleContainer + .contentContainer {
    margin-top: 20px;
}

.calcForm .fieldItem + .fieldItem {
    margin-top: 15px;
}

.calcForm [class*="btn"] {
    min-width: 255px;
    margin-top: 30px;
}

.calcForm .checkBtn {
    margin-top: 20px;
}

.header-lang {
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    margin-left: 12px;
    order: 1;
}

.header-lang__item {
    padding: 0 3px;
    color: #979797;
    transition: 0.3s;
}

.header-lang__item:hover {
    color: #026ef9;
}

.header-lang__item--active {
    color: #026ef9;
}

.header-lang__item:last-child {
    padding-right: 0;
}

.header-lang-list {
    margin-left: 12px;
    order: 1;
    position: relative;
    z-index: 60;
    width: 97px;
}

.header-lang-list__list {
    position: absolute;
    left: 0;
    top: calc(100% + 40px);
    background-color: #fff;
    padding: 18px 26px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 8%);
    display: none;
}

.header-lang-list__current {
    cursor: pointer;
    color: #232323;
    font-size: 14px;
}

.header-lang-list__list a,
.header-lang-list__list span,
.header-lang-list--adap a,
.header-lang-list--adap span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #232323;
    margin-bottom: 6px;
    padding-right: 22px;
    position: relative;
}

.header-lang-list__list span:before {
    content: "";
    background-image: url(images/check-black.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 3px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header-lang-list__current {
    text-align: center;
}

.header-lang-list__current span {
    position: relative;
    padding-right: 22px;
}

.header-lang-list__current span:before {
    content: "";
    background-image: url(/local/templates/mst/images/arrow-down-black.svg);
    width: 10px;
    height: 10px;
    position: absolute;
    right: 3px;
    top: 3px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header-lang-list__list a:hover,
.header-lang-list__list span {
    color: #026ef9;
}

.header-lang-list__list a:last-child {
    margin-bottom: 0;
}

.header-lang-list--adap {
    display: none;
}

@media (max-width: 1439px) {
    .header-lang-list {
        width: 50px;
    }

    .header-lang-list__list {
        left: -21px;
    }
}

@media (max-width: 991px) {
    .header-lang-list__list {
        top: calc(100% + 13px);
    }
}

@media (max-width: 767px) {
    .header-lang-list {
        display: none;
    }

    .header-lang-list--adap {
        display: flex;
    }

    .header-lang-list--adap span {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #026ef9;
    }
}

@media (min-width: 1681px) {
    .mainSection {
        margin-top: 100px;
    }

    .mainSection.constructSection {
        margin-top: 136px;
    }

    .mainSection.categoriesSection {
        margin-top: 100px;
    }

    .mainSection.advantagesSection {
        margin-top: 90px;
    }

    .mainSection.offersSection {
        margin-top: 100px;
    }

    .categoriesSection .titleContainer + .contentContainer {
        margin-top: 70px;
    }

    .categoriesSection .categoriesList + .categoriesBrands {
        margin-top: 74px;
    }

    .constructCab {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .constructCab .wrapper {
        max-width: 1492px;
        margin-left: auto;
        margin-right: auto;
    }

    .constructCab .leftSide {
        width: 504px;
    }

    .constructCab .rightSide {
        padding-top: 32px;
    }

    .offersSection .titleContainer + .contentContainer {
        margin-top: 57px;
    }

    .offerBlock {
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;
    }

    .offersList li + li {
        margin-left: 60px;
    }

    .footer .wrapper {
        justify-content: flex-start;
    }

    .footer .rightSide {
        margin-left: 115px;
        flex-grow: 1;
    }

    .footMenu {
        justify-content: space-between;
    }

    .catalogMenu .wrapper {
        max-width: 1960px;
    }

    .constructOptions .constructOption + .constructOption {
        margin-left: 40px;
    }

    .constructOption {
        width: 400px;
    }

    .subscribeForm .field {
        width: 400px;
    }

    .subscribeForm .button {
        width: 254px;
    }

    .subscribeForm .button [class*="btn"] {
        width: 100%;
    }

    .newsList {
        grid-template-columns: repeat(4, 1fr);
        gap: 40px;
    }

    .newsList .item:nth-child(n + 4) {
        display: block;
    }
}

@media (max-width: 1439px) {
    .constructCab {
        padding: 40px;
    }

    .offersSection .wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .offersList li + li {
        margin-left: 30px;
    }

    .subscribeForm .field {
        width: 320px;
    }

    .subscribeForm .field + .button {
        margin-left: 30px;
    }

    .newsItem .content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .footer .rightSide {
        margin-left: 100px;
    }

    .footMenu {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .footMenu .col {
        width: 25%;
        padding-right: 30px;
    }

    .footMenu .col + .col {
        margin-left: 0px;
    }

    .footMenu .col:last-child {
        margin-left: 0px;
        margin-top: 24px;
        padding-right: 0px;
        width: 100%;
    }

    .footContacts {
        width: 100%;
        display: flex;
    }

    .footContacts li {
        width: 25%;
        padding-right: 30px;
    }

    .footContacts li:last-child {
        flex-grow: 1;
    }

    .footContacts li + li {
        margin-top: 0px;
    }

    .footer .footMiddle {
        margin-top: 17px;
    }

    .footer .social-icons {
        margin-top: 0;
    }

    .catalogSection .categoriesList {
        grid-template-columns: repeat(4, 1fr);
    }

    .siteMenuItem a {
        font-size: 15px;
        line-height: 22px;
    }

    .headLine .siteLogo + .openCatalog {
        margin-left: 25px;
    }

    .headLine .openCatalog + .siteSearch {
        margin-left: 25px;
    }

    .headLine .siteSearch {
        width: 245px;
    }

    .headLine .headContacts + .headerLinks {
        margin-left: 25px;
    }

    .headerLinks li + li {
        margin-left: 15px;
    }

    .catalogMenu .wrapper {
        max-width: 1440px;
    }

    .catalogMenuFirst {
        padding-left: 15px;
    }

    .catalogMenuSecond {
        padding-right: 15px;
    }

    .catalogMenu--admin .catalogBrands {
        right: 15px;
    }

    /* 	header and menu */
    .siteOverlay {
        display: none !important;
    }

    .siteOverlay.visibleImportant {
        display: block !important;
        opacity: 0.3;
        visibility: visible;
    }

    .header {
        /*position: relative;*/
        height: 83px;
        min-height: 83px;
    }

    .header.sticky {
        position: sticky;
    }

    .header.compare,
    .header.cabinet,
    .header.simple {
        position: relative;
    }

    .headLine {
        padding-bottom: 11px;
    }

    .headLine .mobileMenuBtns + .siteLogo {
        margin-left: 30px;
    }

    .headLine .headLine .headContacts + .headerLinks {
        margin-left: 10px;
    }

    .mobileMenuBtns {
        display: inline-block;
    }

    .openCatalogBtn {
        display: none;
    }

    .headContacts {
        /*display: none;*/
    }

    .siteMenu {
        display: block;
        position: absolute;
        top: 100%;
        right: 0px;
        width: 0%;
        padding-top: 0px;
        height: calc(100vh - 83px);
        margin: 0px !important;
        background-color: white;
        overflow-y: scroll;
        overflow-x: hidden;
        /*-webkit-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;*/
        z-index: 7;
    }

    .siteMenu > * {
        opacity: 0;
        /*-webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;*/
    }

    .siteMenu.active {
        width: 100%;
    }

    .siteMenu.active > * {
        -webkit-animation-name: fadeIn;
        -moz-animation-name: fadeIn;
        -o-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 0.3s;
        -moz-animation-duration: 0.3s;
        -o-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
        -o-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .siteMenu .wrapper {
        position: relative;
        max-width: 1024px;
        margin: 0px auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .siteMenuList {
        display: block;
        padding-top: 8px;
        padding-bottom: 50px;
        margin: 0px;
    }

    .siteMenuList > li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .siteMenuList > li.hidden {
        display: block;
    }

    .siteMenuList > li.active a::before {
        display: none;
    }

    .siteMenuItem {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 0px;
        padding-right: 5px;
        border-bottom: 1px solid #ebf0f7;
    }

    .siteMenuItem a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 15px;
        line-height: 22px;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .siteMenuItem a::before {
        display: none;
    }

    .siteMenuItem:hover a::before {
        display: none;
    }

    .siteMenuItem [class*="icon"] {
        display: block;
        font-size: 16px;
        color: #979797;
    }

    .dropdownMenu {
        display: block !important;
        top: -30px;
        left: auto;
        right: 0px;
        width: 0%;
        height: calc(100vh - 83px);
        background-color: white;
        overflow-x: hidden;
        overflow-y: scroll;
        opacity: 1;
        -webkit-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
        z-index: 9;
    }

    .dropdownMenu > * {
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .dropdownMenu.active {
        width: 100%;
        height: 100%;
    }

    .dropdownMenu.active > * {
        -webkit-animation-name: fadeIn;
        -moz-animation-name: fadeIn;
        -o-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        -o-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .dropdownMenu ul {
        width: 100%;
    }

    .dropdownMenu ul + ul {
        margin-top: 0px;
    }

    .dropdownMenu li {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #ebf0f7;
    }

    .dropdownMenu li [class*="icon"] {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        right: 5px;
        display: block;
        font-size: 16px;
        color: #979797;
    }

    .dropdownMenu li a {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 25px;
        flex-grow: 1;
        font-size: 15px;
        line-height: 22px;
    }

    .dropdownMenu li a:hover {
        color: black;
    }

    .dropdownMenu li + li {
        margin-top: 0px;
    }

    .dropdownMenu .dropdownMenuWrapper {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .dropdownMenu .dropdownMenuWrapper > .container {
        max-width: 1024px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .dropdownMenu .returnBack {
        position: relative;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .dropdownMenu .returnBack .title {
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        color: #232323;
        font-weight: 500;
        letter-spacing: 0.18px;
    }

    .dropdownMenu .returnBack [class*="icon"] {
        position: absolute;
        top: 50%;
        left: -5px;
        margin-top: -12px;
        display: block;
        padding: 5px;
        font-size: 14px;
        color: #979797;
        cursor: pointer;
    }

    .dropdownMenu .dropdownMenuInner {
        display: block;
        padding-top: 8px;
        padding-bottom: 50px;
    }

    .dropdownMenu .columns {
        padding-top: 0px;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
    }

    .dropdownMenu .img {
        display: none;
    }

    .catalogMenu {
        display: block !important;
        position: absolute;
        top: 100%;
        left: auto;
        right: 0px;
        width: 0%;
        height: calc(100vh - 83px);
        margin: 0px !important;
        background-color: white;
        -webkit-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
        z-index: 9;
    }

    .catalogMenu > * {
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .catalogMenu.opened {
        width: 100%;
    }

    .catalogMenu.opened > * {
        -webkit-animation-name: fadeIn;
        -moz-animation-name: fadeIn;
        -o-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        -o-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .catalogMenu .wrapper {
        display: block;
    }

    .catalogMenu .rightSide {
        width: auto;
        flex-grow: 0;
    }

    .catalogMenuFirst {
        width: 100%;
        padding-left: 0px;
        background-color: white;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .catalogMenuFirst::before {
        display: none;
    }

    .catalogMenuFirst .inner {
        padding-top: 8px;
        padding-bottom: 0px;
        max-width: 1024px;
        margin: 0px auto;
        padding-left: 16px;
        padding-right: 16px;
    }

    .catalogMenuFirst .returnBack {
        position: relative;
        margin-bottom: 18px;
        display: flex;
        justify-content: center;
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
    }

    .catalogMenuFirst .returnBack .title {
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        color: #232323;
        font-weight: 500;
        letter-spacing: 0.18px;
    }

    .catalogMenuFirst .returnBack [class*="icon"] {
        position: absolute;
        top: 50%;
        /*left: -5px;*/
        left: -6px;
        margin-top: -20px;
        display: block;
        padding: 5px;
        font-size: 30px;
        color: #979797;
        cursor: pointer;
    }

    .catalogFirstMenu li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 0px;
        padding-right: 5px;
        border-bottom: 1px solid #ebf0f7;
    }

    .catalogFirstMenu li a {
        padding-left: 0px;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
        font-size: 15px;
        line-height: 22px;
        color: #232323;
    }

    .catalogFirstMenu li [class*="icon"] {
        display: block;
        font-size: 16px;
        color: #979797;
    }

    .catalogFirstMenu li.active a,
    .catalogFirstMenu li:hover a {
        background-color: transparent;
    }

    .catalogFirstMenuContent {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 0%;
        height: calc(100vh - 83px);
        margin: 0px !important;
        padding-top: 20px;
        background-color: white;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
        -webkit-animation-name: none;
        -moz-animation-name: none;
        -o-animation-name: none;
        animation-name: none;
        z-index: 11;
    }

    .catalogFirstMenuContent > * {
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .catalogFirstMenuContent.opened {
        width: 100%;
        padding: 0 16px;
    }

    .catalogFirstMenuContent.opened > * {
        -webkit-animation-name: fadeIn;
        -moz-animation-name: fadeIn;
        -o-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        -o-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .catalogFirstMenuContent .catalogBrands {
        display: none;
    }

    .catalogFirstMenuContent .returnBack {
        position: relative;
        margin-bottom: 18px;
        display: flex;
        justify-content: center;
        text-align: center;
        max-width: 992px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 40px;
    }

    .catalogFirstMenuContent .returnBack .title {
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        color: #232323;
        font-weight: 500;
        letter-spacing: 0.18px;
    }

    .catalogFirstMenuContent .returnBack [class*="icon"] {
        position: absolute;
        top: 50%;
        /* 		left: 11px; */
        left: -6px;
        margin-top: -20px;
        display: block;
        padding: 5px;
        font-size: 30px;
        color: #979797;
        cursor: pointer;
    }

    .catalogFirstMenuContent.active {
        display: block;
    }

    .catalogMenuSecond {
        display: block;
        height: auto;
        padding-right: 0px;
    }

    .catalogMenuSecond .inner {
        padding-top: 0px;
        max-width: 1024px;
        padding-left: 16px;
        padding-right: 16px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
        -webkit-columns: unset;
        -moz-columns: unset;
        columns: unset;
        display: block;
    }

    .catalogMenuSecond .item {
        width: 100%;
        border-bottom: 1px solid #ebf0f7;
        padding: 0;
        box-shadow: none;
        margin: 0;
        border-radius: 0;
    }

    .catalogMenuSecond .item + .item {
        margin-top: 0px;
    }

    .catalog-banner {
        display: none;
    }

    .catalogMenuSecond .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 0px;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        color: #232323;
    }

    .catalogMenuSecond .title [class*="icon"] {
        display: block;
        font-size: 6px;
        color: #979797;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .catalogMenuSecond .title.active [class*="icon"] {
        color: #026ef9;
        -moz-transform: scale(-1, -1);
        -ms-transform: scale(-1, -1);
        -webkit-transform: scale(-1, -1);
        -o-transform: scale(-1, -1);
        transform: scale(-1, -1);
    }

    .catalogMenuSecond .title:hover {
        color: #232323;
    }

    .catalogMenuSecond .title + ul {
        margin-top: 0px;
    }

    .catalogMenuSecond ul {
        display: none;
        padding-left: 24px;
    }

    .catalogMenuSecond ul li a {
        color: #232323;
    }

    .catalogMenuSecond ul li:last-child {
        margin-bottom: 10px;
    }

    .catalogMenuSecond ul li + li {
        margin-top: 4px;
    }

    .categoriesSection .titleContainer + .contentContainer {
        margin-top: 40px;
    }

    .catalogMenu--admin .rightSide {
        position: static;
    }

    .siteMenu,
    .dropdownMenu,
    .dropdownMenu.active,
    .catalogMenu,
    .catalogFirstMenuContent {
        height: calc(100vh - 123px);
    }

    /* 	header and menu */
}

@media (min-width: 1439px) {
    .catalogMenuSecond ul {
        display: block !important;
    }
}

/*  */

@media (max-width: 1199px) {
    .mainSection {
        margin-top: 70px;
    }

    .mainSection.categoriesSection {
        margin-top: 60px;
    }

    .mainSection.constructSection {
        margin-top: 50px;
    }

    .mainSection.offersSection {
        margin-top: 50px;
    }

    .catalogMenu .wrapper {
        max-width: 1200px;
    }

    .catalogFirstMenu {
        /*padding-top: 0px;
		padding-bottom: 50px;*/
        padding: 0 16px 50px;
    }

    .catalogFirstMenuContent {
        padding-top: 0px;
    }

    .catalogMenuSecond .inner {
        padding-left: 32px;
        padding-right: 32px;
    }

    .catalogMenuFirst .returnBack [class*="icon"] {
        left: 11px;
    }

    .catalogFirstMenuContent .returnBack [class*="icon"] {
        left: 11px;
    }

    .headContacts .phone {
        display: none;
    }

    .constructOption {
        width: 220px;
    }

    .constructOption .title {
        min-height: 38px;
        padding: 10px;
        justify-content: center;
        font-size: 18px;
        line-height: 22px;
        color: #026ef9;
        font-weight: 500;
        border: 1px solid #026ef9;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }

    .constructOption .title span {
        text-align: center;
    }

    .constructOption .title:hover {
        color: white;
        background-color: #026ef9;
    }

    .constructOption .title + .note {
        margin-top: 14px;
    }

    .constructOption .note {
        font-size: 14px;
        line-height: 20px;
    }

    .constructOption.active .title {
        color: white;
        background-color: #026ef9;
    }

    .servicesSection .titleContainer + .contentContainer {
        margin-top: 40px;
    }

    .productCard {
        width: 236px;
    }

    .productCard .img {
        height: 169px;
    }

    .productCard .tags + .info {
        margin-top: 16px;
    }

    .productCard .brand {
        font-size: 14px;
        line-height: 22px;
    }

    .productCard .title {
        font-size: 15px;
    }

    .productCard .price {
        font-size: 18px;
    }

    .productCard .options [class*="btn"] + [class*="btn"] {
        margin-left: 10px;
    }

    .offersSection .titleContainer + .contentContainer {
        margin-top: 30px;
    }

    .offersSection .wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .offerBlock {
        align-items: center;
    }

    .offersList {
        display: block;
    }

    .offersList li + li {
        margin-left: 0px;
        margin-top: 10px;
    }

    .newsSection .newsTabs .moreLink {
        margin-top: 30px;
    }

    .newsItem .content {
        padding-top: 20px;
    }

    .newsItem .title {
        font-size: 20px;
        line-height: 26px;
    }

    .footer .rightSide {
        margin-left: 70px;
    }

    .footer .wrapper {
        padding-right: 0px;
        padding-bottom: 30px;
    }

    .innerPageContent {
        padding-bottom: 60px;
        margin-top: 0;
    }

    .catalogSection .titleContainer + .contentContainer {
        margin-top: 40px;
    }

    .productCard .price {
        display: block;
    }

    /*
	.productCard .currentPrice {
		font-size: 18px;
	}

	*/
    .subSectionBanner.main {
        height: 500px;
    }

    .moreContentSection .titleContainer + .contentContainer {
        margin-top: 40px;
    }

    .moreAwardsSection {
        margin-top: 40px;
    }

    .moreAwardsList {
        row-gap: 30px;
    }

    .projectsSection {
        margin-top: 40px;
    }

    .projectsList:not(.inner) {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }

    .projectItem .content {
        padding-right: 15px;
    }

    .calcSection .titleContainer + .contentContainer {
        margin-top: 40px;
    }

    .calcSection .leftSide {
        width: 45%;
    }

    .calcSection .rightSide {
        width: 45%;
    }

    .siteMenuList > li.hidden.lang {
        display: none;
    }

    .mobileMenu .header-lang {
        margin-left: 0;
    }

    .mobileMenu .header-lang__item {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 15px;
        line-height: 22px;
    }

    .mobileMenu .header-lang__item:first-child {
        padding-left: 0;
    }

    .mobileMenu .header-lang__item:last-child {
        margin-left: 5px;
    }

    .errorPage {
        min-height: auto;
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

@media (max-width: 1023px) {
    .mainSection {
        margin-top: 60px;
    }

    .mainSection.categoriesSection {
        margin-top: 60px;
    }

    .mainSection.constructSection {
        margin-top: 40px;
    }

    .mainSection.devicesSection {
        margin-top: 60px;
    }

    .mainSection.offersSection {
        margin-top: 60px;
    }

    .header {
        height: auto;
        min-height: 101px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .headLine {
        padding-bottom: 10px;
    }

    .headLine .leftSide {
        width: 100%;
        flex-wrap: wrap;
    }

    .headLine > .rightSide {
        position: absolute;
        top: 14px;
        right: calc((100vw - 736px) / 2);
    }

    .headLine .openCatalog + .siteSearch {
        margin-left: 0px;
    }

    .headLine .siteSearch {
        width: 100%;
        margin-top: 10px;
    }

    .siteLogo .img {
        width: 38px;
        height: 39px;
    }

    .siteLogo .img + .text {
        margin-left: 8px;
        margin-top: 0px;
    }

    .siteLogo .text {
        width: 72px;
    }

    .headerLinks li + li {
        margin-left: 0px;
    }

    .headerLinks [class*="icon"] {
        font-size: 32px;
    }

    .headerLinks .title {
        display: none;
    }

    .siteMenu .wrapper {
        max-width: 768px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .siteMenu,
    .dropdownMenu,
    .dropdownMenu.active,
    .catalogMenu,
    .catalogFirstMenuContent {
        height: calc(100vh - 161px);
        height: calc((var(--vh, 1vh) * 100) - 161px);
    }

    .siteMenuList > li.hidden_until_mobile {
        display: block;
    }

    .catalogMenuFirst .inner {
        max-width: 768px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .catalogFirstMenuContent .returnBack {
        max-width: 736px;
    }

    .catalogMenuSecond .inner {
        max-width: 768px;
        /*
		padding-left: 16px;
		padding-right: 16px;
		*/
    }

    .categoriesSection .categoriesList + .categoriesBrands {
        margin-top: 36px;
    }

    .constructCab .titleContainer + .contentContainer {
        margin-top: 14px;
    }

    .constructCab .wrapper {
        display: block;
    }

    .constructCab .leftSide {
        width: auto;
        max-width: 383px;
    }

    .constructCab .leftSide + .rightSide {
        margin-top: 30px;
        padding-top: 0px;
    }

    .productsSection .titleContainer + .contentContainer {
        margin-top: 40px;
    }

    .siteSliderDots {
        margin-top: 5px;
    }

    .productCard {
        position: relative;
        padding-left: 0px;
        padding-top: 31px;
        padding-right: 0px;
        padding-bottom: 10px;
        width: 140px;
    }

    .productCard .img {
        height: 110px;
    }

    .productCard .img + .tags {
        margin-top: 0px;
    }

    .productCard .tags {
        position: absolute;
        top: -32px;
        left: 0px;
        max-width: calc(100% - 25px);
    }

    .productCard .icons {
        top: 2px;
        right: 0px;
    }

    .productCard .icons .iconFavourite {
        width: 20px;
        height: 20px;
    }

    .productCard .icons .iconFavourite [class*="icon"] {
        font-size: 20px;
    }

    .productCard .info + .buttons {
        margin-top: 16px;
    }

    .productCard .brand {
        font-size: 12px;
        line-height: 20px;
    }

    .productCard .title {
        font-size: 14px;
    }

    .productCard .price {
        font-size: 16px;
    }

    .productCard .buttons [class*="btn"] + [class*="btn"] {
        margin-top: 4px;
    }

    .productCard .options {
        display: none;
    }

    .productTag {
        font-size: 10px;
    }

    .devicesSection .titleContainer + .contentContainer {
        margin-top: 20px;
    }

    .offersSection .titleContainer + .contentContainer {
        margin-top: 40px;
    }

    .offersList {
        display: flex;
    }

    .offersList li {
        width: 50%;
        padding-right: 20px;
    }

    .offersList li + li {
        margin-top: 0px;
    }

    .offerBlock {
        display: block;
    }

    .offerBlock .rightSide {
        margin-top: 30px;
    }

    .subscribeForm .field {
        flex-grow: 1;
    }

    .newsSection .titleContainer + .contentContainer {
        margin-top: 20px;
    }

    .newsSection .newsTabs .moreLink {
        margin-top: 20px;
    }

    .newsTabs .tabContent {
        position: relative;
    }

    .newsTabs .tabContent::-webkit-scrollbar {
        display: none;
    }

    .newsTabs .newsList-wr::-webkit-scrollbar {
        display: none;
    }

    .newsTabs .newsList-wr {
        display: flex;
        overflow-x: auto;
        margin-left: calc((100vw - 736px) / -2);
        margin-right: calc((100vw - 736px) / -2);
    }

    .newsTabs .newsList {
        padding-left: calc((100vw - 736px) / 2);
        padding-right: calc((100vw - 736px) / 2);
    }

    .newsList {
        display: flex;
        gap: unset;
    }

    .newsList .item {
        width: 252px;
        flex-shrink: 0;
    }

    .newsList .item + .item {
        margin-left: 30px;
    }

    .newsItem .date {
        font-size: 12px;
        line-height: 20px;
    }

    .newsItem .date + .tag {
        margin-top: 10px;
    }

    .newsItem .tag {
        font-size: 12px;
        line-height: 20px;
    }

    .newsItem .tag + .title {
        margin-top: 4px;
    }

    .newsItem .title {
        font-size: 18px;
        line-height: 24px;
    }

    .footer {
        padding-top: 60px;
    }

    .footer .wrapper {
        display: block;
    }

    .footer .leftSide {
        padding-top: 0px;
    }

    .footer .rightSide {
        margin-left: 0px;
    }

    .footer .footMiddle {
        margin-top: 20px;
    }

    .footLogo {
        display: none;
    }

    .mobFootContacts {
        display: block;
    }

    .footMenu .col:not(:last-child) {
        display: none;
    }

    .footMenu .col:last-child {
        margin-top: 20px;
    }

    .footContacts li {
        width: 33.3333%;
    }

    .footContacts li:first-child {
        display: none;
    }

    .footContacts li:first-child + li {
        margin-left: 0px;
    }

    .footLine .links {
        display: none;
    }

    .mobCopyright {
        display: block;
    }

    .innerPageContent {
        padding-bottom: 30px;
    }

    .fixedButtons {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background-color: white;
        -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 5;
    }

    .fixedButtons.hidden {
        visibility: hidden;
        opacity: 0;
    }

    .productCard.sm {
        padding-top: 0px;
    }

    .productCard.sm .icons {
        top: 8px;
    }

    .launchSection .titleContainer + .contentContainer {
        margin-top: 30px;
    }

    .launchSection .subtitle + .stepsList {
        margin-top: 30px;
    }

    .subSectionBanner {
        height: 350px;
    }

    .subSectionBanner.main {
        height: 350px;
    }

    .aboutSection .articlesInfo {
        margin-top: 50px;
    }

    .moreContentList {
        display: flex;
        margin-left: calc((100vw - 736px) / -2);
        margin-right: calc((100vw - 736px) / -2);
        overflow-x: scroll;
        scrollbar-width: none;
    }

    .moreContentList::-webkit-scrollbar {
        display: none;
    }

    .moreContentList .inner {
        padding-left: calc((100vw - 736px) / 2);
        padding-right: calc((100vw - 736px) / 2);
    }

    .moreContentList .newsItem .content {
        padding-top: 10px;
    }

    .moreContentList .newsItem .date + .title {
        margin-top: 5px;
    }

    .moreAwardsList {
        grid-template-columns: repeat(2, 1fr);
    }

    .projectItem .content {
        padding: 15px;
    }

    .projectItem .title + .more {
        margin-top: 15px;
    }

    .projectsList.inner {
        display: flex;
        gap: unset;
    }

    .projectsList.inner .item {
        width: 252px;
        flex-shrink: 0;
    }

    .projectsList.inner .item + .item {
        margin-left: 30px;
    }

    .projectsList.inner .projectItem {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .projectsList.inner .projectItem::before {
        display: none;
    }

    .projectsList.inner .projectItem .img {
        height: 177px;
    }

    .projectsList.inner .projectItem .content {
        padding: 15px 0px 0px;
    }

    .projectsList.inner .projectItem .title + .more {
        margin-top: 5px;
    }

    .calcResultList {
        font-size: 13px;
    }

    .calcResultList span {
        margin-top: 5px;
        font-size: 14px;
        line-height: 22px;
    }

    .errorPage {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .errorPage .title {
        font-size: 48px;
    }

    .errorPage .title + .subtitle {
        margin-top: 20px;
    }

    .errorPage .buttons {
        margin-top: 32px;
    }
}

@media (max-width: 767px) {
    .fixedButtons {
        bottom: 60px;
    }

    .multi_button.mobile {
        inset: auto 5% 15% auto !important;
    }

    .dropdownMenu {
        top: 0;
    }

    .headLine > .rightSide {
        right: calc((100vw - 448px) / 2);
    }

    .siteMenu .wrapper {
        max-width: 480px;
    }

    .catalogMenuFirst .inner {
        max-width: 480px;
    }

    .catalogFirstMenuContent .returnBack {
        max-width: 448px;
    }

    .catalogMenuSecond .inner {
        max-width: 480px;
    }

    .constructCab {
        margin-left: -16px;
        margin-right: -16px;
    }

    .headLine .headContacts + .headerLinks {
        margin-left: 0;
    }

    .headContacts > .header-lang {
        display: none;
    }

    .footer {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .headLine > .rightSide {
        right: 21px;
    }

    .catalogFirstMenuContent .returnBack {
        max-width: calc(100vw - 32px);
    }

    .constructCab {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 767px) {
    .constructOptions .constructOption + .constructOption {
        margin-left: 20px;
    }

    .constructOption {
        width: 162px;
    }

    .constructOption .title {
        padding: 8px 16px;
        font-size: 14px;
        line-height: 22px;
    }

    .constructOption .note {
        font-size: 12px;
        line-height: 20px;
    }

    .offersSection .wrapper {
        margin: 0px -16px;
        background-color: #f5f8fa;
        padding-left: 16px;
        padding-right: 16px;
    }

    .offersList {
        display: block;
    }

    .offersList li {
        width: 100%;
        padding-right: 0px;
    }

    .offersList li br {
        display: none;
    }

    .offersList li + li {
        margin-top: 16px;
    }

    .offersList .data {
        font-size: 14px;
        line-height: 22px;
    }

    .subscribeForm .formWrap {
        display: block;
    }

    .subscribeForm .field {
        width: 100%;
    }

    .subscribeForm .field + .button {
        margin-left: 0px;
        margin-top: 15px;
    }

    .subscribeForm .button {
        width: 100%;
    }

    .subscribeForm .button [class*="btn"] {
        width: 100%;
    }

    .newsTabs .newsList-wr {
        margin-left: calc((100vw - 448px) / -2);
        margin-right: calc((100vw - 448px) / -2);
    }

    .newsTabs .newsList {
        padding-left: calc((100vw - 448px) / 2);
        padding-right: calc((100vw - 448px) / 2);
    }

    .headContacts .location {
        font-size: 0;
        width: 32px;
        height: 32px;
        position: relative;
        margin-left: 4px;
    }

    .headContacts .location .locationResult {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 110%;
        background-image: url(images/place-localizer-2.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        opacity: 1;
    }

    .headContacts .location .icon-down {
        display: none;
    }

    .siteMenuList > li.hidden.lang {
        display: block;
    }
}

@media (max-width: 479px) {
    .newsTabs .newsList-wr {
        margin-left: -16px;
        margin-right: -16px;
    }

    .newsTabs .newsList {
        padding-left: 16px;
        padding-right: 16px;
    }

    .mainSection {
        overflow: hidden;
    }

    .mainSection.mainSection--background-grey {
        overflow: visible;
    }
}

@media (max-width: 767px) {
    .footContacts {
        display: block;
    }

    .footContacts li {
        width: 100%;
        padding-right: 0px;
    }

    .footContacts li + li {
        margin-top: 14px;
    }

    .footContacts li:first-child + li {
        margin-top: 0px;
    }

    .footLine {
        display: block;
        padding-top: 30px;
        padding-bottom: 33px;
    }

    .footLine .mobCopyright + .dev {
        margin-top: 14px;
    }

    .innerPageContent {
        padding-bottom: 0px;
    }

    .pageSection {
        margin-top: 14px;
    }

    .catalogSection .titleContainer + .contentContainer {
        margin-top: 30px;
    }

    .catalogSection .categoriesList {
        grid-template-columns: repeat(2, 1fr);
    }

    .launchSection .titleContainer + .contentContainer {
        margin-top: 20px;
    }

    .pageTitle {
        margin-top: 14px;
    }

    .aboutSection .titleContainer + .contentContainer {
        margin-top: 8px;
    }

    .subSectionBanner {
        display: flex;
        padding-top: 30px;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 30px;
        align-items: center;
    }

    .aboutServicesSection .titleContainer > * {
        text-align: left;
    }

    .aboutClientsSection .titleContainer > * {
        text-align: left;
    }

    .aboutSection .articlesInfo {
        margin-top: 46px;
    }

    .shareButton [class*="btn"] [class*="icon"] {
        margin-right: 5px;
    }

    .shareButton [class*="btn"] .text {
        display: block;
    }

    .simpleSlider {
        margin-left: -16px;
        margin-right: -16px;
    }

    .simpleSlider .item {
        height: 222px;
        max-height: unset;
    }

    .moreContentList {
        margin-left: calc((100vw - 448px) / -2);
        margin-right: calc((100vw - 448px) / -2);
    }

    .moreContentList .inner {
        padding-left: calc((100vw - 448px) / 2);
        padding-right: calc((100vw - 448px) / 2);
    }

    .moreContentSection .titleContainer > * {
        text-align: left;
    }

    .moreContentSection .titleContainer + .contentContainer {
        margin-top: 30px;
    }

    .moreAwardsList {
        display: block;
    }

    .moreAwardsList .item + .item {
        margin-top: 16px;
    }

    .projectsSection {
        margin-top: 30px;
    }

    .projectsSection .headBlock {
        margin-bottom: 30px;
    }

    .projectsSection .filter {
        display: none;
    }

    .projectsSection .openFilterBtn {
        display: inline-block;
        align-self: flex-start;
        margin-top: 2px;
    }

    .projectsList {
        display: block;
    }

    .projectsList .item + .item {
        margin-top: 40px;
    }

    .projectsList.inner .item + .item {
        margin-top: 0px;
    }

    .projectItem {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .projectItem::before {
        display: none;
    }

    .projectItem .content {
        padding: 15px 10px 0px !important;
    }

    .projectItem .title + .more {
        margin-top: 5px;
    }

    .calcSection .titleContainer + .contentContainer {
        margin-top: 30px;
    }

    .calcSection .wrapper {
        display: block;
    }

    .calcSection .leftSide {
        width: 100%;
    }

    .calcSection .rightSide {
        width: 100%;
        margin-top: 30px;
    }

    .calcResult .title {
        margin-bottom: 15px;
    }

    .calcResult [class*="btn"] {
        min-width: 100%;
    }

    .showMoreBlock + .showMoreControl {
        margin-top: 20px;
    }

    .errorPage {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .errorPage .wrapper {
        padding-left: 0px;
    }

    .errorPage .buttons {
        display: block;
    }

    .errorPage [class*="btn"] {
        width: 100%;
    }

    .errorPage [class*="btn"] + [class*="btn"] {
        margin-left: 0px;
        margin-top: 12px;
    }

    .productCard .title {
        overflow-wrap: anywhere;
    }

    .productCard .sec {
        font-size: 14px;
        overflow-wrap: break-word;
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .moreContentList {
        margin-left: -16px;
        margin-right: -16px;
    }

    .moreContentList .inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 374px) {
    .headLine .mobileMenuBtns + .siteLogo {
        margin-left: 10px;
    }

    .headerLinks [class*="icon"] {
        font-size: 28px;
    }

    .constructOptions {
        display: block;
    }

    .constructOptions .constructOption + .constructOption {
        margin-left: 0px;
        margin-top: 15px;
    }

    .companyStatItem .num {
        font-size: 60px;
        line-height: 70px;
    }

    .articlesSection .siteTabs .tabsList li + li {
        margin-left: 12px;
    }
}

.selectric-wrapper {
    position: relative;
    cursor: pointer;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    border: 1px solid #ddd;
    border-radius: 0px;
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px;
    user-select: none;
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #f8f8f8;
    color: #bbb;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #bbb;
    border-bottom: none;
}

.selectric-focus .selectric {
    border-color: #aaaaaa;
}

.selectric-hover .selectric {
    border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
    color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2;
}

.selectric-open {
    z-index: 9999;
}

.selectric-open .selectric {
    border-color: #c4c4c4;
}

.selectric-open .selectric-items {
    display: block;
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f8f8f8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer;
}

.selectric-items li.selected {
    background: #e0e0e0;
    color: #444;
}

.selectric-items li.highlighted {
    background: #d0d0d0;
    color: #444;
}

.selectric-items li:hover {
    background: #d5d5d5;
    color: #444;
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    user-select: none;
    background: none;
    color: #444;
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

.selectric-items .selectric-group li {
    padding-left: 25px;
}

/*stepper*/
.stepper {
    position: relative;
    max-width: 100px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #232323;
    border-radius: 4px;
    background: white;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.stepper input {
    border: none;
    padding: 0;
    outline: none;
    width: 20px;
    text-align: center;
    pointer-events: none;

    display: inline-block;
    vertical-align: middle;
}

.stepper span {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    cursor: pointer;
}

.stepper span.stepper_min_alt,
.stepper span.stepper_max_alt {
    display: none !important;
}

.stepper span.stepper-step.minus {
    position: absolute;
    left: 8px;
    top: calc(50% - 7px);
}

.stepper span.stepper-step.minus:before {
    content: "";
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(img/bquadro/arr-minus.svg);
    background-size: contain;
}

.stepper span.stepper-step.plus {
    position: absolute;
    right: 8px;
    top: calc(50% - 7px);
}

.stepper span.stepper-step.plus:before {
    content: "";
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(img/bquadro/arr-plus.svg);
    background-size: contain;
}

@media (max-width: 479px) {
    .stepper {
        max-width: 82px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
        border-color: #979797;
    }
}

.contentSection .titleContainer + .contentContainer {
    margin-top: 40px;
}

.contentSection .contentContainer {
    max-width: 870px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .contentSection .titleContainer + .contentContainer {
        margin-top: 14px;
    }
}

.quoteAuthor {
    display: flex;
    margin-top: 16px;
}

.quoteAuthor .img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.quoteAuthor .img img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.quoteAuthor .info {
    padding-left: 16px;
}

.quoteAuthor .title {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #232323;
}

.quoteAuthor .text {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #979797;
}

/*вероятно не используется*/
.contentGallery .owl-stage {
    display: flex;
}

.contentGallery .owl-stage .owl-item {
    flex-shrink: 0;
}

.contentGallery .item {
    height: 100%;
    max-height: 650px;
}

.contentGallery .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contentGallery .owl-nav {
    z-index: 1;
}

@media (max-width: 1439px) {
    .contentGallery .owl-nav {
        display: none;
    }
}

.contentGallery .owl-nav .owl-prev,
.contentGallery .owl-nav .owl-next {
    position: absolute;
    bottom: 49.5%;
    display: flex;
    font-size: 40px !important;
    color: black;
    opacity: 1;
    -webkit-transition: color 0.3s, opacity 0.3s;
    -moz-transition: color 0.3s, opacity 0.3s;
    -o-transition: color 0.3s, opacity 0.3s;
    transition: color 0.3s, opacity 0.3s;
    z-index: 1;
}

.contentGallery .owl-nav .owl-prev:hover,
.contentGallery .owl-nav .owl-next:hover {
    color: #026ef9;
}

.contentGallery .owl-nav .owl-prev.disabled,
.contentGallery .owl-nav .owl-next.disabled {
    opacity: 0;
    pointer-events: none;
}

.contentGallery .owl-nav .owl-prev {
    right: calc(100% + 20px);
}

.contentGallery .owl-nav .owl-next {
    left: calc(100% + 20px);
}

.contentGallery .owl-nav.disabled {
    display: none;
}

.contentGallery .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 0px;
}

.contentGallery .owl-dots .owl-dot {
    position: relative;
    display: block;
    width: 120px;
    height: 10px;
}

.contentGallery .owl-dots .owl-dot::before {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0px;
    background-color: #026ef9;
    opacity: 0;
    -webkit-transition: width 0.3s, opacity 0.3s;
    -moz-transition: width 0.3s, opacity 0.3s;
    -o-transition: width 0.3s, opacity 0.3s;
    transition: width 0.3s, opacity 0.3s;
    z-index: 1;
}

.contentGallery .owl-dots .owl-dot::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    margin-top: -1px;
    left: 0px;
    background-color: #cccccc;
}

.contentGallery .owl-dots .owl-dot + .owl-dot {
    margin-left: 12px;
}

.contentGallery .owl-dots .owl-dot.active::before {
    width: 100%;
    opacity: 1;
}

.contentGallery .owl-dots.disabled {
    display: none;
}

.contentGallery {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
}

.contentGallery img {
    margin-top: 0;
    margin-bottom: 0;
}

.contentGallerySection {
    margin-top: 60px;
}

.textContent .contentGallerySection {
    margin: 30px 0;
}

@media (max-width: 1199px) {
    .contentGallerySection {
        margin-top: 40px;
    }
}

@media (max-width: 1023px) {
    .textContent .contentGallerySection {
        margin: 15px 0;
    }

    .contentGallery .owl-dots {
        margin-top: 10px;
    }
}

@media (max-width: 900px) {
    .contentGallery .owl-nav .owl-next,
    .contentGallery .owl-nav .owl-prev {
        display: none;
    }
}

@media (max-width: 767px) {
    .contentGallerySection {
        margin-top: 20px;
    }
}

@media (max-width: 479px) {
    .contentGallerySection,
    .textContent .contentGallerySection {
        margin-left: -16px;
        margin-right: -16px;
    }

    .contentGallery .owl-dots {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}

/*вероятно не используется*/

/* sorting / filter*/
.list-type {
    position: relative;
    z-index: 3;
}

.list-type__top {
    border: none;
    border-radius: 0;
    padding-right: 15px;
    font-weight: 600;
    font-size: 15px;
    line-height: 38px;
    height: 38px;
    position: relative;
    text-decoration: underline;
    transition: 0.3s;
    cursor: pointer;
}

.list-type__top:hover {
    color: #026ef9;
}

.list-type__top:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(images/arr-down.svg) no-repeat center;
    background-size: contain;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}

.list-type__list {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 38px;
    right: 0;

    text-align: right;

    transition: 0.5s;
    transform: scale(0.7);
    padding: 9px 14px 9px 26px;
    background: #ffffff;
    transform-origin: 100% 0%;
}

.list-type__list-item {
    padding: 5px 0;
}

.list-type__list-item a {
    text-decoration: none;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
    transition: 0.3s;
    white-space: nowrap;
}

.list-type__list-item:hover a {
    color: #026ef9;
    opacity: 0.7;
}

.list-type__list-item--active a {
    color: #026ef9;
}

.list-type.open .list-type__list {
    transform: scale(1);
    box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    opacity: 1;
    pointer-events: inherit;
}

.list-type.open .list-type__top:after {
    transform: rotate(180deg);
}

@media (max-width: 991px) {
    .list-type--catalog .list-type__list {
        right: auto;
        left: 0;
        transform-origin: 0% 0%;
        text-align: left;
        padding: 9px 26px 9px 14px;
    }
}

@media (max-width: 767px) {
    .list-type__top {
        font-size: 14px;
    }
}

/*LEDNEVA 13.09.2021*/
.wrapper input[type="number"],
.wrapper input[type="number"]:hover,
.wrapper input[type="number"]:focus {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

/*wrapper sides*/
.wrapper.sides {
    position: relative;
}

.wrapper.sides > div {
    position: relative;
    z-index: 1;
}

/**/

.siteTabs .tabsList.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: -2px;
}

.siteTabs .tabsList.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    height: 2px;
}

.siteTabs
.tabsList.scrollbar-dynamic.scroll-wrapper:hover
> .scroll-element.scroll-x
.scroll-element_outer,
.siteTabs
.tabsList.scrollbar-dynamic.scroll-wrapper:hover
> .scroll-element
.scroll-element_outer
.scroll-bar,
.siteTabs
.tabsList.scrollbar-dynamic
> .scroll-element.scroll-x:hover
.scroll-element_outer,
.siteTabs
.tabsList.scrollbar-dynamic
> .scroll-element.scroll-x.scroll-draggable
.scroll-element_outer,
.siteTabs
.tabsList.scrollbar-dynamic
> .scroll-element:hover
.scroll-element_outer
.scroll-bar,
.siteTabs
.tabsList.scrollbar-dynamic
> .scroll-element.scroll-draggable
.scroll-element_outer
.scroll-bar {
    height: 10px;
    border-radius: 0;
}

.siteTabs
.tabsList.scrollbar-dynamic.scroll-wrapper:hover
> .scroll-element
.scroll-element_outer
.scroll-bar,
.siteTabs
.tabsList.scrollbar-dynamic
> .scroll-element:hover
.scroll-element_outer
.scroll-bar,
.siteTabs
.tabsList.scrollbar-dynamic
> .scroll-element.scroll-draggable
.scroll-element_outer
.scroll-bar,
.siteTabs .tabsList.scrollbar-dynamic > .scroll-element .scroll-element_outer,
.siteTabs .tabsList.scrollbar-dynamic > .scroll-element .scroll-bar {
    border-radius: 0;
}

.siteTabs
.tabsList.scrollbar-dynamic
> .scroll-element.scroll-x
.scroll-element_outer,
.siteTabs
.tabsList.scrollbar-dynamic
> .scroll-element.scroll-x
.scroll-element_size {
    left: 0;
}

.siteTabs .tabsList.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background: #e6ecf1;
    border-radius: 0;
}

.siteTabs .tabsList.scrollbar-dynamic > .scroll-element .scroll-bar {
    background: #a8cafc;
    cursor: pointer;
}

.siteTabs
.tabsList.scrollbar-dynamic.scroll-wrapper:hover
> .scroll-element
.scroll-element_outer {
    opacity: 0.7;
}

@media (max-width: 991px) {
    .siteTabs
    .tabsList.scrollbar-dynamic.scroll-wrapper:hover
    > .scroll-element
    .scroll-element_outer,
    .siteTabs .tabsList.scrollbar-dynamic > .scroll-element .scroll-bar {
        opacity: 0;
    }
}

.fieldItemForm,
.contactForm .fieldItemForm {
    margin: 30px 0;
}

.inBlockTypeFile {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.inBlockTypeFile .inputFile {
    display: none;
}

.inBlockTypeFile .label-file {
    cursor: pointer;
    width: 100%;
    text-align: left;
    display: block;
}

.inBlockTypeFile:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 17px;
    height: 20px;
    background-image: url(images/upload.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.inBlockTypeFile .label-file__link {
    font-size: 18px;
    padding-bottom: 4px;
}

.inBlockTypeFile .label-file__formats {
    padding-left: 10px;
    font-size: 10px;
    opacity: 0.5;
}

.inBlockTypeFile:hover .label-file__link:hover {
    border: none;
}

.inBlockTypeFile .about-file {
    padding-top: 10px;
    position: relative;
    text-align: left;
    font-size: 14px;
    line-height: 1;
}

.inBlockTypeFile .delete-file {
    transform: rotate(45deg);
    margin-left: 15px;
    color: #026df9;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 8px;
    display: none;
    vertical-align: middle;
}

.inBlockTypeFile .delete-file:hover {
    color: red;
}

.inBlockTypeFile .file-name {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

/*# sourceMappingURL=style.css.map */

.with-bottom-toolbar .multi_button {
    top: auto !important;
    bottom: 80px !important;
}

.cookie {
    position: fixed;
    display: none;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 25px;
    background-color: #fff;
    border-top: 1px solid #026ef9;
    z-index: 1050;
}

.cookie__info {
    line-height: 1.2;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.cookie__wr {
    max-width: 900px;
    margin: auto;
}

.cookie__text {
    width: calc(100% - 80px);
    padding-right: 20px;
}

.cookie .js-close-cookie {
    cursor: pointer;
}

@media (max-width: 767px) {
    .cookie__wr {
        display: block;
    }

    .cookie__info {
        padding: 0;
        font-size: 13px;
    }
}

@media (max-width: 400px) {
    .cookie .textContent {
        font-size: 13px;
    }

    .cookie {
        padding: 20px 0;
    }

    .cookie__info {
        display: block;
    }

    .cookie__text {
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0;
    }
}

.prod_stock_out {
    /* filter: grayscale(1); */
}

.productCard .currentPrice.price-stock-out,
.productInfo .price.price-stock-out {
    color: #a3abb5;
}

.innerPageContent {
    /* overflow: hidden; */
}

.komp-osn {
    margin-top: 16px;
}

.komp-osn .aboutStat .wrapper {
    flex-wrap: wrap;
}

.komp-osn .aboutStat .rightSide {
    padding-top: 0;
}

.komp-osn .companyStatItem {
    width: auto;
}

.aboutStat {
    display: flex;
    flex-wrap: wrap;
}

.aboutStat__left {
    font-size: 16px;
    line-height: 26px;
    font-family: "Open Sans";
    width: 50%;
}

.aboutStat__right {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.aboutStat__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #232323;
}

.aboutStat-right__item {
    padding-left: 68px;
    margin-left: 43px;
    position: relative;
    margin-bottom: 30px;
}

.aboutStat-right__item:last-child {
    margin-bottom: 0;
}

.aboutStat-right__item:before {
    content: "";
    width: 58px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.aboutStat-right__item:first-child:before {
    background-image: url(/local/templates/mst/images/kompleksnyy/komp-ico-1.svg);
}

.aboutStat-right__item:last-child:before {
    background-image: url(/local/templates/mst/images/kompleksnyy/komp-ico-2.svg);
}

.aboutStat__left .aboutStat__text {
    max-width: 732px;
}

.aboutStat__text {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.komp-osn-about {
    margin-bottom: 100px;
}

.komp-osn-list {
    padding: 52px 0;
    background-color: #f9fafb;
    position: relative;
    margin-bottom: 100px;
}

.komp-osn-list:before,
.komp-osn-list:after {
    content: "";
    background-color: #f9fafb;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100vw;
}

.komp-osn-list:before {
    left: 100%;
}

.komp-osn-list:after {
    right: 100%;
}

.komp-osn-list__wrap {
    margin-top: 33px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -18px;
    margin-right: -18px;
}

.komp-osn-list__col {
    width: 50%;
    padding-left: 18px;
    padding-right: 18px;
}

.komp-osn-etap {
    margin-bottom: 100px;
}

.mainServicesBlock .rightSide {
    padding: 0;
}

.mainServicesBlock .leftSide {
    flex-grow: initial;
    flex-shrink: initial;
}

.mainServiceItem,
.mainServiceItem.active {
    padding-left: 0;
}

.mainServicesBlock .leftSide + .rightSide {
    margin-right: 60px;
}

.mainServicesBlock {
    justify-content: space-between;
}

.mainServicesBlock .leftSide {
    width: 1035px;
    order: 2;
}

.mainServicesBlock .rightSide {
    order: 1;
}

.mainServicesBlock .rightSide .content img {
    max-width: 100%;
    display: none;
    margin-top: 20px;
    max-height: 300px;
}

.mainServiceItem .title {
    font-weight: normal;
}

.mainServicesBlock .content ul,
.mainServicesBlock .content ol {
    margin-bottom: 20px;
}

.komp-osn-tezis {
    padding: 40px 0;
    position: relative;
    background-color: #f9fafb;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 100px;
}

.komp-osn-tezis:before,
.komp-osn-tezis:after {
    content: "";
    background-color: #f9fafb;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100vw;
}

.komp-osn-tezis:before {
    left: 100%;
}

.komp-osn-tezis:after {
    right: 100%;
}

.komp-osn-tezis__col {
    max-width: 1035px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    width: 50%;
}

.komp-osn-tezis__col:first-child {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #026ef9;
    max-width: 600px;
}

.komp-osn .cabinetTypeList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0;
    margin: 0 -15px;
    margin-top: 40px;
}

.komp-osn .cabinetTypeList .item {
    width: calc(16.66% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
}

.komp-osn-nap .titleContainer {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.komp-osn-nap {
    margin-bottom: 70px;
}

.komp-osn-pro .titleContainer {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.komp-osn-pro__wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 60px;
}

.komp-osn-pro__item {
    width: calc(33.33% - 30px);
    background-color: #f9fafb;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

.komp-osn-pro__item:nth-child(n + 8) {
    display: none;
}

.komp-osn-pro-item__img {
    position: relative;
}

.komp-osn-pro-item__img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.komp-osn-pro-item__img:before {
    content: "";
    display: block;
    padding-top: 61%;
}

.komp-osn-pro-item__info {
    padding: 27px 21px 155px 21px;
}

.komp-osn-pro__item:first-child {
    width: 100%;
    display: flex;
}

.komp-osn-pro__item:first-child .komp-osn-pro-item__img {
    width: 50%;
}

.komp-osn-pro__item:first-child .komp-osn-pro-item__img:before {
    display: none;
}

.komp-osn-pro__item:first-child .komp-osn-pro-item__info {
    width: 50%;
    padding: 154px 60px;
}

.komp-osn-pro-item__tags {
    position: absolute;
    top: 17px;
    left: 8px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.komp-osn-pro-item__tag {
    padding: 5px 8px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    margin-bottom: 4px;
    background-color: #026ef9;
    border-radius: 4px;
}

.komp-osn-pro-item__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
}

.komp-osn-pro__item:first-child .komp-osn-pro-item__title {
    font-weight: 500;
    font-size: 35px;
    line-height: 45px;
    letter-spacing: 1px;
    color: #232323;
    margin-bottom: 16px;
}

.komp-osn-pro-item__text {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}

.komp-osn-pro__item .simpleLink {
    margin-top: 20px;
}

.komp-osn-pro-item__inner {
    max-width: 596px;
}

.komp-osn-pro__more {
    text-align: center;
    display: block;
    cursor: pointer;
}

.komp-osn-nap__more {
    text-align: center;
    display: none;
    cursor: pointer;
}

.komp-osn-banner {
    background: #000;
}

.komp-osn-banner__info {
    position: relative;
    z-index: 1;
    max-width: 622px;
}

.komp-osn-banner__title {
    font-weight: 500;
    font-size: 45px;
    line-height: 55px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 16px;
}

.komp-osn-banner__text {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    margin-bottom: 49px;
}

.komp-osn-banner {
    position: relative;
    padding: 97px 118px;
}

.komp-osn-banner__img img {
    object-fit: cover;
    object-position: right bottom;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.komp-osn-banner__img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.komp-osn-banner__btns {
    display: flex;
    flex-wrap: wrap;
}

.komp-osn-banner__btn-blue,
.komp-osn-banner__btn-white {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    padding: 13px 18px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-right: 20px;
    transition: 0.3s;
}

.komp-osn-banner__btn-blue {
    background-color: #0079fa;
    color: #fff;
}

.komp-osn-banner__btn-white {
    background-color: #fff;
    color: #0079fa;
}

.komp-osn-banner__btn-white:hover {
    background-color: #0079fa;
    color: #fff;
}

@media (max-width: 1680px) {
    .komp-osn .cabinetTypeList .item {
        width: calc(25% - 30px);
    }

    .komp-osn-banner {
        padding: 57px 71px;
    }

    .komp-osn-banner__text {
        margin-bottom: 27px;
    }
}

@media (max-width: 1440px) {
    .komp-osn-about {
        margin-bottom: 80px;
    }

    .komp-osn-list {
        margin-bottom: 80px;
    }

    .komp-osn-etap {
        margin-bottom: 80px;
    }

    .komp-osn-tezis {
        margin-bottom: 80px;
    }

    .komp-osn-nap {
        margin-bottom: 50px;
    }

    .aboutStat .leftSide {
        width: 100%;
        margin-bottom: 40px;
    }

    .aboutStat__right {
        width: 100%;
    }

    .aboutStat__left {
        width: 100%;
        margin-bottom: 30px;
    }

    .aboutStat__left .aboutStat__text {
        max-width: 100%;
    }

    .aboutStat-right__item {
        margin-left: 0;
        margin-right: 60px;
    }

    .aboutStat__right {
        justify-content: start;
    }

    .mainServiceItem .title {
        font-size: 20px;
        line-height: 28px;
    }

    .komp-osn-banner__title {
        font-size: 30px;
        line-height: 40px;
    }

    .komp-osn-banner__text {
        font-size: 14px;
        line-height: 24px;
    }

    .komp-osn-banner__info {
        max-width: 440px;
    }
}

@media (max-width: 1199px) {
    .komp-osn-about {
        margin-bottom: 60px;
    }

    .komp-osn-list {
        margin-bottom: 60px;
    }

    .komp-osn-etap {
        margin-bottom: 20px;
    }

    .komp-osn-tezis {
        margin-bottom: 60px;
    }

    .komp-osn-nap {
        margin-bottom: 30px;
    }

    .komp-osn-pro__item:first-child .komp-osn-pro-item__img {
        width: 100%;
    }

    .komp-osn-pro__item:first-child .komp-osn-pro-item__img:before {
        content: "";
        display: block;
        padding-top: 61%;
    }

    .komp-osn-pro__item:first-child {
        display: block;
        width: calc(50% - 30px);
    }

    .komp-osn-pro__item:first-child .komp-osn-pro-item__info {
        padding: 27px 21px 155px 21px;
        width: 100%;
    }

    .komp-osn-pro__item {
        width: calc(50% - 30px);
    }

    .komp-osn-tezis__col {
        width: 100%;
    }

    .komp-osn-tezis__col:first-child {
        margin-bottom: 20px;
    }

    .mainServicesBlock .leftSide {
        display: none;
    }

    .mainServicesBlock .rightSide,
    .mainServicesBlock .leftSide + .rightSide {
        width: 100%;
        margin: 0;
    }

    .mainServicesBlock .rightSide .content img {
        display: block;
    }

    .dropItem.active .content {
        display: none;
    }

    .mainServiceItem .title {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    .mainServiceItem .content {
        padding-left: 0;
    }
}

@media (max-width: 1023px) {
    .komp-osn-list {
        padding: 35px 0;
    }

    .komp-osn .cabinetTypeList .item {
        width: calc(50% - 30px);
    }

    .komp-osn-pro-item__title,
    .komp-osn-pro__item:first-child .komp-osn-pro-item__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 1px;
    }

    .komp-osn-pro-item__info,
    .komp-osn-pro__item:first-child .komp-osn-pro-item__info {
        padding: 12px;
    }

    .komp-osn-pro__wrap {
        margin-top: 40px;
    }

    .komp-osn-tezis__col:first-child {
        margin-bottom: 15px;
    }

    .komp-osn-banner__img {
        position: relative;
        height: 270px;
    }

    .komp-osn-banner__img img {
        left: auto;
        right: 0;
        width: 100%;
    }

    .komp-osn-banner {
        padding: 0;
    }

    .komp-osn-banner__info {
        padding: 35px 17px 45px 17px;
    }

    .komp-osn-banner__info {
        max-width: none;
    }

    .komp-osn-banner__title {
        font-size: 22px;
        line-height: 27px;
    }
}

@media (max-width: 767px) {
    .komp-osn-list__col {
        width: 100%;
    }

    .mainServicesNav {
        display: block;
        margin-top: 18px;
        margin-bottom: 28px;
        display: none;
    }

    .komp-osn-etap .titleContainer {
        margin-bottom: 20px;
    }

    .mainServicesNav__arrow {
        display: none;
    }

    .komp-osn-tezis__col,
    .komp-osn-tezis__col:first-child {
        width: 100%;
    }

    .komp-osn-tezis__col {
        margin: 0;
    }

    .komp-osn-tezis__col:first-child {
        margin-bottom: 12px;
        margin-right: 0;
    }

    .komp-osn .cabinetTypeItem {
        display: block;
    }

    .cabinetTypeItem .img {
        margin-bottom: 40px;
    }

    .komp-osn .cabinetTypeList .item {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
        width: calc(50% - 10px);
    }

    .komp-osn .cabinetTypeList {
        margin: 0 -5px;
        margin-top: 20px;
    }

    .cabinetTypeItem .title {
        font-size: 13px;
    }

    .cabinetTypeItem {
        padding: 24px 12px;
    }

    .komp-osn-pro__item,
    .komp-osn-pro__item:first-child {
        width: calc(100% - 30px);
    }

    .komp-osn .cabinetTypeList .item:nth-child(n + 7) {
        display: none;
    }

    .komp-osn-nap__more {
        display: block;
    }

    .komp-osn-tezis__col:first-child {
        font-size: 16px;
    }

    .komp-osn-pro__wrap {
        margin-top: 20px;
    }

    .komp-osn-banner__img {
        height: 220px;
    }

    .komp-osn-banner__btn-blue,
    .komp-osn-banner__btn-white {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 400px) {
    .companyStatItem .num {
        font-size: 35px;
        line-height: normal;
    }

    .komp-osn .cabinetTypeList .item {
        width: calc(100% - 10px);
    }

    .cabinetTypeItem .img {
        margin-bottom: 20px;
    }
}

.navigation {
    margin: 30px 0;
}

.navigation-title {
    display: none;
}

.navigation-arrows {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navigation-arrows span {
    display: none;
}

.navigation-arrows span.arrow {
    /*    display: block;
        width: 32px;
        height: 32px;
        background-image: url(/local/templates/mst/images/arrow-down-black.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 16px;
        transform: rotate(90deg);*/
}

.navigation-pages {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navigation-pages span,
.navigation-pages a {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
    -moz-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
    -ms-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
    -o-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
    padding: 0 8px;
    height: 32px;
    min-width: 32px;
    line-height: 32px;
    color: #222222;
    font-size: 12px;
    border-radius: 8px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 1px 0;
}

.navigation-pages span.nav-current-page {
    background: #026ef9;
    color: #fff;
}

.navigation-arrows span.arrow:last-child {
    transform: rotate(-90deg);
}

.titleContainer--line {
    margin-top: 20px;
    position: relative;
    padding-right: 100px;
    padding-left: 100px;
}

.titleContainer--line h2 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
    text-align: center;
}

.titleContainer--line .bp-link {
    font-size: 18px;
    line-height: 28px;
    text-decoration: underline;
    white-space: nowrap;
    position: absolute;
    right: 0;
    top: 14px;
    color: #026ef9;
}

.titleContainer--line .bp-link:hover {
    color: #024dbc;
}

@media (max-width: 1199px) {
    .titleContainer--line .bp-link {
        top: 5px;
    }
}

@media (min-width: 1200px) {
    .titleContainer--line h2 {
        font-size: 45px;
        line-height: 55px;
    }

    .titleContainer--line {
        margin-top: 50px;
    }
}

@media (max-width: 600px) {
    .titleContainer--line h2 {
        text-align: left;
    }

    .titleContainer--line .bp-link {
        position: static;
    }

    .titleContainer--line {
        padding-left: 0;
        padding-right: 0;
    }
}

.footer-podb {
    display: inline-block;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 18px;
    color: #232323;
    transition: color 0.3s;
}

.footLine .links a:hover,
.footer-podb:hover {
    color: #026ef9;
}

@media (max-width: 767px) {
    .footer-podb {
        margin-bottom: 10px;
        display: block;
    }
}

/**/
.main-actions {
    margin-top: 117px;
    margin-bottom: 47px;
}

.main-actions__wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 40px;
    margin-top: 20px;
}

.main-actions__item {
    transition: box-shadow 0.3s;
}

.main-actions-item__img {
    position: relative;
    margin-bottom: 16px;
    border-radius: 4px;
    overflow: hidden;
    height: 300px;
}

.main-actions-item__img img {
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.main-actions-item__title {
    color: var(--color-text-black, #212121);
    font-family: Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 133.333%;
    letter-spacing: 1px;
    margin-bottom: 12px;
    transition: color 0.3s;
}

.main-actions-item__subtitle {
    color: var(--Blue, #026ef9);
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 162.5%;
}

.main-actions-item__text {
    color: rgba(33, 33, 33, 0.8);
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    transition: color 0.3s;
}

.main-actions .moreLink {
    text-align: center;
    margin-top: 20px;
}

.main-actions__item:hover .main-actions-item__title,
.main-actions__item:hover .main-actions-item__text {
    color: var(--Blue, #026ef9);
}

@media (min-width: 1681px) {
    .main-actions__wrap {
        grid-template-columns: repeat(4, 1fr);
        gap: 40px;
    }
}

@media (max-width: 1680px) {
    .main-actions {
        margin-top: 60px;
    }

    .main-actions-item__title {
        font-size: 22px;
    }

    .main-actions__item:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1023px) {
    .main-actions__item:nth-child(4) {
        display: block;
    }

    .main-actions__item + .main-actions__item {
        margin-left: 30px;
    }

    .main-actions__item {
        width: 252px;
        flex-shrink: 0;
    }

    .main-actions__wrap::-webkit-scrollbar {
        display: none;
    }

    .main-actions__wrap {
        display: flex;
        overflow-x: auto;
        gap: unset;
    }
}

@media (max-width: 767px) {
    .main-actions-item__title {
        font-size: 18px;
    }

    .main-actions-item__text {
        font-size: 15px;
    }
}

.countdown-acd {
    display: inline-block;
    border-radius: 8px;
    background: #021b38;
    padding: 16px;
}

.countdown-acd__countdown-acd {
    display: flex;
    flex-wrap: wrap;
}

.countdown-acd-countdown-acd__col {
    display: flex;
    flex-wrap: wrap;
    margin-right: 8px;
    align-items: flex-end;
}

.countdown-acd-countdown-acd__col:last-child {
    margin-right: 0;
}

.countdown-acd-countdown-acd__val {
    color: var(--white, var(--white, #fff));
    font-family: Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 83.333% */
}

.countdown-acd-countdown-acd__title {
    color: var(--white, var(--white, #fff));
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px; /* 125% */
    letter-spacing: 0.217px;
    margin-left: 3px;
}

@media (max-width: 767px) {
    .countdown-acd {
        padding: 22px;
    }
}

.reviewsSection {
    overflow: hidden;
}

.promotion-tags {
    display: flex;
    flex-wrap: wrap;
}

.promotion-tag {
    position: relative;
}

.promotion-tag span {
    padding: 4px 16px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    border-radius: 4px;
    border: 2px solid #000;
    margin: 0px 8px 8px 0px;
    display: block;
    background-color: #fff;
}

.promotion-tag__popup {
    position: absolute;
    border-radius: 10px;
    background: var(--White, #fff);
    box-shadow: 0px 0px 30px 0px rgba(178, 178, 178, 0.3);
    padding: 16px 16px 16px;
    width: 250px;
    font-size: 16px;
    line-height: 26px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    left: 0;
    top: calc(100% + 20px);
    color: #000;
}

.promotion-tag__popup::after {
    content: "";
    left: 0;
    height: 20px;
    top: -20px;
    width: 100%;
    position: absolute;
}

.promotion-tag__popup::before {
    content: "";
    position: absolute;
    display: block;
    left: 10px;
    bottom: 100%;
    width: 0px;
    height: 0px;
    border-bottom: 18px solid white;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
}

.promotion-tag:hover {
    z-index: 1;
}

.promotion-tag:hover .promotion-tag__popup {
    opacity: 1;
    visibility: visible;
}

.promotion-tag__popup a {
    display: block;
    color: var(--Blue, #026ef9);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
    text-decoration-line: underline;
    margin-top: 8px;
}

.promotion-tag__popup a:hover {
    text-decoration: none;
}

.promotion-tag--li span {
    color: #9c00d3;
    border-color: #9c00d3;
}

.promotion-tag--ra span {
    color: #00ae11;
    border-color: #00ae11;
}

.promotion-tag--2sht span {
    color: #00a1d4;
    border-color: #00a1d4;
}

.promotion-tag--12m span {
    color: #c00023;
    border-color: #c00023;
}

.promotion-tag--sk span {
    color: #de19aa;
    border-color: #de19aa;
}

.product-item .promotion-tag span {
    font-size: 14px;
    margin-right: 0;
}

.product-item .promotion-tag {
    display: inline-block;
    cursor: default;
}

.product-item .promotion-tags {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    z-index: 16;
}

.product-item .promotion-tags > .promotion-tag {
    display: none;
}

.promotion-tag-list {
    position: relative;
    padding-right: 32px;
    display: inline-block;
}

.promotion-tag-list__btn {
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
    content: "";
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.promotion-tag-list__btn:before {
    content: "";
    background-image: url(/local/templates/mst/images/arrow-down-black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.product-item .promotion-tags.promotion-tags--active > .promotion-tag {
    display: inline-block;
}

.promotion-tags--active .promotion-tag-list__btn {
    transform: rotate(180deg);
}

@media (max-width: 1023px) {
    .product-item .promotion-tags {
        display: none;
    }

    .innerPageContent__overlay {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        transition: 0.3s;
        z-index: 7;
    }

    .promotion-tags-toolbar .promotion-tags {
        display: flex;
    }

    .promotion-tags-toolbar {
        position: fixed;
        bottom: 0;
        z-index: 20;
        background: #fff;
        padding: 16px 16px 16px;
        border-radius: 10px 10px 0px 0px;
        box-shadow: 0px 0px 30px 0px rgba(178, 178, 178, 0.3);

        opacity: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(50px);
        transition: opacity 0.5s ease, transform 0.5s ease;
    }

    .promotion-tags-toolbar__close {
        position: absolute;
        right: 6px;
        top: 6px;
        width: 16px;
        height: 16px;
    }

    .promotion-tags-toolbar__close:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14px;
        height: 14px;
        transform: translate3d(-50%, -50%, 0) rotate(-45deg);
        background-image: url(/local/components/bquadro/geodetect/templates/.default/images/arr-plus.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .promotion-tags-toolbar .promotion-tag-list__btn,
    .promotion-tags-toolbar br {
        display: none;
    }

    .promotion-tags-toolbar .promotion-tag-list {
        padding-right: 0;
    }

    .promotion-tags-toolbar .promotion-tag__popup,
    .promotion-tags-toolbar .promotion-tag__popup a {
        opacity: 0 !important;
        visibility: visible;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-size: 0;
        position: absolute;
        padding: 0;
        margin: 0;
    }

    .promotion-tags-toolbar .promotion-tag__popup a {
        z-index: 10;
    }
}

@media (max-width: 767px) {
    .promotion-tags-toolbar {
        padding-bottom: 76px;
    }
}

@media (hover: hover) {
    .innerPageSub [data-entity="parent-container"]:hover,
    .innerPageSub .devicesSection:hover {
        z-index: 10;
        position: relative;
    }
}

/*

.medsyst-quick-view-card__icons-item.medsyst-quick-view-card__icons-item--demo .btnSimpleIcon {
    position: relative;
}

.medsyst-quick-view-card__icons-item.medsyst-quick-view-card__icons-item--demo .demohall span {
    font-weight: 700;
}

.medsyst-quick-view-card__icons-item.medsyst-quick-view-card__icons-item--demo .icon-demo {
    width: 24px;
    height: 24px;
}

.medsyst-quick-view-card__icons-item.medsyst-quick-view-card__icons-item--demo .icon-demo:before,
.medsyst-quick-view-card__icons-item.medsyst-quick-view-card__icons-item--demo .icon-demo:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s;
}

.medsyst-quick-view-card__icons-item.medsyst-quick-view-card__icons-item--demo .icon-demo:before {
    content: '';
    background-image: url(/local/templates/mst/images/easel.svg);
}

.medsyst-quick-view-card__icons-item.medsyst-quick-view-card__icons-item--demo .icon-demo:after {
    content: '';
    background-image: url(/local/templates/mst/images/easel-b.svg);
    opacity: 0;
}

.medsyst-quick-view-card__icons-item.medsyst-quick-view-card__icons-item--demo .icon-demo:hover:before {
    opacity: 0;
}

.medsyst-quick-view-card__icons-item.medsyst-quick-view-card__icons-item--demo .icon-demo:hover:after {
    opacity: 1;
}

 */
.popup-window {
    max-height: 100vh !important;
    overflow-y: auto !important;
}

.popup-window-overlay {
    height: 100% !important;
}

/**/
@-webkit-keyframes customFadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes customFadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.custom_animate__fadeOut {
    -webkit-animation-name: customFadeOut;
    animation-name: customFadeOut;
}

@-webkit-keyframes customFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes customFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.custom_animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.mt-20 {
    margin-top: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.recaptcha-item > div {
    max-width: 100%;
    overflow: hidden;
}

.mlr-auto {
    margin-left: auto;
    margin-right: auto;
}

.brandsDetailSection + .viewMoreBlock .content::before,
.brand-desc .viewMoreBlock .content::before {
    background: -webkit-linear-gradient(
            top,
            rgba(255, 255, 255, 0) 0%,
            #f7f6f6 100%
    );
    background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,
            #f7f6f6 100%
    );
}

.brandsInnerSection .viewMoreBlock .content::before {
    background: -webkit-linear-gradient(
            top,
            rgba(255, 255, 255, 0) 0%,
            #fff 100%
    );
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.brand-desc .viewMoreBlock.visible .control {
    width: 100%;
    position: relative;
}

.brand-desc .viewMoreBlock.visible .control:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    height: 1px;
    width: 100%;
    background-image: url("/local/templates/mst/images/dashed.svg");
    background-repeat: repeat-x;
}

.brand-desc .simpleLink {
    width: 143px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    display: block;
    margin: 0 auto;
    border: 1px solid #0d6efd;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    transition: background-color 0.3s;
}

.brand-desc .viewMoreBlock .is-visible {
    display: none;
}

.brand-desc .viewMoreBlock.visible.active .is-visible {
    display: block;
}

.brand-desc .viewMoreBlock.visible.active .is-no-visible {
    display: none;
}

.brand-desc-1 {
    padding: 55px 15px 5px 15px;
    background-color: #f7f6f6;
}

.brand-desc-2 {
    padding-top: 35px;
    padding-bottom: 5px;
    background-color: #f7f6f6;
}

.brand-desc-3 {
    padding-top: 5px;
    padding-bottom: 35px;
}

@media (max-width: 1199px) {
    .brand-desc-3 {
        padding-top: 15px;
    }
}

@media (max-width: 767px) {
    .brand-desc-3 {
        padding-top: 41px;
    }
}

@media (any-hover: hover), (hover: hover) and (pointer: fine) {
    .brand-desc .simpleLink:hover {
        background-color: #0d6efd;
        color: #fff;
    }
}

.complects {
    overflow: hidden;
}

.complects .siteTabs > .tabsList {
    padding-right: 80px !important;
}

.complects .tabsList li + li {
    margin-left: 40px;
}

.complects .siteTabs .tabContent {
    padding-top: 32px;
    padding-bottom: 24px;
}

.complects__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.complects__aside {
    width: 331px;
    margin-right: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: auto;
    position: relative;
    z-index: 8;
}

.complects__aside-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #026EF9;
    border-radius: 6px;
    color: #fff;
    padding: 30px;
    padding-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.complects__aside-title {
    font-weight: 600;
    font-size: 26px;
    line-height: 110%;
    margin-bottom: 48px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.complects__aside-subtitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

.complects__aside-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    position: relative;
    margin-bottom: 18px;
    overflow: hidden;
}

.complects__aside-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 1;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 110, 249, 0)), to(#026EF9));
    background: -o-linear-gradient(top, rgba(2, 110, 249, 0) 0%, #026EF9 100%);
    background: linear-gradient(180deg, rgba(2, 110, 249, 0) 0%, #026EF9 100%);
}

.complects__aside-list {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
    scrollbar-color: #fff transparent;
    scrollbar-width: thin;
}

.complects__aside-list::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.complects__aside-list::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: transparent;
}

.complects__aside-list::-webkit-scrollbar-track:hover {
    background-color: transparent;;
}

.complects__aside-list::-webkit-scrollbar-track:active {
    background-color: transparent;
}

.complects__aside-list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #fff;
}

.complects__aside-list::-webkit-scrollbar-thumb:hover {
    background-color: #fff;
}

.complects__aside-list::-webkit-scrollbar-thumb:active {
    background-color: #fff;
}

.complects__aside-options {
    padding-bottom: 40px;
}

.complects__aside-options h1,
.complects__aside-options h2,
.complects__aside-options h3 {
    margin-bottom: 10px;
}

.complects__aside-options * {
    line-height: 120% !important;
    background: transparent !important;
    color: #fff !important;
    word-break: break-word;
}

.complects__aside-options ol,
.complects__aside-options ul {
    padding-left: 25px;
}

.complects__aside-options ul {
    list-style-type: disc;
}


.complects__aside-item {
    font-weight: 600;
    font-size: 16px;
    opacity: 0.8;
    line-height: 130%;
}

.complects__aside-item:not(:last-child) {
    margin-bottom: 8px;
}

.complects__aside-item:last-child {
    margin-bottom: 50px;
}

.complects__aside-bottom {
    margin-top: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.complects__aside-price {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: 0.22px;
}

.complects__aside-btn {
    margin-top: 15px;
}

.complects__aside-btn [class*="btnFill"][class*="Type1"]:hover {
    color: white;
    background-color: #0b51aa;
}

.complects__aside-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    margin-top: 15px;
    min-height: 34px;
}

.complects__slider {
    width: calc(100% - 331px + 24px);
    position: relative;
    margin: -24px;
    padding: 24px;
}

.complects__slider::before {
    width: 100vw;
    content: '';
    position: absolute;
    top: -1px;
    right: 100%;
    height: calc(100% + 2px);
    z-index: 7;
    background: #fff;
}

.complects__slider .medsyst-card__chars {
    display: none;
}

.complects-slider {
    overflow: visible;
}

.complects-slider__item {
    width: 331px;
    height: auto;
}

.complects-slider__item:not(:last-child) {
    margin-right: 24px;
}

.complects-slider__item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 7;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 50% 50%;
    background-color: #026EF9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' fill='none' viewBox='0 0 17 18'%3E%3Cpath fill='%23fff' d='M9.68 8.05h7.12v2.56H9.68v7.12H7.12v-7.12H0V8.05h7.12V.93h2.56v7.12Z'/%3E%3C/svg%3E");
}

.complects-slider__title {
    position: absolute;
    top: 0;
    display: none;
    left: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    padding-right: 80px;
    padding-top: 4px;
    width: 100%;
}

.complects-slider__nav {
    position: absolute;
    bottom: calc(100% + 42px);
    right: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.complects-slider__prev,
.complects-slider__next {
    width: 32px;
    height: 32px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23232323' fill-rule='evenodd' d='m22.622 7-9 9 9 9-2.122 2.122L9.38 16 20.5 4.88 22.622 7Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.complects-slider__prev {
    margin-right: 16px;
}

.complects-slider__next {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.complects-slider__prev.swiper-button-disabled,
.complects-slider__next.swiper-button-disabled {
    opacity: 0.5;
}

.complects-slider__pagination {
    position: absolute !important;
    bottom: 0 !important;
    display: none !important;
}

.complects-slider__pagination .swiper-pagination-bullet {
    width: 100% !important;
    height: 1px !important;
    display: block !important;
    border-radius: 0 !important;
    background: #E5E5E5 !important;
    opacity: 1 !important;
}

.complects-slider__pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 11px !important;
}

.complects-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #000 !important;
}

.complects-slider .medsyst-card {
    width: 100% !important;
}

@media (max-width: 1439px) {
    .complects__aside {
        width: calc(50% - 12px);
    }

    .complects__slider {
        width: calc(50% + 36px);
    }

    .complects-slider__item {
        width: 100%;
    }

    .complects__aside-text {
        min-height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 16px;
    }
}

@media (max-width: 1023px) {
    .complects .siteTabs .tabContent {
        padding-top: 13px;
        padding-bottom: 0;
    }

    .complects .siteTabs > .tabsList {
        padding-right: 0;
    }

    .complects .tabsList li + li {
        margin-left: 20px;
    }

    .complects .tabsList li a,
    .complects .tabsList li span {
        font-size: 14px;
    }

    .complects__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .complects__aside {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }

    .complects__aside-inner {
        position: static;
        height: auto;
        padding-bottom: 24px;
    }

    .complects__aside-title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .complects__aside-subtitle {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .complects__aside-wrapper {
        margin-bottom: 16px;
    }

    .complects__aside-wrapper::after {
        display: none;
    }

    .complects__aside-item {
        margin-bottom: 14px;
    }

    .complects__aside-item:last-child {
        margin-bottom: 0;
    }

    .complects__aside-price {
        font-size: 20px;
        line-height: 19.2px;
    }

    .complects__aside-text {
        margin-top: 8px;
        font-size: 12px;
    }

    .complects__slider {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .complects-slider {
        padding-top: 55px;
        padding-bottom: 12px;
    }

    .complects-slider__item {
        width: 328px;
        max-width: 100%;
    }

    .complects-slider__item:not(:last-child) {
        margin-right: 15px;
    }

    .complects-slider__title {
        display: block;
    }

    .complects-slider__nav {
        bottom: auto;
        top: 0;
    }

    .complects-slider__pagination {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .complects__slider::before {
        display: none;
    }
}


.bq-form-popup__content {
    max-width: 600px !important;
}

.brandsInnerSection .contentContainer {
    margin-top: 50px
}

@media (max-width: 1199px) {
    .brandsInnerSection .contentContainer {
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    .brandsInnerSection .contentContainer {
        margin-top: 14px
    }
}

.brands-filter {
    padding-bottom: 40px
}

.brands-filter__row:not(:last-child) {
    margin-bottom: 15px
}

.brands-filter__letter,
.brands-filter__letters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.brands-filter__letters {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px
}

.brands-filter__letter {
    border: 1px solid #e9edff;
    border-radius: 6.25px;
    margin: 5px;
    background: #fff;
    height: 55px;
    width: 55px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 17.5px;
    line-height: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #000;
    -webkit-transition: background .3s ease, border-color .3s ease, color .3s ease;
    -o-transition: background .3s ease, border-color .3s ease, color .3s ease;
    transition: background .3s ease, border-color .3s ease, color .3s ease
}

.brands-filter__letter.is-active {
    background: #026ef9;
    color: #fff;
    border-color: #026ef9
}

.brands-filter__letter:hover {
    border-color: #026ef9
}

.brands-categories {
    padding-top: 50px;
    padding-bottom: 50px
}

.brands-categories__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 20px
}

.brands-categories__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 1px;
    color: #232323;
    font-family: "Gilroy"
}

.brands-categories__slider-nav {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.brands-categories__slider-prev {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-right: 16px
}

.brands-categories__slider-next,
.brands-categories__slider-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' fill='none' viewBox='0 0 32 33'%3E%3Cpath fill='%23232323' fill-rule='evenodd' d='m11.5 5.095 11.122 11.122L11.5 27.338 9.38 25.217l9-9-9-9L11.5 5.095Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.brands-categories__slider-next.swiper-button-disabled,
.brands-categories__slider-prev.swiper-button-disabled {
    opacity: 0.5;
}

.brands-categories__slider {
    width: 100%;
    padding-top: 42px;
    padding-bottom: 20px;
}

.brands-categories__slider-item {
    width: calc(25% - 29.6px);
    height: auto
}

.brands-categories__slider-item:not(:last-child) {
    margin-right: 37px
}

.brands-categories-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    user-select: none;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #e9edff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding-top: 30px;
    padding-bottom: 18px;
    color: #232323;
    -webkit-transition: background .3s ease, border-color .3s ease, color .3s ease;
    -o-transition: background .3s ease, border-color .3s ease, color .3s ease;
    transition: background .3s ease, border-color .3s ease, color .3s ease
}

.brands-categories-card.is-active {
    background: #026ef9;
    color: #fff;
    border-color: #026ef9
}

.brands-categories-card:hover {
    border-color: #026ef9
}

.brands-categories-card__title {
    display: block;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.333;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 52px;
    padding: 0 20px
}

.brands-categories-card__img {
    display: block;
    width: 100%;
    height: 168px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-top: auto;
}

.brands-categories__slider-scrollbar {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background: #ebf0f7;
    width: 100%
}

.brands-categories__slider-scrollbar .swiper-scrollbar-drag {
    border-radius: 8px;
    background: #026ef9
}

.brands-list {
    padding: 20px 0
}

.brands-list__title {
    margin-bottom: 20px;
    font-family: "Gilroy";
    font-weight: 600;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 1px;
    color: #c4c4c4
}

.brands-list__item,
.brands-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.brands-list__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -18.5px
}

.brands-list__item {
    width: calc(25% - 37px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    height: auto;
    margin: 18.5px;
    min-height: 128px;
    color: #232323;
    background: #fff;
    border: 0;
    border-radius: 5px;
    -webkit-transition: background .3s ease, border-color .3s ease, color .3s ease;
    -o-transition: background .3s ease, border-color .3s ease, color .3s ease;
    transition: background .3s ease, border-color .3s ease, color .3s ease;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.brands-list__item.is-active {
    background: #026ef9;
    color: #fff;
}

.brands-list__item:hover {
    color: #026ef9;
}

.brands-list__item-img {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    height: 107px;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 0 10px;
    -o-object-position: left center;
    object-position: left center;
    mix-blend-mode: multiply
}

.brands-list__item-title {
    width: 100%;
    text-align: center;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 16px;
    line-height: 120%
}

@media (max-width: 1439px) {
    .brand-desc .viewMoreBlock.visible .is-no-visible {
        display: block !important
    }

    .brand-desc .viewMoreBlock.visible .is-visible,
    .brand-desc .viewMoreBlock.visible.active .is-no-visible {
        display: none !important
    }

    .brand-desc .viewMoreBlock.visible.active .is-visible {
        display: block !important
    }

    .brands-categories__slider-item {
        width: calc(33.333% - 24.666px)
    }

    .brands-list__item {
        min-height: 108px;
        width: calc(33.333% - 37px)
    }

    .brands-list__item-img {
        height: 87px;
    }
}

@media (max-width: 1024px) {
    .brands-categories__slider-item {
        width: calc(50% - 18.5px)
    }

    .brands-list__item {
        width: calc(50% - 37px)
    }
}

@media (max-width: 767px) {
    .brands-filter {
        padding-bottom: 20px
    }

    .brands-filter__letters {
        margin: -3px
    }

    .brands-filter__letter {
        border-radius: 5px;
        margin: 3px;
        height: 37px;
        width: 37px;
        font-size: 14px;
        line-height: 20px
    }

    .brands-categories {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .brands-categories__top {
        margin-bottom: 16px
    }

    .brands-categories__title {
        font-size: 26px;
        max-width: 240px
    }

    .brands-categories__slider {
        padding-top: 0;
        padding-bottom: 0;
        overflow: visible;
    }

    .brands-categories__slider-scrollbar {
        display: none
    }

    .brands-categories__slider-item {
        width: 202px
    }

    .brands-categories__slider-item:not(:last-child) {
        margin-right: 10px
    }

    .brands-categories-card {
        padding-top: 15px;
        border-radius: 4px;
        padding-bottom: 15px
    }

    .brands-categories-card__title {
        font-size: 18px;
        margin-bottom: 22px;
        padding: 0 15px
    }

    .brands-categories-card__img {
        height: 114px
    }

    .brands-list__item {
        min-height: 64px;
        width: calc(100% - 8px);
        margin: 4px
    }

    .brands-list {
        padding: 12px 0
    }

    .brands-list__title {
        margin-bottom: 16px;
        font-size: 26px
    }

    .brands-list__list {
        margin: -4px
    }

    .brands-list__item-img {
        height: 42px
    }
}

.titleContainerFlex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 15px;
}

.ad-banner {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: sans-serif;
    padding: 2px 5px;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 6px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 100;
}

.ad-banner_label {
    border-radius: 4px;
    font-size: 11px;
    color: #000;
}

.ad-banner_dots {
    font-size: 16px;
    user-select: none;
}

.ad-banner_tooltip {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 6px;
    background: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.3;
    width: 200px;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 10;
}

.ad-banner.show-tooltip .ad-banner_tooltip {
    opacity: 1;
    pointer-events: auto;
}


.ad-banner:hover .ad-banner_tooltip {
    opacity: 1;
    pointer-events: auto;
}

.mainBanner .ad-banner {
    bottom: auto;
    top: 10px;
}

.mainBanner .ad-banner_tooltip {
    bottom: auto;
    top: 100%;
    right: 0;
}


.form-input-city {
    position: relative;
}

.form-input-city-hints {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    background: #fff;
    box-shadow: 4px 4px 24px rgb(0 0 0 / 10%);
    display: none;
    overflow: auto;
    max-height: 111px;
    scrollbar-color: #979797 #FFFFFF;
    scrollbar-width: thin;
    text-align: left;
}

.form-input-city-hints.active {
    display: block;
}

.form-input-city-hints-item {
    display: block;
    width: 100%;
    padding: 8px 10px 9px 16px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #232323;
    transition: .2s ease;
    cursor: pointer;
}

.form-input-city-hints-item.hidden {
    display: none;
}

.form-input-city-hints-item:hover {
    background-color: #EDEDED;
    color: #026EF9;
}