@charset "UTF-8";
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
@import url(../libs/jquery.fancybox.min.css);
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

/* Offset direction */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the connect elements */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling; Giving the connect element a border radius causes issues with using transform: scale */
.noUi-target {
  background: #FAFAFA;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
          box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
      transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
      transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
      transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  -ms-transform: translate(0, -18px);
      transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /* Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/**
 * Swiper 6.5.9
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 30, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

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

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

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

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

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

.swiper-container-multirow-column > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

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

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

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

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

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

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

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

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

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

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

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

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

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

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

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

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

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

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

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

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

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

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

.swiper-button-lock {
  display: none;
}

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-lock {
  display: none;
}

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

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

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

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

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

.swiper-scrollbar-lock {
  display: none;
}

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

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

.swiper-slide-zoomed {
  cursor: move;
}

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

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

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

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

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

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

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

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

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

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

.swiper-container-cube {
  overflow: visible;
}

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

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

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

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

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

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

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

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

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

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

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

.zoom-box {
  position: relative;
}

.zoom-box img {
  vertical-align: bottom;
}

.zoom-box .zoom-selector {
  position: absolute;
  background-image: url("images/selector.png");
  background-repeat: repeat;
  display: none;
  cursor: crosshair;
}

.zoom-box .viewer-box {
  position: absolute;
  border: 1px solid #efedf0;
  display: none;
  overflow: hidden;
}

.zoom-box .viewer-box > img {
  position: absolute;
  left: 0;
  top: 0;
}




@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/templates/kuzmich24_2021/fonts/Montserrat/Montserrat-Light.woff2") format("woff2");
}

@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/templates/kuzmich24_2021/fonts/Montserrat/Montserrat-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/templates/kuzmich24_2021/fonts/Montserrat/Montserrat-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/templates/kuzmich24_2021/fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/templates/kuzmich24_2021/fonts/Montserrat/Montserrat-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/templates/kuzmich24_2021/fonts/RobotoCondensed/RobotoCondensed-Regular.woff") format("woff2");
}

@font-face {
  font-family: "roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/templates/kuzmich24_2021/fonts/RobotoCondensed/RobotoCondensed-Bold.woff") format("woff2");
}

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

html {
  margin: 0 !important;
}

a {
  text-decoration: none;
  color: #000;
  outline-color: transparent;
  background-color: transparent;
}

a:hover {
  text-decoration: none;
}

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

img {
  display: block;
}

p {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4 {
  margin: 0;
}
.articles__content{
  line-height: 30px;
}
.articles__wrapper_link a{
  color: rgb(255, 0, 0);
}
.articles__content_articles{
  line-height: 30px;
}
 .articles__content_articles p {
  margin-top: 10px;
}
.articles__content_articles ul {
  margin-left: 19px;
}
.articles__content h2{
    margin: 15px 0;
}

.articles__content table{
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 2px;
    margin: 0 0 15px;
}

.articles__content th, .articles__content td {
    padding: 5px 15px;
    border: 0 !important;
}

.articles__content tr:nth-child(odd) td {
    background: #f9eadc;
}

input, textarea {
  margin: 0;
  outline-color: transparent;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: transparent;
}

input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
  color: transparent;
}

input:focus::placeholder, textarea:focus::placeholder {
  color: transparent;
}

button {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

body {
  margin: 0px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  width: 100%;
  color: #181818;
  background-color: #ffffff;
  outline-color: transparent;
  scroll-behavior: smooth;
}

body::-webkit-scrollbar {
  width: 6px;
}

body::-webkit-scrollbar-track {
  background-color: #ffffff;
}

body::-webkit-scrollbar-thumb {
  -webkit-border-radius: 15px;
          border-radius: 15px;
  background-color: #CB1E00;
}

textarea {
  resize: none;
}

.main {
  display: contents;
  min-height: 37vh;
}

section {
  width: 100%;
  margin: 0 auto;
}

.wrapper {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}

.green-color {
  color: #34A12B !important;
}

.red-color {
  color: #CB1E00 !important;
}

.hidden {
  overflow: hidden;
  padding-right: 6px;
}

.button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 11px 45px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background-color: #CB1E00;
  cursor: pointer;
  outline: none;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #ffffff;
}

.button:hover {
  background-color: #34A12B;
}

.button.disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.button.disabled:hover {
  background-color: #ccc;
}

.h2 {
  margin: 0;
  margin-bottom: 36px;
  font-size: 35px;
  line-height: 43px;
  font-weight: 700;
  text-align: center;
  color: #181818;
}

.h1 {
  margin: 0;
  margin-bottom: 21px;
  font-size: 35px;
  line-height: 43px;
  font-weight: 700;
  text-align: left;
  color: #181818;
}

.marked-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.marked-list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #34A12B;
  width: 6px;
  height: 6px;
}

@media screen and (max-width: 1260px) {
  .wrapper {
    max-width: 768px;
    padding: 0 20px;
  }
  .h1 {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 15px;
  }
  .h2 {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 20px;
  }
  .main {
    min-height: 100%;
  }
  .hidden {
    padding: 0;
  }
  body {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .wrapper {
    max-width: 600px;
    padding: 0 10px;
  }
  .h2 {
    margin-bottom: 16px;
  }
  body {
    padding-bottom: 48px;
  }
}

.default-slider {
  padding-bottom: 42px;
}

.default-slider .swiper-fraction {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.default-slider .swiper-progress {
  margin: 0 4px;
  width: 80px;
  height: 2px;
  position: relative;
}

.default-slider .swiper-fraction__number {
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  color: #181818;
}

.default-slider .swiper-pagination-progressbar {
  background-color: #E5E5E5;
}

.default-slider .swiper-pagination-progressbar-fill {
  background-color: #34A12B;
}

.swiper-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.swiper-nav__content {
  position: relative;
  display: grid;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
}

.swiper-button-next, .swiper-button-prev {
  position: static;
  width: 42px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='12' viewBox='0 0 42 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.1619 5.46967C41.4548 5.76257 41.4548 6.23744 41.1619 6.53033L36.3889 11.3033C36.0961 11.5962 35.6212 11.5962 35.3283 11.3033C35.0354 11.0104 35.0354 10.5355 35.3283 10.2426L39.5709 6L35.3283 1.75736C35.0354 1.46447 35.0354 0.989596 35.3283 0.696702C35.6212 0.403809 36.0961 0.403809 36.389 0.696702L41.1619 5.46967ZM0.631592 5.25L40.6316 5.25L40.6316 6.75L0.631592 6.75L0.631592 5.25Z' fill='%23181818'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.swiper-button-next::after, .swiper-button-prev::after {
  display: none;
}

.swiper-button-next::before, .swiper-button-prev::before {
  display: none;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='12' viewBox='0 0 42 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.1619 5.46967C41.4548 5.76257 41.4548 6.23744 41.1619 6.53033L36.3889 11.3033C36.0961 11.5962 35.6212 11.5962 35.3283 11.3033C35.0354 11.0104 35.0354 10.5355 35.3283 10.2426L39.5709 6L35.3283 1.75736C35.0354 1.46447 35.0354 0.989596 35.3283 0.696702C35.6212 0.403809 36.0961 0.403809 36.389 0.696702L41.1619 5.46967ZM0.631592 5.25L40.6316 5.25L40.6316 6.75L0.631592 6.75L0.631592 5.25Z' fill='%2334a12b'/%3E%3C/svg%3E%0A");
}

.swiper-button-prev {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

@media screen and (max-width: 1260px) {
  .swiper-nav {
    display: none;
  }
  .swiper-fraction__number {
    display: none;
  }
  .default-slider {
    padding-bottom: 20px;
  }
  .default-slider .swiper-fraction {
    width: 100%;
  }
  .default-slider .swiper-progress {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .default-slider {
    padding-bottom: 11px;
  }
}

.form__input, .form__textarea {
  width: 100%;
  padding: 12px 19px;
  background-color: #EEEEEE;
  color: #181818;
  font-size: 13px;
  line-height: 14px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  outline: none;
  border: 1px solid transparent;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

.form__input::-webkit-input-placeholder, .form__textarea::-webkit-input-placeholder {
  color: #888888;
}

.form__input::-moz-placeholder, .form__textarea::-moz-placeholder {
  color: #888888;
}

.form__input:-ms-input-placeholder, .form__textarea:-ms-input-placeholder {
  color: #888888;
}

.form__input::-ms-input-placeholder, .form__textarea::-ms-input-placeholder {
  color: #888888;
}

.form__input::placeholder, .form__textarea::placeholder {
  color: #888888;
}

.form__input:hover, .form__textarea:hover {
  border: 1px solid #34A12B;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.form__input:focus, .form__textarea:focus {
  border: 1px solid #34A12B;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.form__input[type="date"] {
  padding-top: 9px;
  padding-bottom: 9px;
}

.form__input--selected {
  border: 1px solid #34A12B;
}

.form__input--error {
  border: 1px solid #CB1E00;
}

.form__inputs {
  display: grid;
  grid-gap: 19px;
}

.form__cell-title {
  font-size: 12px;
  line-height: 25px;
  margin-bottom: 4px;
}

.form__cell-title.with_error {
    color: #f00;
}

.form__radio-label {
  cursor: pointer;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 9px;
}

.form__radio-label:hover .form__radio-icon {
  border: 1px solid #34A12B;
}

.form__radio-text {
  font-size: 14px;
  line-height: 17px;
}

.form__radio-description {
  font-size: 12px;
  line-height: 17px;
  margin-left: 28px;
  font-style: italic;
}

.form__radio-icon {
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #B1B2B4;
  position: relative;
}

.form__radio-icon::after {
  content: "";
  width: 9px;
  height: 9px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #34A12B;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: none;
}

.form__radio-input {
  display: none;
}

.form__radio-input:checked + .form__radio-icon {
  border: 2px solid #34A12B;
}

.form__radio-input:checked + .form__radio-icon::after {
  display: block;
}

.form__checkbox-label {
  cursor: pointer;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 9px;
}

.form__checkbox-label:hover .form__checkbox-icon {
  border: 1px solid #34A12B;
}

.form__checkbox-text {
  font-size: 14px;
  line-height: 17px;
}

.form__checkbox-icon {
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #B1B2B4;
  position: relative;
}

.form__checkbox-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 17px;
  height: 17px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #B1B2B4;
  position: relative;
}

.form__checkbox-icon svg {
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.form__checkbox-input {
  display: none;
}

.form__checkbox-input:checked + .form__checkbox-icon {
  border: 1px solid #34A12B;
  background-color: #34A12B;
}

.form__checkbox-input:checked + .form__checkbox-icon svg {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1260px) {
  .form__cell-title {
    margin-bottom: 2px;
  }
}

.logo {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.logo__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.crumbs {
  margin-bottom: 26px;
  margin-top: 15px;
}

.crumbs-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.crumbs__wrapper {
  display: grid;
}

.crumbs-list__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 22px;
}

.crumbs-list__item:last-child {
  padding-right: 0;
}

.crumbs-list__item:last-child .crumbs-list__link {
  color: rgba(136, 136, 136, 0.8);
}

.crumbs-list__item:last-child::after {
  display: none;
}

.crumbs-list__item::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2475 2.75251C10.3842 2.8892 10.3842 3.1108 10.2475 3.24749L8.0201 5.47487C7.88342 5.61156 7.66181 5.61156 7.52513 5.47487C7.38844 5.33819 7.38844 5.11658 7.52513 4.9799L9.50502 3L7.52513 1.0201C7.38844 0.883418 7.38844 0.661811 7.52513 0.525127C7.66181 0.388443 7.88342 0.388443 8.0201 0.525127L10.2475 2.75251ZM3.0598e-08 2.65L10 2.65L10 3.35L-3.0598e-08 3.35L3.0598e-08 2.65Z' fill='%23979797'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
          background-size: contain;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.crumbs-list__item .crumbs-list__link {
  font-size: 12px;
  line-height: 14px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

a.crumbs-list__link {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #888888;
  text-decoration: underline;
}

a.crumbs-list__link:hover {
  color: #CB1E00;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.page-up {
  width: 50px;
  height: 50px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0.5;
  z-index: 5;
  position: fixed;
  right: 15px;
  bottom: 75px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='50' height='50'%3E%3Cdefs/%3E%3Cpath d='M256 0C114.833 0 0 114.833 0 256s114.833 256 256 256 256-114.853 256-256S397.167 0 256 0zm0 472.341c-119.275 0-216.341-97.046-216.341-216.341S136.725 39.659 256 39.659c119.295 0 216.341 97.046 216.341 216.341S375.275 472.341 256 472.341z' fill='%23cb1e00'/%3E%3Cpath d='M369.227 283.365l-99.148-99.148c-7.734-7.694-20.226-7.694-27.96 0l-99.148 99.148c-6.365 7.416-6.365 18.382 0 25.798 7.119 8.309 19.651 9.28 27.96 2.161L256 226.256l85.267 85.069c7.734 7.694 20.226 7.694 27.96 0 7.694-7.734 7.694-20.227 0-27.96z' fill='%23cb1e00'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
          background-size: contain;
}

.page-up--hidden {
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}

.page-up--visible {
  opacity: 0.5;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  pointer-events: all;
}

.page-up--visible:hover {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .page-up {
    width: 40px;
    height: 40px;
  }
}

.accrodion {
  max-width: 605px;
  border: 1px solid #e8e8e8;
}

.accrodion:hover .accrodion__header-title {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.accrodion__header {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 13px 20px;
}

.accrodion__header-title {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.accrodion__header-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.accrodion__body {
  display: none;
  padding: 21px 21px 18px 19px;
  background-color: #F8F8F8;
}

.accrodion__body--active {
  display: block;
}

.accrodion__body-title {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  color: #181818;
}

.accrodion__body-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.accrodion__body-list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #34A12B;
  width: 6px;
  height: 6px;
}

.accrodion__body-content {
  max-height: 218px;
  overflow-y: auto;
}

.accrodion__body-content::-webkit-scrollbar {
  width: 3px;
}

.accrodion__body-content::-webkit-scrollbar-track {
  background-color: #C6C6C6;
}

.accrodion__body-content::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0;
          border-radius: 0;
  background-color: #34A12B;
}

.accrodion__body-content.with_show_more .filter__form-checkbox:nth-child(n+5){
    display: none;
}
.accrodion__body-content.with_show_more.show_more .filter__form-checkbox:nth-child(n+5){
    display: block;
}

.accrodion__body-content .show_more_filter{
    color: #34A12B;
}
.accrodion__body-content.with_show_more.show_more .show_more_filter{
    display: none;
}

.accrodion__body-text p {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 17px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

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

.accrodion__header-icon--minus {
  display: none;
}

.accrodion__header--active .accrodion__header-icon--minus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.accrodion__header--active .accrodion__header-icon--plus {
  display: none;
}

.accrodion__body-checkboxes .accrodion__body-content {
  overflow: inherit;
}

@media screen and (max-width: 767px) {
  .accrodion__header-title {
    font-size: 14px;
    line-height: 18px;
  }
  .accrodion__body {
    padding: 21px 15px 24px 20px;
  }
  .accrodion__header {
    padding: 7px 15px;
    min-height: 50px;
    grid-gap: 17px;
  }
}

.time-cell {
  display: inline-grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 8px;
}

.time-cell__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.time-cell__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #181818;
}

.address-cell {
  display: inline-grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
}

.address-cell__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.address-cell__text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #181818;
}

.phone-cell {
  display: inline-grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 4px;
}

.phone-cell:hover .phone-cell__text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.phone-cell:hover .phone-cell__icon svg path {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.phone-cell__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.phone-cell__icon svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.phone-cell__text {
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.mail-cell {
  display: inline-grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 11px;
}

.mail-cell:hover .mail-cell__text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.mail-cell:hover .mail-cell__icon svg path {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.mail-cell__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mail-cell__icon svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.mail-cell__text {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.time-cell__title {
  font-size: 13px;
  line-height: 15px;
  color: #888;
  font-family: roboto,Arial,Helvetica,sans-serif;
}

.address-cell__title {
  font-size: 13px;
  line-height: 15px;
  color: #888;
  font-family: roboto,Arial,Helvetica,sans-serif;
}

.mail-cell__title {
  font-size: 13px;
  line-height: 15px;
  color: #888;
  font-family: roboto,Arial,Helvetica,sans-serif;
}

.phone-cell__title {
  font-size: 13px;
  line-height: 15px;
  color: #888;
  font-family: roboto,Arial,Helvetica,sans-serif;
}

.range {
  display: grid;
}

.range .noUi-target {
  height: 2px;
  background-color: #DBDEE0;
}

.range .noUi-base {
  height: 2px;
}

.range .noUi-connect {
  background-color: #34A12B;
}

.range .noUi-handle {
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 4px rgba(31, 31, 31, 0.2);
          box-shadow: 0px 4px 4px rgba(31, 31, 31, 0.2);
  border: 1px solid rgba(52, 161, 43, 0.2);
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  right: -3px;
}

.range .noUi-handle:hover {
  border: 1px solid #34a12b;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.range .noUi-handle::after {
  display: none;
}

.range .noUi-handle::before {
  display: none;
}

.range__inputs {
  margin-top: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.range__input {
  text-align: center;
  width: 100%;
  width: 90px;
  height: 40px;
  background: #EEEEEE;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  font-size: 13px;
  line-height: 15px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.range__input-border {
  width: 8px;
  height: 1px;
  background-color: #181818;
}

.tags {
}
.tags__content.one_col {
    display: none;
}

.tags__content-wrapper {
  position: relative;
}

.tags__item {
  margin-right: 6px;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tags__item:hover:not(.tags__item--active) a {
  color: rgba(52, 161, 43, 0.8);
  border: 1px solid rgba(52, 161, 43, 0.8);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tags__item a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  line-height: 18px;
  padding: 5px 11px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  cursor: pointer;
  border: 1px solid #F8F8F8;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tags__item--active a {
  color: #34A12B;
  border: 2px solid #34A12B;
}

.tags__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.tags__list_center{
    justify-content: center;
    margin: 30px 0;
}
.tags__list_center .tags__item a {border-color: #ccc;}

.tags__header {
    padding: 11px 140px 5px 19px;
}
.tags__header.tags_header_no_more_button {
    padding-right: 19px;
}

.tags__toggle {
  position: absolute;
  top: 17px;
  right: 20px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 6px;
  cursor: pointer;
}

.tags__toggle:hover .tags__toggle-text {
  text-decoration: none;
}

.tags__toggle-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tags__toggle-text {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  text-decoration: underline;
  color: #34A12B;
}

.tags__sections {
  padding: 18px 140px 0 18px;
  display: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}

.tags__section a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 11px 16px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 18px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  border: 1px solid rgba(203, 30, 0, 0.1);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.tags__section:hover:not(.tags__section--active) a {
  background-color: #CB1E00;
  color: #ffffff;
  border: 1px solid #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tags__section--active a {
  background-color: rgba(203, 30, 0, 0.1);
  color: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tags__body {
  display: none;
}

.tags__body-title {
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 20px;
  color: #181818;
  font-weight: 600;
}

.tags--active .tags__body {
  display: block;
}

.tags--active .tags__sections {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tags--active .tags__toggle-icon {
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tags--active .tags__header.tags__header_no_more {
  padding: 0 20px 0 20px;
}

.tags__filter {
  display: none;
}

.tags__filter-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tags__button {
  display: none;
}

@media screen and (max-width: 1260px) {
  .tags__filter {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 12px;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 15px 14px 14px;
    border: 1px solid #E8E8E8;
    cursor: pointer;
  }
  .tags__filter-text {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #888888;
  }
  .tags {
    border: none;
  }
  .tags__content {
    display: grid;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    grid-gap: 10px;
  }
  .tags__content.one_col {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .tags__content-wrapper {
  }
  .tags__item--mobile-hidden {
    display: none;
  }
  .tags--active .tags__toggle {
    top: 27px;
  }
}

@media screen and (max-width: 767px) {
  .tags__button {
    justify-self: start;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 12px;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 9px 15px 9px 14px;
    border: 1px solid #E8E8E8;
    cursor: pointer;
  }
  .tags__content-wrapper {
    display: none;
    grid-gap: 10px;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .tags__content-wrapper.tags__content-wrapper_sales {
      display: block;
  }
  .tags__content-wrapper--active {
    display: grid;
  }
  .tags__button--active {
    border: 1px solid #34A12B;
  }
  .tags__button--active .tags__button-title {
    color: #34A12B;
  }
  .tags__button--active .tags__button-icon svg path {
    fill: #34A12B;
  }
  .tags__button-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tags__button-title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #888888;
  }
  .tags__content {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
  }
  .tags__toggle {
    position: static;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .tags__filter {
    justify-self: start;
    padding: 9px 14px 9px 13px;
  }
  .tags__header {
    padding: 0;
  }
  .tags__item--mobile-hidden {
    display: block;
  }
  .tags__sections {
    padding: 0;
  }
  .tags__body {
    padding: 0;
  }
  .tags--active .tags__header {
    padding: 0;
  }
  .tags__section a {
    margin-right: 6px;
    padding: 6px 12px;
    margin-bottom: 5px;
  }
}

.header {
  border-bottom: 1px solid #E8E8E8;
  position: relative;
  z-index: 11;
  background-color: #ffffff;
}

.header--fixed {
  padding-bottom: 68px;
}

.header--fixed .menu {
  top: 0;
  width: 100%;
  position: fixed;
}

.header--fixed .menu--active {
  top: 68px;
}

.header--fixed .header__bottom-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  z-index: 98;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%) translateY(-100%);
      -ms-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
  position: fixed;
  background-color: #ffffff;
  -webkit-box-shadow: 0 4px 15px rgba(61, 61, 61, 0.15);
          box-shadow: 0 4px 15px rgba(61, 61, 61, 0.15);
  -webkit-animation: headerFixed 0.5s linear both;
          animation: headerFixed 0.5s linear both;
}

.header--fixed .header__bottom {
  margin: 0 auto;
  max-width: 1240px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  grid-template-columns: 135px 135px 310px 1fr -webkit-max-content;
  grid-template-columns: 135px 135px 310px 1fr max-content;
}

.header--fixed .header__option--hidden {
  display: grid;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
}

.header__callback--mobile {
  display: none;
}

@-webkit-keyframes headerFixed {
  0% {
    -webkit-transform: translateX(-50%) translateY(-100%);
            transform: translateX(-50%) translateY(-100%);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
}

@keyframes headerFixed {
  0% {
    -webkit-transform: translateX(-50%) translateY(-100%);
            transform: translateX(-50%) translateY(-100%);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
}

.header__top {
  padding: 12px 0;
  display: grid;
  /*grid-template-columns: minmax(222px, 235px) 1fr 125px minmax(116px, 141px) minmax(131px, 180px) minmax(175px, 210px);*/
  grid-template-columns: minmax(222px, 235px) 1fr minmax(241px, 266px) minmax(131px, 180px) minmax(175px, 210px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 5;
}

.header__top::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #E8E8E8;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}

.header__callback {
  font-size: 14px;
  line-height: 17px;
  padding: 9px 10px;
  display: none;
}

.header__callback svg {
  display: none;
}

.header__help {
  justify-self: start;
  position: relative;
}

.header__help:hover .cloud {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__help-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__help-button {
  grid-gap: 10px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__help-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #181818;
    font-family: "roboto", Arial, Helvetica, sans-serif;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.header__list {
  margin-right: 0;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 20px;
}

.header__list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header__list li a {
  font-size: 14px;
  line-height: 16px;
  color: #181818;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.header__list li a:hover {
  color: #CB1E00;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.header__bottom {
  padding: 15px 0;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 135px 135px 493px 1fr -webkit-max-content;
  grid-template-columns: 135px 135px 493px 1fr max-content;
  grid-gap: 20px;
  position: relative;
  z-index: 2;
}

.header__catalog-open {
  font-weight: 700;
  padding: 9px 10px;
  transition: 0.7s;
}

.header__catalog-open--active .catalog-open__icon {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.catalog-open__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.header__sales-open {
  font-weight: 700;
  padding: 9px 10px;
  background-color: #34A12B;
  transition: 0.7s;
}

.header__sales-open:hover {
  background-color: #CB1E00;
}

.header__price {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 23px;
  line-height: 28px;
  font-weight: 800;
  color: #181818;
}

.header__price span {
  margin-left: 7px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.header__price.header__price_empty span {
    display: none;
}

.header__options {
  display: grid;
  grid-auto-flow: column;
}

.option-header__title {
  font-size: 11px;
  line-height: 12px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.option-header__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__option {
  display: grid;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  grid-gap: 3px;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.header__option:hover .option-header__title {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__option--hidden {
  display: none;
}

.option-header__counter {
  position: absolute;
  padding: 1px 10px;
  top: -8px;
  right: -8px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  color: #ffffff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #34A12B;
}
.option-header__counter.option-header__counter_empty{
    display: none;
}

.header__option--favourite .option-header__counter {
  right: 2px;
}

.header__burger {
  display: none;
}

.header__brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__brand img {
  width: 116px;
  height: 51px;
  -o-object-fit: cover;
     object-fit: cover;
     border-radius: 5px;
}

.header__time-cell {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__bottom-wrapper {
  grid-column: span 6;
}

.header__phone-cell {
  grid-gap: 6px;
  position: relative;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.header__phone-cell:hover .cloud {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  pointer-events: all;
}

.header__phone-cell .phone-cell__icon {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #34A12B;
}

.cloud {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 100%;
  opacity: 0;
  pointer-events: none;
  right: 0;
  z-index: 10;
  background-color: #ffffff;
  width: 350px;
  padding: 30px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 10px 10px 20px rgba(24, 24, 24, 0.2);
          box-shadow: 10px 10px 20px rgba(24, 24, 24, 0.2);
}

.cloud__title {
  font-weight: 600;
  padding-left: 10px;
  position: relative;
  margin-bottom: 10px;
}

.cloud__title::after {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #34A12B;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.header__help-cloud {
  width: 280px;
}

.cloud__list {
  display: grid;
  grid-gap: 5px;
}

.cloud__list li a {
  font-weight: 500;
}

.cloud__list li a:hover {
  color: #34A12B;
}

.cloud__phones {
  display: grid;
  grid-gap: 5px;
  margin-bottom: 5px;
}

.cloud__phone {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  color: #34A12B;
}

.cloud__phone:hover {
  color: #CB1E00;
}

.cloud__subtitle {
  font-size: 12px;
  line-height: 14px;
}

.cloud__header {
  margin-bottom: 20px;
}

.cloud__form .policy {
  margin: 0;
}

.cloud__form-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}

.cloud__form-description {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}

.header__phone-cell--desktop {
  display: grid;
}

.header__phone-cell--mobile {
  display: none;
}

@media screen and (max-width: 1260px) {
  .header__callback--desktop {
    display: block;
  }
  .header__phone-cell--mobile {
    display: grid;
  }
  .header__phone-cell--desktop {
    display: none;
  }
  .header__help {
    display: none;
  }
  .header__bottom-wrapper {
  }

  .search__button{
    background-color:transparent;
  }
  .search__button path{
    fill: #999;
  }
  .search__button:hover{
    background-color:transparent;
  }
  .search__button:hover path{
    fill: #000;
  }

  .cloud {
    display: none;
  }
  .header {
    border-bottom: none;
    margin-bottom: 10px;
    position: inherit;
  }
  .header__brand {
    display: none;
  }
  .header__catalog-open {
    display: none;
  }
  .header__sales-open {
    display: none;
  }
  .header__list {
    display: none;
  }
  .header__time-cell {
    display: none;
  }
  .header__options {
    display: none;
  }
  .header__price {
    display: none;
  }
  .header__burger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
  }
  .header__logo .logo__image img {
    width: 154px;
    height: 32px;
  }
  .header__bottom {
    grid-template-columns: 1fr;
    padding: 10px 0;
  }
  .header__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding: 10px 0;
    z-index: 1;
  }
  .header__phone-cell {
    margin-right: 26px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 366px;
        -ms-flex: 0 0 366px;
            flex: 0 0 366px;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }
  .header__callback {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 172px;
        -ms-flex: 0 0 172px;
            flex: 0 0 172px;
  }
  .header__search .search__button {
    padding: 6px 10px;
    background-color: transparent;
  }
  .header__search .search__button svg path {
    fill: #181818;
  }
  .header__callback--desktop {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .header__bottom-wrapper {
    grid-column: auto;
  }
  .header__phone-cell {
    display: none;
  }
  .header__burger {
    margin-right: 0;
  }
  .header__callback {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    padding: 6px 10px;
  }
  .header__callback p {
    display: none;
  }
  .header__callback svg {
    display: block;
  }
  .header__top {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header__bottom {
    padding-bottom: 7px;
  }
  .header__callback--mobile {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .header__callback--desktop {
    display: none;
  }
}

.mainImage {
  margin: 25px 0 70px 0;
}

.mainImage__content {
  display: grid;
  grid-template-columns: 1fr 320px;
  grid-gap: 31px;
}

.mainImage__right {
  overflow: hidden;
}

.mainImage__square {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 23px 29px 23px 29px;
  height: 320px;
  width: 100%;
  background-color: #F8F8F8;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.square-mainImage__category {
  text-align: center;
  font-size: 18px;
  line-height: 21px;
  color: #181818;
  font-weight: 700;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.mainImage__slider-item {
  height: 320px;
  width: 100%;
  background-color: #eeeeee;
}

.mainImage-item__link {
  display: grid;
}

.mainImage-item__image img {
  width: 100%;
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1260px) {
  .mainImage {
    margin: 10px 0 40px 0;
  }
  .mainImage__slider {
    padding-bottom: 14px;
  }
  .mainImage__content {
    grid-template-columns: 1fr 191px;
    grid-gap: 7px;
  }
  .mainImage-item__image img {
    width: 100%;
    height: 191px;
  }
  .mainImage__slider-item {
    height: 191px;
  }
  .mainImage__square {
    height: 191px;
    padding: 13px 12px 12px 17px;
  }
  .square-mainImage__category {
    font-size: 11px;
    line-height: 21px;
  }
  .square-mainImage__logo img {
    width: 98px;
    height: 22px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media screen and (max-width: 767px) {
  .mainImage__slider-item {
    height: auto;
  }
  .mainImage__right {
    display: none;
  }
  .mainImage__content {
    grid-template-columns: 1fr;
  }
  .mainImage {
    margin: -7px 0 35px 0;
  }
  .mainImage__slider {
    padding-bottom: 10px;
  }
  .mainImage-item__image img {
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
  }
}

@media screen and (max-width: 415px) {
  .mainImage-item__image img {
    width: 100%;
  }
  .mainImage__slider-item {
  }
}

.preview__list {
  display: grid;
  grid-gap: 10px;
  padding: 50px 0;
  margin-bottom: 50px;
}

.preview__list li a {
  font-size: 23px;
  line-height: 44px;
  color: #181818;
  font-weight: 600;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.preview__list li a:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sort {
  margin-bottom: 30px;
}

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

.sort__list {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.sort__left {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 18px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.sort__list-item {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 4px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  cursor: pointer;
}

.sort__list-item.sort__list-item_no_active_cursor.sort__list-item--active {
    cursor: default;
}
.sort__list-item.sort__list-item_direction_desc svg{
    transform: rotate(-180deg);
}

.sort__list-item:hover p {
  color: rgba(52, 161, 43, 0.8);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sort__list-item:hover svg path {
  fill: rgba(52, 161, 43, 0.8);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sort__list-item p {
  font-size: 14px;
  line-height: 17px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sort__list-item--active p {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sort__list-item--active svg path {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sort__left-title {
  font-size: 12px;
  line-height: 25px;
  font-weight: 600;
  color: #181818;
}

.sort__grid {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.sort__grid-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.sort__grid-item svg path, .sort__grid-item svg rect {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sort__grid-item:hover svg path, .sort__grid-item:hover svg rect {
  fill: rgba(52, 161, 43, 0.8);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sort__grid-item--active svg path, .sort__grid-item--active svg rect {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1260px) {
  .sort {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .sort__right {
    display: none;
  }
  .sort__left {
    grid-auto-flow: dense;
    grid-gap: 10px;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
  .sort__list-item p {
    font-size: 14px;
    line-height: 16px;
  }
  .sort__list {
    grid-gap: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    grid-gap: 20px;
  }
  .sort__content {
    display: block;
  }
}

@media screen and (max-width: 450px) {
  .sort__list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    grid-gap: 0;
  }
}

.about {
  margin: 58px 0 70px 0;
}

.about__title {
  margin-bottom: 32px;
}

.about__numbers {
  margin-bottom: 63px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 70px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.numbers-about__number {
  font-size: 80px;
  line-height: 98px;
  font-weight: 700;
  color: #000000;
  text-align: center;
}

.numbers-about__description {
  max-width: 190px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #181818;
}

.about__advantages {
  padding: 30px 0 31px 0;
  background-color: #F8F8F8;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.advantages-about__icon {
  min-height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.advantages-about__item {
  display: grid;
  grid-gap: 17px;
}

.advantages-about__text {
  max-width: 210px;
  min-height: 36px;
  font-size: 14px;
  line-height: 18px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  text-align: center;
}

@media screen and (max-width: 1260px) {
  .about {
    margin: 50px 0 35px 0;
  }
  .about__title {
    margin-bottom: 25px;
  }
  .numbers-about__number {
    font-size: 60px;
    line-height: 73px;
  }
  .about__numbers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 0;
    margin-bottom: 60px;
    margin-left: 15px;
  }
  .numbers-about__item {
    margin-right: 60px;
    margin-bottom: 25px;
  }
  .about__advantages {
    padding: 30px 28px 29px 28px;
    grid-gap: 40px;
    margin: 0 -20px;
  }
}

@media screen and (max-width: 767px) {
  .about {
    margin: 35px 0;
  }
  .about__title {
    margin-bottom: 10px;
  }
  .numbers-about__item {
    margin-right: 0;
    margin-bottom: 0;
    display: grid;
    justify-items: center;
  }
  .about__numbers {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr;
    margin-bottom: 37px;
    margin-left: 0;
  }
  .numbers-about__description {
    font-size: 15px;
    line-height: 20px;
  }
  .about__advantages {
    grid-auto-flow: dense;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 25px;
    padding: 40px 20px 42px 20px;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .advantages-about__icon {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.burgerMenu {
  display: none;
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(108, 108, 108, 0.4);
  left: -100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}

.burgerMenu__wrapper {
  position: relative;
  padding: 0;
}

.burgerMenu__wrapper::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  left: -100%;
  top: 0;
}

.burgerMenu__content {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 394px;
  height: 100vh;
  overflow-y: auto;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 30px rgba(26, 51, 62, 0.1);
          box-shadow: 0px 0px 30px rgba(26, 51, 62, 0.1);
  position: relative;
  -webkit-transition: 1.1s;
  -o-transition: 1.1s;
  transition: 1.1s;
}

.burgerMenu__top {
  padding: 19px 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #E8E8E8;
  position: relative;
}

.burgerMenu__close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: rotateZ(0deg);
      -ms-transform: rotate(0deg);
          transform: rotateZ(0deg);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  cursor: pointer;
}

.burgerMenu__body {
  padding: 22px;
}

.burgerMenu__list {
  margin-bottom: 22px;
  display: grid;
  grid-gap: 22px;
  margin-top: 18px;
}

.burgerMenu__list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.burgerMenu__list li a {
  font-size: 20px;
  line-height: 23px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.burgerMenu__list li a:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.burgerMenu__phone-cell {
  display: grid;
  margin-bottom: 25px;
}

.burgerMenu__sales {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 34px;
  font-size: 20px;
  line-height: 24px;
  color: #34A12B;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.burgerMenu__sales:hover {
  color: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.burgerMenu__catalog{
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 20px;
  line-height: 24px;
  color: #ff0000;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.burgerMenu__catalog:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1260px) {
  .burgerMenu {
    display: block;
    z-index: 11;
  }
  .burgerMenu--active {
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    left: 0;
    opacity: 1;
    pointer-events: all;
  }
  .burgerMenu--active .burgerMenu__close {
    -webkit-transform: rotateZ(720deg);
        -ms-transform: rotate(720deg);
            transform: rotateZ(720deg);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .burgerMenu--active .burgerMenu__content {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: 1.1s;
    -o-transition: 1.1s;
    transition: 1.1s;
  }
}

@media screen and (max-width: 767px) {
  .burgerMenu__top {
    padding: 17px 22px;
  }
  .burgerMenu__body {
    padding: 25px 22px 22px 22px;
  }
  .burgerMenu__wrapper::after {
    display: none;
  }
  .burgerMenu {
    background-color: #ffffff;
  }
  .burgerMenu__content {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.menu {
  position: absolute;
  left: 0%;
  height: 0;
  background-color: #CB1E00;
  top: 88%;
  width: 100%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: transparent;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  overflow: auto;
}

.menu::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.menu--active {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  top: 100%;
  height: 100vh;
  pointer-events: all;
  background-color: rgba(108, 108, 108, 0.4);
  opacity: 1;
  z-index: 4;
  visibility: visible;
}

.menu__content {
  background-color: #ffffff;
  border-top: 1px solid #E8E8E8;
}

.menu__list {
  padding: 13px 0px 10px 0px;
}

.menu__list-1 {
  max-width: 330px;
  height: 100%;
  background-color: #F8F8F8;
  position: relative;
  border-right: 1px solid #E8E8E8;
}

.menu__list-1 .list-menu__item:hover .menu__list-2 {
  left: 100%;
  z-index: 1;
  pointer-events: all;
  opacity: 1;
}

.menu__list-2 {
  position: absolute;
  height: 100%;
  left: 0%;
  background-color: #ffffff;
  top: 0;
  width: 335px;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  border-right: 1px solid #E8E8E8;
  border-left: 1px solid #E8E8E8;
}

.menu__list-2 .list-menu__item:hover .menu__list-3 {
  left: 100%;
  z-index: 1;
  pointer-events: all;
  opacity: 1;
}

.menu__list-3 {
  position: absolute;
  height: 100%;
  left: 0%;
  background-color: #ffffff;
  top: 0;
  width: 575px;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  border-left: 1px solid #E8E8E8;
}

.list-menu__link {
  padding-right: 23px;
  padding-left: 25px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 3;
  justify-self: start;
  width: 100%;
}

.list-menu__link:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.list-menu__link--inside:hover::after {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.274439 0.276595C0.0968606 0.452127 -4.0712e-07 0.686171 -3.96193e-07 0.936171C-3.85265e-07 1.18617 0.0968606 1.42021 0.274439 1.59574L3.72377 5L0.274439 8.40957C0.0968609 8.58511 -5.16166e-08 8.81915 -4.06888e-08 9.06915C-2.97609e-08 9.31915 0.096861 9.55319 0.274439 9.72872C0.640359 10.0904 1.23767 10.0904 1.60897 9.72872L5.72556 5.65957C5.90314 5.48404 6 5.25 6 5C6 4.75 5.90314 4.51596 5.72556 4.34043L1.60897 0.271276C1.43139 0.095745 1.19462 -5.22184e-08 0.941704 -4.11632e-08C0.688789 -3.01079e-08 0.452018 0.101064 0.274439 0.276595Z' fill='%2334A12B'/%3E%3C/svg%3E%0A");
}

.list-menu__link--inside::after {
  content: "";
  width: 6px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.274439 0.276595C0.0968606 0.452127 -4.0712e-07 0.686171 -3.96193e-07 0.936171C-3.85265e-07 1.18617 0.0968606 1.42021 0.274439 1.59574L3.72377 5L0.274439 8.40957C0.0968609 8.58511 -5.16166e-08 8.81915 -4.06888e-08 9.06915C-2.97609e-08 9.31915 0.096861 9.55319 0.274439 9.72872C0.640359 10.0904 1.23767 10.0904 1.60897 9.72872L5.72556 5.65957C5.90314 5.48404 6 5.25 6 5C6 4.75 5.90314 4.51596 5.72556 4.34043L1.60897 0.271276C1.43139 0.095745 1.19462 -5.22184e-08 0.941704 -4.11632e-08C0.688789 -3.01079e-08 0.452018 0.101064 0.274439 0.276595Z' fill='%23181818'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}

.menu-brands {
  padding-top: 9px;
  padding-left: 26px;
  display: grid;
  grid-template-columns: 117px 117px 117px 117px;
  grid-gap: 10px;
  margin-bottom: 23px;
}

.menu-brands__image {
  padding: 11px 8px;
  height: 60px;
  background-color: #F8F8F8;
}

.menu-brands__image img {
  width: 100px;
  height: 38px;
  -o-object-fit: contain;
     object-fit: contain;
}

.menu__header {
  display: none;
  padding: 17px 22px;
  background-color: #ffffff;
}

.menu__close {
  cursor: pointer;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 15px;
}

.menu__close-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.menu__close-text {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: #888888;
}

@media screen and (max-width: 1260px) {
  .menu {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    z-index: 4;
  }
  .menu--active {
    position: fixed;
    top: 0;
    background-color: #F8F8F8;
  }
  .menu__list-1 {
    max-width: 100%;
    height: 100%;
    padding-bottom: 200px;
    overflow: auto;
    border-right: none;
  }
  .menu__wrapper {
    padding: 0;
    max-width: 100%;
  }
  .menu__header {
    display: block;
    max-width: 768px;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
  }
  .menu__lists {
    max-width: 768px;
    width: 100%;
  }
  .menu__content {
    display: grid;
    justify-items: center;
  }
  .menu__list-2 {
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    opacity: 1;
    pointer-events: all;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
  }
  .menu__list-2--active {
    display: block;
    z-index: 1;
    pointer-events: all;
    opacity: 1;
    position: static;
    margin-bottom: 10px;
  }
  .menu__list-3 {
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    opacity: 1;
    pointer-events: all;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
  }
  .menu__list-3--active {
    display: block;
    z-index: 1;
    pointer-events: all;
    opacity: 1;
    position: static;
    margin-bottom: 10px;
  }
  .list-menu__link {
    padding-left: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: static;
  }
  .list-menu__item {
    position: relative;
  }
  .list-menu__link--inside::after {
    top: 16px;
  }
  .list-menu__link--active {
    padding-bottom: 10px;
  }
  .list-menu__link--active::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
  }
  .menu-brands__image {
    height: 35px;
    width: 66px;
  }
  .menu-brands__image img {
    width: 100%;
    height: 100%;
  }
  .menu-brands {
    padding-left: 20px;
    margin-bottom: 15px;
    grid-template-columns: repeat(auto-fit, 66px);
  }
}

.default-tags__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 15px;
}

.default-tags__item {
  margin-right: 10px;
  margin-bottom: 10px;
}

.default-tags__label {
  cursor: pointer;
}

.default-tags__label:hover .default-tags__label-text {
  color: #ffffff;
  background-color: #CB1E00;
  border: 1px solid #CB1E00;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.default-tags__label:hover .default-tags__label-text svg path {
  fill: #ffffff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.default-tags__label-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 12px;
  font-size: 15px;
  line-height: 18px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid rgba(203, 30, 0, 0.1);
  background-color: #ffffff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.default-tags__label-text svg {
  margin-right: 4px;
}

.default-tags__label-text svg path {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.default-tags__checkbox {
  display: none;
}

.default-tags__checkbox:checked + .default-tags__label-text {
  color: #CB1E00;
  background-color: rgba(203, 30, 0, 0.1);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.default-tags__checkbox:checked + .default-tags__label-text svg path {
  fill: #CB1E00;
}

@media screen and (max-width: 767px) {
  .default-tags__label-text {
    padding: 10px 17px;
  }
}

.contacts {
  margin-bottom: 100px;
}
.contacts_text_area{margin-top: 60px;}

.grid-contacts__item {
  display: grid;
  grid-template-columns: 1fr 750px;
  grid-gap: 30px;
}

.contacts-item__right {
  position: relative;
}

.contacts-item__map-pin {
  position: absolute;
  top: 143px;
  left: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

.contacts-item__map-label {
  position: absolute;
  top: 200px;
  left: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 15px 17px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 15px rgba(61, 61, 61, 0.15);
          box-shadow: 0px 4px 15px rgba(61, 61, 61, 0.15);
  -webkit-border-radius: 0px 5px 5px 5px;
          border-radius: 0px 5px 5px 5px;
  z-index: 2;
}

.contacts__reviews {
  margin-top: 30px;
  background-color: #F8F8F8;
}

.reviews-contacts__content {
  padding: 35px 38px 50px 38px;
  position: relative;
}

.reviews-contacts__title {
  margin: 0;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  color: #181818;
}

.reviews-contacts__text {
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
  max-width: 712px;
  font-size: 15px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.reviews-contacts__text p {
  margin-bottom: 10px;
}

.reviews-contacts__text p:last-child {
  margin-bottom: 0;
}

.reviews-contacts__button {
  padding: 16px 52px;
}

.reviews-contacts__image {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.contacts__card {
  padding: 26px 37px 48px 37px;
  border: 1px solid #E8E8E8;
}

.card-contacts__title {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
}

.card-contacts__phone-cell {
  grid-gap: 10px;
  margin-bottom: 23px;
}

.card-contacts__phone-cell svg path {
  fill: #34A12B;
}

.card-contacts__phone-cell .phone-cell__text {
  font-size: 16px;
  line-height: 20px;
}

.card-contacts__phone-cell .phone-cell__title {
  margin-bottom: 2px;
}

.card-contacts__address-cell {
  grid-gap: 10px;
  margin-bottom: 12px;
}

.card-contacts__address-cell .address-cell__text {
  max-width: 280px;
}

.card-contacts__address-cell svg path {
  fill: #34A12B;
}

.card-contacts__htg {
  margin-bottom: 30px;
  margin-left: 30px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 14px 31px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background-color: rgba(203, 30, 0, 0.1);
  color: #CB1E00;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.card-contacts__htg:hover {
  color: #34A12B;
  background-color: rgba(52, 161, 43, 0.1);
}

.card-contacts__time-cell {
  display: grid;
  margin-bottom: 26px;
  grid-gap: 10px;
}

.card-contacts__time-cell svg path {
  fill: #34A12B;
}

.card-contacts__time-cell .time-cell__text {
  font-size: 14px;
  line-height: 17px;
}

.card-contacts__time-cell .time-cell__title {
  margin-bottom: 2px;
}

.card-contacts__mail-cell svg path {
  fill: #34A12B;
}

.card-contacts__mail-cell .mail-cell__title {
  margin-bottom: 2px;
}

.contacts-item__map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.contacts__grid {
  margin-bottom: 30px;
  display: grid;
  grid-gap: 30px;
}

@media screen and (max-width: 1260px) {
  .contacts {
    margin-bottom: 65px;
  }
  .grid-contacts__item {
    grid-template-columns: 292px 1fr;
    grid-gap: 20px;
  }
  .contacts-item__map {
    height: 100%;
  }
  .contacts-item__map iframe {
    width: 100%;
    height: 100%;
  }
  .contacts__card {
    padding: 25px 28px 28px 28px;
  }
  .contacts__grid {
    grid-gap: 20px;
    margin-bottom: 20px;
  }
  .contacts__reviews {
    margin-top: 20px;
  }
  .reviews-contacts__image {
    top: 70px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: 331px;
    height: 142px;
  }
  .reviews-contacts__text {
    max-width: 360px;
  }
  .reviews-contacts__content {
    padding: 35px 30px 45px 30px;
  }
}

@media screen and (max-width: 767px) {
  .contacts {
    margin-bottom: 50px;
  }
  .grid-contacts__item {
    grid-template-columns: 1fr;
  }
  .contacts__card {
    padding: 26px 20px;
  }
  .card-contacts__address-cell {
    margin-bottom: 10px;
  }
  .card-contacts__title {
    margin-bottom: 20px;
  }
  .contacts-item__map {
    margin: 0 -20px;
    height: 300px;
  }
  .contacts__grid {
    grid-gap: 30px;
    margin-bottom: 32px;
  }
  .reviews-contacts__image {
    position: static;
    width: 260px;
    height: 114px;
    justify-self: end;
    margin-right: -20px;
  }
  .reviews-contacts__content {
    padding: 30px 20px 16px 20px;
    display: grid;
  }
  .reviews-contacts__button {
    width: 100%;
    margin-bottom: 27px;
  }
  .reviews-contacts__title {
    margin-bottom: 15px;
  }
  .card-contacts__phone-cell {
    display: grid;
  }
}

.pagination__list {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 10px;
}

.pagination__item {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  line-height: 18px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.pagination__item svg path {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.pagination__item:hover {
  background-color: #CB1E00;
  color: #ffffff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.pagination__item:hover svg path {
  fill: #ffffff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.pagination__item--active {
  background-color: rgba(203, 30, 0, 0.1);
  color: #CB1E00;
}

.pagination__item--prev {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  background-color: #F8F8F8;
}

.pagination__item--next {
  background-color: #F8F8F8;
}

@media screen and (max-width: 767px) {
  .pagination__list {
    grid-gap: 8px;
  }
}

.search__content {
  position: relative;
}

.search__input {
  padding: 10px 80px 10px 19px;
  width: 100%;
}

.search__button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 6px 19px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
          transition: 0.7s;
}

.special {
  margin: 70px 0;
}

@media screen and (max-width: 1260px) {
  .special {
    margin: 40px 0px 50px 0;
  }
}

@media screen and (max-width: 767px) {
  .special {
    margin: 35px 0 35px 0;
  }
}

.mfp-wrap:not(.mfp-gallery) .mfp-content {
  position: static;
}

.modal__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mfp-container {
  padding: 0 !important;
}

.modal {
  position: fixed;
  top: 120px;
  z-index: 99;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}

.modal__content {
  pointer-events: all;
  background-color: #ffffff;
  max-width: 372px;
  width: 100%;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.modal__content.modal-bye_one_click__content {
  max-width: 472px;
}

.modal__title {
  margin: 0;
  padding: 19px 26px 22px 26px;
  background-color: #F8F8F8;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  color: #181818;
  text-align: center;
}

.modal__close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 15px;
  top: 22px;
  cursor: pointer;
}

.modal__close:hover svg path {
  fill: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.modal__close svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.modal__form {
  padding: 16px 36px 44px 36px;
}

.modal__form .form__input {
  width: 100%;
}

.modal__policy {
  margin-top: 17px;
  margin-bottom: 23px;
}

.modal__button {
  width: 100%;
  padding: 16px 45px;
}

.modal__body {
  padding: 26px 41px 35px 41px;
}

.modal__list {
  margin: 20px 0;
  display: grid;
  grid-gap: 15px;
}

.modal__list li {
  font-size: 14px;
  line-height: 18px;
}

.modal__list li a {
  font-weight: 500;
  color: #34A12B;
}

.modal__list li a:hover {
  text-decoration: underline;
}

.html5-video-player {
  background-color: rgba(11, 11, 11, 0.8) !important;
}

.mfp-iframe-scaler iframe {
  max-width: 80% !important;
  left: 50% !important;
  top: 50% !important;
  height: 70% !important;
  -webkit-transform: translateY(-50%) translateX(-50%) !important;
      -ms-transform: translateY(-50%) translateX(-50%) !important;
          transform: translateY(-50%) translateX(-50%) !important;
}

.mfp-iframe-holder .mfp-close {
  top: 20px !important;
  right: 20px !important;
}

.modal-login__options {
  margin-top: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal-login__option {
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
  color: #CB1E00;
  font-weight: 600;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.modal-login__option:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.modal-login__option_switch {
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  color: #CB1E00;
  font-weight: 600;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-bottom: dashed 1px;
}

.modal-login__option_switch:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.modal-htg__content {
  max-width: 533px;
}

.modal-htg__cell {
  margin-bottom: 25px;
}

.modal-htg__cell:last-child {
  margin-bottom: 0;
}

.modal-htg__cell-title {
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  margin-bottom: 6px;
}

.modal-htg__cell-list {
  display: grid;
  grid-gap: 12px;
}

.modal-htg__cell-list li {
  font-size: 15px;
  line-height: 24px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: rgba(24, 24, 24, 0.8);
  position: relative;
  padding-left: 19px;
}

.modal-htg__cell-list li::after {
  content: "";
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #70A12C;
  position: absolute;
  left: 0;
  top: 10px;
}

.modal-bonus__content {
  max-width: 515px;
}

.modal-bonus__body {
  display: grid;
}

.modal-bonus__button {
  justify-self: center;
}

.modal-bonus__list {
  margin-top: 0;
}

.modal-delivery__content {
  max-width: 90%;
}

.modal-delivery__description {
  display: grid;
  margin-bottom: 12px;
}

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

@media screen and (max-width: 400px) {
    .modal-delivery__description img.first_hint_img{
        max-width: 30%;
        height: auto;
        float: right;
    }
}

.modal-self__content {
  max-width: 515px;
}

.modal-self__description {
  display: grid;
  grid-gap: 15px;
  margin-bottom: 20px;
}

.modal-phones__links {
  display: grid;
  grid-gap: 20px;
  padding: 40px 20px;
  justify-items: center;
}

.modal-phones__link {
  text-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  color: #34A12B;
}

@media screen and (max-width: 767px) {
  .modal__form {
    padding: 12px 15px 25px 15px;
  }
  .modal__title {
    padding: 14px 21px;
  }
  .modal__close {
    top: 16px;
  }
  .modal__body {
    padding: 0px 20px 0px 28px;
  }
}

.new {
  margin: 70px 0;
}

.new__tabs {
  margin-bottom: 25px;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-auto-flow: column;
  grid-gap: 17px;
}

.tabs-new__item {
  padding: 11px 12px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  font-size: 15px;
  line-height: 18px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tabs-new__item:hover {
  color: #CB1E00;
  background-color: rgba(203, 30, 0, 0.15);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tabs-new__item--active {
  color: #CB1E00;
  background-color: rgba(203, 30, 0, 0.1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.new__slider {
  width: 1240px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}

.new__slider--active {
  position: relative;
  opacity: 1;
  z-index: 1;
  pointer-events: all;
}

.new__sliders {
  position: relative;
  overflow: hidden;
}

.new--also .new__title {
  text-align: left;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 29px;
}

.new--also .new__tabs {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

@media screen and (max-width: 1260px) {
  .new__slider {
    width: 100%;
  }
  .new {
    margin: 50px 0;
  }
}

@media screen and (max-width: 767px) {
  .new {
    margin: 35px 0;
  }
  .new__tabs {
    max-width: 100%;
    margin-bottom: 15px;
    overflow: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0;
  }
  .new__tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .new__tabs::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .new__tabs::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
  .tabs-new__item {
    margin-right: 6px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    font-size: 14px;
    line-height: 16px;
    padding: 9px 6px;
  }
  .tabs-new__item:last-child {
    margin-right: 0;
  }
}

.catalog {
  margin-bottom: 100px;
}

.catalog__content {
  display: grid;
  grid-template-columns: 214px 1fr;
  grid-gap: 40px;
}

.filter__compare {
  margin-bottom: 27px;
}

.compare-filter__title {
  margin-bottom: 13px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #181818;
}

.compare-filter__list {
  margin-bottom: 13px;
  display: grid;
  grid-gap: 8px;
}

.compare-filter__item {
  display: grid;
  grid-template-columns: 10px 58px 1fr;
  grid-gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.compare-filter__item-cancel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.compare-filter__item-cancel svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare-filter__item-cancel:hover svg path {
  fill: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare-filter__item-image img {
  width: 58px;
  height: 58px;
  -o-object-fit: contain;
     object-fit: contain;
}

.compare-filter__item-link {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare-filter__item-link:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare-filter__to-compare {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  line-height: 17px;
  color: #CB1E00;
  font-weight: 500;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background-color: rgba(203, 30, 0, 0.1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare-filter__to-compare:hover {
  background-color: rgba(52, 161, 43, 0.1);
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.filter__accrodion {
  border: none;
}

.filter__accrodion .accrodion__header {
  padding: 7px 0 8px 0;
}

.filter__accrodion .accrodion__body {
  padding: 0;
  margin: 15px 0 27px 0;
  background-color: #ffffff;
}

.filter__accrodion .accrodion__body-content {
  max-height: 100%;
}

.filter__accrodion .accrodion__header {
  border-bottom: 1px solid #e8e8e8;
}

.filter__accrodion .accrodion__body-checkboxes .accrodion__body-content {
  display: grid;
  grid-gap: 10px;
}

.filter__form-checkbox .form__checkbox-text {
  color: rgba(24, 24, 24, 0.8);
}

.filter__rating .filter__rating-list {
  grid-gap: 5px;
  pointer-events: none;
}

.filter__rating .checkboxes-reviews__checkbox {
  width: 13px;
  height: 13px;
}

.filter__reset {
  margin-top: 27px;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  cursor: pointer;
}

.filter__reset:hover .filter__reset-title {
  color: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.filter__reset:hover .filter__reset-icon svg path {
  fill: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.filter__reset-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.filter__reset-icon svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.filter__reset-title {
  font-size: 14px;
  line-height: 16px;
  color: #34A12B;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  text-decoration: underline;
}

.catalog__justText {
  margin-top: 70px;
  margin-bottom: 63px;
  font-size: 15px;
  line-height: 24px;
  color: rgba(24, 24, 24, 0.8);
}

.catalog__justText p {
  margin-bottom: 15px;
}

.catalog__justText h2{margin: 10px 0;}
.catalog__justText h3{margin: 10px 0;}
.catalog__justText ul{
    padding-inline-start: 40px;
    list-style: initial;
    margin: initial;
}

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

.jotting-catalog__list-item {
  max-width: 300px;
  width: 100% !important;
}

.jotting-catalog__slider {
  padding-bottom: 0;
  width: 100%;
}

.jotting-catalog__slider .swiper-fraction {
  display: none;
}

.jotting-catalog__title {
  text-align: left;
}

.catalog__list {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
}

.catalog__viewed-text {
  font-size: 15px;
  line-height: 18px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.catalog__viewed-text span {
  color: #34A12B;
  font-weight: 700;
}

.catalog__footer {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: minmax(280px, 407px) 1fr -webkit-max-content;
  grid-template-columns: minmax(280px, 407px) 1fr max-content;
}

.catalog__show-more {
  justify-self: end;
}

.catalog__show-more .show-more__button {
  padding: 11px 29px;
}

.filter__accrodion-range .accrodion__body {
  margin-top: 0;
}

.filter__accrodion-range .accrodion__body-content {
  padding-top: 23px;
  overflow: initial;
}

.catalog__tags {
  margin-bottom: 35px;
}

.catalog__list--wide {
  grid-template-columns: 1fr;
}

.catalog__leaders {
  margin-bottom: 40px;
  border: 1px solid #34A12B;
  background-color: #fff;
  padding: 35px 22px 22px 22px;
  background-color: rgba(52, 161, 43, 0.1);
}

.filterMobile__close-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.filterMobile__close {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid #E8E8E8;
}

.filterMobile {
  opacity: 0;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  pointer-events: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: -100%;
  height: 100vh;
  overflow: auto;
  background-color: #ffffff;
}

.filter__form-checkbox {
  position: relative;
}

.filter__form-balloon {
  background-color: #ffffff;
  position: absolute;
  right: -80%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: grid;
  grid-template-columns: 120px 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 8px rgba(29, 24, 24, 0.28);
          box-shadow: 0px 0px 8px rgba(29, 24, 24, 0.28);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-size: 13px;
}

.filter__form-balloon--active {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.filter-balloon__title {
  padding: 5px;
  text-align: center;
  font-weight: 500;
}

.filter-balloon__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: #CB1E00;
  color: #ffffff;
}

.filter__range{
    position: relative;
}

@media screen and (max-width: 1260px) {
  .filterMobile--active {
    left: 0;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
  }
  .filterMobile__content {
    padding-bottom: 23px;
  }
  .filter__compare {
    padding: 10px;
    margin-bottom: 18px;
  }
  .compare-filter__list {
    display: grid;
    grid-template-columns: 280px 280px;
    grid-column-gap: 94px;
    grid-row-gap: 20px;
  }
  .filter__accrodion-range .filter__range {
    max-width: 280px;
  }
  .filter__accrodion-range .range__input {
    width: 120px;
  }
  .compare-filter__to-compare {
    max-width: 280px;
  }
  .filter__accrodion {
    max-width: 100%;
  }
  .filter__accrodion .accrodion__header {
    padding: 9px 0;
  }
  .filter__accrodion .accrodion__body {
    margin: 15px 0 18px 0;
  }
  .filter__accrodion .accrodion__body-checkboxes .accrodion__body-content {
    grid-template-columns: 1fr 1fr;
  }
  .catalog {
    margin-bottom: 65px;
  }
  .catalog__side {
    display: none;
  }
  .catalog__content {
    grid-template-columns: 1fr;
  }
  .catalog__list {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }
  .catalog__list .cards__slider-item {
    max-width: 100%;
  }
  .catalog__leaders {
    margin-bottom: 35px;
    padding: 21px 18px 24px 18px;
  }
  .catalog__tags {
    margin-bottom: 21px;
  }
  .jotting-catalog__slider {
    padding-bottom: 20px;
  }
  .jotting-catalog__slider .swiper-fraction {
    display: block;
  }
  .jotting-catalog__list-item {
    max-width: 353px;
  }
  .catalog__justText {
    margin: 50px 0 50px;
  }
  .catalog__footer {
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 15px;
  }
  .catalog__pagination {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .catalog__viewed {
    grid-column-start: 3;
    justify-self: end;
    grid-column-end: 4;
  }
  .catalog__show-more {
    justify-self: center;
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .catalog__list--wide {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
}

@media screen and (max-width: 767px) {
  .catalog {
    margin-bottom: 50px;
  }
  .catalog__list .cards__slider-item {
  }
  .catalog__title {
    margin-bottom: 16px;
  }
  .catalog__leaders {
    padding: 14px 20px 20px 20px;
    margin: 0 -20px 25px -20px;
  }
  .catalog__list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .catalog__viewed {
    display: none;
  }
  .catalog__footer {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .catalog__pagination {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    grid-column-start: auto;
    grid-column-end: auto;
    grid-row-start: auto;
    grid-row-end: auto;
  }
  .catalog__show-more {
    grid-column-start: auto;
    grid-column-end: auto;
  }
  .catalog__show-more .show-more__button {
    padding: 10px 27px;
  }
  .jotting-catalog__slider {
    max-width: 280px;
  }
  .catalog__tags {
    margin-bottom: 20px;
  }
  .compare-filter__list {
    grid-template-columns: 1fr;
    grid-gap: 9px;
  }
  .filter__accrodion-range .accrodion__body-content {
    padding-top: 5px;
  }
  .filter__accrodion .accrodion__header {
    padding: 5px 0;
    min-height: 36px;
  }
  .filter__accrodion .accrodion__body-checkboxes .accrodion__body-content {
    grid-template-columns: 1fr;
  }
  .jotting-catalog__title {
    text-align: center;
  }
  .filter__form-balloon {
    left: 0;
    top: -157%;
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 576px) {
    .catalog__list {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 450px) {
  .catalog__list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  .catalog__list .cards__slider-item {
    max-width: 100%;
  }
}

.news {
  margin: 70px 0 70px 0;
}

.news__content {
  display: grid;
}

.news__slider {
  width: 100%;
}

.news__slider-item {
  max-width: 290px;
  width: 100%;
}

.news-item:hover .news-item__title {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.news-item__bottom {
  border: 1px solid #E8E8E8;
  padding: 20px 25px 20px 25px;
  min-height: 169px;
  position: relative;
}

.news-item__link {
  height: 100%;
  display: block;
}

.news-item__date {
  padding-bottom: 13px;
  font-size: 12px;
  line-height: 14px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  position: relative;
}

.news-item__date::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 85px;
  height: 1px;
  background-color: #E8E8E8;
}

.news-item__image {
  overflow: hidden;
}

.news-item__image img {
  width: 100%;
  height: 177px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.news-item__title {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-top: 9px;
  font-size: 16px;
  line-height: 20px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.news__slider-item--wide {
  width: 100% !important;
  max-width: 340px;
}

.news__slider-item--wide .news-item__image img {
  height: 222px;
}

.news__slider-item--wide .news-item__bottom {
  min-height: 124px;
}

.news__to-all {
  justify-self: center;
  margin-top: -8px;
  transition: 0.7s;
}

.news-item__top {
  position: relative;
}

.news-item__favourite {
  top: 22px;
  right: 21px;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
}

.news-item__favourite:hover svg path {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.news-item__favourite svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.news-item__favourite--active svg path {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.news-item__viewed {
  position: absolute;
  right: 25px;
  top: 19px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.news-item__viewed-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.news-item__viewed-number {
  font-size: 12px;
  line-height: 14px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 1260px) {
  .news__slider-wrapper {
    max-width: 728px;
  }
  .news__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .news__title {
    justify-self: center;
  }
  .news {
    margin: 50px 0 50px 0;
  }
  .news__slider {
    margin-bottom: 30px;
    width: 100%;
  }
  .news__slider-item {
    max-width: 349px;
    width: 100% !important;
  }
  .news-item__image img {
    height: 222px;
  }
  .news-item__bottom {
    min-height: 124px;
  }
  .news__to-all {
    margin-top: 0;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  .news {
    margin: 35px 0;
  }
  .news-item__bottom {
    min-height: 115px;
    padding: 15px 20px 20px 20px;
  }
  .news__slider-item {
    max-width: 274px;
  }
  .news-item__favourite {
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
  }
}

.gallery {
  display: grid;
  grid-template-columns: 160px 1fr;
  grid-gap: 15px;
  max-height: 532px;
  position: relative;
}

.gallery__navigation {
  position: absolute;
  bottom: 0px;
  display: grid;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-auto-flow: column;
  grid-gap: 76px;
}

.side-gallery__slide {
  width: 152px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 97px;
  border: 1px solid #E8E8E8;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.side-gallery__slide.swiper-slide-active {
  border: 1px solid #34A12B;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.side-gallery__image img {
  width: 152px;
  height: 152px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.gallery__side {
  max-height: 490px;
}

.side-gallery__slider {
  max-height: 433px;
}

.gallery__main {
  max-width: 530px;
  border: 1px solid #E8E8E8;
  position: relative;
}

.gallery__main:hover .main-gallery__scroll {
  opacity: 0;
  pointer-events: all;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.gallery__main .mouse-top {
  -webkit-animation: mouseUp 0.9s linear infinite alternate;
          animation: mouseUp 0.9s linear infinite alternate;
}

.gallery__main .mouse-down {
  -webkit-animation: mouseUp 0.9s 0.9s linear infinite alternate;
          animation: mouseUp 0.9s 0.9s linear infinite alternate;
}

@-webkit-keyframes mouseUp {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    fill: #34A12B;
  }
  100% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
    fill: transparent;
  }
}

@keyframes mouseUp {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    fill: #34A12B;
  }
  100% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
    fill: transparent;
  }
}

.main-gallery__scroll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0px;
  top: 20px;
  z-index: 3;
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  pointer-events: all;
}

.main-gallery__image img {
  width: 530px;
  height: 530px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.main-gallery__slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.main-gallery__label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 9px;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #34A12B;
}

.gallery__main .swiper-pagination {
  display: none;
}

@media screen and (max-width: 1260px) {
  .main-gallery__scroll {
    display: none;
  }
  .gallery__main {
    max-width: 550px;
  }
  .main-gallery__image img {
    width: 530px;
  }
  .gallery__navigation {
    display: none;
  }
  .gallery {
    padding-bottom: 0;
  }
  .side-gallery__slider{
      max-height: 530px;
  }
    .gallery__side {
      max-height: 530px;
    }
}

@media screen and (max-width: 767px) {
    .gallery {
        grid-template-columns: 1fr;
        max-height: initial;
    }
    .gallery__main {
        margin: 0;
        max-width: inherit;
    }
    .gallery__main .swiper-pagination {
        display: block;
        bottom: 2px;
    }
    .gallery__main .swiper-pagination-bullet {
        margin: 0 7px;
        background-color: rgba(52, 161, 43, 0.4);
        opacity: 1;
    }
    .gallery__main .swiper-pagination-bullet-active {
        background-color: #34A12B;
    }
    .gallery__side {
        display: none;
    }
    .main-gallery__image img {
        width: 100%;
        height: auto;
    }
    .main-gallery__slide {
        padding: 0 0 25px 0;
    }
    .main-gallery__label {
        font-size: 12px;
        line-height: 15px;
        padding: 1px 2px;
    }
}

.product {
  margin-bottom: 70px;
}

.product__info {
  margin-bottom: 16px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 29px;
  grid-template-columns: 0.1fr 0.1fr 0.1fr 1fr;
}

.product__article {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 3px;
}

.product__article-title {
  font-size: 14px;
  line-height: 16px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.product__article-number {
    font-size: 14px;
    line-height: 16px;
    font-family: "roboto", Arial, Helvetica, sans-serif;
    cursor: pointer;
    position: relative;
}
.product__article-number:after {
    content: '⧉';
    display:none;
    position: absolute;
    right: -15px;
}
.product__article-number:hover:after {
    display:inline-block;
}
.product__article-number_alert{
    position:fixed;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background: rgba(0,0,0,0.6);
    color: #eee;
    padding: 5px 15px;
    display: none;
}

.product__favourite {
  cursor: pointer;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 5px;
}

.product__favourite:hover .product__favourite-text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__favourite-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product__favourite-text {
  font-size: 13px;
  line-height: 15px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__favourite .in_favorites{display: none;}
.product__favourite .not_in_favorites{display: flex;}
.product__favourite.product__favourite_exist .in_favorites{display: flex;color:#34A12B;}
.product__favourite.product__favourite_exist .not_in_favorites{display: none;}

.product__favourite .cards-item__option-icon svg{width: 16px;height: 16px;}

.product__compare {
  cursor: pointer;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 6px;
}

.product__compare:hover .product__compare-text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__compare-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product__compare-text {
  font-size: 13px;
  line-height: 15px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__notAvailable {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 8px;
}

.product__notAvailable-text {
  font-size: 14px;
  line-height: 16px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.product__notAvailable-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product__Available {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 5px;
}

.product__Available-text {
  font-size: 14px;
  line-height: 16px;
  color: #34A12B;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.product__Available-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product__top {
  margin-bottom: 53px;
  display: grid;
  grid-template-columns: 730px 1fr;
  grid-gap: 47px;
}

.product__tabs {
  margin-bottom: 30px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  border-bottom: 1px solid #E8E8E8;
}

.product__tab {
  padding: 11px 14px;
  font-size: 15px;
  line-height: 18px;
  color: #888888;
  cursor: pointer;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  -webkit-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.product__tab:hover:not(.product__tab--active) {
  color: #CB1E00;
}

.product__tab--active {
  color: #CB1E00;
  border-bottom: 2px solid #CB1E00;
  background-color: rgba(203, 30, 0, 0.1);
}

.product__section {
  display: none;
}

.product__section--active {
  display: block;
}

.product-section__title {
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  margin-bottom: 15px;
}

.product-description__text,
.product-characteristics,
.product-delivery{
  font-size: 15px;
  line-height: 24px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: rgba(24, 24, 24, 0.8);
}

.product-description__text h2,.product-description__text h3,.product-description__text h4,
.product-characteristics h2, .product-characteristics h3, .product-characteristics h4,
.product-delivery h2, .product-delivery h3, .product-delivery h4{
    margin: 10px 0;
}
.product-description__text p,
.product-characteristics p,
.product-delivery p{
    margin: 5px 0;
}
.product-description__text a,
.product-characteristics a,
.product-delivery a{
    color: #34A12B;
    text-decoration: underline;
}
.product-description__text ul,
.product-characteristics ul,
.product-delivery ul{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.product-description__text ol,
.product-characteristics ol,
.product-delivery ol{
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.product__section-reviews {
}

.product-reviews__list {
  display: grid;
  grid-gap: 30px;
}

.product-reviews__list .review__reply {
  margin-right: 35px;
}
@media screen and (max-width: 760px){
  .product__section-characteristics{
    text-align: center;
  }
}
.product__section-characteristics {
  max-width: 760px;
}

.product__section-characteristics h2,.product__section-characteristics h3,.product__section-characteristics h4{
    margin: 10px 0;
}
.product__section-characteristics table{
    border: solid 1px #ccc;
    border-bottom: 0;
    border-right: 0;
    max-width: 100%;
    width: 100% !important;
}
.product__section-characteristics table tr:nth-child(2n){
    background: #eeeeee;
}
.product__section-characteristics table td,.product__section-characteristics table th{
    border: solid 1px #ccc;
    border-top: 0;
    border-left: 0;
    padding: 3px;
}
.product__section-characteristics table th{
    font-weight: bold;
}


.product__section-delivery h2,.product__section-delivery h3.product__section-delivery h4{
    margin: 10px 0;
}
.product__section-delivery table{
    border: solid 1px #ccc;
    border-bottom: 0;
    border-right: 0;
    max-width: 100%;
}
.product__section-delivery table tr:nth-child(2n){
    background: #eeeeee;
}
.product__section-delivery table td,.product__section-delivery table th{
    border: solid 1px #ccc;
    border-top: 0;
    border-left: 0;
    padding: 3px;
}
.product__section-delivery table th{
    font-weight: bold;
}

.product__section-delivery img{
    max-width: 100%;
    height: auto;
    display: inline-block;
}


.product-characteristics__table {
  border: 1px solid #E8E8E8;
  display: grid;
}

.characteristics-table__row {
  border-bottom: 1px solid #E8E8E8;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.characteristics-table__row:last-child {
  border: none;
}

.characteristics-table__cell {
  padding: 13px 20px;
  font-size: 15px;
  line-height: 20px;
  color: rgba(24, 24, 24, 0.8);
  border-right: 1px solid #E8E8E8;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.characteristics-table__cell:last-child {
  border: none;
}

.characteristics-table__row--headliner {
  background-color: #F8F8F8;
  border-bottom: none;
}

.characteristics-table__row--headliner .characteristics-table__cell {
  padding: 6px 20px;
  border: none;
  text-align: center;
  font-size: 15px;
  line-height: 18px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.characteristics-table__row--headliner .characteristics-table__cell a {
  color: #34A12B;
  text-decoration: underline;
}

.characteristics-table__row--headliner .characteristics-table__cell a:hover {
  text-decoration: none;
}

.characteristics-table__cell--center {
  text-align: center;
}

.characteristics-table__cell--long {
  grid-column-start: 2;
  grid-column-end: 5;
}

.characteristics-table__issue {
  margin-bottom: 3px;
}

.characteristics-table__issue:last-child {
  margin-bottom: 0;
}

.characteristics-table__issue-title {
  font-family: "montserrat", Arial, Helvetica, sans-serif;
  color: #181818;
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  margin-bottom: 3px;
}

.characteristics-table__issue-text {
  font-size: 15px;
  line-height: 22px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: rgba(24, 24, 24, 0.8);
}

.product__options {
  grid-gap: 40px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  cursor: pointer;
}

.product__option {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 9px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__option:hover .product__option-text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__option:hover .product__option-icon svg path, .product__option:hover .product__option-icon svg rect {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__option-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product__option-icon svg path, .product__option-icon svg rect {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__option-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #CB1E00;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product .cards-item__opinion {
  margin-bottom: 23px;
}

.product__counter {
  margin-top: 15px;
}

.product__counter .counter__item--result .counter__input {
  background-color: #F8F8F8;
}

.product__prices {
  margin-top: 10px;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 14px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.product__price-current {
  font-size: 30px;
  line-height: 27px;
  color: #181818;
  font-weight: 700;
}

.product__price-current span {
  font-size: 20px;
  line-height: 24px;
}

.product__price-current--red {
  color: #CB1E00;
}

.product__price-old {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: rgba(136, 136, 136, 0.8);
  position: relative;
}

.product__price-old::after {
  content: "";
  width: -webkit-calc(100% + 5px);
  width: calc(100% + 5px);
  height: 1px;
  position: absolute;
  background-color: #888888;
  left: -2px;
  top: 55%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.product__price-old span {
  font-size: 12px;
  line-height: 15px;
}

.product__buttons {
  margin: 15px 0;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.product__button {
  min-width: 190px;
  padding: 16px;
}

.product__button-click {
  background-color: #ffffff;
  border: 1px solid #CB1E00;
  color: #CB1E00;
}

.product__button-click:hover {
  background-color: #CB1E00;
  color: #ffffff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__button-buy svg {
  margin-right: 9px;
}

.product__button-buy.product__button-buy_done{
    background-color: #34A12B;
}

.product__button-buy .in_cart{
    display: none;
}
.product__button-buy .not_in_cart{
    display: block;
}

.product__button-buy.product__button-buy_done .in_cart{
    display: block;
}
.product__button-buy.product__button-buy_done .not_in_cart{
    display: none;
}

.product__features {
  display: grid;
  grid-gap: 34px;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__feature-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product__feature {
  display: grid;
  grid-gap: 7px;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__feature:hover .product__feature-text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__feature-text {
  font-size: 14px;
  line-height: 16px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__feature-text span {
  color: #181818;
}

.product__rectangle {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__rectangle-left {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product__rectangle-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
}

.product__rectangle-text svg {
  margin-left: 3px;
}

.product__rectangle--green {
  background-color: rgba(52, 161, 43, 0.2);
}

.product__rectangle--green .product__rectangle-text {
  color: #34A12B;
}

.product__rectangle--green .product__rectangle-left {
  background-color: #34A12B;
  height: 100%;
  padding: 0 8px;
}

.product__rectangle--orange {
  background-color: rgba(243, 122, 31, 0.2);
}

.product__rectangle--orange .product__rectangle-left {
  background-color: #F37A1F;
  height: 100%;
  padding: 0 8px;
}

.product__rectangle--orange .product__rectangle-text {
  color: #F37A1F;
}

.product__rectangles {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
}

.product__rectangle-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 10px;
  white-space: nowrap;
}

.product__chars {
  margin-bottom: 21px;
}

.chars-product__more {
  font-size: 14px;
  line-height: 16px;
  color: #34A12B;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  text-decoration: underline;
}

.chars-product__more:hover {
  text-decoration: none;
}

.chars-product__list {
    margin-bottom: 12px;
    column-count: 2;
    column-gap: 4%;
}

.chars-product__item {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr 200px;
  grid-template-columns: max-content 1fr 200px;
}

.chars-product__item-title {
  font-family: "roboto", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 25px;
  color: #888888;
}

.chars-product__item-value {
  padding-left: 8px;
  font-size: 14px;
  line-height: 25px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.chars-product__item-value a {
  text-decoration: underline;
}

.chars-product__item-dots {
  position: relative;
  margin-left: 8px;
}

.chars-product__item-dots::after {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #888888;
  position: absolute;
  left: 0;
  top: 15px;
}

@media screen and (max-width: 1260px) {
  .product {
    margin-bottom: 43px;
  }
  .product__mobile-block {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product__rectangles {
    margin-bottom: 0;
  }
  .product__top {
    grid-template-columns: 1fr;
    grid-gap: 30px;
    margin-bottom: 30px;
  }
  .product .cards-item__opinion {
    margin-bottom: 21px;
  }
  .product__right {
    display: grid;
  }
  .product-reviews__list .review__reply {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .product {
    margin-bottom: 28px;
  }
  .product__title {
    margin-bottom: 10px;
  }
  .product__info {
    margin-bottom: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: dense;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .product__compare {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .product__top {
    grid-gap: 15px;
  }
  .product__options {
    grid-gap: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
  }
  .product .cards-item__opinion {
    margin-bottom: 15px;
  }
  .product__option {
    grid-gap: 6px;
  }
  .product__mobile-block {
    grid-auto-flow: dense;
    grid-gap: 0;
  }
  .product__buttons {
    grid-auto-flow: dense;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    grid-gap: 10px;
  }
  .product__features {
    grid-gap: 7px;
    grid-auto-flow: dense;
  }
  .product__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    margin-bottom: 20px;
  }
  .product__tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .product__tabs::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .product__tabs::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
  .product__counter {
    margin-top: 15px;
  }
  .product__prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    grid-gap: 0;
  }
  .product__price-current {
    margin-right: 12px;
  }
  .product__tab {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .product__rectangles {
    grid-gap: 10px;
    justify-items: start;
  }
  .product__button {
    width: 100%;
  }
  .chars-product__item {
    grid-template-columns: -webkit-max-content 1fr 140px;
    grid-template-columns: max-content 1fr 140px;
  }
  .product-reviews__list {
    grid-gap: 20px;
  }
  .product-characteristics__table-wrapper {
    overflow: auto;
    padding-bottom: 5px;
  }
  .product-characteristics__table-wrapper::-webkit-scrollbar {
    height: 1px;
    width: 100%;
  }
  .product-characteristics__table-wrapper::-webkit-scrollbar-track {
    background-color: #e8e8e8;
  }
  .product-characteristics__table-wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 15px;
            border-radius: 15px;
    background-color: #34A12B;
  }
  .product-characteristics__table {
    width: 680px;
  }
  .characteristics-table__cell {
    padding: 8px 15px;
  }

    .chars-product__list {
        column-count: 1;
        column-gap: 0%;
    }
}
@media screen and (max-width: 410px) {
    .product__rectangles{grid-auto-flow: dense;}
}

.cards__item {
  max-width: 236px;
  width: 100% !important;
  border: 1px solid #E8E8E8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #ffffff;
}

.cards__item:hover {
  border: 1px solid #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cards__item:hover .cards-item__link {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cards-item__top {
  display: block;
  position: relative;
  height: 175px;
}

.cards-item__label_in_stock {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 10px 4px 25px;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #34A12B;
  background: url('https://img.kuzmich24.ru/templates/kuzmich24_2021/img/card/card__button-done.svg') 8px center no-repeat rgba(255,255,255,0.6);
  background-size: 12px 12px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.cards-item__label_in_stock:before {
    content: 'В наличии';
    white-space: nowrap;
}

.cards-item__label {
  position: absolute;
  top: 28px;
  left: 0;
  padding: 3px 10px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #ffffff;
  background-color: #34A12B;
}
.cards-item__label_orange{
  position: absolute;
  top: 28px;
  left: 0;
  padding: 3px 10px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #ffffff;
  background-color: #F37A1F;
}

.cards-item__sale {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 3px 8px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #ffffff;
  background-color: #F37A1F;
}

.cards-item__image {
  overflow: hidden;
}

.cards-item__image img {
  width: 100%;
  height: 175px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cards-item__middle {
  padding: 10px 15px;
}

.cards-item__link {
  margin-bottom: 5px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cards-item__article {
  margin-bottom: 7px;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 3px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.cards-item__article-title {
  font-size: 13px;
  line-height: 15px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #888888;
}

.cards-item__article-number {
  font-size: 14px;
  line-height: 16px;
  color: #181818;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  cursor: pointer;
  position: relative;
}

.cards-item__article-number:after {
    content: '⧉';
    display:none;
    position: absolute;
    right: -15px;
}
.cards-item__article-number:hover:after {
    display:inline-block;
}
.cards-item__article-number_alert{
    position:fixed;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background: rgba(0,0,0,0.6);
    color: #eee;
    padding: 5px 15px;
    display: none;
}

.cards-item__category {
  margin-top: -7px;
  margin-bottom: 7px;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 3px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.cards-item__category-title {
  font-size: 12px;
  line-height: 14px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #888888;
}

.cards-item__category-name {
  font-size: 12px;
  line-height: 14px;
  color: #181818;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.cards-item__category .cards-item__category-title:before{content:'Раздел:';white-space: nowrap;}


.cards-item__opinion {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.cards-item__stars {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.cards-item__star {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cards-item__star.cards-item__star_fill svg path{
    fill: #34A12B;
}

.cards-item__reviews {
  font-size: 14px;
  line-height: 15px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.cards-item__reviews:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cards-item__bottom {
  padding: 0 15px 5px 15px;
}

.cards-item__prices {
  margin-bottom: 6px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 5px;
}

.cards-item__price-current {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 21px;
  line-height: 27px;
  font-weight: 700;
  color: #181818;
}

.cards-item__price-current span {
  margin-left: 2px;
  font-size: 12px;
  line-height: 15px;
}

.cards-item__price-current--red {
  color: #CB1E00;
}

.cards-item__price-total {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: rgba(136, 136, 136, 0.8);
  text-decoration: line-through;
  letter-spacing: -0.6px;
}

.cards-item__price-total span {
  margin-left: 2px;
  font-size: 10px;
  line-height: 12px;
}

.cards-item__button {
  margin-bottom: 11px;
  padding: 10px 15px;
  width: 100%;
  transition: 0.5s;
}

.cards-item__button img {
  margin-right: 9px;
}

.cards-item__button svg {
  margin-right: 9px;
}

.cards-item__button--disable {
  pointer-events: none;
  background-color: #888888;
}

.cards-item__button--disable img {
  display: none;
}

.cards-item__button--disable svg {
  display: none;
}

.cards-item__button--done {
  background-color: rgba(52, 161, 43, 0.1);
  color: #34A12B;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
}
.cards-item__button--done:hover {
    background-color: rgba(52, 161, 43, 0.1);
}

.cards-item__button .ready_to_buy{
    display: block;
}
.cards-item__button .already_purchased{
    display: none;
}
.cards-item__button.cards-item__button--done .ready_to_buy{
    display: none;
}
.cards-item__button.cards-item__button--done .already_purchased{
    display: block;
}

.cards-item__button p.ready_to_buy:before{content:'В корзину';white-space: nowrap;}
.cards-item__button p.already_purchased:before{content:'В корзине';white-space: nowrap;}

.cards-item__options {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 17px;
}

.cards-item__option {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.cards-item__option:hover .cards-item__option-text {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #34A12B;
}

.cards-item__option-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cards-item__option-text {
  font-size: 13px;
  line-height: 15px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #888888;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cards__item--wide {
  max-width: 100%;
  display: grid;
  grid-template-columns: 200px 1fr 210px;
  grid-gap: 52px;
}

.cards__item--wide .cards-item__middle {
  display: grid;
  padding: 18px 0 20px 0;
}

.cards__item--wide .cards-item__link {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.cards__item--wide .cards-item__opinion {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 15px;
}

.cards__item--wide .cards-item__article {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  margin-bottom: 0;
}

.cards__item--wide .cards-item__category {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  margin-bottom: 0;
}

.cards__item--wide .cards-item__image img {
  height: 158px;
  width: 200px;
}

.cards__item--wide .cards-item__top {
  height: 158px;
}

.cards__item--wide .cards-item__bottom {
  padding: 20px 26px 20px 0;
}

.cards__item--wide .cards-item__button {
  margin-bottom: 25px;
}

.cards__item--wide .cards-item__prices {
  margin-bottom: 11px;
}

.cards-item__stock {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 8px;
}

.cards-item__stock-text {
  font-size: 14px;
  line-height: 16px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #34A12B;
}

.cards-item__bonus {
  margin-top: 10px;
  grid-gap: 2px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cards-item__bonus-title {
  font-size: 14px;
  line-height: 18px;
  color: #181818;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.cards-item__bonus-value {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #34A12B;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.cards-item__compare-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  z-index: 2;
}

@media screen and (max-width: 1260px) {
  .cards__item {
    max-width: 230px;
  }
  .cards__item--wide {
    grid-gap: 20px;
    grid-template-columns: 166px 1fr 210px;
  }
  .cards__item--wide .cards-item__image img {
    width: 166px;
  }
}

@media screen and (max-width: 767px) {
  .cards__item {
    max-width: 170px;
  }
  .cards-item__image img {
    height: auto;
  }
  .cards-item__top {
    height: auto;
  }
  .cards-item__label {
    font-size: 12px;
    line-height: 15px;
    padding: 0 4px;
  }
  .cards-item__sale {
    font-size: 12px;
    line-height: 15px;
    padding: 0 4px;
  }
  .cards-item__middle {
    padding: 6px 10px 5px 10px;
  }
  .cards-item__link {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
  }
  .cards-item__article-title {
    font-size: 10px;
    line-height: 12px;
  }
  .cards-item__article-number {
    font-size: 10px;
    line-height: 15px;
  }
  .cards-item__article {
    margin-bottom: 5px;
  }

  .cards-item__category-title {
    font-size: 10px;
    line-height: 12px;
  }
  .cards-item__category-name {
    font-size: 10px;
    line-height: 15px;
  }
  .cards-item__category {
    margin-bottom: 5px;
  }
  .cards-item__opinion {
    grid-gap: 4px;
  }
  .cards-item__price-current {
    font-size: 15px;
    line-height: 18px;
  }
  .cards-item__price-current span {
    font-size: 9px;
    line-height: 11px;
  }
  .cards-item__prices {
    grid-template-columns: 1fr;
    grid-auto-flow: dense;
    grid-gap: 0;
    min-height: 31px;
  }
  .cards-item__price-total {
    font-size: 11px;
    line-height: 13px;
  }
  .cards-item__price-total span {
    font-size: 7px;
    line-height: 9px;
  }
  .cards-item__bottom {
    padding: 0 10px 10px 10px;
  }
  .cards-item__button {
    margin-bottom: 6px;
    font-size: 11px;
    line-height: 15px;
    padding: 10px;
    width: 100%;
  }
  .cards-item__button img {
    width: 13px;
    height: 12px;
    margin-right: 4px;
  }
  .cards-item__option-text {
    font-size: 13px;
    line-height: 10px;
  }
  .cards-item__options {
    grid-gap: 7px;
  }
  .cards-item__option-icon svg {
    width: 9px;
    height: 9px;
  }
  .cards-item__option {
    grid-gap: 3px;
  }
  .cards-item__bonus {
    margin-top: 6px;
  }
  .cards-item__bonus-title {
    font-size: 11px;
    line-height: 22px;
  }
  .cards-item__bonus-value {
    font-size: 11px;
    line-height: 22px;
  }
  .cards-item__stock {
    display: none;
  }
  .cards__item--wide {
    all: unset;
  }
  .cards__item--wide .cards-item__image img {
    all: unset !important;
  }
}

@media screen and (max-width: 420px) {
  .cards-item__options {
    grid-auto-flow: row;
  }
}

.basket {
  margin-bottom: 66px;
}

.basket__header {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.basket__add-toggle {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  cursor: pointer;
}

.basket__add-toggle:hover .basket__add-icon svg path {
  fill: #34A12B;
}

.basket__add-toggle:hover .basket__add-text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__add-toggle--active .basket__path-hidden {
  display: none;
}

.basket__add-toggle--active .basket__add-icon svg path {
  fill: #34A12B;
}

.basket__add-toggle--active .basket__add-text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__add-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.basket__add-icon svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__add-text {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #CB1E00;
}

.basket__add-form {
  margin-top: 10px;
  max-width: 210px;
  display: none;
  grid-gap: 10px;
}

.basket__add-form--active {
  display: grid;
}

.basket__add-button {
  width: 100%;
}

.basket__print {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 9px;
  cursor: pointer;
}

.basket__print:hover .basket__print-icon svg path {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__print:hover .basket__print-text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__print-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.basket__print-icon svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__print-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-decoration: underline;
  color: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__body {
  margin-bottom: 27px;
}

.tableBasket__row-headeliner {
  padding: 17px 20px 16px 22px;
  background-color: #F8F8F8;
  border: none;
}

.tableBasket__row-headeliner .tableBasket__cell {
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.tableBasket__row {
  padding: 16px 21px;
  grid-gap: 10px;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: minmax(14px, 29px) minmax(101px, 112px) minmax(140px, 306px) minmax(51px, 111px) minmax(90px, 150px) minmax(132px, 192px) minmax(66px, 113px) minmax(40px, 92px) -webkit-min-content;
  grid-template-columns: minmax(14px, 29px) minmax(101px, 112px) minmax(140px, 306px) minmax(51px, 111px) minmax(90px, 150px) minmax(132px, 192px) minmax(66px, 113px) minmax(40px, 92px) min-content;
  border-bottom: 1px solid #e8e8e8;
}

.tableBasket__cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tableBasket__cell--left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
    display: block;
}

.tableBasket__cell--left .not_in_stock{
    font-size: 13px;
    color: #f00;
    font-style: italic;
    line-height: 15px;
    padding: 2px 0;
}

.tableBasket__number {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.tableBasket__image img {
  width: 110px;
  height: 98px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.tableBasket__name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tableBasket__name:hover {
  color: #34A12B;
}

.tableBasket__article {
  font-size: 14px;
  line-height: 16px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #181818;
}

.tableBasket__price {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #181818;
}

.tableBasket__price .old_price{
  font-size: -1;
  color: #ccc;
  text-decoration: line-through;
}
.tableBasket__price .old_price b,
.tableBasket__price .old_price span{
  color: #ccc;
}

.tableBasket__price .new_price{
  color: #f00;
}

.tableBasket__price span {
  font-size: 13px;
  line-height: 16px;
}

.tableBasket__total {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #181818;
}

.tableBasket__total span {
  font-size: 13px;
  line-height: 16px;
}

.tableBasket__weight {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.tableBasket__cancel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.tableBasket__cancel svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tableBasket__cancel:hover svg path {
  fill: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__links {
  display: grid;
  grid-gap: 6px;
}

.basket__links li a {
  font-size: 15px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 600;
  color: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__links li a:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.bonusBasket__cell-title {
  margin-bottom: 5px;
  font-size: 17px;
  line-height: 25px;
  font-weight: bold;
  color: #34A12B;
}

.basket__bonus {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
}

.bonusBasket__button {
  padding-top: 27px;
  margin-left: 4px;
  background-color: transparent;
  cursor: pointer;
  font-size: 15px;
  line-height: 18px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: #888888;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.bonusBasket__button:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__result {
  width: 100%;
  max-width: 235px;
  display: grid;
}

.result-basket__list {
  margin-bottom: 15px;
}

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

.result-basket__row-title {
  font-size: 14px;
  line-height: 25px;
  font-weight: 600;
  color: #181818;
}

.result-basket__row-value {
  font-size: 14px;
  line-height: 25px;
  color: #181818;
}

.result-basket__total {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.result-basket__total-title {
  font-size: 14px;
  line-height: 25px;
  font-weight: 600;
}

.result-basket__total-value {
  font-size: 23px;
  line-height: 23px;
  font-weight: 700;
}

.result-basket__order {
  margin-bottom: 17px;
  padding: 16px;
  width: 100%;
}

.result-basket__continue {
  margin-bottom: 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-self: flex-end;
  color: #CB1E00;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.result-basket__continue:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.result-basket__clear {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-self: flex-end;
  color: #888888;
  text-decoration: underline;
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.result-basket__clear:hover {
  color: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.basket__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.basket__empty {
  margin-bottom: 192px;
}

.empty-basket__header {
  background-color: #F8F8F8;
  margin-bottom: 25px;
  padding: 16px 21px;
  display: grid;
  grid-gap: 18px;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.empty-basket__header-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.empty-basket__header-text {
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  color: #181818;
}

.empty-basket__description {
  margin-bottom: 35px;
  font-size: 15px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.empty-basket__button {
  padding: 16px 28px;
  justify-self: start;
}

.tableBasket__cell--mobile {
  display: none;
}

@media screen and (max-width: 1260px) {
  .basket {
    margin-bottom: 55px;
  }
  .tableBasket__row {
    grid-template-columns: 22px minmax(150px, 175px) 1fr;
    grid-column-gap: 5px;
    padding: 15px 50px 20px 10px;
    border: 1px solid #E8E8E8;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .tableBasket__cell--mobile-hidden {
    display: none;
  }
  .tableBasket__cell--mobile {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 28px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2px;
  }
  .tableBasket__cell {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .tableBasket__cell:first-child {
    grid-row-start: 1;
    grid-row-end: 6;
    padding-top: 50px;
  }
  .tableBasket__cell:nth-child(2) {
    grid-row-start: 1;
    grid-row-end: 6;
  }
  .tableBasket__cell:nth-child(3) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .basket__header {
    margin-bottom: 20px;
  }
  .tableBasket__row-headeliner {
    display: none;
  }
  .basket__table {
    display: grid;
    grid-gap: 10px;
  }
  .basket__body {
    margin-bottom: 20px;
  }
  .basket__bonus {
    grid-auto-flow: dense;
  }
  .bonusBasket__button {
    padding: 0;
    justify-self: start;
  }
  .result-basket__total-value {
    font-size: 25px;
    line-height: 25px;
  }
  .bonusBasket__cell-input {
    min-width: 220px;
  }
  .tableBasket__image img {
    width: 150px;
    height: 132px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .tableBasket__number {
    width: 100%;
    text-align: center;
  }
  .tableBasket__article {
    font-size: 12px;
    line-height: 14px;
    color: #888888;
  }
  .tableBasket__article span {
    color: #181818;
  }
  .tableBasket__price {
    font-size: 12px;
    line-height: 14px;
    color: #888888;
    font-weight: 400;
  }
  .tableBasket__price b {
    color: #181818;
    font-weight: 500;
  }
  .tableBasket__price span {
    color: #181818;
    font-weight: 500;
  }
  .tableBasket__cancel {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .tableBasket__cancel::after {
    content: "Удалить";
    margin-left: 9px;
    font-size: 12px;
    line-height: 14px;
    color: #888888;
  }
  .basket__empty {
    margin-bottom: 110px;
  }
  .tableBasket__weight {
    color: #888888;
    font-size: 12px;
    line-height: 14px;
  }
  .tableBasket__weight span {
    color: #181818;
  }
}

@media screen and (max-width: 767px) {
  .basket__title {
    margin-bottom: 10px;
  }
  .empty-basket__header-text {
    font-size: 18px;
    line-height: 21px;
  }
  .empty-basket__header-icon {
    width: 28px;
    height: 28px;
  }
  .empty-basket__header-icon svg {
    width: 100%;
    height: 100%;
  }
  .empty-basket__header {
    grid-gap: 15px;
    padding: 16px 18px;
    margin-bottom: 20px;
  }
  .empty-basket__description {
    margin-bottom: 25px;
  }
  .basket__empty {
    margin-bottom: 50px;
  }
  .basket__header {
    display: grid;
    grid-gap: 10px;
  }
  .tableBasket__image img {
    width: 92px;
    height: 81px;
  }
  .tableBasket__row {
    grid-template-columns: 22px 106px 1fr;
    grid-gap: 0;
    grid-row-gap: 10px;
    padding: 15px 14px 20px 5px;
  }
  .tableBasket__name {
    font-size: 12px;
    line-height: 16px;
  }
  .tableBasket__cell {
    grid-auto-flow: dense;
    grid-gap: 5px;
  }
  .basket__footer {
    display: grid;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
  .basket__links {
    margin-bottom: 20px;
  }
  .basket__bonus {
    grid-gap: 15px;
    margin-bottom: 29px;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
  .bonusBasket__button {
    margin-left: 0;
  }
  .basket__result {
    max-width: 100%;
  }
  .result-basket__total {
    margin-bottom: 25px;
  }
  .basket {
    margin-bottom: 40px;
  }
  .tableBasket__cell:first-child {
    padding-top: 26px;
  }
}

.suggested {
  margin: 63px 0 70px 0;
}

.suggested__title {
  font-size: 25px;
  line-height: 30px;
  text-align: left;
}

.suggested--basket {
  margin-bottom: 100px;
}

.suggested__links {
  display: grid;
  margin-top: 30px;
}

.item__back {
  justify-self: start;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #CB1E00;
  text-decoration: underline;
}

.item__back:hover {
  text-decoration: none;
}

@media screen and (max-width: 1260px) {
  .suggested--basket {
    margin-bottom: 65px;
  }
  .suggested__title {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 26px;
    text-align: center;
  }
  .suggested__links {
    margin-top: 20px;
  }
  .suggested {
    margin: 50px 0 60px 0;
  }
}

@media screen and (max-width: 767px) {
  .suggested--basket {
    margin: 40px 0 50px 0;
  }
  .suggested {
    margin: 40px 0 50px 0;
  }
}

.leaders__slider {
  max-width: 940px;
  overflow: hidden;
}

.leaders__title {
  font-size: 25px;
  line-height: 25px;
  color: #34A12B;
  margin-bottom: 20px;
}

@media screen and (max-width: 1260px) {
  .leaders__slider {
    max-width: 692px;
    width: 100%;
  }
  .leaders__slider .cards__slider-item {
    max-width: 224px;
  }
}

@media screen and (max-width: 767px) {
  .leaders__slider {
    max-width: 422px;
  }
  .leaders__slider .cards__slider-item {
    max-width: 135px;
  }
  .leaders__title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 450px) {
  .leaders__slider {
    max-width: 280px;
  }
}

.brands {
  margin: 70px 0;
}

.brands__slider-item {
  max-width: 224px;
  height: 114px;
  background-color: #ffffff;
}

.brands-item__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}

.brands-item__link:hover .brands-item__image img {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.5s;
  -webkit-transform: scale(1.01);
      -ms-transform: scale(1.01);
          transform: scale(1.01);
          box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.5);
          transform: translateY(0px);
}

.brands-item__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.brands-item__image img {
  max-width: 200px;
  max-height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.brands--producers {
  margin-bottom: 100px;
}

.brands--producers .brands__title {
  margin-bottom: 29px;
  font-size: 25px;
  line-height: 30px;
  text-align: left;
}

.brands--categories {
  margin-bottom: 70px;
}

.brands--categories .brands__title {
  text-align: left;
}

@media screen and (max-width: 1260px) {
  .brands {
    overflow: hidden;
    margin: 50px 0 65px 0;
  }
  .brands__slider {
    padding-bottom: 0;
    overflow: initial;
  }
  .brands__slider .swiper-nav {
    display: none;
  }
  .brands__slider .swiper-fraction {
    display: none;
  }
  .brands__slider-item {
    max-width: 200px;
    height: 100px;
  }
  .brands--producers {
    margin-bottom: 65px;
    margin-top: 50px;
  }
  .brands--producers .brands__title {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 21px;
  }
  .brands--categories {
    margin-bottom: 50px;
  }
  .brands--categories .brands__title {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .brands {
    margin: 35px 0 40px 0;
  }
  .brands-item__image img {
    max-width: 100px;
    max-height: 45px;
  }
  .brands__slider-item {
    max-width: 118px;
    height: 60px;
  }
}

.fixedMenu {
  display: none;
  position: fixed;
  z-index: 4;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px rgba(26, 51, 62, 0.1);
          box-shadow: 0px 0px 20px rgba(26, 51, 62, 0.1);
  border-top: 1px solid #e8e8e8;
}

.fixedMenu__content {
  padding: 7px 0;
}

.fixedMenu__list {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.item-fixedMenu__link {
  display: grid;
  justify-items: center;
  position: relative;
}

.item-fixedMenu__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3px;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.item-fixedMenu__title {
  font-size: 12px;
  line-height: 12px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.item-fixedMenu__counter {
  position: absolute;
  top: -3px;
  right: 2px;
  background-color: #34A12B;
  font-size: 10px;
  line-height: 12px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  color: #ffffff;
  font-weight: 700;
  padding: 1px 6px;
}
.item-fixedMenu__counter.item-fixedMenu__counter_empty{
    display: none;
}

.fixedMenu__item--catalog .item-fixedMenu__icon svg path, .fixedMenu__item--catalog .item-fixedMenu__icon svg rect {
  fill: #34A12B;
}

.fixedMenu__item--catalog .item-fixedMenu__title {
  color: #34A12B;
}

@media screen and (max-width: 1260px) {
  .fixedMenu {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .item-fixedMenu__title {
    font-size: 9px;
    line-height: 11px;
  }
  .item-fixedMenu__counter {
    right: -5px;
    top: -5px;
  }
  .fixedMenu__list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.counter {
  max-width: 132px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e8e8e8;
}

.counter__item {
  width: 40px;
  height: 40px;
}

.counter__item--minus, .counter__item--plus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.counter__item--result {
  width: 52px;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}

.counter__input {
  width: 100%;
  height: 100%;
  text-align: center;
  outline: none;
  background-color: #F8F8F8;
}

.counter__item--minus {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.counter__item--minus:hover,.counter__item--minus.disabled {
  background-color: #F8F8F8;
}

.counter__item--minus svg path, .counter__item--minus svg rect {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.counter__item--minus:hover svg path, .counter__item--minus:hover svg rect {
  fill: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.counter__item--minus.disabled svg path, .counter__item--minus.disabled svg rect {
  fill: #666 !important;
}

.counter__item--plus {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.counter__item--plus:hover,.counter__item--plus.disabled {
  background-color: #F8F8F8;
}

.counter__item--plus svg path, .counter__item--plus svg rect {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.counter__item--plus:hover svg path, .counter__item--plus:hover svg rect {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.counter__item--plus.disabled svg path, .counter__item--plus.disabled svg rect {
  fill: #666 !important;
}
.categories {
  margin-bottom: 100px;
}

.categories__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
}
.item-categories__link {
  display: block;
  position: relative;
}

.item-categories__link:hover .item-categories__image img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.item-categories__link:hover .item-categories__title::after {
  background-color: rgba(203, 30, 0, 0.4);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.item-categories__image {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.item-categories__image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -o-object-position: center;
    object-position: center;
}

.item-categories__bottom {
    position: static;
    bottom: inherit;
    left: inherit;
    width: 100%;
}

.item-categories__title {
    position: relative;
    padding: 10px 0 0;
    overflow: hidden;
}


.item-categories__title p {
  z-index: 2;
  position: relative;
  width: 100%;
  line-height: 21px;
  color: #181818;
  text-align: center;
  font-size: 14px;
  min-height: 36px;
  font-weight: normal;
}

.inCategories {
  margin-bottom: 90px;
}

.inCategories__title {
  text-align: left;
}

.inCategories__sort {
  margin-bottom: 40px;
}

.inCategories__pagination {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.inCategories__list {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}

.promocode_area .inCategories__list{
  grid-gap: 10px;
}

.inCategories__footer {
  display: none;
  margin-bottom: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1260px) {
    .categories {
        margin-bottom: 50px;
    }
    .categories__list {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 15px;
    }
    .inCategories__title {
        margin-bottom: 27px;
    }
    .inCategories__sort {
        margin-bottom: 20px;
    }
    .inCategories__list {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
        margin-bottom: 20px;
    }
    .inCategories__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .inCategories {
        margin-bottom: 65px;
    }
    .item-categories__title p {
        font-size: 12px;
        line-height: 14px;
        min-height: 32px;
    }
}

@media screen and (max-width: 767px) {
    .categories {
        margin-bottom: 35px;
    }
    .categories__title {
        margin-bottom: 18px;
    }
    .categories__list {
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }
    .item-categories__title p {
        font-size: 14px;
        line-height: 16px;
        min-height: 32px;
    }

    .inCategories__title {
        margin-bottom: 16px;
    }
    .inCategories__sort {
        margin-bottom: 13px;
    }
    .inCategories__list {
        grid-template-columns: repeat(auto-fit, 135px);
        grid-gap: 5px;
    }
    .inCategories {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 500px) {
  .inCategories__list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  .inCategories__list .cards__item {
    max-width: 100%;
  }
}

.cabinet {
  margin-bottom: 100px;
}

.cabinet__content {
  display: grid;
  grid-template-columns: 224px 1fr;
  grid-gap: 60px;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}

.cabinet__item {
  display: none;
}

.cabinet__item--active {
  display: block;
}

.navigation-cabinet__item {
  margin-top: -1px;
  padding: 15px 21px;
  min-height: 57px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 13px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #E8E8E8;
  cursor: pointer;
}

.navigation-cabinet__item:first-child {
  margin-top: 0;
}

.navigation-cabinet__item:hover .navigation-cabinet__item-text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.navigation-cabinet__item:hover .navigation-cabinet__item-icon svg path {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.navigation-cabinet__item-text {
  font-size: 14px;
  line-height: 18px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: rgba(24, 24, 24, 0.8);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.navigation-cabinet__item-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.navigation-cabinet__item-icon svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.navigation-cabinet__item--active {
  border: 1px solid #34A12B;
  z-index: 2;
  position: relative;
}

.navigation-cabinet__item--active .navigation-cabinet__item-text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.navigation-cabinet__item--active .navigation-cabinet__item-icon svg path {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cabinet__item-headliner {
  margin-bottom: 28px;
  width: 100%;
  padding: 19px 20px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  color: #181818;
  background-color: #F8F8F8;
}

.cabinetPersonal .cabinet__item-content {
  display: grid;
  grid-template-columns: 474px 300px;
  grid-gap: 60px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}

.cabinetPersonal__form-inputs {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 34px;
  grid-column-gap: 30px;
  grid-row-gap: 19px;
}

.cabinetPersonal__form {
  display: grid;
}

.cabinetPersonal__form-radios {
  margin-bottom: 28px;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cabinetPersonal__password-change {
  justify-self: start;
  margin-bottom: 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 16px;
  color: #34A12B;
  text-decoration: underline;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.cabinetPersonal__bonus {
  padding: 22px 26px 38px 26px;
  border: 1px solid #E8E8E8;
}

.bonus-cabinetPersonal__title-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.bonus-cabinetPersonal__title {
  margin-bottom: 20px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 14px;
}

.bonus-cabinetPersonal__title-text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}

.bonus-cabinetPersonal__list {
  display: grid;
  margin-bottom: 20px;
}

.bonus-cabinetPersonal__row {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  grid-gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.bonus-cabinetPersonal__row-title {
  font-size: 14px;
  line-height: 22px;
  color: #181818;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.bonus-cabinetPersonal__row-value {
  font-size: 14px;
  line-height: 22px;
  color: #181818;
  font-weight: 600;
  text-align: right;
}

.bonus-cabinetPersonal__row--active .bonus-cabinetPersonal__row-value {
  color: #34A12B;
}

.bonus-cabinetPersonal__row--active .bonus-cabinetPersonal__row-title {
  color: #34A12B;
}

.bonus-cabinetPersonal__form-cell {
  margin-bottom: 19px;
}

.bonus-cabinetPersonal__form-cell:last-child {
  margin-bottom: 0;
}

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

.cabinetOrders__tabs {
  margin-bottom: 30px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e8e8e8;
}

.cabinetOrders__tab {
  font-size: 15px;
  line-height: 18px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #888888;
  padding: 11px 14px;
  -webkit-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cabinetOrders__tab:hover {
  color: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cabinetOrders__tab--active {
  border-bottom: 2px solid #CB1E00;
  background-color: rgba(203, 30, 0, 0.1);
  color: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cabinetTable__row {
  display: grid;
  grid-template-columns: minmax(39px, 80px) minmax(140px, 330px) minmax(42px, 80px) 120px 120px 100px 100px 1fr;
  grid-gap: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-bottom: 1px solid #E8E8E8;
}

.cabinetTable__row:first-child {
  border: none;
  padding: 7px 20px;
  background-color: #F8F8F8;
}

.cabinetTable__row:first-child .cabinetTable__value:first-child {
  text-align: left;
}

.cabinetTable__row:first-child .cabinetTable__value:nth-child(2) {
  text-align: left;
}

.cabinetTable__row:first-child .cabinetTable__value {
  font-size: 15px;
  line-height: 18px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.cabinetTable__row:last-child {
  margin-bottom: 0;
}

.cabinetTable__value {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.cabinetTable__value-number {
  text-align: left;
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}

.cabinetTable__value-status {
  font-size: 14px;
  line-height: 16px;
}

.cabinetTable__value-delivery {
  font-size: 16px;
  line-height: 19px;
}

.cabinetTable__value-total {
  font-size: 16px;
  line-height: 19px;
}

a.cabinetTable__value-link{
    color: #34A12B;
    cursor: pointer;
}

.cabinetTable__value-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-align: left;
  padding: 12px 0;
  border-bottom: 1px solid #e8e8e8;
}

.cabinetTable__value-link:first-child {
  padding-top: 0;
}

.cabinetTable__value-link:last-child {
  border: none;
  padding-bottom: 0;
}

.cabinetTable__value-link:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cabinetTable__value-link--hidden {
  display: none;
}

.cabinetTable__value-link--hidden:last-child {
  border: none;
}

.cabinetTable__value-status--way {
  color: #34A12B;
}

.cabinetTable__value-status--confirm {
  color: #34A12B;
}

.cabinetTable__value-status--waiting {
  color: #CB1E00;
}

.cabinetTable__value-items {
  display: grid;
}

.cabinetTable__value-more {
  margin-top: 15px;
  text-align: left;
  cursor: pointer;
  font-size: 15px;
  line-height: 18px;
  text-decoration: underline;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cabinetTable__value-more:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

.cabinetFavourite__table {
  display: none;
}

.cabinetFavourite__table--active {
  display: block;
}

.cabinetFavourite__table--modified .cabinetTable__row {
  grid-template-columns: minmax(59px, 86px) minmax(140px, 330px) 120px 126px 111px 1fr;
}

.cabinetFavourite__table--modified .cabinetTable__value-modifiedOff {
  display: none !important;
}

.cabinetTable__row--mobileOn {
  display: none;
}

@media screen and (max-width: 1260px) {
  .cabinet {
    margin-bottom: 65px;
  }
  .cabinet__content {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .cabinetPersonal__form-inputs {
    grid-template-columns: 1fr;
  }
  .cabinetPersonal .cabinet__item-content {
    grid-template-columns: 354px 1fr;
    grid-gap: 73px;
  }
  .cabinet__navigation {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    grid-gap: 25px;
  }
  .navigation-cabinet__item {
    padding: 0;
    min-height: auto;
    margin-top: 0;
    grid-gap: 8px;
    border: none;
  }
  .navigation-cabinet__item-text {
    font-size: 13px;
    line-height: 18px;
  }
  .navigation-cabinet__item--active {
    border: none;
  }
  .cabinet__side {
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
  }
  .cabinetFavourite__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .cabinetTable__row--mobileOff {
    display: none;
  }
  .cabinetTable__row--mobileOn {
    display: block;
  }
  .cabinetTable__row {
    margin-bottom: 28px;
    padding: 0;
    border-bottom: none;
  }
  .cabinetTable__value-header {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    grid-gap: 13px;
    padding: 15px 20px;
    background-color: #F8F8F8;
  }
  .cabinetTable__value-title {
    font-size: 15px;
    line-height: 18px;
    font-family: "roboto", Arial, Helvetica, sans-serif;
    color: #888888;
  }
  .cabinetTable__value-number {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    font-family: "roboto", Arial, Helvetica, sans-serif;
    color: #181818;
  }
  .cabinetTable__value-link {
    font-size: 14px;
    line-height: 20px;
    padding: 15px 20px;
    border-bottom: 1px solid #e8e8e8;
  }
  .cabinetTable__value-link:first-child {
    padding-top: 15px;
  }
  .cabinetTable__value-link:last-child {
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
  }
  .cabinetTable__value-list {
    display: grid;
    grid-gap: 12px;
    padding: 22px 20px;
  }
  .cabinetTable__value-item {
    display: grid;
    grid-template-columns: 343px 1fr;
    justify-items: start;
  }
  .cabinetTable__value-more {
    padding-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .cabinet {
    margin-bottom: 50px;
  }
  .cabinetOrders__tabs-wrapper {
    overflow: auto;
  }
  .cabinet__title {
    margin-bottom: 30px;
  }
  .cabinetOrders__tabs {
    margin-right: -20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .cabinetOrders__tab {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .cabinet__navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    grid-gap: 0;
    overflow: auto;
    padding-bottom: 10px;
    padding-left: 20px;
  }
  .cabinet__navigation::-webkit-scrollbar {
    height: 1px;
  }
  .cabinet__navigation::-webkit-scrollbar-track {
    background-color: #ffffff;
  }
  .cabinet__navigation::-webkit-scrollbar-thumb {
    -webkit-border-radius: 15px;
            border-radius: 15px;
    background-color: #34A12B;
  }
  .cabinet__side {
    padding-bottom: 0;
    margin: 0 -20px;
    overflow: hidden;
  }
  .navigation-cabinet__item {
    margin-right: 20px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .navigation-cabinet__item:last-child {
    margin-right: 0;
  }
  .cabinetPersonal .cabinet__item-content {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .cabinet__item-headliner {
    margin-bottom: 20px;
    padding: 15px 20px;
  }
  .cabinetPersonal__bonus {
    padding: 22px 16px 29px 16px;
  }
  .bonus-cabinetPersonal__list {
    margin-bottom: 8px;
  }
  .cabinetFavourite__list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  .cabinetTable__value-item {
    grid-template-columns: 1fr 1fr;
    grid-gap: 23px;
    -webkit-box-align: end;
    -webkit-align-items: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .cabinetTable__value-list {
    grid-gap: 15px;
    padding: 15px 0 0 0;
  }
  .cabinetTable__value-link {
    padding: 15px 0 15px 0;
  }
  .cabinetTable__value-more {
    padding-left: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
  }
  .cabinetTable__value-status {
    line-height: 18px;
  }
}

@media screen and (max-width: 400px) {
  .cabinetOrders__tabs {
    max-width: 320px;
  }
}

.order {
  margin-bottom: 70px;
}

.order__content {
  display: grid;
}

.order__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 42px;
}

.order__back {
  margin-bottom: 22px;
  display: grid;
  justify-self: start;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 13px;
  cursor: pointer;
}

.order__back:hover .order__back-text {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

.order__back:hover .order__back-icon svg path {
  fill: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.order__back-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.order__back-icon svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.order__back-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.order__section-header {
  margin-bottom: 25px;
  background-color: #F8F8F8;
  padding: 20px;
  font-size: 18px;
  line-height: 21px;
  color: #181818;
  font-weight: 700;
}

.order__cell_mb{
    margin-bottom: 20px;
}

.order__cell-title {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 25px;
  font-weight: 600;
  color: #181818;
}

.order__section-1 {
  grid-column-start: 1;
  grid-column-end: 3;
}

.order__section-1 .order__section-body {
  display: grid;
  grid-template-columns: 508px 478px;
  grid-gap: 127px;
}

.order__cell-date {
  margin-bottom: 28px;
}
.order__cell-time {
  margin-bottom: 28px;
}

.order__cell-companies {
  margin-bottom: 29px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 9px;
  grid-column-gap: 20px;
}

.order__cell-self .form__radio {
  margin-bottom: 20px;
}

.order__cell-self .form__radio:last-child {
  margin-bottom: 0;
}

.order__cell-self .form__radio-label {
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}

.order-self__radio-title {
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 5px;
  font-weight: 600;
}

.order-self__description {
  margin-top: 20px;
  font-size: 12px;
  line-height: 15px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #888888;
}

.order-self__description span {
  color: #181818;
}

.order__cell-time_area {
  display: grid;
  grid-gap: 9px;
}

.order__cell-address {
  margin-bottom: 28px;
}

.order__cell-car {
  margin-bottom: 29px;
}

.order__cell-car .order__cell-title {
  margin-bottom: 0;
}

.order__cell .order__cell-subtitle {
  margin-bottom: 11px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #888888;
  margin-top:3px;
}

.order__cell-truck .order__cell-body {
  display: grid;
  grid-gap: 9px;
}

.orderQuestionary__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 34px;
  grid-row-gap: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.orderQuestionary__tabs {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 34px;
}

.order_questionary_enter{
  margin-bottom: 20px;
}

.order__cell-cash {
  margin-bottom: 29px;
}

.order__cell-cash .order__cell-body {
  display: grid;
  grid-gap: 9px;
}

.order__cell-additional .order__cell-body {
  margin-bottom: 13px;
  display: grid;
  grid-gap: 9px;
}

.order__cell-tip {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 9px;
}

.order-tip__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.order-tip__text {
  font-size: 14px;
  line-height: 16px;
  color: #34A12B;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.order__section-4 {
  display: grid;
  grid-template-columns: 1fr 240px;
  padding-top: 25px;
  border-top: 1px solid #E8E8E8;
  grid-column-start: 1;
  grid-column-end: 3;
}

.order__policy .policy__text {
  font-size: 14px;
  line-height: 17px;
}

.order__policy .policy__text a {
  color: #34A12B;
}

.order__policy .policy__text a:hover {
  text-decoration: none;
}

.orderQuestionary__requisites-pin {
  margin-top: 9px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 16px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #34A12B;
  text-decoration: underline;
}

.orderQuestionary__requisites-pin svg {
  margin-right: 9px;
}

.orderQuestionary__requisites-pin:hover {
  text-decoration: none;
}

.form__cell--long {
  grid-column-start: 1;
  grid-column-end: 3;
}

.orderQuestionary__requisites-title {
  margin-top: 20px;
  font-size: 14px;
  line-height: 25px;
  color: #181818;
  font-weight: 600;
}

.orderQuestionary__requisites .form__textarea {
  max-height: 60px;
}

@media screen and (max-width: 1260px) {
  .order {
    margin-bottom: 50px;
  }
  .order__section-2 {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .order__section-3 {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .order__section-4 {
    grid-template-columns: 400px 250px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .order__result .result-basket__order {
    margin-bottom: 0;
  }
  .order__form {
    grid-row-gap: 40px;
  }
  .order__section-1 .order__section-body {
    grid-template-columns: 312px 1fr;
    grid-gap: 62px;
  }
  .order__cell-companies {
    margin-bottom: 26px;
    grid-template-columns: 1fr;
    grid-row-gap: 8px;
  }
  .order__cell-self .form__radio {
    margin-bottom: 12px;
  }
  .order-self__radio-text {
    width: 95%;
  }
}

@media screen and (max-width: 767px) {
  .order__form {
    grid-template-columns: 1fr;
    grid-gap: 35px;
  }
  .order__section-1 .order__section-body {
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }
  .order__section-4 {
    grid-template-columns: 1fr;
    grid-column-start: auto;
    grid-column-end: auto;
  }
  .order__section-2 {
    grid-column-start: auto;
    grid-column-end: auto;
  }
  .order__section-3 {
    grid-column-start: auto;
    grid-column-end: auto;
  }
  .order__section-1 {
    grid-column-start: auto;
    grid-column-end: auto;
  }
  .order__section-header {
    padding: 15px;
  }
  .order__cell-date {
    margin-bottom: 25px;
    max-width: 100%;
  }
  .order__cell-address {
    margin-bottom: 25px;
  }
  .order__cell-car {
    margin-bottom: 25px;
  }
  .orderQuestionary__tabs {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  .orderQuestionary__form {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
  }
  .orderQuestionary__form .form__cell {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .orderQuestionary__form-1 .form__cell-textarea {
    grid-column-start: auto;
    grid-column-end: auto;
    grid-row-start: auto;
    grid-row-end: auto;
  }
  .order__section-4 {
    padding-top: 20px;
  }
  .order__policy {
    margin-bottom: 20px;
  }
  .order {
    margin-bottom: 40px;
  }
  .orderQuestionary__requisites-title {
    margin-top: 10px;
  }
  .order__title {
    margin-bottom: 8px;
  }
}

.delivery {
  margin-bottom: 100px;
}

.delivery__headliner {
  margin-bottom: 25px;
  padding: 20px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  color: #181818;
  background-color: #F8F8F8;
}

.delivery__accordions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 31px;
}

.delivery__accrodion {
  margin-bottom: 15px;
}

.delivery__accrodion:last-child {
  margin-bottom: 0;
}

.delivery__body {
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: 384px 1fr;
  grid-gap: 26px;
}

.map-delivery__frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.delivery__map {
  position: relative;
}

.map-delivery__card {
  position: absolute;
  right: 32px;
  top: 37px;
  background-color: #ffffff;
  padding: 13px 23px 13px 23px;
  -webkit-box-shadow: 0px 4px 15px rgba(61, 61, 61, 0.15);
          box-shadow: 0px 4px 15px rgba(61, 61, 61, 0.15);
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

.delivery-card__title {
  text-align: center;
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 25px;
  font-weight: 600;
  color: #181818;
}

.delivery-card__subtitle {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: rgba(136, 136, 136, 0.6);
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.delivery-card__list {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
}

.delivery-card__item {
  display: grid;
  min-height: 80px;
  padding: 13px 4px 9px 4px;
  width: 80px;
  border: 1px solid #e8e8e8;
}

.delivery-card__item-title {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  margin-bottom: 4px;
}

.delivery-card__item-value {
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.delivery__cell-title {
  font-size: 14px;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 5px;
}

.delivery__cell-address {
  margin-bottom: 29px;
}

.delivery__cell-time {
  margin-bottom: 30px;
}

.delivery__cell-time .delivery__cell-body {
  display: grid;
  grid-gap: 9px;
}

.delivery__cell-transport .form__radio-input:checked + .form__radio-icon {
  border: 1px solid #34A12B;
}

.delivery__cell-transport .form__radio-input:checked + .form__radio-icon svg path {
  fill: #34A12B;
}

.delivery__cell-transport .form__radio-icon {
  width: 100%;
  min-height: 109px;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  border: 1px solid #e8e8e8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.delivery__cell-transport .form__radio-icon svg {
  margin-bottom: 12px;
}

.delivery__cell-transport .form__radio-icon::after {
  display: none !important;
}

.delivery__cell-transport .form__radio-label {
  -webkit-box-pack: inherit;
  -webkit-justify-content: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
}

.delivery__cell-transport .delivery__cell-body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 8px;
}

.delivery__cell-transport .form__radio-text {
  font-size: 12px;
  line-height: 20px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.delivery__cell-transport .form__radio-price {
  font-size: 11px;
  line-height: 13px;
  font-weight: 700;
}

.delivery__cell-transport .delivery__form-radio {
  position: relative;
}

.delivery__cell-transport .delivery__form-radio:hover .delivery-transport__bubble {
  display: grid;
}

.delivery-transport__bubble {
  background-color: #ffffff;
  display: none;
  grid-template-columns: 1fr 1fr;
  z-index: 2;
  -webkit-box-shadow: 0px 4px 15px rgba(61, 61, 61, 0.15);
          box-shadow: 0px 4px 15px rgba(61, 61, 61, 0.15);
  -webkit-border-radius: 5px;
          border-radius: 5px;
  position: absolute;
  top: -webkit-calc(100% + 8px);
  top: calc(100% + 8px);
  width: 472px;
  padding: 19px 25px 22px 25px;
}

.transport-bubble__title {
  font-size: 13px;
  line-height: 25px;
  font-weight: 600;
  margin-bottom: 6px;
}

.transport-bubble__left {
  padding-right: 22px;
  border-right: 1px solid #e8e8e8;
}

.transport-bubble__right {
  padding-left: 22px;
}

.transport-bubble__item-title {
  font-family: "roboto", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 25px;
  color: #888888;
}

.transport-bubble__item-value {
  font-size: 14px;
  line-height: 25px;
  color: #181818;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.transport-bubble__item {
  display: grid;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 10px;
}

.delivery-card__item--mobile {
  display: none;
}

.transport-bubble__close {
  display: none;
}

@media screen and (max-width: 1260px) {
  .delivery {
    margin-bottom: 65px;
  }
  .delivery__body {
    grid-template-columns: 1fr;
    margin-bottom: 35px;
    grid-gap: 35px;
  }
  .delivery__cell-transport .delivery__cell-body {
    grid-auto-flow: column;
    grid-gap: 0px;
    grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content max-content max-content;
  }
  .delivery__cell-transport .delivery__form-radio {
    min-width: 90px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .map-delivery__frame {
    margin: 0 -20px;
  }
  .map-delivery__card {
    right: 0;
    top: 27px;
  }
  .delivery__accordions {
    grid-template-columns: 1fr;
    grid-row-gap: 15px;
  }
  .delivery__accrodion {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .delivery__title {
    margin-bottom: 18px;
  }
  .delivery__headliner {
    padding: 15px;
  }
  .delivery__cell-address {
    margin-bottom: 25px;
  }
  .delivery__cell-time {
    margin-bottom: 25px;
  }
  .delivery__cell-transport .delivery__cell-body {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: dense;
    grid-gap: 10px;
  }
  .delivery__cell-transport .delivery__form-radio {
    padding-left: 0;
    padding-right: 0;
  }
  .delivery__body {
    margin-bottom: 10px;
    grid-gap: 20px;
  }
  .map-delivery__card {
    position: static;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 13px 0 15px 0;
  }
  .delivery-card__list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: dense;
  }
  .delivery-card__item--mobile {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: rgba(136, 136, 136, 0.6);
    padding: 0;
    border: none;
  }
  .delivery-card__subtitle {
    display: none;
  }
  .delivery-card__item {
    width: auto;
  }
  .delivery-transport__bubble {
    grid-template-columns: 1fr;
    width: 280px;
    grid-gap: 9px;
    display: none !important;
  }
  .transport-bubble__left {
    padding-right: 0;
    border: none;
    position: relative;
  }
  .transport-bubble__right {
    padding-left: 0;
  }
  .delivery__cell-transport .delivery__form-radio:nth-child(2n) .delivery-transport__bubble {
    left: -145px;
  }
  .transport-bubble__close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1.5L13.5 0L7.5 6L1.5 0L0 1.5L6 7.5L0 13.5L1.5 15L7.5 9L13.5 15L15 13.5L9 7.5L15 1.5Z' fill='%23181818'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -10px;
    top: -8px;
  }
  .transport-bubble--active {
    display: grid !important;
  }
  .map-delivery__frame {
    height: 204px;
  }
  .map-delivery__frame iframe {
    height: 204px;
  }
  .delivery {
    margin-bottom: 50px;
  }
}

.reviews {
  margin-bottom: 66px;
}

.reviews__subtitle {
  margin-bottom: 29px;
  font-size: 25px;
  line-height: 30px;
  color: #181818;
  font-weight: 700;
}

.reviews__form {
  margin-bottom: 70px;
  display: grid;
  grid-gap: 20px;
}

.reviews__form-middle {
  display: grid;
  grid-template-columns: 600px;
  grid-row-gap: 5px;
  grid-column-gap: 30px;
}

.reviews__form-textarea {
  height: 105px;
}

.reviews__form-button {
  width: 300px;
  padding: 16px;
}

.reviews__form-cell {
  display: grid;
}

.checkboxes-reviews {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.checkboxes-reviews__checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4553 8.1927C18.8096 7.8474 18.9347 7.34064 18.7818 6.86955C18.6286 6.39847 18.2297 6.06218 17.7395 5.99082L13.3811 5.35754C13.1955 5.3305 13.0351 5.21408 12.9522 5.04576L11.0037 1.09686C10.7849 0.653172 10.3409 0.377441 9.84599 0.377441C9.35147 0.377441 8.90742 0.653172 8.68864 1.09686L6.73978 5.04612C6.65688 5.21445 6.49613 5.33086 6.31051 5.3579L1.95216 5.99118C1.46233 6.06218 1.06297 6.39883 0.909785 6.86991C0.756962 7.341 0.882032 7.84776 1.23634 8.19306L4.38976 11.2668C4.5242 11.398 4.58584 11.5869 4.55412 11.7714L3.81019 16.1118C3.74423 16.4938 3.84443 16.8654 4.09168 17.1585C4.4759 17.6151 5.14667 17.7543 5.68299 17.4724L9.58071 15.423C9.74363 15.3376 9.94871 15.3383 10.1113 15.423L14.0093 17.4724C14.1989 17.5722 14.4011 17.6227 14.6098 17.6227C14.9908 17.6227 15.352 17.4533 15.6003 17.1585C15.8479 16.8654 15.9478 16.4931 15.8818 16.1118L15.1375 11.7714C15.1058 11.5865 15.1674 11.398 15.3019 11.2668L18.4553 8.1927Z' fill='%2334a12b'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
          background-size: contain;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.checkboxes-reviews__checkbox:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4553 8.1927C18.8096 7.8474 18.9347 7.34064 18.7818 6.86955C18.6286 6.39847 18.2297 6.06218 17.7395 5.99082L13.3811 5.35754C13.1955 5.3305 13.0351 5.21408 12.9522 5.04576L11.0037 1.09686C10.7849 0.653172 10.3409 0.377441 9.84599 0.377441C9.35147 0.377441 8.90742 0.653172 8.68864 1.09686L6.73978 5.04612C6.65688 5.21445 6.49613 5.33086 6.31051 5.3579L1.95216 5.99118C1.46233 6.06218 1.06297 6.39883 0.909785 6.86991C0.756962 7.341 0.882032 7.84776 1.23634 8.19306L4.38976 11.2668C4.5242 11.398 4.58584 11.5869 4.55412 11.7714L3.81019 16.1118C3.74423 16.4938 3.84443 16.8654 4.09168 17.1585C4.4759 17.6151 5.14667 17.7543 5.68299 17.4724L9.58071 15.423C9.74363 15.3376 9.94871 15.3383 10.1113 15.423L14.0093 17.4724C14.1989 17.5722 14.4011 17.6227 14.6098 17.6227C14.9908 17.6227 15.352 17.4533 15.6003 17.1585C15.8479 16.8654 15.9478 16.4931 15.8818 16.1118L15.1375 11.7714C15.1058 11.5865 15.1674 11.398 15.3019 11.2668L18.4553 8.1927Z' fill='%2334a12b'/%3E%3C/svg%3E%0A");
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.checkboxes-reviews__checkbox:checked ~ .checkboxes-reviews__checkbox {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4553 8.1927C18.8096 7.8474 18.9347 7.34064 18.7818 6.86955C18.6286 6.39847 18.2297 6.06218 17.7395 5.99082L13.3811 5.35754C13.1955 5.3305 13.0351 5.21408 12.9522 5.04576L11.0037 1.09686C10.7849 0.653172 10.3409 0.377441 9.84599 0.377441C9.35147 0.377441 8.90742 0.653172 8.68864 1.09686L6.73978 5.04612C6.65688 5.21445 6.49613 5.33086 6.31051 5.3579L1.95216 5.99118C1.46233 6.06218 1.06297 6.39883 0.909785 6.86991C0.756962 7.341 0.882032 7.84776 1.23634 8.19306L4.38976 11.2668C4.5242 11.398 4.58584 11.5869 4.55412 11.7714L3.81019 16.1118C3.74423 16.4938 3.84443 16.8654 4.09168 17.1585C4.4759 17.6151 5.14667 17.7543 5.68299 17.4724L9.58071 15.423C9.74363 15.3376 9.94871 15.3383 10.1113 15.423L14.0093 17.4724C14.1989 17.5722 14.4011 17.6227 14.6098 17.6227C14.9908 17.6227 15.352 17.4533 15.6003 17.1585C15.8479 16.8654 15.9478 16.4931 15.8818 16.1118L15.1375 11.7714C15.1058 11.5865 15.1674 11.398 15.3019 11.2668L18.4553 8.1927Z' fill='%23D5D5D5'/%3E%3C/svg%3E%0A");
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.checkboxes-reviews__checkbox:hover {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4553 8.1927C18.8096 7.8474 18.9347 7.34064 18.7818 6.86955C18.6286 6.39847 18.2297 6.06218 17.7395 5.99082L13.3811 5.35754C13.1955 5.3305 13.0351 5.21408 12.9522 5.04576L11.0037 1.09686C10.7849 0.653172 10.3409 0.377441 9.84599 0.377441C9.35147 0.377441 8.90742 0.653172 8.68864 1.09686L6.73978 5.04612C6.65688 5.21445 6.49613 5.33086 6.31051 5.3579L1.95216 5.99118C1.46233 6.06218 1.06297 6.39883 0.909785 6.86991C0.756962 7.341 0.882032 7.84776 1.23634 8.19306L4.38976 11.2668C4.5242 11.398 4.58584 11.5869 4.55412 11.7714L3.81019 16.1118C3.74423 16.4938 3.84443 16.8654 4.09168 17.1585C4.4759 17.6151 5.14667 17.7543 5.68299 17.4724L9.58071 15.423C9.74363 15.3376 9.94871 15.3383 10.1113 15.423L14.0093 17.4724C14.1989 17.5722 14.4011 17.6227 14.6098 17.6227C14.9908 17.6227 15.352 17.4533 15.6003 17.1585C15.8479 16.8654 15.9478 16.4931 15.8818 16.1118L15.1375 11.7714C15.1058 11.5865 15.1674 11.398 15.3019 11.2668L18.4553 8.1927Z' fill='%2334a12b'/%3E%3C/svg%3E%0A");
}

.reviews__recently-title {
  margin-bottom: 29px;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  color: #181818;
}

.review {
  display: grid;
  grid-gap: 15px;
}

.reviews__recently-list {
  display: grid;
  grid-gap: 30px;
  margin-bottom: 40px;
}

.review__feedback {
  padding: 29px 40px 37px 40px;
  border: 1px solid #F8F8F8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.review__feedback:hover {
  border: 1px solid #34A12B;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.review__header {
  margin-bottom: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.review__header-left {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.review__name {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #181818;
}

.review__product {
  padding: 5px 15px;
  font-size: 15px;
  line-height: 18px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  background-color: #F8F8F8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

.review__product:hover {
  color: #ffffff;
  background-color: #34A12B;
}

.review__header-right {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 21px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.review__date {
  font-size: 12px;
  line-height: 14px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #888888;
}

.review__header .checkboxes-reviews__checkbox {
  pointer-events: none;
}

.review__body {
  display: grid;
  grid-gap: 18px;
}

.review__cell {
  display: grid;
}

.review__cell-title {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #181818;
}

.review__cell-text {
  font-size: 15px;
  line-height: 24px;
  color: rgba(24, 24, 24, 0.8);
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.review__cell-text p {
  margin-bottom: 15px;
}

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

.review__reply {
  margin-left: 96px;
  padding: 29px 40px 27px 40px;
  border: 1px solid #F8F8F8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.review__reply:hover {
  border: 1px solid #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.review__reply:hover .review__reply-text {
  color: rgba(24, 24, 24, 0.8);
}

.review__reply:hover .review__reply-name {
  color: #181818;
}

.review__reply-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}

.review__reply-date {
  font-size: 12px;
  line-height: 14px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #888888;
}

.review__reply-name {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #888888;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.review__reply-text {
  font-size: 15px;
  line-height: 24px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #888888;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.review__reply-text p {
  margin-bottom: 15px;
}

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

@media screen and (max-width: 1260px) {
  .reviews__form-middle {
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
  }
  .reviews__subtitle {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 21px;
  }
  .reviews__form-button {
    width: 229px;
  }
  .reviews__form {
    margin-bottom: 50px;
  }
  .reviews__recently-title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 20px;
  }
  .review__feedback {
    padding: 26px;
  }
  .review__product {
    max-width: 331px;
    overflow: hidden;
    line-height: 20px;
    padding: 5px 12px 5px 12px;
    position: relative;
  }
  .review__header-right {
    grid-gap: 14px;
  }
  .review__header {
    margin-bottom: 11px;
  }
  .review__body {
    grid-gap: 15px;
  }
  .review__reply {
    margin-left: 40px;
    padding: 29px 26px 21px 26px;
  }
  .reviews__recently-list {
    grid-gap: 20px;
    margin-bottom: 20px;
  }
  .reviews {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .reviews {
    margin-bottom: 37px;
  }
  .review {
    grid-gap: 10px;
  }
  .reviews__title {
    margin-bottom: 18px;
  }
  .reviews__subtitle {
    margin-bottom: 18px;
  }
  .reviews__form-button {
    width: 100%;
  }
  .reviews__form {
    margin-bottom: 35px;
  }
  .review__feedback {
    padding: 21px 15px 16px 15px;
  }
  .review__header-left {
    grid-template-columns: 1fr;
    grid-auto-flow: dense;
  }
  .review__header {
    margin-bottom: 25px;
    display: grid;
    grid-gap: 10px;
  }
  .review__name {
    font-size: 15px;
    line-height: 20px;
  }
  .review__product {
    font-size: 15px;
    line-height: 18px;
  }
  .review__header-right {
    grid-gap: 21px;
  }
  .review__body {
    grid-gap: 18px;
  }
  .review__reply-header {
    display: grid;
    margin-bottom: 11px;
    grid-gap: 7px;
  }
  .review__reply-name {
    font-size: 15px;
    line-height: 20px;
  }
  .review__reply {
    margin-left: 37px;
    padding: 21px 17px 17px 17px;
  }
}

.compare {
  margin-bottom: 100px;
}

.compare__content {
  display: grid;
  grid-template-columns: 224px 1fr;
  grid-gap: 30px;
  overflow: hidden;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}

.compare__clear {
  margin-bottom: 30px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #34A12B;
  font-size: 14px;
  line-height: 16px;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare__clear:hover {
  text-decoration: none;
  color: rgba(52, 161, 43, 0.8);
}

.compare__clear svg {
  margin-right: 7px;
}

.compare__tags {
  display: grid;
  grid-gap: 13px;
  justify-items: start;
}

.compare__tag {
  min-width: 140px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  font-size: 15px;
  line-height: 18px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid rgba(203, 30, 0, 0.1);
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare__tag:hover:not(.compare__tag--active) {
  color: #ffffff;
  background-color: #CB1E00;
  border: 1px solid #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare__tag--active {
  color: #CB1E00;
  background-color: rgba(203, 30, 0, 0.1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare__side {
  display: grid;
  grid-gap: 85px;
}

.compare__side-top {
  min-height: 417px;
}

.compare__body-bottom {
  padding-top: 43px;
  max-width: 986px;
}

.compare__body-slider {
  max-width: 986px;
}

.compare-values__item {
  font-size: 15px;
  padding-left: 20px;
  padding-right: 24px;
  min-height: 39px;
  line-height: 37px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: rgba(24, 24, 24, 0.8);
  border-bottom: 1px solid #e8e8e8;
}

.compare__side-values .compare-values__item {
  color: #181818;
}

.compare-values__list {
  max-width: 224px;
}

.compare-values__item--hovered {
  background-color: #F8F8F8;
}

.compareMobile__body {
  display: none;
}

@media screen and (max-width: 767px) {
  .compare__content {
    grid-template-columns: 1fr;
  }
  .compare__side-bottom {
    display: none !important;
  }
  .compare__side-top {
    min-height: auto;
  }
  .cards-item__compare-icon {
    right: 5px;
    top: 5px;
  }
  .cards-item__compare-icon svg {
    width: 28px;
    height: 28px;
  }
  .compare__body-bottom {
    display: none;
  }
  .compareMobile__slider {
    max-width: 600px;
  }
  .compare__body-slider {
    max-width: 600px;
  }
  .compareMobile__slider-slide {
    max-width: 135px;
  }
  .cards__slider-wrapper {
    max-width: 600px;
  }
  .compareMobile__body {
    display: block;
    margin-top: 20px;
  }
  .compareMobile__row-title {
    background-color: #f8f8f8;
    padding: 0 10px;
    font-size: 15px;
    line-height: 40px;
    color: #181818;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #E8E8E8;
    font-weight: 700;
  }
  .compareMobile__row-title:first-child {
    border-top: none;
  }
  .compareMobile-slide__text {
    min-height: 40px;
    font-size: 15px;
    line-height: 19px;
    padding: 10px;
    color: rgba(24, 24, 24, 0.8);
  }
  .compare {
    margin-bottom: 56px;
  }
}

.registration {
  margin-bottom: 100px;
}

.registration__title {
  margin-bottom: 0;
}

.registration__header {
  margin-bottom: 21px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.registration__tip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 7px;
}

.registration__tab {
  padding: 20px 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 18px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: rgba(24, 24, 24, 0.8);
  margin-bottom: -1px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #ffffff;
  border-bottom: 1px solid #E8E8E8;
}

.registration__tab:hover {
  color: rgba(52, 161, 43, 0.8);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.registration__tabs {
  margin-bottom: 28px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  border-bottom: 1px solid #E8E8E8;
}

.registration__tab--active {
  color: rgba(52, 161, 43, 0.8);
  border: 1px solid #E8E8E8;
  border-bottom: 1px solid #ffffff;
}

.registration__form-button {
  padding: 16px 41px;
  justify-self: start;
}

.registration__form--person {
  max-width: 478px;
}

.registration__form--person .registration__form-inputs {
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: 224px 224px;
  grid-column-gap: 30px;
  grid-row-gap: 19px;
}

.registration__form--person .registration__form-cell:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
}

.registration__form--person .registration__form-policy {
  margin-bottom: 33px;
}

.registration__form {
  display: none;
}

.registration__form--active {
  display: grid;
}

.registration__form--organization .registration__form-inputs {
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: 224px 224px 224px 224px;
  grid-column-gap: 30px;
  grid-row-gap: 19px;
}

.registration__form--organization .registration__form-policy {
  margin-bottom: 30px;
}

.registration__form--organization .registration__form-cell:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 5;
}

.registration__form--organization .registration__form-cell:nth-last-of-type(2) {
  grid-column-start: 1;
  grid-column-end: 3;
}

.registration__form--organization .registration__form-cell:last-child {
  grid-column-start: 3;
  grid-column-end: 5;
}

@media screen and (max-width: 1260px) {
  .registration {
    margin-bottom: 65px;
  }
  .registration__header {
    grid-gap: 7px;
  }
  .registration__form--organization .registration__form-inputs {
    grid-template-columns: 224px 224px;
  }
  .registration__form--organization .registration__form-inputs .registration__form-cell:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 3;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .registration__form--organization .registration__form-inputs .registration__form-cell:nth-child(6) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .registration__form--organization .registration__form-inputs .registration__form-cell:nth-child(7) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .registration__form--organization .registration__form-inputs .registration__form-cell:last-child {
    grid-column-start: 1;
    grid-column-end: 3;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
}

@media screen and (max-width: 767px) {
  .registration {
    margin-bottom: 50px;
  }
  .registration__header {
    margin-bottom: 19px;
  }
  .registration__form-inputs {
    grid-template-columns: 1fr !important;
    margin-bottom: 19px !important;
  }
  .registration__form-cell {
    grid-column-start: auto !important;
    grid-column-end: auto !important;
  }
  .registration__tabs {
    margin-bottom: 20px;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
  .registration__tab {
    padding: 13px;
  }
  .registration__form-policy {
    margin-bottom: 21px !important;
  }
  .registration__form-button {
    width: 100%;
  }
  .registration__form--person {
    max-width: 100%;
  }
}

.formalized {
  margin-bottom: 90px;
}

.formalized__description {
  margin-bottom: 27px;
  max-width: 986px;
  font-size: 15px;
  line-height: 24px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.formalized__order {
  display: grid;
  grid-gap: 50px;
}

.formalized__after {
  background-color: #F8F8F8;
  padding: 35px 38px 50px 38px;
  display: grid;
  grid-template-columns: 652px 1fr;
  grid-gap: 100px;
}

.after-formalized__title {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
}

.after-formalized__description {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.after-formalized__description p {
  margin-bottom: 15px;
}

.after-formalized__description p:last-child {
  margin-bottom: 0;
}

.after-formalized__callback {
  padding: 16px 49px;
}

.after-formalized__right {
  display: grid;
  -webkit-align-content: start;
      -ms-flex-line-pack: start;
          align-content: start;
}

.after-formalized__mail-cell {
  grid-gap: 10px;
}

.after-formalized__mail-cell svg path {
  fill: #34A12B;
}

.after-formalized__mail-cell:last-child {
  margin-bottom: 0;
}

.after-formalized__mail-cell .mail-cell__text {
  margin-top: 2px;
  font-size: 14px;
  line-height: 18px;
}

.after-formalized__phone-cell {
  margin-bottom: 20px;
  grid-gap: 10px;
}

.after-formalized__phone-cell .phone-cell__text {
  margin-top: 2px;
  font-size: 16px;
  line-height: 20px;
}

.after-formalized__phone-cell svg path {
  fill: #34A12B;
}

.after-formalized__phone-cell:last-child {
  margin-bottom: 0;
}

.formalized__order-middle {
  position: relative;
}

.formalized__map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.formalized__info {
  max-width: 329px;
  width: 100%;
  position: absolute;
  top: 44px;
  left: 36px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 15px rgba(61, 61, 61, 0.15);
          box-shadow: 0px 4px 15px rgba(61, 61, 61, 0.15);
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

.info-formalized__content {
  padding: 35px 32px 42px 32px;
}

.info-formalized__title {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 15px;
  font-weight: 700;
}

.info-formalized__cell-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.info-formalized__cell {
  margin-bottom: 13px;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.info-formalized__cell:last-child {
  margin-bottom: 0;
}

.info-formalized__cell-text {
  font-size: 15px;
  line-height: 21px;
  color: rgba(24, 24, 24, 0.8);
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.info-formalized__cell--text-only {
  padding-left: 25px;
  margin-bottom: 17px;
}

.info-formalized__cell--green .info-formalized__cell-text {
  color: #34A12B;
}

.info-formalized__cell--green .info-formalized__cell-icon svg path {
  fill: #34A12B;
}

.formalized__receipt {
  border: 1px solid #E8E8E8;
}

.receipt-formalized__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 28px 35px 27px 39px;
  background-color: #F8F8F8;
}

.receipt-formalized__number {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #181818;
}

.receipt-formalized__number p {
  display: inline;
}

.receipt-formalized__order-info {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.receipt-formalized__date {
  font-size: 12px;
  line-height: 14px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.receipt-formalized__date span {
  margin-left: 2px;
}

.receipt-formalized__print {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #CB1E00;
  text-decoration: underline;
}

.receipt-formalized__print svg {
  margin-right: 9px;
}

.receipt-formalized__middle {
  padding: 0px 36px 0px 36px;
}

.receipt-formalized__list {
  padding: 29px 0 20px 0;
  border-bottom: 1px solid #F8F8F8;
}

.receipt-formalized__row {
  display: grid;
  grid-template-columns: 113px 1fr;
}

.receipt-formalized__row-title {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #181818;
}

.receipt-formalized__row-value {
  font-size: 15px;
  line-height: 24px;
  color: rgba(24, 24, 24, 0.8);
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.receipt-formalized__bottom {
  padding: 26px 36px 26px 36px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: 30px;
}

.receipt-formalized__time-cell {
  grid-gap: 11px;
}

.receipt-formalized__time-cell .time-cell__text {
  font-size: 14px;
  line-height: 17px;
}

.receipt-formalized__address-cell {
  grid-gap: 13px;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}

.formalized__order-top {
  display: grid;
  grid-template-columns: 762px 200px;
  grid-gap: 28px;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}

.formalized__sale {
  border: 1px solid #34A12B;
  background-color: rgba(52, 161, 43, 0.1);
  padding: 22px 20px;
}

.sale-formalized__top-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.sale-formalized__top {
  margin-bottom: 20px;
  display: grid;
  grid-gap: 14px;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.sale-formalized__top-text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #181818;
}

.sale-formalized__bonus-text {
  font-size: 16px;
  line-height: 19px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.sale-formalized__bonus-text p {
  display: inline;
}

.sale-formalized__bonus-text p span {
  font-weight: 700;
  color: #34A12B;
}

.sale-formalized__bonus-text {
  display: inline;
}

.sale-formalized__bonus-icon {
  display: inline;
}

.sale-formalized__bonus-icon svg {
  margin-bottom: -3px;
}

.formalized__subtitle {
  display: none;
}

@media screen and (max-width: 1260px) {
  .formalized {
    margin-bottom: 65px;
  }
  .formalized__order-top {
    grid-template-columns: 1fr;
    justify-items: start;
    grid-gap: 20px;
  }
  .formalized__after {
    grid-template-columns: 378px 1fr;
    padding: 35px 38px 40px 38px;
    grid-gap: 47px;
  }
  .sale-formalized__top {
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .formalized__order {
    grid-gap: 30px;
  }
  .formalized__map iframe {
    height: 480px;
  }
  .formalized__info {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .after-formalized__title {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .formalized__title {
    margin-bottom: 18px;
  }
  .formalized__subtitle {
    display: block;
    font-size: 18px;
    line-height: 21px;
    color: #181818;
    margin-bottom: 20px;
    font-weight: 700;
  }
  .formalized__description {
    margin-bottom: 20px;
  }
  .receipt-formalized__top {
    display: grid;
    padding: 20px;
    grid-row-gap: 9px;
  }
  .receipt-formalized__middle {
    padding: 0 20px;
  }
  .receipt-formalized__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .receipt-formalized__row-title {
    margin-right: 5px;
  }
  .receipt-formalized__list {
    padding: 18px 0 20px 0;
  }
  .receipt-formalized__bottom {
    grid-template-columns: 1fr;
    padding: 18px 20px 22px 20px;
  }
  .formalized__after {
    grid-template-columns: 1fr;
    padding: 22px 20px 38px 20px;
    grid-gap: 30px;
  }
  .after-formalized__description {
    margin-bottom: 15px;
  }
  .after-formalized__callback {
    width: 100%;
  }
  .formalized__order-top {
    grid-gap: 15px;
  }
  .formalized__order {
    grid-gap: 35px;
  }
  .formalized__info {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-bottom: -50px;
    z-index: 2;
  }
  .formalized__order-middle {
    display: grid;
  }
  .formalized__map {
    height: 559px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 -20px;
  }
  .formalized__map iframe {
    height: 100%;
  }
  .info-formalized__content {
    padding: 23px 17px;
  }
  .info-formalized__cell--text-only {
    margin-bottom: 12px;
  }
  .formalized {
    margin-bottom: 50px;
  }
}

.justText {
  margin-top: 66px;
  margin-bottom: 107px;
}

.justText__text {
  font-size: 15px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.justText__text p {
  margin-bottom: 15px;
}

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

@media screen and (max-width: 1260px) {
  .justText {
    margin-top: 50px;
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 767px) {
  .justText {
    margin: 37px 0 50px 0;
  }
}

.show-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.show-more__button {
  padding: 12px 32px;
  border: 1px solid #CB1E00;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.show-more__button:hover {
  background-color: #CB1E00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.show-more__button:hover .show-more__text {
  color: #ffffff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.show-more__button:hover .show-more__icon {
  -webkit-transform: rotateZ(-720deg);
      -ms-transform: rotate(-720deg);
          transform: rotateZ(-720deg);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.show-more__button:hover .show-more__icon svg path {
  fill: #ffffff;
  stroke: #ffffff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.show-more__icon {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}

.show-more__icon svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.show-more__text {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .show-more__button {
    padding: 11px 30px;
  }
}

.policy {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}

.policy__checkbox {
  margin-right: 13px;
}

.checkbox-policy__label {
  cursor: pointer;
  width: 17px;
  height: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #34A12B;
  background-color: #ccc;
}

.checkbox-policy__label .checkbox-policy__icon {
  opacity: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.checkbox-policy__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
    padding: 4px 3px;
}

.checkbox-policy__input {
  display: none;
}

.checkbox-policy__input:checked + .checkbox-policy__icon {
  opacity: 1;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  background-color: #34A12B;
}

.policy__text p {
  font-size: 12px;
  line-height: 15px;
  color: #181818;
}

.policy__text a {
  font-size: 12px;
  line-height: 15px;
  color: #181818;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #34A12B;
}

.policy__text a:hover {
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1260px) {
  .policy__text p {
    font-size: 11px;
  }
  .policy__text a {
    font-size: 11px;
  }
}

.mailing {
  margin-top: 70px;
  background-image: url("../img/mailing/mailing__background.jpg");
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.mailing__content {
  padding: 55px 0 70px 0;
}

.mailing__title {
  color: #ffffff;
  margin-bottom: 40px;
}

.mailing__body {
  display: grid;
  grid-template-columns: minmax(194px, 242px) 1fr 206px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mailing__form {
  margin-right: 44px;
  position: relative;
}

.mailing__input {
  width: 100%;
  padding: 17px 215px 16px 25px;
}

.mailing__button {
  position: absolute;
  right: 0;
  padding: 16px 43px;
  height: 100%;
  transition: 0.7s;
}

.mailing__note {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 19px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.note-mailing__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.note-mailing__text {
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.mailing__policy p {
  font-family: "roboto", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.mailing__policy a {
  font-family: "roboto", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.mailing__policy a:hover {
  color: #34A12B;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1260px) {
  .mailing {
    margin-top: 60px;
  }
  .mailing__body {
    grid-template-columns: 1fr;
  }
  .mailing__content {
    padding: 30px 0 50px 0;
  }
  .mailing__title {
    margin-bottom: 30px;
  }
  .mailing__note {
    margin-bottom: 20px;
    grid-gap: 10px;
  }
  .mailing__form {
    margin-right: 0;
    margin-bottom: 17px;
  }
}

@media screen and (max-width: 767px) {
  .mailing__content {
    padding: 26px 0 35px 0;
  }
  .mailing {
    margin-top: 40px;
  }
  .mailing__title {
    margin-bottom: 20px;
  }
  .mailing__note {
    grid-gap: 12px;
    margin-bottom: 18px;
  }
  .note-mailing__text {
    max-width: 225px;
    font-size: 16px;
    line-height: 19px;
  }
  .mailing__button {
    position: static;
  }
  .mailing__form {
    display: grid;
    grid-gap: 10px;
    margin-bottom: 13px;
  }
  .mailing__input {
    padding: 17px 25px 16px 25px;
  }
}

.articles {
  margin-bottom: 90px;
}

.articles__list {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 35px;
}

.articles__pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.aricles__list-item {
  max-width: 390px;
  border: 1px solid #F8F8F8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.aricles__list-item:hover {
  border: 1px solid #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.aricles__list-item:hover .news-item__title {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.jotting-catalog__list .news-item__title{
    font-size:18px;
    line-height: 24px;
}

.aricles__list-item:hover .news-item__image img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.aricles__list-item .news-item__image img {
  height: 222px;
}

.aricles__list-item .news-item__bottom {
  min-height: 124px;
}

.articles__show-more {
  display: none;
}

@media screen and (max-width: 1260px) {
  .articles {
    overflow: hidden;
  }
  .articles__list {
    margin-bottom: 20px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
  .articles {
    margin-bottom: 65px;
  }
  .articles__tags {
    margin-bottom: 20px;
    overflow: auto;
  }
  .articles__tags .default-tags__list {
    margin-bottom: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    overflow-x: auto;
  }
  .articles__tags .default-tags__item {
    margin-bottom: 0;
  }
  .articles__tags .default-tags__item:first-child {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2;
  }
  .articles__tags .default-tags__item:last-child {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media screen and (max-width: 767px) {
  .articles {
    margin-bottom: 50px;
  }
  .articles__list {
    grid-template-columns: 1fr;
  }
  .articles__tags {
    margin-bottom: 25px;
    margin-right: -20px;
  }
  .articles__tags::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .articles__tags::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .articles__tags::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
  .aricles__list-item .news-item__bottom {
    min-height: 115px;
  }
  .articles__content {
    padding-bottom: 0;
  }
  .articles__show-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
  }
  .aricles__list-item {
    max-width: 100%;
  }
}

.popular {
  margin: 60px 0 70px 0;
}

.recovery {
  margin-bottom: 100px;
}

.form-recovery__top {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}

.recovery__form {
  display: grid;
  grid-gap: 20px;
}

.form-recovery__input {
  min-width: 254px;
}

.form-recovery__button {
  min-width: 254px;
  padding: 16px;
}

.form-recovery__one-more {
  cursor: pointer;
  background-color: rgba(203, 30, 0, 0.1);
  -webkit-border-radius: 5px;
          border-radius: 5px;
  padding: 11px 10px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 18px;
  color: #CB1E00;
}

@media screen and (max-width: 1260px) {
  .recovery {
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 767px) {
  .recovery__title {
    margin-bottom: 20px;
  }
  .form-recovery__top {
    grid-template-columns: 1fr;
    grid-auto-flow: dense;
  }
  .form-recovery__one-more {
    text-align: center;
  }
  .form-recovery__button {
    min-width: auto;
    width: 100%;
  }
  .recovery__form {
    grid-gap: 25px;
  }
  .recovery {
    margin-bottom: 50px;
  }
}

.producers {
  margin-bottom: 90px;
}

.producers__subtitle {
  margin-bottom: 33px;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  color: #181818;
}

.producers__search {
  max-width: 351px;
  margin-bottom: 40px;
}

.search-producers__content {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.search-producers__icon {
  position: absolute;
  padding: 10px;
  cursor: pointer;
  z-index: 2;
  right: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: -webkit-calc( 100% - 4px);
  height: calc( 100% - 4px);
}

.search-producers__input {
  width: 100%;
}

.producers__tags {
  margin-bottom: 83px;
}

.tags-producers__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.tags-producers__row:last-child {
  margin-bottom: 0;
}

.tags-producers__item {
  margin-right: 7px;
  margin-bottom: 10px;
}

.tags-producers__item:hover .tags-producers__label-text {
  background-color: #CB1E00;
  border: 1px solid #CB1E00;
  color: #ffffff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.tags-producers__item:last-child {
  margin-right: 0;
}

.tags-producers__label-text {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(203, 30, 0, 0.1);
  font-size: 16px;
  line-height: 26px;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  color: #888888;
  padding: 5px 12px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.tags-producers__checkbox {
  display: none;
}

.tags-producers__checkbox:checked + .tags-producers__label-text {
  background-color: #FAE9E6;
  border: 1px solid #FAE9E6;
  color: #CB1E00;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.item-alphabet__capital {
  font-size: 25px;
  line-height: 30px;
  color: #34A12B;
  font-weight: 700;
  text-transform: uppercase;
}

.producers__alphabet {
  display: grid;
  grid-gap: 41px;
}

.producers__alphabet-item {
  display: grid;
  grid-template-columns: 224px 1fr;
}

.item-alphabet__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
}

.item-alphabet__list li a {
  font-size: 15px;
  line-height: 30px;
  font-family: "robot", Arial, Helvetica, sans-serif;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.item-alphabet__list li a:hover {
  color: #34A12B;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1260px) {
  .producers {
    margin-bottom: 55px;
  }
  .producers__subtitle {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 20px;
  }
  .producers__search {
    margin-bottom: 30px;
  }
  .producers__tags {
    margin-bottom: 40px;
  }
  .producers__alphabet-item {
    grid-template-columns: 62px 1fr;
  }
  .producers__alphabet {
    grid-gap: 31px;
  }
}

@media screen and (max-width: 767px) {
  .producers {
    margin-bottom: 35px;
  }
  .producers__title {
    margin-bottom: 18px;
  }
  .search-producers__input {
    padding: 10px 19px;
  }
  .search-producers__icon {
    padding: 0 8px 0 0;
  }
  .producers__search {
    margin-bottom: 20px;
    max-width: 100%;
  }
  .producers__tags {
    margin-bottom: 35px;
    display: grid;
    grid-gap: 20px;
  }
  .producers__alphabet-item {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  .item-alphabet__list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 25px;
  }
}

.footer {
  background-color: #F8F8F8;
}

.footer__content {
  padding: 52px 0 43px 0;
  display: grid;
  grid-template-columns: minmax(148px, 222px) minmax(555px, 667px) 1fr;
}

.footer__left {
  display: grid;
  grid-gap: 30px;
  -webkit-align-content: start;
      -ms-flex-line-pack: start;
          align-content: start;
}

.footer__social {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 14px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.social-footer__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.footer__market img {
  max-width: 150px;
  height: auto;
}

.footer__middle {
  display: grid;
  grid-template-columns: 260px 1fr;
  grid-column-gap: 75px;
  grid-row-gap: 24px;
}

.cell-footer__title {
  margin-bottom: 13px;
  font-size: 16px;
  line-height: 21px;
  color: #181818;
  font-weight: 700;
  pointer-events: none;
}

.cell-footer__list li a {
  font-size: 14px;
  line-height: 24px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cell-footer__list li a:hover {
  color: #181818;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-decoration: underline;
}

.contacts-footer__title {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 21px;
  color: #181818;
  font-weight: 700;
}

.footer__cell--catalog {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 4;
}

.footer__phone-cell {
  grid-gap: 10px;
  margin-bottom: 11px;
}

.footer__phone-cell .phone-cell__text {
  font-size: 18px;
  line-height: 22px;
}

.footer__callback {
  margin-bottom: 20px;
  padding: 9px 25px;
  font-size: 14px;
  line-height: 17px;
  transition: 0.7s;
}

.footer__address-cell {
  margin-bottom: 18px;
}

.footer__time-cell {
  display: grid;
  margin-bottom: 20px;
}

.footer__time-cell .time-cell__text {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}

@media screen and (max-width: 1260px) {
  .footer__cell--catalog {
    display: none;
  }
  .footer__middle {
    grid-template-columns: 1fr;
  }
  .footer__content {
    padding: 35px 0 30px 0;
    grid-gap: 10px;
    grid-template-columns: minmax(107px, 157px) minmax(253px, 260px) 1fr;
  }
  .footer__logo .logo__image {
    width: 105px;
    height: 58px;
  }
}

@media screen and (max-width: 767px) {
  .footer__content {
    grid-template-columns: 1fr;
    padding: 40px 0 25px 0;
    justify-items: center;
  }
  .footer__left {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .footer__logo {
    display: none;
  }
  .footer__address-cell {
    text-align: center;
  }
  .footer__address-cell .address-cell__left {
    display: none;
  }
  .footer__time-cell {
    text-align: center;
  }
  .footer__time-cell .time-cell__title {
    margin-bottom: 2px;
  }
  .footer__time-cell .time-cell__left {
    display: none;
  }
  .footer__mail-cell {
    margin-bottom: 20px;
  }
  .footer__mail-cell .mail-cell__left {
    display: none;
  }
  .footer__phone-cell {
    margin-bottom: 11px;
  }
  .footer__phone-cell .phone-cell__left {
    display: none;
  }
  .cell-footer__title {
    margin-bottom: 0;
    text-align: center;
    position: relative;
    pointer-events: all;
  }
  .cell-footer__title::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.276595 0.274439C0.452127 0.096861 0.686171 0 0.936171 0C1.18617 0 1.42021 0.096861 1.59574 0.274439L5 3.72377L8.40957 0.274439C8.58511 0.096861 8.81915 0 9.06915 0C9.31915 0 9.55319 0.096861 9.72872 0.274439C10.0904 0.640359 10.0904 1.23767 9.72872 1.60897L5.65957 5.72556C5.48404 5.90314 5.25 6 5 6C4.75 6 4.51596 5.90314 4.34043 5.72556L0.271276 1.60897C0.0957451 1.43139 0 1.19462 0 0.941704C0 0.688789 0.101064 0.452018 0.276595 0.274439Z' fill='%23181818'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .cell-footer__body {
    margin-top: 16px;
    display: none;
  }
  .footer__cell--active .cell-footer__body {
    display: block;
  }
  .footer__cell--active .cell-footer__title::after {
    -webkit-transform: rotateZ(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
            transform: rotateZ(180deg) translateY(50%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .cell-footer__list {
    text-align: center;
  }
  .cell-footer__list li a {
    font-size: 14px;
    line-height: 30px;
  }
  .footer__contacts {
    margin-top: 35px;
    display: grid;
    justify-items: center;
  }
  .footer__callback {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    padding: 9px 25px;
    margin-bottom: 17px;
  }
  .footer__social {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 23px;
  }
  .footer__left {
    grid-gap: 20px;
  }
  .footer__phone-cell {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .cell-footer__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer__middle {
    grid-gap: 20px;
  }
}

.subfooter {
  background-color: #F8F8F8;
}

.subfooter__content {
  border-top: 1px solid #e8e8e8;
  padding: 17px 0 19px 0;
}

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

.subfooter__copyright {
  margin-right: 50px;
  font-size: 12px;
  line-height: 24px;
  color: #888888;
  font-weight: 500;
}

.subfooter__pay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.pay-subfooter__title {
  margin-right: 18px;
  font-size: 13px;
  line-height: 15px;
  color: #888888;
  font-family: "roboto", Arial, Helvetica, sans-serif;
}

.pay-subfooter__list {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.pay-subfooter__image {
  max-width: 150px;
  max-height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.pay-subfooter__image img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1260px) {
    .subfooter__content {
        padding: 12px 0 30px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .subfooter__copyright {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .subfooter__pay {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .pay-subfooter__title {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .subfooter__pay {
        display: none;
    }
    .subfooter__content {
        padding: 12px 0 14px 0;
    }
    .subfooter__copyright {
        margin: 0 auto;
        text-align: center;
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
        max-width: 224px;
    }
}
.prichina_ucenki{border: dashed 1px #34A12B;padding: 10px;}

.sales-open__text{color:#fff;}

.hid{display: none !important;}

.invisible{display: none !important;}


.fast_favorite .in_favorites{
    display: none;
}
.fast_favorite .not_in_favorites{
    display: block;
}
.fast_favorite.fast_favorite_exist .in_favorites{
    display: block;
    color: #34A12B;
}
.fast_favorite.fast_favorite_exist .not_in_favorites{
    display: none;
}

.top_compare_area .option-header__counter_empty{
    display: none;
}

.mobile_compare_area .item-fixedMenu__counter_empty{
    display: none;
}


.cards-item__option.add_to_compare{grid-gap: 5px;}
.cards-item__option.add_to_compare svg{width: 16px;height: 16px;}
.cards-item__option.add_to_compare.in_compare_exist{color: rgb(52, 161, 43);}

.cards-item__option.add_to_compare.in_compare_exist svg path{fill: rgb(52, 161, 43);}

.cards-item__option.add_to_compare.in_compare_exist .cards-item__option-text{color: rgb(52, 161, 43);}
.cards-item__option.add_to_compare.in_compare_exist:hover .cards-item__option-text{color: rgb(52, 161, 43);}

.cards-item__option.add_to_compare .cards-item__option-text:before{content:'сравнить';}

.cards-item__option.fast_favorite .cards-item__option-text.in_favorites:before{content:'в избранном';white-space: nowrap;}
.cards-item__option.fast_favorite .cards-item__option-text.not_in_favorites:before{content:'в избранное';white-space: nowrap;}

.cards-item__article .cards-item__article-title:before{content:'Код:';white-space: nowrap;}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: rgba(255, 255, 255, 0.7);
}
.preloader:before {
    content: '';
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
            animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border-top-color: transparent;
}

.modal-self .modal__content{
    max-width: 85%;
}
.popup_self_delivery_info_ares{
    overflow: auto;
    clear: both;
}
.popup_self_delivery_info_ares .self_delivery_info_left{
    width: 49%;
    float: left;
}
.popup_self_delivery_info_ares .self_delivery_info_right{
    width: 49%;
    float: left;
    padding-left: 15px;
}

.modal-delivery .modal__content{
    max-width: 85%;
    font-size: 14px;
}

.modal-delivery .modal__content h2{
    font-size: 24px;
    margin: 10px 0;
}
.modal-delivery .modal__content table{
    max-width: 100%;
    border: solid 1px #888;
    border-bottom: 0;
    border-right: 0;
}

.modal-delivery .modal__content table td{
    font-size: 14px;
    border: solid 1px #888;
    border-top: 0;
    border-left: 0;
    padding: 2px;
    width: auto;
}
.modal-delivery .modal__content img{
    display: inline-block;
}

.delivery_area_js{
    display: none;
    padding: 20px 0;
}
.delivery_area{
    display: none;
    padding: 20px;
    border: solid 1px #E8E8E8;
}
.delivery_area_title{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}
.delivery_area_hint{
    margin-top: -20px;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
    line-height: 18px;
}

.ajax_catalog_place_wait{display: block;height: 100%;width: 100%;background: url('https://img.kuzmich24.ru/images/kuzmich/preloader.gif') rgba(255,255,255, 0.5) center center no-repeat;position: fixed;left: 0;top: 0;}

.cookie_agree{position: fixed;bottom: 0;left: 0;right: 0;background: rgba(247, 191, 188, 0.85);width: 100%;padding: 10px 0;z-index: 9999999;background: rgba(52, 161, 43, 0.85); color:#fff;}
.cookie_agree a{text-decoration: underline; color:#fff;}
.cookie_agree button{float: right;padding: 10px;margin: 0 0 0 5px;background: #cb1d00;border: none;color: #fff;border-radius: 3px;text-transform: lowercase;font-weight: bold;cursor: pointer; text-transform: uppercase;}

@media screen and (max-width: 767px) {
    .cookie_agree{padding: 5px 0;}
    .cookie_agree .wrapper{font-size: 12px;line-height: 12px;padding: 0 5px;}
}

.sale_sub_cetegory_item{
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.sale_sub_cetegory_item:hover{
    color: #181818;
    text-decoration: underline;
}

.sale_sub_cetegory_item.sales_categories_list_active{
    font-weight: bold;
}

.manufacturers_item_area_content img{
    float:left;
    margin: 0 10px 10px 0;
}

.manufacturers_item_area_content{
    overflow: auto;
    margin-bottom:20px;
}

.order_state {display: grid;}

.order_state .order_state_area {
    margin-bottom: 14px;
    display: grid;
    grid-template-columns: 448px;
    grid-column-gap: 30px;
    grid-row-gap: 19px;
}

.order_state .button {
    padding: 16px 41px;
    justify-self: start;
}

.order_state .button.call_manager{display: none;}

.order_state_error{color:#F00;}

@media screen and (max-width: 767px) {
    .sale__price > div{display: flex;}
}

.special__slider{
    width: auto;
}

.error{
    margin: 20px 0;
    border: solid 1px #f00;
    padding: 20px;
    color: #f00;
}

.suggested__wrapper.suggested__wrapper_not_in_stock{margin-bottom: 40px;}

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

.result-basket_one_click_order.button {
    background-color: #34A12B;
    margin-bottom: 15px;
}

.delivery_days{
    overflow: auto;
}

.delivery_days > div{
    float: left;
    width: 85px;
    height: 85px;
    border: 2px solid #D9D9D9;
    border-radius: 5px;
    color: #D9D9D9;
    padding: 6px;
    cursor: pointer;
    text-align: center;
    margin: 4px;
    line-height: 20px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.delivery_days > div:hover{
    border-color: #34A12B;
    color: #34A12B;
}
.delivery_days > div.delivery_days-active{
    border-color: #34A12B;
    color: #34A12B;
}

.delivery_days > div.delivery_days_stop{
    background-color: #ff9c9c;
}

.modal_form_one_click_order .phone_error{font-size: 13px;line-height: 25px;margin-top: 5px;color: #CB1E00;font-weight: 500;}

.button.retry_order_button{padding: 6px 15px;}

.cart_phone_error{font-size: 13px;line-height: 25px;margin-top: 5px;color: #CB1E00;font-weight: 500;}
.cart_phone_error a{color: #34A12B;}
.cart_email_error{font-size: 13px;line-height: 25px;margin-top: 5px;color: #CB1E00;font-weight: 500;}
.cart_email_error a{color: #34A12B;}


.basket_fast_form{display: grid;grid-template-columns: 2fr 5fr; gap: 30px; margin-top: 30px;}
.basket_fast_form .basket_fast_form_hint{padding: 15px 0; font-size: 14px; font-style: italic; text-align: center; line-height: 18px;}

.basket_fast_form .modal__form{padding: 0;}

.basket_fast_form .basket_fast_form_one_click .form__button{background-color: #34A12B;margin-bottom: 15px;}
.basket_fast_form .basket_fast_form_one_click .form__button.disabled {background-color: #ccc;cursor: not-allowed;}

.ya_split_cart_widget_area{width: 33%; margin-top: -20px; margin-bottom: -20px;}
@media screen and (max-width: 767px) {
    .ya_split_cart_widget_area{width: 100%; margin-bottom: 0px;}
}

@media screen and (max-width: 767px) {
    .sort__left-title{display: none;}
}

@media screen and (max-width: 767px) {
    .crumbs{margin-bottom: 15px;}
}

.ya_split_item_widget{margin:0 -20px;}