@charset "UTF-8";
/*< подключаем МИКСИНЫ> =======================================*/
/*< подключаем ПЕРЕМЕННЫЕ> ====================================*/
/* шрифт по умолчанию  */
/* максимальная ширина */
/* минимальная ширина  */
/* максимальная ширина контейнера */
/* высота шапки с пунктами меню */
/* высота шапки с логотипом */
/*<подключаем ШРИФТЫ> =========================================*/
/* стили шрифтов */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(/style/fonts/Roboto-Regular.woff2) format("woff2"), url(/style/fonts/Roboto-Regular.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url(/style/fonts/Roboto-Italic.woff2) format("woff2"), url(/style/fonts/Roboto-Italic.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(/style/fonts/Roboto-Medium.woff2) format("woff2"), url(/style/fonts/Roboto-Medium.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: url(/style/fonts/Roboto-MediumItalic.woff2) format("woff2"), url(/style/fonts/Roboto-MediumItalic.woff) format("woff");
}
/*< подключаем баз. параметры>=================================*/
/* стили базовых элементов */
:root {
  --base-font-size: 10px;
  --base-font-family: "Roboto", sans-serif;
  --base-text-color: #fff;
  --base-text-line-height: 1.4;
  --container-max-width: 141rem;
  --gap: 1.5rem;
  --header-text-font-family: "Roboto", sans-serif;
  --header-text-color: inherit;
  --header-text-line-height: 1.2;
  --header-text-bottom-offset: 2rem;
  --header-text-font-weight: 700;
  --header-text-font-size-1: 2.4rem;
  --header-text-font-size-2: 2.2rem;
  --header-text-font-size-3: 2rem;
  --header-text-font-size-4: 1.8rem;
  --header-text-font-size-5: 1.6rem;
  --header-text-font-size-6: 1.4rem;
  --content-text-font-size: 1.6rem;
  --content-text-bottom-offset: 1rem;
  --content-text-bottom-offset-header: 3rem;
  --content-text-list-offset: calc(var(--content-text-bottom-offset)/3);
  --color-accent: #f24822;
  --color-accent-rgb: 242, 72, 34;
  --color-accent-hover: #d73915;
  --color-gray-1: #38302d;
  --color-gray-2: #221d1a;
  --color-gray-3: #77716c;
  --color-green: #6fc152;
  --color-brown: #623e29;
  --form-color-border: #77716c;
  --form-select-border: #221d1a;
  --form-color-btn-bg: #221d1a;
  --controls-border-width: 1px;
  --form-color-text: #ffffff;
  --form-radius-border: 1rem;
  --form-color-bg: #221d1a;
}

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

/* стили html тэгов */
body, html {
  height: 100%;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  font-size: var(--base-font-size);
}

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

body {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
  background: #38302d;
  background: var(--color-gray-1);
  color: #fff;
  color: var(--base-text-color);
  direction: ltr;
  font-family: Roboto, sans-serif;
  font-family: var(--base-font-family);
  font-size: 1.6rem;
  font-size: var(--content-text-font-size);
  line-height: 1.4;
  line-height: var(--base-text-line-height);
  margin: 0;
  min-width: 320px;
  text-align: left;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-decoration-skip: ink;
  color: inherit;
  outline: none;
  text-decoration: none;
  text-decoration-skip-ink: auto;
  -webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s;
  -o-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s;
  transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s;
}

a:not([class]) {
  border-bottom: 0.1rem solid;
  color: #f24822;
  color: var(--color-accent);
}

a:not([class]):hover {
  border-bottom-color: rgba(242, 72, 34, 0);
  border-bottom-color: rgba(var(--color-accent-rgb), 0);
}

a svg, a use {
  pointer-events: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: inherit;
  color: var(--header-text-color);
  font-family: Roboto, sans-serif;
  font-family: var(--header-text-font-family);
  font-weight: 700;
  font-weight: var(--header-text-font-weight);
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  line-height: 1.2;
  line-height: var(--header-text-line-height);
  margin: 0 0 2rem;
  margin: 0 0 var(--header-text-bottom-offset) 0;
}

.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  text-decoration: none;
}

.h1, h1 {
  font-size: 2.4rem;
  font-size: var(--header-text-font-size-1);
}

.h2, h2 {
  font-size: 2.2rem;
  font-size: var(--header-text-font-size-2);
}

.h3, h3 {
  font-size: 2rem;
  font-size: var(--header-text-font-size-3);
}

.h4, h4 {
  font-size: 1.8rem;
  font-size: var(--header-text-font-size-4);
}

.h5, h5 {
  font-size: 1.6rem;
  font-size: var(--header-text-font-size-5);
}

.h6, h6 {
  font-size: 1.4rem;
  font-size: var(--header-text-font-size-6);
}

dl + .h1, dl + .h2, dl + .h3, dl + .h4, dl + .h5, dl + .h6, dl + h1, dl + h2, dl + h3, dl + h4, dl + h5, dl + h6, ol + .h1, ol + .h2, ol + .h3, ol + .h4, ol + .h5, ol + .h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, p + .h1, p + .h2, p + .h3, p + .h4, p + .h5, p + .h6, p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, table + .h1, table + .h2, table + .h3, table + .h4, table + .h5, table + .h6, table + h1, table + h2, table + h3, table + h4, table + h5, table + h6, ul + .h1, ul + .h2, ul + .h3, ul + .h4, ul + .h5, ul + .h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {
  margin-top: 3rem;
  margin-top: var(--content-text-bottom-offset-header);
}

p {
  margin: 0 0 1rem;
  margin: 0 0 var(--content-text-bottom-offset) 0;
}

ol, ul {
  margin: 0 0 1rem 2.5rem;
  margin: 0 0 var(--content-text-bottom-offset) 2.5rem;
  padding: 0;
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0;
}

ol:not([class]) li + li, ul:not([class]) li + li {
  margin-top: 0.33333rem;
  margin-top: var(--content-text-list-offset);
}

dl {
  margin: 0 0 1rem;
  margin: 0 0 var(--content-text-bottom-offset) 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -50%;
}

sub {
  bottom: -25%;
}

big {
  font-size: 120%;
}

small {
  font-size: 80%;
}

code, kbd, pre, samp {
  font-family: monospace, sans-serif;
}

pre {
  overflow: auto;
}

address {
  font-style: normal;
}

cite, dfn, em, i {
  font-style: italic;
}

ins, u, var {
  text-decoration: underline;
}

b, strong {
  font-weight: 700;
}

del, s, strike {
  text-decoration: line-through;
}

abbr, acronym {
  border-bottom: 0.1rem dashed;
  cursor: help;
}

mark {
  background: #ff0;
  color: #000;
}

blockquote, q {
  border-left: 0.5rem solid #eee;
  font-style: normal;
  margin: 0 0 1rem;
  padding: 1rem 2rem;
  quotes: "" "";
}

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

img {
  -ms-interpolation-mode: bicubic;
  height: auto;
  max-width: 100%;
  vertical-align: top;
}

hr, img {
  border: 0;
}

hr {
  background: #eee;
  display: block;
  height: 0.1rem;
  margin: 2rem 0;
  padding: 0;
}

svg:not(:root) {
  overflow: hidden;
}

.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, blockquote:last-child, dl:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ol:last-child, p:last-child, q:last-child, table:last-child, ul:last-child {
  margin-bottom: 0;
}

table {
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  border-collapse: collapse;
  border-spacing: 0;
  font-variant-numeric: tabular-nums;
  width: 100%;
}

table caption, table th {
  font-weight: 700;
}

table caption {
  padding-bottom: 1rem;
  text-align: center;
}

table[border] td, table[border] th {
  border: 0;
}

table[cellpadding] td, table[cellpadding] th {
  padding: 0;
}

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

summary {
  display: list-item;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

video {
  height: auto;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

figure {
  margin: 0;
}

::-ms-clear {
  display: none;
}

fieldset, form, frame, frameset, iframe {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  display: block;
}

legend {
  padding: 0 0.5rem;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  outline: none;
  vertical-align: baseline;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-moz-placeholder, ::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

button, input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
}

button[disabled], input[disabled], select[disabled], textarea[disabled] {
  cursor: default;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  vertical-align: baseline;
}

input[type=search], input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

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

textarea {
  height: auto;
  overflow: auto;
  resize: none;
  vertical-align: top;
}

optgroup {
  font-weight: 700;
}

.wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}

.container {
  margin: 0 auto;
  max-width: 144rem;
  max-width: calc(var(--container-max-width) + var(--gap) * 2);
  padding-left: 1.5rem;
  padding-left: var(--gap);
  padding-right: 1.5rem;
  padding-right: var(--gap);
  width: 100%;
}

.container.container_small {
  max-width: 86rem;
}

.list {
  margin: 0;
  padding: 0;
}

.list, .list__item {
  list-style: none;
}

.list__link {
  display: block;
}

.link-arrow {
  color: #f24822;
  color: var(--color-accent);
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2.2rem;
  padding-right: 2.4rem;
  position: relative;
  text-transform: uppercase;
  vertical-align: top;
}

.link-arrow:after {
  border-right: 0.2rem solid;
  border-top: 0.2rem solid;
  content: "";
  display: block;
  height: 1.2rem;
  margin-top: -0.6rem;
  pointer-events: none;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1.2rem;
}

.link-arrow.link-arrow_back {
  padding-left: 2.4rem;
  padding-right: 0;
}

.link-arrow.link-arrow_back:after {
  left: 0.3rem;
  right: auto;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.link-arrow:hover {
  color: #d73915;
  color: var(--color-accent-hover);
}

.pagetitle {
  text-align: center;
}

/* =========================================================== */
/* ================= СТРУКТУРА КАРКАСА САЙТА ================= */
/* =========================================================== */
.header {
  -webkit-box-flex: 0;
  background: #38302d;
  background: var(--color-gray-1);
  -ms-flex: none;
  flex: none;
  height: 7.5rem;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
@media (max-width: 599px) {
  .header {
    height: 6rem;
  }
}

.header .container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.header .container > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

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

.header__controls > * {
  min-width: 0;
}

.header__controls.header__controls_right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header__menu-control {
  background: none;
  border: none;
  border-radius: 0;
  font-size: 0;
  height: 2.4rem;
  margin-left: -0.5rem;
  padding: 0;
  position: relative;
  width: 3rem;
}

.header__menu-control span,
.header__menu-control:after,
.header__menu-control:before {
  background-color: #fff;
  border-radius: 0.2rem;
  height: 0.2rem;
  left: 0.5rem;
  top: 50%;
  -webkit-transition: background-color 0.25s, width 0.25s;
  -o-transition: background-color 0.25s, width 0.25s;
  transition: background-color 0.25s, width 0.25s;
}

.header__menu-control:after,
.header__menu-control:before {
  content: "";
  display: block;
  position: absolute;
}

.header__menu-control span {
  display: block;
  margin-top: -0.1rem;
  position: absolute;
  width: 1.5rem;
}

.header__menu-control:before {
  margin-top: -0.7rem;
  width: 2rem;
}

.header__menu-control:after {
  margin-top: 0.5rem;
  width: 1rem;
}

.header__menu-control:hover span,
.header__menu-control:hover:after,
.header__menu-control:hover:before {
  background-color: #f24822;
  background-color: var(--color-accent);
  width: 2rem;
}

.header__search {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.4rem;
  justify-content: center;
  width: 2.4rem;
}

.header__search > * {
  min-width: 0;
}

.header__search svg {
  -webkit-box-flex: 0;
  fill: #fff;
  display: block;
  -ms-flex: none;
  flex: none;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.header__search:hover svg {
  fill: #f24822;
  fill: var(--color-accent);
}

.header * + .header__search {
  margin-left: 4rem;
}
@media (max-width: 599px) {
  .header * + .header__search {
    margin-left: 2rem;
  }
}

.header__logotype {
  text-align: center;
}

.header__cart {
  margin-right: 4.6rem;
}
@media (max-width: 767px) {
  .header__cart {
    margin-right: 1.6rem;
  }
}
@media (max-width: 599px) {
  .header__cart {
    margin-right: 1rem;
  }
}

.header__lang {
  margin-right: 2.6rem;
}
@media (max-width: 767px) {
  .header__lang {
    margin-right: 1.6rem;
  }
}
@media (max-width: 599px) {
  .header__lang {
    margin-right: 1rem;
  }
}

.header__cart a,
.header__lang a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 3.6rem;
  justify-content: center;
  position: relative;
  width: 3.6rem;
}

.header__cart a > * {
  min-width: 0;
}

.header__cart a svg {
  fill: currentColor;
  display: block;
}

.header__cart a span {
  background-color: #f24822;
  background-color: var(--color-accent);
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  height: 2.2rem;
  line-height: 2.2rem;
  overflow: hidden;
  position: absolute;
  right: -0.3rem;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  top: 0.1rem;
  white-space: nowrap;
  width: 2.2rem;
}

.header__cart a:hover {
  color: #f24822;
  color: var(--color-accent);
}

.header__lang a img {
  width: 24px;
  opacity: 0.8;
}

.header__email {
  margin-right: 1.6rem;
}
@media (max-width: 599px) {
  .header__email {
    margin-right: 1rem;
    width: 2.4rem;
  }
}

.header__email a {
  border-bottom: none;
  color: #fff;
  display: block;
  line-height: 1;
}

.header__email a:hover {
  color: #f24822;
  color: var(--color-accent);
}

.header__email a svg {
  fill: currentColor;
  display: block;
  max-width: 100%;
}

.header__phone {
  text-align: right;
}

.header__phone a {
  border-bottom: none;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .header__phone a {
    font-size: inherit;
  }
}
@media (max-width: 767px) {
  .header__phone a {
    background: url(/img/site_img/phone.svg) no-repeat 50% 50%/100% 100%;
    display: block;
    font-size: 0;
    height: 2.4rem;
    width: 2.4rem;
  }
}
@media (max-width: 599px) {
  .header__phone a {
    height: 2rem;
    width: 2rem;
  }
}

.header__phone a:hover {
  color: #f24822;
  color: var(--color-accent);
}

.logotype {
  background: url(/img/site_img/logo-lecar.png) no-repeat 50% 50%/100% 100%;
  display: inline-block;
  font-size: 0;
  height: 4.2rem;
  vertical-align: top;
  width: 12rem;
}
@media (max-width: 599px) {
  .logotype {
    height: 2.8rem;
    width: 8rem;
  }
}

/* стили хлебных крошек */
.list_crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list_crumbs > * {
  min-width: 0;
}

.list_crumbs .list__item {
  -webkit-box-flex: 0;
  color: #f24822;
  color: var(--color-accent);
  -ms-flex: none;
  flex: none;
  max-width: 100%;
  padding-right: 1.4rem;
  position: relative;
}

.list_crumbs .list__item:after {
  content: "/";
  display: block;
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 1.4rem;
}

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

.list_crumbs .list__link {
  display: block;
  font-size: 1.4rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.list_crumbs .list__link[href]:hover {
  color: #fff;
}

.list_crumbs + .pagetitle {
  margin-top: 2.5rem;
}

.list_crumbs + .pagetitle {
  margin-top: 2.5rem;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: auto 1;
  flex: auto 1;
  padding-bottom: 6rem;
  padding-top: 7.5rem;
  width: 100%;
}
@media (max-width: 599px) {
  .main {
    padding-top: 6rem;
  }
}

.section.section_heading {
  padding-bottom: 4rem;
  padding-top: 1.5rem;
}
@media (max-width: 599px) {
  .section.section_heading {
    padding-bottom: 3rem;
  }
}

.section_main {
  padding-top: 0.5rem;
}

.hide {
  display: none;
}

div.page__content {
  margin-top: 4rem;
}

.footer {
  -webkit-box-flex: 0;
  border-top: 0.1rem solid #221d1a;
  border-top: 0.1rem solid var(--color-gray-2);
  -ms-flex: none;
  flex: none;
  padding-bottom: 2.2rem;
  padding-top: 4rem;
}

.footer__menu {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin: -1.5rem 0 0 -9.8rem;
}
@media (max-width: 767px) {
  .footer__menu {
    margin-left: -3rem;
  }
}

.footer__menu > * {
  min-width: 0;
}

.footer__menu .list__item {
  margin: 1.5rem 0 0 9.8rem;
}
@media (max-width: 767px) {
  .footer__menu .list__item {
    margin-left: 3rem;
  }
}

.footer__menu .list__item.list__item_active .list__link {
  color: #f24822;
  color: var(--color-accent);
}

.footer__menu .list__link {
  font-weight: 700;
}

.footer__menu .list__link:hover {
  color: #f24822;
  color: var(--color-accent);
}

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

.footer__social > * {
  min-width: 0;
}

.footer__social .list__item + .list__item {
  margin-left: 4rem;
}

.footer__social .list__link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.4rem;
  justify-content: center;
  width: 2.4rem;
}

.footer__social .list__link > * {
  min-width: 0;
}

.footer__social .list__link svg {
  -webkit-box-flex: 0;
  fill: #221d1a;
  fill: var(--color-gray-2);
  display: block;
  -ms-flex: none;
  flex: none;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.footer__social .list__link:hover svg {
  fill: #fff;
}

.footer * + .footer__social {
  margin-top: 4rem;
}

.footer__copyright {
  color: #77716c;
  color: var(--color-gray-3);
  font-size: 1.4rem;
  margin-top: 4rem;
  text-align: center;
}

.footer__copyright span {
  display: inline-block;
}

.footer__copyright span + span {
  margin-left: 1.8rem;
}

/* стили пейджера */
.button-more {
  margin-top: 7rem;
  text-align: center;
}

.pager_container {
  clear: both;
  width: 100%;
}

DIV.pager_pages {
  border-top: 0.1rem solid #221d1a;
  border-bottom: 0.1rem solid #221d1a;
  margin-top: 10px;
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

DIV.pager_pages > DIV {
  min-width: 150px;
  display: flex;
  align-items: center;
}
@media screen and (orientation: portrait) and (max-width: 479.98px) {
  DIV.pager_pages > DIV {
    display: none;
  }
}

DIV.pager_pages > DIV A {
  color: #fff;
  margin: 0 2rem;
  position: relative;
}

DIV.pager_pages > DIV A:hover {
  color: var(--color-accent);
}

DIV.pager_pages > DIV A.nav.forward:after,
DIV.pager_pages > DIV A.nav.last:after {
  border-right: 0.2rem solid;
  border-top: 0.2rem solid;
  content: "";
  display: block;
  height: 1.2rem;
  margin-top: -0.5rem;
  pointer-events: none;
  position: absolute;
  right: -1.5rem;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1.2rem;
}

DIV.pager_pages > DIV A.nav.first:before,
DIV.pager_pages > DIV A.nav.back:before {
  border-left: 0.2rem solid;
  border-bottom: 0.2rem solid;
  content: "";
  display: block;
  height: 1.2rem;
  margin-top: -0.5rem;
  pointer-events: none;
  position: absolute;
  left: -1.5rem;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1.2rem;
}

DIV.pager_pages UL {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  list-style: none;
  align-items: center;
}

DIV.pager_pages UL LI {
  margin: 0.6rem 0.5rem 0 0.5rem;
}

DIV.pager_pages UL LI A {
  text-decoration: none;
}

DIV.pager_pages UL LI A:hover {
  color: var(--color-accent);
}

DIV.pager_pages UL LI SPAN {
  color: var(--color-accent);
}

DIV.pager_container DIV.button-more A.button.button_more:hover svg {
  -webkit-animation: refresh 1s linear infinite;
  animation: refresh 1s linear infinite;
}

.navigation {
  -webkit-box-flex: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-flex: none;
  flex: none;
  opacity: 0;
  position: fixed;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: opacity 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
  transition: opacity 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
  -o-transition: opacity 0.25s 0.25s, transform 0.25s 0.25s;
  transition: opacity 0.25s 0.25s, transform 0.25s 0.25s;
  transition: opacity 0.25s 0.25s, transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
  z-index: 999;
}

.navigation, .navigation:before {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.navigation:before {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(38, 33, 30, 0.5);
  content: "";
  display: block;
  position: absolute;
}

.navigation__holder {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  height: 100%;
  max-width: 100%;
  opacity: 0;
  position: relative;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, -webkit-transform 0.25s;
  -o-transition: opacity 0.25s, transform 0.25s;
  transition: opacity 0.25s, transform 0.25s;
  transition: opacity 0.25s, transform 0.25s, -webkit-transform 0.25s;
  width: 37.5rem;
}

.navigation__heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 7.6rem;
  justify-content: space-between;
  padding: 0 3rem 0 4.5rem;
}

.navigation__heading > * {
  min-width: 0;
}

.navigation__close {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  border-radius: 0;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0;
  height: 2.4rem;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 2.4rem;
}

.navigation__close > * {
  min-width: 0;
}

.navigation__close svg {
  fill: #fff;
  display: block;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.navigation__close:hover svg {
  fill: #f24822;
  fill: var(--color-accent);
}

.navigation__account {
  display: block;
  font-size: 0;
  height: 2rem;
  width: 2rem;
}

.navigation__account svg {
  fill: #fff;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.navigation__account:hover svg {
  fill: #f24822;
  fill: var(--color-accent);
}

.navigation__body {
  height: calc(100% - 7.6rem);
  padding-bottom: 4rem;
}

.navigation__body-scroll {
  height: 100%;
}

.navigation .list_hero {
  padding-top: 0.8rem;
}

.navigation .list_hero .list__item.list__item_active .list__link {
  color: #f24822;
  color: var(--color-accent);
}

.navigation .list_hero .list__item.list__item_onoff {
  display: none;
}
@media (max-width: 1279px) {
  .navigation .list_hero .list__item.list__item_onoff {
    display: block;
  }
}

.navigation .list_hero .list {
  margin-left: 2rem;
}

.navigation .list_hero .list .list__item {
  margin: 0;
}

.navigation .list_hero .list__item + .list__item {
  margin-top: 2.2rem;
}

.navigation .list_hero .list .list__item + .list__item {
  margin-top: 0;
}

.navigation .list_hero .list__link {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.8rem 3.5rem 0.8rem 4.5rem;
}

.navigation .list_hero .list__link > * {
  min-width: 0;
}

.navigation .list_hero .list__link-icon {
  -webkit-box-flex: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 2.2rem;
  flex: 0 0 2.2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 2.2rem;
  justify-content: center;
  max-width: 2.2rem;
}

.navigation .list_hero .list__link-icon > * {
  min-width: 0;
}

.navigation .list_hero .list__link-icon svg {
  fill: currentColor;
  display: block;
  max-height: 100%;
  max-width: 100%;
}

.navigation .list_hero .list__link span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 700;
  padding-left: 2rem;
}

.navigation .list_hero .list__link:hover {
  color: #f24822;
  color: var(--color-accent);
}

.navigation .list_hero + .list_other {
  margin-top: 4.6rem;
}

.navigation .list_other .list__item.list__item_active .list__link {
  color: #f24822;
  color: var(--color-accent);
}

.navigation .list_other .list__item + .list__item {
  margin-top: 2.8rem;
}

.navigation .list_other .list__link {
  padding: 0 3.5rem;
}

.navigation .list_other .list__link:hover {
  color: #f24822;
  color: var(--color-accent);
}

.navigation.navigation_show {
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, -webkit-transform 0.25s;
  -o-transition: opacity 0.25s, transform 0.25s;
  transition: opacity 0.25s, transform 0.25s;
  transition: opacity 0.25s, transform 0.25s, -webkit-transform 0.25s;
}

.navigation.navigation_show, .navigation.navigation_show .navigation__holder {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.navigation.navigation_show .navigation__holder {
  -webkit-transition: opacity 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
  transition: opacity 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
  -o-transition: opacity 0.25s 0.25s, transform 0.25s 0.25s;
  transition: opacity 0.25s 0.25s, transform 0.25s 0.25s;
  transition: opacity 0.25s 0.25s, transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
}

/*< подключаем стили для форм и кастомизации элементов>========*/
/* стили форм */
input[type=checkbox],
input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

input[type=checkbox] + label,
input[type=radio] + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid var(--form-color-border);
  border-radius: 0em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

input[type=checkbox]:checked + label::before {
  border-color: var(--form-color-border);
  background-color: var(--form-color-bg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2377716c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

input[type=checkbox]:not(:disabled):not(:checked) + label:hover::before {
  border-color: var(--form-color-border);
}

/* стили для активного состояния чекбокса (при нажатии на него) */
input[type=checkbox]:not(:disabled):active + label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
input[type=checkbox]:focus + label::before {
  /* box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); */
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
input[type=checkbox]:focus:not(:checked) + label::before {
  border-color: var(--form-color-border);
}

/* стили для чекбокса, находящегося в состоянии disabled */
input[type=checkbox]:disabled + label::before {
  background-color: #e9ecef;
}

/* создание в label псевдоэлемента  before со следующими стилями */
input[type=radio] + label::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid var(--form-color-border);
  border-radius: 50%;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили при наведении курсора на радио */
input[type=radio]:not(:disabled):not(:checked) + label:hover::before {
  border-color: #b3d7ff;
}

/* стили для активной радиокнопки (при нажатии на неё) */
input[type=radio]:not(:disabled):active + label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

/* стили для радиокнопки, находящейся в фокусе */
input[type=radio]:focus + label::before {
  /* box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); */
}

/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
input[type=radio]:focus:not(:checked) + label::before {
  border-color: var(--form-color-border);
}

/* стили для радиокнопки, находящейся в состоянии checked */
input[type=radio]:checked + label::before {
  border-color: var(--form-color-border);
  background-color: var(--form-color-bg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%2377716c'/%3e%3c/svg%3e");
}

/* стили для радиокнопки, находящейся в состоянии disabled */
input[type=radio]:disabled + label::before {
  background-color: #e9ecef;
}

.checkbox,
.radio {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.checkbox input,
.radio input {
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 0;
}

.checkbox input:checked + span:after,
.radio input:checked + span:after {
  opacity: 1;
}

.checkbox span,
.radio span {
  display: block;
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 0.1rem 0 0.1rem 3.4rem;
  position: relative;
}

.checkbox span:after,
.checkbox span:before,
.radio span:after,
.radio span:before {
  content: "";
  display: block;
  height: 2.2rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 2.2rem;
}

.checkbox span:before,
.radio span:before {
  background: #77716c;
  background: var(--color-gray-3);
  border-radius: 0.7rem;
}

.checkbox span:after,
.radio span:after {
  background: url(/img/site_img/check.svg) no-repeat 55% 50%/1.5rem 1.1rem;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.radio span:after,
.radio span:before {
  border-radius: 50%;
}

/* */
.button {
  background: #f24822;
  background: var(--color-accent);
  border: 0;
  border-radius: 1rem;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  min-width: 15rem;
  padding: 1.2rem 1.6rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.25s, background-color 0.25s, border-color 0.25s;
  -o-transition: color 0.25s, background-color 0.25s, border-color 0.25s;
  transition: color 0.25s, background-color 0.25s, border-color 0.25s;
}

.button:hover {
  background-color: #d73915;
  background-color: var(--color-accent-hover);
}

.button.button_more {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #77716c;
  background-color: var(--color-gray-3);
  border-radius: 3rem;
  color: #221d1a;
  color: var(--color-gray-2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 2rem 4.2rem;
  text-transform: none;
}

.button.button_more svg {
  fill: currentColor;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-right: 2.2rem;
}

.button.button_more:hover {
  background-color: #fff;
}

.button.button_more:hover svg {
  -webkit-animation: refresh 1s linear infinite;
  animation: refresh 1s linear infinite;
}

.button.button_brown {
  background-color: #623e29;
  background-color: var(--color-brown);
}

.button.button_gray {
  background-color: #38302d;
  background-color: var(--color-gray-1);
}

.button.button_gray:hover {
  background-color: #d73915;
  background-color: var(--color-accent-hover);
}

.button.button_gray-light {
  background-color: #77716c;
  background-color: var(--color-gray-3);
}

.button.button_gray-light:hover {
  background-color: #d73915;
  background-color: var(--color-accent-hover);
}

.button.button_round {
  background: transparent;
  border: 0.1rem solid;
  border-radius: 2.2rem;
  color: #f24822;
  color: var(--color-accent);
  font-size: 1.8rem;
  font-weight: 400;
  padding: 1.1rem 4.4rem;
  text-transform: none;
}

.button.button_round:hover {
  color: #fff;
}

.button.button_small-gray {
  background: transparent;
  border: 0.1rem solid #38302d;
  border: 0.1rem solid var(--color-gray-1);
  color: #77716c;
  color: var(--color-gray-3);
  font-weight: 400;
  padding: 0.4rem 1.8rem;
  text-transform: none;
}

.button.button_small-gray:hover {
  border-color: #fff;
  color: #fff;
}

/* */
.form.form_cancel {
  margin: 0 auto;
  max-width: 50rem;
}

.form.form_cancel .form__controls {
  margin-top: 3rem;
}

.form.form_cancel .form__controls-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -2rem;
}

.form.form_cancel .form__controls-button > * {
  min-width: 0;
}

.form.form_cancel .form__controls-button .button {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-left: 2rem;
  min-width: 13rem;
}

.form__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -3rem 0 0 -3rem;
}
@media (max-width: 599px) {
  .form__group {
    display: block;
    margin: 0;
  }
}

.form__group > * {
  min-width: 0;
}

.form__group .form__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  margin-top: 3rem;
  max-width: 50%;
  padding-left: 3rem;
}
@media (max-width: 599px) {
  .form__group .form__item {
    margin-top: 0;
    max-width: none;
    padding-left: 0;
  }
}

.form__item + .form__item {
  margin-top: 3rem;
}
@media (max-width: 599px) {
  .form__item + .form__item {
    margin-top: 2rem;
  }
}

.form__item + .form__group {
  margin-top: 0;
}
@media (max-width: 599px) {
  .form__item + .form__group {
    margin-top: 2rem;
  }
}

.form__title {
  color: #77716c;
  color: var(--color-gray-3);
  font-weight: 700;
  margin-bottom: 3rem;
}
@media (max-width: 599px) {
  .form__title {
    margin-bottom: 2rem;
  }
}

.form * + .form__title {
  margin-top: 6rem;
}
@media (max-width: 599px) {
  .form * + .form__title {
    margin-top: 4rem;
  }
}

.form__footnote {
  margin-top: 3.5rem;
  text-align: center;
}

.form__captcha {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 6rem;
}
@media (max-width: 599px) {
  .form__captcha {
    margin-top: 4rem;
    display: block;
  }
}

form.form.page div.form__captcha {
  justify-content: start;
  margin-top: 3rem;
}
@media (max-width: 599px) {
  form.form.page div.form__captcha {
    display: flex;
    margin-top: 0;
  }
}

.form__captcha > * {
  min-width: 0;
}

.form__captcha-image {
  border-radius: 1rem;
  margin-right: 3.6rem;
  overflow: hidden;
}
@media (max-width: 599px) {
  .form__captcha-image {
    display: inline-block;
    margin-right: 0;
  }
}

form.form.page div.form__captcha .form__captcha-image {
  margin-right: 1.6rem;
}

.form__captcha-image img {
  display: block;
  max-height: 6.8rem;
  width: auto;
}
@media (max-width: 599px) {
  .form__captcha-image img {
    min-height: 4.2rem;
  }
}

.form__captcha-input {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22rem;
  /*    flex: 0 0 22rem;
      max-width: 22rem;*/
  flex: 0 0 20rem;
  max-width: 20rem;
}
@media (max-width: 599px) {
  .form__captcha-input {
    margin-top: 2rem;
    max-width: none;
  }
}

.form__controls {
  margin-top: 7.6rem;
  text-align: center;
}

@media (max-width: 599px) {
  .form__controls .button {
    width: 100%;
  }
}

@media (max-width: 599px) {
  .form__controls .button + .button {
    margin-top: 1.6rem;
  }
}

.form__controls-check {
  line-height: 0;
}

.form__controls-button {
  margin-top: 4rem;
}

/* */
.field__label {
  color: #77716c;
  color: var(--color-gray-3);
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  padding-left: 4rem;
}
@media (max-width: 767px) {
  .field__label {
    padding-left: 2rem;
  }
}

.field textarea.field__input {
  height: 16rem;
}

.field__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #221d1a;
  background: var(--color-gray-2);
  border: 0.1rem solid #221d1a;
  border: 0.1rem solid var(--color-gray-2);
  border-radius: 1rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  display: block;
  font-size: 1.6rem;
  height: 4.4rem;
  line-height: 2rem;
  padding: 1.1rem 3.9rem;
  width: 100%;
}
@media (max-width: 767px) {
  .field__input {
    padding: 1.1rem 1.9rem;
  }
}

.field__input.field__input_file {
  border: none;
  overflow: hidden;
  padding: 0;
}

.field__input.field__input_file input {
  cursor: pointer;
  height: 100%;
  line-height: 4.4rem;
  padding-right: 2rem;
  width: 100%;
}

.field__input.field__input_file input::-webkit-file-upload-button {
  background: #f24822;
  background: var(--color-accent);
  border: none;
  color: #fff;
  cursor: pointer;
  height: 100%;
  margin-right: 2rem;
  padding: 0 3rem;
  vertical-align: top;
}

.field__input[data-calendar] {
  background-image: url(/img/site_img/calendar.svg);
  background-position: 3.9rem 50%;
  background-repeat: no-repeat;
  background-size: 2rem 2.2rem;
  padding-left: 8.6rem;
}

.field__input::-webkit-input-placeholder {
  color: #77716c;
  color: var(--color-gray-3);
}

.field__input:-moz-placeholder,
.field__input::-moz-placeholder {
  color: #77716c;
  color: var(--color-gray-3);
}

.field__input:-ms-input-placeholder {
  color: #77716c;
  color: var(--color-gray-3);
}

.field__input.field__input_phone {
  color: #77716c;
  color: var(--color-gray-3);
}

.field__input.field__input_phone.field__input_phone-complete,
.field__input.field__input_phone:focus {
  color: #fff;
}

.field__holder {
  position: relative;
}

.field__holder.field__holder_arrow:after {
  border-right: 0.2rem solid;
  border-top: 0.2rem solid;
  content: "";
  display: block;
  height: 1.2rem;
  margin-top: -0.6rem;
  pointer-events: none;
  position: absolute;
  right: 3rem;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1.2rem;
}

.field__holder.field__holder_arrow .field__input {
  padding-right: 6rem;
  position: relative;
}

.field.field_error .field__input {
  border-color: red;
}

form.form.page {
  margin-top: 4rem;
}

form.form.page div.form__controls {
  margin: 0px;
  text-align: left;
}

form.form.page div.form__title {
  padding: 1rem 0px;
}

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

.form__fields__block.line {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.form__fields__block.line .form__item {
  margin-top: 0px;
}

.form__fields__block .form__item .field__label {
  padding-left: 0.5rem;
}

.form__fields__block.line .form__item.part2 {
  width: calc(50% - 10px);
}

.form__fields__block.line .form__item.part3 {
  width: calc(33.3333333% - 10px);
}

.form__fields__block.line .form__item.part4 {
  width: calc(25% - 10px);
}

.form__item .field UL.options {
  list-style: none;
  margin-left: 1.5rem;
}

@media (max-width: 767px) {
  .form__fields__block.line {
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 0px;
  }
  .form__fields__block.line .form__item.part2,
  .form__fields__block.line .form__item.part3,
  .form__fields__block.line .form__item.part4 {
    width: 100%;
  }
  .form__fields__block .form__item {
    margin-bottom: 1.2rem;
  }
}
.custom-select,
.custom-multiselect {
  position: relative;
  width: 100%;
  text-align: left;
  outline: none;
  line-height: 28px;
  font-size: 14px;
}

.custom-select.hide,
.custom-multiselect.hide {
  display: none;
}

.custom-select .selected,
.custom-multiselect .selected {
  background-color: var(--form-color-bg);
  border: 1px solid var(--form-select-border);
  color: var(--form-color-text);
  cursor: pointer;
  user-select: none;
  border-radius: var(--form-radius-border);
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}

.custom-select .selected.open,
.custom-multiselect .selected.open {
  border: 1px solid var(--form-color-border);
  border-top-left-radius: var(--form-radius-border);
  border-top-right-radius: var(--form-radius-border);
}

/* стрелочка SELECT-а
.custom-select .selected:after,
.custom-multiselect .selected:after {
    position: absolute;
    content: "";
    top: 11px;
    right: 0.9em;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: var(--form-color-border) transparent transparent transparent;
}
*/
.custom-select .selected span.body,
.custom-multiselect .selected span.body {
  flex-grow: 1;
  padding-left: 1em;
  padding-right: 1em;
  text-wrap: nowrap;
}

/* квадратик со стрелочкой у SELECT-а */
.custom-select .selected span.arrow,
.custom-multiselect .selected span.arrow {
  width: 42px;
  height: 42px;
  background-color: var(--form-color-btn-bg);
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: var(--form-radius-border);
  border-bottom-right-radius: var(--form-radius-border);
}

.custom-select .selected span.arrow span,
.custom-multiselect .selected span.arrow span {
  vertical-align: middle;
  margin: 0 5px;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.custom-select .items div.search,
.custom-multiselect .items div.search {
  padding: 0.5em;
}

.custom-select .items div.search input,
.custom-multiselect .items div.search input {
  width: 100%;
  border: var(--controls-border-width) solid var(--form-color-btn-bg);
  padding: 5px var(--controls-form-padding-y);
  color: var(--form-color-text);
}

.custom-select .items div.search input:focus,
.custom-multiselect .items div.search input:focus {
  outline: none !important;
}

.custom-select .items div.search > div,
.custom-multiselect .items div.search > div {
  display: none;
}

.custom-select .items div.search > div.visible,
.custom-multiselect .items div.search > div.visible {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  max-height: 140px;
  border-right: 1px solid var(--form-color-border);
  border-left: 1px solid var(--form-color-border);
  border-bottom: 1px solid var(--form-color-border);
}

.custom-select .items div.search > div.empty,
.custom-multiselect .items div.search > div.empty {
  display: block;
}

.custom-select div.items div.search > div > div:hover,
.custom-multiselect div.items div.search > div > div:hover {
  background-color: var(--form-color-btn-bg);
  color: #fff;
}

.custom-select div.items,
.custom-multiselect div.items {
  color: var(--form-color-text);
  border-right: 1px solid var(--form-color-border);
  border-left: 1px solid var(--form-color-border);
  border-bottom: 1px solid var(--form-color-border);
  position: absolute;
  background-color: var(--form-color-bg);
  left: 0;
  right: 0;
  z-index: 1;
  border-bottom-right-radius: var(--form-radius-border);
  border-bottom-left-radius: var(--form-radius-border);
}

.custom-multiselect div.items div.content,
.custom-select div.items div.content {
  overflow-y: scroll;
  max-height: 140px;
}

.custom-multiselect .items .item {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.custom-select .items div.content,
.custom-multiselect .items div.content {
  color: var(--form-color-text);
  padding-left: 1em;
  cursor: pointer;
  user-select: none;
}

.custom-multiselect .items label.locked {
  opacity: 0.55;
  background-color: #f1f1f1;
}

.custom-select .items section.group,
.custom-multiselect .items section.group {
  box-sizing: content-box;
}

.custom-select .items section.group.locked,
.custom-multiselect .items section.group.locked,
.custom-multiselect .items div.locked {
  opacity: 0.55;
  background-color: #f1f1f1;
}

.custom-select .items section.group > span {
  text-wrap: nowrap;
}

.custom-select .items section.group > span,
.custom-multiselect .items section.group > a {
  font-weight: bold;
  padding-left: 1em;
}

.custom-select .items section.group div.ingroup,
.custom-multiselect .items section.group div.ingroup {
  padding-left: 2em;
}

.custom-multiselect .items section.group {
  display: flex;
  flex-direction: column;
}

.custom-multiselect .items section.group section.subitems {
  width: 100%;
}

.custom-multiselect .items section.group section.subitems.hide {
  display: none;
}

.custom-select div.items div.content div:hover,
.custom-multiselect div.items div.content div:hover {
  background-color: var(--form-color-btn-bg);
  color: #fff;
}

.custom-date {
  height: 42px;
  padding: 2px 0px;
}

.custom-date label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  left: 0;
  top: 0;
  overflow: hidden;
  background-color: var(--form-color-bg);
  border: 1px solid var(--form-select-border);
  border-radius: var(--form-radius-border);
  height: inherit;
  width: inherit;
  padding-right: 0.5em;
  cursor: pointer;
}

.custom-date label input[type=date] {
  height: 0;
  width: 0;
  opacity: 0;
  position: absolute;
  left: -6px;
}

.custom-date label input[type=text] {
  flex-grow: 1;
  border: none;
  background-color: var(--form-color-bg);
  padding: 1.1rem 0 1.1rem 3.9rem;
}

.custom-date label input[type=text]:focus {
  outline: none;
}

.custom-date label input[type=text]::placeholder {
  color: #77716c;
}

.custom-date label svg path {
  fill: #77716c;
}

/* */
@-webkit-keyframes refresh {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes refresh {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.button {
  background: #f24822;
  background: var(--color-accent);
  border: 0;
  border-radius: 1rem;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  min-width: 15rem;
  padding: 1.2rem 1.6rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.25s, background-color 0.25s, border-color 0.25s;
  -o-transition: color 0.25s, background-color 0.25s, border-color 0.25s;
  transition: color 0.25s, background-color 0.25s, border-color 0.25s;
}

.button:hover {
  background-color: #d73915;
  background-color: var(--color-accent-hover);
}

.button.button_more {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #77716c;
  background-color: var(--color-gray-3);
  border-radius: 3rem;
  color: #221d1a;
  color: var(--color-gray-2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 2rem 4.2rem;
  text-transform: none;
}

.button.button_more svg {
  fill: currentColor;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-right: 2.2rem;
}

.button.button_more:hover {
  background-color: #fff;
}

.button.button_more:hover svg {
  -webkit-animation: refresh 1s linear infinite;
  animation: refresh 1s linear infinite;
}

.button.button_brown {
  background-color: #623e29;
  background-color: var(--color-brown);
}

.button.button_gray {
  background-color: #38302d;
  background-color: var(--color-gray-1);
}

.button.button_gray:hover {
  background-color: #d73915;
  background-color: var(--color-accent-hover);
}

.button.button_gray-light {
  background-color: #77716c;
  background-color: var(--color-gray-3);
}

.button.button_gray-light:hover {
  background-color: #d73915;
  background-color: var(--color-accent-hover);
}

.button.button_round {
  background: transparent;
  border: 0.1rem solid;
  border-radius: 2.2rem;
  color: #f24822;
  color: var(--color-accent);
  font-size: 1.8rem;
  font-weight: 400;
  padding: 1.1rem 4.4rem;
  text-transform: none;
}

.button.button_round:hover {
  color: #fff;
}

.button.button_small-gray {
  background: transparent;
  border: 0.1rem solid #38302d;
  border: 0.1rem solid var(--color-gray-1);
  color: #77716c;
  color: var(--color-gray-3);
  font-weight: 400;
  padding: 0.4rem 1.8rem;
  text-transform: none;
}

.button.button_small-gray:hover {
  border-color: #fff;
  color: #fff;
}

/*< подключаем стили модального окна>========*/
/* стили модального окна */
.modal {
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: rgba(38, 33, 30, 0.5);
  display: none;
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 2rem;
  position: fixed;
  text-align: center;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1000;
}
@media (max-width: 599px) {
  .modal {
    padding: 0;
  }
}

.modal:before {
  content: "";
  height: 100%;
  margin-left: -0.28em;
}

.modal:before, .modal__container {
  display: inline-block;
  vertical-align: middle;
}

.modal__container {
  background: #221d1a;
  background: var(--color-gray-2);
  margin: 0 auto;
  max-width: 60rem;
  padding: 6.8rem 8rem 3.2rem;
  position: relative;
  text-align: left;
  -webkit-transform: translateY(-3rem);
  -ms-transform: translateY(-3rem);
  transform: translateY(-3rem);
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  width: 100%;
}
@media (max-width: 599px) {
  .modal__container {
    padding: 4rem 2.4rem 3.2rem;
  }
}

.modal__container .h1 {
  margin-bottom: 0;
  text-align: center;
}

.modal__container .content {
  padding: 10px 0px;
}

.modal__container .h1 + .form {
  margin-top: 6rem;
}
@media (max-width: 599px) {
  .modal__container .h1 + .form {
    margin-top: 3rem;
  }
}

.modal__container .modal__footnote {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.modal__container .form {
  margin: 0 auto;
  max-width: 40rem;
}

.modal__container .form__item + .form__item {
  margin-top: 2rem;
}

.modal__container .form__controls {
  margin-top: 3rem;
}

.modal__container .field__input {
  background-color: #38302d;
  background-color: var(--color-gray-1);
}

.modal__container .checkbox span:before,
.modal__container .radio span:before {
  background: #38302d;
  background: var(--color-gray-1);
}

.modal__close {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 4rem;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 2.6rem;
  text-decoration: none;
  top: 2rem;
  width: 4rem;
}
@media (max-width: 599px) {
  .modal__close {
    right: 0.5rem;
    top: 0.5rem;
  }
}

.modal__close > * {
  min-width: 0;
}

.modal__close svg {
  fill: #fff;
  display: block;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.modal__close:hover svg {
  fill: #f24822;
  fill: var(--color-accent);
}

.modal__footnote {
  margin-top: 4.7rem;
  text-align: center;
}

.modal__footnote a {
  border-bottom: none;
  font-weight: 700;
}

.modal__footnote a:hover {
  color: #d73915;
  color: var(--color-accent-hover);
}

.modal__loader {
  background: #000;
  display: block;
  padding: 1rem;
}

.modal.modal_opened {
  display: block;
}

.modal.modal_visible {
  opacity: 1;
}

.modal.modal_visible .modal__container {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.modal.modal__gallery {
  padding: 0;
}

.modal.modal__gallery .modal__container {
  height: 100%;
  max-width: none;
  overflow: hidden;
  padding: 8rem 6rem;
}
@media (max-width: 1365px) {
  .modal.modal__gallery .modal__container {
    padding: 8rem 3rem;
  }
}

/*< подключаем кастомизацию скролла>========*/
[data-simplebar] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -ms-flex-line-pack: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-content: flex-start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}

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

.simplebar-mask {
  direction: inherit;
  height: auto !important;
  overflow: hidden;
  width: auto !important;
  z-index: 0;
}

.simplebar-mask, .simplebar-offset {
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.simplebar-offset {
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  direction: inherit !important;
  resize: none !important;
}

.simplebar-content-wrapper {
  -ms-overflow-style: none;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  scrollbar-width: none;
  width: auto;
}

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

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

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

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

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

.simplebar-track {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  right: 1rem;
  z-index: 1;
}

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

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

.simplebar-scrollbar {
  left: 0;
  min-height: 1rem;
  position: absolute;
  right: 0;
  z-index: 1;
}

.simplebar-scrollbar:before {
  background-color: #38302d;
  background-color: var(--color-gray-1);
  border-radius: 0.2rem;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

.simplebar-scrollbar:hover:before {
  background-color: #f24822;
  background-color: var(--color-accent);
}

.simplebar-track.simplebar-vertical {
  background: none;
  height: 100%;
  top: 0;
  width: 0.5rem;
}

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

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

/*< подключаем стили модуля Каталог>========*/
.hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1279px) {
  .hero {
    display: block;
  }
}

.hero > * {
  min-width: 0;
}

.hero__sidebar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-right: 2.25rem;
}
@media (max-width: 1279px) {
  .hero__sidebar {
    max-width: none;
    padding-right: 0;
  }
}

.hero__sidebar-toggler {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  color: #f24822;
  color: var(--color-accent);
  display: none;
  font-weight: 700;
  padding: 0;
}
@media (max-width: 1279px) {
  .hero__sidebar-toggler {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.hero__sidebar-toggler svg {
  fill: currentColor;
  display: block;
  margin-left: 1rem;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

@media (max-width: 1279px) {
  .hero__sidebar.hero__sidebar_show .hero__sidebar-toggler svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media (max-width: 1279px) {
  .hero__sidebar.hero__sidebar_show > .list {
    -webkit-animation: fadeIn 0.25s forwards;
    animation: fadeIn 0.25s forwards;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.5rem;
  }
}

@media (max-width: 1279px) {
  .hero__sidebar.hero__sidebar_show > .list > * {
    min-width: 0;
  }
}

@media (max-width: 1279px) {
  .hero__sidebar.hero__sidebar_show > .list > .list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    margin-top: 0.5rem;
    max-width: 33.3333%;
    padding-left: 0.5rem;
  }
}
@media (max-width: 900px) {
  .hero__sidebar.hero__sidebar_show > .list > .list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  .hero__sidebar.hero__sidebar_show > .list > .list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.hero__sidebar .list__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 10rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.hero__sidebar .list__link > * {
  min-width: 0;
}

.hero__sidebar .list__link-icon {
  -webkit-box-flex: 0;
  background-blend-mode: lighten;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-flex: 0 0 8rem;
  flex: 0 0 8rem;
  height: 8rem;
  max-width: 8rem;
}

.hero__sidebar .list__link-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 2.5rem;
}
@media (max-width: 900px) {
  .hero__sidebar .list__link-title {
    padding-left: 1.5rem;
  }
}

.hero__sidebar .list__link:hover {
  color: #f24822;
  color: var(--color-accent);
}

@media (max-width: 1279px) {
  .hero__sidebar > .list {
    display: none;
    margin-top: 0.5rem;
    opacity: 0;
  }
}

.hero__sidebar > .list > .list__item.list__item_show > .list__link svg {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.hero__sidebar > .list > .list__item.list__item_show .list {
  -webkit-animation: fadeIn 0.25s forwards;
  animation: fadeIn 0.25s forwards;
  display: block;
}
@media (max-width: 1279px) {
  .hero__sidebar > .list > .list__item.list__item_show .list {
    display: none;
  }
}

.hero__sidebar > .list > .list__item > .list__link {
  border-radius: 2rem;
  padding-left: 2rem;
  padding-right: 3rem;
  position: relative;
}

.hero__sidebar > .list > .list__item > .list__link,
.hero__sidebar > .list > .list__item > .list__link .list__link-icon {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
}

.hero__sidebar > .list > .list__item > .list__link svg {
  fill: #f24822;
  fill: var(--color-accent);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
@media (max-width: 1279px) {
  .hero__sidebar > .list > .list__item > .list__link svg {
    display: none;
  }
}

.hero__sidebar > .list > .list__item + .list__item {
  margin-top: 1rem;
}

.hero__sidebar > .list .list {
  background-color: #312d2a;
  border: 0.1rem solid #f24822;
  border: 0.1rem solid var(--color-accent);
  border-radius: 2rem;
  display: none;
  margin-top: 0.3rem;
  opacity: 0;
  padding: 1.5rem 0;
}
@media (max-width: 1279px) {
  .hero__sidebar > .list .list {
    display: none;
  }
}

.hero__sidebar > .list li.list__item_show .list {
  opacity: 1;
}

.hero__sidebar > .list .list__item + .list__item {
  margin-top: 0.5rem;
}

.hero__sidebar > .list .list__link {
  padding-left: 1.9rem;
  padding-right: 2.9rem;
}

.hero__sidebar > .list .list__link-icon {
  background-color: #312d2a;
}

.hero__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.75rem;
}
@media (max-width: 1279px) {
  .hero__content {
    margin-top: 2rem;
    padding-left: 0;
  }
}

.hero__content-popular {
  overflow: hidden;
}

@media (max-width: 900px) {
  .hero__content-special .product-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  .hero__content-special .product-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.hero__content > div + div {
  margin-top: 6.5rem;
}

.hero__content-title {
  margin-bottom: 4rem;
}

@media (max-width: 599px) {
  .main-slider {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

.hero__content-main .swiper-wrapper,
.main-slider .swiper-container {
  height: inherit;
}

.main-slider .swiper-slide {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: center;
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42rem !important;
  width: inherit; /* dbs */
  justify-content: flex-end;
  overflow: hidden;
  /*padding: 3rem 6rem;*/
  position: relative;
}
@media (max-width: 1023px) {
  .main-slider .swiper-slide {
    height: 36rem !important;
    /*padding: 2rem 4rem;*/
  }
}
@media (max-width: 599px) {
  .main-slider .swiper-slide {
    border-radius: 1rem;
    height: 30rem !important;
    /*      padding-bottom: 6rem;
            padding-left: 1.5rem;
            padding-right: 1.5rem;*/
  }
}

.main-slider .swiper-slide > * {
  min-width: 0;
}

.main-slider .swiper-pagination {
  position: absolute;
  top: 39rem;
}
@media (max-width: 1023px) {
  .main-slider .swiper-pagination {
    top: 33rem;
  }
}
@media (max-width: 599px) {
  .main-slider .swiper-pagination {
    border-radius: 1rem;
    top: 27rem;
  }
}

.main-slider .swiper-pagination-bullets {
  bottom: 3rem !important;
  left: auto !important;
  line-height: 0;
  right: 6rem;
  width: auto !important;
}
@media (max-width: 1023px) {
  .main-slider .swiper-pagination-bullets {
    right: 4rem;
    bottom: 40rem !important;
  }
}
@media (max-width: 599px) {
  .main-slider .swiper-pagination-bullets {
    right: 1.5rem;
    bottom: 22rem !important;
  }
}

.main-slider .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #3a3330;
  border: 0.25rem solid #3a3330;
  border-radius: 0;
  height: 1rem;
  margin: 0;
  opacity: 1;
  -webkit-transition: background-color 0.25s, border-color 0.25s;
  -o-transition: background-color 0.25s, border-color 0.25s;
  transition: background-color 0.25s, border-color 0.25s;
  width: 1rem;
}

.main-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
  border-color: #221d1a;
  border-color: var(--color-gray-2);
}

.main-slider .swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 1.5rem;
}

.main-slider__bg {
  height: 100%;
  left: 0;
  max-width: 71.2%;
  overflow: hidden;
  position: absolute;
  top: 0;
}

.main-slider__bg:after {
  background: -webkit-gradient(linear, right top, left top, from(#26211e), color-stop(43.29%, rgba(38, 33, 30, 0)));
  background: -o-linear-gradient(right, #26211e 0, rgba(38, 33, 30, 0) 43.29%);
  background: linear-gradient(270deg, #26211e, rgba(38, 33, 30, 0) 43.29%);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 54.8%;
}
@media (max-width: 599px) {
  .main-slider__bg:after {
    width: 70%;
  }
}

.main-slider__bg img {
  display: block;
  height: 100%;
  max-width: none;
}

.main-slider__content {
  max-width: 53rem;
  position: relative;
  text-align: right;
  width: 100%;
  padding-right: 6rem; /* dbs */
}
@media (max-width: 1023px) {
  .main-slider__content {
    max-width: 40rem;
    padding-right: 4rem; /* dbs */
  }
}
@media (max-width: 599px) {
  .main-slider__content {
    max-width: 30rem;
    padding-right: 1.5rem;
  }
}

.main-slider .list_tags {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.8rem;
  font-weight: 700;
  justify-content: flex-end;
  margin: -0.5rem 0 2rem -2rem;
  text-transform: uppercase;
}
@media (max-width: 599px) {
  .main-slider .list_tags {
    font-size: 1.4rem;
  }
}

.main-slider .list_tags > * {
  min-width: 0;
}

.main-slider .list_tags .list__item {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-left: 2rem;
  margin-top: 0.5rem;
}

.main-slider__title {
  font-size: 3.6rem;
  line-height: 1.17;
}
@media (max-width: 1023px) {
  .main-slider__title {
    font-size: 2.4rem;
  }
}
@media (max-width: 599px) {
  .main-slider__title {
    font-size: 1.8rem;
  }
}

.main-slider .button {
  margin-top: 2rem;
}

.catalog {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  .catalog {
    display: block;
  }
}

.catalog > * {
  min-width: 0;
}

@media (max-width: 599px) {
  .catalog-general {
    display: block;
    margin: 0;
  }
}

@media (max-width: 1279px) {
  .catalog-general__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
@media (max-width: 1023px) {
  .catalog-general__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  .catalog-general__item {
    margin-top: 0;
    max-width: none;
    padding-left: 0;
  }
}

@media (max-width: 599px) {
  .catalog-general__item + .catalog-general__item {
    margin-top: 1.5rem;
  }
}

.catalog__sidebar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-right: 2.25rem;
}
@media (max-width: 1279px) {
  .catalog__sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
@media (max-width: 1023px) {
  .catalog__sidebar {
    margin-bottom: 3rem;
    max-width: none;
    padding-right: 0;
  }
}

.catalog__sidebar.catalog__sidebar_show .filters {
  -webkit-animation: fadeIn 0.25s forwards;
  animation: fadeIn 0.25s forwards;
  display: block;
}

.catalog__sidebar [data-filters-toggler] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}
@media (max-width: 1023px) {
  .catalog__sidebar [data-filters-toggler] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 1023px) {
  .catalog__sidebar [data-filters-toggler] > * {
    min-width: 0;
  }
}

.catalog__sidebar [data-filters-toggler] svg {
  fill: currentColor;
  margin-left: 1.5rem;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.catalog__sidebar .filters {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  border-radius: 2rem;
  padding: 5rem 3rem;
}
@media (max-width: 1023px) {
  .catalog__sidebar .filters {
    display: none;
    margin-top: 2rem;
    /* opacity: 0; */
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

@media (max-width: 1023px) {
  .catalog__sidebar .filters__item .list_filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1rem 0 0 -2rem;
  }
}

@media (max-width: 1023px) {
  .catalog__sidebar .filters__item .list_filters > * {
    min-width: 0;
  }
}

@media (max-width: 1023px) {
  .catalog__sidebar .filters__item .list_filters .list__item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 2rem;
    margin-top: 1rem;
  }
}

.catalog__sidebar .filters__item-title {
  color: #77716c;
  color: var(--color-gray-3);
  font-weight: 700;
  margin-bottom: 2.5rem;
}

.catalog__sidebar .filters__item + .filters__item {
  margin-top: 5rem;
}
@media (max-width: 1023px) {
  .catalog__sidebar .filters__item + .filters__item {
    margin-top: 3rem;
  }
}

.catalog .list_filters .list__item .checkbox {
  vertical-align: top;
}

.catalog .list_filters .list__item .checkbox span:before {
  background-color: #38302d;
  background-color: var(--color-gray-1);
}

.catalog .list_filters .list__item + .list__item {
  margin-top: 1.8rem;
}

.catalog .list_colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.2rem 0 0 -2rem;
}

.catalog .list_colors > * {
  min-width: 0;
}

.catalog .list_colors .list__item {
  margin-left: 2rem;
  margin-top: 1.2rem;
}

.catalog .list_colors .radio-color {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}

.catalog .list_colors .radio-color input {
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 0;
}

.catalog .list_colors .radio-color input:checked + .radio-color__holder {
  background: rgba(242, 72, 34, 0.3);
  background: rgba(var(--color-accent-rgb), 0.3);
  border-color: #f24822;
  border-color: rgba(var(--color-accent-rgb), 1);
}

.catalog .list_colors .radio-color__holder {
  background: rgba(242, 72, 34, 0);
  background: rgba(var(--color-accent-rgb), 0);
  border: 1px solid rgba(242, 72, 34, 0);
  border: 1px solid rgba(var(--color-accent-rgb), 0);
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 4rem;
  padding: 0.4rem;
  -webkit-transition: border-color 0.25s, background-color 0.25s;
  -o-transition: border-color 0.25s, background-color 0.25s;
  transition: border-color 0.25s, background-color 0.25s;
  width: 4rem;
}

.catalog .list_colors .radio-color__holder span {
  border-radius: 50%;
  -webkit-box-shadow: inset -0.4rem -0.4rem 1rem rgba(0, 0, 0, 0.5);
  box-shadow: inset -0.4rem -0.4rem 1rem rgba(0, 0, 0, 0.5);
  display: block;
  height: 3rem;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  width: 3rem;
}

.catalog .list_colors .radio-color:hover input:not(:checked) + .radio-color__holder span {
  -webkit-box-shadow: inset -0.4rem -0.4rem 1rem rgba(0, 0, 0, 0.7);
  box-shadow: inset -0.4rem -0.4rem 1rem rgba(0, 0, 0, 0.7);
}

.catalog__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.75rem;
}
@media (max-width: 1023px) {
  .catalog__content {
    padding-left: 0;
  }
}

.catalog__content-description {
  margin-bottom: 4rem;
}

.catalog__content-heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6rem;
}
@media (max-width: 1023px) {
  .catalog__content-heading {
    margin-bottom: 3rem;
  }
}
@media (max-width: 599px) {
  .catalog__content-heading {
    display: block;
  }
}

.catalog__content-heading > * {
  min-width: 0;
}

.catalog__content-count {
  margin-right: 6rem;
}
@media (max-width: 1279px) {
  .catalog__content-count {
    margin-right: 3rem;
  }
}
@media (max-width: 599px) {
  .catalog__content-count {
    margin-right: 0;
  }
}

.catalog__content-count, .catalog__content-sum {
  color: #77716c;
  color: var(--color-gray-3);
  font-size: 1.4rem;
}

.catalog__content-sort {
  margin-left: auto;
  margin-right: 6rem;
}
@media (max-width: 1279px) {
  .catalog__content-sort {
    margin-right: 0;
  }
}
@media (max-width: 599px) {
  .catalog__content-sort {
    margin-top: 1rem;
  }
}

.catalog__content-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1279px) {
  .catalog__content-view {
    display: none;
  }
}

.catalog__content-view > * {
  min-width: 0;
}

.catalog__content-view button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  align-items: center;
  background: rgba(242, 72, 34, 0);
  background: rgba(var(--color-accent-rgb), 0);
  border: 1px solid rgba(242, 72, 34, 0);
  border: 1px solid rgba(var(--color-accent-rgb), 0);
  border-radius: 0.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: none;
  flex: none;
  height: 3rem;
  justify-content: center;
  padding: 0;
  width: 3rem;
}

.catalog__content-view button > * {
  min-width: 0;
}

.catalog__content-view button svg {
  -webkit-box-flex: 0;
  fill: #77716c;
  fill: var(--color-gray-3);
  -ms-flex: none;
  flex: none;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.catalog__content-view button:hover svg {
  fill: #f24822;
  fill: var(--color-accent);
}

.catalog__content-view button.catalog__content-view-active {
  background: rgba(242, 72, 34, 0.3);
  background: rgba(var(--color-accent-rgb), 0.3);
  border-color: #f24822;
  border-color: rgba(var(--color-accent-rgb), 1);
  pointer-events: none;
}

.catalog__content-view button + button {
  margin-left: 1.2rem;
}

@media (max-width: 1279px) {
  .catalog__content .product-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 1023px) {
  .catalog__content .product-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
@media (max-width: 900px) {
  .catalog__content .product-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  .catalog__content .product-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* ========================================================================== */
.product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2.4rem;
  padding-top: 1.8rem;
}
@media (max-width: 1023px) {
  .product-list {
    margin-left: -1.5rem;
  }
}
@media (max-width: 900px) {
  .product-list {
    margin-left: -2.4rem;
  }
}
@media (max-width: 767px) {
  .product-list {
    margin-left: -1.5rem;
  }
}

.product-list > * {
  min-width: 0;
}

.product-list.product-list_rows {
  display: block;
  margin: 0;
}

.product-list.product-list_rows .product-item {
  margin-top: 0;
  max-width: none;
  padding-left: 0;
}

.product-list.product-list_rows .product-item__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 1.2rem 2rem;
}

.product-list.product-list_rows .product-item__image {
  height: 10rem;
  margin-bottom: 0;
  margin-left: -0.4rem;
  width: 14rem;
}

.product-list.product-list_rows .product-item__image .swiper-container {
  padding: 0 2rem;
}

.product-list.product-list_rows .product-item__title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 2rem;
}

.product-list.product-list_rows .product-item__title .list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  bottom: auto;
  -ms-flex-direction: row;
  flex-direction: row;
  left: auto;
  margin: -0.2rem 0 0.7rem -1rem;
  max-width: none;
  position: relative;
  right: auto;
  top: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.product-list.product-list_rows .product-item__title .list__item {
  margin: 0.2rem 0 0 1rem;
}

.product-list.product-list_rows .product-item__title .list__item-default {
  display: none;
}

.product-list.product-list_rows .product-item__title .list__item-row {
  display: block;
}

.product-list.product-list_rows .product-item__info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22.5rem;
  flex: 0 0 22.5rem;
  font-size: 1.4rem;
  max-width: 22.5rem;
  padding-left: 3rem;
}

.product-list.product-list_rows .product-item__price {
  -webkit-box-flex: 0;
  display: block;
  -ms-flex: 0 0 13rem;
  flex: 0 0 13rem;
  font-size: 1.4rem;
  margin-top: 0;
  max-width: 13rem;
  padding-left: 3rem;
  padding-top: 0;
}

.product-list.product-list_rows .product-item__price > div + div {
  margin-left: 0;
  margin-top: 0.6rem;
}

.product-list.product-list_rows .product-item__price span {
  font-size: 1.6rem;
}

.product-list.product-list_rows .product-item__price-current {
  color: #fff;
}

.product-list.product-list_rows .product-item__controls {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-left: 1rem;
  opacity: 1;
  position: relative;
  right: auto;
  top: auto;
}

.product-list.product-list_rows .product-item__controls .button {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 11rem;
}

.product-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  margin-top: -1.8rem;
  max-width: 33.3333%;
  padding-left: 2.4rem;
}
@media (max-width: 1023px) {
  .product-item {
    padding-left: 1.5rem;
  }
}
@media (max-width: 900px) {
  .product-item {
    padding-left: 2.4rem;
  }
}
@media (max-width: 767px) {
  .product-item {
    padding-left: 1.5rem;
  }
}

.product-item__link {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.product-item__link .swiper-button-next,
.product-item__link .swiper-button-prev {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  justify-content: center;
  margin-top: 0;
  top: 1.1rem;
  width: 2rem;
}

.product-item__link .swiper-button-next > *,
.product-item__link .swiper-button-prev > * {
  min-width: 0;
}

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

.product-item__link .swiper-button-next svg,
.product-item__link .swiper-button-prev svg {
  fill: #77716c;
  fill: var(--color-gray-3);
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.product-item__link .swiper-button-next.swiper-button-lock,
.product-item__link .swiper-button-prev.swiper-button-lock {
  display: none;
}

.product-item__link .swiper-button-next.swiper-button-disabled,
.product-item__link .swiper-button-prev.swiper-button-disabled {
  opacity: 0.3;
}

.product-item__link .swiper-button-next:hover:not(.swiper-button-disabled) svg,
.product-item__link .swiper-button-prev:hover:not(.swiper-button-disabled) svg {
  fill: #f24822;
  fill: var(--color-accent);
}

.product-item__link .swiper-button-prev {
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-item__link .swiper-button-next {
  right: 0;
}

.product-item__link .skew-block__footer > div,
.product-item__link .skew-block__header > div {
  width: 14.2rem;
}

.product-item__link .skew-block__footer > div {
  max-width: calc(100% - 190px);
}

.product-item__link:hover {
  z-index: 1;
}

.product-item__link:hover .product-item__controls,
.product-item__link:hover .product-item__image .swiper-container .swiper-button-next,
.product-item__link:hover .product-item__image .swiper-container .swiper-button-prev {
  opacity: 1;
}

.product-item__colors {
  height: 100%;
  padding-left: 2rem;
  padding-right: 1.5rem;
  position: relative;
}

.product-item__colors .swiper-button-next {
  right: -0.5rem;
}

.product-item__colors .swiper-container {
  padding-top: 1rem;
  width: 11.1rem;
}

.product-item__colors .swiper-slide div {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: rgba(242, 72, 34, 0);
  background: rgba(var(--color-accent-rgb), 0);
  border: 1px solid rgba(242, 72, 34, 0);
  border: 1px solid rgba(var(--color-accent-rgb), 0);
  border-radius: 0.5rem;
  /* ???
  height: 2.1rem;
  */
  padding: 0.2rem;
  -webkit-transition: background-color 0.25s, border-colr 0.25s;
  -o-transition: background-color 0.25s, border-colr 0.25s;
  transition: background-color 0.25s, border-colr 0.25s;
  width: 100%;
}

.product-item__colors .swiper-slide div span {
  border-radius: 0.3rem;
  -webkit-box-shadow: inset -0.4rem -0.4rem 1rem rgba(0, 0, 0, 0.5);
  box-shadow: inset -0.4rem -0.4rem 1rem rgba(0, 0, 0, 0.5);
  display: block;
  height: 15px;
  width: 100%;
  display: flex;
  cursor: pointer;
}

.product-item__colors .swiper-slide div span div {
  border-radius: 0;
}

.product-item__colors .swiper-slide div.active {
  background: rgba(242, 72, 34, 0.3);
  background: rgba(var(--color-accent-rgb), 0.3);
  border-color: #f24822;
  border-color: rgba(var(--color-accent-rgb), 1);
}

.product-item__discount {
  background-color: #f24822;
  background-color: var(--color-accent);
  border-radius: 1rem;
  display: inline-block;
  font-size: 1.4rem;
  height: 4.4rem;
  line-height: 4.4rem;
  margin: -2.1rem 2rem 0;
  padding: 0 0.9rem;
  vertical-align: top;
}

.product-item__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 5rem 2rem 2.5rem;
  position: relative;
}

.product-item__content > * {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  min-width: 0;
}

.product-item__image {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  height: 21rem;
  margin-bottom: 1.6rem;
  max-width: 27rem;
  width: 100%;
}
@media (max-width: 1023px) {
  .product-item__image {
    height: 17rem;
    width: 23rem;
  }
}

.product-item__image .swiper-container {
  height: 100%;
  padding: 0 3rem;
}

.product-item__image .swiper-container .swiper-slide {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}

.product-item__image .swiper-container .swiper-slide > div {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  height: 100%;
  pointer-events: none;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.product-item__image .swiper-container .swiper-slide img {
  display: block;
  pointer-events: none;
}

.product-item__image .swiper-container .swiper-button-next,
.product-item__image .swiper-container .swiper-button-prev {
  margin-top: -1rem;
  opacity: 0;
  top: 50%;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.product-item__preview {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 10rem;
  position: relative;
  width: 10rem;
}

.product-item__preview:hover .product-item__preview-zoom {
  opacity: 1;
  visibility: visible;
}

.product-item__preview-zoom {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  border: 0.2rem solid #fff;
  border-radius: 0.5rem;
  height: 30rem;
  left: 100%;
  margin-left: 4rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.25s, visibility 0.25s;
  -o-transition: opacity 0.25s, visibility 0.25s;
  transition: opacity 0.25s, visibility 0.25s;
  visibility: hidden;
  width: 30rem;
  z-index: 3;
}
@media (max-width: 900px) {
  .product-item__preview-zoom {
    display: none;
  }
}

.product-item__preview-zoom:before {
  border: 0.7rem solid transparent;
  border-right-color: #fff;
  content: "";
  display: block;
  height: 1.4rem;
  left: -1.4rem;
  margin-top: -0.7rem;
  position: absolute;
  top: 50%;
  width: 1.4rem;
}

.product-item__title .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 700;
  line-height: 1.2;
  position: absolute;
  text-transform: uppercase;
  -webkit-transform: scaleX(0.9);
  -ms-transform: scaleX(0.9);
  transform: scaleX(0.9);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  z-index: 1;
}

.product-item__title .list > * {
  min-width: 0;
}

.product-item__title .list.list_left {
  left: -0.6rem;
}

.product-item__title .list.list_right {
  right: -0.6rem;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.product-item__title .list.list_right .list__item-default svg {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.product-item__title .list.list_right .list__item-default span {
  padding: 0.6rem 1rem 0 2rem;
}

.product-item__title .list.list_top {
  top: 2rem;
}

.product-item__title .list.list_bottom {
  bottom: calc(100% - 26rem);
}
@media (max-width: 1023px) {
  .product-item__title .list.list_bottom {
    bottom: calc(100% - 22rem);
  }
}

.product-item__title .list__item {
  margin-top: -0.2rem;
}

.product-item__title .list__item-default {
  position: relative;
}

.product-item__title .list__item-default svg {
  display: block;
}

.product-item__title .list__item-default span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.2rem;
  font-style: italic;
  justify-content: center;
  left: 0;
  letter-spacing: 0.08rem;
  padding: 0.6rem 2rem 0 1rem;
  position: absolute;
  right: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  top: 0;
}

.product-item__title .list__item-default span > * {
  min-width: 0;
}

.product-item__title .list__item-row {
  display: none;
  font-size: 1.4rem;
}

.product-item__title h4 {
  font-size: 1.6rem;
  margin-top: 0;
  text-transform: uppercase;
  color: #fff;
}

.product-item__info {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 1.2rem;
  margin-top: 1rem;
}

.product-item__info div span {
  padding-right: 1rem;
}

.product-item__info div span:first-child {
  color: #77716c;
  color: var(--color-gray-3);
}

.product-item__info div + div {
  margin-top: 1.2rem;
}

.product-item__info-cost {
  color: #4c4946;
  display: block;
  font-size: 1.4rem;
  margin-top: 0.6rem;
  text-align: center;
  width: 12rem;
}

.product-item__info-cost span {
  color: #77716c;
  color: var(--color-gray-3);
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: line-through;
}

.product-item__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  padding-top: 1.4rem;
}

.product-item__price > * {
  min-width: 0;
}

.product-item__price > div + div {
  margin-left: 1rem;
}

.product-item__price span {
  font-size: 1.8rem;
  font-weight: 700;
}

.product-item__price-old {
  color: #4c4946;
}

.product-item__price-old span {
  text-decoration: line-through;
}

.product-item__price-current {
  color: #77716c;
  color: var(--color-gray-3);
}

.product-item__controls {
  font-size: 0;
  opacity: 0;
  position: absolute;
  right: 2rem;
  top: 2.6rem;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  z-index: 1;
}
@media (max-width: 1023px) {
  .product-item__controls {
    display: none;
  }
}

.product-item__controls.product-item__controls_count {
  opacity: 1;
}
@media (max-width: 1023px) {
  .product-item__controls.product-item__controls_count {
    display: block;
  }
}

@media (max-width: 1023px) {
  .product-item__controls.product-item__controls_count .product-item__favorite {
    display: none;
  }
}

.product-item__controls > button {
  vertical-align: top;
}

.product-item__controls .button {
  min-width: auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.product-item__controls .counter {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.product-item__favorite {
  background: none;
  border: 0;
  border-radius: 0;
  display: inline-block;
  font-size: 0;
  height: 1.8rem;
  margin-right: 2rem;
  margin-top: 1.2rem;
  padding: 0;
  position: relative;
  width: 2rem;
}
@media (max-width: 1365px) {
  .product-item__favorite {
    margin-right: 1rem;
  }
}

.product-item__favorite:after,
.product-item__favorite:before {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  width: 100%;
}

.product-item__favorite:before {
  background-image: url(/img/site_img/favorite.svg);
  opacity: 1;
}

.product-item__favorite:after {
  background-image: url(/img/site_img/favorite-active.svg);
  opacity: 0;
}

.product-item__favorite.product-item__favorite_active:before, .product-item__favorite:hover:before {
  opacity: 0;
}

.product-item__favorite.product-item__favorite_active:after, .product-item__favorite:hover:after {
  opacity: 1;
}

.product-item__delete {
  background: none;
  border: none;
  border-radius: 0;
  display: inline-block;
  height: 2rem;
  margin-left: 7rem;
  padding: 0;
  vertical-align: top;
  width: 1.8rem;
}

.product-item__delete svg {
  fill: #77716c;
  fill: var(--color-gray-3);
  display: block;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.product-item__delete:hover svg {
  fill: #f24822;
  fill: var(--color-accent);
}

html.-device-touch .product-item__preview-zoom {
  display: none;
}

html:not(.-device-touch) .product-item__image .swiper-container .swiper-slide:hover > div {
  opacity: 0;
}

.product {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 123rem;
}
@media (max-width: 1023px) {
  .product {
    display: block;
  }
}

.product > * {
  min-width: 0;
}

.product__media {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48.78%;
  flex: 0 0 48.78%;
  max-width: 48.78%;
}
@media (max-width: 1023px) {
  .product__media {
    max-width: 55rem;
  }
}

.product__media .swiper-wrapper,
.product__colors .swiper-wrapper { /* dbs */ }
@media (max-width: 1023px) {
  .product__media .swiper-wrapper,
  .product__colors .swiper-wrapper {
    height: inherit;
  }
}

.product__media-gallery {
  margin-top: 3rem;
  position: relative;
}
@media (max-width: 1023px) {
  .product__media-gallery {
    margin-top: 2rem;
  }
}
@media (max-width: 599px) {
  .product__media-gallery {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    overflow: hidden;
  }
}

.product__media-gallery iframe,
.product__media-gallery video {
  height: 100%;
  width: 100%;
}

.product__media-gallery .swiper-container {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 599px) {
  .product__media-gallery .swiper-container {
    border-radius: 0;
  }
}

.product__media-gallery .swiper-slide {
  overflow: hidden;
}

.product__media-gallery .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 700;
  line-height: 1.2;
  position: absolute;
  text-transform: uppercase;
  -webkit-transform: scaleX(0.9);
  -ms-transform: scaleX(0.9);
  transform: scaleX(0.9);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  z-index: 1;
}

.product__media-gallery .list > * {
  min-width: 0;
}

.product__media-gallery .list.list_left {
  left: -0.6rem;
}

.product__media-gallery .list.list_right {
  right: -0.6rem;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.product__media-gallery .list.list_right .list__item-default svg {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.product__media-gallery .list.list_right .list__item-default span {
  padding: 0.6rem 1rem 0 2rem;
}

.product__media-gallery .list.list_top {
  top: 2rem;
}

.product__media-gallery .list.list_bottom {
  bottom: 2rem;
}

.product__media-gallery .list__item {
  margin-top: -0.2rem;
}

.product__media-gallery .list__item-default {
  position: relative;
}

.product__media-gallery .list__item-default svg {
  display: block;
}

.product__media-gallery .list__item-default span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.2rem;
  font-style: italic;
  justify-content: center;
  left: 0;
  letter-spacing: 0.08rem;
  padding: 0.6rem 2rem 0 1rem;
  position: absolute;
  right: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  top: 0;
}

.product__media-gallery .list__item-default span > * {
  min-width: 0;
}

.product__media-image {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding-bottom: 100%;
  pointer-events: none;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  width: 100%;
}

.product__media-3d {
  bottom: 2.8rem;
  position: absolute;
  right: 3.5rem;
  z-index: 1;
}

.product__media-3d svg {
  fill: #77716c;
  fill: var(--color-gray-3);
  display: block;
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.product__media-3d:hover svg {
  fill: #f24822;
  fill: var(--color-accent);
}

.product__media-thumb {
  margin-top: 3rem;
  padding: 0 3.9rem;
  position: relative;
}
@media (max-width: 1023px) {
  .product__media-thumb {
    margin-top: 2rem;
  }
}
@media (max-width: 599px) {
  .product__media-thumb {
    padding: 0 2.9rem;
  }
}

.product__media-thumb-3d {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: rgba(242, 72, 34, 0.7);
  background-color: rgba(var(--color-accent-rgb), 0.7);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 6rem;
  justify-content: center;
  left: 50%;
  margin: -3rem 0 0 -3rem;
  position: absolute;
  top: 50%;
  width: 6rem;
}

.product__media-thumb-3d > * {
  min-width: 0;
}

.product__media-thumb-3d svg {
  -webkit-box-flex: 0;
  fill: #fff;
  -ms-flex: none;
  flex: none;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

.product__media-thumb-video {
  background-color: #fff;
  border-radius: 50%;
  height: 5rem;
  left: 50%;
  margin: -2.5rem 0 0 -2.5rem;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 5rem;
}

.product__media-thumb-video:before {
  border-bottom: 1rem solid transparent;
  border-left: 1.6rem solid #221d1a;
  border-left-color: var(--color-gray-2);
  border-right: 1.6rem solid transparent;
  border-top: 1rem solid transparent;
  content: "";
  display: block;
  height: 2rem;
  left: 50%;
  margin: -1rem 0 0 -0.6rem;
  position: absolute;
  top: 50%;
  width: 3.2rem;
}

.product__media-thumb-image {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 80% auto;
  cursor: pointer;
  padding-bottom: 100%;
  position: relative;
}

.product__media-thumb-image, .product__media-thumb-image:before {
  border-radius: 2rem;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  width: 100%;
}
@media (max-width: 599px) {
  .product__media-thumb-image, .product__media-thumb-image:before {
    border-radius: 1rem;
  }
}

.product__media-thumb-image:before {
  border: 0.1rem solid #f24822;
  border: 0.1rem solid var(--color-accent);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}

.product__media-thumb-image.product__media-thumb-image_active {
  cursor: default;
}

.product__media-thumb-image.product__media-thumb-image_active:before, .product__media-thumb-image.product__media-thumb-image_active:hover {
  opacity: 1;
}

.product__media-thumb-image:hover {
  opacity: 0.8;
}

.product__media-thumb .swiper-container {
  padding: 0.2rem 0.1rem;
}

.product__media-thumb .swiper-button-next, .product__media-thumb .swiper-button-prev {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 0;
  top: 0;
  width: 4rem;
}

.product__media-thumb .swiper-button-next > *, .product__media-thumb .swiper-button-prev > * {
  min-width: 0;
}

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

.product__media-thumb .swiper-button-next svg, .product__media-thumb .swiper-button-prev svg {
  fill: #77716c;
  fill: var(--color-gray-3);
  -webkit-transition: fill 0.25s;
  -o-transition: fill 0.25s;
  transition: fill 0.25s;
}

.product__media-thumb .swiper-button-next.swiper-button-lock, .product__media-thumb .swiper-button-prev.swiper-button-lock {
  display: none;
}

.product__media-thumb .swiper-button-next:hover svg, .product__media-thumb .swiper-button-prev:hover svg {
  fill: #f24822;
  fill: var(--color-accent);
}

.product__media-thumb .swiper-button-prev {
  left: 0;
}

.product__media-thumb .swiper-button-next {
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product__description {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 3rem;
}
@media (max-width: 1023px) {
  .product__description {
    margin-top: 3rem;
    padding-left: 0;
  }
}

.product__description h1 {
  font-weight: 400;
  margin-bottom: 5rem;
  text-align: right;
}
@media (max-width: 1023px) {
  .product__description h1 {
    margin-bottom: 3rem;
    text-align: left;
  }
}

.product__description h1 strong {
  display: block;
}

.product__order {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  .product__order {
    display: block;
  }
}

.product__order > * {
  min-width: 0;
}

.product__order-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 3rem;
}
@media (max-width: 599px) {
  .product__order-info {
    padding-right: 0;
  }
}

.product__order-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product__order-row > * {
  min-width: 0;
}

.product__order-row + .product__order-row {
  margin-top: 1.2rem;
}

.product__order-label {
  -webkit-box-flex: 0;
  color: #77716c;
  color: var(--color-gray-3);
  -ms-flex: 0 0 8.6rem;
  flex: 0 0 8.6rem;
  font-size: 1.4rem;
  max-width: 8.6rem;
}

.product__order-price {
  color: #77716c;
  color: var(--color-gray-3);
  display: inline-block;
  font-size: 1.8rem;
  margin-right: 1.5rem;
  vertical-align: middle;
}

.product__order-price.product__order-price_old span {
  color: inherit;
  font-size: 1.8rem;
  text-decoration: line-through;
}

.product__order-price span {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
}

.product__order-control {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
@media (max-width: 599px) {
  .product__order-control {
    margin-top: 2rem;
  }
}

.product__order-control-fast {
  margin-top: 1.5rem;
}

.product__order-control-fast a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: none;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
}

.product__order-control-fast a:hover {
  color: #f24822;
  color: var(--color-accent);
}

.product__order-control-fast a svg {
  -webkit-box-flex: 0;
  fill: currentColor;
  -ms-flex: none;
  flex: none;
}

.product__order-control-fast a span {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding-left: 1rem;
}

.product__order-control .button {
  border-radius: 2.2rem;
}

.product__delivery {
  border-top: 0.1rem solid #221d1a;
  border-top: 0.1rem solid var(--color-gray-2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3rem;
  padding-top: 2rem;
}
@media (max-width: 599px) {
  .product__delivery {
    display: block;
  }
}

.product__delivery > * {
  min-width: 0;
}

.product__delivery-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 3rem;
}
@media (max-width: 599px) {
  .product__delivery-info {
    padding-right: 0;
  }
}

.product__delivery-info div {
  font-size: 1.4rem;
}

.product__delivery-info div span {
  color: #77716c;
  color: var(--color-gray-3);
}

.product__delivery-info div + div {
  margin-top: 12px;
}

.product__delivery-control {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 13rem;
  flex: 0 0 13rem;
  line-height: 1.1;
  max-width: 13rem;
  text-align: right;
}
@media (max-width: 599px) {
  .product__delivery-control {
    margin-top: 2rem;
    max-width: none;
    text-align: left;
  }
}

.product__delivery-control a {
  border-bottom: none;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.product__delivery-control a:hover {
  color: #fff;
}

.product__controls {
  border-top: 0.1rem solid #221d1a;
  border-top: 0.1rem solid var(--color-gray-2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  padding-top: 2rem;
}
@media (max-width: 599px) {
  .product__controls {
    display: block;
  }
}

.product__controls > * {
  min-width: 0;
}

.product__controls > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
@media (max-width: 599px) {
  .product__controls > div {
    text-align: left;
  }
}

@media (max-width: 599px) {
  .product__controls > div + div {
    margin-top: 2rem;
  }
}

.product__controls > div:first-child {
  text-align: left;
}

.product__controls > div:last-child {
  text-align: right;
}
@media (max-width: 599px) {
  .product__controls > div:last-child {
    text-align: left;
  }
}

.product__controls-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  border-radius: 0;
  color: #77716c;
  color: var(--color-gray-3);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
  vertical-align: top;
}

.product__controls-item svg {
  fill: currentColor;
  display: block;
  margin-right: 1.6rem;
}

.product__controls-item span {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 1.8rem;
  position: relative;
}
@media (max-width: 1279px) {
  .product__controls-item span {
    font-size: 1.6rem;
  }
}

.product__controls-item span div {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  border-radius: 1rem;
  font-size: 1.4rem;
  height: 2rem;
  line-height: 2rem;
  position: absolute;
  right: -1.4rem;
  text-align: center;
  top: -0.6rem;
  width: 2rem;
}

.product__controls-item.product__controls-item_favorite {
  padding-left: 3.5rem;
  position: relative;
}

.product__controls-item.product__controls-item_favorite:after, .product__controls-item.product__controls-item_favorite:before {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 1.8rem;
  left: 0;
  margin-top: -0.9rem;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  width: 2rem;
}

.product__controls-item.product__controls-item_favorite:before {
  background-image: url(/img/site_img/favorite.svg);
  opacity: 1;
}

.product__controls-item.product__controls-item_favorite:after {
  background-image: url(/img/site_img/favorite-active.svg);
  opacity: 0;
}

.product__controls-item.product__controls-item_active, .product__controls-item:hover {
  color: #f24822;
  color: var(--color-accent);
}

.product__controls-item.product__controls-item_active.product__controls-item_favorite:before, .product__controls-item:hover.product__controls-item_favorite:before {
  opacity: 0;
}

.product__controls-item.product__controls-item_active.product__controls-item_favorite:after, .product__controls-item:hover.product__controls-item_favorite:after {
  opacity: 1;
}

.product__colors {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 0.1rem solid #221d1a;
  border-top: 0.1rem solid var(--color-gray-2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  padding-top: 4rem;
}
@media (max-width: 599px) {
  .product__colors {
    display: block;
  }
}

.product__colors > * {
  min-width: 0;
}

.product__colors-list {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28rem;
  flex: 0 0 28rem;
  max-width: 28rem;
  padding: 0 3rem;
  position: relative;
}

.product__colors-list .swiper-container {
  width: 22rem;
}

.product__colors-list .swiper-container a {
  background: rgba(242, 72, 34, 0);
  background: rgba(var(--color-accent-rgb), 0);
  border: 1px solid rgba(242, 72, 34, 0);
  border: 1px solid rgba(var(--color-accent-rgb), 0);
  border-radius: 0.8rem;
  display: block;
  height: 4rem;
  padding: 0.4rem;
  width: 4rem;
}

.product__colors-list .swiper-container a span {
  border-radius: 0.5rem;
  -webkit-box-shadow: inset -0.4rem -0.4rem 1rem rgba(0, 0, 0, 0.5);
  box-shadow: inset -0.4rem -0.4rem 1rem rgba(0, 0, 0, 0.5);
  display: block;
  height: 100%;
  width: 100%;
}

.product__colors-list .swiper-container a.product__colors_active {
  background: rgba(242, 72, 34, 0.3);
  background: rgba(var(--color-accent-rgb), 0.3);
  border-color: #f24822;
  border-color: rgba(var(--color-accent-rgb), 1);
}

.product__colors-list .swiper-button-next, .product__colors-list .swiper-button-prev {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 0;
  top: 0;
  width: 1rem;
}

.product__colors-list .swiper-button-next > *, .product__colors-list .swiper-button-prev > * {
  min-width: 0;
}

.product__colors-list .swiper-button-next.swiper-button-lock, .product__colors-list .swiper-button-prev.swiper-button-lock {
  display: none;
}

.product__colors-list .swiper-button-next svg, .product__colors-list .swiper-button-prev svg {
  -webkit-box-flex: 0;
  fill: #77716c;
  fill: var(--color-gray-3);
  display: block;
  -ms-flex: none;
  flex: none;
}

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

.product__colors-list .swiper-button-next:hover:not(.swiper-button-disabled) svg, .product__colors-list .swiper-button-prev:hover:not(.swiper-button-disabled) svg {
  fill: #f24822;
  fill: var(--color-accent);
}

.product__colors-list .swiper-button-prev {
  left: 0;
}

.product__colors-list .swiper-button-next {
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product__colors-name {
  color: #77716c;
  color: var(--color-gray-3);
  margin-bottom: 1.5rem;
}

.product__colors-name span {
  color: #fff;
}

.product__colors-control {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
@media (max-width: 599px) {
  .product__colors-control {
    margin-top: 2rem;
    max-width: none;
    text-align: left;
  }
}

.product__colors-control a {
  border: none;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.product__colors-control a:hover {
  color: #fff;
}

.product__tabs {
  margin-top: 3.4rem;
}

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

.product__tabs-title > * {
  min-width: 0;
}

.product__tabs-title .product__tabs-item {
  -webkit-box-flex: 0;
  border: 0.1rem solid rgba(242, 72, 34, 0);
  border: 0.1rem solid rgba(var(--color-accent-rgb), 0);
  border-radius: 2.2rem;
  cursor: pointer;
  -ms-flex: none;
  flex: none;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  padding: 1.2rem 3.4rem;
  -webkit-transition: color 0.25s, border-color 0.25s;
  -o-transition: color 0.25s, border-color 0.25s;
  transition: color 0.25s, border-color 0.25s;
}
@media (max-width: 599px) {
  .product__tabs-title .product__tabs-item {
    border: none;
    font-size: 1.6rem;
    padding: 0;
  }
}

.product__tabs-title .product__tabs-item:hover {
  color: #f24822;
  color: var(--color-accent);
}
@media (max-width: 599px) {
  .product__tabs-title .product__tabs-item:hover {
    color: #f24822;
    color: var(--color-accent);
  }
}

.product__tabs-title .product__tabs-item.product__tabs-item_active {
  border-color: #f24822;
  border-color: var(--color-accent);
  cursor: default;
}
@media (max-width: 599px) {
  .product__tabs-title .product__tabs-item.product__tabs-item_active {
    color: #f24822;
    color: var(--color-accent);
  }
}

.product__tabs-title .product__tabs-item.product__tabs-item_active:hover {
  color: inherit;
}

.product__tabs-title .product__tabs-item + .product__tabs-item {
  margin-left: 2rem;
}

.product__tabs-content {
  padding-top: 3rem;
}

.product__tabs-content .product__tabs-item {
  display: none;
  /* ???
  opacity: 0;
  */
}

.product__tabs-content .product__tabs-item.product__tabs-item_active {
  -webkit-animation: fadeIn 0.25s forwards;
  animation: fadeIn 0.25s forwards;
  display: block;
}

.product__tabs-content .list-hide.list-hide_show .list__item.list__item_hide {
  -webkit-animation: fadeIn 0.25s forwards;
  animation: fadeIn 0.25s forwards;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product__tabs-content .list-hide.list-hide_show .list__item.list__item_hide > * {
  min-width: 0;
}

.product__tabs-content .list-hide.list-hide_show .list-hide__control {
  display: none;
}

.product__tabs-content .list-hide .list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product__tabs-content .list-hide .list__item > * {
  min-width: 0;
}

.product__tabs-content .list-hide .list__item.list__item_hide {
  display: none;
  opacity: 1;
}

.product__tabs-content .list-hide .list__item-label {
  -webkit-box-flex: 0;
  color: #77716c;
  color: var(--color-gray-3);
  -ms-flex: 0 0 24rem;
  flex: 0 0 24rem;
  max-width: 24rem;
  padding-right: 3rem;
}
@media (max-width: 599px) {
  .product__tabs-content .list-hide .list__item-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14rem;
    flex: 0 0 14rem;
    font-size: 1.4rem;
    line-height: 1.2;
    max-width: 14rem;
    padding-right: 2rem;
    padding-top: 0.4rem;
  }
}

.product__tabs-content .list-hide .list__item-value {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.product__tabs-content .list-hide .list__item + .list__item {
  margin-top: 0.5rem;
}

.product__tabs-content .list-hide__control {
  margin-top: 2rem;
  padding-left: 10rem;
}
@media (max-width: 599px) {
  .product__tabs-content .list-hide__control {
    padding-left: 0;
    text-align: center;
  }
}

.product__tabs-content .list-hide__control button {
  background: none;
  border: none;
  border-bottom: 0.1rem solid #fff;
  border-radius: 0;
  font-size: 1.4rem;
  padding: 0;
  text-transform: uppercase;
  -webkit-transition: color 0.25s, border-color 0.25s;
  -o-transition: color 0.25s, border-color 0.25s;
  transition: color 0.25s, border-color 0.25s;
}

.product__tabs-content .list-hide__control button:hover {
  border-color: hsla(0, 0%, 100%, 0);
  color: #f24822;
  color: var(--color-accent);
}

span.product__used {
  border-radius: 1.2rem;
  background-color: #696969;
  color: #fff;
  margin-top: 10px;
  position: absolute;
  font-size: 11px;
  padding: 2px 5px;
}

/*< подключаем стили модуля Новости>========*/
.news-sort {
  margin-bottom: 3rem;
  margin-top: -4rem;
  text-align: right;
}
@media (max-width: 599px) {
  .news-sort {
    margin-bottom: 2rem;
    margin-top: -1rem;
  }
}

.news__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -3rem 0 0 -3rem;
}
@media (max-width: 767px) {
  .news__list {
    margin: -1.5rem 0 0 -1.5rem;
  }
}
@media (max-width: 599px) {
  .news__list {
    display: block;
    margin: 0;
  }
}

.news__list > * {
  min-width: 0;
}

.news__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  margin-top: 3rem;
  max-width: 33.3333%;
  padding-left: 3rem;
}
@media (max-width: 1023px) {
  .news__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .news__item {
    margin-top: 1.5rem;
    padding-left: 1.5rem;
  }
}
@media (max-width: 599px) {
  .news__item {
    margin-top: 0;
    max-width: none;
    padding-left: 0;
  }
}

@media (max-width: 599px) {
  .news__item + .news__item {
    margin-top: 1.5rem;
  }
}

@media (max-width: 1023px) {
  .news__link.skew-block {
    height: inherit;
  }
}

.news__link-content {
  height: 100%;
}

.news__link-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2rem;
  height: 22.2rem;
  position: relative;
  z-index: 2;
}

.news__link-title {
  padding: 2.5rem 4rem 2.5rem 2rem;
}

.news__link-title h4 {
  text-transform: uppercase;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.news__link-intro {
  margin-top: -1rem;
  padding: 0 4rem 2.5rem 2rem;
}

.news__date {
  color: #77716c;
  color: var(--color-gray-3);
  line-height: 3.6rem;
  padding: 0 0.5rem 0 2rem;
}

.news__more {
  color: #f24822;
  color: var(--color-accent);
  line-height: 3.4rem;
  padding: 0 3rem 0 2.5rem;
}

.news-detail > * {
  margin-left: auto;
  margin-right: auto;
}

.news-detail__date {
  color: #77716c;
  color: var(--color-gray-3);
  margin-top: -2rem;
  max-width: 93rem;
  text-align: right;
}

.news-detail__image {
  margin-top: 2rem;
  max-width: 96rem;
  overflow: hidden;
  position: relative;
}

.news-detail__image img {
  position: relative;
}

.news-detail__image:after, .news-detail__image:before {
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.news-detail__image:before {
  background-image: url(/img/site_img/news-top.png);
  background-position: 50% 0;
  height: 10.2rem;
  top: 0;
}

.news-detail__image:after {
  background-image: url(/img/site_img/news-bottom.png);
  background-position: 50% 100%;
  bottom: 0;
  height: 10.2rem;
}

.news-detail__text {
  font-size: 1.8rem;
  max-width: 93rem;
}

.news-detail__text p {
  margin-bottom: 2.1rem;
}

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

.news-detail__back {
  margin-top: 4rem;
  max-width: 116rem;
}

/*< подключаем настройки сортировки>========*/
.sort-control {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.sort-control span {
  font-size: 1.4rem;
}

.sort-control svg {
  fill: currentColor;
  margin-left: 1rem;
}

.sort-control.sort-control_bottom-top svg {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.sort-control:hover {
  color: #f24822;
  color: var(--color-accent);
}

.sort-list {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 599px) {
  .sort-list {
    display: block;
  }
}

.sort-list > * {
  min-width: 0;
}

.sort-list__title {
  color: #77716c;
  color: var(--color-gray-3);
  font-size: 1.4rem;
  margin-right: 5rem;
  padding-top: 0.2rem;
}
@media (max-width: 1279px) {
  .sort-list__title {
    margin-right: 2rem;
  }
}
@media (max-width: 599px) {
  .sort-list__title {
    margin-bottom: 0.5rem;
    margin-right: 0;
    padding-top: 0;
  }
}

.sort-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sort-list .list > * {
  min-width: 0;
}

.sort-list .list__item + .list__item {
  margin-left: 5rem;
}
@media (max-width: 1279px) {
  .sort-list .list__item + .list__item {
    margin-left: 2rem;
  }
}

/*< подключаем настройки блока в списке>========*/
.skew-block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.skew-block > * {
  min-width: 0;
}

.skew-block__header {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.skew-block__header-bg {
  display: inline-block;
  height: 4rem;
  position: relative;
  vertical-align: top;
  z-index: 1;
}

.skew-block__header-bg,
.skew-block__header-bg:after,
.skew-block__header-bg:before {
  -webkit-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  transition: border-color 0.25s;
}

.skew-block__header-bg:after,
.skew-block__header-bg:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
}

.skew-block__header-bg:before {
  height: 2rem;
  width: 5rem;
}

.skew-block__header-bg:after {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  height: 2.1rem;
  width: 3rem;
}

.skew-block__header-holder {
  height: 100%;
  position: relative;
}

.skew-block__header-holder:before {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  content: "";
  display: block;
  left: 0;
  position: absolute;
  -webkit-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  transition: border-color 0.25s;
  width: 100%;
}

.skew-block__header-holder > * {
  position: relative;
  z-index: 1;
}

.skew-block__header-bg {
  margin-bottom: -0.1rem;
}

.skew-block__header-bg:after,
.skew-block__header-bg:before {
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

.skew-block__header-bg:after {
  border-radius: 0 1rem 0 0;
  border-right: 0.1rem solid #221d1a;
  border-right: 0.1rem solid var(--color-gray-2);
  border-top: 0.1rem solid #221d1a;
  border-top: 0.1rem solid var(--color-gray-2);
  right: -1.8rem;
  top: 0;
}

.skew-block__header-bg:before {
  border-bottom: 0.1rem solid #221d1a;
  border-bottom: 0.1rem solid var(--color-gray-2);
  border-radius: 0 0 0 1rem;
  bottom: 0;
  -webkit-box-shadow: -4rem 0.1rem 0 0.1rem #221d1a;
  box-shadow: -4rem 0.1rem 0 0.1rem #221d1a;
  -webkit-box-shadow: -4rem 0.1rem 0 0.1rem var(--color-gray-2);
  box-shadow: -4rem 0.1rem 0 0.1rem var(--color-gray-2);
  right: -7.6rem;
}

.skew-block__header-bg:before,
.skew-block__header-holder:before {
  border-left: 0.1rem solid #221d1a;
  border-left: 0.1rem solid var(--color-gray-2);
}

.skew-block__header-holder:before {
  border-radius: 2rem 0 0 0;
  border-top: 0.1rem solid #221d1a;
  border-top: 0.1rem solid var(--color-gray-2);
  bottom: -0.1rem;
  top: 0;
}

.skew-block__content {
  -webkit-box-flex: 1;
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  border: 0.1rem solid #221d1a;
  border: 0.1rem solid var(--color-gray-2);
  border-radius: 0 2rem 0 2rem;
  -ms-flex: auto 1;
  flex: auto 1;
  position: relative;
  -webkit-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  transition: border-color 0.25s;
}

.skew-block__content:after,
.skew-block__content:before {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  content: "";
  display: block;
  height: 0.2rem;
  position: absolute;
  z-index: 2;
}

.skew-block__content:before {
  left: 14rem;
  right: 3rem;
  top: 0;
}

.skew-block__content:after {
  bottom: 0;
  left: 3rem;
  right: 14rem;
}

.skew-block__footer {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  text-align: right;
}

.skew-block__footer-bg {
  display: inline-block;
  height: 4rem;
  position: relative;
  vertical-align: top;
  z-index: 1;
}

.skew-block__footer-bg,
.skew-block__footer-bg:after,
.skew-block__footer-bg:before {
  -webkit-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  transition: border-color 0.25s;
}

.skew-block__footer-bg:after,
.skew-block__footer-bg:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
}

.skew-block__footer-bg:before {
  height: 2rem;
  width: 5rem;
}

.skew-block__footer-bg:after {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  height: 2.1rem;
  width: 3rem;
}

.skew-block__footer-holder {
  height: 100%;
  position: relative;
}

.skew-block__footer-holder:before {
  background-color: #221d1a;
  background-color: var(--color-gray-2);
  content: "";
  display: block;
  left: 0;
  position: absolute;
  -webkit-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  transition: border-color 0.25s;
  width: 100%;
}

.skew-block__footer-holder > * {
  position: relative;
  z-index: 1;
}

.skew-block__footer-bg {
  margin-top: -0.1rem;
}

.skew-block__footer-bg:after,
.skew-block__footer-bg:before {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.skew-block__footer-bg:after {
  border-bottom: 0.1rem solid #221d1a;
  border-bottom: 0.1rem solid var(--color-gray-2);
  border-left: 0.1rem solid #221d1a;
  border-left: 0.1rem solid var(--color-gray-2);
  border-radius: 0 0 0 1rem;
  bottom: 0;
  left: -1.8rem;
}

.skew-block__footer-bg:before {
  border-radius: 0 1rem 0 0;
  border-top: 0.1rem solid #221d1a;
  border-top: 0.1rem solid var(--color-gray-2);
  -webkit-box-shadow: 4rem -0.1rem 0 0.1rem #221d1a;
  box-shadow: 4rem -0.1rem 0 0.1rem #221d1a;
  -webkit-box-shadow: 4rem -0.1rem 0 0.1rem var(--color-gray-2);
  box-shadow: 4rem -0.1rem 0 0.1rem var(--color-gray-2);
  left: -7.6rem;
  top: 0;
}

.skew-block__footer-bg:before,
.skew-block__footer-holder:before {
  border-right: 0.1rem solid #221d1a;
  border-right: 0.1rem solid var(--color-gray-2);
}

.skew-block__footer-holder:before {
  border-bottom: 0.1rem solid #221d1a;
  border-bottom: 0.1rem solid var(--color-gray-2);
  border-radius: 0 0 2rem 0;
  bottom: 0;
  top: -0.1rem;
}

.skew-block:hover .skew-block__content,
.skew-block:hover .skew-block__footer-bg:after,
.skew-block:hover .skew-block__footer-bg:before,
.skew-block:hover .skew-block__footer-holder:before,
.skew-block:hover .skew-block__header-bg:after,
.skew-block:hover .skew-block__header-bg:before,
.skew-block:hover .skew-block__header-holder:before {
  border-color: #f24822;
  border-color: var(--color-accent);
}

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

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

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

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

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

/*# sourceMappingURL=sitestyle.css.map */