/*
Theme Name: krovelgrad
Text Domain: krovelgrad
Version: 1.0
Description: krovelgrad
Author: krovelgrad
Author URI: krovelgrad
*/


@charset "UTF-8";

:root {
  --icons-sub-color: #e4373a;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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);
  -ms-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 {
  content: "";
  display: table;
}

.slick-track:after {
  content: "";
  display: table;
  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;
}




@font-face {
  font-display: swap;
  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-display: swap;
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/OpenSans-Bold.woff") format("woff"), url("assets/fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/OpenSans-Regular.woff") format("woff"), url("assets/fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/OpenSans-SemiBold.woff") format("woff"), url("assets/fonts/OpenSans-SemiBold.ttf") format("truetype"), url("../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: "fontello";
  src: url("../fonts/fontello.eot?49303165");
  src: url("../fonts/fontello.eot?49303165#iefix") format("embedded-opentype"), url("assets/fonts/fontello.woff2?49303165") format("woff2"), url("assets/fonts/fontello.woff?49303165") format("woff"), url("assets/fonts/fontello.ttf?49303165") format("truetype"), url("../fonts/fontello.svg?49303165#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.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-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;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0.14rem;
  font-weight: bold;
  position: relative;
  text-align: center;
  font-style: normal;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  vertical-align: middle;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Open Sans", "Circle", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  padding: 0.04rem 0.31rem 0.06rem;
  border-radius: 0.04rem;
}

.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: #000;
}

.btn--sub:hover {
  background: #303030;
}

.btn--light {
  color: #636363;
  background: #efefef;
  -webkit-box-shadow: inset 0 0 0 1px rgba(202, 202, 202, 0.45);
  box-shadow: inset 0 0 0 1px rgba(202, 202, 202, 0.45);
}

.btn--light:hover {
  background: #dddddd;
}

@media only screen and (max-width: 750px) {
  .btn {
    height: 0.94rem;
    font-size: 0.28rem;
    padding: 0.1rem 0.45rem;
  }

  .btn--light {
    -webkit-box-shadow: inset 0 0 0 0.02rem rgba(202, 202, 202, 0.45);
    box-shadow: inset 0 0 0 0.02rem rgba(202, 202, 202, 0.45);
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  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,
.btn .icon-angle-down {
  font-size: 0.14rem;
}

.btn-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.1rem -0.2rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.btn-panel>.btn,
.btn-panel>.btn-holder {
  margin: 0 0.1rem 0.2rem;
}

.btn-panel--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


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




.breadcrumbs {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1.2;
  font-size: 0.13rem;
  margin: 0 0 0.2rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (max-width: 750px) {
  .breadcrumbs {
    color: #868686;
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    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;
}

.breadcrumbs__item:after {
  top: 0;
  bottom: 0;
  width: 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: -0.04rem;
  color: #aeaeae;
  line-height: 1;
  content: "";
  font-size: 0.1rem;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "fontello";
}

.breadcrumbs__item:first-child:after {
  display: none;
}

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

@media only screen and (max-width: 750px) {
  .breadcrumbs__item:after {
    left: -0.07rem;
    padding-top: 0;
    font-size: 0.16rem;
  }
}

.breadcrumbs__link {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.breadcrumbs__link:hover {
  color: #cf2c2f;
}


.col-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: -0.15rem;
  margin-right: -0.15rem;
}

.col-row.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.col-row.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.col-row.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.col-row.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.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 (min-width: 751px) {
  .col-row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  position: fixed;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  scroll-behavior: smooth;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease, margin 0s ease 0s;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease, margin 0s ease 0s;
  transition: all 0s ease 0.35s, opacity 0.35s ease, margin 0s ease 0s;
}

.modal-holder.open {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  -webkit-transition: opacity 0.35s ease, margin 0s ease 0s;
  -o-transition: opacity 0.35s ease, margin 0s ease 0s;
  transition: opacity 0.35s ease, margin 0s ease 0s;
}

.modal-holder.open .bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.3;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  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;
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.modal-holder .close-icon:hover {
  opacity: 0.7;
}

.modal-holder .close-icon i:before {
  vertical-align: top;
}

@media only screen and (max-width: 750px) {
  .modal-holder {
    height: auto;
    display: block;
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 750px) {
  .modal-holder .modal-inner {
    padding: 0;
    height: 100%;
    min-height: 100%;
    max-height: none;
  }
}

@media only screen and (max-width: 750px) {
  .modal-holder .close-icon {
    top: 0;
    right: 0;
    opacity: 1;
    width: 1.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #636363;
    height: 1.06rem;
    font-size: 0.36rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color 0.35s ease;
    -o-transition: color 0.35s ease;
    transition: color 0.35s ease;
  }

  .modal-holder .close-icon:hover {
    opacity: 1;
    color: #000;
  }
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

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

.modal .modal-heading {
  color: #636363;
  position: relative;
  margin: 0 0 0.22rem;
}

.modal .modal-heading p {
  margin: 0;
}

.modal .modal-heading .back-icon {
  top: 0;
  left: 0;
  bottom: 0;
  width: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.modal .modal-heading .back-icon:hover {
  color: #000;
}

.modal .modal-heading .back-icon .icon-right {
  font-size: 0.32rem;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.modal .default-form .btn-holder {
  margin: 0;
}

.modal .modal-text-content {
  color: #626262;
  font-size: 0.16rem;
  line-height: 0.26rem;
}

.modal .modal-text-content .scroll-cover {
  position: relative;
  padding-right: 0.3rem;
  max-height: calc(100vh - .7rem);
}

.modal .modal-text-content .scroll-cover .ps__rail-y {
  top: 0.5rem;
  bottom: 0.5rem;
  right: 0.48rem;
  width: 0.06rem;
  position: absolute;
}

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

.modal .modal-text-content .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.modal .modal-text-content p {
  color: #666;
  margin: 0 0 0.32rem;
}

.modal .modal-text-content #sidebar {
  width: 2.96rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 0.31rem 0 0;
}

.modal .modal-text-content #sidebar .visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #626262;
  line-height: 1;
  font-size: 0.15rem;
  font-weight: normal;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.modal .modal-text-content #sidebar .visual img {
  display: block;
  margin: 0 0.2rem 0 0;
}

.modal .modal-text-content #sidebar .h2 {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1;
  color: #3d3d3d;
  font-weight: 300;
  font-size: 0.35rem;
}

.modal .modal-text-content .clear-content {
  width: 100%;
  margin: -0.07rem 0 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;
}

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

.modal .modal-text-content .default-list {
  list-style: none;
  margin: 0 0 0.26rem;
  padding: 0 0 0 0.13rem;
}

.modal .modal-text-content .default-list>li {
  margin: 0 0 0.12rem;
  position: relative;
  padding: 0 0 0 0.35rem;
}

.modal .modal-text-content .default-list>li:after {
  left: 0;
  top: 0.13rem;
  content: "";
  height: 1px;
  width: 0.17rem;
  position: absolute;
  background: #c579b0;
}

.modal .modal-text-content .info-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -0.1rem -0.29rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.modal .modal-text-content .info-list>li {
  width: 25%;
  padding: 0 0.1rem;
  margin: 0 0 0.3rem;
}

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

.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 {
    max-width: none;
    min-height: 100%;
    padding: 0 0.4rem 0.4rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .h2 {
    margin: 0;
    line-height: 1.2;
    font-size: 0.22rem;
    text-align: center;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #aeaeae;
    line-height: 1.2;
    font-size: 0.18rem;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fbfbfb;
    min-height: 1.06rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 -0.4rem 0.4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.23rem 1.1rem 0.18rem;
    -webkit-box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-heading p {
    margin-top: 0.1rem;
  }
}

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

@media only screen and (max-width: 750px) {
  .modal .modal-text-content {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .scroll-cover {
    max-height: none;
    overflow: visible !important;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .scroll-cover .ps__rail-y {
    display: none !important;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .scroll-inner {
    padding-top: 0.46rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .container {
    display: block;
  }
}

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

@media only screen and (max-width: 750px) {
  .modal .modal-text-content #sidebar {
    width: auto;
    display: block;
    margin: 0 0 0.69rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content #sidebar .visual {
    font-size: 0.24rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content #sidebar .visual img {
    margin-right: 0.3rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content #sidebar .h2 {
    font-size: 0.5rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .clear-content {
    margin: 0;
  }
}

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

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

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .default-list {
    padding-left: 0.22rem;
    margin-bottom: 0.4rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .default-list>li {
    padding-left: 0.53rem;
    margin-bottom: 0.17rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .default-list>li:after {
    top: 0.2rem;
    width: 0.25rem;
    height: 0.02rem;
  }
}

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

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .info-list>li {
    width: auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .info-list dt {
    font-size: 0.22rem;
  }
}

@media only screen and (max-width: 750px) {
  .modal .modal-text-content .info-list dd {
    font-size: 0.44rem;
  }
}


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

.sign-in-modal .center {
  text-align: center;
}

.sign-in-modal .default-tab-controls {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  list-style: none;
  font-size: 0.15rem;
  margin: 0 0 0.32rem;
  position: relative;
  text-align: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  text-transform: uppercase;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 0.02rem solid #e5e5e5;
}

.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;
  -webkit-transition: left 0.35s ease;
  -o-transition: left 0.35s ease;
  transition: left 0.35s ease;
  background: var(--icons-sub-color);
}

.sign-in-modal .default-tab-controls__link {
  display: block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
  padding: 0.15rem 0.15rem 0.2rem;
}

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

.sign-in-modal .callback-form .btn {
  font-weight: normal;
  text-transform: none;
}

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

.sign-in-modal .callback-form__info a {
  color: inherit;
}

@media only screen and (max-width: 750px) {
  .sign-in-modal .modal .modal-heading {
    padding-left: 0.4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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;
  }
}

@media only screen and (max-width: 750px) {
  .sign-in-modal .center {
    max-width: 5.54rem;
    margin: 0 auto 0.6rem;
  }
}

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

@media only screen and (max-width: 750px) {
  .sign-in-modal .default-tab-controls__slide {
    height: 0.04rem;
    bottom: -0.04rem;
  }
}

@media only screen and (max-width: 750px) {
  .sign-in-modal .default-tab-controls__link {
    padding: 0.19rem 0.2rem 0.33rem;
  }
}

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

@media only screen and (min-width: 751px) {
  .sign-in-modal .callback-form .btn {
    font-size: 0.15rem;
  }
}

@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__link {
  text-align: center;
  padding: 0.4rem 0 0;
}

.sign-in-modal__link a {
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px dotted;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  transition: border-color 0.35s ease;
}

.sign-in-modal__link a:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}

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

[data-id=products-added-modal] .modal-heading {
  margin-bottom: 0.44rem;
}

[data-id=products-added-modal] .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 0.02rem solid #f7f7f7;
}

@media only screen and (max-width: 750px) {
  [data-id=products-added-modal] .modal .h2 {
    text-align: left;
    font-size: 0.26rem;
  }
}

@media only screen and (max-width: 750px) {
  [data-id=products-added-modal] .modal-heading {
    padding-left: 0.4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.added-product-item:not(:first-child) {
  margin-top: 0.29rem;
}

@media only screen and (max-width: 750px) {
  .added-product-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 750px) {
  .added-product-item:not(:first-child) {
    margin-top: 0.48rem;
  }
}

.added-product-item__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #df524d;
  width: 0.44rem;
  height: 0.44rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.17rem;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.38rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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;
}

[data-id=catalog-modal] .modal-heading {
  margin-bottom: 0.33rem;
}

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

[data-id=catalog-modal] .catalog-list .product-item .btn .icon-check {
  line-height: 1;
  font-size: 0.09rem;
}

[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: 750px) {
  [data-id=catalog-modal] .modal .h2 {
    font-size: 0.26rem;
  }
}

@media only screen and (max-width: 750px) {
  [data-id=catalog-modal] .modal-heading {
    text-align: left;
    padding-left: 0.4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 751px) {
  [data-id=catalog-modal] .catalog-list .product-item__title {
    margin-bottom: 0.16rem;
  }
}

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

@media only screen and (max-width: 750px) {
  [data-id=catalog-modal] .catalog-list .product-item .btn .icon-check {
    display: none;
  }
}

@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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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;
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.correct-measurement-modal .video iframe:not(.loaded) {
  opacity: 0;
}

@media only screen and (max-width: 750px) {
  .correct-measurement-modal .video {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}

.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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.callback__phone:hover {
  color: #ad0e27;
}

@media only screen and (max-width: 750px) {
  .callback__phone {
    margin: 0;
    font-size: 0.38rem;
    font-weight: bold;
  }
}

.callback .underline {
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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;
}

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

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

@media only screen and (max-width: 750px) {
  .callback-form .form-row {
    margin-bottom: 0.38rem;
  }
}

@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__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;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.callback-form__row-title .tooltip {
  top: 50%;
  right: 0.15rem;
  position: absolute;
  margin-top: -0.1rem;
  pointer-events: auto;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 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;
  }
}

@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;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  transition: border-color 0.35s ease;
}

.callback-form__form-control:focus {
  border-color: #b4b4b4;
}

.callback-form__form-control:focus::-webkit-input-placeholder,
.callback-form__form-control:focus::-moz-placeholder,
.callback-form__form-control:focus:-ms-input-placeholder,
.callback-form__form-control:focus::-ms-input-placeholder,
.callback-form__form-control:focus::placeholder,
.callback-form__form-control:focus:-ms-input-placeholder,
.callback-form__form-control:focus::-ms-input-placeholder {
  opacity: 0;
}

.callback-form__form-control::-webkit-input-placeholder {
  opacity: 1;
  color: #636363;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.callback-form__form-control::-moz-placeholder {
  opacity: 1;
  color: #636363;
  -moz-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.callback-form__form-control:-ms-input-placeholder,
.callback-form__form-control::-ms-input-placeholder {
  opacity: 1;
  color: #636363;
  -ms-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.callback-form__form-control::placeholder {
  opacity: 1;
  color: #636363;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.callback-form__form-control:-ms-input-placeholder,
.callback-form__form-control::-ms-input-placeholder {
  opacity: 1;
  color: #636363;
  -ms-transition: opacity 0.35s ease;
  transition: opacity 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--textarea {
  resize: none;
  height: 0.9rem;
  padding-top: 0.13rem;
  padding-bottom: 0.13rem;
}

.callback-form__form-control--textarea::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

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

.callback-form__form-control--textarea::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.callback-form__form-control--textarea::-webkit-scrollbar-corner {
  background: transparent;
}

@media only screen and (max-width: 750px) {
  .callback-form__form-control--textarea {
    height: 2.14rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}

@media only screen and (max-width: 750px) {
  .callback-form__form-control--textarea::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}

@media only screen and (max-width: 750px) {
  .callback-form__form-control--textarea::-webkit-scrollbar-thumb {
    width: 8px;
  }
}

.callback-form__hint {
  display: block;
  color: #919191;
  font-size: 0.12rem;
  line-height: 0.19rem;
  margin: -0.06rem 0 0.27rem;
}

.callback-form__hint a {
  text-decoration: underline;
}

.callback-form__hint a:hover {
  text-decoration: none;
}

@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 .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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  background: #fff;
  position: absolute;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.42rem 0.4rem 0.82rem;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
}

.callback-success-msg__text p {
  margin-bottom: 0.19rem;
}

@media only screen and (max-width: 750px) {
  .callback-success-msg__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #aeaeae;
    line-height: 1.2;
    font-size: 0.18rem;
    text-align: center;
    background: #fbfbfb;
    min-height: 1.06rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 -0.4rem 0.4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% + .8rem);
    padding: 0.23rem 0.4rem 0.18rem;
    -webkit-box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.callback-success-msg__visual img {
  display: block;
  max-width: 100%;
}

@media only screen and (max-width: 750px) {
  .callback-success-msg__visual {
    height: auto;
    min-height: calc(100vh - 2rem);
  }
}

@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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  font: bold 0.14rem/1.2 "Open Sans", "Circle", Arial, Helvetica, sans-serif;
}

.search-form__input:hover {
  border-color: #cecece;
}

.search-form__input:focus {
  border-color: #cecece;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
}

.search-form__input:focus::-webkit-input-placeholder,
.search-form__input:focus::-moz-placeholder,
.search-form__input:focus:-ms-input-placeholder,
.search-form__input:focus::-ms-input-placeholder,
.search-form__input:focus::placeholder,
.search-form__input:focus:-ms-input-placeholder,
.search-form__input:focus::-ms-input-placeholder {
  opacity: 0;
}

.search-form__input::-webkit-input-placeholder {
  opacity: 1;
  color: #636363;
  font-weight: normal;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.search-form__input::-moz-placeholder {
  opacity: 1;
  color: #636363;
  font-weight: normal;
  -moz-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.search-form__input:-ms-input-placeholder,
.search-form__input::-ms-input-placeholder {
  opacity: 1;
  color: #636363;
  font-weight: normal;
  -ms-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.search-form__input::placeholder {
  opacity: 1;
  color: #636363;
  font-weight: normal;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.search-form__input:-ms-input-placeholder,
.search-form__input::-ms-input-placeholder {
  opacity: 1;
  color: #636363;
  font-weight: normal;
  -ms-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

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

@media only screen and (max-width: 750px) {
  .search-form__input:focus {
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
  }
}

@media only screen and (min-width: 751px) {

  .search-form__input::-webkit-input-placeholder,
  .search-form__input::-moz-placeholder,
  .search-form__input:-ms-input-placeholder,
  .search-form__input::-ms-input-placeholder,
  .search-form__input::placeholder {
    font-size: 0.13rem;
  }
}

@media only screen and (min-width: 751px) {
  .search-form__input:-ms-input-placeholder {
    font-size: 0.13rem;
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  background: none;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: 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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}

.search-form__dropdown:after {
  left: 0;
  right: 0;
  content: "";
  bottom: 100%;
  height: 0.1rem;
  background: #fff;
  position: absolute;
  margin-bottom: 1px;
  pointer-events: none;
}

.search-form__dropdown .scroll-cover {
  max-height: 2.5rem;
}

@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;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
  }
}

@media only screen and (max-width: 750px) {
  .search-form__dropdown:after {
    height: 0.15rem;
    margin-bottom: 0;
  }
}

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

.search-form__dropdown__footer .search-form__results-more {
  margin-top: 0;
}

@media only screen and (max-width: 750px) {
  .search-form__dropdown__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.22rem;
    padding: 0.35rem 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.search-form__result-group {
  color: #626262;
  line-height: 1.2;
  font-size: 0.13rem;
  padding: 0.18rem 0.17rem;
  border-top: 1px solid #ddd;
}

.search-form__result-group:first-child {
  border-top: none;
}

@media only screen and (max-width: 750px) {
  .search-form__result-group {
    font-size: 0.22rem;
    padding: 0.35rem 0;
  }
}

.search-form__result-group__title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.13rem;
  text-transform: uppercase;
}

.search-form__result-group__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

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

@media only screen and (max-width: 750px) {
  .search-form__result-group__title {
    font-size: 0.2rem;
  }
}

.search-form__result-group:not(.open) .search-form__results-list__item:nth-child(5)~.search-form__results-list__item,
.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;
}

.search-form__results-list__item:first-child {
  margin-top: 0;
}

.search-form__results-list__item .light {
  color: #b4b4b4;
}

@media only screen and (max-width: 750px) {
  .search-form__results-list__item {
    margin-top: 0.24rem;
  }
}

.search-form__results-list__link {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.search-form__results-list__link:hover {
  color: #ad0e27;
}

.search-form__results-more {
  margin-top: 0.12rem;
}

.search-form__results-more a {
  color: #cf2c2f;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.search-form__results-more a:hover {
  color: #ad0e27;
}

@media only screen and (max-width: 750px) {
  .search-form__results-more {
    margin-top: 0.24rem;
  }
}

.search-form__search-hide {
  border: none;
  color: #636363;
  line-height: 1.2;
  background: none;
  font-size: 0.22rem;
}

.search-form.not-empty .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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
}

.search-form.show-results .search-form__dropdown {
  left: 0;
  right: 0;
  top: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

@media only screen and (max-width: 750px) {
  .search-form.show-results .search-form__input {
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
  }
}

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

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

.search-panel .search-form__input:focus {
  border-color: #d4d4d4;
  background-color: #eeeeee;
}

.search-panel .search-form__btn {
  width: 0.4rem;
  color: #7e7e7e;
}

.search-panel .search-form__btn:hover {
  color: #656565;
}

.search-panel .search-form.not-empty .search-form__btn {
  color: #7e7e7e;
}

.search-panel .search-form.not-empty .search-form__btn:hover {
  color: #585858;
}

@media only screen and (max-width: 750px) {
  .search-panel .search-form {
    margin-bottom: 0.18rem;
  }
}

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

@media only screen and (max-width: 750px) {
  .search-panel .search-form__btn {
    right: 0;
    width: 0.7rem;
  }
}

@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__results-list {
  padding: 0;
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  color: #292929;
  height: 2.73rem;
  list-style: none;
  overflow: hidden;
  -webkit-column-gap: 0.2rem;
  -moz-column-gap: 0.2rem;
  column-gap: 0.2rem;
  -webkit-column-fill: auto;
  -moz-column-fill: auto;
  column-fill: auto;
  margin: 0 0 -0.11rem;
}

@media only screen and (max-width: 750px) {
  .search-panel__results-list {
    margin: 0;
    height: auto;
    -webkit-columns: auto;
    -moz-columns: 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;
}

.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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.search-panel__result-item a:hover {
  color: #cf2c2f;
}

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

@media only screen and (max-width: 750px) {
  .search-panel__result-item a {
    display: block;
    padding: 0.32rem;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #bababa;
  line-height: 1;
  cursor: pointer;
  font-size: 0.06rem;
  position: absolute;
  border-style: solid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f9f9f9;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.35s ease, opacity 0.35s ease;
  -o-transition: color 0.35s ease, opacity 0.35s ease;
  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;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.17rem 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.small-product-item__visual {
  width: 0.9rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 0.75rem;
  margin-right: 0.24rem;
}

.small-product-item__visual img {
  width: 100%;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.small-product-item__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
}

.small-product-item__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.small-product-item__title a:hover {
  color: #cf2c2f;
}

@media only screen and (max-width: 750px) {
  .small-product-item__title {
    font-size: 0.22rem;
    line-height: 0.34rem;
  }
}

.small-product-item__price-holder {
  text-align: right;
  margin: 0 0 0 0.2rem;
}

.small-product-item__price-holder--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  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;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  transition: border-color 0.35s ease;
}

.small-product-item__kit:hover .underline {
  border-bottom-color: transparent;
}

.small-product-item__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #818181;
  line-height: 1.2;
  font-size: 0.11rem;
  margin: 0 0 0.05rem;
  letter-spacing: 0.02em;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: 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;
}

.products-section--similar .product-list {
  margin-left: 0;
  margin-right: 0;
  background: #fff;
  border-radius: 0.04rem;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}

.products-section--similar .product-list .product-item {
  padding-left: 0;
  padding-right: 0;
}

.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.7rem;
}

.products-section--similar .js-product-slider .slick-list {
  margin: 0;
  padding: 0;
}

.products-section--similar .product-item__inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  padding-top: 0.23rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.products-section--similar .product-item__visual>a {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 750px) {
  .products-section--similar {
    background: #f9f9f9;
  }
}

@media only screen and (max-width: 750px) {
  .products-section--similar .product-list {
    -webkit-box-shadow: none;
    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;
  }
}

@media only screen and (min-width: 751px) {
  .products-section--similar .product-list .product-item {
    border-left: 1px solid #f0f0f0;
  }
}

@media only screen and (max-width: 750px) {
  .products-section--similar .product-item__visual {
    margin-bottom: 0.2rem;
  }
}

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

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
  list-style: none;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-list .product-item {
  width: 25%;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}

@media only screen and (max-width: 750px) {
  .product-list {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}

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

.product-list--similar .product-item {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.product-list--similar .product-item__inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-style: solid;
  padding-left: 0.29rem;
  padding-right: 0.29rem;
  border-color: #e9e9e9;
  border-width: 1px 0 0 1px;
}

.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 {
    margin-bottom: 0;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    border-left-width: 0;
  }
}

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

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

.js-product-slider .slick-list {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  padding: 1rem 1.2rem;
  margin: -1rem -1.2rem;
}

.js-product-slider .slick-arrow {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -0.68rem;
}

.js-product-slider .slick-next {
  right: 0.1rem;
}

.js-product-slider .slick-prev {
  left: auto;
  right: 0.74rem;
}

.js-product-slider .slick-dots {
  padding-top: 0.43rem;
}

.js-product-slider .slick-track {
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.js-product-slider .slick-track:after,
.js-product-slider .slick-track:before {
  display: none;
}

.js-product-slider .slick-slide {
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.js-product-slider .slick-slide:not(.slick-active) {
  opacity: 0;
  pointer-events: none;
}

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

@media only screen and (max-width: 750px) {
  .js-product-slider .slick-list {
    padding: 0.2rem 0;
    margin: -0.2rem 0;
  }
}

@media only screen and (max-width: 750px) {
  .js-product-slider .slick-arrow {
    display: none !important;
  }
}

.product-item {
  float: none;
  height: auto;
  -ms-flex-negative: 0;
  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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width: 750px) {
  .product-item__inner {
    -webkit-box-shadow: none;
    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;
}

.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;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 750px) {
  .product-item__visual {
    margin-bottom: 0.06rem;
  }
}

.product-item__actions {
  right: 0;
  opacity: 0;
  z-index: 15;
  top: -0.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -0.04rem 0 -0.05rem;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.3rem;
  height: 0.3rem;
  cursor: pointer;
  color: #7d7d7d;
  background: #fff;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: inset 0 0 0 1px #c6c6c6;
  box-shadow: inset 0 0 0 1px #c6c6c6;
  -webkit-transition: color 0.35s ease, background-color 0.35s ease, -webkit-box-shadow 0.35s ease;
  transition: color 0.35s ease, background-color 0.35s ease, -webkit-box-shadow 0.35s ease;
  -o-transition: color 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease;
  transition: color 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease;
  transition: color 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
}

.product-item__action-link__icon:hover {
  background: #ececec;
}

@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.active .product-item__action-link__icon {
  color: #fff;
  background: #cf2c2f;
  -webkit-box-shadow: inset 0 0 0 1px #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;
  -webkit-transition: all 0s ease 0.55s, opacity 0.35s ease 0.2S;
  -o-transition: all 0s ease 0.55s, opacity 0.35s ease 0.2S;
  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%;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease 0.35s;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease 0.35s;
  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;
}

.product-item__action-link__tooltip a {
  color: #dd7375;
  font-weight: normal;
  vertical-align: top;
  display: inline-block;
  border-bottom: 1px solid #dd7375;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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: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;
  }
}

@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,
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  font-size: 0.11rem;
  position: absolute;
  line-height: 0.22rem;
  pointer-events: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -0.05rem -0.1rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0.04rem;
  text-transform: uppercase;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
}

.product-item__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.product-item__title a:hover {
  color: #cf2c2f;
}

@media only screen and (max-width: 750px) {
  .product-item__title {
    font-size: 0.22rem;
    line-height: 0.36rem;
    margin-bottom: 0.3rem;
  }
}

.product-item__buy-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0.14rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
}

.product-item__price sup {
  font-size: 60%;
  vertical-align: top;
}

@media only screen and (max-width: 750px) {
  .product-item__price {
    font-size: 0.28rem;
    font-weight: bold;
    margin-bottom: 0.09rem;
  }
}

.product-item__old-price-panel {
  left: 0;
  right: 0;
  bottom: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  font-weight: normal;
  padding: 0 0 0.03rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.44rem;
  height: 0.44rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  margin-left: 0.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.22rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #c9c9c9;
  -webkit-transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease, width 0.35s ease;
  -o-transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease, width 0.35s ease;
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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,
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: transparent;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.product-item__info-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-item__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #818181;
  line-height: 1.2;
  font-size: 0.11rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-item__status i {
  line-height: 1;
  font-size: 0.1rem;
  font-style: normal;
  margin-right: 0.05rem;
}

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

@media only screen and (max-width: 750px) {
  .product-item__status {
    font-size: 0.16rem;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 750px) {
  .product-item__status i {
    font-size: 0.14rem;
    margin-right: 0.07rem;
  }
}

.product-item__article {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #818181;
  line-height: 1.2;
  font-size: 0.11rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1rem;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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;
  }
}

@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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  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;
    -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
    -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
    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;
    -webkit-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    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;
  -webkit-box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
  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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.filter-form__close:hover {
  color: #000;
}

.filter-form__submit-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.23rem 0.3rem 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -0.14rem;
  margin-right: -0.14rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.filter-form__btn-group .btn {
  margin-left: 0.14rem;
  margin-right: 0.14rem;
}

.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 {
    margin: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (max-width: 750px) {
  .filter-form__btn-group .btn {
    margin-left: 0;
    margin-right: 0;
  }
}

@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 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    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 {
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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;
}

.filter-form__reset:hover .underline {
  border-bottom-color: transparent;
}

@media only screen and (max-width: 750px) {
  .filter-form__reset i {
    display: none;
  }
}

.filter-form__popular-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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 {
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -0.05rem -0.1rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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,
.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;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  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;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  transition: border-color 0.35s ease;
}

.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);
  -webkit-transition: border-color 0.35s ease, background-color 0.35s ease, color 0.35s ease;
  -o-transition: border-color 0.35s ease, background-color 0.35s ease, color 0.35s ease;
  transition: border-color 0.35s ease, background-color 0.35s ease, color 0.35s ease;
}

.tag-item.active {
  color: #fff;
  background: #4b4b4b;
}

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

@media only screen and (min-width: 751px) {
  .tag-item:hover {
    background: #dedede;
    border-color: #dedede;
  }
}

.tag-item__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  background: #4b4b4b;
  pointer-events: none;
  border-radius: 0.16rem;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
}

.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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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 {
  -ms-flex-negative: 0;
  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;
  -o-text-overflow: ellipsis;
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 0 1px 1px 0;
  -webkit-transition: margin 0.35s ease, -webkit-transform 0.35s ease;
  transition: margin 0.35s ease, -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease, margin 0.35s ease;
  transition: transform 0.35s ease, margin 0.35s ease;
  transition: transform 0.35s ease, margin 0.35s ease, -webkit-transform 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;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  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 {
  -webkit-columns: 4;
  -moz-columns: 4;
  columns: 4;
  padding: 0;
  list-style: none;
  margin: 0 0 -0.21rem;
}

@media only screen and (max-width: 750px) {
  .input-list {
    -webkit-columns: 1;
    -moz-columns: 1;
    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;
}

.input-list__item--more a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: top;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.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);
}

.input-list__item--more .underline {
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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;
}

@media only screen and (max-width: 750px) {
  .input-list__item--more {
    font-size: 0.22rem;
  }
}

@media only screen and (max-width: 750px) {
  .input-list__item--more a {
    color: var(--icons-sub-color);
  }
}

@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.open .input-list__item--more,
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.22rem;
  height: 0.22rem;
  background: #fff;
  font-size: 0.09rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.04rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #d0d0d0;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  transition: border-color 0.35s ease;
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
}

.checkbox__input:checked+.checkbox__icon {
  color: #cf2c2f;
}

.checkbox__input:checked+.checkbox__icon--radio,
.checkbox__input:checked+.checkbox__icon--filled {
  border-color: #dd7375;
}

.checkbox__input:checked+.checkbox__icon--radio:before,
.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: top;
  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__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.checkbox__text a {
  z-index: 50;
  position: relative;
}

.checkbox__color-visual {
  width: 0.35rem;
  height: 0.22rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 0.1rem 0 0;
}

.checkbox__color-visual img {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (max-width: 750px) {
  .checkbox__color-visual {
    width: 0.51rem;
    height: 0.32rem;
    margin-right: 0.21rem;
  }
}

.paging {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1.5;
  margin: 0 -0.01rem;
  font-size: 0.16rem;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.paging__item--next {
  margin-left: 0.22rem;
}

.paging__item--disabled {
  opacity: 0.4;
  pointer-events: none;
}

.paging__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.36rem;
  height: 0.32rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
  border: 0.02rem solid transparent;
}

.paging__link:hover {
  color: var(--icons-sub-color);
}

.paging__link i {
  display: block;
}

@media only screen and (max-width: 750px) {
  .paging__link {
    width: 0.58rem;
    height: 0.51rem;
    border-width: 0.03rem;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.56rem;
  height: 0.56rem;
  cursor: pointer;
  font-size: 0.29rem;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--icons-sub-color);
  -webkit-transition: background-color 0.35s ease, opacity 0.35s ease;
  -o-transition: background-color 0.35s ease, opacity 0.35s ease;
  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;
  -webkit-animation: none;
  animation: none;
}

.callback-widget__icon:not(:hover) {
  -webkit-animation: shaking 2s ease infinite;
  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;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  margin: -0.11rem -0.28rem 0 0;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
}

.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 {
    left: 0;
    font-size: 0.2rem;
    line-height: 0.31rem;
    padding-left: 0.5rem;
  }
}

@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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.callback-widget__close:hover {
  opacity: 0.75;
}

@media only screen and (max-width: 750px) {
  .callback-widget__close {
    top: 0.3rem;
    right: 0.4rem;
    font-size: 0.34rem;
  }
}

.callback-widget__form-row {
  position: relative;
  margin-bottom: 0.13rem;
}

.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 {
    margin-bottom: 0.25rem;
  }
}

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

.callback-widget__form-control::-webkit-input-placeholder,
.callback-widget__form-control::-moz-placeholder,
.callback-widget__form-control:-ms-input-placeholder,
.callback-widget__form-control::-ms-input-placeholder,
.callback-widget__form-control::placeholder,
.callback-widget__form-control:-ms-input-placeholder,
.callback-widget__form-control::-ms-input-placeholder {
  opacity: 1;
  color: #636363;
}

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

@-webkit-keyframes shaking {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  15% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  18% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  24% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  36% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  39% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes shaking {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  15% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  18% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  24% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  36% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  39% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

.catalog-banner {
  z-index: 10;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #2f2d2d;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  letter-spacing: 0.02em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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;
  -webkit-transform: skew(-17deg);
  -ms-transform: skew(-17deg);
  transform: skew(-17deg);
}

.catalog-banner__bg:after,
.catalog-banner__bg:before {
  top: 0;
  bottom: 0;
  left: 100%;
  content: "";
  width: 0.14rem;
  position: absolute;
}

.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 {
    width: 44%;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
  }
}

@media only screen and (max-width: 750px) {

  .catalog-banner__bg:after,
  .catalog-banner__bg:before {
    width: 0.2rem;
  }
}

@media only screen and (max-width: 750px) {
  .catalog-banner__bg:before {
    margin-left: 0.2rem;
  }
}

.catalog-banner__title {
  width: 42.15%;
  -ms-flex-negative: 0;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.38rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.catalog-banner__content .btn {
  font-family: "Red Ring", "Open Sans", Arial, Helvetica, sans-serif;
  padding-top: 0.07rem;
  margin-left: 0.21rem;
}

@media only screen and (max-width: 750px) {
  .catalog-banner__content {
    padding-top: 0.09rem;
    padding-left: 0.57rem;
  }
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.catalog-banner__close:hover {
  opacity: 0.75;
}

.catalog-banner__close .icon-close {
  display: block;
}

@media only screen and (max-width: 750px) {
  .catalog-banner__close {
    top: 0.11rem;
    right: 0.11rem;
    font-size: 0.17rem;
  }
}

.topics-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 -0.08rem 0.01rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.topics-list .topic-item {
  /*width: 33.3333%;*/
  width: 24%;
  padding: 0 0.08rem;
}

@media only screen and (max-width: 750px) {
  .topics-list {
    overflow-x: auto;
    padding: 0.1rem 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-y: hidden;
    scroll-behavior: smooth;
    margin: -0.1rem -0.4rem 0.3rem;
    -webkit-overflow-scrolling: touch;
  }
}

@media only screen and (max-width: 750px) {
  .topics-list .topic-item {
    margin: 0;
    width: 4.14rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 0.15rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }

  .topics-list .topic-item:first-child {
    padding-left: 0.4rem;
  }

  .topics-list .topic-item:last-child {
    padding-right: 0.4rem;
  }
}

.topic-item {
  text-align: center;
  margin-bottom: 0.13rem;
}

.topic-item__inner {
  border: 1px solid #000;
  display: block;
  background: #fff;
  min-height: 100%;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*border-radius: 0.04rem;*/
  padding: 0.26rem 0.3rem 0.22rem;
  -webkit-transition: -webkit-box-shadow 0.35s ease;
  transition: -webkit-box-shadow 0.35s ease;
  -o-transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  -webkit-box-shadow: 0 0 0.09rem 0 rgba(0, 0, 0, 0);
  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;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
  }
}

@media only screen and (min-width: 751px) {
  .topic-item__inner:hover {
    -webkit-box-shadow: 0 0 0.09rem 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0 0 0.09rem 0 rgba(0, 0, 0, 0.13);
  }
}

@media only screen and (max-width: 750px) {
  .topic-item__inner:hover {
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.3);
  }
}

.topic-item__visual {
  display: block;
  width: 2.19rem;
  height: 1.15rem;
  position: relative;
  margin: 0 auto 0.17rem;
}

.topic-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 750px) {
  .topic-item__visual {
    width: 3.28rem;
    height: 1.72rem;
    margin-bottom: 0.32rem;
  }
}

.topic-item__title {
  color: #000;
  display: block;
  line-height: 1.2;
  font-size: 0.16rem;
  margin: 0 0 0.1rem;
}

@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.2;
  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;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  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);
  -webkit-transition: border-color 0.35s ease, color 0.35s ease, background-color 0.35s ease;
  -o-transition: border-color 0.35s ease, color 0.35s ease, background-color 0.35s ease;
  transition: border-color 0.35s ease, color 0.35s ease, background-color 0.35s ease;
}

.tooltip__icon:hover {
  color: #878787;
  border-color: rgba(145, 145, 145, 0.75);
}

@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.open .tooltip__icon {
  color: #fff;
  background: var(--icons-sub-color);
  border-color: var(--icons-sub-color);
}

.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;
  -webkit-transition: border-color 0.35s ease, color 0.35s ease;
  -o-transition: border-color 0.35s ease, color 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.tooltip__inner .tooltip__visual {
  width: 0.64rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.2rem;
  border-radius: 0.04rem;
}

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

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

.tooltip__visual img {
  width: 100%;
  display: block;
}

@media only screen and (max-width: 750px) {
  .tooltip__visual {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}

.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-popover {
  opacity: 0;
  z-index: 1500;
  position: absolute;
  margin: 0.34rem 0 0 -0.29rem;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}

.tooltip-popover.at-right {
  margin-left: 0.4rem;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.tooltip-popover.open {
  opacity: 1;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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);
}

.review-item:first-child {
  border-top-width: 1px;
}

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

@media only screen and (max-width: 750px) {
  .review-item:first-child {
    border-top-width: 0.02rem;
  }
}

.review-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.17rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 750px) {
  .review-item__head {
    margin-bottom: 0.38rem;
  }
}

.review-item__recomended {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #77ac1a;
  line-height: 1.5;
  font-size: 0.14rem;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.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 {
    font-size: 0.2rem;
  }
}

@media only screen and (max-width: 750px) {
  .review-item__recomended i {
    font-size: 0.22rem;
    margin-right: 0.15rem;
  }
}

.review-item__main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.review-item__reviewer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.21rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.review-item__reviewer__avatar {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.45rem;
  height: 0.45rem;
  font-weight: 600;
  font-size: 0.16rem;
  text-align: center;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f2d4d4;
  margin-right: 0.16rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
}

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

@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__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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.14rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.review-item__rating .rating-list {
  margin: 0 0.16rem 0 -0.02rem;
}

@media only screen and (max-width: 750px) {
  .review-item__rating {
    margin-bottom: 0.5rem;
  }
}

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

.review-item__description-row:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 750px) {
  .review-item__description-row {
    margin-top: 0.38rem;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: 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;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

.review-item__photos__item {
  width: 25%;
  padding: 0.1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 750px) {
  .review-item__photos__item {
    width: 2.6rem;
    padding: 0 0.1rem;
    -webkit-box-sizing: content-box;
    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%;
  -o-object-fit: cover;
  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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.review-item__show-answer:before {
  content: attr(data-default);
}

@media only screen and (max-width: 750px) {
  .review-item__show-answer {
    font-size: 0.2rem;
    font-weight: bold;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -0.11rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #919191;
  font-size: 0.13rem;
  line-height: 0.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.review-item__control i {
  color: #ccc;
  line-height: 1;
  font-size: 0.16rem;
  position: relative;
  margin-right: 0.07rem;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

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

@media only screen and (max-width: 750px) {
  .review-item__control {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
}

@media only screen and (max-width: 750px) {
  .review-item__control i {
    font-size: 0.27rem;
    margin-right: 0.13rem;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 -0.1rem 0.36rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 -0.1rem 0.08rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.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;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}

.gallery-modal .product-visual__video iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.45rem;
  line-height: 1;
  color: #909090;
  border-radius: 50%;
  margin-top: -0.22rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  -webkit-transition: color 0.35s ease, background-color 0.35s ease, opacity 0.35s ease;
  -o-transition: color 0.35s ease, background-color 0.35s ease, opacity 0.35s ease;
  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.09rem;
}

.gallery-modal .product-slider .slick-next {
  right: 0.2rem;
  padding-left: 0.09rem;
}

.gallery-modal.video-open .product-slider,
.gallery-modal.video-open .product-slider__controls {
  opacity: 0;
  pointer-events: none;
}

@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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 751px) {
  .gallery-modal .close-icon {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    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%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--icons-sub-color);
    -webkit-transition: background-color 0.35s ease;
    -o-transition: background-color 0.35s ease;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
  }
}

@media only screen and (max-width: 750px) {
  .gallery-modal.video-open .product-visual__video {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

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

@media only screen and (max-width: 750px) {
  .gallery-modal .product-visual__video iframe {
    top: 0;
    left: 0;
    position: absolute;
  }
}

.gallery-modal__temporary-msg {
  z-index: 50;
  top: 0.16rem;
  left: 0.19rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #292929;
  line-height: 1.5;
  font-size: 0.13rem;
  position: absolute;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.gallery-modal__temporary-msg .info-icon {
  width: 0.2rem;
  height: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #898b90;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  font-style: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.11rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 7.52rem;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #292929;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f8f8f8;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1.5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.1228rem;
  margin: 0 0 -0.1rem -0.14rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.gallery-modal__footer__list-item {
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(3.72rem, 1fr));
  }
}

@media only screen and (max-width: 750px) {
  .services-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0.1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    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 {
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
  }
}

@media only screen and (max-width: 750px) {
  .services-list__item--tall {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
    height: 9.3rem;
  }
}

@media only screen and (min-width: 751px) {
  .services-list__item--wide {
    -ms-grid-column-span: 2;
    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;
  -webkit-transition: -webkit-box-shadow 0.35s ease;
  transition: -webkit-box-shadow 0.35s ease;
  -o-transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  padding: 0.25rem 1.32rem 0.24rem 0.35rem;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}

.service-item:hover {
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.14);
}

@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--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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  pointer-events: none;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0.04rem -0.07rem 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  background: #fff;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 0.04rem;
  margin: 0.36rem 0 0.3rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  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 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  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;
}

.main-contacts-item p {
  margin-bottom: 0.04rem;
}

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

@media only screen and (max-width: 750px) {
  .main-contacts-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    font-size: 0.21rem;
    line-height: 0.345rem;
    padding: 0.5rem 0 0.46rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: 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;
  }
}

@media only screen and (max-width: 750px) {
  .main-contacts-item p {
    margin-bottom: 0.06rem;
  }
}

.main-contacts-item__icon {
  width: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.54rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 0.2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main-contacts-item__icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.main-contacts-item__icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: #a9a9a9;
}

@media only screen and (max-width: 750px) {
  .main-contacts-item__icon {
    height: auto;
    width: 1.1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0.1rem 0.37rem 0 0;
  }
}

.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__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;
}

.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 {
    padding-top: 0.03rem;
    margin-bottom: 0.12rem;
  }
}

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

.contacts__address-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.13rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -0.3rem;
  line-height: 0.19rem;
  margin-right: -0.3rem;
  padding: 0.23rem 0.3rem;
  border-top: 1px solid #f5f5f5;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@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__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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  margin: 0 0 0 0.15rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  border-radius: 0.04rem;
  padding: 0.05rem 0.14rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  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;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.map__zoom-controls {
  background: #fff;
  border-radius: 0.16rem;
  -webkit-box-shadow: 0.05rem 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0.05rem 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.16);
}

.map__zoom-plus,
.map__zoom-minus {
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.34rem;
  line-height: 1;
  cursor: pointer;
  background: #fff;
  font-size: 0.12rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  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;
}

.cookies {
  opacity: 0;
  color: #fff;
  z-index: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  position: fixed;
  font-size: 0.13rem;
  line-height: 0.2rem;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.15rem 0.4rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(34, 34, 34, 0.87);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease, -webkit-transform 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease, transform 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease, transform 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease;
}

.cookies.visible {
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  -o-transition: opacity 0.35s ease, transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease;
}



.cat-over-block {
  position: absolute !important;
  top: 0;
  color: #fff;
  background: #333;
  width: 100%;
  z-index: 100;
  padding: 5px 10px;
  overflow-y: scroll;
  display: none;
}

.cat-over-block::-webkit-scrollbar {
  width: 6px;
  background: #333;
  height: 6px;
}

.cat-over-block::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}

.cat-over-block::-webkit-scrollbar-track {
  margin-top: 90px;
  margin-bottom: 90px;
}

.cat-over-block h3 {
  text-transform: uppercase;
}

.cat-over-block ul {
  list-style-type: none;
  list-style-position: inside;
  padding: 0;
}

.cat-over-block a:hover {
  text-decoration: underline;
}

.cat-over-block span {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 29px;
  cursor: pointer;
  transition-duration: 0.3s;
}

.cat-over-block span:hover {
  color: #CF2C2F;
}

@media only screen and (max-width: 750px) {
  .cat-over-block h3 {
    font-size: 20px;
  }

  .cat-over-block li {
    font-size: 17px;
    margin-bottom: 15px;
  }

  .cat-over-block span {
    right: 12px;
  }
}


@media only screen and (max-width: 750px) {
  .cookies {
    display: block;
    font-size: 0.2rem;
    padding-top: 0.24rem;
    line-height: 0.28rem;
    padding-bottom: 0.3rem;
  }
}

.cookies__text {
  display: block;
}

.cookies__text a {
  text-decoration: underline;
}

.cookies__text a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 750px) {
  .cookies__text {
    margin-bottom: 0.26rem;
  }
}

.cookies__btn-holder {
  margin-left: 0.28rem;
}

.cookies__btn-holder .btn {
  height: 0.46rem;
  font-weight: normal;
  text-transform: none;
}

@media only screen and (max-width: 750px) {
  .cookies__btn-holder {
    margin: 0;
  }
}

@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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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;
}

.default-section__title a {
  color: #fff;
  vertical-align: top;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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;
}

@media only screen and (max-width: 750px) {
  .default-section__title {
    font-size: 0.4rem;
    margin-bottom: 0.38rem;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #dd7375;
  margin-left: 0.2rem;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0.02rem solid #aeaeae;
  -webkit-transition: opacity 0.35s ease, background-color 0.35s ease;
  -o-transition: opacity 0.35s ease, background-color 0.35s ease;
  transition: opacity 0.35s ease, background-color 0.35s ease;
}

.default-section__title-icon .icon-angle-down {
  display: block;
  line-height: 1;
  font-size: 0.18rem;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.default-section__title-icon .icon-angle-down:before {
  display: block;
}

@media only screen and (max-width: 750px) {
  .default-section__title-icon {
    display: none;
    width: 0.5rem;
    height: 0.5rem;
    color: #f06842;
    margin-left: 0.13rem;
    padding-left: 0.01rem;
    border-color: rgba(0, 0, 0, 0.17);
  }
}

@media only screen and (max-width: 750px) {
  .default-section__title-icon .icon-angle-down {
    font-size: 0.24rem;
  }
}

.default-section--white {
  background: #fff;
}

.default-section__text.all-text-showed .hide-on-full-text,
.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 {
  color: #292929;
  position: relative;
  -webkit-box-shadow: 0.01rem 0 0.18rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0.01rem 0 0.18rem 0 rgba(0, 0, 0, 0.07);
}

@media only screen and (min-width: 751px) {
  .header {
    background: #fff;
  }
}

@media only screen and (max-width: 750px) {
  .header {
    padding-top: 0.25rem;
    padding-bottom: 0.29rem;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.22);
  }
}

@media only screen and (min-width: 751px) {
  .header__main {
    border-bottom: 1px solid #ededed;
  }
}

@media only screen and (max-width: 750px) {
  .header__main {
    margin-bottom: 0.3rem;
  }
}

.header__main__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 750px) {
  .header__sub-panel__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 750px) {
  .header__sub-panel__inner>.btn-panel {
    margin: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 750px) {
  .header__sub-panel__inner>.btn-panel>.btn-holder {
    margin: 0;
  }
}

.header__sub-panel__btn-holder.header-calc-dropdown {
  position: relative;
}

.header__sub-panel__btn-holder.header-calc-dropdown.open .btn--sub {
  background: #303030;
}

@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__logo-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.header__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (max-width: 750px) {
  .header__controls {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
}

.header__controls__item {
  position: relative;
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.header__controls__item.open .header__control-item__dropdown:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

@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;
    -webkit-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
  }

  .header__controls__item:hover .header__controls__item:after,
  .header__controls__item:hover:after {
    opacity: 0;
  }
}

.header__controls__item--default:hover .header__control-item__dropdown {
  left: 0;
  top: 100%;
  opacity: 1;
  right: auto;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.header__controls__item--default .header__control-item__dropdown {
  right: auto;
  left: -9999px;
  width: 1.98rem;
  margin-top: -0.16rem;
  margin-left: -0.08rem;
}

.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);
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}

.header__controls__item--default .header__control-item__dropdown__inner:after {
  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;
}

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

@media only screen and (max-width: 750px) {
  .header__controls__item--default:hover .header__control-item__dropdown {
    left: -0.4rem;
  }
}

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

@media only screen and (max-width: 750px) {
  .header__controls__item--default .header__control-item__dropdown__inner {
    padding: 0.3rem 0.4rem 0.35rem;
  }
}

@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__control-item {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  cursor: pointer;
  font-size: 0.12rem;
  min-width: 0.6rem;
  min-height: 0.8rem;
  position: relative;
  line-height: 0.16rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.18rem 0 0.17rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: background-color 0.35s ease, color 0.35s ease;
  -o-transition: background-color 0.35s ease, color 0.35s ease;
  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__control-item:hover,
  .header__controls__item:first-child:hover .header__control-item {
    background: #ededed;
  }
}

.header__control-item__icon {
  position: relative;
}

.header__control-item__icon i {
  display: block;
  position: relative;
}

.header__control-item__icon i:before {
  vertical-align: top;
}

.header__control-item__icon svg {
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  fill: #9a9a9a;
}

.header__control-item__icon svg use {
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

@media only screen and (max-width: 750px) {
  .header__control-item__icon {
    color: #a9a9a9;
    line-height: 1;
    font-size: 0.49rem;
  }
}

@media only screen and (max-width: 750px) {
  .header__control-item__icon i {
    top: 0.02rem;
  }
}

@media only screen and (max-width: 750px) {
  .header__control-item__icon svg {
    width: 0.54rem;
    height: 0.54rem;
    fill: #a9a9a9;
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: -0.07rem;
  font-size: 0.1rem;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffa903;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0.02rem solid #fff;
  -webkit-transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease;
  -o-transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease;
  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;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.header__control-item__dropdown__close:hover {
  color: #000;
}

.header__control-item__dropdown__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e6e6e6;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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 .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;
  -webkit-transition: all 0s ease 0.35s;
  -o-transition: all 0s ease 0.35s;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.3;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border-bottom: 1px dotted #bebebe;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  transition: border-color 0.35s ease;
}

.header__active-city:hover .header__active-city__underline {
  border-bottom-color: transparent;
}

.header__menu {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -0.19rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.header__menu__item {
  margin: 0 0.19rem;
  position: relative;
}

.header__menu__item:hover .header__menu-dropdown {
  top: 100%;
  opacity: 1;
  left: -0.21rem;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.header__menu__link {
  display: block;
  padding: 0.12rem 0;
  position: relative;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
  color: #000;
}

.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: 500;
  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);
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}

.header__menu-dropdown:after {
  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 {
  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;
  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;
}

.header__dropdown-list__item:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 750px) {
  .header__dropdown-list__item {
    margin-top: 0.24rem;
  }
}

.header__dropdown-list__link {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.header__dropdown-list__link:hover {
  color: #cf2c2f;
}

.header__callback {
  text-align: right;
  color: #000;
}

@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);
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}

.header__city-dropdown.open {
  top: 100%;
  left: 50%;
  opacity: 1;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.header__city-dropdown:after {
  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;
}

.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;
  margin-bottom: 0.02rem;
  border-bottom-color: rgba(202, 202, 202, 0.45);
}

.header__city-dropdown:after {
  border-bottom-color: #fff;
}

@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;
    -webkit-box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.19);
  }
}

@media only screen and (max-width: 750px) {
  .header__city-dropdown.open {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
  }
}

@media only screen and (max-width: 750px) {

  .header__city-dropdown:after,
  .header__city-dropdown:before {
    display: none;
  }
}

.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-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.header__city-dropdown__close:hover {
  color: #000;
}

@media only screen and (max-width: 750px) {
  .header__city-dropdown__close {
    top: 0.3rem;
    right: 0.3rem;
    font-size: 0.28rem;
  }
}

.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.24rem;
    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;
}

.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 {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    margin-bottom: -0.4rem;
  }
}

@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;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
  -webkit-box-shadow: 0.06rem 0.06rem 0.15rem 0 rgba(0, 0, 0, 0.27);
  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;
    -webkit-box-shadow: 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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    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;
    -webkit-box-sizing: content-box;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.header__calc-list__link:hover {
  color: #cf2c2f;
}

@media only screen and (max-width: 750px) {
  .header__calc-list__link {
    width: 2.05rem;
    min-height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.3rem 0.15rem;
    border-radius: 0.04rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
  }
}

.header__calc-list__icon {
  width: 0.24rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.16rem;
}

.header__calc-list__icon svg {
  fill: #a1a1a1;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media only screen and (max-width: 750px) {
  .header__calc-list__icon {
    width: 0.8rem;
    height: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.09rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.header__burger {
  padding: 0;
  border: none;
  width: 0.4rem;
  display: block;
  line-height: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  background: none;
  overflow: visible;
  font-size: 0.32rem;
  text-align: center;
  -webkit-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}

.header__burger i {
  display: block;
}

.header__burger i:before {
  display: block;
}

@media screen and (max-width: 480px) {
  .header__burger {
    font-size: 18px;
  }
}

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

.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;
  color: #000;
}

@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;
  -webkit-transition: color 0.35s ease, border-color 0.35s ease;
  -o-transition: color 0.35s ease, border-color 0.35s ease;
  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,
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;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
    -webkit-box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.16);
  }
}

.main-menu__search-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  line-height: 1.2;
  font-size: 0.24rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.38rem 0.4rem 0.39rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
  }
}

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

.main-menu__list__item:first-child {
  margin-top: 0;
}

.main-menu__list__item.open>.main-menu__list__link {
  background: rgba(48, 48, 48, 0.11);
}

@media only screen and (max-width: 750px) {
  .main-menu__list__item {
    margin-top: 0;
  }

  .main-menu__list__item.hidden {
    display: none;
  }
}

@media only screen and (max-width: 750px) {
  .main-menu__list__item:first-child {
    border-top: none;
  }
}

@media only screen and (min-width: 751px) {
  .main-menu__list__item.open .main-menu__dropdown {
    top: 0;
    bottom: 0;
    opacity: 1;
    left: 3.03rem;
    -webkit-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    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;
  -webkit-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}

@media only screen and (max-width: 750px) {
  .main-menu__list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #292929;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    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;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  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;
    -ms-flex-negative: 0;
    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);
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}

.main-menu__dropdown a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.main-menu__dropdown .col-row {
  margin-left: -0.05rem;
  margin-right: -0.05rem;
}

.main-menu__dropdown .col-row>.col {
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}

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

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

@media only screen and (min-width: 751px) {
  .main-menu__dropdown .col-row {
    height: calc(100% - .54rem);
  }
}

@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 {
    -webkit-columns: 2;
    -moz-columns: 2;
    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;
}

.main-menu__dropdown-title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.main-menu__dropdown-title a:hover {
  color: #cf2c2f;
}

@media only screen and (max-width: 750px) {
  .main-menu__dropdown-title {
    font-size: 0.26rem;
    margin-bottom: 0.4rem;
  }
}

@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;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media only screen and (min-width: 751px) {
  .main-menu__dropdown-content {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 0.2rem;
    -moz-column-gap: 0.2rem;
    column-gap: 0.2rem;
    overflow-x: auto;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    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;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    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;
    -webkit-transition: color 0.35s ease;
    -o-transition: color 0.35s ease;
    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;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    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;
    -webkit-transition: background-color 0.35s ease;
    -o-transition: background-color 0.35s ease;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #292929;
    margin: 0 -0.2rem;
    list-style: none;
    line-height: 1.2;
    font-size: 0.22rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .main-menu__contacts__link:hover .underline {
    border-bottom-color: transparent;
  }
}

.main-menu__contacts__icon {
  width: 0.42rem;
  -ms-flex-negative: 0;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.3rem;
  right: -0.12rem;
  min-width: 0.3rem;
  font-size: 0.16rem;
  padding: 0 0.04rem;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.02rem solid;
  background: #ffa903;
  border-radius: 0.15rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main-menu__contacts .underline {
  border-bottom: 1px dotted #636363;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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;
  -webkit-box-shadow: none !important;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.33rem 0 0;
  border-top: 1px solid #303030;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
}

.footer__copyright-panel p {
  margin: 0;
}

@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-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 750px) {
  .footer__copyright-panel-inner {
    display: block;
  }
}

.footer__copyright-holder {
  width: 2.4rem;
  -ms-flex-negative: 0;
  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;
}

.footer__logo svg {
  display: block;
  max-width: 100%;
}

@media only screen and (max-width: 750px) {
  .footer__logo {
    padding-top: 0.2rem;
    margin-bottom: 0.24rem;
  }
}

.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;
  -ms-flex-negative: 0;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.footer__callback-link:hover {
  color: #fff;
}

.footer__callback-link i {
  color: #fa2832;
  font-size: 0.17rem;
  margin-right: 0.08rem;
}

.footer__callback-link .underline {
  border-bottom: 1px dashed;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  transition: border-color 0.35s ease;
}

.footer__callback-link .underline:hover {
  border-bottom-color: transparent;
}

@media only screen and (max-width: 750px) {
  .footer__callback-link {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
}

@media only screen and (max-width: 750px) {
  .footer__callback-link i {
    font-size: 0.26rem;
    margin-right: 0.14rem;
  }
}

.footer__developer-info {
  color: #5b5b5b;
  line-height: 1.2;
  font-size: 0.12rem;
  background: #050505;
  padding: 0.2rem 0 0.22rem;
}

.footer__developer-info a {
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.footer__developer-info a:hover {
  color: #818181;
}

@media only screen and (max-width: 750px) {
  .footer__developer-info {
    padding: 0.4rem 0;
  }
}

.footer__developer-info-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer__categories-list {
  padding: 0;
  display: none;
  color: #ff5159;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1.2;
  font-size: 0.13rem;
  font-weight: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: 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;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  transition: border-color 0.35s ease;
  border-bottom: 1px solid transparent;
}

.footer__categories-list__link:hover {
  border-bottom-color: #ff5159;
}

.footer-list-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin: 0 -0.2rem 0.43rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.footer-list-holder .footer-list-item {
  width: 20%;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.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 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.footer-list-holder .slick-next {
  right: -0.68rem;
  padding-left: 0.03rem;
}

.footer-list-holder .slick-next i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 750px) {
  .footer-list-holder .footer-list-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

@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 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  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;
}

.footer-list-item__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.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;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

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

@media only screen and (max-width: 750px) {
  .footer-list-item__title a {
    display: block;
    position: relative;
    padding: 0.3rem 1rem 0.3rem 0.4rem;
  }
}

@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;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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 {
    -webkit-columns: 5;
    -moz-columns: 5;
    columns: 5;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    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;
}

.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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.footer-list__item a:hover {
  color: #ff5159;
}

@media only screen and (max-width: 750px) {
  .footer-list__item {
    margin-top: 0;
  }
}

@media only screen and (max-width: 750px) {
  .footer-list__item a {
    display: block;
    padding: 0.2rem 0.4rem;
  }
}

.inline-footer-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1.2;
  font-size: 0.14rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -0.31rem -0.22rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.inline-footer-list__link:hover {
  color: #ff5159;
}

.socials {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #575757;
  line-height: 1;
  margin: 0 -0.1rem;
  list-style: none;
  font-size: 0.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.social-link:hover {
  color: #fff;
}

.developer {
  font-size: 0.13rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.developer use {
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.developer:not(:hover) .on-hover,
.developer:hover use:not(.on-hover) {
  opacity: 0;
}

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

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

.hero-item--calc p {
  margin-bottom: 0.25rem;
}

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

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

.hero-item--calc-2 p {
  margin-bottom: 0.25rem;
}

.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 {
    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;
  }
}

@media only screen and (max-width: 750px) {
  .hero-item--calc-2 p {
    margin-bottom: 0.38rem;
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 4.66rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
}

.hero-item__btn-holder .btn {
  height: 0.62rem;
  font-weight: normal;
  text-transform: none;
  -webkit-box-shadow: 0 0.03rem 0.24rem 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0.03rem 0.24rem 0 rgba(0, 0, 0, 0.35);
}

.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 {
    padding-top: 0.15rem;
  }
}

@media only screen and (max-width: 750px) {
  .hero-item__btn-holder .btn {
    width: 100%;
    height: 0.9rem;
  }
}

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

.hero-item .tags-list {
  width: calc(100% + .1rem);
}

@media only screen and (max-width: 750px) {
  .hero-item p {
    margin-bottom: 0.38rem;
  }
}

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

.hero-item__title .uppercase {
  display: block;
  text-transform: uppercase;
}

@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__visual {
  width: 6.78rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 0 0 -1rem;
}

.hero-item__visual img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

@media only screen and (max-width: 750px) {
  .hero-item__visual {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 -0.4rem 0.4rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .hero-item__visual--at-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .hero-item__visual--at-center {
    padding-top: 0.7rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .hero-item__visual--at-bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 751px) {
  .hero-item__visual--at-top {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .hero-item__visual--at-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .hero-item__visual--at-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}

@media only screen and (max-width: 750px) {
  .hero-item__visual img {
    max-height: 99%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 100%;
    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: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 52, 0)), to(#343434));
    background: -o-linear-gradient(top, rgba(52, 52, 52, 0), #343434);
    background: linear-gradient(to bottom, rgba(52, 52, 52, 0), #343434);
  }
}

.hero-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.44rem 0 0.4rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.05rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.categories-list .category-item {
  position: relative;
  width: 14.2%;
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}

@media only screen and (max-width: 750px) {
  .categories-list {
    margin-left: 0;
    margin-right: 0;
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3rem;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-size: cover;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.category-item__preview:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0.86;
  z-index: -10;
  position: absolute;
  background: #303030;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.category-item__preview:hover:after {
  opacity: 0.95;
  -webkit-transition: opacity 0.7s ease;
  -o-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
}

@media only screen and (max-width: 750px) {
  .category-item__preview {
    padding: 0.4rem 0.4rem 0.64rem;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.25rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.category-item__icon svg {
  fill: #bababa;
  max-width: 100%;
  max-height: 100%;
}

@media only screen and (max-width: 750px) {
  .category-item__icon {
    width: 1.6rem;
    height: 1.2rem;
    margin-bottom: 0.3rem;
  }
}

.category-item__burger {
  top: 0.2rem;
  right: 0.2rem;
  line-height: 1;
  font-size: 0.14rem;
  position: absolute;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

@media only screen and (min-width: 751px) {
  .category-item__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.16rem;
    height: 0.16rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
    -webkit-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
  }

  .category-item__burger .icon-burger {
    display: block;
    font-size: 0.36rem;
    -webkit-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    transform: scaleY(0.7);
    margin-bottom: -0.04rem;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    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;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}

.category-item__description p {
  margin-bottom: 0.15rem;
}

.category-item__description .scroll-cover {
  max-height: 2rem;
  padding-top: 0.15rem;
  margin-right: -0.06rem;
  padding-right: 0.16rem;
}

.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 {
  background: #d1d1d1;
  opacity: 0.5 !important;
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: 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;
  }
}

@media only screen and (max-width: 750px) {
  .category-item__description p {
    margin-bottom: 0.27rem;
  }
}

@media only screen and (max-width: 750px) {
  .category-item__description .scroll-cover {
    max-height: 3.4rem;
  }
}

.category-item__description-close {
  top: 0.2rem;
  z-index: 50;
  right: 0.2rem;
  line-height: 1;
  cursor: pointer;
  font-size: 0.16rem;
  position: absolute;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.category-item__description-close:hover {
  color: #cf2c2f;
}

@media only screen and (max-width: 750px) {
  .category-item__description-close {
    top: 0.3rem;
    right: 0.38rem;
    font-size: 0.32rem;
  }
}

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

.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 {
    line-height: 1.2;
    font-size: 0.28rem;
    margin-bottom: 0.29rem;
    padding-bottom: 0.51rem;
  }
}

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

.category-item__description-list__item:first-child {
  margin-top: 0;
}

.category-item__description-list__item a {
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  transition: border-color 0.35s ease;
  border-bottom: 1px solid transparent;
}

.category-item__description-list__item a:hover {
  border-bottom-color: #fff;
}

@media only screen and (max-width: 750px) {
  .category-item__description-list__item {
    margin-top: 0.27rem;
  }
}

.category-item.open .category-item__description {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.videos-section {
  padding-top: 0.12rem;
  padding-bottom: 0.61rem;
}

.videos-section:not(.videos-section--small) .default-section__title {
  margin-bottom: 0.4rem;
}

@media only screen and (max-width: 750px) {
  .videos-section {
    padding-top: 0.04rem;
    padding-bottom: 0.69rem;
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.16rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.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 {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }
}

@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;
    -ms-flex-wrap: nowrap;
    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;
}

.js-videos-slider .slick-list {
  margin: -0.1rem 0;
  padding: 0.1rem 0;
}

.js-videos-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
}

@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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }

  .js-videos-slider .video-item:last-child {
    padding-right: 0.4rem;
  }
}

.video-item {
  height: auto;
  margin-bottom: 0.32rem;
}

.video-item__inner {
  min-height: 100%;
  background: #fff;
  overflow: hidden;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width: 750px) {
  .video-item__inner {
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
    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;
  -o-object-fit: cover;
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
}

.video-item__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.video-item__title a:hover {
  color: #cf2c2f;
}

@media only screen and (max-width: 750px) {
  .video-item__title {
    font-size: 0.22rem;
    line-height: 0.34rem;
    margin-bottom: 0.11rem;
  }
}

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

.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 {
    width: auto;
    overflow: hidden;
    margin-top: 0.6rem;
    position: relative;
    margin-bottom: -0.61rem;
  }
}

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

.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;
  -webkit-box-shadow: 0 0.03rem 0.13rem 0 rgba(0, 0, 0, 0.17);
  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 {
    padding-top: 0.49rem;
  }
}

@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;
    -webkit-box-shadow: 0.03rem 0.03rem 0.24rem 0 rgba(0, 0, 0, 0.35);
    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;
}

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

@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-name {
  color: #fff;
  display: block;
  font-weight: bold;
}

.articles-section {
  padding-top: 0.62rem;
  padding-bottom: 0.38rem;
}

.articles-section .default-section__title {
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 750px) {
  .articles-section {
    padding-top: 0.66rem;
    padding-bottom: 0.72rem;
  }
}

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

.articles-section__text p {
  margin-bottom: 0.23rem;
}

.articles-section__text p a {
  color: inherit;
  border-bottom: 1px solid #cf2c2f;
}

.articles-section__text p a:hover {
  border-bottom-color: transparent;
}

@media only screen and (max-width: 750px) {
  .articles-section__text {
    font-size: 0.2rem;
    margin-top: 0.55rem;
    line-height: 0.36rem;
  }
}

@media only screen and (max-width: 750px) {
  .articles-section__text p {
    margin-bottom: 0.36rem;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.16rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.articles-list .article-item {
  width: 33.3333%;
  padding-left: 0.16rem;
  padding-right: 0.16rem;
}

@media only screen and (max-width: 750px) {
  .articles-list {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }
}

@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;
    -ms-flex-wrap: nowrap;
    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;
}

.js-articles-slider.slick-slider {
  display: block;
}

.js-articles-slider .slick-list {
  margin: -0.1rem 0;
  padding: 0.1rem 0;
}

.js-articles-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
}

@media only screen and (max-width: 750px) {
  .js-articles-slider .article-item {
    width: 5.68rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }

  .js-articles-slider .article-item:last-child {
    padding-right: 0.4rem;
  }
}

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

.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;
  -webkit-transition: -webkit-box-shadow 0.35s ease;
  transition: -webkit-box-shadow 0.35s ease;
  -o-transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  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);
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.16);
  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;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
  }
}

.article-item__badges {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -0.05rem 0.02rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.51rem;
  height: 0.54rem;
  line-height: 1;
  font-size: 0.14rem;
  color: transparent;
  position: absolute;
  background: #ebebeb;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.08rem 0 0 0.08rem;
  border-radius: 0.54rem 0 0 0;
  -webkit-transition: color 0.35s ease, background-color 0.35s ease;
  -o-transition: color 0.35s ease, background-color 0.35s ease;
  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;
}

.brands-section .default-section__title {
  margin-bottom: 0.35rem;
}

@media only screen and (max-width: 750px) {
  .brands-section {
    background: #000;
    padding-top: 0.53rem;
    padding-bottom: 0.5rem;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  }
}

@media only screen and (max-width: 750px) {
  .brands-section .default-section__title {
    margin-bottom: 0.16rem;
  }
}

.brands-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.13rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
}

.js-brands-slider.slick-slider {
  display: block;
}

.js-brands-slider.slick-slider .slick-slide>div {
  margin-top: 0.2rem;
}

.js-brands-slider.slick-slider .slick-slide>div:first-child {
  margin-top: 0;
}

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

.js-brands-slider .slick-next {
  right: 0.13rem;
}

.js-brands-slider .slick-prev {
  left: auto;
  right: 0.77rem;
}

@media only screen and (max-width: 750px) {
  .js-brands-slider .brand-item {
    margin-top: 0.15rem;
  }
}

@media only screen and (max-width: 750px) {
  .js-brands-slider.slick-slider .slick-slide>div {
    margin-top: 0.15rem;
  }
}

@media only screen and (max-width: 750px) {
  .js-brands-slider .slick-arrow {
    display: none !important;
  }
}

.brand-item {
  margin-bottom: 0.2rem;
}

.brand-item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.4rem;
  min-height: 100%;
  background: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.04rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: -webkit-box-shadow 0.35s ease;
  transition: -webkit-box-shadow 0.35s ease;
  -o-transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}

.brand-item__inner img {
  display: block;
  max-width: 80%;
  max-height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 750px) {
  .brand-item__inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    border-radius: 0;
  }
}

@media only screen and (min-width: 751px) {
  .brand-item__inner:hover {
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.28);
  }
}

.big-brands-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.07rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.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 {
    margin-bottom: 0.5rem;
    margin-left: -0.16rem;
    margin-right: -0.16rem;
  }
}

@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;
  -webkit-transition: -webkit-box-shadow 0.35s ease;
  transition: -webkit-box-shadow 0.35s ease;
  -o-transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0);
  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;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
    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 {
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
    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 {
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.25);
  }
}

.big-brand-item__visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.1rem;
  margin: 0 0 0.17rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.big-brand-item__visual img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 750px) {
  .big-brand-item__visual {
    margin-bottom: 0.26rem;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.2rem 0.25rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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;
}

.brands-select i {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #a0a0a0;
  line-height: 1;
  font-size: 0.32rem;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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: #000;
    margin-top: 0.53rem;
    margin-bottom: 0.9rem;
    padding: 0.38rem 0 0.85rem;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  }
}

.delivery-section__inner {
  background: #000;
  border-radius: 0.04rem;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  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;
    -webkit-box-shadow: 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;
}

.delivery-section__text p {
  margin-bottom: 0.23rem;
}

.delivery-section__text p a {
  color: inherit;
  border-bottom: 1px solid #cf2c2f;
}

.delivery-section__text p a:hover {
  border-bottom-color: transparent;
}

@media only screen and (max-width: 750px) {
  .delivery-section__text {
    font-size: 0.2rem;
    margin-top: 0.55rem;
    line-height: 0.36rem;
  }
}

@media only screen and (max-width: 750px) {
  .delivery-section__text p {
    margin-bottom: 0.36rem;
  }
}

.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;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  }
}

.delivery-list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.delivery-list .delivery-item {
  width: 33.3333%;
}

.delivery-list .delivery-item:after {
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  content: "";
  position: absolute;
  background: #f0f0f0;
  pointer-events: 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 {
    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;
  }
}

@media only screen and (max-width: 750px) {
  .delivery-list .delivery-item {
    width: 100%;
  }
}

@media only screen and (max-width: 750px) {
  .delivery-list .delivery-item:after {
    display: none;
  }
}

/*@media only screen and (max-width: 750px) {
  .delivery-list:not(.slick-slider) .delivery-item:not(:first-child) {
    display: none; } }*/
.delivery-item {
  color: #fff;
  font-size: 0.13rem;
  position: relative;
  text-align: center;
  line-height: 0.2rem;
  padding: 0.5rem 0.4rem 0.53rem;
}

.delivery-item p {
  margin: 0;
}

@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__visual {
  width: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 0.18rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.delivery-item__visual svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

@media only screen and (max-width: 750px) {
  .delivery-item__visual {
    width: 1.4rem;
    height: 0.8rem;
    margin-bottom: 0.41rem;
  }
}

.delivery-item__title {
  color: #fff;
  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;
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

@media only screen and (max-width: 750px) {
  .delivery-item__tooltip {
    display: none;
  }
}

.delivery-item__tooltip-icon {
  color: #fff;
  width: 0.2rem;
  height: 0.2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

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

.catalog__sidebar {
  width: 2.93rem;
  -ms-flex-negative: 0;
  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;
}

.catalog__content {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.catalog__control-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  line-height: 1.2;
  margin: 0 -0.28rem;
  font-size: 0.13rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.28rem 0.15rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #e9e9e9;
}

.catalog__sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.24rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.catalog__sorting .sorting-item {
  margin: 0 0.24rem;
}

.catalog__more-btn-holder {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e9e9e9;
}

.catalog__more-btn-holder.white-bg {
  padding: 0;
}

.catalog__main-banner {
  margin-top: 0.37rem;
  margin-bottom: 0.38rem;
}

.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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
}

@media only screen and (max-width: 750px) {
  .catalog__main-banner {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #404040;
  height: 0.52rem;
  line-height: 1.5;
  font-size: 0.14rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.1rem 0.3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.load-more-btn:hover {
  background: #fcfcfc;
  color: #272727;
  border-color: #d0d0d0;
}

@media only screen and (max-width: 750px) {
  .load-more-btn {
    height: 0.94rem;
    font-size: 0.22rem;
    padding: 0.15rem 0.4rem;
  }
}

.catalog-list-holder {
  background: #fff;
  margin: 0 0 0.13rem;
  border-radius: 0.04rem;
  padding: 0.16rem 0.28rem 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;
  }
}

.sorting-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.sorting-item.open .sorting-item__selected .icon-triangle-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  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);
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
}

.sorting-item.open .sorting-item__dropdown {
  top: 100%;
  opacity: 1;
  left: -0.08rem;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
  -webkit-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}

.sorting-item__dropdown-item a:hover {
  background: #f6f6f6;
}

.mode-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.mode-switcher__list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 0 0 0.08rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.mode-switcher__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.34rem;
  color: #b7b7b7;
  height: 0.33rem;
  line-height: 1;
  font-size: 0.17rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-color: #eaeaea;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  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 {
  background: #fff;
  padding: 0 0.23rem;
  margin: 0 0 0.14rem;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  font-size: 0.14rem;
  font-weight: bold;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.2rem 0.23rem 0.2rem 0.46rem;
}

.catalog-menu__link:hover {
  color: #cf2c2f;
}

.catalog-menu__link .icon-angle-down {
  top: 0.22rem;
  left: 0.2rem;
  width: 0.14rem;
  line-height: 1;
  color: #101010;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.18rem;
  text-align: center;
  position: absolute;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.catalog-menu__item.open .catalog-menu__link .icon-angle-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.catalog-menu__categories-list {
  margin: 0;
  list-style: none;
  padding: 0 0.23rem 0.24rem;
}

.catalog-menu__categories-list__item {
  color: #000;
  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;
  -webkit-transition: border-color 0.35s ease, color 0.35s ease;
  -o-transition: border-color 0.35s ease, color 0.35s ease;
  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 {
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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);
}

@-webkit-keyframes blink-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes blink-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes blink-out {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes blink-out {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.catalog-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.28rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.catalog-list .product-item {
  width: 33.3333%;
  margin-bottom: 0;
}

.catalog-list .product-item__inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0.18rem 0.2rem;
}

.catalog-list .product-item__badges {
  /*left: 0.04rem;
    right: 0.04rem;*/
  left: 0;
  right: 0;
}

.catalog-list .product-item__visual {
  margin-bottom: 0.14rem;
}

.catalog-list .product-item__visual>a {
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 2.27rem;
}

.catalog-list .product-item__price {
  color: #000;
}

@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 {
    -webkit-animation: blink-in 0.35s ease forwards;
    animation: blink-in 0.35s ease forwards;
  }

  .catalog-list.list-mode {
    -webkit-animation: blink-out 0.35s ease forwards;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .catalog-list.list-mode .product-item__visual {
    width: 2.4rem;
    -ms-flex-negative: 0;
    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;
    -ms-flex-negative: 0;
    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 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    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;
  }
}

@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 {
    border-top: 1px solid #e9e9e9;
  }

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

@media only screen and (max-width: 750px) {
  .catalog-list .product-item__inner {
    border: none;
    padding: 0.19rem 0.24rem 0.25rem;
  }
}

@media only screen and (max-width: 750px) {
  .catalog-list .product-item__badge {
    font-size: 0.17rem;
    letter-spacing: 0.04em;
  }
}

@media only screen and (max-width: 750px) {
  .catalog-list .product-item__visual {
    margin-left: -0.07rem;
    margin-right: -0.06rem;
  }
}

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

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

.catalog-list--search-results .product-item__specifications-list {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -webkit-column-gap: 0.3rem;
  -moz-column-gap: 0.3rem;
  column-gap: 0.3rem;
}

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

.mobile-control-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -0.1rem 0.36rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mobile-control-panel__item {
  width: 100%;
  padding: 0 0.1rem;
}

.mobile-control-panel__item--small {
  width: 1.16rem;
  -ms-flex-negative: 0;
  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 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.mobile-control-panel__item--small:first-child .mobile-sorting i {
  margin-right: 0.32rem;
}

.mobile-control-panel__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.04rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.33rem;
  height: 0.33rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 0.18rem;
  border-radius: 50%;
  margin-left: 0.15rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: 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;
}

.product-section {
  background: #fff;
  padding-bottom: 0.46rem;
}

.product-section h1,
.product-section .h1 {
  font-size: 0.25rem;
  letter-spacing: 0.02em;
  margin-bottom: 0.16rem;
}

@media only screen and (max-width: 750px) {
  .product-section {
    position: relative;
    padding-bottom: 0.4rem;
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0.17rem 0 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 1px solid #ededed;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.13rem;
  line-height: 0.2rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 0.25rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #404040;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
}

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

.product__price sub sup {
  font-size: 60%;
  line-height: 1;
  vertical-align: top;
  display: inline-block;
}

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

@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__old-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.14rem;
  margin: 0 0 0.05rem;
  font-weight: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

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

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

.product .btn-panel>.btn {
  margin-bottom: 0;
  width: calc(50% - .2rem);
}

.product .btn {
  font-weight: normal;
  text-transform: none;
}

.product .btn--dark {
  background: #818181;
}

.product .btn--dark:hover {
  background: #686868;
}

@media only screen and (max-width: 750px) {
  .product .btn-panel {
    padding-bottom: 0.3rem;
  }
}

@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__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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.14);
  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;
    -webkit-box-shadow: none;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.product__buy-panel__control i {
  line-height: 1;
  color: #dd7375;
  font-size: 0.17rem;
  font-weight: bold;
  font-style: normal;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.product__buy-panel__control svg {
  top: -0.01rem;
  fill: #9d9d9d;
  position: relative;
}

.product__buy-panel__control i,
.product__buy-panel__control svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.06rem;
}

.product__buy-panel__control .underline {
  margin-bottom: -1px;
  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__buy-panel__control:hover .underline {
  border-bottom-color: transparent;
}

@media only screen and (max-width: 750px) {
  .product__buy-panel__control {
    height: 0.9rem;
    background: #efefef;
    margin-bottom: 0.22rem;
    border-radius: 0.04rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #dbdbdb;
    -webkit-transition: background-color 0.35s ease;
    -o-transition: background-color 0.35s ease;
    transition: background-color 0.35s ease;
  }
}

@media only screen and (max-width: 750px) {
  .product__buy-panel__control i {
    font-size: 0.18rem;
  }
}

@media only screen and (max-width: 750px) {

  .product__buy-panel__control i,
  .product__buy-panel__control svg {
    margin-right: 0.11rem;
  }
}

@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 .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;
  -webkit-transition: opacity 0.35s ease, color 0.35s ease;
  -o-transition: opacity 0.35s ease, color 0.35s ease;
  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;
}

.product__calc-item__title-area sup {
  font-size: 70%;
  line-height: 1;
  margin-top: 0.05rem;
  vertical-align: top;
  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__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;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.14rem;
  position: absolute;
  text-align: center;
  font-style: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product__calc-item__input.counter {
  padding-left: 0.36rem;
  padding-right: 0.36rem;
}

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

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

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

.product__calc-item__input.counter .counter__minus {
  left: 0;
  border-right: 1px solid #dbdbdb;
}

.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 {
    height: 0.73rem;
    background: #fff;
    font-size: 0.22rem;
    line-height: 0.69rem;
    border-width: 0.02rem;
  }
}

@media only screen and (max-width: 750px) {
  .product__calc-item__input .icon-angle-down {
    width: 0.5rem;
    color: #a3a3a3;
    font-size: 0.24rem;
  }
}

@media only screen and (max-width: 750px) {
  .product__calc-item__input.counter {
    padding-left: 0.62rem;
    padding-right: 0.62rem;
  }
}

@media only screen and (max-width: 750px) {
  .product__calc-item__input.counter .counter__input {
    height: 0.69rem;
  }
}

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

@media only screen and (max-width: 750px) {
  .product__calc-item__input.counter .counter__plus {
    border-left-width: 0.02rem;
  }
}

@media only screen and (max-width: 750px) {
  .product__calc-item__input.counter .counter__minus {
    border-right-width: 0.02rem;
  }
}

@media only screen and (max-width: 750px) {
  .product__calc-item__input sup {
    margin-top: 1.4em;
  }
}

.product__parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 0.28rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product__parameters>.col-row {
  margin-left: -0.12rem;
  margin-right: -0.12rem;
  width: calc(100% + .24rem);
}

.product__parameters>.col-row>.col {
  padding-left: 0.12rem;
  padding-right: 0.12rem;
}

.product__parameters>.tooltip {
  width: 0.2rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 0.1rem;
  margin-bottom: 0.1rem;
}

@media only screen and (max-width: 750px) {
  .product__parameters {
    display: block;
    margin-bottom: 0;
    position: relative;
  }
}

@media only screen and (max-width: 750px) {
  .product__parameters>.col-row {
    margin: 0;
    width: auto;
  }
}

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

@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;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border: 1px solid #dbdbdb;
  padding: 0 0.24rem 0 0.14rem;
  line-height: calc(.41rem - 2px);
}

.product__select__selected .icon-angle-down {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 0.14rem;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: padding 0.35s ease, -webkit-transform 0.35s ease;
  transition: padding 0.35s ease, -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease, padding 0.35s ease;
  transition: transform 0.35s ease, padding 0.35s ease;
  transition: transform 0.35s ease, padding 0.35s ease, -webkit-transform 0.35s ease;
}

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

@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;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.14);
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: 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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.product__select__dropdown-close:hover {
  color: #9e9e9e;
}

@media only screen and (max-width: 750px) {
  .product__select__dropdown-close {
    font-size: 0.2rem;
  }
}

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

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product__parameters-control__img {
  width: 0.35rem;
  height: 0.22rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  margin-right: 0.13rem;
}

.product__parameters-control__img:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  content: "";
  position: absolute;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  border: 0.02rem solid #cf2c2f;
  -webkit-box-shadow: inset 0 0 0 0.02rem #fff;
  box-shadow: inset 0 0 0 0.02rem #fff;
}

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

@media only screen and (max-width: 750px) {
  .product__parameters-control__img {
    width: 0.46rem;
    height: 0.3rem;
  }
}

.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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -0.24rem 0.07rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.1rem;
  position: relative;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  margin: 0 0.4rem 0 0;
  padding: 0.51rem 0 0;
}

.product-visual .product-item__badges {
  top: 0.08rem;
}

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

@media only screen and (max-width: 750px) {
  .product-visual .product-item__badges {
    top: -0.14rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: 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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.4rem;
  color: #a0a0a0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 0.08rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.product-visual__brand-logo:hover {
  opacity: 1;
}

.product-visual__brand-logo img {
  display: block;
}

@media only screen and (max-width: 750px) {
  .product-visual__brand-logo {
    top: 0.5rem;
    right: 0.05rem;
  }
}

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

.product-slider:not(.slick-slider) .product-slider__item:not(:first-child) {
  display: none;
}

.product-slider .slick-arrow {
  opacity: 0.43;
  width: 0.3rem;
  height: 0.3rem;
  color: #4f4f4f;
  line-height: 1;
  border-radius: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0.3rem;
  margin-top: -0.02rem;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.product-slider .slick-arrow:hover {
  opacity: 1;
  color: #4f4f4f;
  background: none;
}

.product-slider .slick-prev {
  left: -0.1rem;
}

.product-slider .slick-prev i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.product-slider .slick-next {
  right: -0.1rem;
}

.product-slider .slick-next i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media only screen and (max-width: 750px) {
  .product-slider {
    margin: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 750px) {
  .product-slider .slick-list {
    margin: 0 -0.4rem;
  }
}

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

@media only screen and (max-width: 750px) {
  .product-slider__item {
    padding: 0 0.4rem;
  }
}

.product-slider__img {
  display: block;
  position: relative;
}

.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;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 750px) {
  .product-slider__img {
    margin: 0 auto;
    max-width: 5.65rem;
  }
}

@media only screen and (min-width: 751px) {
  .gallery-modal .product-slider__img img {
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.product-slider__zoom-title {
  top: 50%;
  left: 50%;
  opacity: 0;
  color: #fff;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.32rem;
  width: 1.26rem;
  cursor: pointer;
  line-height: 1.5;
  font-size: 0.11rem;
  position: absolute;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 -0.63rem;
  border-radius: 0.16rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.72);
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.product-slider__zoom-title i {
  margin-right: 0.09rem;
}

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

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #919191;
  width: 1.32rem;
  line-height: 1;
  cursor: pointer;
  font-size: 0.34rem;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: 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 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-slider__controls__next {
  right: 0;
}

.product-switcher-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-switcher {
  width: 4.16rem;
  margin: 0 -0.1rem;
}

.product-switcher--small {
  width: 3.12rem;
}

.product-switcher:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: -0.1rem;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.product-switcher .slick-next {
  right: -0.25rem;
}

.product-switcher .slick-next i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  transition: border-color 0.35s ease;
}

.product-switcher__item:hover {
  opacity: 1;
}

.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%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: calc(100% - .2rem);
}

.product-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  line-height: 1.2;
  font-size: 0.13rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), white);
    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;
  -webkit-transition: border-bottom-color 0.35s ease;
  -o-transition: border-bottom-color 0.35s ease;
  transition: border-bottom-color 0.35s ease;
}

.product-rating__link:hover {
  border-bottom-color: transparent;
}

.rating-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #dd7375;
  line-height: 1;
  list-style: none;
  font-size: 0.15rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -0.02rem 0.03rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
}

.rating-star i {
  display: block;
}

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

.product-info-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.04rem;
  margin-bottom: 0.16rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  font-size: 0.13rem;
  line-height: 0.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.product-share__link:hover {
  color: #000;
}

.product-share__link:hover i {
  opacity: 1;
}

.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;
  -webkit-transition: opacity 0.35s ease, color 0.35s ease;
  -o-transition: opacity 0.35s ease, color 0.35s ease;
  transition: opacity 0.35s ease, color 0.35s ease;
}

@media only screen and (max-width: 750px) {
  .product-share__link:hover i {
    color: #000;
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  list-style: none;
  margin: 0 -0.14rem;
  font-size: 0.13rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0.2rem;
  padding: 0 0 0 0.2rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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;
  -webkit-transition: fill 0.35s ease;
  -o-transition: fill 0.35s ease;
  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;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  -o-transition: all 0s ease 0.35s, opacity 0.35s ease;
  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%;
    -webkit-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    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%;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
}

.product-controls-list__tooltip a {
  color: #dd7375;
  font-weight: normal;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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;
}

.product-controls-list__tooltip p:not(:first-child) {
  margin-top: 0.1rem;
}

@media only screen and (max-width: 750px) {
  .product-controls-list__tooltip:before {
    display: none;
  }
}

@media only screen and (max-width: 750px) {
  .product-controls-list__tooltip p {
    margin-bottom: 0.24rem;
  }
}

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

.product-description-section .tab-body {
  padding-top: 0.42rem;
  padding-bottom: 0.3rem;
}

.product-description-section .paging {
  margin-bottom: 0.3rem;
}

.product-description-section .msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f1f1f1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0.3rem -0.41rem 0.32rem;
  padding: 0.31rem 0.41rem 0.23rem;
}

.product-description-section .msg__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 0.46rem;
  margin-top: 0.08rem;
  margin-right: 0.33rem;
}

.product-description-section .msg__icon img {
  margin: 0 auto;
  display: block;
}

.product-description-section .msg__icon svg {
  margin: 0 auto;
  display: block;
  fill: #a1a1a1;
}

.product-description-section .msg ul,
.product-description-section .msg ol {
  margin-top: -0.04rem;
  margin-bottom: 0.11rem;
}

.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 h3 {
    font-size: 0.3rem;
  }
}

@media only screen and (max-width: 750px) {
  .product-description-section .tab-body {
    padding-top: 0.45rem;
  }
}

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

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

@media only screen and (max-width: 750px) {
  .product-description-section .msg__icon {
    width: 0.66rem;
    margin-right: 0.24rem;
  }
}

@media only screen and (max-width: 750px) {

  .product-description-section .msg ul,
  .product-description-section .msg ol {
    margin-top: 0;
    margin-bottom: 0.3rem;
  }
}

@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;
    -webkit-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
    background: -webkit-gradient(linear, left top, right top, from(rgba(200, 200, 200, 0)), to(#c8c8c8));
    background: -o-linear-gradient(left, rgba(200, 200, 200, 0), #c8c8c8);
    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;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .tab-controls-holder.at-start:before {
    opacity: 0;
  }
}

.product-tab-controls {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-tab-controls .default-tab-controls__slide {
  bottom: 0;
  z-index: 50;
  height: 0.03rem;
  position: absolute;
  background: #cf2c2f;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

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

@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;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.product-tab-controls__link:hover {
  color: #cf2c2f;
}

@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;
    -webkit-transition: color 0.35s ease, border-color 0.35s ease;
    -o-transition: color 0.35s ease, border-color 0.35s ease;
    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__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 {
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  cursor: pointer;
  background: #fff;
  font-size: 0.18rem;
  position: absolute;
  color: #cf2c2f;
  border-width: 1px 0;
  border-style: solid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-color: #f9f9f9;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.35s ease, opacity 0.35s ease;
  -o-transition: color 0.35s ease, opacity 0.35s ease;
  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 {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.4rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-description-tab h3 {
  margin-bottom: 0.22rem;
}

@media only screen and (max-width: 750px) {
  .product-description-tab {
    padding: 0;
    font-size: 0.2rem;
    line-height: 0.34rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0.11rem;
  }

  .product-description-tab.m-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .product-description-tab.m-reverse .product-description-sidebar {
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
  }
}

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

.product-description-tab .description p {
  margin-bottom: 0.16rem;
}

@media only screen and (max-width: 750px) {
  .product-description-tab .description {
    text-align: justify;
  }
}

@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.2rem;
    line-height: 0.36rem;
  }
}

.full-specifications__all {
  color: #cf2c2f;
  vertical-align: top;
  display: inline-block;
  letter-spacing: 0.02em;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.15rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0.15rem 0 0.14rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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 (max-width: 750px) {
  .specification-item--tall {
    padding: 0.23rem 0;
  }
}

.specification-item__title {
  padding: 0 0.15rem;
}

.specification-item__value {
  padding: 0 0.15rem;
  max-width: 55%;
  text-align: right;
}

.specification-item a {
  border-bottom: 1px solid #c5c5c5;
  -webkit-transition: color 0.35s ease, border-color 0.35s ease;
  -o-transition: color 0.35s ease, border-color 0.35s ease;
  transition: color 0.35s ease, border-color 0.35s ease;
}

.specification-item a:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}

.product-description-sidebar {
  -ms-flex-negative: 0;
  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;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #404040;
  font-size: 0.14rem;
  line-height: 0.22rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-description-sidebar__msg p {
  margin: 0;
}

@media only screen and (max-width: 750px) {
  .product-description-sidebar__msg {
    font-size: 0.196rem;
    line-height: 0.308rem;
  }
}

.product-description-sidebar__msg-icon {
  width: 0.27rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 0.05rem;
  margin-right: 0.25rem;
}

.product-description-sidebar__msg-icon svg {
  width: 100%;
  fill: #a5a5a5;
  display: block;
}

@media only screen and (max-width: 750px) {
  .product-description-sidebar__msg-icon {
    width: 0.38rem;
    margin-right: 0.28rem;
  }
}

.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 {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ededed;
}

.product-description-sidebar .video-item {
  margin: 0.29rem 0;
}

.product-description-sidebar .video-item__inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ededed;
}

.product-description-sidebar .video-item__visual:before {
  padding-top: 55.7065%;
}

.product-description-sidebar .video-item__video-icon {
  opacity: 0.98;
}

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

@media only screen and (max-width: 750px) {
  .product-description-sidebar .video-item {
    margin: 0.6rem 0;
  }
}

@media only screen and (max-width: 750px) {
  .product-description-sidebar .video-item__inner {
    border-width: 0.02rem;
  }
}

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

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #292929;
  line-height: 1.5;
  margin-top: 0.3rem;
  font-size: 0.14rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.document-item:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 750px) {
  .document-item {
    margin-top: 0.41rem;
    font-size: 0.196rem;
    line-height: 0.294rem;
  }
}

.document-item__icon {
  color: #f56a56;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.27rem;
  margin-left: 0.04rem;
  margin-right: 0.17rem;
}

.document-item__icon i {
  display: block;
}

@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__title {
  display: block;
}

.document-item__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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;
  }
}


.steps-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  list-style: none;
  overflow: hidden;
  font-size: 0.15rem;
  margin: 0 0 0.31rem;
  position: relative;
  line-height: 0.24rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 0.04rem;
  letter-spacing: 0.02em;
  color: rgba(46, 46, 46, 0.51);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
}

.steps-list:after {
  left: 0;
  right: 0;
  top: 0.1rem;
  z-index: 5;
  content: "";
  height: 1px;
  position: absolute;
  background: #ececec;
}

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

.steps-list__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 33.3333%;
  position: relative;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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: -webkit-gradient(linear, left top, right top, from(#ff7a03), to(#ffa903));
  background: -o-linear-gradient(left, #ff7a03, #ffa903);
  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;
}

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

@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__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;
  -webkit-transition: color 0.35s ease, border-color 0.35s ease;
  -o-transition: color 0.35s ease, border-color 0.35s ease;
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.14rem;
    margin-right: -0.15rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: 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;
}

.calc-row__info a {
  text-decoration: underline;
}

.calc-row__info a:hover {
  text-decoration: none;
}

@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-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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
  vertical-align: top;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.calc-row__gates__add:hover {
  color: #cf2c2f;
}

.calc-row__gates__add i {
  color: #dd7375;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.08rem;
  margin-right: 0.07rem;
}

@media only screen and (max-width: 750px) {
  .calc-row__gates__add {
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
}

@media only screen and (max-width: 750px) {
  .calc-row__gates__add i {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.32rem;
    height: 0.32rem;
    font-size: 0.14rem;
    border-radius: 50%;
    background: #dd7375;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.18rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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;
    -webkit-transition: padding-top 0.35s ease;
    -o-transition: padding-top 0.35s ease;
    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;
  -webkit-transition: color 0.35s ease, opacity 0.35s ease;
  -o-transition: color 0.35s ease, opacity 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.calc-row__video-head.open .icon-angle-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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;
  -o-object-fit: cover;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 -0.1rem -0.2rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.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 {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.calc-inputs-list .slick-prev {
  left: -0.08rem;
}

.calc-inputs-list .slick-prev i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media only screen and (max-width: 750px) {
  .calc-inputs-list {
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    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__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;
    -ms-flex-wrap: wrap;
    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 {
    -ms-flex-wrap: wrap;
    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;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    content: "";
    font-size: 0.12rem;
    position: absolute;
    font-style: normal;
    border-radius: 50%;
    font-weight: normal;
    background: #f69f59;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "fontello";
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.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__input:checked+.calc-input__bg {
  opacity: 1;
}

.calc-input__visual {
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.16rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.calc-input__visual img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 750px) {
  .calc-input__visual {
    height: 1.31rem;
    margin-bottom: 0.19rem;
  }
}

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

.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%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
}

@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 .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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
  font-size: 0.13rem;
  margin-top: -0.05rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.16rem;
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.roof-parameters__visual img {
  height: 100%;
  width: 7.2rem;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

@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;
    -webkit-transition: max-height 0.35s ease;
    -o-transition: max-height 0.35s ease;
    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;
    -webkit-transition: -webkit-box-shadow 0.35s ease;
    transition: -webkit-box-shadow 0.35s ease;
    -o-transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
    -webkit-box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 750px) {
  .roof-parameters__visual img {
    width: 100%;
    height: auto;
    max-height: 100vh;
    will-change: max-height;
    -webkit-transition: max-height 0.35s ease;
    -o-transition: max-height 0.35s ease;
    transition: max-height 0.35s ease;
  }
}

.roof-parameters__check-holder {
  padding-top: 0.14rem;
}

.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 {
    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;
  }
}

@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;
  -ms-flex-negative: 0;
  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;
}

.ramp-item.active {
  border-color: #f69f59;
}

.ramp-item:not(:first-child) {
  margin-top: 0.13rem;
}

@media only screen and (max-width: 750px) {
  .ramp-item {
    border-width: 0.02rem;
    padding: 0.38rem 0.48rem 0.16rem;
  }
}

@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;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.2rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (max-width: 750px) {
  .ramp-item__row {
    margin-bottom: 0.29rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .ramp-item:not(.active) .ramp-item__row {
    display: none;
  }
}

.ramp-item__row-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.1rem;
  color: #404040;
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-right: 0.1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

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

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

.ramp-item .counter__plus .icon-angle-down,
.ramp-item .counter__minus .icon-angle-down {
  font-size: 0.18rem;
}

.ramp-item .counter__plus {
  top: 0;
  right: 0;
  bottom: 0;
  border-width: 0 0 0 1px;
}

.ramp-item .counter__plus .icon-angle-down {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  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 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ramp-item:not(.active) .ramp-item__expanded {
  display: none;
}

@media only screen and (max-width: 750px) {
  .ramp-item .counter {
    width: 2.3rem;
  }
}

@media only screen and (max-width: 750px) {
  .ramp-item .counter__input {
    height: 0.63rem;
    padding: 0 0.7rem;
    font-size: 0.22rem;
  }
}

@media only screen and (max-width: 750px) {

  .ramp-item .counter__plus,
  .ramp-item .counter__minus {
    width: 0.66rem;
    font-size: 0.2rem;
  }
}

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

@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-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 4.13rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: auto;
  background: #fcfcfc;
  border-radius: 0.04rem;
  border: 1px solid #ededed;
}

.ramp-preview__visual img,
.ramp-preview__visual svg {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 750px) {
  .ramp-preview__visual {
    width: auto;
    height: auto;
    background: none;
    border-width: 1px 0 0;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px 0 0;
  border-color: #ececec;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  margin-right: 0.36rem;
}

.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;
  -o-object-fit: contain;
  object-fit: contain;
}

@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__content {
  width: 100%;
}

@media only screen and (max-width: 750px) {
  .selected-product__content {
    width: auto;
  }
}

.selected-product__price-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (max-width: 750px) {
  .selected-product__price-panel {
    display: block;
  }
}

.selected-product__price {
  color: #000;
  -ms-flex-negative: 0;
  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;
}

.selected-product__price sup {
  font-size: 65%;
  line-height: 1;
  vertical-align: top;
  display: inline-block;
}

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

.selected-product__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.selected-product__title a:hover {
  color: #cf2c2f;
}

@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__info {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  font-size: 0.12rem;
  line-height: 0.23rem;
  letter-spacing: 0.02em;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: 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;
}

.gutter-preview img {
  width: 7.25rem;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 750px) {
  .gutter-preview {
    min-height: 4.14rem;
  }
}

@media only screen and (max-width: 750px) {
  .gutter-preview img {
    width: 100%;
  }
}

.group-input-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 -0.1rem -0.2rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  -webkit-transition: background 0.35s ease, -webkit-box-shadow 0.35s ease;
  transition: background 0.35s ease, -webkit-box-shadow 0.35s ease;
  -o-transition: background 0.35s ease, box-shadow 0.35s ease;
  transition: background 0.35s ease, box-shadow 0.35s ease;
  transition: background 0.35s ease, box-shadow 0.35s ease, -webkit-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.64rem;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: dashed;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0.1rem 0.3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9903), to(#ff7d03));
    background: -o-linear-gradient(top, #ff9903, #ff7d03);
    background: linear-gradient(to bottom, #ff9903, #ff7d03);
  }
}

.group-input-item--add:not(:hover) {
  -webkit-box-shadow: none;
  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;
}

.group-input-item__remove:hover {
  color: #cf2c2f;
}

@media only screen and (max-width: 750px) {
  .group-input-item__remove {
    top: 0.2rem;
    right: 0.2rem;
    font-size: 0.24rem;
  }
}

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

.group-input-item .col-row {
  margin-left: -0.09rem;
  margin-right: -0.09rem;
}

.group-input-item .col-row>.col {
  padding-left: 0.09rem;
  padding-right: 0.09rem;
}

.group-input-item .form-control {
  color: #000;
  height: 0.54rem;
  line-height: 1.2;
  font-size: 0.16rem;
  padding: 0 0.14rem;
}

.group-input-item .calc-inputs-list {
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  margin-bottom: -0.2rem;
}

.group-input-item .calc-inputs-list__item {
  width: 50%;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  margin-bottom: 0.2rem;
}

.group-input-item .calc-input {
  padding: 0.15rem 0.1rem;
}

@media only screen and (max-width: 750px) {
  .group-input-item .form-row__label {
    font-size: 0.22rem;
    margin-bottom: 0.2rem;
  }
}

@media only screen and (max-width: 750px) {
  .group-input-item .col-row {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
}

@media only screen and (max-width: 750px) {
  .group-input-item .col-row>.col {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}

@media only screen and (max-width: 750px) {
  .group-input-item .form-control {
    height: 0.91rem;
    padding: 0 0.3rem;
    font-size: 0.24rem;
  }
}

@media only screen and (max-width: 750px) {
  .group-input-item .calc-inputs-list {
    margin-left: -0.2rem;
    margin-right: -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__add-icon {
  width: 0.82rem;
  height: 0.82rem;
  position: relative;
  margin-bottom: 0.6rem;
}

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

.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 {
    width: 0.44rem;
    height: 0.44rem;
    background: #fff;
    border-radius: 50%;
    margin: 0 0.18rem 0 0;
  }
}

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

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

.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 {
    font-size: 0.24rem;
  }
}

@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 0.06rem;
  padding-bottom: 0.39rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
  background: #fff;
  margin-right: 0.2rem;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  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;
  -webkit-transition: border-color 0.35s ease, color 0.35s ease;
  -o-transition: border-color 0.35s ease, color 0.35s ease;
  transition: border-color 0.35s ease, color 0.35s ease;
}

.favorites-section__sidebar__coupon:hover {
  color: #cf2c2f;
  border-bottom-color: transparent;
}

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

.favorites-section__sidebar__icon {
  display: block;
  padding-top: 0.08rem;
  margin-bottom: 0.12rem;
}

.favorites-section__sidebar__icon svg {
  fill: #a9a9a9;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 750px) {
  .favorites-section__sidebar__icon {
    padding-top: 0.07rem;
    margin-bottom: 0.22rem;
  }
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3rem;
  background: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.04rem;
  margin-bottom: 0.24rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #7d7d7d;
  height: 0.13rem;
  line-height: 1.2;
  position: absolute;
  font-size: 0.11rem;
  padding: 0 0.15rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
}

.favorites-controls-panel__select .selecter-selected {
  height: 0.53rem;
  line-height: 0.68rem;
  background: #f6f6f6;
}

.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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.11);
  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;
}

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

@media only screen and (max-width: 750px) {
  .favorites-controls-panel__select .selecter-selected {
    height: 0.91rem;
    line-height: 1.08rem;
  }
}

.favorites-controls-panel__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (max-width: 750px) {
  .favorites-controls-panel__btns {
    -ms-flex-wrap: wrap;
    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;
}

.favorites-controls-panel .icon-btn {
  line-height: 1;
  font-size: 0.23rem;
  min-width: 0.53rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}

.favorites-controls-panel .icon-btn i {
  margin: 0;
}

.favorites-controls-panel .icon-btn i:before {
  vertical-align: top;
}

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

@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);
    -webkit-box-shadow: inset 0 0 0 0.02rem #e1e1e1;
    box-shadow: inset 0 0 0 0.02rem #e1e1e1;
  }

  .favorites-controls-panel .icon-btn:hover {
    -webkit-box-shadow: inset 0 0 0 0.02rem #c8c8c8;
    box-shadow: inset 0 0 0 0.02rem #c8c8c8;
  }
}

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

.product-comparison-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -0.16rem;
  margin-bottom: 0.3rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-comparison-head .section-tab-controls {
  margin-bottom: 0;
}

@media only screen and (max-width: 750px) {
  .product-comparison-head {
    margin-top: -0.26rem;
    margin-bottom: 0.45rem;
  }
}

@media only screen and (min-width: 751px) {
  .product-comparison-head .section-tab-controls {
    margin-top: 0.14rem;
  }
}

@media only screen and (max-width: 750px) {
  .product-comparison-head .section-tab-controls {
    margin-top: 0.32rem;
  }
}

.product-comparison-categories {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.16rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (max-width: 750px) {
  .product-comparison-categories {
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    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;
  -webkit-transition: color 0.35s ease, border-color 0.35s ease;
  -o-transition: color 0.35s ease, border-color 0.35s ease;
  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 {
    content: "";
    height: 0.03rem;
    bottom: -0.03rem;
    position: absolute;
    pointer-events: none;
  }

  .product-comparison-category__link:before {
    content: "";
    height: 0.03rem;
    bottom: -0.03rem;
    position: absolute;
    pointer-events: none;
    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;
    -webkit-transition: opacity ease;
    -o-transition: opacity ease;
    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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  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,
.product-comparison--empty {
  padding-top: 0 !important;
}

@media only screen and (min-width: 751px) {
  .product-comparison--single {
    width: 50%;
  }
}

@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 (max-width: 750px) {
  .product-comparison__clear {
    margin-top: 0.15rem;
  }
}

.product-comparison__clear-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  line-height: 1.2;
  font-size: 0.13rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.product-comparison__clear-btn:hover {
  color: #cf2c2f;
}

@media only screen and (max-width: 750px) {
  .product-comparison__clear-btn {
    font-size: 0.1863rem;
  }
}

.product-comparison__clear-btn__icon {
  line-height: 1;
  font-size: 0.17rem;
  margin-right: 0.1rem;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  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: 1550;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: -webkit-box-shadow 0.35s ease;
  transition: -webkit-box-shadow 0.35s ease;
  -o-transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0);
  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;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  }
}

.product-comparison--single .product-comparison__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-comparison--empty .product-comparison__body,
.product-comparison--single .product-comparison__body {
  display: none;
}

.product-comparison__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 0.7rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    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;
  -ms-flex-negative: 0;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #3e3e3e;
  min-height: 100%;
  font-weight: 600;
  font-size: 0.16rem;
  line-height: 0.19rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
  min-height: 3.5rem;
  font-size: 0.15rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  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%;
  -ms-flex-negative: 0;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-comparison__products .slick-list {
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.product-comparison__products .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.2rem;
  margin: -1.2rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: calc(100% + 2.4rem);
}

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

.product-comparison__products .slick-next {
  left: 100%;
  margin-left: 0.6rem;
}

@media only screen and (max-width: 750px) {
  .product-comparison__products .slick-track {
    margin: 0;
    padding: 0;
  }
}

@media screen and (max-width: 1280px) {
  .product-comparison__products .slick-prev {
    right: auto;
    left: -0.24rem;
    margin-right: 0;
  }
}

@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 {
    -webkit-transition: opacity 0.3s ease 0.3s;
    -o-transition: opacity 0.3s ease 0.3s;
    transition: opacity 0.3s ease 0.3s;
  }

  .product-comparison__products .slick-slide:not(.slick-active) {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

.product-comparison--single .product-comparison__products .slick-track {
  display: block;
  width: auto !important;
}

.product-comparison__options {
  width: 75%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.product-comparison__options:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-comparison__options .slick-list {
  height: 100%;
}

.product-comparison__options .slick-track {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-comparison__options .slick-track:after,
.product-comparison__options .slick-track:before {
  display: none;
}

.product-comparison__option {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 33.3333%;
  min-height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.12rem 0.25rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-left: 1px solid #e7e7e7;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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;
}

.comparison-product {
  width: 33.3333%;
  margin-bottom: 0;
  pointer-events: auto;
  border-left: 1px solid #e7e7e7;
  -webkit-transition: border-color 0.35s ease;
  -o-transition: border-color 0.35s ease;
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.comparison-product .product-item__actions {
  opacity: 1;
}

.comparison-product .product-item__title {
  margin-bottom: 0.04rem;
}

.comparison-product .product-item__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

@media only screen and (max-width: 750px) {
  .comparison-product .product-item__action-link__tooltip {
    display: none;
  }
}

@media only screen and (max-width: 750px) {
  .comparison-product .product-item__title {
    font-size: 0.22rem;
    line-height: 0.34rem;
    margin-bottom: 0.33rem;
  }
}

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

iframe {
  border: none;
}

img {
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

img.lazy {
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

img.lazy:not([data-was-processed=true]) {
  opacity: 0;
}

[data-lazy] {
  opacity: 0;
}

* {
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

input::-ms-clear,
textarea::-ms-clear {
  display: none;
}

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

}

textarea::-webkit-clear-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-calendar-picker-indicator {
  display: 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;
}

p a {
  color: #cf2c2f;
  border-bottom: 1px solid;
  -webkit-transition: color 0.35s ease, border-color 0.35s ease;
  -o-transition: color 0.35s ease, border-color 0.35s ease;
  transition: color 0.35s ease, border-color 0.35s ease;
}

p a:hover {
  color: #ad0e27;
  border-bottom-color: transparent;
}

@media only screen and (max-width: 750px) {
  p {
    margin-bottom: 0.32rem;
  }
}

#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 100%;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 751px) {
  #wrapper.with-sticky {
    overflow: visible;
  }
}

#main {
  -webkit-box-flex: 5000;
  -ms-flex: 5000 1 auto;
  flex: 5000 1 auto;
}

.container {
  width: 100%;
  margin: 0 auto;
  max-width: 12rem;
  padding: 0 0.15rem;
}

.main-inner-section .container {
  max-width: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.48rem;
  color: #7a7a7a;
  line-height: 1;
  cursor: pointer;
  background: #fff;
  font-size: 0.14rem;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -0.24rem 0 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  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 {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.slick-next {
  right: 0;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -0.05rem;
  padding: 0.21rem 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slick-dots li {
  margin: 0 0.05rem;
}

.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-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.slick-dots button:hover {
  background: #c9c9c9;
}

.slick-dots .slick-active button {
  background: var(--icons-sub-color);
}

@media only screen and (max-width: 750px) {
  .slick-dots {
    padding-top: 0.3rem;
    margin-left: -0.07rem;
    margin-right: -0.07rem;
  }
}

@media only screen and (max-width: 750px) {
  .slick-dots li {
    margin-left: 0.07rem;
    margin-right: 0.07rem;
  }
}

@media only screen and (max-width: 750px) {
  .slick-dots button {
    width: 0.16rem;
    height: 0.16rem;
  }
}

.scroll-cover {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.scroll-cover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scroll-cover::-webkit-scrollbar-track {
  background: none;
}

.scroll-cover::-webkit-scrollbar-thumb {
  width: 6px;
  cursor: pointer;
  border-radius: 3px;
  background: #c1c1c1;
}

.scroll-cover::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.scroll-cover::-webkit-scrollbar-corner {
  background: transparent;
}

.scroll-cover.no-scroll .iScrollVerticalScrollbar {
  opacity: 0;
  pointer-events: none;
}

@media only screen and (max-width: 750px) {
  .scroll-cover::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}

@media only screen and (max-width: 750px) {
  .scroll-cover::-webkit-scrollbar-thumb {
    width: 8px;
  }
}

@media only screen and (max-width: 750px) {
  .scroll-cover[data-desktop-only] .iScrollVerticalScrollbar {
    display: none;
  }
}

.iScrollVerticalScrollbar {
  top: 0.1rem;
  width: 10px;
  right: 0.1rem;
  bottom: 0.1rem;
  cursor: pointer;
  border-radius: 5px;
  position: absolute;
  -webkit-transition: background-color 0.35s ease, opacity 0.35s ease;
  -o-transition: background-color 0.35s ease, opacity 0.35s ease;
  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 {
  background: #9b9b9b;
}

.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;
  -webkit-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  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;
  -webkit-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  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 {
  background: #9b9b9b;
}

.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;
  -webkit-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: fixed;
  font-size: 0.22rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  border-radius: 0.04rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(207, 44, 47, 0.65);
  -webkit-transition: background-color 0.35s ease, opacity 0.35s ease;
  -o-transition: background-color 0.35s ease, opacity 0.35s ease;
  transition: background-color 0.35s ease, opacity 0.35s ease;
}

.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 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (max-width: 750px) {
  .btn-to-top {
    width: 0.8rem;
    height: 0.8rem;
    font-size: 0.36rem;
  }
}

.white-bg {
  background: #fff;
  margin-bottom: 0.14rem;
  padding: 0.31rem 0.3rem 0.21rem;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  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;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
    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;
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.07);
  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 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.default-slider .slick-next {
  right: -0.2rem;
  padding-left: 0.02rem;
}

.default-slider .slick-next i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  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;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
}

/* SHOP CSS */
/* ALL */
.hidden_inp {
  display: none;
}

.full_width {
  width: 100% !important;
}

.btn_href_white {
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

/* 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 {
  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;
}

/* 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;
}

/* --------------------------- */
.header__burger i:before {
  color: red;
}

.product-item__visual>a img {
  opacity: 1;
}

.logo-link {
  height: 0.53rem;
  line-height: 30px;
  padding: 10px 20px !important;
  width: 226px;
  text-align: center;
  border-radius: 4px;
  transition-duration: 0.5s;
}

.breadcrumbs__item:after {
  content: none;
}

.breadcrumbs .breadcrumbs__item {
  line-height: 30px;
  margin-bottom: 15px;
}

.breadcrumbs .breadcrumbs__item a {
  display: flex;
  background: #000;
  color: #fff;
  padding: 9px 20px;
  border-radius: 25px;
  transition-duration: 0.1s;
  position: relative;
  justify-content: center;
}

.breadcrumbs .breadcrumbs__item a:after {
  content: '';
  height: 3px;
  width: 90%;
  position: absolute;
  background: #fff;
  bottom: -5px;
  transition-duration: 0.3s;
}

.breadcrumbs .breadcrumbs__item a:hover:after {
  background: red;
}

.breadcrumbs .bread-arrow {
  position: absolute;
  left: 109%;
  top: 16%;
}

.breadcrumbs .breadcrumbs__item:last-child .bread-arrow {
  display: none;
}

.breadcrumbs .breadcrumbs__item:not(:has(a)) {
  border: 1px solid #000;
  padding: 9px 20px;
  border-radius: 25px;
  margin-left: 18px;
}

.topic-item__product-count {
  position: relative;
  color: #000;
}

.delivery-section__inner {
  background: #fff !important;
}

.theme-toggle {
  cursor: pointer;
  position: absolute;
  top: 28px;
  left: -41px;
  width: 25px;
  height: 25px;
}

.theme-toggle img {
  background: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.make-dark-theme {
  color: #000;
  display: none;
}

.make-light-theme {
  color: #fff;
}

.header__controls {
  position: relative;
}

.brands-list {
  flex-wrap: nowrap;
  overflow-x: scroll;
  scrollbar-color: transparent transparent;
}

.brands-list::-webkit-scrollbar {
  display: none;
}

.brands-list .brand-item {
  width: 240px;
  flex: 0 0 auto;
}

.brand-item a {
  margin-bottom: 20px;
}

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

.brands-arrows div {
  background: url(/wp-content/themes/krovelgrad/images/arrow-bg.png) center no-repeat;
  width: 45px;
  height: 45px;
  cursor: pointer;
  box-shadow: 0 0 5px #aaa;
  border-radius: 50%;
  transition-duration: 0.3s;
}

.brands-arrows div:last-child {
  transform: rotate(180deg);
  margin-left: 30px;
}

.brands-arrows div:hover {
  box-shadow: 0 0 2px #aaa;
}

#woocommerce_layered_nav-5 .woocommerce-widget-layered-nav-list {
  overflow-y: scroll;
  max-height: 400px;
}

#woocommerce_layered_nav-5 .woocommerce-widget-layered-nav-list::-webkit-scrollbar {
  width: 6px;
  background: transparent;
  height: 6px;
}

#woocommerce_layered_nav-5 .woocommerce-widget-layered-nav-list::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.woocommerce .woocommerce-widget-layered-nav-list {
  list-style: none;
  display: none;
  border-radius: 25px;
  border: double black 3px;
  padding: 10px;
  box-shadow: 0 0 0 1px #333, 0 0 0 2px #aaa;
}

.woocommerce-widget-layered-nav-list__item {
  padding: 6px !important;
  border: 2px solid #000;
  border-radius: 15px;
}

.woocommerce-widget-layered-nav-list__item a {
  padding-bottom: 4px !important;
  border-radius: 5px;
  display: block;
  width: 91%;
  margin: 0 auto;
}

.woocommerce-widget-layered-nav-list__item a:after {
  content: '';
  height: 2px;
  width: 85%;
  position: absolute;
  background: #fff;
  bottom: 5px;
  left: 7%;
  transition-duration: 0.3s;
}

.woocommerce-widget-layered-nav-list__item a:hover:after {
  background: red;
}

.vid .woocommerce-widget-layered-nav-list__item {
  margin-bottom: 35px;
  border: 2px solid #000;
  border-radius: 15px;
}

.vid .woocommerce-widget-layered-nav-list__item:last-child {
  margin-bottom: 5px;
}

.vid .woocommerce-widget-layered-nav-list__item::after,
.vid .woocommerce-widget-layered-nav-list__item::before {
  content: none !important;
}

.vid .woocommerce-widget-layered-nav-list__item a,
#woocommerce_layered_nav-8 .woocommerce-widget-layered-nav-list__item a {
  display: flex;
  align-items: center;
}

.vid .woocommerce-widget-layered-nav-list__item img,
#woocommerce_layered_nav-8 .woocommerce-widget-layered-nav-list__item img {
  border: 1px solid #ddd;
  border-radius: 5px;
  height: inherit;
  margin-right: 9px;
}

#woocommerce_layered_nav-5 .woocommerce-widget-layered-nav-list__item,
#woocommerce_layered_nav-6 .woocommerce-widget-layered-nav-list__item,
#woocommerce_layered_nav-7 .woocommerce-widget-layered-nav-list__item {
  transition-duration: 0.3s;
  padding-bottom: 3px;
  display: inline-block;
  width: 100%;
}

#woocommerce_layered_nav-8 .woocommerce-widget-layered-nav-list__item {
  display: flex;
  align-items: center;
}

#woocommerce_layered_nav-8 .woocommerce-widget-layered-nav-list__item a {
  margin-right: 10px;
  width: 100%;
}

.woocommerce-widget-layered-nav-list__item--chosen {
  position: relative;
}

.woocommerce-widget-layered-nav-list__item--chosen .count {
  position: absolute;
  right: 12px;
  top: 5px;
}

.productFilterSpan {
  margin-right: 4px;
  width: 22px;
  height: 22px;
  position: relative;
  top: 5px;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #ccc;
  cursor: pointer;
}

.woocommerce-widget-layered-nav-list__item--chosen .productFilterSpan,
.productFilterSpanChosen {
  background: url(/wp-content/themes/krovelgrad/assets/images/product-filter-bg.jpg) center no-repeat;
}

.widget_layered_nav {
  margin-bottom: 35px;
}

.widget_layered_nav .filters-head {
  font-size: 21px;
  color: #000;
  padding-left: 20px;
  margin-left: 0;
  cursor: pointer;
}

.widget_layered_nav .filters-head span {
  padding-right: 30px;
  background: url(/wp-content/themes/krovelgrad/assets/images/Arrow.png) right center no-repeat;
  top: 3px;
  right: 0;
}

.actParams {
  margin: 30px 0 15px 0;
}

.actParams div {
  color: #888;
  font-size: 13px;
}

.actParams div span {
  color: #333;
}

.action-product-item {
  max-width: 401px;
}

.action-product-item.single {
  max-width: 300px;
}

.action-product-item .product-item__visual>a:before {
  padding: 32.3656% 0 0;
}

.action-product-item .product-item__inner {
  margin: 5px 35px 35px 0;
  border-radius: 25px;
}

.delivery-item__title,
.delivery-item {
  color: #000;
}

.mode-switcher__item.active {
  color: #fff;
  background: #dd7375;
  border-color: #dd7375;
}

.catalog-list .product-item {
  border: none !important;
  width: 29%;
  margin: 25px;
}

.catalog-list .product-item__inner {
  border: 3px double #000;
  border-radius: 25px;
  box-shadow: 0 0 .1rem 0 rgb(0 0 0 / .07);
}

.catalog-list.column-list {
  flex-direction: column;
}

.catalog-list.column-list .product-item {
  width: 95.5%;
}

.catalog-list.column-list .product-item .product-item__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.catalog-list.column-list .product-item .product-item__title {
  font-size: 0.15rem;
}

.catalog-list.column-list .product-item__visual>a img {
  position: static;
}

.catalog-list.column-list .product-item__visual>a:before {
  content: none;
}

.catalog-list .product-item__visual>a img {
  object-fit: unset;

}

.js-brands-slider .brand-item a {
  margin: 0 5px 35px 5px;
  border-radius: 20px;
}

.delivery-section__inner {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.delivery-list {
  justify-content: center;
}

.delivery-list .delivery-item {
  width: 27%;
  margin: 0 30px;
  box-shadow: 0 0 .1rem 0 rgb(0 0 0 / .07);
  border-radius: 25px;
}

.delivery-list .delivery-item:after {
  width: 0;
}

.category-item__preview,
.category-item__preview:after {
  border-radius: 25px;
}

.btn-holder button {
  border-radius: 35px;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
  content: none;
}

.catalog-list-holder {
  border-radius: 20px;
}

.topic-item__inner {
  border-radius: 25px;
  border: 3px double #000;
  box-shadow: 0 0 .1rem 0 rgb(0 0 0 / .07);
}

.plashka {
  position: absolute;
  top: 7px;
  left: 13%;
  background: red;
  border-radius: 10px;
  padding: 0 5px !important;
  color: #fff;
  border: none !important;
  width: 170px !important;
  line-height: 27px;
  display: flex !important;
  justify-content: center;
  gap: 5px;
}

.product-item-middle {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  color: #777;
}

.product-item-middle span {
  color: #222;
}

.product-item__buy-btn__icon {
  font-size: 21px;
  padding: 0;
}

.product-item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-weight: bold;
}

.product-item__buy-panel {
  flex-direction: column;
  align-items: flex-start;
}

.action-product-item .product-item__buy-panel {
  justify-content: flex-end;
  flex-direction: column;
  margin-bottom: -14px;
}

.action-product-item .product-item__buy-panel>span {
  border: 1px solid #000;
  border-radius: 15px;
  padding: 2px 3px;
  margin-bottom: 7px;
}

.action-product-item .product-item__buy-btn__icon {
  font-size: 13px;
  color: #000;
}

.action-product-item .product-item__buy-btn {
  border: 1px solid #000;
  width: auto !important;
  height: 35px;
  min-width: 100px;
  position: relative;
  top: 10px;
  margin-bottom: 19px;
}

.action-product-item .icon-basket:before {
  content: none;
}

.action-product-item .icon-basket img {
  position: relative;
  top: 3px;
}

.action-product-item .product-item__price {
  margin-bottom: 0;
}

.action-product-item .woocommerce-Price-amount {
  display: inline-block;
  padding: 10px 5px;
  line-height: 20px;
  cursor: default;
  cursor: pointer;
}

/*.icon-heart:before {content:'❤'; color:#000; font-size:17px;}*/

.topic-item__product-count {
  opacity: 0;
}

.topic-item__product-count.hover {
  opacity: 1;
}

.product__price-panel {
  justify-content: flex-end;
}

.product__calc-item__title,
.product__parameters__title,
.product__specification__title,
.product-tab-controls__link {
  color: #000;
}

.sidebar__item {
  padding: 0;
}

.sorting-item__dropdown {
  top: auto;
  left: auto;
  opacity: 1;
}

.widget_layered_nav_filters ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.widget_layered_nav_filters ul a {
  background: #CF2C2F; cursor:default;
  color: #fff;
  padding:7px 15px;
  border-radius: 35px;
  transition-duration: 0.3s; position:relative;
}
.widget_layered_nav_filters ul a:after {
  content: '\2716'; transition-duration:0.3s;
  cursor:pointer; top:-5px; justify-content:center; align-items:center;
  position:absolute; right:-9px; background:#333; border-radius:50%; display:flex; width:20px; height:20px;
}
.widget_layered_nav_filters ul a:hover:after {background:#AD0E27;}
.widget_layered_nav_filters .clear-filters {background:#4B4B4B; cursor:pointer;}
.widget_layered_nav_filters .clear-filters:after {content:none;}
.widget_layered_nav_filters .clear-filters:hover {background:#292929;}



@media screen and (max-width:750px) {
  .logo {
    left: 65px;
  }

  .logo-link {
    height: auto;
    font-size: 13px;
    width: 199px;
    margin-left: -38px;
  }

  .logo__slogan {
    font-size: 12px;
  }

  .theme-toggle {
    position: static;
    margin: 0 0.3rem;
  }

  .theme-toggle img {
    width: 0.54rem;
    height: 0.54rem;
  }

  .header__controls__item {
    margin: 0 0.1rem;
  }

  .topics-list {
    display: block;
    margin: 0 auto;
  }

  .topics-list .topic-item {
    float: left;
    padding: 0;
    width: 3.3rem;
    margin: 1px;
  }

  .topics-list .topic-item:first-child,
  .topics-list .topic-item:last-child {
    padding: 0;
  }

  .topics-section,
  .topics-section__inner {
    background: #fff;
  }

  .topic-item__visual {
    width: auto;
  }

  .cats-4 {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .cats-4 li {
    width: 49% !important;
  }

  .delivery-list .delivery-item {
    width: 80%;
  }

  .topics-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
    column-gap: 15px;
    justify-content: center;
  }

  .topics-list .topic-item {
    max-width: 47%;
  }

  .topics-list .topic-item a {
    border-radius: 20px;
  }

  .catalog-list {
    margin: 0;
    justify-content: center;
    row-gap: 25px;
    column-gap: 15px;
  }

  .catalog-list .product-item {
    width: 47%;
    margin: 0;
  }

  .delivery-section {
    display: none;
  }

  .product-item-bottom {
    margin-top: 20px;
  }

  .action-product-item .woocommerce-Price-amount {
    padding: 6px;
    text-align: center;
  }

  .action-product-item .product-item__buy-btn {
    border-radius: 25px;
    position: static;
    width: 95%;
    margin: 0 0 6px 0;
    height: auto;
  }

  .action-product-item .product-item__buy-panel span {
    padding: 1px;
  }

  .action-product-item .product-item__buy-btn__icon {
    padding: 0 3px;
  }


  .catalog__sidebar {
    width: 80%;
    margin: 0 auto;
  }

  .mobi-filters {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
  }

  .mobi-filters span {
    font-size: 20px;
    background: #000;
    padding: 15px;
    border-radius: 15px;
    width: 100%;
    color: #fff;
    text-align: center;
  }
}

.header,
#main {
  background: #fff;
}

#main h1,
.breadcrumbs--product-page,
.paging,
.logo__slogan,
.header__menu__link,
.callback__phone,
#header_phone .underline,
.logo-link,
.default-section__title a {
  color: #000;
}

@media screen and (max-width:750px) {

  .logo-link,
  .default-section__title a {
    color: #000;
  }

  .brands-section {
    background: #fff;
    padding: 0 2px;
    margin: 0 22px;
  }
}

@media screen and (max-width:870px) {
  .consultation-section__btn-holder {
    display: none;
  }
}


@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; } }
@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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #636363;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.5;
  list-style: none;
  font-size: 0.14rem;
  text-align: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .sizes-table li {
    width: 6.25%;
    border-style: solid;
    border-color: #ededed;
    border-width: 1px 1px 1px 0; }
    .sizes-table li.hidden {
      display: none; }
    .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;
    -webkit-transition: border-color 0.35s ease;
    -o-transition: border-color 0.35s ease;
    transition: border-color 0.35s ease; }
@media only screen and (max-width: 750px) {
  .sizes-table {
    font-size: 0.26rem;
    line-height: 0.33rem; } }
@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; } }
@media only screen and (max-width: 750px) {
  .sizes-table li {
    width: 33.3333%; } }
@media only screen and (max-width: 750px) {
  .sizes-table a {
    width: 2.19rem;
    padding: 0.3rem 0.2rem; } }