@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;
}