@charset "UTF-8";
:root {
  --icons-sub-color: #e4373a;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider:not(.slick-initialized) .slick-slide {
  display: none;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-arrow.slick-hidden {
  display: none;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-close-small {
    right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }

  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
.jq-ry-container {
  position: relative;
  padding: 0 5px;
  line-height: 0;
  display: block;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
}

.jq-ry-container[readonly=readonly] {
  cursor: default;
}

.jq-ry-container > .jq-ry-group-wrapper {
  position: relative;
  width: 100%;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
  position: relative;
  line-height: 0;
  z-index: 10;
  white-space: nowrap;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
  display: inline-block;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
  width: 100%;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
  width: 0;
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}

.irs-handle.type_last {
  z-index: 2;
}

.irs-min, .irs-max {
  position: absolute;
  display: block;
  cursor: default;
}

.irs-min {
  left: 0;
}

.irs-max {
  right: 0;
}

.irs-from, .irs-to, .irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}

.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}

.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: 0.4;
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

.irs--flat {
  height: 40px;
}

.irs--flat.irs-with-grid {
  height: 60px;
}

.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}

.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}

.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}

.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}

.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}

.irs--flat .irs-min, .irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}

.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}

.irs--flat .irs-grid-text {
  color: #999;
}

.irs--big {
  height: 55px;
}

.irs--big.irs-with-grid {
  height: 70px;
}

.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}

.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}

.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}

.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}

.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}

.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}

.irs--big .irs-min, .irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}

.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}

.irs--big .irs-grid-pol {
  background-color: #428bca;
}

.irs--big .irs-grid-text {
  color: #428bca;
}

.irs--modern {
  height: 55px;
}

.irs--modern.irs-with-grid {
  height: 55px;
}

.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}

.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}

.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}

.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}

.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}

.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}

.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}

.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}

.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}

.irs--modern .irs-min, .irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}

.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}

.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}

.irs--modern .irs-grid {
  height: 25px;
}

.irs--modern .irs-grid-pol {
  background-color: #dedede;
}

.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}

.irs--sharp.irs-with-grid {
  height: 57px;
}

.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}

.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}

.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}

.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}

.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}

.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover {
  background-color: black;
}

.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}

.irs--sharp .irs-min, .irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}

.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}

.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-grid {
  height: 25px;
}

.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}

.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--round {
  height: 50px;
}

.irs--round.irs-with-grid {
  height: 65px;
}

.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}

.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
}

.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}

.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}

.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--round .irs-min, .irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}

.irs--round .irs-grid {
  height: 25px;
}

.irs--round .irs-grid-pol {
  background-color: #dedede;
}

.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--square {
  height: 50px;
}

.irs--square.irs-with-grid {
  height: 60px;
}

.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}

.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}

.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}

.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--square .irs-min, .irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}

.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}

.irs--square .irs-grid {
  height: 25px;
}

.irs--square .irs-grid-pol {
  background-color: #dedede;
}

.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}

@font-face {
  font-family: "Geometria";
  src: url("../fonts/geometria-light-webfont.woff2") format("woff2"), url("../fonts/geometria-light-webfont.woff") format("woff"), url("../fonts/geometria-light-webfont.svg#geometrialight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Red Ring";
  src: url("../fonts/red_ring_bold-webfont.woff2") format("woff2"), url("../fonts/red_ring_bold-webfont.woff") format("woff"), url("../fonts/red_ring_bold-webfont.svg#red_ringbold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Red Ring";
  src: url("../fonts/red_ring-webfont.woff2") format("woff2"), url("../fonts/red_ring-webfont.woff") format("woff"), url("../fonts/red_ring-webfont.svg#red_ringregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Red Ring";
  src: url("../fonts/red_ring_light-webfont.woff2") format("woff2"), url("../fonts/red_ring_light-webfont.woff") format("woff"), url("../fonts/red_ring_light-webfont.svg#red_ringlight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans-light-webfont.woff2") format("woff2"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiBold.woff") format("woff"), url("../fonts/OpenSans-SemiBold.ttf") format("truetype"), url("../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold.woff") format("woff"), url("../fonts/OpenSans-ExtraBold.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Circle";
  src: url("../fonts/Circle-Regular.eot");
  src: local("☺"), url("../fonts/Circle-Regular.woff") format("woff"), url("../fonts/Circle-Regular.ttf") format("truetype"), url("../fonts/Circle-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/fonts/icomoon.eot?h9ivlb");
  src: url("../fonts/icomoon/fonts/icomoon.eot?h9ivlb#iefix") format("embedded-opentype"), url("../fonts/icomoon/fonts/icomoon.ttf?h9ivlb") format("truetype"), url("../fonts/icomoon/fonts/icomoon.woff?h9ivlb") format("woff"), url("../fonts/icomoon/fonts/icomoon.svg?h9ivlb#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chat:before {
  content: "";
}

.icon-m:before {
  content: "";
}

.icon-fire:before {
  content: "";
}

.icon-triangle-down:before {
  content: "";
}

.icon-burger:before {
  content: "";
}

.icon-magnifier:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-fencing:before {
  content: "";
}

.icon-house:before {
  content: "";
}

.icon-house-fasteners:before {
  content: "";
}

.icon-drill:before {
  content: "";
}

.icon-facade:before {
  content: "";
}

.icon-right:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-burger-2:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-b:before {
  content: "";
}

.icon-message-bubble:before {
  content: "";
}

.icon-tile:before {
  content: "";
}

.icon-list:before {
  content: "";
}

.icon-basket:before {
  content: "";
}

.icon-paging-arrow:before {
  content: "";
}

.icon-phone-2:before {
  content: "";
}

.icon-sorting:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-star-outline:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-telegram:before {
  content: "";
}

.icon-viber:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-magnifier-zoom:before {
  content: "";
}

.icon-like:before {
  content: "";
}

.icon-dislike:before {
  content: "";
}

.icon-attach:before {
  content: "";
}

.icon-angle-right-bold:before {
  content: "";
}

.icon-percent:before {
  content: "";
}

.icon-print:before {
  content: "";
}

.icon-trash:before {
  content: "";
}

.icon-pdf:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-settings:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-scissors:before {
  content: "";
}

.icon-facebook-1:before {
  content: "";
}

.icon-google-play:before {
  content: "";
}

.icon-appstore:before {
  content: "";
}

.icon-gutter:before {
  content: "";
}

.icon-warming:before {
  content: "";
}

.icon-walls:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-stats:before {
  content: "";
}

.icon-plus-thin:before {
  content: "";
}

.icon-hom:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-angle-down:before {
  content: "";
}

.icon-document:before {
  content: "";
}

.icon-vkontakte:before {
  content: "";
}

.icon-whatsapp:before {
  content: "";
}

.btn {
  margin: 0;
  z-index: 10;
  border: none;
  height: 0.53rem;
  cursor: pointer;
  line-height: 1.2;
  user-select: none;
  font-size: 0.14rem;
  font-weight: bold;
  position: relative;
  text-align: center;
  font-style: normal;
  white-space: nowrap;
  align-items: center;
  display: inline-flex;
  text-decoration: none;
  vertical-align: middle;
  justify-content: center;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
  -webkit-appearance: none;
  text-transform: uppercase;
  transition: all 0.35s ease;
  padding: 0.04rem 0.31rem 0.06rem;
  -webkit-border-radius: 0.04rem;
  border-radius: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .btn {
    height: 0.94rem;
    font-size: 0.28rem;
    padding: 0.1rem 0.45rem;
  }
}
.btn--default {
  color: #fff;
  background: #cf2c2f;
}
.btn--default:hover {
  background: #ad0e27;
}
.btn--secondary {
  color: #636363;
  background: #ededed;
}
.btn--secondary:hover {
  background: #d4d4d4;
}
.btn--gray {
  color: #fff;
  background: #636363;
}
.btn--gray:hover {
  background: #4a4a4a;
}
.btn--dark-gray {
  color: #fff;
  background: #818181;
}
.btn--dark-gray:hover {
  background: #686868;
}
.btn--sub {
  color: #fff;
  background: #4b4b4b;
}
.btn--sub:hover {
  background: #303030;
}
.btn--light {
  color: #636363;
  background: #efefef;
  box-shadow: inset 0 0 0 1px rgba(202, 202, 202, 0.45);
}
@media only screen and (max-width: 750px) {
  .btn--light {
    box-shadow: inset 0 0 0 0.02rem rgba(202, 202, 202, 0.45);
  }
}
.btn--light:hover {
  background: #dddddd;
}
.btn--dark {
  color: #fff;
  background: #292929;
}
.btn--dark:hover {
  background: #171717;
}
.btn--white-outline {
  color: #404040;
  background: #fff;
  font-weight: normal;
  text-transform: none;
  border: 1px solid #dbdbdb;
}
.btn--white-outline:hover {
  color: #2e2e2e;
  background: #f7f7f7;
}
.btn--rounded {
  border-radius: 0.26rem;
}
.btn--block {
  width: 100%;
  display: flex;
}
.btn--small {
  height: 0.32rem;
  font-size: 0.11rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  letter-spacing: 0.06em;
}
.btn i {
  margin-right: 0.09rem;
}
.btn .icon-burger {
  font-size: 0.14rem;
}
.btn .icon-angle-down {
  font-size: 0.14rem;
}

.btn-panel {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem -0.2rem;
  align-items: flex-start;
  justify-content: flex-start;
}
.btn-panel > .btn, .btn-panel > .btn-holder {
  margin: 0 0.1rem 0.2rem;
}
.btn-panel--center {
  justify-content: center;
}

.tags-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: flex-start;
  margin: 0 -0.05rem 0.1rem;
  justify-content: flex-start;
}

.tag {
  color: #3e3e3e;
  font-size: 0.11rem;
  line-height: 0.2rem;
  font-weight: normal;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
  margin: 0 0.05rem 0.05rem;
  text-transform: uppercase;
}
.tag__link {
  padding: 0 0.1rem;
  vertical-align: top;
  display: inline-block;
  border-radius: 0.04rem;
  transition: all 0.35s ease;
  background: rgba(204, 204, 204, 0.36);
  border: 1px solid rgba(107, 107, 107, 0.36);
}
.tag__link:hover {
  border-color: rgba(107, 107, 107, 0.7);
  background-color: rgba(204, 204, 204, 0.7);
}

.selecter {
  position: relative;
}
.selecter.mobile .selecter-element {
  z-index: 10;
  pointer-events: auto;
}

.selecter-element {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  font: normal 0.14rem/1.5 "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}

.selecter-selected {
  width: 100%;
  display: block;
  color: #292929;
  height: 0.39rem;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: #f9f9f9;
  white-space: nowrap;
  border-radius: 0.04rem;
  text-overflow: ellipsis;
  border: 1px solid #dbdbdb;
  padding: 0 0.3rem 0 0.15rem;
  line-height: calc(.39rem - 2px);
}
@media only screen and (max-width: 750px) {
  .selecter-selected {
    height: 0.73rem;
    background: #fff;
    font-size: 0.22rem;
    line-height: 0.69rem;
    border-width: 0.02rem;
    padding-left: 0.2rem;
    padding-right: 0.4rem;
  }
}
.selecter.open .selecter-selected {
  border-radius: 0.04rem 0.04rem 0 0;
}
.selecter-selected:after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.3rem;
  display: flex;
  content: "";
  font-size: 0.14rem;
  position: absolute;
  text-align: center;
  font-style: normal;
  align-items: center;
  font-weight: normal;
  justify-content: center;
  font-family: "icomoon";
  transition: transform 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .selecter-selected:after {
    width: 0.5rem;
    color: #a3a3a3;
    font-size: 0.24rem;
  }
}
.selecter.open .selecter-selected:after {
  transform: rotate(180deg);
}

.selecter-options {
  opacity: 0;
  z-index: 150;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  margin-top: -1px;
  overflow-y: auto;
  position: absolute;
  overflow-x: hidden;
  max-height: 1.8rem;
  background: #f9f9f9;
  scroll-behavior: smooth;
  border: 1px solid #dbdbdb;
  display: block !important;
  border-radius: 0 0 0.04rem 0.04rem;
  -webkit-overflow-scrolling: touch;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
.selecter.open .selecter-options {
  top: 100%;
  left: -1px;
  right: -1px;
  opacity: 1;
  transition: opacity 0.35s ease;
}
.selecter-options::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
@media only screen and (max-width: 750px) {
  .selecter-options::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
.selecter-options::-webkit-scrollbar-track {
  background: none;
}
.selecter-options::-webkit-scrollbar-thumb {
  width: 6px;
  cursor: pointer;
  border-radius: 3px;
  background: #c1c1c1;
}
@media only screen and (max-width: 750px) {
  .selecter-options::-webkit-scrollbar-thumb {
    width: 8px;
  }
}
.selecter-options::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.selecter-options::-webkit-scrollbar-corner {
  background: transparent;
}

.selecter-item {
  display: block;
  cursor: pointer;
  padding: 0.09rem 0.15rem;
  transition: background-color 0.35s ease;
}
.selecter-item:hover, .selecter-item.selected {
  background: #e0e0e0;
}
.selecter-item:first-child.disabled {
  display: none;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
  border: none;
  position: relative;
}

.form-control {
  color: #000;
  width: 100%;
  display: block;
  height: 0.53rem;
  background: #fff;
  padding: 0 0.2rem;
  border-radius: 4px;
  border: 1px solid #cacaca;
  transition: all 0.35s ease;
  font: 0.14rem/1.2 "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .form-control {
    height: 0.91rem;
    font-size: 0.22rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
.form-control:hover, .form-control:focus {
  border-color: #b1b1b1;
}
.form-control:focus::placeholder {
  opacity: 0;
}
.form-control:focus:-ms-input-placeholder {
  opacity: 0;
}
.form-control:focus::-ms-input-placeholder {
  opacity: 0;
}
.form-control::placeholder {
  opacity: 1;
  color: #636363;
  transition: opacity 0.35s ease;
}
.form-control:-ms-input-placeholder {
  opacity: 1;
  color: #636363;
  transition: opacity 0.35s ease;
}
.form-control::-ms-input-placeholder {
  opacity: 1;
  color: #636363;
  transition: opacity 0.35s ease;
}
.form-control--textarea {
  resize: none;
  line-height: 1.5;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.form-control--total {
  font-weight: bold;
  background: #f9f2e6;
}

.form-row {
  position: relative;
}
.form-row.has-error .error-msg {
  opacity: 1;
  pointer-events: auto;
}
.form-row.has-error > .form-control {
  border-color: #e4373a;
}
.form-row__title {
  color: #404040;
  display: block;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.14rem;
  margin-bottom: 0.07rem;
}
@media only screen and (max-width: 750px) {
  .form-row__title {
    font-size: 0.24rem;
    margin-bottom: 0.25rem;
  }
}
.form-row__icon {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.5rem;
  display: flex;
  line-height: 1;
  color: #7a7a7a;
  font-size: 0.21rem;
  position: absolute;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .form-row__icon {
    width: 0.88rem;
    font-size: 0.33rem;
  }
}

.custom-form-row.on-focus .form-row__title, .custom-form-row.not-empty .form-row__title {
  font-size: 0.11rem;
  line-height: 0.3rem;
}
@media only screen and (max-width: 750px) {
  .custom-form-row.on-focus .form-row__title, .custom-form-row.not-empty .form-row__title {
    font-size: 0.16rem;
    line-height: 0.5rem;
  }
}
.custom-form-row .form-row__title {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #636363;
  overflow: hidden;
  font-size: 0.14rem;
  padding: 0 0.13rem;
  line-height: 0.5rem;
  position: absolute;
  white-space: nowrap;
  font-weight: normal;
  pointer-events: none;
  text-overflow: ellipsis;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .custom-form-row .form-row__title {
    font-size: 0.26rem;
    line-height: 0.91rem;
    padding-left: 0.36rem;
    padding-right: 0.36rem;
  }
}
.custom-form-row .form-control {
  padding-top: 0.13rem;
}
@media only screen and (max-width: 750px) {
  .custom-form-row .form-control {
    padding-top: 0.24rem;
  }
}

.error-msg {
  left: 0;
  right: 0;
  top: 100%;
  opacity: 0;
  color: #e4373a;
  line-height: 1.2;
  letter-spacing: 0;
  font-size: 0.11rem;
  text-align: right;
  position: absolute;
  font-weight: normal;
  padding: 0.03rem 0 0;
  pointer-events: none;
}
@media only screen and (max-width: 750px) {
  .error-msg {
    font-size: 0.2rem;
  }
}

.default-form__info {
  display: block;
  color: #636363;
  font-size: 0.14rem;
  line-height: 0.24rem;
  margin-bottom: 0.21rem;
}
@media only screen and (max-width: 750px) {
  .default-form__info {
    font-size: 0.22rem;
    line-height: 1.5;
    margin-bottom: 0.32rem;
  }
}
.default-form__info a {
  color: #cf2c2f;
  text-decoration: underline;
  transition: color 0.35s ease;
}
.default-form__info a:hover {
  text-decoration: none;
  color: #ad0e27;
}
.default-form__agreement {
  display: block;
  color: #919191;
  font-size: 0.12rem;
  margin: 0.26rem 0 0;
  line-height: 0.19rem;
}
@media only screen and (max-width: 750px) {
  .default-form__agreement {
    font-size: 0.2rem;
    line-height: 1.5;
    margin-top: 0.36rem;
  }
}
.default-form__agreement a {
  text-decoration: underline;
}
.default-form__agreement a:hover {
  text-decoration: none;
}

.add-review-form .form-row {
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .add-review-form .form-row {
    margin-bottom: 0.43rem;
  }
}
.add-review-form .form-control {
  background: #f6f6f6;
  border-color: #ededed;
}
.add-review-form .form-control--textarea {
  height: 0.7rem;
}
@media only screen and (max-width: 750px) {
  .add-review-form .form-control--textarea {
    height: 1.34rem;
  }
}
.add-review-form .input-list {
  padding-top: 0.13rem;
  margin-left: -0.12rem;
  margin-right: -0.12rem;
}
@media only screen and (max-width: 750px) {
  .add-review-form .input-list {
    padding-top: 0;
    font-size: 0.24rem;
    flex-direction: row;
    margin-left: -0.22rem;
    margin-right: -0.22rem;
  }
}
.add-review-form .input-list__item {
  width: auto;
  padding-left: 0.12rem;
  padding-right: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .add-review-form .input-list__item {
    margin-bottom: 0;
    padding-left: 0.22rem;
    padding-right: 0.22rem;
  }
}
@media only screen and (max-width: 750px) {
  .add-review-form .input-list .checkbox {
    padding-left: 0.6rem;
    line-height: 0.45rem;
    letter-spacing: 0.02em;
  }
}
@media only screen and (max-width: 750px) {
  .add-review-form .input-list .checkbox__icon {
    width: 0.45rem;
    height: 0.45rem;
  }
  .add-review-form .input-list .checkbox__icon--radio:before {
    top: 0.05rem;
    left: 0.05rem;
    right: 0.05rem;
    bottom: 0.05rem;
  }
}
.add-review-form .selecter-selected {
  background: #f6f6f6;
  border-color: #ededed;
}
@media only screen and (max-width: 750px) {
  .add-review-form .selecter-selected {
    height: 0.91rem;
    font-size: 0.26rem;
    line-height: 0.87rem;
    border-width: 0.02rem;
    padding-left: 0.29rem;
    padding-right: 0.9rem;
  }
}
@media only screen and (max-width: 750px) {
  .add-review-form .selecter-selected:after {
    width: 0.8rem;
    font-size: 0.32rem;
  }
}
@media only screen and (max-width: 750px) {
  .add-review-form .callback-form__btn-holder .btn {
    width: 100%;
    display: block;
    font-weight: normal;
    text-transform: none;
  }
}

.rate-selecter {
  display: flex;
  color: #636363;
  line-height: 1.5;
  font-size: 0.14rem;
  margin: 0 0 0.31rem;
  align-items: center;
  justify-content: flex-start;
}
.rate-selecter__selected {
  color: #aeaeae;
}
.rate-selecter .rate-input {
  padding: 0;
  flex-shrink: 0;
  margin: 0 0.09rem;
  min-width: 0.96rem;
  max-width: 0.96rem;
}
.rate-selecter .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
  display: flex;
  align-items: center;
  margin: 0 -0.04rem 0 0;
  justify-content: flex-start;
}
.rate-selecter .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
  flex-shrink: 0;
  margin: 0 0.04rem 0 0;
}

.attach {
  color: #404040;
  line-height: 1.5;
  font-size: 0.14rem;
  margin: 0.38rem 0 0.24rem;
}
@media only screen and (max-width: 750px) {
  .attach {
    margin: 0;
    font-size: 0.24rem;
    line-height: 0.3rem;
    padding-bottom: 0.04rem;
  }
}
.attach__input {
  cursor: pointer;
  list-style: none;
  position: relative;
}
.attach__input input[type=file] {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  -webkit-appearance: none;
}
.attach__input .underline {
  border-bottom: 1px dotted #ededed;
  transition: border-color 0.35s ease;
}
.attach__input:hover .underline {
  border-bottom-color: transparent;
}
.attach__input .icon-attach {
  line-height: 1;
  color: #404040;
  font-size: 0.18rem;
  margin-right: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .attach__input .icon-attach {
    font-size: 0.29rem;
    margin: 0 0.14rem 0 0.1rem;
  }
}
.attach__list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.1rem;
  line-height: 1.2;
  font-size: 0.12rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .attach__list {
    font-size: 0.2rem;
    line-height: 1.5;
  }
}
.attach__list-item {
  width: 50%;
  display: flex;
  padding: 0 0.1rem;
  margin-top: 0.03rem;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .attach__list-item {
    width: 100%;
    margin-top: 0.15rem;
  }
}
@media only screen and (min-width: 751px) {
  .attach__list-item:first-child, .attach__list-item:first-child + .attach__list-item {
    margin-top: 0.1rem;
  }
}
@media only screen and (max-width: 750px) {
  .attach__list-item:first-child {
    margin-top: 0.2rem;
  }
}
.attach__list-item .icon-close {
  line-height: 1;
  cursor: pointer;
  margin-left: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .attach__list-item .icon-close {
    margin-left: 0.2rem;
  }
}
.attach__list-item .icon-close:hover {
  color: #cf2c2f;
}

.range-control__inputs {
  display: flex;
  align-items: center;
  margin: 0 -0.14rem 0.2rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .range-control__inputs {
    margin: 0 -0.4rem 0.35rem;
  }
}
.range-control__input {
  margin: 0 0.14rem;
  position: relative;
  flex: 1 1 calc(100% - 0.28rem);
}
@media only screen and (max-width: 750px) {
  .range-control__input {
    margin: 0 0.4rem;
    flex: 1 1 calc(100% - 0.8rem);
  }
}
.range-control__input:not(:first-child):before {
  top: 50%;
  right: 100%;
  content: "";
  height: 1px;
  width: 0.14rem;
  background: #999;
  position: absolute;
  margin-right: 0.07rem;
}
@media only screen and (max-width: 750px) {
  .range-control__input:not(:first-child):before {
    width: 0.28rem;
    height: 0.02rem;
    margin-right: 0.28rem;
  }
}
.range-control__input .form-control {
  color: #333;
  height: 0.4rem;
  line-height: 1.5;
  padding: 0 0.14rem;
  font-size: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .range-control__input .form-control {
    height: 0.86rem;
    padding: 0 0.28rem;
    font-size: 0.26rem;
    border-width: 0.02rem;
    border-radius: 0.08rem;
  }
}
.range-control__input__prefix {
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  width: 0.3rem;
  color: #919191;
  line-height: 1.5;
  text-align: right;
  font-size: 0.14rem;
  position: absolute;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 750px) {
  .range-control__input__prefix {
    width: 0.6rem;
    font-size: 0.26rem;
  }
}
.range-control__input__prefix + .form-control {
  padding-left: 0.34rem;
}
@media only screen and (max-width: 750px) {
  .range-control__input__prefix + .form-control {
    padding-left: 0.66rem;
  }
}

.irs--round {
  height: 0.18rem;
}
@media only screen and (max-width: 750px) {
  .irs--round {
    height: 0.44rem;
  }
}
.irs--round .irs {
  height: 100%;
  position: static;
}
.irs--round .irs-line,
.irs--round .irs-bar {
  top: 50%;
  height: 0.02rem;
  border-radius: 0;
  margin-top: -0.01rem;
}
@media only screen and (max-width: 750px) {
  .irs--round .irs-line,
.irs--round .irs-bar {
    height: 0.04rem;
    margin-top: -0.02rem;
  }
}
.irs--round .irs-line {
  left: 0;
  right: 0;
  position: absolute;
  background-color: #d6d6d6;
}
.irs--round .irs-bar {
  background-color: #cf2c2f;
}
.irs--round .irs-handle {
  top: 50%;
  width: 1em;
  height: 1em;
  border: none;
  cursor: pointer;
  box-shadow: none;
  font-size: 0.18rem;
  margin-top: -0.5em;
  transition-duration: 0.35s;
  background-color: #f6f6f6;
  transition-timing-function: ease;
  box-shadow: inset 0 0 0 0.02rem #cf2c2f;
  transition-property: background-color, box-shadow;
}
@media only screen and (max-width: 750px) {
  .irs--round .irs-handle {
    box-shadow: none;
    font-size: 0.4rem;
    border: 0.03rem solid #cf2c2f;
  }
}
.irs--round .irs-handle:hover, .irs--round .irs-handle:active {
  background-color: #fff;
}
@media only screen and (min-width: 751px) {
  .irs--round .irs-handle:hover, .irs--round .irs-handle:active {
    box-shadow: inset 0 0 0 0.04rem #cf2c2f;
  }
}

.switcher {
  color: #000;
  display: block;
  cursor: pointer;
  font-weight: bold;
  min-height: 0.23rem;
  font-size: 0.14rem;
  position: relative;
  line-height: 0.23rem;
  padding-right: 0.64rem;
}
@media only screen and (max-width: 750px) {
  .switcher {
    font-size: 0.26rem;
    min-height: 0.44rem;
    line-height: 0.42rem;
    padding-right: 1.2rem;
  }
}
.switcher__input {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  -webkit-appearance: none;
}
.switcher__status-icon {
  right: 0;
  top: 0.02rem;
  width: 0.37rem;
  height: 0.2rem;
  position: absolute;
  background: #b7b7b7;
  border-radius: 0.1rem;
  transition: background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .switcher__status-icon {
    top: 0;
    width: 0.76rem;
    height: 0.44rem;
    border-radius: 0.22rem;
  }
}
.switcher__input:checked + .switcher__status-icon {
  background-color: #cf2c2f;
}
.switcher__input:checked + .switcher__status-icon .switcher__status-icon__handle {
  left: calc(100% - 1em - 0.02rem);
}
@media only screen and (max-width: 750px) {
  .switcher__input:checked + .switcher__status-icon .switcher__status-icon__handle {
    left: calc(100% - 1em - 0.06rem);
  }
}
.switcher__status-icon__handle {
  top: 50%;
  width: 1em;
  height: 1em;
  left: 0.02rem;
  background: #fff;
  border-radius: 50%;
  font-size: 0.16rem;
  position: absolute;
  margin-top: -0.5em;
  transition: left 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .switcher__status-icon__handle {
    left: 0.06rem;
    font-size: 0.32rem;
  }
}

.breadcrumbs {
  padding: 0;
  display: flex;
  color: #636363;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1.2;
  font-size: 0.13rem;
  margin: 0 0 0.2rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .breadcrumbs {
    color: #868686;
    overflow-x: auto;
    flex-wrap: nowrap;
    font-size: 0.22rem;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 0.14rem;
    margin: 0 -0.4rem 0.1rem;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
  .breadcrumbs--product-page {
    margin-right: 0.46rem;
  }
}
.breadcrumbs__item {
  position: relative;
  margin: 0 0.17rem 0 0;
  padding: 0 0 0 0.2rem;
}
@media only screen and (max-width: 750px) {
  .breadcrumbs__item {
    margin: 0;
    padding: 0 0.22rem;
  }
}
@media only screen and (min-width: 751px) {
  .breadcrumbs__item:first-child {
    padding-left: 0;
  }
}
@media only screen and (max-width: 750px) {
  .breadcrumbs__item:first-child {
    padding-left: 0.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .breadcrumbs__item:last-child {
    padding-right: 0.4rem;
  }
  .breadcrumbs--product-page .breadcrumbs__item:last-child {
    padding-right: 0.2rem;
  }
}
.breadcrumbs__item:after {
  top: 0;
  bottom: 0;
  width: 0.14rem;
  display: flex;
  left: -0.04rem;
  color: #aeaeae;
  line-height: 1;
  content: "";
  font-size: 0.1rem;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  align-items: center;
  justify-content: center;
  font-family: "icomoon";
}
@media only screen and (max-width: 750px) {
  .breadcrumbs__item:after {
    left: -0.07rem;
    padding-top: 0;
    font-size: 0.16rem;
  }
}
.breadcrumbs__item:first-child:after {
  display: none;
}
.breadcrumbs__link {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.breadcrumbs__link:hover {
  color: #cf2c2f;
}

.tab-body {
  position: relative;
}

.tab {
  opacity: 0;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  position: absolute;
}
.tab--active {
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  position: relative;
  transition: opacity 0.35s ease;
}

@media only screen and (max-width: 750px) {
  .section-tab-controls-cover {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    margin: 0 -0.4rem 0.3rem;
    -webkit-overflow-scrolling: touch;
  }
  .section-tab-controls-cover .section-tab-controls {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.15rem;
  }
  .section-tab-controls-cover .section-tab-controls:after {
    display: none;
  }
  .section-tab-controls-cover .section-tab-controls__item {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    padding-left: 0.27rem;
    padding-right: 0.27rem;
  }
  .section-tab-controls-cover .section-tab-controls__item:after {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -10;
    height: 0.03rem;
    position: absolute;
    background: #eaeaea;
  }
  .section-tab-controls-cover .section-tab-controls__item:first-child {
    margin-left: 0;
    padding-left: 0.4rem;
  }
  .section-tab-controls-cover .section-tab-controls__item:first-child:after {
    left: 0.4rem;
  }
  .section-tab-controls-cover .section-tab-controls__item:last-child {
    margin-right: 0;
    padding-right: 0.4rem;
  }
  .section-tab-controls-cover .section-tab-controls__item:last-child:after {
    right: 0.4rem;
  }
}

.section-tab-controls {
  padding: 0;
  z-index: 15;
  display: flex;
  color: #636363;
  list-style: none;
  position: relative;
  font-weight: normal;
  align-items: flex-end;
  margin: 0 -0.2rem 0.31rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .section-tab-controls {
    z-index: 10;
    font-size: 0.22rem;
    line-height: 0.32rem;
    margin: 0 -0.27rem 0.45rem;
  }
  .section-tab-controls:after {
    bottom: 0;
    content: "";
    left: 0.27rem;
    z-index: -10;
    right: 0.27rem;
    height: 0.03rem;
    position: absolute;
    background: #eaeaea;
  }
}
.section-tab-controls__item {
  margin: 0 0.2rem;
}
@media only screen and (max-width: 750px) {
  .section-tab-controls__item {
    margin: 0 0.27rem;
  }
}
.section-tab-controls__item.active .section-tab-controls__link {
  color: #cf2c2f;
}
.section-tab-controls__link {
  display: block;
  padding: 0 0.05rem 0.15rem;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .section-tab-controls__link {
    padding-left: 0.08rem;
    padding-right: 0.08rem;
    padding-bottom: 0.22rem;
    border-bottom: 0.03rem solid transparent;
  }
  .section-tab-controls__item.active .section-tab-controls__link {
    border-bottom-color: #e43c3f;
  }
}
.section-tab-controls__link--disabled {
  cursor: default;
  color: #b6b6b6;
}
.section-tab-controls__link:hover {
  color: #cf2c2f;
}
.section-tab-controls .default-tab-controls__slide {
  z-index: 5;
  height: 0.02rem;
  position: absolute;
  background: #e43c3f;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .section-tab-controls .default-tab-controls__slide {
    display: none;
    height: 0.03rem;
  }
}

.col-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-left: -0.15rem;
  margin-right: -0.15rem;
}
.col-row.align-center {
  align-items: center;
}
.col-row.align-end {
  align-items: flex-end;
}
.col-row.justify-center {
  justify-content: center;
}
.col-row.justify-end {
  justify-content: flex-end;
}
@media only screen and (min-width: 751px) {
  .col-row.reverse {
    flex-direction: row-reverse;
  }
}
.col-row > .col {
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}
.col-row > .col.l-1 {
  width: 8.33%;
}
.col-row > .col.l-2 {
  width: 16.66%;
}
.col-row > .col.l-2_5 {
  width: 20%;
}
.col-row > .col.l-3 {
  width: 25%;
}
.col-row > .col.l-4 {
  width: 33.3%;
}
.col-row > .col.l-5 {
  width: 41.66%;
}
.col-row > .col.l-6 {
  width: 50%;
}
.col-row > .col.l-7 {
  width: 58.33%;
}
.col-row > .col.l-8 {
  width: 66.66%;
}
.col-row > .col.l-9 {
  width: 75%;
}
.col-row > .col.l-9_5 {
  width: 80%;
}
.col-row > .col.l-10 {
  width: 83.33%;
}
.col-row > .col.l-11 {
  width: 91.66%;
}
.col-row > .col.l-12 {
  width: 100%;
}
.col-row > .col.l-auto {
  width: auto;
}
@media only screen and (max-width: 1200px) {
  .col-row > .col.d-1 {
    width: 8.33%;
  }
  .col-row > .col.d-2 {
    width: 16.66%;
  }
  .col-row > .col.d-3 {
    width: 25%;
  }
  .col-row > .col.d-4 {
    width: 33.3%;
  }
  .col-row > .col.d-5 {
    width: 41.66%;
  }
  .col-row > .col.d-6 {
    width: 50%;
  }
  .col-row > .col.d-7 {
    width: 58.33%;
  }
  .col-row > .col.d-8 {
    width: 66.66%;
  }
  .col-row > .col.d-9 {
    width: 75%;
  }
  .col-row > .col.d-10 {
    width: 83.33%;
  }
  .col-row > .col.d-11 {
    width: 91.66%;
  }
  .col-row > .col.d-12 {
    width: 100%;
  }
  .col-row > .col.d-auto {
    width: auto;
  }
}
@media only screen and (max-width: 750px) {
  .col-row > .col.m-1 {
    width: 8.33%;
  }
  .col-row > .col.m-2 {
    width: 16.66%;
  }
  .col-row > .col.m-3 {
    width: 25%;
  }
  .col-row > .col.m-4 {
    width: 33.3%;
  }
  .col-row > .col.m-5 {
    width: 41.66%;
  }
  .col-row > .col.m-6 {
    width: 50%;
  }
  .col-row > .col.m-7 {
    width: 58.33%;
  }
  .col-row > .col.m-8 {
    width: 66.66%;
  }
  .col-row > .col.m-9 {
    width: 75%;
  }
  .col-row > .col.m-10 {
    width: 83.33%;
  }
  .col-row > .col.m-11 {
    width: 91.66%;
  }
  .col-row > .col.m-12 {
    width: 100%;
  }
  .col-row > .col.m-auto {
    width: auto;
  }
}

.resolution-mobile {
  display: none;
}
@media only screen and (max-width: 750px) {
  .resolution-mobile {
    display: block;
  }
}

@media only screen and (max-width: 1200px) {
  .hide-on-d {
    display: none !important;
  }
}

@media only screen and (min-width: 1201px) {
  .show-on-d {
    display: none !important;
  }
}

@media only screen and (max-width: 750px) {
  .hide-on-m {
    display: none !important;
  }
}

@media only screen and (min-width: 751px) {
  .show-on-m {
    display: none !important;
  }
}

body.modal-open {
  overflow: hidden !important;
}

.modal-holder {
  opacity: 0;
  width: 100%;
  height: 100vh;
  z-index: 1500;
  display: flex;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  position: fixed;
  overflow: hidden;
  align-items: center;
  scroll-behavior: smooth;
  justify-content: center;
  -webkit-overflow-scrolling: touch;
  transition: all 0s ease 0.35s, opacity 0.35s ease, margin 0s ease 0s;
}
@media only screen and (max-width: 750px) {
  .modal-holder {
    height: auto;
    display: block;
    margin-left: 0 !important;
  }
}
.modal-holder.open {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.35s ease, margin 0s ease 0s;
}
.modal-holder.open .bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.3;
  transition: opacity 0.35s ease;
}
.modal-holder.open .modal {
  opacity: 1;
}
.modal-holder .bg {
  opacity: 0;
  z-index: -10;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  position: fixed;
  background: #000;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
.modal-holder .modal-inner {
  width: 100%;
  z-index: 100;
  padding: 0.5rem 0;
  max-height: 100%;
  overflow-y: auto;
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 750px) {
  .modal-holder .modal-inner {
    padding: 0;
    height: 100%;
    min-height: 100%;
    max-height: none;
  }
}
.modal-holder .close-icon {
  top: 0.2rem;
  color: #000;
  z-index: 250;
  opacity: 0.37;
  right: 0.21rem;
  width: 0.15rem;
  height: 0.15rem;
  line-height: 1;
  cursor: pointer;
  font-size: 0.15rem;
  font-style: normal;
  position: absolute;
  transition: opacity 0.35s ease;
}
.modal-holder .close-icon:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 750px) {
  .modal-holder .close-icon {
    top: 0;
    right: 0;
    opacity: 1;
    width: 1.1rem;
    display: flex;
    color: #636363;
    height: 1.06rem;
    font-size: 0.36rem;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transition: color 0.35s ease;
  }
  .modal-holder .close-icon:hover {
    opacity: 1;
    color: #000;
  }
}
.modal-holder .close-icon i:before {
  vertical-align: top;
}

.modal {
  opacity: 0;
  width: 100%;
  color: #818181;
  margin: 0 auto;
  background: #fff;
  max-width: 7.4rem;
  position: relative;
  padding: 0.4rem 0.5rem 0.5rem;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .modal {
    max-width: none;
    min-height: 100%;
    padding: 0 0.4rem 0.4rem;
  }
}
.modal .h2 {
  color: #000;
  display: block;
  text-align: left;
  line-height: 1.2;
  font-size: 0.26rem;
  font-weight: bold;
  letter-spacing: 0;
  margin: 0 0 0.2rem;
}
@media only screen and (max-width: 750px) {
  .modal .h2 {
    margin: 0;
    line-height: 1.2;
    font-size: 0.22rem;
    text-align: center;
  }
}
.modal .modal-heading {
  color: #636363;
  position: relative;
  margin: 0 0 0.22rem;
}
@media only screen and (max-width: 750px) {
  .modal .modal-heading {
    display: flex;
    color: #aeaeae;
    line-height: 1.2;
    font-size: 0.18rem;
    text-align: center;
    align-items: center;
    background: #fbfbfb;
    min-height: 1.06rem;
    flex-direction: column;
    margin: 0 -0.4rem 0.4rem;
    justify-content: center;
    padding: 0.23rem 1.1rem 0.18rem;
    box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
  }
}
.modal .modal-heading p {
  margin: 0;
}
@media only screen and (max-width: 750px) {
  .modal .modal-heading p {
    margin-top: 0.1rem;
  }
}
.modal .modal-heading .back-icon {
  top: 0;
  left: 0;
  bottom: 0;
  width: 1.1rem;
  display: flex;
  color: #636363;
  position: absolute;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition: color 0.35s ease;
}
.modal .modal-heading .back-icon:hover {
  color: #000;
}
.modal .modal-heading .back-icon .icon-right {
  font-size: 0.32rem;
  transform: rotate(180deg);
}
.modal .modal-heading .basket-item__row-msg {
  letter-spacing: 0;
  font-size: 0.13rem;
  margin-top: 0.02rem;
  margin-bottom: -0.02rem;
}
@media only screen and (max-width: 750px) {
  .modal .modal-heading .basket-item__row-msg {
    margin: 0;
    padding: 0;
    color: #919191;
    line-height: 1.2;
    background: none;
    font-size: 0.18rem;
    white-space: normal;
  }
}
.modal .default-form .btn-holder {
  margin: 0;
}
@media only screen and (max-width: 750px) {
  .modal .default-form .btn-holder .btn {
    width: 100%;
    display: block;
    font-size: 0.26rem;
    line-height: 0.33rem;
  }
}
.modal .modal-text-content {
  color: #626262;
  font-size: 0.16rem;
  line-height: 0.26rem;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
}
.modal .modal-text-content .scroll-cover {
  position: relative;
  padding-right: 0.3rem;
  max-height: calc(100vh - .7rem);
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .scroll-cover {
    max-height: none;
    overflow: visible !important;
  }
}
.modal .modal-text-content .scroll-cover .ps__rail-y {
  top: 0.5rem;
  bottom: 0.5rem;
  right: 0.48rem;
  width: 0.06rem;
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .scroll-cover .ps__rail-y {
    display: none !important;
  }
}
.modal .modal-text-content .scroll-cover .ps__rail-y .ps__thumb-y {
  top: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  position: absolute;
  background: #e6e6e6;
  border-radius: 0.03rem;
}
.modal .modal-text-content .scroll-inner {
  padding: 1.1rem 0.3rem 0.5rem 0;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .scroll-inner {
    padding-top: 0.46rem;
  }
}
.modal .modal-text-content .container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .container {
    display: block;
  }
}
.modal .modal-text-content p {
  color: #666;
  margin: 0 0 0.32rem;
}
@media only screen and (min-width: 751px) {
  .modal .modal-text-content p {
    line-height: 0.32rem;
  }
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content p {
    margin-bottom: 0.4rem;
  }
}
.modal .modal-text-content #sidebar {
  width: 2.96rem;
  flex-shrink: 0;
  margin: 0 0.31rem 0 0;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content #sidebar {
    width: auto;
    display: block;
    margin: 0 0 0.69rem;
  }
}
.modal .modal-text-content #sidebar .visual {
  display: flex;
  color: #626262;
  line-height: 1;
  font-size: 0.15rem;
  font-weight: normal;
  align-items: flex-end;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content #sidebar .visual {
    font-size: 0.24rem;
  }
}
.modal .modal-text-content #sidebar .visual img {
  display: block;
  margin: 0 0.2rem 0 0;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content #sidebar .visual img {
    margin-right: 0.3rem;
  }
}
.modal .modal-text-content #sidebar .h2 {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1;
  color: #3d3d3d;
  font-weight: 300;
  font-size: 0.35rem;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content #sidebar .h2 {
    font-size: 0.5rem;
  }
}
.modal .modal-text-content .clear-content {
  width: 100%;
  margin: -0.07rem 0 0;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .clear-content {
    margin: 0;
  }
}
.modal .modal-text-content .h3 {
  color: #4b4b4b;
  display: block;
  font-weight: normal;
  font-size: 0.2rem !important;
  margin: 0 0 0.15rem !important;
  line-height: 0.32rem !important;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .h3 {
    padding: 0 !important;
    border: none !important;
    font-size: 0.25rem !important;
    line-height: 0.35rem !important;
    margin-bottom: 0.2rem !important;
  }
}
.modal .modal-text-content .h4 {
  display: block;
  color: #3d3d3d;
  font-weight: 600;
  font-size: 0.17rem;
  line-height: 0.32rem;
  margin: 0.4rem 0 0.1rem;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .h4 {
    font-size: 0.26rem;
    margin-top: 0.58rem;
    line-height: 0.48rem;
    margin-bottom: 0.16rem;
  }
}
.modal .modal-text-content .default-list {
  list-style: none;
  margin: 0 0 0.26rem;
  padding: 0 0 0 0.13rem;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .default-list {
    padding-left: 0.22rem;
    margin-bottom: 0.4rem;
  }
}
.modal .modal-text-content .default-list > li {
  margin: 0 0 0.12rem;
  position: relative;
  padding: 0 0 0 0.35rem;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .default-list > li {
    padding-left: 0.53rem;
    margin-bottom: 0.17rem;
  }
}
.modal .modal-text-content .default-list > li:after {
  left: 0;
  top: 0.13rem;
  content: "";
  height: 1px;
  width: 0.17rem;
  position: absolute;
  background: #c579b0;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .default-list > li:after {
    top: 0.2rem;
    width: 0.25rem;
    height: 0.02rem;
  }
}
.modal .modal-text-content .info-list {
  padding: 0;
  display: flex;
  list-style: none;
  align-items: flex-start;
  margin: 0 -0.1rem -0.29rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .info-list {
    margin-bottom: -0.1rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.modal .modal-text-content .info-list > li {
  width: 25%;
  padding: 0 0.1rem;
  margin: 0 0 0.3rem;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .info-list > li {
    width: auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.modal .modal-text-content .info-list dl {
  margin: 0;
  padding: 0;
}
.modal .modal-text-content .info-list dt {
  margin: 0;
  padding: 0;
  color: #a7a7a7;
  font-weight: 300;
  line-height: 1.5;
  font-size: 0.14rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .info-list dt {
    font-size: 0.22rem;
  }
}
.modal .modal-text-content .info-list dd {
  margin: 0;
  padding: 0;
  color: #3d3d3d;
  font-size: 0.4rem;
  line-height: 1.2;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .modal .modal-text-content .info-list dd {
    font-size: 0.44rem;
  }
}
.modal--small {
  text-align: center;
}
@media only screen and (min-width: 751px) {
  .modal--small {
    max-width: 4.66rem;
    padding: 0.49rem 0.58rem 0.52rem;
  }
}
@media only screen and (max-width: 750px) {
  .modal--small {
    display: flex;
    line-height: 1.5;
    font-size: 0.26rem;
    flex-direction: column;
  }
}
@media only screen and (min-width: 751px) {
  .modal--small .modal-heading {
    margin-bottom: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .modal--small .modal-heading {
    padding-left: 0.4rem;
    margin-bottom: 0.6rem;
    align-items: flex-start;
  }
}
.modal--small .h2 {
  font-size: 0.3rem;
  margin-bottom: 0;
  line-height: 0.4rem;
  text-align: center;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .modal--small .h2 {
    text-align: left;
  }
}
.modal--small p {
  margin-bottom: 0.24rem;
}
.modal--small p .block {
  color: #000;
  display: block;
}
.modal--small .modal-body {
  margin-bottom: 0.4rem;
}
@media only screen and (min-width: 751px) {
  .modal--small .modal-body {
    margin-left: -0.1rem;
    margin-right: -0.1rem;
  }
}
@media only screen and (max-width: 750px) {
  .modal--small .modal-body {
    flex: 5000 1 auto;
  }
}
@media only screen and (min-width: 751px) {
  .modal--small .btn-holder .btn:not(:first-child) {
    margin-top: 0.17rem;
  }
}
@media only screen and (max-width: 750px) {
  .modal--small .btn-holder .btn:not(:first-child) {
    margin-top: 0.3rem;
  }
}
.modal--small .btn {
  font-weight: normal;
  text-transform: none;
}

@media only screen and (min-width: 751px) {
  .video-modal .modal-inner {
    padding-left: 0.15rem;
    padding-right: 0.3rem;
  }
}
@media only screen and (min-width: 751px) {
  .video-modal .close-icon {
    opacity: 1;
    color: #fff;
    top: -0.21rem;
    right: -0.21rem;
    display: flex;
    width: 0.42rem;
    height: 0.42rem;
    line-height: 1;
    font-size: 0.17rem;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: var(--icons-sub-color);
    transition: background 0.35s ease;
  }
  .video-modal .close-icon:hover {
    opacity: 1;
    background: #cc1c1f;
  }
}
.video-modal .modal {
  padding: 0;
}
@media only screen and (min-width: 751px) {
  .video-modal .modal {
    max-width: 12.44rem;
  }
}
@media only screen and (max-width: 750px) {
  .video-modal .modal {
    display: flex;
    align-items: center;
    padding: 1.06rem 0 0;
    flex-direction: column;
    justify-content: center;
  }
}
.video-modal .modal .video {
  width: 100%;
  position: relative;
  border: 1px solid #636363;
}
@media only screen and (max-width: 750px) {
  .video-modal .modal .video {
    border: none;
  }
}
.video-modal .modal .video:before {
  content: "";
  display: block;
  padding-top: 56.1093%;
}
.video-modal .modal .video iframe, .video-modal .modal .video img, .video-modal .modal .video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.video-modal .modal .video img {
  object-fit: cover;
}

.modal-footer {
  z-index: 100;
  padding: 0.3rem 0.5rem;
  margin: 0 -0.5rem -0.5rem;
  border-top: 1px solid #f7f7f7;
}
@media only screen and (max-width: 750px) {
  .modal-footer {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
  .modal-footer.fixed {
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    background: #fff;
    box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0.2);
  }
  .modal-holder:not(.open) .modal-footer.fixed {
    display: none;
  }
}
.modal-footer .btn {
  font-weight: normal;
  padding-left: 0.39rem;
  padding-right: 0.39rem;
  text-transform: none;
}
@media only screen and (min-width: 751px) {
  .modal-footer .btn {
    font-size: 0.15rem;
  }
}
@media only screen and (max-width: 750px) {
  .modal-footer .btn {
    width: 100%;
  }
}

[data-id=product-added-modal] .modal,
[data-id=product-added-to-fav-modal] .modal {
  max-width: 7.62rem;
}
@media only screen and (min-width: 751px) {
  [data-id=product-added-modal] .modal .h2,
[data-id=product-added-to-fav-modal] .modal .h2 {
    font-size: 0.24rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .modal .h2,
[data-id=product-added-to-fav-modal] .modal .h2 {
    font-size: 0.26rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .modal .modal-heading,
[data-id=product-added-to-fav-modal] .modal .modal-heading {
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
[data-id=product-added-modal] .small-product-item,
[data-id=product-added-to-fav-modal] .small-product-item {
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .small-product-item,
[data-id=product-added-to-fav-modal] .small-product-item {
    margin-top: 0.7rem;
    margin-bottom: 0.34rem;
  }
}
[data-id=product-added-modal] .small-product-item__inner,
[data-id=product-added-to-fav-modal] .small-product-item__inner {
  padding: 0.13rem 0;
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .small-product-item__inner,
[data-id=product-added-to-fav-modal] .small-product-item__inner {
    align-items: flex-start;
  }
}
[data-id=product-added-modal] .small-product-item__visual,
[data-id=product-added-to-fav-modal] .small-product-item__visual {
  width: 1.2rem;
  margin-right: 0.55rem;
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .small-product-item__visual,
[data-id=product-added-to-fav-modal] .small-product-item__visual {
    width: 1.96rem;
    margin-top: 0.1rem;
    margin-right: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .small-product-item__content,
[data-id=product-added-to-fav-modal] .small-product-item__content {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .small-product-item__price-holder,
[data-id=product-added-to-fav-modal] .small-product-item__price-holder {
    margin: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 751px) {
  [data-id=product-added-modal] .small-product-item__description,
[data-id=product-added-to-fav-modal] .small-product-item__description {
    max-width: 3rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .small-product-item__description,
[data-id=product-added-to-fav-modal] .small-product-item__description {
    max-width: none;
    margin-bottom: 0.15rem;
  }
}
[data-id=product-added-modal] .small-product-item__price,
[data-id=product-added-to-fav-modal] .small-product-item__price {
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .small-product-item__price,
[data-id=product-added-to-fav-modal] .small-product-item__price {
    font-size: 0.4rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 751px) {
  [data-id=product-added-modal] .small-product-item__title,
[data-id=product-added-to-fav-modal] .small-product-item__title {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .small-product-item__title,
[data-id=product-added-to-fav-modal] .small-product-item__title {
    font-size: 0.24rem;
    line-height: 0.38rem;
    letter-spacing: 0.02em;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .small-product-item__article,
[data-id=product-added-to-fav-modal] .small-product-item__article {
    font-size: 0.2rem;
    line-height: 1.5;
    margin-bottom: 0.17rem;
  }
}
[data-id=product-added-modal] .modal-footer,
[data-id=product-added-to-fav-modal] .modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .modal-footer,
[data-id=product-added-to-fav-modal] .modal-footer {
    display: block;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-added-modal] .basket-preview,
[data-id=product-added-to-fav-modal] .basket-preview {
    display: none;
  }
}
[data-id=product-added-modal] .btn-panel,
[data-id=product-added-to-fav-modal] .btn-panel {
  margin-bottom: -0.3rem;
}
[data-id=product-added-modal] .btn-panel > .btn,
[data-id=product-added-to-fav-modal] .btn-panel > .btn {
  margin-bottom: 0.3rem;
}

.basket-preview {
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .basket-preview {
    font-size: 0.26rem;
    margin: 0 0 0.3rem;
    line-height: 0.4rem;
  }
}
.basket-preview__count {
  display: block;
  color: var(--icons-sub-color);
}
.basket-preview__price {
  display: block;
}

@media only screen and (min-width: 751px) {
  .coupon-modal .modal {
    max-width: 4.66rem;
  }
}
.coupon-modal .modal .h2 {
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .coupon-modal .modal .h2 {
    text-align: left;
    font-size: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .coupon-modal .modal-heading {
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
.coupon-modal .modal-body {
  color: #636363;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.24rem;
  margin-bottom: 0.42rem;
}
@media only screen and (max-width: 750px) {
  .coupon-modal .modal-body {
    display: flex;
    line-height: 1.5;
    font-size: 0.24rem;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 4.5rem);
  }
}
.coupon-modal .modal-body p {
  margin: 0;
}
.coupon-modal .modal-body .dark {
  color: #000;
}
.coupon-modal .btn-panel {
  margin-bottom: -0.15rem;
}
.coupon-modal .btn-panel > .btn {
  margin-bottom: 0.15rem;
}
.coupon-modal .btn {
  letter-spacing: 0;
  font-weight: normal;
  text-transform: none;
}
@media only screen and (min-width: 751px) {
  .coupon-modal .btn {
    font-size: 0.15rem;
  }
}
.coupon-modal__success-visual {
  width: 1.78rem;
  margin: 0 auto 0.3rem;
}
@media only screen and (max-width: 750px) {
  .coupon-modal__success-visual {
    width: 2.8rem;
    margin-bottom: 0;
  }
}
.coupon-modal__success-visual img {
  width: 100%;
  display: block;
}

@media only screen and (min-width: 751px) {
  [data-id=coupon-modal-1] .modal {
    padding-left: 0.58rem;
    padding-right: 0.58rem;
  }
}
@media only screen and (min-width: 751px) {
  [data-id=coupon-modal-1] .modal .h2 {
    font-size: 0.3rem;
    line-height: 0.4rem;
    margin-bottom: 0.3rem;
    letter-spacing: 0.02em;
  }
}

@media only screen and (min-width: 751px) {
  [data-id=coupon-modal-2] .modal .h2 {
    font-size: 0.22rem;
    line-height: 0.3rem;
    letter-spacing: 0.02em;
    margin: 0 -0.1rem 0.34rem;
  }
}
[data-id=coupon-modal-2] .form-control {
  border-color: #ededed;
  background-color: #f6f6f6;
}
@media only screen and (min-width: 751px) {
  [data-id=coupon-modal-2] .form-control {
    height: 0.5rem;
  }
}
[data-id=coupon-modal-2] .form-control:focus {
  border-color: #d4d4d4;
  background-color: #e9e9e9;
}
[data-id=coupon-modal-2] .form-row {
  margin-bottom: 0.22rem;
}
@media only screen and (max-width: 750px) {
  [data-id=coupon-modal-2] .form-row {
    margin-bottom: 0.36rem;
  }
}

@media only screen and (min-width: 751px) {
  [data-id=coupon-modal-3] .modal .h2 {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=coupon-modal-3] .modal-body {
    min-height: 2.5rem;
  }
}

@media only screen and (min-width: 751px) {
  [data-id=tooltip-modal] .modal {
    color: #404040;
    font-size: 0.14rem;
    max-width: 8.2rem;
    line-height: 0.22rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=tooltip-modal] .modal {
    color: #414141;
    font-size: 0.24rem;
    line-height: 0.36rem;
    letter-spacing: 0.02em;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=tooltip-modal] .modal .modal-heading {
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 751px) {
  [data-id=tooltip-modal] .h2 {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=tooltip-modal] .h2 {
    font-size: 0.26rem;
  }
}
[data-id=tooltip-modal] .checkbox__tooltip-visual {
  display: block;
  width: 1.72rem;
  margin-bottom: 0.2rem;
}
[data-id=tooltip-modal] .checkbox__tooltip-visual img {
  width: 100%;
  display: block;
}
[data-id=tooltip-modal] .checkbox__tooltip-text {
  color: #414141;
  display: block;
  font-size: 0.24rem;
  line-height: 0.36rem;
  letter-spacing: 0.02em;
}
[data-id=tooltip-modal] .checkbox__tooltip-text .p {
  display: block;
  margin: 0 0 0.36rem;
}
[data-id=tooltip-modal] .checkbox__tooltip-title {
  display: none;
}
[data-id=tooltip-modal] .modal-body .p {
  display: block;
}
@media only screen and (min-width: 751px) {
  [data-id=tooltip-modal] .modal-body p, [data-id=tooltip-modal] .modal-body .p {
    margin-bottom: 0.22rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=tooltip-modal] .modal-body p, [data-id=tooltip-modal] .modal-body .p {
    margin-bottom: 0.36rem;
  }
}
[data-id=tooltip-modal] .modal-body p a, [data-id=tooltip-modal] .modal-body .p a {
  color: #cf2c2f;
  border-bottom: 1px solid;
  transition: color 0.35s ease, border-color 0.35s ease;
}
[data-id=tooltip-modal] .modal-body p a:hover, [data-id=tooltip-modal] .modal-body .p a:hover {
  color: #ad0e27;
  border-bottom-color: transparent;
}
[data-id=tooltip-modal] .modal-body .tooltip__title {
  display: none;
}
@media only screen and (min-width: 751px) {
  [data-id=tooltip-modal] .modal-body .tooltip__visual {
    margin: 0;
    width: auto;
  }
}
[data-id=tooltip-modal] .video {
  position: relative;
}
@media only screen and (max-width: 750px) {
  [data-id=tooltip-modal] .video {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
[data-id=tooltip-modal] .video:before {
  content: "";
  display: block;
  padding-top: 55.9722%;
}
[data-id=tooltip-modal] .video iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  transition: opacity 0.35s ease;
}
[data-id=tooltip-modal] .video iframe:not(.loaded) {
  opacity: 0;
}

@media only screen and (min-width: 751px) {
  .share-modal .modal {
    max-width: 5rem;
  }
}
@media only screen and (max-width: 750px) {
  .share-modal .modal .modal-heading {
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 750px) {
  .share-modal .modal .h2 {
    font-size: 0.26rem;
  }
}

.share-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.share-list__item {
  border-style: solid;
  border-color: #efefef;
  border-width: 0 0 1px;
}
.share-list__item:first-child {
  border-top-width: 1px;
}

.share-item {
  display: flex;
  color: #404040;
  height: 0.79rem;
  line-height: 1.5;
  font-size: 0.16rem;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .share-item {
    height: 1rem;
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
.share-item:hover {
  color: #000;
}
.share-item:hover .icon-vkontakte {
  color: #5e81a9;
}
.share-item:hover .icon-facebook {
  color: #546aa1;
}
.share-item:hover .icon-telegram {
  color: #017acb;
}
.share-item:hover .icon-whatsapp {
  color: #44946b;
}
.share-item:hover .icon-viber {
  color: #925d9f;
}
.share-item:hover .icon-link {
  color: #a0a0a0;
}
.share-item__icon {
  width: 0.5rem;
  flex-shrink: 0;
  line-height: 1;
  font-size: 0.24rem;
  text-align: center;
  margin-right: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .share-item__icon {
    width: 0.6rem;
    font-size: 0.36rem;
    margin-right: 0.2rem;
  }
}
.share-item__icon img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.share-item__icon .icon-vkontakte {
  color: #7f9bbb;
}
.share-item__icon .icon-facebook {
  color: #7286b6;
}
.share-item__icon .icon-telegram {
  color: #0199fe;
}
.share-item__icon .icon-whatsapp {
  color: #58b384;
}
@media only screen and (min-width: 751px) {
  .share-item__icon .icon-whatsapp {
    font-size: 0.28rem;
  }
}
.share-item__icon .icon-viber {
  color: #a87cb3;
}
@media only screen and (min-width: 751px) {
  .share-item__icon .icon-viber {
    font-size: 0.28rem;
  }
}
.share-item__icon .icon-link {
  color: #b9b9b9;
}
@media only screen and (min-width: 751px) {
  .share-item__icon .icon-link {
    font-size: 0.22rem;
  }
}
.share-item__icon i {
  display: block;
  transition: color 0.35s ease;
}

@media only screen and (min-width: 751px) {
  [data-id=add-review-modal] .modal .h2 {
    font-size: 0.24rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=add-review-modal] .modal .h2 {
    font-size: 0.26rem;
  }
}
@media only screen and (min-width: 751px) {
  [data-id=add-review-modal] .modal .modal-heading {
    margin-bottom: 0.2rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=add-review-modal] .modal .modal-heading {
    margin-bottom: 0.55rem;
  }
}
[data-id=add-review-modal].success .callback-form-holder {
  display: none;
}
[data-id=add-review-modal].success .callback-success-msg {
  padding: 0;
  position: static;
}

@media only screen and (min-width: 751px) {
  [data-id=sizes-modal] .modal {
    max-width: 10.63rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=sizes-modal] .modal {
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=sizes-modal] .modal .modal-heading {
    padding-left: 0.4rem;
    margin-bottom: 0.62rem;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=sizes-modal] .modal .h2 {
    font-size: 0.24rem;
  }
}
[data-id=sizes-modal] .search-form {
  width: auto;
  margin-bottom: 0.28rem;
}
[data-id=sizes-modal] .search-form__input {
  font-weight: normal;
  border-color: #ededed;
}
[data-id=sizes-modal] .search-form__results-list__item:not(:first-child) {
  display: none;
}
[data-id=sizes-modal] .filter-form__popular-tags {
  margin-bottom: 0.3rem;
}
@media only screen and (max-width: 750px) {
  [data-id=sizes-modal] .filter-form__popular-tags {
    display: block;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=sizes-modal] .filter-form__popular-tags-title {
    padding-top: 0;
    margin-bottom: 0.4rem;
  }
}
[data-id=sizes-modal] .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 750px) {
  [data-id=sizes-modal] .modal-footer .btn {
    width: 100%;
  }
}

@media only screen and (min-width: 751px) {
  .sizes-modal .modal {
    max-width: 10.63rem;
  }
}
@media only screen and (max-width: 750px) {
  .sizes-modal .modal {
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 750px) {
  .sizes-modal .modal .modal-heading {
    padding-left: 0.4rem;
    margin-bottom: 0.62rem;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 750px) {
  .sizes-modal .modal .h2 {
    width: 100%;
    text-align: left;
    font-size: 0.24rem;
  }
}

.sizes-table {
  margin: 0;
  padding: 0;
  display: flex;
  color: #636363;
  flex-wrap: wrap;
  line-height: 1.5;
  list-style: none;
  font-size: 0.14rem;
  text-align: center;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .sizes-table {
    font-size: 0.26rem;
    line-height: 0.33rem;
  }
}
.sizes-table li {
  width: 6.25%;
  border-style: solid;
  border-color: #ededed;
  border-width: 1px 1px 1px 0;
}
@media only screen and (min-width: 751px) {
  .sizes-table li:nth-child(16n+1) {
    border-left-width: 1px;
  }
  .sizes-table li:nth-child(16) ~ li {
    border-top-width: 0;
  }
}
@media only screen and (max-width: 750px) {
  .sizes-table li:nth-child(3n+1) {
    border-left-width: 1px;
  }
  .sizes-table li:nth-child(3) ~ li {
    border-top-width: 0;
  }
}
.sizes-table li.hidden {
  display: none;
}
@media only screen and (max-width: 750px) {
  .sizes-table li {
    width: 33.3333%;
  }
}
.sizes-table li.active a {
  border-color: var(--icons-sub-color);
}
.sizes-table a {
  display: block;
  padding: 0.11rem 0.05rem;
  border: 0.03rem solid transparent;
  transition: border-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .sizes-table a {
    width: 2.19rem;
    padding: 0.3rem 0.2rem;
  }
}

@media only screen and (min-width: 751px) {
  [data-id=map-modal] .modal {
    max-width: 11rem;
    padding: 0.19rem 0.2rem 0.2rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=map-modal] .modal {
    display: flex;
    padding-bottom: 0;
    flex-direction: column;
  }
}
[data-id=map-modal] .modal .modal-heading {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  [data-id=map-modal] .modal .modal-heading {
    flex-shrink: 0;
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
[data-id=map-modal] .modal .h2 {
  color: #404040;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.15rem;
  margin-bottom: 0.19rem;
}
@media only screen and (max-width: 750px) {
  [data-id=map-modal] .modal .h2 {
    color: #000;
    margin-bottom: 0;
    text-align: left;
    overflow: hidden;
    font-size: 0.26rem;
    max-height: 0.64rem;
    line-height: 0.32rem;
  }
}
@media only screen and (min-width: 751px) {
  [data-id=map-modal] .close-icon {
    top: 0.2rem;
    right: 0.2rem;
  }
  [data-id=map-modal] .close-icon:not(:hover) {
    opacity: 0.5;
  }
}
[data-id=map-modal] .map {
  height: 5.93rem;
}
@media only screen and (max-width: 750px) {
  [data-id=map-modal] .map {
    height: auto;
    display: flex;
    flex: 1 1 100%;
    min-height: 4rem;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    width: calc(100% + .8rem);
  }
  [data-id=map-modal] .map > ymaps {
    height: auto !important;
  }
  [data-id=map-modal] .map > ymaps > ymaps {
    height: 100% !important;
  }
}

.map-modal__marker {
  width: 3.2rem;
  padding: 0.1rem 0 0.2rem 0.17rem;
}
.map-modal__marker__btn-holder .btn {
  height: 0.35rem;
  font-size: 0.13rem;
  background: #dd7375;
  font-weight: normal;
  text-transform: none;
}
.map-modal__marker__btn-holder .btn:hover {
  background: #d34a4d;
}
.map-modal__marker__title {
  color: #000;
  display: block;
  font-size: 0.15rem;
  line-height: 0.23rem;
  margin-bottom: 0.08rem;
}
.map-modal__marker__info {
  display: block;
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.19rem;
  margin-bottom: 0.1rem;
}
.map-modal__marker__address {
  color: #404040;
  display: block;
  font-size: 0.13rem;
  line-height: 0.23rem;
}
.map-modal__marker__phone {
  display: block;
  font-size: 0.13rem;
  line-height: 0.23rem;
}
.map-modal__marker__phone a:hover {
  text-decoration: underline;
}
.map-modal__marker__phone .show-phone {
  color: #e4373a;
  cursor: pointer;
  vertical-align: top;
  display: inline-block;
}
.map-modal__marker__phone .show-phone:hover {
  text-decoration: underline;
}
.map-modal__marker__schedule {
  display: block;
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.23rem;
}
.map-modal__content {
  position: relative;
}
@media only screen and (max-width: 750px) {
  .map-modal__content {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
  }
}
@media only screen and (max-width: 750px) {
  .map-modal .modal-content {
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 750px) {
  .map-modal__btn-holder {
    flex-shrink: 0;
    padding: 0.4rem 0;
    background: #fafafa;
  }
}
.map-modal__btn-holder .btn {
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 750px) {
  .map-modal__btn-holder .btn {
    height: 0.94rem;
    font-size: 0.28rem;
  }
}

@media only screen and (min-width: 751px) {
  .sign-in-modal .modal {
    max-width: 4.66rem;
    padding: 0.45rem 0.58rem 0.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .modal {
    font-size: 0.22rem;
    line-height: 0.38rem;
  }
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .modal p {
    margin-bottom: 0.38rem;
  }
}
.sign-in-modal .modal p a {
  border: none;
  color: inherit;
}
.sign-in-modal .modal p a:hover {
  text-decoration: underline;
}
.sign-in-modal .modal .modal-heading {
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .modal .modal-heading {
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 751px) {
  .sign-in-modal .modal .h2 {
    font-size: 0.31rem;
    font-weight: bold;
    text-align: center;
    font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
    line-height: 0.41rem;
    margin-bottom: 0.3rem;
    letter-spacing: 0.02em;
  }
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .modal .h2 {
    line-height: 1.5;
    font-size: 0.26rem;
  }
}
.sign-in-modal .center {
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .center {
    max-width: 5.54rem;
    margin: 0 auto 0.6rem;
  }
}
.sign-in-modal .default-tab-controls {
  padding: 0;
  display: flex;
  line-height: 1.5;
  list-style: none;
  font-size: 0.15rem;
  margin: 0 0 0.32rem;
  position: relative;
  text-align: center;
  align-items: stretch;
  text-transform: uppercase;
  justify-content: flex-start;
  border-bottom: 0.02rem solid #e5e5e5;
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .default-tab-controls {
    font-size: 0.29rem;
    margin-bottom: 0.7rem;
    border-bottom-width: 0.04rem;
  }
}
.sign-in-modal .default-tab-controls__item {
  width: 50%;
}
.sign-in-modal .default-tab-controls__item.active .default-tab-controls__link {
  color: #cf2c2f;
}
.sign-in-modal .default-tab-controls__slide {
  height: 0.02rem;
  bottom: -0.02rem;
  position: absolute;
  transition: left 0.35s ease;
  background: var(--icons-sub-color);
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .default-tab-controls__slide {
    height: 0.04rem;
    bottom: -0.04rem;
  }
}
.sign-in-modal .default-tab-controls__link {
  display: block;
  transition: color 0.35s ease;
  padding: 0.15rem 0.15rem 0.2rem;
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .default-tab-controls__link {
    padding: 0.19rem 0.2rem 0.33rem;
  }
}
.sign-in-modal .callback-form .col-row {
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}
.sign-in-modal .callback-form .col-row > .col {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
@media only screen and (min-width: 751px) {
  .sign-in-modal .callback-form__form-control {
    height: 0.53rem;
    background: none;
    font-size: 0.16rem;
  }
  .sign-in-modal .callback-form__form-control:not(:focus) {
    border-color: #ededed;
  }
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .callback-form__form-control {
    padding-left: 0.38rem;
    padding-right: 0.38rem;
  }
}
@media only screen and (min-width: 751px) {
  .sign-in-modal .callback-form__row-title {
    line-height: 0.53rem;
  }
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .callback-form__row-title {
    padding-left: 0.38rem;
    padding-right: 0.38rem;
  }
}
@media only screen and (min-width: 751px) {
  .sign-in-modal .callback-form .form-row.on-focus .callback-form__row-title, .sign-in-modal .callback-form .form-row.not-empty .callback-form__row-title {
    top: 0.04rem;
  }
}
@media only screen and (min-width: 751px) {
  .sign-in-modal .callback-form .error-msg {
    padding-top: 0.02rem;
  }
}
@media only screen and (min-width: 751px) {
  .sign-in-modal .callback-form .btn-holder {
    padding-top: 0.01rem;
  }
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .callback-form .btn-holder {
    padding-top: 0.03rem;
  }
}
@media only screen and (min-width: 751px) {
  .sign-in-modal .callback-form .btn-holder .btn:not(:first-child) {
    margin-top: 0.17rem;
  }
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .callback-form .btn-holder .btn:not(:first-child) {
    margin-top: 0.3rem;
  }
}
.sign-in-modal .callback-form .btn {
  font-weight: normal;
  text-transform: none;
}
@media only screen and (min-width: 751px) {
  .sign-in-modal .callback-form .btn {
    font-size: 0.15rem;
  }
}
.sign-in-modal .callback-form__info {
  color: #9a9a9a;
  display: block;
  font-size: 0.12rem;
  line-height: 0.19rem;
  margin-top: -0.07rem;
  margin-bottom: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .sign-in-modal .callback-form__info {
    font-size: 0.2rem;
    line-height: 0.32rem;
    margin-bottom: 0.32rem;
  }
}
.sign-in-modal .callback-form__info a {
  color: inherit;
}
.sign-in-modal__link {
  text-align: center;
  padding: 0.4rem 0 0;
}
@media only screen and (max-width: 750px) {
  .sign-in-modal__link {
    line-height: 1.5;
    font-size: 0.28rem;
    padding-top: 0.52rem;
    letter-spacing: 0.02em;
  }
}
.sign-in-modal__link a {
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px dotted;
  transition: border-color 0.35s ease;
}
.sign-in-modal__link a:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}
.sign-in-modal__error-holder {
  text-align: center;
  margin: -0.03rem 0 0.28rem;
}
@media only screen and (max-width: 750px) {
  .sign-in-modal__error-holder {
    margin-top: 0;
    padding-top: 0.3rem;
    margin-bottom: 0.33rem;
  }
}
.sign-in-modal__error-badge {
  color: #fff;
  font-size: 0.11rem;
  vertical-align: top;
  background: #f06842;
  font-weight: normal;
  line-height: 0.16rem;
  display: inline-block;
  border-radius: 0.13rem;
  padding: 0.05rem 0.13rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .sign-in-modal__error-badge {
    font-size: 0.2rem;
    line-height: 0.33rem;
    padding: 0.1rem 0.24rem;
    border-radius: 0.27rem;
  }
}

@media only screen and (min-width: 751px) {
  [data-id=products-added-modal] .modal {
    max-width: 5.82rem;
  }
}
[data-id=products-added-modal] .modal .h2 {
  margin-bottom: 0;
  font-size: 0.24rem;
  letter-spacing: 0;
}
@media only screen and (max-width: 750px) {
  [data-id=products-added-modal] .modal .h2 {
    text-align: left;
    font-size: 0.26rem;
  }
}
[data-id=products-added-modal] .modal-heading {
  margin-bottom: 0.44rem;
}
@media only screen and (max-width: 750px) {
  [data-id=products-added-modal] .modal-heading {
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
[data-id=products-added-modal] .modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 0.02rem solid #f7f7f7;
}
@media only screen and (max-width: 750px) {
  [data-id=products-added-modal] .modal-footer {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=products-added-modal] .modal-footer .btn {
    width: 100%;
  }
}

.added-products-list {
  padding: 0;
  list-style: none;
  margin: 0 0 0.52rem;
}
@media only screen and (max-width: 750px) {
  .added-products-list {
    margin-bottom: 0.6rem;
  }
}

.added-product-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .added-product-item {
    align-items: flex-start;
  }
}
.added-product-item:not(:first-child) {
  margin-top: 0.29rem;
}
@media only screen and (max-width: 750px) {
  .added-product-item:not(:first-child) {
    margin-top: 0.48rem;
  }
}
.added-product-item__icon {
  display: flex;
  color: #df524d;
  width: 0.44rem;
  height: 0.44rem;
  flex-shrink: 0;
  font-size: 0.17rem;
  border-radius: 50%;
  align-items: center;
  margin-right: 0.38rem;
  justify-content: center;
  border: 1px solid #cdcdcd;
}
@media only screen and (max-width: 750px) {
  .added-product-item__icon {
    width: 0.88rem;
    height: 0.88rem;
    font-size: 0.36rem;
    border-width: 0.02rem;
  }
}
.added-product-item__description {
  width: 100%;
}
.added-product-item__price {
  width: 1rem;
  color: #000;
  line-height: 1.5;
  font-weight: 600;
  font-size: 0.16rem;
  text-align: right;
  margin-left: 0.3rem;
  white-space: nowrap;
  margin-top: -0.15rem;
}
@media only screen and (max-width: 750px) {
  .added-product-item__price {
    margin-top: 0;
    font-size: 0.28rem;
    font-weight: bold;
  }
}
.added-product-item__title {
  color: #414141;
  display: block;
  font-weight: 600;
  line-height: 1.5;
  font-size: 0.14rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .added-product-item__title {
    font-size: 0.24rem;
    font-weight: normal;
    margin-bottom: 0.05rem;
  }
}
.added-product-item__count {
  display: block;
  color: #aeaeae;
  line-height: 2;
  font-size: 0.11rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .added-product-item__count {
    font-size: 0.2rem;
  }
}
.added-product-item sup {
  font-size: 65%;
  line-height: 2;
  vertical-align: top;
  display: inline-block;
}

[data-id=catalog-modal] .modal {
  max-width: 12.52rem;
  background: #f8f8f8;
}
[data-id=catalog-modal] .modal .h2 {
  font-size: 0.24rem;
  letter-spacing: 0;
}
@media only screen and (max-width: 750px) {
  [data-id=catalog-modal] .modal .h2 {
    font-size: 0.26rem;
  }
}
[data-id=catalog-modal] .modal-heading {
  margin-bottom: 0.33rem;
}
@media only screen and (max-width: 750px) {
  [data-id=catalog-modal] .modal-heading {
    text-align: left;
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 751px) {
  [data-id=catalog-modal] .catalog-list .product-item__title {
    margin-bottom: 0.16rem;
  }
}
[data-id=catalog-modal] .catalog-list .product-item .btn {
  height: 0.35rem;
  font-size: 0.13rem;
  font-weight: normal;
  padding-left: 0.15rem;
  text-transform: none;
  padding-right: 0.15rem;
}
@media only screen and (max-width: 750px) {
  [data-id=catalog-modal] .catalog-list .product-item .btn {
    height: 0.55rem;
    font-size: 0.21rem;
    min-width: 1.38rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
[data-id=catalog-modal] .catalog-list .product-item .btn .icon-check {
  line-height: 1;
  font-size: 0.09rem;
}
@media only screen and (max-width: 750px) {
  [data-id=catalog-modal] .catalog-list .product-item .btn .icon-check {
    display: none;
  }
}
[data-id=catalog-modal] .catalog-list .product-item:not(.selected) .btn {
  background: #dd7375;
}
[data-id=catalog-modal] .catalog-list .product-item:not(.selected) .btn:after {
  content: attr(data-default);
}
[data-id=catalog-modal] .catalog-list .product-item:not(.selected) .btn:hover {
  background: #e43739;
}
[data-id=catalog-modal] .catalog-list .product-item:not(.selected) .btn .icon-check {
  display: none;
}
[data-id=catalog-modal] .catalog-list .product-item.selected .btn {
  background: #e43739;
}
[data-id=catalog-modal] .catalog-list .product-item.selected .btn:after {
  content: attr(data-active);
}
[data-id=catalog-modal] .catalog-list .product-item.selected .btn:hover {
  background: #cc1c1e;
}
@media only screen and (max-width: 1140px) and (min-width: 751px) {
  [data-id=catalog-modal] .filter-form__submit-panel {
    padding-left: 0.24rem;
    padding-right: 0.15rem;
  }
}
@media only screen and (max-width: 1140px) and (min-width: 751px) {
  [data-id=catalog-modal] .filter-form__btn-group .btn--default {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

@media only screen and (min-width: 751px) {
  [data-id=product-info-modal] .modal {
    max-width: 8.24rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-info-modal] .modal {
    color: #414141;
    font-size: 0.24rem;
    line-height: 0.36rem;
    letter-spacing: 0.02em;
  }
  [data-id=product-info-modal] .modal p {
    margin-bottom: 0.36rem;
  }
}
@media only screen and (min-width: 751px) {
  [data-id=product-info-modal] .modal .h2 {
    font-size: 0.24rem;
    line-height: 0.31rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-info-modal] .modal .h2 {
    font-size: 0.26rem;
    line-height: 0.32rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=product-info-modal] .modal .modal-heading {
    text-align: left;
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 750px) {
  .modal-visual {
    margin-bottom: 0.2rem;
  }
}
.modal-visual img {
  width: 100%;
  display: block;
}

@media only screen and (min-width: 751px) {
  .correct-measurement-modal .modal {
    color: #404040;
    font-size: 0.14rem;
    max-width: 8.2rem;
    line-height: 0.23rem;
  }
}
@media only screen and (max-width: 750px) {
  .correct-measurement-modal .modal {
    color: #414141;
    font-size: 0.24rem;
    line-height: 0.36rem;
    letter-spacing: 0.02em;
  }
}
@media only screen and (max-width: 750px) {
  .correct-measurement-modal .modal .modal-heading {
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 751px) {
  .correct-measurement-modal .h2 {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
@media only screen and (max-width: 750px) {
  .correct-measurement-modal .h2 {
    font-size: 0.26rem;
  }
}
@media only screen and (min-width: 751px) {
  .correct-measurement-modal .modal-body p {
    margin-bottom: 0.23rem;
  }
}
@media only screen and (max-width: 750px) {
  .correct-measurement-modal .modal-body p {
    margin-bottom: 0.36rem;
  }
}
@media only screen and (max-width: 750px) {
  .correct-measurement-modal .default-slider {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
.correct-measurement-modal .default-slider__item {
  background: #f7f7f7;
}
.correct-measurement-modal .video {
  position: relative;
}
@media only screen and (max-width: 750px) {
  .correct-measurement-modal .video {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
.correct-measurement-modal .video:before {
  content: "";
  display: block;
  padding-top: 55.9722%;
}
.correct-measurement-modal .video iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  transition: opacity 0.35s ease;
}
.correct-measurement-modal .video iframe:not(.loaded) {
  opacity: 0;
}

.callback {
  color: #636363;
  line-height: 1.2;
  font-size: 0.12rem;
}
.callback__phone {
  color: #000;
  line-height: 1;
  font-weight: 600;
  font-size: 0.21rem;
  margin: 0 0 0.08rem;
  white-space: nowrap;
  vertical-align: top;
  letter-spacing: 0.02em;
  display: inline-block;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .callback__phone {
    margin: 0;
    font-size: 0.38rem;
    font-weight: bold;
  }
}
.callback__phone:hover {
  color: #ad0e27;
}
.callback .underline {
  transition: border-color 0.35s ease;
  border-bottom: 1px dotted rgba(111, 111, 111, 0.4);
}
.callback .underline:hover {
  border-bottom-color: transparent;
}

.callback-form {
  margin: 0;
  padding: 0;
}
.callback-form .form-row {
  position: relative;
  margin-bottom: 0.19rem;
}
@media only screen and (max-width: 750px) {
  .callback-form .form-row {
    margin-bottom: 0.38rem;
  }
}
.callback-form .form-row.on-focus .callback-form__row-title, .callback-form .form-row.not-empty .callback-form__row-title {
  top: 0.06rem;
  height: 0.16rem;
  color: #9a9a9a;
  font-size: 0.11rem;
  line-height: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .callback-form .form-row.on-focus .callback-form__row-title, .callback-form .form-row.not-empty .callback-form__row-title {
    top: 0.15rem;
    height: 0.22rem;
    font-size: 0.18rem;
    line-height: 0.22rem;
  }
}
.callback-form .form-row.on-focus .callback-form__row-title .tooltip, .callback-form .form-row.not-empty .callback-form__row-title .tooltip {
  opacity: 0;
  pointer-events: none;
}
.callback-form__row-title {
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  height: 100%;
  color: #636363;
  overflow: hidden;
  padding: 0 0.18rem;
  font-size: 0.15rem;
  position: absolute;
  line-height: 0.5rem;
  white-space: nowrap;
  pointer-events: none;
  text-overflow: ellipsis;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .callback-form__row-title {
    padding: 0 0.3rem;
    font-size: 0.26rem;
    line-height: 0.91rem;
  }
}
.callback-form__row-title .tooltip {
  top: 50%;
  right: 0.15rem;
  position: absolute;
  margin-top: -0.1rem;
  pointer-events: auto;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .callback-form__row-title .tooltip {
    right: 0.32rem;
    margin-top: -0.18rem;
  }
}
@media only screen and (max-width: 750px) {
  .callback-form__row-title .tooltip__icon:not(:hover) {
    background-color: #fbfbfb;
  }
}
.callback-form__form-control {
  width: 100%;
  height: 0.5rem;
  display: block;
  color: #292929;
  line-height: 1.2;
  font-size: 0.15rem;
  background: #f6f6f6;
  font-weight: normal;
  border-radius: 0.04rem;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
  padding: 0.12rem 0.18rem 0;
  border: 1px solid #ededed;
  transition: border-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .callback-form__form-control {
    height: 0.91rem;
    font-size: 0.26rem;
    border-width: 0.02rem;
    padding: 0.25rem 0.3rem 0;
  }
}
.callback-form__form-control:focus {
  border-color: #b4b4b4;
}
.callback-form__form-control:focus::placeholder {
  opacity: 0;
}
.callback-form__form-control:focus:-ms-input-placeholder {
  opacity: 0;
}
.callback-form__form-control:focus::-ms-input-placeholder {
  opacity: 0;
}
.callback-form__form-control::placeholder {
  opacity: 1;
  color: #636363;
  transition: opacity 0.35s ease;
}
.callback-form__form-control:-ms-input-placeholder {
  opacity: 1;
  color: #636363;
  transition: opacity 0.35s ease;
}
.callback-form__form-control::-ms-input-placeholder {
  opacity: 1;
  color: #636363;
  transition: opacity 0.35s ease;
}
.callback-form__form-control--textarea {
  resize: none;
  height: 0.9rem;
  padding-top: 0.13rem;
  padding-bottom: 0.13rem;
}
@media only screen and (max-width: 750px) {
  .callback-form__form-control--textarea {
    height: 2.14rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
.callback-form__form-control--textarea::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
@media only screen and (max-width: 750px) {
  .callback-form__form-control--textarea::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
.callback-form__form-control--textarea::-webkit-scrollbar-track {
  background: none;
}
.callback-form__form-control--textarea::-webkit-scrollbar-thumb {
  width: 6px;
  cursor: pointer;
  border-radius: 3px;
  background: #c1c1c1;
}
@media only screen and (max-width: 750px) {
  .callback-form__form-control--textarea::-webkit-scrollbar-thumb {
    width: 8px;
  }
}
.callback-form__form-control--textarea::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.callback-form__form-control--textarea::-webkit-scrollbar-corner {
  background: transparent;
}
.callback-form__hint {
  display: block;
  color: #919191;
  font-size: 0.12rem;
  line-height: 0.19rem;
  margin: -0.06rem 0 0.27rem;
}
@media only screen and (max-width: 750px) {
  .callback-form__hint {
    font-size: 0.2rem;
    letter-spacing: 0;
    line-height: 0.32rem;
    margin-bottom: 0.5rem;
  }
}
.callback-form__hint a {
  text-decoration: underline;
}
.callback-form__hint a:hover {
  text-decoration: none;
}
.callback-form .btn {
  font-size: 0.15rem;
  font-weight: normal;
  text-transform: none;
  padding-left: 0.39rem;
  padding-right: 0.39rem;
}
@media only screen and (max-width: 750px) {
  .callback-form .btn {
    width: 100%;
    font-size: 0.28rem;
  }
}
.callback-form__inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .callback-form__inner {
    display: block;
  }
}
.callback-form .col-row {
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}
.callback-form .col-row > .col {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
.callback-form__inputs {
  width: calc(100% + .2rem);
}
@media only screen and (min-width: 751px) {
  .callback-form__inputs .form-row {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 750px) {
  .callback-form__inputs .form-row {
    margin-bottom: 0.4rem;
  }
}
@media only screen and (min-width: 751px) {
  .callback-form__inputs + .callback-form__btn-holder {
    margin-left: 0.2rem;
  }
}

.callback-success-msg {
  z-index: 50;
  display: flex;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  background: #fff;
  position: absolute;
  text-align: center;
  align-items: center;
  flex-direction: column;
  padding: 0.42rem 0.4rem 0.82rem;
  transition: opacity 0.35s ease;
  justify-content: space-between;
}
@media only screen and (min-width: 751px) {
  .callback-success-msg {
    opacity: 0;
  }
}
@media only screen and (max-width: 750px) {
  .callback-success-msg {
    padding: 0;
    display: block;
    position: static;
  }
  .callback-modal:not(.success) .callback-success-msg {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .callback-modal.success .callback-success-msg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
  }
}
.callback-success-msg__text {
  color: #636363;
  line-height: 1.2;
  font-size: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .callback-success-msg__text {
    display: flex;
    color: #aeaeae;
    line-height: 1.2;
    font-size: 0.18rem;
    text-align: center;
    background: #fbfbfb;
    min-height: 1.06rem;
    flex-direction: column;
    margin: 0 -0.4rem 0.4rem;
    align-items: flex-start;
    justify-content: center;
    width: calc(100% + .8rem);
    padding: 0.23rem 0.4rem 0.18rem;
    box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
  }
}
.callback-success-msg__text p {
  margin-bottom: 0.19rem;
}
@media only screen and (max-width: 750px) {
  .callback-success-msg__text p {
    margin-bottom: 0;
    margin-top: 0.1rem;
  }
}
.callback-success-msg__title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.24rem;
  margin: 0 0 0.24rem;
}
@media only screen and (max-width: 750px) {
  .callback-success-msg__title {
    margin: 0;
    line-height: 1.2;
    font-size: 0.22rem;
  }
}
.callback-success-msg__visual {
  display: flex;
  height: 3.5rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .callback-success-msg__visual {
    height: auto;
    min-height: calc(100vh - 2rem);
  }
}
.callback-success-msg__visual img {
  display: block;
  max-width: 100%;
}

@media only screen and (max-width: 750px) {
  .callback-form-holder {
    margin-bottom: 0.3rem;
  }
  .callback-modal.success .callback-form-holder {
    display: none;
  }
}

@media only screen and (min-width: 751px) {
  .callback-modal .modal {
    max-width: 5.39rem;
  }
  .callback-modal .modal--wide {
    max-width: 7.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .callback-modal .modal .modal-heading {
    text-align: left;
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}

.search-form {
  margin: 0;
  padding: 0;
  width: 4.75rem;
}
@media only screen and (max-width: 750px) {
  .search-form {
    width: 100%;
  }
}
.search-form__input {
  color: #000;
  width: 100%;
  height: 0.53rem;
  display: block;
  background: #fff;
  border-radius: 0.04rem;
  padding: 0 1.2rem 0 0.2rem;
  border: 1px solid #e7e7e7;
  transition: all 0.35s ease;
  font: bold 0.14rem/1.2 "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .search-form__input {
    z-index: 600;
    height: 0.8rem;
    font-size: 0.24rem;
    position: relative;
    padding-left: 0.3rem;
    border-color: #e5e5e5;
    padding-right: 1.4rem;
  }
}
.search-form__input:hover, .search-form__input:focus {
  border-color: #cecece;
}
.search-form__input:focus {
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
}
@media only screen and (max-width: 750px) {
  .search-form__input:focus {
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
  }
}
.search-form__input:focus::placeholder {
  opacity: 0;
}
.search-form__input:focus:-ms-input-placeholder {
  opacity: 0;
}
.search-form__input:focus::-ms-input-placeholder {
  opacity: 0;
}
.search-form__input::placeholder {
  opacity: 1;
  color: #636363;
  font-weight: normal;
  transition: opacity 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .search-form__input::placeholder {
    font-size: 0.13rem;
  }
}
.search-form__input:-ms-input-placeholder {
  opacity: 1;
  color: #636363;
  font-weight: normal;
  transition: opacity 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .search-form__input:-ms-input-placeholder {
    font-size: 0.13rem;
  }
}
.search-form__input::-ms-input-placeholder {
  opacity: 1;
  color: #636363;
  font-weight: normal;
  transition: opacity 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .search-form__input::-ms-input-placeholder {
    font-size: 0.13rem;
  }
}
.search-form__btn {
  right: 0;
  font-size: 0.21rem;
}
@media only screen and (max-width: 750px) {
  .search-form__btn {
    z-index: 650;
  }
}
.search-form.not-empty .search-form__btn {
  color: var(--icons-sub-color);
}
.search-form.not-empty .search-form__btn:hover {
  color: #cf2c2f;
}
@media only screen and (max-width: 750px) {
  .search-form__btn {
    right: 0.2rem;
    font-size: 0.32rem;
  }
}
.search-form__reset {
  opacity: 0;
  color: #bbb;
  right: 0.5rem;
  font-size: 0.16rem;
  pointer-events: none;
}
@media only screen and (max-width: 750px) {
  .search-form__reset {
    right: 0.7rem;
    z-index: 650;
    font-size: 0.24rem;
  }
}
.search-form .btn {
  top: 0;
  margin: 0;
  padding: 0;
  color: #bbb;
  height: 100%;
  width: 0.5rem;
  display: flex;
  line-height: 1;
  background: none;
  position: absolute;
  align-items: center;
  justify-content: center;
}
.search-form .btn:hover {
  color: #7e7e7e;
}
.search-form .btn i {
  margin: 0;
}
.search-form__dropdown {
  opacity: 0;
  z-index: 500;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  background: #fff;
  position: absolute;
  border-style: solid;
  border-radius: 0.04rem;
  border-color: #e7e7e7;
  border-width: 0 1px 1px;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .search-form__dropdown {
    border: none;
    border-radius: 0;
    padding-top: 1rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
  }
}
.search-form__dropdown:after {
  left: 0;
  right: 0;
  content: "";
  bottom: 100%;
  height: 0.1rem;
  background: #fff;
  position: absolute;
  margin-bottom: 1px;
  pointer-events: none;
}
@media only screen and (max-width: 750px) {
  .search-form__dropdown:after {
    height: 0.15rem;
    margin-bottom: 0;
  }
}
.search-form__dropdown .scroll-cover {
  max-height: 2.5rem;
}
@media only screen and (max-width: 750px) {
  .search-form__dropdown .scroll-cover {
    max-height: calc(100vh - 2.98rem);
  }
}
.search-form__dropdown__footer {
  font-size: 0.13rem;
  padding: 0.14rem 0.2rem;
  border-top: 1px solid #ddd;
}
@media only screen and (max-width: 750px) {
  .search-form__dropdown__footer {
    display: flex;
    font-size: 0.22rem;
    padding: 0.35rem 0;
    align-items: center;
    justify-content: space-between;
  }
}
.search-form__dropdown__footer .search-form__results-more {
  margin-top: 0;
}
.search-form__result-group {
  color: #626262;
  line-height: 1.2;
  font-size: 0.13rem;
  padding: 0.18rem 0.17rem;
  border-top: 1px solid #ddd;
}
@media only screen and (max-width: 750px) {
  .search-form__result-group {
    font-size: 0.22rem;
    padding: 0.35rem 0;
  }
}
.search-form__result-group:first-child {
  border-top: none;
}
.search-form__result-group__title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.13rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .search-form__result-group__title {
    font-size: 0.2rem;
  }
}
.search-form__result-group__title a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.search-form__result-group__title a:hover {
  color: #cf2c2f;
}
.search-form__result-group:not(.open) .search-form__results-list__item:nth-child(5) ~ .search-form__results-list__item {
  display: none;
}
.search-form__result-group.open .search-form__results-more {
  display: none;
}
.search-form__results-list {
  margin: 0;
  list-style: none;
  padding: 0.12rem 0 0;
}
@media only screen and (max-width: 750px) {
  .search-form__results-list {
    padding-top: 0.24rem;
  }
}
.search-form__results-list__item {
  margin: 0.12rem 0 0;
}
@media only screen and (max-width: 750px) {
  .search-form__results-list__item {
    margin-top: 0.24rem;
  }
}
.search-form__results-list__item:first-child {
  margin-top: 0;
}
.search-form__results-list__item .light {
  color: #b4b4b4;
}
.search-form__results-list__link {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.search-form__results-list__link:hover {
  color: #ad0e27;
}
.search-form__results-more {
  margin-top: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .search-form__results-more {
    margin-top: 0.24rem;
  }
}
.search-form__results-more a {
  color: #cf2c2f;
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.search-form__results-more a:hover {
  color: #ad0e27;
}
.search-form__search-hide {
  border: none;
  color: #636363;
  line-height: 1.2;
  background: none;
  font-size: 0.22rem;
}
.search-form__suggestions {
  margin: 0;
  color: #919191;
  list-style: none;
  line-height: 1.3;
  font-size: 0.12rem;
  padding: 0.04rem 0 0;
}
.search-form__suggestions li {
  vertical-align: top;
  display: inline-block;
}
.search-form__suggestions li:not(:last-child):after {
  content: ", ";
}
.search-form__suggestions a {
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px dotted;
  transition: color 0.35s ease, border-color 0.35s ease;
}
.search-form__suggestions a:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}
.search-form.not-empty .search-form__reset, .header--search-form-open .search-form .search-form__reset {
  opacity: 1;
  pointer-events: auto;
}
.search-form.show-results .search-form__input {
  border-color: #e7e7e7;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
}
@media only screen and (max-width: 750px) {
  .search-form.show-results .search-form__input {
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
  }
}
.search-form.show-results .search-form__dropdown {
  left: 0;
  right: 0;
  top: 100%;
  opacity: 1;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .search-form.show-results .search-form__dropdown {
    top: -0.1rem;
    left: -0.4rem;
    right: -0.4rem;
  }
}

.search-panel .search-form {
  width: auto;
  margin-bottom: 0.31rem;
}
@media only screen and (max-width: 750px) {
  .search-panel .search-form {
    margin-bottom: 0.18rem;
  }
}
.search-panel .search-form__input {
  height: 0.5rem;
  color: #636363;
  font-size: 0.14rem;
  font-weight: normal;
  background: #f6f6f6;
  padding-left: 0.19rem;
  border-color: #dcdcdc;
}
@media only screen and (max-width: 750px) {
  .search-panel .search-form__input {
    height: 0.91rem;
    font-size: 0.26rem;
    background: #f8f8f8;
    padding-left: 0.37rem;
    border-color: #e8e8e8;
  }
}
.search-panel .search-form__input:focus {
  border-color: #d4d4d4;
  background-color: #eeeeee;
}
.search-panel .search-form__btn {
  width: 0.4rem;
  color: #7e7e7e;
}
@media only screen and (max-width: 750px) {
  .search-panel .search-form__btn {
    right: 0;
    width: 0.7rem;
  }
}
.search-panel .search-form__btn:hover {
  color: #656565;
}
@media only screen and (min-width: 751px) {
  .search-panel .search-form__reset {
    right: 0.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .search-panel .search-form__reset {
    right: 0.7rem;
  }
}
.search-panel .search-form.not-empty .search-form__btn {
  color: #7e7e7e;
}
.search-panel .search-form.not-empty .search-form__btn:hover {
  color: #585858;
}
.search-panel__results-list {
  padding: 0;
  columns: 3;
  color: #292929;
  list-style: none;
  overflow: hidden;
  column-gap: 0.2rem;
  margin: 0 0 -0.11rem;
}
@media only screen and (max-width: 750px) {
  .search-panel__results-list {
    margin: 0;
    height: auto;
    columns: auto;
    overflow: visible;
    font-size: 0.26rem;
    line-height: 0.3rem;
  }
}
.search-panel__result-item {
  width: 100%;
  vertical-align: top;
  margin-bottom: 0.15rem;
  display: inline-block;
  page-break-inside: avoid;
}
@media only screen and (max-width: 750px) {
  .search-panel__result-item {
    width: auto;
    display: block;
    margin-bottom: 0;
    border-top: 1px solid #ddd;
  }
  .search-panel__result-item:first-child {
    border-top: none;
  }
}
.search-panel__result-item.active {
  color: #cf2c2f;
}
.search-panel__result-item.active a:hover {
  color: #ad0e27;
}
.search-panel__result-item a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .search-panel__result-item a {
    display: block;
    padding: 0.32rem;
  }
}
.search-panel__result-item a:hover {
  color: #cf2c2f;
}

.counter {
  width: 0.5rem;
  display: block;
  position: relative;
  background: #f9f9f9;
}
.counter__input {
  width: 100%;
  height: 0.33rem;
  color: #4b4b4b;
  display: block;
  line-height: 1.2;
  font-size: 0.14rem;
  text-align: center;
  background: #f9f9f9;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
  border: 1px solid #e6e6e6;
  padding: 0 0.22rem 0 0.03rem;
}
.counter__plus, .counter__minus {
  right: 1px;
  padding: 0;
  height: 50%;
  width: 0.2rem;
  display: flex;
  color: #bababa;
  line-height: 1;
  cursor: pointer;
  font-size: 0.06rem;
  position: absolute;
  border-style: solid;
  align-items: center;
  background: #f9f9f9;
  justify-content: center;
  transition: color 0.35s ease, opacity 0.35s ease;
}
.counter__plus:not(:disabled):hover, .counter__minus:not(:disabled):hover {
  color: #878787;
}
.counter__plus:disabled, .counter__minus:disabled {
  opacity: 0.36;
  cursor: default;
}
.counter__plus {
  top: 1px;
  z-index: 1;
  border-width: 0 0 1px 1px;
}
.counter__plus .icon-triangle-down {
  display: block;
  transform: rotate(180deg);
}
.counter__minus {
  bottom: 1px;
  border-width: 0 0 0 1px;
}

.small-product-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.small-product-item {
  color: #636363;
  font-size: 0.11rem;
  line-height: 0.18rem;
}
.small-product-item__inner {
  display: flex;
  padding: 0.17rem 0;
  align-items: center;
  justify-content: flex-start;
}
.small-product-item__visual {
  width: 0.9rem;
  flex-shrink: 0;
  min-height: 0.75rem;
  margin-right: 0.24rem;
}
.small-product-item__visual img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.small-product-item__content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.small-product-item__description {
  display: block;
  max-width: 2rem;
}
.small-product-item__title {
  display: block;
  color: #292929;
  font-size: 0.13rem;
  line-height: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .small-product-item__title {
    font-size: 0.22rem;
    line-height: 0.34rem;
  }
}
.small-product-item__title a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.small-product-item__title a:hover {
  color: #cf2c2f;
}
.small-product-item__price-holder {
  text-align: right;
  margin: 0 0 0 0.2rem;
}
.small-product-item__price-holder--inline {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.small-product-item__price {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.24rem;
  white-space: nowrap;
}
.small-product-item__separator {
  line-height: 1;
  color: #a3a3a3;
  font-size: 0.1rem;
  margin: 0 0.09rem;
}
.small-product-item__kit {
  display: block;
  color: #e4373a;
  margin: 0.05rem 0 0;
  white-space: nowrap;
}
.small-product-item__kit .underline {
  border-bottom: 1px dotted;
  transition: border-color 0.35s ease;
}
.small-product-item__kit:hover .underline {
  border-bottom-color: transparent;
}
.small-product-item__article {
  display: flex;
  color: #818181;
  line-height: 1.2;
  font-size: 0.11rem;
  margin: 0 0 0.05rem;
  letter-spacing: 0.02em;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .small-product-item__article {
    font-size: 0.16rem;
    margin-bottom: 0.1rem;
  }
}
.small-product-item__article-title {
  padding: 0;
  color: #aeaeae;
  margin: 0 0.04rem 0 0;
}
.small-product-item__article-value {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 750px) {
  .products-section {
    padding-top: 0.65rem;
  }
}
.products-section--similar {
  background: #f9f9f9;
}
@media only screen and (max-width: 750px) {
  .products-section--similar {
    background: #f9f9f9;
  }
}
@media only screen and (max-width: 750px) {
  .products-section--similar .tag-items-list {
    overflow-x: auto;
    flex-wrap: nowrap;
    overflow-y: hidden;
    margin-right: -0.4rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    scroll-behavior: smooth;
    margin-left: -0.61rem;
    -webkit-overflow-scrolling: touch;
  }
}
.products-section--similar .product-list {
  margin-left: 0;
  margin-right: 0;
  background: #fff;
  border-radius: 0.04rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .products-section--similar .product-list {
    box-shadow: none;
    border-radius: 0;
    background: none;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .products-section--similar .product-list .slick-list {
    background: #fff;
  }
}
.products-section--similar .product-list .product-item {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 751px) {
  .products-section--similar .product-list .product-item {
    border-left: 1px solid #f0f0f0;
  }
}
.products-section--similar .js-product-slider .slick-arrow {
  width: 0.42rem;
  height: 0.42rem;
  line-height: 0.42rem;
  margin-bottom: 0.29rem;
}
.products-section--similar .js-product-slider .slick-prev {
  right: 0.54rem;
}
.products-section--similar .js-product-slider .slick-list {
  margin: 0;
  padding: 0;
}
.products-section--similar .product-item__inner {
  box-shadow: none;
  background: none;
  padding-top: 0.23rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .products-section--similar .product-item__visual {
    margin-bottom: 0.2rem;
  }
}
.products-section--similar .product-item__visual > a {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 751px) {
  .products-section--similar .product-item__visual > a {
    max-width: 2.27rem;
  }
}
@media only screen and (max-width: 750px) {
  .products-section--similar .product-item__visual > a {
    max-width: 3rem;
  }
}
.products-section__tags {
  position: relative;
}
@media only screen and (min-width: 751px) {
  .products-section__tags {
    padding-right: 1.32rem;
    margin-bottom: 0.22rem;
  }
}
@media only screen and (max-width: 750px) {
  .products-section__tags {
    margin-bottom: 0.19rem;
  }
}
.products-section__tags__arrows {
  right: 0;
  top: -0.08rem;
  position: absolute;
}
.products-section__tags .slick-arrow {
  top: 0;
  margin: 0;
  width: 0.42rem;
  height: 0.42rem;
  line-height: 0.42rem;
}
.products-section__tags .slick-prev {
  left: auto;
  right: 0.54rem;
}

.default-section.products-section--similar {
  padding-top: 0.48rem;
  padding-bottom: 0.53rem;
  border-bottom: 1px solid #f0f0f0;
}
.default-section.products-section--similar:first-child {
  padding-top: 0;
}

.product-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
  list-style: none;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product-list {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
.product-list .product-item {
  width: 25%;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .product-list .product-item {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
  }
}
.product-list--similar {
  margin-left: 0;
  margin-right: 0;
  border-style: solid;
  margin-bottom: 0.14rem;
  border-color: #e9e9e9;
  border-width: 0 1px 1px 0;
}
@media only screen and (max-width: 750px) {
  .product-list--similar {
    margin-bottom: 0;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    border-left-width: 0;
  }
}
.product-list--similar .product-item {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.product-list--similar .product-item__inner {
  box-shadow: none;
  border-style: solid;
  padding-left: 0.29rem;
  padding-right: 0.29rem;
  border-color: #e9e9e9;
  border-width: 1px 0 0 1px;
}
@media only screen and (max-width: 750px) {
  .product-list--similar .product-item__inner {
    padding-left: 0.23rem;
    padding-right: 0.23rem;
    border-right-width: 0;
  }
}
.product-list--similar .product-item:not(:first-child) .product-item__inner {
  border-left-width: 1px;
}
@media only screen and (max-width: 750px) {
  .product-list--similar + .load-more-btn-holder {
    border-width: 0 0 1px;
  }
}

.js-product-slider .product-item {
  margin-bottom: 0;
}
.js-product-slider.slick-slider {
  display: block;
}
@media only screen and (min-width: 751px) {
  .js-product-slider:not(.slick-slider) .product-item:nth-child(4) ~ .product-item {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .js-product-slider:not(.slick-slider) .product-item:nth-child(2) ~ .product-item {
    display: none;
  }
}
.js-product-slider .slick-list {
  transform: none;
  padding: 1rem 1.2rem;
  margin: -1rem -1.2rem;
}
@media only screen and (max-width: 750px) {
  .js-product-slider .slick-list {
    padding: 0.2rem 0;
    margin: -0.2rem 0;
  }
}
.js-product-slider .slick-arrow {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -0.68rem;
}
@media only screen and (max-width: 750px) {
  .js-product-slider .slick-arrow {
    display: none !important;
  }
}
.js-product-slider .slick-next {
  right: 0;
}
.js-product-slider .slick-prev {
  left: auto;
  right: 0.54rem;
}
.js-product-slider .slick-dots {
  padding-top: 0.43rem;
}
.js-product-slider .slick-track {
  z-index: 100;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  align-items: stretch;
  justify-content: flex-start;
}
.js-product-slider .slick-track:after, .js-product-slider .slick-track:before {
  display: none;
}
.js-product-slider .slick-slide {
  transition: opacity 0.35s ease;
}
.js-product-slider .slick-slide:not(.slick-active) {
  opacity: 0;
  pointer-events: none;
}

.product-item {
  float: none;
  height: auto;
  flex-shrink: 0;
  margin-bottom: 0.2rem;
}
.product-item__inner {
  min-height: 100%;
  background: #fff;
  border-radius: 0.04rem;
  padding: 0.2rem 0.25rem 0.15rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .product-item__inner {
    box-shadow: none;
    border-radius: 0;
    border-style: solid;
    border-color: #efefef;
    padding-bottom: 0.24rem;
    border-width: 1px 1px 1px 0;
  }
}
.product-item__visual {
  margin: 0 0 0.11rem;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .product-item__visual {
    margin-bottom: 0.06rem;
  }
}
.product-item__visual > a {
  display: block;
  position: relative;
}
.product-item__visual > a:before {
  content: "";
  display: block;
  padding: 71.3656% 0 0;
}
.product-item__visual > a img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  object-fit: contain;
}
.product-item__actions {
  right: 0;
  opacity: 0;
  z-index: 15;
  top: -0.05rem;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -0.04rem 0 -0.05rem;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-item__actions {
    top: -0.08rem;
    display: none;
  }
}
.product-item__inner:hover .product-item__actions {
  opacity: 1;
}
.product-item__action {
  margin: 0 0.04rem 0 0.05rem;
}
.product-item__action-link {
  line-height: 1;
  color: #7d7d7d;
  position: relative;
  font-size: 0.13rem;
  vertical-align: top;
  display: inline-block;
}
@media screen and (max-width: 1440px) and (min-width: 1081px) {
  .product-item__action-link {
    font-size: 0.14rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-item__action-link {
    font-size: 0.18rem;
  }
}
.product-item__action-link__icon {
  display: flex;
  width: 0.3rem;
  height: 0.3rem;
  cursor: pointer;
  color: #7d7d7d;
  background: #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px #c6c6c6;
  transition: color 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease;
}
@media screen and (max-width: 1440px) and (min-width: 1081px) {
  .product-item__action-link__icon {
    width: 0.3112rem;
    height: 0.3112rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-item__action-link__icon {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.product-item__action-link__icon:hover {
  background: #ececec;
}
.product-item__action-link.active .product-item__action-link__icon {
  color: #fff;
  background: #cf2c2f;
  box-shadow: inset 0 0 0 1px #cf2c2f;
}
.product-item__action-link.active .product-item__action-link__icon:hover {
  background: #ad0e27;
}
.product-item__action-link__icon i:before {
  vertical-align: top;
}
@media screen and (max-width: 1440px) and (min-width: 1081px) {
  .product-item__action-link .icon-heart {
    top: 1px;
    position: relative;
  }
}
.product-item__action-link__tooltip {
  opacity: 0;
  z-index: 250;
  color: #fff;
  left: -9999px;
  bottom: 9999px;
  line-height: 1.2;
  font-weight: 600;
  font-size: 0.13rem;
  position: absolute;
  white-space: nowrap;
  background: #292929;
  margin-left: -0.14rem;
  margin-bottom: 0.15rem;
  padding: 0.17rem 0.2rem;
  transition: all 0s ease 0.55s, opacity 0.35s ease 0.2S;
}
@media only screen and (max-width: 750px) {
  .product-item__action-link__tooltip {
    margin-left: -0.2rem;
    padding: 0.24rem 0.32rem;
  }
  .product-item:nth-child(even) .product-item__action-link__tooltip {
    left: auto;
    right: 9999px;
    margin-left: 0;
    margin-right: -0.68rem;
  }
}
.product-item__action-link:hover .product-item__action-link__tooltip, .product-item__action-link.show-tooltip .product-item__action-link__tooltip {
  left: 0;
  opacity: 1;
  bottom: 100%;
  transition: all 0s ease 0.35s, opacity 0.35s ease 0.35s;
}
@media only screen and (max-width: 750px) {
  .product-item:nth-child(even) .product-item__action-link:hover .product-item__action-link__tooltip, .product-item:nth-child(even) .product-item__action-link.show-tooltip .product-item__action-link__tooltip {
    right: 0;
    left: auto;
  }
}
.product-item__action-link__tooltip:before {
  top: 100%;
  content: "";
  left: 0.21rem;
  position: absolute;
  border-top: 0.08rem solid #292929;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
}
@media only screen and (max-width: 750px) {
  .product-item__action-link__tooltip:before {
    left: 0.32rem;
    border-top-width: 0.12rem;
    border-left-width: 0.12rem;
    border-right-width: 0.12rem;
  }
  .product-item:nth-child(even) .product-item__action-link__tooltip:before {
    left: auto;
    right: 0.32rem;
  }
}
.product-item__action-link__tooltip a {
  color: #dd7375;
  font-weight: normal;
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px solid #dd7375;
  transition: border-color 0.35s ease;
}
.product-item__action-link__tooltip a:hover {
  color: #dd7375;
  border-bottom-color: transparent;
}
.product-item__action-link__tooltip .p {
  display: block;
}
.product-item__action-link__tooltip .p:not(:first-child) {
  margin-top: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .product-item__action-link__tooltip .p:not(:first-child) {
    margin-top: 0.16rem;
  }
}
.product-item__action-link.active .product-item__action-link__tooltip .default {
  display: none;
}
.product-item__action-link:not(.active) .product-item__action-link__tooltip .active {
  display: none;
}
.product-item__badges {
  top: 0;
  left: 0;
  padding: 0;
  z-index: 15;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  font-size: 0.11rem;
  position: absolute;
  line-height: 0.22rem;
  pointer-events: none;
  align-items: flex-start;
  margin: 0 -0.05rem -0.1rem;
  justify-content: flex-start;
}
@media only screen and (min-width: 751px) {
  .product-item__badges {
    padding-right: 0.8rem;
  }
}
.product-item__badge-item {
  margin: 0 0.05rem 0.1rem;
}
.product-item__badge {
  padding: 0 0.1rem;
  font-weight: normal;
  vertical-align: top;
  align-items: center;
  display: inline-flex;
  border-radius: 0.04rem;
  text-transform: uppercase;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product-item__badge {
    font-size: 0.16rem;
    line-height: 0.36rem;
    padding-left: 0.14rem;
    padding-right: 0.14rem;
  }
}
.product-item__badge__amount {
  background: #fff;
  padding: 0 0.1rem;
  border-style: solid;
  margin: 0 -0.1rem 0 0.06rem;
  border-width: 1px 1px 1px 0;
  line-height: calc(.22rem - 2px);
  border-radius: 0 0.04rem 0.04rem 0;
}
@media only screen and (max-width: 750px) {
  .product-item__badge__amount {
    padding: 0 0.14rem;
    margin: 0 -0.14rem 0 0.09rem;
    line-height: calc(.36rem - 2px);
  }
}
.product-item__badge--new {
  color: #fff;
  background: #8dc628;
}
.product-item__badge--new .product-item__badge__amount {
  color: #8dc628;
}
.product-item__badge--hit {
  color: #fff;
  background: #2997c5;
}
.product-item__badge--hit .product-item__badge__amount {
  color: #2997c5;
}
.product-item__badge--profitable {
  color: #fff;
  background: #ff8a00;
}
.product-item__badge--profitable .product-item__badge__amount {
  color: #ff8a00;
}
.product-item__badge--sale {
  color: #fff;
  background: #e85557;
}
.product-item__badge--sale .product-item__badge__amount {
  color: #e85557;
}
.product-item__badge--stock {
  color: #fff;
  background: #f06842;
}
.product-item__badge--stock .product-item__badge__amount {
  color: #f06842;
}
.product-item__badge--hit-red {
  color: #fff;
  background: #cf2c2f;
}
.product-item__badge--hit-red .product-item__badge__amount {
  color: #cf2c2f;
}
.product-item__title {
  display: block;
  font-size: 0.13rem;
  margin: 0 0 0.25rem;
  line-height: 0.2rem;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .product-item__title {
    font-size: 0.22rem;
    line-height: 0.36rem;
    margin-bottom: 0.3rem;
  }
}
.product-item__title a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.product-item__title a:hover {
  color: #cf2c2f;
}
.product-item__buy-panel {
  display: flex;
  margin: 0 0 0.14rem;
  align-items: flex-end;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .product-item__buy-panel {
    margin-bottom: 0.19rem;
  }
}
.product-item__price {
  width: 100%;
  color: #000;
  font-weight: 600;
  line-height: 1.2;
  position: relative;
  font-size: 0.17rem;
  margin-bottom: 0.07rem;
}
@media only screen and (max-width: 750px) {
  .product-item__price {
    font-size: 0.28rem;
    font-weight: bold;
    margin-bottom: 0.09rem;
  }
}
.product-item__price sup {
  font-size: 60%;
  vertical-align: top;
}
.product-item__old-price-panel {
  left: 0;
  right: 0;
  bottom: 100%;
  display: flex;
  position: absolute;
  font-weight: normal;
  padding: 0 0 0.03rem;
  align-items: center;
  justify-content: flex-start;
}
.product-item__old-price {
  color: #868686;
  line-height: 1.2;
  font-size: 0.12rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 750px) {
  .product-item__old-price {
    font-size: 0.2rem;
  }
}
.product-item__sale-amount {
  color: #fff;
  padding: 0 0.05rem;
  font-size: 0.11rem;
  margin-left: 0.05rem;
  line-height: 0.16rem;
  background: #ed7c7e;
}
@media only screen and (max-width: 750px) {
  .product-item__sale-amount {
    font-size: 0.2rem;
    padding: 0 0.06rem;
    line-height: 0.25rem;
    margin-left: 0.12rem;
    letter-spacing: 0.02em;
  }
}
.product-item__buy-btn {
  display: flex;
  width: 0.44rem;
  height: 0.44rem;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  margin-left: 0.2rem;
  align-items: center;
  border-radius: 0.22rem;
  justify-content: center;
  border: 1px solid #c9c9c9;
  transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease, width 0.35s ease;
}
.product-item.in-basket .product-item__buy-btn {
  color: #fff;
  border-width: 0.02rem;
  border-color: #df524d;
  background-color: #df524d;
}
.product-item.in-basket .product-item__buy-btn:hover {
  border-color: #e4373a;
  background-color: #e4373a;
}
@media only screen and (max-width: 750px) {
  .product-item__buy-btn {
    width: 0.61rem;
    height: 0.61rem;
    border-radius: 50%;
    border-color: #dd433d;
  }
}
.product-item__buy-btn:hover {
  color: #fff;
}
@media only screen and (min-width: 751px) {
  .product-item:not(.in-basket) .product-item__buy-btn:hover {
    width: 0.89rem;
    border-color: #e4373a;
    background-color: #e4373a;
  }
  .product-item:not(.in-basket) .product-item__buy-btn:hover .product-item__buy-btn__text {
    left: 0;
    right: 0;
    color: #fff;
  }
}
@media only screen and (max-width: 750px) {
  .product-item__buy-btn:hover {
    background-color: #dd433d;
  }
  .product-item__buy-btn:hover .product-item__buy-btn__icon {
    color: #fff;
  }
}
.product-item__buy-btn__icon {
  margin: 0;
  color: #df524d;
  display: block;
  line-height: 1;
  font-size: 0.2rem;
  padding-top: 0.02rem;
  padding-left: 0.02rem;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-item__buy-btn__icon {
    padding-top: 0;
    font-size: 0.27rem;
  }
}
.product-item__buy-btn:hover .product-item__buy-btn__icon {
  opacity: 0;
}
.product-item__buy-btn__icon.icon-check {
  color: #fff;
  font-size: 0.17rem;
}
@media only screen and (max-width: 750px) {
  .product-item__buy-btn__icon.icon-check {
    font-size: 0.23rem;
  }
}
.product-item:not(.in-basket) .product-item__buy-btn__icon.icon-check {
  display: none;
}
.product-item.in-basket .product-item__buy-btn__icon.icon-basket {
  display: none;
}
.product-item__buy-btn__text {
  top: 0;
  bottom: 0;
  left: 100%;
  right: -100%;
  display: flex;
  color: transparent;
  position: absolute;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease;
}
.product-item__info-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-item__status {
  display: flex;
  color: #818181;
  line-height: 1.2;
  font-size: 0.11rem;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product-item__status {
    font-size: 0.16rem;
    letter-spacing: 0.02em;
  }
}
.product-item__status i {
  line-height: 1;
  font-size: 0.1rem;
  font-style: normal;
  margin-right: 0.05rem;
}
@media only screen and (max-width: 750px) {
  .product-item__status i {
    font-size: 0.14rem;
    margin-right: 0.07rem;
  }
}
.product-item__status .icon-close {
  color: #b4b4b4;
}
.product-item__status .icon-check {
  color: #88bb6d;
}
.product-item__status .icon-question {
  color: #f2af61;
  font-size: 0.12rem;
  font-weight: bold;
}
.product-item__article {
  margin: 0;
  padding: 0;
  display: flex;
  color: #818181;
  line-height: 1.2;
  font-size: 0.11rem;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product-item__article {
    font-size: 0.16rem;
    letter-spacing: 0.02em;
  }
}
.product-item__article__title {
  padding: 0;
  color: #aeaeae;
  margin: 0 0.04rem 0 0;
}
.product-item__article__value {
  margin: 0;
  padding: 0;
}
.product-item__specifications-list {
  margin: 0;
  padding: 0;
  display: none;
  color: #636363;
  line-height: 1.5;
  list-style: none;
  font-size: 0.13rem;
}
.product-item__specification {
  margin: 0 0 0.04rem;
  page-break-inside: avoid;
}
.product-item__specification-title {
  color: #919191;
}
.product-item--more {
  text-align: center;
}
.product-item--more .product-item__inner {
  display: flex;
  padding-top: 1rem;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 1.15rem;
}
@media only screen and (max-width: 750px) {
  .product-item--more .product-item__inner {
    padding-top: 1.1rem;
    padding-bottom: 1.5rem;
  }
}
.product-item--more__title {
  display: block;
  color: #292929;
  font-size: 0.2rem;
  font-weight: 600;
  line-height: 0.27rem;
  margin-bottom: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .product-item--more__title {
    font-size: 0.3rem;
    line-height: 1.5;
  }
}
.product-item--more__text {
  display: block;
  color: #aeaeae;
  line-height: 1.5;
  font-size: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .product-item--more__text {
    font-size: 0.2rem;
  }
}
.product-item--more__btn-holder {
  left: 0.3rem;
  right: 0.3rem;
  bottom: 0.43rem;
  position: absolute;
}
.product-item--more__btn-holder .btn {
  height: 0.46rem;
  font-size: 0.14rem;
  font-weight: normal;
  text-transform: none;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  border-radius: 0.23rem;
}
@media only screen and (max-width: 750px) {
  .product-item--more__btn-holder .btn {
    height: 0.8rem;
    font-size: 0.24rem;
    border-radius: 0.4rem;
  }
}
.product-item__rate {
  left: 0;
  display: flex;
  bottom: -0.03rem;
  height: 0.23rem;
  color: #636363;
  background: #fff;
  position: absolute;
  font-size: 0.13rem;
  align-items: center;
  line-height: 0.16rem;
  pointer-events: none;
  border-radius: 0.15rem;
  padding: 0.05rem 0.09rem;
  border: 1px solid #cacaca;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product-item__rate {
    height: 0.43rem;
    bottom: 0.02rem;
    min-width: 0.78rem;
    font-size: 0.22rem;
    line-height: 0.26rem;
    border-radius: 0.21rem;
    padding: 0.1rem 0.16rem;
  }
}
.product-item__rate i {
  color: #dd7375;
  font-size: 0.12rem;
  margin-right: 0.05rem;
}
@media only screen and (max-width: 750px) {
  .product-item__rate i {
    font-size: 0.18rem;
    margin-right: 0.1rem;
  }
}

@media only screen and (max-width: 750px) {
  body.filters-open {
    overflow: hidden !important;
  }
}

.filter-form {
  background: #fff;
  margin: 0 0 0.14rem;
  border-radius: 0.04rem;
  padding: 0.31rem 0.3rem 0.21rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .filter-form {
    margin: 0;
    opacity: 0;
    top: -9999px;
    left: -9999px;
    right: 9999px;
    bottom: 9999px;
    z-index: 1000;
    position: fixed;
    border-radius: 0;
    padding: 0 0.4rem;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    transition: all 0s ease 0.35s, opacity 0.35s ease;
  }
  body.filters-open .filter-form {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: opacity 0.35s ease;
  }
}
.filter-form--no-filters {
  padding-top: 0.25rem;
  padding-bottom: 0.24rem;
}
.filter-form--no-filters .filter-form__submit-panel {
  margin: 0;
  padding: 0;
  border: none;
}
.filter-form--no-filters .filter-form__tags-panel {
  padding-top: 0;
  border-top: none;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid rgba(210, 210, 210, 0.48);
}
@media only screen and (max-width: 750px) {
  .filter-form fieldset {
    height: 100%;
    position: static;
  }
}
.filter-form__heading {
  height: 1.06rem;
  position: relative;
  margin: 0 -0.4rem 0.6rem;
  padding: 0 1.2rem 0 0.4rem;
  box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
}
.filter-form__close {
  top: 0.36rem;
  right: 0.4rem;
  color: #636363;
  line-height: 1;
  font-size: 0.36rem;
  position: absolute;
  transition: color 0.35s ease;
}
.filter-form__close:hover {
  color: #000;
}
.filter-form__submit-panel {
  display: flex;
  margin: 0 -0.3rem;
  align-items: center;
  padding: 0.23rem 0.3rem 0;
  justify-content: space-between;
  border-top: 1px solid rgba(210, 210, 210, 0.48);
}
@media only screen and (max-width: 750px) {
  .filter-form__submit-panel {
    left: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    padding: 0.4rem;
    position: absolute;
    background: #fafafa;
  }
}
.filter-form__tags-panel {
  display: none;
  margin: 0 -0.3rem;
  padding: 0.15rem 0.3rem 0.19rem;
  border-top: 1px solid rgba(210, 210, 210, 0.48);
}
.filter-form__btn-group {
  display: flex;
  align-items: center;
  margin-left: -0.14rem;
  margin-right: -0.14rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .filter-form__btn-group {
    margin: 0;
    width: 100%;
    flex-direction: column;
  }
}
.filter-form__btn-group .btn {
  margin-left: 0.14rem;
  margin-right: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .filter-form__btn-group .btn {
    margin-left: 0;
    margin-right: 0;
  }
}
.filter-form__btn-group .btn--default {
  font-size: 0.15rem;
  font-weight: normal;
  text-transform: none;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
@media only screen and (max-width: 750px) {
  .filter-form__btn-group .btn--default {
    width: 100%;
    font-size: 0.28rem;
  }
}
.filter-form__reset {
  padding: 0;
  border: none;
  color: #292929;
  background: none;
  font-size: 0.13rem;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .filter-form__reset {
    order: 10;
    width: 100%;
    font-size: 0.24rem;
    margin-top: 0.1rem;
    margin-bottom: -0.2rem;
  }
}
.filter-form:not(.changed) .filter-form__reset {
  opacity: 0.5;
  pointer-events: none;
}
.filter-form__reset .underline {
  transition: border-color 0.35s ease;
  border-bottom: 1px dotted rgba(41, 41, 41, 0.52);
}
.filter-form__reset i {
  color: #8f8f8f;
  line-height: 1;
  margin-right: 0;
  font-size: 0.11rem;
  margin-left: 0.08rem;
}
@media only screen and (max-width: 750px) {
  .filter-form__reset i {
    display: none;
  }
}
.filter-form__reset:hover .underline {
  border-bottom-color: transparent;
}
.filter-form__popular-tags {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.filter-form__popular-tags-title {
  line-height: 1.2;
  font-size: 0.13rem;
  white-space: nowrap;
  margin-right: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .filter-form__popular-tags-title {
    color: #000;
    display: block;
    line-height: 1.2;
    font-size: 0.26rem;
    padding-top: 0.1rem;
    margin: 0 0 0.44rem;
  }
}
.filter-form__msg-panel {
  margin: 0 0.1rem -0.1rem 0;
}
.filter-form.show-all-tags .filter-form__tags-panel {
  display: block;
}
.filter-form.show-all-tags .filter-form__popular-tags-title {
  display: none;
}
.filter-form.show-all-tags .filter-form__popular-tags .tag-items-list__item:not(.tag-items-list__item--more) {
  display: none;
}
.filter-form.show-all-tags .filter-form__popular-tags .tag-items-list__item--more .tag-item {
  border: none;
  color: #292929;
  border-radius: 0;
  background: none;
}
.filter-form.show-all-tags .filter-form__popular-tags .tag-items-list__item--more .tag-item .underline {
  transition: border-color 0.35s ease;
  border-bottom: 1px dotted rgba(41, 41, 41, 0.52);
}
.filter-form.show-all-tags .filter-form__popular-tags .tag-items-list__item--more .tag-item:hover .underline {
  border-bottom-color: transparent;
}
.filter-form.show-all-tags .filter-form__popular-tags .tag-items-list__item--more .tag-item .icon-angle-down {
  left: 0;
  top: 0.09rem;
  color: #8f8f8f;
  line-height: 1;
  font-size: 0.16rem;
  position: absolute;
  transform: rotate(180deg);
}

.tags-group-title {
  color: #292929;
  display: block;
  line-height: 1.2;
  margin: 0 0 0.1rem;
  font-size: 0.13rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .tags-group-title {
    line-height: 1.2;
    font-size: 0.26rem;
    margin-bottom: 0.3rem;
  }
}

.tag-items-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  margin: 0 -0.05rem -0.1rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .tag-items-list {
    margin: 0 -0.06rem -0.21rem;
  }
}
.tag-items-list__item {
  margin: 0 0.05rem 0.1rem;
}
@media only screen and (max-width: 750px) {
  .tag-items-list__item {
    margin: 0 0.06rem 0.21rem;
  }
}
.filter-form.show-all-tags .tag-items-list__item--more .default {
  display: none;
}
.filter-form:not(.show-all-tags) .tag-items-list__item--more .active {
  display: none;
}
.filter-form.show-all-tags .tag-items-list__item--more .filter-form__tag-item {
  padding: 0;
  border: none;
  border-radius: 0;
}
.filter-form.show-all-tags .tag-items-list__item--more .filter-form__tag-item:after {
  content: "";
  clear: both;
  display: block;
}
.filter-form.show-all-tags .tag-items-list__item--more .filter-form__tag-item .icon-angle-down {
  float: left;
  margin-left: 0;
  font-size: 0.12rem;
  margin-right: 0.1rem;
  transform: rotate(180deg);
}
.filter-form.show-all-tags .tag-items-list__item--more .filter-form__tag-item:hover {
  background: none;
}
.filter-form.show-all-tags .tag-items-list__item--more .filter-form__tag-item:hover .underline {
  border-bottom-color: transparent;
}
.filter-form.show-all-tags .tag-items-list__item--more .filter-form__tag-item .underline {
  border-bottom: 1px dashed;
  transition: border-color 0.35s ease;
}
.tag-items-list--expanded.show-all-tags .tag-items-list__item--more {
  display: none;
}
.tag-items-list:not(.show-all-tags) .tag-items-list__item--hidden:not(.tag-items-list__item--more) {
  display: none !important;
}

.tag-item {
  color: #636363;
  height: 0.32rem;
  cursor: pointer;
  font-size: 0.13rem;
  padding: 0 0.15rem;
  position: relative;
  vertical-align: top;
  background: #fbfbfb;
  font-family: inherit;
  letter-spacing: 0.02em;
  display: inline-block;
  border-radius: 0.16rem;
  border: 1px solid #e0e0e0;
  line-height: calc(.32rem - 2px);
  transition: border-color 0.35s ease, background-color 0.35s ease, color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .tag-item {
    height: 0.66rem;
    padding: 0 0.25rem;
    font-size: 0.26rem;
    border-radius: 0.33rem;
    line-height: calc(.66rem - 2px);
    white-space:nowrap;
  }
}
@media only screen and (min-width: 751px) {
  .tag-item:hover {
    background: #dedede;
    border-color: #dedede;
  }
}
.tag-item.active {
  color: #fff;
  background: #4b4b4b;
}
.tag-item--primary {
  color: #fff;
  background: #cf2c2f;
  border-color: #cf2c2f;
}
@media only screen and (min-width: 751px) {
  .tag-item--primary:hover {
    background: #ad0e27;
    border-color: #ad0e27;
  }
}
.tag-item__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  background: #4b4b4b;
  pointer-events: none;
  border-radius: 0.16rem;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .tag-item__bg {
    border-radius: 0.33rem;
  }
}
.tag-item__input {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 25;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  -webkit-appearance: none;
}
.tag-item__input--radio + .tag-item__bg {
  background: var(--icons-sub-color);
}
.tag-item__input:checked + .tag-item__bg {
  opacity: 1;
}
.tag-item__input:checked + .tag-item__bg + .tag-item__text {
  color: #fff;
}
.tag-item__text {
  position: relative;
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}

.tag-items-group {
  margin: 0 -0.07rem;
  padding: 0.1rem 0 0.11rem;
}
@media only screen and (max-width: 750px) {
  .tag-items-group {
    padding: 0;
    margin: 0 0 0.49rem;
  }
}

.filter-panel {
  margin: 0 0 0.29rem;
}
@media only screen and (max-width: 750px) {
  .filter-panel {
    overflow-y: auto;
    margin: 0 -0.4rem;
    padding: 0 0.4rem;
    overflow-x: hidden;
    scroll-behavior: smooth;
    height: calc(100% - 2.6rem);
    -webkit-overflow-scrolling: touch;
  }
}
.filter-panel__items {
  margin-left: 0;
  margin-right: 0;
}
.filter-panel__items > .col {
  padding-left: 0;
  padding-right: 0;
}
.filter-panel__items > .col:first-child .filter-item__selected {
  border-left-width: 1px;
  border-radius: 0.04rem 0 0 0.04rem;
}
.filter-panel__items > .col:last-child .filter-item__selected {
  border-radius: 0 0.04rem 0.04rem 0;
}

.filter-item {
  flex-shrink: 0;
}
.filter-item__selected {
  color: #292929;
  height: 0.46rem;
  cursor: pointer;
  overflow: hidden;
  font-size: 0.14rem;
  position: relative;
  border-style: solid;
  white-space: nowrap;
  border-color: #d2d2d2;
  text-overflow: ellipsis;
  padding: 0 0.36rem 0 0.14rem;
  border-width: 1px 1px 1px 0;
  line-height: calc(.46rem - 2px);
}
.filter-item__selected:after {
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  content: "";
  height: 0.02rem;
  position: absolute;
  transition: opacity 0.35s ease;
  background: var(--icons-sub-color);
}
.filter-item__selected:before {
  top: 50%;
  content: "";
  right: 0.15rem;
  width: 0.08rem;
  height: 0.08rem;
  position: absolute;
  border-style: solid;
  margin: -0.05rem 0 0;
  border-color: #101010;
  transform: rotate(45deg);
  border-width: 0 1px 1px 0;
  transition: transform 0.35s ease, margin 0.35s ease;
}
.filter-item__selected-value {
  color: #636363;
}
.filter-item.open .filter-item__selected:after {
  opacity: 1;
}
.filter-item.open .filter-item__selected:before {
  margin-top: -0.02rem;
  transform: rotate(-135deg);
}
.filter-item:not(.selected) .filter-item__selected-title, .filter-item:not(.selected) .filter-item__selected-value {
  display: none;
}
.filter-item.selected .filter-item__selected-placeholder {
  display: none;
}

.filter-dropdown {
  padding: 0.25rem 0 0;
}
@media only screen and (min-width: 751px) {
  .filter-dropdown:first-child:last-child {
    padding-top: 0;
  }
}
@media only screen and (max-width: 750px) {
  .filter-dropdown {
    top: auto;
    left: auto;
    opacity: 1;
    padding: 0;
    right: auto;
    position: relative;
  }
}
.filter-dropdown__title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.26rem;
  margin-bottom: 0.53rem;
}

.input-list {
  columns: 4;
  padding: 0;
  list-style: none;
  margin: 0 0 -0.21rem;
}
@media only screen and (max-width: 750px) {
  .input-list {
    columns: 1;
    margin-bottom: 0.1rem;
  }
}
.input-list__item {
  width: 100%;
  margin: 0 0 0.14rem;
  padding: 0 0.2rem 0 0;
  page-break-inside: avoid;
}
@media only screen and (max-width: 750px) {
  .input-list__item {
    padding: 0;
    margin-bottom: 0.47rem;
  }
}
.input-list__item--more {
  color: #292929;
  line-height: 1.2;
  font-size: 0.13rem;
  padding-top: 0.06rem;
}
@media only screen and (max-width: 750px) {
  .input-list__item--more {
    font-size: 0.22rem;
  }
}
.input-list__item--more a {
  align-items: center;
  vertical-align: top;
  display: inline-flex;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .input-list__item--more a {
    color: var(--icons-sub-color);
  }
}
.input-list__item--more a .icon-angle-down {
  line-height: 1;
  font-size: 0.12rem;
  margin-left: 0.06rem;
  color: rgba(1, 1, 1, 0.54);
}
@media only screen and (max-width: 750px) {
  .input-list__item--more a .icon-angle-down {
    font-size: 0.22rem;
    margin-left: 0.08rem;
  }
}
.input-list__item--more .underline {
  transition: border-color 0.35s ease;
  border-bottom: 1px dotted rgba(41, 41, 41, 0.52);
}
.input-list__item--more .underline:hover {
  border-bottom-color: transparent;
}
.input-list.open .input-list__item--more {
  display: none;
}
.input-list:not(.open) .input-list__item--more ~ .input-list__item {
  display: none;
}

.checkbox {
  color: #292929;
  font-size: 0.13rem;
  position: relative;
  line-height: 0.22rem;
  vertical-align: top;
  font-weight: normal;
  display: inline-block;
  padding: 0 0 0 0.33rem;
}
@media only screen and (max-width: 750px) {
  .checkbox {
    font-size: 0.26rem;
    line-height: 0.33rem;
    padding-left: 0.52rem;
  }
}
.checkbox__icon {
  top: 0;
  left: 0;
  display: flex;
  width: 0.22rem;
  height: 0.22rem;
  background: #fff;
  font-size: 0.09rem;
  user-select: none;
  color: transparent;
  position: absolute;
  align-items: center;
  border-radius: 0.04rem;
  justify-content: center;
  border: 1px solid #d0d0d0;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .checkbox__icon {
    width: 0.33rem;
    height: 0.33rem;
    font-size: 0.14rem;
    border-width: 0.02rem;
  }
}
.checkbox__icon--radio {
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  border-width: 0.02rem;
  border-color: #dddddd;
  transition: border-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .checkbox__icon--radio {
    width: 0.36rem;
    height: 0.36rem;
  }
}
.checkbox__icon--radio:before {
  opacity: 0;
  content: "";
  top: 0.02rem;
  left: 0.02rem;
  right: 0.02rem;
  bottom: 0.02rem;
  border-radius: 50%;
  position: absolute;
  background: #dd7375;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .checkbox__icon--radio:before {
    top: 0.04rem;
    left: 0.04rem;
    right: 0.04rem;
    bottom: 0.04rem;
  }
}
.checkbox__icon--filled {
  border-width: 2px;
}
.checkbox__icon--filled:before {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  opacity: 0;
  content: "";
  position: absolute;
  background: #dd7375;
  transition: opacity 0.35s ease;
}
.checkbox__input {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  -webkit-appearance: none;
}
.checkbox__input:checked + .checkbox__icon {
  color: #cf2c2f;
}
.checkbox__input:checked + .checkbox__icon--radio {
  border-color: #dd7375;
}
.checkbox__input:checked + .checkbox__icon--radio:before {
  opacity: 1;
}
.checkbox__input:checked + .checkbox__icon--filled {
  border-color: #dd7375;
}
.checkbox__input:checked + .checkbox__icon--filled:before {
  opacity: 1;
}
.checkbox__input:disabled {
  cursor: default;
}
.checkbox__input:disabled + .checkbox__icon {
  opacity: 0.43;
}
.checkbox__input:disabled + .checkbox__icon + .checkbox__text {
  opacity: 0.43;
}
.checkbox__input:disabled + .checkbox__icon + .checkbox__text .checkbox__badge {
  display: none;
}
.checkbox__badge {
  font-size: 0.1rem;
  margin: 0 0 0 0.1rem;
  line-height: 0.14rem;
  vertical-align: middle;
  display: inline-block;
  padding: 0 0.06rem 0.01rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .checkbox__badge {
    padding: 0 0.06rem;
    font-size: 0.19rem;
    line-height: 0.21rem;
    margin-left: 0.11rem;
  }
}
.checkbox__badge--hit {
  color: #fff;
  background: #ffa903;
}
.checkbox__hit-badge {
  color: #fff;
  font-size: 0.11rem;
  min-width: 0.24rem;
  position: relative;
  text-align: center;
  font-weight: normal;
  margin-left: 0.1rem;
  line-height: 0.11rem;
  background: #ffa903;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.04rem 0.02rem;
}
@media only screen and (max-width: 750px) {
  .checkbox__hit-badge {
    min-width: 0.42rem;
    font-size: 0.19rem;
    line-height: 0.18rem;
    padding-bottom: 0.03rem;
  }
}
.checkbox__text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.checkbox__text a {
  z-index: 50;
  position: relative;
}
.checkbox__color-visual {
  width: 0.35rem;
  height: 0.22rem;
  flex-shrink: 0;
  margin: 0 0.1rem 0 0;
}
@media only screen and (max-width: 750px) {
  .checkbox__color-visual {
    width: 0.51rem;
    height: 0.32rem;
    margin-right: 0.21rem;
  }
}
.checkbox__color-visual img {
  width: 100%;
  height: 100%;
  display: block;
}

.paging {
  padding: 0;
  display: flex;
  color: #636363;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1.5;
  margin: 0 -0.01rem;
  font-size: 0.16rem;
  text-align: center;
  align-items: center;
  font-weight: normal;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .paging {
    font-size: 0.24rem;
    margin: 0 -0.06rem 0.2rem;
  }
}
.paging__item {
  margin: 0 0.01rem;
  min-width: 0.36rem;
}
@media only screen and (max-width: 750px) {
  .paging__item {
    margin: 0 0.06rem;
  }
}
.paging__item--prev, .paging__item--next {
  color: #aaaaaa;
  font-size: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .paging__item--prev, .paging__item--next {
    font-size: 0.15rem;
  }
}
.paging__item--prev {
  margin-right: 0.22rem;
}
.paging__item--prev i {
  transform: rotate(180deg);
}
.paging__item--next {
  margin-left: 0.22rem;
}
.paging__item--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.paging__link {
  display: flex;
  width: 0.36rem;
  height: 0.32rem;
  align-items: center;
  justify-content: center;
  transition: color 0.35s ease;
  border: 0.02rem solid transparent;
}
@media only screen and (max-width: 750px) {
  .paging__link {
    width: 0.58rem;
    height: 0.51rem;
    border-width: 0.03rem;
  }
}
.paging__link:hover {
  color: var(--icons-sub-color);
}
.paging__link i {
  display: block;
}
.paging__item--active .paging__link {
  color: #636363;
  border-color: var(--icons-sub-color);
}

.callback-widget {
  left: 0.3rem;
  z-index: 500;
  bottom: 0.38rem;
  position: fixed;
}
@media only screen and (max-width: 750px) {
  .callback-widget {
    left: 0.42rem;
    bottom: 0.42rem;
  }
}
.callback-widget__icon {
  color: #fff;
  display: flex;
  width: 0.56rem;
  height: 0.56rem;
  cursor: pointer;
  font-size: 0.29rem;
  border-radius: 50%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: var(--icons-sub-color);
  transition: background-color 0.35s ease, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .callback-widget__icon {
    width: 0.78rem;
    height: 0.78rem;
    font-size: 0.41rem;
  }
}
.callback-widget.open .callback-widget__icon {
  opacity: 0;
  animation: none;
}
.callback-widget__icon:not(:hover) {
  animation: shaking 2s ease infinite;
}
.callback-widget__icon:hover {
  background-color: #cf2c2f;
}
.callback-widget__icon:hover:after {
  border-bottom-color: #cf2c2f;
}
.callback-widget__icon:after {
  top: 100%;
  right: 100%;
  content: "";
  position: absolute;
  transform: rotate(-10deg);
  margin: -0.11rem -0.28rem 0 0;
  transition: border-color 0.35s ease;
  border-left: 0.2rem solid transparent;
  border-right: 0.1rem solid transparent;
  border-bottom: 0.14rem solid var(--icons-sub-color);
}
@media only screen and (max-width: 750px) {
  .callback-widget__icon:after {
    border-left-width: 0.3rem;
    border-right-width: 0.15rem;
    border-bottom-width: 0.21rem;
    margin: -0.16rem -0.42rem 0 0;
  }
}
.callback-widget__body {
  color: #fff;
  opacity: 0;
  left: -9999px;
  bottom: 9999px;
  width: 4.13rem;
  position: absolute;
  background: #404040;
  border-radius: 0.04rem;
  padding: 0.24rem 0.3rem 0.25rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.2);
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .callback-widget__body {
    width: auto;
    right: 9999px;
    position: fixed;
    padding: 0.38rem 0.4rem 0.36rem;
  }
}
.callback-widget.open .callback-widget__body {
  left: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .callback-widget.open .callback-widget__body {
    right: 0;
  }
}
.callback-widget__form .checkbox {
  left: -0.02rem;
  color: inherit;
  padding-left: 0.26rem;
}
@media only screen and (max-width: 750px) {
  .callback-widget__form .checkbox {
    left: 0;
    font-size: 0.2rem;
    line-height: 0.31rem;
    padding-left: 0.5rem;
  }
}
.callback-widget__form .checkbox__icon {
  width: 0.19rem;
  height: 0.19rem;
  font-size: 0.08rem;
  background: #afafaf;
  border-color: #afafaf;
}
@media only screen and (max-width: 750px) {
  .callback-widget__form .checkbox__icon {
    width: 0.31rem;
    height: 0.31rem;
    font-size: 0.14rem;
  }
}
.callback-widget__title {
  display: block;
  line-height: 1.2;
  font-size: 0.17rem;
  margin: 0 0 0.2rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .callback-widget__title {
    font-size: 0.2749rem;
    margin-bottom: 0.38rem;
  }
}
.callback-widget__close {
  top: 0.2rem;
  right: 0.2rem;
  opacity: 0.37;
  line-height: 1;
  cursor: pointer;
  font-size: 0.15rem;
  position: absolute;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .callback-widget__close {
    top: 0.3rem;
    right: 0.4rem;
    font-size: 0.34rem;
  }
}
.callback-widget__close:hover {
  opacity: 0.75;
}
.callback-widget__form-row {
  position: relative;
  margin-bottom: 0.13rem;
}
@media only screen and (max-width: 750px) {
  .callback-widget__form-row {
    margin-bottom: 0.25rem;
  }
}
.callback-widget__form-row .btn {
  top: 0;
  right: 0;
  bottom: 0;
  height: 0.51rem;
  position: absolute;
  min-width: 1.55rem;
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 750px) {
  .callback-widget__form-row .btn {
    height: 0.94rem;
    min-width: 3.17rem;
  }
}
.callback-widget__form-control {
  width: 100%;
  color: #000;
  border: none;
  display: block;
  height: 0.51rem;
  background: #fff;
  border-radius: 0.04rem;
  padding: 0 1.6rem 0 0.15rem;
  font: normal 0.14rem/1.2 "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .callback-widget__form-control {
    height: 0.94rem;
    font-size: 0.28rem;
    padding-left: 0.3rem;
    padding-right: 3.3rem;
  }
}
.callback-widget__form-control::placeholder {
  opacity: 1;
  color: #636363;
}
.callback-widget__form-control:-ms-input-placeholder {
  opacity: 1;
  color: #636363;
}
.callback-widget__form-control::-ms-input-placeholder {
  opacity: 1;
  color: #636363;
}

@keyframes shaking {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(0);
  }
  18% {
    transform: rotate(-10deg);
  }
  24% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(-10deg);
  }
  36% {
    transform: rotate(10deg);
  }
  39% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.catalog-banner {
  z-index: 10;
  color: #fff;
  display: flex;
  height: 0.59rem;
  cursor: pointer;
  line-height: 1.2;
  font-size: 0.16rem;
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  position: relative;
  align-items: center;
  background: #2f2d2d;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  letter-spacing: 0.02em;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .catalog-banner {
    height: 1.06rem;
    font-size: 0.22rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
.catalog-banner__bg {
  top: 0;
  left: -5%;
  bottom: 0;
  z-index: -10;
  width: 47.15%;
  position: absolute;
  background: #ca1b2b;
  pointer-events: none;
  transform: skew(-17deg);
}
@media only screen and (max-width: 750px) {
  .catalog-banner__bg {
    width: 44%;
    transform: skew(-20deg);
  }
}
.catalog-banner__bg:after, .catalog-banner__bg:before {
  top: 0;
  bottom: 0;
  left: 100%;
  content: "";
  width: 0.14rem;
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .catalog-banner__bg:after, .catalog-banner__bg:before {
    width: 0.2rem;
  }
}
.catalog-banner__bg:after {
  background: #99212c;
}
.catalog-banner__bg:before {
  background: #6a262c;
  margin-left: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .catalog-banner__bg:before {
    margin-left: 0.2rem;
  }
}
.catalog-banner__title {
  width: 42.15%;
  flex-shrink: 0;
  font-size: 0.22rem;
  text-align: right;
  font-weight: normal;
  padding-right: 0.38rem;
}
@media only screen and (max-width: 750px) {
  .catalog-banner__title {
    width: 40%;
    font-size: 0.31rem;
    padding-right: 0.57rem;
  }
}
.catalog-banner__content {
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 0.38rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .catalog-banner__content {
    padding-top: 0.09rem;
    padding-left: 0.57rem;
  }
}
.catalog-banner__content .btn {
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  padding-top: 0.07rem;
  margin-left: 0.21rem;
}
.catalog-banner__close {
  top: 0.2rem;
  opacity: 0.37;
  right: 0.23rem;
  color: #f6f6f6;
  line-height: 1;
  cursor: pointer;
  font-size: 0.15rem;
  position: absolute;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .catalog-banner__close {
    top: 0.11rem;
    right: 0.11rem;
    font-size: 0.17rem;
  }
}
.catalog-banner__close:hover {
  opacity: 0.75;
}
.catalog-banner__close .icon-close {
  display: block;
}

.topics-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: stretch;
  margin: 0 -0.085rem 0.01rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .topics-list {
    overflow-x: auto;
    padding: 0.1rem 0;
    flex-wrap: nowrap;
    overflow-y: hidden;
    scroll-behavior: smooth;
    margin: -0.1rem -0.4rem 0.3rem;
    -webkit-overflow-scrolling: touch;
  }
}
.topics-list .topic-item {
  width: 16.6666%;
  text-align: center;
  padding: 0 0.08rem  0.16rem 0.08rem;
}


@media only screen and (max-width: 750px) {
  .topics-list .topic-item {
    margin: 0;
    width: 4.14rem;
    flex-shrink: 0;
    padding: 0 0.15rem;
    box-sizing: content-box;
  }
  .topics-list .topic-item:first-child {
    padding-left: 0.1rem;
  }
  .topics-list .topic-item:last-child {
    padding-right: 0.4rem;
  }
}

.topic-item__inner {
  display: block;
  background: #fff;
  min-height: 100%;
  overflow: hidden;
  align-items: center;
  border-radius: 0.04rem;
  border: 1px solid #efefef;
  padding: 0.04rem 0.1rem 0.23rem 0.1rem;
  transition: box-shadow 0.35s ease;
  box-shadow: 0 0 0.09rem 0 rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 750px) {
  .topic-item__inner {
    border: none;
    padding-top: 0.35rem;
    padding-bottom: 0.3rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
  }
}
@media only screen and (min-width: 751px) {
  .topic-item__inner:hover {
    box-shadow: 0 0 0.09rem 0 rgba(0, 0, 0, 0.13);
  }
}
@media only screen and (max-width: 750px) {
  .topic-item__inner:hover {
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
  }
}
.topic-item__visual {
  display: block;
  width: 1.5rem;
  height: 1rem;
  position: relative;
  margin: 0 auto 0;
}
@media only screen and (max-width: 750px) {
  .topic-item__visual {
    width: 3.28rem;
    height: 1.72rem;
    margin-bottom: 0.32rem;
  }
}
.topic-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  object-fit: contain;
}
.topic-item__title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.14rem;
  margin: 0 0 0.1rem;
  font-weight: 500;
}
@media only screen and (max-width: 750px) {
  .topic-item__title {
    font-size: 0.24rem;
    margin-bottom: 0.15rem;
  }
}
.topic-item__product-count {
  color: #aeaeae;
  display: block;
  line-height: 1;
  font-size: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .topic-item__product-count {
    font-size: 0.2rem;
  }
}

.tooltip {
  z-index: 15;
  position: relative;
  vertical-align: top;
  margin: 0 0 0 0.08rem;
  display: inline-block;
}
@media only screen and (max-width: 750px) {
  .tooltip {
    margin-left: 0.16rem;
  }
}
.tooltip__icon {
  width: 0.2rem;
  height: 0.2rem;
  display: block;
  color: #a0a0a0;
  cursor: pointer;
  font-size: 0.13rem;
  user-select: none;
  text-align: center;
  border-radius: 50%;
  font-weight: normal;
  line-height: calc(.2rem - 2px);
  border: 1px solid rgba(145, 145, 145, 0.21);
  transition: border-color 0.35s ease, color 0.35s ease, background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .tooltip__icon {
    width: 0.36rem;
    height: 0.36rem;
    font-size: 0.21rem;
    line-height: calc(.36rem - 2px);
  }
}
.tooltip__icon:hover {
  color: #878787;
  border-color: rgba(145, 145, 145, 0.75);
}
.advert .tooltip__icon:hover {
  color: #fff;
  border-color: #383838;
}
.tooltip.open .tooltip__icon {
  color: #fff;
  background: var(--icons-sub-color);
  border-color: var(--icons-sub-color);
}
.tooltip.advert.open .tooltip__icon {
  border-color: #383838;
}

.tooltip.advert {
  position: absolute;
}
.tooltip.advert .tooltip__icon {
  width: 0.7rem;
  background-color: #383838;
  border-radius: 10%;
}
@media only screen and (max-width: 750px) {
  .tooltip.advert .tooltip__icon {
    width: 1.1rem;
  }
}



.tooltip__body {
  display: none;
  color: #aeaeae;
  width: 3.42rem;
  font-size: 0.12rem;
  line-height: 0.16rem;
  background: #383838;
  padding: 0.2rem 0.2rem 0.16rem;
}
.tooltip__body .p, .tooltip__body p {
  display: block;
  margin: 0 0 0.04rem;
}
.tooltip__body .p a, .tooltip__body p a {
  color: #ff898b;
  border-bottom: 1px solid;
  transition: border-color 0.35s ease, color 0.35s ease;
}
.tooltip__body .p a:hover, .tooltip__body p a:hover {
  color: #ff5659;
  border-bottom-color: transparent;
}
.tooltip__inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .tooltip__inner {
    display: block;
  }
}
.tooltip__inner .tooltip__visual {
  width: 0.64rem;
  flex-shrink: 0;
  margin-right: 0.2rem;
  border-radius: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .tooltip__inner .tooltip__visual {
    width: 1.6rem;
    margin: 0 0 0.2rem;
  }
}
.tooltip__visual {
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 750px) {
  .tooltip__visual {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
.tooltip__visual img {
  width: 100%;
  display: block;
}
.tooltip__title {
  color: #fff;
  display: block;
  font-weight: 600;
  line-height: 1.2;
  font-size: 0.13rem;
  margin-bottom: 0.05rem;
}
@media only screen and (max-width: 750px) {
  .tooltip__title {
    display: none;
  }
}
.tooltip__img {
  display: block;
}
.tooltip__img img {
  width: 100%;
  display: block;
}
.tooltip__list {
  margin: 0;
  list-style: none;
  padding: 0.06rem 0 0;
}
.tooltip__list > li {
  position: relative;
  padding-left: 0.08rem;
  margin-bottom: 0.06rem;
}
.tooltip__list > li:before {
  top: 0;
  left: 0;
  content: "-";
  position: absolute;
}

.tooltip-popover {
  opacity: 0;
  z-index: 1500;
  position: absolute;
  margin: 0.34rem 0 0 -0.29rem;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
.tooltip-popover.at-right {
  margin-left: 0.4rem;
  transform: translateX(-100%);
}
.tooltip-popover.open {
  opacity: 1;
  transition: opacity 0.35s ease;
}
.tooltip-popover:not(.open) {
  top: -9999px !important;
  left: -9999px !important;
}
.tooltip-popover .tooltip__body {
  display: block;
}
.tooltip-popover__arrow {
  left: 0.23rem;
  bottom: 100%;
  position: absolute;
  border-bottom: 0.07rem solid #383838;
  border-left: 0.07rem solid transparent;
  border-right: 0.07rem solid transparent;
}
.tooltip-popover.at-right .tooltip-popover__arrow {
  left: auto;
  right: 0.23rem;
}
.tooltip-popover__close {
  top: 0.09rem;
  opacity: 0.25;
  right: 0.09rem;
  line-height: 1;
  color: #f3f3f3;
  cursor: pointer;
  font-size: 0.11rem;
  position: absolute;
  transition: opacity 0.35s ease;
}
.tooltip-popover__close:hover {
  opacity: 0.75;
}

.reviews-list {
  padding: 0;
  list-style: none;
  margin: 0 0 0.3rem;
}
@media only screen and (max-width: 750px) {
  .reviews-list {
    margin-bottom: 0.59rem;
  }
  .reviews-list + .load-more-btn-holder {
    margin-left: 0;
    margin-right: 0;
  }
  .reviews-list + .load-more-btn-holder .load-more-btn {
    background: #f9f9f9;
    border-radius: 0.04rem;
    border: 1px solid #f0f0f0;
  }
  .reviews-list + .load-more-btn-holder .load-more-btn:hover {
    background: #f1f1f1;
  }
}

.review-item {
  color: #404040;
  padding: 0.29rem 0;
  font-size: 0.14rem;
  line-height: 0.22rem;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: rgba(145, 145, 145, 0.23);
}
@media only screen and (max-width: 750px) {
  .review-item {
    font-size: 0.2rem;
    line-height: 0.308rem;
    padding: 0.49rem 0 0.59rem;
    border-bottom-width: 0.02rem;
  }
}
.review-item:first-child {
  border-top-width: 1px;
}
@media only screen and (max-width: 750px) {
  .review-item:first-child {
    border-top-width: 0.02rem;
  }
}
.review-item__head {
  display: flex;
  align-items: center;
  margin-bottom: 0.17rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .review-item__head {
    margin-bottom: 0.38rem;
  }
}
.review-item__recomended {
  display: flex;
  color: #77ac1a;
  line-height: 1.5;
  font-size: 0.14rem;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .review-item__recomended {
    font-size: 0.2rem;
  }
}
.review-item__recomended i {
  line-height: 1;
  font-size: 0.16rem;
  margin-right: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .review-item__recomended i {
    font-size: 0.22rem;
    margin-right: 0.15rem;
  }
}
.review-item__main-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.review-item__reviewer {
  display: flex;
  align-items: center;
  margin-right: 0.21rem;
  justify-content: flex-start;
}
.review-item__reviewer__avatar {
  color: #fff;
  display: flex;
  width: 0.45rem;
  height: 0.45rem;
  font-weight: 600;
  font-size: 0.16rem;
  text-align: center;
  border-radius: 50%;
  align-items: center;
  background: #f2d4d4;
  margin-right: 0.16rem;
  justify-content: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .review-item__reviewer__avatar {
    width: 0.63rem;
    height: 0.63rem;
    font-size: 0.224rem;
    margin-right: 0.22rem;
  }
}
.review-item__reviewer__avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.review-item__reviewer__name {
  color: #000;
  display: block;
  line-height: 1.5;
  font-size: 0.18rem;
}
@media only screen and (max-width: 750px) {
  .review-item__reviewer__name {
    font-size: 0.252rem;
  }
}
.review-item__date {
  color: #919191;
}
@media only screen and (max-width: 750px) {
  .review-item__date {
    font-size: 0.182rem;
  }
}
.review-item__rating {
  display: flex;
  align-items: center;
  margin-bottom: 0.14rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .review-item__rating {
    margin-bottom: 0.5rem;
  }
}
.review-item__rating .rating-list {
  margin: 0 0.16rem 0 -0.02rem;
}
@media only screen and (max-width: 750px) {
  .review-item__rating .rating-list {
    margin-left: -0.03rem;
    margin-right: 0.14rem;
  }
}
.review-item__rating__rate {
  color: #919191;
}
.review-item__description {
  margin-bottom: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .review-item__description {
    margin-bottom: 0.4rem;
  }
}
.review-item__description-row {
  margin: 0.27rem 0 0;
}
@media only screen and (max-width: 750px) {
  .review-item__description-row {
    margin-top: 0.38rem;
  }
}
.review-item__description-row:first-child {
  margin-top: 0;
}
.review-item__description-row__title {
  padding: 0;
  font-weight: bold;
  margin: 0 0 0.06rem;
}
@media only screen and (max-width: 750px) {
  .review-item__description-row__title {
    margin-bottom: 0.09rem;
  }
}
.review-item__description-row__value {
  margin: 0;
  padding: 0;
}
.review-item__photos {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -0.03rem -0.1rem -0.1rem;
}
@media only screen and (max-width: 750px) {
  .review-item__photos {
    overflow-x: auto;
    margin: 0 -0.4rem;
    padding: 0.1rem 0;
    flex-wrap: nowrap;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
.review-item__photos__item {
  width: 25%;
  padding: 0.1rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 750px) {
  .review-item__photos__item {
    width: 2.6rem;
    padding: 0 0.1rem;
    box-sizing: content-box;
  }
  .review-item__photos__item:first-child {
    padding-left: 0.4rem;
  }
  .review-item__photos__item:last-child {
    padding-right: 0.4rem;
  }
}
.review-item__photo {
  display: block;
  position: relative;
}
.review-item__photo:before {
  content: "";
  display: block;
  padding-top: 64.7798%;
}
.review-item__photo img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.review-item__bottom-panel {
  margin: 0 0 -0.03rem;
}
.review-item__bottom-panel:after {
  content: "";
  clear: both;
  display: block;
}
.review-item__show-answer {
  float: left;
  line-height: 1.5;
  font-size: 0.13rem;
  color: #cf2c2f;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .review-item__show-answer {
    font-size: 0.2rem;
    font-weight: bold;
  }
}
.review-item__show-answer:before {
  content: attr(data-default);
}
.review-item--show-answer .review-item__show-answer:before {
  content: attr(data-active);
}
.review-item__show-answer:hover {
  color: #ad0e27;
}
.review-item__controls {
  padding: 0;
  float: right;
  display: flex;
  list-style: none;
  margin: 0 -0.11rem;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 750px) {
  .review-item__controls {
    margin: 0 -0.2rem;
  }
}
.review-item__control-item {
  margin: 0 0.11rem;
}
@media only screen and (max-width: 750px) {
  .review-item__control-item {
    margin: 0 0.2rem;
  }
}
.review-item__control {
  display: flex;
  color: #919191;
  font-size: 0.13rem;
  line-height: 0.2rem;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .review-item__control {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
}
.review-item__control i {
  color: #ccc;
  line-height: 1;
  font-size: 0.16rem;
  position: relative;
  margin-right: 0.07rem;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .review-item__control i {
    font-size: 0.27rem;
    margin-right: 0.13rem;
  }
}
.review-item__control .icon-like {
  top: -0.02rem;
}
.review-item__control .icon-dislike {
  top: 0.02rem;
}
.review-item__control:hover {
  color: #5e5e5e;
}
.review-item__control:hover .icon-like {
  color: #77ac1a;
}
.review-item__control:hover .icon-dislike {
  color: #e4373a;
}
.review-item__answer {
  position: relative;
  margin-top: 0.28rem;
  background: #f9f9f9;
  border-radius: 0.04rem;
  border: 1px solid #dbdbdb;
  padding: 0.22rem 0.3rem 0.27rem;
}
.review-item:not(.review-item--show-answer) .review-item__answer {
  display: none;
}
.review-item__answer:after, .review-item__answer:before {
  content: "";
  bottom: 100%;
  left: 0.15rem;
  position: absolute;
  border-bottom-style: solid;
  border-bottom-width: 0.09rem;
  border-left: 0.09rem solid transparent;
  border-right: 0.09rem solid transparent;
}
.review-item__answer:after {
  margin-bottom: -1px;
  border-bottom-color: #f9f9f9;
}
.review-item__answer:before {
  border-bottom-color: #dbdbdb;
}
.review-item__answer p {
  margin: 0;
}

.total-rate.product-description-sidebar__item {
  padding-top: 0.23rem;
}
@media only screen and (max-width: 750px) {
  .total-rate.product-description-sidebar__item {
    padding: 0.46rem 0.39rem 0.5rem;
  }
}
.total-rate__head {
  padding: 0;
  color: #000;
  display: flex;
  align-items: flex-end;
  margin: 0 -0.1rem 0.36rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .total-rate__head {
    margin-bottom: 0.28rem;
  }
}
.total-rate__title {
  margin: 0;
  padding: 0 0.1rem;
  line-height: 1.2;
  font-size: 0.14rem;
  font-weight: normal;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .total-rate__title {
    font-size: 0.26rem;
  }
}
.total-rate__value {
  margin: 0;
  line-height: 1;
  padding: 0 0.1rem;
  font-weight: bold;
  font-size: 0.54rem;
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .total-rate__value {
    font-size: 0.4rem;
  }
}
.total-rate__list {
  padding: 0;
  list-style: none;
  margin: 0 0 0.3rem;
}
.total-rate__list-item {
  margin: 0 0 0.23rem;
}
.total-rate__count-panel {
  display: flex;
  align-items: flex-end;
  margin: 0 -0.1rem 0.08rem;
  justify-content: space-between;
}
.total-rate__count-panel__item {
  max-width: 50%;
  padding: 0 0.1rem;
}
.total-rate__btn-holder .btn {
  font-weight: normal;
  text-transform: none;
}
@media only screen and (min-width: 751px) {
  .total-rate__btn-holder .btn {
    font-size: 0.15rem;
  }
}
@media only screen and (max-width: 750px) {
  .total-rate__btn-holder .btn {
    font-size: 0.273rem;
  }
}

.progress {
  display: block;
  height: 0.05rem;
  position: relative;
  background: #d6d6d6;
  border-radius: 0.03rem;
}
.progress__handle {
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background: #dd7375;
  border-radius: 0.03rem;
}

.gallery-modal .modal {
  padding: 0;
}
@media only screen and (min-width: 751px) {
  .gallery-modal .modal {
    max-width: 12.46rem;
  }
}
@media only screen and (min-width: 751px) {
  .gallery-modal .modal-inner {
    padding-left: 0.15rem;
    padding-right: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .gallery-modal .modal-heading {
    margin: 0;
    text-align: left;
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 751px) {
  .gallery-modal .close-icon {
    opacity: 1;
    display: flex;
    color: #fff;
    top: -0.21rem;
    width: 0.42rem;
    right: -0.21rem;
    height: 0.42rem;
    line-height: 1;
    font-size: 0.18rem;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: var(--icons-sub-color);
    transition: background-color 0.35s ease;
  }
  .gallery-modal .close-icon:hover {
    opacity: 1;
    background: #cc1c1f;
  }
}
@media only screen and (max-width: 750px) {
  .gallery-modal .h2 {
    font-size: 0.26rem;
    line-height: 0.32rem;
  }
}
@media only screen and (max-width: 750px) {
  .gallery-modal .product-slider__img {
    display: flex;
    max-width: none;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 1.06rem - 1.03rem - 2px);
  }
  .gallery-modal .product-slider__img:before {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .gallery-modal .product-visual__control-panel {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .gallery-modal .slick-dots {
    display: none !important;
  }
}
.gallery-modal:not(.video-open) .h2--video {
  display: none;
}
.gallery-modal.video-open .h2:not(.h2--video) {
  display: none;
}
.gallery-modal.video-open .product-visual__video {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .gallery-modal.video-open .product-visual__video {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
}
.gallery-modal.video-open .product-visual__control--video {
  color: #404040;
}
.gallery-modal.video-open .product-visual__control--video .product-visual__control__icon .icon-video {
  border-left-color: var(--icons-sub-color);
}
.gallery-modal.video-open .product-switcher__item.slick-current:after {
  border-color: transparent;
}
.gallery-modal .product-visual {
  margin: 0;
  padding: 0;
  width: auto;
}
.gallery-modal .product-visual__control-panel {
  background: #f9f9f9;
  padding: 0.24rem 0.5rem 0.34rem;
}
.gallery-modal .product-visual__control-panel__container {
  max-width: 5.4rem;
  margin-left: auto;
  margin-right: auto;
}
.gallery-modal .product-visual__video {
  opacity: 0;
  z-index: 50;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  background: #fff;
  position: absolute;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .gallery-modal .product-visual__video {
    bottom: auto;
  }
  .gallery-modal .product-visual__video:before {
    content: "";
    display: block;
    padding-top: 56.4%;
  }
}
.gallery-modal .product-visual__video iframe {
  width: 100%;
  height: 100%;
  display: block;
}
@media only screen and (max-width: 750px) {
  .gallery-modal .product-visual__video iframe {
    top: 0;
    left: 0;
    position: absolute;
  }
}
.gallery-modal .product-slider {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.gallery-modal .product-slider__img:before {
  height: 7rem;
  padding-top: 0;
}
.gallery-modal .product-slider .slick-arrow {
  opacity: 0.85;
  width: 0.45rem;
  display: flex;
  height: 0.45rem;
  line-height: 1;
  color: #909090;
  border-radius: 50%;
  margin-top: -0.22rem;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  transition: color 0.35s ease, background-color 0.35s ease, opacity 0.35s ease;
}
.gallery-modal .product-slider .slick-arrow:hover {
  opacity: 1;
  background: white;
}
.gallery-modal .product-slider .slick-prev {
  left: 0.2rem;
  padding-right: 0.03rem;
}
.gallery-modal .product-slider .slick-next {
  right: 0.2rem;
  padding-left: 0.03rem;
}
.gallery-modal.video-open .product-slider {
  opacity: 0;
  pointer-events: none;
}
.gallery-modal.video-open .product-slider__controls {
  opacity: 0;
  pointer-events: none;
}
.gallery-modal__temporary-msg {
  z-index: 50;
  top: 0.16rem;
  left: 0.19rem;
  display: flex;
  color: #292929;
  line-height: 1.5;
  font-size: 0.13rem;
  position: absolute;
  position: absolute;
  align-items: center;
  justify-content: flex-start;
}
.gallery-modal__temporary-msg .info-icon {
  width: 0.2rem;
  height: 0.2rem;
  display: flex;
  color: #898b90;
  flex-shrink: 0;
  border-radius: 50%;
  font-style: normal;
  align-items: center;
  margin-right: 0.11rem;
  justify-content: center;
  border: 0.02rem solid #939393;
}
.gallery-modal__temporary-msg__text {
  background: #ffecc8;
  border-radius: 0.04rem;
  padding: 0.04rem 0.11rem 0.05rem;
}
.gallery-modal__tour {
  display: flex;
  height: 7.52rem;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.gallery-modal__tour__img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.gallery-modal__tour canvas {
  top: 0;
  left: 0;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
}
.gallery-modal__footer {
  display: flex;
  color: #292929;
  align-items: center;
  background: #f8f8f8;
  justify-content: center;
  padding: 0.15rem 0.3rem 0.25rem;
}
.gallery-modal__footer__title {
  font-size: 0.13rem;
  margin-top: 0.05rem;
  margin-right: 0.23rem;
  letter-spacing: 0.02em;
}
.gallery-modal__footer__list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1.5;
  align-items: center;
  font-size: 0.1228rem;
  margin: 0 0 -0.1rem -0.14rem;
  justify-content: flex-start;
}
.gallery-modal__footer__list-item {
  transition: color 0.35s ease;
  margin: 0 0.15rem 0.1rem 0.14rem;
}
.gallery-modal__footer__list-item:not(.active) {
  color: #919191;
}
.gallery-modal__footer__list-link {
  vertical-align: top;
  display: inline-block;
  padding: 0.06rem 0 0.05rem;
  border-bottom: 0.03rem solid;
}

.services-list {
  margin: 0;
  grid-gap: 0.26rem;
  list-style: none;
  padding: 0.19rem 0 0.61rem;
}
@media only screen and (min-width: 751px) {
  .services-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(3.72rem, 1fr));
  }
}
@media only screen and (max-width: 750px) {
  .services-list {
    display: flex;
    padding-top: 0.1rem;
    flex-direction: column;
  }
}
.services-list__item {
  height: 2.46rem;
}
@media only screen and (max-width: 750px) {
  .services-list__item {
    width: 100%;
    height: 4.43rem;
    margin-bottom: 0.39rem;
  }
}
.services-list__item--tall {
  height: 5.18rem;
}
@media only screen and (min-width: 751px) {
  .services-list__item--tall {
    grid-row-end: span 2;
  }
}
@media only screen and (max-width: 750px) {
  .services-list__item--tall {
    order: 10;
    height: 9.3rem;
  }
}
@media only screen and (min-width: 751px) {
  .services-list__item--wide {
    grid-column-end: span 2;
  }
}

.service-item {
  z-index: 10;
  height: 100%;
  display: block;
  color: #919191;
  overflow: hidden;
  font-size: 0.14rem;
  position: relative;
  line-height: 0.2rem;
  background: #fefefe;
  transition: box-shadow 0.35s ease;
  padding: 0.25rem 1.32rem 0.24rem 0.35rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .service-item {
    font-size: 0.252rem;
    line-height: 0.36rem;
    padding: 0.45rem 2.44rem 0.44rem 0.62rem;
  }
}
.service-item:hover {
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.14);
}
.service-item--tall {
  padding-right: 0.35rem;
}
@media only screen and (max-width: 750px) {
  .service-item--tall {
    padding-right: 0.622rem;
  }
}
.service-item__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  display: flex;
  position: absolute;
  pointer-events: none;
  align-items: flex-end;
  justify-content: flex-end;
}
.service-item__bg img {
  width: 100%;
  display: block;
}
.service-item__title {
  display: block;
  color: #292929;
  font-size: 0.19rem;
  line-height: 0.24rem;
  margin-bottom: 0.16rem;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 750px) {
  .service-item__title {
    font-size: 0.342rem;
    line-height: 0.4319rem;
    margin-bottom: 0.26rem;
  }
}
.service-item__description {
  display: block;
}
.service-item__badges {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: flex-start;
  margin: 0.04rem -0.07rem 0;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .service-item__badges {
    margin: 0.06rem -0.14rem 0;
  }
}
.service-item__badge {
  font-size: 0.14rem;
  padding: 0 0.08rem;
  font-weight: bold;
  line-height: 0.21rem;
  margin: 0 0.07rem 0.12rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .service-item__badge {
    padding: 0 0.18rem;
    font-size: 0.2521rem;
    line-height: 0.38rem;
    margin: 0 0.14rem 0.22rem;
  }
}
.service-item__badge--roof {
  color: #fff;
  background: var(--icons-sub-color);
}

.main-contacts-list {
  padding: 0;
  display: flex;
  list-style: none;
  background: #fff;
  align-items: stretch;
  border-radius: 0.04rem;
  margin: 0.36rem 0 0.3rem;
  justify-content: flex-start;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .main-contacts-list {
    display: block;
    border-radius: 0;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    margin: 0 -0.4rem 0.3rem;
  }
}

.main-contacts-item {
  flex: 1 1 100%;
  color: #3f3f3f;
  overflow: hidden;
  font-size: 0.14rem;
  text-align: center;
  position: relative;
  line-height: 0.23rem;
  padding: 0.41rem 0.59rem 0.35rem;
}
@media only screen and (max-width: 750px) {
  .main-contacts-item {
    display: flex;
    text-align: left;
    font-size: 0.21rem;
    line-height: 0.345rem;
    padding: 0.5rem 0 0.46rem;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 751px) {
  .main-contacts-item:not(:first-child):after {
    left: 0;
    top: 50%;
    width: 1px;
    content: "";
    height: 2.28rem;
    position: absolute;
    background: #f3f3f3;
    margin-top: -1.14rem;
  }
}
@media only screen and (max-width: 750px) {
  .main-contacts-item:not(:first-child) {
    border-top: 1px solid #e4e4e4;
  }
}
.main-contacts-item--inline {
  display: flex;
  text-align: left;
  align-items: flex-start;
  padding: 0.32rem 0.38rem;
  justify-content: flex-start;
}
.main-contacts-item--inline.main-contacts-item--call {
  flex: 1 1 30.5%;
}
.main-contacts-item--inline.main-contacts-item--email {
  flex: 1 1 34%;
}
.main-contacts-item--inline.main-contacts-item--requisites {
  flex: 1 1 35.5%;
}
.main-contacts-item p {
  margin-bottom: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .main-contacts-item p {
    margin-bottom: 0.06rem;
  }
}
.main-contacts-item p a {
  color: inherit;
  border-bottom-style: dotted;
  border-bottom-color: rgba(63, 63, 63, 0.36);
}
.main-contacts-item p a:hover {
  border-bottom-color: transparent;
}
.main-contacts-item__icon {
  width: 0.8rem;
  display: flex;
  flex-shrink: 0;
  height: 0.54rem;
  align-items: center;
  margin: 0 auto 0.2rem;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .main-contacts-item__icon {
    height: auto;
    width: 1.1rem;
    margin: 0.1rem 0.37rem 0 0;
  }
}
.main-contacts-item--inline .main-contacts-item__icon {
  width: auto;
  margin: 0.3rem 0.28rem 0 0;
}
.main-contacts-item__icon img, .main-contacts-item__icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.main-contacts-item__icon svg {
  fill: #a9a9a9;
}
.main-contacts-item--inline .main-contacts-item__content {
  width: 100%;
}
.main-contacts-item__title {
  color: #636363;
  display: block;
  font-size: 0.15rem;
  line-height: 0.19rem;
  margin-bottom: 0.22rem;
}
@media only screen and (max-width: 750px) {
  .main-contacts-item__title {
    font-size: 0.225rem;
    line-height: 0.285rem;
    margin-bottom: 0.2rem;
  }
}
.main-contacts-item--inline .main-contacts-item__title {
  margin-bottom: 0.14rem;
}
.main-contacts-item__phone {
  color: #000;
  display: block;
  line-height: 1.65;
  font-size: 0.22rem;
  margin-bottom: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .main-contacts-item__phone {
    line-height: 1;
    font-weight: 600;
    font-size: 0.34rem;
    margin-bottom: 0.16rem;
  }
}
.main-contacts-item__btn-holder {
  padding-top: 0.08rem;
}
@media only screen and (max-width: 750px) {
  .main-contacts-item__btn-holder {
    padding-top: 0.03rem;
    margin-bottom: 0.12rem;
  }
}
.main-contacts-item__btn-holder .btn {
  height: 0.52rem;
  font-size: 0.15rem;
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 750px) {
  .main-contacts-item__btn-holder .btn {
    height: 0.55rem;
    font-size: 0.2104rem;
    padding-left: 0.23rem;
    padding-right: 0.23rem;
  }
}

.contacts__addresses.white-bg {
  padding-top: 0;
  border-radius: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .contacts__addresses.white-bg {
    border-radius: 0;
    margin: 0 -0.4rem 0.8rem;
    padding: 0.46rem 0.4rem 0;
  }
}
.contacts__addresses__title {
  color: #000;
  display: block;
  font-size: 0.2rem;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 0.3rem;
}
@media only screen and (max-width: 750px) {
  .contacts__addresses__title {
    font-weight: 600;
    font-size: 0.3rem;
    line-height: 0.46rem;
    margin-bottom: 0.47rem;
  }
}
.contacts__addresses__list {
  padding: 0;
  list-style: none;
  margin: 0 0 -0.21rem;
}
@media only screen and (min-width: 751px) {
  .contacts__addresses .offices-map__filters {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 750px) {
  .contacts__addresses .offices-map__filters {
    padding-top: 0;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #f5f5f5;
  }
}
.contacts__address-item {
  display: flex;
  font-size: 0.13rem;
  align-items: center;
  margin-left: -0.3rem;
  line-height: 0.19rem;
  margin-right: -0.3rem;
  padding: 0.23rem 0.3rem;
  justify-content: space-between;
}
.contacts__address-item:not(:first-child) {
  border-top: 1px solid #f5f5f5;
}
@media only screen and (max-width: 750px) {
  .contacts__address-item {
    margin: 0;
    display: block;
    font-size: 0.2rem;
    line-height: 0.285rem;
    padding: 0.45rem 0 0.6rem;
  }
}
.contacts__address-item.hidden {
  display: none;
}
.contacts__address-item__title {
  display: block;
  color: #292929;
  font-size: 0.14rem;
  line-height: 0.23rem;
  margin-bottom: 0.07rem;
}
@media only screen and (max-width: 750px) {
  .contacts__address-item__title {
    font-size: 0.22rem;
    line-height: 0.345rem;
    margin-bottom: 0.12rem;
  }
}
.contacts__address-item__content {
  display: block;
  max-width: 6rem;
}
@media only screen and (max-width: 750px) {
  .contacts__address-item__content {
    max-width: none;
    margin-bottom: 0.34rem;
  }
}
.contacts__address-item__info {
  color: #919191;
  display: block;
}
.contacts__address-item__btn-holder {
  display: flex;
  flex-shrink: 0;
  margin-left: 0.5rem;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .contacts__address-item__btn-holder {
    margin-left: 0;
  }
}
.contacts__address-item__btn {
  height: 0.35rem;
  cursor: pointer;
  border-width: 1px;
  align-items: center;
  border-style: solid;
  margin: 0 0 0 0.15rem;
  display: inline-flex;
  white-space: nowrap;
  border-radius: 0.04rem;
  padding: 0.05rem 0.14rem;
  justify-content: center;
  -webkit-appearance: none;
  transition: all 0.35s ease;
  font: normal 0.13rem/1.5 "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .contacts__address-item__btn {
    height: 0.55rem;
    margin-left: 0;
    font-size: 0.2104rem;
    margin-right: 0.26rem;
    padding-left: 0.22rem;
    padding-right: 0.22rem;
  }
}
.contacts__address-item__btn--primary {
  color: #fff;
  background: #dd7375;
  border-color: #dd7375;
}
.contacts__address-item__btn--primary:hover {
  background: #d34a4d;
  border-color: #d34a4d;
}
.contacts__address-item__btn--secondary {
  color: #636363;
  background: #fbfbfb;
  border-color: #e0e0e0;
}
.contacts__address-item__btn--secondary:hover {
  background: #eeeeee;
  border-color: #cecece;
}

.map__controls {
  top: 50%;
  z-index: 250;
  right: 0.11rem;
  width: 0.32rem;
  position: absolute;
  transform: translateY(-50%);
}
.map__zoom-controls {
  background: #fff;
  border-radius: 0.16rem;
  box-shadow: 0.05rem 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.16);
}
.map__zoom-plus, .map__zoom-minus {
  color: #666;
  display: flex;
  height: 0.34rem;
  line-height: 1;
  cursor: pointer;
  background: #fff;
  font-size: 0.12rem;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease;
}
.map__zoom-plus:hover, .map__zoom-minus:hover {
  background: #f2f2f2;
}
.map__zoom-plus {
  border-radius: 0.16rem 0.16rem 0 0;
}
.map__zoom-minus {
  border-radius: 0 0 0.16rem 0.16rem;
}

.h1-head {
  display: flex;
  align-items: center;
  padding-top: 0.06rem;
  margin-bottom: 0.29rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .h1-head {
    margin-bottom: 0.4rem;
  }
}
.h1-head h1, .h1-head .h1 {
  margin-bottom: 0;
}
.h1-head h1 a, .h1-head .h1 a {
  line-height: 1;
  color: #cf2c2f;
  display: inline-block;
  border-bottom: 1px dotted;
  transition: border-color 0.35s ease;
}
.h1-head h1 a:hover, .h1-head .h1 a:hover {
  border-bottom-color: transparent;
}
.h1-head .basket-item__row-msg {
  margin: 0;
  font-size: 0.13rem;
  line-height: 0.2rem;
}
.h1-head .basket-item__row-msg a {
  text-decoration: underline;
}
.h1-head .basket-item__row-msg a:hover {
  text-decoration: none;
}

.offices-map.white-bg {
  padding: 0;
  margin-bottom: 0.3rem;
}
@media only screen and (max-width: 750px) {
  .offices-map.white-bg {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
.offices-map__filters {
  padding: 0.31rem 0.3rem 0.17rem;
  border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 750px) {
  .offices-map__filters {
    border-bottom: none;
    padding: 0.49rem 0 0.35rem;
  }
}
.offices-map__filters .input-list {
  columns: 1;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  margin-left: -0.05rem;
  margin-right: -0.05rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .offices-map__filters .input-list {
    margin-left: -0.1rem;
    margin-right: -0.1rem;
  }
}
.offices-map__filters .input-list__item {
  padding: 0;
  width: auto;
  vertical-align: top;
  display: inline-block;
  margin: 0 0.05rem 0.1rem;
}
@media only screen and (max-width: 750px) {
  .offices-map__filters .input-list__item {
    margin: 0 0.1rem 0.25rem;
  }
}
.offices-map__filters .input-list__item--hidden {
  display: none;
}
.offices-map__filters .input-list__item--more {
  display: block !important;
}
.offices-map__filters .input-list__item--more a {
  color: inherit;
}
.offices-map__filters .input-list__item--more a:before {
  content: attr(data-default);
}
.offices-map__filters .input-list.open .input-list__item {
  display: block !important;
}
.offices-map__filters .input-list.open .input-list__item--more {
  display: block;
}
.offices-map__filters .input-list.open .input-list__item--more a:before {
  content: attr(data-active);
}
.offices-map__filters .input-list.open .input-list__item--more a i {
  transform: rotate(180deg);
}
.offices-map__main {
  display: flex;
  height: 7.1rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .offices-map__main {
    height: auto;
    display: block;
  }
}
.offices-map__main--details .offices-list {
  display: none;
}
.offices-map__sidebar {
  height: 100%;
  width: 3.7rem;
  flex-shrink: 0;
  border-right: 1px solid #e6e6e6;
}
@media only screen and (max-width: 750px) {
  .offices-map__sidebar {
    width: auto;
    height: auto;
    border-right: none;
  }
}
.offices-map__sidebar .scroll-cover {
  height: 100%;
}
@media only screen and (max-width: 750px) {
  .offices-map__sidebar .scroll-cover {
    height: auto;
    overflow: visible;
  }
}
.offices-map__map-holder {
  display: flex;
  flex-direction: column;
  width: calc(100% - 3.7rem);
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .offices-map__map-holder {
    opacity: 0;
    width: auto;
    z-index: 1100;
    top: -9999px;
    left: -9999px;
    right: 9999px;
    bottom: 9999px;
    position: fixed;
    transition: all 0s ease 0.35s, opacity 0.35s ease;
  }
  body.show-all-offices .offices-map__map-holder {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: opacity 0.35s ease;
  }
}
@media only screen and (max-width: 750px) {
  .offices-map__map-holder .modal-heading {
    display: flex;
    color: #aeaeae;
    position: relative;
    min-height: 1.06rem;
    background: #fbfbfb;
    flex-direction: column;
    justify-content: center;
    padding: 0.23rem 0.6rem 0.18rem 0.4rem;
    box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
  }
  .offices-map__map-holder .modal-heading h2, .offices-map__map-holder .modal-heading .h2 {
    margin-bottom: 0;
    letter-spacing: 0;
    font-size: 0.26rem;
  }
}
@media only screen and (max-width: 750px) {
  .offices-map__map-holder .close-icon {
    top: 0;
    right: 0;
    opacity: 1;
    width: 1.1rem;
    display: flex;
    height: 1.06rem;
    color: #636363;
    font-size: 0.36rem;
    position: absolute;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transition: color 0.35s ease;
  }
  .offices-map__map-holder .close-icon:hover {
    opacity: 1;
    color: #000;
  }
}
.offices-map__map-holder .close-icon i:before {
  vertical-align: top;
}
.offices-map__search-panel {
  display: flex;
  flex-shrink: 0;
  padding: 0.2rem 0.3rem;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #ededed;
}
.offices-map__main--details .offices-map__search-panel {
  display: none;
}
.offices-map__search-panel__btn {
  flex-shrink: 0;
  margin-left: 0.2rem;
}
.offices-map__search-panel__btn .btn {
  letter-spacing: 0;
  min-width: 2.06rem;
  font-weight: normal;
  text-transform: none;
}
.offices-map__search-form {
  width: 100%;
}
.offices-map__search-form__inner {
  position: relative;
}
.offices-map__search-form .search-form__input {
  padding-left: 0.52rem;
  background-repeat: no-repeat;
  background-position: 0.2rem 50%;
  background-size: 0.16rem 0.24rem;
  background-image: url(../images/marker-icon.jpg);
}
.offices-map__map {
  flex: 1 1 100%;
  position: relative;
  min-height: 5.95rem;
}
.offices-map__no-results {
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.19rem;
  padding: 0.2rem 0.3rem;
}
@media only screen and (max-width: 750px) {
  .offices-map__no-results {
    font-size: 0.24rem;
    line-height: 0.35rem;
    padding: 0.32rem 0 0.5rem;
  }
}
.offices-map__no-results__title {
  display: block;
  color: #292929;
  font-size: 0.14rem;
  line-height: 0.23rem;
  margin-bottom: 0.08rem;
}
@media only screen and (max-width: 750px) {
  .offices-map__no-results__title {
    font-size: 0.26rem;
    line-height: 0.43rem;
    margin-bottom: 0.18rem;
  }
}
.offices-map__no-results p {
  margin-bottom: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .offices-map__no-results p {
    margin-bottom: 0.24rem;
  }
}
.offices-map__no-results .btn {
  margin: 0;
  height: 0.35rem;
  font-size: 0.13rem;
  font-weight: normal;
  text-transform: none;
  padding-left: 0.12rem;
  padding-right: 0.12rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .offices-map__no-results .btn {
    height: 0.55rem;
    font-size: 0.21rem;
    padding-left: 0.21rem;
    border-radius: 0.06rem;
    padding-right: 0.21rem;
  }
}
.offices-map__no-results .btn--default {
  background: #dd7375;
}
.offices-map__no-results .btn--default:hover {
  background: #d34a4d;
}
.offices-map__show-on-map {
  margin: 0 -0.4rem;
  padding: 0.78rem 0.4rem 0.77rem;
  background: url(../images/map.jpg) 50% 50%/cover no-repeat;
}
.offices-map__show-on-map .btn {
  letter-spacing: 0;
  font-weight: normal;
  text-transform: none;
}

.radio-tag {
  position: relative;
  vertical-align: top;
  display: inline-block;
}
.radio-tag__input {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  vertical-align: top;
  -webkit-appearance: none;
}
.radio-tag__text {
  height: 0.34rem;
  overflow: hidden;
  line-height: 1.3;
  font-size: 0.13rem;
  vertical-align: top;
  white-space: nowrap;
  background: #fbfbfb;
  display: inline-block;
  border-radius: 0.17rem;
  text-overflow: ellipsis;
  padding: 0.08rem 0.16rem 0.1rem;
  box-shadow: inset 0 0 0 1px #e0e0e0;
  transition: box-shadow 0.35s ease, background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .radio-tag__text {
    height: 0.54rem;
    font-size: 0.22rem;
    line-height: 0.4rem;
    border-radius: 0.27rem;
    padding: 0.07rem 0.26rem;
  }
}
@media only screen and (min-width: 751px) {
  .radio-tag__text:hover, .radio-tag__input:hover + .radio-tag__text {
    box-shadow: inset 0 0 0 1px #cf2c2f;
  }
}
.radio-tag__input:checked + .radio-tag__text {
  box-shadow: inset 0 0 0 1px #cf2c2f;
}
.radio-tag__input:checked + .radio-tag__text {
  color: #fff;
  background-color: #cf2c2f;
}
.radio-tag .tooltip {
  margin-top: -0.02rem;
  margin-bottom: -0.02rem;
}
@media only screen and (max-width: 750px) {
  .radio-tag .tooltip {
    margin-top: 0.02rem;
    margin-bottom: 0.02rem;
  }
}
.radio-tag .tooltip:not(.open) .tooltip__icon {
  background: #fff;
}

.offices-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.office-item {
  cursor: pointer;
  position: relative;
  font-size: 0.13rem;
  line-height: 0.19rem;
  padding: 0.18rem 0.8rem 0.15rem 0.3rem;
  transition: background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .office-item {
    font-size: 0.24rem;
    line-height: 0.35rem;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    padding: 0.32rem 0.76rem 0.5rem 0.4rem;
  }
}
@media only screen and (min-width: 751px) {
  .office-item:hover {
    background: #ededed;
  }
}
@media only screen and (min-width: 751px) {
  .office-item:not(:first-child) {
    border-top: 1px solid #ededed;
  }
}
@media only screen and (max-width: 750px) {
  .office-item:not(:first-child):before {
    top: 0;
    height: 1px;
    content: "";
    left: 0.4rem;
    right: 0.4rem;
    position: absolute;
    pointer-events: none;
    background: #ededed;
  }
}
.office-item__title {
  display: block;
  color: #292929;
  font-size: 0.14rem;
  line-height: 0.23rem;
  margin-bottom: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .office-item__title {
    font-size: 0.26rem;
    line-height: 0.43rem;
    margin-bottom: 0.18rem;
  }
}
.office-item__title .tooltip {
  margin: 0;
}
.office-item__title__badge {
  width: auto;
  height: auto;
  border: none;
  top: -0.01rem;
  color: #fff;
  box-shadow: none;
  border-radius: 0;
  font-size: 0.1rem;
  min-width: 0.3rem;
  position: relative;
  text-align: center;
  padding: 0 0.04rem;
  font-weight: normal;
  line-height: 0.15rem;
  margin-left: 0.04rem;
  background: #ffa903;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .office-item__title__badge {
    top: -0.02rem;
    min-width: 0.44rem;
    font-size: 0.15rem;
    line-height: 0.23rem;
  }
}
.office-item__title__badge:hover, .tooltip.open .office-item__title__badge {
  color: #fff;
  background: #e99900;
}
.office-item__schedule {
  display: block;
  margin-bottom: 0.08rem;
}
.office-item__stations {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 750px) {
  .office-item__stations {
    margin-bottom: 0.3rem;
  }
}
.office-item__station {
  display: block;
  position: relative;
  padding-left: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .office-item__station {
    padding-left: 0.4rem;
  }
}
.office-item__station:not(:first-child) {
  margin-top: 0.08rem;
}
@media only screen and (max-width: 750px) {
  .office-item__station:not(:first-child) {
    margin-top: 0.17rem;
  }
}
.office-item__station:before {
  left: 0;
  top: 50%;
  content: "";
  width: 1em;
  height: 1em;
  font-size: 0.1rem;
  position: absolute;
  border-radius: 50%;
  margin-top: -0.5em;
  background: var(--marker-color);
}
@media only screen and (max-width: 750px) {
  .office-item__station:before {
    font-size: 0.2rem;
  }
}
.office-item__controls {
  top: 0;
  right: 0;
  position: absolute;
  padding: 0.2rem 0.28rem 0 0;
}
@media only screen and (max-width: 750px) {
  .office-item__controls {
    padding-right: 0;
    padding-top: 0.3rem;
  }
}
.office-item__control {
  margin: 0;
  padding: 0;
  width: 1em;
  height: 1em;
  border: none;
  display: flex;
  line-height: 1;
  cursor: pointer;
  color: #a9a9a9;
  background: none;
  border-radius: 0;
  font-size: 0.28rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  -webkit-appearance: none;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .office-item__control {
    font-size: 0.46rem;
  }
}
.office-item__control:hover {
  color: #cf2c2f;
}
.office-item__control:not(:first-child) {
  margin-top: 0.14rem;
}
.office-item__control.tooltip {
  margin: 0;
}
.office-item__control.tooltip .tooltip__icon {
  margin: 0;
  width: 100%;
  height: 100%;
  border: none;
  color: inherit;
  transition: none;
  font-size: inherit;
  line-height: inherit;
}
.office-item__control.tooltip.open .tooltip__icon {
  color: #cf2c2f;
  border-color: transparent;
  background-color: transparent;
}
.office-item__btn-panel {
  display: flex;
  margin: 0 -0.05rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .office-item__btn-panel {
    margin-left: -0.1rem;
    margin-right: -0.1rem;
  }
}
.office-item__btn-panel .btn {
  height: 0.35rem;
  margin: 0 0.05rem;
  font-size: 0.13rem;
  font-weight: normal;
  text-transform: none;
  padding-left: 0.12rem;
  padding-right: 0.12rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .office-item__btn-panel .btn {
    height: 0.55rem;
    font-size: 0.21rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    padding-left: 0.21rem;
    border-radius: 0.06rem;
    padding-right: 0.21rem;
  }
}
.office-item__btn-panel .btn--default {
  background: #dd7375;
}
.office-item__btn-panel .btn--default:hover {
  background: #d34a4d;
}
.office-item__btn-panel .btn--light {
  background: #fbfbfb;
}
.office-item__btn-panel .btn--light:hover {
  background: #eeeeee;
  box-shadow: inset 0 0 0 1px #cecece;
}
.office-item__arrow {
  top: 50%;
  line-height: 1;
  right: 0.36rem;
  font-size: 0.14rem;
  color: #cf2c2f;
  position: absolute;
  margin-top: -0.5em;
  pointer-events: none;
}
@media only screen and (max-width: 750px) {
  .office-item__arrow {
    right: 0.4rem;
    font-size: 0.3rem;
  }
}

.office-details {
  padding: 0.1rem 0.3rem 0.3rem;
}
.office-details__head {
  margin-bottom: 0.1rem;
}
.office-details__back {
  margin: 0;
  padding: 0;
  border: none;
  display: flex;
  cursor: pointer;
  color: #4b4b4b;
  line-height: 1.3;
  background: none;
  padding: 0.1rem 0;
  font-size: 0.13rem;
  align-items: center;
  letter-spacing: 0.02em;
  -webkit-appearance: none;
  text-transform: uppercase;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
.office-details__back .icon-angle-right-bold {
  top: -0.01rem;
  line-height: 1;
  font-size: 0.1rem;
  position: relative;
  color: #cf2c2f;
  vertical-align: top;
  margin-right: 0.1rem;
  display: inline-block;
  transform: rotate(180deg);
}
.office-details__back span {
  transition: border-color 0.35s ease;
  border-bottom: 1px solid #dadada;
}
.office-details__back:hover {
  color: #cf2c2f;
}
.office-details__back:hover span {
  border-bottom-color: transparent;
}

.offices-map__main:not(.offices-map__main--details) .office-details {
  display: none;
}

.office {
  color: #404040;
  font-size: 0.13rem;
  line-height: 0.22rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .office {
    font-size: 0.24rem;
    line-height: 0.36rem;
    padding-top: 0.24rem;
    padding-bottom: 0.24rem;
  }
}
.office__title {
  color: #000;
  display: block;
  letter-spacing: 0;
  font-size: 0.15rem;
  line-height: 0.23rem;
  margin-bottom: 0.11rem;
}
.office__address {
  display: block;
  letter-spacing: 0;
  margin-bottom: 0.02rem;
}
@media only screen and (max-width: 750px) {
  .office__address {
    letter-spacing: 0;
    font-weight: bold;
    font-size: 0.26rem;
    line-height: 0.43rem;
    margin-bottom: 0.1rem;
  }
}
.office__phone {
  display: block;
  letter-spacing: 0;
  font-size: 0.14rem;
  margin-bottom: 0.02rem;
}
@media only screen and (max-width: 750px) {
  .office__phone {
    font-size: 0.26rem;
    margin-bottom: 0.06rem;
  }
}
.office__phone a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.office__phone a:hover {
  color: #cf2c2f;
}
.office__schedule {
  display: block;
  letter-spacing: 0;
}
.office__stations {
  padding: 0;
  list-style: none;
  letter-spacing: 0;
  margin: 0.05rem 0 0.15rem;
}
@media only screen and (max-width: 750px) {
  .office__stations {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0.1rem -0.14rem;
    justify-content: flex-start;
  }
}
.office__station {
  position: relative;
  padding-left: 0.18rem;
}
@media only screen and (max-width: 750px) {
  .office__station {
    padding-left: 0.4rem;
    margin: 0 0.14rem 0.11rem;
  }
}
@media only screen and (min-width: 751px) {
  .office__station:not(:first-child) {
    margin-top: 0.04rem;
  }
}
.office__station:before {
  left: 0;
  top: 50%;
  width: 1em;
  height: 1em;
  content: "";
  font-size: 0.1rem;
  margin-top: -0.5em;
  position: absolute;
  border-radius: 50%;
  background: var(--marker-color);
}
@media only screen and (max-width: 750px) {
  .office__station:before {
    font-size: 0.2rem;
  }
}
.office__payments {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  margin: 0 -0.07rem 0.24rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .office__payments {
    margin: 0 -0.12rem 0.2rem;
  }
}
.office__payment {
  margin: 0 0.07rem;
}
@media only screen and (max-width: 750px) {
  .office__payment {
    margin: 0 0.12rem;
  }
}
.office__payment img {
  width: auto;
  display: block;
  height: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .office__payment img {
    height: 0.36rem;
  }
}
.office__photos {
  padding: 0;
  display: flex;
  list-style: none;
  align-items: flex-start;
  margin: 0 -0.05rem 0.1rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .office__photos {
    margin-bottom: 0.2rem;
  }
}
.office__photo {
  position: relative;
  margin: 0 0.05rem 0.1rem;
  width: calc(33.3333% - 0.1rem);
}
@media only screen and (max-width: 750px) {
  .office__photo {
    width: auto;
    margin-bottom: 0;
  }
}
.office__photo--hidden {
  display: none;
}
@media only screen and (min-width: 751px) {
  .office__photo:before {
    content: "";
    display: block;
    padding-top: 67.0103092784%;
  }
}
.office__photo img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.office__photo__remaining {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  color: #fff;
  line-height: 1.5;
  position: absolute;
  font-size: 0.18rem;
  align-items: center;
  flex-direction: column;
  letter-spacing: 0.02em;
  justify-content: center;
  background: rgba(70, 70, 70, 0.54);
  transition: background-color 0.35s ease;
}
.office__photo a:hover .office__photo__remaining {
  background: rgba(70, 70, 70, 0.7);
}
@media only screen and (max-width: 750px) {
  .office__photo span {
    line-height: 1.3;
    color: #cf2c2f;
    vertical-align: top;
    display: inline-block;
    border-bottom: 1px dotted;
    transition: border-color 0.35s ease;
  }
  .office__photo span:hover {
    border-bottom-color: transparent;
  }
}
.office__advantages {
  padding: 0;
  list-style: none;
  margin: 0 0 0.2rem;
}
@media only screen and (max-width: 750px) {
  .office__advantages {
    margin-bottom: 0;
  }
}
.office__advantages li {
  position: relative;
  padding-left: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .office__advantages li {
    padding-left: 0.28rem;
  }
}
.office__advantages li:not(:first-child) {
  margin-top: 0.07rem;
}
@media only screen and (max-width: 750px) {
  .office__advantages li:not(:first-child) {
    margin-top: 0.1rem;
  }
}
.office__advantages li:before {
  top: 0;
  left: 0;
  content: "— ";
  color: #cf2c2f;
  position: absolute;
}
.office__advantages sup {
  font-size: 0.7em;
  line-height: 1.4;
  vertical-align: top;
}
.office__btn-panel {
  display: flex;
  margin: 0 -0.05rem;
  align-items: flex-start;
  justify-content: flex-start;
}
.office__btn-panel .btn {
  height: 0.35rem;
  margin: 0 0.05rem;
  font-size: 0.13rem;
  font-weight: normal;
  text-transform: none;
  padding-left: 0.12rem;
  padding-right: 0.12rem;
  letter-spacing: 0.02em;
}
.office__btn-panel .btn--default {
  background: #dd7375;
}
.office__btn-panel .btn--default:hover {
  background: #d34a4d;
}
.office__btn-panel .btn--light {
  background: #fbfbfb;
}
.office__btn-panel .btn--light:hover {
  background: #eeeeee;
  box-shadow: inset 0 0 0 1px #cecece;
}

@media only screen and (min-width: 751px) {
  .choose-region-modal .modal {
    max-width: 8rem;
  }
}
@media only screen and (max-width: 750px) {
  .choose-region-modal h2, .choose-region-modal .h2 {
    font-size: 0.28rem;
    margin-top: -0.08rem;
    margin-bottom: 0.03rem;
  }
}

.cookies {
  opacity: 0;
  color: #fff;
  z-index: 500;
  display: flex;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  position: fixed;
  font-size: 0.13rem;
  line-height: 0.2rem;
  text-align: center;
  align-items: center;
  padding: 0.15rem 0.4rem;
  justify-content: center;
  background: rgba(34, 34, 34, 0.87);
  transform: translateY(100%);
  transition: all 0s ease 0.35s, opacity 0.35s ease, transform 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .cookies {
    display: block;
    font-size: 0.26rem;
    padding-top: 0.24rem;
    line-height: 0.28rem;
    padding-bottom: 0.3rem;
  }
}
.cookies.visible {
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.cookies__text {
  display: block;
}
@media only screen and (max-width: 750px) {
  .cookies__text {
    margin-bottom: 0.26rem;
  }
}
.cookies__text a {
  text-decoration: underline;
}
.cookies__text a:hover {
  text-decoration: none;
}
.cookies__btn-holder {
  margin-left: 0.28rem;
}
@media only screen and (max-width: 750px) {
  .cookies__btn-holder {
    margin: 0;
  }
}
.cookies__btn-holder .btn {
  height: 0.46rem;
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 750px) {
  .cookies__btn-holder .btn {
    height: 0.8rem;
    font-size: 0.24rem;
    border-radius: 0.4rem;
  }
}
.cookies__close {
  top: 0.29rem;
  right: 0.21rem;
  line-height: 1;
  color: #bbbbbb;
  font-size: 0.17rem;
  position: absolute;
  transition: color 0.35s ease;
}
.cookies__close:hover {
  color: #fff;
}

.default-section {
  padding: 0.27rem 0 0.36rem;
}
@media only screen and (max-width: 750px) {
  .default-section {
    padding-top: 0.35rem;
  }
}
.default-section__title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0 0 0.32rem;
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .default-section__title {
    font-size: 0.4rem;
    margin-bottom: 0.38rem;
  }
}
.default-section__title a {
  vertical-align: top;
  align-items: center;
  display: inline-flex;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
.default-section__title a:hover {
  color: #cf2c2f;
}
.default-section__title a:hover .default-section__title-icon {
  opacity: 1;
  background: #eee;
}
.default-section__title--small {
  font-weight: 600;
  letter-spacing: 0;
  font-size: 0.22rem;
  line-height: 0.3rem;
  margin-bottom: 0.35rem;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .default-section__title--small {
    font-size: 0.3rem;
    line-height: 0.51rem;
  }
}
.default-section__title__colour {
  color: #cf2c2f;
}
.default-section__title-icon {
  opacity: 0.8;
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  color: #dd7375;
  margin-left: 0.2rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 0.02rem solid #aeaeae;
  transition: opacity 0.35s ease, background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .default-section__title-icon {
    width: 0.5rem;
    height: 0.5rem;
    color: #f06842;
    margin-left: 0.13rem;
    padding-left: 0.01rem;
    border-color: rgba(0, 0, 0, 0.17);
  }
}
.default-section__title-icon .icon-angle-down {
  display: block;
  line-height: 1;
  font-size: 0.18rem;
  transform: rotate(-90deg);
}
@media only screen and (max-width: 750px) {
  .default-section__title-icon .icon-angle-down {
    font-size: 0.24rem;
  }
}
.default-section__title-icon .icon-angle-down:before {
  display: block;
}
.default-section--white {
  background: #fff;
}
.default-section__text.all-text-showed .hide-on-full-text {
  display: none;
}
.default-section__text:not(.all-text-showed) .default-section__full-text {
  display: none;
}

.main-inner-section {
  padding: 0.3rem 0 0.3rem;
}
@media only screen and (max-width: 750px) {
  .main-inner-section {
    padding-top: 0.41rem;
  }
  .main-inner-section.white-m {
    background: #fff;
  }
}

.header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  color: #292929;
  position: absolute;
  background: #fff;
  box-shadow: 0.01rem 0 0.18rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .header {
    padding-top: 0.25rem;
    padding-bottom: 0.29rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.22);
  }
}
.header--fixed {
  position: fixed;
  animation: fadeInUp 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .header:not(.header--fixed) {
    right: 0 !important;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media only screen and (min-width: 751px) {
  .header:not(.header--fixed) .header__main {
    border-bottom: 1px solid #ededed;
  }
}
.header__main__inner {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.header__sub-panel {
  padding: 0.22rem 0;
}
@media only screen and (max-width: 750px) {
  .header__sub-panel {
    padding: 0;
  }
}
.header__sub-panel__inner {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .header__sub-panel__inner {
    padding-top: 0.3rem;
    flex-direction: column-reverse;
  }
  .header--fixed .header__sub-panel__inner {
    display: none;
  }
}
.header__sub-panel__inner > .btn-panel {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .header__sub-panel__inner > .btn-panel {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.header__sub-panel__inner > .btn-panel > .btn-holder {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .header__sub-panel__inner > .btn-panel > .btn-holder {
    margin-left: 0;
    margin-right: 0;
  }
}
.header__sub-panel__btn-holder.header-calc-dropdown {
  position: relative;
}
@media only screen and (max-width: 750px) {
  .header__sub-panel__btn-holder.header-calc-dropdown {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding: 0.3rem 0 0.15rem;
    width: calc(100% + .8rem);
    margin-left: -0.4rem !important;
    margin-right: -0.4rem !important;
    margin-bottom: -0.15rem !important;
    -webkit-overflow-scrolling: touch;
  }
}
.header__sub-panel__btn-holder.header-calc-dropdown.open .btn--sub {
  background: #303030;
}
.header__logo-holder {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (min-width: 751px) {
  .header--fixed .header__logo-holder {
    display: none;
  }
}
.header__controls {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (min-width: 751px) {
  .header__controls {
    transition: opacity 0.35s ease;
  }
}
@media only screen and (max-width: 750px) {
  .header__controls {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
}
@media only screen and (min-width: 751px) {
  .header--fixed .header__controls {
    top: 100%;
    right: 2.1rem;
    position: absolute;
  }
}
@media only screen and (min-width: 751px) {
  .header--search-form-open .header__controls {
    opacity: 0;
    pointer-events: none;
  }
}
.header__controls__item {
  position: relative;
}
@media only screen and (max-width: 750px) {
  .header__controls__item {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
  }
}
@media only screen and (min-width: 751px) {
  .header__controls__item:after {
    top: 50%;
    left: -1px;
    width: 1px;
    content: "";
    height: 0.56rem;
    position: absolute;
    margin: -0.28rem 0 0;
    background: #ededed;
    transition: opacity 0.35s ease;
  }
  .header__controls__item:hover .header__controls__item:after {
    opacity: 0;
  }
  .header__controls__item:hover:after {
    opacity: 0;
  }
}
.header__controls__item.open .header__control-item {
  z-index: 600;
  background: var(--icons-sub-color);
}
.header__controls__item.open .header__control-item.active {
  background: var(--icons-sub-color);
}
.header__controls__item.open .header__control-item.active .header__control-item__badge {
  border-color: var(--icons-sub-color);
}
.header__controls__item.open .header__control-item__icon svg {
  fill: #fff;
}
.header__controls__item.open .header__control-item__icon svg use.active {
  opacity: 1 !important;
}
.header__controls__item.open .header__control-item__icon svg use:not(.active) {
  opacity: 0 !important;
}
.header__controls__item.open .header__control-item__badge {
  color: #fff;
  background: #433c40;
  border-color: var(--icons-sub-color);
}
.header__controls__item.open .header__control-item__dropdown {
  right: 0;
  top: 100%;
  opacity: 1;
  transition: opacity 0.35s ease;
}
.header__controls__item.open .header__control-item__dropdown:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: none;
}
.header__controls__item--default:hover .header__control-item__dropdown {
  left: 0;
  top: 100%;
  opacity: 1;
  right: auto;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .header__controls__item--default:hover .header__control-item__dropdown {
    left: -0.4rem;
  }
}
.header__controls__item--default .header__control-item__dropdown {
  right: auto;
  left: -9999px;
  width: 1.98rem;
  margin-top: -0.16rem;
  margin-left: -0.08rem;
}
@media only screen and (max-width: 750px) {
  .header__controls__item--default .header__control-item__dropdown {
    width: 3rem;
    z-index: 800;
    font-size: 0.28rem;
    margin-top: 0.2rem;
  }
}
.header__controls__item--default .header__control-item__dropdown:before, .header__controls__item--default .header__control-item__dropdown:after {
  display: none;
}
.header__controls__item--default .header__control-item__dropdown__inner {
  position: relative;
  padding: 0.2rem 0.3rem 0.25rem;
  border: 1px solid rgba(202, 202, 202, 0.45);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .header__controls__item--default .header__control-item__dropdown__inner {
    padding: 0.3rem 0.4rem 0.35rem;
  }
}
.header__controls__item--default .header__control-item__dropdown__inner:after, .header__controls__item--default .header__control-item__dropdown__inner:before {
  left: 0.3rem;
  content: "";
  bottom: 100%;
  position: absolute;
  border-bottom-width: 0.06rem;
  border-bottom-style: solid;
  border-left: 0.07rem solid transparent;
  border-right: 0.07rem solid transparent;
}
@media only screen and (max-width: 750px) {
  .header__controls__item--default .header__control-item__dropdown__inner:after, .header__controls__item--default .header__control-item__dropdown__inner:before {
    left: 0.6rem;
    border-left-width: 0.1rem;
    border-right-width: 0.1rem;
    border-bottom-width: 0.1rem;
  }
}
.header__controls__item--default .header__control-item__dropdown__inner:before {
  margin-bottom: 0.02rem;
  border-bottom-color: rgba(202, 202, 202, 0.45);
}
.header__controls__item--default .header__control-item__dropdown__inner:after {
  border-bottom-color: #fff;
}
.header:not(.header--fixed) .header-show-search-button {
  display: none;
}
.header.header--search-form-open .header-show-search-button {
  pointer-events: none;
}
.header .header-show-search-button {
  width: 1.58rem;
  margin: -0.22rem 0 -0.22rem 0.1rem;
}
@media only screen and (max-width: 750px) {
  .header .header-show-search-button {
    display: none;
  }
}
.header__control-item {
  z-index: 10;
  border: none;
  display: flex;
  cursor: pointer;
  color: #636363;
  background: none;
  text-align: left;
  font-size: 0.12rem;
  min-width: 0.6rem;
  min-height: 0.8rem;
  position: relative;
  line-height: 0.16rem;
  align-items: center;
  font-family: inherit;
  padding: 0 0.18rem 0 0.17rem;
  justify-content: flex-start;
  transition: background-color 0.35s ease, color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .header__control-item {
    padding: 0;
    min-width: 0;
    line-height: 1;
    min-height: 0;
  }
}
@media only screen and (min-width: 751px) {
  .header--fixed .header__control-item {
    min-height: 0.97rem;
  }
}
@media only screen and (min-width: 751px) {
  .header__control-item:hover, .header__controls__item:first-child:hover .header__control-item {
    background: #ededed;
  }
}
.header__control-item__icon {
  position: relative;
}
@media only screen and (max-width: 750px) {
  .header__control-item__icon {
    color: #a9a9a9;
    line-height: 1;
    font-size: 0.49rem;
  }
}
.header__control-item__icon i {
  display: block;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .header__control-item__icon i {
    top: 0.02rem;
  }
}
.header__control-item__icon i:before {
  vertical-align: top;
}
.header__control-item__icon svg {
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  fill: #9a9a9a;
}
@media only screen and (max-width: 750px) {
  .header__control-item__icon svg {
    width: 0.54rem;
    height: 0.54rem;
    fill: #a9a9a9;
  }
}
.header__control-item__icon svg use {
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .header__control-item__icon svg use:not(.active) {
    opacity: 1;
  }
}
@media only screen and (max-width: 750px) {
  .header__control-item__icon svg use.active {
    opacity: 0;
  }
}
.header__control-item__badge {
  color: #fff;
  top: -0.11rem;
  width: 0.2rem;
  height: 0.2rem;
  display: flex;
  right: -0.07rem;
  font-size: 0.1rem;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  align-items: center;
  background: #ffa903;
  justify-content: center;
  border: 0.02rem solid #fff;
  transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .header__control-item__badge {
    width: auto;
    top: -0.04rem;
    height: 0.3rem;
    min-width: 0.4rem;
    font-size: 0.16rem;
    padding: 0 0.04rem;
    background: #e85557;
    border-radius: 0.15rem;
  }
  .header__controls__item--default .header__control-item__badge {
    background: #ffa903;
  }
}
.header__control-item__text {
  display: block;
  margin-left: 0.08rem;
}
.header__control-item__title {
  display: block;
}
.header__control-item:not(.active) .header__control-item__icon svg use.active {
  opacity: 0;
}
@media only screen and (min-width: 751px) {
  .header__control-item.active {
    color: #fff;
    background: #cf2c2f;
  }
  .header__control-item.active:hover {
    background: #ad0e27;
  }
  .header__control-item.active:hover .header__control-item__badge {
    border-color: #ad0e27;
  }
  .header__control-item.active .header__control-item__icon svg {
    fill: #fff !important;
  }
  .header__control-item.active .header__control-item__icon svg use:not(.active) {
    opacity: 0;
  }
  .header__control-item.active .header__control-item__badge {
    color: #fff;
    background: #433c40;
    border-color: #cf2c2f;
  }
}
.header__control-item__dropdown {
  opacity: 0;
  top: -9999px;
  z-index: 550;
  right: 9999px;
  width: 5.49rem;
  position: absolute;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
.header__control-item__dropdown--wide {
  width: 5.89rem;
}
.header__control-item__dropdown--wide .header__control-item__dropdown__body .scroll-cover {
  max-height: 3.17rem;
}
.header__control-item__dropdown__inner {
  background: #fff;
}
.header__control-item__dropdown__head {
  position: relative;
  padding: 0.22rem 0.3rem 0.28rem;
  border-bottom: 1px solid #e6e6e6;
}
.header__control-item__dropdown__close {
  top: 0.22rem;
  right: 0.3rem;
  line-height: 1;
  color: #919191;
  cursor: pointer;
  font-size: 0.16rem;
  position: absolute;
  transition: color 0.35s ease;
}
.header__control-item__dropdown__close:hover {
  color: #000;
}
.header__control-item__dropdown__footer {
  display: flex;
  align-items: center;
  border-top: 1px solid #e6e6e6;
  justify-content: space-between;
  padding: 0.28rem 0.45rem 0.29rem 0.3rem;
}
.header__control-item__dropdown__body {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.header__control-item__dropdown__body .scroll-cover {
  max-height: 3.29rem;
  margin-left: -0.3rem;
  margin-right: -0.3rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.header__control-item__dropdown__body .scroll-cover::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.header__control-item__dropdown__body .scroll-cover::-webkit-scrollbar-thumb {
  border-radius: 6px;
  box-shadow: inset 0 0 0 3px #fff;
}
.header__control-item__dropdown__body .small-product-item {
  margin-left: -0.3rem;
  margin-right: -0.3rem;
  border-top: 1px solid #e6e6e6;
}
.header__control-item__dropdown__body .small-product-item__inner {
  padding-left: 0.23rem;
  padding-right: 0.44rem;
}
.header__control-item__dropdown__body .small-product-item:first-child {
  border-top: none;
}
.header__control-item__dropdown:after {
  opacity: 0;
  content: "";
  z-index: -10;
  opacity: 0.24;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  position: fixed;
  background: #000;
  transition: all 0s ease 0.35s;
}
.header__control-item__dropdown__title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-weight: 600;
  font-size: 0.19rem;
}
.header__city {
  position: relative;
  margin-left: 0.25rem;
}
.header__active-city {
  display: flex;
  line-height: 1.3;
  align-items: center;
  justify-content: flex-start;
}
.header__active-city i {
  line-height: 1;
  font-size: 0.05rem;
  margin-right: 0.07rem;
  color: rgba(99, 99, 99, 0.5);
}
.header__active-city__underline {
  overflow: hidden;
  max-width: 1.21rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px dotted #bebebe;
  transition: border-color 0.35s ease;
}
.header__active-city:hover .header__active-city__underline {
  border-bottom-color: transparent;
}
.header__menu {
  padding: 0;
  display: flex;
  list-style: none;
  margin: 0 -0.19rem;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (min-width: 751px) {
  .header--fixed .header__menu {
    display: none;
  }
}
.header__menu__item {
  margin: 0 0.19rem;
  position: relative;
}
.header__menu__item:hover .header__menu-dropdown {
  top: 100%;
  opacity: 1;
  left: -0.21rem;
  transition: opacity 0.35s ease;
}
.header__menu__link {
  display: block;
  padding: 0.12rem 0;
  position: relative;
  transition: color 0.35s ease;
}
.header__menu__link:hover {
  color: #cf2c2f;
}
.header__menu__link i {
  top: 50%;
  right: 100%;
  line-height: 1;
  font-size: 0.05rem;
  position: absolute;
  margin-top: -0.02rem;
  margin-right: 0.07rem;
  color: rgba(99, 99, 99, 0.5);
}
.header__menu-dropdown {
  opacity: 0;
  z-index: 1010;
  width: 198px;
  top: -9999px;
  left: -9999px;
  background: #fff;
  position: absolute;
  padding: 0.2rem 0.3rem 0.25rem;
  border: 1px solid rgba(202, 202, 202, 0.45);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
.header__menu-dropdown:after, .header__menu-dropdown:before {
  content: "";
  left: 0.32rem;
  bottom: 100%;
  position: absolute;
  border-bottom-style: solid;
  border-bottom-width: 0.07rem;
  border-left: 0.07rem solid transparent;
  border-right: 0.07rem solid transparent;
}
.header__menu-dropdown:before {
  margin-bottom: 1px;
  border-bottom-color: rgba(202, 202, 202, 0.45);
}
.header__menu-dropdown:after {
  border-bottom-color: #fff;
}
.header__dropdown-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header__dropdown-list__item {
  margin: 0.14rem 0 0;
}
@media only screen and (max-width: 750px) {
  .header__dropdown-list__item {
    margin-top: 0.24rem;
  }
}
.header__dropdown-list__item:first-child {
  margin-top: 0;
}
.header__dropdown-list__link {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.header__dropdown-list__link:hover {
  color: #cf2c2f;
}
.header__callback {
  width: 1.9rem;
  flex-shrink: 0;
  text-align: right;
}
@media only screen and (max-width: 750px) {
  .header__callback {
    text-align: left;
    padding-top: 0.1rem;
  }
}
.header__city-dropdown {
  opacity: 0;
  top: -9999px;
  z-index: 1050;
  left: -9999px;
  width: 3.42rem;
  background: #fff;
  margin-top: 0.12rem;
  position: absolute;
  text-align: center;
  margin-left: -1.71rem;
  padding: 0.25rem 0.3rem 0.3rem;
  border: 1px solid rgba(202, 202, 202, 0.45);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .header__city-dropdown {
    top: auto;
    width: auto;
    right: 9999px;
    margin-left: 0;
    bottom: 9999px;
    position: fixed;
    padding: 0.3rem 0.4rem 0.4rem;
    box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.19);
  }
}
.header__city-dropdown.open {
  top: 100%;
  left: 50%;
  opacity: 1;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .header__city-dropdown.open {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
  }
}
.header__city-dropdown:after, .header__city-dropdown:before {
  left: 50%;
  content: "";
  bottom: 100%;
  position: absolute;
  margin-left: -0.07rem;
  border-bottom-style: solid;
  border-bottom-width: 0.06rem;
  border-left: 0.07rem solid transparent;
  border-right: 0.07rem solid transparent;
}
@media only screen and (max-width: 750px) {
  .header__city-dropdown:after, .header__city-dropdown:before {
    display: none;
  }
}
.header__city-dropdown:before {
  margin-bottom: 0.02rem;
  border-bottom-color: rgba(202, 202, 202, 0.45);
}
.header__city-dropdown:after {
  border-bottom-color: #fff;
}
.header__city-dropdown__close {
  margin: 0;
  padding: 0;
  top: 0.18rem;
  border: none;
  right: 0.16rem;
  color: #919191;
  line-height: 1;
  cursor: pointer;
  background: none;
  font-size: 0.16rem;
  position: absolute;
  -webkit-appearance: none;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .header__city-dropdown__close {
    top: 0.3rem;
    right: 0.3rem;
    font-size: 0.28rem;
  }
}
.header__city-dropdown__close:hover {
  color: #000;
}
.header__city-dropdown__title {
  display: block;
  color: #636363;
  line-height: 1.2;
  font-size: 0.13rem;
  margin: 0 0 0.1rem;
}
@media only screen and (max-width: 750px) {
  .header__city-dropdown__title {
    font-size: 0.28rem;
    margin-bottom: 0.23rem;
  }
}
.header__city-dropdown__city {
  color: #000;
  display: block;
  font-size: 0.2rem;
  line-height: 1.2;
  margin: 0 0 0.23rem;
}
@media only screen and (max-width: 750px) {
  .header__city-dropdown__city {
    font-size: 0.34rem;
    margin-bottom: 0.51rem;
  }
}
.header__city-dropdown__btn-panel {
  margin-left: -0.05rem;
  margin-bottom: -0.1rem;
  margin-right: -0.05rem;
}
@media only screen and (max-width: 750px) {
  .header__city-dropdown__btn-panel {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    margin-bottom: -0.4rem;
  }
}
.header__city-dropdown__btn-panel > .btn {
  font-weight: normal;
  margin-left: 0.05rem;
  text-transform: none;
  margin-right: 0.05rem;
  margin-bottom: 0.1rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  width: calc(50% - .1rem);
}
@media only screen and (max-width: 750px) {
  .header__city-dropdown__btn-panel > .btn {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-bottom: 0.4rem;
    width: calc(50% - .4rem);
  }
}
.header__calc-dropdown {
  opacity: 0;
  width: 3rem;
  top: -9999px;
  z-index: 500;
  left: -9999px;
  color: #292929;
  background: #fff;
  line-height: 1.5;
  font-size: 0.14rem;
  position: absolute;
  margin-top: 0.04rem;
  border-radius: 0.04rem;
  padding: 0.3rem 0.28rem;
  border: 1px solid #e7e7e7;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
  box-shadow: 0.06rem 0.06rem 0.15rem 0 rgba(0, 0, 0, 0.27);
}
@media only screen and (max-width: 750px) {
  .header__calc-dropdown {
    top: auto;
    padding: 0;
    left: auto;
    opacity: 1;
    width: auto;
    border: none;
    margin-top: 0;
    color: #636363;
    position: static;
    background: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 0.22rem;
    line-height: 0.28rem;
  }
}
.header-calc-dropdown.open .header__calc-dropdown {
  left: 0;
  top: 100%;
  opacity: 1;
  transition: opacity 0.35s ease;
}
.header__calc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 750px) {
  .header__calc-list {
    display: flex;
    text-align: center;
    align-items: stretch;
    justify-content: flex-start;
  }
}
.header__calc-list__item {
  margin-top: 0.27rem;
}
@media only screen and (max-width: 750px) {
  .header__calc-list__item {
    margin-top: 0;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    box-sizing: content-box;
  }
  .header__calc-list__item:first-child {
    padding-left: 0.4rem;
  }
  .header__calc-list__item:last-child {
    padding-right: 0.4rem;
  }
}
@media only screen and (min-width: 751px) {
  .header__calc-list__item:first-child {
    margin-top: 0;
  }
}
.header__calc-list__link {
  display: flex;
  align-items: center;
  transition: color 0.35s ease;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .header__calc-list__link {
    width: 2.05rem;
    min-height: 100%;
    align-items: center;
    padding: 0.3rem 0.15rem;
    border-radius: 0.04rem;
    flex-direction: column;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
  }
}
.header__calc-list__link:hover {
  color: #cf2c2f;
}
.header__calc-list__icon {
  width: 0.24rem;
  flex-shrink: 0;
  margin-right: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .header__calc-list__icon {
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    margin-right: 0;
    align-items: center;
    margin-bottom: 0.09rem;
    justify-content: center;
  }
}
.header__calc-list__icon svg {
  fill: #a1a1a1;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.header__burger {
  padding: 0;
  border: none;
  width: 0.4rem;
  display: block;
  line-height: 1;
  flex-shrink: 0;
  cursor: pointer;
  color: #292929;
  background: none;
  overflow: visible;
  font-size: 0.32rem;
  text-align: center;
  transform: rotate(1deg);
  margin: 0 0.39rem 0 0;
  -webkit-appearance: none;
}
@media screen and (max-width: 480px) {
  .header__burger {
    font-size: 18px;
  }
}
.header__burger i {
  display: block;
}
.header__burger i:before {
  display: block;
}
@media only screen and (max-width: 750px) {
  .header .search-form__dropdown {
    background: #fbfbfb;
  }
}
@media only screen and (max-width: 750px) {
  .header .search-form__dropdown:after {
    background: #fbfbfb;
  }
}
@media only screen and (min-width: 751px) {
  .header--fixed .search-form {
    z-index: 150;
    background: #fff;
    position: absolute;
  }
  .header--fixed.header--search-form-open .search-form {
    left: 4.82rem;
  }
  .header--fixed:not(.header--search-form-open) .search-form {
    opacity: 0;
    top: -9999px;
    left: -9999px;
  }
}

.logo {
  display: block;
  position: relative;
}
.logo a {
  display: block;
  position: relative;
  padding: 0 0 0.04rem;
}
.logo svg {
  width: 1.8rem;
  height: 0.33rem;
  display: block;
}
@media only screen and (max-width: 750px) {
  .logo svg {
    height: 0.5rem;
    width: 2.72rem;
  }
}
.logo__slogan {
  left: 0;
  right: 0;
  top: -0.14rem;
  color: #aeaeae;
  line-height: 1.2;
  font-size: 0.11rem;
  position: absolute;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .logo__slogan {
    font-size: 0.14rem;
  }
}
.logo .logo__link {
  left: 0;
  top: 100%;
  padding: 0;
  color: #aeaeae;
  line-height: 1.2;
  font-size: 0.11rem;
  position: absolute;
  margin-top: 0.02rem;
  vertical-align: top;
  font-weight: normal;
  display: inline-block;
  border-bottom: 1px dotted;
  transition: color 0.35s ease, border-color 0.35s ease;
}
.logo .logo__link:hover {
  color: #000;
  border-bottom-color: transparent;
}

.total-price {
  margin: 0;
  padding: 0;
  color: #292929;
  line-height: 1.2;
  font-size: 0.13rem;
}
.total-price__title {
  padding: 0;
  margin: -0.04rem 0 0.03rem;
}
.total-price__value {
  margin: 0;
  padding: 0;
  color: #000;
  line-height: 1;
  font-size: 0.35rem;
  font-weight: bold;
}

.btn--burger .btn__icon {
  width: 0.16rem;
  margin-right: 0.12rem;
}
.btn--burger .btn__icon i {
  margin-right: 0;
}
body:not(.main-menu-open) .btn--burger .btn__icon .icon-close {
  display: none;
}
body.main-menu-open .btn--burger .btn__icon .icon-burger {
  display: none;
}

.main-menu {
  opacity: 0;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  z-index: 1000;
  background: #fff;
  line-height: 1.2;
  font-size: 0.14rem;
  position: absolute;
  letter-spacing: 0.02em;
  border-top: 1px solid #ececec;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .main-menu {
    bottom: 9999px;
    position: fixed;
    overflow-y: auto;
    letter-spacing: 0;
    font-size: 0.26rem;
    overflow-x: hidden;
    line-height: 0.3rem;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
body.main-menu-open .main-menu {
  left: 0;
  right: 0;
  top: 100%;
  opacity: 1;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  body.main-menu-open .main-menu {
    top: 0;
    bottom: 0;
  }
}
.main-menu__bg {
  left: 0;
  right: 0;
  top: 100%;
  opacity: 0.27;
  position: absolute;
  background: #2b2b2b;
}
body.main-menu-open .main-menu__bg {
  height: 99999px;
}
@media only screen and (max-width: 750px) {
  .main-menu__head {
    height: 1.06rem;
    position: relative;
    box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
  }
}
.main-menu__search-preview {
  display: flex;
  color: #636363;
  line-height: 1.2;
  font-size: 0.24rem;
  align-items: center;
  padding: 0.38rem 0.4rem 0.39rem;
  justify-content: space-between;
  border-bottom: 1px solid #d6d6d6;
}
.main-menu__search-preview .icon-magnifier {
  color: #bbb;
  line-height: 1;
  font-size: 0.32rem;
}
@media only screen and (max-width: 750px) {
  .main-menu__close {
    margin: 0;
    padding: 0;
    top: 0.35rem;
    border: none;
    right: 0.4rem;
    line-height: 1;
    color: #0d0d0d;
    cursor: pointer;
    background: none;
    font-size: 0.34rem;
    position: absolute;
    -webkit-appearance: none;
  }
}
.main-menu__inner {
  position: relative;
}
@media only screen and (min-width: 751px) {
  .main-menu__inner:after {
    clear: both;
    content: "";
    display: block;
  }
}
@media only screen and (max-width: 750px) {
  .main-menu__inner {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    padding: 0.03rem 0.4rem 0;
  }
}
.main-menu__list {
  margin: 0;
  float: left;
  width: 3.03rem;
  list-style: none;
  min-height: 6.73rem;
  padding: 0.15rem 0.1rem 0.5rem 0;
  border-right: 1px solid #e5e5e5;
}
@media only screen and (max-width: 750px) {
  .main-menu__list {
    float: none;
    width: auto;
    border: none;
    min-height: 0;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    padding: 0.25rem 0.2rem;
    border-top: 1px solid #ddd;
  }
  .main-menu__list:first-child {
    border-top: none;
  }
  .main-menu__list.hidden {
    display: none;
  }
  .main-menu__list.open {
    border-top: none;
  }
}
.main-menu__list__item {
  margin: 0.06rem 0 0;
}
@media only screen and (max-width: 750px) {
  .main-menu__list__item {
    margin-top: 0;
  }
  .main-menu__list__item.hidden {
    display: none;
  }
}
.main-menu__list__item:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 750px) {
  .main-menu__list__item:first-child {
    border-top: none;
  }
}
.main-menu__list__item.open > .main-menu__list__link {
  background: rgba(48, 48, 48, 0.11);
}
@media only screen and (min-width: 751px) {
  .main-menu__list__item.open .main-menu__dropdown {
    top: 0;
    bottom: 0;
    opacity: 1;
    left: 3.03rem;
    transition: opacity 0.35s ease;
  }
}
@media only screen and (max-width: 750px) {
  .main-menu__list__item.open .main-menu__dropdown {
    display: block;
  }
}
@media only screen and (max-width: 750px) {
  .main-menu__list__item.open .main-menu__list__link {
    display: none;
  }
}
.main-menu__list__link {
  color: #000;
  display: block;
  position: relative;
  border-radius: 0.04rem;
  padding: 0.14rem 0.5rem 0.14rem 0.2rem;
  transition: background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .main-menu__list__link {
    display: flex;
    color: #292929;
    align-items: center;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    justify-content: flex-start;
    padding: 0.24rem 0.6rem 0.24rem 0.2rem;
  }
}
.main-menu__list__link--special {
  font-weight: 600;
  color: #cf2c2f;
}
@media only screen and (min-width: 751px) {
  .main-menu__list__link:hover {
    background: rgba(48, 48, 48, 0.11);
  }
}
@media only screen and (max-width: 750px) {
  .main-menu__list__link:hover {
    background: rgba(48, 48, 48, 0.05);
  }
}
.main-menu__list__link .icon-angle-down {
  top: 50%;
  right: 0.21rem;
  color: #b5b5b5;
  line-height: 1;
  font-size: 0.16rem;
  position: absolute;
  margin: -0.08rem 0 0;
  transform: rotate(-90deg);
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .main-menu__list__link .icon-angle-down {
    right: 0.22rem;
    color: #636363;
    font-size: 0.28rem;
    margin-top: -0.14rem;
  }
}
.main-menu__list__item.open .main-menu__list__link .icon-angle-down {
  color: #161616;
}
.main-menu__list__link .badge {
  top: 50%;
  right: 0.17rem;
  width: 0.21rem;
  height: 0.21rem;
  font-weight: 600;
  user-select: none;
  font-size: 0.14rem;
  margin-top: -0.1rem;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  line-height: 0.21rem;
}
.main-menu__list__link .badge--default {
  color: #fff;
  background: #e4373a;
}
@media only screen and (max-width: 750px) {
  .main-menu__list__item-icon {
    width: 0.4rem;
    display: block;
    color: #636363;
    flex-shrink: 0;
    font-size: 0.31rem;
    text-align: center;
    font-style: normal;
    margin-right: 0.14rem;
  }
}
.main-menu__dropdown {
  opacity: 0;
  z-index: 500;
  top: -9999px;
  left: -9999px;
  bottom: 9999px;
  color: #636363;
  line-height: 1.2;
  overflow-y: auto;
  font-size: 0.13rem;
  letter-spacing: 0;
  position: absolute;
  overflow-x: hidden;
  padding: 0.22rem 0.28rem;
  width: calc(100% - 3.03rem);
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .main-menu__dropdown {
    opacity: 1;
    left: auto;
    width: auto;
    right: auto;
    display: none;
    padding: 0.3rem 0;
    position: static;
    overflow: visible;
    font-size: 0.26rem;
    line-height: 0.3rem;
  }
  .main-menu__dropdown.open > .main-menu__dropdown-title {
    display: none;
  }
}
.main-menu__dropdown a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .main-menu__dropdown a {
    display: block;
  }
}
@media only screen and (min-width: 751px) {
  .main-menu__dropdown a:hover {
    color: #cf2c2f;
  }
}
.main-menu__dropdown .col-row {
  margin-left: -0.05rem;
  margin-right: -0.05rem;
}
@media only screen and (min-width: 751px) {
  .main-menu__dropdown .col-row {
    height: calc(100% - .54rem);
  }
}
.main-menu__dropdown .col-row > .col {
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}
@media only screen and (min-width: 751px) {
  .main-menu__dropdown .col-row > .col {
    height: 100%;
  }
}
@media only screen and (min-width: 751px) {
  .main-menu__dropdown .col.l-8 .main-menu__dropdown-content {
    columns: 2;
    height: 100%;
  }
}
.main-menu__dropdown-title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.25rem;
  margin: 0 0 0.24rem;
}
@media only screen and (max-width: 750px) {
  .main-menu__dropdown-title {
    font-size: 0.26rem;
    margin-bottom: 0.4rem;
  }
}
.main-menu__dropdown-title a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .main-menu__dropdown-title a {
    position: relative;
    padding-left: 0.4rem;
  }
  .main-menu__dropdown-title a .icon-angle-down {
    left: 0;
    top: -0.01rem;
    line-height: 1;
    font-size: 0.36rem;
    position: absolute;
    transform: rotate(90deg);
  }
}
.main-menu__dropdown-title a:hover {
  color: #cf2c2f;
}
@media only screen and (min-width: 751px) {
  .main-menu__dropdown-content {
    columns: 3;
    column-gap: 0.2rem;
    overflow-x: auto;
    column-fill: balance; /* column-fill: auto; */
    overflow-y: hidden;
    height: calc(100% - .54rem);
  }
  .main-menu__dropdown-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    position: absolute;
  }
  .main-menu__dropdown-content::-webkit-scrollbar-track {
    background: none;
  }
  .main-menu__dropdown-content::-webkit-scrollbar-thumb {
    width: 6px;
    cursor: pointer;
    border-radius: 3px;
    background: #c1c1c1;
  }
  .main-menu__dropdown-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
  }
  .main-menu__dropdown-content::-webkit-scrollbar-corner {
    background: transparent;
  }
}
.main-menu__dropdown-category {
  margin: 0 0 0.37rem;
  page-break-inside: avoid;
}
@media only screen and (min-width: 751px) {
  .main-menu__dropdown-category--wrap {
    page-break-inside: auto;
  }
}
@media only screen and (max-width: 750px) {
  .main-menu__dropdown-category {
    margin: 0;
  }
  .main-menu__dropdown-category.hidden {
    display: none;
  }
  .main-menu__dropdown-category.open .main-menu__dropdown-list {
    display: block;
  }
  .main-menu__dropdown-category.open .main-menu__dropdown-category-title {
    color: #000;
    line-height: 1.2;
    font-weight: bold;
    font-size: 0.26rem;
    min-height: 0.31rem;
    margin-bottom: 0.4rem;
  }
  .main-menu__dropdown-category.open .main-menu__dropdown-category-title a {
    margin: 0;
    padding: 0 0 0 0.4rem;
  }
  .main-menu__dropdown-category.open .main-menu__dropdown-category-title a:hover {
    color: #cf2c2f;
    background: transparent;
  }
  .main-menu__dropdown-category.open .main-menu__dropdown-category-title a .icon-angle-down {
    left: 0;
    right: auto;
    top: -0.01rem;
    margin-top: 0;
    color: inherit;
    font-size: 0.36rem;
    transform: rotate(90deg);
  }
}
.main-menu__dropdown-category-title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.13rem;
  font-weight: bold;
  margin: 0 0 0.14rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .main-menu__dropdown-category-title {
    margin: 0;
    color: #292929;
    font-size: 0.26rem;
    line-height: 0.3rem;
    font-weight: normal;
    text-transform: none;
  }
  .main-menu__dropdown-category-title a {
    display: block;
    position: relative;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    padding: 0.25rem 0.2rem;
    transition: color 0.35s ease;
  }
  .main-menu__dropdown-category-title a:hover {
    color: #292929;
    background: rgba(48, 48, 48, 0.05);
  }
  .main-menu__dropdown-category-title .icon-angle-down {
    top: 50%;
    right: 0.21rem;
    color: #b5b5b5;
    line-height: 1;
    font-size: 0.12rem;
    position: absolute;
    margin: -0.06rem 0 0;
    transform: rotate(-90deg);
  }
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
  .main-menu__dropdown-category-title .icon-angle-down {
    right: 0.17rem;
    color: #636363;
    font-size: 0.28rem;
    margin-top: -0.14rem;
  }
}
.main-menu__dropdown-category-title--show-all {
  color: #cf2c2f;
}
.main-menu__dropdown-category-title--show-all a:hover {
  color: #ad0e27;
}
.main-menu__dropdown-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 750px) {
  .main-menu__dropdown-list {
    display: none;
    color: #292929;
    font-size: 0.26rem;
    line-height: 0.3rem;
  }
}
.main-menu__dropdown-list__item {
  margin-top: 0.15rem;
}
@media only screen and (max-width: 750px) {
  .main-menu__dropdown-list__item {
    margin-top: 0;
  }
}
.main-menu__dropdown-list__item--show-all {
  color: #cf2c2f;
}
.main-menu__dropdown-list__item:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 750px) {
  .main-menu__dropdown-list__link {
    display: block;
    margin: 0 -0.2rem;
    padding: 0.25rem 0.2rem;
    transition: background-color 0.35s ease;
  }
  .main-menu__dropdown-list__link:hover {
    color: #292929;
    background: rgba(48, 48, 48, 0.05);
  }
}
.main-menu__logo-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-menu__logo-list__item {
  margin-top: 0.48rem;
}
.main-menu__logo-list__item:first-child {
  margin-top: 0;
}
.main-menu__logo-list__item a {
  display: block;
}
.main-menu__logo-list__item img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.main-menu__promo a {
  display: block;
}
.main-menu__promo img {
  width: 100%;
  display: block;
}
.main-menu__contacts {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .main-menu__item {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    border-top: 1px solid #ddd;
    padding: 0.34rem 0.2rem 0.43rem;
  }
  .main-menu__item.hidden {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .main-menu__contacts {
    padding: 0;
    display: flex;
    color: #292929;
    margin: 0 -0.2rem;
    list-style: none;
    line-height: 1.2;
    font-size: 0.22rem;
    align-items: center;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 750px) {
  .main-menu__contacts__item {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
  }
  .main-menu__contacts__item:nth-child(odd) {
    width: 60%;
  }
  .main-menu__contacts__item:nth-child(even) {
    width: 40%;
  }
}
@media only screen and (max-width: 750px) {
  .main-menu__contacts__link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .main-menu__contacts__link:hover .underline {
    border-bottom-color: transparent;
  }
}
.main-menu__contacts__icon {
  width: 0.42rem;
  flex-shrink: 0;
  position: relative;
  margin-right: 0.17rem;
}
.main-menu__contacts__icon svg {
  opacity: 0.85;
  fill: #9a9a9a;
  display: block;
  max-width: 100%;
}
.main-menu__contacts__badge {
  color: #fff;
  top: -0.12rem;
  display: flex;
  height: 0.3rem;
  right: -0.12rem;
  min-width: 0.3rem;
  font-size: 0.16rem;
  padding: 0 0.04rem;
  position: absolute;
  align-items: center;
  border: 0.02rem solid;
  background: #ffa903;
  border-radius: 0.15rem;
  justify-content: center;
}
.main-menu__contacts .underline {
  border-bottom: 1px dotted #636363;
  transition: border-color 0.35s ease;
}
.main-menu__search-form .search-form__input {
  height: 1.11rem;
  background: none;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  border-width: 0 0 1px;
  box-shadow: none !important;
}
.main-menu__search-form .search-form__dropdown {
  padding: 0;
}
.main-menu__search-form .search-form__dropdown .scroll-cover {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  max-height: calc(100vh - 3.19rem);
}
.main-menu__search-form .search-form__dropdown__footer {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.main-menu__search-form.show-results .search-form__dropdown {
  left: 0;
  right: 0;
  top: 100%;
}

@media only screen and (max-width: 750px) {
  body.main-menu-open {
    overflow: hidden !important;
  }
}

.footer {
  color: #afafaf;
  background: #222;
  font-size: 0.13rem;
  line-height: 0.22rem;
}
@media only screen and (max-width: 750px) {
  .footer {
    font-size: 0.2rem;
    line-height: 0.32rem;
  }
}
.footer__main {
  padding: 0.49rem 0 0.33rem;
}
@media only screen and (max-width: 750px) {
  .footer__main {
    padding: 0;
  }
}
.footer__main-panel {
  display: flex;
  align-items: center;
  padding: 0.33rem 0 0;
  border-top: 1px solid #303030;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .footer__main-panel {
    border: none;
    display: block;
    padding: 0.45rem 0 0.18rem;
  }
}
.footer__copyright-panel {
  color: #5b5b5b;
  font-size: 0.11rem;
  background: #141414;
  line-height: 0.2rem;
  padding: 0.3rem 0 0.24rem;
}
@media only screen and (max-width: 750px) {
  .footer__copyright-panel {
    font-size: 0.18rem;
    line-height: 0.3rem;
    padding-top: 0.63rem;
    padding-bottom: 0.58rem;
  }
}
.footer__copyright-panel p {
  margin: 0;
}
.footer__copyright-panel-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .footer__copyright-panel-inner {
    display: block;
  }
}
.footer__copyright-holder {
  width: 2.4rem;
  flex-shrink: 0;
  font-size: 0.12rem;
  line-height: 0.2rem;
  margin-right: 0.65rem;
}
@media only screen and (max-width: 750px) {
  .footer__copyright-holder {
    width: auto;
    line-height: 1.2;
    font-size: 0.2rem;
    margin: 0 0 0.34rem;
  }
}
.footer__logo {
  position: relative;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .footer__logo {
    padding-top: 0.2rem;
    margin-bottom: 0.24rem;
  }
}
.footer__logo svg {
  display: block;
  max-width: 100%;
}
.footer__logo-slogan {
  top: 0;
  left: 0;
  right: 0;
  color: #575757;
  line-height: 1.2;
  font-size: 0.16rem;
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .footer__copyright-info {
    margin-bottom: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .footer__policy {
    margin-bottom: 0.36rem;
  }
}
.footer__callback {
  width: 2.5rem;
  flex-shrink: 0;
  text-align: right;
  margin-left: 0.4rem;
}
@media only screen and (max-width: 750px) {
  .footer__callback {
    width: auto;
    text-align: left;
    margin: 0 0 0.58rem;
  }
}
.footer__callback-link {
  color: #939393;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.15rem;
  align-items: center;
  display: inline-flex;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .footer__callback-link {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
}
.footer__callback-link:hover {
  color: #fff;
}
.footer__callback-link i {
  color: #fa2832;
  font-size: 0.17rem;
  margin-right: 0.08rem;
}
@media only screen and (max-width: 750px) {
  .footer__callback-link i {
    font-size: 0.26rem;
    margin-right: 0.14rem;
  }
}
.footer__callback-link .underline {
  border-bottom: 1px dashed;
  transition: border-color 0.35s ease;
}
.footer__callback-link .underline:hover {
  border-bottom-color: transparent;
}
.footer__developer-info {
  color: #5b5b5b;
  line-height: 1.2;
  font-size: 0.12rem;
  background: #050505;
  padding: 0.2rem 0 0.22rem;
}
@media only screen and (max-width: 750px) {
  .footer__developer-info {
    padding: 0.4rem 0;
  }
}
.footer__developer-info a {
  transition: color 0.35s ease;
}
.footer__developer-info a:hover {
  color: #818181;
}
.footer__developer-info-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__categories-list {
  padding: 0;
  display: none;
  color: #ff5159;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1.2;
  font-size: 0.13rem;
  font-weight: normal;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -0.16rem -0.34rem 0.2rem;
}
.footer__categories-list__item {
  margin: 0 0.34rem 0.16rem;
}
.footer__categories-list__item.hidden {
  display: none;
}
.footer__categories-list__link {
  vertical-align: top;
  display: inline-block;
  transition: border-color 0.35s ease;
  border-bottom: 1px solid transparent;
}
.footer__categories-list__link:hover {
  border-bottom-color: #ff5159;
}

.footer-list-holder {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 -0.2rem 0.43rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .footer-list-holder {
    margin: 0;
    display: block;
  }
}
@media only screen and (min-width: 751px) {
  .footer-list-holder.destroyed + .footer__categories-list {
    display: flex;
  }
}
.footer-list-holder .footer-list-item {
  width: 20%;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .footer-list-holder .footer-list-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.footer-list-holder .slick-arrow {
  font-size: 0.24rem;
  margin-top: -0.24rem;
  color: rgba(0, 0, 0, 0.51);
  background: rgba(255, 255, 255, 0.22);
}
.footer-list-holder .slick-arrow:hover {
  color: rgba(0, 0, 0, 0.7);
  background: rgba(255, 255, 255, 0.4);
}
.footer-list-holder .slick-prev {
  left: -0.68rem;
  padding-right: 0.03rem;
}
.footer-list-holder .slick-prev i {
  transform: rotate(90deg);
}
.footer-list-holder .slick-next {
  right: -0.68rem;
  padding-left: 0.03rem;
}
.footer-list-holder .slick-next i {
  transform: rotate(-90deg);
}

@media only screen and (max-width: 750px) {
  .footer-list-item {
    margin: 0 -0.4rem;
    border-bottom: 0.02rem solid #3f3f3f;
  }
  .footer-list-item:first-child {
    border-top: 0.02rem solid #3f3f3f;
  }
}
.footer-list-item.expanded-open .footer-list-item__title .icon-angle-down {
  transform: rotate(180deg);
}
@media only screen and (min-width: 751px) {
  .footer-list-item__expanded {
    display: block !important;
  }
}
@media only screen and (max-width: 750px) {
  .footer-list-item__expanded {
    padding-bottom: 0.5rem;
    background: rgba(0, 0, 0, 0.2);
  }
}
.footer-list-item__title {
  color: #fff;
  display: block;
  line-height: 1.2;
  font-size: 0.15rem;
  margin: 0 0 0.15rem;
}
@media only screen and (max-width: 750px) {
  .footer-list-item__title {
    margin: 0;
    color: #f5f5f5;
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.38rem;
  }
}
.footer-list-item__title a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .footer-list-item__title a {
    display: block;
    position: relative;
    padding: 0.3rem 1rem 0.3rem 0.4rem;
  }
}
.footer-list-item__title a:hover {
  color: #ff5159;
}
.footer-list-item__title a .icon-angle-down {
  top: 0.31rem;
  right: 0.43rem;
  line-height: 1;
  color: #6f6f6f;
  font-size: 0.38rem;
  position: absolute;
  transition: transform 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .footer-list-item__more {
    font-weight: 600;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
.footer-list-item__more a {
  color: #ff5159;
  transition: border-color 0.35s ease;
  border-bottom: 1px solid transparent;
}
.footer-list-item__more a:hover {
  border-bottom-color: #ff5159;
}
@media only screen and (min-width: 751px) {
  .footer-list-item.open {
    width: 100%;
    display: block !important;
  }
}
@media only screen and (min-width: 751px) {
  .footer-list-item.open .footer-list {
    columns: 5;
    column-gap: 0.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .footer-list-item.open .footer-list {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 751px) {
  .footer-list-item.open .footer-list__item {
    width: 100%;
    margin-top: 0;
    vertical-align: top;
    margin-bottom: 0.13rem;
    page-break-inside: avoid;
    display: inline-block !important;
  }
}
@media only screen and (max-width: 750px) {
  .footer-list-item.open .footer-list__item {
    display: block !important;
  }
}
.footer-list-item.open .footer-list-item__more {
  display: none;
}
@media only screen and (min-width: 751px) {
  .footer-list-item.hidden {
    display: none;
  }
}

@media only screen and (min-width: 751px) {
  .js-footer-list-slider:not(.slick-slider) .footer-list-item:nth-child(5) ~ .footer-list-item {
    display: none;
  }
}

.footer-list {
  padding: 0;
  list-style: none;
  margin: 0 0 0.15rem;
}
@media only screen and (max-width: 750px) {
  .footer-list {
    margin-bottom: 0.3rem;
  }
}
.footer-list__item {
  margin: 0.13rem 0 0;
}
@media only screen and (max-width: 750px) {
  .footer-list__item {
    margin-top: 0;
  }
}
.footer-list__item:nth-child(9) ~ .footer-list__item {
  display: none;
}
.footer-list__item:first-child {
  margin-top: 0;
}
.footer-list__item a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .footer-list__item a {
    display: block;
    padding: 0.2rem 0.4rem;
  }
}
.footer-list__item a:hover {
  color: #ff5159;
}

.inline-footer-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1.2;
  font-size: 0.14rem;
  align-items: center;
  margin: 0 -0.31rem -0.22rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .inline-footer-list {
    margin: 0 -0.1rem;
    font-size: 0.22rem;
    line-height: 0.38rem;
  }
}
.inline-footer-list__item {
  margin: 0 0.31rem 0.22rem;
}
@media only screen and (max-width: 750px) {
  .inline-footer-list__item {
    width: 33.3333%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0.1rem;
  }
}
.inline-footer-list__link {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.inline-footer-list__link:hover {
  color: #ff5159;
}

.socials {
  padding: 0;
  display: flex;
  color: #575757;
  line-height: 1;
  margin: 0 -0.1rem;
  list-style: none;
  font-size: 0.25rem;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .socials {
    margin: 0 -0.15rem;
    font-size: 0.39rem;
  }
}

.social-item {
  margin: 0 0.1rem;
}
@media only screen and (max-width: 750px) {
  .social-item {
    margin: 0 0.15rem;
  }
}

.social-link {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.social-link:hover {
  color: #fff;
}

.developer {
  font-size: 0.13rem;
  align-items: center;
  display: inline-flex;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .developer {
    font-size: 0.2rem;
    line-height: 0.29rem;
  }
}
@media only screen and (max-width: 750px) {
  .developer svg {
    margin-left: 0.12rem;
  }
}
.developer use {
  transition: opacity 0.35s ease;
}
.developer:not(:hover) .on-hover {
  opacity: 0;
}
.developer:hover use:not(.on-hover) {
  opacity: 0;
}

.js-hero-slider:not(.slick-slider) .hero-item:not(:first-child) {
  display: none;
}

.hero-item {
  font-weight: 300;
  overflow: hidden;
  font-size: 0.18rem;
  text-align: center;
  line-height: 0.28rem;
  color: rgba(255, 255, 255, 0.8);
  font-family: "Geometria", "Open Sans", Arial, Helvetica, sans-serif;
  background: #433a3d url(../images/hero-bg.jpg) 50% 50%;
}
@media only screen and (max-width: 750px) {
  .hero-item {
    font-size: 0.22rem;
    line-height: 0.35rem;
    letter-spacing: 0.04em;
  }
}
.hero-item--calc {
  font-size: 0.16rem;
  line-height: 0.25rem;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 751px) {
  .hero-item--calc {
    color: #3e3e3e;
    background: #ccc;
  }
}
@media only screen and (max-width: 750px) {
  .hero-item--calc {
    font-weight: 300;
    font-size: 0.24rem;
    line-height: 0.38rem;
  }
}
.hero-item--calc p {
  margin-bottom: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .hero-item--calc p {
    margin-bottom: 0.38rem;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item--calc .hero-item__title {
    font-size: 0.41rem;
    line-height: 0.5rem;
    font-weight: normal;
    margin-bottom: 0.2rem;
    letter-spacing: 0.02em;
  }
}
@media only screen and (max-width: 750px) {
  .hero-item--calc .hero-item__title {
    line-height: 1.2;
    font-weight: 300;
    font-size: 0.46rem;
    margin-bottom: 0.3rem;
    letter-spacing: 0.04em;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item--calc .hero-item__title, .hero-item--calc .hero-item__info {
    color: #000;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item--calc .hero-item__visual {
    width: 8.57rem;
    margin-right: 0.41rem;
    margin-left: -1.8rem;
  }
}
@media only screen and (max-width: 750px) {
  .hero-item--calc .hero-item__visual {
    height: 3.94rem;
    background: none;
    margin-bottom: 0.52rem;
  }
  .hero-item--calc .hero-item__visual:after {
    opacity: 0.4;
  }
  .hero-item--calc .hero-item__visual img {
    left: -0.17rem;
    position: relative;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item--calc .hero-item__content {
    padding-top: 0.32rem;
  }
}
.hero-item--calc-2 {
  color: #fff;
  font-size: 0.17rem;
  line-height: 0.25rem;
  font-weight: normal;
  background-size: cover;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
  background-position: 50% 50%;
}
@media only screen and (max-width: 750px) {
  .hero-item--calc-2 {
    font-weight: 300;
    font-size: 0.24rem;
    line-height: 0.38rem;
    background-size: auto;
    background-color: #433a3d;
    background-image: url(../images/hero-bg.jpg) !important;
  }
}
.hero-item--calc-2 p {
  margin-bottom: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .hero-item--calc-2 p {
    margin-bottom: 0.38rem;
  }
}
.hero-item--calc-2 .hero-item__title {
  font-size: 0.39rem;
  line-height: 0.52rem;
  font-weight: normal;
  margin-bottom: 0.16rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .hero-item--calc-2 .hero-item__title {
    line-height: 1.2;
    font-weight: 300;
    font-size: 0.46rem;
    margin-bottom: 0.3rem;
    letter-spacing: 0.04em;
  }
  .hero-item--calc-2 .hero-item__title .uppercase {
    font-weight: normal;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item--calc-2 .hero-item__title, .hero-item--calc-2 .hero-item__info {
    color: #fff;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item--calc-2 .hero-item__visual {
    width: 8.74rem;
    margin-right: 0.41rem;
    margin-left: -1.95rem;
  }
}
@media only screen and (max-width: 750px) {
  .hero-item--calc-2 .hero-item__visual {
    height: 3.94rem;
    background: none;
    margin-bottom: 0.52rem;
  }
  .hero-item--calc-2 .hero-item__visual:after {
    opacity: 0.4;
  }
  .hero-item--calc-2 .hero-item__visual img {
    left: -0.17rem;
    position: relative;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item--calc-2 .hero-item__content {
    padding-top: 0.32rem;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item--calc-2 .hero-item__btn-holder {
    padding-top: 0;
    margin-top: -0.05rem;
  }
}
@media only screen and (max-width: 750px) {
  .hero-item--calc-2 .hero-item__btn-holder {
    padding-top: 0.07rem;
  }
}
.hero-item__inner {
  display: flex;
  min-height: 4.66rem;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .hero-item__inner {
    display: block;
    padding: 0 0 0.65rem;
    min-height: 9.17rem;
  }
}
.hero-item__btn-holder {
  width: 100%;
  padding-top: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .hero-item__btn-holder {
    padding-top: 0.15rem;
  }
}
.hero-item__btn-holder .btn {
  height: 0.62rem;
  font-weight: normal;
  text-transform: none;
  box-shadow: 0 0.03rem 0.24rem 0 rgba(0, 0, 0, 0.35);
}
@media only screen and (max-width: 750px) {
  .hero-item__btn-holder .btn {
    width: 100%;
    height: 0.9rem;
  }
}
.hero-item__btn-holder .btn--rounded {
  font-size: 0.17rem;
  min-width: 1.81rem;
  letter-spacing: 0.01em;
  border-radius: 0.31rem;
}
@media only screen and (max-width: 750px) {
  .hero-item__btn-holder .btn--rounded {
    min-width: 0;
    font-size: 0.26rem;
    line-height: 0.3rem;
    border-radius: 0.4rem;
  }
}
.hero-item p {
  margin-bottom: 0.28rem;
}
@media only screen and (max-width: 750px) {
  .hero-item p {
    margin-bottom: 0.38rem;
  }
}
.hero-item .tags-list {
  width: calc(100% + .1rem);
}
.hero-item__title {
  color: #fff;
  width: 100%;
  display: block;
  font-weight: 300;
  font-size: 0.31rem;
  margin: 0 0 0.3rem;
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  line-height: 0.43rem;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 750px) {
  .hero-item__title {
    font-size: 0.38rem;
    line-height: 0.54rem;
    margin-bottom: 0.32rem;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item__title--big {
    font-size: 0.36rem;
    line-height: 0.5rem;
  }
}
.hero-item__title .uppercase {
  display: block;
  text-transform: uppercase;
}
.hero-item__visual {
  width: 6.78rem;
  flex-shrink: 0;
  user-select: none;
  margin: 0 0 0 -1rem;
}
@media only screen and (max-width: 750px) {
  .hero-item__visual {
    width: auto;
    display: flex;
    height: 4.25rem;
    align-items: center;
    flex-direction: column;
    margin: 0 -0.4rem 0.4rem;
    justify-content: flex-end;
  }
  .hero-item__visual--at-top {
    justify-content: flex-start;
  }
  .hero-item__visual--at-center {
    padding-top: 0.7rem;
    justify-content: center;
  }
  .hero-item__visual--at-bottom {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item__visual--at-top {
    align-self: flex-start;
  }
  .hero-item__visual--at-center {
    align-self: center;
  }
  .hero-item__visual--at-bottom {
    align-self: flex-end;
  }
}
.hero-item__visual img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .hero-item__visual img {
    max-height: 99%;
    object-fit: contain;
    object-position: 50% 100%;
  }
}
@media only screen and (max-width: 750px) {
  .hero-item__visual--m-bg {
    position: relative;
    background: #292526;
    border-bottom: 1px solid rgba(43, 39, 40, 0.37);
  }
  .hero-item__visual--m-bg:after {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    opacity: 0.3;
    height: 0.47rem;
    position: absolute;
    background: linear-gradient(to bottom, rgba(52, 52, 52, 0), #343434);
  }
}
.hero-item__content {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  padding: 0.44rem 0 0.4rem;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .hero-item__content {
    padding: 0;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item__content--align-left {
    text-align: left;
  }
}
.hero-item__description {
  z-index: 10;
  width: 100%;
  max-width: 4.6rem;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .hero-item__description {
    max-width: 6rem;
  }
}
@media only screen and (min-width: 751px) {
  .hero-item__description--no-quotes:before {
    display: none;
  }
  .hero-item__description:before {
    top: 0.05rem;
    content: "";
    opacity: 0.68;
    z-index: -10;
    width: 0.7rem;
    left: -0.29rem;
    height: 0.52rem;
    position: absolute;
    pointer-events: none;
    background: url(../images/quotes.png) 50% 50%/contain no-repeat;
  }
}
.hero-item__info {
  right: 0;
  bottom: 0.16rem;
  line-height: 1.2;
  font-size: 0.12rem;
  position: absolute;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.85);
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .hero-item__info {
    display: none;
  }
}

.categories-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.05rem;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .categories-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.categories-list .category-item {
  width: 33.3%;
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}
@media only screen and (max-width: 750px) {
  .categories-list .category-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.category-item {
  margin-bottom: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .category-item {
    margin-bottom: 0.3rem;
  }
}
.category-item__inner {
  height: 3.01rem;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 750px) {
  .category-item__inner {
    height: 5.28rem;
  }
}
.category-item__preview {
  color: #fff;
  z-index: 25;
  height: 100%;
  display: flex;
  padding: 0.3rem;
  position: relative;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 750px) {
  .category-item__preview {
    padding: 0.4rem 0.4rem 0.64rem;
  }
}
.category-item__preview:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0.86;
  z-index: -10;
  position: absolute;
  background: #303030;
  transition: opacity 0.35s ease;
}
.category-item__preview:hover:after {
  opacity: 0.95;
  transition: opacity 0.7s ease;
}
.category-item__title {
  display: block;
  font-weight: 600;
  line-height: 1.2;
  font-size: 0.18rem;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .category-item__title {
    font-size: 0.32rem;
  }
}
.category-item__icon {
  width: 0.6rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .category-item__icon {
    width: 1.6rem;
    height: 1.2rem;
    margin-bottom: 0.3rem;
  }
}
.category-item__icon svg {
  fill: #bababa;
  max-width: 100%;
  max-height: 100%;
}
.category-item__burger {
  top: 0.2rem;
  right: 0.2rem;
  line-height: 1;
  font-size: 0.14rem;
  position: absolute;
  transition: color 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .category-item__burger {
    display: flex;
    width: 0.16rem;
    height: 0.16rem;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 750px) {
  .category-item__burger {
    top: 0.3rem;
    opacity: 0.7;
    right: 0.3rem;
    line-height: 1.2;
    font-size: 0.16rem;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0.04em;
    transition: opacity 0.35s ease;
  }
  .category-item__burger .icon-burger {
    display: block;
    font-size: 0.36rem;
    transform: scaleY(0.7);
    margin-bottom: -0.04rem;
    transform-origin: 50% 0;
  }
  .category-item__burger .icon-burger:before {
    display: block;
  }
}
@media only screen and (min-width: 751px) {
  .category-item__burger:hover {
    color: #cf2c2f;
  }
}
@media only screen and (max-width: 750px) {
  .category-item__burger:hover {
    opacity: 1;
  }
}
.category-item__description {
  opacity: 0;
  z-index: 50;
  color: #fff;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  line-height: 1.2;
  font-size: 0.13rem;
  position: absolute;
  font-weight: normal;
  background: #1c1a1a;
  padding: 0.25rem 0.29rem 0.25rem 0.3rem;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .category-item__description {
    color: #cdcdcd;
    font-size: 0.23rem;
    padding: 0.48rem 0.49rem 0.45rem 0.42rem;
  }
}
.category-item__description p {
  margin-bottom: 0.15rem;
}
@media only screen and (max-width: 750px) {
  .category-item__description p {
    margin-bottom: 0.27rem;
  }
}
.category-item__description .scroll-cover {
  max-height: 2rem;
  padding-top: 0.15rem;
  margin-right: -0.06rem;
  padding-right: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .category-item__description .scroll-cover {
    max-height: 3.4rem;
  }
}
.category-item__description .ps__rail-y {
  top: 0;
  right: 0;
  bottom: 0;
  background: none;
}
.category-item__description .ps__rail-y:hover .ps__thumb-y:hover, .category-item__description .ps__rail-y:hover .ps__thumb-y:active, .category-item__description .ps__rail-y:active .ps__thumb-y:hover, .category-item__description .ps__rail-y:active .ps__thumb-y:active {
  background: #d1d1d1;
  opacity: 0.5 !important;
}
.category-item__description .iScrollIndicator {
  opacity: 0.26;
  background: #d1d1d1;
  transition: opacity 0.35s ease;
}
.category-item__description-close {
  top: 0.2rem;
  z-index: 50;
  right: 0.2rem;
  line-height: 1;
  cursor: pointer;
  font-size: 0.16rem;
  position: absolute;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .category-item__description-close {
    top: 0.3rem;
    right: 0.38rem;
    font-size: 0.32rem;
  }
}
.category-item__description-close:hover {
  color: #cf2c2f;
}
.category-item__description-title {
  color: #fff;
  display: block;
  font-weight: 600;
  font-size: 0.16rem;
  line-height: 0.2rem;
  margin: 0 0 0.1rem;
  position: relative;
  padding: 0 0 0.3rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .category-item__description-title {
    line-height: 1.2;
    font-size: 0.28rem;
    margin-bottom: 0.29rem;
    padding-bottom: 0.51rem;
  }
}
.category-item__description-title:after {
  left: 0;
  bottom: 0;
  content: "";
  width: 0.39rem;
  height: 0.03rem;
  position: absolute;
  background: var(--icons-sub-color);
}
@media only screen and (max-width: 750px) {
  .category-item__description-title:after {
    width: 0.7rem;
    height: 0.05rem;
  }
}
.category-item__description-list {
  padding: 0;
  list-style: none;
  margin: 0 0 0.3rem;
}
@media only screen and (max-width: 750px) {
  .category-item__description-list {
    margin-bottom: 0.5rem;
  }
}
.category-item__description-list__item {
  margin-top: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .category-item__description-list__item {
    margin-top: 0.27rem;
  }
}
.category-item__description-list__item:first-child {
  margin-top: 0;
}
.category-item__description-list__item a {
  transition: border-color 0.35s ease;
  border-bottom: 1px solid transparent;
}
.category-item__description-list__item a:hover {
  border-bottom-color: #fff;
}
.category-item.open .category-item__description {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.35s ease;
}

.videos-section {
  padding-top: 0.48rem;
  padding-bottom: 0.61rem;
}
@media only screen and (max-width: 750px) {
  .videos-section {
    padding-top: 0.04rem;
    padding-bottom: 0.69rem;
  }
}
.videos-section:not(.videos-section--small) .default-section__title {
  margin-bottom: 0.4rem;
}
@media only screen and (max-width: 750px) {
  .videos-section:not(.videos-section--small) .default-section__title {
    margin-bottom: 0.47rem;
  }
}
.videos-section--small .js-videos-slider .slick-arrow {
  width: 0.42rem;
  height: 0.42rem;
  line-height: 0.42rem;
  margin-bottom: 0.19rem;
}
.videos-section--small .js-videos-slider .slick-prev {
  right: 0.7rem;
}

.videos-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.16rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .videos-list {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }
}
.videos-list .video-item {
  width: 50%;
  margin-bottom: 0;
  padding-left: 0.16rem;
  padding-right: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .videos-list .video-item {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
}

@media only screen and (max-width: 750px) {
  .js-videos-slider {
    overflow-x: auto;
    flex-wrap: nowrap;
    overflow-y: hidden;
    padding: 0.1rem 0.25rem;
    margin: -0.1rem -0.4rem;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
.js-videos-slider.slick-slider {
  display: block;
}
@media only screen and (min-width: 751px) {
  .js-videos-slider:not(.slick-slider) .video-item:nth-child(2) ~ .video-item {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .js-videos-slider .video-item {
    width: 5.69rem;
    flex-shrink: 0;
    box-sizing: content-box;
  }
  .js-videos-slider .video-item:last-child {
    padding-right: 0.4rem;
  }
}
.js-videos-slider .slick-list {
  margin: -0.1rem 0;
  padding: 0.1rem 0;
}
.js-videos-slider .slick-track {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  align-items: stretch;
  justify-content: flex-start;
}
.js-videos-slider .slick-arrow {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.25rem;
}
.js-videos-slider .slick-next {
  right: 0.16rem;
}
.js-videos-slider .slick-prev {
  left: auto;
  right: 0.8rem;
}

.video-item {
  height: auto;
  margin-bottom: 0.32rem;
}
.video-item__inner {
  min-height: 100%;
  background: #fff;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .video-item__inner {
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
  }
}
.video-item__visual {
  display: block;
  position: relative;
}
.video-item__visual:hover:after {
  opacity: 0.5;
}
.video-item__visual:before {
  content: "";
  display: block;
  padding-top: 47.9717%;
}
.video-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  position: absolute;
}
.video-item__visual:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0.24;
  position: absolute;
  background: #2d2d2d;
  transition: opacity 0.35s ease;
}
.video-item__video-icon {
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 0.88rem;
  height: 0.88rem;
  background: #fff;
  position: absolute;
  border-radius: 50%;
  margin: -0.44rem 0 0 -0.44rem;
}
.video-item__video-icon:after {
  top: 50%;
  left: 50%;
  content: "";
  position: absolute;
  margin-top: -0.19rem;
  margin-left: -0.11rem;
  border-top: 0.19rem solid transparent;
  border-bottom: 0.19rem solid transparent;
  border-left: 0.31rem solid var(--icons-sub-color);
}
.video-item__description {
  padding: 0.28rem 0.28rem 0.46rem;
}
@media only screen and (max-width: 750px) {
  .video-item__description {
    padding-top: 0.23rem;
    padding-bottom: 0.3rem;
  }
}
.video-item__date {
  color: #aeaeae;
  display: block;
  font-size: 13px;
  line-height: 1.2;
  margin: 0 0 0.15rem;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .video-item__date {
    font-size: 0.18rem;
    margin-bottom: 0.11rem;
  }
}
.video-item__title {
  color: #000;
  display: block;
  font-weight: 600;
  font-size: 0.18rem;
  line-height: 0.3rem;
}
@media only screen and (max-width: 750px) {
  .video-item__title {
    font-size: 0.22rem;
    line-height: 0.34rem;
    margin-bottom: 0.11rem;
  }
}
.video-item__title a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.video-item__title a:hover {
  color: #cf2c2f;
}

.consultation-section {
  color: #fff;
  line-height: 1.2;
  font-size: 0.16rem;
  text-align: center;
  background: #cf2c2f;
}
@media only screen and (max-width: 750px) {
  .consultation-section {
    font-size: 0.22rem;
    padding: 0.95rem 0 0.6rem;
  }
}
.consultation-section__inner {
  overflow: hidden;
  position: relative;
  min-height: 3.59rem;
  padding: 0.74rem 0 0.71rem 5.84rem;
}
@media only screen and (max-width: 750px) {
  .consultation-section__inner {
    padding: 0;
    min-height: 0;
    overflow: visible;
  }
}
.consultation-section__manager {
  left: 0;
  bottom: 0;
  width: 5.2rem;
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .consultation-section__manager {
    width: auto;
    overflow: hidden;
    margin-top: 0.6rem;
    position: relative;
    margin-bottom: -0.61rem;
  }
}
.consultation-section__manager:after {
  content: "";
  clear: both;
  display: block;
}
.consultation-section__manager img {
  float: right;
  display: block;
  margin-bottom: -1px;
  pointer-events: none;
}
@media only screen and (max-width: 750px) {
  .consultation-section__manager img {
    margin-right: 0.11rem;
  }
}
.consultation-section p {
  margin-bottom: 0.19rem;
}
@media only screen and (max-width: 750px) {
  .consultation-section p {
    margin-bottom: 0.26rem;
  }
}
.consultation-section__title {
  display: block;
  color: inherit;
  font-weight: 300;
  font-size: 0.28rem;
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  line-height: 0.4rem;
  margin-bottom: 0.18rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .consultation-section__title {
    font-size: 0.4rem;
    line-height: 0.55rem;
    margin-bottom: 0.28rem;
  }
}
.consultation-section__btn-holder {
  padding-top: 0.15rem;
}
@media only screen and (max-width: 750px) {
  .consultation-section__btn-holder {
    padding-top: 0.49rem;
  }
}
.consultation-section__btn-holder .btn {
  height: 0.63rem;
  font-size: 0.17rem;
  min-width: 2.87rem;
  font-weight: normal;
  text-transform: none;
  border-radius: 0.31rem;
  letter-spacing: 0.01em;
  box-shadow: 0 0.03rem 0.13rem 0 rgba(0, 0, 0, 0.17);
}
@media only screen and (max-width: 750px) {
  .consultation-section__btn-holder .btn {
    width: 100%;
    height: 0.9rem;
    font-size: 0.26rem;
    border-radius: 0.45rem;
    box-shadow: 0.03rem 0.03rem 0.24rem 0 rgba(0, 0, 0, 0.35);
  }
}
.consultation-section__manager-description {
  left: 0;
  width: 1.62rem;
  bottom: 0.33rem;
  color: #ffb7b8;
  font-size: 0.14rem;
  text-align: right;
  position: absolute;
  line-height: 0.24rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .consultation-section__manager-description {
    width: 1.72rem;
    bottom: 0.45rem;
    font-size: 0.19rem;
    line-height: 0.33rem;
  }
}
.consultation-section__manager-description:after {
  left: 100%;
  top: 0.12rem;
  content: "";
  height: 1px;
  opacity: 0.41;
  width: 0.22rem;
  position: absolute;
  background: #d5d5d5;
  margin-left: 0.12rem;
}
.consultation-section__manager-name {
  color: #fff;
  display: block;
  font-weight: bold;
}

.articles-section {
  padding-top: 0.62rem;
  padding-bottom: 0.38rem;
}
@media only screen and (max-width: 750px) {
  .articles-section {
    padding-top: 0.66rem;
    padding-bottom: 0.72rem;
  }
}
.articles-section .default-section__title {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 750px) {
  .articles-section .default-section__title {
    margin-bottom: 0.38rem;
  }
}
.articles-section__text {
  overflow: hidden;
  margin-top: 0.5rem;
  font-size: 0.14rem;
  line-height: 0.23rem;
  margin-bottom: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .articles-section__text {
    font-size: 0.2rem;
    margin-top: 0.55rem;
    line-height: 0.36rem;
  }
}
.articles-section__text p {
  margin-bottom: 0.23rem;
}
@media only screen and (max-width: 750px) {
  .articles-section__text p {
    margin-bottom: 0.36rem;
  }
}
.articles-section__text p a {
  color: inherit;
  border-bottom: 1px solid #cf2c2f;
}
.articles-section__text p a:hover {
  border-bottom-color: transparent;
}
.articles-section--inner {
  padding-top: 0.29rem;
}
@media only screen and (max-width: 750px) {
  .articles-section--inner {
    padding-top: 0.39rem;
    padding-bottom: 0.48rem;
  }
}
@media only screen and (min-width: 751px) {
  .articles-section--inner .default-section__title {
    font-size: 0.28rem;
    line-height: 0.35rem;
  }
}
@media only screen and (max-width: 750px) {
  .articles-section .consultation-section {
    margin: 0.72rem -0.4rem 0;
  }
}

.articles-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.16rem;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .articles-list {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }
}
.articles-list .article-item {
  width: 33.3333%;
  padding-left: 0.16rem;
  padding-right: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .articles-list .article-item {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
}

@media only screen and (max-width: 750px) {
  .js-articles-slider {
    overflow-x: auto;
    flex-wrap: nowrap;
    overflow-y: hidden;
    padding: 0.1rem 0.25rem;
    margin: -0.1rem -0.4rem;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
.js-articles-slider .article-item {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .js-articles-slider .article-item {
    width: 5.68rem;
    flex-shrink: 0;
    box-sizing: content-box;
  }
  .js-articles-slider .article-item:last-child {
    padding-right: 0.4rem;
  }
}
.js-articles-slider.slick-slider {
  display: block;
}
@media only screen and (min-width: 751px) {
  .js-articles-slider:not(.slick-slider) .article-item:nth-child(3) ~ .article-item {
    display: none;
  }
}
.js-articles-slider .slick-list {
  margin: -0.1rem 0;
  padding: 0.1rem 0;
}
.js-articles-slider .slick-track {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  align-items: stretch;
  justify-content: flex-start;
}
.js-articles-slider .slick-arrow {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.29rem;
}
.js-articles-slider .slick-next {
  right: 0.16rem;
}
.js-articles-slider .slick-prev {
  left: auto;
  right: 0.8rem;
}

.article-item {
  height: auto;
  margin-bottom: 0.32rem;
}
.article-item__inner {
  display: block;
  background: #fff;
  min-height: 100%;
  position: relative;
  border-radius: 0.04rem;
  padding: 0.21rem 0.28rem 0.27rem;
  transition: box-shadow 0.35s ease;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
.article-item__inner:hover .article-item__more {
  color: #fff;
  background: var(--icons-sub-color);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 750px) {
  .article-item__inner {
    padding: 0.32rem 0.4rem 0.41rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
  }
}
.article-item__badges {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: flex-start;
  margin: 0 -0.05rem 0.02rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .article-item__badges {
    margin-bottom: 0.1rem;
  }
}
.article-item__badge {
  color: #fff;
  padding: 0 0.08rem;
  font-size: 0.11rem;
  line-height: 0.2rem;
  font-weight: normal;
  background: #a69b9b;
  vertical-align: top;
  display: inline-block;
  border-radius: 0.04rem;
  margin: 0 0.05rem 0.1rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .article-item__badge {
    padding: 0 0.12rem;
    font-size: 0.14rem;
    line-height: 0.31rem;
  }
}
.article-item__body {
  min-height: 0.88rem;
  margin-bottom: 0.33rem;
}
@media only screen and (max-width: 750px) {
  .article-item__body {
    min-height: 1.36rem;
    margin-bottom: 0.5rem;
  }
}
.article-item__title {
  color: #292929;
  display: block;
  font-weight: 600;
  font-size: 0.14rem;
  line-height: 0.22rem;
}
@media only screen and (max-width: 750px) {
  .article-item__title {
    font-size: 0.22rem;
    line-height: 0.34rem;
  }
}
.article-item__views {
  color: #b4b4b4;
  display: block;
  line-height: 1.2;
  font-size: 0.13rem;
  font-weight: normal;
}
@media only screen and (max-width: 750px) {
  .article-item__views {
    font-size: 0.2rem;
  }
}
.article-item__more {
  right: 0;
  bottom: 0;
  display: flex;
  width: 0.51rem;
  height: 0.54rem;
  line-height: 1;
  font-size: 0.14rem;
  color: transparent;
  position: absolute;
  background: #ebebeb;
  align-items: center;
  justify-content: center;
  padding: 0.08rem 0 0 0.08rem;
  border-radius: 0.54rem 0 0 0;
  transition: color 0.35s ease, background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .article-item__more {
    display: none;
  }
}

.brands-section {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
@media only screen and (max-width: 750px) {
  .brands-section {
    background: #fff;
    padding-top: 0.53rem;
    padding-bottom: 0.5rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  }
}
.brands-section .default-section__title {
  margin-bottom: 0.35rem;
}
@media only screen and (max-width: 750px) {
  .brands-section .default-section__title {
    margin-bottom: 0.16rem;
  }
}

.brands-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.13rem;
  align-items: stretch;
  justify-content: flex-start;
}
.brands-list .brand-item {
  width: 20%;
  padding-left: 0.13rem;
  padding-right: 0.13rem;
}
@media only screen and (min-width: 751px) {
  .brands-list .brand-item:nth-child(1), .brands-list .brand-item:nth-child(2), .brands-list .brand-item:nth-child(3), .brands-list .brand-item:nth-child(4), .brands-list .brand-item:nth-child(5) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 750px) {
  .brands-list .brand-item {
    width: 33.3333%;
  }
  .brands-list .brand-item:nth-child(1), .brands-list .brand-item:nth-child(2), .brands-list .brand-item:nth-child(3) {
    margin-top: 0;
  }
}

.js-brands-slider .brand-item {
  margin-bottom: 0;
  margin-top: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .js-brands-slider .brand-item {
    margin-top: 0.15rem;
  }
}
.js-brands-slider.slick-slider {
  display: block;
}
.js-brands-slider.slick-slider .slick-slide > div {
  margin-top: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .js-brands-slider.slick-slider .slick-slide > div {
    margin-top: 0.15rem;
  }
}
.js-brands-slider.slick-slider .slick-slide > div:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 751px) {
  .js-brands-slider:not(.slick-slider) .brand-item:nth-child(10) ~ .brand-item {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .js-brands-slider:not(.slick-slider) .brand-item:nth-child(6) ~ .brand-item {
    display: none;
  }
}
.js-brands-slider .slick-list {
  margin: -0.1rem 0;
  padding: 0.1rem 0;
}
.js-brands-slider .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.js-brands-slider .slick-arrow {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .js-brands-slider .slick-arrow {
    display: none !important;
  }
}
.js-brands-slider .slick-next {
  right: 0.13rem;
}
.js-brands-slider .slick-prev {
  left: auto;
  right: 0.77rem;
}

.brand-item {
  margin-bottom: 0.2rem;
}
.brand-item__inner {
  display: flex;
  height: 1.4rem;
  min-height: 100%;
  background: #fff;
  align-items: center;
  border-radius: 0.04rem;
  justify-content: center;
  transition: box-shadow 0.35s ease;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .brand-item__inner {
    box-shadow: none;
    background: none;
    border-radius: 0;
  }
}
.brand-item__inner img {
  display: block;
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}
@media only screen and (min-width: 751px) {
  .brand-item__inner:hover {
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.28);
  }
}

.big-brands-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.07rem;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .big-brands-list {
    margin-bottom: 0.5rem;
    margin-left: -0.16rem;
    margin-right: -0.16rem;
  }
}
.big-brands-list .big-brand-item {
  width: 33.3333%;
  padding-left: 0.07rem;
  padding-right: 0.07rem;
}
@media only screen and (max-width: 750px) {
  .big-brands-list .big-brand-item {
    width: 50%;
    padding-left: 0.16rem;
    padding-right: 0.16rem;
  }
}

.big-brand-item {
  color: #000;
  line-height: 1.5;
  font-size: 0.16rem;
  text-align: center;
  margin-bottom: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .big-brand-item {
    font-size: 0.22rem;
    margin-bottom: 0.3rem;
  }
}
.big-brand-item__inner {
  display: block;
  min-height: 100%;
  background: #fff;
  border-radius: 0.04rem;
  border: 1px solid #efefef;
  padding: 0.27rem 0.2rem 0.22rem;
  transition: box-shadow 0.35s ease;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 750px) {
  .big-brand-item__inner {
    border: none;
    padding-top: 0.44rem;
    padding-bottom: 0.36rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
  }
}
@media only screen and (min-width: 751px) {
  .big-brand-item__inner:hover {
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  }
}
@media only screen and (max-width: 750px) {
  .big-brand-item__inner:hover {
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.25);
  }
}
.big-brand-item__visual {
  display: flex;
  height: 1.1rem;
  margin: 0 0 0.17rem;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .big-brand-item__visual {
    margin-bottom: 0.26rem;
  }
}
.big-brand-item__visual img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.big-brand-item__title {
  display: block;
  margin: 0 0 0.06rem;
}
@media only screen and (max-width: 750px) {
  .big-brand-item__title {
    margin-bottom: 0.12rem;
  }
}
.big-brand-item__count {
  display: block;
  color: #aeaeae;
  font-size: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .big-brand-item__count {
    font-size: 0.18rem;
  }
}

.brands-menu {
  padding: 0;
  color: #000;
  list-style: none;
  font-weight: 600;
  margin: 0 -0.23rem;
  font-size: 0.14rem;
  line-height: 0.19rem;
}
.brands-menu__item {
  border-top: 1px solid #e2e2e2;
}
.brands-menu__item:first-child {
  border-top: none;
}
.brands-menu__link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.2rem 0.25rem;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
.brands-menu__link:hover {
  color: #cf2c2f;
}
.brands-menu__link-count {
  color: #aeaeae;
  font-size: 0.12rem;
  margin-left: 0.08rem;
  font-weight: normal;
}

.brands-select {
  height: 0.92rem;
  background: #fff;
  position: relative;
  margin-bottom: 0.3rem;
  border-radius: 0.04rem;
  border: 1px solid #e5e5e5;
}
.brands-select select {
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border: none;
  color: #292929;
  display: block;
  cursor: pointer;
  background: none;
  line-height: 1.2;
  padding: 0 0.25rem;
  font-size: 0.22rem;
  position: absolute;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
  -webkit-appearance: none;
}
.brands-select i {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.8rem;
  display: flex;
  color: #a0a0a0;
  line-height: 1;
  font-size: 0.32rem;
  position: absolute;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
.brands-select i:before {
  display: block;
}

.delivery-section {
  padding: 0.3rem 0 0.62rem;
}
@media only screen and (max-width: 750px) {
  .delivery-section {
    background: #fff;
    margin-top: 0.53rem;
    margin-bottom: 0.9rem;
    padding: 0.38rem 0 0.85rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  }
}
.delivery-section__inner {
  background: #fff;
  border-radius: 0.04rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .delivery-section__inner {
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
}
.delivery-section__text {
  overflow: hidden;
  font-size: 0.14rem;
  margin-top: 0.44rem;
  line-height: 0.23rem;
  margin-bottom: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .delivery-section__text {
    font-size: 0.2rem;
    margin-top: 0.55rem;
    line-height: 0.36rem;
  }
}
.delivery-section__text p {
  margin-bottom: 0.23rem;
}
@media only screen and (max-width: 750px) {
  .delivery-section__text p {
    margin-bottom: 0.36rem;
  }
}
.delivery-section__text p a {
  color: inherit;
  border-bottom: 1px solid #cf2c2f;
}
.delivery-section__text p a:hover {
  border-bottom-color: transparent;
}
.delivery-section.default-section--white {
  padding-top: 0.44rem;
  padding-bottom: 0.38rem;
}
.delivery-section.default-section--white .default-section__title--small {
  margin-bottom: 0.44rem;
}
@media only screen and (max-width: 750px) {
  .delivery-section.default-section--white .delivery-list {
    padding-top: 0.53rem;
    padding-bottom: 0.9rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  }
}

.delivery-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .delivery-list {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .delivery-list .slick-list {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
.delivery-list .delivery-item {
  width: 33.3333%;
}
@media only screen and (max-width: 750px) {
  .delivery-list .delivery-item {
    width: 100%;
  }
}
.delivery-list .delivery-item:after {
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  content: "";
  position: absolute;
  background: #f0f0f0;
  pointer-events: none;
}
@media only screen and (max-width: 750px) {
  .delivery-list .delivery-item:after {
    display: none;
  }
}
.delivery-list .delivery-item:nth-child(3n+1):after {
  background: none;
}
.delivery-list.slick-slider {
  display: block;
}
@media only screen and (max-width: 750px) {
  .delivery-list:not(.slick-slider) .delivery-item:not(:first-child) {
    display: none;
  }
}

.delivery-item {
  color: #818181;
  font-size: 0.13rem;
  position: relative;
  text-align: center;
  line-height: 0.2rem;
  padding: 0.5rem 0.4rem 0.53rem;
}
@media only screen and (max-width: 750px) {
  .delivery-item {
    font-size: 0.2rem;
    line-height: 0.32rem;
    padding: 0.25rem 0.8rem 0.22rem;
  }
}
.delivery-item p {
  margin: 0;
}
.delivery-item__visual {
  width: 1rem;
  display: flex;
  height: 0.6rem;
  align-items: center;
  margin: 0 auto 0.18rem;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .delivery-item__visual {
    width: 1.4rem;
    height: 0.8rem;
    margin-bottom: 0.41rem;
  }
}
.delivery-item__visual svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.delivery-item__title {
  color: #303030;
  display: block;
  font-weight: 600;
  line-height: 1.2;
  font-size: 0.17rem;
  margin: 0 0 0.15rem;
}
@media only screen and (max-width: 750px) {
  .delivery-item__title {
    font-size: 0.28rem;
    margin-bottom: 0.26rem;
  }
}
.delivery-item__tooltip {
  color: #aeaeae;
  font-size: 0.12rem;
  position: relative;
  margin-left: 0.05rem;
  line-height: 0.16rem;
  font-weight: normal;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (max-width: 750px) {
  .delivery-item__tooltip {
    display: none;
  }
}
.delivery-item__tooltip .p {
  display: block;
  margin-bottom: 0.06rem;
}
.delivery-item__tooltip .p a {
  color: #dd7375;
  border-bottom-color: transparent;
}
.delivery-item__tooltip .p a:hover {
  color: #dd7375;
  border-bottom-color: #dd7375;
}
.delivery-item__tooltip.open .delivery-item__tooltip-content {
  top: 100%;
  opacity: 1;
  left: -0.2rem;
  transition: opacity 0.35s ease;
}
.delivery-item__tooltip-icon {
  color: #fff;
  width: 0.2rem;
  height: 0.2rem;
  cursor: pointer;
  user-select: none;
  font-size: 0.13rem;
  border-radius: 50%;
  line-height: 0.2rem;
  vertical-align: top;
  display: inline-block;
  background: var(--icons-sub-color);
}
.delivery-item__tooltip-close {
  top: 0.09rem;
  opacity: 0.25;
  right: 0.09rem;
  color: #f3f3f3;
  line-height: 1;
  cursor: pointer;
  font-size: 0.1rem;
  position: absolute;
  transition: opacity 0.35s ease;
}
.delivery-item__tooltip-close:hover {
  opacity: 0.5;
}
.delivery-item__tooltip-content {
  opacity: 0;
  z-index: 50;
  top: -9999px;
  left: -9999px;
  width: 2.64rem;
  text-align: left;
  margin-top: 0.13rem;
  position: absolute;
  background: #292929;
  padding: 0.14rem 0.2rem 0.08rem;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
.delivery-item__tooltip-content:after {
  content: "";
  left: 0.22rem;
  bottom: 100%;
  position: absolute;
  border-bottom: 0.08rem solid #292929;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
}
.delivery-item__tooltip-title {
  color: #fff;
  display: block;
  font-weight: 600;
  line-height: 1.2;
  font-size: 0.13rem;
  margin-bottom: 0.07rem;
}

.catalog {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .catalog {
    display: block;
  }
}
.catalog__sidebar {
  width: 2.93rem;
  flex-shrink: 0;
  margin-right: 0.12rem;
}
.catalog__sidebar__title {
  display: block;
  margin: 0 0 -1px;
  font-size: 0.14rem;
  background: #f9f9f9;
  line-height: 0.22rem;
  border: 1px solid #f0f0f0;
  text-transform: uppercase;
  border-radius: 0.04rem 0.04rem 0 0;
  padding: 0.17rem 0.4rem 0.18rem 0.29rem;
}
.catalog__sidebar__title + .sidebar-menu {
  border-radius: 0 0 0.04rem 0.04rem;
}
.sidebar-menu + .catalog__sidebar__title {
  margin-top: 0.32rem;
}
@media only screen and (max-width: 750px) {
  .catalog__sidebar--filters {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: auto;
    height: 100vh;
    z-index: 1000;
    display: flex;
    position: fixed;
    background: #fff;
    flex-direction: column;
    justify-content: flex-start;
    transition: opacity 0.35s ease;
  }
  body:not(.filters-sidebar-open) .catalog__sidebar--filters {
    opacity: 0;
    top: -9999px;
    left: -9999px;
    right: 9999px;
    bottom: 9999px;
    transition: all 0s ease 0.35s, opacity 0.35s ease;
  }
}
@media only screen and (max-width: 750px) {
  .catalog__sidebar__head {
    flex-shrink: 0;
    height: 1.06rem;
    position: relative;
    background: #fbfbfb;
    box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.16);
  }
}
.catalog__sidebar__head__close {
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: auto;
  display: flex;
  line-height: 1;
  width: 1.1rem;
  background: none;
  color: #636363;
  position: absolute;
  font-size: 0.36rem;
  text-align: center;
  align-items: center;
  justify-content: center;
  transition: color 0.35s ease;
}
.catalog__sidebar__head__close i {
  margin: 0;
}
.catalog__sidebar__head__close:hover {
  color: #cf2c2f;
}
.catalog__content {
  width: 100%;
  box-shadow: none;
}
.catalog__control-panel {
  display: flex;
  color: #636363;
  line-height: 1.2;
  margin: 0 -0.2rem;
  font-size: 0.13rem;
  align-items: center;
  padding: 0 0.2rem 0.15rem;
  justify-content: space-between;
  border-bottom: 1px solid #e9e9e9;
}
.catalog__sorting {
  display: flex;
  margin: 0 -0.24rem;
  align-items: center;
  justify-content: flex-start;
}
.catalog__sorting .sorting-item {
  margin: 0 0.24rem;
}
.catalog__more-btn-holder {
  box-shadow: none;
  border: 1px solid #e9e9e9;
}
.catalog__more-btn-holder.white-bg {
  padding: 0;
}
.catalog__main-banner {
  margin-bottom: 0.38rem;
}
@media only screen and (max-width: 750px) {
  .catalog__main-banner {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
.catalog-tags + .catalog__main-banner, .filter-form + .catalog__main-banner {
  margin-top: 0.2rem;
  margin-bottom: 0.22rem;
}
.catalog__main-banner a {
  display: block;
  position: relative;
}
.catalog__main-banner a:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  content: "";
  background: #000;
  position: absolute;
  transition: opacity 0.35s ease;
}
.catalog__main-banner a:hover:after {
  opacity: 0.1;
}
.catalog__main-banner img, .catalog__main-banner picture {
  width: 100%;
  display: block;
}

.load-more-btn-holder {
  background: #fff;
  margin: 0 0 0.29rem;
  border-radius: 0.04rem;
  border: 1px solid #e9e9e9;
}
@media only screen and (max-width: 750px) {
  .load-more-btn-holder {
    border-radius: 0;
    border-width: 1px 0;
    margin: -1px -0.4rem 0.5rem;
  }
}

.load-more-btn {
  display: flex;
  color: #404040;
  height: 0.52rem;
  line-height: 1.5;
  font-size: 0.14rem;
  align-items: center;
  padding: 0.1rem 0.3rem;
  justify-content: center;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .load-more-btn {
    height: 0.94rem;
    font-size: 0.22rem;
    padding: 0.15rem 0.4rem;
  }
}
.load-more-btn:hover {
  background: #fcfcfc;
  color: #272727;
  border-color: #d0d0d0;
}

.catalog-list-holder {
  background: #fff;
  margin: 0 0 0.13rem;
  border-radius: 0.04rem;
  padding: 0.16rem 0.2rem 0;
  border: 1px solid #e9e9e9;
}
@media only screen and (max-width: 750px) {
  .catalog-list-holder {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
  }
}
@media only screen and (min-width: 751px) {
  .catalog-list-holder + .paging {
    margin-top: 0.3rem;
  }
}
.catalog-list-holder--no-results {
  padding-top: 0.7rem;
  padding-bottom: 0.8rem;
}
@media only screen and (max-width: 750px) {
  .catalog-list-holder--no-results {
    padding-top: 0.48rem;
  }
}

.no-results__visual {
  line-height: 1;
  font-size: 2.16rem;
  text-align: center;
  margin: 0 auto 0.36rem;
}
@media only screen and (max-width: 750px) {
  .no-results__visual {
    font-size: 2.9rem;
    margin-bottom: 0.46rem;
  }
}
.no-results__visual svg {
  height: 1em;
  width: 1.1em;
  fill: #a9a9a9;
  vertical-align: top;
  display: inline-block;
}
.no-results__content {
  margin: 0 auto;
  color: #626262;
  text-align: center;
  max-width: 4.8rem;
  letter-spacing: 0;
  font-size: 0.14rem;
  line-height: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .no-results__content {
    max-width: none;
    font-size: 0.22rem;
    line-height: 0.336rem;
  }
}
.no-results__content .btn {
  font-size: 0.15rem;
  min-width: 2.32rem;
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 750px) {
  .no-results__content .btn {
    width: 100%;
    font-size: 0.28rem;
    margin-top: 0.4rem;
  }
}
.no-results__title {
  color: #000;
  display: block;
  line-height: 1.5;
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 0.28rem;
  font-weight: normal;
  margin-bottom: 0.1rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .no-results__title {
    font-size: 0.39rem;
    margin-bottom: 0.32rem;
  }
}

.sorting-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sorting-item__title {
  margin-right: 0.04rem;
}
.sorting-item__selected {
  cursor: pointer;
  position: relative;
  padding-right: 0.12rem;
}
.sorting-item__selected .icon-triangle-down {
  right: 0;
  top: 0.05rem;
  opacity: 0.5;
  font-size: 0.05rem;
  position: absolute;
  transition: transform 0.35s ease;
}
.sorting-item.open .sorting-item__selected .icon-triangle-down {
  transform: rotate(180deg);
}
.sorting-item__dropdown {
  opacity: 0;
  z-index: 250;
  top: -9999px;
  left: -9999px;
  width: 1.98rem;
  background: #fff;
  margin: 0.1rem 0 0;
  position: absolute;
  border-radius: 0.04rem;
  border: 1px solid rgba(202, 202, 202, 0.45);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
.sorting-item.open .sorting-item__dropdown {
  top: 100%;
  opacity: 1;
  left: -0.08rem;
  transition: opacity 0.35s ease;
}
.sorting-item__dropdown-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sorting-item__dropdown-item.active a {
  background: #f6f6f6;
}
.sorting-item__dropdown-item a {
  display: block;
  padding: 0.17rem 0.2rem;
  transition: background-color 0.35s ease;
}
.sorting-item__dropdown-item a:hover {
  background: #f6f6f6;
}

.mode-switcher {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.mode-switcher__list {
  padding: 0;
  display: flex;
  list-style: none;
  margin: 0 0 0 0.08rem;
  align-items: stretch;
  justify-content: flex-start;
}
.mode-switcher__item {
  display: flex;
  width: 0.34rem;
  color: #b7b7b7;
  height: 0.33rem;
  line-height: 1;
  font-size: 0.17rem;
  align-items: center;
  border-style: solid;
  border-color: #eaeaea;
  justify-content: center;
  transition: all 0.35s ease;
  border-width: 1px 1px 1px 0;
}
.mode-switcher__item:hover {
  color: #636363;
}
.mode-switcher__list-item:first-child .mode-switcher__item {
  border-left-width: 1px;
  border-radius: 0.04rem 0 0 0.04rem;
}
.mode-switcher__list-item:last-child .mode-switcher__item {
  border-radius: 0 0.04rem 0.04rem 0;
}
.mode-switcher__list-item.active .mode-switcher__item {
  color: #fff;
  border-color: #dd7375;
  background-color: #dd7375;
}

.sidebar__item {
  padding: 0 0.23rem;
  background: #fff;
  margin: 0 0 0.14rem;
  border-radius: 0.04rem;
  border: 1px solid #e9e9e9;
}
@media only screen and (max-width: 750px) {
  .catalog__sidebar--filters .sidebar__item {
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    flex: 1 1 100%;
    background: none;
    border-radius: 0;
    flex-direction: column;
    justify-content: flex-start;
    height: calc(100% - 1.06rem);
  }
}
.sidebar__item__title {
  color: #000;
  display: block;
  line-height: 1.5;
  font-size: 0.14rem;
  margin: 0 0 0.08rem;
  padding-top: 0.22rem;
}
.sidebar__banner {
  padding: 0.01rem;
  overflow: hidden;
  border-radius: 0.04rem;
}
.sidebar__banner a {
  display: block;
}
.sidebar__banner img, .sidebar__banner picture {
  width: 100%;
  display: block;
}

.catalog-menu {
  margin: 0;
  padding: 0;
  color: #626262;
  line-height: 1.5;
  list-style: none;
  font-size: 0.13rem;
}
.catalog-menu__item {
  margin: 0 -0.23rem;
  border-top: 1px solid #e2e2e2;
}
.catalog-menu__item:first-child {
  border-top: none;
}
.catalog-menu__link {
  color: #000;
  display: flex;
  line-height: 1.5;
  font-size: 0.14rem;
  font-weight: bold;
  position: relative;
  align-items: center;
  text-transform: uppercase;
  transition: color 0.35s ease;
  justify-content: flex-start;
  padding: 0.2rem 0.46rem 0.2rem 0.23rem;
}
.catalog-menu__link:hover {
  color: #cf2c2f;
}
.catalog-menu__link .icon-angle-down {
  top: 0.22rem;
  right: 0.2rem;
  width: 0.14rem;
  line-height: 1;
  color: #101010;
  flex-shrink: 0;
  font-size: 0.18rem;
  text-align: center;
  position: absolute;
  transition: transform 0.35s ease;
}
.catalog-menu__item.open .catalog-menu__link .icon-angle-down {
  transform: rotate(180deg);
}
.catalog-menu__categories-list {
  margin: 0;
  list-style: none;
  padding: 0 0.23rem 0.24rem;
}
.catalog-menu__categories-list__item {
  margin: 0.11rem 0 0;
}
.catalog-menu__categories-list__item:first-child {
  margin-top: 0;
}
.catalog-menu__categories-list__link {
  position: relative;
  vertical-align: top;
  padding-left: 0.21rem;
  display: inline-block;
}
.catalog-menu__categories-list__link .underline {
  border-bottom: 1px solid transparent;
  transition: border-color 0.35s ease, color 0.35s ease;
}
.catalog-menu__categories-list__item.active .catalog-menu__categories-list__link .underline {
  color: #cf2c2f;
  border-bottom-color: #cf2c2f;
}
.catalog-menu__categories-list__link:hover {
  color: #cf2c2f;
}
.catalog-menu__categories-list__dropdown-toggle {
  top: -0.01rem;
  left: -0.05rem;
  width: 0.18rem;
  height: 0.2rem;
  color: #636363;
  font-size: 0.19rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  line-height: 0.2rem;
}
.catalog-menu__categories-list__dropdown-toggle:hover {
  color: #cf2c2f;
}
.catalog-menu__categories-list__item--no-drop .catalog-menu__categories-list__dropdown-toggle {
  display: none;
}
.catalog-menu__categories-list__dropdown-toggle:before {
  content: "+";
}
.catalog-menu__categories-list__item.open .catalog-menu__categories-list__dropdown-toggle:before {
  content: "–";
}
.catalog-menu__items-list {
  margin: 0;
  list-style: none;
  padding: 0.12rem 0 0.01rem 0.32rem;
}
.catalog-menu__items-list__item {
  margin: 0.11rem 0 0;
}
.catalog-menu__items-list__item:first-child {
  margin-top: 0;
}
.catalog-menu__items-list__link {
  transition: color 0.35s ease;
  border-bottom: 1px solid transparent;
}
.catalog-menu__items-list__item.active .catalog-menu__items-list__link {
  color: #cf2c2f;
  border-bottom-color: #cf2c2f;
}
.catalog-menu__items-list__item.active .catalog-menu__items-list__link:hover {
  color: #ad0e27;
  border-bottom-color: #ad0e27;
}
.catalog-menu__items-list__link:hover {
  color: #000;
}
.catalog-menu .tags-panel {
  padding: 0.1rem 0.27rem 0.08rem;
  border-top: 1px solid #e2e2e2;
}
.catalog-menu .tags-group-title {
  padding: 0 0.05rem;
  letter-spacing: 0;
  margin-bottom: 0.18rem;
}
.catalog-menu .tag-items-group {
  padding-top: 0.12rem;
  padding-bottom: 0.12rem;
}
.catalog-menu .tag-items-list__item {
  margin-bottom: 0.11rem;
}
.catalog-menu .tag-item {
  height: 0.34rem;
  letter-spacing: 0;
  padding-left: 0.14rem;
  padding-right: 0.14rem;
  line-height: calc(.34rem - 2px);
}

@keyframes blink-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes blink-out {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.catalog-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.2rem;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (min-width: 751px) {
  .catalog-list {
    margin-bottom: -1px;
  }
}
@media only screen and (max-width: 750px) {
  .catalog-list {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
@media only screen and (min-width: 751px) {
  .catalog-list {
    animation: blink-in 0.35s ease forwards;
  }
  .catalog-list.list-mode {
    animation: blink-out 0.35s ease forwards;
  }
  .catalog-list.list-mode .product-item {
    width: 100%;
    border-left: none !important;
    border-right: none !important;
  }
  .catalog-list.list-mode .product-item:not(:first-child) {
    border-top: 1px solid #e9e9e9;
  }
  .catalog-list.list-mode .product-item__inner {
    display: flex;
    padding: 0.2rem;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .catalog-list.list-mode .product-item__visual {
    width: 2.4rem;
    flex-shrink: 0;
    margin-right: 0.25rem;
  }
  .catalog-list.list-mode .product-item__visual > a {
    max-width: none;
  }
  .catalog-list.list-mode .product-item__title {
    min-height: 0;
    color: #404040;
    font-weight: 600;
    font-size: 0.15rem;
    line-height: 0.23rem;
    margin-bottom: 0.13rem;
    height: auto !important;
  }
  .catalog-list.list-mode .product-item__specifications-list {
    display: block;
  }
  .catalog-list.list-mode .product-item__description {
    width: 100%;
  }
  .catalog-list.list-mode .product-item__controls {
    width: 1.66rem;
    flex-shrink: 0;
    margin-left: 0.6rem;
    position: relative;
    padding-bottom: 0.66rem;
  }
  .catalog-list.list-mode .product-item__buy-panel {
    display: block;
  }
  .catalog-list.list-mode .product-item__buy-btn {
    left: 0;
    bottom: 0;
    margin-left: 0;
    position: absolute;
  }
  .catalog-list.list-mode .product-item__info-panel {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column-reverse;
  }
  .catalog-list.list-mode .product-item__article {
    margin-bottom: 0.16rem;
  }
  .catalog-list.list-mode .product-item__price {
    display: block;
  }
  .catalog-list.list-mode .product-item__old-price-panel {
    padding: 0;
    position: static;
    margin-bottom: 0.08rem;
  }
  .catalog-list.list-mode .product-item__badges {
    left: -0.02rem;
    right: -0.02rem;
  }
  .catalog-list.list-mode .product-item__price {
    margin-bottom: 0;
  }
  .catalog-list--search-results.list-mode .product-item__visual {
    width: 1.85rem;
    margin-right: 0.2rem;
  }
}
.catalog-list .product-item {
  width: 33.3333%;
  margin-bottom: 0;
}
@media only screen and (min-width: 751px) {
  .catalog-list .product-item {
    border-bottom: 1px solid #e9e9e9;
  }
  .catalog-list .product-item:not(:nth-child(3n)) {
    border-right: 1px solid #e9e9e9;
  }
}
@media only screen and (max-width: 750px) {
  .catalog-list .product-item {
    width: 50%;
    border-bottom: 1px solid #e9e9e9;
  }
  .catalog-list .product-item:first-child, .catalog-list .product-item:first-child + .product-item {
    border-top: 1px solid #e9e9e9;
  }
  .catalog-list .product-item:not(:nth-child(2n)) {
    border-right: 1px solid #e9e9e9;
  }
  .catalog-list .product-item:not(:nth-child(2n)) .product-item__inner {
    margin-left: -1px;
  }
}
.catalog-list .product-item__inner {
  box-shadow: none;
  border-radius: 0;
  padding: 0.18rem 0.2rem;
}
@media only screen and (max-width: 750px) {
  .catalog-list .product-item__inner {
    border: none;
    padding: 0.19rem 0.24rem 0.25rem;
  }
}
.catalog-list .product-item__badges {
  left: 0.04rem;
  right: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .catalog-list .product-item__badge {
    font-size: 0.17rem;
    letter-spacing: 0.04em;
  }
}
.catalog-list .product-item__visual {
  margin-bottom: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .catalog-list .product-item__visual {
    margin-left: -0.07rem;
    margin-right: -0.06rem;
  }
}
.catalog-list .product-item__visual > a {
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 2.27rem;
}
@media only screen and (max-width: 750px) {
  .catalog-list .product-item__visual > a {
    max-width: none;
  }
}
@media only screen and (max-width: 750px) {
  .catalog-list .product-item__visual > a:before {
    padding-top: 66%;
  }
}
.catalog-list .product-item__price {
  color: #000;
}
@media only screen and (min-width: 751px) {
  .catalog-list--search-results .product-item {
    width: 25%;
    border-top: none !important;
    border-left: none !important;
    border-bottom: 1px solid #e9e9e9;
  }
  .catalog-list--search-results .product-item:not(:nth-child(3n)) {
    border-right: none;
  }
}
.catalog-list--search-results .product-item:nth-child(4) {
  border-top: none !important;
}
@media only screen and (min-width: 751px) {
  .catalog-list--search-results .product-item:not(:nth-child(4n)) {
    border-right: 1px solid #e9e9e9;
  }
}
@media only screen and (min-width: 751px) {
  .catalog-list--search-results .product-item__inner {
    border-radius: 0;
  }
}
.catalog-list--search-results .product-item__specifications-list {
  columns: 3;
  column-gap: 0.3rem;
}

.mobile-control-panel {
  display: flex;
  align-items: center;
  margin: 0 -0.1rem 0.36rem;
  justify-content: space-between;
}
.mobile-control-panel__item {
  width: 100%;
  padding: 0 0.1rem;
}
.mobile-control-panel__item--small {
  width: 1.16rem;
  flex-shrink: 0;
}
.mobile-control-panel__item--small:first-child {
  width: 100%;
}
.mobile-control-panel__item--small:first-child select {
  opacity: 1;
}
.mobile-control-panel__item--small:first-child .mobile-sorting {
  justify-content: flex-end;
}
.mobile-control-panel__item--small:first-child .mobile-sorting i {
  margin-right: 0.32rem;
}
.mobile-control-panel__btn {
  display: flex;
  height: 0.92rem;
  color: #292929;
  cursor: pointer;
  line-height: 1.5;
  font-size: 0.24rem;
  position: relative;
  text-align: center;
  background: #e9e9e9;
  font-weight: normal;
  align-items: center;
  border-radius: 0.04rem;
  justify-content: center;
  transition: background-color 0.35s ease;
}
.mobile-control-panel__btn:hover {
  background: #d0d0d0;
}
.mobile-control-panel__btn i {
  opacity: 0.79;
  color: #636363;
}
.mobile-control-panel__btn-badge {
  color: #fff;
  display: flex;
  width: 0.33rem;
  height: 0.33rem;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 0.18rem;
  border-radius: 50%;
  margin-left: 0.15rem;
  align-items: center;
  justify-content: center;
  background: var(--icons-sub-color);
}

.mobile-sorting select {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border: none;
  color: #292929;
  cursor: pointer;
  background: none;
  line-height: 1.2;
  font-size: 0.24rem;
  position: absolute;
  border-radius: 0.04rem;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
  padding: 0 1rem 0 0.3rem;
  -webkit-appearance: none;
}

.sidebar-categories {
  padding: 0;
  list-style: none;
  line-height: 1.5;
  margin: 0 0 0.2rem;
  font-size: 0.14rem;
}
.sidebar-categories__item {
  margin-bottom: 0.1rem;
}
.sidebar-categories__link {
  display: block;
  color: #626262;
  position: relative;
  padding-left: 0.16rem;
  transition: color 0.35s ease;
}
.sidebar-categories__item--active .sidebar-categories__link {
  color: #000;
  font-weight: bold;
}
.sidebar-categories__link:hover {
  color: #cf2c2f;
}
.sidebar-categories__link__arrow {
  left: 0;
  top: 50%;
  opacity: 0.55;
  line-height: 1;
  color: #202020;
  font-size: 0.1rem;
  margin-top: -0.5em;
  position: absolute;
  transform: rotate(180deg);
}
.sidebar-categories__dropdown-list {
  margin: 0;
  list-style: none;
  padding: 0.1rem 0 0 0.3rem;
}
.sidebar-categories__dropdown-list__item {
  margin-bottom: 0.09rem;
}
.sidebar-categories__dropdown-list__link {
  vertical-align: top;
  display: inline-block;
}
.sidebar-categories__dropdown-list__link__text {
  transition: color 0.35s ease;
}
.sidebar-categories__dropdown-list__link:hover .sidebar-categories__dropdown-list__link__text, .sidebar-categories__dropdown-list__item--active .sidebar-categories__dropdown-list__link__text {
  color: #cf2c2f;
}
.sidebar-categories__dropdown-list__item--active .sidebar-categories__dropdown-list__link__text {
  text-decoration: underline;
}
.sidebar-categories__dropdown-list__link__count {
  color: #919191;
  font-size: 0.13rem;
  margin-left: 0.05rem;
}
.sidebar-categories__badge {
  top: -0.01rem;
  color: #fff;
  font-size: 0.11rem;
  min-width: 0.24rem;
  position: relative;
  text-align: center;
  font-weight: normal;
  line-height: 0.11rem;
  margin-left: 0.04rem;
  background: #ffa903;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.04rem 0.02rem;
}
@media only screen and (max-width: 750px) {
  .sidebar-categories__badge {
    min-width: 0.42rem;
    font-size: 0.19rem;
    line-height: 0.18rem;
    padding-bottom: 0.03rem;
  }
}

.sidebar-filters-form {
  position: relative;
  margin: 0 -0.24rem;
  padding-top: 0.1rem;
  padding-left: 0.24rem;
  padding-right: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex: 1 1 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2.3rem !important;
  }
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__body {
    flex: 1 1 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    padding: 0.36rem 0.4rem 0;
    -webkit-overflow-scrolling: touch;
  }
}
.sidebar-filters-form__item {
  padding-top: 0.06rem;
  padding-bottom: 0.06rem;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__item {
    margin-bottom: 0.32rem;
  }
}
.sidebar-filters-form__item__head {
  margin: 0;
  width: 100%;
  border: none;
  color: #000;
  display: block;
  cursor: pointer;
  text-align: left;
  line-height: 1.5;
  background: none;
  font-weight: bold;
  font-size: 0.14rem;
  position: relative;
  font-family: inherit;
  -webkit-appearance: none;
  padding: 0.06rem 0.2rem 0.06rem 0;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__item__head {
    font-size: 0.26rem;
    padding: 0.1rem 0.4rem 0.1rem 0;
  }
}
.sidebar-filters-form__item__head__arrow {
  top: 50%;
  right: 0.03rem;
  line-height: 1;
  color: #202020;
  font-size: 0.16rem;
  position: absolute;
  margin-top: -0.5em;
  transition-duration: 0.35s;
  transition-timing-function: ease;
  transition-property: opacity, transform;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__item__head__arrow {
    right: 0;
    opacity: 0.5;
    font-size: 0.32rem;
  }
}
.sidebar-filters-form__item__head:not(:hover) .sidebar-filters-form__item__head__arrow {
  opacity: 0.5;
}
.sidebar-filters-form__item:not(.sidebar-filters-form__item--closed) .sidebar-filters-form__item__head__arrow {
  transform: rotate(180deg);
}
.sidebar-filters-form__item__expanded {
  padding-top: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__item__expanded {
    padding-top: 0.3rem;
  }
}
.sidebar-filters-form__item__expanded .scroll-cover {
  max-height: 2.56rem;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__item__expanded .scroll-cover {
    max-height: 5.46rem;
  }
}
.sidebar-filters-form__item__expanded:not(.list-open) > .input-list__item--more {
  display: none;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__item__expanded:not(.list-open) .scroll-cover {
    overflow: visible;
  }
}
.sidebar-filters-form__item__expanded > .input-list__item--more {
  margin: 0;
  padding-top: 0.2rem !important;
  border-top: 1px solid #e9e9e9;
}
.sidebar-filters-form__item__expanded > .input-list__item--more a .icon-angle-down {
  transform: rotate(180deg);
}
.sidebar-filters-form__item__search {
  position: relative;
  margin-bottom: 0.19rem;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__item__search {
    margin-bottom: 0.4rem;
  }
}
.sidebar-filters-form__item__expanded:not(.list-open) .sidebar-filters-form__item__search {
  display: none;
}
.sidebar-filters-form__item__search .form-control {
  height: 0.4rem;
  padding-right: 0.7rem;
  padding-left: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__item__search .form-control {
    height: 0.82rem;
    padding-left: 0.2rem;
    padding-right: 1.2rem;
  }
}
.sidebar-filters-form__item__search__btn {
  top: 1px;
  margin: 0;
  padding: 0;
  bottom: 1px;
  height: auto;
  color: #bbb;
  line-height: 1;
  background: none;
  position: absolute;
  justify-content: center;
  transition: color 0.35s ease;
}
.sidebar-filters-form__item__search__btn i {
  margin: 0;
}
.sidebar-filters-form__item__search__btn:hover {
  color: #cf2c2f;
}
.sidebar-filters-form__item__search__btn--submit {
  right: 1px;
  width: 0.38rem;
  font-size: 0.18rem;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__item__search__btn--submit {
    width: 0.8rem;
    font-size: 0.36rem;
  }
}
.sidebar-filters-form__item__search__btn--reset {
  width: 0.26rem;
  font-size: 0.16rem;
  right: calc(0.38rem + 1px);
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__item__search__btn--reset {
    width: 0.4rem;
    font-size: 0.32rem;
    border-radius: 0.8rem;
    right: calc(0.8rem + 1px);
  }
}
.sidebar-filters-form__item__search:not(.sidebar-filters-form__item__search--has-value) .sidebar-filters-form__item__search__btn--reset {
  opacity: 0;
  pointer-events: none;
}
.sidebar-filters-form__item__search__no-results {
  display: block;
  min-height: 1rem;
  color: #636363;
  line-height: 1.5;
  font-size: 0.14rem;
  margin-top: 0.15rem;
}
.sidebar-filters-form__submit-panel {
  left: 0;
  bottom: 0;
  z-index: 150;
  background: #fff;
  text-align: center;
  padding: 0.15rem 0.23rem 0.3rem;
  border-top: 1px solid #e9e9e9;
  box-shadow: 0 -0.05rem 0.1rem -0.05rem rgba(197, 197, 197, 0.5);
}
@media only screen and (min-width: 751px) {
  .sidebar-filters-form__submit-panel--static, .sidebar-filters-form__submit-panel:not(.sidebar-filters-form__submit-panel--fixed) {
    right: 0;
    left: 0 !important;
    position: absolute;
  }
  .sidebar-filters-form__submit-panel--fixed:not(.sidebar-filters-form__submit-panel--static) {
    width: 2.93rem;
    position: fixed;
  }
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__submit-panel {
    right: 0;
    position: fixed;
    left: 0 !important;
    background: #fafafa;
    padding: 0.26rem 0.4rem 0.4rem;
    box-shadow: 0 -0.1rem 0.2rem -0.1rem rgba(197, 197, 197, 0.5);
  }
  body:not(.filters-sidebar-open) .sidebar-filters-form__submit-panel {
    bottom: 9999px;
  }
}
.sidebar-filters-form__submit-panel__controls {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
  justify-content: space-between;
}
.sidebar-filters-form__submit-panel__selected {
  color: #868686;
  line-height: 1.5;
  font-size: 0.26rem;
}
.sidebar-filters-form__submit-panel__reset {
  font-size: 0.15rem;
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form__submit-panel__reset {
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    background: none;
    line-height: 1.5;
    font-size: 0.26rem;
    font-family: inherit;
    color: rgba(84, 116, 197, 0.5);
    transition: color 0.35s ease;
  }
  .sidebar-filters-form__submit-panel__reset:hover {
    color: #5474c5;
  }
}
.sidebar-filters-form__submit-panel__submit {
  font-size: 0.28rem;
  font-weight: normal;
  text-transform: none;
}
.sidebar-filters-form__results {
  display: block;
  color: #292929;
  margin-bottom: 0.18rem;
}
.sidebar-filters-form .input-list {
  columns: auto;
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form .input-list {
    padding-top: 0.1rem;
  }
}
@media only screen and (min-width: 751px) {
  .sidebar-filters-form .input-list__item {
    margin-bottom: 0.13rem;
  }
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form .input-list__item {
    margin-bottom: 0.45rem;
  }
}
.sidebar-filters-form .input-list__item.hidden {
  display: none;
}
.sidebar-filters-form .input-list__item--more {
  padding-top: 0;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form .input-list__item--more {
    margin-bottom: 0;
  }
  .sidebar-filters-form .input-list__item--more a {
    color: #292929;
  }
}
.sidebar-filters-form .range-control {
  margin-bottom: 0.03rem;
}
.sidebar-filters-form .switcher {
  margin-top: 0.04rem;
  margin-bottom: 0.09rem;
}
.sidebar-filters-form .switcher:not(:last-child) {
  margin-bottom: 0.26rem;
}
@media only screen and (max-width: 750px) {
  .sidebar-filters-form .switcher:not(:last-child) {
    margin-bottom: 0.6rem;
  }
}

.catalog-head h1 {
  margin: 0;
  display: inline;
}
.catalog-head .count {
  color: #919191;
  line-height: 1.5;
  font-size: 0.13rem;
  margin-top: 0.08rem;
  vertical-align: top;
  display: inline-block;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .catalog-head .count {
    font-size: 0.18rem;
    margin-top: 0.16rem;
  }
}

.catalog-active-filters-panel {
  margin: 0 -0.2rem 0.14rem;
  padding: 0.03rem 0.2rem 0.09rem;
  border-bottom: 1px solid #efefef;
}
@media only screen and (max-width: 750px) {
  .catalog-active-filters-panel {
    border: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0.14rem 0 0;
    scroll-behavior: smooth;
    margin: 0 -0.4rem 0.5rem;
    -webkit-overflow-scrolling: touch;
  }
}

.catalog-active-filters {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.06rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .catalog-active-filters {
    margin: 0;
    flex-wrap: nowrap;
  }
}

.catalog-active-filter {
  border: none;
  border: none;
  color: #fff;
  cursor: pointer;
  position: relative;
  font-size: 0.13rem;
  white-space: nowrap;
  line-height: 0.2rem;
  font-family: inherit;
  border-radius: 0.16rem;
  letter-spacing: 0.02em;
  background: #cf2c2f;
  padding: 0.06rem 0.14rem;
  -webkit-appearance: none;
  margin: 0 0.06rem 0.15rem;
  transition: background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .catalog-active-filter {
    font-size: 0.26rem;
    line-height: 0.31rem;
    border-radius: 0.35rem;
    padding: 0.19rem 0.3rem;
    margin: 0 0.11rem 0 0.12rem;
  }
  .catalog-active-filter:first-child {
    margin-left: 0.4rem;
  }
  .catalog-active-filter:last-child {
    margin-right: 0.4rem;
  }
}
.catalog-active-filter:hover {
  background-color: #ad0e27;
}
.catalog-active-filter--reset {
  background: #4b4b4b;
}
.catalog-active-filter--reset:hover {
  background-color: #292929;
}
.catalog-active-filter__close {
  color: #fff;
  display: flex;
  top: -0.04rem;
  right: -0.08rem;
  width: 0.19rem;
  line-height: 1;
  height: 0.19rem;
  font-size: 0.08rem;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  align-items: center;
  background: #292929;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .catalog-active-filter__close {
    top: -0.08rem;
    width: 0.41rem;
    right: -0.17rem;
    height: 0.41rem;
    font-size: 0.14rem;
  }
}

@media only screen and (max-width: 750px) {
  body.filters-sidebar-open {
    overflow: hidden;
  }
}

.catalog-tags {
  display: flex;
  background: #fff;
  border-radius: 0.05rem;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.25rem 0.3rem 0.24rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .catalog-tags {
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
}
.catalog-tags__title {
  flex-shrink: 0;
  color: #292929;
  line-height: 1.5;
  font-size: 0.13rem;
  white-space: nowrap;
  margin-top: 0.07rem;
  margin-right: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .catalog-tags .tag-items-list {
    padding: 0 0.4rem;
    margin: 0 -0.4rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
.catalog-tags .tag-items-list.show-all-tags .tag-items-list__item--more .default {
  display: none;
}
.catalog-tags .tag-items-list:not(.show-all-tags) .tag-items-list__item--more .active {
  display: none;
}
@media only screen and (max-width: 750px) {
  .catalog-tags .tag-items-list__item {
    display: block !important;
  }
}
@media only screen and (max-width: 750px) {
  .catalog-tags .tag-items-list__item--more {
    display: none !important;
  }
}

.product-section {
  background: #fff;
  padding-bottom: 0.46rem;
}
@media only screen and (max-width: 750px) {
  .product-section {
    position: relative;
    padding-bottom: 0.4rem;
  }
}
.product-section h1, .product-section .h1 {
  font-size: 0.25rem;
  letter-spacing: 0.02em;
  margin-bottom: 0.16rem;
}
@media only screen and (min-width: 751px) {
  .product-section h1, .product-section .h1 {
    font-weight: normal;
    padding-right: 2.2rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-section h1, .product-section .h1 {
    font-size: 0.34rem;
    line-height: 0.44rem;
    padding-top: 0.15rem;
    margin-bottom: 0.4rem;
  }
}

.product {
  display: flex;
  position: relative;
  padding: 0.17rem 0 0;
  align-items: flex-start;
  border-top: 1px solid #ededed;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .product {
    display: block;
    border-top: none;
    padding-top: 0.3rem;
    border-top-width: 0.02rem;
  }
}
.product__info-panel {
  display: flex;
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .product__info-panel {
    font-size: 0.22rem;
    line-height: 0.36rem;
  }
}
.product__article {
  padding: 0;
  margin: 0 0 0 0.28rem;
}
.product__article-title, .product__article-value {
  vertical-align: top;
  display: inline-block;
}
.product__article-title, .product__article-value {
  margin: 0;
  padding: 0;
}
.product__status {
  margin-left: 0.2rem;
  position: relative;
  padding-left: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .product__status {
    margin-left: 0;
    padding-left: 0.34rem;
  }
}
.product__status-icon {
  left: 0;
  top: 50%;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  position: absolute;
  margin-top: -0.04rem;
}
@media only screen and (max-width: 750px) {
  .product__status-icon {
    width: 0.2rem;
    height: 0.2rem;
    margin-top: -0.1rem;
  }
}
.product__status-icon--available {
  background: #98c480;
}
.product__status-icon--not-available {
  background: #e4373a;
}
.product__status-icon--clarify {
  background: #f2af61;
}
.product__price-panel {
  display: flex;
  font-size: 0.13rem;
  line-height: 0.2rem;
  align-items: flex-end;
  margin-bottom: 0.25rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .product__price-panel {
    font-size: 0.22rem;
    line-height: 0.38rem;
    margin-bottom: 0.52rem;
  }
}
.product__date {
  display: flex;
  color: #404040;
  align-items: center;
  justify-content: flex-start;
}
.product__date__icon {
  color: #aeaeae;
  line-height: 1;
  font-size: 0.33rem;
  margin-right: 0.1rem;
}
.product__date__content {
  display: block;
  max-width: 2rem;
}
@media only screen and (max-width: 750px) {
  .product__date__content {
    max-width: none;
  }
}
.product__price-holder {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product__price-holder {
    display: block;
  }
}
.product__price-holder__title {
  color: #919191;
  margin-right: 0.05rem;
}
@media only screen and (max-width: 750px) {
  .product__price-holder__title {
    display: block;
    color: #909090;
    line-height: 1.5;
    font-size: 0.18rem;
    margin: 0 0 0.08rem;
    text-transform: lowercase;
  }
}
.product__price {
  color: #000;
  line-height: 1;
  font-weight: 900;
  font-size: 0.35rem;
  position: relative;
  letter-spacing: 0.02em;
  margin-bottom: -0.01rem;
}
@media only screen and (max-width: 750px) {
  .product__price {
    display: block;
    font-size: 0.5rem;
    margin-bottom: 0;
    min-width: 2.5rem;
    letter-spacing: 0.015em;
  }
}
.product__price sub {
  font-size: 0.2rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 0.2rem;
  margin-left: -0.1rem;
  display: inline-block;
  margin-bottom: 0.02rem;
  vertical-align: bottom;
}
@media only screen and (min-width: 751px) {
  .product__price sub {
    color: #919191;
  }
}
@media only screen and (max-width: 750px) {
  .product__price sub {
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 0.28rem;
    margin-left: -0.17rem;
  }
}
.product__price sub sup {
  font-size: 60%;
  line-height: 1;
  vertical-align: top;
  display: inline-block;
}
.product__old-price {
  display: flex;
  color: #636363;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.14rem;
  margin: 0 0 0.05rem;
  font-weight: normal;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product__old-price {
    right: 0;
    bottom: 100%;
    line-height: 1.5;
    font-size: 0.2rem;
    position: absolute;
    letter-spacing: 0.02em;
  }
}
.product__old-price .strike {
  margin-right: 0.04rem;
  text-decoration: line-through;
}
.product__old-price sup {
  font-size: 60%;
  line-height: 1;
  margin-top: -0.04rem;
  vertical-align: top;
  display: inline-block;
}
.product__sale-badge {
  color: #fff;
  font-size: 0.11rem;
  padding: 0 0.04rem;
  background: #ed7c7e;
  line-height: 0.16rem;
  margin-left: 0.08rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .product__sale-badge {
    font-size: 0.16rem;
    padding: 0 0.06rem;
    margin-left: 0.1rem;
    line-height: 0.24rem;
  }
}
.product .btn-panel {
  margin-bottom: 0.3rem;
}
@media only screen and (max-width: 750px) {
  .product .btn-panel {
    padding-bottom: 0.3rem;
  }
}
.product .btn-panel > .btn {
  margin-bottom: 0;
  width: calc(50% - .2rem);
}
.product .btn {
  font-weight: normal;
  text-transform: none;
}
@media only screen and (min-width: 751px) {
  .product .btn {
    font-size: 0.15rem;
  }
}
@media only screen and (max-width: 750px) {
  .product .btn {
    height: 0.91rem;
    font-size: 0.24rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
.product .btn--dark {
  background: #818181;
}
.product .btn--dark:hover {
  background: #686868;
}
.product__buy-panel {
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
  margin-bottom: 0.25rem;
  border-radius: 0.04rem;
  padding: 0.17rem 0.29rem 0.31rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.14);
}
@media only screen and (max-width: 750px) {
  .product__buy-panel {
    font-size: 0.2rem;
    box-shadow: none;
    background: #f9f9f9;
    border-style: solid;
    border-width: 1px 0;
    border-color: #f0f0f0;
    margin: 0 -0.4rem 0.5rem;
    padding: 0.36rem 0.4rem 0.41rem;
  }
}
.product__buy-panel__controls {
  display: flex;
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
  align-items: center;
  margin-bottom: 0.2rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .product__buy-panel__controls {
    color: #404040;
    display: block;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 0.24rem;
  }
}
.product__buy-panel__control {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product__buy-panel__control {
    height: 0.9rem;
    background: #efefef;
    margin-bottom: 0.22rem;
    border-radius: 0.04rem;
    justify-content: center;
    border: 1px solid #dbdbdb;
    transition: background-color 0.35s ease;
  }

  .product__buy-panel__control.product__calculation_link {
    background: none;
    border: none;
    margin-top:-0.4rem;
  }

}
.product__buy-panel__control i {
  line-height: 1;
  color: #dd7375;
  font-size: 0.17rem;
  font-weight: bold;
  font-style: normal;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product__buy-panel__control i {
    font-size: 0.18rem;
  }
}
.product__buy-panel__control svg {
  top: -0.01rem;
  fill: #9d9d9d;
  position: relative;
}
.product__buy-panel__control i, .product__buy-panel__control svg {
  flex-shrink: 0;
  margin-right: 0.06rem;
}
@media only screen and (max-width: 750px) {
  .product__buy-panel__control i, .product__buy-panel__control svg {
    margin-right: 0.11rem;
  }
}
.product__buy-panel__control .underline {
  margin-bottom: -1px;
  border-bottom: 1px dotted #c5c5c5;
  transition: border-bottom-color 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .product__buy-panel__control:hover {
    color: #cf2c2f;
  }
}
@media only screen and (max-width: 750px) {
  .product__buy-panel__control:hover {
    background: #d6d6d6;
  }
}
.product__buy-panel__control:hover .underline {
  border-bottom-color: transparent;
}
.product__buy-panel .btn-panel {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .product__buy-panel .btn-panel {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 750px) {
  .product__calc {
    margin-bottom: 0.31rem;
  }
}
.product__calc-row {
  position: relative;
  margin: 0 -0.2rem 0.18rem;
}
@media only screen and (max-width: 750px) {
  .product__calc-row {
    margin: 0 -0.25rem 0.25rem;
  }
}
.product__calc-row--template {
  display: none;
}
.product__calc-row > .col {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .product__calc-row > .col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.product__calc-row__delete {
  opacity: 0.5;
  right: 0.05rem;
  bottom: 0.14rem;
  color: #292929;
  line-height: 1;
  font-size: 0.12rem;
  position: absolute;
  transition: opacity 0.35s ease, color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product__calc-row__delete {
    right: 0;
    bottom: 0.24rem;
    font-size: 0.2rem;
  }
}
.product__buy-panel:not(.product__buy-panel--has-some-rows) .product__calc-row__delete {
  opacity: 0;
  pointer-events: none;
}
.product__calc-row__delete:hover {
  opacity: 1;
  color: #cf2c2f;
}
.product__calc-item {
  position: relative;
}
.product__calc-item__separator {
  right: 100%;
  left: -0.2rem;
  bottom: 0.13rem;
  line-height: 1;
  font-weight: 300;
  position: absolute;
  text-align: center;
  pointer-events: none;
  margin-right: -0.2rem;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__separator {
    left: -0.25rem;
    bottom: 0.25rem;
    margin-right: -0.25rem;
  }
}
.product__calc-item__title {
  display: block;
  line-height: 0.28rem;
  white-space: nowrap;
  margin-bottom: 0.06rem;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__title {
    line-height: 1.5;
    margin-bottom: 0.2rem;
  }
}
.product__calc-item__title-area {
  color: #292929;
  padding: 0 0.08rem;
  background: #ffecc8;
  vertical-align: top;
  border-radius: 0.04rem;
  display: inline-block;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__title-area {
    padding-left: 0.05rem;
    padding-right: 0.05rem;
  }
}
.product__calc-item__title-area sup {
  font-size: 70%;
  line-height: 1;
  margin-top: 0.05rem;
  vertical-align: top;
  display: inline-block;
}
.product__calc-item__price {
  color: #000;
  display: block;
  font-size: 0.3rem;
  font-weight: normal;
  white-space: nowrap;
  line-height: 0.39rem;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__price {
    font-size: 0.39rem;
    line-height: 0.73rem;
  }
}
.product__calc-item__price--small {
  font-size: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__price--small {
    font-size: 0.32rem;
  }
}
.product__calc-item__price sup {
  font-size: 60%;
  line-height: 1;
  vertical-align: top;
  display: inline-block;
}
.product__calc-item__input {
  width: 100%;
  display: block;
  color: #292929;
  height: 0.39rem;
  cursor: pointer;
  padding: 0 0.15rem;
  position: relative;
  background: #f9f9f9;
  border-radius: 0.04rem;
  border: 1px solid #dbdbdb;
  font: normal 0.14rem/calc(.39rem - 2px) "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__input {
    height: 0.73rem;
    background: #fff;
    font-size: 0.22rem;
    line-height: 0.69rem;
    border-width: 0.02rem;
  }
}
.product__calc-item__input:not([data-modal]) {
  cursor: auto;
}
.product__calc-item__input .icon-angle-down {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.3rem;
  display: flex;
  font-size: 0.14rem;
  position: absolute;
  text-align: center;
  font-style: normal;
  align-items: center;
  font-weight: normal;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__input .icon-angle-down {
    width: 0.5rem;
    color: #a3a3a3;
    font-size: 0.24rem;
  }
}
.product__calc-item__input.counter {
  padding-left: 0.36rem;
  padding-right: 0.36rem;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__input.counter {
    padding-left: 0.62rem;
    padding-right: 0.62rem;
  }
}
.product__calc-item__input.counter .counter__input {
  border: none;
  height: 0.37rem;
  background: none;
  font-size: inherit;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__input.counter .counter__input {
    height: 0.69rem;
  }
}
.product__calc-item__input.counter .counter__plus, .product__calc-item__input.counter .counter__minus {
  top: 0;
  bottom: 0;
  height: auto;
  border: none;
  width: 0.36rem;
  color: #8a8a8a;
  line-height: 1;
  background: none;
  border-radius: 0;
  font-size: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__input.counter .counter__plus, .product__calc-item__input.counter .counter__minus {
    width: 0.62rem;
    font-size: 0.16rem;
  }
}
.product__calc-item__input.counter .counter__plus.disabled, .product__calc-item__input.counter .counter__minus.disabled {
  opacity: 1;
  color: rgba(138, 138, 138, 0.5);
}
.product__calc-item__input.counter .counter__plus {
  right: 0;
  border-left: 1px solid #dbdbdb;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__input.counter .counter__plus {
    border-left-width: 0.02rem;
  }
}
.product__calc-item__input.counter .counter__minus {
  left: 0;
  border-right: 1px solid #dbdbdb;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__input.counter .counter__minus {
    border-right-width: 0.02rem;
  }
}
.product__calc-item__input sup {
  font-size: 65%;
  line-height: 1;
  margin: 1em 0 0;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (max-width: 750px) {
  .product__calc-item__input sup {
    margin-top: 1.4em;
  }
}
.product__parameters {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.28rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .product__parameters {
    display: block;
    margin-bottom: 0;
    position: relative;
  }
}
.product__parameters > .col-row {
  margin-left: -0.12rem;
  margin-right: -0.12rem;
  width: calc(100% + .24rem);
}
@media only screen and (max-width: 750px) {
  .product__parameters > .col-row {
    margin: 0;
    width: auto;
  }
}
.product__parameters > .col-row > .col {
  padding-left: 0.12rem;
  padding-right: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .product__parameters > .col-row > .col {
    padding: 0;
    margin-bottom: 0.4rem;
  }
  .product__parameters > .col-row > .col:last-child {
    padding-right: 0.6rem;
  }
}
.product__parameters > .tooltip {
  width: 0.2rem;
  flex-shrink: 0;
  margin-left: 0.1rem;
  margin-bottom: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .product__parameters > .tooltip {
    right: 0;
    margin: 0;
    width: auto;
    bottom: 0.6rem;
    position: absolute;
  }
}
.product__parameters__title {
  display: block;
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
  margin-bottom: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .product__parameters__title {
    color: #000;
    font-size: 0.22rem;
    line-height: 0.3rem;
    margin-bottom: 0.19rem;
  }
}
.product__select {
  color: #636363;
  line-height: 1.5;
  font-size: 0.13rem;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .product__select {
    font-size: 0.22rem;
  }
}
.product__select__selected {
  display: block;
  height: 0.41rem;
  color: #292929;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: #f9f9f9;
  white-space: nowrap;
  border-radius: 0.04rem;
  text-overflow: ellipsis;
  border: 1px solid #dbdbdb;
  padding: 0 0.24rem 0 0.14rem;
  line-height: calc(.41rem - 2px);
}
@media only screen and (max-width: 750px) {
  .product__select__selected {
    height: 0.79rem;
    padding-left: 0.23rem;
    padding-right: 0.6rem;
    line-height: calc(.79rem - 2px);
  }
}
.product__select__selected .icon-angle-down {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.32rem;
  display: flex;
  line-height: 1;
  font-size: 0.14rem;
  position: absolute;
  align-items: center;
  justify-content: center;
  transition: transform 0.35s ease, padding 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product__select__selected .icon-angle-down {
    width: 0.6rem;
    color: #6f6f6f;
    font-size: 0.3rem;
  }
}
.product__select.open .product__select__selected .icon-angle-down {
  padding-bottom: 0.03rem;
  transform: rotate(180deg);
}
.product__select__dropdown {
  opacity: 0;
  z-index: 100;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  background: #fff;
  position: absolute;
  margin-top: 0.07rem;
  border-radius: 0.04rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.14);
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product__select__dropdown {
    margin-top: 0.1rem;
  }
}
.product__select.open .product__select__dropdown {
  left: 0;
  right: 0;
  top: 100%;
  opacity: 1;
  transition: opacity 0.35s ease;
}
.product__select__dropdown .scroll-cover {
  max-height: 2.6rem;
}
@media only screen and (max-width: 750px) {
  .product__select__dropdown .scroll-cover {
    max-height: 3.6rem;
  }
}
@media only screen and (min-width: 751px) {
  .product__select__dropdown--wide {
    right: auto;
    width: 5.68rem;
    padding: 0.22rem 0.1rem;
  }
}
.product__select__dropdown--wide .ps__rail-y {
  right: 0.2rem !important;
}
@media only screen and (min-width: 751px) {
  .product__select.open .product__select__dropdown--wide {
    right: auto;
  }
}
@media only screen and (min-width: 751px) {
  .product__select__dropdown--wide .scroll-cover {
    max-height: 3rem;
  }
}
@media only screen and (min-width: 751px) {
  .product__select__dropdown--wide .product__select__dropdown-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 751px) {
  .product__select__dropdown--wide .product__select__dropdown-list__item {
    width: 50%;
  }
}
@media only screen and (min-width: 751px) {
  .product__select__dropdown--medium {
    right: auto;
    width: 2.13rem;
  }
}
@media only screen and (min-width: 751px) {
  .product__select.open .product__select__dropdown--medium {
    right: auto;
    left: -0.19rem;
  }
}
.product__select__dropdown-close {
  top: 0.14rem;
  z-index: 50;
  right: 0.14rem;
  color: #b7b7b7;
  line-height: 1;
  cursor: pointer;
  font-size: 0.13rem;
  position: absolute;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product__select__dropdown-close {
    font-size: 0.2rem;
  }
}
.product__select__dropdown-close:hover {
  color: #9e9e9e;
}
.product__select__dropdown-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product__parameters-control {
  display: block;
  color: #636363;
  position: relative;
  padding: 0.08rem 0.2rem;
}
.product__parameters-control__input {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-appearance: none;
}
.product__parameters-control__input:hover + .product__parameters-control__text {
  color: #292929;
}
.product__parameters-control__input:checked + .product__parameters-control__text {
  color: #292929;
  font-weight: bold;
}
.product__parameters-control__input:checked + .product__parameters-control__text .product__parameters-control__img:after {
  opacity: 1;
}
.product__parameters-control__input:disabled {
  cursor: default;
}
.product__parameters-control__input:disabled + .product__parameters-control__text {
  color: #aeaeae;
}
.product__parameters-control__text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: color 0.35s ease;
  justify-content: flex-start;
}
.product__parameters-control__img {
  width: 0.35rem;
  height: 0.22rem;
  flex-shrink: 0;
  position: relative;
  margin-right: 0.13rem;
}
@media only screen and (max-width: 750px) {
  .product__parameters-control__img {
    width: 0.46rem;
    height: 0.3rem;
  }
}
.product__parameters-control__img:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  content: "";
  position: absolute;
  transition: opacity 0.35s ease;
  border: 0.02rem solid #cf2c2f;
  box-shadow: inset 0 0 0 0.02rem #fff;
}
.product__parameters-control__img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.product__parameters-control .tooltip {
  margin-top: -0.01rem;
}
.product__specifications {
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .product__specifications {
    font-size: 0.2rem;
    line-height: 1.5;
    margin-bottom: 0.22rem;
    letter-spacing: 0.02em;
  }
}
.product__specifications__all {
  color: #cf2c2f;
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.product__specifications__all:hover {
  color: #ad0e27;
}
.product__specifications-title {
  display: block;
  color: #292929;
  line-height: 1.2;
  font-size: 0.14rem;
  font-weight: normal;
  margin-bottom: 0.15rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .product__specifications-title {
    font-size: 0.2rem;
    font-weight: bold;
    margin-bottom: 0.35rem;
  }
}
.product__specifications-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: flex-start;
  margin: 0 -0.24rem 0.07rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product__specifications-list {
    margin-bottom: 0.12rem;
  }
}
.product__specifications-list__item {
  width: 50%;
  padding: 0 0.24rem;
  position: relative;
  margin-bottom: 0.05rem;
}
.product__specifications-list__item--full-width {
  width: 100%;
  color: #636363;
  margin-bottom: 0.1rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .product__specifications-list__item--full-width {
    font-size: 0.2rem;
    line-height: 0.3rem;
    margin-bottom: 0.18rem;
  }
}
@media only screen and (min-width: 751px) {
  .product__specifications-list__item--full-width .product__specification__title {
    width: 52%;
  }
}
@media only screen and (min-width: 751px) {
  .product__specifications-list__item--full-width .product__specification__value {
    width: 48%;
  }
}
@media only screen and (min-width: 751px) {
  .product__specifications-list__item--full-width .product__specification__value span {
    display: block;
  }
}
.product__specifications-list__item .tooltip {
  top: 0;
  left: 100%;
  position: absolute;
  margin-left: -0.16rem;
}
.product__specification {
  padding: 0;
  display: flex;
  margin: 0 -0.1rem;
  position: relative;
  align-items: flex-end;
  justify-content: space-between;
}
.product__specification:after {
  content: "";
  left: 0.1rem;
  right: 0.1rem;
  bottom: 0.02rem;
  position: absolute;
  border-bottom: 1px dotted #bebebe;
}
.product__specification__title, .product__specification__value {
  margin: 0;
  padding: 0 0.1rem;
}
.product__specification__title span, .product__specification__value span {
  z-index: 5;
  background: #fff;
  position: relative;
  vertical-align: top;
  display: inline-block;
}
.product__specification__title span {
  padding-right: 0.1rem;
}
.product__specification__value span {
  padding-left: 0.1rem;
}
.product__msg {
  color: #292929;
  font-size: 0.12rem;
  line-height: 0.2rem;
  vertical-align: top;
  background: #ffecc8;
  white-space: nowrap;
  padding: 0.05rem 0.1rem;
  display: inline-block;
  border-radius: 0.04rem;
  margin: 0 0.1rem 0.2rem 0;
  transition: opacity 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .product__buy-panel__controls + .product__msg {
    margin-top: -0.05rem;
  }
}
.basket-item--disabled .product__msg {
  opacity: 0.5;
}
@media only screen and (max-width: 750px) {
  .product__msg {
    font-size: 0.1898rem;
    line-height: 0.36rem;
    margin-bottom: 0.3rem;
    letter-spacing: 0.01em;
    padding: 0.05rem 0.15rem 0.06rem;
  }
}
.product__msg sup {
  font-size: 65%;
  line-height: 1.8;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (max-width: 750px) {
  .product__msg sup {
    margin-top: 0.02rem;
  }
}

.product-visual {
  width: 5.6rem;
  flex-shrink: 0;
  position: relative;
  margin: 0 0.4rem 0 0;
  padding: 0.51rem 0 0;
}
@media only screen and (min-width: 751px) {
  .product-visual--wide {
    width: 6.02rem;
    margin-right: 0.55rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-visual {
    width: auto;
    margin: 0 0 0.3rem;
    padding: 0.46rem 0 0.41rem;
    border-bottom: 0.02rem solid #ededed;
  }
}
.product-visual .product-item__badges {
  top: 0.08rem;
}
@media only screen and (max-width: 750px) {
  .product-visual .product-item__badges {
    top: -0.14rem;
    flex-direction: column;
  }
}
@media only screen and (max-width: 750px) {
  .product-visual .product-item__badge-item {
    margin-bottom: 0.16rem;
  }
}
.product-visual__control-panel:after {
  content: "";
  clear: both;
  display: block;
}
.product-visual__control-panel--with-3d {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}
.product-visual__control-panel--with-3d .product-visual__controls {
  float: none;
  margin-left: 0.44rem;
  margin-right: -0.15rem;
}
.product-visual__controls {
  padding: 0;
  float: right;
  display: flex;
  list-style: none;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -0.02rem 0.06rem 0 -0.07rem;
}
.product-visual__controls__item {
  margin: 0 0.1rem;
}
.product-visual__control {
  display: block;
  color: #919191;
  line-height: 1.2;
  font-size: 0.11rem;
  text-align: center;
  font-weight: normal;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: color 0.35s ease;
}
.product-visual__control:hover {
  color: #cf2c2f;
}
.product-visual__control:hover .product-visual__control__icon {
  color: #cf2c2f;
}
.product-visual__control__icon {
  width: 0.4rem;
  display: flex;
  height: 0.4rem;
  color: #a0a0a0;
  align-items: center;
  margin: 0 auto 0.08rem;
  justify-content: center;
  transition: color 0.35s ease;
}
.product-visual__control--video .product-visual__control__icon {
  border-radius: 50%;
  border: 0.02rem solid rgba(192, 192, 192, 0.5);
}
.product-visual__control__icon .icon-video {
  left: 0.02rem;
  display: block;
  position: relative;
  border-left: 0.1rem solid;
  border-top: 0.07rem solid transparent;
  border-bottom: 0.07rem solid transparent;
}
.product-visual__brand-logo {
  right: 0;
  top: 0.1rem;
  z-index: 15;
  opacity: 0.53;
  position: absolute;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-visual__brand-logo {
    top: 0.5rem;
    right: 0.05rem;
  }
}
.product-visual__brand-logo:hover {
  opacity: 1;
}
.product-visual__brand-logo img {
  display: block;
}

.product-description {
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .product-description {
    width: auto;
    position: static;
  }
}

.product-slider-holder {
  position: relative;
}

.product-slider {
  margin: 0 0 0.62rem;
  position: relative;
  padding: 0 0.33rem 0 0.32rem;
}
@media only screen and (max-width: 750px) {
  .product-slider {
    margin: 0;
    padding: 0;
  }
}
.product-slider:not(.slick-slider) .product-slider__item:not(:first-child) {
  display: none;
}
@media only screen and (max-width: 750px) {
  .product-slider .slick-list {
    margin: 0 -0.4rem;
  }
}
.product-slider .slick-arrow {
  opacity: 0.43;
  width: 0.3rem;
  height: 0.3rem;
  color: #4f4f4f;
  line-height: 1;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: 0.3rem;
  margin-top: -0.02rem;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-slider .slick-arrow {
    display: none !important;
  }
}
.product-slider .slick-arrow:hover {
  opacity: 1;
  color: #4f4f4f;
  background: none;
}
.product-slider .slick-prev {
  left: -0.1rem;
}
.product-slider .slick-prev i {
  transform: rotate(90deg);
}
.product-slider .slick-next {
  right: -0.1rem;
}
.product-slider .slick-next i {
  transform: rotate(-90deg);
}
@media only screen and (max-width: 750px) {
  .product-slider__item {
    padding: 0 0.4rem;
  }
}
.product-slider__img {
  display: block;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .product-slider__img {
    margin: 0 auto;
    max-width: 5.65rem;
  }
}
.product-slider__img:before {
  content: "";
  display: block;
  padding-top: 68.2828%;
}
.product-slider__img img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
}
@media only screen and (min-width: 751px) {
  .gallery-modal .product-slider__img img {
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90%;
    transform: translate(-50%, -50%);
  }
}
.product-slider__zoom-title {
  top: 50%;
  left: 50%;
  opacity: 0;
  color: #fff;
  z-index: 50;
  display: flex;
  height: 0.32rem;
  width: 1.26rem;
  cursor: pointer;
  line-height: 1.5;
  font-size: 0.11rem;
  position: absolute;
  text-align: center;
  align-items: center;
  margin: 0 0 0 -0.63rem;
  border-radius: 0.16rem;
  justify-content: center;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.72);
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-slider__zoom-title {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    opacity: 1;
    width: auto;
    height: auto;
    overflow: hidden;
    text-align: left;
    border-radius: 0;
    background: none;
    text-indent: -9999px;
  }
}
@media only screen and (min-width: 751px) {
  .product-slider__img:hover .product-slider__zoom-title {
    opacity: 1;
  }
}
.product-slider__zoom-title i {
  margin-right: 0.09rem;
}
@media only screen and (max-width: 750px) {
  .product-slider__zoom-title i {
    margin: 0;
    display: none;
  }
}
.product-slider__video-icon {
  top: 50%;
  left: 50%;
  z-index: 75;
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 50%;
  position: absolute;
  margin: -0.44rem 0 0 -0.44rem;
}
@media only screen and (max-width: 750px) {
  .product-slider__video-icon .video-icon {
    width: 0.88rem;
    height: 0.88rem;
    display: block;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
  }
  .product-slider__video-icon .video-icon:before {
    top: 50%;
    left: 50%;
    content: "";
    position: absolute;
    margin-top: -0.16rem;
    margin-left: -0.09rem;
    border-left: 0.26rem solid #e4373a;
    border-top: 0.16rem solid transparent;
    border-bottom: 0.16rem solid transparent;
  }
}
.product-slider__controls {
  color: #919191;
  font-size: 0.28rem;
  position: relative;
  text-align: center;
  line-height: 0.32rem;
  padding: 0.35rem 1.4rem;
  border-top: 1px solid #cbcbcb;
}
.product-slider__controls__prev, .product-slider__controls__next {
  top: 0;
  bottom: 0;
  display: flex;
  color: #919191;
  width: 1.32rem;
  line-height: 1;
  cursor: pointer;
  font-size: 0.34rem;
  position: absolute;
  align-items: center;
  justify-content: center;
}
.product-slider__controls__prev i, .product-slider__controls__next i {
  display: block;
}
.product-slider__controls__prev {
  left: 0;
}
.product-slider__controls__prev i {
  transform: rotate(180deg);
}
.product-slider__controls__next {
  right: 0;
}

.product-switcher-holder {
  display: flex;
  position: relative;
  justify-content: center;
}

.product-switcher {
  width: 4.16rem;
  margin: 0 -0.1rem;
}
.product-switcher--small {
  width: 3.12rem;
}
.product-switcher:not(.slick-slider) {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.product-switcher:not(.slick-slider) .product-switcher__item:nth-child(3) ~ .product-switcher__item {
  display: none;
}
.product-switcher .slick-arrow {
  opacity: 0.43;
  width: 0.2rem;
  height: 0.2rem;
  color: #4f4f4f;
  line-height: 1;
  font-size: 0.2rem;
  border-radius: 0;
  background: none;
  box-shadow: none;
  margin-top: -0.1rem;
  transition: opacity 0.35s ease;
}
.product-switcher .slick-arrow:hover {
  opacity: 1;
  color: #4f4f4f;
  background: none;
}
.product-switcher .slick-prev {
  left: -0.25rem;
}
.product-switcher .slick-prev i {
  transform: rotate(90deg);
}
.product-switcher .slick-next {
  right: -0.25rem;
}
.product-switcher .slick-next i {
  transform: rotate(-90deg);
}
.product-switcher .slick-list {
  margin: -0.05rem;
  padding: 0.05rem;
}
.product-switcher__item {
  opacity: 0.7;
  width: 33.3333%;
  cursor: pointer;
  padding: 0 0.1rem;
  position: relative;
  transition: opacity 0.35s ease;
}
.product-switcher__item:before {
  content: "";
  display: block;
  padding: 65.4761% 0 0;
}
.product-switcher__item:after {
  content: "";
  top: -0.05rem;
  left: 0.05rem;
  right: 0.05rem;
  bottom: -0.05rem;
  position: absolute;
  border: 1px solid transparent;
  transition: border-color 0.35s ease;
}
.product-switcher__item:hover, .product-switcher__item.slick-current {
  opacity: 1;
}
.product-switcher__item.slick-current:after {
  border-color: #cf2c2f;
}
.product-switcher__item img {
  top: 0;
  left: 0.1rem;
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: calc(100% - .2rem);
}

.product-rating {
  display: flex;
  color: #636363;
  line-height: 1.2;
  font-size: 0.13rem;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product-rating {
    right: 0;
    top: 100%;
    line-height: 1.5;
    font-size: 0.22rem;
    position: absolute;
    margin-top: 0.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-rating .rating-list {
    margin-top: 0.02rem;
  }
}
.product-rating__item {
  margin: 0 0.1rem;
}
@media only screen and (max-width: 750px) {
  .product-rating__item {
    margin-right: 0;
    margin-left: 0.14rem;
  }
}
.product-rating__item--share {
  margin-left: 0.18rem;
}
@media only screen and (max-width: 750px) {
  .product-rating__item--share {
    margin: 0;
    right: 0.4rem;
    position: absolute;
  }
  .product-rating__item--share:after {
    top: 0;
    bottom: 0;
    right: 100%;
    content: "";
    width: 0.32rem;
    position: absolute;
    margin-right: 0.12rem;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  }
}
.product-rating__link {
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px dotted #c5c5c5;
  transition: border-bottom-color 0.35s ease;
}
.product-rating__link:hover {
  border-bottom-color: transparent;
}

.rating-list {
  padding: 0;
  display: flex;
  color: #dd7375;
  line-height: 1;
  list-style: none;
  font-size: 0.15rem;
  align-items: center;
  margin: 0 -0.02rem 0.03rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .rating-list {
    font-size: 0.21rem;
    margin: 0 -0.03rem;
  }
}

.rating-star {
  margin: 0 0.02rem;
}
@media only screen and (max-width: 750px) {
  .rating-star {
    margin: 0 0.03rem;
  }
}
.rating-star i {
  display: block;
}

.product-info-panel {
  display: flex;
  position: relative;
  align-items: center;
  padding-top: 0.04rem;
  margin-bottom: 0.16rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .product-info-panel {
    display: block;
    padding-top: 0.36rem;
    margin-bottom: 0.25rem;
    border-top: 1px solid #ededed;
  }
}

@media only screen and (max-width: 750px) {
  .product-share {
    top: 0.36rem;
    right: 0.4rem;
    position: absolute;
  }
}
.product-share__link {
  display: flex;
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
.product-share__link:hover {
  color: #000;
}
.product-share__link:hover i {
  opacity: 1;
}
@media only screen and (max-width: 750px) {
  .product-share__link:hover i {
    color: #000;
  }
}
.product-share__link i {
  opacity: 0.61;
  line-height: 1;
  color: #919191;
  font-size: 0.17rem;
  vertical-align: top;
  margin-right: 0.1rem;
  display: inline-block;
  transition: opacity 0.35s ease, color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-share__link i {
    margin: 0;
    opacity: 1;
    color: #404040;
    font-size: 0.37rem;
  }
}

.product-controls-list {
  display: flex;
  color: #636363;
  list-style: none;
  margin: 0 -0.14rem;
  font-size: 0.13rem;
  align-items: center;
  line-height: 0.2rem;
  padding: 0 0 0 0.2rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product-controls-list {
    line-height: 1.4;
    font-size: 0.22rem;
    position: relative;
    margin-top: -0.1rem;
    padding: 0.39rem 0 0;
    margin-bottom: 0.4rem;
    justify-content: space-between;
  }
  .product-controls-list:before {
    top: 0;
    content: "";
    left: 0.14rem;
    right: 0.14rem;
    position: absolute;
    border-top: 1px solid #ededed;
  }
}
.product-controls-list__item {
  margin: 0 0.14rem;
  position: relative;
}
.product-controls-list__link {
  display: flex;
  cursor: pointer;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .product-controls-list__link:hover {
    color: #000;
  }
}
.product-controls-list__item--active .product-controls-list__link {
  color: #000;
}
.product-controls-list__link__icon {
  line-height: 1;
  color: #a9a9a9;
  font-size: 0.14rem;
  margin-right: 0.1rem;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-controls-list__link__icon {
    font-size: 0.22rem;
  }
}
@media only screen and (min-width: 751px) {
  .product-controls-list__link:hover .product-controls-list__link__icon {
    color: var(--icons-sub-color);
  }
}
.product-controls-list__item--active .product-controls-list__link__icon {
  color: var(--icons-sub-color);
}
.product-controls-list__link__icon svg {
  width: 0.25rem;
  height: 0.14rem;
  fill: #a9a9a9;
  transition: fill 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-controls-list__link__icon svg {
    width: 0.2rem;
    height: 0.22rem;
  }
}
@media only screen and (min-width: 751px) {
  .product-controls-list__link:hover .product-controls-list__link__icon svg {
    fill: var(--icons-sub-color);
  }
}
.product-controls-list__item--active .product-controls-list__link__icon svg {
  fill: var(--icons-sub-color);
}
.product-controls-list__item--active .product-controls-list__link__icon svg use:not(.active) {
  display: none;
}
.product-controls-list__item:not(.product-controls-list__item--active) .product-controls-list__link__icon svg use.active {
  display: none;
}
.product-controls-list__link__icon .icon-heart {
  top: 1px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .product-controls-list__link__text {
    border-bottom: 1px dotted rgba(145, 145, 145, 0.76);
  }
}
.product-controls-list__item:not(.product-controls-list__item--active) .product-controls-list__link__text:before {
  content: attr(data-default);
}
.product-controls-list__item--active .product-controls-list__link__text:before {
  content: attr(data-active);
}
.product-controls-list__tooltip {
  opacity: 0;
  z-index: 250;
  color: #fff;
  left: -9999px;
  bottom: 9999px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0;
  position: absolute;
  font-size: 0.13rem;
  white-space: nowrap;
  background: #292929;
  margin-left: -0.2rem;
  margin-bottom: 0.17rem;
  padding: 0.17rem 0.2rem;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-controls-list__tooltip {
    margin: 0;
    z-index: 1000;
    right: 9999px;
    position: fixed;
    line-height: 1.4;
    text-align: center;
    font-size: 0.22rem;
    font-weight: normal;
    padding: 0.24rem 0.4rem 0.4rem;
    background: rgba(34, 34, 34, 0.96);
  }
}
@media only screen and (min-width: 751px) {
  .product-controls-list__item--active:hover .product-controls-list__tooltip {
    left: 0;
    opacity: 1;
    bottom: 100%;
    transition: opacity 0.35s ease;
  }
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
  .product-controls-list__item--active:hover .product-controls-list__tooltip {
    right: 0;
    bottom: 0;
  }
}
.product-controls-list__item.show-tooltip .product-controls-list__tooltip {
  left: 0;
  opacity: 1;
  bottom: 100%;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-controls-list__item.show-tooltip .product-controls-list__tooltip {
    right: 0;
    bottom: 0;
  }
}
.product-controls-list__tooltip:before {
  top: 100%;
  content: "";
  left: 0.21rem;
  position: absolute;
  border-top: 0.08rem solid #292929;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
}
@media only screen and (max-width: 750px) {
  .product-controls-list__tooltip:before {
    display: none;
  }
}
.product-controls-list__tooltip a {
  color: #dd7375;
  font-weight: normal;
  vertical-align: top;
  display: inline-block;
  transition: border-color 0.35s ease;
  border-bottom: 1px solid #dd7375;
}
.product-controls-list__tooltip a:hover {
  color: #dd7375;
  border-bottom-color: transparent;
}
.product-controls-list__tooltip p {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .product-controls-list__tooltip p {
    margin-bottom: 0.24rem;
  }
}
.product-controls-list__tooltip p:not(:first-child) {
  margin-top: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .product-controls-list__tooltip p:not(:first-child) {
    margin-top: 0.16rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-controls-list__tooltip .btn {
    height: 0.8rem;
    border-radius: 0.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-controls-list__tooltip .btn-panel {
    margin-bottom: -0.2rem;
  }
}

.product-description-section {
  background: #fff;
}
.product-description-section h3 {
  color: #000;
  margin-top: 0;
  line-height: 1.2;
  font-weight: 600;
  font-size: 0.22rem;
  margin-bottom: 0.42rem;
}
@media only screen and (max-width: 750px) {
  .product-description-section h3 {
    font-size: 0.3rem;
  }
}
.product-description-section .tab-body {
  padding-top: 0.42rem;
  padding-bottom: 0.3rem;
}
@media only screen and (max-width: 750px) {
  .product-description-section .tab-body {
    padding-top: 0.45rem;
  }
}
.product-description-section .paging {
  margin-bottom: 0.3rem;
}
@media only screen and (min-width: 751px) {
  .product-description-section .catalog-list {
    margin: 0 0 0.14rem;
    border-style: solid;
    border-color: #efefef;
    border-width: 1px 0 0 1px;
  }
}
@media only screen and (min-width: 751px) {
  .product-description-section .catalog-list .product-item {
    border-right: 1px solid #efefef;
  }
}
.product-description-section .msg {
  display: flex;
  background: #f1f1f1;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0.3rem -0.41rem 0.32rem;
  padding: 0.31rem 0.41rem 0.23rem;
}
@media only screen and (max-width: 750px) {
  .product-description-section .msg {
    margin-top: 0.4rem;
    letter-spacing: 0;
    font-size: 0.196rem;
    padding-top: 0.44rem;
    line-height: 0.336rem;
    margin-bottom: 0.38rem;
    padding-bottom: 0.326rem;
  }
}
.product-description-section .msg__icon {
  flex-shrink: 0;
  min-width: 0.46rem;
  margin-top: 0.08rem;
  margin-right: 0.33rem;
}
@media only screen and (max-width: 750px) {
  .product-description-section .msg__icon {
    width: 0.66rem;
    margin-right: 0.24rem;
  }
}
.product-description-section .msg__icon img, .product-description-section .msg__icon svg {
  margin: 0 auto;
  display: block;
}
.product-description-section .msg__icon svg {
  fill: #a1a1a1;
}
.product-description-section .msg ul, .product-description-section .msg ol {
  margin-top: -0.04rem;
  margin-bottom: 0.11rem;
}
@media only screen and (max-width: 750px) {
  .product-description-section .msg ul, .product-description-section .msg ol {
    margin-top: 0;
    margin-bottom: 0.3rem;
  }
}
.product-description-section .msg ul > li:not(:first-child), .product-description-section .msg ol > li:not(:first-child) {
  margin-top: 0.184rem;
}
.product-description-section .msg p {
  margin-bottom: 0.11rem;
}
@media only screen and (max-width: 750px) {
  .product-description-section .msg p {
    margin-bottom: 0.184rem;
  }
}

@media only screen and (max-width: 750px) {
  .tab-controls-holder {
    position: relative;
  }
  .tab-controls-holder:after, .tab-controls-holder:before {
    top: 0;
    bottom: 0;
    content: "";
    z-index: 25;
    opacity: 0.7;
    width: 0.35rem;
    position: absolute;
    pointer-events: none;
    transition: opacity 0.35s ease;
    background: linear-gradient(to right, rgba(200, 200, 200, 0), #c8c8c8);
  }
  .tab-controls-holder:after {
    right: 0;
  }
  .tab-controls-holder.at-end:after {
    opacity: 0;
  }
  .tab-controls-holder:before {
    left: 0;
    transform: rotate(180deg);
  }
  .tab-controls-holder.at-start:before {
    opacity: 0;
  }
}

.product-tab-controls {
  padding: 0;
  display: flex;
  color: #404040;
  list-style: none;
  margin: 0 -0.29rem;
  font-size: 0.16rem;
  position: relative;
  line-height: 0.21rem;
  background: #f5f5f5;
  white-space: nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (min-width: 751px) {
  .product-tab-controls {
    z-index: 10;
  }
}
@media only screen and (max-width: 750px) {
  .product-tab-controls {
    margin: 0 -0.4rem;
    padding: 0 0.4rem;
    overflow-x: auto;
    font-size: 0.24rem;
    overflow-y: hidden;
    background: #f9f9f9;
    line-height: 0.34rem;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (min-width: 751px) {
  .product-tab-controls:after {
    top: 0;
    bottom: 0;
    left: 50%;
    content: "";
    width: 100vw;
    z-index: -10;
    position: absolute;
    margin-left: -50vw;
    background: #f5f5f5;
  }
}
.product-tab-controls .default-tab-controls__slide {
  bottom: 0;
  z-index: 50;
  height: 0.03rem;
  position: absolute;
  background: #cf2c2f;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-tab-controls .default-tab-controls__slide {
    display: none;
  }
}
.product-tab-controls__item {
  padding: 0 0.29rem;
}
@media only screen and (max-width: 750px) {
  .product-tab-controls__item {
    padding: 0 0.26rem;
  }
  .product-tab-controls__item:first-child {
    padding-left: 0;
  }
  .product-tab-controls__item:nth-last-child(-n+2) {
    padding-right: 0.4rem;
  }
}
.product-tab-controls__link {
  display: block;
  padding: 0.25rem 0.09rem;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-tab-controls__link {
    z-index: 50;
    position: relative;
    padding: 0.5rem 0 0.47rem;
    border-bottom: 0.03rem solid transparent;
    transition: color 0.35s ease, border-color 0.35s ease;
  }
  .product-tab-controls__item.active .product-tab-controls__link {
    border-bottom-color: #cf2c2f;
  }
}
.product-tab-controls__link:hover, .product-tab-controls__item.active .product-tab-controls__link {
  color: #cf2c2f;
}
.product-tab-controls__link:hover .product-tab-controls__link-number, .product-tab-controls__item.active .product-tab-controls__link .product-tab-controls__link-number {
  color: #ad0e27;
}
.product-tab-controls__link-number {
  transition: color 0.35s ease;
}
.product-tab-controls__prev, .product-tab-controls__next {
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  z-index: 75;
  width: 0.4rem;
  display: flex;
  line-height: 1;
  cursor: pointer;
  background: #fff;
  font-size: 0.18rem;
  position: absolute;
  color: #cf2c2f;
  border-width: 1px 0;
  border-style: solid;
  align-items: center;
  border-color: #f9f9f9;
  justify-content: center;
  -webkit-appearance: none;
  transition: color 0.35s ease, opacity 0.35s ease;
}
.product-tab-controls__prev.disabled, .product-tab-controls__next.disabled {
  opacity: 0;
}
.product-tab-controls__prev:hover, .product-tab-controls__next:hover {
  color: #ad0e27;
}
@media only screen and (min-width: 751px) {
  .product-tab-controls__prev, .product-tab-controls__next {
    display: none;
  }
}
.product-tab-controls__prev {
  left: -0.4rem;
}
.tab-controls-holder.at-start .product-tab-controls__prev {
  opacity: 0;
  pointer-events: none;
}
.product-tab-controls__prev i {
  transform: rotate(-180deg);
}
.product-tab-controls__next {
  right: -0.4rem;
}
.tab-controls-holder.at-end .product-tab-controls__next {
  opacity: 0;
  pointer-events: none;
}

.product-description-tab {
  display: flex;
  padding-bottom: 0.4rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product-description-tab {
    padding: 0;
    font-size: 0.22rem;
    line-height: 0.34rem;
    flex-direction: column;
    padding-bottom: 0.11rem;
  }
  .product-description-tab.m-reverse {
    flex-direction: column-reverse;
  }
  .product-description-tab.m-reverse .product-description-sidebar {
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
  }
}
.product-description-tab h3 {
  margin-bottom: 0.22rem;
}
@media only screen and (max-width: 750px) {
  .product-description-tab h3 {
    margin-bottom: 0.17rem;
  }
}
.product-description-tab__content {
  width: 100%;
}
.product-description-tab .description {
  color: #404040;
  margin-bottom: 0.44rem;
  letter-spacing: -0.005em;
}
@media only screen and (max-width: 750px) {
  .product-description-tab .description {
    text-align: justify;
  }
}
.product-description-tab .description p {
  margin-bottom: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .product-description-tab .description p {
    margin-bottom: 0.34rem;
  }
}

.full-specifications {
  font-size: 0.14rem;
  line-height: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .full-specifications {
    font-size: 0.22rem;
    line-height: 0.36rem;
  }
}
.full-specifications__all {
  color: #cf2c2f;
  vertical-align: top;
  display: inline-block;
  letter-spacing: 0.02em;
  transition: color 0.35s ease;
}
.full-specifications__all:hover {
  color: #ad0e27;
}

.full-specifications-list {
  padding: 0;
  list-style: none;
  margin: 0 0 0.19rem;
}
@media only screen and (max-width: 750px) {
  .full-specifications-list {
    margin-bottom: 0.27rem;
  }
}
.full-specifications-list__item {
  border-bottom: 1px solid #f3f3f3;
}
@media only screen and (max-width: 750px) {
  .full-specifications-list__item {
    border-bottom-width: 0.02rem;
  }
}

.specification-item {
  display: flex;
  margin: 0 -0.15rem;
  align-items: flex-end;
  padding: 0.15rem 0 0.14rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .specification-item {
    padding: 0.19rem 0 0.18rem;
  }
}
@media only screen and (min-width: 751px) {
  .specification-item--tall {
    padding: 0.2rem 0 0.19rem;
  }
}
@media only screen and (min-width: 751px) {
  .specification-item--small {
    padding: 0.05rem 0 0.05rem;
  }
}
@media only screen and (max-width: 750px) {
  .specification-item--tall {
    padding: 0.23rem 0;
  }
}
.specification-item__title, .specification-item__value {
  padding: 0 0.15rem;
}
.specification-item__value {
  max-width: 55%;
  text-align: right;
}
.specification-item a {
  border-bottom: 1px solid #c5c5c5;
  transition: color 0.35s ease, border-color 0.35s ease;
}
.specification-item a:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}

.product-description-sidebar {
  flex-shrink: 0;
  width: 3.71rem;
  margin-left: 1rem;
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar {
    width: 100%;
    margin: 0.5rem 0 0;
  }
}
.product-description-sidebar__item {
  background: #f9f9f9;
  margin-bottom: 0.3rem;
  border-radius: 0.04rem;
  border: 1px solid #f0f0f0;
  padding: 0.3rem 0.3rem 0.35rem;
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar__item {
    margin-bottom: 0.43rem;
    padding: 0.45rem 0.5rem;
  }
}
.shipping-description-sidebar__item {
  background: #ffffff;
}
.product-description-sidebar__item-title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.22rem;
  font-weight: normal;
  margin-bottom: 0.25rem;
  letter-spacing: -0.01rem;
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar__item-title {
    font-size: 0.28rem;
    margin-bottom: 0.4rem;
  }
}
.product-description-sidebar__msg {
  display: flex;
  color: #404040;
  font-size: 0.14rem;
  line-height: 0.22rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar__msg {
    font-size: 0.196rem;
    line-height: 0.308rem;
  }
}
.product-description-sidebar__msg p {
  margin: 0;
}
.product-description-sidebar__msg-icon {
  width: 0.27rem;
  flex-shrink: 0;
  margin-top: 0.05rem;
  margin-right: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar__msg-icon {
    width: 0.38rem;
    margin-right: 0.28rem;
  }
}
.product-description-sidebar__msg-icon svg {
  width: 100%;
  fill: #a5a5a5;
  display: block;
}
.product-description-sidebar .article-item {
  margin-bottom: 0;
}
.product-description-sidebar .article-item:not(:first-of-type) .article-item__inner {
  border-top: none;
}
.product-description-sidebar .article-item__inner {
  box-shadow: none;
  border: 1px solid #ededed;
}
@media only screen and (min-width: 751px) {
  .product-description-sidebar .article-item__inner {
    padding-left: 0.16rem;
    padding-right: 0.16rem;
    padding-bottom: 0.15rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar .article-item__inner {
    border-width: 0.02rem;
    padding-bottom: 0.39rem;
  }
}
@media only screen and (min-width: 751px) {
  .product-description-sidebar .article-item__body {
    min-height: 0.66rem;
    margin-bottom: 0.28rem;
  }
}
.product-description-sidebar .video-item {
  margin: 0.29rem 0;
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar .video-item {
    margin: 0.6rem 0;
  }
}
.product-description-sidebar .video-item__inner {
  box-shadow: none;
  border: 1px solid #ededed;
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar .video-item__inner {
    border-width: 0.02rem;
  }
}
.product-description-sidebar .video-item__visual:before {
  padding-top: 55.7065%;
}
@media only screen and (min-width: 751px) {
  .product-description-sidebar .video-item__description {
    padding: 0.13rem 0.2rem 0.17rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar .video-item__description {
    padding: 0.32rem 0.36rem 0.3rem;
  }
}
@media only screen and (min-width: 751px) {
  .product-description-sidebar .video-item__date {
    margin-bottom: 0.1rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar .video-item__date {
    font-size: 0.2rem;
    line-height: 1.2;
    margin-bottom: 0.2rem;
  }
}
@media only screen and (min-width: 751px) {
  .product-description-sidebar .video-item__title {
    font-size: 0.14rem;
    line-height: 0.22rem;
    font-weight: normal;
  }
}
.product-description-sidebar .video-item__video-icon {
  opacity: 0.98;
}
@media only screen and (min-width: 751px) {
  .product-description-sidebar .video-item__video-icon {
    width: 0.66rem;
    height: 0.66rem;
    margin: -0.33rem 0 0 -0.33rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-description-sidebar .video-item__video-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin: -0.6rem 0 0 -0.6rem;
  }
}
@media only screen and (min-width: 751px) {
  .product-description-sidebar .video-item__video-icon:after {
    margin-top: -0.12rem;
    margin-left: -0.07rem;
    border-left-width: 0.2rem;
    border-top-width: 0.12rem;
    border-bottom-width: 0.12rem;
  }
}

.documents-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.document-item {
  display: flex;
  color: #292929;
  line-height: 1.5;
  margin-top: 0.3rem;
  font-size: 0.14rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .document-item {
    margin-top: 0.41rem;
    font-size: 0.22rem;
    line-height: 0.294rem;
  }
}
.document-item:first-child {
  margin-top: 0;
}
.document-item__icon {
  color: #f56a56;
  flex-shrink: 0;
  font-size: 0.27rem;
  margin-left: 0.04rem;
  margin-right: 0.17rem;
}
@media only screen and (max-width: 750px) {
  .document-item__icon {
    margin-left: 0;
    font-size: 0.37rem;
    margin-top: 0.1rem;
    margin-top: 0.08rem;
    margin-right: 0.28rem;
  }
}
.document-item__icon i {
  display: block;
}
.document-item__title {
  display: block;
}
.document-item__title a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.document-item__title a:hover {
  color: #cf2c2f;
}
.document-item__info {
  color: #aeaeae;
  font-weight: 300;
  font-size: 0.13rem;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 750px) {
  .document-item__info {
    font-size: 0.182rem;
    line-height: 0.294rem;
  }
}

.products-sorting {
  margin-bottom: 0.5rem;
}
.products-sorting__title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.22rem;
  margin-bottom: 0.2rem;
}
.products-sorting__select-holder {
  position: relative;
}
.products-sorting__select-holder i {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.6rem;
  display: flex;
  line-height: 1;
  color: #6f6f6f;
  font-size: 0.32rem;
  position: absolute;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
.products-sorting__select {
  width: 100%;
  color: #292929;
  display: block;
  height: 0.79rem;
  cursor: pointer;
  background: #f9f9f9;
  border-radius: 0.04rem;
  -webkit-appearance: none;
  padding: 0 0.6rem 0 0.23rem;
  border: 0.02rem solid #dbdbdb;
  font: normal 0.22rem/1.2 "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}

.product-buy-fixed-panel {
  opacity: 0;
  z-index: 450;
  display: flex;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  position: fixed;
  background: #fff;
  align-items: center;
  justify-content: space-between;
  padding: 0.3rem 0.4rem 0.3rem 0.36rem;
  box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0.3);
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
.product-buy-fixed-panel.show {
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.35s ease;
}
.product-buy-fixed-panel__product-description {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.product-buy-fixed-panel__visual {
  flex-shrink: 0;
  width: 1.74rem;
  margin-right: 0.6rem;
}
.product-buy-fixed-panel__visual img {
  width: 100%;
  display: block;
  max-height: 0.91rem;
  object-fit: contain;
}
.product-buy-fixed-panel__price {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.34rem;
}
.product-buy-fixed-panel__price sup {
  line-height: 1;
  font-size: 66%;
  vertical-align: top;
  display: inline-block;
}
.product-buy-fixed-panel__btn .btn {
  height: 0.91rem;
  font-size: 0.24rem;
  min-width: 1.78rem;
  font-weight: normal;
  text-transform: none;
}

.product-info-list {
  padding: 0;
  list-style: none;
  margin: 0 0 0.2rem;
}
@media only screen and (max-width: 750px) {
  .product-info-list {
    margin-top: -0.06rem;
    margin-bottom: 0.43rem;
  }
}

.product-info-item {
  border-style: solid;
  border-color: #f1f1f1;
  border-width: 0 0 1px;
}
@media only screen and (max-width: 750px) {
  .product-info-item {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    border-color: #dbdbdb;
    border-bottom-width: 0.02rem;
  }
}
.product-info-item:first-child {
  border-top-width: 1px;
}
@media only screen and (max-width: 750px) {
  .product-info-item:first-child {
    border-top-width: 0.02rem;
  }
}
.product-info-item__head {
  display: flex;
  color: #292929;
  cursor: pointer;
  min-height: 0.59rem;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.35s ease;
  padding: 0.1rem 0.4rem 0.1rem 0;
}
@media only screen and (max-width: 750px) {
  .product-info-item__head {
    min-height: 0.95rem;
    background: #f9f9f9;
    padding-left: 0.4rem;
    padding-right: 0.9rem;
  }
}
.product-info-item__head:hover {
  color: #000;
}
.product-info-item__head .icon-angle-down {
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  color: #a2a2a2;
  line-height: 1;
  font-size: 0.18rem;
  position: absolute;
  align-items: center;
  justify-content: center;
  transition: transform 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-info-item__head .icon-angle-down {
    right: 0.43rem;
    font-size: 0.32rem;
  }
}
.product-info-item.open .product-info-item__head .icon-angle-down {
  transform: rotate(180deg);
}
.product-info-item__icon {
  display: flex;
  width: 0.45rem;
  flex-shrink: 0;
  align-items: center;
  margin-right: 0.12rem;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .product-info-item__icon {
    width: 0.7rem;
    margin-right: 0.14rem;
  }
}
.product-info-item__icon svg {
  fill: #a9a9a9;
}
.product-info-item__icon svg, .product-info-item__icon img {
  display: block;
  max-width: 100%;
}
.product-info-item__title {
  display: block;
  line-height: 1.5;
  font-size: 0.14rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .product-info-item__title {
    font-size: 0.24rem;
    letter-spacing: 0.02em;
  }
}
.product-info-item__expanded {
  display: none;
  font-size: 0.14rem;
  line-height: 0.22rem;
  padding-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .product-info-item__expanded {
    font-size: 0.22rem;
    line-height: 0.38rem;
    padding: 0.25rem 0.4rem 0.36rem;
    border-top: 0.02rem solid #dbdbdb;
  }
}
.product-info-item__expanded p {
  margin: 0;
}

.sidebar-menu {
  margin: 0;
  padding: 0;
  color: #000;
  list-style: none;
  overflow: hidden;
  background: #f9f9f9;
  border-radius: 0.04rem;
  border: 1px solid #f0f0f0;
}
.sidebar-menu__item:not(:first-child) {
  border-top: 1px solid #eaeaea;
}
.sidebar-menu__link {
  display: block;
  position: relative;
  padding: 0.17rem 0.4rem 0.18rem 0.29rem;
  transition: color 0.35s ease, background-color 0.35s ease;
}
.sidebar-menu__link:hover {
  background: #eaeaea;
}
.sidebar-menu__item--active .sidebar-menu__link {
  color: #fff;
  background: #cf2c2f;
}
.sidebar-menu__number {
  opacity: 0.5;
}
.sidebar-menu__icon {
  top: 50%;
  right: 0.16rem;
  color: #b3b3b3;
  line-height: 1;
  font-size: 0.16rem;
  position: absolute;
  margin: -0.08rem 0 0;
}
.sidebar-menu__icon:before {
  display: block;
  transform: rotate(-90deg);
}
.sidebar-menu__item--active .sidebar-menu__icon {
  color: #f9ebe8;
}

.basket-section__clear {
  float: right;
  color: #636363;
  line-height: 1.5;
  font-size: 0.13rem;
  margin-left: 0.2rem;
  margin-top: 0.12rem;
  font-weight: normal;
  align-items: center;
  display: inline-flex;
  letter-spacing: 0.02em;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-section__clear {
    line-height: 0.3rem;
    margin-top: 0.17rem;
    font-size: 0.1862rem;
    letter-spacing: 0.01em;
  }
}
.basket-section__clear i {
  line-height: 1;
  color: #919191;
  font-size: 0.17rem;
  margin-right: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__clear i {
    top: -0.02rem;
    font-size: 0.26rem;
    position: relative;
    margin-right: 0.15rem;
  }
}
.basket-section__clear i.icon-angle-down {
  color: #de7779;
  font-size: 0.15rem;
  transform: rotate(90deg);
}
.basket-section__clear .underline {
  border-bottom: 1px dotted #c0c0c0;
  transition: border-color 0.35s ease;
}
.basket-section__clear:hover {
  color: #cf2c2f;
}
.basket-section__clear:hover .underline {
  border-bottom-color: transparent;
}
.basket-section__inner {
  display: flex;
  position: relative;
  padding-top: 0.06rem;
  padding-bottom: 0.39rem;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .basket-section__inner {
    padding: 0;
    display: block;
  }
}
.basket-section__main {
  width: 100%;
}
@media only screen and (max-width: 750px) {
  .basket-section__main {
    width: auto;
    margin-bottom: 0.3rem;
  }
}
.basket-section__sidebar {
  top: 1.09rem;
  width: 3.48rem;
  flex-shrink: 0;
  position: sticky;
  margin-left: 0.21rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__sidebar {
    margin: 0;
    width: auto;
    position: static;
  }
}
.basket-section__sidebar__title {
  color: #000;
  display: block;
  font-size: 0.19rem;
  margin: 0 0 0.21rem;
  line-height: 0.28rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__sidebar__title {
    font-size: 0.26rem;
    line-height: 0.3rem;
    margin-bottom: 0.31rem;
  }
}
.basket-section__sidebar__btn-panel {
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .basket-section__sidebar__btn-panel .btn {
    font-size: 0.26rem;
  }
}
.basket-section__sidebar__btn-panel .btn--secondary {
  font-weight: normal;
  text-transform: none;
  box-shadow: inset 0 0 0 0.02rem #e1e1e1;
}
.basket-section__sidebar__coupon-holder {
  padding: 0.18rem 0 0;
}
@media only screen and (max-width: 750px) {
  .basket-section__sidebar__coupon-holder {
    padding-top: 0.4rem;
  }
}
.basket-section__sidebar__coupon {
  color: #404040;
  line-height: 1.2;
  font-size: 0.14rem;
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px dotted #c5c5c5;
  transition: border-color 0.35s ease, color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-section__sidebar__coupon {
    font-size: 0.24rem;
    line-height: 0.3rem;
  }
}
.basket-section__sidebar__coupon:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}
.basket-section__sidebar__icon {
  display: block;
  padding-top: 0.08rem;
  margin-bottom: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__sidebar__icon {
    padding-top: 0.07rem;
    margin-bottom: 0.22rem;
  }
}
.basket-section__sidebar__icon svg {
  fill: #a9a9a9;
  display: block;
  margin: 0 auto;
}
.basket-section__sidebar__warning-text {
  color: #404040;
  display: block;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.21rem;
  letter-spacing: 0.02em;
  margin-bottom: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__sidebar__warning-text {
    font-size: 0.217rem;
    line-height: 0.32rem;
    margin-bottom: 0.3rem;
  }
}
.basket-section__sidebar-item {
  background: #fff;
  margin-bottom: 0.2rem;
  border-radius: 0.04rem;
  padding: 0.22rem 0.29rem 0.3rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .basket-section__sidebar-item {
    margin: 0 -0.4rem 0.42rem;
    padding: 0.4rem 0.4rem 0.48rem;
  }
}
.basket-section__sidebar-info {
  color: #9a9a9a;
  display: block;
  font-size: 0.12rem;
  line-height: 0.19rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__sidebar-info {
    font-size: 0.2rem;
    line-height: 0.3rem;
    padding: 0 0 0.14rem;
  }
}
.basket-section__sidebar-info a {
  text-decoration: underline;
}
.basket-section__sidebar-info a:hover {
  text-decoration: none;
}
.basket-section__total-list {
  padding: 0;
  list-style: none;
  margin: 0 0 0.26rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__total-list {
    margin-bottom: 0.43rem;
  }
}
.basket-section__total-list__item {
  margin-bottom: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__total-list__item {
    margin-bottom: 0.2rem;
  }
}
.basket-section__total-item {
  padding: 0;
  display: flex;
  color: #404040;
  margin: 0 -0.05rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  align-items: flex-end;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .basket-section__total-item {
    font-size: 0.217rem;
    line-height: 0.36rem;
  }
}
.basket-section__total-item__title, .basket-section__total-item__value {
  margin: 0;
  padding: 0 0.05rem;
}
.basket-section__total-item__title {
  font-weight: normal;
}
.basket-section__total-item__value {
  font-size: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__total-item__value {
    font-size: 0.26rem;
  }
}
.basket-section__total-item__value--price {
  color: #000;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.23rem;
  white-space: nowrap;
}
@media only screen and (max-width: 750px) {
  .basket-section__total-item__value--price {
    font-size: 0.4rem;
  }
}
.basket-section__total-item .tooltip {
  margin-left: 0.04rem;
}
.basket-section__controls {
  padding: 0;
  list-style: none;
  background: #f8f8f8;
  border: 1px solid #efefef;
  margin: 0.27rem -0.24rem -0.25rem;
  border-radius: 0 0 0.04rem 0.04rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__controls {
    border: none;
    background: none;
    border-radius: 0;
    margin: 0.48rem -0.4rem 0;
    padding: 0.42rem 0.4rem 0;
    border-top: 1px solid #e4e4e4;
  }
}
.basket-section__controls__item {
  transition: background-color 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .basket-section__controls__item:not(:first-child) {
    border-top: 1px solid #e7e7e7;
  }
}
.basket-section__controls__item:hover {
  background: #efefef;
}
@media only screen and (min-width: 751px) {
  .basket-section__controls .inline-form {
    margin: 0;
    padding: 0 0.25rem 0.25rem;
  }
}
@media only screen and (max-width: 750px) {
  .basket-section__controls .inline-form {
    display: block !important;
  }
}
.basket-section__control {
  display: flex;
  color: #404040;
  height: 0.67rem;
  line-height: 1.5;
  font-size: 0.14rem;
  padding: 0 0.25rem;
  align-items: center;
  font-weight: normal;
  justify-content: flex-start;
  transition: background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-section__control {
    padding: 0;
    color: #000;
    height: auto;
    font-weight: bold;
    font-size: 0.26rem;
    line-height: 0.32rem;
    pointer-events: none;
  }
}
@media only screen and (min-width: 751px) {
  .basket-section__controls__item:first-child .basket-section__control {
    border-radius: 0.04rem 0 0 0.04rem;
  }
}
@media only screen and (min-width: 751px) {
  .basket-section__controls__item:last-child .basket-section__control {
    border-radius: 0 0.04rem 0.04rem 0;
  }
}
.basket-section__control:hover {
  background: #efefef;
}
.basket-section__control__icon {
  width: 0.3rem;
  opacity: 0.77;
  flex-shrink: 0;
  line-height: 1;
  color: #4b4b4b;
  font-size: 0.23rem;
  text-align: center;
  margin-right: 0.16rem;
  transition: opacity 0.35s ease;
}
.basket-section__control:hover .basket-section__control__icon {
  opacity: 1;
}
.basket-section__control__icon .icon-heart {
  font-size: 0.19rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__order-btn-holder {
    margin: -0.4rem;
    height: 1.74rem;
  }
  .basket-section__order-btn-holder + .btn {
    margin-top: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .basket-section__order-btn-inner {
    z-index: 450;
    padding: 0.4rem;
    background: #fff;
    transition: box-shadow 0.35s ease;
    box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0);
  }
  .basket-section__order-btn-holder.fixed .basket-section__order-btn-inner {
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.14);
  }
}
.basket-section__block-title {
  color: #000;
  display: block;
  line-height: 1.5;
  font-weight: bold;
  font-size: 0.19rem;
  margin: 0 0 0.26rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .basket-section__block-title {
    font-size: 0.26rem;
    line-height: 0.32rem;
    margin-bottom: 0.45rem;
  }
}
.basket-section__block-title:after {
  content: "";
  clear: both;
  display: block;
}
.basket-section__block-title__link {
  float: right;
  color: #dd7375;
  line-height: 1.2;
  font-size: 0.13rem;
  margin-top: 0.11rem;
  margin-left: 0.2rem;
  font-weight: normal;
  letter-spacing: 0.02em;
  border-bottom: 1px dotted #c5c5c5;
  transition: color 0.35s ease, border-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-section__block-title__link {
    font-size: 0.195rem;
  }
}
.basket-section__block-title__link:hover {
  color: #d34a4d;
  border-bottom-color: transparent;
}
.basket-section__empty-text {
  min-height: 3rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__empty-text {
    min-height: 4rem;
  }
}
.basket-section__empty-text p {
  margin-bottom: 0;
}
.basket-section__empty-text .btn-panel {
  padding-top: 0.3rem;
}
@media only screen and (max-width: 750px) {
  .basket-section__empty-text .btn-panel {
    padding-top: 0.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .basket-section .default-form fieldset {
    width: 100%;
  }
}
.basket-section .default-form .col-row {
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}
.basket-section .default-form .col-row > .col {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
.basket-section .default-form .form-row {
  margin-bottom: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .basket-section .default-form .form-row {
    margin-bottom: 0.39rem;
  }
}
.basket-section .default-form .form-control {
  height: 0.5rem;
  color: #404040;
  font-size: 0.14rem;
  padding-left: 0.13rem;
  padding-right: 0.13rem;
  border-color: #d9d9d9;
}
@media only screen and (max-width: 750px) {
  .basket-section .default-form .form-control {
    color: #000;
    height: 0.91rem;
    font-size: 0.26rem;
    padding-left: 0.36rem;
    padding-right: 0.36rem;
    border-color: #e8e8e8;
    background-color: #f8f8f8;
  }
}
.basket-section .default-form .form-control::placeholder {
  color: #868686;
}
@media only screen and (max-width: 750px) {
  .basket-section .default-form .form-control::placeholder {
    color: #636363;
  }
}
.basket-section .default-form .form-control:-ms-input-pla {
  color: #868686;
}
@media only screen and (max-width: 750px) {
  .basket-section .default-form .form-control:-ms-input-pla {
    color: #636363;
  }
}
.basket-section .default-form .form-control::-ms-input-pl {
  color: #868686;
}
@media only screen and (max-width: 750px) {
  .basket-section .default-form .form-control::-ms-input-pl {
    color: #636363;
  }
}
.basket-section .default-form .form-control--textarea {
  height: 0.53rem;
  padding-top: 0.22rem;
  padding-bottom: 0.15rem;
  overflow-y: hidden;
}
@media only screen and (max-width: 750px) {
  .basket-section .default-form .form-control--textarea {
    height: 0.91rem;
    padding-top: 0.36rem;
    padding-bottom: 0.2rem;
  }
}
.basket-section .default-form .form-control:focus {
  border-color: silver;
}
@media only screen and (max-width: 750px) {
  .basket-section .default-form .form-control:focus {
    border-color: #cfcfcf;
  }
}
@media only screen and (max-width: 750px) {
  .basket-section .default-form .checkbox {
    font-size: 0.2rem;
    line-height: 0.3rem;
    padding-left: 0.45rem;
    letter-spacing: 0.02em;
  }
}
@media only screen and (max-width: 750px) {
  .basket-section .default-form .checkbox__icon {
    width: 0.29rem;
    height: 0.29rem;
    font-size: 0.13rem;
  }
}
@media only screen and (min-width: 751px) {
  .basket-section .calculation-form .form-control {
    color: #3b3b3b;
    padding-left: 0.5rem;
    padding-right: 1rem;
  }
  .basket-section .calculation-form .form-control::placeholder {
    color: #3b3b3b;
  }
  .basket-section .calculation-form .form-control:-ms-input-pla {
    color: #3b3b3b;
  }
  .basket-section .calculation-form .form-control::-ms-input-pl {
    color: #3b3b3b;
  }
}
.basket-section .white-bg {
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .basket-section .white-bg {
    margin: 0 -0.4rem 0.4rem;
    padding: 0.37rem 0.4rem 0.48rem;
  }
}
.basket-section .white-bg__text {
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
  margin-top: -0.1rem;
  margin-bottom: 0.36rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .basket-section .white-bg__text {
    font-size: 0.2rem;
    margin-top: -0.1rem;
    line-height: 0.3rem;
    margin-bottom: 0.32rem;
  }
  .basket-section .white-bg__text + .form-row {
    margin-top: 0.42rem;
  }
}
.basket-section .white-bg__text p {
  margin-bottom: 0.2rem;
}
.basket-section .checkbox-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.basket-section .checkbox-list li {
  margin-bottom: 0.18rem;
}
@media only screen and (max-width: 750px) {
  .basket-section .checkbox-list li {
    margin-bottom: 0;
  }
  .basket-section .checkbox-list li:not(:first-child) {
    margin-top: 0.3rem;
  }
}
.basket-section .checkbox-list .checkbox {
  font-size: 0.15rem;
  line-height: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .basket-section .checkbox-list .checkbox {
    font-size: 0.22rem;
    line-height: 0.36rem;
    padding-left: 0.55rem;
  }
}
@media only screen and (max-width: 750px) {
  .basket-section .checkbox-list .checkbox__icon--radio {
    width: 0.36rem;
    height: 0.36rem;
  }
}
@media only screen and (max-width: 750px) {
  .basket-section .checkbox-list .checkbox__icon--radio:before {
    top: 0.04rem;
    left: 0.04rem;
    right: 0.04rem;
    bottom: 0.04rem;
  }
}

.inline-form {
  padding: 0;
  margin: 0.2rem 0 -0.08rem;
}
@media only screen and (max-width: 750px) {
  .inline-form {
    margin-top: 0.44rem;
    margin-bottom: 0.2rem;
  }
}
.inline-form__inner {
  position: relative;
}
.inline-form__submit {
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  color: #fff;
  height: auto;
  display: flex;
  width: 0.47rem;
  position: absolute;
  align-items: center;
  background: #dd7375;
  justify-content: center;
  border-radius: 0 0.04rem 0.04rem 0;
}
@media only screen and (max-width: 750px) {
  .inline-form__submit {
    width: 0.89rem;
  }
}
.inline-form__submit:hover {
  background: #d34a4d;
}
.inline-form__submit i {
  margin: 0;
  transform: rotate(-90deg);
}
@media only screen and (max-width: 750px) {
  .inline-form__submit i.icon-angle-down {
    font-size: 0.28rem;
  }
}
.inline-form .form-control {
  height: 0.5rem;
  color: #404040;
  line-height: 1.2;
  font-size: 0.14rem;
  border-color: #ededed;
  padding: 0 0.6rem 0 0.16rem;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .inline-form .form-control {
    height: 0.95rem;
    font-size: 0.2475rem;
    padding-left: 0.3rem;
    padding-right: 1.2rem;
    border-color: #e3e3e3;
  }
}
.inline-form .form-control:hover {
  border-color: #d4d4d4;
}
@media only screen and (max-width: 750px) {
  .inline-form .form-control:hover {
    border-color: #cacaca;
  }
}
.inline-form .form-row__placeholder {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #404040;
  overflow: hidden;
  font-size: 0.14rem;
  line-height: 0.5rem;
  position: absolute;
  white-space: nowrap;
  pointer-events: none;
  text-overflow: ellipsis;
  padding: 0 0.6rem 0 0.16rem;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .inline-form .form-row__placeholder {
    font-size: 0.2475rem;
    line-height: 0.95rem;
    padding-left: 0.3rem;
    padding-right: 1.2rem;
  }
}
.inline-form .form-row.on-focus .form-row__placeholder, .inline-form .form-row.not-empty .form-row__placeholder {
  color: #919191;
  font-size: 0.11rem;
  line-height: 0.3rem;
}
@media only screen and (max-width: 750px) {
  .inline-form .form-row.on-focus .form-row__placeholder, .inline-form .form-row.not-empty .form-row__placeholder {
    font-size: 0.18rem;
    line-height: 0.54rem;
  }
}
.inline-form .form-row.on-focus .form-control, .inline-form .form-row.not-empty .form-control {
  padding-top: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .inline-form .form-row.on-focus .form-control, .inline-form .form-row.not-empty .form-control {
    padding-top: 0.24rem;
  }
}

.basket-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.basket-list__title {
  color: #000;
  display: block;
  font-size: 0.16rem;
  margin: 0 0 0.2rem;
  line-height: 0.2rem;
  padding-top: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .basket-list__title {
    font-size: 0.26rem;
    padding-top: 0.25rem;
    line-height: 0.32rem;
    margin-bottom: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .basket-list + .basket-list__title {
    padding-top: 0.1rem;
  }
}

.basket-item {
  color: #636363;
  background: #fff;
  font-size: 0.13rem;
  line-height: 0.2rem;
  margin-bottom: 0.2rem;
  border-radius: 0.04rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .basket-item {
    color: #292929;
    border-radius: 0;
    font-size: 0.22rem;
    line-height: 0.32rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    letter-spacing: 0.02em;
    margin: 0 -0.4rem 0.3rem;
  }
}
.basket-item__product {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  padding: 0.3rem 0.2rem 0.25rem 0.3rem;
}
@media only screen and (max-width: 750px) {
  .basket-item__product {
    display: block;
    padding: 0.32rem 0 0;
  }
  .basket-item__product:after {
    content: "";
    clear: both;
    display: block;
  }
}
.basket-item__product__visual {
  width: 1.03rem;
  flex-shrink: 0;
  position: relative;
  margin-right: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__visual {
    float: left;
    width: 1.2rem;
    margin-right: 0.32rem;
    margin-bottom: 0.17rem;
  }
}
.basket-item__product__visual:before {
  content: "";
  display: block;
  padding-top: 69.9029%;
}
.basket-item__product__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  object-fit: contain;
}
.basket-item__product__title {
  color: #000;
  display: block;
  font-weight: 600;
  font-size: 0.14rem;
  margin: 0 0 0.05rem;
  line-height: 0.21rem;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__title {
    display: flex;
    overflow: hidden;
    font-size: 0.22rem;
    min-height: 0.68rem;
    align-items: center;
    line-height: 0.34rem;
    margin-bottom: 0.27rem;
    justify-content: flex-start;
  }
}
.basket-item__product__title a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.basket-item__product__title a:hover {
  color: #cf2c2f;
}
.basket-item__product__info {
  display: flex;
  color: #636363;
  flex-wrap: wrap;
  font-size: 0.12rem;
  margin: 0 -0.09rem;
  line-height: 0.23rem;
  letter-spacing: 0.02em;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__info {
    font-size: 0.2rem;
    line-height: 0.32rem;
    margin: 0 -0.15rem 0.28rem;
    width: calc(100% + .3rem);
  }
}
.basket-item__product__info-item {
  margin: 0;
  padding: 0 0.09rem;
  position: relative;
}
.basket-item__product__info-item:not(:first-child):before {
  top: 0;
  content: "/";
  left: -0.03rem;
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__info-item {
    padding: 0 0.15rem;
  }
}
.basket-item__product__info-item__title, .basket-item__product__info-item__value {
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: inline-block;
}
.basket-item__product__info-item a {
  border-bottom: 1px dotted;
}
.basket-item__product__info-item a:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}
.basket-item__product__description {
  width: 100%;
  transition: opacity 0.35s ease;
}
.basket-item.basket-item--disabled .basket-item__product__description {
  opacity: 0.5;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__description {
    padding-top: 0.06rem;
  }
}
.basket-item__product__price-holder {
  text-align: right;
  margin-left: 0.2rem;
}
@media only screen and (min-width: 751px) {
  .basket-item__product__price-holder {
    position: relative;
    padding-right: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .basket-item__product__price-holder {
    margin-left: 0;
    text-align: left;
    font-size: 0.22rem;
    line-height: 0.32rem;
    letter-spacing: 0.02em;
    justify-content: flex-start;
  }
}
.basket-item__product__price {
  color: #000;
  display: block;
  font-size: 0.16rem;
  line-height: 0.2rem;
  white-space: nowrap;
  transition: opacity 0.35s ease;
}
.basket-item.basket-item--disabled .basket-item__product__price {
  opacity: 0.5;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__price {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0.35rem;
  }
  .basket-item__product__price__title {
    margin-bottom: 0.35rem;
  }
}
.basket-item__product__price sup {
  font-size: 65%;
  line-height: 1;
  vertical-align: top;
  display: inline-block;
}
.basket-item__product__delete {
  top: 50%;
  right: 0;
  opacity: 0.5;
  line-height: 1;
  cursor: pointer;
  color: #292929;
  font-size: 0.11rem;
  position: absolute;
  margin-left: 0.14rem;
  margin-top: -0.05rem;
  transition: opacity 0.35s ease, transform 0.35s ease, color 0.35s ease;
}
.basket-item--disabled .basket-item__product__delete {
  opacity: 1;
  color: #dd7375;
  transform: rotate(45deg);
}
@media only screen and (max-width: 750px) {
  .basket-item__product__delete {
    top: 0.28rem;
    right: -0.12rem;
    font-size: 0.24rem;
    position: absolute;
  }
}
.basket-item__product__delete:hover {
  opacity: 1;
}
.basket-item__product__preview-link {
  display: block;
  font-size: 0.12rem;
  line-height: 0.23rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__preview-link {
    width: 100%;
    overflow: hidden;
    font-size: 0.2rem;
    line-height: 0.32rem;
    margin-bottom: 0.25rem;
  }
}
.basket-item__product__preview-link a {
  color: #636363;
  border-bottom: 1px dotted #c5c5c5;
  transition: border-color 0.35s ease, color 0.35s ease;
}
.basket-item__product__preview-link a:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}
.basket-item__product__favorite {
  line-height: 1.4;
  color: #636363;
  position: relative;
  font-size: 0.12rem;
  margin-top: 0.12rem;
  white-space: nowrap;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__favorite {
    margin-top: 0;
    color: #404040;
    letter-spacing: 0;
    font-size: 0.22rem;
    margin-left: 0.24rem;
  }
}
.basket-item__product__favorite > a {
  opacity: 0.52;
  align-items: center;
  vertical-align: top;
  display: inline-flex;
  justify-content: flex-start;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__favorite > a {
    opacity: 1;
  }
}
.basket-item__product__favorite > a:hover {
  opacity: 1;
}
.basket-item__product__favorite--active a {
  opacity: 1;
}
.basket-item__product__favorite__icon {
  line-height: 1;
  color: #a9a9a9;
  font-size: 0.22rem;
  margin-top: 0.02rem;
  margin-right: 0.1rem;
  transition: color 0.35s ease;
}
.basket-item__product__favorite--active .basket-item__product__favorite__icon {
  color: #cf2c2f;
}
.basket-item__product__favorite__text {
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px dotted;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__favorite__text {
    border-bottom-color: #919191;
  }
}
.basket-item__product__favorite:not(.basket-item__product__favorite--active) .basket-item__product__favorite__text:before {
  content: attr(data-default);
}
.basket-item__product__favorite--active .basket-item__product__favorite__text:before {
  content: attr(data-active);
}
.basket-item__product__favorite__tooltip {
  opacity: 0;
  z-index: 250;
  color: #fff;
  left: -9999px;
  bottom: 9999px;
  line-height: 1.2;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0;
  position: absolute;
  font-size: 0.13rem;
  white-space: nowrap;
  background: #292929;
  margin-left: -0.2rem;
  margin-bottom: 0.17rem;
  padding: 0.17rem 0.2rem;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__favorite__tooltip {
    margin: 0;
    z-index: 1000;
    right: 9999px;
    position: fixed;
    line-height: 1.4;
    text-align: center;
    font-size: 0.22rem;
    font-weight: normal;
    padding: 0.24rem 0.4rem 0.4rem;
    background: rgba(34, 34, 34, 0.96);
  }
}
@media only screen and (min-width: 751px) {
  .basket-item__product__favorite--active:hover .basket-item__product__favorite__tooltip {
    left: 0;
    opacity: 1;
    bottom: 100%;
    transition: opacity 0.35s ease;
  }
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
  .basket-item__product__favorite--active:hover .basket-item__product__favorite__tooltip {
    right: 0;
    bottom: 0;
  }
}
.basket-item__product__favorite.show-tooltip .basket-item__product__favorite__tooltip {
  left: 0;
  opacity: 1;
  bottom: 100%;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__favorite.show-tooltip .basket-item__product__favorite__tooltip {
    right: 0;
    bottom: 0;
  }
}
.basket-item__product__favorite__tooltip:before {
  top: 100%;
  content: "";
  left: 0.21rem;
  position: absolute;
  border-top: 0.08rem solid #292929;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__favorite__tooltip:before {
    display: none;
  }
}
.basket-item__product__favorite__tooltip a {
  font-weight: normal;
  vertical-align: top;
  display: inline-block;
  color: #dd7375 !important;
  transition: border-color 0.35s ease;
  border-bottom: 1px solid #dd7375 !important;
}
.basket-item__product__favorite__tooltip a:hover {
  color: #dd7375 !important;
  border-bottom-color: transparent !important;
}
.basket-item__product__favorite__tooltip p {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__favorite__tooltip p {
    margin-bottom: 0.24rem;
  }
}
.basket-item__product__favorite__tooltip p:not(:first-child) {
  margin-top: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .basket-item__product__favorite__tooltip p:not(:first-child) {
    margin-top: 0.16rem;
  }
}
@media only screen and (max-width: 750px) {
  .basket-item__product__favorite__tooltip .btn {
    height: 0.8rem;
    font-size: 0.24rem;
    font-weight: normal;
    text-transform: none;
    border-radius: 0.4rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .basket-item__product__favorite__tooltip .btn-panel {
    margin-bottom: -0.2rem;
    padding-bottom: 0.3rem;
  }
  .basket-item__product__favorite__tooltip .btn-panel > .btn {
    margin-bottom: 0;
    width: calc(50% - .2rem);
  }
}
.basket-item__row {
  display: flex;
  position: relative;
  min-height: 0.69rem;
  align-items: center;
  transition: color 0.35s ease;
  border-top: 1px solid #ececec;
  justify-content: space-between;
  padding: 0.24rem 0.18rem 0.25rem 0.3rem;
}
@media only screen and (min-width: 751px) {
  .basket-item__row--single {
    padding-right: 0.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .basket-item__row {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    padding: 0.25rem 0.27rem 0.15rem 0.4rem;
  }
}
.basket-item__row--disabled {
  pointer-events: none;
  color: rgba(99, 99, 99, 0.5);
}
.basket-item.basket-item--disabled .basket-item__row {
  pointer-events: none;
  color: rgba(99, 99, 99, 0.5);
}
.basket-item__row--total {
  padding-top: 0.2rem;
  padding-right: 0.4rem;
  padding-bottom: 0.08rem;
}
@media only screen and (max-width: 750px) {
  .basket-item__row--total {
    padding-top: 0;
    flex-wrap: wrap;
    padding-bottom: 0;
  }
}
.basket-item__row-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .basket-item__row-content {
    padding-top: 0;
    flex-wrap: wrap;
    margin: 0 -0.2rem;
    padding-bottom: 0;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 751px) {
  .basket-item__row--total .basket-item__row-content {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 750px) {
  .basket-item__row--total .basket-item__row-content {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    width: calc(100% + .8rem);
    padding: 0.3rem 0.4rem 0.19rem;
    border-bottom: 1px solid #e4e4e4;
  }
}
.basket-item__row-item {
  width: 1.5rem;
  flex-shrink: 0;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .basket-item__row-item {
    width: 50%;
    padding: 0 0.2rem;
    margin-bottom: 0.2rem;
  }
}
.basket-item__row-text {
  align-items: center;
  display: inline-flex;
  justify-content: flex-start;
}
.basket-item__row-text--link {
  cursor: pointer;
}
.basket-item__row-item.open .basket-item__row-text--link {
  color: #cf2c2f;
}
.basket-item__row-text--link:hover .underline {
  border-bottom-color: transparent;
}
.basket-item__row-text i {
  display: block;
  line-height: 1;
  color: #989898;
  font-size: 0.05rem;
  margin-left: 0.08rem;
  transition: transform 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-item__row-text i {
    font-size: 0.07rem;
    margin-left: 0.12rem;
  }
}
.basket-item__row-item.open .basket-item__row-text i {
  transform: rotate(180deg);
}
.basket-item__row-text .underline {
  border-bottom: 1px dotted #c5c5c5;
  transition: border-color 0.35s ease;
}
.basket-item__row-price-holder {
  width: 1.3rem;
  display: flex;
  flex-shrink: 0;
  text-align: right;
  margin-left: 0.2rem;
  align-items: center;
  margin-bottom: 0.1rem;
  justify-content: flex-end;
}
@media only screen and (max-width: 750px) {
  .basket-item__row-price-holder {
    margin: 0;
    width: auto;
    text-align: left;
  }
}
.basket-item__row--total .basket-item__row-price-holder {
  width: auto;
}
@media only screen and (max-width: 750px) {
  .basket-item__row--total .basket-item__row-price-holder {
    width: 100%;
    display: flex;
    padding: 0.32rem 0;
    align-items: center;
    justify-content: space-between;
  }
}
.basket-item__row-price {
  color: #000;
  font-weight: 600;
  font-size: 0.16rem;
  line-height: 0.2rem;
  white-space: nowrap;
  transition: opacity 0.35s ease;
}
.basket-item__row--disabled .basket-item__row-price {
  opacity: 0.5;
}
.basket-item.basket-item--disabled .basket-item__row-price {
  opacity: 0.5;
}
.basket-item__row-price__title {
  color: #636363;
  font-size: 0.12rem;
  line-height: 0.2rem;
  align-self: flex-end;
  margin-right: 0.06rem;
  letter-spacing: 0.02em;
  margin-bottom: -0.03rem;
}
@media only screen and (max-width: 750px) {
  .basket-item__row-price__title {
    font-size: 0.22rem;
    line-height: 0.33rem;
    margin: 0 0.06rem 0 0;
  }
}
.basket-item__row-price__title + .basket-item__row-price {
  font-size: 0.19rem;
  line-height: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .basket-item__row-price__title + .basket-item__row-price {
    font-size: 0.3rem;
    line-height: 0.32rem;
  }
}
.basket-item__row-delete {
  opacity: 0.5;
  color: #292929;
  line-height: 1;
  cursor: pointer;
  font-size: 0.11rem;
  margin-left: 0.11rem;
  pointer-events: auto;
  transition: opacity 0.35s ease, transform 0.35s ease, color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-item__row-delete {
    top: 0.28rem;
    right: 0.28rem;
    font-size: 0.24rem;
    position: absolute;
  }
}
.basket-item__row--disabled .basket-item__row-delete {
  opacity: 1;
  color: #dd7375;
  transform: rotate(45deg);
}
.basket-item__row-delete:hover {
  opacity: 1;
}
.basket-item__dropdown {
  opacity: 0;
  width: 2rem;
  z-index: 250;
  top: -9999px;
  left: -9999px;
  background: #fff;
  position: absolute;
  margin-top: 0.06rem;
  margin-left: -1.3rem;
  border-radius: 0.04rem;
  padding: 0.25rem 0.31rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.14);
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-item__dropdown {
    padding: 0.4rem;
    width: 2.74rem;
    margin-top: 0.08rem;
    margin-left: -2.2rem;
  }
}
.basket-item__row-item.open .basket-item__dropdown {
  top: 100%;
  left: 50%;
  opacity: 1;
  transition: opacity 0.35s ease;
}
.basket-item__dropdown .counter {
  width: auto;
  background: none;
}
.basket-item__dropdown .counter__input {
  height: 0.39rem;
  color: #292929;
  line-height: 1.2;
  font-size: 0.14rem;
  background: #f9f9f9;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
  border-color: #f0f0f0;
  border-radius: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .basket-item__dropdown .counter__input {
    height: 0.73rem;
    background: none;
    font-size: 0.22rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    border-color: #dbdbdb;
  }
}
.basket-item__dropdown .counter__minus, .basket-item__dropdown .counter__plus {
  top: 0;
  bottom: 0;
  opacity: 1;
  height: auto;
  width: 0.43rem;
  color: #8a8a8a;
  background: none;
  font-size: 0.12rem;
  border-color: #e8e8e8;
}
@media only screen and (max-width: 750px) {
  .basket-item__dropdown .counter__minus, .basket-item__dropdown .counter__plus {
    width: 0.62rem;
    font-size: 0.16rem;
    border-color: #dbdbdb;
  }
}
.basket-item__dropdown .counter__minus {
  left: 0;
  border-width: 0 1px 0 0;
}
.basket-item__dropdown .counter__plus {
  right: 0;
  border-width: 0 0 0 1px;
}
.basket-item__dropdown-close {
  top: 0.09rem;
  opacity: 0.5;
  right: 0.09rem;
  line-height: 1;
  color: #292929;
  cursor: pointer;
  font-size: 0.11rem;
  position: absolute;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .basket-item__dropdown-close {
    top: 0.14rem;
    right: 0.14rem;
    font-size: 0.16rem;
  }
}
.basket-item__dropdown-close:hover {
  opacity: 1;
}
.basket-item__row-msg {
  color: #292929;
  font-size: 0.12rem;
  line-height: 0.2rem;
  vertical-align: top;
  margin-right: 0.1rem;
  background: #ffecc8;
  white-space: nowrap;
  margin-bottom: 0.1rem;
  padding: 0.05rem 0.1rem;
  display: inline-block;
  border-radius: 0.04rem;
  transition: opacity 0.35s ease;
}
.basket-item--disabled .basket-item__row-msg {
  opacity: 0.5;
}
@media only screen and (max-width: 750px) {
  .basket-item__row-msg {
    font-size: 0.1898rem;
    line-height: 0.36rem;
    margin-bottom: 0.1rem;
    letter-spacing: 0.01em;
    padding: 0.05rem 0.15rem 0.06rem;
  }
}
.basket-item__row-msg sup {
  font-size: 65%;
  line-height: 1.8;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (max-width: 750px) {
  .basket-item__row-msg sup {
    margin-top: 0.08rem;
  }
}
.basket-item__btn-panel {
  display: flex;
  align-items: center;
  margin-left: -0.02rem;
  margin-right: -0.02rem;
  padding: 0 0.04rem 0.04rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .basket-item__btn-panel {
    padding: 0 0 0.5rem;
    margin-left: -0.1rem;
    margin-right: -0.1rem;
  }
}
.basket-item__btn-panel .btn {
  flex: 1 1 100%;
  height: 0.38rem;
  font-size: 0.13rem;
  font-weight: normal;
  text-transform: none;
  margin-left: 0.02rem;
  margin-right: 0.02rem;
}
@media only screen and (max-width: 750px) {
  .basket-item__btn-panel .btn {
    height: 0.6rem;
    font-size: 0.2rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
  }
}
@media only screen and (min-width: 751px) {
  .basket-item:not(:hover) .basket-item__btn-panel .btn {
    background: #dbdbdb;
  }
}

.delivery-variant-list {
  padding: 0;
  display: flex;
  list-style: none;
  margin: 0 -0.1rem;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .delivery-variant-list {
    margin: 0;
    display: block;
  }
}
.delivery-variant-list__item {
  flex: 1 1 100%;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .delivery-variant-list__item {
    padding: 0;
    margin-bottom: 0;
  }
  .delivery-variant-list__item:not(:first-child) {
    margin-top: 0.38rem;
  }
}

.delivery-variant-item {
  color: #aeaeae;
  display: block;
  min-height: 100%;
  font-size: 0.13rem;
  position: relative;
  text-align: center;
  line-height: 0.19rem;
  border-radius: 0.04rem;
  border: 1px solid #d9d9d9;
  padding: 0.32rem 0.2rem 0.26rem;
  transition: border-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .delivery-variant-item {
    font-size: 0.195rem;
    line-height: 0.285rem;
    padding: 0.35rem 0.4rem 0.45rem;
  }
}
.delivery-variant-item:hover {
  border-color: #f69f59;
}
@media only screen and (max-width: 750px) {
  .delivery-variant-list__item.active .delivery-variant-item {
    border-color: #f69f59;
  }
}
@media only screen and (min-width: 751px) {
  .delivery-variant-item:after {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    opacity: 0;
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 0.02rem;
    border: 2px solid #f69f59;
    transition: opacity 0.35s ease;
  }
  .delivery-variant-list__item.active .delivery-variant-item:after {
    opacity: 1;
  }
}
.delivery-variant-item__title {
  color: #000;
  display: block;
  font-size: 0.15rem;
  font-weight: normal;
  line-height: 0.23rem;
  margin-bottom: 0.09rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .delivery-variant-item__title {
    font-size: 0.26rem;
    line-height: 0.345rem;
    margin-bottom: 0.15rem;
  }
}
.delivery-variant-item__text {
  display: block;
}
.delivery-variant-item__status-icon {
  opacity: 0;
  top: 0.12rem;
  color: #fff;
  right: 0.12rem;
  display: flex;
  width: 0.43rem;
  height: 0.43rem;
  font-size: 0.16rem;
  position: absolute;
  border-radius: 50%;
  background: #f69f59;
  align-items: center;
  justify-content: center;
  transition: opacity 0.35s ease;
}
.delivery-variant-list__item.active .delivery-variant-item__status-icon {
  opacity: 1;
}

.pickup-points {
  padding: 0.08rem 0 0;
}

.pickup-points .scroll-cover {
  max-height: 5.92rem;
  margin-left: -0.3rem;
  margin-right: -0.3rem;
  margin-bottom: -0.21rem;
}
@media only screen and (max-width: 750px) {
  .pickup-points .scroll-cover {
    margin: 0;
    max-height: none;
  }
}
.pickup-points .scroll-cover::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.pickup-points .scroll-cover::-webkit-scrollbar-thumb {
  border-radius: 6px;
  box-shadow: inset 0 0 0 3px #fff;
}
.pickup-points .scroll-inner {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
@media only screen and (max-width: 750px) {
  .pickup-points .scroll-inner {
    padding: 0;
  }
}

.pickup-points-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pickup-point {
  display: flex;
  margin: 0 -0.3rem;
  font-size: 0.13rem;
  line-height: 0.19rem;
  align-items: flex-start;
  padding: 0.2rem 0.3rem 0.26rem;
  justify-content: space-between;
}
@media only screen and (min-width: 751px) {
  .pickup-point {
    border-top: 1px solid #f5f5f5;
  }
}
@media only screen and (max-width: 750px) {
  .pickup-point {
    margin: 0;
    display: block;
    font-size: 0.2rem;
    line-height: 0.285rem;
    padding: 0.45rem 0 0.5rem;
    border-top: 1px solid #f5f5f5;
  }
  .pickup-point:last-child {
    padding-bottom: 0;
  }
}
.pickup-point__title {
  display: block;
  color: #292929;
  font-size: 0.14rem;
  line-height: 0.23rem;
  margin-bottom: 0.07rem;
}
@media only screen and (max-width: 750px) {
  .pickup-point__title {
    font-size: 0.22rem;
    line-height: 0.345rem;
    margin-bottom: 0.12rem;
  }
}
.pickup-point__content {
  display: block;
  max-width: 4rem;
}
@media only screen and (max-width: 750px) {
  .pickup-point__content {
    max-width: none;
    margin-bottom: 0.34rem;
  }
}
.pickup-point__info {
  color: #919191;
  display: block;
}
.pickup-point__btn-panel {
  display: flex;
  flex-shrink: 0;
  margin-left: 0.5rem;
  align-items: center;
  padding-top: 0.09rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .pickup-point__btn-panel {
    margin-left: 0;
    padding-top: 0;
  }
}
.pickup-point__btn {
  z-index: 10;
  height: 0.35rem;
  cursor: pointer;
  border-width: 1px;
  min-width: 0.84rem;
  position: relative;
  align-items: center;
  border-style: solid;
  white-space: nowrap;
  margin: 0 0 0 0.15rem;
  display: inline-flex;
  border-radius: 0.04rem;
  padding: 0.05rem 0.12rem;
  justify-content: center;
  -webkit-appearance: none;
  transition: all 0.35s ease;
  font: normal 0.13rem/1.5 "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .pickup-point__btn {
    height: 0.55rem;
    margin-left: 0;
    min-width: 1.36rem;
    font-size: 0.2104rem;
    margin-right: 0.26rem;
    padding-left: 0.16rem;
    padding-right: 0.16rem;
  }
}
.pickup-point__btn--primary {
  color: #fff;
  background: #dd7375;
  border-color: #dd7375;
}
.pickup-point__btn--primary:hover {
  background: #d34a4d;
  border-color: #d34a4d;
}
.pickup-point__btn--secondary {
  color: #636363;
  background: #fbfbfb;
  border-color: #e0e0e0;
}
.pickup-point__btn--secondary:hover {
  background: #eeeeee;
  border-color: #cecece;
}
.pickup-point__btn input[type=radio] {
  top: -1px;
  left: -1px;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  position: absolute;
  border-radius: 0.04rem;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  -webkit-appearance: none;
}
.pickup-point__btn input[type=radio]:checked + .pickup-point__btn-bg {
  background: #cf2c2f;
}
.pickup-point__btn input[type=radio]:checked + .pickup-point__btn-bg + .pickup-point__btn-text:before {
  content: attr(data-active);
}
.pickup-point__btn-bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  position: absolute;
  background: #dd7375;
  pointer-events: none;
  border-radius: 0.04rem;
  transition: background-color 0.35s ease;
}
.pickup-point__btn--primary:hover .pickup-point__btn-bg {
  background: #d34a4d;
}
.pickup-point__btn-text:before {
  content: attr(data-default);
}
.pickup-point__schedule {
  font-size: 0.14rem;
  margin-top: 0.16rem;
  line-height: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .pickup-point__schedule {
    font-size: 0.2rem;
    margin-top: 0.26rem;
    line-height: 0.34rem;
    margin-bottom: -0.05rem;
  }
}
.pickup-point__schedule p {
  margin: 0;
}

.calculation-form__main {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .calculation-form__main {
    display: block;
    margin-bottom: 0.4rem;
  }
}
.calculation-form__form-row {
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .calculation-form__form-row {
    margin-bottom: 0.2rem;
  }
}
.calculation-form__btn-search, .calculation-form__btn-clear {
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  border: none;
  width: 0.5rem;
  display: flex;
  color: #999999;
  line-height: 1;
  cursor: pointer;
  background: none;
  font-size: 0.16rem;
  position: absolute;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .calculation-form__btn-search, .calculation-form__btn-clear {
    display: none;
  }
}
.calculation-form__btn-search:hover, .calculation-form__btn-clear:hover {
  color: #cf2c2f;
}
.calculation-form__btn-search {
  right: 0.5rem;
}
.calculation-form__btn-search:after {
  top: 50%;
  right: 0;
  width: 1px;
  content: "";
  height: 0.32rem;
  position: absolute;
  background: #f6f6f6;
  margin-top: -0.16rem;
}
.calculation-form__btn-clear {
  right: 0;
}
.calculation-form__btn-holder {
  margin-left: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .calculation-form__btn-holder {
    margin: 0;
  }
}
.calculation-form__btn-holder .btn {
  height: 0.5rem;
  font-size: 0.15rem;
  min-width: 1.6rem;
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 750px) {
  .calculation-form__btn-holder .btn {
    width: 100%;
    min-width: 0;
    height: 0.95rem;
    font-size: 0.26rem;
  }
}
@media only screen and (min-width: 751px) {
  .calculation-form .form-control {
    color: #3b3b3b;
    padding-left: 0.5rem;
    padding-right: 1rem;
    background-repeat: no-repeat;
    background-position: 0.2rem 50%;
    background-size: 0.16rem 0.24rem;
    background-image: url(../images/marker-icon.jpg);
  }
  .calculation-form .form-control::placeholder {
    color: #3b3b3b;
  }
  .calculation-form .form-control:-ms-input-placeholder {
    color: #3b3b3b;
  }
  .calculation-form .form-control::-ms-input-placeholder {
    color: #3b3b3b;
  }
}
.calculation-form__map {
  height: 4.5rem;
  position: relative;
  margin: 0 -0.3rem -0.21rem;
}
@media only screen and (max-width: 750px) {
  .calculation-form__map {
    height: 7.65rem;
    margin: 0 -0.4rem -0.48rem;
  }
}
.calculation-form__map-price {
  top: 0.2rem;
  color: #666;
  z-index: 150;
  right: 0.12rem;
  background: #fff;
  padding: 0 0.2rem;
  font-size: 0.15rem;
  position: absolute;
  line-height: 0.39rem;
  white-space: nowrap;
  border-radius: 0.2rem;
  box-shadow: 0 1px 0.07rem 0 rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 750px) {
  .calculation-form__map-price {
    left: 50%;
    top: 0.4rem;
    right: auto;
    font-size: 0.26rem;
    padding: 0 0.32rem;
    line-height: 0.59rem;
    border-radius: 0.3rem;
    letter-spacing: 0.02em;
    transform: translateX(-50%);
  }
}
.calculation-form__map-price strong {
  color: #000;
  font-weight: 600;
  font-size: 0.18rem;
}
@media only screen and (max-width: 750px) {
  .calculation-form__map-price strong {
    font-size: 0.26rem;
  }
}

@media only screen and (max-width: 750px) {
  .cabinet-section {
    padding-top: 0;
  }
}
@media only screen and (max-width: 750px) {
  .cabinet-section > .container > h1 {
    padding-top: 0.45rem;
  }
}
.cabinet-section h3, .cabinet-section .h3 {
  line-height: 1.2;
  font-size: 0.16rem;
  margin: 0 0 0.12rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section h3, .cabinet-section .h3 {
    font-size: 0.26rem;
  }
}
.cabinet-section__inner {
  display: flex;
  position: relative;
  padding-top: 0.06rem;
  padding-bottom: 0.41rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__inner {
    padding: 0;
    display: block;
  }
}
.cabinet-section__sidebar {
  top: 0;
  width: 2.93rem;
  flex-shrink: 0;
  position: sticky;
  margin-right: 0.34rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__sidebar {
    margin: 0;
    width: auto;
    position: static;
  }
}
@media only screen and (min-width: 751px) {
  .cabinet-section__sidebar--profile {
    width: 3.5rem;
    margin-right: 0.2rem;
  }
}
@media only screen and (max-width: 750px) {
  .cabinet-section__sidebar--profile {
    margin-bottom: 0.28rem;
  }
}
.cabinet-section__main {
  width: 100%;
  background: #fff;
  padding: 0.3rem 0.4rem;
  border-radius: 0.04rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main {
    width: auto;
    margin: 0 -0.4rem;
    padding: 0.42rem 0.4rem 0;
  }
}
.cabinet-section__main h1 {
  color: #000;
  font-size: 0.28rem;
  margin: 0 0 0.14rem;
  line-height: 0.46rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main h1 {
    font-size: 0.4rem;
    line-height: 0.46rem;
    text-transform: none;
    letter-spacing: 0.02em;
    margin-bottom: 0.37rem;
  }
}
@media only screen and (min-width: 751px) {
  .cabinet-section__main h1 + h3 {
    padding-top: 0.1rem;
    margin-bottom: 0.16rem;
  }
}
.cabinet-section__main h3 {
  color: #000;
  font-weight: 600;
  font-size: 0.19rem;
  margin: 0 0 0.08rem;
  line-height: 0.29rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main h3 {
    font-size: 0.266rem;
    line-height: 0.406rem;
    margin-bottom: 0.23rem;
  }
}
.cabinet-section__main h4 {
  color: #000;
  font-size: 0.19rem;
  margin: 0 0 0.32rem;
  font-weight: normal;
  line-height: 0.29rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main h4 {
    font-size: 0.24rem;
    line-height: 0.335rem;
    margin-bottom: 0.38rem;
  }
}
.cabinet-section__main h6 {
  color: #000;
  font-size: 0.15rem;
  font-weight: bold;
  margin: 0 0 0.06rem;
  line-height: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main h6 {
    font-size: 0.2rem;
    line-height: 0.336rem;
    margin-bottom: 0.12rem;
  }
}
.cabinet-section__main hr {
  height: 1px;
  border: none;
  background: #ebebeb;
  margin: 0.44rem 0 0.43rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main hr {
    margin: 0.5rem 0;
  }
}
.cabinet-section__main .status-info__list {
  margin-bottom: 0;
}
.cabinet-section__main .status-info__list-item {
  padding-left: 0;
}
.cabinet-section__main .status-info__list-item:not(:first-child) {
  margin-top: 0;
}
.cabinet-section__main .status-info__list-item:after {
  display: none;
}
.cabinet-section__main ul:not(.gl_form_err_ul) {
  padding: 0;
  color: #636363;
  list-style: none;
  margin: 0 0 0.34rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main ul:not(.gl_form_err_ul) {
    margin-bottom: 0.53rem;
  }
}
.cabinet-section__main ul:not(.gl_form_err_ul) > li {
  position: relative;
  padding-left: 0.36rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main ul:not(.gl_form_err_ul) > li {
    padding-left: 0.42rem;
  }
}
.cabinet-section__main ul:not(.gl_form_err_ul) > li:not(:first-child) {
  margin-top: 0.11rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main ul:not(.gl_form_err_ul) > li:not(:first-child) {
    margin-top: 0.205rem;
  }
}
.cabinet-section__main ul:not(.gl_form_err_ul) > li:after {
  left: 0;
  top: 0.12rem;
  content: "";
  height: 1px;
  width: 0.14rem;
  position: absolute;
  background: var(--icons-sub-color);
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main ul:not(.gl_form_err_ul) > li:after {
    top: 0.15rem;
    width: 0.21rem;
    height: 0.02rem;
  }
}
.cabinet-section__main ul:not(.gl_form_err_ul) .info {
  display: block;
  margin-top: 0.11rem;
  margin-left: -0.36rem;
}
.cabinet-section__main ol {
  padding: 0;
  color: #636363;
  list-style: none;
  margin: 0 0 0.34rem;
  counter-reset: counter;
}
.cabinet-section__main ol > li {
  position: relative;
  padding-left: 0.36rem;
  counter-increment: counter;
}
.cabinet-section__main ol > li:not(:first-child) {
  margin-top: 0.11rem;
}
.cabinet-section__main ol > li:before {
  top: 0;
  left: 0;
  position: absolute;
  content: counter(counter) ". ";
}
.cabinet-section__main ol .info {
  display: block;
  margin-top: 0.11rem;
  margin-left: -0.36rem;
}
.cabinet-section__main p {
  margin-bottom: 0.24rem;
}
.cabinet-section__main p a {
  border-bottom-style: dotted;
}
.cabinet-section__main p a:not(:hover) {
  border-bottom-color: #8f8f8f;
}
.cabinet-section__main .msg {
  display: flex;
  background: #f1f1f1;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0.3rem -0.41rem 0.32rem;
  padding: 0.31rem 0.41rem 0.23rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .msg {
    margin-top: 0.4rem;
    letter-spacing: 0;
    font-size: 0.196rem;
    padding-top: 0.44rem;
    line-height: 0.336rem;
    margin-bottom: 0.38rem;
    padding-bottom: 0.326rem;
  }
}
.cabinet-section__main .msg__icon {
  flex-shrink: 0;
  min-width: 0.46rem;
  margin-top: 0.08rem;
  margin-right: 0.33rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .msg__icon {
    width: 0.66rem;
    margin-right: 0.24rem;
  }
}
.cabinet-section__main .msg__icon img, .cabinet-section__main .msg__icon svg {
  margin: 0 auto;
  display: block;
}
.cabinet-section__main .msg__icon svg {
  fill: #a1a1a1;
}
.cabinet-section__main .msg ul, .cabinet-section__main .msg ol {
  margin-top: -0.04rem;
  margin-bottom: 0.11rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .msg ul, .cabinet-section__main .msg ol {
    margin-top: 0;
    margin-bottom: 0.3rem;
  }
}
.cabinet-section__main .msg ul > li:not(:first-child), .cabinet-section__main .msg ol > li:not(:first-child) {
  margin-top: 0.184rem;
}
.cabinet-section__main .msg p {
  margin-bottom: 0.11rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .msg p {
    margin-bottom: 0.184rem;
  }
}
.cabinet-section__main .btn-holder {
  padding-top: 0.1rem;
  margin-bottom: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .btn-holder {
    padding-top: 0.07rem;
  }
}
.cabinet-section__main .btn {
  font-size: 0.15rem;
  font-weight: normal;
  text-transform: none;
}
@media only screen and (min-width: 751px) {
  .cabinet-section__main .btn {
    padding-left: 0.39rem;
    padding-right: 0.39rem;
  }
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .btn {
    width: 100%;
    height: 0.91rem;
    font-size: 0.26rem;
  }
}
.cabinet-section__main .pickup-points-list {
  margin-bottom: 0;
}
@media only screen and (min-width: 751px) {
  .cabinet-section__main .pickup-points-list {
    margin-top: -0.06rem;
  }
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .pickup-points-list {
    padding-top: 0.15rem;
  }
}
.cabinet-section__main .pickup-points-list + .msg {
  margin-top: 0;
}
.cabinet-section__main .pickup-point {
  margin: 0 !important;
  border-color: #e4e4e4;
  padding: 0.2rem 0 0.27rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .pickup-point {
    padding-top: 0.44rem;
    padding-bottom: 0.52rem;
  }
}
.cabinet-section__main .pickup-point:first-child {
  border-top: 1px solid #e4e4e4;
}
.cabinet-section__main .pickup-point:after {
  display: none;
}
@media only screen and (min-width: 751px) {
  .cabinet-section__main .pickup-point__content {
    max-width: 4.7rem;
  }
}
@media only screen and (min-width: 751px) {
  .cabinet-section__main .pickup-point__info {
    max-width: 4rem;
  }
}
.cabinet-section__main .pickup-point__schedule p {
  margin: 0;
}
.cabinet-section__main .table-holder {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .table-holder {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
.cabinet-section__main .table-caption {
  color: #000;
  display: block;
  font-weight: 600;
  font-size: 0.15rem;
  margin: 0 0 0.26rem;
  line-height: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .table-caption {
    font-size: 0.196rem;
    line-height: 0.34rem;
    padding-top: 0.13rem;
    margin-bottom: 0.2rem;
  }
}
.cabinet-section__main table {
  color: #292929;
  margin: 0 0 0.4rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  border-collapse: collapse;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main table {
    font-size: 0.196rem;
    line-height: 0.3rem;
    margin-bottom: 0.34rem;
  }
}
.cabinet-section__main table td, .cabinet-section__main table th {
  padding-left: 0.21rem;
  padding-right: 0.21rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main table td, .cabinet-section__main table th {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
.cabinet-section__main table th {
  font-weight: 600;
  text-align: left;
  padding-top: 0.2rem;
  background: #e8e8e8;
  padding-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main table th {
    padding-top: 0.28rem;
    padding-bottom: 0.28rem;
  }
}
.cabinet-section__main table td {
  padding-top: 0.19rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #e0e0e0;
  transition: border-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main table td {
    padding-top: 0.26rem;
    padding-bottom: 0.27rem;
  }
}
.cabinet-section__main table tr:hover td {
  border-bottom-color: #dd7375;
}
@media only screen and (min-width: 751px) {
  .cabinet-section__main .callback-form {
    padding-top: 0.1rem;
    margin-bottom: 0.38rem;
  }
}
@media only screen and (max-width: 750px) {
  .cabinet-section__main .callback-form {
    padding-top: 0.16rem;
    margin-bottom: 0.81rem;
  }
}
@media only screen and (min-width: 751px) {
  .cabinet-section__main .callback-form__form-control {
    height: 0.54rem;
  }
}
@media only screen and (min-width: 751px) {
  .cabinet-section__main .callback-form__row-title {
    line-height: 0.54rem;
  }
}
@media only screen and (min-width: 751px) {
  .cabinet-section__main .callback-form .btn {
    height: 0.54rem;
  }
}
.cabinet-section__profile {
  width: 100%;
}

@media only screen and (max-width: 750px) {
  .cabinet-menu-holder {
    margin: 0 -0.4rem;
    position: relative;
  }
  .cabinet-menu-holder:after, .cabinet-menu-holder:before {
    top: 0;
    bottom: 0;
    content: "";
    z-index: 25;
    opacity: 0.7;
    width: 0.35rem;
    position: absolute;
    pointer-events: none;
    transition: opacity 0.35s ease;
    background: linear-gradient(to right, rgba(200, 200, 200, 0), #c8c8c8);
  }
  .cabinet-menu-holder:after {
    right: 0.4rem;
  }
  .cabinet-menu-holder.at-end:after {
    opacity: 0;
  }
  .cabinet-menu-holder:before {
    left: 0.4rem;
    transform: rotate(180deg);
  }
  .cabinet-menu-holder.at-start:before {
    opacity: 0;
  }
}

.cabinet-menu {
  margin: 0;
  padding: 0;
  color: #050505;
  background: #fff;
  list-style: none;
  font-size: 0.135rem;
  line-height: 0.19rem;
  letter-spacing: 0.02em;
  border-radius: 0.04rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .cabinet-menu {
    display: flex;
    overflow-x: auto;
    background: #fff;
    font-size: 0.24rem;
    font-size: 0.24rem;
    letter-spacing: 0;
    line-height: 0.3rem;
    overflow-y: hidden;
    line-height: 0.34rem;
    align-items: stretch;
    scroll-behavior: smooth;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 0.1rem 0.1rem -0.1rem rgba(0, 0, 0, 0.22), inset 0 0.1rem 0.1rem -0.1rem rgba(0, 0, 0, 0.22);
  }
}
@media only screen and (max-width: 750px) {
  .cabinet-menu__item {
    padding: 0 0.24rem;
  }
  .cabinet-menu__item:first-child {
    padding-left: 0.4rem;
  }
  .cabinet-menu__item:last-child {
    padding-right: 0.4rem;
  }
}
.cabinet-menu__link {
  display: flex;
  border-style: solid;
  align-items: center;
  padding: 0.2rem 0.28rem;
  border-color: #ededed;
  border-width: 1px 1px 0;
  justify-content: flex-start;
  transition: border-color 0.35s ease, background-color 0.35s ease, color 0.35s ease;
}
.cabinet-section__sidebar--profile .cabinet-menu__link {
  min-height: 0.69rem;
}
@media only screen and (max-width: 750px) {
  .cabinet-menu__link {
    background: none;
    white-space: nowrap;
    padding: 0.5rem 0 0.46rem;
    border-width: 0 0 0.04rem;
    border-color: transparent;
  }
}
.cabinet-section__sidebar:not(.cabinet-section__sidebar--profile) .cabinet-menu__link:hover {
  color: #cf2c2f;
}
.cabinet-section__sidebar--profile .cabinet-menu__link:hover {
  color: #e75759;
}
.cabinet-menu__item:first-child .cabinet-menu__link {
  border-radius: 0.04rem 0.04rem 0 0;
}
.cabinet-menu__item:last-child .cabinet-menu__link {
  border-bottom-width: 1px;
  border-radius: 0 0 0.04rem 0.04rem;
}
@media only screen and (min-width: 751px) {
  .cabinet-section__sidebar:not(.cabinet-section__sidebar--profile) .cabinet-menu__item.active .cabinet-menu__link {
    color: #fff;
    border-color: #cf2c2f;
    background-color: #cf2c2f;
  }
}
@media only screen and (max-width: 750px) {
  .cabinet-menu__item.active .cabinet-menu__link {
    border-color: #cf2c2f;
  }
}
@media only screen and (min-width: 751px) {
  .cabinet-section__sidebar--profile .cabinet-menu__item.active .cabinet-menu__link {
    font-weight: bold;
  }
}
.cabinet-menu__prev, .cabinet-menu__next {
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  z-index: 75;
  width: 0.4rem;
  display: flex;
  line-height: 1;
  cursor: pointer;
  background: #fff;
  font-size: 0.18rem;
  position: absolute;
  border-color: #fff;
  color: #cf2c2f;
  border-width: 1px 0;
  border-style: solid;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  transition: color 0.35s ease, opacity 0.35s ease;
}
.cabinet-menu__prev.disabled, .cabinet-menu__next.disabled {
  opacity: 0;
}
.cabinet-menu__prev:hover, .cabinet-menu__next:hover {
  color: #ad0e27;
}
@media only screen and (min-width: 751px) {
  .cabinet-menu__prev, .cabinet-menu__next {
    display: none;
  }
}
.cabinet-menu__prev {
  left: 0;
}
.cabinet-menu-holder.at-start .cabinet-menu__prev {
  opacity: 0;
  pointer-events: none;
}
.cabinet-menu__prev i {
  transform: rotate(-180deg);
}
.cabinet-menu__next {
  right: 0;
}
.cabinet-menu-holder.at-end .cabinet-menu__next {
  opacity: 0;
  pointer-events: none;
}
.cabinet-menu__icon {
  width: 0.3rem;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-right: 0.18rem;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .cabinet-menu__icon {
    display: none;
  }
}
.cabinet-menu__icon svg {
  fill: #a9a9a9;
  display: block;
  max-width: 100%;
  max-height: 0.3rem;
}

.accordion {
  margin: 0 0 0.11rem;
  background: #f9f9f9;
  border-radius: 0.04rem;
  border: 1px solid #e8e8e8;
}
@media only screen and (max-width: 750px) {
  .accordion {
    border: none;
    background: none;
  }
}
.accordion__item {
  border-style: solid;
  border-color: #e8e8e8;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
@media only screen and (max-width: 750px) {
  .accordion__item {
    margin: 0 -0.4rem;
    border-color: #efefef;
  }
}
.accordion__item:first-child {
  border-top-width: 0;
}
@media only screen and (max-width: 750px) {
  .accordion__item:first-child {
    border-top-width: 1px;
  }
}
.accordion__item:not(:first-child) {
  border-top-width: 1px;
}
.accordion__head {
  color: #636363;
  cursor: pointer;
  position: relative;
  padding: 0.3rem 0.8rem 0.35rem 0.3rem;
  transition: background-color 0.35s ease, padding 0.35s ease;
}
.accordion__head.not_all_css{cursor:default;}
@media only screen and (max-width: 750px) {
  .accordion__head {
    padding: 0.39rem 1.4rem 0.43rem 0.4rem;
  }
}
.accordion__item.open .accordion__head {
  padding-bottom: 0.15rem;
}
@media only screen and (min-width: 751px) {
  .accordion__head:not(.not_all_css):hover {
    background: #ececec;
  }
}
.accordion__item:first-child .accordion__head {
  border-radius: 0.04rem 0.04rem 0 0;
}
.accordion__item:last-child .accordion__head {
  border-radius: 0 0 0.04rem 0.04rem;
}
.accordion__head-icon {
  top: 0.28rem;
  display: flex;
  right: 0.28rem;
  width: 0.37rem;
  height: 0.37rem;
  line-height: 1;
  font-size: 0.16rem;
  position: absolute;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfdfdf;
  color: var(--icons-sub-color);
}
@media only screen and (min-width: 751px) {
  .accordion__head-icon {
    background: #f9f9f9;
  }
}
@media only screen and (max-width: 750px) {
  .accordion__head-icon {
    top: 0.49rem;
    right: 0.4rem;
    width: 0.63rem;
    height: 0.63rem;
    font-size: 0.24rem;
  }
}
.accordion__head-icon i {
  display: block;
  transition: transform 0.35s ease;
}
.accordion__item.open .accordion__head-icon i {
  transform: rotate(180deg);
}
.accordion__title {
  color: #000;
  display: block;
  line-height: 1.5;
  font-weight: bold;
  font-size: 0.17rem;
  margin-bottom: 0.06rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .accordion__title {
    font-size: 0.26rem;
    line-height: 0.38rem;
    margin-bottom: 0.18rem;
  }
}
.accordion__subtitle {
  display: block;
}
@media only screen and (min-width: 751px) {
  .accordion__subtitle {
    font-size: 0.13rem;
    line-height: 0.23rem;
  }
}
@media only screen and (max-width: 750px) {
  .accordion__subtitle {
    max-width: 4.8rem;
  }
}
.accordion__expanded {
  padding: 0.15rem 0.3rem;
}
@media only screen and (max-width: 750px) {
  .accordion__expanded {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-bottom: 0.36rem;
  }
}
.accordion__expanded .map-holder {
  height: 5.53rem;
  position: relative;
  margin: -0.15rem -0.3rem;
}
.accordion__expanded .map-holder .calculation-form {
  z-index: 50;
  top: 0.29rem;
  left: 0.29rem;
  width: 2.81rem;
  position: absolute;
}
.accordion__expanded .map-holder .calculation-form__main {
  margin: 0;
}
.accordion__expanded .map-holder .calculation-form .form-control {
  border: none;
  box-shadow: 0 0.02rem 0.09rem 0 rgba(0, 0, 0, 0.28);
}
@media only screen and (min-width: 751px) {
  .accordion__expanded .map-holder .calculation-form .form-control {
    font-size: 0.13rem;
  }
}
.accordion__expanded .map-holder .calculation-form .help-inline {
  left: 0;
  right: 0;
  top: 100%;
  background: #fff;
  position: absolute;
  box-shadow: 0 0.02rem 0.09rem 0 rgba(0, 0, 0, 0.28);
}
.accordion__expanded .map-holder .map-markers {
  display: none;
}
.accordion__expanded .map-holder #offices-map {
  width: 100%;
  height: 100%;
}
.accordion ul, .accordion ol {
  margin-bottom: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .accordion ul, .accordion ol {
    line-height: 0.34rem;
    margin-bottom: 0.33rem;
  }
}
.accordion ul > li, .accordion ol > li {
  padding-left: 0.22rem;
}
@media only screen and (max-width: 750px) {
  .accordion ul > li, .accordion ol > li {
    padding-left: 0.36rem;
  }
}
.accordion ul > li:not(:first-child), .accordion ol > li:not(:first-child) {
  margin-top: 0.06rem;
}
@media only screen and (max-width: 750px) {
  .accordion ul > li:not(:first-child), .accordion ol > li:not(:first-child) {
    margin-top: 0.08rem;
  }
}
@media only screen and (max-width: 750px) {
  .accordion ul > li:after, .accordion ol > li:after {
    top: 0.17rem;
  }
}
.accordion ul .info, .accordion ol .info {
  display: block;
  margin-top: 0.06rem;
  margin-left: -0.22rem;
}
@media only screen and (min-width: 751px) {
  .accordion .msg {
    margin-left: -0.31rem;
    margin-right: -0.31rem;
    padding-left: 0.31rem;
    padding-right: 0.31rem;
  }
  .accordion .msg--last {
    margin-bottom: -0.15rem;
  }
}
.accordion .payments-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.12rem;
  align-items: center;
  justify-content: flex-start;
}
.accordion .payments-list__item {
  padding: 0;
  margin: 0 0.12rem 0.18rem;
}
.accordion .payments-list__item:after {
  display: none;
}
.accordion .payments-list__item img {
  display: block;
}

.status-info {
  background: #f9f9f9;
  border-radius: 0.04rem;
  border: 1px solid #f0f0f0;
  padding: 0.26rem 0.3rem 0.29rem;
}
@media only screen and (max-width: 750px) {
  .status-info {
    border: none;
    border-radius: 0;
    background: none;
    padding: 0 0 0.63rem;
  }
}
.status-info__title {
  color: #000;
  display: block;
  line-height: 1.5;
  font-size: 0.17rem;
  margin: 0 0 0.12rem;
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .status-info__title {
    font-size: 0.2465rem;
    margin-bottom: 0.2rem;
  }
}
.status-info__title__status {
  color: #2081db;
}
.status-info__title .tooltip {
  margin-top: 0.03rem;
}
.status-info__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.status-info__list-item {
  margin: 0;
  padding: 0;
  border-style: solid;
  border-color: #efefef;
  border-width: 0 0 1px;
}
@media only screen and (min-width: 751px) {
  .status-info__list-item:first-child {
    border-top-width: 1px;
  }
}

.status-info-item {
  display: flex;
  color: #404040;
  margin: 0 -0.1rem;
  align-items: flex-start;
  padding: 0.12rem 0 0.13rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .status-info-item {
    font-size: 0.22rem;
    line-height: 0.34rem;
    padding: 0.27rem 0 0.28rem;
  }
}
.status-info-item__title, .status-info-item__value {
  margin: 0;
  padding: 0 0.1rem;
}
.status-info-item__title {
  max-width: 72%;
}
.status-info-item__value {
  max-width: 28%;
}
.status-info-item sup {
  font-size: 65%;
  line-height: 1;
  margin-top: 0.03rem;
  vertical-align: top;
  display: inline-block;
}
.status-info-item .tooltip {
  margin-top: 0.02rem;
}

.orders-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.order-item {
  background: #fff;
  margin-bottom: 0.2rem;
  border-radius: 0.04rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .order-item {
    font-size: 0.22rem;
    line-height: 0.34rem;
    margin: 0 -0.4rem 0.3rem;
  }
}
.order-item__head {
  display: flex;
  cursor: pointer;
  position: relative;
  align-items: stretch;
  padding: 0 0 0 0.3rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .order-item__head {
    align-items: flex-start;
    padding: 0.29rem 0.4rem 0.42rem 0.8rem;
  }
}
.order-item__expanded {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .order-item__expanded {
    display: block;
  }
}
@media only screen and (max-width: 750px) {
  .order-item__expanded .order-item__info-col {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    align-items: center;
    padding: 0.36rem 0.4rem 0.43rem;
    justify-content: flex-start;
    border-top: 1px solid #ececec;
  }
}
.order-item__head-main {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 0.3rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .order-item__head-main {
    width: 50%;
    padding: 0;
    display: block;
  }
}
.order-item__head-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.order-item__number {
  width: 1.64rem;
  flex-shrink: 0;
  display: block;
  position: relative;
  padding-left: 0.3rem;
  margin-right: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .order-item__number {
    padding: 0;
    width: auto;
    margin: 0 0 0.34rem;
  }
}
.order-item__number .icon-angle-down {
  left: 0;
  top: 50%;
  line-height: 1;
  font-size: 0.16rem;
  position: absolute;
  margin-top: -0.08rem;
  transition: transform 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .order-item__number .icon-angle-down {
    left: auto;
    right: 100%;
    font-size: 0.26rem;
    margin-top: -0.13rem;
    margin-right: 0.25rem;
  }
}
.order-item.open .order-item__number .icon-angle-down {
  transform: rotate(180deg);
}
.order-item__number .underline {
  border-bottom: 1px dotted #c5c5c5;
  transition: border-color 0.35s ease;
}
.order-item__number:hover .underline {
  border-bottom-color: transparent;
}
.order-item__price {
  text-align: right;
  white-space: nowrap;
}
@media only screen and (max-width: 750px) {
  .order-item__date {
    right: 0.4rem;
    bottom: 0.4rem;
    position: absolute;
  }
}
.order-item__info-col {
  flex-shrink: 0;
  width: 1.91rem;
  color: #292929;
  min-height: 0.7rem;
  border-left: 1px solid #eee;
  padding: 0.2rem 0.15rem 0.2rem 0.3rem;
}
@media only screen and (max-width: 750px) {
  .order-item__info-col {
    width: 50%;
    padding: 0;
    border: none;
    min-height: 0;
    text-align: right;
  }
}
@media only screen and (min-width: 751px) {
  .order-item__info-col__btn-holder {
    padding-top: 0.05rem;
    margin-bottom: 0.21rem;
  }
}
@media only screen and (max-width: 750px) {
  .order-item__info-col__btn-holder {
    order: 20;
    width: 50%;
    text-align: right;
    padding-top: 0.18rem;
  }
}
.order-item__info-col__btn-holder .btn {
  height: 0.35rem;
  font-size: 0.13rem;
  letter-spacing: 0;
  font-weight: normal;
  text-transform: none;
  padding-left: 0.17rem;
  padding-right: 0.17rem;
}
@media only screen and (max-width: 750px) {
  .order-item__info-col__btn-holder .btn {
    height: 0.55rem;
    font-size: 0.2104rem;
    background: #dd7375;
    padding-left: 0.26rem;
    padding-right: 0.26rem;
  }
  .order-item__info-col__btn-holder .btn:hover {
    background: #d34a4d;
  }
}
@media only screen and (max-width: 750px) {
  .order-item__manager-info {
    order: 15;
    width: 50%;
    padding-right: 0.1rem;
  }
}
.order-item__questions {
  color: #919191;
}
@media only screen and (min-width: 751px) {
  .order-item__questions {
    line-height: 1.2;
    font-size: 0.13rem;
    padding-right: 0.1rem;
    margin-bottom: 0.2rem;
    margin-bottom: 0.11rem;
  }
}
@media only screen and (max-width: 750px) {
  .order-item__questions {
    width: 50%;
    top: -0.09rem;
    font-size: 0.2rem;
    position: relative;
    line-height: 0.35rem;
  }
}
.order-item__questions a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.order-item__questions a:hover {
  color: #cf2c2f;
}
.order-item__manager {
  display: block;
  font-weight: 600;
}
@media only screen and (min-width: 751px) {
  .order-item__manager {
    margin: 0 0 0.13rem;
    line-height: 0.21rem;
  }
}
@media only screen and (max-width: 750px) {
  .order-item__manager {
    margin-bottom: 0.06rem;
  }
}
.order-item__phone {
  color: #636363;
}
@media only screen and (min-width: 751px) {
  .order-item__phone {
    display: block;
    font-size: 0.13rem;
    line-height: 0.19rem;
    margin: 0 0 0.16rem;
  }
}
.order-item__phone a {
  color: #292929;
  font-weight: 600;
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .order-item__phone a {
    font-size: 0.14rem;
  }
}
@media only screen and (max-width: 750px) {
  .order-item__phone a {
    margin-right: 0.15rem;
  }
}
.order-item__phone a:hover {
  color: #cf2c2f;
}
.order-item__download {
  color: #cf2c2f;
}
@media only screen and (min-width: 751px) {
  .order-item__download {
    line-height: 1.2;
  }
}
@media only screen and (max-width: 750px) {
  .order-item__download {
    width: 50%;
    text-align: right;
    margin-bottom: 0.2rem;
  }
}
.order-item__download a {
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px dotted;
  transition: color 0.35s ease, border-color 0.35s ease;
}
.order-item__download a:hover {
  color: #ad0e27;
  border-bottom-color: transparent;
}
.order-item__status {
  color: #292929;
  font-size: 0.12rem;
  line-height: 0.2rem;
  align-items: center;
  font-weight: normal;
  display: inline-flex;
  padding: 0.05rem 0.1rem;
  border-radius: 0.04rem;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .order-item__status {
    line-height: 0.31rem;
    font-size: 0.1898rem;
    padding: 0.08rem 0.21rem;
  }
}
.order-item__status--canceled {
  background: #edb7b7;
}
.order-item__status--considered {
  background: #ffecc8;
}
.order-item__status--completed {
  background: #d2edb7;
}
.order-item__status .tooltip {
  margin-left: 0.08rem;
}
@media only screen and (max-width: 750px) {
  .order-item__status .tooltip {
    margin-left: 0.14rem;
  }
}
.order-item__status .tooltip__icon {
  color: #666;
  border-color: rgba(145, 145, 145, 0.9);
}
@media only screen and (max-width: 750px) {
  .order-item__status .tooltip__icon {
    width: 0.31rem;
    height: 0.31rem;
  }
}
.order-item__status .tooltip:not(.open) .tooltip__icon:not(:hover) {
  color: #777;
  border-color: rgba(145, 145, 145, 0.4);
}
.order-item__products {
  width: 100%;
}
.order-item__product {
  display: flex;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.33rem 0.3rem 0.14rem 0.3rem;
}
@media only screen and (max-width: 750px) {
  .order-item__product {
    display: block;
    border-color: #ececec;
    padding: 0.39rem 0.4rem 0.3rem;
  }
  .order-item__product:first-child {
    border-top-width: 1px;
  }
}
.order-item__product__visual {
  width: 0.72rem;
  flex-shrink: 0;
  position: relative;
  margin-right: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .order-item__product__visual {
    display: none;
  }
}
.order-item__product__visual:before {
  content: "";
  display: block;
  padding-top: 69.4444%;
}
.order-item__product__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
}
.order-item__product__description {
  width: 100%;
}
.order-item__product__title {
  color: #000;
  display: block;
  font-weight: 600;
  line-height: 1.5;
  font-size: 0.14rem;
  margin-bottom: 0.18rem;
}
@media only screen and (max-width: 750px) {
  .order-item__product__title {
    font-size: 0.21rem;
    line-height: 0.315rem;
    margin-bottom: 0.27rem;
  }
}
.order-item__product__title a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.order-item__product__title a:hover {
  color: #cf2c2f;
}
.order-item__product__info-row {
  display: flex;
  position: relative;
  margin: 0 0 0.21rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .order-item__product__info-row {
    flex-wrap: wrap;
    margin: 0 -0.07rem 0.15rem;
  }
  .order-item__product__info-row:not(:first-child) {
    padding-top: 0.15rem;
  }
  .order-item__product__info-row:not(:first-child):after {
    top: 0;
    content: "";
    left: 0.07rem;
    right: 0.07rem;
    position: absolute;
    border-bottom: 1px dotted #ececec;
  }
}
.order-item__product__info-item {
  margin: 0;
  width: 25%;
  color: #404040;
  font-size: 0.12rem;
  line-height: 0.2rem;
  padding: 0 0.1rem 0 0;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .order-item__product__info-item {
    width: 33.3333%;
    padding: 0 0.07rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
    margin-bottom: 0.11rem;
  }
}
@media only screen and (min-width: 751px) {
  .order-item__product__info-item--price {
    padding-right: 0;
    text-align: right;
  }
}
.order-item__product__info-item__title, .order-item__product__info-item__value {
  margin: 0;
  padding: 0;
  display: block;
}
.order-item__product__info-item--price .order-item__product__info-item__value {
  color: #000;
  font-weight: 600;
  font-size: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .order-item__product__info-item--price .order-item__product__info-item__value {
    font-size: 0.24rem;
  }
}
.order-item__products-total {
  color: #000;
  letter-spacing: 0.02em;
  padding: 0.3rem 0.3rem 0.18rem;
}
@media only screen and (max-width: 750px) {
  .order-item__products-total {
    font-size: 0.21rem;
    line-height: 0.3rem;
    margin-bottom: 0.24rem;
    padding: 0.4rem 0.4rem 1px;
  }
}
.order-item__products-total__row {
  display: flex;
  margin: 0 0 0.12rem;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 750px) {
  .order-item__products-total__row {
    margin-bottom: 0.24rem;
    justify-content: space-between;
  }
}
.order-item__products-total__title {
  margin: 0;
  padding: 0;
}
.order-item__products-total__row--main .order-item__products-total__title {
  font-weight: bold;
}
.order-item__products-total__value {
  width: 1.9rem;
  flex-shrink: 0;
  color: #636363;
  letter-spacing: 0;
  text-align: right;
  font-size: 0.15rem;
  margin: 0 0 0 0.1rem;
}
@media only screen and (max-width: 750px) {
  .order-item__products-total__value {
    font-size: 0.225rem;
  }
}
.order-item__products-total__row--main .order-item__products-total__value {
  color: #000;
  font-weight: 600;
  font-size: 0.16rem;
}
@media only screen and (max-width: 750px) {
  .order-item__products-total__row--main .order-item__products-total__value {
    font-size: 0.24rem;
  }
}

.settings-form {
  margin-bottom: 0.39rem;
}
@media only screen and (max-width: 750px) {
  .settings-form {
    margin-bottom: 0.62rem;
  }
}
.settings-form:not(:first-child) {
  padding-top: 0.3rem;
  border-top: 1px solid #f0f0f0;
}
@media only screen and (max-width: 750px) {
  .settings-form:not(:first-child) {
    padding-top: 0.5rem;
  }
}
@media only screen and (min-width: 751px) {
  .settings-form:last-child {
    margin-bottom: 0.1rem;
  }
}
@media only screen and (max-width: 750px) {
  .settings-form:last-child {
    margin-bottom: 0.53rem;
    padding-bottom: 0.6rem;
  }
}
.settings-form h3 {
  font-weight: bold;
  margin-bottom: 0.21rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .settings-form h3 {
    font-size: 0.26rem;
    line-height: 0.32rem;
    margin-bottom: 0.32rem;
  }
}
.settings-form .col-row {
  margin-left: -0.12rem;
  margin-right: -0.11rem;
}
.settings-form .col-row > .col {
  padding-left: 0.12rem;
  padding-right: 0.11rem;
}
.settings-form .col-row > .error-msg {
  opacity: 1;
  display: none;
  color: #292929;
  position: static;
  font-size: 0.12rem;
  line-height: 0.2rem;
  background: #ffecc8;
  margin-left: 0.12rem;
  margin-bottom: 0.2rem;
  margin-right: 0.11rem;
  padding: 0.05rem 0.1rem;
  border-radius: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .settings-form .col-row > .error-msg {
    font-size: 0.18rem;
    margin-top: -0.12rem;
    line-height: 0.25rem;
    margin-bottom: 0.5rem;
    padding: 0.1rem 0.15rem;
  }
}
.settings-form .col-row.has-error > .error-msg {
  display: block;
}
.settings-form .form-row {
  margin-bottom: 0.22rem;
}
@media only screen and (max-width: 750px) {
  .settings-form .form-row {
    margin-bottom: 0.41rem;
  }
}
.settings-form .form-row__title {
  color: #636363;
  line-height: 1.5;
  font-size: 0.14rem;
  font-weight: normal;
  margin-bottom: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .settings-form .form-row__title {
    font-size: 0.24rem;
    line-height: 0.32rem;
    margin-bottom: 0.22rem;
  }
}
.settings-form .form-control {
  height: 0.5rem;
  background: #f6f6f6;
  padding-left: 0.21rem;
  padding-right: 0.21rem;
  border-color: #ededed;
}
@media only screen and (max-width: 750px) {
  .settings-form .form-control {
    height: 0.91rem;
    padding-left: 0.32rem;
    padding-right: 0.32rem;
  }
}
.settings-form .form-control:focus {
  border-color: #d4d4d4;
}
.settings-form__info-msg {
  display: block;
  color: #636363;
  line-height: 1.5;
  font-size: 0.13rem;
  margin-bottom: 0.2rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .settings-form__info-msg {
    font-size: 0.2rem;
  }
}
.settings-form .btn-holder {
  margin: 0;
  padding: 0.1rem 0 0;
}
@media only screen and (max-width: 750px) {
  .settings-form .btn-holder {
    padding-top: 0;
  }
}
@media only screen and (max-width: 750px) {
  .settings-form .btn-holder .btn {
    font-size: 0.28rem;
  }
}
.settings-form .checkbox {
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .settings-form .checkbox {
    font-size: 0.2rem;
    margin-top: 0.21rem;
    line-height: 0.32rem;
    padding-left: 0.46rem;
  }
}
@media only screen and (max-width: 750px) {
  .settings-form .checkbox__icon {
    width: 0.29rem;
    height: 0.29rem;
    font-size: 0.13rem;
  }
}

@media only screen and (min-width: 751px) {
  .calc-section .breadcrumbs {
    margin-bottom: 0.14rem;
  }
}
@media only screen and (min-width: 751px) {
  .calc-section h1, .calc-section .h1 {
    font-size: 0.34rem;
    margin-bottom: 0.21rem;
  }
}
.calc-section .white-bg {
  padding-top: 0.3rem;
  margin-bottom: 0.2rem;
  padding-bottom: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .white-bg {
    margin: 0 -0.4rem 0.43rem;
    padding: 0.36rem 0.4rem 0.12rem;
  }
}
.calc-section .white-bg .steps-list {
  margin-top: -0.3rem;
  margin-left: -0.3rem;
  margin-right: -0.3rem;
  border-radius: 0.04rem 0.04rem 0 0;
  box-shadow: 0 0.1rem 0.1rem -0.1rem rgba(0, 0, 0, 0.07);
}
.calc-section hr {
  height: 1px;
  border: none;
  background: #ececec;
  margin: 0.39rem 0 0.3rem;
}
@media only screen and (max-width: 750px) {
  .calc-section hr {
    height: 0.03rem;
    margin-top: 0.6rem;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
.calc-section .subheading {
  color: #636363;
  font-size: 0.13rem;
  margin-top: 0.32rem;
  padding-top: 0.3rem;
  line-height: 0.23rem;
  margin-bottom: 0.28rem;
  border-top: 1px solid #ececec;
}
@media only screen and (max-width: 750px) {
  .calc-section .subheading {
    font-size: 0.2rem;
    line-height: 0.34rem;
    margin: 0 -0.4rem 0.42rem;
    padding: 0.38rem 0.4rem 0;
  }
}
.calc-section .subheading p {
  margin-bottom: 0.23rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .error-msg {
    padding-top: 0.07rem;
  }
}
.calc-section .form-row {
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row {
    margin-bottom: 0.4rem;
  }
}
.calc-section .form-row__label {
  padding: 0;
  height: auto;
  color: #636363;
  display: block;
  position: static;
  font-size: 0.14rem;
  margin: 0 0 0.1rem;
  line-height: 0.2rem;
  pointer-events: auto;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row__label {
    font-size: 0.24rem;
    margin-bottom: 0.2rem;
  }
}
.calc-section .form-row__title {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: block;
  color: #636363;
  overflow: hidden;
  font-size: 0.14rem;
  position: absolute;
  line-height: 0.54rem;
  font-weight: normal;
  white-space: nowrap;
  pointer-events: none;
  text-overflow: ellipsis;
  transition: all 0.35s ease;
  padding: 0 calc(.18rem + 1px);
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row__title {
    padding: 0 0.25rem;
    font-size: 0.24rem;
    line-height: 0.91rem;
  }
}
@media only screen and (min-width: 751px) {
  .calc-section .form-row:not(.on-focus) .form-row__title--small, .calc-section .form-row:not(.not-empty) .form-row__title--small {
    font-size: 0.12rem;
  }
}
.calc-section .form-row__icon {
  top: 50%;
  width: 0.29rem;
  right: 0.15rem;
  display: flex;
  color: #f8f8f8;
  height: 0.29rem;
  line-height: 1;
  user-select: none;
  font-size: 0.16rem;
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  border-radius: 50%;
  background: #d9d9d9;
  align-items: center;
  margin-top: -0.15rem;
  font-weight: normal;
  justify-content: center;
  transition: background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row__icon {
    right: 0.22rem;
    width: 0.52rem;
    height: 0.52rem;
    font-size: 0.28rem;
    margin-top: -0.26rem;
  }
}
.calc-section .form-row__icon--toggle {
  z-index: 25;
  border: none;
  cursor: pointer;
  font-size: 0.13rem;
  background: #a0a0a0;
  pointer-events: auto;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row__icon--toggle {
    font-size: 0.21rem;
  }
}
.calc-section .form-row__icon--toggle:hover {
  background: #878787;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row__icon + .tooltip {
    right: 1rem !important;
  }
}
.calc-section .form-row:not(.form-row--disabled) .form-row__icon--toggle .icon-plus {
  display: none;
}
.calc-section .form-row--disabled .form-row__icon--toggle {
  background: #dd7375;
}
.calc-section .form-row--disabled .form-row__icon--toggle .icon-minus {
  display: none;
}
.calc-section .form-row--disabled .form-row__icon--toggle:hover {
  background: #d34a4d;
}
.calc-section .form-row--disabled .form-row__title {
  opacity: 0.62;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row--disabled .form-row__title {
    opacity: 0.4;
  }
}
.calc-section .form-row .tooltip {
  top: 50%;
  z-index: 15;
  right: 0.16rem;
  position: absolute;
  margin-top: -0.1rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row .tooltip {
    right: 0.2rem;
    margin-top: -0.26rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row .tooltip__icon {
    width: 0.52rem;
    height: 0.52rem;
    font-size: 0.28rem;
    line-height: calc(.52rem - 2px);
  }
}
.calc-section .form-row__hint-icon {
  top: 50%;
  display: flex;
  width: 0.2rem;
  height: 0.2rem;
  right: 0.16rem;
  color: #a0a0a0;
  line-height: 1;
  cursor: pointer;
  font-size: 0.13rem;
  position: absolute;
  margin-top: -0.1rem;
  border-radius: 50%;
  font-weight: normal;
  align-items: center;
  justify-content: center;
  transition: border-color 0.35s ease;
  border: 1px solid rgba(145, 145, 145, 0.21);
}
.calc-section .form-row__hint-icon:hover {
  border-color: #919191;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row__hint-icon {
    width: 0.52rem;
    height: 0.52rem;
    font-size: 0.28rem;
    margin-top: -0.26rem;
  }
}
.calc-section .form-row.on-focus .form-control, .calc-section .form-row.not-empty .form-control {
  border-color: #b1b1b1;
}
.calc-section .form-row.on-focus .form-row__title, .calc-section .form-row.not-empty .form-row__title {
  color: #919191;
  font-size: 0.11rem;
  line-height: 0.32rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row.on-focus .form-row__title, .calc-section .form-row.not-empty .form-row__title {
    font-size: 0.18rem;
    line-height: 0.55rem;
  }
}
.calc-section .form-row--active .form-control {
  border-color: #b1b1b1;
}
.calc-section .form-row--active .form-row__icon:not(.form-row__icon--toggle) {
  background: #e4373a;
}
.calc-section .form-row--inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.37rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row--inline {
    font-size: 0.203rem;
    line-height: 0.29rem;
    padding-top: 0.22rem;
  }
}
.calc-section .form-row--inline__title {
  color: #404040;
  white-space: nowrap;
  margin-right: 0.2rem;
}
.calc-section .form-row--inline .counter {
  width: 1.41rem;
  flex-shrink: 0;
  margin-right: 0.4rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row--inline .counter {
    width: 2.2rem;
  }
}
.calc-section .form-row--inline .counter__input {
  color: #000;
  height: 0.39rem;
  line-height: 1.2;
  padding: 0 0.45rem;
  font-size: 0.14rem;
  font-weight: normal;
  border-radius: 0.04rem;
  border: 1px solid #dbdbdb;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row--inline .counter__input {
    height: 0.63rem;
    padding: 0 0.7rem;
    font-size: 0.22rem;
  }
}
.calc-section .form-row--inline .counter__plus, .calc-section .form-row--inline .counter__minus {
  height: auto;
  width: 0.41rem;
  color: #8a8a8a;
  background: none;
  font-size: 0.12rem;
  border-style: solid;
  border-color: #dbdbdb;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row--inline .counter__plus, .calc-section .form-row--inline .counter__minus {
    width: 0.66rem;
    font-size: 0.2rem;
  }
}
.calc-section .form-row--inline .counter__plus .icon-angle-down, .calc-section .form-row--inline .counter__minus .icon-angle-down {
  font-size: 0.18rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row--inline .counter__plus .icon-angle-down, .calc-section .form-row--inline .counter__minus .icon-angle-down {
    font-size: 0.26rem;
  }
}
.calc-section .form-row--inline .counter__plus {
  top: 0;
  right: 0;
  bottom: 0;
  border-width: 0 0 0 1px;
}
.calc-section .form-row--inline .counter__plus .icon-angle-down {
  transform: rotate(-90deg);
}
.calc-section .form-row--inline .counter__minus {
  top: 0;
  left: 0;
  bottom: 0;
  right: auto;
  border-width: 0 1px 0 0;
}
.calc-section .form-row--inline .counter__minus .icon-angle-down {
  transform: rotate(90deg);
}
.calc-section .form-row__info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-row__info {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.calc-section .form-row__info__visual {
  width: 0.29rem;
  height: 0.29rem;
  flex-shrink: 0;
  margin-right: 0.1rem;
}
.calc-section .form-row__info__visual img, .calc-section .form-row__info__visual svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.calc-section .form-control,
.calc-section .selecter-selected {
  height: 0.54rem;
  color: #292929;
  line-height: 1.2;
  font-size: 0.15rem;
  background: #f6f6f6;
  border-color: #dbdbdb;
  padding: 0.14rem 0.18rem 0;
}
.calc-section .form-control--total,
.calc-section .selecter-selected--total {
  background: #f9f2e6;
}
.calc-section .form-control:disabled,
.calc-section .selecter-selected:disabled {
  opacity: 0.62;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-control:disabled,
.calc-section .selecter-selected:disabled {
    opacity: 0.4;
  }
}
@media only screen and (max-width: 750px) {
  .calc-section .form-control,
.calc-section .selecter-selected {
    height: 0.91rem;
    font-size: 0.28rem;
    padding-top: 0.25rem;
    border-width: 0.02rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.calc-section .form-control--default,
.calc-section .selecter-selected--default {
  padding: 0 0.15rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .form-control--default,
.calc-section .selecter-selected--default {
    padding: 0 0.32rem;
  }
}
.calc-section .selecter-options {
  background: #fff;
  margin-top: 0.1rem;
  border-color: #cacaca;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
}
@media only screen and (min-width: 751px) {
  .calc-section .selecter-options {
    max-height: 2rem;
  }
}
.calc-section .selecter-item {
  font-size: 0.13rem;
  letter-spacing: 0.02em;
  padding: 0.12rem 0.18rem 0.13rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .selecter-item {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.calc-section .selecter-item:hover {
  background: #f9f9f9;
}
.calc-section .selecter-item.selected {
  background: #f6f6f6;
}
.calc-section .selecter-selected {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.calc-section .selecter-selected:after {
  display: none;
}
.calc-section .counter--default {
  width: auto;
  border-radius: 0.04rem;
}
.calc-section .counter--default .counter__input {
  height: 0.54rem;
  padding: 0 0.65rem;
  background: #f9f9f9;
  border-color: #dbdbdb;
  border-radius: 0.04rem;
  transition: border-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .calc-section .counter--default .counter__input {
    height: 0.91rem;
    padding: 0 1.2rem;
    font-size: 0.24rem;
    border-width: 0.02rem;
  }
}
.calc-section .counter--default .counter__input:focus {
  border-color: #b1b1b1;
}
.calc-section .counter--default .counter__plus, .calc-section .counter--default .counter__minus {
  top: 1px;
  bottom: 1px;
  height: auto;
  width: 0.6rem;
  display: flex;
  color: #8a8a8a;
  line-height: 1;
  font-size: 0.12rem;
  align-items: center;
  border-style: solid;
  background: #f9f9f9;
  border-color: #dbdbdb;
  justify-content: center;
  transition: background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .calc-section .counter--default .counter__plus, .calc-section .counter--default .counter__minus {
    top: 0.02rem;
    width: 1.02rem;
    bottom: 0.02rem;
    font-size: 0.21rem;
  }
}
.calc-section .counter--default .counter__plus:hover, .calc-section .counter--default .counter__minus:hover {
  background: #ececec;
}
.calc-section .counter--default .counter__plus {
  right: 1px;
  border-width: 0 0 0 1px;
  border-radius: 0 0.04rem 0.04rem 0;
}
@media only screen and (max-width: 750px) {
  .calc-section .counter--default .counter__plus {
    right: 0.02rem;
    border-width: 0 0 0 0.02rem;
  }
}
.calc-section .counter--default .counter__minus {
  left: 1px;
  right: auto;
  border-width: 0 1px 0 0;
  border-radius: 0.04rem 0 0 0.04rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .counter--default .counter__minus {
    left: 0.02rem;
    border-width: 0 0.02rem 0 0;
  }
}
.calc-section p a {
  color: inherit;
  border-bottom: 1px dotted #c5c5c5;
  transition: color 0.35s ease, border-color 0.35s ease;
}
.calc-section p a:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}
.calc-section .gray-panel {
  background: #f9f9f9;
  margin: 0 -0.3rem 0.3rem;
  padding: 0.36rem 0.3rem 0.32rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .gray-panel {
    margin: 0 -0.4rem 0.23rem;
    padding: 0.36rem 0.4rem 0.5rem;
  }
}
.calc-section .checkbox-panel {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .calc-section .checkbox-panel {
    display: block;
  }
}
.calc-section .checkbox-panel__title {
  flex-shrink: 0;
  min-width: 1.4rem;
  margin-right: 0.18rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .calc-section .checkbox-panel__title {
    min-width: 0;
    display: block;
    line-height: 1.5;
    font-size: 0.22rem;
    margin: 0 0 0.4rem;
  }
}
.calc-section .checkbox-panel__list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: flex-start;
  margin: 0 -0.2rem -0.3rem;
  justify-content: flex-start;
}
.calc-section .checkbox-panel__list.checkbox-panel__list-block {
  display:block;
}
@media only screen and (max-width: 750px) {
  .calc-section .checkbox-panel__list.checkbox-panel__list-block {
    display:block;
  }
  .calc-section .checkbox-panel__list.checkbox-panel__list-block li {
    width:100%;
  }
}

@media only screen and (max-width: 750px) {
  .calc-section .checkbox-panel__list {
    margin: 0 0 -0.48rem;
  }
}
.calc-section .checkbox-panel__list-item {
  margin: 0 0.2rem 0.3rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .checkbox-panel__list-item {
    width: 50%;
    margin: 0 0 0.48rem;
  }
  .calc-section .checkbox-panel__list-item--m-full-width {
    width: 100%;
  }
}
.calc-section .checkbox-panel .checkbox {
  font-size: 0.14rem;
  padding-left: 0.35rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .calc-section .checkbox-panel .checkbox {
    font-size: 0.22rem;
    line-height: 0.36rem;
    padding-left: 0.54rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-section .checkbox-panel .checkbox__icon {
    width: 0.36rem;
    height: 0.36rem;
  }
}
.calc-section .basket-section__inner {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -0.2rem;
  margin-bottom: 0.29rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .basket-section__inner {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}
@media only screen and (min-width: 751px) {
  .calc-section .basket-section__sidebar {
    width: 3.55rem;
    position: sticky;
    margin-left: 0.14rem;
  }
}
.calc-section .basket-section__sidebar__title {
  margin-left: -0.05rem;
  letter-spacing: 0.02em;
  margin-bottom: 0.23rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .basket-section__sidebar__title {
    margin-left: 0;
    margin-bottom: 0.43rem;
  }
}
@media only screen and (min-width: 751px) {
  .calc-section .basket-section__sidebar__btn-panel {
    padding-top: 0.1rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-section .basket-section__sidebar__btn-panel {
    padding-top: 0.23rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-section .basket-section__sidebar__btn-panel .btn:not(:first-child) {
    margin-top: 0.31rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-section .basket-section__sidebar__btn-panel .btn--secondary {
    font-weight: normal;
    text-transform: none;
    box-shadow: inset 0 0 0 0.02rem #e1e1e1;
  }
}
@media only screen and (min-width: 751px) {
  .calc-section .basket-section__sidebar-item {
    margin-bottom: 0.12rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-section .basket-section__sidebar-item {
    padding-bottom: 0.59rem;
  }
}
.calc-section .basket-section__sidebar-item hr {
  margin: 0 -0.05rem 0.17rem;
}
@media only screen and (max-width: 750px) {
  .calc-section .basket-section__sidebar-item hr {
    height: 1px;
    margin: 0 -0.4rem 0.37rem;
  }
}
.calc-section .basket-section__total-list {
  margin-bottom: 0.19rem;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 751px) {
  .calc-section .basket-section__total-list {
    margin-left: -0.05rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-section .basket-section__total-list + hr {
    margin-top: 40px;
  }
}
.calc-section .basket-section__total-list--total {
  padding-top: 0.06rem;
}
@media only screen and (min-width: 751px) {
  .calc-section .basket-section__total-list--total .basket-section__total-item {
    font-size: 0.14rem;
  }
}
@media only screen and (min-width: 751px) {
  .calc-section .basket-section__total-list__item {
    margin-bottom: 0.1rem;
  }
}
@media only screen and (min-width: 751px) {
  .calc-section .basket-section__total-item {
    font-size: 0.13rem;
    line-height: 0.23rem;
  }
}
@media only screen and (min-width: 751px) {
  .calc-section .basket-section__total-item__value {
    color: #000;
    font-size: inherit;
    line-height: inherit;
  }
}
@media only screen and (min-width: 751px) {
  .calc-section .basket-section__total-item__value--price {
    font-size: 0.23rem;
  }
}
@media only screen and (min-width: 751px) {
  .calc-section .basket-item {
    margin-bottom: 0.12rem;
  }
}
.calc-section__head {
  display: flex;
  align-items: center;
  margin-bottom: 0.21rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .calc-section__head {
    margin-bottom: 0.37rem;
    align-items: flex-start;
    flex-direction: column-reverse;
  }
}
.calc-section__head h1, .calc-section__head .h1 {
  margin-bottom: 0;
}
@media only screen and (min-width: 751px) {
  .calc-section__logo {
    margin-left: 0.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-section__logo {
    margin-bottom: 0.16rem;
  }
}

.steps-list {
  padding: 0;
  display: flex;
  background: #fff;
  list-style: none;
  overflow: hidden;
  font-size: 0.15rem;
  margin: 0 0 0.31rem;
  position: relative;
  line-height: 0.24rem;
  align-items: stretch;
  border-radius: 0.04rem;
  letter-spacing: 0.02em;
  color: rgba(46, 46, 46, 0.51);
  justify-content: flex-start;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .steps-list {
    display: none;
  }
}
.steps-list:after {
  left: 0;
  right: 0;
  top: 0.1rem;
  z-index: 5;
  content: "";
  height: 1px;
  position: absolute;
  background: #ececec;
}
.steps-list__item {
  flex-shrink: 0;
  width: 33.3333%;
  position: relative;
  transition: color 0.35s ease;
  padding: 0.33rem 0.3rem 0.27rem;
}
.steps-list__item:not(:first-child):after {
  top: 0;
  left: -1px;
  content: "";
  z-index: 15;
  width: 0.03rem;
  height: 0.11rem;
  background: #fff;
  position: absolute;
}
.steps-list__item--active, .steps-list__item--passed {
  color: #2e2e2e;
}
.steps-list__progress {
  top: 0;
  left: 0;
  right: 0;
  height: 0.11rem;
  position: absolute;
  background: linear-gradient(to right, #ff7a03, #ffa903);
}
.steps-list__progress:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  background: url(../images/step-list-bg-fragment.png) 50% 50%/auto 100% repeat-x;
}

.calc-row {
  margin: 0 0 0.3rem;
}
@media only screen and (max-width: 750px) {
  .calc-row {
    margin-bottom: 0.43rem;
  }
}
@media only screen and (min-width: 751px) {
  .calc-row .btn-panel--center .btn {
    min-width: 3rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-row .btn-panel--center .btn {
    width: 100%;
  }
}
.calc-row__title {
  display: block;
  color: #050505;
  font-size: 0.2rem;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 0.22rem;
}
@media only screen and (max-width: 750px) {
  .calc-row__title {
    font-size: 0.26rem;
    margin-bottom: 0.4rem;
  }
  .calc-row__title--white {
    z-index: 25;
    background: #fff;
    margin-bottom: 0;
    position: relative;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    margin-top: -0.05rem;
    padding-top: 0.25rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #f0f0f0;
  }
}
.calc-row__title:after {
  content: "";
  clear: both;
  display: block;
}
.calc-row__title__link {
  float: right;
  color: #404040;
  line-height: 1.5;
  font-size: 0.14rem;
  margin-top: 0.03rem;
  position: relative;
  margin-left: 0.3rem;
  font-weight: normal;
  border-bottom: 1px dotted #c5c5c5;
  transition: color 0.35s ease, border-color 0.35s ease;
}
.calc-row__title__link:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}
.calc-row__title__badge {
  right: 0;
  color: #fff;
  bottom: 100%;
  line-height: 1;
  font-size: 0.11rem;
  position: absolute;
  background: #ffa903;
  padding: 0 0.05rem 0.02rem;
}
.calc-row__text {
  display: block;
  color: #636363;
  font-size: 0.14rem;
  line-height: 0.23rem;
  margin-top: -0.08rem;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .calc-row__text {
    font-size: 0.22rem;
    margin-top: -0.2rem;
    line-height: 0.36rem;
    margin-bottom: 0.3rem;
  }
}
.calc-row__inputs {
  margin-bottom: 0.09rem;
}
@media only screen and (min-width: 751px) {
  .calc-row__inputs {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.14rem;
    margin-right: -0.15rem;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 751px) {
  .calc-row__inputs .form-row {
    width: 3.15rem;
    margin-left: 0.14rem;
    margin-right: 0.15rem;
  }
}
.calc-row__info {
  display: block;
  color: #9a9a9a;
  font-size: 0.12rem;
  line-height: 0.19rem;
}
@media only screen and (max-width: 750px) {
  .calc-row__info {
    margin-top: 0.3rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
  }
}
.calc-row__info a {
  text-decoration: underline;
}
.calc-row__info a:hover {
  text-decoration: none;
}
.calc-row__info-msg-holder {
  margin: 0 -0.3rem;
  padding: 0.19rem 0.3rem 0;
  border-top: 1px solid #ececec;
}
@media only screen and (max-width: 750px) {
  .calc-row__info-msg-holder {
    padding-top: 0.29rem;
  }
}
.calc-row__info-msg {
  color: #292929;
  letter-spacing: 0;
  font-size: 0.12rem;
  line-height: 0.2rem;
  background: #ffecc8;
  vertical-align: top;
  margin-bottom: 0.1rem;
  display: inline-block;
  border-radius: 0.04rem;
  padding: 0.05rem 0.12rem 0.05rem 0.11rem;
}
@media only screen and (max-width: 750px) {
  .calc-row__info-msg {
    font-size: 0.1898rem;
    line-height: 0.3322rem;
    margin-bottom: 0.28rem;
    padding: 0.1rem 0.17rem 0.11rem;
  }
}
.calc-row__gates__add {
  color: #636363;
  font-size: 0.14rem;
  line-height: 0.2rem;
  align-items: center;
  font-weight: normal;
  vertical-align: top;
  display: inline-flex;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .calc-row__gates__add {
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
}
.calc-row__gates__add:hover {
  color: #cf2c2f;
}
.calc-row__gates__add i {
  color: #dd7375;
  flex-shrink: 0;
  font-size: 0.08rem;
  margin-right: 0.07rem;
}
@media only screen and (max-width: 750px) {
  .calc-row__gates__add i {
    color: #fff;
    display: flex;
    width: 0.32rem;
    height: 0.32rem;
    font-size: 0.14rem;
    border-radius: 50%;
    background: #dd7375;
    align-items: center;
    margin-right: 0.18rem;
    justify-content: center;
  }
}
.calc-row__gate-item {
  position: relative;
  padding-right: 0.3rem;
  margin-bottom: 0.24rem;
}
@media only screen and (max-width: 750px) {
  .calc-row__gate-item {
    padding-right: 0;
    margin-bottom: 0;
    border-top: 1px solid transparent;
    transition: padding-top 0.35s ease;
  }
  .calc-row__gates.calc-row__gates--has-some-rows .calc-row__gate-item {
    padding-top: 0.8rem;
    border-color: #d9d9d9;
  }
}
@media only screen and (min-width: 751px) {
  .calc-row__gate-item:not(:first-child) {
    padding-top: 0.2rem;
    border-top: 1px solid #d9d9d9;
  }
}
.calc-row__gate-item__close {
  right: 0;
  opacity: 0.5;
  top: 0.22rem;
  line-height: 1;
  color: #292929;
  font-size: 0.12rem;
  position: absolute;
  transition: color 0.35s ease, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .calc-row__gate-item__close {
    top: 0.25rem;
    font-size: 0.3rem;
  }
}
.calc-row__gates:not(.calc-row__gates--has-some-rows) .calc-row__gate-item__close {
  opacity: 0;
  pointer-events: none;
}
.calc-row__gate-item__close:hover {
  opacity: 1;
  color: #cf2c2f;
}
.calc-row__gate-item--template {
  display: none;
}
.calc-row__gate-item .selecter-selected:after {
  width: 0.3rem;
  display: flex;
  color: #b8b8b8;
}
@media only screen and (max-width: 750px) {
  .calc-row__gate-item .selecter-selected:after {
    width: 0.85rem;
    color: #a0a0a0;
    font-size: 0.32rem;
  }
}
.calc-row__video-head {
  color: #404040;
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-bottom: 0.3rem;
}
.calc-row__video-head a {
  vertical-align: top;
  align-items: center;
  display: inline-flex;
  transition: color 0.35s ease;
  justify-content: flex-start;
}
.calc-row__video-head a:hover {
  color: #cf2c2f;
}
.calc-row__video-head a:hover .underline {
  border-bottom-color: transparent;
}
.calc-row__video-head .underline {
  border-bottom: 1px dotted #c5c5c5;
  transition: border-color 0.35s ease;
}
.calc-row__video-head .icon-angle-down {
  color: #788182;
  line-height: 1;
  font-size: 0.14rem;
  margin-left: 0.08rem;
  margin-top: -0.01rem;
  transition: transform 0.35s ease;
}
.calc-row__video-head.open .icon-angle-down {
  transform: rotate(180deg);
}
.calc-row__video {
  display: block;
  position: relative;
}
.calc-row__video:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0.24;
  position: absolute;
  background: #2d2d2d;
  transition: opacity 0.35s ease;
}
.calc-row__video:hover:after {
  opacity: 0.1;
}
.calc-row__video:before {
  content: "";
  display: block;
  padding-top: 56.5454%;
}
.calc-row__video img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  position: absolute;
}
.calc-row__video-icon {
  top: 50%;
  left: 50%;
  z-index: 15;
  width: 0.88rem;
  height: 0.88rem;
  background: #fff;
  position: absolute;
  border-radius: 50%;
  margin: -0.44rem 0 0 -0.44rem;
}
.calc-row__video-icon:after {
  top: 50%;
  left: 50%;
  content: "";
  position: absolute;
  margin-top: -0.16rem;
  margin-left: -0.1rem;
  border-left: 0.26rem solid #e4373a;
  border-top: 0.16rem solid transparent;
  border-bottom: 0.16rem solid transparent;
}
.calc-row__video-title {
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  z-index: 15;
  font-weight: 600;
  font-size: 0.18rem;
  position: absolute;
  line-height: 0.27rem;
  padding: 0.22rem 0.28rem;
  background: rgba(45, 45, 45, 0.77);
}
.calc-row__visual img {
  width: 100%;
  display: block;
}
.calc-row .fence-drawing {
  overflow: hidden;
}

.fence-drawing img {
  width: 100%;
  display: block;
}

.calc-inputs-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: stretch;
  margin: 0 -0.1rem -0.2rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .calc-inputs-list {
    overflow-x: auto;
    flex-wrap: nowrap;
    overflow-y: hidden;
    padding-bottom: 0.1rem;
    scroll-behavior: smooth;
    margin: 0 -0.4rem -0.1rem;
    -webkit-overflow-scrolling: touch;
  }
}
.calc-inputs-list.slick-slider {
  display: block;
}
.calc-inputs-list .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.calc-inputs-list .slick-arrow {
  color: #fff;
  border: none;
  width: 0.45rem;
  height: 0.45rem;
  font-size: 0.22rem;
  line-height: 0.45rem;
  background: #dd7375;
  margin-top: -0.32rem;
}
.calc-inputs-list .slick-arrow:hover, .calc-inputs-list .slick-arrow:active {
  color: #fff;
  background: #d34a4d;
}
.calc-inputs-list .slick-arrow.slick-disabled {
  opacity: 0;
}
.calc-inputs-list .slick-next {
  right: -0.08rem;
}
.calc-inputs-list .slick-next i {
  transform: rotate(-90deg);
}
.calc-inputs-list .slick-prev {
  left: -0.08rem;
}
.calc-inputs-list .slick-prev i {
  transform: rotate(90deg);
}
.calc-inputs-list__item {
  width: 20%;
  padding: 0 0.1rem;
  margin: 0 0 0.2rem;
}
.calc-inputs-list--small .calc-inputs-list__item {
  width: 16.6666%;
}
@media only screen and (max-width: 750px) {
  .calc-inputs-list__item {
    width: auto;
    margin-bottom: 0;
    padding-left: 0.14rem;
    padding-right: 0.14rem;
  }
  .calc-inputs-list__item:first-child {
    padding-left: 0.4rem;
  }
  .calc-inputs-list__item:last-child {
    padding-right: 0.4rem;
  }
}
@media only screen and (min-width: 751px) {
  .calc-inputs-list--colors .calc-inputs-list__item {
    width: 25%;
    margin-bottom: 0.15rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-inputs-list--colors .calc-inputs-list__item {
    padding: 0;
    width: 100%;
    margin-bottom: 0;
  }
  .calc-inputs-list--colors .calc-inputs-list__item:not(:first-child) {
    margin-top: 0.45rem;
  }
}
.calc-inputs-list__item .tooltip {
  top: 0.16rem;
  left: 0.16rem;
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .calc-inputs-list--auto-width {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-inputs-list--auto-width .calc-inputs-list__item {
    width: 50%;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
}
@media only screen and (max-width: 750px) {
  .calc-inputs-list--auto-width .calc-input {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .calc-inputs-list--colors {
    margin: 0;
    flex-wrap: wrap;
    overflow: visible;
  }
}
.calc-inputs-list--colors .tooltip {
  top: auto;
  left: auto;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .calc-inputs-list--small {
    flex-wrap: wrap;
    overflow: visible;
    margin-left: -0.11rem;
    margin-right: -0.11rem;
    margin-bottom: -0.3rem;
  }
  .calc-inputs-list--small .calc-inputs-list__item {
    width: 33.3333%;
    margin-bottom: 0.3rem;
    padding-left: 0.11rem;
    padding-right: 0.11rem;
  }
  .calc-inputs-list--small .calc-input {
    width: auto;
  }
}
.calc-inputs-list + .calc-row__text {
  padding-top: 0.3rem;
}
@media only screen and (max-width: 750px) {
  .calc-inputs-list + .calc-row__text {
    padding-top: 0.5rem;
  }
}

.calc-input {
  z-index: 10;
  display: block;
  min-height: 100%;
  line-height: 1.5;
  font-size: 0.15rem;
  position: relative;
  text-align: center;
  padding: 0.23rem 0.2rem;
  border-radius: 0.04rem;
  letter-spacing: 0.02em;
  border: 1px solid #d9d9d9;
}
@media only screen and (max-width: 750px) {
  .calc-input {
    width: 2.9rem;
    font-weight: 600;
    font-size: 0.22rem;
    line-height: 0.36rem;
    border-width: 0.02rem;
    padding: 0.35rem 0.1rem;
  }
}
.calc-input__bg {
  opacity: 0;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -10;
  position: absolute;
  border-radius: 0.04rem;
  border: 2px solid #f69f59;
  transition: opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .calc-input__bg {
    top: -0.02rem;
    left: -0.02rem;
    right: -0.02rem;
    bottom: -0.02rem;
    background: #fffcfc;
    border-width: 0.02rem;
  }
  .white-bg .calc-input__bg {
    background: none;
  }
  .calc-input__bg:before {
    top: 0.1rem;
    color: #fff;
    z-index: 50;
    width: 0.3rem;
    height: 0.3rem;
    right: 0.11rem;
    display: flex;
    content: "";
    font-size: 0.12rem;
    position: absolute;
    font-style: normal;
    border-radius: 50%;
    font-weight: normal;
    background: #f69f59;
    align-items: center;
    font-family: "icomoon";
    justify-content: center;
  }
}
.calc-input__input:checked + .calc-input__bg {
  opacity: 1;
}
.calc-input__input {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}
.calc-input__visual {
  height: 1rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.16rem;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .calc-input__visual {
    height: 1.31rem;
    margin-bottom: 0.19rem;
  }
}
.calc-input__visual img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.calc-input__visual--full-width {
  height: auto;
  z-index: -15;
  display: block;
  overflow: hidden;
  position: relative;
  width: calc(100% + .4rem);
  margin: -0.21rem -0.2rem 0.22rem;
  border-radius: 0.04rem 0.04rem 0 0;
}
@media only screen and (max-width: 750px) {
  .calc-input__visual--full-width {
    width: calc(100% + .2rem);
    margin: -0.35rem -0.1rem 0.3rem;
  }
}
.calc-input__visual--full-width:before {
  content: "";
  display: block;
  padding-top: 56.1576%;
}
.calc-input__visual--full-width img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.calc-input .tooltip {
  top: 0.08rem;
  left: 0.08rem;
  margin-left: 0;
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .calc-input .tooltip {
    top: 0.13rem;
    left: 0.13rem;
  }
}
.calc-input__color {
  display: flex;
  line-height: 1.2;
  font-size: 0.13rem;
  margin-top: -0.05rem;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .calc-input__color {
    font-size: 0.2rem;
  }
}
.calc-input__price {
  color: #1c1c1c;
  display: block;
  line-height: 1.2;
  font-size: 0.13rem;
  margin-top: 0.09rem;
  letter-spacing: 0.02em;
  margin-bottom: -0.06rem;
}
@media only screen and (max-width: 750px) {
  .calc-input__price {
    font-size: 0.18rem;
  }
}
.calc-input__icon {
  top: 0;
  left: 0;
  width: 0.22rem;
  height: 0.22rem;
  position: absolute;
  border-radius: 0.04rem;
  border: 1px solid #d0d0d0;
}

.roof-parameters .form-row {
  max-width: 3.15rem;
}
@media only screen and (max-width: 750px) {
  .roof-parameters .form-row {
    max-width: none;
  }
}
.roof-parameters__visual {
  display: flex;
  height: 5.16rem;
  position: relative;
  align-items: flex-start;
  justify-content: flex-end;
}
@media only screen and (max-width: 750px) {
  .roof-parameters__visual {
    display: block;
    height: 5.38rem;
    max-height: 5.38rem;
    margin-bottom: 0.2rem;
    will-change: max-height;
    transition: max-height 0.35s ease;
  }
}
@media only screen and (max-width: 750px) {
  .roof-parameters__visual__inner {
    top: 0;
    left: 0;
    right: 0;
    z-index: 250;
    background: #fff;
    overflow: hidden;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    transition: box-shadow 0.35s ease;
    box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0);
  }
}
.roof-parameters__visual img {
  height: 100%;
  width: 7.2rem;
  display: block;
  object-fit: contain;
}
@media only screen and (max-width: 750px) {
  .roof-parameters__visual img {
    width: 100%;
    height: auto;
    max-height: 100vh;
    will-change: max-height;
    transition: max-height 0.35s ease;
  }
}
.roof-parameters__check-holder {
  padding-top: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .roof-parameters__check-holder {
    padding-top: 0.09rem;
    margin-bottom: -0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .roof-parameters__check-holder .form-row {
    margin-bottom: 0.3rem;
  }
}
.roof-parameters__check-holder .checkbox {
  font-size: 0.14rem;
  padding-left: 0.36rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .roof-parameters__check-holder .checkbox {
    font-size: 0.22rem;
    line-height: 0.29rem;
    padding-left: 0.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .roof-parameters__check-holder .checkbox__icon {
    width: 0.29rem;
    height: 0.29rem;
    font-size: 0.13rem;
  }
}

.ramp-list {
  margin: 0;
  padding: 0;
  width: 4.31rem;
  flex-shrink: 0;
  list-style: none;
}
@media only screen and (max-width: 750px) {
  .ramp-list {
    width: auto;
    margin: 0 -0.4rem;
    padding: 0.4rem 0.4rem 0;
    border-top: 0.02rem solid #f0f0f0;
  }
}

.ramp-item {
  border-radius: 0.04rem;
  border: 0.02rem solid #e3e3e3;
  padding: 0.23rem 0.32rem 0.1rem;
}
@media only screen and (max-width: 750px) {
  .ramp-item {
    border-width: 0.02rem;
    padding: 0.38rem 0.48rem 0.16rem;
  }
}
.ramp-item.active {
  border-color: #f69f59;
}
.ramp-item:not(:first-child) {
  margin-top: 0.13rem;
}
@media only screen and (max-width: 750px) {
  .ramp-item:not(:first-child) {
    margin-top: 0.4rem;
  }
}
.ramp-item__title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.21rem;
  margin: 0 0 0.2rem;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .ramp-item__title {
    font-weight: 600;
    font-size: 0.3045rem;
    margin-bottom: 0.34rem;
    padding-right: 1.6rem;
  }
  .ramp-item:not(.active) .ramp-item__title {
    margin-bottom: 0.26rem;
  }
}
.ramp-item__toggle {
  top: 0;
  right: 0;
  color: #404040;
  line-height: 1.2;
  font-size: 0.24rem;
  position: absolute;
  font-weight: normal;
  border-bottom: 1px dotted #cacaca;
  transition: border-color 0.35s ease;
}
.ramp-item__toggle:hover {
  border-bottom-color: transparent;
}
.ramp-item:not(.active) .ramp-item__toggle:before {
  content: attr(data-default);
}
.ramp-item.active .ramp-item__toggle:before {
  content: attr(data-active);
}
.ramp-item__row {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-bottom: 0.2rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .ramp-item__row {
    margin-bottom: 0.29rem;
    justify-content: space-between;
  }
  .ramp-item:not(.active) .ramp-item__row {
    display: none;
  }
}
.ramp-item__row-title {
  display: flex;
  width: 2.1rem;
  color: #404040;
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-right: 0.1rem;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .ramp-item__row-title {
    width: auto;
    font-size: 0.203rem;
    line-height: 0.36rem;
  }
}
.ramp-item .counter {
  width: 1.41rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 750px) {
  .ramp-item .counter {
    width: 2.3rem;
  }
}
.ramp-item .counter__input {
  color: #000;
  height: 0.39rem;
  line-height: 1.2;
  padding: 0 0.45rem;
  font-size: 0.14rem;
  font-weight: normal;
  border-radius: 0.04rem;
  border: 1px solid #dbdbdb;
}
@media only screen and (max-width: 750px) {
  .ramp-item .counter__input {
    height: 0.63rem;
    padding: 0 0.7rem;
    font-size: 0.22rem;
  }
}
.ramp-item .counter__plus, .ramp-item .counter__minus {
  height: auto;
  width: 0.41rem;
  color: #8a8a8a;
  background: none;
  font-size: 0.12rem;
  border-style: solid;
  border-color: #dbdbdb;
}
@media only screen and (max-width: 750px) {
  .ramp-item .counter__plus, .ramp-item .counter__minus {
    width: 0.66rem;
    font-size: 0.2rem;
  }
}
.ramp-item .counter__plus .icon-angle-down, .ramp-item .counter__minus .icon-angle-down {
  font-size: 0.18rem;
}
@media only screen and (max-width: 750px) {
  .ramp-item .counter__plus .icon-angle-down, .ramp-item .counter__minus .icon-angle-down {
    font-size: 0.26rem;
  }
}
.ramp-item .counter__plus {
  top: 0;
  right: 0;
  bottom: 0;
  border-width: 0 0 0 1px;
}
.ramp-item .counter__plus .icon-angle-down {
  transform: rotate(-90deg);
}
.ramp-item .counter__minus {
  top: 0;
  left: 0;
  bottom: 0;
  right: auto;
  border-width: 0 1px 0 0;
}
.ramp-item .counter__minus .icon-angle-down {
  transform: rotate(90deg);
}
@media only screen and (min-width: 751px) {
  .ramp-item__expanded {
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
  }
}
@media only screen and (max-width: 750px) {
  .ramp-item__expanded {
    padding-top: 0.22rem;
    margin: 0 -0.48rem -0.16rem;
  }
}
.ramp-item:not(.active) .ramp-item__expanded {
  display: none;
}

.ramp-preview {
  display: flex;
  position: relative;
  min-height: 4.13rem;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .ramp-preview {
    min-height: 0;
    display: block;
  }
}
.ramp-preview__visual {
  height: 100%;
  width: 6.47rem;
  flex-shrink: 0;
  overflow: auto;
  background: #fcfcfc;
  border-radius: 0.04rem;
  border: 1px solid #ededed;
}
@media only screen and (max-width: 750px) {
  .ramp-preview__visual {
    width: auto;
    height: auto;
    background: none;
    border-width: 1px 0 0;
  }
}
.ramp-preview__visual img, .ramp-preview__visual svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.selected-products-list {
  margin: 0;
  list-style: none;
  padding: 0.08rem 0 0;
}
@media only screen and (max-width: 750px) {
  .selected-products-list {
    padding-top: 0;
  }
}

.selected-product {
  display: flex;
  margin: 0 -0.3rem;
  align-items: center;
  border-style: solid;
  border-width: 1px 0 0;
  border-color: #ececec;
  justify-content: space-between;
  padding: 0.32rem 0.5rem 0.22rem 0.3rem;
}
@media only screen and (max-width: 750px) {
  .selected-product {
    display: block;
    margin: 0 -0.4rem;
    padding: 0.36rem 0.4rem 0.5rem;
  }
  .selected-product:after {
    clear: both;
    content: "";
    display: block;
  }
}
.selected-product__visual {
  width: 1.03rem;
  flex-shrink: 0;
  position: relative;
  margin-right: 0.36rem;
}
@media only screen and (max-width: 750px) {
  .selected-product__visual {
    float: left;
    width: 1.2rem;
    margin-right: 0.33rem;
    margin-bottom: 0.14rem;
  }
}
.selected-product__visual:before {
  content: "";
  display: block;
  padding-top: 69.9029%;
}
.selected-product__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
}
.selected-product__content {
  width: 100%;
}
@media only screen and (max-width: 750px) {
  .selected-product__content {
    width: auto;
  }
}
.selected-product__price-panel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .selected-product__price-panel {
    display: block;
  }
}
.selected-product__price {
  color: #000;
  flex-shrink: 0;
  font-weight: 600;
  line-height: 1.2;
  min-width: 1.2rem;
  font-size: 0.19rem;
  text-align: right;
  white-space: nowrap;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 750px) {
  .selected-product__price {
    min-width: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
    font-size: 0.22rem;
    margin: 0 0 0.42rem;
  }
}
.selected-product__price sup {
  font-size: 65%;
  line-height: 1;
  vertical-align: top;
  display: inline-block;
}
.selected-product__change-btn .btn {
  font-size: 0.15rem;
  font-weight: normal;
  text-transform: none;
  padding-left: 0.35rem;
  padding-right: 0.38rem;
}
@media only screen and (max-width: 750px) {
  .selected-product__change-btn .btn {
    width: 100%;
    font-size: 0.26rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
  .selected-product__change-btn .btn span {
    margin-left: 0.04rem;
  }
  .selected-product__change-btn .btn i {
    font-size: 0.34rem;
    margin-right: 0.25rem;
  }
}
.selected-product__title {
  color: #000;
  display: block;
  font-weight: 600;
  font-size: 0.14rem;
  line-height: 0.23rem;
  margin-bottom: 0.07rem;
}
@media only screen and (max-width: 750px) {
  .selected-product__title {
    overflow: hidden;
    font-size: 0.22rem;
    line-height: 0.34rem;
    margin-bottom: 0.3rem;
  }
}
.selected-product__title a {
  vertical-align: top;
  display: inline-block;
  transition: color 0.35s ease;
}
.selected-product__title a:hover {
  color: #cf2c2f;
}
.selected-product__info {
  margin: 0;
  padding: 0;
  display: flex;
  color: #636363;
  flex-wrap: wrap;
  list-style: none;
  font-size: 0.12rem;
  line-height: 0.23rem;
  letter-spacing: 0.02em;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .selected-product__info {
    width: 100%;
    overflow: hidden;
    font-size: 0.2rem;
    line-height: 0.322rem;
    margin-bottom: 0.28rem;
  }
}
.selected-product__info-item:not(:first-child):before {
  content: "/";
  color: #aeaeae;
  margin: 0 0.06rem;
}
@media only screen and (max-width: 750px) {
  .selected-product__info-item:not(:first-child):before {
    margin: 0 0.11rem;
  }
}

.gutter-preview {
  min-height: 4.48rem;
}
@media only screen and (max-width: 750px) {
  .gutter-preview {
    min-height: 4.14rem;
  }
}
.gutter-preview img {
  width: 7.25rem;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  .gutter-preview img {
    width: 100%;
  }
}

.group-input-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: stretch;
  margin: 0 -0.1rem -0.2rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .group-input-list {
    margin: 0;
    display: block;
  }
}
.group-input-list__item {
  width: 25%;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .group-input-list__item {
    padding: 0;
    width: auto;
    margin: 0 0 0.3rem;
  }
}
@media only screen and (min-width: 751px) {
  .group-input-list--wide .group-input-list__item {
    width: 33.3333%;
  }
}
.group-input-list__item--template {
  display: none;
}

.group-input-item {
  min-height: 100%;
  background: #fff;
  position: relative;
  border-radius: 0.04rem;
  border: 1px solid #dbdbdb;
  padding: 0.22rem 0.2rem 0.17rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  transition: background 0.35s ease, box-shadow 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .group-input-item {
    min-height: 0;
    padding: 0.4rem 0.4rem 0.08rem;
  }
}
.group-input-list--head-inside .group-input-item {
  min-height: calc(100% - .52rem);
}
@media only screen and (max-width: 750px) {
  .group-input-list--head-inside .group-input-item {
    min-height: 0;
  }
}
.group-input-item--add {
  display: flex;
  height: 2.64rem;
  text-align: center;
  align-items: center;
  border-style: dashed;
  flex-direction: column;
  justify-content: center;
}
.group-input-list--full .group-input-item--add {
  display: none;
}
@media only screen and (max-width: 750px) {
  .group-input-item--add {
    border: none;
    height: 1.1rem;
    flex-direction: row;
    padding: 0.1rem 0.3rem;
    background: linear-gradient(to bottom, #ff9903, #ff7d03);
  }
}
.group-input-item--add:not(:hover) {
  box-shadow: none;
}
@media only screen and (min-width: 751px) {
  .group-input-item--add:not(:hover) {
    background: none;
  }
}
.group-input-item__remove {
  top: 0.12rem;
  color: #777;
  right: 0.12rem;
  line-height: 1;
  font-size: 0.13rem;
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .group-input-item__remove {
    top: 0.2rem;
    right: 0.2rem;
    font-size: 0.24rem;
  }
}
.group-input-item__remove:hover {
  color: #cf2c2f;
}
.group-input-item__title {
  display: block;
  font-size: 0.2rem;
  line-height: 1.2;
  margin: 0 0 0.16rem;
  color: #404040;
}
@media only screen and (max-width: 750px) {
  .group-input-item__title {
    font-size: 0.28rem;
    margin-bottom: 0.26rem;
  }
}
.group-input-item .form-row {
  margin-bottom: 0.2rem;
}
.group-input-item .form-row__label {
  line-height: 1.2;
  font-size: 0.13rem;
  margin-bottom: 0.09rem;
}
@media only screen and (max-width: 750px) {
  .group-input-item .form-row__label {
    font-size: 0.22rem;
    margin-bottom: 0.2rem;
  }
}
.group-input-item .col-row {
  margin-left: -0.09rem;
  margin-right: -0.09rem;
}
@media only screen and (max-width: 750px) {
  .group-input-item .col-row {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
}
.group-input-item .col-row > .col {
  padding-left: 0.09rem;
  padding-right: 0.09rem;
}
@media only screen and (max-width: 750px) {
  .group-input-item .col-row > .col {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.group-input-item .form-control {
  color: #000;
  height: 0.54rem;
  line-height: 1.2;
  font-size: 0.16rem;
  padding: 0 0.14rem;
}
@media only screen and (max-width: 750px) {
  .group-input-item .form-control {
    height: 0.91rem;
    padding: 0 0.3rem;
    font-size: 0.24rem;
  }
}
.group-input-item .calc-inputs-list {
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  margin-bottom: -0.2rem;
}
@media only screen and (max-width: 750px) {
  .group-input-item .calc-inputs-list {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
}
.group-input-item .calc-inputs-list__item {
  width: 50%;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 750px) {
  .group-input-item .calc-inputs-list__item {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
@media only screen and (max-width: 750px) {
  .group-input-item .calc-inputs-list__item .calc-input {
    width: auto;
    padding: 0.35rem 0.2rem;
  }
}
.group-input-item .calc-input {
  padding: 0.15rem 0.1rem;
}
.group-input-item__add-icon {
  width: 0.82rem;
  height: 0.82rem;
  position: relative;
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 750px) {
  .group-input-item__add-icon {
    width: 0.44rem;
    height: 0.44rem;
    background: #fff;
    border-radius: 50%;
    margin: 0 0.18rem 0 0;
  }
}
.group-input-item__add-icon:after, .group-input-item__add-icon:before {
  top: 50%;
  left: 50%;
  content: "";
  position: absolute;
  background: #ff9203;
}
.group-input-item__add-icon:after {
  width: 0.05rem;
  height: 0.82rem;
  margin: -0.41rem 0 0 -0.02rem;
}
@media only screen and (max-width: 750px) {
  .group-input-item__add-icon:after {
    height: 0.2rem;
    width: 0.02rem;
    margin: -0.1rem 0 0 -0.01rem;
  }
}
.group-input-item__add-icon:before {
  width: 0.82rem;
  height: 0.05rem;
  margin: -0.02rem 0 0 -0.41rem;
}
@media only screen and (max-width: 750px) {
  .group-input-item__add-icon:before {
    width: 0.2rem;
    height: 0.02rem;
    margin: -0.01rem 0 0 -0.1rem;
  }
}
.group-input-item__add-text {
  color: #636363;
  display: block;
  font-size: 0.2rem;
  line-height: 1.2;
}
@media only screen and (max-width: 750px) {
  .group-input-item__add-text {
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    font-size: 0.26rem;
    letter-spacing: 0.02em;
  }
}

.siding-parameters-holder {
  padding-top: 0.03rem;
}
.siding-parameters-holder .form-row__label {
  margin-bottom: 0.16rem;
}

.gable-holder {
  overflow: hidden;
}
@media only screen and (max-width: 750px) {
  .gable-holder > hr {
    margin-top: 0;
  }
}

.favorites-section h3, .favorites-section .h3 {
  line-height: 1.2;
  font-size: 0.16rem;
  margin: 0 0 0.12rem;
}
@media only screen and (max-width: 750px) {
  .favorites-section h3, .favorites-section .h3 {
    font-size: 0.26rem;
    margin-bottom: 0.24rem;
  }
}
.favorites-section__empty {
  color: #000;
  line-height: 1.2;
  padding: 0.4rem 0;
  font-size: 0.14rem;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .favorites-section__empty {
    font-size: 0.24rem;
  }
}
.favorites-section__empty h3, .favorites-section__empty .h3 {
  line-height: 1.2;
  font-size: 0.2rem;
  margin-bottom: 0.08rem;
}
@media only screen and (max-width: 750px) {
  .favorites-section__empty h3, .favorites-section__empty .h3 {
    font-size: 0.36rem;
    margin-bottom: 0.24rem;
  }
}
.favorites-section__inner {
  display: flex;
  position: relative;
  padding-top: 0.06rem;
  padding-bottom: 0.39rem;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .favorites-section__inner {
    padding: 0;
    display: block;
  }
}
.favorites-section__main {
  width: 100%;
}
@media only screen and (max-width: 750px) {
  .favorites-section__main {
    width: auto;
    margin-bottom: 0.3rem;
  }
}
.favorites-section__sidebar {
  top: 0;
  width: 3.48rem;
  flex-shrink: 0;
  position: sticky;
  background: #fff;
  margin-right: 0.2rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .favorites-section__sidebar {
    margin: 0;
    width: auto;
    position: static;
  }
}
.favorites-section__sidebar__title {
  color: #000;
  display: block;
  font-size: 0.19rem;
  margin: 0 0 0.21rem;
  line-height: 0.28rem;
}
@media only screen and (max-width: 750px) {
  .favorites-section__sidebar__title {
    font-size: 0.26rem;
    line-height: 0.3rem;
    margin-bottom: 0.31rem;
  }
}
.favorites-section__sidebar__btn-panel {
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .favorites-section__sidebar__btn-panel .btn {
    font-size: 0.26rem;
  }
}
.favorites-section__sidebar__coupon-holder {
  padding: 0.18rem 0 0;
}
@media only screen and (max-width: 750px) {
  .favorites-section__sidebar__coupon-holder {
    padding-top: 0.4rem;
  }
}
.favorites-section__sidebar__coupon {
  color: #404040;
  line-height: 1.2;
  font-size: 0.14rem;
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px dotted #c5c5c5;
  transition: border-color 0.35s ease, color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .favorites-section__sidebar__coupon {
    font-size: 0.24rem;
    line-height: 0.3rem;
  }
}
.favorites-section__sidebar__coupon:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}
.favorites-section__sidebar__icon {
  display: block;
  padding-top: 0.08rem;
  margin-bottom: 0.12rem;
}
@media only screen and (max-width: 750px) {
  .favorites-section__sidebar__icon {
    padding-top: 0.07rem;
    margin-bottom: 0.22rem;
  }
}
.favorites-section__sidebar__icon svg {
  fill: #a9a9a9;
  display: block;
  margin: 0 auto;
}
.favorites-section__sidebar__warning-text {
  color: #404040;
  display: block;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.21rem;
  letter-spacing: 0.02em;
  margin-bottom: 0.25rem;
}
@media only screen and (max-width: 750px) {
  .favorites-section__sidebar__warning-text {
    font-size: 0.217rem;
    line-height: 0.32rem;
    margin-bottom: 0.3rem;
  }
}

.favorites-controls-panel {
  display: flex;
  padding: 0.3rem;
  background: #fff;
  align-items: center;
  border-radius: 0.04rem;
  margin-bottom: 0.24rem;
  justify-content: flex-start;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .favorites-controls-panel {
    display: block;
    padding: 0.5rem 0.4rem;
    margin: 0 -0.4rem 0.36rem;
  }
}
.favorites-controls-panel__select {
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .favorites-controls-panel__select {
    margin-bottom: 0.31rem;
  }
}
.favorites-controls-panel--disabled .favorites-controls-panel__select {
  opacity: 0.43;
  pointer-events: none;
}
.favorites-controls-panel__select__title {
  left: 1px;
  right: 1px;
  z-index: 15;
  top: 0.08rem;
  display: flex;
  color: #7d7d7d;
  height: 0.13rem;
  line-height: 1.2;
  position: absolute;
  font-size: 0.11rem;
  padding: 0 0.15rem;
  align-items: center;
  pointer-events: none;
  transition: all 0.35s ease;
  justify-content: flex-start;
}
.favorites-controls-panel__select:not(.favorites-controls-panel__select--selected) .favorites-controls-panel__select__title {
  top: 0;
  height: 0.54rem;
  color: #292929;
  font-size: 0.14rem;
}
@media only screen and (max-width: 750px) {
  .favorites-controls-panel__select:not(.favorites-controls-panel__select--selected) .favorites-controls-panel__select__title {
    height: 0.91rem;
    font-size: 0.24rem;
  }
}
@media only screen and (max-width: 750px) {
  .favorites-controls-panel__select__title {
    top: 0.14rem;
    left: 0.02rem;
    right: 0.02rem;
    font-size: 0.18rem;
    padding-left: 0.26rem;
    padding-right: 0.26rem;
  }
}
.favorites-controls-panel__select .selecter-selected {
  height: 0.53rem;
  line-height: 0.68rem;
  background: #f6f6f6;
}
@media only screen and (max-width: 750px) {
  .favorites-controls-panel__select .selecter-selected {
    height: 0.91rem;
    line-height: 1.08rem;
  }
}
.favorites-controls-panel__select .selecter-selected:after {
  color: #292929;
}
.favorites-controls-panel__select .selecter-selected:hover {
  border-color: #cecece;
}
.favorites-controls-panel__select .selecter-item:hover,
.favorites-controls-panel__select .selecter-item.selected {
  background: #f6f6f6;
}
.favorites-controls-panel__select .selecter-options {
  background: #fff;
  margin-top: 0.09rem;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
}
.favorites-controls-panel__select:not(.favorites-controls-panel__select--selected) .selecter-selected {
  color: transparent;
}
.favorites-controls-panel__btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .favorites-controls-panel__btns {
    flex-wrap: wrap;
    margin-left: -0.14rem;
    margin-right: -0.14rem;
    margin-bottom: -0.31rem;
  }
}
.favorites-controls-panel--disabled .favorites-controls-panel__btns {
  opacity: 0.43;
  pointer-events: none;
}
.favorites-controls-panel .btn {
  margin-left: 0.1rem;
  font-weight: normal;
  text-transform: none;
  padding-left: 0.33rem;
  padding-right: 0.33rem;
}
@media only screen and (max-width: 750px) {
  .favorites-controls-panel .btn {
    height: 0.95rem;
    font-size: 0.26rem;
    margin-left: 0.14rem;
    margin-right: 0.14rem;
    margin-bottom: 0.31rem;
    width: calc(100% + 0.28rem);
  }
}
.favorites-controls-panel .icon-btn {
  line-height: 1;
  font-size: 0.23rem;
  min-width: 0.53rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
@media only screen and (max-width: 750px) {
  .favorites-controls-panel .icon-btn {
    color: #404040;
    font-size: 0.26rem;
    background: #f1f1f1;
    width: calc(50% - 0.28rem);
    box-shadow: inset 0 0 0 0.02rem #e1e1e1;
  }
  .favorites-controls-panel .icon-btn:hover {
    box-shadow: inset 0 0 0 0.02rem #c8c8c8;
  }
}
.favorites-controls-panel .icon-btn i {
  margin: 0;
}
.favorites-controls-panel .icon-btn i:before {
  vertical-align: top;
}

.product-comparison-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .product-comparison-section-head {
    padding-top: 0.3rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-comparison-section-head .product-comparison__clear {
    margin-top: 0.15rem;
  }
}

.product-comparison-head {
  display: flex;
  align-items: center;
  margin-top: -0.14rem;
  margin-bottom: 0.3rem;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .product-comparison-head {
    margin-bottom: 0;
    margin-top: -0.26rem;
  }
}
.product-comparison-head .section-tab-controls {
  margin-bottom: 0;
}
@media only screen and (min-width: 751px) {
  .product-comparison-head .section-tab-controls {
    margin-top: 0.14rem;
    margin-left: -0.17rem;
    margin-right: -0.17rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-comparison-head .section-tab-controls {
    margin-top: 0.32rem;
  }
}
@media only screen and (min-width: 751px) {
  .product-comparison-head .section-tab-controls__item {
    margin-left: 0.17rem;
    margin-right: 0.17rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-comparison-head .section-tab-controls-cover {
    margin-bottom: 0;
  }
}

.product-comparison-categories {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.16rem;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .product-comparison-categories {
    overflow-x: auto;
    flex-wrap: nowrap;
    margin: 0 -0.4rem;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

.product-comparison-category {
  color: #636363;
  margin: 0 0.16rem;
  font-size: 0.14rem;
  white-space: nowrap;
  line-height: 0.2rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  .product-comparison-category {
    margin: 0;
    font-size: 0.22rem;
    line-height: 0.36rem;
  }
  .product-comparison-category:first-child {
    padding-left: 0.4rem;
  }
  .product-comparison-category:last-child {
    padding-right: 0.4rem;
  }
}
.product-comparison-category__link {
  vertical-align: top;
  display: inline-block;
  padding: 0.18rem 0.05rem 0.16rem;
  border-bottom: 0.02rem solid transparent;
  transition: color 0.35s ease, border-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-comparison-category__link {
    z-index: 10;
    margin: 0 0.23rem;
    position: relative;
    padding: 0.2rem 0.08rem;
    border-bottom-width: 0.03rem;
  }
  .product-comparison-category:first-child .product-comparison-category__link {
    margin-left: 0;
  }
  .product-comparison-category:last-child .product-comparison-category__link {
    margin-right: 0;
  }
  .product-comparison-category__link:after, .product-comparison-category__link:before {
    content: "";
    height: 0.03rem;
    bottom: -0.03rem;
    position: absolute;
    pointer-events: none;
  }
  .product-comparison-category__link:before {
    left: -0.23rem;
    right: -0.23rem;
    background: #eaeaea;
  }
  .product-comparison-category:first-child .product-comparison-category__link:before {
    left: 0;
  }
  .product-comparison-category:last-child .product-comparison-category__link:before {
    right: 0;
  }
  .product-comparison-category__link:after {
    left: 0;
    right: 0;
    position: absolute;
    background: #cf2c2f;
    transition: opacity ease;
  }
  .product-comparison-category:not(.product-comparison-category--active) .product-comparison-category__link:after {
    opacity: 0;
  }
}
.product-comparison-category:not(.product-comparison-category--disabled) .product-comparison-category__link:hover {
  color: #cf2c2f;
}
.product-comparison-category--active .product-comparison-category__link {
  color: #cf2c2f;
  border-bottom-color: #cf2c2f;
}
.product-comparison-category--disabled .product-comparison-category__link {
  cursor: default;
  color: #b6b6b6;
}

.product-comparison {
  background: #fff;
  position: relative;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .product-comparison {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}
.product-comparison--single {
  padding-top: 0 !important;
}
@media only screen and (min-width: 751px) {
  .product-comparison--single {
    width: 50%;
  }
}
.product-comparison--empty {
  padding-top: 0 !important;
}
@media only screen and (min-width: 751px) {
  .product-comparison--empty {
    width: 25%;
  }
}
@media only screen and (max-width: 750px) {
  .product-comparison--empty {
    margin-left: 0;
    margin-right: -0.8rem;
    width: calc(50% + 0.4rem);
  }
}
@media only screen and (min-width: 751px) {
  .product-comparison:not(.product-comparison--fixed-head) {
    padding-top: 0 !important;
  }
}
.product-comparison--fixed-head .product-item__action-link__tooltip {
  bottom: auto;
  top: -9999px;
  z-index: 1000;
  margin-bottom: 0;
  margin-top: 0.15rem;
}
.product-comparison--fixed-head .product-item__action-link__tooltip:before {
  top: auto;
  bottom: 100%;
  border-top-width: 0;
  border-bottom: 0.08rem solid #292929;
}
.product-comparison--fixed-head .product-item__action-link:hover .product-item__action-link__tooltip, .product-comparison--fixed-head .product-item__action-link.show-tooltip .product-item__action-link__tooltip {
  top: 100%;
  bottom: auto;
}
@media only screen and (max-width: 750px) {
  .product-comparison {
    padding-top: 0 !important;
  }
}
.product-comparison__clear {
  margin-left: 0.2rem;
}
@media only screen and (min-width: 751px) {
  .product-comparison__clear {
    margin-top: 0.09rem;
  }
}
.product-comparison__clear-btn {
  display: flex;
  color: #636363;
  line-height: 1.2;
  font-size: 0.13rem;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .product-comparison__clear-btn {
    font-size: 0.1863rem;
  }
}
.product-comparison__clear-btn:hover {
  color: #cf2c2f;
}
.product-comparison__clear-btn__icon {
  line-height: 1;
  font-size: 0.17rem;
  margin-right: 0.1rem;
  transition: color 0.2s ease;
}
@media only screen and (max-width: 750px) {
  .product-comparison__clear-btn__icon {
    font-size: 0.26rem;
    margin-right: 0.13rem;
  }
}
.product-comparison__clear-btn:not(:hover) .product-comparison__clear-btn__icon {
  color: #919191;
}
.product-comparison__clear-btn__text {
  border-bottom: 1px dotted;
}
@media only screen and (min-width: 751px) {
  .product-comparison__head-holder {
    top: 0;
    left: 0;
    right: 0;
    z-index: 950;
    position: relative;
  }
  .product-comparison--fixed-head .product-comparison__head-holder {
    position: fixed;
  }
  .product-comparison--fixed-head-bottom .product-comparison__head-holder {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    position: absolute;
  }
  .product-comparison:not(.product-comparison--fixed-head) .product-comparison__head-holder > .container, .product-comparison.product-comparison--fixed-head-bottom .product-comparison__head-holder > .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 750px) {
  .product-comparison__head-holder > .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.product-comparison--empty .product-comparison__head-holder, .product-comparison--single .product-comparison__head-holder {
  position: static;
}
.product-comparison--empty .product-comparison__head-holder > .container, .product-comparison--single .product-comparison__head-holder > .container {
  padding-left: 0;
  padding-right: 0;
}
.product-comparison__head {
  display: flex;
  background: #fff;
  position: relative;
  justify-content: flex-start;
  transition: box-shadow 0.35s ease;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 750px) {
  .product-comparison__head {
    display: block;
  }
}
@media only screen and (min-width: 751px) {
  .product-comparison--fixed-head:not(.product-comparison--single):not(.product-comparison--empty) .product-comparison__head {
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  }
}
.product-comparison--single .product-comparison__head {
  display: flex;
}
.product-comparison--empty .product-comparison__body, .product-comparison--single .product-comparison__body {
  display: none;
}
.product-comparison__row {
  display: flex;
  min-height: 0.7rem;
  justify-content: flex-start;
  border-top: 1px solid #e7e7e7;
}
@media only screen and (max-width: 750px) {
  .product-comparison__row {
    display: block;
    min-height: 1.1rem;
    flex-direction: column;
    padding: 0.16rem 0.18rem;
    border-top-width: 0.02rem;
  }
}
@media only screen and (max-width: 750px) {
  .product-comparison__row .product-rating {
    position: static;
    margin-top: -0.08rem;
  }
}
.product-comparison__col {
  width: 25%;
  z-index: 15;
  flex-shrink: 0;
  background: #fff;
  position: relative;
  border-right: 1px solid #e7e7e7;
}
.product-comparison--single .product-comparison__col {
  width: 50%;
}
.product-comparison--empty .product-comparison__col {
  width: 100%;
  border-right: none;
}
@media only screen and (max-width: 750px) {
  .product-comparison:not(.product-comparison--single):not(.product-comparison--empty) .product-comparison__col {
    display: none;
  }
}
.product-comparison__col__title {
  display: flex;
  color: #3e3e3e;
  min-height: 100%;
  font-weight: 600;
  font-size: 0.16rem;
  line-height: 0.19rem;
  align-items: center;
  justify-content: flex-start;
  padding: 0.15rem 0.24rem 0.15rem 0.3rem;
}
@media only screen and (max-width: 750px) {
  .product-comparison__col__title {
    padding: 0;
    color: #919191;
    line-height: 1.2;
    font-size: 0.2rem;
    font-weight: normal;
    margin-bottom: 0.14rem;
  }
}
.product-comparison__add-new {
  height: 100%;
  display: flex;
  line-height: 1.2;
  min-height: 3.5rem;
  font-size: 0.15rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition: color 0.35s ease;
  padding: 0.76rem 0.32rem 0.32rem;
}
.product-comparison--empty .product-comparison__add-new, .product-comparison--single .product-comparison__add-new {
  padding-top: 0.32rem;
}
@media only screen and (max-width: 750px) {
  .product-comparison__add-new {
    font-size: 0.22rem;
    min-height: 4.86rem;
  }
}
.product-comparison__add-new:hover {
  color: #ff9203;
}
.product-comparison__add-new__icon {
  line-height: 1;
  color: #ff9203;
  font-size: 0.8rem;
  margin-bottom: 0.26rem;
}
@media only screen and (max-width: 750px) {
  .product-comparison__add-new__icon {
    font-size: 1.14rem;
    margin-bottom: 0.5rem;
  }
}
.product-comparison__products {
  width: 75%;
  flex-shrink: 0;
  position: static;
}
@media only screen and (max-width: 750px) {
  .product-comparison__products {
    width: 100%;
  }
}
.product-comparison--single .product-comparison__products {
  width: 50%;
}
.product-comparison__products:not(.slick-slider) {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.product-comparison__products .slick-list {
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.product-comparison__products .slick-track {
  display: flex;
  padding: 1.2rem;
  margin: -1.2rem;
  justify-content: flex-start;
  min-height: calc(100% + 2.4rem);
}
@media only screen and (max-width: 750px) {
  .product-comparison__products .slick-track {
    margin: 0;
    padding: 0;
  }
}
.product-comparison__products .slick-track:after, .product-comparison__products .slick-track:before {
  display: none;
}
.product-comparison__products .slick-prev {
  left: auto;
  right: 100%;
  margin-right: 0.6rem;
}
@media screen and (max-width: 1280px) {
  .product-comparison__products .slick-prev {
    right: auto;
    left: -0.24rem;
    margin-right: 0;
  }
}
.product-comparison__products .slick-next {
  left: 100%;
  margin-left: 0.6rem;
}
@media screen and (max-width: 1280px) {
  .product-comparison__products .slick-next {
    left: auto;
    margin-left: 0;
    right: -0.24rem;
  }
}
@media only screen and (min-width: 751px) {
  .product-comparison__products .slick-slide {
    transition: opacity 0.3s ease 0.3s;
  }
  .product-comparison__products .slick-slide:not(.slick-active) {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
}
.product-comparison--single .product-comparison__products .slick-track {
  display: block;
  width: auto !important;
}
.product-comparison__options {
  width: 75%;
  flex-shrink: 0;
}
.product-comparison__options:not(.slick-slider) {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.product-comparison__options .slick-list {
  height: 100%;
}
.product-comparison__options .slick-track {
  height: 100%;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  justify-content: flex-start;
}
.product-comparison__options .slick-track:after, .product-comparison__options .slick-track:before {
  display: none;
}
.product-comparison__option {
  float: none;
  display: flex;
  flex-shrink: 0;
  width: 33.3333%;
  min-height: 100%;
  align-items: center;
  padding: 0.12rem 0.25rem;
  justify-content: flex-start;
  border-left: 1px solid #e7e7e7;
  transition: border-color 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .product-comparison__option:nth-child(2):last-child {
    border-right: 1px solid #e7e7e7;
  }
}
.product-comparison__options:not(.slick-slider) .product-comparison__option:nth-child(3) ~ .product-comparison__option {
  display: none;
}
.product-comparison__option.slick-current {
  border-left-color: transparent;
}
@media only screen and (min-width: 751px) {
  .product-comparison__switcher {
    margin-left: 0.2rem;
  }
}
.product-comparison__switcher .switcher {
  font-size: 0.14rem;
  white-space: nowrap;
  font-weight: normal;
  padding-right: 0.54rem;
}
@media only screen and (max-width: 750px) {
  .product-comparison__switcher .switcher {
    font-size: 0.2rem;
    padding-right: 0.96rem;
  }
}
.product-comparison__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.36rem 0.4rem 0.34rem;
  border-bottom: 1px solid #efefef;
}

.comparison-product {
  width: 33.3333%;
  margin-bottom: 0;
  pointer-events: auto;
  border-left: 1px solid #e7e7e7;
  transition: border-color 0.35s ease;
}
@media only screen and (min-width: 751px) {
  .comparison-product:nth-child(2):last-child {
    border-right: 1px solid #e7e7e7;
  }
}
@media only screen and (max-width: 750px) {
  .comparison-product {
    width: 50%;
  }
}
.product-comparison--single .comparison-product {
  width: 100% !important;
}
@media only screen and (min-width: 751px) {
  .product-comparison__products:not(.slick-slider) .comparison-product:nth-child(3) ~ .comparison-product {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .product-comparison__products:not(.slick-slider) .comparison-product:nth-child(2) ~ .comparison-product {
    display: none;
  }
}
.comparison-product.slick-current {
  border-left-color: transparent;
}
.product-comparison--single .comparison-product__options {
  display: none;
}
.comparison-product .product-item__inner {
  border: none;
  box-shadow: none;
  background: none;
}
@media only screen and (min-width: 751px) {
  .comparison-product .product-item__inner {
    padding: 0.2rem 0.2rem 0.14rem;
  }
}
@media only screen and (max-width: 750px) {
  .comparison-product .product-item__inner {
    min-height: 0;
  }
}
@media only screen and (min-width: 751px) {
  .comparison-product .product-item__visual > a:before {
    padding-top: 65.5%;
  }
}
.comparison-product .product-item__actions {
  opacity: 1;
}
@media only screen and (max-width: 750px) {
  .comparison-product .product-item__action-link__tooltip {
    display: none;
  }
}
.comparison-product .product-item__title {
  margin-bottom: 0.04rem;
}
@media only screen and (max-width: 750px) {
  .comparison-product .product-item__title {
    font-size: 0.22rem;
    line-height: 0.34rem;
    margin-bottom: 0.33rem;
  }
}
.comparison-product .product-item__actions {
  display: flex;
}

/*===== update ======*/
/*product_3d.html*/
.three-d i {
  margin-right: 5px;
}

.product-slider-holder .three-d {
  position: absolute;
  right: 0;
  bottom: -0.1rem;
  padding: 0;
  display: none;
  font-size: 0.23rem;
}
@media only screen and (max-width: 750px) {
  .product-slider-holder .three-d {
    display: block;
  }
}
.product-slider-holder .three-d i {
  color: #e4373a;
  font-size: 0.33rem;
  margin: 0 0.1rem 0 0;
}

.product-visual__controls .three-d {
  display: block;
  text-align: center;
  color: #a0a0a0;
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
  margin-left: 0.4rem;
}
.product-visual__controls .three-d:hover {
  color: #cf2c2f;
}
@media only screen and (max-width: 750px) {
  .product-visual__controls .three-d {
    display: none;
  }
}
.product-visual__controls .three-d i {
  display: block;
  margin: 0 0 0.05rem;
  font-size: 0.32rem;
}

.modal-iframe .modal {
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .modal-iframe .modal {
    padding: 1.1rem 0;
  }
}
.modal-iframe .modal-heading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.holder-iframe {
  position: relative;
  width: 100%;
}
.holder-iframe:before {
  content: "";
  display: block;
  padding-top: 58.3333333333%;
}
.holder-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*catalog-categories.html*/
.topics-list li.hidden {
  display: none;
}
@media only screen and (max-width: 750px) {
  .topics-list li.hidden {
    display: block;
  }
}
.topics-list + .load-more-btn-holder {
  margin: 0 0 0.15rem;
}
@media only screen and (max-width: 750px) {
  .topics-list + .load-more-btn-holder {
    display: none;
  }
}

/*catalog_banner.html */
html {
  height: 100%;
  font-size: 100px;
  overflow: visible !important;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1440px) and (min-width: 1081px) {
  html {
    font-size: 90px;
  }
}
@media screen and (max-width: 1080px) {
  html {
    font-size: 85px;
  }
}
@media screen and (max-width: 1023px) {
  html {
    font-size: 80px;
  }
}
@media screen and (max-width: 960px) {
  html {
    font-size: 8.3vw;
  }
}
@media only screen and (max-width: 750px) {
  html {
    font-size: 13.333333333vw;
  }
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-width: 320px;
  font-size: 0.14rem;
  line-height: 0.24rem;
  background: #f6f6f6;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
  color: #404040;
}
@media only screen and (max-width: 750px) {
  body {
    font-size: 0.2rem;
    line-height: 0.32rem;
    background: #f6f6f6;
  }
}
body.no-scroll {
  overflow: hidden;
}

iframe {
  border: none;
}

img {
  border: none;
  user-select: none;
}
img.lazy {
  transition: opacity 0.35s ease;
}
img.lazy:not([data-was-processed=true]) {
  opacity: 0;
}

[data-lazy] {
  opacity: 0;
}

*, *:after, *:before {
  outline: none;
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

input, textarea {
  -webkit-appearance: none;
}
input::-ms-clear, textarea::-ms-clear {
  display: none;
}
input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-calendar-picker-indicator, textarea::-webkit-clear-button, textarea::-webkit-inner-spin-button, textarea::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.strike {
  text-decoration: line-through;
}

[class^=icon-]:before, [class*=" icon-"]:before {
  margin: 0;
  width: auto;
}

.clear:after {
  content: "";
  clear: both;
  display: block;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}

p {
  margin: 0 0 0.26rem;
}
@media only screen and (max-width: 750px) {
  p {
    margin-bottom: 0.32rem;
  }
}
p a {
  color: #cf2c2f;
  border-bottom: 1px solid;
  transition: color 0.35s ease, border-color 0.35s ease;
}
p a:hover {
  color: #ad0e27;
  border-bottom-color: transparent;
}

#wrapper {
  display: flex;
  overflow: hidden;
  min-height: 100%;
  position: relative;
  flex-direction: column;
}
@media only screen and (min-width: 751px) {
  #wrapper {
    padding-top: 1.78rem;
  }
}
@media only screen and (max-width: 750px) {
  #wrapper {
    padding-top: 2.18rem;
  }
  #wrapper.homepage {
    padding-top: 5.09rem;
  }
}
@media only screen and (min-width: 751px) {
  #wrapper.with-sticky {
    overflow: visible;
  }
}

#main {
  flex: 5000 1 auto;
}

.container {
  width: 100%;
  margin: 0 auto;
  max-width: 12rem;
  padding: 0 0.15rem;
}
@media only screen and (max-width: 750px) {
  .container {
    max-width: none;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}

h1, .h1 {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.28rem;
  margin: 0 0 0.24rem;
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 750px) {
  h1, .h1 {
    font-size: 0.4rem;
    line-height: 0.56rem;
    margin-bottom: 0.37rem;
  }
}

h2, .h2 {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.17rem;
  font-weight: bold;
  margin: 0 0 0.05rem;
  letter-spacing: 0.04em;
}

.map {
  width: 100%;
  height: 100%;
}

.slick-arrow {
  top: 50%;
  padding: 0;
  z-index: 50;
  border: none;
  width: 0.48rem;
  display: flex;
  height: 0.48rem;
  color: #7a7a7a;
  line-height: 1;
  cursor: pointer;
  background: #fff;
  font-size: 0.14rem;
  border-radius: 50%;
  position: absolute;
  align-items: center;
  margin: -0.24rem 0 0;
  justify-content: center;
  transition: all 0.35s ease;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
.slick-arrow:hover {
  color: #cf2c2f;
  background-color: #fff;
}
.slick-arrow i {
  display: block;
}
.slick-arrow.slick-disabled {
  pointer-events: none;
  color: rgba(122, 122, 122, 0.28);
}

.slick-prev {
  left: 0;
}
.slick-prev i {
  transform: scale(-1, 1);
}

.slick-next {
  right: 0;
}

.slick-dots {
  display: flex;
  list-style: none;
  margin: 0 -0.05rem;
  padding: 0.21rem 0 0;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .slick-dots {
    padding-top: 0.3rem;
    margin-left: -0.07rem;
    margin-right: -0.07rem;
  }
}
.slick-dots li {
  margin: 0 0.05rem;
}
@media only screen and (max-width: 750px) {
  .slick-dots li {
    margin-left: 0.07rem;
    margin-right: 0.07rem;
  }
}
.slick-dots button {
  margin: 0;
  padding: 0;
  border: none;
  width: 0.1rem;
  height: 0.1rem;
  display: block;
  cursor: pointer;
  overflow: hidden;
  border-radius: 50%;
  background: #e2e2e2;
  text-indent: -9999px;
  -webkit-appearance: none;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .slick-dots button {
    width: 0.16rem;
    height: 0.16rem;
  }
}
.slick-dots button:hover {
  background: #c9c9c9;
}
.slick-dots .slick-active button {
  background: var(--icons-sub-color);
}

.scroll-cover {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.scroll-cover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
@media only screen and (max-width: 750px) {
  .scroll-cover::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
.scroll-cover::-webkit-scrollbar-track {
  background: none;
}
.scroll-cover::-webkit-scrollbar-thumb {
  width: 6px;
  cursor: pointer;
  border-radius: 3px;
  background: #c1c1c1;
}
@media only screen and (max-width: 750px) {
  .scroll-cover::-webkit-scrollbar-thumb {
    width: 8px;
  }
}
.scroll-cover::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.scroll-cover::-webkit-scrollbar-corner {
  background: transparent;
}

.iScrollVerticalScrollbar {
  top: 0.1rem;
  width: 10px;
  right: 0.1rem;
  bottom: 0.1rem;
  cursor: pointer;
  border-radius: 5px;
  position: absolute;
  transition: background-color 0.35s ease, opacity 0.35s ease;
}
.iScrollVerticalScrollbar:hover, .iScrollVerticalScrollbar:active {
  background: rgba(0, 0, 0, 0.05);
}
.iScrollVerticalScrollbar:hover .iScrollIndicator, .iScrollVerticalScrollbar:active .iScrollIndicator {
  background: #b4b4b4;
}
.iScrollVerticalScrollbar:hover .iScrollIndicator:hover, .iScrollVerticalScrollbar:hover .iScrollIndicator:active, .iScrollVerticalScrollbar:active .iScrollIndicator:hover, .iScrollVerticalScrollbar:active .iScrollIndicator:active {
  background: #9b9b9b;
}

.iScrollIndicator {
  width: 6px;
  display: block;
  margin: 0 auto;
  height: 1.42rem;
  background: none;
  border-radius: 3px;
  background: #c1c1c1;
  transition: background-color 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .iScrollIndicator {
    width: 8px;
    border-radius: 4px;
  }
}

.ps__rail-y {
  top: 0.1rem;
  width: 10px;
  right: 0.1rem;
  bottom: 0.1rem;
  cursor: pointer;
  border-radius: 5px;
  opacity: 1 !important;
  transition: background-color 0.35s ease;
}
.ps__rail-y:hover, .ps__rail-y:active {
  background: rgba(0, 0, 0, 0.05);
}
.ps__rail-y:hover .ps__thumb-y, .ps__rail-y:active .ps__thumb-y {
  background: #b4b4b4;
}
.ps__rail-y:hover .ps__thumb-y:hover, .ps__rail-y:hover .ps__thumb-y:active, .ps__rail-y:active .ps__thumb-y:hover, .ps__rail-y:active .ps__thumb-y:active {
  background: #9b9b9b;
}

.ps__thumb-y {
  background: #c1c1c1;
  opacity: 1 !important;
  transition: background-color 0.35s ease;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background: none;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 6px;
  border-radius: 3px;
}
@media only screen and (max-width: 750px) {
  .ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    width: 8px;
    border-radius: 4px;
  }
}

.btn-to-top {
  opacity: 0;
  color: #fff;
  right: 0.4rem;
  width: 0.5rem;
  border: none;
  z-index: 400;
  bottom: 0.4rem;
  height: 0.5rem;
  display: flex;
  cursor: pointer;
  position: fixed;
  font-size: 0.22rem;
  align-items: center;
  pointer-events: none;
  border-radius: 0.04rem;
  justify-content: center;
  background: rgba(207, 44, 47, 0.65);
  transition: background-color 0.35s ease, opacity 0.35s ease;
}
@media only screen and (max-width: 750px) {
  .btn-to-top {
    width: 0.8rem;
    height: 0.8rem;
    font-size: 0.36rem;
  }
}
.btn-to-top.active {
  opacity: 1;
  pointer-events: auto;
}
.btn-to-top:hover {
  background: rgba(207, 44, 47, 0.85);
}
.btn-to-top .icon-angle-down {
  transform: rotate(180deg);
}

.white-bg {
  background: #fff;
  margin-bottom: 0.14rem;
  padding: 0.31rem 0.3rem 0.21rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width: 750px) {
  .topics-section {
    background: #efefef;
    padding-bottom: 0;
  }
  .topics-section + .articles-section {
    z-index: 2;
    background: #fff;
    position: relative;
  }
}
@media only screen and (max-width: 750px) {
  .topics-section__inner {
    padding: 0.4rem;
    background: #fff;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
  }
}

.default-slider .slick-arrow {
  width: 0.45rem;
  height: 0.45rem;
  font-size: 0.24rem;
  line-height: 0.45rem;
  letter-spacing: 1px;
  margin-top: -0.38rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}
.default-slider .slick-arrow i {
  display: block;
}
.default-slider .slick-prev {
  left: -0.2rem;
  padding-right: 0.02rem;
}
.default-slider .slick-prev i {
  transform: rotate(90deg);
}
.default-slider .slick-next {
  right: -0.2rem;
  padding-left: 0.02rem;
}
.default-slider .slick-next i {
  transform: rotate(-90deg);
}
.default-slider__visual {
  position: relative;
}
.default-slider__visual:before {
  content: "";
  display: block;
  padding-top: 71.6666%;
}
.default-slider__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  position: absolute;
}

/* update */
.logo .logo__link{
  color: #777;
  border-bottom: 1px solid;
  border-bottom-color: #d0d0d0;
  font-size: 0.12rem;
  margin-top: 0.01rem;
  font-family: "Open Sans";
}
.logo .logo__link:hover{
  color: #404040;
  border-bottom-color: transparent;
}
.category-item__icon img{
  display: block;
}
.icon-gl-m:before {
  content: "\e903";
}
.icon-ventilation-m:before {
  content: "\e904";
}
.icon-improvement-m:before {
  content: "\e905";
  color: #636363;
}
.main-menu__dropdown{
  bottom: auto;
}

@media (min-width: 751px) and (max-height: 700px){
  .main-menu__list{
    max-height: 4rem;
    overflow: hidden;
    overflow-y: auto;
  }
}
/* @media only screen and (max-height: 700px){

} */
@media only screen and (min-width: 751px){
  .header{
    z-index: 1001;
  }
  .logo{
    margin-top: -0.07rem;
  }
  .header-calc-dropdown.open .header__calc-dropdown:after{
    position: absolute;
    content: '';
    background: #fff;
    border-radius: 0 0.04rem 0.04rem 0;
    border: 1px solid #e7e7e7;
    /* border-left: none; */
    width: 3.39rem;
    top: -1px;
    bottom: -1px;
    opacity: 0;
    left: calc(100% - 0.04rem);
    transition: opacity 0.35s ease;
  }
  .header-calc-dropdown.open .header__calc-dropdown.show:after{
    opacity: 1;
  }
  .header__calc-list__item.open .main-menu__dropdown{
    top: 0;
    bottom: 0;
    opacity: 1;
    left: calc(100% - 0.04rem);
    transition: opacity 0.35s ease;
    /* width: calc(100% - 3.35rem); */
    width: 3.38rem;
    /* background: #fff; */
    /* border-radius: 0 0.04rem 0.04rem 0; */
    /* border: 1px solid #e7e7e7; */
    color: #292929;
    padding: 0.31rem 0.20rem 0.31rem 0.33rem;
    font-size: 0.14rem;
    /* overflow: hidden; */
  }
  .header__calc-list__item .main-menu__dropdown-list__item--show-all{
    color: #292929;
  }
  .header__calc-list__item .main-menu__dropdown-list__item{
    margin-top: 0.21rem;
  }
  .header__calc-list__item .main-menu__dropdown-list__item:first-child{
    margin-top: 0;
  }
  .header__calc-dropdown{
    width: 3.35rem;
    padding: 0.3rem 0.2rem 0.3rem 0.28rem;
  }
  .header__calc-list__link{
    position: relative;
    /* font-weight: 700; */
    font-weight: 500;
    transition: all ease .3s;
  }
  .header__calc-list__link .icon-angle-down{
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(-90deg);
    font-size: 0.2rem;
    font-weight: 400;
    display: block;
  }
  .header__calc-list__link:hover{
    color: #cf2c2f;
  }
  .header__calc-list__link:hover .icon-angle-down{
    color: #292929;
  }
  .header__calc-list__item .main-menu__dropdown{
    overflow: hidden;
  }
  .header__calc-dropdown .scroll-cover{
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    max-height: 3.31rem;
    height: 100%;
  }

  .main-menu__dropdown-content{
    height: auto;
    /* overflow-y: auto;
    overflow-x: hidden; */
    overflow: visible;
  }
  .main-menu__list__item.open .main-menu__dropdown{
    overflow: hidden;
    /* bottom: auto; */
    /* overflow: visible; */
    overflow-y: auto;
    /* height: 6.3rem; */
  }

  /* body.main-menu-open .main-menu{
    top: 1.78rem;
  } */
  body.main-menu-open .header--fixed{
    z-index: 1001;
  }
  /* body.main-menu-open .main-menu .main-menu__wrap{
    z-index: 1;
    position: relative;
    background: #fff;
  } */
  /* body.main-menu-open .main-menu .main-menu__bg{
    z-index: -1;
    top: 0;
  } */
  .main-menu__list__item{
    margin: 0.06rem 0 0;
  }
  .main-menu__dropdown .col.l-8 .main-menu__dropdown-content{
    height: auto;
  }
  .main-menu__inner{
    overflow: hidden;
  }
  .main-menu__list{
    min-height: auto;
    padding-bottom: 0.2rem;
  }
}
@media only screen and (max-width: 750px){
  #wrapper{
    padding-top: 2.5rem;
  }
  .header__main__inner{
    padding-bottom: 0.32rem;
  }
  .logo .logo__link.hide-on-m{
    display: block !important;
    font-size: 0.2rem;
  }
  .header__controls__item,
  .header__burger{
    margin-bottom: -0.25rem;
  }
  .header__calc-list__link .icon-angle-down{
    display: none;
  }
}
/* end update */

/* new style tooltip for product-item ############################ */
.product-item__status{
  position: relative;
  /* cursor: pointer; */
}
.popper-button{
  cursor: pointer;
}
.product-item__status.tooltip{
  margin: 0;
  display: flex;
}
.product-item__status .tooltip__icon{
  width: auto;
  height: auto;
  text-align: left;
  border: none;
  color: #818181;
  line-height: 1.2;
  font-size: 0.11rem;
  border-radius: 0;
  /* border-bottom: 1px solid #818181; */
  /* position: relative; */
}
.product-item__status em,
.product-item__status .tooltip__icon em{
  font-style: normal;
}
.product-item__status .popper-button:after,
.product-item__status .tooltip__icon:after{
  position: absolute;
  content: '';
  bottom: -1px;
  right: 0;
  left: 0.17rem;
  height: 1px;
  border-bottom: 1px dotted #a0a0a0;
}
.product-item__status.tooltip.open .tooltip__icon{
  background: transparent;
  border-color: transparent;
  color: #818181;
}
.product-item_popover{
  z-index: 100;
}
.popper-popup,
.tooltip__body.cl-white{
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0,0,0,.36);
  max-width: 3rem;
  /* padding: 0.26rem 0.27rem 0.22rem 0.24rem; */
}
.catalog__content{
  position: relative;
  z-index: 15;
}
.popper-popup{
  display: none;
  z-index: 100;
  width: 3rem;
}
.popper-popup[show-popper]{
  display: block;
}
.popper-popup .popper__body{
  padding: 0.26rem 0.27rem 0.22rem 0.24rem;
  z-index: 1;
}
.popper-arrow,
.popper-arrow::before {
  position: absolute;
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  z-index: 0;
}
.popper-arrow {
  visibility: hidden;
}
.popper-arrow::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}
.popper-popup[data-popper-placement^="top"] .popper-arrow {
  bottom: -0.04rem;
}
.popper-popup[data-popper-placement^="bottom"] .popper-arrow {
  top: -0.04rem;
}
.popper-popup[data-popper-placement^="left"] .popper-arrow {
  right: -0.04rem;
}
.popper-popup[data-popper-placement^="right"] .popper-arrow {
  left: -0.04rem;
}
.popper__inner .popper__content,
.tooltip__inner.change .tooltip__content{
  width: 100%;
}
.tooltip__inner.change .tooltip__title{
  display: none;
}
.popper__inner .popper__subtitle.first,
.tooltip__inner.change .tooltip__subtitle.first{
  font-weight: 700;
  color: #000;
  max-width: 1.95rem;
  line-height: 1.5;
  margin: 0 0 0.18rem;
}
.popper__inner .popper__subtitle,
.tooltip__inner.change .tooltip__subtitle{
  font-weight: 700;
  color: #000;
  font-size: 0.13rem;
  display: block;
  margin: 0 0 0.1rem;
}
.popper__inner ul,
.tooltip__inner.change ul{
  margin: 0 0 0.17rem;
  padding: 0;
  list-style: none;
}
.popper__inner ul li,
.tooltip__inner.change ul li{
  margin: 0 0 0.04rem;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.13rem;
  color: #363636;
}
.popper__inner ul li a,
.tooltip__inner.change ul li a{
  text-decoration: underline;
  text-decoration-color: #c5c5c5;
}
.popper__inner ul.address-list,
.tooltip__inner.change ul.address-list{
  margin: 0 0 0.24rem;
}
.popper__inner ul.address-list li,
.tooltip__inner.change ul.address-list li{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 0.14rem;
  overflow: hidden;
}
.popper__inner ul.address-list li span,
.tooltip__inner.change ul.address-list li span{
  position: relative;
}
.popper__inner ul.address-list li span.name,
.tooltip__inner.change ul.address-list li span.name{
  display: block;
  max-width: 1.8rem;
  flex: 0 0 content;
}
.popper__inner ul.address-list li span.name p,
.tooltip__inner.change ul.address-list li span.name p{
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}
.popper__inner ul.address-list li span.name p a,
.tooltip__inner.change ul.address-list li span.name p a{
  color: #363636;
  text-decoration: underline;
  text-decoration-color: #c5c5c5;
  border: none;
}
/* .popper__inner ul.address-list li span.name em,
.tooltip__inner.change ul.address-list li span.name em{
  display: block;
  font-style: normal;
} */
.popper__inner ul.address-list li span.name:after,
.tooltip__inner.change ul.address-list li span.name:after{
  position: absolute;
  content: '';
  height: 1px;
  width: 9999px;
  border-bottom: 1px dotted #c5c5c5;
  bottom: 0; 
  left: 100%;
  margin-left: 0.05rem;
}
.popper__inner ul.address-list li span.price,
.tooltip__inner.change ul.address-list li span.price{
  display: block;
  background: #fff;
  padding: 0 0 0.02rem 0.04rem;
  margin: 0 0 -0.02rem;
  text-align: right;
  width: 0.75rem;
}
.popper__inner .link,
.tooltip__inner.change .link{
  margin: -0.07rem 0 0 -0.03rem;
}
.popper__inner .link a,
.tooltip__inner.change .link a{
  font-weight: 700;
  font-size: 0.13rem;
  line-height: 1.2;
  border: none;
  color: #cf2c2f;
}
.popper__inner .inner-close-btn,
.tooltip__inner.change .inner-close-btn{
  display: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.05rem 0.1rem;
  color: #fff;
  font-weight: 400;
  font-size: 0.28rem;
  line-height: 1;
  height: 0.92rem;
  border-radius: 0.08rem;
  background: #e4373a;
}
.product-item__status.hide_m{
  display: block;
}
.product-item__status.show_m{
  display: none;
}
.popper-close-button{
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  width: 0.2rem;
  height: 0.2rem;
  border: none;
  background: transparent;
  display: block;
  line-height: 1;
  font-size: 0.2rem;
  cursor: pointer;
}
@media only screen and (max-width: 750px){
  .product-item__status.hide_m{
    display: none;
  }
  .product-item__status.show_m{
    display: block;
  }
  /* .product-item__status.tooltip:after{
    display: none;
  } */
  .product-item__status .tooltip__icon{
    font-size: 0.16rem;
    letter-spacing: 0.02em;
  }
  .product-item__status .tooltip__icon:after{
    left: 0.27rem;
  }
  .tooltip__inner.change .tooltip__title{
    display: block;
  }
  .tooltip__inner.change .tooltip__subtitle,
  .tooltip__inner.change ul li,
  .tooltip__inner.change .link a{
    font-size: 0.26rem;
  }
  .tooltip__inner.change .tooltip__subtitle.first{
    max-width: 100%;
    margin-bottom: 0.36rem;
  }
  .tooltip__inner.change .tooltip__subtitle{
    margin-bottom: 0.2rem;
  }
  .tooltip__inner.change ul{
    margin-bottom: 0.34rem;
  }
  .tooltip__inner.change ul li{
    margin-bottom: 0.08rem;
  }
  .tooltip__inner.change ul.address-list{
    margin-bottom: 0.48rem;
  }
  .tooltip__inner.change ul.address-list li{
    margin-bottom: 0.28rem;
  }
  .tooltip__inner.change ul.address-list li span.name{
    max-width: 5.2rem;
  }
  .tooltip__inner.change .link{
    margin-top: -0.14rem;
    margin-bottom: 0.64rem;
  }
  .tooltip__inner.change .inner-close-btn{
    display: flex;
  }
  .popper__inner ul.address-list li span.price,
  .tooltip__inner.change ul.address-list li span.price{
    width: 1.6rem;
  }
}
/* end new style tooltip for product-item ############################ */
/* add to goods tooltip */
.popper__inner .popper__description{ margin-bottom: 0.2rem; }
.tooltip__inner .popper__description{ margin-bottom: 0.3rem; }

/* SHOP CSS */

/* ALL */
.mb15{margin-bottom:15px;}

.hidden_inp { display: none; }
.full_width{width:100% !important;}
.btn_href_white{color:#fff !important; text-decoration:none !important; border-bottom: none !important;}
.form_control_select:disabled{background: #f6f6f6;}
.form_control_select_disabled_white_bg:disabled{background: #fff; cursor:pointer;}

/* HEADER */
.search-panel__results-list { /* default 4 столбца по 7 городов */
  padding: 0;
  -webkit-columns: 4;
     -moz-columns: 4;
          columns: 4;
}
.search-panel__results-list_12{ /* 3 столбца по 4 города */
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
  height: 1.73rem;
}
.search-panel__results-list_21{ /* 3 столбца по 7 городов */
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
}
.search-panel__results-list_28{ /* 4 столбца по 7 городов */
}
.search-panel__results-list_36{ /* 4 столбца по 9 городов */
    height: 3.6rem;
}
.search-panel__results-list_44{ /* 4 столбца по 11 городов */
  height: 4.4rem;
}
.search-panel__results-list_52{ /* 4 столбца по 13 городов */
  height: 5.2rem;
}
.search-panel__results-list_60{ /* 4 столбца по 15 городов */
  height: 6rem;
}
.search-panel__results-list_72{ /* 4 столбца по 18 городов */
  height: 7.2rem;
}


/*.modal_cities{max-width: 9.4rem;}*/
@media only screen and (max-width: 750px) {
  .search-panel__results-list {
    -webkit-columns: 1 !important;
       -moz-columns: 1 !important;
            columns: 1 !important;
    height: auto !important;
  }
}



/* MESSAGE OVER HEADER */


/*
.catalog-banner{background:#ca1b2b;}
.catalog-banner__bg{background:#2f2d2d;}
.catalog-banner__bg:after{background:#6a262c}
.catalog-banner__bg:before{background:#99212c;}
*/


/* FORM */

.form_inp_error>input, .form_inp_error>textarea {
  border-color: #cc3433 !important;
  background-color: #ffeeee !important;
}

.form_message>.gl_form_err_ul {
  background-color: #ffeeee !important;
  border: 1px solid #cc3433 !important;
  padding: 10px 10px 10px 25px;
  border-radius: 4px;
  list-style: none;
}

.form_message>.gl_form_goods_ul {
  background-color: #f1ffdf !important;
  border: 1px solid #02af17 !important;
  padding: 10px 10px 10px 25px;
  border-radius: 4px;
  list-style:none;
}
/**/
.success_any_time .callback-success-msg{position: relative !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; opacity:1 !important;}
@media only screen and (max-width: 750px)
{
  .success_any_time .callback-success-msg{display:block !important; position: static !important;}
}

/* LK */

.not_confirmed_repeat_btn {
  padding: 10px 0 10px 0;
  margin-left: 0.55rem;
  cursor: pointer;
}

.not_confirmed_repeat_btn:hover {
  color: #cf2c2f;
}


/* SEARCH */

.search_result_level1_h {
  display: block;
  margin: 0;
  padding: 0.1rem 0.17rem;
  font-size: 0.14rem;
  font-weight: 600;
  color: #cf2c2f;
  text-transform: uppercase;
}

.search-form__result-group__title {
  cursor: pointer;
}

.search-form__result-group__title:hover {
  color: #ad0e27;
}

.search_dropdown_product_row {
  margin-bottom: 15px;
}

.search_dropdown_product_row.hidden {
  display: none;
}

.search_dropdown_product_img_a {
  display: block;
}

.search_dropdown_product_img_a img {
  max-width: 100%;
  height: auto;
}

.search_dropdown_product_name_a {
  line-height: 15px;
  font-size: 13px;
  display: block;
}

.search_dropdown_product_name_a:hover {
  color: #ad0e27;
}

.search_dropdown_col_img {
  padding-right: 0 !important;
}

.search_dropdown_col_price {
  text-align: right;
}

.search_dropdown_product_row_more a {
  color: #cf2c2f;
}

.search_dropdown_product_row_more a:hover {
  color: #ad0e27;
}

.search_dropdown_products_ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


/* PRODUCT */

.product__status-icon--question {
  background: #F2AF61;
}

.product__select__dropdown-list__item>a {
  display: block;
}

.product__select__dropdown-list__item>a>.product__parameters-control {
  cursor: pointer !important;
}

.product__select__dropdown-list__item>a:hover .product__parameters-control__text {
  color: #de1f3d !important;
}

.product__info-panel .icon-check {
  color: #88bb6d;
}

.product-rating{z-index:1;}

.product-goods-branches__link {
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px dotted #c5c5c5;
  -webkit-transition: border-bottom-color 0.35s ease;
  -o-transition: border-bottom-color 0.35s ease;
  transition: border-bottom-color 0.35s ease;
}
.product-goods-branches__link:hover {
  border-bottom-color: transparent;
}
.product-goods-branches__link sup{font-size: 72%; line-height: 1; margin-top: 0.01rem; vertical-align: top; display: inline-block;}

.exterior_icon{font-size: 0.11rem; text-transform: uppercase; }
.product-visual__controls .three-d i { margin: 0 0 0.06rem; }

.prod_goods_branches_delim_h{color: #000; font-weight: 600; font-size: 0.18rem; margin-top: 0.22rem; margin-bottom: 0.22rem;}

.product_modal_branch{cursor:pointer; transition: color 0.35s ease, border-color 0.35s ease; border-bottom: 1px solid #c5c5c5;}
.product_modal_branch:hover{color: #cf2c2f; border-bottom-color: transparent;}

/* WATCHED */

.small-product-item__price span.unit {
  font-size: 0.17rem;
}


/* CATEGORY */

@media only screen and (max-width: 750px) {
  .catalog-list-holder+.paging {
      margin-top: 0.3rem;
  }
  .topics-section__inner.no_subcategories{box-shadow: none;     -webkit-box-shadow: none;    padding-top: 0;}
}

.topics-section .product-rating__item--share{display:none;}


/* старый вариант */
.catalog-list.filters-group-type-order:not(.list-mode) .product-item__specifications-list{ display:block; }
.catalog-list.filters-group-type-order:not(.list-mode) .product-item__specifications-list>li{  display:none; }
.catalog-list.filters-group-type-order:not(.list-mode) .product-item__specifications-list>li:nth-child(-n+5){ display:block; }
/* новый вариант */
.catalog-list:not(.list-mode) .li-filters-group-type-order.product-item__specifications-list{ display:block; }
.catalog-list:not(.list-mode) .li-filters-group-type-order.product-item__specifications-list>li{  display:none; }
.catalog-list:not(.list-mode) .li-filters-group-type-order.product-item__specifications-list>li:nth-child(-n+5){ display:block; }
.catalog-list--search-results:not(.list-mode) .li-filters-group-type-order.product-item__specifications-list{columns:1;}


/**/
.catalog-list:not(.list-mode) .product-item__specification.show_more{ display:none !important; }
.product-item__specification.show_more span{border-bottom: 1px dotted rgba(41, 41, 41, 0.52); cursor:pointer;}
.product-item__specification.show_more span:hover{color: #cf2c2f; border-bottom: 1px dotted rgba(207, 44, 47, 0.52);}
.catalog-list.list-mode .product-item__specifications-list>li:nth-child(n+7){ display:none; }
.catalog-list.list-mode .product-item__specifications-list.opened>li{display:block;}
.catalog-list.list-mode .product-item__specifications-list.opened>li.show_more{display:none;}

@media only screen and (max-width: 750px) {
  .product-item__specifications-list {
    display: none !important;
  }
}

/* CALCULATOR SIDING */
.calc-inputs-padd-corr .calc-input{padding: 0.21rem 0.2rem;}

/* COMPARE */
.compare_tab_products_if_one{border-right: 1px solid #e7e7e7;}

@media only screen and (min-width: 751px) {
  .product-comparison__head-holder {  z-index: 549;  }
}

/* FILTER */
.checkbox__color-visual{background-size: cover !important;}

/* FOOTER */
.footer__copyright-info { color: #a8a8a8; }
.footer__main-panel__no_categories{border-top:none; padding-top:0;}

/* SORTING */
.sorting-item__dropdown-item span {
  display: block;
  padding: 0.17rem 0.2rem;
  -webkit-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
.sorting-item__dropdown-item span:hover {
  background: #f6f6f6;
}

@media only screen and (max-width: 750px) {
  .product-item__title {
    font-size: 0.24rem;
  }
}
@media only screen and (max-width: 750px) {
  .footer__copyright-panel {
    font-size: 0.24rem;
  }
}

/* SALE */
.sale_tree_top_link { transition: color 0.35s ease; }
.sale_tree_top_link:hover { color: #cf2c2f; }

.catalog-menu__item .badge {
  top: 50%;
  right: 0.17rem;
  width: 0.21rem;
  height: 0.21rem;
  font-weight: 600;
  user-select: none;
  font-size: 0.14rem;
  margin-top: -0.1rem;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  line-height: 0.21rem;
}
.catalog-menu__item .badge--default {
  color: #fff;
  background: #e4373a;
}

.sidebar-categories__dropdown-list__link:hover .sidebar-categories__dropdown-list__link__text, .sidebar-categories__dropdown-list__item--active .sidebar-categories__dropdown-list__link__text {

}
.sidebar-categories__dropdown-list__item--active .sidebar-categories__dropdown-list__link__text {
  font-weight:bold;
  text-decoration:none;
  color:#333;
}


@media only screen and (max-width: 750px) {
  /* FOOTER */
.footer__main-panel__no_categories{ padding-top:0.45rem;}
}

/* FILTER_2 */
.filter_label_with_href_after{padding: 0 0 0 0.29rem;}
.input-list__item_sidebar_f.li_with_color > .filter_label_without_href_after{padding: 0 0 0 0.29rem;}
/**/
.input-list__item a.checkbox__text{display:inline-block; font-size: 0.13rem;}
/**/
.checkbox__color-visual_sidebar {margin: 0 0.02rem 0 0; background-size: cover; display: inline-block; width: 0.35rem; height: 0.22rem; }
@media only screen and (min-width: 751px)
{
.li_with_color{margin-bottom: 0.09rem !important;}
}
/**/
.checkbox__input:disabled + .checkbox__icon + .checkbox__color-visual_sidebar {opacity: 0.43;}
.checkbox__input:disabled + .checkbox__icon + .checkbox__color-visual_sidebar + .checkbox__text {opacity: 0.43;}
.inp_dis_href_a{opacity: 0.43; cursor:default;}
.input-list__item_sidebar_f{position:relative;}
.form_main_filter_fieldset.fs_disabled{opacity: 0.43;}
.form_main_filter_fieldset.fs_disabled .filter_sidebar_show_hide_a{cursor:default;}
/**/
.filter2_changed_info_absolute{position: absolute; top: -1px; right: 0; z-index: 20;}
.filter2_changed_info_absolute button{
  background: #cf2c2f;
  color: #fff;
  border-radius: 0.04rem;
  padding: 0.11rem 0.1rem 0.14rem 0.1rem;
  cursor: pointer;
  transition: all 0.35s ease;
  height: 0.2rem;
  font-weight: normal;
  text-transform: none;
  font-size: 0.13rem;
}
.filter2_changed_info_absolute button:hover{background: #ad0e27;}
.filter2_changed_info_absolute span{
  background: #fff;
  color: #cf2c2f;
  border: 1px solid #cf2c2f;
  border-radius: 0.04rem;
  padding: 0.01rem 0.04rem 0.01rem 0.04rem;
  font-size: 0.13rem;
  font-weight: normal;
}
@media screen and (min-width: 1441px) {
  .filter2_changed_info_absolute button{
    padding: 0.11rem 0.1rem 0.12rem 0.1rem;
  }
}
/**/
.sidebar-filters-form__submit-panel{padding: 0.25rem 0.23rem 0.1rem;}
.input-list__item .tooltip.v_sidebar{top:2px;}
/**/
div.catalog-active-filter{cursor:default;}
div.catalog-active-filter:hover{background-color:#cf2c2f;}
.catalog-active-filter__close{cursor:pointer; transition: background-color 0.35s ease;}
.catalog-active-filter__close:hover{background-color:#ad0e27;}
/**/
.input-list__item_sidebar_f.li_with_color > label.filter_label_without_href_after > .checkbox__text{display:inline-block; position:relative; top:-5px;}
/**/
.filter_sidebar_switcher_bl .filter2_changed_info_absolute{top:0.23rem;}
.fs_disabled .switcher.js_for_append > .filter2_changed_info_absolute{top:0; right:0.45rem;}

/* FILTER SIDEBAR MOB */
@media only screen and (max-width: 750px)
{
.filter-form__reset{margin-bottom:0;}
.sidebar-filters-form__submit-panel__reset{color: #fff; background: #cf2c2f; margin-top: 0.1rem;}
.filter_label_with_href_after { padding: 0 0 0 0.52rem; }
.input-list__item_sidebar_f.li_with_color > .filter_label_without_href_after { padding: 0 0 0 0.52rem;}
.input-list__item a.checkbox__text { font-size: 0.26rem; }
.checkbox__color-visual_sidebar { width: 0.51rem; height: 0.32rem; margin-right: 0.1rem; }
.input-list__item .tooltip.v_sidebar {  top: 0px; }
.filter2_changed_info_absolute button{font-size:0.25rem; height: 0.4rem;}
.input-list__item_sidebar_f.li_with_color > label.filter_label_without_href_after > .checkbox__text { top: -3px;}
/**/
.filter_sidebar_switcher_bl .filter2_changed_info_absolute{top:0.5rem;}
.fs_disabled .switcher.js_for_append > .filter2_changed_info_absolute{top:0; right:1rem;}
.filter2_changed_info_absolute>span{font-size:0.25rem;}
}

.form_main_filter_price_from_to_block .filter2_changed_info_absolute{top:8px;}
@media only screen and (max-width: 750px)
{
  .form_main_filter_price_from_to_block .filter2_changed_info_absolute{top:20px; right:20px; }
}

/* SLIDER BANER */
/*
.catalog__main-banner.with-slides picture{ display:none;  }
.catalog__main-banner.with-slides.slick-initialized picture{ display:block; }
*/
.catalog__main-banner.with-slides a{ display:none;  }
.catalog__main-banner.with-slides>a:first-child{ display:block;  }
.catalog__main-banner.with-slides.slick-initialized a{ display:block; }

@media only screen and (max-width: 750px) {
  .catalog__main-banner .slick-arrow { display: none !important; }
}
.catalog__main-banner:not(:hover) .slick-arrow { opacity: 0; }
.catalog__main-banner .slick-prev { left: 0.2rem; }
.catalog__main-banner .slick-next { right: 0.2rem;}
.catalog__main-banner .slick-arrow { margin-top: -0.35rem; }


/* [data-id=map-modal-pay] */

@media only screen and (min-width: 751px) {
  [data-id=map-modal-pay] .modal {
    max-width: 11rem;
    padding: 0.19rem 0.2rem 0.2rem;
  }
}
@media only screen and (max-width: 750px) {
  [data-id=map-modal-pay] .modal {
    display: flex;
    padding-bottom: 0;
    flex-direction: column;
  }
}
[data-id=map-modal-pay] .modal .modal-heading {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  [data-id=map-modal-pay] .modal .modal-heading {
    flex-shrink: 0;
    padding-left: 0.4rem;
    align-items: flex-start;
  }
}
[data-id=map-modal-pay] .modal .h2 {
  color: #404040;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.15rem;
  margin-bottom: 0.19rem;
}
@media only screen and (max-width: 750px) {
  [data-id=map-modal-pay] .modal .h2 {
    color: #000;
    margin-bottom: 0;
    text-align: left;
    overflow: hidden;
    font-size: 0.26rem;
    max-height: 0.64rem;
    line-height: 0.32rem;
  }
}
@media only screen and (min-width: 751px) {
  [data-id=map-modal-pay] .close-icon {
    top: 0.2rem;
    right: 0.2rem;
  }
  [data-id=map-modal-pay] .close-icon:not(:hover) {
    opacity: 0.5;
  }
}
[data-id=map-modal-pay] .map {
  height: 5.93rem;
}
@media only screen and (max-width: 750px) {
  [data-id=map-modal-pay] .map {
    height: auto;
    display: flex;
    flex: 1 1 100%;
    min-height: 4rem;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    width: calc(100% + .8rem);
  }
  [data-id=map-modal-pay] .map > ymaps {
    height: auto !important;
  }
  [data-id=map-modal-pay] .map > ymaps > ymaps {
    height: 100% !important;
  }
}

.map-modal-pay__marker__btn-holder .btn {
  height: 0.35rem;
  font-size: 0.13rem;
  background: #dd7375;
  font-weight: normal;
  text-transform: none;
}
.map-modal-pay__marker__btn-holder .btn:hover {
  background: #d34a4d;
}

.search-form__result-group__title.pvp_loading{font-weight: normal; text-transform: none; cursor:default;}
.search-form__result-group__title.pvp_loading:hover{color:#000;}

/**/
.fake_select{position:relative; cursor:pointer;}
.fake_select .fake_select_text{line-height: calc(.5rem - 2px);}
.fake_select .icon-angle-down {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.25rem;
  display: flex;
  font-size: 0.16rem;
  position: absolute;
  text-align: center;
  font-style: normal;
  align-items: center;
  font-weight: 600;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .fake_select .icon-angle-down {
    width: 0.5rem;
    color: #a3a3a3;
    font-size: 0.24rem;
  }
}
.fake_select.form_inp_error{border-color: #cc3433 !important;  background-color: #ffeeee !important;}

.form_inp_error .form_control_select{border-color: #cc3433 !important;  background-color: #ffeeee !important;}

/**/
.form_inp_error .selecter-selected, .form_inp_error .gray-panel{
  border-color: #cc3433 !important;
  background-color: #ffeeee !important;
}


.search_form_dropdown_no_upper .search-form__result-group__title{text-transform:none; font-size: 0.14rem;}
.search_form_dropdown_grey .search-form__result-group__title{color:#ababab; cursor:default;}

/* CART SUCCESS */
.p_section_loading{ background: url(/styles/online/loader_3.gif) 0 0 no-repeat !important; padding: 2px 0 0 40px !important; min-height: 24px !important;  color: #940b00 !important; font-size: 0.16rem; }

/* FORM */
.form_parts .form_part_holder{}
.form_parts .form_part_message{display:none;}

.form_parts.success .form_part_holder{display:none;}
.form_parts.success .form_part_message{display:flex;}

.form_parts .form_part_message>.callback-success-msg{position: relative; width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.form_parts.success .form_part_message>.callback-success-msg{opacity:1;}

#form_vozvrat_tovara_message{height:1.4rem;}

/* HEADER - другие способы связи */
.contact-back-call { width:0.26rem; height:0.26rem; }
@media only screen and (max-width: 750px) { .contact-back-call {  width:0.4rem;   height:0.4rem; }  }

/* ORDER */
/* no_url_order.tpl */
.check_order__bill_img{max-width:100%; height: auto; margin-left:auto; margin-right:auto; display:block;}
/* loading_request_order.tpl */
.check_order__loading_p{padding-top:0;}
/* order_info.tpl */
.check_order__order_info{border-color:#e8e8e8;}
/**/
.check_order__order_info_delivery{margin-top:0.28rem;}
/* order_items.tpl */
.check_order__accordion_items{margin-top: 0.28rem;}
.check_order__accordion__expanded{padding-left:0; padding-right:0; padding-top: 0;}
.check_order__cabinet-section__main{background: transparent; padding: 0; box-shadow: none; border-radius: 0;}
.check_order__table-caption{padding: 0 0.3rem 0.1rem 0.3rem !important; margin: 0 !important;}
/**/
.check_order__table{width:100% !important;}
.check_order__table>thead>tr>th{font-size:0.13rem; padding-left:0.10rem; padding-right:0.10rem;}
.check_order__table>tbody>tr>td{font-size:0.13rem; padding-left:0.10rem; padding-right:0.10rem; /*color:#000 !important;*/}
.check_order__table>tbody>tr:hover td{border-bottom-color: #e0e0e0 !important;}
.check_order__table>tbody>tr>td.check_order__table_td__name a:hover {color: #cf2c2f !important;}
/**/
.check_order__table>thead>tr>th.check_order__table_th__num{padding-left:0.3rem;}
.check_order__table>thead>tr>th.check_order__table_th__name{}
.check_order__table>thead>tr>th.check_order__table_th__name.services{width:70%;}
.check_order__table>thead>tr>th.check_order__table_th__size{text-align:right;}
.check_order__table>thead>tr>th.check_order__table_th__amount{text-align:right;}
.check_order__table>thead>tr>th.check_order__table_th__quantity{text-align:right;}
.check_order__table>thead>tr>th.check_order__table_th__price{text-align:right;}
.check_order__table>thead>tr>th.check_order__table_th__sum{text-align:right; padding-right:0.3rem;}
/**/
.check_order__table>tbody>tr>td.check_order__table_td__num{padding-left:0.3rem ;}
.check_order__table>tbody>tr>td.check_order__table_td__name{font-weight:600;}
.check_order__table>tbody>tr>td.check_order__table_td__size{text-align:right;}
.check_order__table>tbody>tr>td.check_order__table_td__amount{text-align:right;}
.check_order__table>tbody>tr>td.check_order__table_td__quantity{text-align:right;}
.check_order__table>tbody>tr>td.check_order__table_td__price{text-align:right;}
.check_order__table>tbody>tr>td.check_order__table_td__sum{text-align:right; padding-right:0.3rem ;}
/**/
.check_order__table>tbody>tr.check_order__table_tr__path{}
.check_order__table>tbody>tr.check_order__table_tr__path>td{border-bottom:none; padding-bottom:0; padding-top: 0.1rem; font-size:0.11rem; color: #636363 !important;}
.check_order__table>tbody>tr.check_order__table_tr__path>td a:hover{color: #cf2c2f !important;}
/**/
.check_order__table>tbody>tr.check_order__with_top_path>td{padding-top:0.01rem;}
/**/
.gl_payments_list_icons__pay_info li.payments-list__item{margin: 0.1rem 0.2rem 0.1rem 0 !important; padding: 0 !important;}
.gl_payments_list_icons__tab_payment li.payments-list__item{margin: 0 0.2rem 0.4rem 0.1rem !important; padding: 0 !important;}
.gl_payments_list_icons__pay_info.check_order_pay_icons{margin-bottom:0.1rem !important;}
/**/
.check_order__accordion_payment{margin-top: 0.28rem;}
.check_order__accordion_payment__msg_last{border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.check_order__accordion__expanded__payment{background-color:#f9f9f9 !important; box-shadow: none !important;}
.check_order__accordion_payment .accordion__head{padding-right:0.3rem;}
/**/
.check_order__accordion__expanded__payment .gl_form_err_ul>li{padding-left:0;}
/**/
.check_order__accordion_payment__msg_last__after{margin-top:0.5rem;}
/**/
#form_order_payment .gl_form_goods_ul a{font-size:0.13rem; word-wrap: break-word; color: #cf2c2f; border-bottom: 1px dotted #8f8f8f; transition: color 0.35s ease, border-color 0.35s ease;}
#form_order_payment .gl_form_goods_ul a:hover{color: #ad0e27; border-bottom-color: transparent;}
/**/
.check_order__btn_buy_anchor_parent{position:relative; padding-right: 2.2rem;}
.check_order__btn_buy_anchor{position:absolute; right: 0; top: -60%; font-size: 0.15rem; font-weight: normal; text-transform: none; height: 0.45rem; padding: 0.04rem 0.21rem 0.04rem 0.21rem;}
/**/
@media only screen and (max-width: 750px)
{
  .check_order__container{padding-left:0; padding-right:0;}
  .check_order__container ul.breadcrumbs{padding-left: 0.4rem; padding-right: 0.4rem;}
  .check_order__container h1{padding-left: 0.4rem; padding-right: 0.4rem;}
  .check_order__container div.white-bg{background: #f6f6f6; padding:0; box-shadow: none;}
  /**/
  .check_order__order_info{background: #fff; padding:0.5rem 0.4rem 0.5rem 0.4rem; box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);}
  .check_order__order_info .status-info-item__title{max-width:35%;}
  .check_order__order_info .status-info-item__value{max-width:65%;}
  /**/
  .check_order__order_info_delivery{margin-top:0.4rem;}
  /**/
  .check_order__accordion_items{background: #fff; padding-left:0.4rem; padding-right:0.4rem; margin-top: 0.4rem; box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);}
  .check_order__accordion__expanded{padding:0 0.4rem 0 0.4rem;}
  .check_order__table-caption{padding:0 0.4rem 0 0.4rem !important;}
  /**/
  .check_order__table>thead>tr>th {padding-left: 0.06rem; padding-right: 0.06rem;}
  .check_order__table>tbody>tr>td {padding-left: 0.06rem; padding-right: 0.06rem;}
  /**/
  .check_order__table>thead>tr>th.check_order__table_th__num {padding-left: 0.4rem;}
  .check_order__table>thead>tr>th.check_order__table_th__name {width: 40%;}
  .check_order__table>thead>tr>th.check_order__table_th__name.services {width: 65%;}
  .check_order__table>thead>tr>th.check_order__table_th__sum {text-align: right; padding-right: 0.4rem;}
  /**/
  .check_order__table>tbody>tr>td.check_order__table_td__num {padding-left: 0.4rem;}
  .check_order__table>tbody>tr>td.check_order__table_td__name {line-height:0.2rem;}
  .check_order__table>tbody>tr>td.check_order__table_td__sum {padding-right: 0.4rem;}
  /**/
  .check_order__table>tbody>tr.check_order__table_tr__path>td{line-height: 0.2rem; padding-bottom: 0.07rem;}
  /**/
  .check_order__accordion_payment{padding-left: 0.4rem; padding-right: 0.4rem; background-color: #fff; box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07); margin-top: 0.4rem;}
  .check_order__accordion_payment .accordion__head{padding-right:0.4rem;}
  .check_order__accordion_payment .accordion__title{font-size:0.25rem;}
  .check_order__accordion_payment .accordion__subtitle{max-width:none !important;}
  .check_order__accordion__expanded__payment{background-color:#fff !important;}
  .check_order__accordion__expanded__payment .btn-holder{margin-top:0.2rem;}
  .check_order__accordion_payment .gl_payments_list_icons__pay_info{padding-left: 0.4rem !important; padding-right: 0.4rem !important;}
  .check_order__accordion_payment__msg_last{background-color:#fff !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important;}
  .check_order__accordion_payment__msg_last .msg__content{padding-right:0.4rem; text-align:justify;}
  .check_order__accordion_payment__msg_last .msg__content a.msg__content_pravila{font-size:0.18rem;}
  .check_order__accordion_payment__msg_last .msg__icon{margin-right: 0.15rem; margin-left: 0.2rem;}
  /**/
  .check_order__accordion__expanded__payment .form_message{padding-left:0.4rem; padding-right:0.4rem;}
  .check_order__accordion__expanded__payment .form_message .gl_form_err_ul{padding-left: 0.3rem; padding-right: 0.3rem;}
  /**/
  .check_order__accordion_payment__msg_last__after{padding-left: 0.4rem; padding-right: 0.4rem;}
  .check_order__accordion_payment__msg_last__after > p{text-align: justify;}
  /**/
  .check_order__btn_buy_anchor_parent{padding-right: 0; font-size: 0.19rem; }
  .check_order__btn_buy_anchor{top:-40%; }
}
/* СБП */
.btn--sbp:not(.not_set_btn_color){background-color: #1d1346;}
.btn--sbp:not(.not_set_btn_color):hover {background-color: #0e0436;}
.modal_form_two_buttons{display: flex; justify-content: space-between; flex-direction: row;}
.modal_form_two_buttons button{width:49%;}
.modal_form_two_buttons button.btn--sbp svg{margin-left:4px;}
@media only screen and (max-width: 750px)
{
  .modal_form_two_buttons{flex-direction: column;}
  .modal_form_two_buttons button{margin-bottom:15px; width:100%;}
}
.p_form_loading_text{
  background: url(/styles/online/loader_3.gif) 0 0 no-repeat !important;
  padding: 0 0 0 40px !important;
  margin: 0.2rem 0 0.1rem 0 !important;
  min-height: 24px !important;
  color: #940b00 !important;
  font-size: 0.15rem;
  display:none;
}
.p_sbp_not_enabled{margin: 0.1rem 0 0.07rem 0;}
@media only screen and (max-width: 750px)
{
  .p_sbp_not_enabled{margin: 0.07rem 0 0.07rem 0;}
}

/* ORDER-PROCESS */
@media only screen and (max-width: 750px)
{
  .check_order__container .order_process_form_message{padding-left: 0.4rem; padding-right: 0.4rem;}
}

/* PRODUCT - REVIEWS */
.review_item_hidden{display:none;}

/* MODAL - Mestroy */
.mestroy_hidden{display:none;}

/* PRODUCT - BUY PANEL - REPLACEMENTS LINK */
.product_replacements_link{margin-left: 0; margin-bottom: 0.2rem;}
@media only screen and (max-width: 750px)
{
  .product_replacements_link{margin-bottom: 0.4rem;}
}
/**/
.product__buy-panel_replacements_link_margin .product_replacements_link{margin-top:0.2rem; margin-bottom: 0;}
@media only screen and (max-width: 750px)
{
  .product__buy-panel_replacements_link_margin .product_replacements_link{margin-top:0.3rem; }
}

/* CATEGORY - PRODUCTS GRID - REMNANTS GOODS */
.products_grid_remnants_goods_tooltip_desktop{display:none;}
.products_grid_remnants_goods_tooltip_mobile{display:none;}

/* FENCE */
.fence_zayavka_params_checkboxes{background-color: #fff !important; padding-top: 0 !important;}
@media only screen and (max-width: 750px)
{
  .fence_zayavka_params_checkboxes{margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}
}
.calc-row.fence-parameters {margin-bottom:0;}
.fence_zayavka_params_checkboxes{margin-bottom:0 !important;}

/* CAPTCHA */
.form_row_captcha_wide_limit{max-width:400px;}
.form_row_captcha{height: 0.53rem;}
.form_row_captcha_input{ width:40%; height: 0.53rem; float:left; margin:0; padding:0; position: relative; }
.form_row_captcha_img{ width:40%; height: 0.53rem; float:left; margin:0; padding:0; position: relative; display:flex; align-items:center; }
.form_row_captcha_img img{ max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.form_row_captcha_update{ width:20%; height: 0.53rem; float:left; margin:0; padding:0; position: relative; display:flex; align-items:center; }
.form_row_captcha_update svg{ width: 0.3rem; height: 0.3rem; fill:#858585; cursor:pointer; }
.form_row_captcha_update svg:hover{fill:#ad0e27;}
@media only screen and (max-width: 750px)
{
  .form_row_captcha_wide_limit{max-width:none;}
  .form_row_captcha{ height: 0.91rem; }
  .form_row_captcha_input{ height: 0.91rem; }
  .form_row_captcha_img{ height: 0.91rem; }
  .form_row_captcha_update{ height: 0.91rem; }
  .form_row_captcha_update svg{ width: 0.5rem; height: 0.5rem;}
}

/* LOGO */
@media only screen and (max-width: 750px)
{
  .logo .logo__link{font-size: 0.2rem;}
}

/* FILTER */
@media only screen and (max-width: 750px)
{
.sidebar-filters-form__item__search__no-results{font-size: 0.25rem;}
}

/* ПОИСК */
@media only screen and (max-width: 750px)
{
  .search-form.show-results .search-form__dropdown {max-height: calc(100vh - 1.3rem);}
  .search-form__dropdown .scroll-cover {max-height: calc(42vh - 1rem);}
}

/* attaches */
.attach_bl{margin-top:0; margin-bottom:0;}
@media only screen and (max-width: 750px)
{
  .attach_bl{padding-top:15px; }
}
.attach__list_li_no_after > li{padding-left:0 !important;}
.attach__list_li_no_after > li:after{display:none;}

/* jira/glru-35 -> */
.covers-comparison-title {
  min-height: 51px;
}

.product-comparison__col--rating {
  display: flex;
  align-items: center;
}

.product-comparison__col--rating .product-comparison__col__title {
  padding-right: 0;
}

.cover-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.add-covers-btn {
  cursor: pointer;
}
/* <- jira/glru-35 */

/* jira/glru-99 -> */
.delivery-tags {
	display: flex;
	padding: 0;
	list-style: none;
	margin: 0;
	margin-top: .3rem;
	flex-wrap: wrap;
	justify-content: center;
}

.delivery-tags li:not(:last-child) {
	margin-right: .05rem;
	margin-bottom: .05rem;
}

.delivery-tags .product-item__badge {
	text-transform: none;
	white-space: nowrap;
	padding: 0 0.05rem;
}

.delivery-tags .product-item__badge--hit-grey {
	background-color: #dfdfdf;
	color:#000;
}

.basket-section__block-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.12rem;
}

.basket-section__block-title .default-section__title__colour {
	cursor: pointer;
}
.basket-section__block-header .basket-section__block-title {
	margin-bottom: 0;
}

.basket-section__sidebar__coupon_2 {
	color: #404040;
	line-height: 1.2;
	font-size: 0.14rem;
	vertical-align: top;
	display: inline-block;
	border-bottom: 1px dotted #c5c5c5;
	transition: border-color 0.35s ease, color 0.35s ease;
}

@media only screen and (max-width: 750px) {
	.basket-section__sidebar__coupon_2 {
	  font-size: 0.24rem;
	  line-height: 0.3rem;
	}
 }

.basket-section__block-label {
	background-color: #ffecc8;
	align-self: center;
	padding: 0.03rem 0.14rem;
	font-size: .12rem;
	border-radius:.04rem;
}

.basket-section__block-text {
	font-size: .13rem;
	margin-bottom: .2rem;
}

.basket-section__payment input[type=radio] {
		display: none;
		position: absolute;
		opacity: 0;
		cursor: pointer;
		margin: 0;
		width: 0;
		height: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
}

.basket-section__payment .form-row {
	position: relative;
}

.basket-section__payment label.form-row__title {
	display: flex;
	border: .02rem solid #e8e8e8;
	padding: 0 .2rem;
	height: 0.6rem;
	border-radius: .04rem;
	user-select: none;
	cursor: pointer;
	align-items: center;
}

.basket-section__payment .basket-section__payment-img {
	min-width: .6rem;
	max-width: .9rem;
	display: flex;
	align-items: center;
	margin-right: .15rem;
}
.basket-section__payment label.form-row__title img {
	max-height: 0.25rem;
	max-width: 100%;
}

.basket-section__payment-label {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fcaa63;
	transform: translateY(-50%);
	text-transform: uppercase;
	font-size: .10rem;
	color: #fff;
	font-weight: 700;
	padding: 0 .1rem;
	border-radius: .02rem;
	line-height: .18rem;
	display: none;
}

input[type="radio"]:checked ~ .basket-section__payment-label {
	display: block;
}
input[type="radio"]:checked + label.form-row__title {
	border-color: #fcaa63;
	background-color: #FEFBFD;
}

.hide_pc {
	display: none !important;
}

.basket-section__block-form .custom-form-row .icon-close {
	position: absolute;
	right: .15rem;
	top:50%;
	cursor: pointer;
	transform: translateY(-50%);
	display: none;
}

.basket-section__block-form .custom-form-row input.form-control {
	padding-right: .33rem;
}

@media only screen and (max-width: 750px) {
	.delivery-variant-item_order2 {
		padding: 0.45rem 0.4rem 0.45rem;
	}

	.delivery-variant-item_order2 .delivery-tags .product-item__badge {
		font-size: .22rem;
		padding: 0 0.1rem;
	}

	.hide_mob {
		display: none !important;
	}

	.basket-section__block-text {
		font-size: .2rem;
		margin-bottom: .3rem;
	}
	
	.hide_pc {
		display: inline-flex !important;
	}

	.basket-section__block-label {
		margin-bottom: .3rem;
		font-size: .2rem;
		padding: 0.07rem 0.2rem;
	}
	.basket-section__payment label.form-row__title {
		height: 1rem;
		border-radius:.1rem;
	}

	.basket-section__payment label.form-row__title img {
		max-height: .4rem;
	}

	.basket-section__payment .basket-section__payment-img {
		width: 1.4rem;
		margin-right: .2rem;
		justify-content: center;
	}

	input[type="radio"]:checked ~ .basket-section__payment-label {
		font-size: .19rem;
		display: block;
		left: 0;
		right: auto;
		line-height: .3rem;
		font-weight: 500;
		border-radius: .04rem;
	}
}

.basket-section__map-selector {
	background: url(../images/map.jpg) 50% 50% / cover no-repeat;
	min-height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .4rem;
}

.basket-section__map-selected {
	display: flex;
}

.map-selected__info {
	flex: 0 0 50%;
	padding-right: .3rem;
}

.map-selected__title .product-item__badge {
	font-size: .12rem;
}

.map-selected__title {
	display: flex;
	align-items: center;
	margin-bottom: .2rem;
}

.map-selected__img {
	max-width:40%;
	margin-right: .15rem;
}

.map-selected__title img {
	max-width: 100%;
	height: 0.19rem;
}

.map-selected__content span {
	display: block;
	margin-bottom: .12rem;
}

.map-selected__content  {
	font-weight: 700;
}

.map-selected__opening-hours {
	font-size: .13rem;
	font-weight: 400;
}

.map-selected__params span {
	margin-bottom: 0;
	margin-right: .3rem;
}

.map-selected__params {
	display: flex;
	margin-bottom: .3rem;
}

.map-selected__map {
	flex: 0 0 50%;
	align-self:stretch;
}

@media only screen and (max-width: 750px) {
	.basket-section__map-selected {
		flex-wrap: wrap;
	}
	.map-selected__map {
		min-height: 5rem;
		flex: 0 0 calc(100% + 0.8rem);
		margin-bottom: .5rem;
		order: 0;
		margin-left:-0.4rem;
		margin-right:-0.4rem;
	}

	.map-selected__info .product-item__badge {
		font-size: .22rem;
		line-height: .4rem;
	}

	.map-selected__info {
		flex: 0 0 100%;
		order: 1;
	}

	.map-selected__title img {
		height: .55rem;
		margin-right: .3rem;
	}

	.map-selected__content span {
		font-size: .24rem;
		line-height: .38rem;
		margin-bottom: .2rem;
	}

	.map-selected__params span {
		margin-right: .5rem;
	}

	.show-map-wrapper {
		order:1;
	}
}

.map__address-selector {
	min-height: 4.5rem;
	margin-bottom: .4rem;
	display: none;
}

.basket-section__thead {
	display: flex;
	min-height: .45rem;
	border-bottom: .015rem solid #dfdfdf;
	align-items: center;
	font-weight: 700;
	color:#636363;
	font-size: .13rem;
}

.basket-section__thead-name {
	flex: 0 0 57%;
}

.basket-section__thead-delivery-time {
	flex: 0 0 33%;
}

.basket-section__thead-cost {
	flex: 0 0 10%;
	text-align: right;
}

.basket-section__tbody .checkbox img {
	max-width: 100%;
	max-height: 100%;
}

.basket-section__tbody-img {
	flex: 0 0 17%;
	height: .22rem;
	margin-right: .2rem;
	margin-left: .2rem;
	display: flex;
	align-items: center;
}

.basket-section__tbody-logo .checkbox__text {
	display: flex;
	align-items: center;
}

.basket-section__tbody .checkbox {
	display: flex;
	align-items: center;
	min-height: .7rem;
	border-bottom: .015rem solid #dfdfdf;
	padding-left: 0;
}

.basket-section__tbody-delivery-time {
	flex: 0 0 28%;
}

.basket-section__tbody-cost {
	flex: 0 0 15%;
	text-align: right;
}

.basket-section__tbody .checkbox__icon {
	position: relative;
	flex-shrink: 0;
	flex-grow: 0;
}

.basket-section__tbody-logo {
	/* flex: 1 1 auto; временно убрано пока нет третьей колонки со сроками доставки*/
  flex: 0 0 53%;
	display: flex;
}

.basket-section__dropdown-input .search-form__dropdown._show {
	left: 0;
	right: 0;
	top: 100%;
	opacity: 1;
	transition: opacity 0.35s ease;
}

@media only screen and (max-width: 750px) {
	.map__address-selector {
		min-height: 9rem;
		margin-left: -.4rem;
		margin-right: -.4rem;
		width: calc(100% + .8rem);
	}

	.basket-section__thead {
		margin-left: -.4rem;
		margin-right: -.4rem;
		width: calc(100% + .8rem);
		padding: 0 .4rem;
		font-size: .18rem;
		min-height: .7rem;
	}

	.basket-section__tbody .checkbox {
		margin-left: -.4rem;
		margin-right: -.4rem;
		width: calc(100% + .8rem);
		padding: 0 .4rem;
		font-size: .18rem;
		min-height: 1.4rem;
	}

	.basket-section__thead-name {
		flex: 0 0 50%;
	}
	.basket-section__thead-delivery-time, .basket-section__tbody-delivery-time  {
		flex: 0 0 27%;
	}
	.basket-section__thead-cost, .basket-section__tbody-cost {
		flex: 0 0 23%;
		text-align: right;
	}

	.basket-section__tbody-logo {
		flex: 0 0 47%;
		flex-wrap: wrap;
		padding-left: .3rem;
		padding-right: .3rem;
	}

	.basket-section__tbody-img {
		flex: 1 1 100%;
		padding-left: 0;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: .1rem;
		height: .45rem;
	}

	.basket-section__tbody-img img {
		margin-left: 0;
		height: 100%;
	}

	.basket-section__dropdown-input .search-form__dropdown {
		padding-top: 0;
	}

	.basket-section__dropdown-input .search-form__dropdown._show {
		top:118%;
	}

	.basket-section__dropdown-input .search-form__dropdown .scroll-cover {
		max-height: 5rem;
	}
}

.modal_map-office-selector .modal-heading,
.modal_map-payment-office-selector .modal-heading {
	padding-left: .3rem;
	padding-right: .3rem;
}

.modal_map-office-selector,
.modal_map-payment-office-selector {
	padding: .3rem 0 0 0;
	width: 12.3rem;
	max-width: 12.3rem;
}

.modal_map-office-selector .modal-subheaer,
.modal_map-payment-office-selector .modal-subheaer {
	padding: .1rem .3rem .2rem;
	border-bottom:.015rem solid #e1e1e1;
}

.modal_map-office-selector .modal-subheaer .checkbox {
	margin-right: .3rem;
}


.modal_map-office-selector .modal-body,
.modal_map-payment-office-selector .modal-body {
	display: flex;
	justify-content: space-between;
	height: 7.3rem;
	max-height: 70dvh;
}

.modal_map-office-selector__list,
.modal_map-payment-office-selector__list {
	flex: 0 0 30%;
	border-right: .015rem solid #e1e1e1;
	height: 100%;
	padding-right: .3rem;
	padding-left: .3rem;
}

.modal_map-office-selector__map,
.modal_map-payment-office-selector__map {
	flex: 0 0 70%;
	overflow: hidden;
}

.map-selector__item .office-item__stations {
	margin-bottom: .13rem;
}

.map-selector__item .contacts__address-item__btn span {
	margin-left: .04rem;
	margin-right: .04rem;
	color:#333;
}

.map-selector__item .contacts__address-item__btn.contacts__address-item__btn--primary span {
	color:#fff;
}

.delivery-variant-item .basket-section__payment-label {
	display: block;
	z-index: 2;
	left: -.01rem;
	font-weight: 500;
}

.map-selector__item {
	padding-top: .2rem;
	padding-bottom: .2rem;
	margin-left: -.3rem;
	margin-right: -.3rem;
	padding-left: .3rem;
	padding-right: .3rem;
}

.map-selector__opening-hours {
	margin-bottom: .1rem;
}

.map-selector__item:not(:last-child) {
	border-bottom: .015rem solid #e1e1e1;
}

.map-selector__address {
	font-weight: 600;
	color:#000;
	margin-bottom: .1rem;
}

.map-selector__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.map-selector__footer button {
	margin-left: 0;
	margin-right: .1rem;
}

.map-selector__delivery-time {
	color:#333;
	font-size: .13rem;
	margin-bottom: .1rem;
}

.map-selector__item__header {
	display: flex;
	margin-bottom: .1rem;
}

.map-selector__item__img img {
	height: .18rem;
	margin-right: .2rem;
}

.map-selector__item__img {
	display: flex;
	align-items: center;
}

.map-selector__item .product-item__badge {
	font-size: .12rem;
}

.product-item__badge--optimal {
	color: #fff;
	background: #7CD1B6;
}

.offices-map__search-panel__location {
	width: 1.8rem;
	display: flex;
	flex-shrink: 0;
	flex-grow: 0;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.offices-map__search-panel__location .checkbox .checkbox__icon {
	position: relative;
	margin-right: .1rem;
}

.offices-map__search-panel__location .checkbox {
	background-color: #f7f7f7;
	padding: .1rem .2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	border-radius: .03rem;
	border: .01rem solid #ebebeb;
	margin-left: .1rem;
}

#map-office-selector,
#map-payment-office-selector {
	height: 100%;
	min-height: 400px;
}

#map-office-selector .custom-balloon,
#map-payment-office-selector .custom-balloon {
	padding: .1rem;
	font-size: .14rem;
}

#map-office-selector .custom-balloon small,
#map-payment-office-selector .custom-balloon small {
	display: block;
	margin-bottom: .1rem;
	font-size: 0.14rem;
	color: #5b5b5b;
}

#map-office-selector .custom-balloon button,
#map-payment-office-selector .custom-balloon button {
	display: block;
	width: 100%;
	cursor: pointer;
	margin-left: 0;
	color:#000;
}

#map-office-selector .custom-balloon button.contacts__address-item__btn--primary,
#map-payment-office-selector .custom-balloon button.contacts__address-item__btn--primary {
	color:#fff;
}

#map-office-selector .custom-balloon strong,
#map-payment-office-selector .custom-balloon strong {
	display: block;
	margin-bottom: .1rem;
}

#map-office-selector .custom-balloon>span,
#map-payment-office-selector .custom-balloon>span {
	font-weight: 600;
	margin-bottom: .1rem;
	display: block;
}

#map-office-selector .custom-balloon p,
#map-payment-office-selector .custom-balloon p {
	max-width: 3rem;
	margin-bottom: .1rem;
}

.modal_map__input-list {
	display: none;
}




.delivery-variant-item__title {
	font-weight:700;
}

@media only screen and (min-width: 750px) {
	.delivery-variant-item__title {
		font-size: .14rem;
	}
	.delivery-variant-item__text {
		font-size: 0.125rem;
	}
	.delivery-tags .product-item__badge {
		font-size: .125rem;
	}
}
@media only screen and (max-width: 750px) {
	.delivery-variant-item .basket-section__payment-label {
		font-size: .18rem;
		line-height: .3rem;
		left: -.02rem;
	}
	#map-office-selector .custom-balloon,
	#map-payment-office-selector .custom-balloon {
		padding: .2rem;
		font-size: .24rem;
		line-height: 1.35;
	}
	#map-office-selector .custom-balloon>span, #map-office-selector .custom-balloon p, #map-office-selector .custom-balloon small, #map-office-selector .custom-balloon strong,
	#map-payment-office-selector .custom-balloon>span, #map-payment-office-selector .custom-balloon p, #map-payment-office-selector .custom-balloon small, #map-payment-office-selector .custom-balloon strong {
		margin-bottom: .2rem;
	}
	#map-office-selector .custom-balloon small,
	#map-payment-office-selector .custom-balloon small {
		font-size: .2rem;
	}
	.modal_map-office-selector,
	.modal_map-payment-office-selector {
		width:100%;
		max-width: 100%;
		padding-top: 0;
		display: flex;
		flex-direction: column;
	}

	.modal_map__input-list {
		display: flex;
		list-style: none;
		margin-bottom: 0;
		margin-top: .4rem;
		padding-left: .3rem;
	}

	.input-list__item {
		margin-bottom: 0;
		width: auto;
		margin-right: .2rem;
	}
	.radio-tag__text {
		border: none;
		font-size: .26rem;
		color:#000;
		height: 0.58rem;
	}

	.radio-tag__text._active {
		color: #fff;
		background-color: #cf2c2f;
	}

	.modal_map-office-selector .modal-subheaer,
	.modal_map-payment-office-selector .modal-subheaer {
		padding: .5rem .3rem .3rem;
	}

	.modal_map-office-selector .modal-subheaer .checkbox {
		margin-bottom: .2rem;
		font-size: .22rem;
		line-height: .33rem;
		padding-left: .42rem;
	}

	.map-selector__item__header {
		margin-bottom: .2rem;
	}

	.map-selector__address {
		font-size: .27rem;
		line-height: 1.4;
		margin-bottom: .3rem;
	}

	.map-selector__footer button {
		font-size: .26rem;
	}

	.map-selector__delivery-time {
		font-size: .25rem;
	}

	.map-selector__item .office-item__stations {
		margin-bottom: .3rem;
	}

	.map-selector__item .product-item__badge {
		font-size: .18rem;
	}

	.map-selector__item__img img {
		height: .35rem;
    	margin-right: .3rem;
	}
	
	.modal_map-office-selector__list, .modal_map-office-selector__map,
	.modal_map-payment-office-selector__list, .modal_map-payment-office-selector__map {
		flex: 1 1 100%;
		width: 100%;
		opacity: 1;
		position: relative;
		top:unset;
		left: unset;
		right: unset;
		bottom: unset;
		height: 100%;
		display: none;
	}
	.modal_map-office-selector__map,
	.modal_map-payment-office-selector__map {
		display: flex;
	}

	.offices-map__search-panel {
		display: none;
	}
	.map-selector__item {
		padding-top: .3rem;
		padding-bottom: .3rem;
	}

	.modal_map-office-selector .modal-body,
	.modal_map-payment-office-selector .modal-body {
		flex-direction: column;
		height: 100%;
    	max-height: none;
		flex: 1 1 100%;
		display: flex;
	}

	.modal_map-office-selector .modal-heading,
	.modal_map-payment-office-selector .modal-heading {
		align-items: flex-start;
        text-align: left;
        padding-left: .3rem;
        margin: 0;
	}

	.modal_map-office-selector .modal-heading .h2,
	.modal_map-payment-office-selector .modal-heading .h2 {
		font-size: .3rem;
	}

	#map-office-selector,
	#map-payment-office-selector {
		flex: 1 1 100%;
	}
	
	.basket-section__map-selector button {
		display: block;
		width: 100%;
	}

	.basket-section__map-selector {
		margin-left: -.4rem;
		margin-right: -.4rem;
		width: calc(100% + .8rem);
		min-height: 3.5rem;
	}

	.basket-section .default-form .checkbox {
		margin-bottom: .1rem;
	}

	.basket-section__block-form .custom-form-row input.form-control {
		padding-right: .55rem;
	}
	.basket-section__block-form .custom-form-row .icon-close {
		right: .25rem;
	}
}
.hidden {
    display: none;
}
.dadata-suggestions-wrapper {
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    -webkit-text-size-adjust: 100%;
}
.dadata-suggestions-suggestions {
    background: #fff;
    border: 1px solid rgba(61, 66, 77, .5);
    border-radius: 1px;
    box-shadow: 0 8px 24px #00000040;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 1px;
    z-index: 99;
    -webkit-text-size-adjust: 100%;
}
.dadata-suggestions-suggestion {
    overflow: hidden;
    padding: 2px 4px;
}
.dadata-suggestions-suggestion.hovered, .dadata-suggestions-suggestion:hover {
    background: #f7f7f7;
}
.map-selected__params span {
    white-space: nowrap;
}
.map_pvz_list--loader {
    background-color: rgba(0, 0, 0, 0.25);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.map_pvz_list--loader .loader {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    position: relative;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* <- jira/glru-99 */
/* jira/glru-158 -> */
#map-payment-office-selected__map {
    height: 160px;
}
/* <- jira/glru-158 */

.product-description-sidebar__warn {
  background: #ffffff;
  margin-bottom: 0.2rem;
  border-radius: 0.04rem;
  border: 1px solid #f0f0f0;
  padding: 0.3rem 0.3rem 0.3rem
}