@charset "UTF-8";
@use "sass:math";
@font-face {
  font-family: "Manrope";
  src: local("../fonts/Manrope-Regular"), local("Manrope"), url("../fonts/Manrope-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Manrope";
  src: local("../fonts/Manrope-ExtraBold"), local("Manrope"), url("../fonts/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Manrope";
  src: local("../fonts/Manrope-Bold"), local("Manrope"), url("../fonts/Manrope-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Manrope";
  src: local("../fonts/Manrope-SemiBold"), local("Manrope"), url("../fonts/Manrope-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "icons";
  src: url("../fonts/icons.ttf?t3axn2") format("truetype"), url("../fonts/icons.woff?t3axn2") format("woff"), url("../fonts/icons.svg?t3axn2#icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="_icon-"],
[class*=" _icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Manrope", "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

._icon-filter:before {
  content: "\e904"; }

._icon-filter-a:after {
  content: "\e904"; }

._icon-arr:before {
  content: "\e900"; }

._icon-arr-a:after {
  content: "\e900"; }

._icon-burger:before {
  content: "\e901"; }

._icon-close:before {
  content: "\e902"; }

._icon-close-a:after {
  content: "\e902"; }

._icon-tile:before {
  content: "\e903"; }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
header,
hgroup,
menu,
nav,
output,
ruby,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0; }

section {
  border: 0;
  padding: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1,
h3,
h4,
h5,
h6 {
  font-weight: 700; }

*:focus,
*:hover,
*:active {
  outline: none; }

input {
  font: inherit; }
  input::placeholder {
    font-size: inherit;
    line-height: inherit;
    color: inherit; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none; }

button {
  font-size: inherit;
  line-height: inherit; }

svg {
  pointer-events: none !important; }

input[type="checkbox"]:focus {
  -moz-outline-offset: -1px !important;
  -moz-outline: 1px solid #000 !important; }

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

img {
  max-width: 100%; }

a,
button,
svg,
span {
  transition: 0.2s all ease;
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }
  a:hover, a:focus, a:active,
  button:hover,
  button:focus,
  button:active,
  svg:hover,
  svg:focus,
  svg:active,
  span:hover,
  span:focus,
  span:active {
    outline: none !important;
    user-select: none !important; }
  a.cover,
  button.cover,
  svg.cover,
  span.cover {
    background-size: cover; }

button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  font-family: inherit; }

input,
textarea {
  padding: 0;
  border: none;
  background-color: transparent;
  font-family: inherit; }

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

hr {
  border: 0;
  border-top: 1px solid #eee; }

input[type="checkbox"] {
  margin: 0; }

.flex {
  display: flex; }

.inline-flex {
  display: inline-flex; }

.flex-center-vertical {
  align-items: center; }

.flex-center-horizontal {
  justify-content: center; }

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

.flex-space-around {
  justify-content: space-around; }

.flex-start {
  align-items: flex-start; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.flex-end {
  align-items: flex-end; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-column {
  flex-direction: column; }

.grid {
  display: grid; }

.bg-i {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  display: block;
  width: 100%;
  height: 100%; }
  .bg-i.contain {
    background-size: contain; }

.center {
  text-align: center; }

.grecaptcha-badge {
  display: none !important; }

.admin--panel-wrap #bx-panel {
  z-index: 9999 !important; }

._lock {
  overflow: hidden; }

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

.fancybox-active {
  height: auto; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-slide--html {
  padding: 0; }

.modal {
  display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-close {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 1599px) {
    .fancybox-close {
      width: 32px;
      height: 32px; } }

.fancybox-button--close {
  display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0; }

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

@supports (padding: 0px) {
  .fancybox-caption {
    padding: 75px 44px 25px 44px; } }

.fancybox-caption--separate {
  margin-top: -50px; }

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

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

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

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

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide--image {
    padding: 0; }
  .fancybox-close-small {
    right: -6px; }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px; }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px; }
  @supports (padding: 0px) {
    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px; } } }

/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px); } }

.header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background: #FFFFFF;
  z-index: 9989; }
  @media (max-width: 1023px) {
    .header .line {
      display: none; } }
  .header--magazins {
    display: none; }
    @media (max-width: 1023px) {
      .header--magazins {
        display: flex; } }
  .header .scroll--callback {
    display: none;
    padding-right: 16px;
    position: relative;
    margin-right: 8px; }
    @media (max-width: 1023px) {
      .header .scroll--callback {
        display: block;
        margin-left: 12px;
        padding-right: 24px;
        margin-right: 12px; } }
    @media (max-width: 639px) {
      .header .scroll--callback {
        margin-left: 4px;
        padding-right: 8px;
        margin-right: 4px; } }
    .header .scroll--callback > a {
      width: 48px;
      height: 48px; }
      @media (max-width: 1599px) {
        .header .scroll--callback > a {
          width: 32px;
          height: 32px; } }
    .header .scroll--callback:after {
      content: '';
      height: 16px;
      width: 1px;
      background: #C5CBD9;
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translate(0, -50%); }
  @media (max-width: 1599px) {
    .header--logo svg {
      max-width: 114px;
      height: 100%; } }
  @media (max-width: 1023px) {
    .header--logo {
      margin-right: auto;
      margin-left: 16px; }
      .header--logo svg {
        max-width: 66px; } }
  @media (max-width: 767px) {
    .header--logo {
      margin: 0 auto 0 8px; } }
  .header--scroll-btn {
    display: none;
    width: 10%;
    margin-left: 44px; }
    @media (max-width: 1919px) {
      .header--scroll-btn {
        width: 144px; } }
    @media (max-width: 1599px) {
      .header--scroll-btn {
        width: 105px;
        margin-left: 32px; } }
    @media (max-width: 1279px) {
      .header--scroll-btn {
        margin-left: 20px; } }
    .header--scroll-btn .btn--base {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400; }
      @media (max-width: 1599px) {
        .header--scroll-btn .btn--base {
          font-size: 14px;
          line-height: 20px; } }
    .header--scroll-btn svg {
      margin-right: 12px; }
      @media (max-width: 1599px) {
        .header--scroll-btn svg {
          margin-right: 10px; } }
  .header:not(.scroll) .header--bottom-wrap > .header--middle {
    width: 83.33333%;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 1919px) {
      .header:not(.scroll) .header--bottom-wrap > .header--middle {
        width: calc(90% - 16px); } }
    @media (max-width: 1599px) {
      .header:not(.scroll) .header--bottom-wrap > .header--middle {
        width: calc(100% - 64px); } }
    @media (max-width: 1023px) {
      .header:not(.scroll) .header--bottom-wrap > .header--middle {
        width: calc(100% - 32px); } }
  .header:not(.scroll) .header--bottom-wrap > .header--bottom {
    padding-left: 8.33333%;
    padding-right: 8.33333%; }
    @media (max-width: 1919px) {
      .header:not(.scroll) .header--bottom-wrap > .header--bottom {
        padding-left: calc(5% + 8px);
        padding-right: calc(5% + 8px); } }
    @media (max-width: 1599px) {
      .header:not(.scroll) .header--bottom-wrap > .header--bottom {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (max-width: 1023px) {
      .header:not(.scroll) .header--bottom-wrap > .header--bottom {
        padding-left: 16px;
        padding-right: 16px; } }
  .header.scroll {
    box-shadow: 0px 0px 40px rgba(22, 35, 54, 0.07); }
    @media (min-width: 1024px) {
      .header.scroll .header--top {
        display: none; }
      .header.scroll .scroll--callback {
        display: flex; }
      .header.scroll .container {
        width: 87.5%;
        margin: 0 4.16667% 0 8.33333%; } }
  @media (min-width: 1024px) and (max-width: 1919px) {
    .header.scroll .container {
      width: 90%;
      margin: 0 20px 0 5%; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .header.scroll .container {
      width: 100%;
      margin: 0;
      padding: 0 32px 0 32px; } }
  @media (min-width: 1024px) and (max-width: 1023px) {
    .header.scroll .container {
      padding: 0 16px 0 16px; } }
    @media (min-width: 1024px) {
      .header.scroll .header--bottom {
        padding: 0;
        background: none;
        margin-left: auto; }
        .header.scroll .header--bottom nav {
          display: none; }
        .header.scroll .header--bottom-wrap {
          display: flex;
          width: 87.5%;
          margin: 0 4.16667% 0 8.33333%; } }
    @media (min-width: 1024px) and (max-width: 1919px) {
      .header.scroll .header--bottom-wrap {
        width: 90%;
        margin: 0 20px 0 5%; } }
    @media (min-width: 1024px) and (max-width: 1599px) {
      .header.scroll .header--bottom-wrap {
        width: 100%;
        margin: 0;
        padding: 0 32px 0 32px; } }
    @media (min-width: 1024px) {
      .header.scroll .header--middle {
        margin: 12px 0;
        width: 72.85714%; } }
  @media (min-width: 1024px) and (max-width: 1279px) {
    .header.scroll .header--middle {
      width: 66.66667%; } }
    @media (min-width: 1024px) {
      .header.scroll .header--contacts {
        display: none; }
      .header.scroll .header--callback {
        display: none; }
      .header.scroll .header--logo svg {
        width: 118px;
        height: auto; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .header.scroll .header--logo svg {
      width: 96px; } }
    @media (min-width: 1024px) {
      .header.scroll .header--scroll-btn {
        display: flex; }
      .header.scroll .header--search {
        margin: 0 0 0 16px; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .header.scroll .header--search {
      margin: 0 0 0 8px; } }
    @media (max-width: 1023px) {
      .header.scroll .header--bottom {
        display: none; } }
    @media (max-width: 1023px) {
      .header.scroll .header--middle {
        padding: 0 16px; } }
  .header--bottom {
    padding: 4px 0;
    background: #F4F5F6; }
    @media (max-width: 1023px) {
      .header--bottom {
        padding: 0;
        background: #ffffff; }
        .header--bottom nav {
          display: none; } }
  .header--inner {
    z-index: 3;
    background: #ffffff;
    position: relative; }
  @media (max-width: 1023px) {
    .header--callback {
      display: none; } }
  .header--callback-main {
    padding: 24px;
    box-shadow: 0px 0px 40px rgba(22, 35, 54, 0.07);
    width: 238px;
    position: fixed;
    z-index: 3;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease; }
    @media (max-width: 1599px) {
      .header--callback-main {
        padding: 18px;
        width: 216px; } }
    .header--callback-main.active {
      opacity: 1;
      visibility: visible; }
  .header--callback-social {
    padding: 20px 0;
    margin: 20px 0;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #DADADA; }
    @media (max-width: 1599px) {
      .header--callback-social {
        padding: 12px 0;
        margin: 12px 0; } }
    @media (max-width: 1599px) {
      .header--callback-social ul li {
        margin-bottom: 4px; }
        .header--callback-social ul li:last-child {
          margin-bottom: 0; } }
    .header--callback-social a {
      font-size: 14px;
      line-height: 20px;
      color: #1F2636;
      padding: 10px;
      border-radius: 5px;
      background: #ffffff; }
      .header--callback-social a:hover {
        background: #F4F5F6; }
      .header--callback-social a.social--callback svg {
        color: #4772DA; }
      .header--callback-social a.social--whatsapp svg {
        color: #37B449; }
      .header--callback-social a.social--vkontakte svg {
        color: #5283AD; }
      .header--callback-social a svg {
        color: #96A3BB; }
      @media (max-width: 1599px) {
        .header--callback-social a {
          font-size: 12px;
          line-height: 16px;
          padding: 8px; } }
      .header--callback-social a svg {
        margin-right: 12px; }
        @media (max-width: 1599px) {
          .header--callback-social a svg {
            width: 16px;
            height: auto;
            margin-right: 8px; } }
  .header--catalog-lw {
    width: 336px; }
    @media (max-width: 1599px) {
      .header--catalog-lw {
        width: 252px; } }
    @media (max-width: 1279px) {
      .header--catalog-lw {
        width: 220px; } }
  .header--catalog-rw {
    position: relative;
    width: calc(100% - 336px); }
    @media (max-width: 1599px) {
      .header--catalog-rw {
        width: calc(100% - 252px); } }
    @media (max-width: 1279px) {
      .header--catalog-rw {
        width: calc(100% - 220px); } }
  .header--catalog-submenu {
    position: fixed;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
    top: -999px;
    background: #ffffff;
    overflow: hidden;
    padding: 32px 0; }
    .header--catalog-submenu.active {
      opacity: 1;
      visibility: visible; }
  .header--catalog-right {
    overflow: auto;
    padding-left: 64px;
    padding-right: 70px; }
    @media (max-width: 1599px) {
      .header--catalog-right {
        padding-left: 56px;
        padding-right: 50px; } }
    @media (max-width: 1279px) {
      .header--catalog-right {
        padding-left: 24px;
        padding-right: 40px; } }
    .header--catalog-right .menu--catalog-block {
      display: none;
      width: 100%; }
      .header--catalog-right .menu--catalog-block.active {
        display: block; }
    .header--catalog-right .simplebar-content {
      column-count: 4;
      overflow: auto; }
    .header--catalog-right .menu--catalog-title {
      font-weight: bold;
      font-size: 14px;
      line-height: 20px;
      color: #1F2636;
      margin-bottom: 16px;
      display: block; }
      @media (max-width: 1599px) {
        .header--catalog-right .menu--catalog-title {
          font-size: 12px;
          line-height: 16px;
          margin-bottom: 12px; } }
    .header--catalog-right .menu--catalog-item {
      margin-bottom: 32px;
      page-break-inside: avoid;
      break-inside: avoid;
      display: block; }
      .header--catalog-right .menu--catalog-item a:not(.menu--catalog-title) {
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
        margin-bottom: 4px;
        padding: 4px 0;
        display: block; }
        @media (max-width: 1599px) {
          .header--catalog-right .menu--catalog-item a:not(.menu--catalog-title) {
            padding: 2px 0;
            font-size: 12px;
            line-height: 16px; } }
        .header--catalog-right .menu--catalog-item a:not(.menu--catalog-title):last-child {
          margin-bottom: 0; }
  .header--catalog-left {
    overflow: auto; }
    .header--catalog-left li {
      width: 100%; }
      .header--catalog-left li.active button {
        background: #F4F5F6;
        color: #4772DA; }
      .header--catalog-left li a {
        padding: 8px 12px;
        cursor: pointer;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        border-radius: 5px;
        transition: .3s all ease;
        text-align: left;
        width: 100%; }
        @media (max-width: 1599px) {
          .header--catalog-left li a {
            font-size: 12px;
            line-height: 16px; } }
        .header--catalog-left li a:hover {
          background: #F4F5F6;
          color: #4772DA; }
        .header--catalog-left li a:active {
          background: none;
          color: #496DC2; }
        .header--catalog-left li a img {
          margin-right: 8px; }
    .header--catalog-left ul {
      margin-bottom: 12px;
      padding-bottom: 12px;
      border-bottom: 1px solid #C5CBD9;
      max-width: calc(100% - 64px); }
      @media (max-width: 1599px) {
        .header--catalog-left ul {
          max-width: calc(100% - 40px);
          margin-bottom: 8px;
          padding-bottom: 8px; } }
      @media (max-width: 1279px) {
        .header--catalog-left ul {
          max-width: calc(100% - 24px); } }
      .header--catalog-left ul:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0; }
  .header--search {
    margin: 0 60px;
    flex: 1 auto;
    height: 48px;
    border: 1px solid #C5CBD9;
    border-radius: 5px;
    position: relative; }
    @media (max-width: 1919px) {
      .header--search {
        margin: 0 56px; } }
    @media (max-width: 1599px) {
      .header--search {
        margin: 0 44px;
        height: 40px; } }
    @media (max-width: 1279px) {
      .header--search {
        margin: 0 28px; } }
    @media (max-width: 1023px) {
      .header--search {
        margin: 0; } }
    .header--search-all {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      color: #878889;
      padding-top: 4px; }
      @media (max-width: 767px) {
        .header--search-all {
          font-size: 12px;
          line-height: 16px;
          padding-top: 0; } }
    .header--search-block {
      margin-bottom: 16px; }
      @media (max-width: 767px) {
        .header--search-block {
          margin-bottom: 12px; } }
      .header--search-block:last-child {
        margin-bottom: 0; }
      .header--search-block > div {
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: #1F2636;
        margin-bottom: 8px; }
        @media (max-width: 767px) {
          .header--search-block > div {
            font-size: 12px;
            line-height: 16px; } }
    .header--search.active {
      border-color: #4772DA; }
     /* .header--search.active #search_clear {
        opacity: 1;
        visibility: visible; } */
      .header--search.active .header--search-results {
        opacity: 1;
        visibility: visible; }
    .header--search-results {
      position: absolute;
      top: calc(100% + 1px);
      left: 0;
      right: 0;
      background: #ffffff;
      padding: 24px 16px;
      z-index: 2;
      opacity: 0;
      visibility: hidden;
      box-shadow: 0px 0px 40px rgba(22, 35, 54, 0.07);
      border-radius: 0 0 5px 5px; }
      .header--search-results li {
        font-size: 14px;
        line-height: 20px;
        color: #1F2636;
        margin-bottom: 4px; }
        @media (max-width: 767px) {
          .header--search-results li {
            font-size: 12px;
            line-height: 16px; } }
        .header--search-results li:last-child {
          margin-bottom: 0; }
    .header--search-main {
      height: 100%;
      padding: 0 16px;
      position: relative; }
      .header--search-main button {
        width: 32px;
        height: 32px; }
      .header--search-main #search_clear {
        position: absolute;
        right: 48px;
        opacity: 0;
        visibility: hidden; }
      .header--search-main #search_btn {
        position: absolute;
        right: 16px; }
      .header--search-main label {
        width: 100%;
        height: 100%; }
        .header--search-main label input {
          width: 100%;
          font-size: 16px;
          line-height: 24px;
          color: #878889; }
          @media (max-width: 1599px) {
            .header--search-main label input {
              font-size: 14px;
              line-height: 20px; } }
      .header--search-main svg {
        color: #1F2636; }
        .header--search-main svg:hover {
          color: #6689DD; }
        .header--search-main svg:active {
          color: #496DC2; }
  .header--menu-btn {
    display: none; }
    @media (max-width: 1023px) {
      .header--menu-btn {
        display: flex;
        padding: 6px; } }
  .header--menu-close {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 16px;
    top: 0;
    z-index: 1; }
    @media (max-width: 1279px) {
      .header--menu-close {
        right: 0; } }
    .header--menu-close svg {
      color: #1F2636; }
    .header--menu-close:hover svg {
      color: #6689DD; }
    .header--menu-close:active svg {
      color: #496DC2; }
  .header--menu-item {
    margin: 0 20px;
    font-size: 16px;
    line-height: 24px;
    color: #1F2636;
    position: relative; }
    @media (max-width: 1599px) {
      .header--menu-item {
        font-size: 14px;
        line-height: 20px; } }
    @media (max-width: 1279px) {
      .header--menu-item {
        margin: 0 16px; } }
    .header--menu-item:first-child {
      margin-left: 0; }
    .header--menu-item:last-child:not(.not_all_css) {
      margin-right: 0;
      padding-left: 40px; }
      @media (max-width: 1279px) {
        .header--menu-item:last-child:not(.not_all_css) {
          padding-left: 32px; } }
      .header--menu-item:last-child:not(.not_all_css):before {
        content: '';
        height: 16px;
        width: 1px;
        background: #C5CBD9;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%); }
    .header--menu-item.hmc {
      background: #4772DA;
      border-radius: 5px;
      transition: .3s all ease; }
      .header--menu-item.hmc:hover {
        background: #6689DD; }
      .header--menu-item.hmc:active {
        background: #496DC2; }
      .header--menu-item.hmc button {
        width: 100%;
        height: 100%;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff; }
        @media (max-width: 1599px) {
          .header--menu-item.hmc button {
            font-size: 14px;
            line-height: 20px;
            padding: 10px 16px; } }
      .header--menu-item.hmc svg {
        margin-right: 10px; }
  .header--callback {
    width: 200px; }
    @media (max-width: 1599px) {
      .header--callback {
        width: 160px; } }
  .header--icons-empty {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #1F2636;
    padding: 4px 8px;
    background: #ffffff;
    z-index: 2;
    box-shadow: 0px 4px 25px rgba(22, 35, 54, 0.12);
    border-radius: 5px 2px 5px 5px;
    position: fixed;
    opacity: 1;
    visibility: visible; }
    .header--icons-empty.hidden {
      opacity: 0;
      visibility: hidden; }
  .header--icons a {
    position: relative; }
    .header--icons a.active .float--cart-num {
      display: flex; }
    .header--icons a.active svg {
      color: #6689dd; }
    .header--icons a svg {
      color: #96A3BB; }
      @media (max-width: 1599px) {
        .header--icons a svg {
          width: 18px;
          height: auto; } }
    .header--icons a:hover svg {
      color: #6689DD; }
    .header--icons a:active svg {
      color: #4772DA; }
  .header--contacts {
    font-size: 14px;
    line-height: 20px;
    color: #878889;
    margin-left: auto;
    margin-right: 60px; }
    @media (max-width: 1599px) {
      .header--contacts {
        font-size: 12px;
        line-height: 16px;
        margin-right: 44px; } }
    @media (max-width: 1279px) {
      .header--contacts {
        margin-right: 28px; } }
    @media (max-width: 1023px) {
      .header--contacts {
        display: none; } }
    .header--contacts > div + div {
      margin-left: 44px; }
      @media (max-width: 1279px) {
        .header--contacts > div + div {
          margin-left: 28px; } }
    .header--contacts a {
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: #1F2636; }
      @media (max-width: 1599px) {
        .header--contacts a {
          font-size: 16px;
          line-height: 24px;
          margin: 4px 0; } }
      @media (max-width: 1279px) {
        .header--contacts a {
          font-size: 14px;
          line-height: 20px; } }
  .header--middle {
    margin-top: 30px;
    margin-bottom: 30px; }
    @media (max-width: 1599px) {
      .header--middle {
        margin-top: 8px;
        margin-bottom: 8px; } }
    @media (max-width: 1023px) {
      .header--middle {
        margin: 12px 0; } }
  .header--enter span {
    padding: 4px; }
  .header--enter svg {
    margin-left: 8px; }
  @media (max-width: 1279px) {
    .header--enter {
      margin-left: auto; } }
  .header--social {
    color: #96A3BB;
    margin: 0 auto; }
    .header--social > *:nth-child(2) {
      margin: 0 32px; }
  .header--top {
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px; }
    @media (max-width: 1599px) {
      .header--top {
        font-size: 12px;
        line-height: 16px;
        padding: 16px 0; } }
    @media (max-width: 1279px) {
      .header--top {
        padding: 8px 0; }
        .header--top .header--social {
          display: none; } }
    @media (max-width: 1023px) {
      .header--top {
        display: none; } }
    .header--top-menu {
      width: 50%; }
      @media (max-width: 1919px) {
        .header--top-menu {
          width: 55.55556%; } }
      @media (max-width: 1599px) {
        .header--top-menu {
          width: 50.83333%;
          margin-left: 56px; } }
      @media (max-width: 1279px) {
        .header--top-menu {
          width: 66.66667%; } }
  .header--city-choose {
    width: 20%; }
    .header--city-choose svg {
      min-width: 16px;
      min-height: 16px; }
    .header--city-choose a > div {
      padding: 4px; }
    @media (max-width: 1919px) {
      .header--city-choose {
        width: 22.22222%; } }
    @media (max-width: 1599px) {
      .header--city-choose {
        width: 12.91667%; }
        .header--city-choose > a {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .header--city-choose > a div {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-left: 4px; } }
    .header--city-choose div {
      margin-left: 12px; }
  .header--icons a .float--cart-num {
    position: absolute;
    border-radius: 20px;
    padding: 2px 6px;
    background: #ED5858;
    border: 3px solid #F4F5F6;
    color: #FFFFFF;
    right: 0;
    top: 0;
    font-weight: bold;
    font-size: 10px; /* цифры в красном */
    line-height: 14px;
    display: none; }
    @media (max-width: 1599px) {
      .header--icons a .float--cart-num {
        font-size: 9px;
        line-height: 12px;
        padding: 0 4px;
        top: 0;
        border: 2px solid #F4F5F6; } }
  .header--icons > a {
    width: 48px;
    height: 48px;
    margin: 0 8px;
    position: relative; }
    @media (max-width: 1599px) {
      .header--icons > a {
        width: 32px;
        height: 32px; } }
    @media (max-width: 1023px) {
      .header--icons > a {
        margin: 0 12px; } }
    @media (max-width: 639px) {
      .header--icons > a {
        margin: 0 4px; } }
    .header--icons > a:first-child {
      margin-left: 0; }
    .header--icons > a:last-child {
      margin-right: 0; }
  .header--icons .float--cart-btn {
    width: auto;
    padding-left: 16px;
    position: relative;
    margin-left: 8px; }
    @media (max-width: 1023px) {
      .header--icons .float--cart-btn {
        margin-left: 12px;
        padding-left: 24px; } }
    @media (max-width: 639px) {
      .header--icons .float--cart-btn {
        padding-left: 0;
        margin-left: 4px; } }
    .header--icons .float--cart-btn.active > a {
      position: relative; }
      .header--icons .float--cart-btn.active > a .float--cart-num {
        display: flex; }
      .header--icons .float--cart-btn.active > a svg {
        color: #6689dd; }
    .header--icons .float--cart-btn.active > div {
      font-weight: bold;
      font-size: 14px;
      line-height: 20px;
      color: #1F2636; }
      @media (max-width: 1599px) {
        .header--icons .float--cart-btn.active > div {
          font-size: 12px;
          line-height: 16px;
          margin-left: 4px; } }
      @media (max-width: 1023px) {
        .header--icons .float--cart-btn.active > div {
          display: none; } }
    .header--icons .float--cart-btn > a {
      width: 48px;
      height: 48px; }
      @media (max-width: 1599px) {
        .header--icons .float--cart-btn > a {
          width: 32px;
          height: 32px; } }
    .header--icons .float--cart-btn:before {
      content: '';
      left: 0;
      height: 16px;
      width: 1px;
      background: #C5CBD9;
      position: absolute;
      display: block;
      top: 50%;
      transform: translate(0, -50%); }
      @media (max-width: 639px) {
        .header--icons .float--cart-btn:before {
          display: none; } }

.call {
  font-size: 14px;
  line-height: 20px;
  color: #1F2636; }
  @media (max-width: 1599px) {
    .call {
      font-size: 12px;
      line-height: 16px; } }

.float--cart-btn {
  color: #96A3BB;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  width: auto; }
  @media (max-width: 1599px) {
    .float--cart-btn {
      font-size: 12px;
      line-height: 16px; } }
  .float--cart-btn > svg {
    margin-right: 10px; }

.mobile--menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: 9999;
  padding: 8px 16px 28px 16px;
  box-shadow: 0 0 40px rgba(22, 35, 54, 0.07);
  width: 380px;
  opacity: 0;
  visibility: hidden;
  transition: .3s all ease;
  display: none; }
  @media (max-width: 1023px) {
    .mobile--menu {
      display: block; } }
  @media (max-width: 479px) {
    .mobile--menu {
      width: 100%; } }
  .mobile--menu-middle {
    margin: 24px 0; }
    .mobile--menu-middle > ul > li {
      border-bottom: 1px solid #C5CBD9; }
  .mobile--menu-catalog {
    background: #4772DA;
    border-radius: 5px; }
    .mobile--menu-catalog > button {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      color: #ffffff;
      width: 100%; }
      .mobile--menu-catalog > button svg {
        margin-left: 12px; }
  .mobile--menu.active {
    opacity: 1;
    visibility: visible; }
  .mobile--menu-close {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 8px;
    top: 8px;
    z-index: 10; }
  .mobile--menu-city {
    margin-top: 8px; }
    .mobile--menu-city > div > div:first-child {
      font-weight: 700;
      font-size: 12px;
      line-height: 16px;
      color: #1F2636;
      margin-bottom: 2px; }
    .mobile--menu-city svg {
      margin-top: 4px; }
  .mobile--menu-top {
    font-size: 12px;
    line-height: 16px; }
    .mobile--menu-top button {
      padding: 8px 0; }
    .mobile--menu-top svg {
      margin-right: 12px; }
  .mobile--menu-fon {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(31, 38, 54, 0.3);
    z-index: 9990;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease; }
    .mobile--menu-fon.active {
      opacity: 1;
      visibility: visible; }
  .mobile--menu-wrap {
    height: 100%; }
  .mobile--menu-main {
    max-height: calc(100% - 74px);
    overflow: auto; }
  .mobile--menu-social a svg {
    color: #96A3BB; }
  .mobile--menu-wrap .header--contacts {
    display: flex;
    margin-right: 0;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 24px; }
  .mobile--menu-catalog ul li {
    border-bottom: 1px solid #C5CBD9; }
    .mobile--menu-catalog ul li:last-child {
      border-bottom: 0; }
  .mobile--menu-catalog ul.last--border {
    margin-bottom: 24px; }
    .mobile--menu-catalog ul.last--border ul {
      max-height: calc(100% - 68px);
      overflow: auto; }
    .mobile--menu-catalog ul.last--border > li:last-child {
      border-bottom: 1px solid #C5CBD9; }
  .mobile--menu-catalog ul.no--border {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #C5CBD9; }
    .mobile--menu-catalog ul.no--border:last-of-type {
      margin: 0;
      padding: 0;
      border: 0; }
    .mobile--menu-catalog ul.no--border > li {
      border-bottom: 0; }
  .mobile--menu-catalog a:not(.mobile--submenu-title) {
    padding: 16px 0;
    position: relative;
    width: 100%;
    display: flex; }
  .mobile--menu-bottom {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #C5CBD9; }
    .mobile--menu-bottom a {
      font-size: 14px;
      line-height: 20px;
      color: #1F2636;
      padding: 5px 0; }
      .mobile--menu-bottom a > div {
        margin-right: 12px;
        position: relative; }
        .mobile--menu-bottom a > div .float--cart-num {
          position: absolute;
          border-radius: 20px;
          padding: 0 4px;
          background: #ed5858;
          border: 2px solid #f4f5f6;
          color: #fff;
          right: -2px;
          top: -2px;
          font-weight: 700;
          font-size: 8px;
          line-height: 12px;
          opacity: 0;
          visibility: hidden; }
      .mobile--menu-bottom a svg {
        color: #96A3BB; }
      .mobile--menu-bottom a.active > div .float--cart-num {
        opacity: 1;
        visibility: visible; }
      .mobile--menu-bottom a.active svg {
        color: #4772DA; }
      .mobile--menu-bottom a.disabled {
        color: #96A3BB; }
        .mobile--menu-bottom a.disabled svg {
          color: #96A3BB; }

.mobile--catalog-item {
  font-size: 14px;
  line-height: 20px;
  color: #1F2636;
  font-weight: 500; }
  .mobile--catalog-item ul li {
    border-bottom: 1px solid #C5CBD9; }
    .mobile--catalog-item ul li:last-child {
      border-bottom: 0; }
  .mobile--catalog-item a {
    padding: 16px 0;
    position: relative;
    width: 100%;
    display: flex; }
  .mobile--catalog-item.has--child > button {
    font-weight: 700;
    padding: 16px 0;
    position: relative;
    width: 100%; }
    .mobile--catalog-item.has--child > button svg {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translate(0, -50%);
      color: #C5CBD9; }

.mobile--submenu {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: 3;
  padding: 8px 16px 28px;
  opacity: 0;
  visibility: hidden;
  left: -999px;
  transition: .3s all ease; }
  .mobile--submenu ul li > a img + span {
    margin-left: 8px; }
  .mobile--submenu ul li > button {
    padding: 16px 0;
    position: relative;
    width: 100%;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    color: #1f2636;
    font-weight: 700; }
    .mobile--submenu ul li > button img + span {
      margin-left: 8px; }
    .mobile--submenu ul li > button span + svg {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translate(0, -50%); }
  .mobile--submenu ul li a:not(.mobile--submenu-title) {
    font-size: 14px;
    line-height: 20px;
    color: #1f2636;
    font-weight: 500; }
    .mobile--submenu ul li a:not(.mobile--submenu-title) svg {
      margin-right: 12px; }
  .mobile--submenu-social {
    padding: 24px 0;
    border-top: 1px solid #C5CBD9; }
  .mobile--submenu-main {
    height: calc(100% - 66px);
    overflow: auto; }
  .mobile--submenu.active {
    opacity: 1;
    visibility: visible;
    left: 0; }
  .mobile--submenu .btn--base {
    height: 48px; }
  .mobile--submenu-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #1F2636;
    margin-top: 8px;
    margin-bottom: 8px;
    display: flex; }
  .mobile--submenu-social svg {
    margin-right: 12px; }
  .mobile--submenu-close {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #96a3bb;
    padding: 9px 0;
    width: 100%; }
    .mobile--submenu-close svg {
      color: #96A3BB;
      margin-right: 12px; }

@media (max-width: 1023px) {
  .footer--payments {
    width: calc(50% - 8px);
    margin-left: auto;
    padding-right: 11.875%; } }

@media (max-width: 767px) {
  .footer--payments {
    padding-right: 0;
    width: 100%; } }

.footer--payments svg {
  height: auto; }
  @media (max-width: 1599px) {
    .footer--payments svg:first-child {
      width: 44px; } }
  @media (max-width: 1023px) {
    .footer--payments svg:first-child {
      width: 28px; } }
  @media (max-width: 1599px) {
    .footer--payments svg:nth-child(2) {
      width: 26px; } }
  @media (max-width: 1023px) {
    .footer--payments svg:nth-child(2) {
      width: 19px; } }
  @media (max-width: 1599px) {
    .footer--payments svg:nth-child(3) {
      width: 50px; } }
  @media (max-width: 1023px) {
    .footer--payments svg:nth-child(3) {
      width: 34px; } }

@media (max-width: 1023px) {
  .footer-copyrights {
    width: 100%; } }

@media (max-width: 1023px) {
  .footer--bottom {
    flex-direction: column;
    align-items: flex-start; } }

.footer--bottom-main {
  color: #F4F5F6;
  font-size: 14px;
  line-height: 20px;
  width: 77.5%; }
  @media (max-width: 1599px) {
    .footer--bottom-main {
      font-size: 12px;
      line-height: 16px;
      width: 77.27273%; } }
  @media (max-width: 1279px) {
    .footer--bottom-main {
      width: 81.25%; } }
  @media (max-width: 1023px) {
    .footer--bottom-main {
      width: 100%;
      flex-wrap: wrap; }
      .footer--bottom-main > *:not(.footer-copyrights) {
        width: 50%; }
      .footer--bottom-main > * {
        margin-bottom: 16px; } }
  .footer--bottom-main a {
    color: #F4F5F6; }

.footer--bottom-wrap {
  background: #1F2636;
  padding: 18px 0; }
  @media (max-width: 1599px) {
    .footer--bottom-wrap {
      padding: 16px 0; } }
  @media (max-width: 1279px) {
    .footer--bottom-wrap {
      padding: 12px 0; } }
  @media (max-width: 1023px) {
    .footer--bottom-wrap {
      padding: 16px 0; } }

.footer--main {
  margin-top: 76px;
  border-top: 1px solid #C5CBD9;
  padding-top: 64px; }
  @media (max-width: 1599px) {
    .footer--main {
      padding-top: 44px;
      margin-top: 56px; } }
  @media (max-width: 1279px) {
    .footer--main {
      padding-top: 24px;
      margin-top: 32px; } }

.footer--social {
  width: 26px;
  margin-left: auto; }
  @media (max-width: 1599px) {
    .footer--social {
      width: 20px; } }
  @media (max-width: 1023px) {
    .footer--social {
      order: 1;
      flex-direction: row;
      width: 100%; } }
  @media (max-width: 767px) {
    .footer--social {
      order: 2;
      width: 32px;
      flex-direction: column;
      justify-content: space-between; } }
  .footer--social a {
    margin-bottom: 47px; }
    @media (max-width: 1599px) {
      .footer--social a {
        margin-bottom: 30px;
        width: 32px;
        height: 32px;
        align-items: center;
        justify-content: center; }
        .footer--social a:first-child svg {
          width: 20px; }
        .footer--social a:last-child svg {
          width: 20px; }
        .footer--social a svg {
          width: 16px;
          height: auto; } }
    @media (max-width: 1023px) {
      .footer--social a {
        margin: 0 22px 0 22px; }
        .footer--social a:first-child {
          margin-left: 0; }
        .footer--social a:last-child {
          margin-right: 0; } }
    @media (max-width: 767px) {
      .footer--social a {
        margin: 0; } }
    .footer--social a svg {
      color: #96A3BB; }
    .footer--social a:last-child {
      margin-bottom: 0; }

@media (max-width: 1023px) {
  .footer--top {
    flex-direction: column; } }

@media (max-width: 767px) {
  .footer--top {
    flex-direction: row; } }

.footer--right-bottom {
  max-width: 260px; }
  @media (max-width: 1599px) {
    .footer--right-bottom {
      max-width: 224px; } }
  @media (max-width: 1023px) {
    .footer--right-bottom {
      flex-direction: row;
      display: flex;
      max-width: 100%; } }
  @media (max-width: 767px) {
    .footer--right-bottom {
      flex-direction: column-reverse;
      max-width: 244px; } }

.footer--right-wrap {
  width: 20%;
  margin-left: 6.5%; }
  @media (max-width: 1919px) {
    .footer--right-wrap {
      width: 22.22222%;
      margin-left: 5.55556%; } }
  @media (max-width: 1599px) {
    .footer--right-wrap {
      width: 25%;
      margin-left: 7.91667%; } }
  @media (max-width: 1279px) {
    .footer--right-wrap {
      width: 31.25%; } }
  @media (max-width: 1023px) {
    .footer--right-wrap {
      width: 100%;
      margin-left: 0;
      order: 2; } }
  @media (max-width: 767px) {
    .footer--right-wrap {
      width: calc(100% - 56px); } }
  @media (max-width: 359px) {
    .footer--right-wrap {
      width: calc(100% - 46px); } }
  .footer--right-wrap .border--btn {
    margin: 15px 0 23px 0; }
    @media (max-width: 1599px) {
      .footer--right-wrap .border--btn {
        margin: 14px 0 20px 0; } }
    @media (max-width: 1023px) {
      .footer--right-wrap .border--btn {
        margin: 0;
        width: 224px; } }
    @media (max-width: 767px) {
      .footer--right-wrap .border--btn {
        width: 100%;
        margin-top: 16px; } }

.footer--menu {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #1F2636; }
  @media (max-width: 1599px) {
    .footer--menu {
      font-size: 16px;
      line-height: 24px; } }
  @media (max-width: 1279px) {
    .footer--menu {
      font-size: 14px;
      line-height: 20px; }
      .footer--menu:first-child {
        display: none; } }
  @media (max-width: 1023px) {
    .footer--menu {
      display: none; } }
  .footer--menu-wrap {
    width: 70%; }
    @media (max-width: 1919px) {
      .footer--menu-wrap {
        width: 66.66667%; } }
    @media (max-width: 1599px) {
      .footer--menu-wrap {
        width: 62.5%; } }
    @media (max-width: 1279px) {
      .footer--menu-wrap {
        width: 58.33333%; } }
    @media (max-width: 1023px) {
      .footer--menu-wrap {
        display: none; } }
  .footer--menu li {
    margin-bottom: 8px; }
    @media (max-width: 1599px) {
      .footer--menu li {
        margin-bottom: 4px; } }
    .footer--menu li:last-child {
      margin-bottom: 0; }
    .footer--menu li a {
      font-size: 16px;
      line-height: 24px;
      color: #878889;
      font-weight: normal;
      padding: 4px 0;
      display: block; }
      @media (max-width: 1599px) {
        .footer--menu li a {
          font-size: 14px;
          line-height: 20px; } }
      .footer--menu li a:hover {
        color: #6689DD; }
      .footer--menu li a:active {
        color: #496DC2; }
    .footer--menu li:first-child {
      margin-top: 20px; }
      @media (max-width: 1599px) {
        .footer--menu li:first-child {
          margin-top: 16px; } }

@media (max-width: 1023px) {
  .footer--phone-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 28px 0 20px 0; } }

@media (max-width: 767px) {
  .footer--phone-wrap {
    flex-direction: column;
    margin: 0 0 12px 0; } }

.footer--phone-block {
  margin-bottom: 16px; }
  @media (max-width: 1023px) {
    .footer--phone-block {
      margin-bottom: 0;
      width: calc(50% - 8px); } }
  @media (max-width: 767px) {
    .footer--phone-block {
      width: 100%; } }
  .footer--phone-block:last-child {
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .footer--phone-block:last-child {
        margin-top: 12px; } }
  .footer--phone-block div {
    font-size: 16px;
    line-height: 24px;
    color: #878889; }
    @media (max-width: 1599px) {
      .footer--phone-block div {
        font-size: 14px;
        line-height: 20px; } }
  .footer--phone-block a {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #1F2636;
    display: block;
    margin: 8px 0; }
    @media (max-width: 1599px) {
      .footer--phone-block a {
        font-size: 20px;
        line-height: 28px; } }

.devs {
  margin-left: auto; }
  @media (max-width: 1599px) {
    .devs {
      padding-right: 2.91667%; } }
  @media (max-width: 1023px) {
    .devs {
      margin-left: 0; } }
  .devs div {
    font-size: 12px;
    line-height: 16px;
    color: #F4F5F6;
    margin-left: 16px;
    transition: .3s all ease; }
    @media (max-width: 1599px) {
      .devs div {
        margin-left: 14px; } }
  .devs svg {
    color: #F4F5F6; }
    @media (max-width: 1599px) {
      .devs svg {
        width: 42px;
        height: auto; } }
  .devs:hover svg {
    color: #6689DD; }
  .devs:hover div {
    color: #6689DD; }
  .devs:active svg {
    color: #496DC2; }
  .devs:active div {
    color: #496DC2; }

.container {
  width: 83.33333%;
  margin: 0 auto; }
  @media (max-width: 1919px) {
    .container {
      width: calc(90% - 16px); } }
  @media (max-width: 1599px) {
    .container {
      width: calc(100% - 64px); } }
  @media (max-width: 1279px) {
    .container.mg_fix {
      width: calc(100% - 32px);
      margin: 0 0 0 auto; } }
  @media (max-width: 1023px) {
    .container {
      width: calc(100% - 32px); }
      .container.mg_fix {
        width: calc(100% - 16px);
        margin: 0 0 0 auto; } }

body {
  font-family: "Manrope", serif;
  color: #1c223d;
  text-size-adjust: none;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

h1 {
  font-weight: 500;
  font-size: 32px;
  line-height: 44px; }
  @media (max-width: 1599px) {
    h1 {
      font-size: 28px;
      line-height: 36px; } }
  @media (max-width: 1279px) {
    h1 {
      font-size: 24px;
      line-height: 32px; } }
  @media (max-width: 767px) {
    h1 {
      font-size: 18px;
      line-height: 24px; } }

h2 {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px; }
  @media (max-width: 1599px) {
    h2 {
      font-size: 24px;
      line-height: 36px; } }
  @media (max-width: 1279px) {
    h2 {
      font-size: 20px;
      line-height: 28px; } }
  @media (max-width: 1023px) {
    h2 {
      font-size: 16px;
      line-height: 24px; } }

h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: normal; }
  @media (max-width: 1599px) {
    h3 {
      font-size: 20px;
      line-height: 32px; } }
  @media (max-width: 1023px) {
    h3 {
      font-size: 16px;
      line-height: 24px; } }
  @media (max-width: 359px) {
    h3 {
      font-size: 14px;
      line-height: 20px; } }

h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px; }
  @media (max-width: 1599px) {
    h4 {
      font-size: 16px;
      line-height: 24px; } }
  @media (max-width: 1023px) {
    h4 {
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 359px) {
    h4 {
      font-size: 12px;
      line-height: 16px; } }

h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500; }
  @media (max-width: 1599px) {
    h5 {
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 1023px) {
    h5 {
      font-size: 12px;
      line-height: 16px; } }
  @media (max-width: 359px) {
    h5 {
      font-weight: 600;
      font-size: 12px;
      line-height: 16px; } }

.mg12 {
  margin-top: 12px; }
  @media (max-width: 1599px) {
    .mg12 {
      margin-top: 8px; } }

.mg12_bottom {
  margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .mg12_bottom {
      margin-bottom: 8px; } }

.mg16 {
  margin-top: 16px; }
  @media (max-width: 1599px) {
    .mg16 {
      margin-top: 14px; } }

.mg20_bottom {
  margin-bottom: 20px; }

.mg24 {
  margin-top: 24px; }
  @media (max-width: 1599px) {
    .mg24 {
      margin-top: 20px; } }
  @media (max-width: 1279px) {
    .mg24 {
      margin-top: 8px; } }

.mg24_bottom {
  margin-bottom: 24px; }
  @media (max-width: 1599px) {
    .mg24_bottom {
      margin-bottom: 20px; } }
  @media (max-width: 1023px) {
    .mg24_bottom {
      margin-bottom: 8px; } }

.mg28_bottom {
  margin-bottom: 28px; }
  @media (max-width: 1599px) {
    .mg28_bottom {
      margin-bottom: 20px; } }
  @media (max-width: 639px) {
    .mg28_bottom {
      margin-bottom: 8px; } }

.mg32 {
  margin-top: 32px; }

.mg32_bottom {
  margin-bottom: 32px; }
  @media (max-width: 1599px) {
    .mg32_bottom {
      margin-bottom: 28px; } }
  @media (max-width: 1279px) {
    .mg32_bottom {
      margin-bottom: 12px; } }

.mg40_top {
  margin-top: 40px; }
  @media (max-width: 1599px) {
    .mg40_top {
      margin-top: 20px; } }
  @media (max-width: 1279px) {
    .mg40_top {
      margin-top: 8px; } }

.mg40_bottom {
  margin-bottom: 40px; }
  @media (max-width: 1599px) {
    .mg40_bottom {
      margin-bottom: 32px; } }
  @media (max-width: 1279px) {
    .mg40_bottom {
      margin-bottom: 16px; } }

.mg56_top {
  margin-top: 56px; }
  @media (max-width: 1599px) {
    .mg56_top {
      margin-top: 36px; } }
  @media (max-width: 1279px) {
    .mg56_top {
      margin-top: 20px; } }

.mg60_top {
  margin-top: 60px; }
  @media (max-width: 1599px) {
    .mg60_top {
      margin-top: 40px; } }
  @media (max-width: 1279px) {
    .mg60_top {
      margin-top: 20px; } }

.mg24_top {
  margin-top: 24px; }
  @media (max-width: 1599px) {
    .mg24_top {
      margin-top: 20px; } }
  @media (max-width: 1279px) {
    .mg24_top {
      margin-top: 8px; } }

.mg60_bottom {
  margin-bottom: 60px; }
  @media (max-width: 1599px) {
    .mg60_bottom {
      margin-bottom: 40px; } }
  @media (max-width: 1279px) {
    .mg60_bottom {
      margin-bottom: 20px; } }

.mg62_bottom {
  margin-bottom: 62px; }
  @media (max-width: 1599px) {
    .mg62_bottom {
      margin-bottom: 40px; } }
  @media (max-width: 1279px) {
    .mg62_bottom {
      margin-bottom: 20px; } }

.mg64 {
  margin-top: 64px; }
  @media (max-width: 1599px) {
    .mg64 {
      margin-top: 44px; } }
  @media (max-width: 1279px) {
    .mg64 {
      margin-top: 24px; } }

.bot76 {
  margin-bottom: 76px; }
  @media (max-width: 1599px) {
    .bot76 {
      margin-bottom: 56px; } }
  @media (max-width: 1279px) {
    .bot76 {
      margin-bottom: 32px; } }

.mg76 {
  margin-top: 76px; }
  @media (max-width: 1599px) {
    .mg76 {
      margin-top: 56px; } }

.mg80_bottom {
  margin-bottom: 80px; }

.w25 > div {
  width: 25%; }

.w20 > div {
  width: 20%; }

.youtube--icon svg {
  color: #96a3bb;
  transition: 0.3s all ease; }

.youtube--icon:hover svg {
  color: #f40000; }

.line {
  height: 1px;
  background: #e3e7f1;
  width: 100%; }

.vk--icon svg {
  color: #96a3bb;
  transition: 0.3s all ease; }

.vk--icon:hover {
  color: #5283ad; }
  .vk--icon:hover svg {
    color: #5283ad; }

.hovered {
  transition: 0.2s all ease; }
  .hovered svg {
    color: #1c223d; }
  .hovered:hover {
    color: #6689dd; }
    .hovered:hover svg {
      color: #6689dd; }
    .hovered:hover span {
      color: #6689dd; }
  .hovered:active {
    color: #496dc2; }
    .hovered:active svg {
      color: #496dc2; }
    .hovered:active span {
      color: #6689dd; }

.header--social a {
  width: 18px;
  height: 18px; }

.see--all-wrap {
  width: 200px;
  margin-left: auto; }
  @media (max-width: 1599px) {
    .see--all-wrap {
      width: 150px; } }
  .see--all-wrap.product--see-all {
    width: 100%;
    margin: 16px 0 0 0; }
    .see--all-wrap.product--see-all a {
      width: 220px; }

.hovered--icon .hovered--mask {
  opacity: 0;
  transition: 0.3s all ease; }
  .hovered--icon .hovered--mask-main {
    color: #96a3bb; }

.instagram--icon:hover .hovered--mask {
  opacity: 1; }

.inpCheck {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  padding: 0 0 0 32px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #878889;
  cursor: pointer; }
  .inpCheck.error span:before,
  .inpCheck.error p:before {
    border-color: #ed5858; }
  .inpCheck a {
    text-decoration: underline; }
    .inpCheck a:hover {
      text-decoration: none; }
  .inpCheck.active {
    color: #c7ab6f; }
    .inpCheck.active span:before,
    .inpCheck.active p:before {
      border-color: #c7ab6f; }
  .inpCheck input {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    opacity: 0; }
    .inpCheck input:disabled + span:before,
    .inpCheck input:disabled p:before {
      background: #f3f3f3; }
    .inpCheck input:checked + span:after,
    .inpCheck input:checked p:after {
      transform: rotate(45deg) scale(1) translateY(0px); }
  .inpCheck span:before,
  .inpCheck p:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #878889;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 1px;
    border-radius: 4px;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .inpCheck span:after,
  .inpCheck p:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 7px;
    top: 2px;
    width: 7px;
    height: 13px;
    border: 2px solid #4772da;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0) translateY(5px);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .inpCheck.small {
    color: #1F2636;
    line-height: 18px;
    padding: 0 0 0 28px;
    margin-bottom: 16px;
    display: block; }
    @media (max-width: 1599px) {
      .inpCheck.small {
        font-size: 12px;
        line-height: 16px; } }
    .inpCheck.small span:before {
      width: 16px;
      height: 16px;
      border-radius: 4px;
      top: 50%;
      transform: translate(0, -50%); }
    .inpCheck.small span:after {
      transform: scale(0);
      border: 0; }
    .inpCheck.small input {
      height: auto !important; }
      .inpCheck.small input:checked + span:before {
        background: #4772DA;
        border-color: #4772DA; }
      .inpCheck.small input:checked + span:after {
        content: '';
        border: 0;
        transform: scale(1) translate(0, -50%) !important;
        width: 10px;
        height: 10px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNOC43NSAyLjVMNC4yNDM0MiA3LjVMMS4yNSA0LjM3NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K");
        background-repeat: no-repeat;
        background-position: center;
        left: 3px;
        top: 50%; }

.btn--input {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #4772da;
  background: #e3e7f1;
  border-radius: 5px;
  padding: 12px 0;
  width: calc(50% - 4px);
  transition: 0.3s all ease;
  cursor: pointer;
  display: flex;
  justify-content: center; }
  .btn--input input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0; }
  @media (max-width: 1599px) {
    .btn--input {
      padding: 10px 0;
      font-size: 14px;
      line-height: 20px; } }
  .btn--input.active {
    background: #4772da;
    color: #ffffff; }

.scroll--wrap {
  position: fixed;
  right: 4%;
  bottom: 36px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  z-index: 100; }
  @media (max-width: 1919px) {
    .scroll--wrap {
      right: 20px; } }
  @media (max-width: 1599px) {
    .scroll--wrap {
      bottom: 49px; } }
  @media (max-width: 1023px) {
    .scroll--wrap {
      width: 32px;
      height: 32px;
      bottom: 16px;
      right: 16px; } }
  .scroll--wrap.active {
    opacity: 1;
    visibility: visible; }
  .scroll--wrap button {
    width: 100%;
    height: 100%;
    background: #4772da; }
    .scroll--wrap button svg {
      color: #ffffff; }
    .scroll--wrap button:hover {
      background: #6689dd; }
    .scroll--wrap button:active {
      background: #496dc2; }

.cookie--confirm {
  position: fixed;
  right: 160px;
  bottom: 36px;
  background: #ffffff;
  box-shadow: 0px 0px 40px rgba(22, 35, 54, 0.07);
  padding: 12px 12px 12px 24px;
  border-radius: 8px;
  z-index: 999;
  opacity: 0;
  visibility: hidden; }
  @media (max-width: 1599px) {
    .cookie--confirm {
      right: 74px; } }
  @media (max-width: 639px) {
    .cookie--confirm {
      right: 0;
      left: 0;
      width: 100%;
      bottom: 0;
      border-radius: 0; } }
  .cookie--confirm.active {
    opacity: 1;
    visibility: visible; }
  .cookie--confirm div {
    font-size: 12px;
    line-height: 16px;
    color: #000000; }
    @media (max-width: 1599px) {
      .cookie--confirm div {
        font-size: 12px;
        line-height: 12px; } }
    .cookie--confirm div > div {
      max-width: 257px; }
      @media (max-width: 1599px) {
        .cookie--confirm div > div {
          max-width: 306px; } }
      @media (max-width: 639px) {
        .cookie--confirm div > div {
          max-width: calc(100% - 54px); } }
  .cookie--confirm button {
    width: 90px;
    margin-left: 12px; }
    @media (max-width: 1599px) {
      .cookie--confirm button {
        width: 42px; } }

body.no_scroll, html.no_scroll {
  overflow: hidden;
  position: relative;
  height: 100%; }

.ov_hidden {
  overflow: hidden; }

.swp {
  padding-bottom: 14px; }

.rfon > div:first-child {
  position: relative; }
  .rfon > div:first-child:after {
    content: "";
    position: absolute;
    width: 8.33333%;
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    z-index: 2; }

.main--container {
  padding-top: 234px; }
  @media (max-width: 1599px) {
    .main--container {
      padding-top: 180px; } }
  @media (max-width: 1279px) {
    .main--container {
      padding-top: 165px; } }
  @media (max-width: 1023px) {
    .main--container {
      padding-top: 96px; } }

.slider--default-mobile::after {
  content: "";
  height: 100%;
  width: 73px;
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  z-index: 4;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); }
  @media (max-width: 767px) {
    .slider--default-mobile::after {
      display: none; } }
  @media (max-width: 479px) {
    .slider--default-mobile::after {
      display: block; } }

.slider--arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 3; }
  @media (max-width: 1599px) {
    .slider--arrow {
      width: 32px;
      height: 32px; }
      .slider--arrow svg {
        width: 12px;
        height: auto; } }
  .slider--arrow.gray--slide {
    background: #f4f5f6; }
    .slider--arrow.gray--slide:hover {
      background: #4772da; }
      .slider--arrow.gray--slide:hover svg {
        color: #ffffff; }
    .slider--arrow.gray--slide:active {
      background: #6689dd; }
      .slider--arrow.gray--slide:active svg {
        color: #ffffff; }
  .slider--arrow-left {
    transform: translate(0, -50%); }
  .slider--arrow-right {
    transform: rotate(180deg) translate(0, 50%); }
  .slider--arrow svg {
    color: #4772da; }

.relative {
  position: relative; }

.navigation-wrapper {
  height: 100%; }
  .navigation-wrapper > div:not(.slider--dots) {
    height: 100%; }

@media (max-width: 639px) {
  .smHide {
    display: none; } }

.c_s .simplebar-track.simplebar-vertical {
  top: 0;
  right: 0; }

.youtube--poster {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background-size: cover;
  transition: 0.5s all ease; }
  .youtube--poster.hide {
    opacity: 0;
    visibility: hidden; }

.youtube--play {
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #ffffff;
  overflow: hidden;
  padding: 12px 11px 12px 15px;
  transition: 0.5s all ease; }
  .youtube--play.hide {
    opacity: 0;
    visibility: hidden; }

@media (max-width: 1023px) {
  .md--hide {
    display: none; } }

.vkh:hover svg {
  color: #5283ad !important; }

.wth:hover svg {
  color: #37b449 !important; }

.tlh:hover svg {
  color: #2f89ce; }

.insth .hovered--icon .hovered--mask {
  opacity: 0;
  transition: 0.3s all ease; }
  .insth .hovered--icon .hovered--mask-main {
    color: #96a3bb; }

.insth:hover .hovered--mask {
  opacity: 1; }

.yth:hover svg {
  color: #f40000; }

@media (max-width: 1023px) {
  .md--center {
    text-align: center; } }

.btb_silver {
  border-top: 1px solid #c5cbd9;
  border-bottom: 1px solid #c5cbd9; }

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start; }

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit; }

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0; }

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch; }

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none; }

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0; }

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table; }

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none; }

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0; }

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1; }

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 30px;
  bottom: 0;
  pointer-events: none;
  overflow: hidden; }
  @media (max-width: 1279px) {
    .simplebar-track {
      right: 15px; } }

.header--catalog-left .simplebar-track {
  right: 0; }

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none; }

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all; }

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px; }

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #C5CBD9;
  border-radius: 30px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear; }

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 1;
  transition: opacity 0s linear; }

.simplebar-track.simplebar-vertical {
  top: 48px;
  width: 3px;
  background: #E3E7F1;
  border-radius: 10px; }

.header--catalog-left .simplebar-track.simplebar-vertical {
  top: 0; }

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 0;
  bottom: 0; }

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 0;
  right: 0; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto; }

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0; }

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll; }

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none; }

.modal {
  padding: 32px;
  width: 426px;
  background: #ffffff;
  box-shadow: 0px 0px 40px rgba(22, 35, 54, 0.07);
  border-radius: 8px; }
  @media (max-width: 767px) {
    .modal {
      padding: 32px 16px;
      border-radius: 0; } }
  @media (max-width: 767px) {
    .modal-wrap {
      max-width: 328px;
      margin: 0px auto;
      overflow-y: auto; } }
  .modal--full {
    width: 544px;
    max-width: 100%; }
    @media (max-width: 767px) {
      .modal--full {
        width: 100%;
        min-height: 100%; } }
  .modal--close {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 8px;
    top: 8px;
    z-index: 3; }
  .modal--callback {
    min-width: 432px;
    width: auto; }
    @media (max-width: 1599px) {
      .modal--callback {
        width: 400px; /* 378px */
        min-width: auto; } }
    @media (max-width: 767px) {
      .modal--callback {
        width: 100%;
        height: 100%;
        max-width: 100%;
        border-radius: 0; } }
    .modal--callback-subTitle {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      color: #878889;
      margin-top: 4px; }
    .modal--callback-title {
      font-weight: 500;
      font-size: 28px;
      line-height: 40px;
      color: #1f2636; }
      @media (max-width: 1599px) {
        .modal--callback-title {
          font-size: 23px;
          line-height: 36px; } }
      @media (max-width: 1279px) {
        .modal--callback-title {
          font-size: 20px;
          line-height: 28px; } }
    .modal--callback-main {
      margin-top: 20px; }
      @media (max-width: 1599px) {
        .modal--callback-main {
          margin-top: 16px; } }
      .modal--callback-main button.btn--base {
        margin-top: 16px; }
      .modal--callback-main .inpCheck {
        margin-top: 16px; }
    .modal--callback-success {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: #fff;
      z-index: 2;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s all ease; }
      .modal--callback-success.active {
        opacity: 1;
        visibility: visible; }
      .modal--callback-success button {
        max-width: 200px; }
    .modal--callback-text {
      font-size: 16px;
      line-height: 24px;
      color: #878889;
      max-width: 330px;
      text-align: center;
      margin: 8px 0 20px 0; }
  .modal--city {
    width: 944px;
    max-width: 100%; }
    @media (max-width: 1599px) {
      .modal--city {
        width: 836px; } }
    @media (max-width: 1279px) {
      .modal--city {
        width: 616px; } }
    @media (max-width: 1023px) {
      .modal--city {
        width: 380px;
        left: 0;
        top: 0;
        position: absolute;
        border-radius: 0;
        max-height: 100vh;
        overflow: hidden; }
        .modal--city-list {
          max-height: calc(100% - 49px);
          overflow: auto; }
        .modal--city-wrap {
          height: calc(100vh - 69px);
          overflow: hidden; } }
    @media (max-width: 479px) {
      .modal--city {
        width: 100%; } }
    .modal--city-row {
      width: 100%;
      column-count: 3; }
      @media (max-width: 1279px) {
        .modal--city-row {
          column-count: 2; } }
      @media (max-width: 1023px) {
        .modal--city-row {
          column-count: 1; } }
      .modal--city-row div {
        margin-bottom: 4px; }
        @media (max-width: 1279px) {
          .modal--city-row div {
            max-width: calc(100% - 52px); } }
        .modal--city-row div:last-child {
          margin-bottom: 0; }
      .modal--city-row a {
        padding: 8px 44px 8px 16px;
        font-size: 16px;
        line-height: 24px;
        color: #1f2636;
        display: block;
        position: relative; }
        @media (max-width: 1599px) {
          .modal--city-row a {
            padding: 4px 12px;
            font-size: 14px;
            line-height: 20px; } }
        .modal--city-row a.active {
          color: #4772da; }
          .modal--city-row a.active:after {
            position: absolute;
            content: "";
            width: 16px;
            height: 16px;
            display: block;
            right: 16px;
            top: 50%;
            transform: translate(0, -50%);
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDFMNS43ODk0NyA5TDEgNCIgc3Ryb2tlPSIjNDc3MkRBIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
            background-size: contain; }
            @media (max-width: 1599px) {
              .modal--city-row a.active:after {
                width: 12px;
                height: 12px; } }
    .modal--city-title {
      font-weight: 500;
      font-size: 28px;
      line-height: 40px;
      color: #1f2636;
      padding-bottom: 16px;
      margin-bottom: 16px;
      border-bottom: 1px solid #c5cbd9; }
      @media (max-width: 1599px) {
        .modal--city-title {
          font-size: 28px;
          line-height: 40px; } }
      @media (max-width: 1279px) {
        .modal--city-title {
          font-size: 20px;
          line-height: 28px;
          margin-bottom: 12px;
          padding-bottom: 12px; } }
      @media (max-width: 1023px) {
        .modal--city-title {
          font-size: 16px;
          line-height: 24px; } }
  .modal--enter {
    max-width: 372px; }
    @media (max-width: 1599px) {
      .modal--enter {
        max-width: 324px; } }
    @media (max-width: 767px) {
      .modal--enter {
        width: 100%;
        height: 100%;
        max-width: 100%;
        border-radius: 0; } }
    .modal--enter-tab {
      display: none; }
      .modal--enter-tab .btn--base {
        margin-top: 16px;
        font-weight: normal; }
        .modal--enter-tab .btn--base svg {
          margin-right: 10px; }
      .modal--enter-tab .inpCheck {
        margin-top: 12px; }
      .modal--enter-tab.active {
        display: block; }
    .modal--enter-tabs {
      margin-bottom: 24px; }
      @media (max-width: 1599px) {
        .modal--enter-tabs {
          margin-bottom: 20px; } }
      .modal--enter-tabs button {
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        color: #878889;
        margin: 0 12px; }
        .modal--enter-tabs button.active {
          color: #1f2636; }
    .modal--enter-lic {
      margin-bottom: 22px; }
      @media (max-width: 1599px) {
        .modal--enter-lic {
          margin-bottom: 16px; } }

@media (max-width: 767px) {
  .mmh {
    width: 328px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); } }

@media (max-width: 479px) {
  .mmh {
    width: 100%;
    padding: 0 16px; } }

.btn {
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #4772da;
  padding: 11px 33px;
  border-radius: 5px;
  border: 1px solid #4772da;
  transition: 0.3s all ease; }
  @media (max-width: 1599px) {
    .btn {
      font-size: 14px;
      line-height: 20px;
      padding: 9px 0; } }
  .btn--base {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    height: 48px;
    border-radius: 5px; }
    @media (max-width: 1599px) {
      .btn--base {
        height: 40px; } }
    .btn--base.blue--btn {
      background: #e3e7f1;
      color: #4772da; }
      .btn--base.blue--btn:hover {
        background: #d3d9e8;
        color: #4772da; }
      .btn--base.blue--btn:active {
        background: #bac3db;
        color: #4772da; }
    .btn--base.dark--blue {
      background: #4772da;
      color: #ffffff; }
      .btn--base.dark--blue:hover {
        background: #6689dd; }
      .btn--base.dark--blue:active {
        background: #496dc2; }
    .btn--base.border--btn {
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #4772da;
      border: 1px solid #4772da; }
      .btn--base.border--btn:hover {
        background: #6689dd;
        border-color: #6689dd;
        color: #ffffff; }
      .btn--base.border--btn:active {
        background: #496dc2;
        border-color: #496dc2;
        color: #ffffff; }
      @media (max-width: 1599px) {
        .btn--base.border--btn {
          font-size: 14px;
          line-height: 20px; } }
  .btn--f {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px; }
  .btn:hover {
    background: #6689dd;
    border-color: #6689dd;
    color: #ffffff; }
  .btn:active {
    background: #496dc2;
    border-color: #496dc2;
    color: #ffffff; }

.subtitle {
  font-weight: 500;
  font-size: 28px;
  line-height: calc(40 / 28);
  color: #1f2636; }
  @media (max-width: 1599px) {
    .subtitle {
      font-size: 24px; } }
  @media (max-width: 1279px) {
    .subtitle {
      font-size: 20px; } }
  @media (max-width: 767px) {
    .subtitle {
      font-size: 16px; } }

.breadcrumbs {
  margin-top: 20px; }
  @media (max-width: 1599px) {
    .breadcrumbs {
      margin-top: 16px; } }
  @media (max-width: 1279px) {
    .breadcrumbs {
      margin-top: 4px; } }
  .breadcrumbs ul {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    word-wrap: break-word;
    text-overflow: ellipsis;
    width: 100%; }
    .breadcrumbs ul li {
      font-size: 12px;
      line-height: calc(16 / 12);
      color: #1f2636;
      display: inline-flex;
      align-items: center;
      white-space: nowrap; }
      @media (max-width: 1599px) {
        .breadcrumbs ul li {
          font-size: 12px; } }
      @media (max-width: 1279px) {
        .breadcrumbs ul li {
          display: inline; } }
      .breadcrumbs ul li:not(:last-child)::after {
        content: "";
        background: url("../pic/icons/arr-silver.svg") center/contain no-repeat;
        width: 5px;
        height: 8px;
        display: inline-block;
        margin: 0px 14px 0px 12px; }
      .breadcrumbs ul li a {
        color: #878889;
        display: inline; }

._arr-slider {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f4f5f6;
  position: absolute;
  color: #1f2636;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease 0s; }
  ._arr-slider svg {
    color: #4772da; }
    @media (max-width: 1599px) {
      ._arr-slider svg {
        width: 12px;
        height: 12px; } }
  @media (max-width: 1599px) {
    ._arr-slider {
      width: 32px;
      height: 32px; }
      ._arr-slider::before {
        font-size: 9px; } }
  @media (any-hover: hover) {
    ._arr-slider:hover {
      background: #4772da; }
      ._arr-slider:hover svg {
        color: #ffffff; }
      ._arr-slider:hover::before {
        color: #fff; } }
  ._arr-slider:active {
    background: #6689dd; }
    ._arr-slider:active svg {
      color: #ffffff; }
    ._arr-slider:active::before {
      color: #fff; }
  ._arr-slider::before {
    margin-right: 2px;
    color: #4772da;
    font-size: 12px; }
  ._arr-slider-prev {
    transform: translateY(-50%) rotate(0deg); }
    ._arr-slider-prev::before {
      margin-right: 3px; }
  ._arr-slider-next {
    transform: translateY(-50%) rotate(180deg); }
    ._arr-slider-next::before {
      margin-right: 2px; }

._arrow-slider {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  border-radius: 8px;
  position: relative;
  z-index: 10;
  background: #f4f5f6; }
  @media (any-hover: hover) {
    ._arrow-slider:hover {
      background: #4772da; } }
  ._arrow-slider::after {
    content: "";
    background: url("../pic/icons/arr-blue.svg") center/contain no-repeat;
    width: 12px;
    height: 6px;
    display: inline-block; }
  ._arrow-slider__prev::after {
    transform: rotate(90deg); }
  ._arrow-slider__next {
    right: 0; }
    ._arrow-slider__next::after {
      transform: rotate(-90deg); }

._hide {
  height: 0;
  opacity: 0;
  visibility: hidden;
  width: 0 !important;
  flex: 0 0 0 !important;
  margin: 0 !important; }

.new-select {
  position: relative;
  border-radius: 5px;
  min-width: 245px; }
  @media (max-width: 1599px) {
    .new-select {
      min-width: 196px; } }
  .new-select.in {
    box-shadow: 0px 0px 40px rgba(22, 35, 54, 0.07); }
    .new-select.in .new-select__input {
      border-radius: 5px 5px 0 0;
      border-color: #fff; }
      .new-select.in .new-select__input::after {
        transform: translateY(-50%) rotate(-270deg);
        color: #4772da; }
    .new-select.in .new-select__body {
      height: auto;
      visibility: visible;
      opacity: 1;
      z-index: 4;
      border-radius: 0 0 5px 5px; }
  .new-select__input {
    width: 100%;
    padding: 0 14px;
    height: 48px;
    border: 1px solid #c5cbd9;
    border-radius: 5px;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636;
    cursor: pointer;
    background: #ffffff;
    position: relative;
    z-index: 5;
    transition: all 0.3s ease 0s;
    display: inline-flex;
    align-items: center; }
    @media (max-width: 1599px) {
      .new-select__input {
        height: 40px;
        padding: 0px 12px;
        font-size: 12px; } }
    .new-select__input::after {
      position: absolute;
      right: 14px;
      top: 50%;
      transform: translateY(-50%) rotate(-90deg);
      font-size: 12px;
      color: #c5cbd9;
      transition: all 0.3s ease 0s; }
      @media (max-width: 1599px) {
        .new-select__input::after {
          font-size: 10px; } }
    @media (any-hover: hover) {
      .new-select__input:hover {
        border-color: #6689dd; }
        .new-select__input:hover::after {
          color: #1f2636; } }
  .new-select__body {
    position: absolute;
    top: 47px;
    z-index: 2;
    background: #ffffff;
    width: 100%;
    padding: 3px 14px 14px;
    box-shadow: 0px 0px 40px rgba(22, 35, 54, 0.07);
    height: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    opacity: 0;
    max-height: 263px; }
    @media (max-width: 1599px) {
      .new-select__body {
        padding: 3px 12px 12px;
        max-height: 224px;
        top: 39px; } }
  .new-select__list {
    background: #ffffff;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    max-height: 240px; }
    @media (max-width: 1599px) {
      .new-select__list {
        max-height: 184px; } }
  .new-select__item {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636;
    cursor: pointer;
    transition: color 0.2s ease 0s; }
    .new-select__item:not(:last-child) {
      margin-bottom: 16px; }
    .new-select__item.active {
      display: none; }
    @media (max-width: 1599px) {
      .new-select__item {
        font-size: 12px; } }
    @media (any-hover: hover) {
      .new-select__item:hover {
        color: #4772da; } }
  .new-select .simplebar-track.simplebar-vertical {
    top: 0;
    right: 0; }

.checkbox {
  cursor: pointer; }
  @media (any-hover: hover) {
    .checkbox:hover span::before {
      border: 1px solid #4772da; } }
  .checkbox label {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636;
    cursor: pointer; }
    @media (max-width: 1599px) {
      .checkbox label {
        font-size: 12px; } }
    .checkbox label span {
      width: 20px;
      position: relative;
      flex: 0 0 20px;
      height: 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-right: 8px;
      border-radius: 4px;
      overflow: hidden; }
      .checkbox label span::before, .checkbox label span::after {
        content: "";
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        border-radius: 4px;
        display: inline-block;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0; }
      .checkbox label span::before {
        border: 1px solid #878889; }
      .checkbox label span::after {
        background-image: url("../pic/icons/checked.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-color: #4772da;
        z-index: 2;
        left: 50%;
        top: 50%;
        transform: scale(0) translate(-50%, -50%); }
  .checkbox input {
    display: none; }
    .checkbox input:checked + label span::before {
      border-color: #4772da; }
    .checkbox input:checked + label span::after {
      transform: translate(-50%, -50%) scale(1); }

.slider--dot-circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 0px 6px;
  background: #c5cbd9; }
  .slider--dot-circle.dot--active {
    background: #4772da; }

.input {
  height: 48px; }
  .input--main {
    margin-bottom: 16px;
    position: relative; }
    @media (max-width: 1599px) {
      .input--main {
        margin-bottom: 12px; /*8px;*/ } }
    .input--main button {
      position: absolute;
      right: 16px;
      top: 16px;
      opacity: 0;
      visibility: hidden; }
      @media (max-width: 1599px) {
        .input--main button {
          top: 12px; } }
    .input--main.filled button {
      opacity: 1;
      visibility: visible; }
    .input--main.error {
      padding-bottom: 20px; }
      @media (max-width: 1599px) {
        .input--main.error {
          padding-bottom: 16px; } }
      .input--main.error input, .input--main.error textarea {
        border-color: #ed5858; }
        .input--main.error input:hover, .input--main.error textarea:hover {
          border-color: #ed5858; }
        .input--main.error input:focus, .input--main.error textarea:focus {
          border-color: #ed5858; }
    .input--main .parsley-errors-list {
      position: absolute;
      left: 0;
      font-size: 12px;
      line-height: 16px;
      color: #ed5858;
      bottom: 0; }
      @media (max-width: 1599px) {
        .input--main .parsley-errors-list {
          font-size: 12px;
          line-height: 14px; } }
    .input--main:last-child {
      margin-bottom: 0; }
    .input--main input, .input--main textarea {
      width: 100%;
      height: 48px;
      padding: 0 34px 0 16px;
      border: 1px solid #c5cbd9;
      border-radius: 5px;
      font-size: 16px;
      line-height: 24px;
      color: #878889;
      transition: 0.3s all ease; }
      @media (max-width: 1599px) {
        .input--main input, .input--main textarea {
          height: 40px;
          font-size: 14px;
          line-height: 20px; } }
      .input--main input:hover, .input--main textarea:hover {
        border-color: #6689dd; }
      .input--main input:focus, .input--main textarea:focus {
        border-color: #4772da;
        color: #1f2636; }
    .input--main textarea {
      resize: none;
      height: 148px;
      padding-top: 9px;
      display: flex; }

.input,
.textarea {
  font-size: 16px;
  color: #1f2636;
  width: 100%;
  background: #ffffff;
  border: 1px solid #c5cbd9;
  border-radius: 5px;
  padding: 0 16px; }
  @media (max-width: 1599px) {
    .input,
    .textarea {
      height: 38px;
      font-size: 14px; } }
  .input::placeholder,
  .textarea::placeholder {
    color: #878889; }
    @media (max-width: 1599px) {
      .input::placeholder,
      .textarea::placeholder {
        font-size: inherit; } }

.textarea {
  resize: none;
  padding: 12px 16px; }
  @media (max-width: 1023px) {
    .textarea {
      padding: 9px 16px; } }

.form-control.error .parsley-error,
.rating-area.error .parsley-error {
  border-color: #ed5858; }

.form-control.error .parsley-errors-list.filled,
.rating-area.error .parsley-errors-list.filled {
  color: #ed5858;
  font-size: 12px;
  line-height: calc(16 / 12);
  margin-top: 4px; }
  @media (max-width: 1599px) {
    .form-control.error .parsley-errors-list.filled,
    .rating-area.error .parsley-errors-list.filled {
      font-size: 12px; } }

.form-control.error.checkbox label span::before,
.rating-area.error.checkbox label span::before {
  border: 1px solid #ed5858; }

.form-control.parsley-success.checkbox label span::before,
.rating-area.parsley-success.checkbox label span::before {
  border: 1px solid #878889; }

.rating-area {
  position: relative; }
  .rating-area .rating-area__list + .parsley-errors-list {
    position: absolute;
    top: 100%;
    left: 0; }
  .rating-area .rating-area__list.error + .parsley-error {
    border-color: #ed5858; }
  .rating-area .rating-area__list.error + .parsley-errors-list.filled {
    color: #ed5858;
    font-size: 12px;
    line-height: calc(16 / 12);
    margin-top: 4px; }
    @media (max-width: 1599px) {
      .rating-area .rating-area__list.error + .parsley-errors-list.filled {
        font-size: 12px; } }

.tags {
  margin-left: -4px;
  margin-right: -4px; }
  .tags button {
    margin: 0px 4px 12px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16);
    border-radius: 100px;
    background: #e3e7f1;
    color: #4772da; }
    @media (max-width: 1599px) {
      .tags button {
        height: 32px;
        font-size: 14px;
        margin: 0px 4px 8px; } }
    @media (any-hover: hover) {
      .tags button:hover {
        background: #d3d9e8; } }
    .tags button:active {
      background: #4772da;
      color: #ffffff; }
    .tags button.active {
      background: #4772da;
      color: #ffffff; }

.zoom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 2;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  display: inline-flex;
  pointer-events: none; }
  @media (max-width: 1023px) {
    .zoom {
      display: none; } }

.big-sc__body:hover .zoom {
  transform: translate(-50%, -50%) scale(1); }

.quantity {
  border: 1px solid #f4f5f6;
  border-radius: 5px; }
  @media (max-width: 1023px) {
    .quantity {
      margin: 2px 4px; } }
  .quantity__control {
    height: 46px;
    width: 46px;
    flex: 0 0 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f4f5f6;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: all 0.3s ease 0s; }
    @media (max-width: 1599px) {
      .quantity__control {
        height: 40px;
        width: 40px;
        flex: 0 0 40px; } }
    .quantity__control:hover {
      border: 1px solid #c5cbd9; }
    .quantity__control:active {
      border: 1px solid #f4f5f6; }
  .quantity__value {
    justify-content: center;
    flex: 1 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(20 / 16); }
    @media (max-width: 1599px) {
      .quantity__value {
        font-size: 14px; } }
    .quantity__value input {
      min-width: 7px !important;
      color: #000000; }
      @media (max-width: 1599px) {
        .quantity__value input {
          font-size: 14px; } }
    .quantity__value span {
      color: #878889;
      margin-left: 4px; }
      @media (max-width: 1599px) {
        .quantity__value span {
          font-size: 12px; } }

.buffer {
  position: absolute;
  opacity: 0;
  visibility: hidden; }

.share__title {
  font-size: 12px;
  line-height: calc(16 / 12);
  color: #878889;
  margin-bottom: 12px; }
  @media (max-width: 1023px) {
    .share__title {
      font-size: 12px;
      margin-bottom: 8px; } }

@media (max-width: 1023px) {
  .share__list {
    justify-content: flex-start; } }

.share__item {
  width: 24px;
  height: 24px; }
  @media (max-width: 1023px) {
    .share__item {
      margin-right: 8px; }
      .share__item svg {
        width: 20px;
        height: 20px; } }
  .share__item img {
    object-fit: contain; }

.fancybox-bg {
  background: rgba(31, 38, 54, 0.5); }

.fancybox-is-open .fancybox-bg {
  opacity: 1; }

.zoom-container .fancybox-navigation > button {
  z-index: 99999; }

.zoom-container .fancybox-navigation .slider--arrow-left {
  left: 0; }

.zoom-container .fancybox-navigation .slider--arrow-right {
  right: 0; }

@media (max-width: 1919px) {
  .zoom-container .fancybox-stage {
    max-width: calc(100% - 250px);
    margin: 0px auto; } }

@media (max-width: 1599px) {
  .zoom-container .fancybox-stage {
    max-width: calc(100% - 150px);
    margin: 0px auto; } }

@media (max-width: 1023px) {
  .zoom-container .fancybox-stage {
    max-width: calc(100% - 120px);
    margin: 0px auto; } }

.zoom-container .fancybox-toolbar {
  position: absolute;
  top: 30px;
  right: 8%; }
  @media (max-width: 1919px) {
    .zoom-container .fancybox-toolbar {
      right: 108px; } }
  @media (max-width: 1599px) {
    .zoom-container .fancybox-toolbar {
      right: 52px;
      top: 12px; } }
  @media (max-width: 1023px) {
    .zoom-container .fancybox-toolbar {
      top: 6px;
      right: 16px; } }

.zoom-container .fancybox-button--zoom,
.zoom-container .fancybox-button--play,
.zoom-container .fancybox-button--thumbs {
  display: none !important; }

.zoom-container .fancybox-toolbar {
  opacity: 1;
  visibility: visible; }

.zoom-container .fancybox-button {
  background: transparent;
  width: 32px;
  height: 32px; }
  .zoom-container .fancybox-button svg {
    stroke: #1f2636;
    stroke-width: 2;
    color: #1f2636; }

.zoom-container .fancybox-button--close svg {
  display: none; }

.zoom-container .fancybox-inner {
  top: 10px;
  bottom: 10px;
  height: calc(100vh - 20px); }
  .zoom-container .fancybox-inner .slider--arrow-left {
    left: 8%; }
    @media (max-width: 1919px) {
      .zoom-container .fancybox-inner .slider--arrow-left {
        left: 88px; } }
    @media (max-width: 1599px) {
      .zoom-container .fancybox-inner .slider--arrow-left {
        left: 32px; } }
    @media (max-width: 1023px) {
      .zoom-container .fancybox-inner .slider--arrow-left {
        left: 16px; } }
  .zoom-container .fancybox-inner .slider--arrow-right {
    right: 9%; }
    @media (max-width: 1919px) {
      .zoom-container .fancybox-inner .slider--arrow-right {
        right: 108px; } }
    @media (max-width: 1599px) {
      .zoom-container .fancybox-inner .slider--arrow-right {
        right: 52px; } }
    @media (max-width: 1023px) {
      .zoom-container .fancybox-inner .slider--arrow-right {
        right: 16px; } }

.home--catalog-main {
  margin: 24px -8px -16px -8px; }
  @media (max-width: 1599px) {
    .home--catalog-main {
      margin: 20px -4px -8px -4px; } }
  @media (max-width: 1279px) {
    .home--catalog-main {
      margin-top: 8px; } }

.home--catalog-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #1F2636;
  transition: .3s all ease; }
  @media (max-width: 1599px) {
    .home--catalog-title {
      font-size: 16px;
      line-height: 24px; } }
  @media (max-width: 1279px) {
    .home--catalog-title {
      min-height: 46px;
      vertical-align: middle;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 767px) {
    .home--catalog-title {
      font-size: 12px;
      line-height: 16px;
      word-break: break-word;
      min-height: 32px; } }
  @media (max-width: 479px) {
    .home--catalog-title {
      vertical-align: middle;
      display: flex; } }

.home--catalog-count {
  font-size: 16px;
  line-height: 24px;
  color: #878889;
  margin-top: 4px; }
  @media (max-width: 1599px) {
    .home--catalog-count {
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 1279px) {
    .home--catalog-count {
      display: none; } }

.home--catalog-block {
  margin-bottom: 16px;
  width: 20%; }
  @media (max-width: 1599px) {
    .home--catalog-block {
      margin-bottom: 8px; } }
  @media (max-width: 639px) {
    .home--catalog-block {
      width: 50%; }
      .home--catalog-block img {
        height: 80px; } }
  .home--catalog-block > a {
    margin: 0 8px;
    border-radius: 8px;
    overflow: hidden;
    background: #F4F5F6; }
    @media (max-width: 1599px) {
      .home--catalog-block > a {
        margin: 0 4px; } }
    .home--catalog-block > a:hover .home--catalog-title {
      color: #6689dd; }

.home--catalog-bottom {
  padding: 12px 16px; }
  @media (max-width: 1599px) {
    .home--catalog-bottom {
      padding: 12px 15px; } }
  @media (max-width: 1279px) {
    .home--catalog-bottom {
      padding: 8px; } }
  @media (max-width: 639px) {
    .home--catalog-bottom {
      padding: 8px 8px 12px 8px; } }

@media (max-width: 1023px) {
  .advantages--right {
    width: calc(100% - 48px);
    padding-right: 10px; }
    .advantages--right br {
      display: none; } }
  @media screen and (max-width: 1023px) and (max-width: 500px) {
    .advantages--right {
      width: auto;
      max-width: calc(100% - 44px); } }

.advantages--slider-left {
  display: none;
  left: 0; }
  @media (max-width: 1023px) {
    .advantages--slider-left.active {
      display: flex; } }

.advantages--slider-right {
  display: none;
  right: 0; }
  @media (max-width: 1023px) {
    .advantages--slider-right.active {
      display: flex; } }

.advantages--main {
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #C5CBD9;
  position: relative;
  margin-top: 40px;
  overflow: hidden; }
  @media (max-width: 1599px) {
    .advantages--main {
      margin-top: 32px; } }
  @media (max-width: 1279px) {
    .advantages--main {
      margin-top: 16px; } }
  @media (max-width: 1023px) {
    .advantages--main {
      padding: 0 8.33333% 0 8.33333%; } }
  @media (max-width: 639px) {
    .advantages--main {
      padding: 0 48px; } }

.advantages--img {
  margin-right: 24px; }
  @media (max-width: 1599px) {
    .advantages--img {
      margin-right: 22px; } }
  @media (max-width: 1279px) {
    .advantages--img {
      margin-right: 16px; } }
  @media (max-width: 639px) {
    .advantages--img {
      margin-right: 12px; } }
  @media (max-width: 1599px) {
    .advantages--img img {
      width: 42px;
      height: 42px; } }
  @media (max-width: 1279px) {
    .advantages--img img {
      width: 32px;
      height: 32px; } }

.advantages--title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #1F2636; }
  @media (max-width: 1599px) {
    .advantages--title {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 2px; } }
  @media (max-width: 1279px) {
    .advantages--title {
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 639px) {
    .advantages--title {
      font-size: 12px;
      line-height: 16px; } }

.advantages--text {
  font-size: 14px;
  line-height: 20px;
  color: #878889; }
  @media (max-width: 1599px) {
    .advantages--text {
      font-size: 12px;
      line-height: 16px; } }

.advantages--block {
  width: auto; }
  @media screen and (max-width: 500px) {
    .advantages--block > div {
      justify-content: center; } }
  .advantages--block-wrap {
    padding: 40px 0;
    position: relative; }
    @media (max-width: 1599px) {
      .advantages--block-wrap {
        padding: 32px 0; } }
    @media (max-width: 1279px) {
      .advantages--block-wrap {
        padding: 16px 0; } }
    @media (max-width: 1023px) {
      .advantages--block-wrap:before {
        display: block;
        top: 0;
        z-index: 2;
        content: '';
        background: #ffffff;
        width: 100%;
        height: 100%;
        position: absolute;
        left: -100%; }
      .advantages--block-wrap:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: -90%;
        z-index: 2;
        background: linear-gradient(270deg, #fff 81.32%, #fff 91%, rgba(255, 255, 255, 0) 100%), #87888900; } }

.news--mobile {
  display: none;
  margin-top: 16px; }
  @media (max-width: 767px) {
    .news--mobile {
      display: inline-flex; } }
  .news--mobile .see--all-wrap {
    width: 244px; }
  @media (max-width: 767px) {
    .news--mobile {
      justify-content: center;
      width: 100%; }
      .news--mobile .see--all-wrap {
        margin: 0; } }
  @media (max-width: 639px) {
    .news--mobile .see--all-wrap {
      width: 220px; } }

.news--block {
  border-radius: 8px;
  padding: 20px;
  background: #F4F5F6;
  width: calc(33.33333% - 8px); }
  .news--block-mobile {
    display: none; }
    @media (max-width: 767px) {
      .news--block-mobile {
        display: flex; } }
  @media (max-width: 1599px) {
    .news--block {
      width: calc(33.3333% - 4px);
      padding: 16px; } }
  @media (max-width: 1279px) {
    .news--block {
      padding: 12px; } }
  @media (max-width: 1023px) {
    .news--block {
      flex-direction: column; } }
  @media (max-width: 767px) {
    .news--block {
      width: auto; } }
  .news--block a:not(.news--title) {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4772da; }
    @media (max-width: 1599px) {
      .news--block a:not(.news--title) {
        font-size: 12px;
        line-height: 16px; } }
    .news--block a:not(.news--title) svg {
      margin-left: 4px;
      color: #4772da; }
    .news--block a:not(.news--title):hover {
      color: #6689dd; }
      .news--block a:not(.news--title):hover svg {
        color: #6689dd; }

.news--image {
  border-radius: 4px;
  overflow: hidden;
  max-width: 224px;
  width: 100%;
  margin-right: 16px; }
  @media (max-width: 1599px) {
    .news--image {
      max-width: 100%;
      width: 180px; } }
  @media (max-width: 1279px) {
    .news--image {
      width: 152px; } }
  @media (max-width: 1023px) {
    .news--image {
      max-width: 100%;
      width: 100%;
      height: 100px;
      margin: 0 0 12px 0; } }

.news--date {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #878889; }
  @media (max-width: 1599px) {
    .news--date {
      font-size: 12px;
      line-height: 16px; } }

.news--title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1f2636;
  margin: 8px 0;
  display: block; }
  @media (max-width: 1599px) {
    .news--title {
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 1279px) {
    .news--title {
      font-size: 12px;
      line-height: 16px; } }

.news--main {
  overflow: hidden; }
  @media (max-width: 1599px) {
    .news--main {
      flex: 1 1 calc(100% - 196px); } }
  @media (max-width: 1279px) {
    .news--main {
      flex: 1 1 calc(100% - 168px); } }
  @media (max-width: 767px) {
    .news--main {
      padding-bottom: 14px; } }
  @media (max-width: 639px) {
    .news--main {
      overflow: hidden; } }
  @media (max-width: 479px) {
    .news--main:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 25%;
      display: block;
      background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); } }
  @media (max-width: 359px) {
    .news--main:after {
      width: 22.5%; } }
  @media (max-width: 1599px) {
    .news--main-bottom {
      max-width: calc(100% - 212px); } }
  @media (max-width: 1279px) {
    .news--main-bottom {
      max-width: calc(100% - 184px); } }
  @media (max-width: 1023px) {
    .news--main-bottom {
      max-width: 100%;
      flex: 1 1 auto;
      display: flex;
      flex-direction: column; } }

@media (max-width: 1023px) {
  .recommended--top {
    display: none; } }

@media (max-width: 1023px) {
  .recommended--products {
    padding-bottom: 14px;
    position: relative; } }

.recommended--products-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
  display: none; }
  @media (max-width: 1023px) {
    .recommended--products-title {
      display: block; } }
  @media (max-width: 767px) {
    .recommended--products-title {
      font-size: 16px;
      line-height: 24px; } }

.recommended--products-all {
  display: none;
  margin: 16px auto 0 auto; }
  @media (max-width: 1023px) {
    .recommended--products-all {
      display: flex; } }

.recommended--bottom {
  position: relative; }
  @media (max-width: 1599px) {
    .recommended--bottom {
      padding-bottom: 14px; } }
  @media (max-width: 1023px) {
    .recommended--bottom {
      padding-bottom: 0; } }
  .recommended--bottom .slider--dots {
    display: none; }
    @media (max-width: 1599px) {
      .recommended--bottom .slider--dots {
        display: flex;
        width: auto; } }

.recommended--block {
  display: none; }
  @media (max-width: 1023px) {
    .recommended--block {
      display: block; }
      .recommended--block .see--all-wrap {
        margin-bottom: 20px; }
      .recommended--block:last-child .see--all-wrap {
        margin-bottom: 0; } }
  .recommended--block .recommended--products:after {
    content: "";
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    width: 6.25%;
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    display: none; }
    @media (max-width: 1599px) {
      .recommended--block .recommended--products:after {
        display: block; } }
    @media (max-width: 639px) {
      .recommended--block .recommended--products:after {
        display: none; } }
    @media (max-width: 479px) {
      .recommended--block .recommended--products:after {
        display: block; } }
  .recommended--block.active {
    display: block; }

.recommended--slider-left {
  left: -56px; }
  @media (max-width: 1599px) {
    .recommended--slider-left {
      display: none; } }

.recommended--slider-right {
  right: -56px; }
  @media (max-width: 1599px) {
    .recommended--slider-right {
      display: none; } }

.recommended--tabs {
  margin-left: 44px; }
  .recommended--tabs button {
    padding: 8px 16px;
    margin: 0 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #4772da;
    background: #e3e7f1;
    border-radius: 100px; }
    @media (max-width: 1599px) {
      .recommended--tabs button {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 16px; } }
    .recommended--tabs button.active {
      background: #4772da;
      color: #ffffff; }
      .recommended--tabs button.active:hover {
        background: #4772da; }
    .recommended--tabs button:hover {
      background: #d3d9e8; }
    .recommended--tabs button:active {
      background: #4772da;
      color: #ffffff; }
    .recommended--tabs button:first-child {
      margin-left: 0; }
    .recommended--tabs button:last-child {
      margin-right: 0; }

.products--icons {
  margin-top: 12px; }
  @media (max-width: 1599px) {
    .products--icons {
      margin-top: 4px; } }

.products--badges {
  position: absolute;
  left: 4px;
  top: 4px;
  height: calc(100% - 8px); }

.products--badge {
  border-radius: 2px 5px 5px 5px;
  font-size: 12px;
  line-height: calc(14 / 10);
  color: #ffffff;
  padding: 0px 8px 0px 8px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  min-height: 21px; }
  @media (max-width: 1599px) {
    .products--badge {
      font-size: 12px;
      min-height: 19px; } }
  .products--badge:last-child {
    margin-bottom: 0; }
  .products--badge.badge-tr {
    border-radius: 5px 2px 5px 5px; }
  .products--badge.badge-otline {  border: 1px solid; }

  /* #_add_new_label_02 2026 */
  .products--badge.badge--sale {  background-color: #e97171;    color: #fff;}
  .products--badge.badge--new {   background-color: #FFF000;    color: #000;}
  .products--badge.badge--new--outline {   color: #61ba8a; }
  .products--badge.badge--exclusive { background-color: #c922ff;    color: #fff;}
  .products--badge.badge--showroom {  background-color: #ff9800;    color: #fff; }
  .products--badge.badge--hit {  background-color: #7EA448;    color: #fff; }
  .products--badge.badge--month {  background-color: #00C5B4;    color: #fff; }
  .products--badge.badge--no {  color: #b79fcf; }
  .products--badge.badge--ucen {  background-color: #d53513;    color: #fff; }
  .products--badge.badge--akc {  background-color: #FF5722;    color: #fff; }
  .products--badge.badge--blackfriday { background-color: #000;    color: #fff; }
  .products--badge.badge--saleyear { background-color: #f9000e;    color: #fff; }
  .products--badge.badge--specprice { background-color: #1283f1;    color: #fff; }
  .products--badge.badge--readysol { background-color: #04c72a;    color: #fff; }
  .products--badge.badge--online { background-color: #20a1ff;    color: #fff; }
  .products--badge.badge--onlinestore { background-color: #5b20ff;    color: #fff; }
  .products--badge.badge--zakaz { background-color: #839791;    color: #fff; }
               
  /*.products--badge.badge--sale {
    background: #e97171; }*/
  .products--badge.badge-sample {
    background: rgba(86, 86, 86, 0.4);
    position: absolute;
    bottom: 7px;
    white-space: nowrap; }

.products--compare {
  width: 40px;
  height: 40px;
  margin-left: auto; }
  @media (max-width: 1599px) {
    .products--compare {
      width: 32px;
      height: 32px; } }
  .products--compare > button {
    width: 100%;
    height: 100%; }
    .products--compare > button svg {
      color: #96a3bb; }
      @media (max-width: 1599px) {
        .products--compare > button svg {
          width: 15px;
          height: 17px; } }
    .products--compare > button:hover svg {
      color: #6689dd; }
    .products--compare > button:active svg {
      color: #4772da; }

.products--favorites, .products--clear {
  width: 40px;
  height: 40px; }
  @media (max-width: 1599px) {
    .products--favorites, .products--clear {
      width: 32px;
      height: 32px; } }
  .products--favorites > button, .products--clear > button {
    width: 100%;
    height: 100%; }
    .products--favorites > button svg, .products--clear > button svg {
      color: #96a3bb; }
      @media (max-width: 1599px) {
        .products--favorites > button svg, .products--clear > button svg {
          width: 20px;
          height: 17px; } }
    .products--favorites > button:hover svg, .products--clear > button:hover svg {
      color: #6689dd; }
    .products--favorites > button:active svg, .products--clear > button:active svg {
      color: #4772da; }
  .products--favorites.active svg, .products--clear.active svg {
    color: #4772da; }

.products--add {
  width: 40px;
  height: 40px;
  margin-left: 8px; }
  @media (max-width: 1599px) {
    .products--add {
      width: 32px;
      height: 32px; } }
  .products--add > button, .products--add > a {
    width: 100%;
    height: 100%;
    background: #4772da;
    border-radius: 5px; }
    .products--add > button svg, .products--add > a svg {
      color: #ffffff; }
      @media (max-width: 1599px) {
        .products--add > button svg, .products--add > a svg {
          width: 19px;
          height: 19px; } }
    .products--add > button:hover , .products--add > a:hover{
      background: #6689dd; }
    .products--add > button:active, .products--add > a:active {
      background: #496dc2; }

.products--bottom {
  margin-top: 20px;
  position: relative;
  z-index: 2; }
  @media (max-width: 1599px) {
    .products--bottom {
      margin-top: 16px; } }
  @media (max-width: 1023px) {
    .products--bottom {
      margin-top: 12px; } }

.products--price-main {
  font-weight: 600;
  font-size: 18px;
  line-height: calc(24 / 18);
  color: #1f2636; }
  @media (max-width: 1599px) {
    .products--price-main {
      font-size: 16px; } }
  .products--price-main > div,
  .products--price-main span {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #878889;
    margin-left: 4px;
    line-height: calc(24 / 14); }
    @media (max-width: 1599px) {
      .products--price-main > div,
      .products--price-main span {
        font-size: 12px; } }

.products--old {
  font-weight: 400;
  font-size: 14px;
  line-height: calc(16 / 14);
  text-decoration-line: line-through;
  color: #878889;
  margin-bottom: 4px; }
  @media (max-width: 1599px) {
    .products--old {
      font-size: 12px; } }

.products--props {
  margin-top: 16px; }
  @media (max-width: 1599px) {
    .products--props {
      margin-top: 8px; } }
  @media (max-width: 1023px) {
    .products--props {
      display: none; } }

.products--prop {
  font-weight: 400;
  font-size: 12px;
  line-height: calc(16 / 12);
  color: #878889;
  margin-bottom: 8px; }
  @media (max-width: 1599px) {
    .products--prop {
      font-size: 12px; } }
  .products--prop:last-child {
    margin-bottom: 0; }
  .products--prop > div:first-child {
    position: relative;
    flex: 1 auto;
    margin-right: 4px; }
    .products--prop > div:first-child > div {
      display: inline-block;
      background: #ffffff;
      position: relative;
      padding-right: 4px; }
    .products--prop > div:first-child:before {
      content: "";
      display: block;
      position: absolute;
      border-bottom: 1px dotted #878889;
      width: 100%;
      bottom: 0; }

.products--reviews {
  margin-left: 12px; }

.products--delivery {
  margin-left: auto; }

.products--icon svg {
  margin-right: 4px; }

.products--icon div {
  font-size: 12px;
  line-height: 16px;
  color: #878889; }
  @media (max-width: 1599px) {
    .products--icon div {
      font-size: 10px; } }
  .products--icon div span {
    display: none; }

.products--cod {
  display: none; }

.products--ad {
  display: flex;
  margin-left: auto; }

.products--block {
  padding: 20px;
  background: #ffffff;
  border: 1px solid #e3e7f1;
  box-sizing: border-box;
  border-radius: 8px; }
  @media (max-width: 1599px) {
    .products--block {
      padding: 8px; } }
  @media (any-hover: hover) {
    .products--block:hover {
      border-color: #c5cbd9; } }
  .products--block-wrap {
    overflow: hidden; }

.products--main {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  transition: 0.5s opacity ease; }
  @media (max-width: 1599px) {
    .products--main {
      margin-top: 8px; } }
  .products--main.active {
    opacity: 1; }

.products--category {
  font-size: 12px;
  line-height: calc(16 / 12);
  color: #878889; }
  @media (max-width: 1599px) {
    .products--category {
      font-size: 12px; } }

.products--title {
  font-weight: 500;
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #1f2636;
  display: block;
  margin-top: 4px; }
  @media (max-width: 1599px) {
    .products--title {
      font-size: 14px; } }

.products--image {
  position: relative; }
  .products--image-slider {
    position: absolute;
    left: 4px;
    right: 4px;
    top: 0;
    bottom: 0;
    z-index: 1; }
  .products--image-slide {
    margin: 0 2px; }
    .products--image-slide:first-child {
      margin-left: 0; }
    .products--image-slide:last-child {
      margin-right: 0; }
    .products--image-slide > div {
      width: 100%;
      background: #f4f5f6;
      border-radius: 10px;
      height: 3px;
      margin-bottom: 4px; }
    .products--image-slide.active > div {
      background: #c5cbd9; }

.products--stock {
  position: absolute;
  right: 4px;
  top: 4px;
  background: #ffffff;
  border: 1px solid #61ba8a;
  border-radius: 5px 2px 5px 5px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  color: #61ba8a;
  padding: 2px 8px 3px 8px;
  z-index: 2; }

.main--slide {
  position: relative;
  border-radius: 8px;
  overflow: hidden; }
  @media (max-width: 1279px) {
    .main--slide {
      min-width: 557px !important;
      max-width: 557px !important; } }
  @media (max-width: 767px) {
    .main--slide {
      min-width: 288px !important;
      max-width: 288px !important;
      height: 140px; } }

.main--slider-wrap {
  margin-top: 40px; }
  @media (max-width: 1599px) {
    .main--slider-wrap {
      margin-top: 32px; } }
  @media (max-width: 1279px) {
    .main--slider-wrap {
      margin-top: 16px; } }

.main--slider-left {
  left: 40px; }
  @media (max-width: 1599px) {
    .main--slider-left {
      left: 28px; } }
  @media (max-width: 1279px) {
    .main--slider-left {
      display: none; } }

.main--slider-right {
  right: 40px; }
  @media (max-width: 1599px) {
    .main--slider-right {
      right: 28px; } }
  @media (max-width: 1279px) {
    .main--slider-right {
      display: none; } }

.main--slider-block 
{
  position: relative;
  width: calc(70% - 8px);
  overflow: hidden; 
}
@media (max-width: 1919px) 
{
    .main--slider-block {
      width: calc(66.66667% - 8px); } 
}
@media (max-width: 1599px) 
{
  .main--slider-block {
      height: 340px; } 
}
@media (max-width: 1279px) 
{
    .main--slider-block {
      width: 100%;
      height: 280px;
      padding-bottom: 26px; } 
}
@media (max-width: 767px) 
{
    .main--slider-block {
      height: auto;
      padding-bottom: 18px; } 
}
.main--slider-t {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 28px 128px;
  z-index: 2; }
  @media (max-width: 1599px) {
    .main--slider-t {
      padding: 0 122px; } }
  @media (max-width: 1279px) {
    .main--slider-t {
      padding: 0 28px; } }
  @media (max-width: 767px) {
    .main--slider-t {
      padding: 8px 16px 24px 16px;
      justify-content: flex-end; } }
  .main--slider-t > * {
    max-width: 60%; }
    @media (max-width: 1599px) {
      .main--slider-t > * {
        max-width: 80%; } }
    @media (max-width: 767px) {
      .main--slider-t > * {
        max-width: 100%; } }

.main--slider-title {
  font-weight: bold;
  font-size: 44px;
  line-height: 52px;
  color: #FFFFFF;
  margin-bottom: 8px; }
  @media (max-width: 1599px) {
    .main--slider-title {
      font-size: 36px;
      line-height: 44px; } }
  @media (max-width: 1279px) {
    .main--slider-title {
      font-size: 28px;
      line-height: 40px; } }
  @media (max-width: 767px) {
    .main--slider-title {
      font-size: 16px;
      line-height: 24px; } }

.main--slider-text {
  font-size: 18px;
  line-height: 28px;
  color: #FFFFFF; }
  @media (max-width: 1599px) {
    .main--slider-text {
      font-size: 16px;
      line-height: 24px; } }
  @media (max-width: 767px) {
    .main--slider-text {
      display: none; } }

.main--slider-subBlock {
  height: calc(50% - 8px);
  border-radius: 8px;
  overflow: hidden;
  position: relative; }
  .main--slider-subBlock .main--slider-t {
    top: auto;
    padding: 12px 28px 32px 28px; }
    .main--slider-subBlock .main--slider-t > * {
      max-width: 100%; }
    .main--slider-subBlock .main--slider-t .main--slider-title {
      font-weight: bold;
      font-size: 24px;
      line-height: 32px;
      color: #FFFFFF; }
      @media (max-width: 1599px) {
        .main--slider-subBlock .main--slider-t .main--slider-title {
          font-size: 20px;
          line-height: 28px; } }
    .main--slider-subBlock .main--slider-t .main--slider-text {
      font-size: 16px;
      line-height: 24px;
      color: #FFFFFF; }
      @media (max-width: 1599px) {
        .main--slider-subBlock .main--slider-t .main--slider-text {
          font-size: 14px;
          line-height: 20px; } }
  .main--slider-subBlock img {
    width: 100%;
    height: 100%; }
    @media (max-width: 1599px) {
      .main--slider-subBlock img {
        height: 162px; } }

.main--slider-sub {
  width: calc(30% - 8px); }
  @media (max-width: 1919px) {
    .main--slider-sub {
      width: calc(33.33333% - 8px); } }
  @media (max-width: 1279px) {
    .main--slider-sub {
      display: none; } }

.main--slider-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #1F2636;
  opacity: .5;
  z-index: 1; }

.slider--dots {
  position: absolute;
  bottom: 28px;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%, 0); }
  .slider--dots.circle {
    bottom: 0; }
    .slider--dots.circle .slider--dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #C5CBD9;
      margin: 0 6px; }
      .slider--dots.circle .slider--dot.dot--active {
        background: #6689DD; }
  @media (max-width: 1279px) {
    .slider--dots {
      bottom: 0; } }

.slider--dot {
  width: 28px;
  height: 3px;
  background: #F4F5F6;
  border-radius: 10px;
  cursor: pointer;
  margin: 0 4px; }
  @media (max-width: 1279px) {
    .slider--dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #C5CBD9;
      margin: 0 6px; } }
  .slider--dot:first-child {
    margin-left: 0; }
  .slider--dot:last-child {
    margin-right: 0; }
  .slider--dot.dot--active {
    background: #C5CBD9; }
    @media (max-width: 1279px) {
      .slider--dot.dot--active {
        background: #6689DD; } }

@media (max-width: 1279px) {
  .home--about-wrap {
    align-items: center; } }

@media (max-width: 1023px) {
  .home--about-wrap {
    flex-direction: column; } }

.home--about-left {
  width: 45%; }
  @media (max-width: 1919px) {
    .home--about-left {
      width: 38.88889%; } }
  @media (max-width: 1599px) {
    .home--about-left {
      width: 40.41667%; } }
  @media (max-width: 1023px) {
    .home--about-left {
      width: 100%;
      flex-direction: column;
      display: flex;
      margin-top: 8px;
      align-items: flex-start; } }
  .home--about-left a {
    display: inline-block;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #4772DA;
    background: #E3E7F1;
    border-radius: 100px;
    margin: 12px 0 32px; }
    @media (max-width: 1599px) {
      .home--about-left a {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 16px;
        margin: 12px 0 28px; } }
    @media (max-width: 1023px) {
      .home--about-left a {
        margin: 8px 0 16px 0; } }
    .home--about-left a:hover {
      background: #D3D9E8; }
    .home--about-left a:active {
      background: #4772DA;
      color: #FFFFFF; }
  .home--about-left p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #878889; }
    @media (max-width: 1599px) {
      .home--about-left p {
        font-size: 14px;
        line-height: 20px; } }

.home--about-right {
  width: 50%;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  height: 446px; }
  @media (max-width: 1919px) {
    .home--about-right {
      width: 55.55556%; } }
  @media (max-width: 1599px) {
    .home--about-right {
      width: 54.58333%;
      height: 400px; } }
  @media (max-width: 1279px) {
    .home--about-right {
      width: 50%;
      height: 288px; } }
  @media (max-width: 1023px) {
    .home--about-right {
      width: 100%;
      height: 444px;
      margin-top: 16px; } }
  @media (max-width: 767px) {
    .home--about-right {
      height: 332px; } }
  @media (max-width: 639px) {
    .home--about-right {
      height: 246px; } }
  @media (max-width: 479px) {
    .home--about-right {
      height: 180px; } }
  .home--about-right > iframe {
    position: relative; }

.main--text div {
  margin-top: 12px; }

.main--text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #878889;
  margin-bottom: 24px; }
  @media (max-width: 1599px) {
    .main--text p {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 20px; } }
  .main--text p:last-child {
    margin-bottom: 0; }

.catalog-all__items {
  margin: 0px -8px; }
  @media (max-width: 1599px) {
    .catalog-all__items {
      margin: 0px -4px; } }
  @media (max-width: 1279px) {
    .catalog-all__items {
      margin: 0px -4px 6px; } }
  @media (max-width: 1023px) {
    .catalog-all__items {
      margin: 0px; } }

.catalog-all__item {
  flex: 1 0 calc((100% - 4 * 16px) / 4); }
  @media (max-width: 1599px) {
    .catalog-all__item {
      flex: 1 0 calc((100% - 4 * 8px) / 4); } }
  @media (max-width: 1023px) {
    .catalog-all__item {
      flex: 1 0 100%; } }

.cart-all {
  color: #1f2636;
  margin: 0px 8px 40px; }
  @media (max-width: 1599px) {
    .cart-all {
      margin: 0px 4px 40px; } }
  @media (max-width: 1023px) {
    .cart-all {
      display: flex;
      margin: 0;
      padding: 20px 0; }
      .cart-all:not(:last-child) {
        border-bottom: 1px solid #c5cbd9; }
      .cart-all:first-child {
        padding: 0 0 20px 0; } }
  @media (max-width: 359px) {
    .cart-all {
      padding: 16px 0; }
      .cart-all:first-child {
        padding: 0 0 16px 0; } }
  .cart-all .cart-all__all.open::after {
    transform: rotate(-180deg); }
  @media (max-width: 1023px) {
    .cart-all__body {
      padding-left: 32px;
      position: relative;
      display: inline-flex;
      align-self: center;
      justify-content: center;
      flex-direction: column;
      flex: 0 1 100%; } }
  @media (max-width: 639px) {
    .cart-all__body {
      padding-left: 16px;
      align-self: flex-start;
      flex-wrap: wrap; } }
  .cart-all__img {
    height: 196px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 8px; }
    @media (max-width: 1599px) {
      .cart-all__img {
        height: 132px; } }
    @media (max-width: 1023px) {
      .cart-all__img {
        height: 92px;
        flex: 0 0 178px;
        border-radius: 5px;
        margin-bottom: 0; } }
    @media (max-width: 767px) {
      .cart-all__img {
        height: 40px;
        flex: 0 0 76px; } }
    .cart-all__img img {
      max-width: 100%;
      height: 100%;
      object-fit: cover; }
  .cart-all__name {
    font-weight: 600;
    font-size: 18px;
    line-height: calc(28 / 18);
    display: inline-block;
    transition: color 0.3s ease 0s;
    position: relative;
    z-index: 3;
    width: max-content; }
    @media (max-width: 1599px) {
      .cart-all__name {
        font-size: 16px; } }
    @media (max-width: 1279px) {
      .cart-all__name {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .cart-all__name {
        font-size: 12px;
        margin-bottom: -2px; } }
    @media (max-width: 639px) {
      .cart-all__name {
        padding: 10px 0px; } }
    @media (any-hover: hover) {
      .cart-all__name:hover {
        color: #4772da; } }
  .cart-all__list {
    margin-top: 20px; }
    @media (max-width: 1599px) {
      .cart-all__list {
        margin-top: 14px; } }
    @media (max-width: 1023px) {
      .cart-all__list {
        margin-top: 0;
        opacity: 0;
        visibility: hidden;
        height: 0;
        display: block; }
        .cart-all__list.open {
          display: flex;
          opacity: 1;
          visibility: visible;
          height: auto;
          flex-wrap: wrap;
          margin-top: 2px;
          transition: opacity 0.3s, visibility 0s, height 0.6s; } }
    @media (max-width: 639px) {
      .cart-all__list {
        flex-direction: column; } }
    .cart-all__list li {
      transition: all 0.3s ease 0s, opacity 0.2s;
      margin-bottom: 16px;
      font-size: 14px;
      min-height: 20px; }
      @media (max-width: 1599px) {
        .cart-all__list li {
          margin-bottom: 8px;
          font-size: 12px; } }
      @media (max-width: 1023px) {
        .cart-all__list li {
          margin: 12px 24px 0 0; } }
      @media (max-width: 767px) {
        .cart-all__list li {
          margin: 12px 20px 0 0; } }
      @media (max-width: 639px) {
        .cart-all__list li {
          margin: 8px 0px;
          min-height: 16px; }
          .cart-all__list li:first-child {
            margin-top: 10px; } }
      .cart-all__list li.show {
        opacity: 0;
        visibility: hidden;
        height: 0;
        margin-bottom: 0;
        min-height: auto; }
      .cart-all__list li a {
        transition: color 0.2s ease 0s;
        font-size: 14px;
        line-height: calc(20 / 14); }
        @media (any-hover: hover) {
          .cart-all__list li a:hover {
            color: #4772da; } }
        @media (max-width: 1599px) {
          .cart-all__list li a {
            font-size: 12px; } }
        @media (max-width: 1023px) {
          .cart-all__list li a {
            padding: 2px 0px; } }
        .cart-all__list li a:active {
          color: #496dc2; }
  .cart-all__all {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.4;
    color: #4772da; }
    @media (max-width: 1599px) {
      .cart-all__all {
        margin-right: 6px;
        font-size: 12px; } }
    @media (max-width: 1279px) {
      .cart-all__all {
        font-size: 12px; } }
    @media (max-width: 1023px) {
      .cart-all__all {
        position: absolute;
        top: 2px;
        right: 0;
        font-size: 0;
        margin-top: 0;
        z-index: 2;
        height: 20px;
        text-align: right;
        justify-content: flex-end; } }
    @media (max-width: 639px) {
      .cart-all__all {
        top: 8px; } }
    .cart-all__all.open::after {
      transform: rotate(-180deg); }
    .cart-all__all::after {
      content: "";
      width: 13px;
      height: 7px;
      display: inline-block;
      background: url("../pic/icons/arr-blue.svg") center/contain no-repeat;
      margin-left: 4px;
      transition: all 0.3s ease 0s; }

.slider-brand {
  background: #f4f5f6;
  border-radius: 8px;
  padding: 46px 40px; }
  @media (max-width: 1599px) {
    .slider-brand {
      padding: 32px 12px 32px 32px; } }
  @media (max-width: 1279px) {
    .slider-brand {
      padding: 16px; } }
  @media (max-width: 1023px) {
    .slider-brand {
      padding: 16px 12px; } }
  @media (max-width: 1023px) {
    .slider-brand .flex {
      flex-direction: column;
      overflow: hidden; } }
  .slider-brand__name {
    padding-right: 40px;
    font-weight: 500;
    font-size: 28px;
    line-height: calc(40 / 28);
    color: #1f2636;
    flex: 0 1 170px; }
    @media (max-width: 1599px) {
      .slider-brand__name {
        font-size: 24px;
        flex: 0 1 145px; } }
    @media (max-width: 1279px) {
      .slider-brand__name {
        font-size: 20px; } }
    @media (max-width: 1023px) {
      .slider-brand__name {
        flex: 0 1 100%;
        width: 100%;
        margin-bottom: 12px; } }
    @media (max-width: 767px) {
      .slider-brand__name {
        font-weight: 700;
        font-size: 16px; } }
  .slider-brand__items {
    flex: 0 1 100%;
    position: relative;
    padding: 0px 56px;
    overflow: hidden; }
    @media (max-width: 1023px) {
      .slider-brand__items {
        width: 100%;
        padding: 0px; } }
  .slider-brand__body-slider {
    overflow: hidden; }
  .slider-brand__body {
    display: flex;
    align-items: center; }
  .slider-brand__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f4f5f6;
    transition: 0s; }
  .slider-brand__img {
    padding: 0px 8px; }
    @media (max-width: 767px) {
      .slider-brand__img {
        max-width: 88px; } }
  .slider-brand__nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    left: 0px;
    padding: 0 8px; }
    @media (max-width: 1023px) {
      .slider-brand__nav {
        display: none; } }
  .slider-brand__prev {
    left: 0; }
  .slider-brand__next {
    right: 0; }
  .slider-brand__dots {
    display: none; }
    @media (max-width: 1023px) {
      .slider-brand__dots {
        display: flex;
        justify-content: center;
        padding: 12px 0px 4px; } }

@media (max-width: 767px) {
  .slider-default-wrap:after {
    display: none; } }

@media (max-width: 479px) {
  .slider-default-wrap:after {
    display: block; } }

.slider-default__all .btn {
  width: auto;
  padding: 0px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px; }
  @media (max-width: 1599px) {
    .slider-default__all .btn {
      font-size: 14px;
      padding: 0px 12px; } }
  @media (max-width: 1023px) {
    .slider-default__all .btn {
      display: none; } }

.slider-default-wrap {
  position: relative; }
  @media (max-width: 1919px) {
    .slider-default-wrap::after {
      content: "";
      height: 100%;
      width: 73px;
      position: absolute;
      top: 0;
      right: -5px;
      bottom: 0;
      z-index: 4;
      background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); } }

.slider-default .products--block {
  max-width: 306px;
  min-width: 306px; }
  @media (max-width: 1599px) {
    .slider-default .products--block {
      max-width: 220px;
      min-width: 220px; } }
  .slider-default .products--block .products--main.inactive {
    opacity: 1; }

.slider-default .products--main.inactive {
  opacity: 1; }

.slider-default__dots {
  display: none; }
  @media (max-width: 1599px) {
    .slider-default__dots {
      display: flex;
      margin-top: 20px; } }
  @media (max-width: 1279px) {
    .slider-default__dots {
      margin-top: 8px; } }

@media (max-width: 1599px) {
  .slider-default .recommended--bottom {
    padding-bottom: 0; } }

.slider-default .brand-cart {
  margin: 0;
  transition: none; }

._after-blur {
  position: relative; }
  ._after-blur::after {
    content: "";
    height: calc(100% - 20px);
    width: 73px;
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    display: none; }
  @media (max-width: 1919px) {
    ._after-blur::after {
      display: inline-block; } }

@media (max-width: 1599px) {
  .slider-default .slider--arrow {
    display: none; } }

.filter {
  background-color: #fff;
  flex: 0 0 273px;
  transition: all 0.6s ease 0s;
  width: 273px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 11px; }
  @media (max-width: 1599px) {
    .filter {
      flex: 0 0 227px;
      width: 227px; } }
  @media (max-width: 1279px) {
    .filter {
      position: fixed;
      left: -460px;
      padding: 8px 16px;
      top: 0;
      height: 100%;
      overflow-y: auto;
      width: 392px;
      z-index: 9999;
      padding: 60px 16px 94px; }
      .filter .filter__btn {
        margin-bottom: 0; }
      .filter.active {
        left: 0px; } }
    @media (max-width: 1279px) and (max-width: 1279px) {
      .filter.active .filter_b-f,
      .filter.active .filter__top {
        left: 0px; } }
  @media (max-width: 1279px) {
      .filter .filter_b-f {
        transition: all 0.6s ease 0s;
        background-color: #fff; } }
    @media (max-width: 1279px) and (max-width: 1279px) {
      .filter .filter_b-f {
        box-shadow: 0px 4px 25px rgba(22, 35, 54, 0.12);
        position: fixed;
        left: -460px;
        bottom: 0;
        width: 392px;
        padding: 16px;
        z-index: 2; }
        .filter .filter_b-f .filter__btn {
          margin-bottom: 0; } }
    @media (max-width: 1279px) and (max-width: 1023px) {
      .filter .filter_b-f {
        left: -400px;
        width: 389px; } }
    @media (max-width: 1279px) and (max-width: 767px) {
      .filter .filter_b-f {
        width: 323px;
        left: -400px; } }
    @media (max-width: 1279px) and (max-width: 639px) {
      .filter .filter_b-f {
        width: 100%;
        left: -101%; } }
  @media (max-width: 1023px) {
    .filter {
      width: 389px;
      left: -400px;
      padding: 60px 16px 84px; } }
  @media (max-width: 767px) {
    .filter {
      width: 323px;
      left: -400px; } }
  @media (max-width: 639px) {
    .filter {
      padding-bottom: 87px;
      width: 100%;
      left: -100%; } }
  .filter._fixed {
    position: fixed;
    top: 86px;
    overflow-y: auto;
    max-height: calc(100vh - 86px); }
    .filter._fixed ~ .catalog__body,
    .filter._fixed ~ .sample__catalog {
      padding-left: 323px; }
      @media (max-width: 1599px) {
        .filter._fixed ~ .catalog__body,
        .filter._fixed ~ .sample__catalog {
          padding-left: 255px; } }
      @media (max-width: 1279px) {
        .filter._fixed ~ .catalog__body,
        .filter._fixed ~ .sample__catalog {
          padding-left: 0; } }
  .filter._block {
    position: absolute;
    bottom: 0;
    margin-bottom: -16px; }
    .filter._block ~ .catalog__body,
    .filter._block ~ .sample__catalog {
      padding-left: 323px; }
      @media (max-width: 1599px) {
        .filter._block ~ .catalog__body,
        .filter._block ~ .sample__catalog {
          padding-left: 255px; } }
      @media (max-width: 1279px) {
        .filter._block ~ .catalog__body,
        .filter._block ~ .sample__catalog {
          padding-left: 0; } }
  .filter__count {
    margin-bottom: 24px; }
    @media (max-width: 1599px) {
      .filter__count {
        margin-bottom: 12px; } }
    @media (max-width: 1279px) {
      .filter__count {
        margin-bottom: 8px; } }
    .filter__count div {
      font-weight: 700;
      font-size: 16px;
      line-height: calc(24 / 16);
      color: #96a3bb; }
      @media (max-width: 1599px) {
        .filter__count div {
          font-size: 14px; } }
  .filter__top {
    display: none; }
    @media (max-width: 1279px) {
      .filter__top {
        display: flex;
        height: 56px;
        position: fixed;
        transition: all 0.6s ease 0s;
        background-color: #fff;
        position: fixed;
        left: -460px;
        top: 0;
        width: 392px;
        padding: 16px;
        z-index: 4; }
        .filter__top.shadow {
          box-shadow: 0px 4px 25px rgba(22, 35, 54, 0.12); } }
    @media (max-width: 1023px) {
      .filter__top {
        left: -400px;
        width: 388px; } }
    @media (max-width: 767px) {
      .filter__top {
        width: 323px; } }
    @media (max-width: 639px) {
      .filter__top {
        width: 100%;
        left: -101%; } }
  .filter__title {
    font-weight: 700;
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636; }
  .filter__close {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    .filter__close::before {
      color: #1f2636;
      font-size: 12px; }
  @media (max-width: 1023px) {
    .filter__btnTab {
      order: 2; } }
  .filter__tags {
    padding: 24px 0px 16px;
    margin: 0px -4px; }
    @media (max-width: 1599px) {
      .filter__tags {
        margin: 0px -2px;
        padding: 12px 0px 8px; } }
  .filter__item {
    padding: 24px 0; }
    .filter__item:first-child {
      border-top: 1px solid #c5cbd9; }
    .filter__item:not(:last-child) {
      border-bottom: 1px solid #c5cbd9; }
    @media (max-width: 1599px) {
      .filter__item {
        padding: 16px 0px 12px; } }
    .filter__item_ch {
      display: flex; }
      .filter__item_ch input {
        font-size: 0;
        opacity: 0;
        visibility: hidden; }
        .filter__item_ch input:checked + label {
          background: #4772da; }
          .filter__item_ch input:checked + label span {
            transform: translateX(24px); }
            @media (max-width: 1599px) {
              .filter__item_ch input:checked + label span {
                transform: translateX(20px); } }
      .filter__item_ch .filter__check {
        border-radius: 100px;
        width: 48px;
        height: 24px;
        padding: 2px;
        position: relative;
        background: #e3e7f1;
        cursor: pointer; }
        @media (max-width: 1599px) {
          .filter__item_ch .filter__check {
            width: 40px;
            height: 20px; } }
        .filter__item_ch .filter__check span {
          background: #ffffff;
          width: 20px;
          height: 20px;
          position: absolute;
          left: 2px;
          top: 2px;
          right: 2px;
          bottom: 2px;
          border-radius: 100px;
          transition: all 0.6s ease 0s; }
          @media (max-width: 1599px) {
            .filter__item_ch .filter__check span {
              width: 16px;
              height: 16px; } }
  .filter__name {
    font-weight: 700;
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .filter__name {
        font-size: 14px; } }
  .filter__btn {
    margin-bottom: 16px;
    font-size: 16px; }
    @media (max-width: 1599px) {
      .filter__btn {
        margin-bottom: 8px;
        font-size: 14px; } }
    .filter__btn_clear {
      border: none; }
      @media (max-width: 1023px) {
        .filter__btn_clear {
          margin-bottom: 28px; } }
      @media (any-hover: hover) {
        .filter__btn_clear:hover {
          color: #4772da; } }
  .filter .simplebar-track.simplebar-vertical {
    top: 0;
    right: 0; }

.btnTab-filter {
  background: #f4f5f6;
  border-radius: 8px;
  padding: 4px 2px; }
  @media (max-width: 1023px) {
    .btnTab-filter {
      width: 100%; } }
  .btnTab-filter__btn {
    flex: 1;
    margin: 0px 2px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16);
    height: 48px;
    color: #4772da; }
    @media (max-width: 1599px) {
      .btnTab-filter__btn {
        font-size: 14px;
        height: 40px; } }
    @media (max-width: 1279px) {
      .btnTab-filter__btn {
        width: 130px; } }
    @media (max-width: 1023px) {
      .btnTab-filter__btn {
        width: auto; } }
    @media (any-hover: hover) {
      .btnTab-filter__btn:hover {
        background: rgba(71, 115, 218, 0.2); }
        .btnTab-filter__btn:hover.active {
          background: #4772da;
          opacity: 0.8; } }
    .btnTab-filter__btn.active {
      background: #4772da;
      color: #ffffff; }

.tags-filter__item {
  min-height: 32px;
  background: #e3e7f1;
  border-radius: 100px;
  padding: 6px 16px;
  margin: 0px 4px 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: calc(20 / 14);
  transition: all 0.3s ease 0s;
  color: #4772da;
  cursor: pointer; }
  @media (max-width: 1599px) {
    .tags-filter__item {
      font-size: 12px;
      min-height: 28px;
      padding: 6px 10px 6px 12px;
      margin: 0px 2px 4px; } }
  @media (any-hover: hover) {
    .tags-filter__item:hover {
      background: #d3d9e8;
      color: #4772da; } }
  .tags-filter__item:active {
    background: #496dc2;
    color: #fff; }
    .tags-filter__item:active ._close-filter._icon-close::before {
      color: #fff; }

.dropBtn-filter {
  cursor: pointer; }
  .dropBtn-filter::after {
    content: "";
    width: 12px;
    height: 12px;
    background: url("../pic/icons/arr-silver.svg") center/contain no-repeat;
    transform: rotate(90deg); }
  .dropBtn-filter._active::after {
    transition: all 0.3s ease 0s;
    transform: rotate(-90deg); }

.dropBody-filter {
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.3s ease 0s; }
  .dropBody-filter._active {
    height: auto;
    opacity: 1;
    visibility: visible;
    margin-top: 24px; }
    @media (max-width: 1599px) {
      .dropBody-filter._active {
        margin-top: 18px; } }
    .dropBody-filter._active li:last-child {
      margin-bottom: 0; }
  @media (max-width: 1279px) {
    .dropBody-filter ul {
      padding: 0px 1px; } }
  .dropBody-filter li {
    cursor: pointer;
    height: auto;
    opacity: 1;
    visibility: visible; }
    .dropBody-filter li:not(:last-child) {
      margin-bottom: 16px; }
    .dropBody-filter li.show {
      height: 0;
      opacity: 0;
      visibility: hidden;
      margin-bottom: 0px;
      transition: height 0.3s; }
      .dropBody-filter li.show:last-child {
        margin-bottom: 0px; }

.dropAll-filter {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #4772da;
  cursor: pointer;
  padding: 8px 0 0; }
  .dropAll-filter span {
    padding-right: 8px; }
  @media (max-width: 1599px) {
    .dropAll-filter {
      font-size: 12px;
      padding: 0; } }
  .dropAll-filter::after {
    color: #4772da;
    font-size: 8px;
    transform: rotate(-90deg);
    transition: all 0.3s ease 0s; }
  .dropAll-filter._active {
    padding: 24px 0 0; }
    .dropAll-filter._active::after {
      transform: rotate(-270deg); }
    @media (max-width: 1279px) {
      .dropAll-filter._active {
        padding: 16px 0 0; } }

._close-filter {
  display: inline-flex;
  align-self: center;
  margin-left: 6px;
  transition: all 0.3s ease 0s; }
  ._close-filter._icon-close::before {
    color: #4772da;
    font-size: 8px;
    padding-top: 2px; }
    @media (max-width: 1599px) {
      ._close-filter._icon-close::before {
        font-size: 7px; } }

.show-filter {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.38); }

@media (max-width: 639px) {
  .pagination-more {
    flex-wrap: wrap; } }

@media (max-width: 639px) {
  .pagination {
    flex: 1 0 100%;
    width: 100%;
    justify-content: space-between; } }

.pagination__arr {
  position: relative; }
  .pagination__arr::before {
    font-size: 12px;
    margin-right: 0; }
  .pagination__arr_prev {
    transform: translateY(0) rotate(0deg); }
    .pagination__arr_prev::before {
      margin-top: 2px; }
  .pagination__arr_next {
    margin-left: 12px;
    transform: translateY(0) rotate(-180deg); }
    .pagination__arr_next::before {
      margin-right: 2px;
      margin-bottom: -2px; }
    @media (max-width: 1599px) {
      .pagination__arr_next {
        margin-left: 8px; } }
    @media (max-width: 639px) {
      .pagination__arr_next {
        margin-left: 2px; } }

.pagination__item {
  border: 1px solid #c5cbd9;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-left: 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #1f2636;
  transition: all 0.3s ease 0s; }
  @media (max-width: 1599px) {
    .pagination__item {
      width: 40px;
      height: 40px;
      font-size: 12px;
      margin-left: 8px; }
      .pagination__item._dn {
        display: none; } }
  @media (max-width: 639px) {
    .pagination__item {
      margin-left: 2px; } }
  .pagination__item.active {
    border-color: #4772da; }
  .pagination__item:active {
    border-color: #4772da; }
  @media (any-hover: hover) {
    .pagination__item:hover {
      border-color: #6689dd; } }

.more {
  width: auto;
  min-width: 304px;
  padding: 12px 54px; }
  @media (max-width: 1599px) {
    .more {
      padding: 10px 35px;
      font-size: 14px;
      min-width: 242px; } }
  @media (max-width: 1023px) {
    .more {
      padding: 10px 20px;
      font-size: 14px;
      min-width: 210px; } }
  @media (max-width: 639px) {
    .more {
      width: 100%;
      margin-bottom: 12px; } }

.contacts--page-top {
  padding-bottom: 22px;
  border-bottom: 1px solid #C5CBD9;
  margin-bottom: 32px; }
  @media (max-width: 1599px) {
    .contacts--page-top {
      padding-bottom: 18px;
      margin-bottom: 28px; } }
  @media (max-width: 1279px) {
    .contacts--page-top {
      margin-bottom: 12px; } }
  @media (max-width: 1023px) {
    .contacts--page-top {
      display: none; } }
  .contacts--page-top a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #1F2636; }
    @media (max-width: 1599px) {
      .contacts--page-top a {
        font-size: 14px;
        line-height: 20px; } }

@media (max-width: 1023px) {
  .contacts--section {
    display: none;
    margin-top: 0; } }

@media (max-width: 989px) {
  .contacts--section-top {
    flex-direction: column; } }

.contacts--section-link {
  color: #4772DA;
  margin-top: 8px; }

@media (max-width: 1023px) {
  .contacts--section-wrap {
    border-bottom: 1px solid #C5CBD9; }
    .contacts--section-wrap:first-child .contacts--section-tab {
      padding-top: 4px; }
    .contacts--section-wrap.active .contacts--section {
      display: block; }
    .contacts--section-wrap.active .contacts--section-tab {
      padding-bottom: 8px; }
      .contacts--section-wrap.active .contacts--section-tab svg {
        transform: rotate(180deg); }
    .contacts--section-wrap.active .navigation-wrapper {
      margin-bottom: 8px; }
    .contacts--section-wrap:last-child {
      border-bottom: 0; } }

.contacts--section-tab {
  display: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1F2636;
  padding: 12px 0; }
  @media (max-width: 1023px) {
    .contacts--section-tab {
      display: flex; } }
  @media (max-width: 639px) {
    .contacts--section-tab {
      font-size: 12px;
      line-height: 16px;
      font-weight: 700; } }

.contacts--section-gray {
  color: #878889;
  margin-bottom: 4px;
  display: inline-block; }

.contacts--section-photos > div {
  width: 20%;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 8px; }
  @media (max-width: 1599px) {
    .contacts--section-photos > div {
      margin: 0 4px; } }
  @media (max-width: 1279px) {
    .contacts--section-photos > div {
      margin: 0; } }
  @media (max-width: 1023px) {
    .contacts--section-photos > div {
      min-width: 260px;
      max-width: 260px; } }
  .contacts--section-photos > div:first-child {
    margin-left: 0; }
  .contacts--section-photos > div:last-child {
    margin-right: 0; }
  .contacts--section-photos > div a {
    width: 100%;
    height: 100%; }

.contacts--section-left {
  padding: 32px 24px;
  width: 35%;
  box-shadow: 0 0 40px rgba(22, 35, 54, 0.07);
  border-radius: 8px; }
  @media (max-width: 1599px) {
    .contacts--section-left {
      width: 33.33333%;
      padding: 28px 20px; } }
  @media (max-width: 1279px) {
    .contacts--section-left {
      padding: 24px 16px;
      width: 37.5%; } }
  @media (max-width: 1023px) {
    .contacts--section-left {
      padding: 0;
      width: 41.66667%;
      box-shadow: none;
      margin-bottom: 16px; } }
  @media (max-width: 1023px) and (max-width: 989px) {
    .contacts--section-left {
      width: 100%;
      margin-bottom: 12px; } }

.contacts--section-right {
  flex: 1 1 auto;
  position: relative; }
  @media (max-width: 989px) {
    .contacts--section-right {
      width: 100%;
      height: 300px; } }
  @media (max-width: 639px) {
    .contacts--section-right {
      height: 200px; } }
  .contacts--section-right > div {
    position: absolute;
    left: 16px;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 8px;
    overflow: hidden; }
    @media (max-width: 1279px) {
      .contacts--section-right > div {
        left: 8px; } }

.contacts--section-icon {
  position: absolute;
  left: 0;
  top: 32px; }
  @media (max-width: 1599px) {
    .contacts--section-icon {
      top: 24px; } }
  @media (max-width: 1023px) {
    .contacts--section-icon {
      top: 16px; } }
  @media (max-width: 989px) {
    .contacts--section-icon {
      top: 20px; } }

.contacts--section-block {
  border-bottom: 1px solid #C5CBD9;
  padding: 32px 0;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #1F2636; }
  @media (max-width: 1599px) {
    .contacts--section-block {
      padding: 24px 0;
      font-size: 12px;
      line-height: 16px; } }
  @media (max-width: 1023px) {
    .contacts--section-block {
      position: relative;
      padding: 16px 0; } }
  .contacts--section-block_text > div {
    margin-bottom: 16px; }
    @media (max-width: 1599px) {
      .contacts--section-block_text > div {
        margin-bottom: 12px; } }
    @media (max-width: 1023px) {
      .contacts--section-block_text > div {
        margin-bottom: 8px; } }
    .contacts--section-block_text > div:first-child {
      margin-top: 16px; }
      @media (max-width: 1599px) {
        .contacts--section-block_text > div:first-child {
          margin-top: 12px; } }
      @media (max-width: 1023px) {
        .contacts--section-block_text > div:first-child {
          margin-top: 8px; } }
    .contacts--section-block_text > div:last-child {
      margin-bottom: 0; }
    .contacts--section-block_text > div > div:first-child {
      color: #878889;
      margin-bottom: 4px; }
  .contacts--section-block_title {
    font-weight: bold; }
  .contacts--section-block_main {
    padding-left: 36px; }
    @media (max-width: 1023px) {
      .contacts--section-block_main {
        padding-left: 32px; } }
    @media (max-width: 639px) {
      .contacts--section-block_main {
        padding-left: 28px; } }
    @media (max-width: 359px) {
      .contacts--section-block_main {
        flex-direction: column; } }
    .contacts--section-block_main button {
      color: #4772DA;
      margin-top: 8px; }
  .contacts--section-block:first-child {
    border-top: 1px solid #C5CBD9; }
    @media (max-width: 1023px) {
      .contacts--section-block:first-child {
        border-top: none; } }
  .contacts--section-block:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  @media (max-width: 989px) {
    .contacts--section-block {
      padding: 20px 0; }
      .contacts--section-block:first-child {
        padding-top: 16px; }
        .contacts--section-block:first-child .contacts--section-icon {
          top: 16px; }
      .contacts--section-block:last-child {
        padding-bottom: 16px; } }

.contacts--section-time {
  padding-left: 36px; }
  @media (max-width: 1023px) {
    .contacts--section-time {
      padding-left: 32px; } }
  @media (max-width: 639px) {
    .contacts--section-time {
      padding-left: 28px; } }
  .contacts--section-time > div {
    flex: 1 1 auto; }
    @media (max-width: 359px) {
      .contacts--section-time > div {
        flex: 1 1 100%;
        margin-bottom: 8px; }
        .contacts--section-time > div:last-child {
          margin-bottom: 0; } }
    .contacts--section-time > div.w100 {
      flex: 1 1 100%;
      margin-bottom: 16px; }
      @media (max-width: 359px) {
        .contacts--section-time > div.w100 {
          margin-bottom: 8px; } }

.contacts--section-phones {
  width: 50%; }
  .contacts--section-phones > a, .contacts--section-phones div {
    margin-bottom: 8px; }
    .contacts--section-phones > a:last-child, .contacts--section-phones div:last-child {
      margin-bottom: 0; }
  .contacts--section-phones_messengers {
    padding-left: 36px;
    position: relative; }
    @media (max-width: 1023px) {
      .contacts--section-phones_messengers {
        padding-left: 32px; } }
    @media (max-width: 639px) {
      .contacts--section-phones_messengers {
        padding-left: 28px; } }
    @media (max-width: 359px) {
      .contacts--section-phones_messengers {
        padding-left: 0;
        margin-top: 12px; } }
    .contacts--section-phones_messengers .contacts--section-icon {
      top: 0 !important; }
      @media (max-width: 359px) {
        .contacts--section-phones_messengers .contacts--section-icon {
          left: -26px !important; } }
    .contacts--section-phones_messengers a {
      width: 100%;
      display: block;
      margin-bottom: 8px; }
      @media (max-width: 359px) {
        .contacts--section-phones_messengers a:last-child {
          margin-bottom: 0; } }
  .contacts--section-phones a {
    width: 100%;
    display: block; }
  .contacts--section-phones div span {
    color: #878889; }
  .contacts--section-phones div > a {
    font-weight: bold; }

.contacts--section-road {
  color: #1F2636; }
  @media (max-width: 639px) {
    .contacts--section-road {
      flex-direction: column; } }
  .contacts--section-road_way {
    margin-top: 12px; }
  .contacts--section-road_dist {
    margin-top: 12px; }
    .contacts--section-road_dist span {
      margin: 0 2px;
      font-weight: 700;
      color: #4772DA;
      padding: 4px 8px;
      background: #ffffff;
      border-radius: 5px; }
      .contacts--section-road_dist span:first-child {
        margin-left: 0; }
      .contacts--section-road_dist span:last-child {
        margin-right: 8px; }
    .contacts--section-road_dist > div:first-child {
      font-weight: 400;
      color: #878889;
      margin-right: 8px; }
    .contacts--section-road_dist_wrap {
      position: relative;
      margin: 0 8px; }
  .contacts--section-road_target svg {
    margin-right: 12px; }
    @media (max-width: 1599px) {
      .contacts--section-road_target svg {
        width: 36px;
        height: 36px; } }
    @media (max-width: 1023px) {
      .contacts--section-road_target svg {
        width: 16px;
        height: 16px;
        margin-bottom: 2px; } }
  @media (max-width: 1023px) {
    .contacts--section-road_target {
      flex-direction: column;
      align-items: flex-start; } }
  .contacts--section-road_main {
    margin-top: 24px; }
    @media (max-width: 1599px) {
      .contacts--section-road_main {
        margin-top: 20px; } }
  .contacts--section-road_block {
    padding: 24px 36px;
    background: #F4F5F6;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    width: calc(50% - 8px); }
    @media (max-width: 1599px) {
      .contacts--section-road_block {
        padding: 20px 28px;
        font-size: 12px;
        line-height: 16px;
        width: calc(50% - 4px); } }
    @media (max-width: 1023px) {
      .contacts--section-road_block {
        padding: 12px 20px; } }
    @media (max-width: 767px) {
      .contacts--section-road_block {
        padding: 12px; } }
    @media (max-width: 639px) {
      .contacts--section-road_block {
        width: 100%;
        padding: 12px; }
        .contacts--section-road_block:last-child {
          margin-top: 8px; } }
    .contacts--section-road_block > span {
      color: #4772DA; }

.contacts--section-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #4772DA;
  margin-bottom: 32px; }
  @media (max-width: 1599px) {
    .contacts--section-title {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 24px; } }
  @media (max-width: 1279px) {
    .contacts--section-title {
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 1023px) {
    .contacts--section-title {
      display: none; } }
  .contacts--section-title_sub {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #1F2636;
    margin-bottom: 24px; }
    @media (max-width: 1599px) {
      .contacts--section-title_sub {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px; } }
    @media (max-width: 1279px) {
      .contacts--section-title_sub {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 20px; } }
    @media (max-width: 1023px) {
      .contacts--section-title_sub {
        margin-bottom: 12px; } }

.contacts--section-dash {
  flex: 1 1 auto;
  display: block;
  border: 2px dashed #C5CBD9;
  border-radius: 5px; }
  @media (max-width: 1023px) {
    .contacts--section-dash {
      border-width: 1px; } }

.contacts--modal {
  padding: 0;
  max-width: 782px;
  width: 100%; }
  @media (max-width: 1599px) {
    .contacts--modal {
      max-width: 706px; } }
  @media (max-width: 1279px) {
    .contacts--modal {
      max-width: 636px; } }

@media (max-width: 1599px) {
  .time-fix {
    line-height: 20px;
    flex-direction: column;
    align-items: flex-start; } }

.catalog {
  overflow-x: hidden; }
  .catalog .simplebar-track {
    top: 0 !important;
    right: 0 !important; }
  @media (max-width: 479px) {
    .catalog .products--main {
      min-height: max-content !important; } }
  .catalog__content {
    position: relative; }
  .catalog__products {
    margin: 0px -8px 8px; }
    @media (max-width: 1599px) {
      .catalog__products {
        margin: 0px -4px 12px; } }
    @media (max-width: 1279px) {
      .catalog__products {
        margin: 0px -4px 0px; } }
    @media (max-width: 479px) {
      .catalog__products {
        margin: 0; } }
    .catalog__products .products--block {
      margin: 0px 8px 16px;
      width: calc(25% - 16px); }
      @media (max-width: 1599px) {
        .catalog__products .products--block {
          width: calc(25% - 8px);
          margin: 0px 4px 8px; } }
      @media (max-width: 1023px) {
        .catalog__products .products--block {
          width: calc(33.333% - 8px); } }
      @media (max-width: 639px) {
        .catalog__products .products--block {
          width: calc(50% - 8px); } }
      @media (max-width: 479px) {
        .catalog__products .products--block {
          width: 100%;
          margin: 0px 0px 8px; } }

@media (max-width: 1599px) {
  #collection-list {
    width: calc(100% + 32px);
    overflow: hidden;
    padding-left: 0px; } }

@media (max-width: 1279px) {
  #collection-list {
    width: calc(100% + 16px);
    padding-left: 16px; } }

@media (max-width: 1023px) {
  #collection-list {
    padding-left: 0; } }

.list-catalog {
  position: relative; }
  @media (max-width: 1599px) {
    .list-catalog {
      overflow: hidden;
      margin-left: 32px; } }
  @media (max-width: 1279px) {
    .list-catalog {
      margin-left: 16px; } }
  @media (max-width: 1599px) {
    .list-catalog__nav {
      display: none; } }
  .list-catalog__arr {
    transform: translateY(-50%);
    top: 50%; }
    .list-catalog__arr_prev {
      left: -56px; }
    .list-catalog__arr_next {
      right: -56px;
      transform: translateY(-50%) rotate(180deg); }
  @media (min-width: 1599px) {
    .list-catalog__body {
      overflow: hidden; } }
  .list-catalog__item {
    background: #f4f5f6;
    border-radius: 8px;
    transition: 0s;
    overflow: hidden; }
    @media (max-width: 1599px) {
      .list-catalog__item {
        width: 160px;
        max-width: 160px;
        min-width: 160px; } }
    @media (any-hover: hover) {
      .list-catalog__item:hover .list-catalog__text {
        color: #4772da; } }
    .list-catalog__item:active .list-catalog__text {
      color: #496dc2; }
  .list-catalog__img {
    height: 132px;
    overflow: hidden;
    width: 100%; }
    @media (max-width: 1599px) {
      .list-catalog__img {
        height: 80px; } }
    .list-catalog__img img {
      transition: all 0.4s ease 0s;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .list-catalog__text {
    height: 68px;
    font-weight: 500;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636;
    padding: 2px 4px;
    text-align: center; }
    @media (max-width: 1599px) {
      .list-catalog__text {
        font-size: 12px;
        height: 48px; } }
  .list-catalog__dots {
    padding-top: 8px; }
    @media (min-width: 1599px) {
      .list-catalog__dots {
        display: none; } }

.catalog-body {
  padding-left: 50px;
  flex: 0 1 100%; }
  @media (max-width: 1599px) {
    .catalog-body {
      padding-left: 28px; } }
  @media (max-width: 1279px) {
    .catalog-body {
      padding-left: 0; } }
  .catalog-body__top {
    margin-bottom: 24px; }
    @media (max-width: 1599px) {
      .catalog-body__top {
        margin-bottom: 20px; } }
    @media (max-width: 1279px) {
      .catalog-body__top {
        margin-bottom: 8px; } }
    @media (max-width: 1023px) {
      .catalog-body__top {
        flex-wrap: wrap; } }
  @media (max-width: 1279px) {
    .catalog-body__brand {
      display: none; } }
  @media (max-width: 1279px) {
    .catalog-body__control {
      justify-content: space-between;
      flex: 0 1 100%; } }
  @media (max-width: 1023px) {
    .catalog-body__control {
      order: 1;
      margin-bottom: 12px; } }

.control-cb > div:not(:first-child) {
  margin-left: 16px; }
  @media (max-width: 1599px) {
    .control-cb > div:not(:first-child) {
      margin-left: 8px; } }
  @media (max-width: 1023px) {
    .control-cb > div:not(:first-child) {
      margin-left: 0; } }

@media (max-width: 1279px) {
  .control-cb__count {
    display: none; } }

.control-cb__count .new-select {
  min-width: 68px; }
  @media (max-width: 1599px) {
    .control-cb__count .new-select {
      min-width: 60px; } }

.control-cb__text {
  font-weight: 500;
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #878889;
  padding-right: 14px; }
  @media (max-width: 1599px) {
    .control-cb__text {
      font-size: 12px; } }

@media (max-width: 639px) {
  .control-cb__sort {
    width: 100%;
    margin-right: 8px; } }

@media (max-width: 1279px) {
  .control-cb__sort .new-select {
    min-width: 240px; } }

@media (max-width: 639px) {
  .control-cb__sort .new-select {
    min-width: auto;
    width: 100%; } }

.control-cb__btn {
  display: none; }

@media (max-width: 1279px) {
  .filter-btn {
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    background: #e3e7f1;
    border-radius: 5px;
    color: #4772da;
    font-weight: 500;
    font-size: 14px;
    line-height: calc(20 / 14);
    margin-left: auto; }
    .filter-btn::before {
      font-size: 19px;
      color: #4772da;
      margin-right: 10px; } }

@media (max-width: 1023px) {
  .filter-btn {
    padding: 0px 12px;
    margin-right: 8px; } }

@media (max-width: 639px) {
  .filter-btn {
    margin-right: 0px; } }

@media (max-width: 1279px) {
  .filter-btn::before {
    font-size: 19px;
    color: #4772da;
    margin-right: 10px;
    height: 24px; } }

@media (max-width: 639px) {
  .filter-btn::before {
    margin-right: 0; } }

@media (max-width: 639px) {
  .filter-btn span {
    display: none; } }

.layout-catalog {
  padding: 0 10px;
  height: 48px;
  border: 1px solid #c5cbd9;
  border-radius: 5px; }
  @media (max-width: 1599px) {
    .layout-catalog {
      height: 40px; } }
  @media (max-width: 767px) {
    .layout-catalog {
      display: none; } }
  .layout-catalog button {
    width: 32px;
    height: 32px;
    margin: 0px 2px; }
    .layout-catalog button::before {
      font-size: 16px;
      color: #96a3bb; }
    .layout-catalog button.active::before {
      color: #4772da; }
  .layout-catalog__line::before {
    font-size: 13.9px !important; }

.desc-catalog {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #000000; }
  @media (max-width: 1599px) {
    .desc-catalog {
      font-size: 12px; } }
  .desc-catalog__subtitle {
    font-size: 24px;
    line-height: calc(36 / 24);
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .desc-catalog__subtitle {
        font-size: 20px;
        font-weight: 500; } }
    @media (max-width: 1023px) {
      .desc-catalog__subtitle {
        font-size: 16px; } }
    @media (max-width: 639px) {
      .desc-catalog__subtitle {
        font-size: 14px;
        font-weight: 700; } }
  .desc-catalog p {
    margin-bottom: 32px; }
    @media (max-width: 639px) {
      .desc-catalog p {
        margin-bottom: 24px; } }
    .desc-catalog p:last-child {
      margin-bottom: 0px; }
  .desc-catalog ul {
    margin-bottom: 32px; }
    @media (max-width: 639px) {
      .desc-catalog ul {
        margin-bottom: 24px; } }
    .desc-catalog ul li {
      display: flex; }
      .desc-catalog ul li:not(:last-child) {
        margin-bottom: 20px; }
        @media (max-width: 639px) {
          .desc-catalog ul li:not(:last-child) {
            margin-bottom: 16px; } }
      .desc-catalog ul li::before {
        flex: 0 0 4px;
        content: "";
        width: 4px;
        height: 4px;
        overflow: hidden;
        border-radius: 50%;
        background: #000;
        margin: 8px 5px 0; }
        @media (max-width: 1599px) {
          .desc-catalog ul li::before {
            width: 3px;
            height: 3px;
            flex: 0 0 3px;
            margin: 7px 5px 0; } }

.collection--discount {
  position: absolute;
  right: 4px;
  top: 4px;
  background: url("../pic/icons/discount.svg") center/contain no-repeat;
  z-index: 2;
  width: 40px;
  height: 40px; }
  @media (max-width: 1023px) {
    .collection--discount {
      width: 36px;
      height: 36px; } }

.collection--video {
  position: absolute;
  right: 4px;
  bottom: 12px;
  background: url("../pic/icons/youtube.svg") center/contain no-repeat;
  z-index: 2;
  width: 20px;
  height: 16px; }

@media (min-width: 1919px) {
  .collection--image, .collection--image-main {
    min-height: 183px; } }

@media (max-width: 1919px) {
  .collection--image, .collection--image-main {
    height: 155px; } }

@media (max-width: 767px) {
  .collection--image, .collection--image-main {
    height: 126px; } }

@media (max-width: 639px) {
  .collection--image, .collection--image-main {
    height: 140px; } }

@media (max-width: 479px) {
  .collection--image, .collection--image-main {
    height: 220px; } }

@media (max-width: 359px) {
  .collection--image, .collection--image-main {
    height: 200px; } }

.collection--preview {
  font-size: 12px;
  line-height: calc(16 / 12);
  color: #1f2636;
  margin-top: 16px; }
  @media (max-width: 1599px) {
    .collection--preview {
      margin-top: 12px;
      font-size: 12px; } }
  .collection--preview span {
    color: #878889; }

.collection--props {
  margin-top: 8px; }
  @media (max-width: 1023px) {
    .collection--props {
      display: none; } }

.sample-collection {
  margin-top: 20px; }
  @media (max-width: 1599px) {
    .sample-collection {
      margin-top: 16px; } }
  @media (max-width: 1023px) {
    .sample-collection {
      margin-top: 12px; } }
  .sample-collection__body {
    flex: 0 1 auto; }
    .sample-collection__body.active .drop-item-sample {
      transition: 0.1s;
      height: auto;
      opacity: 1; }
      .sample-collection__body.active .drop-item-sample .sample-collection__name {
        height: auto;
        opacity: 1;
        margin-bottom: 8px; }
    .sample-collection__body.active:first-child {
      height: auto;
      opacity: 1; }
      .sample-collection__body.active:first-child .sample-collection__name {
        height: 0;
        opacity: 0;
        margin-bottom: 0; }
      .sample-collection__body.active:first-child .sample-collection__list {
        height: 32px;
        overflow: hidden; }
      .sample-collection__body.active:first-child.active .sample-collection__name {
        height: auto;
        opacity: 1;
        margin-bottom: 8px; }
      .sample-collection__body.active:first-child.active .sample-collection__list {
        height: auto;
        overflow: visible; }
  .sample-collection__item {
    height: 0;
    opacity: 0; }
    .sample-collection__item:first-child {
      height: auto;
      opacity: 1; }
      .sample-collection__item:first-child .sample-collection__name {
        height: 0;
        opacity: 0;
        margin-bottom: 0; }
      .sample-collection__item:first-child .sample-collection__list {
        height: 32px;
        overflow: hidden; }
      .sample-collection__item:first-child.active .sample-collection__name {
        height: auto;
        opacity: 1;
        margin-bottom: 8px; }
      .sample-collection__item:first-child.active .sample-collection__list {
        height: auto;
        overflow: visible; }
  .sample-collection__name {
    font-weight: 500;
    font-size: 12px;
    width: calc(16 / 12);
    color: #000000;
    margin-bottom: 8px;
    transition: all 0.1s ease 0s;
    height: auto;
    opacity: 1; }
  .sample-collection__list {
    margin: 0px -7px;
    height: auto;
    overflow: visible;
    transition: all 0.1s ease 0s; }
    @media (max-width: 1919px) {
      .sample-collection__list {
        margin: 0px -3px; } }
    @media (max-width: 1599px) {
      .sample-collection__list {
        margin: 0px -5px; } }
    @media (max-width: 767px) {
      .sample-collection__list {
        margin: 0px -2px; } }
    @media (max-width: 479px) {
      .sample-collection__list {
        margin: 0px -11px; } }
    @media (max-width: 359px) {
      .sample-collection__list {
        margin: 0px -7px; } }
    .sample-collection__list li {
      width: 16px;
      height: 32px;
      margin: 0px 6px 9px; }
      @media (max-width: 1919px) {
        .sample-collection__list li {
          margin: 0px 3px 6px; } }
      @media (max-width: 1599px) {
        .sample-collection__list li {
          margin: 0px 5px 6px; } }
      @media (max-width: 767px) {
        .sample-collection__list li {
          margin: 0px 2px 4px; } }
      @media (max-width: 479px) {
        .sample-collection__list li {
          margin: 0px 11px 5px; } }
      @media (max-width: 359px) {
        .sample-collection__list li {
          margin: 0px 7px 5px; } }
  .sample-collection__btn {
    position: relative;
    transform: rotate(-90deg);
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin-left: 9px; }
    .sample-collection__btn::before {
      margin-right: 1px;
      margin-bottom: -2px; }
      @media (max-width: 1599px) {
        .sample-collection__btn::before {
          margin-bottom: -1px; } }
    .sample-collection__btn.in {
      transform: rotate(-270deg); }
      .sample-collection__btn.in::before {
        margin-left: -1px; }

.drop-body-sample.sb {
  flex: 0 1 100%; }
  .drop-body-sample.sb .sample-collection__list {
    display: flex;
    justify-content: space-between;
    margin: 0; }
    .drop-body-sample.sb .sample-collection__list li {
      margin: 0 0 9px; }

.layoutLine .products--block {
  display: flex;
  width: 100%; }
  @media (max-width: 1599px) {
    .layoutLine .products--block {
      padding: 20px; } }

.layoutLine .products--image {
  flex: 0 0 232px;
  height: 172px; }
  @media (max-width: 1599px) {
    .layoutLine .products--image {
      flex: 0 0 183px;
      height: 136px; } }

.layoutLine .products--main {
  flex: 0 1 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
  margin-left: 32px;
  margin-top: 0;
  min-height: auto !important; }

.layoutLine .products--main-top {
  flex: 0 1 100%; }

@media (max-width: 1599px) {
  .layoutLine .products--icons {
    margin-top: 8px; } }

.layoutLine .products--delivery {
  margin-left: 32px; }
  @media (max-width: 1023px) {
    .layoutLine .products--delivery {
      margin-left: 24px; } }
  .layoutLine .products--delivery span {
    display: inline-block; }

.layoutLine .products--cod {
  margin-left: 32px;
  display: inline-block; }
  @media (max-width: 1023px) {
    .layoutLine .products--cod {
      margin-left: 24px; } }
  .layoutLine .products--cod div {
    font-size: 12px;
    line-height: calc(16 / 12); }
    @media (max-width: 1599px) {
      .layoutLine .products--cod div {
        font-size: 12px; } }
    .layoutLine .products--cod div span {
      color: #878889; }

.layoutLine .products--props {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px 40px;
  margin-top: 28px; }
  @media (max-width: 1599px) {
    .layoutLine .products--props {
      margin-top: 20px; } }
  @media (max-width: 1023px) {
    .layoutLine .products--props {
      gap: 0px 24px; } }

.layoutLine .products--prop > div:last-child {
  color: #1f2636; }

.layoutLine .products--bottom {
  margin-left: 64px;
  flex-direction: column;
  margin-top: 0;
  height: 100%; }
  @media (max-width: 1599px) {
    .layoutLine .products--bottom {
      margin-left: 32px; } }
  .layoutLine .products--bottom .products--ad {
    order: 1; }
    .layoutLine .products--bottom .products--ad > div {
      width: 20px;
      height: 20px;
      margin-left: 20px; }
  .layoutLine .products--bottom .products--price {
    order: 2;
    text-align: right;
    margin-top: auto !important;
    margin-top: 16px; }
  .layoutLine .products--bottom .products--add {
    order: 3;
    margin-top: 16px; }

.layoutLine .products--add {
  width: auto;
  height: 48px; }
  @media (max-width: 1599px) {
    .layoutLine .products--add {
      height: 40px; } }
  .layoutLine .products--add button, .layoutLine .products--add a {
    padding: 0 16px;
    white-space: nowrap;
    height: 100%; }
    @media (max-width: 1599px) {
      .layoutLine .products--add button, .layoutLine .products--add a {
        padding: 0px 12px; } }
    .layoutLine .products--add button::before, .layoutLine .products--add a::before {
      content: "В корзину";
      color: #fff;
      font-weight: 500;
      font-size: 16px;
      line-height: calc(24 / 16);
      margin-right: 10px; }
      @media (max-width: 1599px) {
        .layoutLine .products--add button::before, .layoutLine .products--add a::before {
          font-size: 14px; } }

.solution .catalog__content .catalog__products {
  margin: 0px -8px; }
  @media (max-width: 1599px) {
    .solution .catalog__content .catalog__products {
      margin: 0px -4px; } }
  @media (max-width: 479px) {
    .solution .catalog__content .catalog__products {
      margin: 0; } }

.solution .filter__tags {
  padding-top: 0; }

.solution .filter-btn {
  margin-left: 0; }

@media (max-width: 1279px) {
  .solution .catalog-body__control {
    margin-bottom: 8px; } }

@media (max-width: 1023px) {
  .solution .catalog-body__control {
    margin-bottom: 0px; } }

@media (max-width: 639px) {
  .solution .catalog-body__control {
    width: 100%; } }

@media (max-width: 639px) {
  .solution .catalog-body__control .filter-btn {
    width: 100%; }
    .solution .catalog-body__control .filter-btn span {
      display: inline-block;
      margin-left: 10px; } }

.card-solution {
  border: 1px solid #e3e7f1;
  padding: 20px;
  border-radius: 8px;
  width: calc(25% - 16px);
  margin: 0px 8px 16px; }
  @media (max-width: 1599px) {
    .card-solution {
      width: calc(25% - 8px);
      padding: 12px;
      margin: 0px 4px 8px; } }
  @media (max-width: 1023px) {
    .card-solution {
      width: calc(33.333% - 8px); } }
  @media (max-width: 639px) {
    .card-solution {
      width: calc(50% - 8px); } }
  @media (max-width: 479px) {
    .card-solution {
      width: 100%;
      margin: 0px 0px 8px; } }
  .card-solution__top {
    margin-bottom: 16px; }
    @media (max-width: 1599px) {
      .card-solution__top {
        margin-bottom: 12px; } }
    .card-solution__top > div {
      font-size: 12px;
      line-height: calc(16 / 12);
      color: #878889;
      position: relative;
      flex: 1; }
      @media (max-width: 1599px) {
        .card-solution__top > div {
          font-size: 12px; } }
      .card-solution__top > div:first-child::after {
        content: "";
        width: 1px;
        height: 100%;
        background: #c5cbd9;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0; }
  .card-solution__tip {
    padding-right: 8px; }
    @media (max-width: 1023px) {
      .card-solution__tip {
        flex: 1 1 auto; } }
  .card-solution__s {
    text-align: right;
    padding-left: 8px; }
    @media (max-width: 1023px) {
      .card-solution__s {
        flex: 1 0 auto; } }
  .card-solution__body {
    margin-top: 16px; }
    @media (max-width: 1599px) {
      .card-solution__body {
        margin-top: 12px; } }
  .card-solution__subname {
    font-size: 12px;
    line-height: calc(16 / 12);
    color: #878889; }
    @media (max-width: 1599px) {
      .card-solution__subname {
        font-size: 12px; } }
  .card-solution__name {
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636;
    margin-top: 4px; }
    @media (max-width: 1599px) {
      .card-solution__name {
        font-size: 14px; } }
    @media (any-hover: hover) {
      .card-solution__name:hover {
        color: #4772da; } }
  .card-solution__bottom {
    margin-top: 16px; }
    @media (max-width: 1599px) {
      .card-solution__bottom {
        margin-top: 8px; } }
    .card-solution__bottom .products--clear {
      flex: 0 0 40px;
      margin-left: 16px; }
      @media (any-hover: hover) {
        .card-solution__bottom .products--clear:hover svg {
          color: #6689dd; } }
      @media (max-width: 1599px) {
        .card-solution__bottom .products--clear {
          margin-left: 12px; } }
      @media (max-width: 1023px) {
        .card-solution__bottom .products--clear {
          margin-left: 16px; } }
  .card-solution .products--favorites {
    flex: 0 0 40px; }
    @media (max-width: 1599px) {
      .card-solution .products--favorites {
        flex: 0 0 32px; } }
    @media (max-width: 1023px) {
      .card-solution .products--favorites {
        flex: 0 0 40px; } }
  .card-solution__btn {
    font-size: 16px;
    text-align: center;
    line-height: calc(24 / 16);
    padding: 0;
    margin-right: 16px; }
    @media (max-width: 1599px) {
      .card-solution__btn {
        margin-right: 12px;
        font-size: 14px; } }
    @media (max-width: 1023px) {
      .card-solution__btn {
        margin-right: 16px; } }

@media (max-width: 1279px) {
  .card__three {
    margin-bottom: 16px; } }

.card__bottom {
  margin: 0px -4px; }
  @media (max-width: 639px) {
    .card__bottom {
      margin: 0;
      flex-wrap: wrap; } }
  .card__bottom > div {
    margin: 0px 4px;
    flex: 0 1 calc(50% - 8px); }
    @media (max-width: 639px) {
      .card__bottom > div {
        flex: 0 0 100%;
        margin: 0px; } }

@media (max-width: 1279px) {
  .three-card {
    flex-wrap: wrap; } }

.three-card__images {
  flex: 0 0 44%;
  width: 44%; }
  @media (max-width: 1919px) {
    .three-card__images {
      flex: 0 0 544px;
      width: 544px; } }
  @media (max-width: 1599px) {
    .three-card__images {
      flex: 0 0 450px;
      width: 450px; } }
  @media (max-width: 1279px) {
    .three-card__images {
      order: 1;
      margin-right: 49px;
      width: calc(100% - 315px - 49px);
      flex: 0 1 calc(100% - 315px - 49px); } }
  @media (max-width: 1023px) {
    .three-card__images {
      margin-right: 0;
      width: 100%;
      flex: 0 0 100%;
      margin-bottom: 16px; } }
  .three-card__images_big {
    flex: 0 0 48%;
    width: 48%;
    margin-right: 94px; }
    @media (max-width: 1919px) {
      .three-card__images_big {
        flex: 0 0 768px;
        width: 768px;
        margin-right: 16px; } }
    @media (max-width: 1599px) {
      .three-card__images_big {
        flex: 0 0 603px;
        width: 603px;
        margin-right: 8px; } }
    @media (max-width: 1279px) {
      .three-card__images_big {
        flex: 0 0 516px;
        width: 516px;
        margin-right: 0px; } }

.three-card__center {
  flex: 0 1 100%;
  margin: 0px 60px; }
  @media (max-width: 1919px) {
    .three-card__center {
      margin: 0px 80px 0 48px; } }
  @media (max-width: 1599px) {
    .three-card__center {
      margin: 0px 59px 0 59px; } }
  @media (max-width: 1279px) {
    .three-card__center {
      order: 3;
      flex: 0 0 100%;
      margin: 0px;
      display: flex; } }

.three-card__order {
  flex: 0 0 352px; }
  @media (max-width: 1599px) {
    .three-card__order {
      flex: 0 0 298px; } }
  @media (max-width: 1279px) {
    .three-card__order {
      order: 1;
      flex: 0 0 315px; } }
  @media (max-width: 1023px) {
    .three-card__order {
      order: 2;
      flex: 0 0 100%; } }


.slider-card__big {
  position: relative;
  height: 480px;
  overflow: hidden; }
  @media (max-width: 1599px) {
    .slider-card__big {
      height: 360px; } }
  @media (max-width: 1279px) {
    .slider-card__big {
      height: 368px; } }
  @media (max-width: 1023px) {
    .slider-card__big {
      height: 252px; } }

.slider-card-wrapper {
  overflow: hidden; }

.big-sc__badges {
  left: 8px;
  top: 8px;
  height: auto;
  z-index: 1; }
  @media (max-width: 1599px) {
    .big-sc__badges {
      left: 4px;
      top: 4px; } }

.big-sc__brand {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 117px;
  padding: 4px 10px;
  background: #ffffff;
  border-radius: 5px;
  z-index: 1; }
  @media (max-width: 1599px) {
    .big-sc__brand {
      top: 4px;
      right: 4px;
      width: 96px;
      padding: 4px 8px;
      border-radius: 4px; } }
  @media (max-width: 1023px) {
    .big-sc__brand {
      width: 72px;
      padding: 2px 6px; } }

.big-sc__video {
  position: absolute;
  bottom: 8px;
  right: 10px;
  z-index: 1;
  width: 36px;
  height: 28px;
  cursor: pointer; }
  @media (max-width: 1599px) {
    .big-sc__video {
      right: 6px;
      bottom: 22px;
      width: 26px;
      height: 21px; } }
  @media (max-width: 1279px) {
    .big-sc__video {
      width: 30px;
      height: 25px; } }
  @media (max-width: 1023px) {
    .big-sc__video {
      right: 4px;
      bottom: 4px;
      width: 40px;
      height: 32px; } }

.big-sc__body {
  height: 100%;
  background: #f4f5f6; }

.big-sc__list {
  height: 100%; }

.big-sc__item img {
  max-width: 100%;
  max-height: 100%; }

.min-sc__subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: calc(16 / 12);
  color: #878889; }
  @media (max-width: 1599px) {
    .min-sc__subtitle {
      font-size: 12px; } }
  @media (max-width: 1023px) {
    .min-sc__subtitle {
      display: none; } }

.min-sc__wrapper {
  height: 100px; }
  @media (max-width: 1919px) {
    .min-sc__wrapper {
      height: 96px; } }
  @media (max-width: 1599px) {
    .min-sc__wrapper {
      height: 52px; } }
  @media (max-width: 1023px) {
    .min-sc__wrapper {
      height: 36px; } }

.min-sc__arr {
  flex: 0 0 32px;
  width: 32px;
  height: inherit;
  background: #f4f5f6;
  border-radius: 5px;
  transition: all 0.3s ease 0s;
  cursor: pointer; }
  @media (max-width: 1599px) {
    .min-sc__arr {
      width: 43px;
      flex: 0 0 43px; } }
  @media (max-width: 1023px) {
    .min-sc__arr {
      flex: 0 0 32px;
      width: 32px; } }
  @media (any-hover: hover) {
    .min-sc__arr:hover {
      background: #6689dd; }
      .min-sc__arr:hover svg {
        color: #fff; } }
  .min-sc__arr:active {
    background: #496dc2; }
  .min-sc__arr svg {
    color: #c5cbd9; }
  .min-sc__arr_prev svg {
    transform: rotate(-90deg); }
  .min-sc__arr_next svg {
    transform: rotate(90deg); }

.min-sc__items {
  overflow: hidden;
  flex: 1 1 auto;
  width: calc(100% - 96px);
  height: 100%;
  margin: 0px 16px; }
  @media (max-width: 1599px) {
    .min-sc__items {
      width: calc(100% - 86px);
      margin: 0px 12px; } }
  @media (max-width: 479px) {
    .min-sc__items {
      margin: 0px 16px;
      justify-content: flex-start;
      width: calc(100% - 96px); } }

.min-sc__item {
  padding: 4px;
  position: relative;
  width: 142px;
  border: 2px solid transparent;
  cursor: pointer;
  flex: 0 0 142px; }
  @media (max-width: 1919px) {
    .min-sc__item {
      width: 134px;
      flex: 0 0 134px; } }
  @media (max-width: 1279px) {
    .min-sc__item {
      width: 92px;
      flex: 0 0 92px; } }
  @media (max-width: 1023px) {
    .min-sc__item {
      width: 72px;
      flex: 0 0 72px; } }
  @media (any-hover: hover) {
    .min-sc__item:hover {
      border: 2px solid #c5cbd9; } }
  .min-sc__item.active, .min-sc__item.swiper-slide-thumb-active {
    border: 2px solid #4772da; }
  .min-sc__item img {
    max-width: 100%;
    height: auto;
    max-height: 100%; }

.swiper-wrapper {
  display: flex;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent; }

.swiper-slide {
  flex-shrink: 0; }

.min-sc__body {
  display: flex; }

.min-sc__items {
  overflow: hidden;
  order: 2; }

.min-sc__arr_prev {
  order: 1; }

.min-sc__arr_next {
  order: 3; }

.top-ot__reviews {
  margin-left: 16px;
  margin-right: auto; }
  @media (max-width: 1023px) {
    .top-ot__reviews {
      margin-left: 20px; } }

.top-ot__name {
  font-size: 14px;
  color: #878889;
  margin-left: 6px; }
  @media (max-width: 1599px) {
    .top-ot__name {
      font-size: 12px; } }

.top-ot__controll button {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease 0s; }
  @media (max-width: 1023px) {
    .top-ot__controll button {
      width: 32px;
      height: 32px; } }
  .top-ot__controll button:not(:last-child) {
    margin-right: 16px; }
  .top-ot__controll button svg {
    color: #96a3bb; }
  .top-ot__controll button:hover svg {
    color: #6689dd; }
  .top-ot__controll button:active svg {
    color: #4772da; }

@media (max-width: 1023px) {
  .rating-full__items svg:not(:first-child) {
    display: none; } }

@media (max-width: 1279px) {
  .option-ct__top {
    padding: 16px 0px;
    border-bottom: 0.5px solid #c5cbd9; } }

@media (max-width: 1023px) {
  .option-ct__top {
    border-bottom: 0; } }

.option-ct__top .rating-full,
.option-ct__top .top-ot__reviews {
  cursor: pointer; }

.option-ct__props {
  margin-top: 28px; }
  @media (max-width: 1599px) {
    .option-ct__props {
      margin-top: 20px; } }
  @media (max-width: 1279px) {
    .option-ct__props {
      display: none;
      margin-top: 0; } }
  @media (max-width: 1023px) {
    .option-ct__props {
      display: none; } }
  .option-ct__props .products--prop {
    font-size: 14px; }
    @media (max-width: 1599px) {
      .option-ct__props .products--prop {
        font-size: 12px; } }
    .option-ct__props .products--prop div:first-child {
      color: #878889; }
    .option-ct__props .products--prop div:last-child {
      color: #1f2636; }

.option-ct__props-all {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #4772da;
  cursor: pointer;
  margin-top: 16px; }
  @media (max-width: 1599px) {
    .option-ct__props-all {
      margin-top: 12px;
      font-size: 12px; } }
  @media (max-width: 1023px) {
    .option-ct__props-all {
      flex: 0;
      width: 100%; } }
  .option-ct__props-all svg {
    margin-left: 4px; }

.option-ct__calc {
  flex: 1 0 100%;
  margin-top: 12px; }
  @media (max-width: 1279px) {
    .option-ct__calc {
      flex: 0;
      width: 100%;
      margin-top: 0; } }
  .option-ct__calc .btn {
    border-color: #e3e7f1; }
    .option-ct__calc .btn svg {
      margin-right: 11px; }

.option-ct__serv {
  flex: 0 0 100%;
  margin-top: 12px;
  padding: 8px 0px;
  margin-bottom: 28px; }
  @media (max-width: 1599px) {
    .option-ct__serv {
      padding: 0px;
      margin: 18px 0px 26px; } }
  @media (max-width: 1279px) {
    .option-ct__serv {
      flex: 0;
      width: 100%;
      margin: 18px 0px 10px; } }
  .option-ct__serv a {
    flex: 1;
    text-align: center;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636;
    position: relative; }
    @media (max-width: 1599px) {
      .option-ct__serv a {
        font-size: 12px; } }
    .option-ct__serv a:not(:last-child)::after {
      content: "";
      width: 1px;
      height: 16px;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      background: #c5cbd9; }

.option-ct__subname {
  font-weight: 500;
  font-size: 12px;
  line-height: calc(16 / 12);
  color: #878889;
  margin-bottom: 8px; }
  @media (max-width: 1599px) {
    .option-ct__subname {
      font-size: 12px; } }

.option-ct__color {
  margin-bottom: 8px; }
  @media (max-width: 1599px) {
    .option-ct__color {
      margin-bottom: 4px; } }

@media (max-width: 1279px) {
  .color-card {
    margin: 16px 0px 0px;
    flex: 1; } }

@media (max-width: 1023px) {
  .color-card {
    display: none; } }

.color-card__items {
  margin: 0px -4px; }

.color-card__item {
  margin: 0px 4px 8px; }
  .color-card__item input {
    display: none; }
  .color-card__item input:checked + label {
    border: 1px solid #4772da; }
  .color-card__item label {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid transparent;
    cursor: pointer; }
    @media (any-hover: hover) {
      .color-card__item label:hover {
        border: 1px solid #c5cbd9; } }

@media (max-width: 1279px) {
  .size-card {
    margin: 16px 0px 0px;
    flex: 1; } }

@media (max-width: 1023px) {
  .size-card {
    display: none; } }

.size-card__items {
  margin: 0px -4px; }

.size-card__item {
  margin: 0px 4px 8px; }
  .size-card__item input {
    display: none; }
  .size-card__item input:checked + label {
    border: 1px solid #4772da; }
  .size-card__item label {
    min-width: 40px;
    height: 48px;
    padding: 0px 14px;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    border-radius: 5px;
    background: #f4f5f6;
    border: 1px solid transparent; }
    @media (max-width: 1599px) {
      .size-card__item label {
        padding: 0px 12px;
        font-size: 12px;
        height: 32px; } }
    @media (any-hover: hover) {
      .size-card__item label:hover {
        border: 1px solid #c5cbd9; } }

.certificate {
  padding: 12px;
  border: 1px solid #c5cbd9;
  border-radius: 8px; }
  @media (max-width: 1599px) {
    .certificate {
      padding: 8px; } }
  @media (max-width: 1279px) {
    .certificate {
      order: 4;
      max-width: 100%;
      margin: 16px 32px 0; } }
  @media (max-width: 1023px) {
    .certificate {
      margin: 16px 16px 0; } }
  .certificate__img {
    flex: 0 0 117px;
    max-height: 88px; }
    @media (max-width: 1279px) {
      .certificate__img {
        flex: 0 0 88px;
        max-height: 68px; } }
    .certificate__img img {
      object-fit: contain; }
  .certificate__text {
    margin-left: 16px;
    font-size: 12px;
    line-height: calc(16 / 12);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .certificate__text {
        font-size: 12px; } }

@media (max-width: 1279px) {
  .card__bottom .certificate {
    margin: 0px; } }

@media (max-width: 639px) {
  .card__bottom .certificate {
    margin-bottom: 8px; } }

@media (max-width: 1023px) {
  .card__bottom .option-ct__calc {
    margin-top: 0; } }

.phone-ct {
  display: none; }
  @media (max-width: 1279px) {
    .phone-ct {
      flex: 0 1 100%;
      display: block;
      order: 2;
      margin-top: 16px; } }
  @media (max-width: 1023px) {
    .phone-ct {
      position: relative; } }
  .phone-ct h1 {
    width: 100%;
    margin: 0; }

.phone-ct__top {
  margin-bottom: 8px; }

.phone-ct__name {
  border-bottom: 0.5px solid #c5cbd9; }
  @media (max-width: 1023px) {
    .phone-ct__name {
      padding-bottom: 16px; } }

.order-ct {
  padding: 12px 20px 24px;
  box-shadow: 0px 4px 25px rgba(22, 35, 54, 0.12);
  border-radius: 8px; }
  @media (max-width: 1599px) {
    .order-ct {
      padding: 12px 16px 20px; } }
  @media (max-width: 1023px) {
    .order-ct {
      box-shadow: 0px 0px 7px rgba(22, 35, 54, 0.15);
      padding: 12px; } }
  @media (max-width: 767px) {
    .order-ct {
      padding: 12px 12px 16px; } }
  .order-ct__id {
    font-weight: 500;
    font-size: 12px;
    line-height: calc(16 / 12);
    color: #878889;
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .order-ct__id {
        font-size: 12px;
        margin-bottom: 8px; } }
    @media (max-width: 1023px) {
      .order-ct__id {
        margin-bottom: 0; } }
    .order-ct__id div {
      color: #1f2636; }
  .order-ct__pb {
    position: relative; }
    @media (max-width: 1023px) {
      .order-ct__pb {
        margin-bottom: 16px; } }
  .order-ct__dicount {
    line-height: calc(28 / 18);
    color: #878889;
    margin-bottom: 4px; }
    .order-ct__dicount div:first-child {
      font-size: 18px;
      text-decoration-line: line-through;
      align-self: center;
      line-height: calc(20 / 14); }
      @media (max-width: 1599px) {
        .order-ct__dicount div:first-child {
          font-size: 16px; } }
      @media (max-width: 1279px) {
        .order-ct__dicount div:first-child {
          font-size: 12px; } }
    .order-ct__dicount span {
      font-size: 14px;
      padding: 0px 3px;
      line-height: calc(20 / 14); }
      @media (max-width: 1599px) {
        .order-ct__dicount span {
          font-size: 12px; } }
  .order-ct__price {
    font-size: 28px;
    line-height: calc(40 / 28);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .order-ct__price {
        font-size: 24px; } }
    @media (max-width: 1279px) {
      .order-ct__price {
        font-size: 20px;
        font-weight: 500; } }
    @media (max-width: 1023px) {
      .order-ct__price {
        border-bottom: 0.5px solid #c5cbd9;
        width: 100%;
        padding-bottom: 12px; } }
    @media (max-width: 767px) {
      .order-ct__price {
        font-size: 16px; } }
    .order-ct__price span {
      font-size: 14px;
      padding: 0px 3px;
      color: #878889;
      line-height: calc(20 / 14); }
  .order-ct__badges {
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 1023px) {
      .order-ct__badges {
        position: static; } }
  .order-ct__total {
    margin: 25px 0px 24px; }
    @media (max-width: 1599px) {
      .order-ct__total {
        margin: 20px 0px; } }
    @media (max-width: 1023px) {
      .order-ct__total {
        background: #f4f5f6;
        border-radius: 5px;
        justify-content: center; } }
    .order-ct__total span {
      font-weight: 500;
      font-size: 16px;
      line-height: calc(24 / 16);
      color: #878889; }
      @media (max-width: 1599px) {
        .order-ct__total span {
          font-size: 14px; } }
    .order-ct__total div {
      font-weight: 600;
      font-size: 18px;
      line-height: calc(28 / 18);
      color: #1f2636;
      margin-left: 4px; }
      @media (max-width: 1599px) {
        .order-ct__total div {
          font-size: 16px; } }
      @media (max-width: 1023px) {
        .order-ct__total div {
          font-size: 14px; } }
  .order-ct__form {
    margin-left: -6px;
    margin-right: -6px; }
    @media (max-width: 1599px) {
      .order-ct__form {
        margin-left: -4px;
        margin-right: -4px; } }
    @media (max-width: 1023px) {
      .order-ct__form {
        margin-bottom: 16px; } }
    .order-ct__form button {
      height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: calc(24 / 16); }
      @media (max-width: 1599px) {
        .order-ct__form button {
          height: 40px;
          font-size: 14px; } }
  .order-ct__add {
    flex: 0 1 calc(100% - 12px);
    margin: 0px 6px 12px; }
    @media (max-width: 1599px) {
      .order-ct__add {
        flex: 0 1 calc(100% - 8px);
        margin: 0px 4px 8px; } }
    @media (max-width: 1023px) {
      .order-ct__add {
        flex: 1; } }
    @media (max-width: 767px) {
      .order-ct__add {
        flex: 0 1 calc(100% - 8px); } }
    .order-ct__add svg {
      margin-left: 10px; }
  .order-ct__oneclick {
    margin: 0px 6px;
    flex: 0 1 calc(50% - 12px); }
    @media (max-width: 1599px) {
      .order-ct__oneclick {
        flex: 0 1 calc(50% - 8px);
        margin: 0px 4px; } }
    @media (max-width: 1023px) {
      .order-ct__oneclick {
        flex: 1; } }
  .order-ct__credit {
    margin: 0px 6px;
    flex: 0 1 calc(50% - 12px);
    border-color: #e3e7f1; }
    @media (max-width: 1599px) {
      .order-ct__credit {
        flex: 0 1 calc(50% - 8px);
        margin: 0px 4px; } }
    @media (max-width: 1023px) {
      .order-ct__credit {
        flex: 1; } }
    @media (any-hover: hover) {
      .order-ct__credit:hover {
        border-color: #e3e7f1;
        color: #4772da; } }
  @media (max-width: 1023px) {
    .order-ct__bottom {
      display: flex;
      align-items: center; } }
  @media (max-width: 767px) {
    .order-ct__bottom {
      flex-direction: column; } }
  .order-ct__ball {
    padding-bottom: 24px;
    border-bottom: 1px solid #c5cbd9; }
    @media (max-width: 1599px) {
      .order-ct__ball {
        padding-bottom: 20px; } }
    @media (max-width: 1023px) {
      .order-ct__ball {
        padding: 0;
        border-bottom: 0;
        flex: 0 0 auto;
        margin-bottom: 0; } }
    @media (max-width: 767px) {
      .order-ct__ball {
        border-bottom: 1px solid #c5cbd9;
        padding-bottom: 16px;
        width: 100%; } }
  @media (max-width: 1023px) {
    .order-ct__sentence {
      display: flex;
      justify-content: space-between;
      flex: 0 1 100%;
      padding-left: 7%; } }
  @media (max-width: 767px) {
    .order-ct__sentence {
      width: 100%;
      padding-left: 0;
      margin: 4px 5px 0;
      flex-wrap: wrap; } }
  @media (max-width: 479px) {
    .order-ct__sentence {
      margin: 16px -6px 0px; } }
  .order-ct__sentence li {
    margin-bottom: 12px; }
    .order-ct__sentence li:last-child {
      margin-bottom: 0; }
    @media (max-width: 767px) {
      .order-ct__sentence li:last-child {
        margin-bottom: 0; } }
    @media (max-width: 1023px) {
      .order-ct__sentence li {
        margin-bottom: 0px; } }
    @media (max-width: 767px) {
      .order-ct__sentence li {
        margin: 12px 5px 0; } }
    @media (max-width: 479px) {
      .order-ct__sentence li {
        flex: 1 0 calc(50% - 12px);
        margin: 0px 6px 12px; } }
    .order-ct__sentence li div {
      font-size: 12px;
      margin-left: 8px;
      line-height: calc(16 / 12);
      color: #878889; }
      @media (max-width: 1023px) {
        .order-ct__sentence li div {
          font-size: 12px; } }
      .order-ct__sentence li div span {
        color: #1f2636; }
        @media (max-width: 1023px) {
          .order-ct__sentence li div span {
            display: block; } }

@media (max-width: 1023px) {
  .count-price {
    margin-right: 8px;
    margin-top: 12px; } }

.count-price:not(:last-child) {
  margin-bottom: 4px; }
  @media (max-width: 1023px) {
    .count-price:not(:last-child) {
      margin-bottom: 0; } }

.count-price__price {
  font-weight: 600;
  font-size: 18px;
  line-height: calc(28 / 18);
  color: #1f2636;
  margin-right: 4px; }
  @media (max-width: 1599px) {
    .count-price__price {
      font-size: 16px; } }
  @media (max-width: 1279px) {
    .count-price__price {
      font-size: 14px; } }

.count-price__ms {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #878889; }
  .count-price__ms:not(:last-child) {
    margin: 0px 4px 0px 0px; }
  @media (max-width: 1599px) {
    .count-price__ms {
      font-size: 12px; } }

@media (max-width: 1023px) {
  .quantity-order {
    display: flex;
    margin: 0px -4px 8px; } }

@media (max-width: 639px) {
  .quantity-order {
    flex-direction: column;
    margin: 0px 0px 8px; } }

@media (max-width: 1023px) {
  .quantity-order > div {
    flex: 1;
    margin: 0px 4px; } }

@media (max-width: 1023px) {
  .quantity-order > div.quantity {
    margin: 2px 4px; } }

@media (max-width: 639px) {
  .quantity-order > div.quantity {
    margin: 0px 0px 8px; } }

@media (max-width: 639px) {
  .quantity-order > div {
    flex: 0 0 auto;
    margin: 0px 0px 8px;
    height: 40px; }
    .quantity-order > div:first-child {
      height: 44px; } }

.quantity-order__items {
  background: #f4f5f6;
  border-radius: 5px;
  padding: 4px 2px;
  margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .quantity-order__items {
      margin-bottom: 8px; } }

.quantity-order__item {
  margin: 0px 2px;
  max-width: 100%;
  flex: 1; }
  .quantity-order__item_center {
    max-width: 40px; }
  .quantity-order__item input {
    display: none; }
  .quantity-order__item input:checked + label {
    background: #4772da;
    color: #fff; }
  .quantity-order__item label {
    width: 100%;
    flex: 1;
    cursor: pointer;
    background: #ffffff;
    border-radius: 5px;
    height: 36px;
    font-weight: 500;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636;
    padding: 0px 12px;
    transition: all 0.3s ease 0s; }
    @media (max-width: 1599px) {
      .quantity-order__item label {
        font-size: 12px; } }
    @media (any-hover: hover) {
      .quantity-order__item label:hover {
        background: #6689dd;
        color: #fff; } }

.rating-full__items svg {
  margin-right: 4px;
  height: 14px; }
  .rating-full__items svg:last-child {
    margin-right: 0; }

.ball__icon {
  padding-right: 12px;
  display: inline-flex;
  align-items: center; }

.ball__text {
  padding-right: 12px;
  line-height: calc(24 / 16); }
  .ball__text div {
    font-size: 12px;
    color: #1f2636;
    white-space: nowrap; }
    @media (max-width: 1599px) {
      .ball__text div {
        font-size: 12px; } }
  .ball__text span {
    font-weight: 700;
    font-size: 16px;
    color: #4772da;
    padding-right: 12px; }
    @media (max-width: 1599px) {
      .ball__text span {
        font-size: 14px; } }

.tabs-card {
  overflow: hidden; }
  .tabs-card__btns {
    padding-bottom: 22px;
    border-bottom: 1px solid #c5cbd9; }
    @media (max-width: 1279px) {
      .tabs-card__btns {
        flex-direction: column;
        border-bottom: 0;
        padding: 0; } }
  .tabs-card__body {
    padding-top: 32px; }
    @media (max-width: 1279px) {
      .tabs-card__body {
        padding-top: 0; } }
  .tabs-card__item {
    opacity: 0;
    max-height: 0;
    z-index: -1;
    position: relative; }
    @media (max-width: 1279px) {
      .tabs-card__item:not(:last-child).active {
        padding-bottom: 16px; } }
    @media (max-width: 1279px) {
      .tabs-card__item:last-child.active {
        margin-bottom: 12px; } }
    .tabs-card__item.active {
      opacity: 1;
      transition: height 2s, opacity 0.2s;
      max-height: 1000vh;
      z-index: 4; }
      @media (max-width: 1279px) {
        .tabs-card__item.active {
          border-bottom: 1px solid #c5cbd9; } }
      @media (max-width: 1023px) {
        .tabs-card__item.active {
          padding-bottom: 16px; } }

.tab-btn {
  font-weight: 700;
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #1f2636;
  transition: all 0.2s ease 0s;
  cursor: pointer;
  display: flex; }
  @media (max-width: 1599px) {
    .tab-btn {
      font-size: 14px; } }
  @media (max-width: 1279px) {
    .tab-btn {
      width: 100%;
      padding: 16px 0; }
      .tab-btn::after {
        display: inline-block; }
      .tab-btn:not(:nth-last-child(2)) {
        border-bottom: 1px solid #c5cbd9; }
      .tab-btn.active::after {
        transform: rotate(90deg); } }
  @media (any-hover: hover) {
    .tab-btn:hover {
      color: #6689dd; }
      .tab-btn:hover span {
        color: inherit; } }
  @media (max-width: 1023px) {
    .tab-btn {
      margin-right: 6px; }
      .tab-btn:not(:nth-last-child(2)) {
        border-bottom: 1px solid #c5cbd9; } }
  .tab-btn::after {
    display: none;
    transition: all 0.3s ease 0s;
    margin-left: auto;
    color: #4772da;
    font-size: 12px;
    transform: rotate(-90deg); }
    @media (max-width: 1279px) {
      .tab-btn::after {
        display: inline-block;
        margin-right: 2px; } }
  .tab-btn span {
    color: #878889; }
  .tab-btn.active {
    color: #496dc2; }
    @media (max-width: 1279px) {
      .tab-btn.active {
        border-bottom: 0; } }
    @media (max-width: 1023px) {
      .tab-btn.active {
        margin-right: 4px; }
        .tab-btn.active::after {
          transform: rotate(90deg); } }

.tabs-props {
  grid-template-columns: 1fr 1fr;
  gap: 0 98px; }
  @media (max-width: 1279px) {
    .tabs-props {
      grid-template-columns: 1fr; } }
  .tabs-props .products--prop {
    font-size: 14px;
    line-height: calc(20 / 14); }
    .tabs-props .products--prop:last-child {
      margin-bottom: 8px; }
    @media (max-width: 1599px) {
      .tabs-props .products--prop {
        font-size: 12px; } }
    .tabs-props .products--prop > div:first-child {
      color: #878889; }
    .tabs-props .products--prop > div:last-child {
      color: #1f2636; }

.tabs-desc p {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #1f2636; }
  @media (max-width: 1599px) {
    .tabs-desc p {
      font-size: 12px; } }
  .tabs-desc p:not(:last-child) {
    margin-bottom: 24px; }
    @media (max-width: 1599px) {
      .tabs-desc p:not(:last-child) {
        margin-bottom: 20px; } }
    @media (max-width: 1279px) {
      .tabs-desc p:not(:last-child) {
        margin-bottom: 16px; } }

@media (max-width: 639px) {
  .tabs-reviews__header {
    flex-direction: column;
    align-items: flex-start; } }

@media (max-width: 1023px) {
  .tabs-reviews__top {
    margin-bottom: 16px; } }

.tabs-reviews__top .rating-full svg {
  width: 24px;
  height: 24px; }
  @media (max-width: 1023px) {
    .tabs-reviews__top .rating-full svg {
      width: 16px;
      height: 16px; } }

.tabs-reviews__top .rating-full__value {
  font-size: 24px;
  line-height: calc(36 / 24);
  color: #1f2636;
  margin-left: 12px; }
  @media (max-width: 1023px) {
    .tabs-reviews__top .rating-full__value {
      margin-left: 8px;
      font-size: 14px;
      font-weight: 700; } }

.tabs-reviews__top .rating-full__all {
  font-weight: 500;
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #878889;
  margin-left: 16px; }
  @media (max-width: 1023px) {
    .tabs-reviews__top .rating-full__all {
      font-size: 12px;
      align-self: center; } }

.tabs-reviews__add {
  width: auto;
  height: 48px;
  padding: 0px 51px;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(24 / 16);
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 1599px) {
    .tabs-reviews__add {
      height: 40px;
      font-size: 14px; } }
  @media (max-width: 1023px) {
    .tabs-reviews__add {
      padding: 0px 24px;
      font-size: 14px; } }
  @media (max-width: 359px) {
    .tabs-reviews__add {
      padding: 0px 10px; } }

.tabs-reviews__item {
  background: #f4f5f6;
  border-radius: 8px;
  padding: 24px; }
  @media (max-width: 1023px) {
    .tabs-reviews__item {
      padding: 16px; } }
  .tabs-reviews__item:not(:last-child) {
    margin-bottom: 16px; }

.tabs-reviews__row:not(:last-child) {
  margin-bottom: 16px; }
  @media (max-width: 1023px) {
    .tabs-reviews__row:not(:last-child) {
      margin-bottom: 12px; } }

.tabs-reviews__name {
  font-weight: 700;
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #1f2636; }
  @media (max-width: 1599px) {
    .tabs-reviews__name {
      font-size: 14px;
      margin-bottom: 4px; } }

.tabs-reviews__data {
  margin-right: 24px;
  font-size: 14px;
  color: #878889; }
  @media (max-width: 1599px) {
    .tabs-reviews__data {
      font-size: 12px; } }

.tabs-reviews__sub {
  font-weight: 500;
  font-size: 12px;
  line-height: calc(16 / 12);
  color: #1f2636;
  margin-bottom: 4px; }
  @media (max-width: 1599px) {
    .tabs-reviews__sub {
      font-size: 12px; } }

.tabs-reviews__text {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #878889; }
  @media (max-width: 1599px) {
    .tabs-reviews__text {
      font-size: 12px; } }

.tabs-reviews__more {
  text-align: center;
  margin-top: 16px; }
  .tabs-reviews__more .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0px 32px;
    font-size: 16px; }
    @media (max-width: 1599px) {
      .tabs-reviews__more .btn {
        font-size: 14px; } }
    @media (max-width: 1023px) {
      .tabs-reviews__more .btn {
        padding: 0px 24px; } }
    @media (max-width: 359px) {
      .tabs-reviews__more .btn {
        padding: 0px 10px; } }

.tabs-quest__title {
  font-weight: 600;
  font-size: 18px;
  line-height: calc(28 / 18);
  color: #1f2636;
  margin-bottom: 16px; }
  @media (max-width: 1599px) {
    .tabs-quest__title {
      font-size: 16px; } }
  @media (max-width: 1279px) {
    .tabs-quest__title {
      display: none; } }

@media (max-width: 1023px) {
  .tabs-quest__body {
    flex-direction: column;
    max-width: 348px; } }

@media (max-width: 639px) {
  .tabs-quest__body {
    max-width: 100%; } }

.tabs-quest__form {
  flex: 0 1 100%; }

.tabs-quest__tip {
  flex: 1 0 302px;
  margin-left: 16px; }
  @media (max-width: 1023px) {
    .tabs-quest__tip {
      order: 1;
      margin-left: 0;
      margin-bottom: 12px;
      flex: 1 0 auto; } }
  .tabs-quest__tip p {
    font-weight: 500;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #878889; }
    @media (max-width: 1599px) {
      .tabs-quest__tip p {
        font-size: 12px;
        font-weight: 400; } }
    .tabs-quest__tip p:not(:last-child) {
      margin-bottom: 24px; }

@media (max-width: 1023px) {
  .form-quest {
    order: 2; } }

.form-quest__wrap {
  margin-bottom: 16px; }
  @media (max-width: 1023px) {
    .form-quest__wrap {
      flex-direction: column;
      margin-bottom: 12px; } }

.form-quest__column {
  flex: 0 0 304px; }
  @media (max-width: 1023px) {
    .form-quest__column {
      flex: 1 0 auto;
      margin-bottom: 8px; } }

.form-quest__item:not(:last-child) {
  margin-bottom: 16px; }
  @media (max-width: 1023px) {
    .form-quest__item:not(:last-child) {
      margin-bottom: 8px; } }

.form-quest__textarea {
  margin-left: 16px;
  width: 100%; }
  @media (max-width: 1023px) {
    .form-quest__textarea {
      margin-left: 0; } }
  .form-quest__textarea textarea {
    height: 100%; }
    @media (max-width: 1023px) {
      .form-quest__textarea textarea {
        min-height: 92px; } }

.form-quest__btn {
  margin-bottom: 8px; }
  @media (max-width: 639px) {
    .form-quest__btn {
      text-align: center; } }
  .form-quest__btn button {
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0px 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16); }
    @media (max-width: 1599px) {
      .form-quest__btn button {
        height: 40px;
        font-size: 14px; } }
    @media (max-width: 1023px) {
      .form-quest__btn button {
        padding: 0px 73px; } }

.form-quest__agreement label {
  color: #878889;
  font-size: 14px;
  line-height: calc(20 / 14); }
  @media (max-width: 1023px) {
    .form-quest__agreement label {
      font-size: 14px; } }
  .form-quest__agreement label span {
    margin-right: 12px; }

.tabs-products__tags {
  margin-bottom: 12px; }
  @media (max-width: 1023px) {
    .tabs-products__tags {
      overflow: hidden;
      visibility: hidden;
      opacity: 0;
      height: 0; } }

.tabs-products__body {
  position: relative; }

.tabs-products__turnkey-solution {
  margin-bottom: 12px; }

.tabs-products__wrap .products--block {
  width: 306px;
  min-width: 306px;
  display: none; }
  .tabs-products__wrap .products--block.show {
    display: block;
    opacity: 1 !important; }
  @media (max-width: 1599px) {
    .tabs-products__wrap .products--block {
      width: 220px;
      min-width: 220px; } }

.tabs-products__select {
  display: none; }
  @media (max-width: 1023px) {
    .tabs-products__select {
      display: block;
      margin-bottom: 12px; } }

.tabs-products__dots {
  display: none; }
  @media (max-width: 1599px) {
    .tabs-products__dots {
      display: flex;
      padding: 12px 0px; } }

.video-sc {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(31, 38, 54, 0.5);
  transform: scale(0); }
  .video-sc.active {
    transform: scale(1);
    z-index: 9999; }
    .video-sc.active .video-sc__body {
      opacity: 1; }
  .video-sc__body {
    position: relative;
    max-width: 1264px;
    max-height: 710px;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease 0s;
    opacity: 0; }
    @media (max-width: 1919px) {
      .video-sc__body {
        max-width: 1106px;
        max-height: 621px; } }
    @media (max-width: 1599px) {
      .video-sc__body {
        max-width: 912px;
        max-height: 512px; } }
    @media (max-width: 1279px) {
      .video-sc__body {
        max-width: 720px;
        max-height: 404px; } }
    @media (max-width: 1023px) {
      .video-sc__body {
        max-width: 614px;
        max-height: 345px; } }
    @media (max-width: 767px) {
      .video-sc__body {
        max-width: 100%;
        padding: 0px 16px;
        max-height: 285px; } }
    @media (max-width: 479px) {
      .video-sc__body {
        max-height: 185px; } }
  .video-sc__close {
    position: absolute;
    top: 0;
    right: -56px;
    width: 40px;
    height: 40px; }
    @media (max-width: 1279px) {
      .video-sc__close {
        width: 36px;
        height: 36px;
        right: -42px; } }
    @media (max-width: 767px) {
      .video-sc__close {
        right: 16px;
        top: -28px;
        width: 20px;
        height: 20px; } }
    @media (max-width: 1279px) {
      .video-sc__close svg {
        width: 22px;
        height: 22px; } }
    @media (max-width: 767px) {
      .video-sc__close svg {
        width: 12px;
        height: 12px; } }
  .video-sc__content {
    width: 100%;
    height: 100%;
    position: relative; }
  .video-sc__btn {
    background: #f4f5f6;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%); }
    .video-sc__btn.hide {
      transform: scale(0);
      z-index: -1 !important; }
  .video-sc__play {
    padding: 12px 11px 12px 15px; }
  .video-sc__frame {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden; }

/** модальное окно купить в один клик*/
.modal-one .modal--callback-main {
  margin-top: 0; }

.top-one__img {
  flex: 0 0 129px;
  height: 129px;
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.top-one__text {
  flex: 0 1 auto;
  padding-left: 16px; }

.top-one__id {
  font-weight: 500;
  font-size: 12px;
  line-height: calc(16 / 12);
  color: #878889;
  margin-bottom: 8px; }
  .top-one__id div {
    color: #1f2636; }

.top-one__name {
  font-weight: 400;
  font-size: 18px;
  line-height: calc(28 / 18);
  color: #1f2636;
  margin-bottom: 8px; }
  @media (max-width: 1279px) {
    .top-one__name {
      font-size: 16px;
      font-weight: 500; } }

.top-one__price {
  font-weight: 700;
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #1f2636;
  margin-right: 4px;
  margin-bottom: 8px; }
  .top-one__price span {
    color: #878889; }

.top-one__props {
  font-size: 14px;
  line-height: calc(20 / 14);
  margin-bottom: 20px; }
  .top-one__props .products--prop {
    margin-right: 0 !important; }
    .top-one__props .products--prop > div:first-child {
      color: #878889; }
    .top-one__props .products--prop > div:last-child {
      color: #1f2636; }

.modal-order__top {
  border-top: 1px solid #c5cbd9;
  padding: 20px 0px;
  margin-top: 20px;
  border-bottom: 1px solid #c5cbd9; }

.modal-order__total {
  padding: 20px 0px;
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #878889; }
  .modal-order__total span {
    color: #1f2636; }
    .modal-order__total span:last-child {
      font-weight: 700; }

.modal-order__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0; }
  .modal-order__btn.blue--btn {
    color: #4772da; }
  .modal-order__btn svg {
    margin-right: 11px; }
  .modal-order__btn:not(:last-child) {
    margin-bottom: 16px;
    width: 100%; }

@media (max-width: 767px) {
  .top-one {
    flex-wrap: wrap; } }

.top-one__img img {
  max-height: 100%; }

@media (max-width: 767px) {
  .top-one__img {
    flex: 1 0 100%;
    width: 100%; } }

@media (max-width: 767px) {
  .top-one__text {
    padding-left: 0;
    margin-top: 8px; } }

.modal-review {
  margin-top: 4px; }
  .modal-review__subtitle {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #878889;
    margin-bottom: 20px; }
  .modal-review .form-quest__item:not(:last-child) {
    margin-bottom: 12px; }
  .modal-review .form-quest__item textarea {
    height: 140px; }
  .modal-review .form-quest__btn button {
    width: 100%; }

.rating-area {
  margin-bottom: 20px;
  min-width: 200px; }
  .rating-area div {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #878889; }
    .rating-area div:first-child {
      margin-right: 6px; }
    .rating-area div:last-child {
      margin-left: 6px; }
  .rating-area__list {
    flex-direction: row-reverse; }
    .rating-area__list input {
      opacity: 0;
      visibility: hidden;
      width: 0;
      margin: 0; }
    .rating-area__list label {
      margin: 0px 2px; }
    .rating-area__list svg {
      color: #c5cbd9; }
    .rating-area__list:not(:checked) > label {
      cursor: pointer; }
    .rating-area__list > input:checked ~ label svg {
      color: #f4cf4b; }
    .rating-area__list:not(:checked) > label:hover svg,
    .rating-area__list:not(:checked) > label:hover ~ label svg {
      color: #f4cf4b; }
    .rating-area__list > input:checked + label:hover svg,
    .rating-area__list > input:checked + label:hover ~ label svg,
    .rating-area__list > input:checked ~ label:hover svg,
    .rating-area__list > input:checked ~ label:hover ~ label svg,
    .rating-area__list > label:hover ~ input:checked ~ label svg {
      color: #f4cf4b; }
    .rating-area__list > label:active {
      position: relative; }

.die-card {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: #fff;
  transform: translateY(200%);
  transition: all 0.3s ease 0s;
  box-shadow: 0px 4px 25px rgba(22, 35, 54, 0.12); }
  .die-card.active {
    transform: translateY(0); }
  .die-card__body {
    min-height: 64px; }
  .die-card__name {
    font-size: 12px;
    line-height: calc(12 / 10);
    color: #1f2636;
    margin-right: 10px; }
  .die-card__total {
    flex: 0 0 auto; }
    .die-card__total .products--price-main {
      margin-right: 4px; }

.slider-collection {
  background: #f4f5f6;
  padding: 60px 0px; }
  @media (max-width: 1599px) {
    .slider-collection {
      padding: 40px 0px; } }
  @media (max-width: 1279px) {
    .slider-collection {
      padding: 20px 0px; } }
  @media (max-width: 1279px) {
    .slider-collection__top {
      flex-wrap: wrap;
      margin-bottom: 0; } }
  @media (max-width: 1023px) {
    .slider-collection__top {
      margin-bottom: 4px; } }
  .slider-collection__tags {
    margin: 8px 0px 0px 44px; }
    @media (max-width: 1279px) {
      .slider-collection__tags {
        flex: 1 0 100%;
        margin: 12px 0px 0px 0px; } }
    @media (max-width: 1023px) {
      .slider-collection__tags {
        flex: 0 0 100%; } }
    @media (max-width: 639px) {
      .slider-collection__tags {
        display: none; } }
  .slider-collection .slider-collection-wrap {
    position: relative; }
  .slider-collection .products--block {
    min-width: 304px;
    max-width: 304px;
    display: none; }
    @media (max-width: 1599px) {
      .slider-collection .products--block {
        min-width: 220px;
        max-width: 220px; } }
    .slider-collection .products--block.show {
      display: block; }
    @media (max-width: 1279px) {
      .slider-collection .products--block .products--props {
        display: none; } }
    @media (max-width: 1023px) {
      .slider-collection .products--block .products--image {
        height: 136px; } }
    .slider-collection .products--block._active.products--block {
      min-width: 644px;
      max-width: 644px; }
      @media (max-width: 1599px) {
        .slider-collection .products--block._active.products--block {
          min-width: 400px;
          max-width: 400px; } }
      @media (max-width: 1279px) {
        .slider-collection .products--block._active.products--block {
          min-width: 355px;
          max-width: 355px; } }
      @media (max-width: 767px) {
        .slider-collection .products--block._active.products--block {
          min-width: 327px;
          max-width: 327px; } }
      @media (max-width: 639px) {
        .slider-collection .products--block._active.products--block {
          min-width: 244px;
          max-width: 244px; } }
      .slider-collection .products--block._active.products--block .products--image {
        height: 364px; }
        @media (max-width: 1599px) {
          .slider-collection .products--block._active.products--block .products--image {
            height: 278px; } }
        @media (max-width: 1023px) {
          .slider-collection .products--block._active.products--block .products--image {
            height: 200px; } }
      .slider-collection .products--block._active.products--block .products--main {
        min-height: auto !important; }
      .slider-collection .products--block._active.products--block .products--category,
      .slider-collection .products--block._active.products--block .products--icons,
      .slider-collection .products--block._active.products--block .products--bottom {
        display: none;
        transition: all 0.3s ease 0s; }
      @media (max-width: 1279px) {
        .slider-collection .products--block._active.products--block .products--props {
          display: grid; } }
      @media (max-width: 1023px) {
        .slider-collection .products--block._active.products--block .products--props {
          margin-top: 8px; } }
  .slider-collection__body::after {
    height: calc(100% - 2px);
    background: linear-gradient(270deg, #f4f5f6 0%, rgba(255, 255, 255, 0) 100%); }
    @media (max-width: 1599px) {
      .slider-collection__body::after {
        height: calc(100% - 26px); } }
  .slider-collection__tabs {
    display: none; }
    .slider-collection__tabs.show {
      display: flex; }
  .slider-collection__dots {
    display: none; }
    @media (max-width: 1599px) {
      .slider-collection__dots {
        display: flex;
        justify-content: center;
        margin-top: 20px; } }
    @media (max-width: 1023px) {
      .slider-collection__dots {
        margin-top: 12px; } }
  .slider-collection__select {
    display: none; }
    @media (max-width: 639px) {
      .slider-collection__select {
        flex: 0 0 100%;
        display: block;
        margin-top: 8px; } }

.tabs-card__item .card-solution {
  display: none;
  min-width: 310px;
  max-width: 310px;
  margin: 0; }
  @media (max-width: 1023px) {
    .tabs-card__item .card-solution {
      min-width: 244px;
      max-width: 244px; } }

.tabs-card__item .card-solution.show {
  display: block; }

.phone-ct__manufactures {
  display: none;
  position: relative;
  margin: 0px -6px 16px;
  padding-top: 16px;
  border-top: 0.5px solid #c5cbd9; }
  .phone-ct__manufactures > div {
    flex: 1;
    margin: 0px 6px; }
  @media (max-width: 1023px) {
    .phone-ct__manufactures {
      display: flex; } }

.drop-color__title {
  font-weight: 500;
  font-size: 12px;
  line-height: calc(12 / 10);
  color: #878889;
  margin-bottom: 4px; }

.drop-color__value {
  border: 1px solid #c5cbd9;
  border-radius: 5px; }

.drop-color__top {
  flex: 0 1 100%;
  padding: 10px; }
  .drop-color__top_center {
    text-align: center; }

.drop-color__color {
  flex: 0 0 12px;
  height: 12px;
  border-radius: 50%;
  overflow: hidden;
  position: relative; }
  .drop-color__color img {
    vertical-align: top; }

.drop-color__name {
  white-space: nowrap;
  flex: 0 1 100%;
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: calc(16 / 12);
  color: #1f2636;
  overflow: hidden;
  text-overflow: ellipsis; }

.drop-color__count {
  flex: 1 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  background: #f4f5f6;
  border-radius: 0 5px 5px 0; }
  .drop-color__count span {
    font-weight: 500;
    font-size: 12px;
    line-height: calc(16 / 12);
    color: #1f2636; }

.down-color {
  width: 100%;
  background: #ffffff;
  border-radius: 8px 8px 0px 0px;
  padding: 22px 8px 8px 16px;
  position: fixed;
  left: 0;
  bottom: 0;
  transition: all 0.3s ease 0s;
  transform: translateY(120vh);
  z-index: 9999; }
  .down-color.active {
    transform: translateY(0); }
  .down-color__title {
    font-weight: 700;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636;
    margin-bottom: 18px; }
  .down-color__body {
    border-top: 1px solid #c5cbd9;
    max-height: 248px;
    margin-right: 8px; }
    .down-color__body .simplebar-vertical {
      top: 2px;
      right: -8px; }
  .down-color__item {
    padding: 12px 0px; }
    .down-color__item:not(:last-child) {
      border-bottom: 1px solid #c5cbd9; }
    .down-color__item.active .down-color__checked {
      display: inline-flex;
      align-items: center;
      justify-content: center; }
  .down-color__icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    overflow: hidden; }
  .down-color__subname {
    flex: 0 1 100%;
    margin-left: 15px;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636; }
  .down-color__checked {
    display: none;
    padding-right: 8px; }

.active.products--block {
  width: 624px;
  max-width: 624px;
  min-width: 624px; }
  @media (max-width: 1599px) {
    .active.products--block {
      min-width: 400px;
      max-width: 400px; } }
  .active.products--block .products--image {
    height: 364px; }
    @media (max-width: 1599px) {
      .active.products--block .products--image {
        height: 278px; } }
  .active.products--block .products--main {
    min-height: auto !important; }
  .active.products--block .products--category,
  .active.products--block .products--icons,
  .active.products--block .products--bottom {
    display: none;
    transition: all 0.3s ease 0s; }

.card__products {
  margin: 0px -8px; }
  @media (max-width: 1599px) {
    .card__products {
      margin: 0px -4px; } }
  @media (max-width: 479px) {
    .card__products {
      margin: 0; } }
  .card__products .products--block {
    width: calc(20% - 16px);
    margin: 0px 8px 16px; }
    @media (max-width: 1599px) {
      .card__products .products--block {
        width: calc(20% - 8px);
        margin: 0px 4px 8px; } }
    @media (max-width: 1279px) {
      .card__products .products--block {
        width: calc(25% - 8px); } }
    @media (max-width: 1023px) {
      .card__products .products--block {
        width: calc(33.333% - 8px); } }
    @media (max-width: 639px) {
      .card__products .products--block {
        width: calc(50% - 8px); } }
    @media (max-width: 479px) {
      .card__products .products--block {
        width: 100%;
        margin: 0px 0px 8px 0px; }
        .card__products .products--block .products--main {
          min-height: auto !important; } }

@media (max-width: 1023px) {
  .card h1 {
    padding: 16px 0px;
    order: 1;
    width: 100%;
    margin-bottom: 0; } }

@media (max-width: 1023px) {
  .three-card__images_big {
    flex: 0 1 100%;
    order: 1;
    width: 100%; } }

.info-card {
  flex: 1 1 auto;
  padding: 0px 80px;
  order: 2; }
  @media (max-width: 1599px) {
    .info-card {
      padding: 0px 52px; } }
  @media (max-width: 1279px) {
    .info-card {
      padding: 0px 0px 0px 49px; } }
  @media (max-width: 1023px) {
    .info-card {
      flex: 0 1 100%;
      padding: 0; } }
  .info-card__items {
    margin-bottom: 28px; }
    @media (max-width: 1599px) {
      .info-card__items {
        margin-bottom: 24px; } }
  .info-card__subtitle {
    font-weight: 700;
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636;
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .info-card__subtitle {
        font-size: 14px; } }
    @media (max-width: 1023px) {
      .info-card__subtitle {
        margin-bottom: 8px; } }
  .info-card__item {
    margin-bottom: 12px; }
    @media (max-width: 1023px) {
      .info-card__item:not(:last-child) {
        margin-bottom: 16px; } }
    .info-card__item .products--prop {
      font-size: 14px; }
      @media (max-width: 1599px) {
        .info-card__item .products--prop {
          font-size: 12px; } }
      .info-card__item .products--prop > div:last-child {
        color: #1f2636; }
  .info-card__name {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636;
    margin-bottom: 8px; }
    @media (max-width: 1599px) {
      .info-card__name {
        font-size: 12px; } }
  @media (max-width: 1023px) {
    .info-card__control {
      padding: 16px 0px;
      border-top: 0.5px solid #c5cbd9;
      border-bottom: 0.5px solid #c5cbd9;
      margin-bottom: 16px;
      order: 1;
      width: 100%; } }
  @media (max-width: 767px) {
    .info-card__control {
      padding: 12px 0px; } }
  .info-card__control div:last-child > div {
    width: 20px;
    height: 20px; }
    .info-card__control div:last-child > div:not(:first-child) {
      margin-left: 16px; }
    .info-card__control div:last-child > div.active svg {
      color: #4772da; }
    @media (any-hover: hover) {
      .info-card__control div:last-child > div:hover svg {
        color: #6689dd; } }
    .info-card__control div:last-child > div svg {
      color: #96a3bb; }
  .info-card__btn {
    width: auto;
    padding: 12px 57px;
    font-size: 16px;
    white-space: nowrap; }
    @media (max-width: 1599px) {
      .info-card__btn {
        font-size: 14px;
        padding: 0 27px;
        text-align: center; } }
    @media (max-width: 1023px) {
      .info-card__btn {
        margin-right: 8px;
        width: 100%;
        padding: 0;
        max-width: 240px; } }

.three-card__collection {
  flex: 1 1 auto;
  padding: 0px 80px;
  order: 2;
  max-width: 47%; }
  @media (max-width: 1599px) {
    .three-card__collection {
      padding: 0px 52px; } }
  @media (max-width: 1279px) {
    .three-card__collection {
      padding: 0px 0px 0px 49px;
      max-width: 50%;
      flex: 1; } }
  @media (max-width: 1023px) {
    .three-card__collection {
      max-width: 100%;
      padding: 0; } }
  @media (max-width: 1023px) {
    .three-card__collection .order-ct__price {
      border-bottom: 0;
      padding-bottom: 0; } }
  @media (max-width: 1023px) {
    .three-card__collection .order-ct__sentence {
      padding-left: 0; } }
  @media (max-width: 1023px) {
    .three-card__collection .order-ct__sentence span {
      display: inline-block; } }
  @media (max-width: 767px) {
    .three-card__collection .order-ct__sentence span {
      display: block; } }
  .three-card__collection .option-ct__calc {
    flex: 1 0 100%;
    margin-top: 12px; }
    @media (max-width: 1279px) {
      .three-card__collection .option-ct__calc {
        flex: 1 0 100%;
        margin-top: 12px; } }

.three-card__images_big_b {
  flex: 0 0 47%;
  width: 47%;
  margin-right: 94px; }
  @media (max-width: 1599px) {
    .three-card__images_big_b {
      max-width: 50%;
      flex: 1;
      margin-right: 0; } }
  @media (max-width: 1023px) {
    .three-card__images_big_b {
      flex: 1 0 100%;
      max-width: 100%; } }

.three-card__phone_с {
  display: none; }
  @media (max-width: 1023px) {
    .three-card__phone_с {
      margin-top: 0;
      display: block; } }
  .three-card__phone_с .option-ct__calc {
    flex: 1 0 100%;
    margin-top: 12px; }
    @media (max-width: 1279px) {
      .three-card__phone_с .option-ct__calc {
        flex: 1 0 100%;
        margin-top: 12px; } }
    @media (max-width: 1023px) {
      .three-card__phone_с .option-ct__calc {
        flex: 1 1 auto;
        max-width: 240px;
        margin-top: 0; }
        .three-card__phone_с .option-ct__calc .btn {
          width: auto; } }
    @media (max-width: 767px) {
      .three-card__phone_с .option-ct__calc {
        max-width: 190px; } }
    @media (max-width: 479px) {
      .three-card__phone_с .option-ct__calc {
        max-width: 100%;
        margin-right: 8px; } }
  @media (max-width: 1023px) {
    .three-card__phone_с .phone-ct__name h1 {
      padding: 0; } }
  .three-card__phone_с .products--badge {
    margin-left: auto; }
  .three-card__phone_с .phone-ct__preview {
    display: flex; }
    @media (max-width: 1023px) {
      .three-card__phone_с .phone-ct__preview {
        padding: 16px 0px;
        border-bottom: 0.5px solid #c5cbd9; } }
    @media (max-width: 767px) {
      .three-card__phone_с .phone-ct__preview {
        padding: 12px 0px; } }

@media (max-width: 1023px) {
  .card-coll__controll {
    margin-left: auto; } }

.card-coll__btn {
  flex: 1 1 auto;
  margin-left: 44px;
  font-size: 16px; }
  @media (max-width: 1023px) {
    .card-coll__btn {
      max-width: 220px;
      margin-left: auto; } }
  @media (max-width: 767px) {
    .card-coll__btn {
      max-width: 153px; } }
  @media (max-width: 639px) {
    .card-coll__btn {
      margin-left: 60px; } }
  @media (max-width: 479px) {
    .card-coll__btn {
      margin-left: auto; } }
  .card-coll__btn .btn {
    font-size: 16px; }
    @media (max-width: 1599px) {
      .card-coll__btn .btn {
        font-size: 14px; } }

.card-coll .option-ct__serv {
  flex: 1 0 100%; }
  @media (max-width: 1599px) {
    .card-coll .option-ct__serv {
      margin: 20px 0px 36px; } }
  @media (max-width: 1279px) {
    .card-coll .option-ct__serv {
      margin: 20px 0px 28px; } }
  @media (max-width: 1023px) {
    .card-coll .option-ct__serv {
      margin: 22px 0px; } }

@media (max-width: 1279px) {
  .card-coll .order-ct__dicount div:first-child {
    font-size: 16px; } }

@media (max-width: 1023px) {
  .card-coll .order-ct__dicount div:first-child {
    font-size: 12px; } }

.card-coll__preview {
  margin-top: 28px; }
  @media (max-width: 1279px) {
    .card-coll__preview {
      margin-top: 20px; } }
  @media (max-width: 1023px) {
    .card-coll__preview {
      margin-top: 16px; } }
  .card-coll__preview p {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #000000; }
    @media (max-width: 1599px) {
      .card-coll__preview p {
        font-size: 12px; } }

.card-coll__props {
  margin-top: 28px; }
  @media (max-width: 1279px) {
    .card-coll__props {
      margin-top: 20px; } }
  @media (max-width: 1023px) {
    .card-coll__props {
      margin-top: 16px;
      display: block; } }
  .card-coll__props .products--prop {
    font-size: 14px; }
    @media (max-width: 1599px) {
      .card-coll__props .products--prop {
        font-size: 12px; } }
    @media (max-width: 1279px) {
      .card-coll__props .products--prop {
        font-size: 12px; } }
    @media (max-width: 1023px) {
      .card-coll__props .products--prop {
        font-size: 12px; } }
    .card-coll__props .products--prop > div:last-child {
      color: #1f2636; }

.card-coll__sentence {
  margin-top: 28px; }
  @media (max-width: 1279px) {
    .card-coll__sentence {
      margin-top: 20px; } }
  @media (max-width: 1023px) {
    .card-coll__sentence {
      margin: 16px 0 0; } }

.slider-cc {
  box-shadow: 0px 0px 40px rgba(22, 35, 54, 0.07);
  border-radius: 8px;
  padding: 12px 0px;
  margin-top: 28px; }
  @media (max-width: 1279px) {
    .slider-cc {
      margin-top: 20px; } }
  .slider-cc__title {
    padding: 0px 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: calc(16 / 12);
    color: #878889; }
    @media (max-width: 1023px) {
      .slider-cc__title {
        font-size: 12px; } }
  .slider-cc__body {
    margin-top: 12px;
    position: relative;
    overflow: hidden; }
  .slider-cc__wrap {
    height: 100px;
    overflow: hidden;
    max-width: calc(100% - 96px);
    margin: 0px 48px;
    flex: 1 1 auto; }
    @media (max-width: 1599px) {
      .slider-cc__wrap {
        height: 52px; } }
    @media (max-width: 1023px) {
      .slider-cc__wrap {
        flex: 1 1 auto;
        justify-content: center; } }
  .slider-cc__slide {
    min-width: 146px;
    max-width: 146px;
    border: 2px solid transparent;
    cursor: pointer; }
    @media (max-width: 1599px) {
      .slider-cc__slide {
        min-width: 76px;
        max-width: 76px; } }
    @media (max-width: 1023px) {
      .slider-cc__slide {
        border: 0; } }
    @media (any-hover: hover) {
      .slider-cc__slide:hover {
        border: 2px solid #c5cbd9; } }
    .slider-cc__slide.active {
      border: 2px solid #4772da; }
  .slider-cc__arr {
    width: 16px;
    height: 16px;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .slider-cc__arr svg {
      color: #4772da; }
    @media (any-hover: hover) {
      .slider-cc__arr:hover svg {
        color: #6689dd; } }
    .slider-cc__arr:active svg {
      color: #496dc2; }
    .slider-cc__arr svg {
      color: #4772da; }
    .slider-cc__arr_prev {
      left: 16px; }
      .slider-cc__arr_prev svg {
        transform: rotate(-90deg); }
    .slider-cc__arr_next {
      right: 16px; }
      .slider-cc__arr_next svg {
        transform: rotate(90deg); }

.sc-slider {
  background: #f4f5f6;
  padding: 60px 0px; }
  @media (max-width: 1599px) {
    .sc-slider {
      padding: 40px 0px; } }
  @media (max-width: 1279px) {
    .sc-slider {
      padding: 20px 0px; } }
  .sc-slider__wrap {
    position: relative; }
    .sc-slider__wrap::after {
      height: 100%; }
      @media (max-width: 1599px) {
        .sc-slider__wrap::after {
          background: linear-gradient(270deg, #f1f2f3 0%, rgba(241, 242, 243, 0) 100%); } }
  .sc-slider__list {
    overflow: hidden; }
  .sc-slider .card-solution {
    margin: 0;
    background: #fff; }
    @media (max-width: 1599px) {
      .sc-slider .card-solution {
        min-width: 247px;
        max-width: 247px; } }

.coll-product__top {
  margin-bottom: 12px; }
  @media (max-width: 1279px) {
    .coll-product__top {
      margin-bottom: 0; } }
  @media (max-width: 767px) {
    .coll-product__top {
      flex-direction: column;
      align-items: flex-start; } }
  .coll-product__top .subtitle {
    margin-bottom: 8px;
    margin: 0px 44px 8px 0px; }
    @media (max-width: 1599px) {
      .coll-product__top .subtitle {
        margin: 0px 20px 8px 0px; } }

@media (max-width: 767px) {
  .coll-product__tags {
    display: none; } }

.coll-product__select {
  display: none; }
  @media (max-width: 767px) {
    .coll-product__select {
      display: block;
      margin-bottom: 8px;
      width: 100%; } }

.coll-product .products--block {
  display: none; }
  .coll-product .products--block.show {
    display: block; }

.about__banner {
  border-radius: 8px;
  overflow: hidden; }

.banner-about {
  position: relative;
  min-height: 500px; }
  @media (max-width: 1599px) {
    .banner-about {
      min-height: 280px; } }
  @media (max-width: 1023px) {
    .banner-about {
      min-height: 220px; } }
  @media (max-width: 639px) {
    .banner-about {
      min-height: 120px; } }
  .banner-about__img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1; }
    .banner-about__img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .banner-about__body {
    max-width: 650px;
    color: #fff;
    padding: 187px 0px 187px 80px; }
    @media (max-width: 1599px) {
      .banner-about__body {
        max-width: 588px;
        padding: 90px 0px 90px 52px; } }
    @media (max-width: 1279px) {
      .banner-about__body {
        padding: 90px 0px 90px 40px;
        max-width: 520px; } }
    @media (max-width: 1023px) {
      .banner-about__body {
        padding: 62px 0px 62px 40px; } }
    @media (max-width: 639px) {
      .banner-about__body {
        max-width: 100%;
        padding: 12px; } }
  .banner-about__title {
    font-weight: 500;
    font-size: 54px;
    line-height: calc(62 / 54);
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .banner-about__title {
        font-size: 32px; } }
    @media (max-width: 1023px) {
      .banner-about__title {
        font-size: 20px; } }
  .banner-about__text {
    font-size: 16px;
    line-height: calc(24 / 16); }
    @media (max-width: 1599px) {
      .banner-about__text {
        font-size: 14px; } }

@media (min-width: 1024px) {
  .desc-about {
    background: #f4f5f6;
    border-radius: 8px;
    padding: 44px;
    text-align: center;
    padding-left: calc((100% - 1100px) / 2);
    padding-right: calc((100% - 1100px) / 2); } }

@media (max-width: 1599px) {
  .desc-about {
    padding: 32px; } }

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

.desc-about__subtitle {
  font-weight: 500;
  font-size: 28px;
  line-height: calc(40 / 28);
  color: #4772da; }
  @media (max-width: 1599px) {
    .desc-about__subtitle {
      font-size: 20px; } }

.desc-about__text {
  font-size: 18px;
  line-height: calc(28 / 18);
  color: #1f2636; }
  @media (max-width: 1599px) {
    .desc-about__text {
      font-size: 16px; } }

.desc-about__small {
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #878889;
  margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .desc-about__small {
      font-size: 14px; } }

.desc-about__items {
  margin: 0px -6px; }
  @media (max-width: 1023px) {
    .desc-about__items {
      margin: 0 0 -12px;
      justify-content: flex-start;
      flex-wrap: wrap; } }
  @media (max-width: 639px) {
    .desc-about__items {
      margin-bottom: -8px; } }

.desc-about__link {
  margin: 0px 6px;
  border-radius: 5px;
  border: 0;
  width: auto;
  border-color: #e3e7f1;
  padding: 0px 16px; }
  @media (max-width: 1599px) {
    .desc-about__link {
      padding: 0px 12px; } }
  @media (max-width: 1023px) {
    .desc-about__link {
      margin: 0px 6px 12px 0; } }
  @media (max-width: 639px) {
    .desc-about__link {
      margin: 0px 8px 8px 0; } }

@media (max-width: 1023px) {
  .plitka-about {
    width: calc(100% - 16px);
    margin-left: 16px; } }

.plitka-about__body._after-blur::after {
  display: none; }
  @media (max-width: 1023px) {
    .plitka-about__body._after-blur::after {
      display: inline-block;
      height: 100%; } }

@media (max-width: 1023px) {
  .plitka-about__body {
    display: flex;
    overflow: hidden; } }

.plitka-about__line {
  margin: 0px -8px 8px; }
  @media (max-width: 1023px) {
    .plitka-about__line {
      margin: 0; } }
  .plitka-about__line_1 .plitka-about__item {
    flex: 1 1 224px; }
    .plitka-about__line_1 .plitka-about__item:last-child {
      flex: 1 1 304px; }
      @media (max-width: 1599px) {
        .plitka-about__line_1 .plitka-about__item:last-child {
          flex: 1 1 247px; } }
    @media (max-width: 1023px) {
      .plitka-about__line_1 .plitka-about__item {
        flex: 0 0 202px; } }
  .plitka-about__line_1 .plitka-about__item_big {
    flex: 1 1 544px; }
    @media (max-width: 1599px) {
      .plitka-about__line_1 .plitka-about__item_big {
        flex: 1 1 349px; } }
    @media (max-width: 1023px) {
      .plitka-about__line_1 .plitka-about__item_big {
        flex: 1 0 247px; } }
  .plitka-about__line_2 .plitka-about__item {
    flex: 1 1 264px; }
    @media (max-width: 1599px) {
      .plitka-about__line_2 .plitka-about__item {
        flex: 1 1 247px; } }
  .plitka-about__line_2 .plitka-about__item_big {
    flex: 1 1 464px; }
    @media (max-width: 1599px) {
      .plitka-about__line_2 .plitka-about__item_big {
        flex: 1 1 349px; } }
    .plitka-about__line_2 .plitka-about__item_big_b {
      flex: 1 1 544px; }
      @media (max-width: 1599px) {
        .plitka-about__line_2 .plitka-about__item_big_b {
          flex: 1 1 349px; } }
  .plitka-about__line_3 .plitka-about__item {
    flex: 1 1 204px; }
    @media (max-width: 1599px) {
      .plitka-about__line_3 .plitka-about__item {
        flex: 1 1 170px; } }
  .plitka-about__line_3 .plitka-about__item_big {
    flex: 1 1 304px; }
    @media (max-width: 1599px) {
      .plitka-about__line_3 .plitka-about__item_big {
        flex: 1 1 247px; } }
    .plitka-about__line_3 .plitka-about__item_big_b {
      flex: 1 1 384px; }
      @media (max-width: 1599px) {
        .plitka-about__line_3 .plitka-about__item_big_b {
          flex: 1 1 247px; } }

.plitka-about__item {
  background: #f4f5f6;
  border-radius: 8px;
  padding: 30px;
  height: 200px;
  margin: 0px 8px 8px;
  flex-shrink: 1; }
  @media (max-width: 1599px) {
    .plitka-about__item {
      padding: 12px;
      margin: 0px 4px 0px; } }
  @media (max-width: 1023px) {
    .plitka-about__item {
      height: 168px;
      flex: 1 0 194px;
      margin: 0; }
      .plitka-about__item_big, .plitka-about__item_big_b {
        flex: 1 0 247px; } }

.plitka-about__icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.plitka-about__text {
  font-size: 14px;
  line-height: calc(20 / 14);
  font-weight: 500; }
  @media (max-width: 1599px) {
    .plitka-about__text {
      font-size: 12px; } }
  .plitka-about__text span {
    color: #878889; }

@media (max-width: 1023px) {
  .plitka-about__dots {
    margin-top: 12px; } }

.shipment-about {
  align-items: center; }
  @media (max-width: 1023px) {
    .shipment-about {
      flex-wrap: wrap; } }
  .shipment-about__subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: calc(28 / 18);
    color: #1f2636;
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .shipment-about__subtitle {
        font-size: 16px; } }
  .shipment-about__text {
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .shipment-about__text {
        font-size: 14px; } }
    .shipment-about__text a {
      color: #4772da; }
  .shipment-about__note {
    border: 1px solid #4772da;
    border-radius: 8px;
    padding: 20px 24px;
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #4772da;
    margin-left: 60px; }
    @media (max-width: 1599px) {
      .shipment-about__note {
        font-size: 14px;
        margin: 0px 0 0px 59px;
        padding: 18px 12px;
        min-width: 350px; } }
    @media (max-width: 1023px) {
      .shipment-about__note {
        margin: 16px 0 0 0;
        padding: 8px;
        min-width: 0; } }

@media (max-width: 1023px) {
  .brand__top {
    margin-bottom: 8px; } }

.brand__top .tags {
  margin-right: 20px; }

.brand__body {
  margin: 0px -8px 16px; }
  @media (max-width: 1599px) {
    .brand__body {
      margin: 0px -4px 8px; } }
  @media (max-width: 479px) {
    .brand__body {
      margin: 0; } }

.brand__section {
  margin: 0px -4px 24px; }
  @media (max-width: 1599px) {
    .brand__section {
      margin: 0px -4px 20px; } }
  @media (max-width: 1279px) {
    .brand__section {
      margin: 0px -4px 8px; } }
  @media (max-width: 639px) {
    .brand__section {
      margin: 0px -2px 8px; } }

.brand__link {
  border-radius: 100px;
  padding: 8px 16px;
  background: #e3e7f1;
  color: #4772da;
  margin: 0px 4px 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: calc(24 / 16); }
  @media (max-width: 1599px) {
    .brand__link {
      font-size: 14px;
      padding: 6px 16px; } }
  @media (max-width: 639px) {
    .brand__link {
      margin: 0px 2px 4px; } }
  @media (any-hover: hover) {
    .brand__link:hover {
      background: #d3d9e8; } }
  .brand__link.active {
    background: #4772da;
    color: #fff; }

@media (max-width: 1023px) {
  .top-brand {
    justify-content: flex-start; } }

@media (max-width: 1023px) {
  .top-brand__tags {
    display: none; } }

.top-brand__select {
  display: none; }
  @media (max-width: 1023px) {
    .top-brand__select {
      display: block;
      margin-right: 8px; } }
  @media (max-width: 639px) {
    .top-brand__select {
      flex: 1; } }

@media (max-width: 1023px) {
  .top-brand .new-select {
    min-width: 240px; } }

@media (max-width: 639px) {
  .top-brand .new-select {
    min-width: 100px;
    flex: 1; } }

.brand-cart {
  background: #fff;
  border: 1px solid #e3e7f1;
  border-radius: 8px;
  padding: 20px;
  width: calc(20% - 16px);
  margin: 0px 8px 16px;
  transition: 0s; }
  @media (max-width: 1599px) {
    .brand-cart {
      width: calc(25% - 8px);
      margin: 0px 4px 8px;
      padding: 12px; } }
  @media (max-width: 1023px) {
    .brand-cart {
      width: calc(33.333% - 8px); } }
  @media (max-width: 767px) {
    .brand-cart {
      width: calc(50% - 8px); } }
  @media (max-width: 479px) {
    .brand-cart {
      width: 100%;
      margin: 0px 0px 8px 0px; } }
  .brand-cart__img {
    height: 185px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    width: 100%;
    margin-bottom: 8px; }
    @media (max-width: 1599px) {
      .brand-cart__img {
        padding: 2px 32px;
        height: 138px; } }
    @media (max-width: 1023px) {
      .brand-cart__img {
        height: 152px; } }
    @media (max-width: 767px) {
      .brand-cart__img {
        height: 138px;
        padding: 2px 28px; } }
    .brand-cart__img img {
      max-height: 100%; }
  .brand-cart__row {
    background: #f4f5f6;
    border-radius: 5px;
    padding: 8px 16px;
    margin-bottom: 8px; }
    @media (max-width: 1279px) {
      .brand-cart__row {
        padding: 4px 8px; } }
  .brand-cart__subname {
    font-size: 12px;
    line-height: calc(16 / 12);
    color: #878889;
    margin-bottom: 4px; }
    @media (max-width: 1599px) {
      .brand-cart__subname {
        font-size: 12px; } }
  .brand-cart__name {
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .brand-cart__name {
        font-size: 14px; } }
  .brand-cart__col {
    margin: 0px -4px; }
  .brand-cart__item {
    background: #f4f5f6;
    border-radius: 5px;
    padding: 8px 16px;
    flex: 1;
    margin: 0px 4px; }
    @media (max-width: 1279px) {
      .brand-cart__item {
        padding: 4px 8px; } }
    .brand-cart__item:first-child {
      flex: 1 1 auto; }

@media (max-width: 639px) {
  .desc-brand__body {
    flex-wrap: wrap; } }

.desc-brand__img {
  flex: 0 0 224px;
  padding: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e7f1;
  border-radius: 8px; }
  @media (max-width: 1599px) {
    .desc-brand__img {
      padding: 44px;
      flex: 0 0 247px;
      max-height: 224px; } }
  @media (max-width: 1279px) {
    .desc-brand__img {
      flex: 0 0 234px;
      padding: 37px; } }
  @media (max-width: 767px) {
    .desc-brand__img {
      max-height: 197px;
      flex: 0 0 197px;
      padding: 18px; } }
  @media (max-width: 639px) {
    .desc-brand__img {
      margin-bottom: 12px;
      max-height: 160px;
      flex: 0 0 220px;
      padding: 16px; } }
  .desc-brand__img img {
    max-height: 100%; }

.desc-brand__text {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #1f2636;
  margin-left: 96px; }
  @media (max-width: 1599px) {
    .desc-brand__text {
      margin-left: 59px;
      font-size: 12px; } }
  @media (max-width: 1279px) {
    .desc-brand__text {
      margin-left: 48px; } }
  @media (max-width: 1023px) {
    .desc-brand__text {
      margin-left: 8px; } }
  @media (max-width: 639px) {
    .desc-brand__text {
      flex: 0 0 100%;
      margin-left: 0; } }

.desc-brand__meta {
  margin-top: 16px; }
  .desc-brand__meta span {
    margin-left: 4px;
    color: #878889; }

.catalog-brand__top {
  flex: 1 0 100%;
  margin-bottom: 20px; }
  @media (max-width: 1279px) {
    .catalog-brand__top {
      margin-bottom: 12px; } }

.catalog-brand__body {
  align-items: start;
  margin: 0px -8px 8px; }
  @media (max-width: 1279px) {
    .catalog-brand__body {
      margin: 0px -4px 4px; } }
  @media (max-width: 479px) {
    .catalog-brand__body {
      margin: 0; } }
  .catalog-brand__body .products--block {
    margin: 0px 8px 16px;
    width: calc(20% - 16px); }
    @media (max-width: 1279px) {
      .catalog-brand__body .products--block {
        width: calc(25% - 8px);
        margin: 0px 4px 8px; } }
    @media (max-width: 1023px) {
      .catalog-brand__body .products--block {
        width: calc(33.333% - 8px); } }
    @media (max-width: 639px) {
      .catalog-brand__body .products--block {
        width: calc(50% - 8px); } }
    @media (max-width: 479px) {
      .catalog-brand__body .products--block {
        width: 100%;
        margin: 0px 0px 8px 0px; } }

@media (max-width: 639px) {
  .catalog-brand__sort {
    width: 100%; }
    .catalog-brand__sort .new-select {
      width: 100%; } }

.catalog-brand__sort .simplebar-track.simplebar-vertical {
  top: 0;
  right: 0; }

@media (max-width: 1023px) {
  .catalog-brand__count {
    display: none; } }

.catalog-brand__count .new-select {
  min-width: 68px; }

.catalog-brand__count .simplebar-track.simplebar-vertical {
  top: 0;
  right: 0; }

.catalog-brand .pagination-more {
  width: 100%; }

.sample__catalog {
  padding-left: 47px; }
  @media (max-width: 1599px) {
    .sample__catalog {
      padding-left: 28px; } }
  @media (max-width: 1279px) {
    .sample__catalog {
      padding-left: 0; } }

.sample__items {
  margin: 0px -8px 8px;
  align-items: flex-start; }
  @media (max-width: 1599px) {
    .sample__items {
      margin: 0px -4px 8px; } }

.sample__filter .filter__tags {
  padding-top: 0; }

.sample__filter-btn {
  display: none;
  margin-bottom: 8px; }
  @media (max-width: 1279px) {
    .sample__filter-btn {
      display: inline-flex; } }
  @media (max-width: 639px) {
    .sample__filter-btn {
      width: 100%; }
      .sample__filter-btn span {
        display: inline-block;
        margin-left: 10px; } }

.sample-cart {
  margin: 0px 8px 16px;
  border: 1px solid #e3e7f1;
  border-radius: 8px;
  padding: 20px;
  width: calc(25% - 16px);
  transition: all 0.3s ease 0s; }
  @media (max-width: 1599px) {
    .sample-cart {
      padding: 8px;
      margin: 0px 4px 8px;
      width: calc(25% - 8px); } }
  @media (max-width: 1023px) {
    .sample-cart {
      width: calc(33.333% - 8px); } }
  @media (max-width: 639px) {
    .sample-cart {
      width: calc(50% - 8px); } }
  @media (any-hover: hover) {
    .sample-cart:hover {
      border-color: #c5cbd9; } }
  .sample-cart__img {
    height: 352px;
    width: 100%;
    margin-bottom: 16px;
    cursor: pointer; }
    @media (max-width: 1919px) {
      .sample-cart__img {
        height: 298px; } }
    @media (max-width: 1599px) {
      .sample-cart__img {
        height: 290px;
        margin-bottom: 8px; } }
    @media (max-width: 767px) {
      .sample-cart__img {
        height: 240px; } }
    @media (max-width: 479px) {
      .sample-cart__img {
        height: 192px; } }
    .sample-cart__img img {
      max-height: 100%; }
  .sample-cart__above {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: calc(16 / 12);
    color: #878889; }
    @media (max-width: 1599px) {
      .sample-cart__above {
        font-size: 12px; } }
  .sample-cart__name {
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636;
    margin-bottom: 4px; }
    @media (max-width: 1599px) {
      .sample-cart__name {
        font-size: 14px; } }
  .sample-cart__subname {
    font-size: 12px;
    line-height: calc(16 / 12);
    color: #878889; }
    @media (max-width: 1599px) {
      .sample-cart__subname {
        font-size: 12px; } }

.text-sample {
  background: #ffffff;
  border-radius: 8px;
  padding: 32px;
  position: fixed;
  height: calc(100vh - 70px);
  width: calc(21% - 16px);
  right: 8%;
  display: none;
  top: 35px; }
  @media (max-width: 1919px) {
    .text-sample {
      right: 88px;
      width: calc(24% - 16px); } }
  @media (max-width: 1599px) {
    .text-sample {
      width: calc(20%);
      right: 32px;
      padding: 16px;
      height: calc(100vh - 28px);
      top: 14px; } }
  @media (max-width: 1279px) {
    .text-sample {
      width: calc(23%);
      right: 32px; } }
  @media (max-width: 1023px) {
    .text-sample {
      max-width: 100%;
      width: 100%;
      right: 0;
      height: auto;
      position: static;
      padding: 0; } }
  .text-sample.active {
    display: block;
    z-index: 99999; }
    @media (max-width: 767px) {
      .text-sample.active {
        display: block; } }
  @media (max-width: 1023px) {
    .text-sample .simplebar-content {
      display: flex; } }
  .text-sample__close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-flex; }
    @media (max-width: 1599px) {
      .text-sample__close {
        top: 16px;
        right: 16px; } }
    @media (max-width: 767px) {
      .text-sample__close {
        top: 12px; } }
  .text-sample__top {
    padding-right: 24px;
    padding-bottom: 30px;
    border-bottom: 1px solid #c5cbd9; }
    @media (max-width: 1599px) {
      .text-sample__top {
        padding-bottom: 12px; } }
  .text-sample__name {
    font-size: 24px;
    line-height: calc(36 / 24);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .text-sample__name {
        font-size: 16px; } }
  .text-sample__section {
    margin-top: 4px;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #878889; }
    @media (max-width: 1599px) {
      .text-sample__section {
        font-size: 12px; } }
  .text-sample__desc {
    margin-top: 30px; }
    @media (max-width: 1599px) {
      .text-sample__desc {
        margin-top: 12px; } }
    .text-sample__desc p {
      font-size: 14px;
      line-height: calc(20 / 14);
      color: #1f2636; }
      @media (max-width: 1599px) {
        .text-sample__desc p {
          font-size: 12px; } }
      .text-sample__desc p:not(:last-child) {
        margin-bottom: 24px; }
        @media (max-width: 1599px) {
          .text-sample__desc p:not(:last-child) {
            margin-bottom: 12px; } }
  .text-sample__phone {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #c5cbd9; }
    @media (max-width: 1599px) {
      .text-sample__phone {
        flex-wrap: wrap;
        margin-top: 12px;
        padding-bottom: 12px; } }
    .text-sample__phone > div:first-child {
      margin-right: 24px; }
      @media (max-width: 1599px) {
        .text-sample__phone > div:first-child {
          margin-right: 10px; } }
    .text-sample__phone a {
      font-weight: 700;
      font-size: 14px;
      line-height: calc(20 / 14);
      color: #1f2636; }
      @media (max-width: 1599px) {
        .text-sample__phone a {
          font-size: 12px; }
          .text-sample__phone a:not(:last-child) {
            margin-bottom: 4px; } }
      @media (max-width: 1023px) {
        .text-sample__phone a {
          color: #1f2636 !important; }
          .text-sample__phone a:not(:last-child) {
            margin-bottom: 0px;
            margin-right: 19px; } }
  .text-sample__tel {
    flex: 1 1 auto; }
    @media (max-width: 1599px) {
      .text-sample__tel {
        flex-direction: column;
        align-items: flex-start; } }
    @media (max-width: 1023px) {
      .text-sample__tel {
        flex-direction: row;
        justify-content: flex-start; } }
  .text-sample__info {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #878889;
    margin-top: 30px; }
    @media (max-width: 1599px) {
      .text-sample__info {
        margin-top: 12px;
        font-size: 12px; } }
  .text-sample__contol {
    margin-top: 30px; }
    @media (max-width: 1599px) {
      .text-sample__contol {
        margin-top: 12px; } }
    @media (max-width: 1023px) {
      .text-sample__contol {
        display: flex;
        flex-wrap: wrap;
        margin: 0px -8px 8px; } }
    @media (max-width: 639px) {
      .text-sample__contol {
        margin: 0px 0px 16px; } }
    .text-sample__contol .btn {
      font-size: 16px; }
      @media (max-width: 1599px) {
        .text-sample__contol .btn {
          font-size: 14px; } }
      .text-sample__contol .btn:not(:last-child) {
        margin-bottom: 16px; }
        @media (max-width: 1599px) {
          .text-sample__contol .btn:not(:last-child) {
            margin-bottom: 8px; } }
      @media (max-width: 1023px) {
        .text-sample__contol .btn {
          width: calc(50% - 16px);
          flex: 0 1 calc(50% - 16px);
          margin: 0px 8px; } }
      @media (max-width: 639px) {
        .text-sample__contol .btn {
          flex: 1 0 100%;
          margin: 0; } }
      .text-sample__contol .btn.blue--btn {
        border-color: #e3e7f1; }
  .text-sample__share {
    margin-top: 30px; }
    @media (max-width: 1599px) {
      .text-sample__share {
        margin-top: 0;
        margin-bottom: 12px; } }
    @media (max-width: 1023px) {
      .text-sample__share {
        flex: 1 0 100%;
        margin: 0px 8px 12px; } }
    @media (max-width: 639px) {
      .text-sample__share {
        margin: 0px 0px 12px; } }
  .text-sample__other {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 68px);
    gap: 10px; }
    @media (max-width: 1599px) {
      .text-sample__other {
        display: none; } }
  .text-sample .simplebar-track.simplebar-vertical {
    top: 36px;
    bottom: 20px;
    right: 4px; }

.other-sample__link {
  transition: all 0.2s ease;
  border: 2px solid transparent;
  cursor: pointer; }
  .other-sample__link.active {
    position: relative; }
    .other-sample__link.active::before {
      content: "";
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      z-index: 99991;
      border: 2px solid #4772da; }
  .other-sample__link:hover {
    border-color: #c5cbd9; }
  .other-sample__link:focus {
    border-color: #c5cbd9; }

@media all and (min-width: 800px) {
  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3); }
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px; } }

.fancybox-container.sample .fancybox-navigation > button {
  z-index: 99999; }

.fancybox-container.sample .fancybox-navigation .slider--arrow-left {
  left: 0; }
  @media (max-width: 1023px) {
    .fancybox-container.sample .fancybox-navigation .slider--arrow-left {
      top: calc(35vh - 16px); } }

.fancybox-container.sample .fancybox-navigation .slider--arrow-right {
  right: 0; }
  @media (max-width: 1023px) {
    .fancybox-container.sample .fancybox-navigation .slider--arrow-right {
      right: 16px;
      top: calc(35vh - 16px); } }

@media (max-width: 1023px) {
  .fancybox-container.sample .fancybox-bg {
    background: #fff;
    opacity: 1; } }

.fancybox-container.sample .fancybox-inner {
  width: 63%;
  left: 8%;
  top: 35px;
  height: calc(100vh - 70px - 90px - 16px); }
  @media (max-width: 1919px) {
    .fancybox-container.sample .fancybox-inner {
      width: 65%;
      left: 88px; } }
  @media (max-width: 1599px) {
    .fancybox-container.sample .fancybox-inner {
      left: 32px;
      width: 74%;
      height: calc(100vh - 28px - 90px - 12px); } }
  @media (max-width: 1279px) {
    .fancybox-container.sample .fancybox-inner {
      width: 70%; } }
  @media (max-width: 1023px) {
    .fancybox-container.sample .fancybox-inner {
      height: auto;
      width: calc(100% - 16px);
      left: 16px;
      padding-right: 16px;
      overflow-y: auto;
      bottom: 0; } }

@media (max-width: 1023px) {
  .fancybox-container.sample .fancybox-stage {
    top: 27px;
    height: 61vh;
    position: relative;
    transform: translateY(0);
    order: 0; } }

@media (max-width: 639px) {
  .fancybox-container.sample .fancybox-stage {
    height: 57vh;
    top: 15px; } }

@media (max-width: 1023px) {
  .fancybox-container.sample .fancybox-caption {
    position: relative;
    opacity: 1;
    visibility: visible;
    background: #fff;
    padding: 0;
    text-align: left;
    order: 1;
    max-width: 100%; } }
  @media (max-width: 1023px) and (max-width: 1023px) {
    .fancybox-container.sample .fancybox-caption .text-sample__close {
      display: none; } }

@media (max-width: 1023px) {
    .fancybox-container.sample .fancybox-caption a {
      color: #4772da; } }

@media (max-width: 1023px) {
  .fancybox-container.sample .fancybox-slide--image {
    padding: 10px 0px; } }

@media (max-width: 1023px) {
  .fancybox-container.sample .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    top: 8px;
    right: 16px;
    position: fixed; } }

@media (max-width: 767px) {
  .fancybox-container.sample .fancybox-toolbar {
    top: 0;
    right: 0;
    width: 100%; } }

@media (max-width: 1023px) {
  .fancybox-container.sample .fancybox-caption__body {
    max-height: max-content;
    overflow: hidden; } }

.fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x {
  max-width: 63%;
  left: 8%;
  bottom: 35px;
  background: #ffffff;
  border-radius: 8px;
  border: 2px solid transparent;
  overflow-x: hidden; }
  @media (max-width: 1919px) {
    .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x {
      max-width: 65%;
      left: 88px; } }
  @media (max-width: 1599px) {
    .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x {
      left: 32px;
      max-width: 74%;
      bottom: 12px; } }
  @media (max-width: 1279px) {
    .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x {
      max-width: 70%; } }
  @media (max-width: 1023px) {
    .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x {
      display: none; } }
  .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x .fancybox-thumbs__list a {
    margin: 0px 12px 0 0; }
    @media (max-width: 1599px) {
      .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x .fancybox-thumbs__list a {
        margin: 0px 18px 0 0; } }
    .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x .fancybox-thumbs__list a:last-child {
      margin-right: 0; }
  .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x .fancybox-thumbs__list a:hover:before {
    border: 2px solid #c5cbd9; }
  .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x .fancybox-thumbs__list a:before {
    border: 2px solid #c5cbd9; }
  .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x .fancybox-thumbs__list a:focus::before {
    border: 2px solid #c5cbd9; }
  .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x .fancybox-thumbs__list a.fancybox-thumbs-active::before {
    border: 2px solid #4772da; }
  .fancybox-container.sample .fancybox-thumbs.fancybox-thumbs-x .simplebar-track.simplebar-horizontal {
    height: 3px;
    background: #e3e7f1;
    border-radius: 10px;
    bottom: -4px;
    right: 0; }

.calc--image img {
  max-width: 752px; }
  @media (max-width: 1599px) {
    .calc--image img {
      height: 449px;
      max-width: 100%;
      margin: 0 auto; } }
  @media (max-width: 767px) {
    .calc--image img {
      height: auto;
      max-height: 448px; } }

.calc--tab {
  display: none; }
  .calc--tab.active {
    display: block; }
    .calc--tab.active .btn--base {
      font-size: 16px;
      line-height: 24px; }
      @media (max-width: 1599px) {
        .calc--tab.active .btn--base {
          font-size: 14px;
          line-height: 20px; } }

.calc--price-input {
  width: calc(100% - 152px); }

.calc--left {
  width: 70%; }
  @media (max-width: 1599px) {
    .calc--left {
      width: 70.83333%; } }
  @media (max-width: 1279px) {
    .calc--left {
      width: 66.66667%; } }
  @media (max-width: 1023px) {
    .calc--left {
      width: 100%; } }
  .calc--left input {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #878889;
    height: 48px;
    padding: 0 16px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #C5CBD9;
    flex: 1; }
    @media (max-width: 1599px) {
      .calc--left input {
        height: 38px;
        font-size: 14px;
        line-height: 20px; } }
    .calc--left input.error {
      border-color: #f99b9b; }

.calc--right {
  width: 25%;
  margin-left: 5%; }
  @media (max-width: 1599px) {
    .calc--right {
      width: 25%;
      margin-left: 4.16667%; } }
  @media (max-width: 1279px) {
    .calc--right {
      width: 29.16667%; } }
  @media (max-width: 1023px) {
    .calc--right {
      display: none; } }

.calc--bottom {
  margin-top: 76px;
  font-size: 14px;
  line-height: 20px; }
  @media (max-width: 1599px) {
    .calc--bottom {
      margin-top: 56px;
      font-size: 12px;
      line-height: 16px; } }
  @media (max-width: 1023px) {
    .calc--bottom {
      margin-top: 32px; } }
  .calc--bottom ul li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px; }
    @media (max-width: 1599px) {
      .calc--bottom ul li {
        margin-bottom: 16px; } }
    .calc--bottom ul li:before {
      content: '·';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      font-weight: bold;
      font-size: 25px; }
    .calc--bottom ul li:last-child {
      margin-bottom: 0; }
  .calc--bottom ul.no--mg li {
    margin-bottom: 0; }
  .calc--bottom div {
    margin-bottom: 32px; }
    @media (max-width: 1599px) {
      .calc--bottom div {
        margin-bottom: 24px; } }
    .calc--bottom div.c16 {
      margin-bottom: 16px; }
  .calc--bottom h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .calc--bottom h2 {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 8px; } }
    @media (max-width: 1023px) {
      .calc--bottom h2 {
        font-size: 16px;
        line-height: 24px; } }
    @media (max-width: 989px) {
      .calc--bottom h2 {
        font-size: 14px;
        line-height: 20px; } }

.calc--float {
  background: #F4F5F6;
  border-radius: 8px;
  padding: 32px; }
  @media (max-width: 1599px) {
    .calc--float {
      padding: 16px; } }
  .calc--float-total {
    font-size: 14px;
    line-height: 20px;
    color: #1F2636;
    margin-bottom: 16px; }
    @media (max-width: 1599px) {
      .calc--float-total {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 12px; } }
    .calc--float-total:last-child {
      margin-bottom: 0; }
    .calc--float-total > div:first-child {
      font-weight: 700; }
    .calc--float-total > div:last-child {
      font-weight: 400; }
      .calc--float-total > div:last-child sup {
        font-size: 10px;
        line-height: 10px; }
        @media (max-width: 1599px) {
          .calc--float-total > div:last-child sup {
            font-size: 8px; } }
  .calc--float-image {
    width: 100%;
    border-radius: 8px;
    overflow: hidden; }
  .calc--float-middle {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #C5CBD9; }
    @media (max-width: 1599px) {
      .calc--float-middle {
        padding-bottom: 20px;
        margin-bottom: 20px; } }
    .calc--float-middle > div:first-child {
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: #1F2636;
      margin-bottom: 22px; }
      @media (max-width: 1599px) {
        .calc--float-middle > div:first-child {
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 12px; } }
  .calc--float-top {
    margin-top: 12px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #C5CBD9; }
    @media (max-width: 1599px) {
      .calc--float-top {
        margin-top: 8px;
        padding-bottom: 20px;
        margin-bottom: 20px; } }
    .calc--float-top div:first-child {
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: #1F2636; }
      @media (max-width: 1599px) {
        .calc--float-top div:first-child {
          font-size: 14px;
          line-height: 20px; } }
    .calc--float-top div:last-child {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      color: #878889;
      margin-top: 12px; }
      @media (max-width: 1599px) {
        .calc--float-top div:last-child {
          font-size: 12px;
          line-height: 16px;
          margin-top: 8px; } }

.calc--num {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1F2636; }
  @media (max-width: 1599px) {
    .calc--num {
      font-size: 14px;
      line-height: 20px; } }

.calc--qt {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #878889;
  margin-left: 4px; }
  @media (max-width: 989px) {
    .calc--qt {
      font-size: 14px;
      line-height: 20px; } }

.calc--100 {
  width: 100%; }

.calc--quantity > div {
  flex: 1 1 calc(100% - 96px);
  overflow: hidden; }
  @media (max-width: 1599px) {
    .calc--quantity > div {
      flex: 1 1 calc(100% - 80px); } }

.calc--quantity-change {
  width: 144px;
  background: #F4F5F6;
  border-radius: 5px;
  padding: 6px;
  margin-right: 8px; }
  @media (max-width: 1599px) {
    .calc--quantity-change {
      padding: 4px;
      height: 40px; } }
  .calc--quantity-change button {
    width: calc(50% - 2px);
    height: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px; }
    .calc--quantity-change button sup {
      font-size: 10px;
      line-height: 10px; }
      @media (max-width: 1599px) {
        .calc--quantity-change button sup {
          font-size: 8px;
          line-height: 8px; } }
    @media (max-width: 1599px) {
      .calc--quantity-change button {
        font-size: 12px;
        line-height: 16px; } }
    .calc--quantity-change button.active {
      background: #4772DA;
      color: #ffffff; }

.calc--quantity-block > div:first-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #878889;
  margin-bottom: 8px; }
  @media (max-width: 1599px) {
    .calc--quantity-block > div:first-child {
      font-size: 12px;
      line-height: 16px; } }

.calc--quantity-block p {
  font-size: 14px;
  line-height: 20px;
  color: #878889;
  margin-top: 8px; }
  @media (max-width: 1599px) {
    .calc--quantity-block p {
      font-size: 12px;
      line-height: 16px; } }

.calc--quantity button {
  width: 48px;
  height: 48px;
  background: #F4F5F6;
  border-radius: 5px; }
  @media (max-width: 1599px) {
    .calc--quantity button {
      width: 40px;
      height: 40px; } }
  .calc--quantity button svg {
    color: #1F2636; }
  .calc--quantity button:hover {
    background: #6689DD; }
    .calc--quantity button:hover svg {
      color: #ffffff; }
  .calc--quantity button:active {
    background: #496DC2; }

.calc--input div {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #878889;
  margin-bottom: 8px; }
  .calc--input div sup {
    font-size: 10px;
    line-height: 10px; }
  @media (max-width: 1599px) {
    .calc--input div {
      font-size: 12px;
      line-height: 16px; }
      .calc--input div sup {
        font-size: 8px; } }

.calc--input input {
  width: 100%; }

.calc--block {
  background: #FFFFFF;
  box-shadow: 0px 0px 40px rgba(22, 35, 54, 0.07);
  border-radius: 8px;
  padding: 32px; }
  @media (max-width: 1599px) {
    .calc--block {
      padding: 16px; } }
  @media (max-width: 1023px) {
    .calc--block {
      box-shadow: none;
      background: none;
      padding: 0; } }

.calc--tabs {
  margin-bottom: 24px; }
  @media (max-width: 1599px) {
    .calc--tabs {
      margin-bottom: 20px; } }
  @media (max-width: 1023px) {
    .calc--tabs {
      margin-bottom: 8px; }
      .calc--tabs ul {
        display: none; } }
  .calc--tabs button {
    padding: 8px 16px;
    border-radius: 100px;
    background: #E3E7F1;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #496DC2;
    display: block; }
    @media (max-width: 1599px) {
      .calc--tabs button {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        padding: 6px 16px; } }
    .calc--tabs button:hover {
      background: #d3d9e8; }
    .calc--tabs button:active {
      background: #4772DA;
      color: #FFFFFF; }
  .calc--tabs li {
    margin: 0 4px; }
    .calc--tabs li:first-child {
      margin-left: 0; }
    .calc--tabs li:last-child {
      margin-right: 0; }
    .calc--tabs li.active button {
      background: #4772DA;
      color: #FFFFFF; }

.calc--row {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #C5CBD9; }
  @media (max-width: 1599px) {
    .calc--row {
      margin-bottom: 24px;
      padding-bottom: 24px; } }
  @media (max-width: 1023px) {
    .calc--row {
      margin-bottom: 16px;
      padding-bottom: 16px; } }
  .calc--row .swp {
    padding-bottom: 0; }
  .calc--row .slider--dots {
    display: none; }
  @media (max-width: 767px) {
    .calc--row .swp {
      padding-bottom: 24px; }
    .calc--row .slider--dots {
      display: flex; } }
  .calc--row-last p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #878889;
    margin-top: 16px; }
    @media (max-width: 1023px) {
      .calc--row-last p {
        font-size: 12px;
        line-height: 16px; } }
  .calc--row-buttons {
    margin-top: 40px; }
    @media (max-width: 1599px) {
      .calc--row-buttons {
        margin-top: 24px;
        justify-content: space-between; } }
    @media (max-width: 1023px) {
      .calc--row-buttons {
        margin-top: 16px; } }
    @media (max-width: 639px) {
      .calc--row-buttons {
        flex-wrap: wrap; } }
    .calc--row-buttons button {
      padding: 0 24px;
      width: auto;
      margin: 0 8px; }
      @media (max-width: 1599px) {
        .calc--row-buttons button {
          flex: 1 auto;
          padding: 0;
          margin: 0 4px;
          width: 100%; }
          .calc--row-buttons button:nth-child(2) {
            flex: 0 0 227px; } }
      @media (max-width: 1279px) {
        .calc--row-buttons button {
          width: auto; }
          .calc--row-buttons button:nth-child(1) {
            flex: 0 0 227px; } }
      @media (max-width: 1023px) {
        .calc--row-buttons button {
          width: 100%; }
          .calc--row-buttons button:nth-child(1) {
            flex: 1 auto; } }
      @media (max-width: 639px) {
        .calc--row-buttons button {
          margin: 0; }
          .calc--row-buttons button:nth-child(1) {
            flex: 0 0 auto;
            width: calc(50% - 4px); }
          .calc--row-buttons button:nth-child(2) {
            width: calc(50% - 4px);
            flex: 0 0 auto; }
          .calc--row-buttons button:last-child {
            width: 100%;
            margin-top: 8px; } }
      @media (max-width: 479px) {
        .calc--row-buttons button {
          margin-top: 8px; }
          .calc--row-buttons button:nth-child(1) {
            width: 100%;
            margin-top: 0; }
          .calc--row-buttons button:nth-child(2) {
            width: 100%; } }
      .calc--row-buttons button:first-child {
        margin-left: 0; }
      .calc--row-buttons button:last-child {
        margin-right: 0; }
  .calc--row-last > div:first-child {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #1F2636;
    margin-bottom: 22px; }
    @media (max-width: 1599px) {
      .calc--row-last > div:first-child {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px; } }
  .calc--row-total_block {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .calc--row-total_block {
        font-size: 12px;
        line-height: 16px; } }
    @media (max-width: 1023px) {
      .calc--row-total_block {
        font-size: 14px;
        line-height: 20px; } }
    @media (max-width: 639px) {
      .calc--row-total_block span {
        display: block; } }
    .calc--row-total_block:last-child {
      margin-bottom: 0; }
    .calc--row-total_block sup {
      font-size: 10px;
      line-height: 12px; }
      @media (max-width: 1599px) {
        .calc--row-total_block sup {
          font-size: 8px; } }
  .calc--row-input {
    margin-bottom: 24px; }
    @media (max-width: 1599px) {
      .calc--row-input {
        margin-bottom: 16px; } }
    @media (max-width: 639px) {
      .calc--row-input {
        flex-direction: column; } }
  .calc--row-top {
    margin-bottom: 24px; }
    @media (max-width: 1599px) {
      .calc--row-top {
        margin-bottom: 16px; } }
    .calc--row-top div:first-child {
      font-weight: 700;
      font-size: 14px;
      line-height: 20px;
      color: #4772DA;
      width: 40px;
      height: 40px;
      background: #F4F5F6;
      border-radius: 50%; }
      @media (max-width: 1599px) {
        .calc--row-top div:first-child {
          width: 28px;
          height: 28px;
          font-size: 12px;
          line-height: 16px; } }
    .calc--row-top div:last-child {
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: #1F2636;
      margin-left: 12px;
      flex: 1; }
      .calc--row-top div:last-child sup {
        font-size: 10px;
        line-height: 10px; }
      @media (max-width: 1599px) {
        .calc--row-top div:last-child {
          font-size: 14px;
          line-height: 20px; }
          .calc--row-top div:last-child sup {
            font-size: 8px; } }
      @media (max-width: 639px) {
        .calc--row-top div:last-child {
          font-size: 12px;
          line-height: 16px; } }

.image--radio {
  position: relative;
  flex: 1 auto;
  cursor: pointer;
  margin: 0 8px; }
  .image--radio-wrap {
    position: relative; }
    @media (max-width: 1599px) {
      .image--radio-wrap {
        justify-content: flex-start; } }
  @media (max-width: 1599px) {
    .image--radio {
      margin: 0 4px;
      max-width: 114px; } }
  @media (max-width: 1023px) {
    .image--radio {
      max-width: 124px;
      min-width: 124px; } }
  @media (max-width: 989px) {
    .image--radio {
      margin: 0; } }
  @media (max-width: 639px) {
    .image--radio {
      max-width: 108px;
      min-width: 108px; } }
  .image--radio:first-child {
    margin-left: 0; }
  .image--radio:last-child {
    margin-right: 0; }
  .image--radio input {
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    padding: 0;
    border: 0; }
    .image--radio input:checked:after {
      content: '';
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0iIzQ3NzJEQSIvPg0KICAgIDxwYXRoIGQ9Ik0xOCA4TDEwLjc4OTUgMTZMNiAxMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==");
      width: 24px;
      height: 24px;
      display: block;
      position: absolute;
      right: 10px;
      top: 10px;
      z-index: 2;
      background-size: contain;
      background-repeat: no-repeat; }
      @media (max-width: 1599px) {
        .image--radio input:checked:after {
          width: 20px;
          height: 20px;
          right: 6px;
          top: 6px; } }
    .image--radio input:checked + img {
      border-color: #4772DA; }
  .image--radio img {
    border: 2px solid #C5CBD9;
    border-radius: 8px;
    overflow: hidden; }

.new-select {
  display: none; }
  @media (max-width: 1023px) {
    .new-select {
      display: block; } }

.c16 {
  margin-bottom: 16px; }
  @media (max-width: 1023px) {
    .c16 {
      margin-bottom: 12px; } }

.w50 {
  width: calc(50% - 8px); }
  @media (max-width: 1599px) {
    .w50 {
      width: calc(50% - 4px); } }
  @media (max-width: 639px) {
    .w50 {
      width: 100%;
      margin-top: 8px; }
      .w50:first-child {
        margin-top: 0; } }

.w33 {
  width: calc(33.33333% - 8px); }
  @media (max-width: 1599px) {
    .w33 {
      width: calc(33.33333% - 4px); } }
  @media (max-width: 639px) {
    .w33 {
      width: 100%;
      margin-top: 8px; }
      .w33:first-child {
        margin-top: 0; } }

.tB {
  display: none; }
  .tB.active {
    display: flex; }

.w2 {
  width: calc(25% - 8px); }
  @media (max-width: 1599px) {
    .w2 {
      width: calc(25% - 4px); } }
  @media (max-width: 639px) {
    .w2 {
      width: 100%;
      margin-top: 8px; }
      .w2:first-child {
        margin-top: 0; } }

@media (max-width: 767px) {
  .calcul--modal {
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: 0; } }

.search h1 div {
  display: inline-block; }

.search h1 span {
  color: #878889; }

.search__body > div {
  flex: 1; }

@media (max-width: 639px) {
  .search__body {
    flex-direction: column;
    justify-content: flex-start; }
    .search__body > div {
      flex: 1 0 100%;
      width: 100%; } }

.search__text {
  margin-right: 32px; }
  @media (max-width: 1023px) {
    .search__text {
      flex: 0 0 40%; } }
  @media (max-width: 639px) {
    .search__text {
      margin: 0 0 16px; } }

.search__title {
  font-weight: 500;
  font-size: 28px;
  line-height: calc(40 / 28);
  color: #1f2636;
  margin-bottom: 8px; }
  @media (max-width: 1599px) {
    .search__title {
      font-size: 24px; } }
  @media (max-width: 1279px) {
    .search__title {
      font-size: 20px; } }
  @media (max-width: 767px) {
    .search__title {
      font-size: 16px; } }

.search__subtitle {
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #878889; }
  @media (max-width: 1599px) {
    .search__subtitle {
      font-size: 14px; } }

.search__btn {
  margin-top: 16px;
  max-width: 177px;
  font-size: 16px; }
  @media (max-width: 1599px) {
    .search__btn {
      font-size: 14px;
      max-width: 151px; } }

@media (max-width: 1599px) {
  .search__img {
    text-align: center; } }

@media (max-width: 1023px) {
  .search__img {
    flex: 1 1 auto;
    text-align: center; } }

@media (max-width: 639px) {
  .search__img {
    text-align: left; } }

@media (max-width: 1599px) {
  .search__img img {
    max-height: 212px; } }

@media (max-width: 1023px) {
  .search__img img {
    max-height: 136px; } }

@media (max-width: 639px) {
  .search__img img {
    max-height: 92px; } }

@media (max-width: 1279px) {
  .search .control-cb .control-cb__sort {
    margin-left: 0; } }

@media (max-width: 1279px) {
  .search .catalog-body__control {
    margin-bottom: 8px; } }

@media (max-width: 1023px) {
  .search .catalog-body__control {
    margin-bottom: 0px; } }

.search-fail {
  margin-bottom: auto; }

@media (max-width: 1023px) {
  .favorites__top {
    margin-bottom: 12px; }
    .favorites__top .new-select {
      min-width: 240px; } }

@media (max-width: 639px) {
  .favorites__top {
    flex-direction: column; } }

@media (max-width: 639px) {
  .favorites__control {
    margin-top: 12px; } }

@media (max-width: 479px) {
  .favorites__control {
    flex-direction: column; } }

@media (max-width: 1023px) {
  .favorites__tags {
    display: none; } }

.favorites__tags button {
  margin: 4px; }

.favorites__btn {
  padding: 12px 16px;
  white-space: nowrap;
  font-size: 16px; }
  .favorites__btn:not(:last-child) {
    margin-right: 16px; }
    @media (max-width: 1599px) {
      .favorites__btn:not(:last-child) {
        margin-right: 8px; } }
  @media (max-width: 1599px) {
    .favorites__btn {
      font-size: 14px; } }
  @media (max-width: 1023px) {
    .favorites__btn {
      transition: 0s; } }
  .favorites__btn:hover span {
    color: #fff; }
  .favorites__btn:active span {
    color: #fff; }
  .favorites__btn span {
    color: #878889;
    margin-left: 2px; }
    @media (max-width: 1023px) {
      .favorites__btn span {
        transition: 0s; } }
  @media (max-width: 1599px) {
    .favorites__btn_add {
      padding: 0px 29px; } }
  @media (max-width: 1023px) {
    .favorites__btn_add {
      padding: 0px 24px; } }
  @media (max-width: 1599px) {
    .favorites__btn_clear {
      padding: 10px 12px; } }
  @media (max-width: 479px) {
    .favorites__btn_clear {
      margin-top: 8px; } }

.favorites__sel {
  display: none; }
  @media (max-width: 1023px) {
    .favorites__sel {
      display: block; } }

.favorites__catalog {
  margin: 0px -8px; }
  @media (max-width: 1599px) {
    .favorites__catalog {
      margin: 0px -4px; } }
  @media (max-width: 479px) {
    .favorites__catalog {
      margin: 0; } }
  .favorites__catalog .products--block,
  .favorites__catalog .card-solution {
    width: calc(20% - 16px);
    margin: 0px 8px 16px; }
    @media (max-width: 1599px) {
      .favorites__catalog .products--block,
      .favorites__catalog .card-solution {
        width: calc(20% - 8px);
        margin: 0px 4px 8px; } }
    @media (max-width: 1279px) {
      .favorites__catalog .products--block,
      .favorites__catalog .card-solution {
        width: calc(25% - 8px); } }
    @media (max-width: 1023px) {
      .favorites__catalog .products--block,
      .favorites__catalog .card-solution {
        width: calc(33.333% - 8px); } }
    @media (max-width: 639px) {
      .favorites__catalog .products--block,
      .favorites__catalog .card-solution {
        width: calc(50% - 8px); } }
    @media (max-width: 479px) {
      .favorites__catalog .products--block,
      .favorites__catalog .card-solution {
        width: 100%;
        margin: 0 0 8px; } }
  @media (max-width: 479px) {
    .favorites__catalog .products--main {
      min-height: max-content !important; } }

.dealer__top {
  border-top: 1px solid #c5cbd9;
  border-bottom: 1px solid #c5cbd9;
  padding: 32px 0px; }
  @media (max-width: 1599px) {
    .dealer__top {
      padding: 28px 0px; } }
  @media (max-width: 1279px) {
    .dealer__top {
      padding: 12px 0px; } }
  @media (max-width: 639px) {
    .dealer__top {
      flex-direction: column;
      align-items: start; } }
  .dealer__top div {
    font-weight: 700;
    font-size: 18px;
    line-height: calc(28 / 18);
    color: #4772da;
    flex: 1 1 auto;
    padding-right: 24px; }
    @media (max-width: 1599px) {
      .dealer__top div {
        font-size: 16px; } }
  .dealer__top a {
    max-width: 169px;
    white-space: nowrap; }
    @media (max-width: 1599px) {
      .dealer__top a {
        max-width: 144px; } }
    @media (max-width: 639px) {
      .dealer__top a {
        margin-top: 12px; } }
    .dealer__top a span {
      margin-left: 10px;
      font-size: 16px;
      line-height: calc(24 / 16); }
      @media (max-width: 1599px) {
        .dealer__top a span {
          font-size: 14px; } }

.dealer__desc {
  align-items: start; }

@media (max-width: 1023px) {
  .dealer .recommended--block {
    display: none; }
    .dealer .recommended--block.active {
      display: block; } }

.desc-dealer {
  padding: 32px 0px; }
  @media (max-width: 1599px) {
    .desc-dealer {
      padding: 28px 0px; } }
  @media (max-width: 1279px) {
    .desc-dealer {
      padding: 12px 0px; } }
  @media (max-width: 1023px) {
    .desc-dealer {
      flex-direction: column; } }
  .desc-dealer__text {
    flex: 1 1 auto;
    margin-right: 32px; }
  .desc-dealer__partner {
    flex: 0 0 624px;
    padding: 24px;
    background: #f4f5f6;
    border-radius: 8px; }
    @media (max-width: 1599px) {
      .desc-dealer__partner {
        padding: 16px;
        flex: 0 0 455px; } }
    @media (max-width: 1279px) {
      .desc-dealer__partner {
        flex: 0 0 315px; } }
    @media (max-width: 1023px) {
      .desc-dealer__partner {
        padding: 12px;
        margin-top: 12px;
        flex: 1 1 100%;
        width: 100%; } }

.text-dd__info {
  margin-bottom: 32px; }
  @media (max-width: 1599px) {
    .text-dd__info {
      margin-bottom: 28px; } }
  @media (max-width: 1279px) {
    .text-dd__info {
      margin-bottom: 12px; } }
  .text-dd__info p {
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .text-dd__info p {
        font-size: 14px; } }
    .text-dd__info p:not(:last-child) {
      margin-bottom: 24px; }
      @media (max-width: 1599px) {
        .text-dd__info p:not(:last-child) {
          margin-bottom: 20px; } }

.text-dd__subname {
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #878889;
  margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .text-dd__subname {
      font-size: 14px;
      margin-bottom: 8px; } }

.text-dd__list {
  margin: 0px -6px -8px; }
  @media (max-width: 1599px) {
    .text-dd__list {
      margin: 0px -4px -8px; } }
  .text-dd__list .btn {
    width: auto;
    padding: 0px 16px;
    margin: 0 6px 8px;
    border: 0;
    font-size: 16px; }
    @media (max-width: 1599px) {
      .text-dd__list .btn {
        font-size: 14px;
        padding: 0px 12px;
        margin: 0 4px 8px; } }

.partner-dealer__title {
  font-weight: 700;
  font-size: 18px;
  line-height: calc(28 / 18);
  color: #4772da;
  margin-bottom: 32px; }
  @media (max-width: 1599px) {
    .partner-dealer__title {
      margin-bottom: 20px;
      font-size: 16px; } }

@media (max-width: 1279px) {
  .partner-dealer__list {
    flex-direction: column; } }

@media (max-width: 1023px) {
  .partner-dealer__list {
    flex-direction: row; } }

@media (max-width: 639px) {
  .partner-dealer__list {
    flex-direction: column; } }

.partner-dealer__item {
  flex: 1;
  position: relative; }
  @media (max-width: 1279px) {
    .partner-dealer__item:not(:last-child) {
      padding-bottom: 12px; } }
  .partner-dealer__item:not(:last-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #c5cbd9; }
    @media (max-width: 1279px) {
      .partner-dealer__item:not(:last-child)::before {
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        top: auto; } }
    @media (max-width: 1023px) {
      .partner-dealer__item:not(:last-child)::before {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        width: 1px;
        height: 100%; } }
    @media (max-width: 639px) {
      .partner-dealer__item:not(:last-child)::before {
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        top: auto; } }
  @media (max-width: 1023px) {
    .partner-dealer__item:first-child {
      flex: 1 0 38%; } }
  @media (max-width: 639px) {
    .partner-dealer__item:first-child {
      flex: 1 0 100%; } }
  @media (max-width: 1279px) {
    .partner-dealer__item:last-child {
      padding-top: 12px;
      justify-content: flex-start; } }
  @media (max-width: 1023px) {
    .partner-dealer__item:last-child {
      flex: 1 0 62%;
      justify-content: center;
      padding-top: 0; } }
  @media (max-width: 639px) {
    .partner-dealer__item:last-child {
      flex: 1 0 100%;
      padding-top: 12px;
      justify-content: flex-start; } }

.partner-dealer__icon {
  width: 20px;
  height: 20px; }

.partner-dealer__text {
  margin-left: 16px; }
  .partner-dealer__text a {
    font-weight: 700;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .partner-dealer__text a {
        font-size: 12px; } }

.partner-dealer__subtitle {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #878889;
  margin-bottom: 4px; }
  @media (max-width: 1599px) {
    .partner-dealer__subtitle {
      font-size: 12px; } }

.partner-dealer__btn {
  margin-top: 32px; }
  @media (max-width: 1599px) {
    .partner-dealer__btn {
      margin-top: 20px; } }
  @media (max-width: 639px) {
    .partner-dealer__btn {
      text-align: center; } }
  .partner-dealer__btn .btn {
    background: transparent; }
    @media (any-hover: hover) {
      .partner-dealer__btn .btn:hover {
        background: #6689dd;
        color: #fff; } }
    .partner-dealer__btn .btn:active {
      background: #496dc2;
      color: #fff; }
    @media (max-width: 1023px) {
      .partner-dealer__btn .btn {
        max-width: 220px; } }
    @media (max-width: 479px) {
      .partner-dealer__btn .btn {
        max-width: 100%; } }

.adres-dealer {
  margin: 0px -8px; }
  @media (max-width: 1599px) {
    .adres-dealer {
      margin: 0px -4px; } }
  @media (max-width: 1023px) {
    .adres-dealer {
      flex-wrap: wrap; } }
  .adres-dealer__item {
    margin: 0px 8px;
    border: 1px solid #c5cbd9;
    border-radius: 8px;
    padding: 24px; }
    @media (max-width: 1599px) {
      .adres-dealer__item {
        padding: 16px;
        margin: 0px 4px; } }
    @media (max-width: 1023px) {
      .adres-dealer__item {
        padding: 12px;
        margin: 0px; } }
    .adres-dealer__item_left {
      flex: 1 1 calc(45.5% - 16px); }
      @media (max-width: 1599px) {
        .adres-dealer__item_left {
          flex: 1 1 calc(50% - 8px); } }
      @media (max-width: 1023px) {
        .adres-dealer__item_left {
          padding: 12px;
          flex: 1 0 100%; } }
      .adres-dealer__item_left .contact-dealer__items {
        display: grid;
        grid-template-columns: 31% 38% 31%; }
        @media (max-width: 1023px) {
          .adres-dealer__item_left .contact-dealer__items {
            display: flex;
            flex-wrap: wrap; } }
    .adres-dealer__item_right {
      flex: 1 1 calc(54.5% - 16px); }
      @media (max-width: 1599px) {
        .adres-dealer__item_right {
          flex: 1 1 calc(50% - 8px); } }
      @media (max-width: 1023px) {
        .adres-dealer__item_right {
          padding: 12px;
          flex: 1 0 100%;
          margin-top: 8px; } }
      .adres-dealer__item_right .contact-dealer__items {
        display: grid;
        grid-template-columns: 56% 44%; }
        @media (max-width: 1279px) {
          .adres-dealer__item_right .contact-dealer__items {
            grid-template-columns: 44% 56%; } }
        @media (max-width: 1023px) {
          .adres-dealer__item_right .contact-dealer__items {
            display: flex;
            flex-wrap: wrap; } }
      @media (max-width: 1599px) {
        .adres-dealer__item_right .adres-dealer__prev_right p {
          margin-bottom: 16px; } }
      @media (max-width: 1599px) {
        .adres-dealer__item_right .adres-dealer__prev div {
          margin-bottom: 28px; } }
      @media (max-width: 1023px) {
        .adres-dealer__item_right .adres-dealer__prev div {
          margin-bottom: 16px; } }
  .adres-dealer__subname {
    font-weight: 700;
    font-size: 18px;
    line-height: calc(28 / 18);
    color: #4772da;
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .adres-dealer__subname {
        font-size: 16px;
        margin-bottom: 8px; } }
  .adres-dealer__prev p {
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636;
    margin-bottom: 20px; }
    @media (max-width: 1599px) {
      .adres-dealer__prev p {
        font-size: 14px;
        margin-bottom: 16px; } }
  .adres-dealer__prev div {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #878889;
    margin-bottom: 20px; }
    @media (max-width: 1599px) {
      .adres-dealer__prev div {
        font-size: 12px;
        margin-bottom: 16px; } }
    .adres-dealer__prev div a {
      font-weight: 700;
      color: #1f2636;
      display: inline-block; }
      @media (max-width: 1599px) {
        .adres-dealer__prev div a {
          display: block; } }
  .adres-dealer__prev_right p {
    color: #000000;
    margin-bottom: 24px; }

.contact-dealer__subtitle {
  font-weight: 700;
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #1f2636;
  margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .contact-dealer__subtitle {
      font-size: 12px; } }

.contact-dealer__item:not(:first-child) {
  justify-content: center; }
  @media (max-width: 639px) {
    .contact-dealer__item:not(:first-child) {
      justify-content: flex-start;
      padding: 12px 0px; } }

.contact-dealer__item:not(:last-child) {
  position: relative; }
  .contact-dealer__item:not(:last-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #c5cbd9; }
    @media (max-width: 639px) {
      .contact-dealer__item:not(:last-child)::before {
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        top: auto; } }

@media (max-width: 1023px) {
  .contact-dealer__item {
    flex: 1; } }

@media (max-width: 639px) {
  .contact-dealer__item {
    flex: 1 0 100%; } }

@media (max-width: 1023px) {
  .contact-dealer__item:last-child {
    padding-left: 40px; } }

@media (max-width: 767px) {
  .contact-dealer__item:last-child {
    padding-left: 30px; } }

@media (max-width: 639px) {
  .contact-dealer__item:last-child {
    padding: 12px 0px 0px; } }

.contact-dealer__item:first-child {
  padding-right: 10px; }
  @media (max-width: 1023px) {
    .contact-dealer__item:first-child {
      padding-right: 40px; } }
  @media (max-width: 767px) {
    .contact-dealer__item:first-child {
      padding-right: 30px; } }
  @media (max-width: 639px) {
    .contact-dealer__item:first-child {
      padding: 0 0 12px; } }

.contact-dealer__item_c {
  justify-content: center;
  padding-left: 28px; }
  @media (max-width: 1919px) {
    .contact-dealer__item_c {
      padding: 0px 10px 0px 24px; } }
  @media (max-width: 1279px) {
    .contact-dealer__item_c {
      padding: 0px 18px; } }
  @media (max-width: 1023px) {
    .contact-dealer__item_c {
      padding: 0px 50px;
      justify-content: center; } }
  @media (max-width: 767px) {
    .contact-dealer__item_c {
      padding: 0px 30px; } }

.contact-dealer__icon {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 16px;
  margin-top: 2px; }
  @media (max-width: 1279px) {
    .contact-dealer__icon {
      margin-right: 12px; } }
  @media (max-width: 1023px) {
    .contact-dealer__icon {
      margin-top: 0; } }

.contact-dealer__text {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #1f2636; }
  @media (max-width: 1599px) {
    .contact-dealer__text {
      font-size: 12px; } }
  .contact-dealer__text div {
    line-height: calc(20 / 14);
    color: #878889;
    margin-bottom: 4px; }
  .contact-dealer__text a {
    font-weight: 700;
    font-size: inherit;
    line-height: calc(20 / 14);
    color: #1f2636;
    margin-right: 16px; }
    @media (max-width: 1279px) {
      .contact-dealer__text a {
        display: block;
        margin-bottom: 4px; } }
    @media (max-width: 1023px) {
      .contact-dealer__text a {
        display: inline-block; } }

.benefits-dealer {
  background: #f4f5f6;
  padding: 60px 0px 44px;
  overflow: hidden; }
  @media (max-width: 1599px) {
    .benefits-dealer {
      padding: 40px 0px 32px; } }
  @media (max-width: 1279px) {
    .benefits-dealer {
      padding: 20px 0px 12px; } }
  @media (max-width: 1023px) {
    .benefits-dealer {
      padding: 20px 0px;
      position: relative; }
      .benefits-dealer::after {
        content: "";
        width: 73px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
        pointer-events: none; } }
  .benefits-dealer__list {
    margin: 0px -8px; }
    @media (max-width: 1599px) {
      .benefits-dealer__list {
        margin: 0px -4px; } }
    @media (max-width: 1023px) {
      .benefits-dealer__list {
        flex-wrap: nowrap; } }
  .benefits-dealer__item {
    width: calc(20% - 16px);
    margin: 0px 8px 16px;
    border-radius: 8px;
    background-color: #fff;
    padding: 30px;
    height: 200px; }
    @media (max-width: 1599px) {
      .benefits-dealer__item {
        width: calc(20% - 8px);
        margin: 0px 4px 8px;
        height: 172px;
        padding: 12px; } }
    @media (max-width: 1023px) {
      .benefits-dealer__item {
        min-width: 168px;
        margin: 0px 4px;
        height: 168px;
        width: 168px;
        margin: 0; } }
  .benefits-dealer__text {
    font-weight: 500;
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .benefits-dealer__text {
        font-size: 12px; } }

@media (max-width: 1023px) {
  .catalog-dealer .see--all-wrap {
    margin: 16px auto 0;
    min-width: 220px; } }

@media (max-width: 1023px) {
  .catalog-dealer__top {
    flex-direction: column;
    align-items: flex-start; } }

@media (max-width: 1023px) {
  .catalog-dealer .recommended--tabs {
    display: none; } }

.catalog-dealer__select {
  display: none; }
  @media (max-width: 1023px) {
    .catalog-dealer__select {
      display: block;
      max-width: 240px;
      margin-top: 8px; } }
  @media (max-width: 639px) {
    .catalog-dealer__select {
      max-width: 100%; } }

.catalog-cart {
  cursor: pointer; }
  .catalog-cart__img {
    height: 352px; }
    @media (max-width: 1599px) {
      .catalog-cart__img {
        height: 276px; } }
    .catalog-cart__img img {
      max-width: 100%;
      max-height: 100%; }
  .catalog-cart__body {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #878889; }
    @media (max-width: 1599px) {
      .catalog-cart__body {
        font-size: 12px; } }
  .catalog-cart__name {
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .catalog-cart__name {
        font-size: 14px; } }
  .catalog-cart__desc {
    margin-top: 4px; }
  .catalog-cart__bottom {
    margin-top: 16px; }
    @media (max-width: 1599px) {
      .catalog-cart__bottom {
        margin-top: 12px; } }
    .catalog-cart__bottom svg {
      color: #878889;
      margin-right: 8px; }
  .catalog-cart__look {
    cursor: pointer;
    transition: all 0.3s ease 0s; }
    @media (any-hover: hover) {
      .catalog-cart__look:hover {
        color: #4772da; }
        .catalog-cart__look:hover svg {
          color: #4772da; } }
    .catalog-cart__look:active {
      color: #496dc2; }
      .catalog-cart__look:active svg {
        color: #496dc2; }
  .catalog-cart__download {
    transition: all 0.3s ease 0s;
    cursor: pointer; }
    @media (any-hover: hover) {
      .catalog-cart__download:hover {
        color: #4772da; }
        .catalog-cart__download:hover svg {
          color: #4772da; } }
    .catalog-cart__download:active {
      color: #496dc2; }
      .catalog-cart__download:active svg {
        color: #496dc2; }

.stands-cart {
  transition: none; }
  .stands-cart__name {
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #1f2636; }
    @media (max-width: 1599px) {
      .stands-cart__name {
        font-size: 14px; } }
  .stands-cart__props {
    display: block;
    margin-top: 8px; }

.stock-dealer__desc {
  font-weight: 700;
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #1f2636;
  margin-top: 12px; }
  @media (max-width: 1599px) {
    .stock-dealer__desc {
      font-size: 14px;
      margin-top: 8px; } }

.stock-dealer__body {
  margin: 16px -8px 0px; }
  @media (max-width: 1599px) {
    .stock-dealer__body {
      margin: 8px -4px 0px; } }
  @media (max-width: 1023px) {
    .stock-dealer__body {
      flex-wrap: wrap;
      margin: 8px 0px 0px; } }
  .stock-dealer__body > div {
    flex: 1;
    padding: 0;
    width: 50%;
    box-shadow: none;
    border-radius: 0px;
    margin: 0px 8px; }
    @media (max-width: 1599px) {
      .stock-dealer__body > div {
        margin: 0px 4px; } }
    @media (max-width: 1023px) {
      .stock-dealer__body > div {
        flex: 1 0 100%;
        width: 100%;
        margin: 0px 0px 8px; } }

.stock-dealer__schedule img {
  width: 100%;
  height: auto; }

.stock-dealer__map {
  flex: 1 1 auto;
  position: relative; }
  .stock-dealer__map > div {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 8px;
    overflow: hidden; }
    @media (max-width: 1023px) {
      .stock-dealer__map > div {
        position: relative;
        height: 416px;
        width: 100%; } }
    @media (max-width: 639px) {
      .stock-dealer__map > div {
        position: relative;
        height: 240px; } }

.exchange__wrap {
  flex: 1; }

.exchange__section-descr {
  font-size: 16px;
  line-height: 24px; }
  .exchange__section-descr > div:not(:last-child) {
    margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .exchange__section-descr {
      font-size: 14px;
      line-height: 20px; } }

.exchange__section-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .exchange__section-title {
      font-size: 16px;
      line-height: 24px; } }

.exchange__section:not(:last-child) {
  border-bottom: 1px solid #c5cbd9;
  margin-bottom: 40px;
  padding-bottom: 40px; }
  @media (max-width: 1599px) {
    .exchange__section:not(:last-child) {
      margin-bottom: 32px;
      padding-bottom: 32px; } }
  @media (max-width: 1279px) {
    .exchange__section:not(:last-child) {
      margin-bottom: 16px;
      padding-bottom: 16px; } }

@media (max-width: 1023px) {
  .exchange__container {
    flex-direction: column; } }

.questions-block {
  background: #f4f5f6;
  border-radius: 8px;
  padding: 32px;
  height: max-content;
  margin-left: 96px;
  flex: 0 0 384px; }
  @media (max-width: 1599px) {
    .questions-block {
      padding: 12px;
      margin-left: 48px;
      flex: 0 0 275px; } }
  @media (max-width: 1023px) {
    .questions-block {
      margin-left: 0;
      margin-top: 16px;
      flex: 1;
      padding: 8px; } }
  .questions-block__btn {
    background: #4772da;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    padding: 12px 0;
    width: 100%; }
    @media (max-width: 1599px) {
      .questions-block__btn {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 0; } }
    @media (max-width: 1023px) {
      .questions-block__btn {
        max-width: 220px; } }
    @media (max-width: 479px) {
      .questions-block__btn {
        max-width: 100%; } }
  .questions-block__contacts {
    border-top: 1px solid #c5cbd9;
    border-bottom: 1px solid #c5cbd9;
    padding: 30px 0;
    margin-bottom: 30px; }
    @media (max-width: 1599px) {
      .questions-block__contacts {
        padding: 20px 0;
        margin-bottom: 20px; } }
    @media (max-width: 1023px) {
      .questions-block__contacts {
        padding: 16px 0;
        margin-bottom: 16px; } }
  .questions-block__descr {
    font-size: 14px;
    line-height: 20px;
    color: #878889;
    margin-bottom: 30px; }
    @media (max-width: 1599px) {
      .questions-block__descr {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 20px; } }
    @media (max-width: 1023px) {
      .questions-block__descr {
        margin-bottom: 16px; } }
  .questions-block__tel {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin-left: 24px; }
    @media (max-width: 1599px) {
      .questions-block__tel {
        font-size: 12px;
        line-height: 16px;
        margin-left: 7px; } }
    @media (max-width: 1023px) {
      .questions-block__tel {
        margin-left: 20px; } }
    @media (max-width: 479px) {
      .questions-block__tel {
        margin-left: 18px; } }
  .questions-block__title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 12px;
    font-weight: 700; }
    @media (max-width: 1599px) {
      .questions-block__title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px; } }
  .questions-block__work {
    font-size: 14px;
    line-height: 20px;
    color: #878889;
    margin-bottom: 16px; }
    @media (max-width: 1599px) {
      .questions-block__work {
        font-size: 12px;
        line-height: 16px; } }

.delivery__warn {
  font-size: 16px;
  line-height: 24px;
  color: #4772da;
  border: 1px solid #4772da;
  border-radius: 8px;
  padding: 20px; }
  @media (max-width: 1599px) {
    .delivery__warn {
      font-size: 14px;
      line-height: 20px;
      padding: 12px; } }

.delivery__wrap {
  flex: 1; }

.delivery__section-descr {
  font-size: 16px;
  line-height: 24px; }
  .delivery__section-descr > div:not(:last-child) {
    margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .delivery__section-descr {
      font-size: 14px;
      line-height: 20px; } }

.delivery__section-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .delivery__section-title {
      font-size: 16px;
      line-height: 24px; } }
  @media (max-width: 1023px) {
    .delivery__section-title {
      margin-bottom: 12px; } }

.delivery__section:not(:last-child) {
  border-bottom: 1px solid #c5cbd9;
  margin-bottom: 40px;
  padding-bottom: 40px; }
  @media (max-width: 1599px) {
    .delivery__section:not(:last-child) {
      margin-bottom: 32px;
      padding-bottom: 32px; } }
  @media (max-width: 1279px) {
    .delivery__section:not(:last-child) {
      margin-bottom: 16px;
      padding-bottom: 16px; } }

@media (max-width: 1023px) {
  .delivery__container {
    flex-direction: column; } }

.delivery-info {
  margin-left: 96px;
  flex: 0 0 384px; }
  @media (max-width: 1599px) {
    .delivery-info {
      flex: 0 0 275px;
      margin-left: 48px; } }
  @media (max-width: 1023px) {
    .delivery-info {
      flex: 0 0 100%;
      margin-left: 0;
      margin-top: 16px; } }
  .delivery-info__block {
    padding: 32px;
    background: #f4f5f6;
    border-radius: 8px; }
    @media (max-width: 1599px) {
      .delivery-info__block {
        padding: 12px; } }
    @media (max-width: 1023px) {
      .delivery-info__block {
        padding: 12px; } }
    .delivery-info__block:not(:last-child) {
      margin-bottom: 16px; }
    .delivery-info__block-item:not(:last-child) {
      border-bottom: 1px solid #c5cbd9;
      padding-bottom: 20px;
      margin-bottom: 20px; }
    @media (max-width: 1023px) {
      .delivery-info__block-wrap {
        display: flex;
        justify-content: space-between; } }
    @media (max-width: 639px) {
      .delivery-info__block-wrap {
        flex-direction: column; } }
  .delivery-info__item {
    font-size: 14px;
    line-height: 20px; }
    .delivery-info__item:not(:last-child) {
      margin-bottom: 8px; }
      @media (max-width: 1599px) {
        .delivery-info__item:not(:last-child) {
          margin-bottom: 4px; } }
    @media (max-width: 1599px) {
      .delivery-info__item {
        font-size: 12px;
        line-height: 16px; } }
    @media (max-width: 1023px) {
      .delivery-info__item {
        font-size: 12px;
        line-height: 16px;
        width: 33%; } }
    @media (max-width: 639px) {
      .delivery-info__item {
        width: 100%; } }
  .delivery-info__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #4772da;
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .delivery-info__title {
        font-size: 16px;
        line-height: 24px; } }

.payment__section {
  padding-bottom: 40px; }
  @media (max-width: 1599px) {
    .payment__section {
      padding-bottom: 32px; } }
  @media (max-width: 1279px) {
    .payment__section {
      padding-bottom: 16px; } }

.payment__section-descr {
  font-size: 16px;
  line-height: 24px; }
  @media (max-width: 1599px) {
    .payment__section-descr {
      font-size: 14px;
      line-height: 20px; } }

.payment__section-list {
  font-size: 16px;
  line-height: 24px;
  padding-left: 16px; }
  @media (max-width: 1599px) {
    .payment__section-list {
      font-size: 14px;
      line-height: 20px; } }
  .payment__section-list > ul {
    list-style: decimal; }
    .payment__section-list > ul > li:not(:last-child) {
      margin-bottom: 12px; }

.payment__section-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .payment__section-title {
      font-size: 16px;
      line-height: 24px; } }

@media (max-width: 1023px) {
  .payment__container {
    flex-direction: column; } }

.payment__cancel {
  width: 70%;
  border-bottom: 1px solid #C5CBD9; }
  @media (max-width: 1599px) {
    .payment__cancel {
      width: 100%; } }

.payment-warn {
  border: 1px solid #4772da;
  border-radius: 8px;
  margin-left: 96px;
  padding: 20px 24px;
  height: max-content;
  flex: 1 0 384px; }
  @media (max-width: 1599px) {
    .payment-warn {
      margin-left: 59px;
      flex: 1 0 298px;
      padding: 12px; } }
  @media (max-width: 1279px) {
    .payment-warn {
      flex: 1 0 274px;
      margin-left: 48px; } }
  @media (max-width: 1023px) {
    .payment-warn {
      flex: 1;
      margin-left: 0;
      margin-bottom: 16px;
      padding: 8px; } }
  .payment-warn__descr {
    font-size: 16px;
    line-height: 24px;
    color: #878889; }
    @media (max-width: 1599px) {
      .payment-warn__descr {
        font-size: 14px;
        line-height: 20px; } }
  .payment-warn__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #4772da;
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .payment-warn__title {
        font-size: 16px;
        line-height: 24px; } }
    @media (max-width: 1023px) {
      .payment-warn__title {
        margin-bottom: 8px; } }

.payment-requisites {
  padding-top: 60px; }
  @media (max-width: 1599px) {
    .payment-requisites {
      padding-top: 40px; } }
  @media (max-width: 1279px) {
    .payment-requisites {
      padding-top: 20px; } }
  @media (max-width: 1023px) {
    .payment-requisites {
      flex-direction: column; } }
  .payment-requisites__item {
    flex: 1; }
    .payment-requisites__item:first-child {
      margin-right: 17px; }
      @media (max-width: 1599px) {
        .payment-requisites__item:first-child {
          margin-right: 8px; } }
      @media (max-width: 1023px) {
        .payment-requisites__item:first-child {
          margin-right: 0;
          margin-bottom: 17px; } }
  .payment-requisites__table {
    border: 1px solid #c5cbd9;
    border-radius: 8px; }
    @media (max-width: 1279px) {
      .payment-requisites__table {
        height: 93%; } }
  .payment-requisites__table-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    width: 40%; }
    @media (max-width: 1599px) {
      .payment-requisites__table-name {
        font-size: 12px;
        line-height: 16px;
        width: 50%; } }
    @media (max-width: 1023px) {
      .payment-requisites__table-name {
        padding-right: 8px; } }
  .payment-requisites__table-row {
    display: flex;
    padding: 20px; }
    @media (max-width: 1599px) {
      .payment-requisites__table-row {
        padding: 16px 12px; } }
    @media (max-width: 1023px) {
      .payment-requisites__table-row {
        padding: 12px 8px; } }
    .payment-requisites__table-row:not(:last-child) {
      border-bottom: 1px solid #c5cbd9; }
  .payment-requisites__table-value {
    font-size: 14px;
    line-height: 20px;
    width: 60%; }
    @media (max-width: 1599px) {
      .payment-requisites__table-value {
        font-size: 12px;
        line-height: 16px;
        width: 50%; } }
    @media (max-width: 1023px) {
      .payment-requisites__table-value {
        padding-right: 8px; } }
  .payment-requisites__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #4772da;
    margin-bottom: 20px; }
    @media (max-width: 1599px) {
      .payment-requisites__title {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 24px; } }
    @media (max-width: 1023px) {
      .payment-requisites__title {
        margin-bottom: 12px; } }

@media (max-width: 1279px) {
  .articl__wrap {
    flex-wrap: wrap; } }

.articl__content {
  flex: 1 1 auto;
  max-width: 74%; }
  @media (max-width: 1599px) {
    .articl__content {
      max-width: 67%; } }
  @media (max-width: 1279px) {
    .articl__content {
      order: 2;
      max-width: 100%; } }

.articl__content-d {
  flex: 1 1 auto;
  max-width: 74%; }
  @media (max-width: 1599px) {
    .articl__content-d {
      max-width: 67%; } }
  @media (max-width: 1279px) {
    .articl__content-d {
      max-width: 100%;
      flex: 1 0 100%; } }

.articl__body {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 639px) {
    .articl__body {
      margin: 0px -4px; } }
  @media (max-width: 479px) {
    .articl__body {
      margin: 0; } }

.articl__sign {
  flex: 1 0 304px;
  margin-left: 96px; }
  @media (max-width: 1599px) {
    .articl__sign {
      flex: 1 0 247px;
      margin-left: 59px; } }
  @media (max-width: 1279px) {
    .articl__sign {
      order: 1;
      flex: 1 0 100%;
      margin-left: 0; } }

.articl .pagination-more {
  margin-top: 24px; }
  @media (max-width: 1279px) {
    .articl .pagination-more {
      margin-top: 8px; } }
  @media (max-width: 1279px) {
    .articl .pagination-more .more {
      min-width: 234px; } }
  @media (max-width: 767px) {
    .articl .pagination-more .more {
      min-width: 240px; } }

@media (max-width: 1279px) {
  .articl__wrap {
    flex-wrap: wrap; } }

.articl__tags {
  margin: 0px -4px; }

.articl-cart {
  padding: 0;
  border: none; }
  .articl-cart:not(:last-child) {
    margin-bottom: 16px; }
    @media (max-width: 1599px) {
      .articl-cart:not(:last-child) {
        margin-bottom: 8px; } }
    @media (max-width: 639px) {
      .articl-cart:not(:last-child) {
        margin-bottom: 16px; } }
  @media (max-width: 639px) {
    .articl-cart {
      width: calc(50% - 8px);
      flex-direction: column;
      margin: 0px 4px 16px; } }
  @media (max-width: 479px) {
    .articl-cart {
      width: 100%;
      margin: 0px 0; } }
  .articl-cart__img {
    height: 171px;
    overflow: hidden;
    border-radius: 8px;
    flex: 0 0 304px; }
    @media (max-width: 1599px) {
      .articl-cart__img {
        flex: 0 0 247px;
        height: 138px; } }
    @media (max-width: 1279px) {
      .articl-cart__img {
        flex: 0 0 234px;
        height: 131px; } }
    @media (max-width: 767px) {
      .articl-cart__img {
        flex: 0 0 240px;
        height: 135px; } }
    @media (max-width: 639px) {
      .articl-cart__img {
        height: 123px;
        width: 100%;
        flex: 0 1 100%; } }
    @media (max-width: 479px) {
      .articl-cart__img {
        height: 184px; } }
    .articl-cart__img img {
      width: 100%;
      max-height: 100%;
      object-fit: cover; }
  .articl-cart__body {
    margin-left: 48px;
    align-self: center; }
    @media (max-width: 1599px) {
      .articl-cart__body {
        margin-left: 32px; } }
    @media (max-width: 639px) {
      .articl-cart__body {
        margin-left: 0;
        margin-top: 8px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; } }
    @media (max-width: 479px) {
      .articl-cart__body {
        min-height: max-content !important; } }
  .articl-cart__name {
    font-weight: 700;
    font-size: 18px;
    line-height: calc(28 / 18);
    transition: all 0.3s ease 0s; }
    @media (max-width: 1599px) {
      .articl-cart__name {
        font-size: 16px; } }
    @media (max-width: 639px) {
      .articl-cart__name {
        font-size: 12px; } }
    @media (any-hover: hover) {
      .articl-cart__name:hover {
        color: #6689dd; } }
    .articl-cart__name:active {
      color: #496dc2; }
  .articl-cart__desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: calc(20 / 14); }
    @media (max-width: 1599px) {
      .articl-cart__desc {
        font-size: 12px;
        margin-top: 8px; } }
  .articl-cart__bottom {
    margin-top: 30px;
    line-height: calc(16 / 12);
    color: #878889; }
    @media (max-width: 1599px) {
      .articl-cart__bottom {
        margin-top: 20px; } }
    @media (max-width: 1023px) {
      .articl-cart__bottom {
        margin-top: 16px; } }
    @media (max-width: 639px) {
      .articl-cart__bottom {
        margin-top: 12px; } }
  .articl-cart__triger {
    font-size: 12px; }
    @media (max-width: 1599px) {
      .articl-cart__triger {
        font-size: 12px; } }
    .articl-cart__triger div {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      margin-right: 4px; }
    .articl-cart__triger:not(:last-child) {
      margin-right: 24px; }
      @media (max-width: 1599px) {
        .articl-cart__triger:not(:last-child) {
          margin-right: 16px; } }
      @media (max-width: 639px) {
        .articl-cart__triger:not(:last-child) {
          margin-right: 8px; } }
  .articl-cart__data {
    font-size: 14px;
    margin-left: auto; }
    @media (max-width: 1599px) {
      .articl-cart__data {
        font-size: 12px; } }

.sign-articl__title {
  font-weight: 600;
  font-size: 18px;
  line-height: calc(28 / 18);
  color: #000000; }
  @media (max-width: 1599px) {
    .sign-articl__title {
      font-size: 16px; } }
  @media (max-width: 1279px) {
    .sign-articl__title {
      display: none; } }

.sign-articl__list {
  margin: 20px -4px 0px; }
  @media (max-width: 1599px) {
    .sign-articl__list {
      margin: 16px -4px 0px; } }
  @media (max-width: 1279px) {
    .sign-articl__list {
      margin: 0 -2px; } }

.sign-articl__link {
  background: #e3e7f1;
  border-radius: 100px;
  height: 40px;
  padding: 0px 16px;
  margin: 0px 4px 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #4772da;
  transition: all 0.3s ease 0s; }
  @media (max-width: 1599px) {
    .sign-articl__link {
      height: 32px;
      font-size: 14px; } }
  @media (max-width: 1279px) {
    .sign-articl__link {
      margin: 0px 2px 8px; } }
  @media (any-hover: hover) {
    .sign-articl__link:hover {
      background: #d3d9e8; } }
  .sign-articl__link:active {
    color: #fff;
    background: #4772da; }

.header-articl {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #878889;
  padding: 25px 0;
  border-top: 1px solid #c5cbd9; }
  @media (max-width: 1599px) {
    .header-articl {
      padding: 22px 0;
      font-size: 12px; } }
  @media (max-width: 1279px) {
    .header-articl {
      padding: 8px 0px 20px; } }
  @media (max-width: 1023px) {
    .header-articl {
      flex-wrap: wrap;
      padding: 0; } }
  @media (max-width: 767px) {
    .header-articl {
      font-size: 12px; } }
  .header-articl__data {
    padding: 2px 0px; }
    @media (max-width: 1023px) {
      .header-articl__data {
        padding: 18px 0px;
        flex: 1 0 100%; } }
    @media (max-width: 767px) {
      .header-articl__data {
        padding: 8px 0px;
        font-size: 12px; } }
    .header-articl__data div:not(:last-child) {
      margin-right: 24px; }
      @media (max-width: 1599px) {
        .header-articl__data div:not(:last-child) {
          margin-right: 16px; } }
  @media (max-width: 1023px) {
    .header-articl__info {
      padding: 8px 0px;
      border-top: 1px solid #c5cbd9;
      flex: 1 0 100%; } }
  @media (max-width: 767px) {
    .header-articl__info {
      padding: 8px 0px; } }
  .header-articl__item {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #878889;
    cursor: default; }
    @media (max-width: 1599px) {
      .header-articl__item {
        font-size: 12px; } }
    .header-articl__item:not(:last-child) {
      margin-right: 32px; }
      @media (max-width: 1599px) {
        .header-articl__item:not(:last-child) {
          margin-right: 24px; } }
      @media (max-width: 1023px) {
        .header-articl__item:not(:last-child) {
          margin-right: 16px; } }
      @media (max-width: 767px) {
        .header-articl__item:not(:last-child) {
          margin-right: 20px; } }
    .header-articl__item span:first-child {
      width: 24px;
      height: 24px;
      margin-right: 8px; }
      @media (max-width: 1599px) {
        .header-articl__item span:first-child {
          width: 20px;
          height: 20px; } }
      @media (max-width: 1023px) {
        .header-articl__item span:first-child {
          width: 32px;
          height: 32px; } }
      @media (max-width: 767px) {
        .header-articl__item span:first-child {
          margin-right: 4px; } }
    .header-articl__item svg {
      color: #878889; }
    .header-articl__item_h {
      cursor: pointer; }
      .header-articl__item_h span,
      .header-articl__item_h svg {
        transition: all 0.1s ease 0s; }
      @media (any-hover: hover) {
        .header-articl__item_h:hover {
          color: #4772da; }
          .header-articl__item_h:hover svg {
            color: inherit; } }
      .header-articl__item_h:active {
        color: #6689dd; }
        .header-articl__item_h:active svg {
          color: inherit; }

@media (max-width: 1279px) {
  .other-articl {
    border-top: 1px solid #c5cbd9;
    border-bottom: 1px solid #c5cbd9;
    padding: 20px 0; } }

.other-articl__title {
  font-weight: 500;
  font-size: 28px; }
  @media (max-width: 1599px) {
    .other-articl__title {
      font-size: 24px; } }
  @media (max-width: 1279px) {
    .other-articl__title {
      font-size: 20px; } }
  @media (max-width: 767px) {
    .other-articl__title {
      font-size: 16px; } }

.other-articl__list {
  margin-top: 20px; }
  @media (max-width: 1599px) {
    .other-articl__list {
      margin-top: 16px; } }
  @media (max-width: 1279px) {
    .other-articl__list {
      margin-top: 12px; } }

.other-articl__item {
  padding: 20px 0px;
  display: block; }
  @media (max-width: 1599px) {
    .other-articl__item {
      padding: 16px 0px; } }
  @media (max-width: 1599px) and (max-width: 1279px) {
    .other-articl__item {
      padding: 6px 0px; } }
  .other-articl__item:first-child {
    padding: 0px 0px 20px; }
    @media (max-width: 1599px) {
      .other-articl__item:first-child {
        padding: 0px 0px 16px; } }
    @media (max-width: 1279px) {
      .other-articl__item:first-child {
        padding: 0px 0px 6px; } }
  .other-articl__item:last-child {
    padding-bottom: 0; }
  .other-articl__item:not(:last-child) {
    border-bottom: 1px solid #c5cbd9; }
    @media (max-width: 1279px) {
      .other-articl__item:not(:last-child) {
        border-bottom: 0; } }
  @media (any-hover: hover) {
    .other-articl__item:hover .other-articl__name {
      color: #4772da; } }

.other-articl__name {
  font-size: 16px;
  line-height: calc(24 / 16);
  transition: all 0.3s ease 0s; }
  @media (max-width: 1599px) {
    .other-articl__name {
      font-size: 14px; } }

.other-articl__data {
  margin-top: 12px;
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #878889; }
  @media (max-width: 1599px) {
    .other-articl__data {
      margin-top: 8px;
      font-size: 12px; } }
  @media (max-width: 1279px) {
    .other-articl__data {
      margin-top: 4px; } }

.other-articl__all {
  margin-top: 20px; }
  @media (max-width: 1599px) {
    .other-articl__all {
      margin-top: 16px; } }
  @media (max-width: 1279px) {
    .other-articl__all {
      margin-top: 12px; } }
  .other-articl__all .btn {
    font-size: 16px;
    border-color: #e3e7f1; }
    @media (max-width: 1599px) {
      .other-articl__all .btn {
        font-size: 14px; } }
    @media (max-width: 1279px) {
      .other-articl__all .btn {
        width: auto;
        padding: 0px 68px; } }

.detal-articl img {
  width: 100%;
  margin-bottom: 24px;
  object-fit: cover; }
  @media (max-width: 1919px) {
    .detal-articl img {
      max-height: 666px; } }
  @media (max-width: 1599px) {
    .detal-articl img {
      margin-bottom: 20px; } }

.detal-articl h2 {
  margin-bottom: 8px; }
  @media (max-width: 1023px) {
    .detal-articl h2 {
      font-size: 20px; } }
  @media (max-width: 767px) {
    .detal-articl h2 {
      font-size: 16px; } }

.detal-articl h3 {
  margin-bottom: 8px; }

.detal-articl p {
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #000000;
  margin-bottom: 24px; }
  @media (max-width: 1599px) {
    .detal-articl p {
      font-size: 14px;
      margin-bottom: 20px; } }
  @media (max-width: 1023px) {
    .detal-articl p:last-child {
      margin-bottom: 8px; } }

.detal-articl ol {
  margin-bottom: 24px;
  list-style: auto;
  padding-left: 20px; }
  @media (max-width: 1599px) {
    .detal-articl ol {
      margin-bottom: 20px; } }
  .detal-articl ol li {
    font-size: 16px; }
    @media (max-width: 1599px) {
      .detal-articl ol li {
        font-size: 14px; } }
    .detal-articl ol li:not(:last-child) {
      margin-bottom: 24px; }
      @media (max-width: 1599px) {
        .detal-articl ol li:not(:last-child) {
          margin-bottom: 20px; } }

.detal-articl__slider {
  margin-bottom: 24px;
  width: 100%;
  position: relative; }
  @media (max-width: 1599px) {
    .detal-articl__slider {
      margin-bottom: 20px; } }
  .detal-articl__slider .slider-default-wrap:after {
    width: 93px;
    display: inline-block; }
  .detal-articl__slider .products--props {
    display: none; }
  @media (max-width: 1919px) {
    .detal-articl__slider .products--block {
      min-width: 304px;
      max-width: 304px; } }
  @media (max-width: 1599px) {
    .detal-articl__slider .products--block {
      min-width: 220px;
      max-width: 220px; } }

.anchor-articl {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #c5cbd9; }
  @media (max-width: 1599px) {
    .anchor-articl {
      padding-bottom: 20px;
      margin-bottom: 20px; } }
  .anchor-articl__title {
    font-size: 24px;
    line-height: calc(36 / 24);
    color: #000000;
    margin-bottom: 16px;
    font-weight: 500;
    margin-bottom: 16px; }
    @media (max-width: 1599px) {
      .anchor-articl__title {
        margin-bottom: 12px;
        font-size: 20px; } }
    @media (max-width: 1279px) {
      .anchor-articl__title {
        font-size: 16px;
        margin-bottom: 12px; } }
    @media (max-width: 1023px) {
      .anchor-articl__title {
        margin-bottom: 8px; } }
    @media (max-width: 639px) {
      .anchor-articl__title {
        margin-bottom: 12px; } }
    @media (max-width: 767px) {
      .anchor-articl__title {
        font-size: 14px; } }
  .anchor-articl ol {
    margin-bottom: 0; }
    .anchor-articl ol li {
      font-weight: 600;
      font-size: 18px;
      line-height: calc(28 / 18);
      cursor: pointer;
      transition: all 0.3s ease 0s; }
      @media (max-width: 1599px) {
        .anchor-articl ol li {
          font-size: 16px; } }
      @media (max-width: 1279px) {
        .anchor-articl ol li {
          font-size: 14px; } }
      @media (max-width: 767px) {
        .anchor-articl ol li {
          font-size: 12px; } }
      .anchor-articl ol li:not(:last-child) {
        margin-bottom: 16px; }
        @media (max-width: 1599px) {
          .anchor-articl ol li:not(:last-child) {
            margin-bottom: 12px; } }
        @media (max-width: 1279px) {
          .anchor-articl ol li:not(:last-child) {
            margin-bottom: 8px; } }
        @media (max-width: 639px) {
          .anchor-articl ol li:not(:last-child) {
            margin-bottom: 12px; } }
      @media (any-hover: hover) {
        .anchor-articl ol li:hover {
          color: #4772da; } }
      .anchor-articl ol li:active {
        color: #6689dd; }

.author-articl {
  padding: 24px;
  background: #f4f5f6;
  border-radius: 8px;
  margin-top: 16px; }
  @media (max-width: 1599px) {
    .author-articl {
      margin-top: 12px;
      padding: 20px; } }
  @media (max-width: 1279px) {
    .author-articl {
      margin-top: 0px; } }
  @media (max-width: 1023px) {
    .author-articl {
      flex-wrap: wrap;
      padding: 12px; } }
  .author-articl__avatar {
    flex: 0 0 144px;
    height: 144px;
    border-radius: 50%;
    overflow: hidden; }
    @media (max-width: 1599px) {
      .author-articl__avatar {
        flex: 0 0 80px;
        height: 80px; } }
  .author-articl__body {
    padding-left: 38px; }
    @media (max-width: 1599px) {
      .author-articl__body {
        padding-left: 20px; } }
    @media (max-width: 1023px) {
      .author-articl__body {
        flex: 1 1 auto;
        padding-left: 16px; } }
  .author-articl__subname {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #878889; }
    @media (max-width: 1599px) {
      .author-articl__subname {
        font-size: 12px; } }
  .author-articl__name {
    font-weight: 700;
    font-size: 18px;
    line-height: calc(28 / 18); }
    @media (max-width: 1599px) {
      .author-articl__name {
        font-size: 16px; } }
  .author-articl__desc {
    margin-top: 12px;
    font-size: 16px;
    line-height: calc(24 / 16);
    color: #000000; }
    @media (max-width: 1599px) {
      .author-articl__desc {
        font-size: 14px; } }
    @media (max-width: 1023px) {
      .author-articl__desc {
        margin-top: 16px; } }

@media (max-width: 639px) {
  .reviews-articl__top {
    flex-wrap: wrap; }
    .reviews-articl__top > div {
      flex: 1 0 100%; }
      .reviews-articl__top > div:not(:last-child) {
        border-bottom: 1px solid #c5cbd9;
        padding-bottom: 16px;
        margin-bottom: 16px; } }

.reviews-articl__form {
  background: #f4f5f6;
  transition: all 1s ease 0s;
  opacity: 0;
  max-height: 0; }
  .reviews-articl__form.active {
    padding: 24px;
    opacity: 1;
    transition: height 2s, opacity 0.2s;
    max-height: 1000vh;
    margin-bottom: 28px; }
    @media (max-width: 1599px) {
      .reviews-articl__form.active {
        margin-bottom: 8px;
        padding: 12px; } }
    @media (max-width: 1279px) {
      .reviews-articl__form.active {
        margin-bottom: 12px; } }
    .reviews-articl__form.active .form-control {
      margin-top: 16px; }
      @media (max-width: 1599px) {
        .reviews-articl__form.active .form-control {
          margin-top: 8px; } }

.reviews-articl__input {
  max-width: 280px; }
  @media (max-width: 1599px) {
    .reviews-articl__input {
      max-width: 304px; } }
  @media (max-width: 479px) {
    .reviews-articl__input {
      max-width: 100%; } }
  @media (max-width: 1599px) {
    .reviews-articl__input .input {
      height: 48px; } }

.reviews-articl__textarea textarea {
  height: 164px; }
  @media (max-width: 1599px) {
    .reviews-articl__textarea textarea {
      height: 180px; } }

.reviews-articl__btn {
  max-width: 224px; }
  .reviews-articl__btn .btn {
    font-size: 16px; }
    @media (max-width: 1599px) {
      .reviews-articl__btn .btn {
        font-size: 14px; } }

.reviews-articl__name {
  font-weight: 600;
  font-size: 18px;
  line-height: calc(28 / 18);
  color: #000000; }
  @media (max-width: 1599px) {
    .reviews-articl__name {
      font-size: 16px; } }
  @media (max-width: 1279px) {
    .reviews-articl__name {
      font-size: 14px; } }
  @media (max-width: 639px) {
    .reviews-articl__name {
      font-size: 12px; } }

.reviews-articl__open {
  max-width: 224px;
  margin-bottom: 28px; }
  .reviews-articl__open .btn {
    font-size: 16px; }
    @media (max-width: 1599px) {
      .reviews-articl__open .btn {
        font-size: 14px; } }

.top-ar__rating label {
  width: 24px;
  height: 24px; }
  @media (max-width: 1599px) {
    .top-ar__rating label {
      width: 20px;
      height: 20px; } }
  @media (max-width: 1023px) {
    .top-ar__rating label {
      width: 32px;
      height: 32px; } }
  .top-ar__rating label svg {
    width: 100%;
    height: 100%; }

.top-ar__subtitle {
  font-size: 12px;
  line-height: calc(16 / 12);
  color: #878889; }

.top-ar__wrap {
  margin-top: 12px; }
  @media (max-width: 639px) {
    .top-ar__wrap {
      flex-wrap: wrap; } }

.top-ar__count {
  font-size: 12px;
  line-height: calc(16 / 12);
  margin-left: 16px; }
  @media (max-width: 639px) {
    .top-ar__count {
      flex: 1 0 100%;
      margin: 16px 0 0; } }

@media (max-width: 639px) {
  .top-ar__share .share__title {
    margin-bottom: 12px; } }

.top-ar__share .share__list {
  margin: 0px -10px; }
  @media (max-width: 1279px) {
    .top-ar__share .share__list {
      margin: 0px -16px; } }
  @media (max-width: 1023px) {
    .top-ar__share .share__list {
      margin: 0px -8px; } }
  @media (max-width: 639px) {
    .top-ar__share .share__list {
      margin: 0px -12px; } }
  .top-ar__share .share__list .share__item {
    width: 32px;
    height: 32px;
    margin: 0px 10px; }
    @media (max-width: 1599px) {
      .top-ar__share .share__list .share__item {
        width: 24px;
        height: 24px; } }
    @media (max-width: 1279px) {
      .top-ar__share .share__list .share__item {
        margin: 0px 16px; } }
    @media (max-width: 1023px) {
      .top-ar__share .share__list .share__item {
        margin: 0px 8px;
        width: 32px;
        height: 32px; } }
    @media (max-width: 639px) {
      .top-ar__share .share__list .share__item {
        margin: 0px 12px; } }
    .top-ar__share .share__list .share__item svg {
      width: 100%;
      height: 100%; }

.list-ar__body {
  padding: 24px;
  background: #f4f5f6;
  border-radius: 8px;
  flex: 1; }
  @media (max-width: 1599px) {
    .list-ar__body {
      padding: 12px; } }

.list-ar__item:not(:last-child) {
  margin-bottom: 16px; }
  @media (max-width: 1599px) {
    .list-ar__item:not(:last-child) {
      margin-bottom: 12px; } }

.list-ar__item_answer {
  display: flex; }

.list-ar__arrow {
  margin-right: 4px;
  flex: 0 0 24px; }

.list-ar__name {
  font-weight: 700;
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #000000; }
  @media (max-width: 1599px) {
    .list-ar__name {
      font-size: 14px; } }

.list-ar__date {
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #7b7b7b; }
  @media (max-width: 1599px) {
    .list-ar__date {
      font-size: 12px; } }

.list-ar__desc {
  font-size: 14px;
  line-height: calc(20 / 14);
  margin-top: 24px; }
  @media (max-width: 1599px) {
    .list-ar__desc {
      font-size: 12px;
      margin-top: 16px; } }

.list-ar__more {
  margin-top: 16px; }
  @media (max-width: 1599px) {
    .list-ar__more {
      margin-top: 12px; } }
  @media (max-width: 1279px) {
    .list-ar__more {
      margin-bottom: 20px; } }
  .list-ar__more .btn {
    width: auto;
    padding: 0px 32px;
    font-size: 16px; }
    @media (max-width: 1599px) {
      .list-ar__more .btn {
        padding: 0px 63px;
        font-size: 14px; } }

.articl--similar__slider {
  position: relative; }

.articl--similar__wrap::after {
  content: "";
  height: 100%; }

.articl--similar__card {
  padding: 0;
  border: 0; }
  @media (max-width: 1599px) {
    .articl--similar__card {
      min-width: 244px;
      max-width: 244px; } }

.articl--similar__img {
  height: 240px;
  display: flex;
  cursor: pointer; }
  @media (max-width: 1599px) {
    .articl--similar__img {
      height: 137px; } }

.articl--similar__body {
  padding: 0px 12px;
  margin-top: 16px; }
  @media (max-width: 1599px) {
    .articl--similar__body {
      margin-top: 12px;
      padding: 0; } }
  @media (max-width: 1279px) {
    .articl--similar__body {
      margin-top: 8px; } }

.articl--similar__name {
  font-weight: 600;
  font-size: 18px;
  line-height: calc(28 / 18);
  transition: all 0.3s ease 0s;
  display: inline-flex; }
  @media (max-width: 1599px) {
    .articl--similar__name {
      font-size: 16px; } }
  @media (max-width: 1279px) {
    .articl--similar__name {
      font-size: 14px; } }
  @media (max-width: 767px) {
    .articl--similar__name {
      font-size: 12px;
      line-height: calc(16 / 12); } }
  @media (any-hover: hover) {
    .articl--similar__name:hover {
      color: #4772da; } }
  .articl--similar__name:active {
    color: #6689dd; }

.articl--similar__prew {
  font-size: 14px;
  line-height: calc(20 / 14);
  margin-top: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden; }
  @media (max-width: 1599px) {
    .articl--similar__prew {
      -webkit-line-clamp: 3;
      font-size: 12px;
      margin-top: 8px; } }

.articl--similar__bottom {
  margin-top: 24px;
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #878889; }
  @media (max-width: 1599px) {
    .articl--similar__bottom {
      font-size: 12px;
      margin-top: 12px; } }
  @media (max-width: 1279px) {
    .articl--similar__bottom {
      font-size: 12px; } }

@media (max-width: 1599px) {
  .articl--similar__data {
    order: 1; } }

@media (max-width: 1599px) {
  .articl--similar__info {
    order: 0; } }

.articl--similar__info > div:not(:last-child) {
  margin-right: 16px; }
  @media (max-width: 1599px) {
    .articl--similar__info > div:not(:last-child) {
      margin-right: 8px; } }

.articl--similar__info > div div {
  width: 16px;
  height: 16px;
  margin-right: 4px; }

@media (max-width: 1279px) {
  .lk__wrap {
    display: block; } }

.lk__sidebar {
  flex: 0 0 272px; }
  @media (max-width: 1599px) {
    .lk__sidebar {
      flex: 0 0 180px; } }
  @media (max-width: 1279px) {
    .lk__sidebar {
      margin-bottom: 12px; } }

.lk__order {
  flex: 1 1 auto;
  margin-left: 48px; }
  @media (max-width: 1599px) {
    .lk__order {
      margin-left: 24px; } }
  @media (max-width: 1279px) {
    .lk__order {
      margin-left: 0; } }

@media (max-width: 767px) {
  .sidebar-lk {
    flex-wrap: wrap; } }

.sidebar-lk > div {
  border-top: 1px solid #e3e7f1; }
  @media (max-width: 1279px) {
    .sidebar-lk > div {
      border-top: 0; } }

@media (max-width: 1279px) {
  .sidebar-lk {
    display: flex;
    width: 100%; } }

.sidebar-lk__ball {
  padding: 12px 0px 12px 8px;
  min-height: 40px; }
  @media (max-width: 1599px) {
    .sidebar-lk__ball {
      flex-wrap: wrap; } }
  @media (max-width: 1279px) {
    .sidebar-lk__ball {
      padding: 0;
      min-height: 36px;
      background: #f4f5f6;
      border-radius: 5px;
      padding: 0px 16px; } }
  @media (max-width: 767px) {
    .sidebar-lk__ball {
      flex: 1 0 100%;
      justify-content: center;
      margin-bottom: 12px; } }
  .sidebar-lk__ball .ball__text {
    padding-right: 0; }
  .sidebar-lk__ball .ball__text_info {
    padding-right: 12px;
    line-height: calc(24 / 16);
    font-size: 12px;
    color: #1f2636;
    white-space: nowrap; }
    @media (max-width: 1599px) {
      .sidebar-lk__ball .ball__text_info {
        flex: 1 0 100%;
        font-size: 12px;
        line-height: calc(12 / 10);
        margin-top: 4px;
        padding-left: 36px; } }
    @media (max-width: 1279px) {
      .sidebar-lk__ball .ball__text_info {
        padding-left: 0px;
        flex: 1 1 auto;
        margin-top: 0; } }
    @media (max-width: 767px) {
      .sidebar-lk__ball .ball__text_info {
        flex: 0;
        font-size: 12px;
        margin-top: 4px; } }

.sidebar-lk__list {
  padding: 12px 0px; }
  @media (max-width: 1279px) {
    .sidebar-lk__list {
      display: flex;
      padding: 0;
      margin-left: 12px; } }
  @media (max-width: 767px) {
    .sidebar-lk__list {
      margin-left: 0; } }
  @media (max-width: 639px) {
    .sidebar-lk__list {
      margin: 0px auto; } }

.sidebar-lk__item {
  min-height: 40px;
  padding: 0px 11px; }
  @media (max-width: 1599px) {
    .sidebar-lk__item {
      min-height: 32px; } }
  .sidebar-lk__item:not(:last-child) {
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .sidebar-lk__item:not(:last-child) {
        margin-bottom: 4px; } }
    @media (max-width: 1279px) {
      .sidebar-lk__item:not(:last-child) {
        margin-bottom: 0;
        margin-right: 8px; } }
    @media (max-width: 639px) {
      .sidebar-lk__item:not(:last-child) {
        margin: 0; } }
  .sidebar-lk__item a {
    font-size: 14px;
    line-height: calc(20 / 14);
    transition: 0.1s;
    white-space: nowrap; }
    @media (max-width: 1599px) {
      .sidebar-lk__item a {
        font-size: 12px; } }
    .sidebar-lk__item a.active {
      color: #4772da; }
      .sidebar-lk__item a.active span svg {
        color: #4772da; }
    .sidebar-lk__item a span {
      margin-right: 12px;
      width: 24px;
      height: 24px;
      transition: 0.1s; }
      @media (max-width: 1599px) {
        .sidebar-lk__item a span {
          width: 16px;
          height: 16px; } }
      .sidebar-lk__item a span svg {
        transition: 0.1s;
        color: #1f2636;
        max-width: 100%;
        max-height: 100%; }
    @media (any-hover: hover) {
      .sidebar-lk__item a:hover {
        color: #4772da; }
        .sidebar-lk__item a:hover svg {
          color: #4772da; } }

.sidebar-lk__other {
  padding-top: 12px; }
  @media (max-width: 1279px) {
    .sidebar-lk__other {
      padding-top: 0;
      margin-left: auto; } }
  @media (max-width: 639px) {
    .sidebar-lk__other {
      display: none; } }
  .sidebar-lk__other a {
    flex: 1;
    font-size: 14px;
    line-height: calc(20 / 14);
    transition: 0.1s;
    color: #96a3bb;
    padding-left: 8px; }
    @media (max-width: 1599px) {
      .sidebar-lk__other a {
        font-size: 12px; } }
    @media (max-width: 1279px) {
      .sidebar-lk__other a {
        min-height: 36px; }
        .sidebar-lk__other a:not(:first-child) {
          margin-left: 8px; } }
    @media (max-width: 767px) {
      .sidebar-lk__other a:not(:first-child) {
        margin-left: 24px; } }
    .sidebar-lk__other a span {
      margin-right: 12px;
      width: 24px;
      height: 24px;
      transition: 0.1s; }
      @media (max-width: 1599px) {
        .sidebar-lk__other a span {
          width: 16px;
          height: 16px; } }
      .sidebar-lk__other a span svg {
        transition: 0.1s;
        color: #96a3bb;
        max-width: 100%;
        max-height: 100%; }
    @media (any-hover: hover) {
      .sidebar-lk__other a:hover {
        color: #4772da; }
        .sidebar-lk__other a:hover svg {
          color: #4772da; } }

.content-lk__wrap {
  padding: 12px;
  background: #f4f5f6;
  border-radius: 8px; }
  @media (max-width: 1599px) {
    .content-lk__wrap {
      padding: 8px; } }

.content-lk__prew {
  cursor: pointer; }

@media (max-width: 767px) {
  .content-lk__body {
    flex-direction: column; } }

.content-lk__body.active {
  padding: 0 20px 20px; }
  @media (max-width: 1599px) {
    .content-lk__body.active {
      padding: 0 20px 20px; } }
  .content-lk__body.active .info-lk {
    opacity: 1;
    transition: height 2s, opacity 0.2s;
    max-height: 1000vh;
    visibility: visible; }

.content-lk_info {
  flex: 1 1 auto; }

.content-lk__item {
  background: #fff;
  border-radius: 8px;
  position: relative; }
  .content-lk__item:not(:last-child) {
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .content-lk__item:not(:last-child) {
        margin-bottom: 8px; } }

.content-lk__status {
  flex: 0 0 340px; }
  @media (max-width: 1599px) {
    .content-lk__status {
      flex: 0 0 300px; } }
  @media (max-width: 1279px) {
    .content-lk__status {
      flex: 0 0 270px; } }
  @media (max-width: 1023px) {
    .content-lk__status {
      flex: 0 0 210px; } }
  @media (max-width: 767px) {
    .content-lk__status {
      flex: 1 0 100%; } }

.content-lk .pagination-more {
  margin-top: 24px; }
  @media (max-width: 1599px) {
    .content-lk .pagination-more {
      margin-top: 20px; } }
  @media (max-width: 1279px) {
    .content-lk .pagination-more {
      margin-top: 12px; } }
  @media (max-width: 767px) {
    .content-lk .pagination-more {
      margin-top: 8px; } }

.info-lk__top {
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #000000;
  flex: 1 1 auto;
  position: relative;
  padding: 30px 76px 32px;
  cursor: pointer; }
  @media (max-width: 1599px) {
    .info-lk__top {
      padding: 26px 60px 24px 24px;
      font-size: 14px; } }
  @media (max-width: 1279px) {
    .info-lk__top {
      padding: 22px 32px 20px 20px; } }
  @media (max-width: 1023px) {
    .info-lk__top {
      padding: 22px 24px 20px 20px; } }
  @media (max-width: 767px) {
    .info-lk__top {
      padding: 8px 44px 8px 8px;
      flex-wrap: wrap;
      position: relative; } }
  .info-lk__top::after {
    content: "";
    width: 1px;
    height: calc(100% - 48px);
    position: absolute;
    top: 24px;
    right: 0;
    background: #e3e7f1; }
    @media (max-width: 767px) {
      .info-lk__top::after {
        display: none; } }
  .info-lk__top div:last-child {
    font-weight: 700; }
    @media (max-width: 767px) {
      .info-lk__top div:last-child {
        flex: 1 0 100%; } }

.info-lk__show {
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  position: relative; }
  .info-lk__show.active {
    opacity: 1;
    transition: height 2s, opacity 0.2s;
    max-height: 1000vh;
    visibility: visible;
    padding: 0px 76px 24px 24px; }
    @media (max-width: 1599px) {
      .info-lk__show.active {
        padding: 0px 60px 20px 20px; } }
    @media (max-width: 1279px) {
      .info-lk__show.active {
        padding: 0px 32px 20px 20px; } }
    @media (max-width: 1023px) {
      .info-lk__show.active {
        padding: 0px 24px 20px 20px; } }
    @media (max-width: 767px) {
      .info-lk__show.active {
        padding: 0px 8px 8px;
        margin-top: 8px;
        margin-bottom: 8px; } }
    .info-lk__show.active::after {
      content: "";
      width: 1px;
      height: 100%;
      position: absolute;
      top: -24px;
      right: 0;
      background: #e3e7f1; }
      @media (max-width: 767px) {
        .info-lk__show.active::after {
          display: none; } }

.info-lk__total {
  padding: 12px 20px;
  background: #f4f5f6;
  border-radius: 5px; }
  @media (max-width: 767px) {
    .info-lk__total {
      flex-wrap: wrap;
      padding: 8px; } }
  .info-lk__total div {
    font-size: 16px;
    line-height: calc(24 / 16); }
    @media (max-width: 1599px) {
      .info-lk__total div {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .info-lk__total div {
        flex: 1 0 100%; }
        .info-lk__total div:not(:last-child) {
          margin-bottom: 8px; } }
    .info-lk__total div span {
      display: inline-block;
      margin-left: 4px;
      color: #878889; }
    .info-lk__total div:last-child span {
      font-weight: 700;
      color: #1f2636; }

.item-order {
  display: grid;
  grid-template-columns: 156px 1fr;
  grid-template-rows: minmax(20px, auto) minmax(24px, auto) minmax(64px, auto);
  grid-template-areas: "img section"
 "img name"
 "img props";
  gap: 0 28px;
  padding: 32px 0px;
  min-height: 80px;
  border-top: 1px solid #e3e7f1; }
  @media (max-width: 1599px) {
    .item-order {
      padding: 24px 0px;
      grid-template-columns: 128px 1fr;
      grid-template-rows: minmax(16px, max-content) minmax(36px, max-content) minmax(52px, max-content); } }
  @media (max-width: 767px) {
    .item-order {
      padding: 16px 0px;
      gap: 0 12px;
      grid-template-columns: 80px 1fr;
      grid-template-rows: minmax(16px, max-content) minmax(36px, max-content) minmax(48px, max-content);
      grid-template-areas: "img section"
 "img name"
 "props props"; } }
  .item-order__img {
    grid-area: img; }
  .item-order__section {
    font-size: 14px;
    line-height: calc(20 / 14);
    color: #878889;
    grid-area: section; }
    @media (max-width: 1599px) {
      .item-order__section {
        font-size: 12px; } }
  .item-order__name {
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16);
    grid-area: name; }
    @media (max-width: 1599px) {
      .item-order__name {
        font-size: 14px; } }
    @media (any-hover: hover) {
      .item-order__name:hover {
        color: #6689dd; } }
    .item-order__name:active {
      color: #496dc2; }
  .item-order__props {
    margin-top: 20px;
    grid-area: props; }
    @media (max-width: 1599px) {
      .item-order__props {
        margin-top: 16px; } }
    @media (max-width: 767px) {
      .item-order__props {
        margin-top: 12px; } }
  .item-order__prop div {
    font-size: 14px;
    line-height: calc(20 / 14); }
    @media (max-width: 1599px) {
      .item-order__prop div {
        font-size: 12px; } }
    .item-order__prop div:first-child {
      margin-bottom: 4px;
      color: #878889; }
  .item-order__prop:last-child {
    text-align: right; }
    .item-order__prop:last-child div:last-child {
      font-weight: 700; }

.status-lk {
  font-size: 14px;
  line-height: calc(20 / 14); }
  @media (max-width: 1599px) {
    .status-lk {
      font-size: 12px; } }
  .status-lk__top {
    padding: 24px 20px 24px 76px;
    cursor: pointer; }
    @media (max-width: 1599px) {
      .status-lk__top {
        padding: 20px 20px 20px 60px; } }
    @media (max-width: 1279px) {
      .status-lk__top {
        padding: 20px 20px 20px 32px; } }
    @media (max-width: 1023px) {
      .status-lk__top {
        padding: 20px 20px 20px 24px; } }
    @media (max-width: 767px) {
      .status-lk__top {
        padding: 0px 8px 8px; } }
  .status-lk__rez {
    height: 36px;
    color: #fff;
    border-radius: 100px;
    padding: 0px 16px;
    font-weight: 700; }
    @media (max-width: 1599px) {
      .status-lk__rez {
        height: 28px;
        font-size: 12px; } }
    .status-lk__rez_considered {
      background: #f3bd5e; }
    .status-lk__rez_cancel {
      background: #e97171; }
    .status-lk__rez_paid {
      background: #61ba8a; }
  .status-lk__arr {
    width: 16px;
    height: 16px;
    transform: rotate(-180deg);
    transition: all 0.3s ease 0s; }
    @media (max-width: 767px) {
      .status-lk__arr {
        position: absolute;
        width: 24px;
        height: 32px;
        top: 2px;
        right: 8px; } }
    .status-lk__arr.active {
      transform: rotate(0); }
    @media (any-hover: hover) {
      .status-lk__arr:hover svg {
        color: #6689dd; } }
    .status-lk__arr:active svg {
      color: #496dc2; }
  .status-lk__show {
    opacity: 0;
    max-height: 0;
    visibility: hidden; }
    .status-lk__show.active {
      opacity: 1;
      transition: height 2s, opacity 0.2s;
      max-height: 1000vh;
      visibility: visible;
      padding: 0px 20px 24px 76px; }
      @media (max-width: 1599px) {
        .status-lk__show.active {
          padding: 4px 20px 20px 60px; } }
      @media (max-width: 1279px) {
        .status-lk__show.active {
          padding: 4px 20px 20px 32px; } }
      @media (max-width: 1023px) {
        .status-lk__show.active {
          padding: 4px 20px 20px 24px; } }
      @media (max-width: 767px) {
        .status-lk__show.active {
          padding: 4px 8px 8px; } }
  .status-lk__desc {
    color: #878889;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e7f1;
    padding-bottom: 20px; }
    @media (max-width: 1599px) {
      .status-lk__desc {
        margin-bottom: 16px;
        padding-bottom: 16px; } }
  .status-lk__subtitle {
    font-weight: 700;
    color: #4772da; }
  .status-lk__user {
    color: #878889;
    margin-top: 8px; }
  .status-lk__tel {
    margin-top: 4px; }
    .status-lk__tel a {
      font-weight: 700;
      font-size: inherit;
      font-size: 14px; }
      @media (max-width: 1599px) {
        .status-lk__tel a {
          font-size: 12px; } }
    .status-lk__tel span {
      color: #878889; }
  .status-lk__pay {
    margin-top: 20px;
    font-size: 16px;
    border: 0; }
    @media (max-width: 1599px) {
      .status-lk__pay {
        font-size: 14px;
        margin-top: 16px; } }
    @media (max-width: 767px) {
      .status-lk__pay {
        margin-top: 12px; } }
  .status-lk__download {
    margin-top: 16px;
    color: #878889; }
    .status-lk__download span {
      width: 16px;
      height: 16px;
      margin-right: 8px; }

.promo-lk__list {
  margin: 0px -8px -16px;
  flex-wrap: wrap; }
  @media (max-width: 1599px) {
    .promo-lk__list {
      margin: 0px -4px -8px; } }
  @media (max-width: 479px) {
    .promo-lk__list {
      margin: 0 -8px; } }

.promo-lk__item {
  flex: 0 0 calc(25% - 16px);
  margin: 0px 8px 16px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1599px) {
    .promo-lk__item {
      flex: 0 0 calc(25% - 8px);
      margin: 0px 4px 8px; } }
  @media (max-width: 1023px) {
    .promo-lk__item {
      flex: 0 0 calc(33.333% - 8px); } }
  @media (max-width: 767px) {
    .promo-lk__item {
      flex: 0 0 calc(50% - 8px); } }
  @media (max-width: 479px) {
    .promo-lk__item {
      flex: 0 0 100%;
      margin: 0 0 8px; } }

.promo-lk__top {
  padding: 16px 24px;
  background: #f4f5f6;
  text-align: center;
  position: relative;
  border-radius: 8px; }
  @media (max-width: 1599px) {
    .promo-lk__top {
      padding: 16px 20px 14px; } }

.promo-lk__icon div {
  margin-left: 12px;
  font-size: 14px;
  line-height: calc(20 / 14);
  color: #4772da; }
  @media (max-width: 1599px) {
    .promo-lk__icon div {
      font-size: 12px; } }

.promo-lk__text {
  margin-top: 12px;
  min-height: 74px;
  font-size: 16px;
  line-height: calc(24 / 16); }
  @media (max-width: 1599px) {
    .promo-lk__text {
      min-height: 62px;
      font-size: 14px; } }
  @media (max-width: 479px) {
    .promo-lk__text {
      min-height: 14px; } }

.promo-lk__bottom {
  padding: 24px;
  background: #f4f5f6;
  text-align: center;
  margin-top: 1px;
  position: relative;
  border-radius: 8px; }
  @media (max-width: 1599px) {
    .promo-lk__bottom {
      padding: 14px 20px 20px; } }
  @media (max-width: 1279px) {
    .promo-lk__bottom {
      border-top: 1px solid #e3e7f1;
      margin-top: 0; } }
  .promo-lk__bottom::before, .promo-lk__bottom::after {
    content: "";
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -14px;
    z-index: 2; }
  .promo-lk__bottom::after {
    left: -14px; }
  .promo-lk__bottom::before {
    right: -14px; }

.promo-lk__cod {
  font-weight: 700;
  font-size: 18px;
  line-height: calc(28 / 18);
  color: #4772da; }
  @media (max-width: 1599px) {
    .promo-lk__cod {
      font-size: 16px; } }

.promo-lk__btn {
  margin-top: 12px; }
  .promo-lk__btn .btn {
    font-size: 16px;
    border: 0; }
    @media (max-width: 1599px) {
      .promo-lk__btn .btn {
        font-size: 14px; } }

.profile-lk {
  background: #f4f5f6;
  border-radius: 8px; }
  .profile-lk__form {
    padding: 24px;
    position: relative; }
    @media (max-width: 1599px) {
      .profile-lk__form {
        padding: 20px; } }
    .profile-lk__form:not(:last-child) {
      padding-bottom: 24px; }
      .profile-lk__form:not(:last-child)::after {
        content: "";
        width: calc(100% - 48px);
        height: 1px;
        background: #c5cbd9;
        position: absolute;
        bottom: 0;
        left: 24px; }
      @media (max-width: 1599px) {
        .profile-lk__form:not(:last-child) {
          padding-bottom: 20px; } }
    .profile-lk__form_settings .profile-lk__col .form-control {
      flex: 1 0 calc(50% - 16px); }
      @media (max-width: 1599px) {
        .profile-lk__form_settings .profile-lk__col .form-control {
          flex: 1 0 calc(50% - 8px); } }
      @media (max-width: 1023px) {
        .profile-lk__form_settings .profile-lk__col .form-control {
          flex: 1 0 100%; } }
    .profile-lk__form_adres .profile-lk__btn_map {
      max-width: 244px;
      border: 0; }
      @media (max-width: 1599px) {
        .profile-lk__form_adres .profile-lk__btn_map {
          max-width: 210px; } }
      .profile-lk__form_adres .profile-lk__btn_map span {
        margin-left: 12px; }
      @media (max-width: 1023px) {
        .profile-lk__form_adres .profile-lk__btn_map {
          margin-top: 12px; } }
    .profile-lk__form_adres .profile-lk__col .form-control {
      flex: 1 0 calc(33.333% - 16px); }
      @media (max-width: 1599px) {
        .profile-lk__form_adres .profile-lk__col .form-control {
          flex: 1 0 calc(33.333% - 8px); } }
      @media (max-width: 1023px) {
        .profile-lk__form_adres .profile-lk__col .form-control {
          flex: 1 0 100%; } }
    @media (max-width: 1023px) {
      .profile-lk__form_adres .profile-lk__dk {
        margin: 12px -4px 0;
        flex: 1 0 100%; } }
    @media (max-width: 1023px) {
      .profile-lk__form_adres .profile-lk__dk .form-control {
        flex: 1 0 calc(50% - 8px);
        margin: 0px 4px; } }
    @media (max-width: 1599px) {
      .profile-lk__form_adres .profile-lk__btn {
        margin-top: 12px; } }
    @media (max-width: 1023px) {
      .profile-lk__form_adres .profile-lk__btn {
        flex-direction: column;
        justify-content: flex-start; } }
    .profile-lk__form_password .profile-lk__col .form-control {
      flex: 1 0 calc(50% - 16px); }
      @media (max-width: 1599px) {
        .profile-lk__form_password .profile-lk__col .form-control {
          flex: 1 0 calc(50% - 8px); } }
      @media (max-width: 1023px) {
        .profile-lk__form_password .profile-lk__col .form-control {
          flex: 1 0 100%; } }
    @media (max-width: 1599px) {
      .profile-lk__form_password .profile-lk__btn {
        margin-top: 12px; } }
  .profile-lk__subtitle {
    font-weight: 600;
    font-size: 16px;
    line-height: calc(24 / 16);
    margin-bottom: 8px; }
    @media (max-width: 1599px) {
      .profile-lk__subtitle {
        margin-bottom: 4px; } }
    @media (max-width: 1279px) {
      .profile-lk__subtitle {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .profile-lk__subtitle {
        font-size: 12px; } }
  .profile-lk__line {
    padding-right: 375px;
    margin-top: 16px; }
    @media (max-width: 1599px) {
      .profile-lk__line {
        margin-top: 12px;
        padding-right: 235px; } }
    @media (max-width: 1279px) {
      .profile-lk__line {
        padding-right: 222px; } }
    @media (max-width: 1023px) {
      .profile-lk__line {
        max-width: 530px;
        flex-wrap: wrap;
        padding-right: 0; } }
    @media (max-width: 767px) {
      .profile-lk__line {
        max-width: 435px; } }
  .profile-lk__col {
    padding-right: 375px;
    margin: 0 -8px 0; }
    @media (max-width: 1599px) {
      .profile-lk__col {
        margin: 0 -4px 0;
        padding-right: 235px; } }
    @media (max-width: 1279px) {
      .profile-lk__col {
        padding-right: 222px; } }
    @media (max-width: 1023px) {
      .profile-lk__col {
        max-width: 530px;
        padding-right: 0;
        flex-wrap: wrap;
        margin: 0; } }
    @media (max-width: 767px) {
      .profile-lk__col {
        max-width: 435px; } }
    .profile-lk__col .form-control {
      margin: 0px 8px; }
      @media (max-width: 1599px) {
        .profile-lk__col .form-control {
          margin: 0px 4px; } }
      @media (max-width: 1023px) {
        .profile-lk__col .form-control {
          margin: 0; } }
  .profile-lk__btn {
    margin-top: 24px;
    padding-right: 375px; }
    @media (max-width: 1599px) {
      .profile-lk__btn {
        margin-top: 20px;
        padding-right: 235px; } }
    @media (max-width: 1279px) {
      .profile-lk__btn {
        padding-right: 222px; } }
    @media (max-width: 1023px) {
      .profile-lk__btn {
        max-width: 530px;
        padding-right: 0; } }
    @media (max-width: 767px) {
      .profile-lk__btn {
        max-width: 435px; } }
    .profile-lk__btn .dark--blue {
      max-width: 178px; }
      @media (max-width: 1599px) {
        .profile-lk__btn .dark--blue {
          max-width: 152px; } }
  .profile-lk .btn {
    font-size: 16px; }
    @media (max-width: 1599px) {
      .profile-lk .btn {
        font-size: 14px; } }
  .profile-lk .form-control {
    margin-top: 16px; }
    @media (max-width: 1599px) {
      .profile-lk .form-control {
        margin-top: 12px; } }
  .profile-lk .checkbox {
    display: inline-block;
    margin-top: 24px; }
    @media (max-width: 1599px) {
      .profile-lk .checkbox {
        margin-top: 20px; } }

#add-adres {
  width: 1342px;
  background: transparent;
  padding: 0;
  max-width: 100%; }
  @media (max-width: 1919px) {
    #add-adres {
      width: 1162px; } }
  @media (max-width: 1599px) {
    #add-adres {
      width: 956px; } }
  @media (max-width: 1279px) {
    #add-adres {
      width: 764px; } }
  @media (max-width: 1023px) {
    #add-adres {
      width: 658px; } }
  @media (max-width: 767px) {
    #add-adres {
      width: 100%;
      position: static;
      margin-top: 52px; } }
  #add-adres .modal--close {
    width: 40px;
    height: 40px;
    right: 0;
    top: 0; }
    @media (max-width: 1279px) {
      #add-adres .modal--close {
        width: 36px;
        height: 36px; } }
    @media (max-width: 767px) {
      #add-adres .modal--close {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 20px;
        height: 20px; } }
    #add-adres .modal--close svg {
      max-width: 100%;
      max-height: 100%; }
  @media (max-width: 767px) {
    #add-adres .modal-wrap {
      max-width: 100%; } }
  #add-adres.fancybox-content #modal-map {
    width: 1286px;
    height: 64vh; }
    @media (max-width: 1919px) {
      #add-adres.fancybox-content #modal-map {
        max-width: 1106px; } }
    @media (max-width: 1599px) {
      #add-adres.fancybox-content #modal-map {
        max-width: 912px; } }
    @media (max-width: 1279px) {
      #add-adres.fancybox-content #modal-map {
        max-width: 720px; } }
    @media (max-width: 1023px) {
      #add-adres.fancybox-content #modal-map {
        max-width: 614px; } }
    @media (max-width: 767px) {
      #add-adres.fancybox-content #modal-map {
        max-width: 100%;
        height: calc(100vh - 52px); } }

.modal-bollon {
  min-width: 352px;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 4px 25px rgba(22, 35, 54, 0.12);
  border-radius: 8px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  overflow: hidden;
  opacity: 0;
  min-height: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(10px); }
  @media (max-width: 1599px) {
    .modal-bollon {
      padding: 15px;
      min-width: 298px;
      bottom: 16px; } }
  @media (max-width: 1279px) {
    .modal-bollon {
      padding: 12px;
      bottom: 12px; } }
  @media (max-width: 1023px) {
    .modal-bollon {
      bottom: 8px; } }
  @media (max-width: 767px) {
    .modal-bollon {
      min-width: 336px; } }
  @media (max-width: 359px) {
    .modal-bollon {
      min-width: 300px; } }
  .modal-bollon.active {
    opacity: 1;
    min-height: 20px;
    transition: all 0.1s ease 0s;
    transform: translateX(-50%) translateY(0px);
    visibility: visible; }
  .modal-bollon__text {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16); }
    @media (max-width: 1599px) {
      .modal-bollon__text {
        font-size: 14px; } }
  .modal-bollon button {
    margin-top: 24px;
    font-size: 16px; }
    @media (max-width: 1599px) {
      .modal-bollon button {
        font-size: 14px;
        margin-top: 16px; } }
    @media (max-width: 1279px) {
      .modal-bollon button {
        margin-top: 12px; } }

.promo-list__image > img {
  width: 100%;
  display: block; }

.promo-list__item {
  width: calc(50% - 8px); }
  .promo-list__item:not(:nth-child(-n + 2)) {
    margin-top: 32px; }
  .promo-list__item:nth-child(odd) {
    margin-right: 16px; }
  @media (max-width: 1599px) {
    .promo-list__item {
      width: calc(50% - 4px); }
      .promo-list__item:not(:nth-child(-n + 2)) {
        margin-top: 28px; }
      .promo-list__item:nth-child(odd) {
        margin-right: 8px; } }
  @media (max-width: 1279px) {
    .promo-list__item:not(:nth-child(-n + 2)) {
      margin-top: 12px; } }
  @media (max-width: 479px) {
    .promo-list__item {
      width: 100%; }
      .promo-list__item:nth-child(odd) {
        margin-right: 0; }
      .promo-list__item:not(:first-child) {
        margin-top: 12px; } }

.promo-list__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #1f2636;
  margin-top: 16px; }
  @media (max-width: 1599px) {
    .promo-list__title {
      font-size: 16px;
      line-height: 24px;
      margin-top: 12px; } }
  @media (max-width: 1279px) {
    .promo-list__title {
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 767px) {
    .promo-list__title {
      font-size: 12px;
      line-height: 16px;
      margin-top: 4px; } }

.promo-detail__descr {
  margin-left: 98px; }
  @media (max-width: 1599px) {
    .promo-detail__descr {
      margin-left: 59px; } }
  @media (max-width: 1279px) {
    .promo-detail__descr {
      margin-left: 48px; } }
  @media (max-width: 1023px) {
    .promo-detail__descr {
      margin-left: 0; } }

.promo-detail__descr-more {
  color: #ffffff;
  background: #4772da;
  width: auto;
  padding-left: 16px;
  padding-right: 16px; }
  @media (max-width: 1599px) {
    .promo-detail__descr-more {
      padding-left: 12px;
      padding-right: 12px; } }

.promo-detail__descr-text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 32px; }
  @media (max-width: 1599px) {
    .promo-detail__descr-text {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 28px; } }
  .promo-detail__descr-text > div:not(:last-child),
  .promo-detail__descr-text p:not(:last-child) {
    margin-bottom: 12px; }

.promo-detail__descr-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .promo-detail__descr-title {
      margin-bottom: 8px;
      font-size: 16px;
      line-height: 24px; } }

.promo-detail__image {
  flex: 1 0 50%; }
  @media (max-width: 1023px) {
    .promo-detail__image {
      flex: 1;
      max-width: 741px;
      margin-bottom: 12px; } }

@media (max-width: 1023px) {
  .promo-detail__wrap {
    flex-direction: column; } }

.news .pagination-more {
  margin-top: 44px; }

.news-list__item {
  width: calc(33% - 59px); }
  .news-list__item:not(:nth-child(3n)) {
    margin-right: 96px; }
  .news-list__item:not(:nth-child(-n + 3)) {
    margin-top: 44px; }
  @media (max-width: 1919px) {
    .news-list__item {
      width: calc(33% - 6px); }
      .news-list__item:not(:nth-child(3n)) {
        margin-right: 16px; } }
  @media (max-width: 1599px) {
    .news-list__item {
      width: calc(33% - 3px); }
      .news-list__item:not(:nth-child(3n)) {
        margin-right: 8px; } }
  @media (max-width: 767px) {
    .news-list__item {
      width: calc(33% - 4px); } }
  @media (max-width: 639px) {
    .news-list__item {
      width: calc(50% - 4px); }
      .news-list__item:not(:nth-child(3n)) {
        margin-right: 0; }
      .news-list__item:not(:nth-child(2n)) {
        margin-right: 8px; }
      .news-list__item:not(:nth-child(-n + 3)) {
        margin-top: 0; }
      .news-list__item:not(:nth-child(-n + 2)) {
        margin-top: 44px; } }

.news-list__item-image img {
  display: block; }

.news-list__item-date {
  font-size: 14px;
  line-height: 20px;
  color: #878889;
  margin-top: 16px; }
  @media (max-width: 1599px) {
    .news-list__item-date {
      margin-top: 8px;
      font-size: 12px;
      line-height: 16px; } }

.news-list__item-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  margin-top: 16px; }
  .news-list__item-title:hover {
    color: #4772DA; }
  @media (max-width: 1599px) {
    .news-list__item-title {
      margin-top: 12px;
      font-size: 16px;
      line-height: 24px; } }
  @media (max-width: 1279px) {
    .news-list__item-title {
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 767px) {
    .news-list__item-title {
      font-size: 12px;
      line-height: 16px; } }

@media (max-width: 1279px) {
  .detail-news {
    margin-bottom: 0; } }

.detail-news__date {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #878889; }
  @media (max-width: 1599px) {
    .detail-news__date {
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 8px; } }

.detail-news__description {
  font-size: 16px;
  line-height: 24px;
  color: #000000; }
  @media (max-width: 1599px) {
    .detail-news__description {
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 1279px) {
    .detail-news__description {
      border-bottom: 1px solid #c5cbd9;
      margin-bottom: 20px;
      padding-bottom: 20px; } }
  .detail-news__description ol,
  .detail-news__description ul {
    list-style: decimal;
    padding-left: 20px; }
  .detail-news__description li:not(:last-child) {
    margin-bottom: 12px; }
  .detail-news__description > div,
  .detail-news__description p {
    margin-bottom: 12px; }

.detail-news__image {
  margin-bottom: 16px; }
  @media (max-width: 1599px) {
    .detail-news__image {
      margin-bottom: 8px; } }
  @media (max-width: 1023px) {
    .detail-news__image {
      max-width: 736px; } }

.detail-news__title {
  font-size: 24px;
  line-height: 36px;
  color: #000000;
  margin-bottom: 12px; }
  @media (max-width: 1279px) {
    .detail-news__title {
      font-size: 16px;
      line-height: 24px; } }

@media (max-width: 1279px) {
  .detail-news__wrap {
    flex-direction: column; } }

.other-news {
  margin-left: 96px;
  flex: 1 0 304px; }
  @media (max-width: 1599px) {
    .other-news {
      flex: 1 0 298px;
      margin-left: 59px; } }
  @media (max-width: 1279px) {
    .other-news {
      flex: 1;
      margin-left: 0;
      border-bottom: 1px solid #c5cbd9;
      margin-bottom: 20px;
      padding-bottom: 20px; } }
  .other-news__list {
    margin-bottom: 20px; }
    @media (max-width: 1279px) {
      .other-news__list {
        margin-bottom: 0;
        display: flex;
        flex-wrap: wrap; } }
  .other-news__list-date {
    font-size: 14px;
    line-height: 20px;
    color: #878889; }
    @media (max-width: 1599px) {
      .other-news__list-date {
        font-size: 12px;
        line-height: 16px; } }
  .other-news__list-item {
    display: block; }
    .other-news__list-item:not(:last-child) {
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid #c5cbd9; }
      @media (max-width: 1599px) {
        .other-news__list-item:not(:last-child) {
          padding-bottom: 16px;
          margin-bottom: 16px; } }
      @media (max-width: 1279px) {
        .other-news__list-item:not(:last-child) {
          padding-bottom: 0;
          border-bottom: none; } }
    .other-news__list-item:hover {
      color: #4772da; }
    @media (max-width: 1279px) {
      .other-news__list-item {
        width: calc(50% - 4px);
        margin-bottom: 16px; }
        .other-news__list-item:nth-child(odd) {
          margin-right: 8px; } }
    @media (max-width: 639px) {
      .other-news__list-item {
        width: 100%;
        margin-bottom: 16px; }
        .other-news__list-item:nth-child(odd) {
          margin-right: 0; } }
  .other-news__list-name {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px; }
    @media (max-width: 1599px) {
      .other-news__list-name {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px; } }
    @media (max-width: 1279px) {
      .other-news__list-name {
        margin-bottom: 4px; } }
  .other-news__title {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 20px; }
    @media (max-width: 1599px) {
      .other-news__title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 16px; } }
    @media (max-width: 1279px) {
      .other-news__title {
        font-size: 20px;
        line-height: 28px; } }
    @media (max-width: 767px) {
      .other-news__title {
        font-size: 16px;
        line-height: 24px; } }
  .other-news__btn {
    background: #e3e7f1;
    color: #4772da;
    display: block;
    text-align: center;
    border: none; }
    @media (max-width: 1279px) {
      .other-news__btn {
        width: max-content;
        padding-left: 55px;
        padding-right: 55px; } }

.brand-slider-news__btn {
  width: auto; }
  @media (max-width: 1599px) {
    .brand-slider-news__btn {
      padding: 11px 33px; } }
  @media (max-width: 1023px) {
    .brand-slider-news__btn {
      display: none; } }
  .brand-slider-news__btn_bottom {
    display: none;
    justify-content: center;
    margin-top: 16px; }
    @media (max-width: 1023px) {
      .brand-slider-news__btn_bottom {
        display: flex; } }
    .brand-slider-news__btn_bottom > a {
      padding-left: 45px;
      padding-right: 45px;
      display: block; }

.cart--empty-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  color: #1f2636; }
  @media (max-width: 1599px) {
    .cart--empty-title {
      font-size: 24px; } }
  @media (max-width: 1279px) {
    .cart--empty-title {
      font-size: 20px; } }
  @media (max-width: 767px) {
    .cart--empty-title {
      font-size: 16px; } }

.cart--empty-text {
  margin: 8px 0 16px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #878889; }
  @media (max-width: 1599px) {
    .cart--empty-text {
      font-size: 14px; } }

.cart--empty-btn {
  width: 184px;
  font-size: 16px;
  line-height: 24px; }
  @media (max-width: 1599px) {
    .cart--empty-btn {
      font-size: 14px;
      max-width: 151px; } }

@media (max-width: 639px) {
  .cart--empty-wrap {
    flex-direction: column;
    justify-content: flex-start; }
    .cart--empty-wrap > div {
      flex: 1 0 100%;
      width: 100%; } }

.cart--empty-left {
  margin-right: 32px; }
  @media (max-width: 1023px) {
    .cart--empty-left {
      flex: 0 0 250px;
      margin-right: 80px; } }
  @media (max-width: 639px) {
    .cart--empty-left {
      margin: 0 0 16px; } }

.cart--empty-right {
  justify-content: center;
  margin-right: 5%; }
  @media (max-width: 1023px) {
    .cart--empty-right {
      margin-right: 0; } }
  @media (max-width: 1023px) {
    .cart--empty-right {
      flex: 1 1 auto; } }
  @media (max-width: 639px) {
    .cart--empty-right {
      justify-content: flex-start; } }
  @media (max-width: 1599px) {
    .cart--empty-right img {
      max-height: 212px; } }
  @media (max-width: 1023px) {
    .cart--empty-right img {
      max-height: 136px; } }
  @media (max-width: 639px) {
    .cart--empty-right img {
      max-height: 92px; } }

.cart--float {
  width: 22.5%;
  margin-left: auto;
  position: relative; }
  @media (max-width: 1599px) {
    .cart--float {
      width: 25%; } }
  @media (max-width: 1279px) {
    .cart--float {
      width: 33.33333%; } }
  @media (max-width: 1023px) {
    .cart--float {
      width: 100%;
      margin-top: 20px; } }
  .cart--float-email {
    margin-top: 24px;
    display: none;
    transition: height 0.35s ease-in-out;
    overflow: hidden; }
    @media (max-width: 1599px) {
      .cart--float-email {
        margin-top: 16px; } }
    @media (max-width: 1023px) {
      .cart--float-email {
        margin-top: 12px; } }
    .cart--float-email.active {
      display: block; }
    .cart--float-email input {
      height: 48px;
      background: #ffffff;
      border: 1px solid #c5cbd9;
      border-radius: 5px;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #878889;
      padding: 0 16px;
      width: 100%;
      transition: .3s all ease; }
      .cart--float-email input:hover {
        border-color: #6689dd; }
      @media (max-width: 1599px) {
        .cart--float-email input {
          height: 40px;
          font-size: 14px;
          line-height: 20px; } }
    .cart--float-email button:not(.cart--float-email_btn) {
      position: absolute;
      right: 16px;
      top: 16px;
      opacity: 0;
      visibility: hidden; }
    .cart--float-email_wrap {
      width: calc(100% - 56px);
      position: relative; }
      @media (max-width: 1599px) {
        .cart--float-email_wrap {
          width: calc(100% - 48px); } }
      .cart--float-email_wrap.filled button:not(.cart--float-email_btn) {
        opacity: 1;
        visibility: visible; }
    .cart--float-email_btn {
      width: 48px;
      height: 48px;
      background: #4772da;
      border-radius: 5px; }
      @media (max-width: 1599px) {
        .cart--float-email_btn {
          width: 40px;
          height: 40px; }
          .cart--float-email_btn svg {
            width: 20px;
            height: 20px; } }
      .cart--float-email_btn:hover {
        background: #6689dd; }
      .cart--float-email_btn:active {
        background: #496dc2; }
      .cart--float-email_btn svg {
        color: #ffffff; }
  .cart--float-main {
    padding-top: 24px;
    border-top: 1px solid #e3e7f1;
    margin-bottom: 24px; }
    @media (max-width: 1599px) {
      .cart--float-main {
        padding-top: 16px;
        margin-bottom: 16px; } }
    .cart--float-main > div {
      margin-bottom: 12px; }
      @media (max-width: 1599px) {
        .cart--float-main > div {
          margin-bottom: 8px; } }
      .cart--float-main > div > div {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #878889; }
        .cart--float-main > div > div sup {
          font-size: 10px;
          line-height: 1; }
          @media (max-width: 1599px) {
            .cart--float-main > div > div sup {
              font-size: 8px; } }
        @media (max-width: 1599px) {
          .cart--float-main > div > div {
            font-size: 14px;
            line-height: 20px; } }
        .cart--float-main > div > div:last-child {
          color: #1f2636; }
        .cart--float-main > div > div b {
          font-size: 18px;
          line-height: 28px; }
          @media (max-width: 1599px) {
            .cart--float-main > div > div b {
              font-size: 16px;
              line-height: 24px; } }
  .cart--float-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #1f2636;
    margin-bottom: 24px; }
    @media (max-width: 1599px) {
      .cart--float-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px; } }
  .cart--float-wrap {
    padding: 20px 20px 24px 20px;
    background: #ffffff;
    box-shadow: 0px 4px 25px rgba(22, 35, 54, 0.12);
    border-radius: 8px; }
    @media (max-width: 1599px) {
      .cart--float-wrap {
        padding: 12px 12px 20px 12px; } }
    .cart--float-wrap.fixed {
      position: fixed; }
    .cart--float-wrap.bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
  .cart--float-buttons {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between; }
    .cart--float-buttons > button {
      font-size: 16px;
      line-height: 24px; }
      @media (max-width: 1599px) {
        .cart--float-buttons > button {
          font-size: 14px;
          line-height: 20px; } }
      .cart--float-buttons > button:last-child {
        margin-top: 12px; }
        @media (max-width: 1599px) {
          .cart--float-buttons > button:last-child {
            margin-top: 8px; } }
        @media (max-width: 1023px) {
          .cart--float-buttons > button:last-child {
            margin: 0; } }
        @media (max-width: 479px) {
          .cart--float-buttons > button:last-child {
            margin-top: 8px;
            order: 2; } }
      @media (max-width: 1023px) {
        .cart--float-buttons > button {
          width: calc(50% - 4px);
          order: 3; } }
      @media (max-width: 479px) {
        .cart--float-buttons > button {
          width: 100%;
          order: 1; } }
    .cart--float-buttons > a {
      font-size: 16px;
      line-height: 24px; }
      @media (max-width: 1599px) {
        .cart--float-buttons > a {
          font-size: 14px;
          line-height: 20px; } }
      @media (max-width: 1023px) {
        .cart--float-buttons > a {
          order: 2;
          width: calc(50% - 4px); } }
      @media (max-width: 479px) {
        .cart--float-buttons > a {
          order: 1;
          width: 100%; } }
  .cart--float-links {
    margin-top: 24px; }
    @media (max-width: 1599px) {
      .cart--float-links {
        margin-top: 8px; } }
    @media (max-width: 1023px) {
      .cart--float-links {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between; } }
    .cart--float-links button {
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #878889;
      width: 100%; }
      @media (max-width: 1599px) {
        .cart--float-links button {
          font-size: 14px;
          line-height: 20px; }
          .cart--float-links button svg {
            width: 20px;
            height: 20px; } }
      @media (max-width: 1023px) {
        .cart--float-links button {
          width: calc(50% - 4px);
          justify-content: center; } }
      @media (max-width: 479px) {
        .cart--float-links button {
          width: 100%;
          justify-content: flex-start; } }
      .cart--float-links button svg {
        margin-right: 8px;
        color: #878889; }
      .cart--float-links button:first-child {
        margin-bottom: 20px; }
        @media (max-width: 1599px) {
          .cart--float-links button:first-child {
            margin-bottom: 0; } }
      @media (max-width: 1599px) {
        .cart--float-links button {
          padding: 10px 0; } }
      .cart--float-links button:last-child {
        margin-bottom: 0; }

.cart--promo-text {
  position: absolute;
  font-size: 12px;
  line-height: 16px;
  top: calc(100% + 4px);
  opacity: 0;
  visibility: hidden; }

.cart--promo-block {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 12px; }
  @media (max-width: 1599px) {
    .cart--promo-block {
      height: 40px;
      margin: 8px 0;
      font-size: 12px;
      line-height: 14px; } }
  .cart--promo-block:last-child {
    margin-bottom: 0; }
  .cart--promo-block.added {
    width: calc(100% - 36px);
    background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDRMNi43ODk0NyAxMkwyIDciIHN0cm9rZT0iIzc0Q0I0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: calc(100% - 16px);
    margin-bottom: 32px; }
    .cart--promo-block.added:last-child {
      margin-bottom: 20px; }
    .cart--promo-block.added .cart--promo-text {
      color: #74cb4a;
      opacity: 1;
      visibility: visible; }
    .cart--promo-block.added input {
      border-color: #74cb4a;
      padding-right: 36px; }
    .cart--promo-block.added .cart--promo-remove {
      opacity: 1;
      visibility: visible;
      display: flex; }
  .cart--promo-block.error {
    width: calc(100% - 36px);
    background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgM0wxMyAxM00xMyAzTDMgMTMiIHN0cm9rZT0iI0M1Q0JEOSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: calc(100% - 16px);
    margin-bottom: 32px; }
    .cart--promo-block.error:last-child {
      margin-bottom: 20px; }
    .cart--promo-block.error .cart--promo-text {
      color: #ed5858;
      opacity: 1;
      visibility: visible; }
    .cart--promo-block.error input {
      border-color: #ed5858;
      padding-right: 36px; }
    .cart--promo-block.error .cart--promo-remove {
      opacity: 1;
      visibility: visible;
      display: flex; }
  .cart--promo-block input {
    border: 1px solid #c5cbd9;
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #878889;
    padding: 0 16px; }
    @media (max-width: 1599px) {
      .cart--promo-block input {
        font-size: 14px;
        line-height: 16px; } }

.cart--promo-remove {
  position: absolute;
  right: -36px;
  width: 36px;
  opacity: 0;
  visibility: hidden;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0; }
  .cart--promo-remove > span {
    width: 16px;
    height: 16px;
    display: block; }

.cart--promo-wrap {
  width: 100%; }
  .cart--promo-wrap.active {
    margin-top: 12px; }
  @media (max-width: 1023px) {
    .cart--promo-wrap {
      width: 100%;
      order: 1; }
      .cart--promo-wrap.active {
        margin: 0 0 12px 0; } }
  @media (max-width: 479px) {
    .cart--promo-wrap {
      order: 2; }
      .cart--promo-wrap.active {
        margin: 0; } }

.cart--block {
  margin-bottom: 32px; }
  @media (max-width: 1599px) {
    .cart--block {
      margin-bottom: 28px; } }
  @media (max-width: 1279px) {
    .cart--block {
      margin-bottom: 12px; } }
  @media (max-width: 1023px) {
    .cart--block {
      box-shadow: 0px 4px 25px rgba(22, 35, 54, 0.12);
      border-radius: 8px;
      background: #ffffff;
      padding: 8px; } }
  @media (max-width: 639px) {
    .cart--block-top {
      display: flex;
      align-items: center; } }
  .cart--block:last-child {
    margin-bottom: 0; }
  @media (max-width: 639px) {
    .cart--block-main {
      padding-right: 48px; } }
  @media (max-width: 1279px) {
    .cart--block-price_wrap {
      margin-top: 4px;
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      justify-content: flex-end; } }
  .cart--block-sale {
    margin-top: 4px; }
    @media (max-width: 1279px) {
      .cart--block-sale {
        margin-top: 0; } }
    @media (max-width: 1279px) {
      .cart--block-sale {
        flex-direction: row-reverse; } }
    .cart--block-sale > div:first-child {
      font-size: 14px;
      line-height: 16px;
      text-decoration-line: line-through;
      color: #878889; }
      @media (max-width: 1599px) {
        .cart--block-sale > div:first-child {
          font-size: 12px;
          line-height: 16px; } }
    .cart--block-sale > div:last-child {
      margin-left: 4px;
      font-weight: 700;
      font-size: 10px;
      line-height: 14px;
      color: #ffffff;
      padding: 3px 8px 4px;
      background: #e97171;
      border-radius: 2px 5px 5px 5px; }
      @media (max-width: 1279px) {
        .cart--block-sale > div:last-child {
          font-size: 8px;
          line-height: 12px;
          padding: 3px 8px 4px;
          margin: 0 8px 0 0; } }
  .cart--block-row_total {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #878889;
    margin-top: 16px;
    margin-right: 96px; }
    @media (max-width: 1599px) {
      .cart--block-row_total {
        margin-top: 12px;
        font-size: 14px;
        line-height: 20px;
        margin-right: 36px; } }
    @media (max-width: 1023px) {
      .cart--block-row_total {
        background: #f4f5f6;
        border-radius: 8px;
        padding: 8px;
        text-align: center;
        justify-content: center;
        margin: 0; } }
    .cart--block-row_total > div {
      font-size: 28px;
      line-height: 40px;
      color: #1f2636;
      margin-left: 16px; }
      @media (max-width: 1599px) {
        .cart--block-row_total > div {
          font-size: 24px;
          line-height: 36px; } }
      @media (max-width: 1279px) {
        .cart--block-row_total > div {
          font-size: 20px;
          line-height: 28px; } }
      @media (max-width: 1023px) {
        .cart--block-row_total > div {
          font-size: 16px;
          line-height: 24px; } }
  .cart--block-wrap {
    width: 75%; }
    @media (max-width: 1599px) {
      .cart--block-wrap {
        width: 70.83333%; } }
    @media (max-width: 1279px) {
      .cart--block-wrap {
        width: 62.5%; } }
    @media (max-width: 1023px) {
      .cart--block-wrap {
        width: 100%; } }
  .cart--block sup {
    line-height: 10px;
    font-size: 8px; }
  @media (max-width: 639px) {
    .cart--block-bottom {
      margin-top: 12px; } }
  @media (max-width: 479px) {
    .cart--block-bottom {
      padding-right: 48px;
      justify-content: space-between; } }
  .cart--block-bottom > div {
    margin-left: 24px;
    font-size: 14px;
    line-height: 20px;
    color: #878889; }
    @media screen and (max-width: 1700px) and (min-width: 1600px) {
      .cart--block-bottom > div:last-child {
        width: 100%;
        margin-left: 0;
        margin-top: 4px; } }
    @media (max-width: 1599px) {
      .cart--block-bottom > div {
        font-size: 12px;
        line-height: 16px;
        margin-left: 12px; } }
    .cart--block-bottom > div span {
      color: #1f2636;
      margin-left: 4px; }
      @media (max-width: 479px) {
        .cart--block-bottom > div span {
          width: 100%;
          margin: 4px 0 0 0;
          display: block; } }
    .cart--block-bottom > div:first-child {
      margin-left: 0; }
  .cart--block-product {
    padding: 24px 0 32px 16px;
    border-bottom: 1px solid #e3e7f1; }
    @media (max-width: 1599px) {
      .cart--block-product {
        padding: 12px 0 16px 8px; } }
    @media (max-width: 1279px) {
      .cart--block-product {
        flex-wrap: wrap;
        position: relative;
        padding: 12px 52px 16px 8px; } }
    @media (max-width: 1023px) {
      .cart--block-product:last-child {
        border-bottom: 0; } }
    @media (max-width: 639px) {
      .cart--block-product {
        padding: 12px 0 12px 8px; } }
    .cart--block-product:first-child {
      border-top: 1px solid #e3e7f1; }
  .cart--block-center {
    width: 26.66667%;
    margin-left: 16px; }
    @media (max-width: 1599px) {
      .cart--block-center {
        width: 29.41176%;
        padding: 0 9px;
        margin-left: 8px; } }
    @media (max-width: 1279px) {
      .cart--block-center {
        margin-left: 18px;
        padding: 0;
        width: auto; } }
    @media (max-width: 639px) {
      .cart--block-center {
        margin-left: 0; } }
    .cart--block-center .new-select {
      display: block;
      min-width: 70px; }
      @media (max-width: 1599px) {
        .cart--block-center .new-select {
          min-width: 62px; } }
      .cart--block-center .new-select__input {
        height: auto;
        align-items: flex-start;
        padding: 13px 14px; }
        @media (max-width: 1599px) {
          .cart--block-center .new-select__input {
            padding: 0 12px;
            height: 40px;
            align-items: center; } }
        .cart--block-center .new-select__input sup {
          line-height: 14px;
          font-size: 10px; }
          @media (max-width: 1599px) {
            .cart--block-center .new-select__input sup {
              align-self: flex-start;
              line-height: 10px;
              font-size: 8px;
              margin-top: 11px; } }
      @media (max-width: 1279px) {
        .cart--block-center .new-select + .calc--quantity {
          margin-left: 32px; } }
      @media (max-width: 639px) {
        .cart--block-center .new-select + .calc--quantity {
          margin-left: 8px; } }
    .cart--block-center .calc--quantity {
      width: 175px;
      margin-left: 16px;
      border: 1px solid #f4f5f6;
      border-radius: 5px;
      overflow: hidden; }
      @media (max-width: 1599px) {
        .cart--block-center .calc--quantity {
          width: 154px;
          margin-left: 12px; } }
      @media (max-width: 1279px) {
        .cart--block-center .calc--quantity {
          margin-left: 96px;
          width: 194px; } }
      @media (max-width: 639px) {
        .cart--block-center .calc--quantity {
          margin-left: 0;
          width: 172px; } }
    .cart--block-center .calc--qt {
      font-size: 16px;
      line-height: 24px; }
      @media (max-width: 1599px) {
        .cart--block-center .calc--qt {
          font-size: 12px;
          line-height: 20px; } }
  .cart--block-total {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #878889;
    margin-left: 16px;
    flex: 1 auto; }
    @media (max-width: 1599px) {
      .cart--block-total {
        font-size: 12px;
        line-height: 16px;
        margin-left: 8px; } }
    @media (max-width: 1279px) {
      .cart--block-total {
        margin-left: 48px; } }
    @media (max-width: 639px) {
      .cart--block-total {
        margin-left: 0;
        width: 100%;
        margin-top: 12px; } }
    .cart--block-total_price {
      font-weight: 700;
      font-size: 18px;
      line-height: 28px;
      color: #1f2636;
      margin-top: 4px; }
      @media (max-width: 1599px) {
        .cart--block-total_price {
          font-size: 16px;
          line-height: 24px; } }
      @media (max-width: 1279px) {
        .cart--block-total_price {
          margin: 0 8px 0 0; } }
  .cart--block-del {
    margin-left: auto; }
    @media (max-width: 1279px) {
      .cart--block-del {
        position: absolute;
        right: 8px;
        top: 12px; } }
    .cart--block-del button {
      width: 40px;
      height: 40px; }
      .cart--block-del button svg {
        color: #96a3bb; }
      .cart--block-del button:hover svg {
        color: #6689dd; }
  .cart--block-image {
    width: 114px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%); }
    @media (max-width: 1599px) {
      .cart--block-image {
        min-width: 80px;
        width: 80px; } }
    @media (max-width: 1279px) {
      .cart--block-image {
        width: 100px;
        padding: 0 10px; } }
    @media (max-width: 639px) {
      .cart--block-image {
        position: relative;
        transform: none;
        min-width: 80px;
        padding: 0;
        margin-right: 16px; } }
  .cart--block-price {
    font-size: 14px;
    line-height: 20px; }
    @media (max-width: 1599px) {
      .cart--block-price {
        font-size: 12px;
        line-height: 16px; } }
  .cart--block-left {
    padding-left: 144px;
    position: relative;
    width: 53.33333%; }
    @media (max-width: 1599px) {
      .cart--block-left {
        padding-left: 94px;
        width: 52.94118%; } }
    @media (max-width: 1279px) {
      .cart--block-left {
        width: 100%;
        padding-left: 114px;
        margin-bottom: 12px; } }
    @media (max-width: 639px) {
      .cart--block-left {
        padding-left: 0; } }
  .cart--block-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #1f2636;
    margin-bottom: 16px; }
    @media (max-width: 1599px) {
      .cart--block-title {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 12px; } }
    @media (max-width: 1279px) {
      .cart--block-title {
        font-size: 16px;
        line-height: 24px; } }
    @media (max-width: 639px) {
      .cart--block-title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700; } }
  .cart--block-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 4px 0 12px 0; }
    @media (max-width: 1599px) {
      .cart--block-name {
        font-size: 14px;
        line-height: 20px; } }
    @media (max-width: 1279px) {
      .cart--block-name {
        margin: 4px 0 8px 0; } }
    @media (max-width: 639px) {
      .cart--block-name {
        margin: 4px 0 0 0; } }
  .cart--block-code {
    font-size: 12px;
    line-height: 16px;
    color: #878889; }
    @media (max-width: 1599px) {
      .cart--block-code {
        font-size: 12px;
        line-height: 12px; } }
    .cart--block-code span {
      color: #1f2636; }

@media (max-width: 639px) {
  .ordering--payment-wrap {
    flex-wrap: wrap; } }

@media (max-width: 639px) {
  .ordering--inputs .input--row {
    flex-wrap: wrap; } }

.ordering--success-btn {
  width: 204px;
  margin-top: 24px;
  font-size: 16px;
  line-height: 24px; }
  @media (max-width: 1599px) {
    .ordering--success-btn {
      font-size: 14px;
      line-height: 20px;
      margin-top: 20px; } }

.ordering--success-title {
  font-weight: 500;
  font-size: 28px;
  line-height: calc(40 / 28);
  color: #1f2636; }
  @media (max-width: 1599px) {
    .ordering--success-title {
      font-size: 24px; } }
  @media (max-width: 767px) {
    .ordering--success-title {
      font-size: 18px; } }

.ordering--success-text {
  font-weight: 400;
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #878889;
  margin: 16px 0; }
  @media (max-width: 1599px) {
    .ordering--success-text {
      margin: 12px 0;
      font-size: 14px;
      text-align: center; } }

.ordering--success-number {
  font-weight: 500;
  font-size: 16px;
  line-height: calc(24 / 16);
  color: #1f2636; }
  @media (max-width: 1599px) {
    .ordering--success-number {
      font-size: 14px; } }

.ordering--success-wrap {
  margin: 120px auto 157px; }
  @media (max-width: 1023px) {
    .ordering--success-wrap {
      margin: 108px auto 157px; } }
  @media (max-width: 767px) {
    .ordering--success-wrap {
      margin: 88px auto 117px; } }

.ordering--openMap {
  width: 244px;
  font-size: 16px;
  line-height: 24px; }
  .ordering--openMap svg {
    margin-right: 10px; }
  @media (max-width: 1599px) {
    .ordering--openMap {
      font-size: 14px;
      line-height: 20px;
      width: auto;
      padding: 0 12px; }
      .ordering--openMap svg {
        height: 20px; } }
  @media (max-width: 639px) {
    .ordering--openMap {
      width: 100%;
      margin-top: 8px; } }

.ordering--confirm {
  font-size: 16px;
  line-height: 24px;
  width: 122px; }
  @media (max-width: 1599px) {
    .ordering--confirm {
      font-size: 14px;
      line-height: 20px;
      width: 102px; } }
  @media (max-width: 639px) {
    .ordering--confirm {
      width: 100%; } }

.ordering--subtitle-wrap {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #1f2636;
  margin-bottom: 16px; }
  @media (max-width: 1599px) {
    .ordering--subtitle-wrap {
      font-size: 16px;
      line-height: 24px; } }
  @media (max-width: 479px) {
    .ordering--subtitle-wrap {
      font-size: 14px;
      line-height: 20px; } }

.ordering--title-wrap {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #1f2636;
  margin-bottom: 24px; }
  @media (max-width: 1599px) {
    .ordering--title-wrap {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 16px; } }
  @media (max-width: 639px) {
    .ordering--title-wrap {
      flex-direction: column;
      align-items: flex-start; } }
  .ordering--title-wrap button {
    font-size: 14px;
    line-height: 20px;
    color: #1f2636; }
    @media (max-width: 1599px) {
      .ordering--title-wrap button {
        font-size: 12px;
        line-height: 16px; } }
    @media (max-width: 639px) {
      .ordering--title-wrap button {
        margin-top: 8px; } }
    .ordering--title-wrap button span {
      padding: 4px; }
    .ordering--title-wrap button svg {
      margin-left: 4px; }

.ordering--block {
  border-bottom: 1px solid #c5cbd9;
  padding-right: 26.66667%;
  margin-bottom: 24px; }
  .ordering--block:last-child {
    border-bottom: 0;
    margin-bottom: 0; }
  @media (max-width: 1599px) {
    .ordering--block {
      padding-right: 0;
      margin-bottom: 16px; } }
  .ordering--block-wrap {
    margin-bottom: 24px; }
    @media (max-width: 1599px) {
      .ordering--block-wrap {
        margin-bottom: 16px; } }

.ordering--wrap {
  width: 75%;
  background: #f4f5f6;
  border-radius: 8px;
  padding: 24px 0 24px 24px; }
  @media (max-width: 1599px) {
    .ordering--wrap {
      width: 70.83333%;
      padding: 16px; } }
  @media (max-width: 1279px) {
    .ordering--wrap {
      width: 62.5%; } }
  @media (max-width: 1023px) {
    .ordering--wrap {
      width: 100%; } }
  @media (max-width: 639px) {
    .ordering--wrap {
      padding: 12px; } }
  .ordering--wrap .inpCheck {
    font-size: 16px;
    line-height: 24px; }
    @media (max-width: 1599px) {
      .ordering--wrap .inpCheck {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px; } }
    .ordering--wrap .inpCheck:last-child {
      margin-bottom: 0; }
  .ordering--wrap .input--main input, .ordering--wrap .input--main textarea {
    background: #ffffff; }
  .ordering--wrap .input--main.line--area textarea {
    height: 48px; }
    @media (max-width: 1599px) {
      .ordering--wrap .input--main.line--area textarea {
        height: 40px; } }
  .ordering--wrap .input--main textarea {
    height: 180px; }
    @media (max-width: 1599px) {
      .ordering--wrap .input--main textarea {
        height: 164px; } }
    @media (max-width: 1023px) {
      .ordering--wrap .input--main textarea {
        height: 124px; } }

.ordering--map {
  height: 354px; }
  @media (max-width: 1599px) {
    .ordering--map {
      height: 292px; } }

.ordering--delivery-tab {
  display: none;
  margin-top: 24px; }
  @media (max-width: 1599px) {
    .ordering--delivery-tab {
      margin-top: 16px; } }
  @media (max-width: 1023px) {
    .ordering--delivery-tab {
      margin-top: 12px; } }
  .ordering--delivery-tab .ordering--title-wrap {
    margin-bottom: 16px; }
    @media (max-width: 767px) {
      .ordering--delivery-tab .ordering--title-wrap {
        margin-bottom: 8px; } }
  .ordering--delivery-tab .ordering--delivery-text {
    margin-top: 12px;
    color: #1f2636; }
    .ordering--delivery-tab .ordering--delivery-text.gray {
      color: #878889; }
    @media (max-width: 767px) {
      .ordering--delivery-tab .ordering--delivery-text {
        margin-top: 8px; } }
  .ordering--delivery-tab .inpCheck {
    margin-top: 12px; }
  .ordering--delivery-tab.active {
    display: block; }

.ordering--delivery-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #878889; }
  @media (max-width: 1599px) {
    .ordering--delivery-text {
      font-size: 12px;
      line-height: 16px; } }

@media (max-width: 639px) {
  .ordering--delivery-wrap {
    flex-wrap: wrap; } }

.ordering--radio-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #1f2636;
  margin: 16px 0 8px 0; }
  @media (max-width: 1599px) {
    .ordering--radio-title {
      margin: 12px 0 8px 0;
      font-size: 14px;
      line-height: 20px; } }

.ordering--radio-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #878889; }
  @media (max-width: 1599px) {
    .ordering--radio-text {
      font-size: 12px;
      line-height: 16px; } }

.ordering--radio-block {
  padding: 30px;
  background: #ffffff;
  border-radius: 8px;
  border: 2px solid #ffffff;
  position: relative;
  width: 33.33333%;
  margin: 0 8px;
  text-align: center;
  cursor: pointer; }
  @media (max-width: 1599px) {
    .ordering--radio-block {
      padding: 24px;
      margin: 0 4px; } }
  @media (max-width: 1279px) {
    .ordering--radio-block {
      padding: 16px; } }
  @media (max-width: 639px) {
    .ordering--radio-block {
      width: 100%;
      margin: 0 0 8px 0; }
      .ordering--radio-block:last-child {
        margin-bottom: 0; } }
  .ordering--radio-block.ordering--payment-block {
    width: 50%; }
    @media (max-width: 639px) {
      .ordering--radio-block.ordering--payment-block {
        width: 100%; } }
  .ordering--radio-block:first-child {
    margin-left: 0; }
  .ordering--radio-block:last-child {
    margin-right: 0; }
  .ordering--radio-block label {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden; }
  .ordering--radio-block.active {
    border-color: #4772da; }

.i100 {
  width: 100%; }

.input--row {
  width: 100%; }
  .input--row .input--main:last-child {
    margin-bottom: 16px; }
    @media (max-width: 1599px) {
      .input--row .input--main:last-child {
        margin-bottom: 8px; } }

.i33 {
  width: 33.33333%;
  margin: 0 8px 16px 8px; }
  @media (max-width: 1599px) {
    .i33 {
      margin: 0 4px 8px 4px; } }
  @media (max-width: 639px) {
    .i33 {
      width: 100%;
      margin: 0 0 8px 0; } }
  .i33:last-child {
    margin-right: 0;
    margin-bottom: 16px; }
    @media (max-width: 1599px) {
      .i33:last-child {
        margin-bottom: 8px; } }
  .i33:first-child {
    margin-left: 0; }

.i50 {
  width: calc(50% - 112px); }
  @media (max-width: 1599px) {
    .i50 {
      width: calc(50% - 100px); } }
  @media (max-width: 639px) {
    .i50 {
      width: 100%; } }

.i10 {
  width: 88px; }
  @media (max-width: 639px) {
    .i10 {
      width: calc(50% - 4px); } }