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

.clearfix:after {
  clear: both; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0; }

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block; }

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder; }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none; }

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible; }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none; }

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline; }

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto; }

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block; }

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item; }

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none; }

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none; }

.header {
  height: 100px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50; }
  @media only screen and (max-width: 767px) {
    .header {
      top: -100px; } }
  @media only screen and (max-width: 767px) {
    .header.header--home {
      top: 0; } }
  .header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media only screen and (max-width: 1919px) {
      .header .container {
        margin: 0;
        width: calc(100% - 100px); } }
    @media only screen and (max-width: 1023px) {
      .header .container {
        margin: auto;
        width: calc(100% - 100px); } }
    @media only screen and (max-width: 767px) {
      .header .container {
        margin: 0;
        width: calc(100% - 80px); } }
    @media only screen and (max-width: 767px) {
      .header .container .header__bg {
        display: none !important; } }

.header__login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  cursor: pointer;
  margin-top: 37px;
  margin-right: 35px;
  white-space: nowrap;
  text-decoration: none;
  color: #1c1c1e; }
  .header__login svg {
    margin-top: 3px;
    margin-right: 5px;
    width: 20px;
    height: 20px; }
  @media only screen and (max-width: 1000px) {
    .header__login {
      margin-right: 0; } }
  @media only screen and (max-width: 500px) {
    .header__login {
      display: none; } }

@media only screen and (max-width: 1919px) {
  .header__bg {
    background: #fff;
    position: absolute;
    height: 100px;
    width: 300px;
    left: 68%;
    z-index: -1; } }

@media only screen and (max-width: 1279px) {
  .header__bg {
    left: 60%; } }

@media only screen and (max-width: 1023px) {
  .header__bg {
    width: 240px;
    height: 90px;
    left: 68.3%; } }

@media only screen and (max-width: 767px) {
  .header__bg {
    display: none; } }

.header__content {
  position: relative; }

.header__logo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: 70px;
  z-index: 2; }
  @media only screen and (max-width: 1919px) {
    .header__logo {
      margin-right: 24px; } }

.header__logo__image {
  display: block;
  width: 101px;
  margin-right: 15px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  cursor: pointer; }
  @media only screen and (max-width: 1279px) {
    .header__logo__image {
      margin-right: 5px; } }
  @media only screen and (max-width: 1023px) {
    .header__logo__image {
      width: 90px; } }
  @media only screen and (max-width: 767px) {
    .header__logo__image {
      width: 80px; } }
  .header__logo__image:hover {
    -webkit-transform: scale(1.04);
            transform: scale(1.04); }
  .header__logo__image svg {
    display: block;
    height: auto;
    width: 100%; }

.header__logo__description {
  width: 190px; }
  @media only screen and (max-width: 1279px) {
    .header__logo__description {
      display: none; } }
  .header__logo__description > * {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    display: inline-block;
    margin: 0; }
    @media only screen and (max-width: 1919px) {
      .header__logo__description > * {
        font-size: 16px;
        line-height: 18px; } }

.header__logo-wrapper {
  position: relative; }
  .header__logo-wrapper.dropdown-open {
    color: #fff;
    z-index: 16; }
    .header__logo-wrapper.dropdown-open .header__logo-dropdown {
      max-height: 400px;
      opacity: 1; }

.header__logo-dropdown {
  position: absolute;
  left: -40px;
  top: 0;
  width: calc(100% + 40px);
  height: auto;
  max-height: 0px;
  overflow: hidden;
  padding-top: 100px;
  background-color: #1e1f26;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .header__logo-dropdown__content {
    padding: 10px 0 40px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px; }
  @media only screen and (max-width: 1023px) {
    .header__logo-dropdown {
      padding-top: 90px;
      left: -24px;
      width: calc(100% + 24px); }
      .header__logo-dropdown__content {
        padding: 0 0 24px 24px; } }

.header__catalog {
  width: 188px;
  margin-top: 25px;
  margin-right: 51px; }
  @media only screen and (max-width: 1919px) {
    .header__catalog {
      margin-right: 26px;
      width: 154px; } }
  @media only screen and (max-width: 1279px) {
    .header__catalog {
      margin-right: 42px; } }
  @media only screen and (max-width: 767px) {
    .header__catalog {
      display: none; } }

.header__catalog__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 100%;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  padding: 0 15px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  border: 2px solid #f43b35;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .header__catalog__button:before {
    content: "";
    display: block;
    background: #f43b35;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    z-index: -1; }
  @media only screen and (min-width: 1001px) {
    .header__catalog__button:hover:before {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left; }
    .header__catalog__button:hover .icon span {
      background-color: #fff; }
    .header__catalog__button:hover .text > * {
      color: #fff; } }
  .header__catalog__button .icon {
    height: 12px;
    width: 12px;
    margin-right: 11px;
    position: relative; }
    @media only screen and (max-width: 1919px) {
      .header__catalog__button .icon {
        display: none; } }
    .header__catalog__button .icon span {
      display: block;
      height: 4px;
      width: 4px;
      background-color: #1c1c1e;
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease;
      position: absolute; }
      .header__catalog__button .icon span:nth-child(1) {
        top: 0;
        left: 0; }
      .header__catalog__button .icon span:nth-child(2) {
        top: 0;
        right: 0; }
      .header__catalog__button .icon span:nth-child(3) {
        left: 0;
        bottom: 0; }
      .header__catalog__button .icon span:nth-child(4) {
        right: 0;
        bottom: 0; }
  .header__catalog__button .text > * {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #1c1c1e;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }

.header__city {
  margin-top: 39px;
  margin-right: 53px; }
  @media only screen and (max-width: 1919px) {
    .header__city {
      margin-right: 24px; } }
  @media only screen and (max-width: 1279px) {
    .header__city {
      margin-right: 44px; } }
  @media only screen and (max-width: 767px) {
    .header__city {
      display: none; } }

.header__city__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 21px;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  cursor: pointer; }
  @media only screen and (min-width: 1001px) {
    .header__city__button:hover .text span {
      color: #f43b35; }
    .header__city__button:hover .text svg {
      fill: #f43b35; } }
  .header__city__button .icon {
    width: 13px;
    margin-top: 1px;
    margin-right: 9px; }
    .header__city__button .icon svg {
      display: block;
      height: auto;
      width: 100%;
      fill: #f43b35; }
  .header__city__button .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .header__city__button .text span {
      display: inline;
      font-size: 14px;
      line-height: 14px;
      color: #1c1c1e;
      margin-right: 5px;
      -webkit-transition: color 0.2s ease;
      transition: color 0.2s ease; }
    .header__city__button .text svg {
      display: block;
      height: auto;
      width: 7px;
      fill: #1c1c1e;
      margin-top: 2px;
      -webkit-transition: fill 0.2s ease;
      transition: fill 0.2s ease; }

.header__buy {
  margin-top: 39px;
  margin-right: 57px; }
  @media only screen and (max-width: 1919px) {
    .header__buy {
      margin-right: 26px; } }
  @media only screen and (max-width: 1279px) {
    .header__buy {
      margin-right: 0; } }
  @media only screen and (max-width: 1200px) {
    .header__buy {
      display: none; } }

.header__buy__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 21px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none; }
  @media only screen and (min-width: 1001px) {
    .header__buy__button:hover .text > * {
      color: #f43b35; } }
  .header__buy__button .icon {
    width: 10px;
    margin-top: 1px;
    margin-right: 10px; }
    .header__buy__button .icon svg {
      display: block;
      height: auto;
      width: 100%;
      fill: #f43b35; }
  .header__buy__button .text > * {
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #1c1c1e;
    margin-right: 5px;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }

.header__phone {
  margin-top: 39px; }
  @media only screen and (max-width: 1440px) {
    .header__phone {
      display: none; } }
  .header__phone a {
    display: block;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    color: #1c1c1e;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    @media only screen and (max-width: 1919px) {
      .header__phone a {
        font-size: 14px; } }
    @media only screen and (min-width: 1001px) {
      .header__phone a:hover {
        color: #f43b35; } }

.header__cart {
  margin-top: 39px;
  margin-left: auto;
  margin-right: 40px; }
  @media only screen and (max-width: 1919px) {
    .header__cart {
      margin-right: 32px; } }
  @media only screen and (max-width: 1279px) {
    .header__cart {
      margin-right: 42px; } }
  @media only screen and (max-width: 1000px) {
    .header__cart {
      margin-right: 20px; } }

.header__cart__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none; }
  @media only screen and (min-width: 1001px) {
    .header__cart__button:hover .icon svg {
      fill: #f43b35;
      stroke: #f43b35; }
    .header__cart__button:hover .price > * {
      color: #f43b35; } }
  .header__cart__button .icon {
    height: 17px;
    width: 18px;
    margin-right: 12px;
    position: relative; }
    .header__cart__button .icon svg {
      display: block;
      height: auto;
      width: 100%;
      fill: #1c1c1e;
      stroke: #1c1c1e;
      -webkit-transition: fill 0.2s ease, stroke 0.2s ease;
      transition: fill 0.2s ease, stroke 0.2s ease; }
    .header__cart__button .icon .cart-count {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 13px;
      width: 13px;
      background-color: #f43b35;
      font-size: 10px;
      line-height: 10px;
      color: #fff;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 50%;
      position: absolute;
      top: -3px;
      right: -5px;
      z-index: 1; }
  .header__cart__button .price > * {
    white-space: nowrap;
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #1c1c1e;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }

.header__for-dealers {
  padding-top: 37px;
  margin-right: 97px;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .header__for-dealers {
      margin-right: 50px; } }
  @media only screen and (max-width: 767px) {
    .header__for-dealers {
      display: none; } }

.header__for-dealers__button {
  width: 125px;
  cursor: pointer;
  padding-right: 27px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 5; }
  @media only screen and (max-width: 1023px) {
    .header__for-dealers__button {
      display: none; } }
  .header__for-dealers__button.active {
    z-index: 50; }
    .header__for-dealers__button.active .text:after {
      opacity: 0;
      -webkit-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease; }
    .header__for-dealers__button.active .text > * {
      color: #fff;
      -webkit-transition: color 0.5s ease;
      transition: color 0.5s ease; }
    .header__for-dealers__button.active .icon {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .header__for-dealers__button:hover .text:after {
    width: 0; }
  .header__for-dealers__button:hover .text:before {
    width: 100%;
    -webkit-animation: hoverA 0.8s linear;
            animation: hoverA 0.8s linear; }
  .header__for-dealers__button:hover.active .icon {
    background-color: #fff; }
    .header__for-dealers__button:hover.active .icon span {
      background-color: #f43b35; }
  @media only screen and (min-width: 1001px) {
    .header__for-dealers__button:hover:not(.active) .text > * {
      color: #1c1c1e; }
    .header__for-dealers__button:hover:not(.active) .icon {
      background-color: #1c1c1e; } }
  .header__for-dealers__button .text {
    padding: 0 7px;
    position: relative;
    overflow: hidden; }
    .header__for-dealers__button .text:before {
      display: block;
      height: 2px;
      width: 0;
      background-color: #f43b35;
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 1; }
    .header__for-dealers__button .text:after {
      display: block;
      height: 2px;
      width: 100%;
      background-color: #f43b35;
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 1; }
    .header__for-dealers__button .text > * {
      font-weight: 700;
      font-size: 14px;
      line-height: 27px;
      color: #f43b35;
      -webkit-transition: color 0.2s ease;
      transition: color 0.2s ease;
      position: relative;
      z-index: 5; }
  .header__for-dealers__button .icon {
    height: 20px;
    width: 20px;
    background-color: #f43b35;
    border-radius: 50%;
    -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
    transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
    transition: background-color 0.2s ease, transform 0.2s ease;
    transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 5; }
    .header__for-dealers__button .icon span {
      display: block;
      background-color: #fff;
      margin: auto;
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .header__for-dealers__button .icon span:nth-child(1) {
        height: 2px;
        width: 8px; }
      .header__for-dealers__button .icon span:nth-child(2) {
        height: 8px;
        width: 2px; }

.header__for-dealers__list {
  display: none;
  width: 250px;
  background-color: #1e1f26;
  padding: 90px 35px 41px 35px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: -62px;
  z-index: 45; }
  @media only screen and (max-width: 1919px) {
    .header__for-dealers__list {
      width: 207px;
      padding: 90px 17px 30px 17px;
      left: -38px; } }
  @media only screen and (max-width: 1279px) {
    .header__for-dealers__list {
      padding-bottom: 32px; } }
  .header__for-dealers__list.active {
    opacity: 1; }
    .header__for-dealers__list.active .header__for-dealers__list__links,
    .header__for-dealers__list.active .header__for-dealers__list__button {
      -webkit-transform: translateY(0);
              transform: translateY(0); }

.header__for-dealers__list__links {
  padding-left: 34px;
  padding-right: 30px;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
  @media only screen and (max-width: 1919px) {
    .header__for-dealers__list__links {
      padding-left: 30px; } }
  .header__for-dealers__list__links ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .header__for-dealers__list__links li:not(:nth-child(1)) {
    margin-top: 16px; }
  .header__for-dealers__list__links a {
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    text-decoration: none;
    position: relative; }
    @media only screen and (min-width: 1001px) {
      .header__for-dealers__list__links a:hover:before {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0); } }
    .header__for-dealers__list__links a:before {
      display: block;
      height: 2px;
      width: 15px;
      background-color: #f43b35;
      content: "";
      opacity: 0;
      -webkit-transform: translateX(-10px);
              transform: translateX(-10px);
      -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
      transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
      transition: opacity 0.2s ease, transform 0.2s ease;
      transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
      position: absolute;
      top: 9px;
      left: -35px; }
      @media only screen and (max-width: 1919px) {
        .header__for-dealers__list__links a:before {
          left: -27px; } }

.header__for-dealers__list__button {
  margin-top: 45px;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease; }

.header__for-dealers__list__logout {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 22px;
  cursor: pointer; }
  @media only screen and (max-width: 1919px) {
    .header__for-dealers__list__logout {
      margin-top: 16px; } }
  @media only screen and (max-width: 1279px) {
    .header__for-dealers__list__logout {
      margin-top: 18px; } }
  @media only screen and (max-width: 1023px) {
    .header__for-dealers__list__logout {
      margin-top: 0;
      margin-left: 20px; } }
  @media only screen and (max-width: 767px) {
    .header__for-dealers__list__logout {
      margin-top: 18px;
      margin-left: 0; } }
  .header__for-dealers__list__logout .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 67.3'%3E%3Cpath fill='%23F43B35' d='M80.2 0H9.8C4.4 0 0 4.4 0 9.8v47.7c0 5.4 4.4 9.8 9.8 9.8h70.4c5.5 0 9.8-4.4 9.8-9.8V9.8C90 4.4 85.7 0 80.2 0z'/%3E%3Cpath fill='%23FFF' d='M73.6 37L60.4 50.2c-1.9 1.9-4.6 1.9-6.4 0-1.8-1.7-1.7-4.5.1-6.3l5.2-5.2c.1-.1.3-.2.4-.3l-.1-.2H19.9c-2.2 0-4-1.4-4.5-3.4-.7-2.9 1.4-5.5 4.3-5.5h40.1l-.5-.5c-1.9-1.9-3.8-3.8-5.6-5.7-1.5-1.4-1.7-3.7-.4-5.4 1.3-1.8 3.6-2.4 5.5-1.5.5.2.9.6 1.3 1l13.5 13.5c1.9 1.8 1.9 4.5 0 6.3z'/%3E%3C/svg%3E");
    width: 19px;
    height: 14px; }
  .header__for-dealers__list__logout .text {
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
  @media only screen and (min-width: 1001px) {
    .header__for-dealers__list__logout:hover .text {
      color: #f43b35; } }

.header__personal-area {
  padding-top: 37px;
  margin-right: 97px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .header__personal-area {
      margin-left: 20px;
      margin-right: auto; } }

.header__personal-area__button {
  display: block;
  width: 128px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 5;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .header__personal-area__button {
      width: 295px;
      height: 50px;
      background-color: #f43b35;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .header__personal-area__button:before {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #f43b35;
    content: "";
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1; }
  .header__personal-area__button:after {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #f43b35;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0; }
  .header__personal-area__button > * {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    color: #f43b35;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    position: relative;
    z-index: 5; }
  .header__personal-area__button:hover:before {
    width: 100%;
    -webkit-animation: hoverA 0.8s linear;
            animation: hoverA 0.8s linear; }
  .header__personal-area__button:hover:after {
    display: none; }

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  width: 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  position: absolute;
  top: -10px;
  right: 0; }
  @media only screen and (max-width: 1023px) {
    .header__menu {
      width: 90px;
      height: 90px; } }
  @media only screen and (max-width: 767px) {
    .header__menu {
      width: 80px;
      height: 80px; } }
  .header__menu.active {
    top: -5px; }
    .header__menu.active .icon span {
      background-color: white; }
      .header__menu.active .icon span:nth-child(1) {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        width: 38px;
        top: 9px; }
      .header__menu.active .icon span:nth-child(2) {
        opacity: 0;
        -webkit-transform: translateX(-15px);
                transform: translateX(-15px); }
      .header__menu.active .icon span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        width: 38px;
        top: 9px; }
  .header__menu:hover {
    /*@include media-min-width($tablet) {
            background-color: #1e1f26;

        }
        .icon span {
            background-color: white;
        }
        */ }
  .header__menu .icon {
    height: 16px;
    width: 42px;
    position: relative; }
    .header__menu .icon .menu__text {
      text-decoration: none;
      color: #1c1c1e;
      font-weight: bold;
      font-size: 12px;
      position: absolute;
      top: 16px;
      left: 0;
      letter-spacing: 0.2em;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
    .header__menu .icon span {
      display: block;
      height: 2px;
      width: 100%;
      background-color: #1c1c1e;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: absolute;
      top: 0;
      left: 0; }
      .header__menu .icon span:nth-child(2) {
        top: 7px; }
      .header__menu .icon span:nth-child(3) {
        top: 14px; }
    @media only screen and (min-width: 1000px) {
      .header__menu .icon:hover span {
        top: 7px; }
        .header__menu .icon:hover span:nth-child(2) {
          opacity: 0; }
      .header__menu .icon:hover .menu__text {
        opacity: 0; } }

.city-modal {
  width: 362px;
  background-color: #1e1f26;
  position: absolute;
  margin-top: 15px; }
  .city-modal span {
    color: white;
    font-size: 14px;
    line-height: 20px; }
  @media only screen and (max-width: 767px) {
    .city-modal {
      width: 92%;
      left: 18px;
      margin-top: 55px; } }

.city-modal__container {
  padding: 18px 20px 35px 35px;
  position: relative; }

.city-modal__close-icon {
  position: absolute;
  right: 27px;
  top: 18px;
  width: 17px;
  height: 17px;
  opacity: 0.8;
  cursor: pointer; }

.city-modal__close-icon:hover {
  opacity: 1; }

.city-modal__close-icon:before,
.city-modal__close-icon:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 19px;
  width: 2px;
  background-color: #8f92a6; }

.city-modal__close-icon:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.city-modal__close-icon:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.city-modal__top {
  margin-top: 8px; }
  .city-modal__top .city-modal__region {
    margin-top: -5px; }
  .city-modal__top .city {
    font-weight: bold; }

.city-modal__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 14px; }
  .city-modal__bottom .button {
    width: 194px;
    height: 50px;
    margin-right: 30px; }
  .city-modal__bottom .verify-city {
    white-space: nowrap;
    border-bottom: 1px white solid;
    display: inline-block;
    line-height: 14px;
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    .city-modal__bottom .verify-city:hover {
      color: #f43b35;
      border-bottom: 1px #f43b35 solid; }

.footer {
  background-color: #1e1f26;
  margin-top: 118px; }
  @media only screen and (max-width: 1023px) {
    .footer {
      margin-top: 90px; } }
  .footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 17px; }
    @media only screen and (max-width: 767px) {
      .footer .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        width: 100%;
        padding-left: 0; } }

.footer__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 380px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 72px;
  margin-right: 189px; }
  @media only screen and (max-width: 1919px) {
    .footer__left {
      margin-right: 40px;
      width: 265px; } }
  @media only screen and (max-width: 1279px) {
    .footer__left {
      margin-right: 0; } }
  @media only screen and (max-width: 1023px) {
    .footer__left {
      width: 250px; } }
  @media only screen and (max-width: 767px) {
    .footer__left {
      width: 100%;
      padding-top: 0px; } }

.footer__left__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: 70px; }
  @media only screen and (max-width: 1919px) {
    .footer__left__logo {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (max-width: 767px) {
    .footer__left__logo {
      display: none; } }

.footer__left__logo__image {
  display: block;
  width: 82px;
  margin-right: 15px;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s; }
  .footer__left__logo__image:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  .footer__left__logo__image svg {
    display: block;
    height: auto;
    width: 100%; }

.footer__left__logo__description {
  width: 190px;
  margin-top: 25px; }
  @media only screen and (max-width: 1919px) {
    .footer__left__logo__description {
      margin-top: 8px; } }
  @media only screen and (max-width: 1279px) {
    .footer__left__logo__description {
      margin-top: 25px; } }
  .footer__left__logo__description > * {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #fff; }
    @media only screen and (max-width: 1919px) {
      .footer__left__logo__description > * {
        font-size: 16px;
        line-height: 18px; } }

.footer__left__details {
  padding-bottom: 60px;
  margin-top: auto;
  margin-left: 98px; }
  @media only screen and (max-width: 1919px) {
    .footer__left__details {
      margin-left: 0; } }
  @media only screen and (max-width: 1279px) {
    .footer__left__details {
      margin-top: 80px;
      width: 267px; } }
  @media only screen and (max-width: 1023px) {
    .footer__left__details {
      margin-top: 5px;
      width: 175px; } }
  @media only screen and (max-width: 767px) {
    .footer__left__details {
      width: 100%;
      text-align: center;
      margin-top: 26px; } }

.footer__left__details__copyright > * {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #737791;
  margin: 0; }
  @media only screen and (max-width: 1023px) {
    .footer__left__details__copyright > * {
      font-size: 12px; } }

.footer__left__details__policy {
  margin-top: 6px; }
  @media only screen and (max-width: 1023px) {
    .footer__left__details__policy {
      margin-top: 0; } }
  .footer__left__details__policy a {
    font-size: 14px;
    line-height: 21px;
    color: #737791;
    text-decoration: none;
    border-bottom: 1px solid #737791;
    -webkit-transition: color 0.2s ease, border-color 0.2s ease;
    transition: color 0.2s ease, border-color 0.2s ease; }
    @media only screen and (max-width: 1023px) {
      .footer__left__details__policy a {
        font-size: 12px; } }
    @media only screen and (min-width: 1001px) {
      .footer__left__details__policy a:hover {
        color: #fff;
        border-color: #fff; } }

.footer__left__details__madeby {
  font-size: 14px;
  line-height: 21px;
  color: #737791;
  margin-top: 10px; }
  @media only screen and (max-width: 1023px) {
    .footer__left__details__madeby {
      font-size: 12px;
      width: 120px;
      margin-top: 35px;
      line-height: 16px; } }
  @media only screen and (max-width: 767px) {
    .footer__left__details__madeby {
      width: unset;
      margin-top: 4px; } }
  .footer__left__details__madeby a {
    color: #737791;
    text-decoration: none;
    border-bottom: 1px solid #737791;
    -webkit-transition: color 0.2s ease, border-color 0.2s ease;
    transition: color 0.2s ease, border-color 0.2s ease; }
    @media only screen and (min-width: 1001px) {
      .footer__left__details__madeby a:hover {
        color: #fff;
        border-color: #fff; } }

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 510px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 60px;
  margin-top: 96px; }
  @media only screen and (max-width: 1919px) {
    .footer__nav {
      width: 400px; } }
  @media only screen and (max-width: 1279px) {
    .footer__nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 130px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media only screen and (max-width: 1023px) {
    .footer__nav {
      height: 244px; } }
  @media only screen and (max-width: 1023px) {
    .footer__nav {
      width: 140px; } }
  @media only screen and (max-width: 767px) {
    .footer__nav {
      display: none; } }

.footer__nav__item {
  width: 200px;
  margin-top: 38px; }
  @media only screen and (max-width: 1919px) {
    .footer__nav__item {
      width: 185px; } }
  @media only screen and (max-width: 1279px) {
    .footer__nav__item {
      width: 132px;
      margin-top: unset; } }
  .footer__nav__item:nth-child(1), .footer__nav__item:nth-child(2) {
    margin-top: 0; }
  .footer__nav__item:not(:nth-child(2n)) {
    margin-right: 110px; }
    @media only screen and (max-width: 1919px) {
      .footer__nav__item:not(:nth-child(2n)) {
        margin-right: 60px; } }
  @media only screen and (max-width: 1919px) {
    .footer__nav__item:nth-child(2n) {
      width: 150px; } }
  @media only screen and (max-width: 1279px) {
    .footer__nav__item:nth-child(2n) {
      width: 132px; } }
  .footer__nav__item ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .footer__nav__item li:not(:nth-child(1)) {
    margin-top: 6px; }
    .footer__nav__item li:not(:nth-child(1)) .title {
      margin-top: 20px; }
      @media only screen and (max-width: 1279px) {
        .footer__nav__item li:not(:nth-child(1)) .title {
          margin-top: 26px; } }
  .footer__nav__item a {
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    color: #737791;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    @media only screen and (max-width: 1279px) {
      .footer__nav__item a {
        display: none; } }
    .footer__nav__item a.title {
      font-weight: 700;
      font-size: 18px;
      line-height: 24px;
      color: #fff; }
      @media only screen and (max-width: 1279px) {
        .footer__nav__item a.title {
          display: block; } }
    @media only screen and (min-width: 1001px) {
      .footer__nav__item a:hover {
        color: #f43b35; } }

.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  background-color: #282933;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 37px 60px 37px;
  margin-left: auto;
  margin-right: 111px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .footer__contacts {
      margin-right: 0;
      width: 260px; } }
  @media only screen and (max-width: 1023px) {
    .footer__contacts {
      width: 212px;
      padding: 0 27px 60px 27px; } }
  @media only screen and (max-width: 767px) {
    .footer__contacts {
      width: 100%;
      margin-left: 0;
      padding-bottom: 37px;
      padding-right: 98px;
      padding-left: 98px; } }

.footer__contacts__to-top {
  height: 50px;
  width: 50px;
  background-color: #f43b35;
  cursor: pointer;
  margin: auto;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0; }
  @media only screen and (min-width: 1001px) {
    .footer__contacts__to-top:hover {
      background-color: #fff; }
      .footer__contacts__to-top:hover svg {
        fill: #f43b35; } }
  .footer__contacts__to-top svg {
    height: auto;
    width: 8px;
    fill: #fff;
    -webkit-transition: fill 0.2s ease;
    transition: fill 0.2s ease;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.footer__contacts__phone {
  text-align: center;
  margin-top: 90px; }
  @media only screen and (max-width: 1023px) {
    .footer__contacts__phone {
      margin-top: 76px; } }
  .footer__contacts__phone a {
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    white-space: nowrap; }
    @media only screen and (max-width: 1919px) {
      .footer__contacts__phone a {
        font-size: 22px; } }
    @media only screen and (max-width: 1279px) {
      .footer__contacts__phone a {
        font-size: 20px; } }
    @media only screen and (min-width: 1001px) {
      .footer__contacts__phone a:hover {
        color: #f43b35; } }

.footer__contacts__email {
  text-align: center;
  margin-top: 35px; }
  @media only screen and (max-width: 1023px) {
    .footer__contacts__email {
      margin-top: 13px; } }
  .footer__contacts__email a {
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none; }
    @media only screen and (max-width: 1023px) {
      .footer__contacts__email a {
        font-size: 16px; } }
    @media only screen and (min-width: 1001px) {
      .footer__contacts__email a:hover span {
        color: #f43b35; } }
    .footer__contacts__email a span {
      color: #fff;
      border-bottom: 2px solid #f43b35;
      -webkit-transition: color 0.2s ease;
      transition: color 0.2s ease; }

.footer__contacts__social {
  width: 100%;
  margin: 20px 0px 20px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.footer__contacts__personal-area {
  width: 100%;
  margin-top: auto;
  margin-bottom: 6px; }
  .footer__contacts__personal-area .button {
    width: 100%; }
  @media only screen and (max-width: 767px) {
    .footer__contacts__personal-area {
      margin-bottom: 0;
      margin-top: 32px; } }

.logo .fill-1 {
  fill: #fff;
  -webkit-transition: fill 0.2s ease;
  transition: fill 0.2s ease; }

.logo .fill-2 {
  fill: #f43b35;
  -webkit-transition: fill 0.2s ease;
  transition: fill 0.2s ease; }

#menu {
  height: 100px;
  width: 120px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2000;
  -webkit-transition: height .8s ease-in-out, width .8s ease-in-out, background-color .4s ease;
  transition: height .8s ease-in-out, width .8s ease-in-out, background-color .4s ease;
  background-color: rgba(255, 255, 255, 0) !important; }
  @media only screen and (max-width: 1023px) {
    #menu {
      width: 90px;
      height: 90px; } }
  @media only screen and (max-width: 767px) {
    #menu {
      /*min-width: 375px;
        width: 100%;
        right: unset;
        margin-left: auto;*/
      top: -100px; } }
  #menu.menu--home {
    top: 0; }
  #menu.active {
    height: 100%;
    width: 100%; }
    #menu.active .menu__close {
      z-index: 6; }
    #menu.active .header__menu .icon span {
      -webkit-transition: background-color .2s;
      transition: background-color .2s; }
    #menu.active .header__menu .icon:hover span {
      background-color: #f43b35; }
  #menu.content-show {
    background-color: rgba(255, 255, 255, 0.8) !important;
    /*.menu__bg {
            transform: translateX(0);
        }*/ }

.menu__wrapper {
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  z-index: 5; }

.menu__container {
  padding-bottom: 100px;
  -webkit-transition: opacity .5s;
  transition: opacity .5s; }
  @media only screen and (max-width: 767px) {
    .menu__container {
      padding-bottom: 0;
      height: 100vh;
      overflow: scroll; } }

.menu__header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 623px; }
  @media only screen and (max-width: 1919px) {
    .menu__header .container {
      padding-left: 367px; } }
  @media only screen and (max-width: 1279px) {
    .menu__header .container {
      padding-left: 342px; } }
  @media only screen and (max-width: 1023px) {
    .menu__header .container {
      padding-left: 102px; } }
  @media only screen and (max-width: 767px) {
    .menu__header .container {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    .menu__header .container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

@media only screen and (max-width: 767px) {
  .menu__header .header__city__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (min-width: 1001px) {
  .menu__header .header__city__button:hover .text span {
    color: #f43b35; }
  .menu__header .header__city__button:hover .text svg {
    fill: #f43b35; } }

.menu__header .header__city__button .text span {
  color: #fff; }

.menu__header .header__city__button .text svg {
  fill: #fff; }

.menu__header .header__cart {
  margin-right: 0;
  /*margin-right: 91px;
        @include media-max-width(1919) {
            margin-right: 32px;
        }*/
  width: 142px; }
  @media only screen and (max-width: 1919px) {
    .menu__header .header__cart {
      width: 126px; } }
  @media only screen and (max-width: 1023px) {
    .menu__header .header__cart {
      margin-right: 40px;
      width: unset; } }
  @media only screen and (max-width: 767px) {
    .menu__header .header__cart {
      margin-left: 40px;
      margin-right: 70px; } }

@media only screen and (min-width: 1279px) {
  .menu__header .header__cart__button {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

@media only screen and (min-width: 1001px) {
  .menu__header .header__cart__button:hover .icon svg {
    fill: #f43b35;
    stroke: #f43b35; }
  .menu__header .header__cart__button:hover .price > * {
    color: #f43b35; } }

.menu__header .header__cart__button .icon svg {
  fill: #fff;
  stroke: #fff; }

.menu__header .header__cart__button .price > * {
  color: #fff; }

.menu__header .header__personal-area {
  margin-right: 89px; }
  @media only screen and (max-width: 1919px) {
    .menu__header .header__personal-area {
      margin-right: 0px; } }
  @media only screen and (max-width: 1279px) {
    .menu__header .header__personal-area {
      margin-right: 74px; } }
  @media only screen and (max-width: 1023px) {
    .menu__header .header__personal-area {
      margin-right: 90px; } }

@media only screen and (min-width: 1001px) {
  .menu__header .header__personal-area__button:hover > * {
    color: #f43b35; } }

.menu__header .header__personal-area__button > * {
  color: #fff; }

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

.menu__header__city, .menu__header__cart, .menu__header__personal-area {
  opacity: 0;
  -webkit-transition: opacity .8s;
  transition: opacity .8s; }

@media only screen and (max-width: 767px) {
  .menu__header__cart {
    margin-left: auto !important; } }

@media only screen and (max-width: 1023px) {
  .menu__header__personal-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

@media only screen and (max-width: 767px) {
  .menu__header__personal-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }

@media only screen and (min-width: 1024px) {
  .header__personal-area__logout {
    display: none; } }

.menu__content {
  margin-top: 112px;
  opacity: 0;
  -webkit-transition: opacity .8s;
  transition: opacity .8s; }
  @media only screen and (max-width: 1279px) {
    .menu__content {
      margin-top: 75px; } }
  @media only screen and (max-width: 767px) {
    .menu__content {
      margin-top: 47px; } }
  .menu__content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.menu__content__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: auto;
  margin-right: 75px; }
  @media only screen and (max-width: 1919px) {
    .menu__content__nav {
      width: 670px;
      margin-right: 46px; } }
  @media only screen and (max-width: 1279px) {
    .menu__content__nav {
      width: 520px;
      margin-right: 45px; } }
  @media only screen and (max-width: 767px) {
    .menu__content__nav {
      width: 295px;
      margin-left: 20px; } }

.menu__content__nav__item {
  width: 268px;
  margin-top: 55px; }
  @media only screen and (max-width: 1919px) {
    .menu__content__nav__item {
      width: 210px; } }
  @media only screen and (max-width: 1279px) {
    .menu__content__nav__item {
      width: 180px; } }
  @media only screen and (max-width: 1023px) {
    .menu__content__nav__item {
      width: 186px; } }
  @media only screen and (max-width: 767px) {
    .menu__content__nav__item {
      margin-bottom: 17px;
      width: 200px;
      margin-top: unset; } }
  .menu__content__nav__item:nth-child(1), .menu__content__nav__item:nth-child(2) {
    margin-top: 0; }
  .menu__content__nav__item:not(:nth-child(2n)) {
    margin-right: 349px; }
    @media only screen and (max-width: 1919px) {
      .menu__content__nav__item:not(:nth-child(2n)) {
        margin-right: 250px; } }
    @media only screen and (max-width: 1279px) {
      .menu__content__nav__item:not(:nth-child(2n)) {
        margin-right: 184px; } }
    @media only screen and (max-width: 1023px) {
      .menu__content__nav__item:not(:nth-child(2n)) {
        margin-right: 145px; } }
    @media only screen and (max-width: 767px) {
      .menu__content__nav__item:not(:nth-child(2n)) {
        margin-right: unset; } }
  @media only screen and (max-width: 1279px) {
    .menu__content__nav__item:nth-child(2n) {
      width: 150px; } }
  .menu__content__nav__item ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .menu__content__nav__item li:nth-child(2) a:not(.title) {
    margin-top: 2px; }
  @media only screen and (max-width: 767px) {
    .menu__content__nav__item li:nth-child(2) {
      margin-top: 5px !important; } }
  .menu__content__nav__item li:not(:nth-child(1)) {
    margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      .menu__content__nav__item li:not(:nth-child(1)) {
        margin-top: 0; } }
    .menu__content__nav__item li:not(:nth-child(1)) a.title {
      margin-top: 19px; }
  .menu__content__nav__item a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    @media only screen and (max-width: 1279px) {
      .menu__content__nav__item a {
        font-size: 14px; } }
    .menu__content__nav__item a.title {
      font-weight: 700;
      font-size: 30px;
      line-height: 42px; }
      @media only screen and (max-width: 1919px) {
        .menu__content__nav__item a.title {
          font-size: 26px; } }
      @media only screen and (max-width: 1279px) {
        .menu__content__nav__item a.title {
          font-size: 24px;
          line-height: 21px; } }
      @media only screen and (max-width: 767px) {
        .menu__content__nav__item a.title {
          font-size: 20px; } }
    @media only screen and (min-width: 1001px) {
      .menu__content__nav__item a:hover {
        color: #f43b35; } }

.menu__bottom {
  margin-top: 247px; }
  @media only screen and (max-width: 1279px) {
    .menu__bottom {
      margin-top: 115px; } }
  @media only screen and (max-width: 767px) {
    .menu__bottom {
      background-color: #282933;
      height: 180px;
      padding-top: 27px;
      padding-left: 20px;
      padding-bottom: 80px; } }
  .menu__bottom .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.menu__bottom__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: auto;
  margin-right: 75px; }
  @media only screen and (max-width: 1919px) {
    .menu__bottom__content {
      width: 670px;
      margin-right: 46px; } }
  @media only screen and (max-width: 1279px) {
    .menu__bottom__content {
      width: 520px;
      margin-right: 45px; } }
  @media only screen and (max-width: 1023px) {
    .menu__bottom__content {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media only screen and (max-width: 767px) {
    .menu__bottom__content {
      margin-left: 0;
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.menu__bottom__phone {
  width: 268px;
  margin-right: 75px; }
  @media only screen and (max-width: 1279px) {
    .menu__bottom__phone {
      margin-right: 37px; } }
  @media only screen and (max-width: 767px) {
    .menu__bottom__phone {
      width: unset;
      margin-right: unset; } }
  .menu__bottom__phone a {
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    @media only screen and (max-width: 1279px) {
      .menu__bottom__phone a {
        font-size: 20px; } }
    @media only screen and (min-width: 1001px) {
      .menu__bottom__phone a:hover {
        color: #f43b35; } }

.menu__bottom__email {
  width: 223px;
  margin-right: 50px; }
  @media only screen and (max-width: 1023px) {
    .menu__bottom__email {
      margin-top: 9px; } }
  @media only screen and (max-width: 767px) {
    .menu__bottom__email {
      width: unset;
      margin-right: unset; } }
  .menu__bottom__email a {
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none; }
    @media only screen and (max-width: 1279px) {
      .menu__bottom__email a {
        font-size: 16px; } }
    @media only screen and (min-width: 1001px) {
      .menu__bottom__email a:hover span {
        color: #f43b35; } }
    .menu__bottom__email a span {
      color: #fff;
      border-bottom: 2px solid #f43b35;
      -webkit-transition: color 0.2s ease;
      transition: color 0.2s ease; }

@media only screen and (max-width: 1023px) {
  .menu__bottom__social {
    margin-top: -22px;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (max-width: 767px) {
  .menu__bottom__social {
    margin-top: 33px;
    margin-left: unset;
    margin-right: unset;
    width: 173px; } }

.menu__close {
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 610px; }
  @media only screen and (max-width: 1919px) {
    .menu__close {
      width: 440px; } }
  @media only screen and (max-width: 1439px) {
    .menu__close {
      width: 371px; } }
  @media only screen and (max-width: 1279px) {
    .menu__close {
      width: 340px; } }
  @media only screen and (max-width: 1023px) {
    .menu__close {
      width: 97px; } }
  @media only screen and (max-width: 767px) {
    .menu__close {
      display: none; } }

.menu__bg {
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1; }
  .menu__bg .container {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .menu__bg .container {
        margin-left: 0; } }
    .menu__bg .container:before {
      display: block;
      height: 100%;
      width: 1150px;
      background-color: #1e1f26;
      content: '';
      position: absolute;
      top: 0;
      right: 0; }
      @media only screen and (max-width: 1919px) {
        .menu__bg .container:before {
          width: 826px; } }
      @media only screen and (max-width: 1279px) {
        .menu__bg .container:before {
          width: 623px; } }
    .menu__bg .container:after {
      display: block;
      height: 100%;
      width: 1500px;
      background-color: #1e1f26;
      content: '';
      position: absolute;
      top: 0;
      left: 100%; }
      @media only screen and (max-width: 1919px) {
        .menu__bg .container:after {
          width: 826px; } }
      @media only screen and (max-width: 1279px) {
        .menu__bg .container:after {
          width: 623px; } }

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  background-color: #f43b35;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  padding: 0 15px;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  .button.black {
    background-color: #1c1c1e;
    border: none; }
  .button:before, .button.hover-black:before, .button.black:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    background: #fff;
    z-index: 0; }
  .button.black:before {
    background: #f43b35; }
  .button.hover-black:before {
    background: #1c1c1e; }
  @media only screen and (min-width: 1001px) {
    .button:hover:before {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left; }
    .button:hover:not(.hover-black) span {
      color: #f43b35;
      position: relative;
      z-index: 2; }
    .button:hover.hover-black span {
      color: #fff;
      position: relative;
      z-index: 2; }
    .button:hover.black span {
      color: #fff;
      position: relative;
      z-index: 2; } }
  .button span {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    @media only screen and (max-width: 767px) {
      .button span {
        font-size: 12px; } }
  .button[disabled], .button.disabled {
    opacity: 0.3;
    pointer-events: none; }
  .button.gray {
    background-color: #a8aab9; }

.loadingSpinner {
  border: 4px solid #FFF;
  border-top-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  opacity: 0.8;
  border-radius: 50%;
  animation: loadingSpinner 0.7s infinite linear;
  -webkit-animation: loadingSpinner 0.7s infinite linear;
  margin-top: -14px;
  margin-left: -14px;
  position: absolute;
  top: 50%;
  left: 50%; }

@keyframes loadingSpinner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes loadingSpinner {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

.breadcrumbs > * {
  color: #8f92a6;
  font-size: 12px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s; }

.breadcrumbs a {
  color: #8f92a6;
  font-size: 12px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  border-bottom: #8f92a6 1px solid; }
  .breadcrumbs a:hover {
    color: #1c1c1e;
    border-bottom: #1c1c1e 1px solid; }

.breadcrumbs svg {
  width: 7px;
  margin-right: 3px; }

.arrow-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  width: 58px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  @media only screen and (min-width: 1001px) {
    .arrow-button:hover:after {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
    .arrow-button:hover svg {
      -webkit-transform: translateX(5px);
              transform: translateX(5px); } }
  .arrow-button:after {
    display: block;
    height: 28px;
    width: 28px;
    background-color: #fff;
    content: '';
    opacity: 0.3;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  .arrow-button svg {
    display: block;
    height: auto;
    width: 48px;
    fill: #fff;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    position: relative;
    z-index: 5; }

.product-item {
  width: 260px;
  background-color: #fff;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .product-item {
      width: 212px; } }
  @media only screen and (max-width: 767px) {
    .product-item {
      width: 156px; } }
  .product-item .swiper-button-disabled {
    opacity: 0 !important; }
  @media only screen and (min-width: 1001px) {
    .product-item:hover .product-item__images .swiper-button-prev,
    .product-item:hover .product-item__images .swiper-button-next,
    .product-item:hover .product-item__images .swiper-pagination {
      opacity: 1 !important; } }
  .product-item .sale-label {
    position: absolute;
    background-color: #f43b35;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 15px 0 23px;
    top: 20px;
    left: 0;
    z-index: 5; }
  .product-item.small {
    width: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 210px; }
    @media only screen and (max-width: 1919px) {
      .product-item.small {
        width: 330px;
        height: 180px; } }
    @media only screen and (max-width: 1279px) {
      .product-item.small {
        width: 390px; } }
    @media only screen and (max-width: 767px) {
      .product-item.small {
        height: 147px;
        width: 295px; } }
    @media only screen and (max-width: 1919px) {
      .product-item.small .product-item__content {
        width: 180px;
        min-width: 180px; } }
    @media only screen and (max-width: 1279px) {
      .product-item.small .product-item__content {
        width: 210px; } }
    @media only screen and (max-width: 767px) {
      .product-item.small .product-item__content {
        width: 148px;
        min-width: 148px;
        padding-left: 18px; } }
    @media only screen and (max-width: 1919px) {
      .product-item.small .product-item__price__content > * {
        font-size: 20px; } }
    @media only screen and (max-width: 1919px) {
      .product-item.small .product-item__manufacturer > * {
        font-size: 10px; } }
    @media only screen and (max-width: 1919px) {
      .product-item.small .product-item__title > * {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .product-item.small .product-item__title > * {
        font-size: 14px; } }
    .product-item.small .product-item__images__item {
      background-color: #fff; }
    .product-item.small .product-item__images {
      height: 210px;
      min-width: 210px;
      width: 210px !important; }
      @media only screen and (max-width: 1919px) {
        .product-item.small .product-item__images {
          height: 180px;
          width: 150px !important;
          min-width: 150px; } }
      @media only screen and (max-width: 1279px) {
        .product-item.small .product-item__images {
          width: 180px !important;
          min-width: 180px; } }
      @media only screen and (max-width: 767px) {
        .product-item.small .product-item__images {
          width: 147px !important;
          min-width: 147px;
          height: 147px; } }
      .product-item.small .product-item__images .product-item__images__item.swiper-slide {
        height: 210px; }
        @media only screen and (max-width: 1919px) {
          .product-item.small .product-item__images .product-item__images__item.swiper-slide {
            height: 180px;
            width: 150px !important; } }
        @media only screen and (max-width: 1279px) {
          .product-item.small .product-item__images .product-item__images__item.swiper-slide {
            width: 180px !important; } }
        @media only screen and (max-width: 767px) {
          .product-item.small .product-item__images .product-item__images__item.swiper-slide {
            height: 147px;
            width: 147px !important; } }

.product-item__images {
  height: 260px;
  width: 100%;
  overflow: hidden; }
  @media only screen and (max-width: 1023px) {
    .product-item__images {
      height: 212px; } }
  @media only screen and (max-width: 767px) {
    .product-item__images {
      height: 156px; } }
  .product-item__images .swiper-button-prev,
  .product-item__images .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: none;
    opacity: 0;
    outline: none;
    margin: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    top: 0; }
    @media only screen and (min-width: 1001px) {
      .product-item__images .swiper-button-prev:hover svg,
      .product-item__images .swiper-button-next:hover svg {
        fill: #f43b35; } }
    .product-item__images .swiper-button-prev svg,
    .product-item__images .swiper-button-next svg {
      display: block;
      height: auto;
      width: 7px;
      fill: #fff;
      -webkit-transition: fill 0.2s ease;
      transition: fill 0.2s ease; }
  .product-item__images .swiper-button-prev {
    left: 0; }
  .product-item__images .swiper-button-next {
    right: 0; }
  .product-item__images .swiper-pagination {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
  .product-item__images .swiper-pagination-bullet {
    height: 5px;
    width: 5px;
    background-color: #fff;
    opacity: 0.5;
    border-radius: 50%;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
  .product-item__images .swiper-pagination-bullet-active {
    opacity: 1; }
  .product-item__images .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px; }
    .product-item__images .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 2.5px; }

.product-item__icons {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px; }
  .product-item__icons img {
    width: 35px;
    height: 35px;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s; }
    .product-item__icons img:hover {
      z-index: 2;
      -webkit-transform: scale(2);
              transform: scale(2); }
  @media only screen and (max-width: 767px) {
    .product-item__icons img {
      width: 25px;
      height: 25px; } }

.product-item__images__item {
  background-color: #ddd;
  height: 100%; }
  @media only screen and (min-width: 1024px) {
    .product-item__images__item:hover img {
      -webkit-transform: scale(1.08);
              transform: scale(1.08); } }
  .product-item__images__item.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 260px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .product-item__images__item.swiper-slide img {
      margin-top: 6px; }
    @media only screen and (max-width: 1023px) {
      .product-item__images__item.swiper-slide {
        height: 212px; } }
    @media only screen and (max-width: 767px) {
      .product-item__images__item.swiper-slide {
        height: 156px; } }
  .product-item__images__item img {
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    text-indent: -99999px;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease; }
  .product-item__images__item.single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .product-item__images__item.single a {
      display: inherit; }

.product-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 22px 16px 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1919px) {
    .product-item__content {
      padding-bottom: 16px; } }
  @media only screen and (max-width: 1023px) {
    .product-item__content {
      padding-left: 15px;
      padding-right: 15px; } }
  @media only screen and (max-width: 767px) {
    .product-item__content {
      padding: 15px 20px; } }

.product-item__heading {
  width: 100%;
  min-height: 62px;
  height: 83px; }
  @media only screen and (max-width: 767px) {
    .product-item__heading {
      min-height: 60px; } }

.product-item__title {
  width: 100%;
  max-height: 65px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .product-item__title {
      max-height: 48x; } }
  .product-item__title a {
    display: inline-block;
    font-size: 18px;
    line-height: 21px;
    color: #1c1c1e;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    @media only screen and (max-width: 1023px) {
      .product-item__title a {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .product-item__title a {
        font-size: 14px;
        line-height: 16px; } }
    @media only screen and (min-width: 1001px) {
      .product-item__title a:hover {
        color: #f43b35; } }

.product-item__manufacturer {
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .product-item__manufacturer {
      margin-top: -2px;
      white-space: nowrap; } }
  .product-item__manufacturer > * {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #8f92a6;
    text-transform: uppercase;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .product-item__manufacturer > * {
        font-size: 10px; } }

.product-item__price--tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px; }
  @media only screen and (max-width: 767px) {
    .product-item__price--tabs {
      margin-top: 5px; } }

@media only screen and (max-width: 1024px) {
  .product-item__price--tab {
    cursor: pointer; } }

.product-item__price--tab span {
  cursor: pointer;
  font-size: 12px;
  color: #8f92a6;
  border-bottom: #8f92a6 dotted 1px;
  margin: 0 7px;
  -webkit-transition: .2s;
  transition: .2s; }
  @media only screen and (min-width: 1000px) {
    .product-item__price--tab span:hover {
      border-bottom: #f43b35 dotted 1px;
      color: #f43b35; } }

.product-item__price--tab.active span {
  background-color: #ecedf3;
  border-radius: 9px;
  padding: 1px 7px;
  color: #1c1c1e;
  border-bottom: none;
  margin: 0; }

.product-item__price--tab:first-child {
  margin-right: 4px; }
  @media only screen and (max-width: 767px) {
    .product-item__price--tab:first-child {
      margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .product-item__price--tab:last-child {
    margin-bottom: 8px; } }

.product-item__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 12px; }
  @media only screen and (max-width: 1023px) {
    .product-item__price {
      margin-top: 3px; } }
  @media only screen and (max-width: 767px) {
    .product-item__price {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: -3px;
      position: relative; } }
  @media only screen and (max-width: 767px) {
    .product-item__price.small {
      margin-top: 5px; } }
  .product-item__price.large {
    margin-top: 38px; }
    @media only screen and (max-width: 1023px) {
      .product-item__price.large {
        margin-top: 43px; } }

.product-item__price__content {
  margin-right: 10px;
  display: none; }
  .product-item__price__content > * {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #1c1c1e;
    margin: 0; }
    @media only screen and (max-width: 1023px) {
      .product-item__price__content > * {
        font-size: 20px; } }
    @media only screen and (max-width: 767px) {
      .product-item__price__content > * {
        font-size: 18px; } }
  .product-item__price__content .price__null {
    font-size: 16px; }
    @media only screen and (max-width: 767px) {
      .product-item__price__content .price__null {
        font-size: 14px; } }
  .product-item__price__content.active {
    display: block; }

.product-item__price__discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media only screen and (max-width: 767px) {
    .product-item__price__discount {
      margin-bottom: -17px;
      margin-top: -3px;
      width: 100%; } }
  .product-item__price__discount .label {
    display: block;
    height: 14px;
    background-color: #f43b35;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    padding: 0 5px;
    margin-top: 6px;
    margin-right: 8px; }
  .product-item__price__discount .price {
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #8f92a6;
    text-decoration: line-through;
    margin-top: 5px; }

.product-item__price__personal-icon {
  width: 25px;
  height: 25px;
  position: relative;
  margin-top: 1px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 767px) {
    .product-item__price__personal-icon {
      width: 17px;
      height: 13px;
      margin-top: 7px; } }
  .product-item__price__personal-icon .icon {
    width: 17px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71 56.19' fill='%238f92a6'%3E%3Cpath d='M70.8 18.22l-8.4-17.1C62.06.43 61.36 0 60.6 0H10.4c-.76 0-1.46.43-1.79 1.12l-8.4 17.1c-.37.75-.23 1.66.35 2.26 0 0 32.68 34.27 33.5 35.09s2.04.85 2.89 0 33.5-35.09 33.5-35.09c.58-.61.72-1.51.35-2.26zM41.07 45.46l8.85-22.59 14.1-1.45-22.95 24.04zM7 21.44l14.12 1.53 8.81 22.49L7 21.44zM24.14 4l-3.18 14.92-15.81-1.7L11.65 4h12.49zm35.21 0l6.49 13.21-15.82 1.63L46.86 4h12.49zM45.99 19.11H25.01L28.23 4h14.54l3.22 15.11zm-.46 4L35.5 48.71l-10.03-25.6h20.06z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    position: relative;
    pointer-events: none; }
  .product-item__price__personal-icon:hover .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71 56.19' fill='%232c2c2c'%3E%3Cpath d='M70.8 18.22l-8.4-17.1C62.06.43 61.36 0 60.6 0H10.4c-.76 0-1.46.43-1.79 1.12l-8.4 17.1c-.37.75-.23 1.66.35 2.26 0 0 32.68 34.27 33.5 35.09s2.04.85 2.89 0 33.5-35.09 33.5-35.09c.58-.61.72-1.51.35-2.26zM41.07 45.46l8.85-22.59 14.1-1.45-22.95 24.04zM7 21.44l14.12 1.53 8.81 22.49L7 21.44zM24.14 4l-3.18 14.92-15.81-1.7L11.65 4h12.49zm35.21 0l6.49 13.21-15.82 1.63L46.86 4h12.49zM45.99 19.11H25.01L28.23 4h14.54l3.22 15.11zm-.46 4L35.5 48.71l-10.03-25.6h20.06z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  .product-item__price__personal-icon .price-tooltip {
    pointer-events: none;
    position: absolute;
    z-index: 0;
    top: -32px;
    left: 11px;
    background-color: #f43b35;
    width: 89px;
    height: 27px;
    display: block;
    line-height: 27px;
    color: #fff;
    font-size: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px; }
    @media only screen and (max-width: 767px) {
      .product-item__price__personal-icon .price-tooltip {
        left: 8px; } }
    .product-item__price__personal-icon .price-tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 8px 0 0;
      border-color: #f43b35 transparent transparent transparent;
      left: 0;
      bottom: -7px; }

.product-item__in-pack {
  width: 100%;
  margin-top: -2px; }
  @media only screen and (max-width: 1919px) {
    .product-item__in-pack {
      margin-top: -5px; } }
  @media only screen and (max-width: 767px) {
    .product-item__in-pack {
      margin-top: 5px; } }
  .product-item__in-pack span {
    color: #8f92a6;
    font-size: 12px; }
    @media only screen and (max-width: 1023px) {
      .product-item__in-pack span {
        font-size: 10px; } }
    @media only screen and (max-width: 767px) {
      .product-item__in-pack span {
        line-height: 14px;
        font-size: 11px;
        display: inline-block; } }

.product-item__amount {
  width: 90px;
  margin-top: 23px;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .product-item__amount {
      margin-top: 25px; } }
  @media only screen and (max-width: 1023px) {
    .product-item__amount {
      width: 100%;
      padding: 0 14px;
      margin-top: 11px; } }
  @media only screen and (max-width: 767px) {
    .product-item__amount {
      padding: 0;
      margin-top: 18px; } }
  .product-item__amount .minus,
  .product-item__amount .plus {
    height: 30px;
    width: 30px;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 0; }
    .product-item__amount .minus.disabled,
    .product-item__amount .plus.disabled {
      cursor: default;
      opacity: 0.3; }
  .product-item__amount .minus {
    left: -7px; }
    @media only screen and (max-width: 1023px) {
      .product-item__amount .minus {
        left: 8px; } }
    @media only screen and (max-width: 767px) {
      .product-item__amount .minus {
        left: 0px; } }
    @media only screen and (min-width: 1001px) {
      .product-item__amount .minus:hover:not(.disabled):before {
        background-color: #f43b35; } }
    .product-item__amount .minus:before {
      display: block;
      height: 2px;
      width: 8px;
      background-color: #1c1c1e;
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease;
      content: '';
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .product-item__amount .plus {
    right: -7px; }
    @media only screen and (max-width: 1023px) {
      .product-item__amount .plus {
        right: 8px; } }
    @media only screen and (max-width: 767px) {
      .product-item__amount .plus {
        right: 0; } }
    @media only screen and (min-width: 1001px) {
      .product-item__amount .plus:hover:not(.disabled):before, .product-item__amount .plus:hover:not(.disabled):after {
        background-color: #f43b35; } }
    .product-item__amount .plus:before {
      display: block;
      height: 2px;
      width: 8px;
      background-color: #1c1c1e;
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease;
      content: '';
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .product-item__amount .plus:after {
      display: block;
      height: 8px;
      width: 2px;
      background-color: #1c1c1e;
      content: '';
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .product-item__amount input {
    height: 30px;
    width: 100%;
    background-color: transparent;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #1c1c1e;
    padding: 0 20px;
    outline: none;
    border: none;
    border-bottom: 1px solid #bdc0d2;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease; }
    .product-item__amount input:focus {
      border-color: #1c1c1e; }

.product-item__button {
  margin-top: 15px;
  margin-left: auto;
  margin-right: -22px; }
  @media only screen and (max-width: 1919px) {
    .product-item__button {
      margin-top: 17px; } }
  @media only screen and (max-width: 1023px) {
    .product-item__button {
      width: 100%;
      margin-top: 14px;
      margin-left: unset; } }
  .product-item__button .button {
    width: 125px; }
    @media only screen and (max-width: 1919px) {
      .product-item__button .button {
        height: 43px; } }
    @media only screen and (max-width: 1023px) {
      .product-item__button .button {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .product-item__button .button {
        height: 34px; } }

.product-item__warehouses {
  margin-top: 18px; }
  @media only screen and (max-width: 767px) {
    .product-item__warehouses {
      margin-top: 7px;
      white-space: nowrap; } }
  .product-item__warehouses span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #1c1c1e; }
    @media only screen and (max-width: 767px) {
      .product-item__warehouses span {
        font-size: 11px; } }
  .product-item__warehouses a {
    color: #4caf50;
    text-decoration: none;
    border-bottom: 1px dotted #4caf50;
    -webkit-transition: color 0.2s ease, border-color 0.2s ease;
    transition: color 0.2s ease, border-color 0.2s ease;
    cursor: pointer; }
    @media only screen and (min-width: 1001px) {
      .product-item__warehouses a:hover {
        color: #8f92a6;
        border-color: transparent; } }
  .product-item__warehouses .empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    .product-item__warehouses .empty:hover {
      color: #f43b35; }
    .product-item__warehouses .empty:after {
      content: "";
      width: 4px;
      height: 4px;
      background-color: #f43b35;
      position: relative;
      top: 1px;
      left: 4px;
      border-radius: 50%; }

.product-item--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1180px;
  height: 264px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: #f3f2f5 2px solid; }
  @media only screen and (max-width: 1919px) {
    .product-item--list {
      width: 850px;
      height: 220px;
      overflow: hidden; } }
  @media only screen and (max-width: 1279px) {
    .product-item--list {
      width: 904px; } }
  @media only screen and (max-width: 1023px) {
    .product-item--list {
      width: 669px;
      height: 190px; } }
  @media only screen and (max-width: 767px) {
    .product-item--list {
      width: 100%;
      height: 405px; } }
  .product-item--list .product-item--list__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .product-item--list .product-item__images {
    width: 260px;
    height: 260px; }
    @media only screen and (max-width: 1919px) {
      .product-item--list .product-item__images {
        width: 220px;
        height: 220px; } }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__images {
        width: 190px;
        height: 190px; } }
    @media only screen and (max-width: 767px) {
      .product-item--list .product-item__images {
        width: 150px;
        height: 150px;
        position: absolute;
        left: 0;
        top: 0; } }
  @media only screen and (max-width: 1919px) {
    .product-item--list .product-item__images__item.swiper-slide {
      height: 220px; } }
  @media only screen and (max-width: 1023px) {
    .product-item--list .product-item__images__item.swiper-slide {
      height: 190px; } }
  @media only screen and (max-width: 767px) {
    .product-item--list .product-item__images__item.swiper-slide {
      height: 150px; } }
  .product-item--list .product-item__content {
    padding-left: 73px;
    padding-top: 23px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 260px); }
    @media only screen and (max-width: 1919px) {
      .product-item--list .product-item__content {
        padding-left: 24px;
        width: calc(100% - 220px); } }
    @media only screen and (max-width: 1279px) {
      .product-item--list .product-item__content {
        padding-left: 34px; } }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__content {
        padding-left: 20px;
        width: calc(100% - 190px);
        padding-top: 18px; } }
    @media only screen and (max-width: 767px) {
      .product-item--list .product-item__content {
        width: 100%;
        padding-left: 20px;
        padding-right: 18px; } }
  .product-item--list .product-item__heading {
    height: 72px; }
    @media only screen and (max-width: 767px) {
      .product-item--list .product-item__heading {
        margin-left: 149px;
        width: 150px; } }
  .product-item--list .product-item__title {
    margin-top: 4px; }
    @media only screen and (max-width: 1919px) {
      .product-item--list .product-item__title {
        margin-top: 2px; } }
    .product-item--list .product-item__title a {
      font-size: 22px; }
      @media only screen and (max-width: 1919px) {
        .product-item--list .product-item__title a {
          font-size: 19px; } }
      @media only screen and (max-width: 1023px) {
        .product-item--list .product-item__title a {
          font-size: 18px; } }
      @media only screen and (max-width: 767px) {
        .product-item--list .product-item__title a {
          font-size: 14px; } }
  .product-item--list .product-item__price {
    width: unset; }
  .product-item--list .product-item__article {
    margin-top: -1px; }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__article {
        margin-top: -4px; } }
    @media only screen and (max-width: 767px) {
      .product-item--list .product-item__article {
        display: none; } }
    .product-item--list .product-item__article .text {
      font-size: 14px; }
  .product-item--list .product-item__in-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0; }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__in-pack {
        margin-top: 5px; } }
    @media only screen and (max-width: 767px) {
      .product-item--list .product-item__in-pack {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        width: 140px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-left: 150px;
        margin-top: -15px; } }
    .product-item--list .product-item__in-pack .product-item__warehouses {
      margin-top: 0;
      margin-right: 29px; }
  @media only screen and (max-width: 1023px) {
    .product-item--list .product-item__button {
      width: auto;
      margin-left: auto; } }
  @media only screen and (max-width: 767px) {
    .product-item--list .product-item__button {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6; } }
  @media only screen and (max-width: 767px) {
    .product-item--list .product-item__button {
      margin-right: 0;
      margin-top: 16px; } }
  .product-item--list .product-item__button .button {
    width: 180px; }
    @media only screen and (max-width: 1919px) {
      .product-item--list .product-item__button .button {
        width: 120px; } }
    @media only screen and (max-width: 1279px) {
      .product-item--list .product-item__button .button {
        width: 130px; } }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__button .button {
        width: 110px; } }
    @media only screen and (max-width: 767px) {
      .product-item--list .product-item__button .button {
        width: 146px;
        height: 34px; } }
  @media only screen and (max-width: 767px) {
    .product-item--list .product-item__price--wrapper {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      width: 100%; } }
  .product-item--list .product-item__amount--wrapper {
    margin-left: 40px; }
    @media only screen and (max-width: 1919px) {
      .product-item--list .product-item__amount--wrapper {
        margin-left: 25px; } }
    @media only screen and (max-width: 1279px) {
      .product-item--list .product-item__amount--wrapper {
        margin-left: 30px; } }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__amount--wrapper {
        margin-left: 20px; } }
    @media only screen and (max-width: 767px) {
      .product-item--list .product-item__amount--wrapper {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        margin-left: 0; } }
  .product-item--list .product-item__amount {
    margin-top: 5px; }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__amount {
        width: 90px;
        padding: 0;
        margin-top: 0; } }
    @media only screen and (max-width: 767px) {
      .product-item--list .product-item__amount {
        width: 100px; } }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__amount .minus {
        left: 0; } }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__amount .plus {
        right: 0; } }
  .product-item--list .product-item__dimensions, .product-item--list .product-item__total-price {
    margin-left: 50px; }
    @media only screen and (max-width: 1919px) {
      .product-item--list .product-item__dimensions, .product-item--list .product-item__total-price {
        margin-left: 25px; } }
    @media only screen and (max-width: 1279px) {
      .product-item--list .product-item__dimensions, .product-item--list .product-item__total-price {
        margin-left: 35px; } }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__dimensions, .product-item--list .product-item__total-price {
        margin-left: 20px; } }
  @media only screen and (max-width: 1023px) {
    .product-item--list .product-item__dimensions {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .product-item--list .product-item__dimensions {
      display: block;
      margin-right: 0;
      margin-left: auto;
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
      width: 147px; } }
  @media only screen and (max-width: 767px) {
    .product-item--list .product-item__total-price {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      margin-left: 0;
      width: 147px; } }
  .product-item--list .product-item__characteristic-title .text {
    font-size: 12px;
    color: #8f92a6; }
  .product-item--list .product-item__characteristic-desc {
    margin-top: 10px; }
    @media only screen and (max-width: 1023px) {
      .product-item--list .product-item__characteristic-desc {
        margin-top: 3px; } }
    @media only screen and (max-width: 767px) {
      .product-item--list .product-item__characteristic-desc {
        margin-top: 0; } }
    .product-item--list .product-item__characteristic-desc .text {
      font-size: 16px; }
      @media only screen and (max-width: 1023px) {
        .product-item--list .product-item__characteristic-desc .text {
          font-size: 14px; } }
    .product-item--list .product-item__characteristic-desc.price .text {
      font-weight: bold;
      font-size: 24px; }
      @media only screen and (max-width: 1023px) {
        .product-item--list .product-item__characteristic-desc.price .text {
          font-size: 22px; } }

.social-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .social-links ul {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.social-links li:not(:last-child) {
  margin-right: 25px; }

.social-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 21px;
  width: 21px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .social-links a.vk svg {
    height: 20px;
    width: 20px; }
  .social-links a.telega svg {
    height: 20px;
    width: 20px; }
  .social-links a.inst svg {
    height: 16px;
    width: 16px; }
  .social-links a.fb svg {
    height: 16px;
    width: 9px; }
  .social-links a.yt svg {
    height: 21px;
    width: 17px; }
  @media only screen and (min-width: 1001px) {
    .social-links a:hover svg {
      fill: #f43b35; } }
  .social-links a svg {
    display: block;
    fill: #fff;
    -webkit-transition: fill 0.2s ease;
    transition: fill 0.2s ease; }

.overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15; }
  .overlay.active {
    opacity: 1; }

.cart__item {
  width: 955px;
  height: 190px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 30px; }
  @media only screen and (max-width: 1919px) {
    .cart__item {
      width: 100%;
      height: 190px; } }
  @media only screen and (max-width: 1279px) {
    .cart__item {
      width: 508px;
      padding-bottom: 10px;
      height: unset; } }
  @media only screen and (max-width: 1023px) {
    .cart__item {
      padding-bottom: 0;
      width: 100%;
      height: 185px; } }
  @media only screen and (max-width: 767px) {
    .cart__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: unset; } }

.cart__item__left {
  width: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1279px) {
    .cart__item__left {
      width: 195px; } }
  @media only screen and (max-width: 1023px) {
    .cart__item__left {
      width: 185px;
      height: 185px; } }
  @media only screen and (max-width: 767px) {
    .cart__item__left {
      width: 40%;
      height: unset;
      min-height: 135px;
      position: relative; } }
  .cart__item__left img {
    width: 190px;
    height: auto; }
    @media only screen and (max-width: 1279px) {
      .cart__item__left img {
        width: 195px; } }
    @media only screen and (max-width: 1023px) {
      .cart__item__left img {
        width: 185px; } }
    @media only screen and (max-width: 767px) {
      .cart__item__left img {
        width: 100%; } }

.cart__item__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding-left: 28px;
  padding-top: 23px; }
  @media only screen and (max-width: 1919px) {
    .cart__item__right {
      padding-top: 18px; } }
  @media only screen and (max-width: 1279px) {
    .cart__item__right {
      padding-left: 15px; } }

.cart__item__heading {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .cart__item__heading a {
    font-size: 22px;
    color: #1c1c1e;
    text-decoration: none;
    width: 90%;
    max-height: 28px;
    overflow-y: hidden; }
    @media only screen and (max-width: 1919px) {
      .cart__item__heading a {
        font-size: 20px;
        max-height: 46px; } }
    @media only screen and (max-width: 1279px) {
      .cart__item__heading a {
        max-width: 240px;
        font-size: 18px; } }
    @media only screen and (max-width: 1023px) {
      .cart__item__heading a {
        max-width: 90%; } }

.cart__item__delete {
  position: absolute;
  right: 40px;
  width: 17px;
  height: 17px;
  opacity: 0.3;
  top: 1px; }
  @media only screen and (max-width: 1919px) {
    .cart__item__delete {
      top: 3px; } }
  @media only screen and (max-width: 767px) {
    .cart__item__delete {
      top: -140px; } }
  .cart__item__delete:hover {
    cursor: pointer;
    opacity: 1; }
  .cart__item__delete:before, .cart__item__delete:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 19px;
    width: 2px;
    background-color: #333; }
  .cart__item__delete:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .cart__item__delete:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.cart__item__sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 3px; }
  @media only screen and (max-width: 1279px) {
    .cart__item__sub-heading {
      margin-top: 0; } }
  .cart__item__sub-heading > * {
    font-size: 14px; }

.cart__item__vendor > * {
  color: #8f92a6; }

.cart__item__warehouses {
  margin-left: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .cart__item__warehouses span {
    color: #8f92a6; }
  .cart__item__warehouses a {
    margin-left: 5px;
    cursor: pointer;
    color: #4caf50;
    text-decoration: none;
    border-bottom: 1px dotted #4caf50;
    -webkit-transition: color 0.2s ease, border-color 0.2s ease;
    transition: color 0.2s ease, border-color 0.2s ease; }

.cart__item__warehouses--list .stock-name:not(:last-child):after {
  content: "|"; }

.cart__item__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px; }
  @media only screen and (max-width: 1919px) {
    .cart__item__bottom {
      margin-top: auto;
      margin-bottom: 18px; } }
  @media only screen and (max-width: 1279px) {
    .cart__item__bottom {
      margin-top: 5px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media only screen and (max-width: 1023px) {
    .cart__item__bottom {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      margin-top: auto; } }
  @media only screen and (max-width: 767px) {
    .cart__item__bottom {
      position: relative;
      margin-top: 15px;
      padding-bottom: 15px; } }
  .cart__item__bottom .product-item__amount {
    margin-top: 0; }

.cart__item__price {
  width: 180px; }
  @media only screen and (max-width: 1919px) {
    .cart__item__price {
      width: 160px;
      white-space: nowrap; } }
  @media only screen and (max-width: 1279px) {
    .cart__item__price {
      margin-right: 0;
      width: 160px; } }
  @media only screen and (max-width: 1023px) {
    .cart__item__price {
      width: 115px; } }

.cart__item--desc {
  margin-bottom: 3px; }
  @media only screen and (max-width: 1279px) {
    .cart__item--desc {
      margin-bottom: 0; } }
  .cart__item--desc > * {
    font-size: 14px;
    color: #8f92a6; }

.cart__item--heading > * {
  font-size: 20px;
  font-weight: bold; }
  @media only screen and (max-width: 1919px) {
    .cart__item--heading > * {
      font-size: 18px; } }
  @media only screen and (max-width: 1279px) {
    .cart__item--heading > * {
      font-size: 16px; } }

.cart__item__amount {
  width: 192px; }
  @media only screen and (max-width: 1919px) {
    .cart__item__amount {
      width: 145px; } }
  @media only screen and (max-width: 1439px) {
    .cart__item__amount {
      width: 115px; } }
  @media only screen and (max-width: 1279px) {
    .cart__item__amount {
      margin-right: 0;
      width: 105px; } }
  @media only screen and (max-width: 1023px) {
    .cart__item__amount {
      width: 95px; } }
  @media only screen and (max-width: 767px) {
    .cart__item__amount {
      display: none; } }
  @media only screen and (max-width: 1023px) {
    .cart__item__amount .product-item__amount {
      margin-left: -15px; } }

.cart__item__sum .cart__item--heading span {
  font-size: 26px; }
  @media only screen and (max-width: 1919px) {
    .cart__item__sum .cart__item--heading span {
      font-size: 24px; } }
  @media only screen and (max-width: 1439px) {
    .cart__item__sum .cart__item--heading span {
      font-size: 20px; } }
  @media only screen and (max-width: 1279px) {
    .cart__item__sum .cart__item--heading span {
      font-size: 22px; } }

@media only screen and (max-width: 1279px) {
  .cart__item__sum {
    margin-top: 10px; } }

@media only screen and (max-width: 1023px) {
  .cart__item__sum {
    margin-top: 0; } }

@media only screen and (max-width: 767px) {
  .cart__item__sum {
    display: none; } }

.cart__item__weight {
  width: 183px; }
  @media only screen and (max-width: 1919px) {
    .cart__item__weight {
      width: 124px;
      white-space: nowrap; } }
  @media only screen and (max-width: 1439px) {
    .cart__item__weight {
      width: 100px; } }
  @media only screen and (max-width: 1279px) {
    .cart__item__weight {
      margin-right: 0;
      width: 160px;
      margin-top: 10px; } }
  @media only screen and (max-width: 1023px) {
    .cart__item__weight {
      margin-top: 0;
      width: 115px;
      margin-left: 30px; } }

.cart__item__responsive {
  display: none;
  position: absolute;
  left: 170px;
  top: 10px; }
  @media only screen and (max-width: 767px) {
    .cart__item__responsive {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .cart__item__responsive .cart__item__amount, .cart__item__responsive .cart__item__sum {
    display: block; }
  .cart__item__responsive .cart__item__amount {
    margin-top: 16px; }
    .cart__item__responsive .cart__item__amount .product-item__amount {
      margin-left: 0;
      margin-top: 0; }

.collapse {
  width: 972px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 1919px) {
    .collapse {
      width: 1022px; } }
  @media only screen and (max-width: 1599px) {
    .collapse {
      width: 863px; } }
  @media only screen and (max-width: 1439px) {
    .collapse {
      width: 789px; } }
  @media only screen and (max-width: 1365px) {
    .collapse {
      width: 702px; } }
  @media only screen and (max-width: 1279px) {
    .collapse {
      width: 508px; } }
  @media only screen and (max-width: 1023px) {
    .collapse {
      width: 100%; } }
  .collapse:last-child {
    margin-bottom: 0; }

.collapsible {
  background-color: #fff;
  cursor: pointer;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 21px;
  padding-left: 58px;
  position: relative;
  z-index: 20;
  padding-bottom: 37px;
  padding-top: 37px; }
  @media only screen and (max-width: 1919px) {
    .collapsible {
      font-size: 19px;
      padding-left: 35px;
      padding-top: 32px;
      padding-bottom: 32px; } }
  @media only screen and (max-width: 1279px) {
    .collapsible {
      font-size: 18px; } }
  @media only screen and (max-width: 767px) {
    .collapsible {
      font-size: 16px;
      padding-left: 20px;
      padding-top: 25px;
      padding-bottom: 25px; } }
  .collapsible .collapse__name {
    padding-right: 70px;
    font-size: inherit;
    font-weight: inherit;
    margin: 0; }

.collapsible:hover {
  -webkit-box-shadow: 0px 2px 24px 20px rgba(192, 193, 201, 0.36);
          box-shadow: 0px 2px 24px 20px rgba(192, 193, 201, 0.36); }

.collapse--active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.collapse--active, .collapsible:hover {
  background-color: #fff; }

.collapse__arrow {
  width: 7px;
  height: 7px;
  border-top: #8f92a6 2px solid;
  border-right: #8f92a6 2px solid;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  position: absolute;
  right: 59px;
  top: 45%; }
  @media only screen and (max-width: 767px) {
    .collapse__arrow {
      right: 40px; } }

.collapse--active .collapse__arrow {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }

.collapse--disabled .collapse__arrow {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }

.content {
  padding-left: 132px;
  overflow: hidden;
  background-color: white;
  position: relative;
  max-height: 0;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out; }
  @media only screen and (max-width: 1919px) {
    .content {
      padding-left: 85px; } }
  @media only screen and (max-width: 767px) {
    .content {
      padding-left: 20px; } }
  .content-text {
    width: 650px;
    padding-bottom: 27px;
    font-size: 14px;
    position: relative; }
    @media only screen and (max-width: 1919px) {
      .content-text {
        width: calc(100% - 85px); } }
    @media only screen and (max-width: 767px) {
      .content-text {
        width: calc(100% - 20px); } }
  .content p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 0; }
    .content p:before {
      content: '';
      width: 46px;
      height: 2px;
      background-color: #f43b35;
      position: absolute;
      left: -72px;
      top: 11px; }
      @media only screen and (max-width: 1919px) {
        .content p:before {
          width: 35px;
          left: -50px; } }
      @media only screen and (max-width: 767px) {
        .content p:before {
          content: none; } }

.about__tabs {
  width: calc(100% - 70px);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1919px) {
    .about__tabs {
      width: calc(100% - 55px); } }
  @media only screen and (max-width: 1023px) {
    .about__tabs {
      width: 100%; } }
  .about__tabs .tabs-bg {
    width: 100%;
    min-height: 129px;
    background: #282933;
    position: absolute;
    z-index: -1;
    top: 0; }
  .about__tabs ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
    padding-bottom: 22px;
    padding-left: 26px;
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media only screen and (max-width: 1023px) {
      .about__tabs ul {
        overflow-x: auto;
        -ms-flex-wrap: unset;
            flex-wrap: unset; } }
    @media only screen and (max-width: 767px) {
      .about__tabs ul {
        padding-left: 16px; } }
  .about__tabs .react-tabs__tab {
    cursor: pointer;
    color: #83869e;
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 1px;
    font-weight: bold;
    font-size: 16px; }
    @media only screen and (max-width: 1919px) {
      .about__tabs .react-tabs__tab {
        margin-bottom: 8px; } }
    @media only screen and (max-width: 1279px) {
      .about__tabs .react-tabs__tab {
        font-size: 14px; } }
    @media only screen and (max-width: 1023px) {
      .about__tabs .react-tabs__tab {
        white-space: nowrap; } }
    .about__tabs .react-tabs__tab--selected {
      color: white;
      background: #f43b35;
      border-radius: 12px; }
      @media only screen and (max-width: 767px) {
        .about__tabs .react-tabs__tab--selected {
          height: 25px;
          border-radius: 13px; } }
    .about__tabs .react-tabs__tab--disabled {
      display: none; }
    .about__tabs .react-tabs__tab h2 {
      font-size: 16px;
      margin: 0; }
  .about__tabs .react-tabs__tab-panel {
    margin-left: 26px;
    position: relative; }
    @media only screen and (max-width: 1919px) {
      .about__tabs .react-tabs__tab-panel {
        margin-top: -16px; } }
    @media only screen and (max-width: 767px) {
      .about__tabs .react-tabs__tab-panel {
        margin-left: 16px; } }
  .about__tabs .tab__content__media {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px; }
    @media only screen and (max-width: 1919px) {
      .about__tabs .tab__content__media {
        -webkit-column-count: 4;
           -moz-column-count: 4;
                column-count: 4; } }
    @media only screen and (max-width: 1023px) {
      .about__tabs .tab__content__media {
        -webkit-column-count: 3;
           -moz-column-count: 3;
                column-count: 3; } }
    @media only screen and (max-width: 767px) {
      .about__tabs .tab__content__media {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2; } }
    .about__tabs .tab__content__media img {
      cursor: pointer;
      width: 170px;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s; }
      @media only screen and (max-width: 1023px) {
        .about__tabs .tab__content__media img {
          width: 190px; } }
      @media only screen and (max-width: 767px) {
        .about__tabs .tab__content__media img {
          width: 140px; } }
    .about__tabs .tab__content__media .media-item {
      position: relative;
      width: 170px; }
      @media only screen and (max-width: 1023px) {
        .about__tabs .tab__content__media .media-item {
          width: 190px; } }
      @media only screen and (max-width: 767px) {
        .about__tabs .tab__content__media .media-item {
          width: 140px; } }
      .about__tabs .tab__content__media .media-item:hover img {
        -webkit-transform: scale(1.04);
                transform: scale(1.04); }
      .about__tabs .tab__content__media .media-item.video:before {
        cursor: pointer;
        content: '';
        position: absolute;
        top: 35%;
        left: 42%;
        width: 25px;
        height: 25px;
        background: #f43b35;
        border-radius: 100%;
        z-index: 9; }
        @media only screen and (max-width: 1919px) {
          .about__tabs .tab__content__media .media-item.video:before {
            left: 43%; } }
      .about__tabs .tab__content__media .media-item.video:after {
        cursor: pointer;
        content: '';
        position: absolute;
        top: 42.3%;
        left: 48%;
        width: 0;
        height: 0;
        border-left: 7px solid #fff;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        -webkit-transition: border-color 300ms;
        transition: border-color 300ms;
        z-index: 10; }
        @media only screen and (max-width: 1919px) {
          .about__tabs .tab__content__media .media-item.video:after {
            top: 43%;
            left: 48.5%; } }
        @media only screen and (max-width: 767px) {
          .about__tabs .tab__content__media .media-item.video:after {
            top: 44.5%;
            left: 50%; } }

.document-card {
  width: calc(100% - 26px);
  background: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .document-card {
      width: calc(100% - 16px); } }
  .document-card:not(:last-child) {
    margin-bottom: 21px; }

.document-card--files {
  width: 100%; }
  .document-card--files .document-card__container {
    padding: 37px 44px 32px; }
    @media only screen and (max-width: 1919px) {
      .document-card--files .document-card__container {
        padding: 28px 33px 37px 35px; } }
    @media only screen and (max-width: 1279px) {
      .document-card--files .document-card__container {
        padding: 26px 36px 32px 34px; } }
    @media only screen and (max-width: 1023px) {
      .document-card--files .document-card__container {
        padding-left: 41px;
        padding-right: 41px; } }
    @media only screen and (max-width: 767px) {
      .document-card--files .document-card__container {
        padding: 29px 20px 37px; } }
  @media only screen and (max-width: 1919px) {
    .document-card--files .document-card__desc {
      margin-top: 2px; } }
  .document-card--files .document-card__heading {
    width: unset; }
    .document-card--files .document-card__heading > * {
      font-size: 22px; }
      @media only screen and (max-width: 1919px) {
        .document-card--files .document-card__heading > * {
          font-size: 20px; } }
      @media only screen and (max-width: 1279px) {
        .document-card--files .document-card__heading > * {
          font-size: 18px; } }
  .document-card--files .document-card__icons {
    -ms-flex-item-align: start;
        align-self: flex-start; }

.document-card__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 7px; }
  .document-card__desc span, .document-card__desc a {
    font-size: 14px;
    font-weight: normal;
    color: #8f92a6; }
  .document-card__desc .document-card__number {
    margin-left: 12px; }
    .document-card__desc .document-card__number > * {
      color: #1c1c1e;
      font-weight: bold;
      border-bottom: #f43b35 2px solid;
      text-decoration: none; }

.document-card__container {
  padding: 42px 80px 52px 73px; }
  @media only screen and (max-width: 1919px) {
    .document-card__container {
      padding: 35px 50px 40px 45px; } }
  @media only screen and (max-width: 1279px) {
    .document-card__container {
      padding: 25px 45px 25px 40px; } }
  @media only screen and (max-width: 1023px) {
    .document-card__container {
      padding-left: 41px;
      padding-right: 41px; } }
  @media only screen and (max-width: 767px) {
    .document-card__container {
      padding: 29px 20px 32px 20px; } }

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

.document-card__type > *, .document-card__date > * {
  text-transform: uppercase;
  font-size: 12px;
  color: #8f92a6;
  font-weight: bold;
  letter-spacing: .2em; }

.document-card__date > * {
  letter-spacing: 2px; }

.document-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2px; }
  @media only screen and (max-width: 767px) {
    .document-card__content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.document-card__heading {
  width: 690px; }
  .document-card__heading > * {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: #1c1c1e;
    text-decoration: none;
    -webkit-transition: .2s ease;
    transition: .2s ease; }
    @media only screen and (max-width: 1919px) {
      .document-card__heading > * {
        font-size: 22px; } }
    @media only screen and (max-width: 1279px) {
      .document-card__heading > * {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .document-card__heading > * {
        font-size: 16px; } }
    .document-card__heading > *:hover {
      color: #f43b35; }
  @media only screen and (max-width: 1279px) {
    .document-card__heading {
      width: 100%;
      margin-right: 25px; } }
  @media only screen and (max-width: 767px) {
    .document-card__heading {
      margin-right: 10px; } }

.document-card__icons {
  margin-left: auto; }
  @media only screen and (max-width: 1919px) {
    .document-card__icons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 13px; } }
  @media only screen and (max-width: 1279px) {
    .document-card__icons {
      margin-top: 9px; } }
  @media only screen and (max-width: 767px) {
    .document-card__icons {
      margin-left: 0; } }
  .document-card__icons a:nth-child(1) svg {
    width: 23px;
    height: 25px;
    fill: #8f92a6;
    -webkit-transition: fill .2s;
    transition: fill .2s; }
    .document-card__icons a:nth-child(1) svg:hover {
      fill: #f43b35; }
    @media only screen and (max-width: 1919px) {
      .document-card__icons a:nth-child(1) svg {
        width: 21px;
        height: 22px; } }
    @media only screen and (max-width: 1279px) {
      .document-card__icons a:nth-child(1) svg {
        width: 19px;
        height: 20px; } }
    @media only screen and (max-width: 767px) {
      .document-card__icons a:nth-child(1) svg {
        width: 21px;
        height: 22px; } }
  .document-card__icons a:nth-child(2) svg {
    width: 24px;
    height: 26px;
    fill: #8f92a6;
    -webkit-transition: fill .2s;
    transition: fill .2s; }
    .document-card__icons a:nth-child(2) svg:hover {
      fill: #f43b35; }
    @media only screen and (max-width: 1919px) {
      .document-card__icons a:nth-child(2) svg {
        width: 21px;
        height: 23px; } }
    @media only screen and (max-width: 1279px) {
      .document-card__icons a:nth-child(2) svg {
        width: 19px;
        height: 21px; } }

.lightbox {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: show__modal .3s ease;
          animation: show__modal .3s ease; }

.lightbox__close {
  background: #f43b35;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  position: absolute;
  top: -58px;
  right: 0;
  cursor: pointer;
  z-index: 55; }
  @media only screen and (max-width: 767px) {
    .lightbox__close {
      top: -38px; } }
  .lightbox__close:before, .lightbox__close:after {
    position: absolute;
    left: 13px;
    top: 10px;
    content: ' ';
    height: 8px;
    width: 2px;
    background-color: #fff; }
  .lightbox__close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .lightbox__close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.lightbox__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (max-width: 767px) {
    .lightbox__container {
      margin-top: -100px; } }

.lightbox__slider {
  width: 1068px;
  height: 667px; }
  @media only screen and (max-width: 1919px) {
    .lightbox__slider {
      width: 800px;
      height: 500px; } }
  @media only screen and (max-width: 1023px) {
    .lightbox__slider {
      width: 672px;
      height: 427px; } }
  @media only screen and (max-width: 767px) {
    .lightbox__slider {
      width: 335px;
      height: 226px; } }
  .lightbox__slider .swiper-container {
    overflow: visible; }
  .lightbox__slider .swiper-slide {
    width: 1000px;
    height: 667px;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (max-width: 1919px) {
      .lightbox__slider .swiper-slide {
        width: 740px;
        height: 500px; } }
    @media only screen and (max-width: 1023px) {
      .lightbox__slider .swiper-slide {
        width: 632px;
        height: 427px; } }
    @media only screen and (max-width: 767px) {
      .lightbox__slider .swiper-slide {
        width: 315px;
        height: 226px; } }
    @media only screen and (max-width: 1919px) {
      .lightbox__slider .swiper-slide .image {
        max-width: 740px; } }
    @media only screen and (max-width: 1023px) {
      .lightbox__slider .swiper-slide .image {
        max-width: 632px; } }
    @media only screen and (max-width: 767px) {
      .lightbox__slider .swiper-slide .image {
        max-width: 315px; } }
    .lightbox__slider .swiper-slide .image img, .lightbox__slider .swiper-slide .image iframe {
      width: auto;
      max-height: 607px; }
      @media only screen and (max-width: 1919px) {
        .lightbox__slider .swiper-slide .image img, .lightbox__slider .swiper-slide .image iframe {
          max-width: 740px;
          max-height: 500px; } }
      @media only screen and (max-width: 1023px) {
        .lightbox__slider .swiper-slide .image img, .lightbox__slider .swiper-slide .image iframe {
          max-width: 632px;
          max-height: 427px; } }
      @media only screen and (max-width: 767px) {
        .lightbox__slider .swiper-slide .image img, .lightbox__slider .swiper-slide .image iframe {
          max-width: 315px;
          max-height: 226px; } }
    .lightbox__slider .swiper-slide .image iframe {
      width: 1000px;
      min-height: 545px; }
      @media only screen and (max-width: 1919px) {
        .lightbox__slider .swiper-slide .image iframe {
          max-width: 740px;
          min-height: 390px; } }
      @media only screen and (max-width: 1023px) {
        .lightbox__slider .swiper-slide .image iframe {
          max-width: 632px;
          min-height: 320px; } }
      @media only screen and (max-width: 767px) {
        .lightbox__slider .swiper-slide .image iframe {
          max-width: 315px;
          min-height: 226px; } }
  .lightbox__slider .lightbox__slider__slide {
    margin: 0 auto; }

.lightbox__slider__info {
  width: 600px;
  height: 130px;
  background: #282933;
  position: absolute;
  z-index: 99;
  bottom: -65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 1919px) {
    .lightbox__slider__info {
      width: 500px; } }
  @media only screen and (max-width: 767px) {
    .lightbox__slider__info {
      width: calc(100% - 40px);
      bottom: -90px;
      height: 110px; } }

.lightbox__slider__info--gallery {
  height: unset;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 45px;
  padding-bottom: 50px;
  padding-top: 17px; }
  @media only screen and (max-width: 1919px) {
    .lightbox__slider__info--gallery {
      padding-bottom: 35px;
      bottom: -85px; } }
  @media only screen and (max-width: 1279px) {
    .lightbox__slider__info--gallery {
      padding-bottom: 25px; } }
  @media only screen and (max-width: 767px) {
    .lightbox__slider__info--gallery {
      padding-left: 20px;
      bottom: -235px; } }
  .lightbox__slider__info--gallery .lightbox__slider__title {
    text-align: unset;
    margin-bottom: 7px; }
    @media only screen and (max-width: 1279px) {
      .lightbox__slider__info--gallery .lightbox__slider__title {
        margin-top: 16px; } }
    @media only screen and (max-width: 767px) {
      .lightbox__slider__info--gallery .lightbox__slider__title {
        margin-top: 8px; } }
    .lightbox__slider__info--gallery .lightbox__slider__title > * {
      font-size: 24px;
      line-height: 27px; }
      @media only screen and (max-width: 1919px) {
        .lightbox__slider__info--gallery .lightbox__slider__title > * {
          font-size: 22px; } }
      @media only screen and (max-width: 1279px) {
        .lightbox__slider__info--gallery .lightbox__slider__title > * {
          font-size: 20px; } }

.lightbox__slider__title {
  width: 365px;
  text-align: center;
  margin-top: 22px; }
  .lightbox__slider__title > * {
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
    color: white; }
    @media only screen and (max-width: 1919px) {
      .lightbox__slider__title > * {
        font-size: 19px;
        line-height: 19px; } }
    @media only screen and (max-width: 767px) {
      .lightbox__slider__title > * {
        font-size: 16px;
        width: calc(100% - 80px); } }

.lightbox__slider__subtitle, .lightbox__slider__subtitle--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (max-width: 767px) {
  .lightbox__slider__subtitle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.lightbox__slider__subtitle--item {
  margin-bottom: 6px; }
  .lightbox__slider__subtitle--item:first-child {
    width: 192px; }
  .lightbox__slider__subtitle--item .heading > * {
    font-size: 12px;
    color: #8f92a6;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .lightbox__slider__subtitle--item .desc {
    margin-left: 11px; }
    .lightbox__slider__subtitle--item .desc > * {
      color: white;
      font-size: 14px;
      line-height: 14px;
      display: inline-block; }
    .lightbox__slider__subtitle--item .desc.collection > * {
      border-bottom: white 1px solid; }

.lightbox__slider__desc {
  width: 500px; }
  @media only screen and (max-width: 1919px) {
    .lightbox__slider__desc {
      width: 450px; } }
  @media only screen and (max-width: 767px) {
    .lightbox__slider__desc {
      width: calc(100% - 20px); } }
  .lightbox__slider__desc > * {
    color: white;
    font-size: 14px; }

.lightbox__slider__pagination {
  margin-top: 6px; }
  .lightbox__slider__pagination > * {
    font-size: 14px;
    font-weight: bold;
    color: #83869e; }

.lightbox__slider__nav {
  position: absolute;
  top: 45%;
  width: 100%;
  height: 65px;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 767px) {
    .lightbox__slider__nav {
      height: 32px; } }

.lightbox__slider__prev, .lightbox__slider__next {
  width: 65px;
  height: 65px;
  background: #f43b35;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 45%;
  z-index: 999; }
  @media only screen and (max-width: 767px) {
    .lightbox__slider__prev, .lightbox__slider__next {
      width: 32px;
      height: 32px; } }
  .lightbox__slider__prev svg, .lightbox__slider__next svg {
    fill: #fff;
    width: 7px;
    height: 11px; }
    @media only screen and (max-width: 767px) {
      .lightbox__slider__prev svg, .lightbox__slider__next svg {
        height: 8px;
        width: 4px; } }

.lightbox__slider__next {
  right: 0; }

.lightbox__slider__prev {
  left: 0; }

.gallery-card {
  width: 235px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 1279px) {
    .gallery-card {
      width: 215px; } }
  @media only screen and (max-width: 1023px) {
    .gallery-card {
      width: 188px; } }
  @media only screen and (max-width: 767px) {
    .gallery-card {
      width: 235px; } }
  .gallery-card:hover .gallery-card__title > *, .gallery-card:hover .gallery-card__desc > * {
    color: #f43b35; }
  .gallery-card:hover .gallery-card__image:before {
    opacity: 1; }
  .gallery-card:hover .gallery-card__image img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

.gallery-card__image {
  height: 350px;
  width: 100%;
  margin-top: 17px;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 1279px) {
    .gallery-card__image {
      height: 320px; } }
  @media only screen and (max-width: 1023px) {
    .gallery-card__image {
      height: 280px; } }
  @media only screen and (max-width: 767px) {
    .gallery-card__image {
      height: 350px; } }
  .gallery-card__image:before {
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  .gallery-card__image img {
    display: block;
    height: auto;
    width: 100%;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    position: relative;
    z-index: 1; }

.gallery-card__title {
  text-align: center;
  margin-top: 11px; }
  .gallery-card__title > * {
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px; }

.gallery-card__desc {
  margin-top: -3px; }
  .gallery-card__desc > * {
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 14px; }

.blog-card {
  width: 330px;
  height: 384px;
  background: #fff;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .blog-card {
      width: 300px;
      height: 364px; } }
  .blog-card.another {
    width: 156px;
    height: 340px; }
    .blog-card.another .blog-card__image {
      width: 156px;
      height: 102px; }
      .blog-card.another .blog-card__image img {
        width: 156px;
        height: 102px; }
    .blog-card.another .blog-card__bottom {
      padding-right: 12px; }
    .blog-card.another .blog-card__title a {
      font-size: 14px; }
    .blog-card.another .blog-card__desc {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .blog-card.another .blog-card__desc .blog-card__type {
        margin-left: 0; }

.blog-card__image {
  width: 330px;
  height: 215px; }
  @media only screen and (max-width: 1023px) {
    .blog-card__image {
      width: 300px;
      height: 195px; } }
  .blog-card__image img {
    width: 330px;
    height: 215px;
    -webkit-transition: .2s;
    transition: .2s; }
    @media only screen and (max-width: 1023px) {
      .blog-card__image img {
        width: 300px;
        height: 195px; } }
    .blog-card__image img:hover {
      -webkit-transform: scale(1.015);
              transform: scale(1.015); }

.blog-card__bottom {
  padding-left: 22px;
  padding-right: 16px;
  padding-top: 14px; }

.blog-card__title > * {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  text-decoration: none;
  color: #1c1c1e;
  -webkit-transition: .2s;
  transition: .2s; }

.blog-card__title:hover > * {
  color: #f43b35; }

.blog-card__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 21px; }

.blog-card__date > * {
  font-size: 14px; }

.blog-card__type {
  margin-left: 15px;
  cursor: pointer; }
  .blog-card__type > * {
    text-transform: uppercase;
    color: #8f92a6;
    font-size: 12px;
    border-bottom: #8f92a6 1px solid; }
    .blog-card__type > *:hover {
      color: #1c1c1e;
      border-bottom: #1c1c1e 1px solid;
      -webkit-transition: .2s ease;
      transition: .2s ease; }

.media__card {
  background: white;
  width: 250px;
  height: 175px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 32px;
  padding-right: 25px;
  padding-top: 26px; }
  @media only screen and (max-width: 1919px) {
    .media__card {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 16px;
      width: 190px; } }
  @media only screen and (max-width: 1400px) {
    .media__card {
      width: 180px; } }
  @media only screen and (max-width: 1279px) {
    .media__card {
      width: 220px;
      height: 175px; } }

.media__card__format > * {
  font-size: 12px;
  font-weight: bold;
  color: #8f92a6;
  letter-spacing: .2em; }

.media__card__heading > * {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  -webkit-transition: color .2s ease;
  transition: color .2s ease;
  color: #1c1c1e;
  text-decoration: none; }
  .media__card__heading > *:hover {
    color: #f43b35; }

.media__card__icons {
  margin-top: auto;
  margin-bottom: 31px; }
  @media only screen and (max-width: 1919px) {
    .media__card__icons {
      margin-bottom: 20px; } }
  .media__card__icons a:first-child {
    margin-right: 26px; }
    .media__card__icons a:first-child svg {
      width: 19px;
      height: 21px;
      fill: #8f92a6;
      -webkit-transition: .2s ease;
      transition: .2s ease; }
      .media__card__icons a:first-child svg:hover {
        fill: #f43b35; }
  .media__card__icons a:last-child svg {
    width: 20px;
    height: 22px;
    fill: #8f92a6; }

.file-card {
  width: 439px;
  height: 160px;
  background: #282933; }
  @media only screen and (max-width: 1919px) {
    .file-card {
      width: 370px;
      height: 140px; } }
  @media only screen and (max-width: 767px) {
    .file-card {
      width: 100%;
      height: 152px; } }

.file-card__container {
  padding: 32px 39px 48px 39px; }
  @media only screen and (max-width: 1919px) {
    .file-card__container {
      padding: 25px 32px 30px 32px; } }
  @media only screen and (max-width: 767px) {
    .file-card__container {
      padding-right: 30px; } }

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

.file-card__type > * {
  text-transform: uppercase;
  font-size: 12px;
  color: #8f92a6;
  font-weight: bold;
  letter-spacing: .2em; }

.file-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 767px) {
    .file-card__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }

.file-card__heading {
  width: 210px;
  margin-top: 2px; }
  .file-card__heading > * {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #fff; }
    @media only screen and (max-width: 1279px) {
      .file-card__heading > * {
        font-size: 14px; } }

.file-card__icons {
  margin-left: auto; }
  @media only screen and (max-width: 767px) {
    .file-card__icons {
      margin-left: 0;
      margin-top: 10px; } }
  .file-card__icons a:nth-child(1) svg {
    width: 19px;
    height: 21px;
    fill: #8f92a6;
    margin-right: 26px; }
  .file-card__icons a:nth-child(2) svg {
    width: 20px;
    height: 22px;
    fill: #8f92a6; }

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  list-style-type: none;
  padding: 0;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .pagination {
      margin-left: auto;
      margin-right: auto; } }

.pagination--prev, .pagination--next {
  width: 7px;
  height: 11px;
  margin-top: 6px;
  cursor: pointer;
  fill: #83869E;
  -webkit-transition: .2s;
  transition: .2s; }
  .pagination--prev:hover, .pagination--next:hover {
    fill: #f43b35; }
  .pagination--prev.disabled, .pagination--next.disabled {
    opacity: .3;
    pointer-events: none; }

.pagination--prev {
  margin-right: 23px; }

.pagination--next {
  margin-left: 23px; }

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

.pagination--item {
  cursor: pointer;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .pagination--item > * {
    color: #8f92a6;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: .2s;
    transition: .2s; }
  .pagination--item a:hover {
    color: #f43b35; }

.pagination--active {
  background: #fff; }
  .pagination--active > * {
    color: #2c2c2c; }

.pagination--item__next > * {
  color: #f43b35; }

.product__card {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .product__card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.product__card__icons {
  position: absolute;
  top: 20px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  z-index: 22; }
  .product__card__icons img {
    position: relative;
    z-index: 1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .product__card__icons img:hover {
      -webkit-transform: scale(2);
              transform: scale(2);
      z-index: 2; }

.product__card__slider {
  position: relative;
  width: 420px;
  height: 420px; }
  @media only screen and (max-width: 1919px) {
    .product__card__slider {
      width: 310px;
      height: 310px; } }
  @media only screen and (max-width: 1279px) {
    .product__card__slider {
      width: 235px;
      height: 235px; } }
  @media only screen and (max-width: 1023px) {
    .product__card__slider {
      width: 305px;
      height: 305px; } }
  @media only screen and (max-width: 767px) {
    .product__card__slider {
      width: 100%;
      height: auto; } }
  .product__card__slider .swiper-slide {
    height: 420px; }
    @media only screen and (max-width: 1919px) {
      .product__card__slider .swiper-slide {
        height: 310px; } }
    @media only screen and (max-width: 1279px) {
      .product__card__slider .swiper-slide {
        height: 235px; } }
    @media only screen and (max-width: 1023px) {
      .product__card__slider .swiper-slide {
        height: 305px; } }
    @media only screen and (max-width: 767px) {
      .product__card__slider .swiper-slide {
        height: 335px; } }
  .product__card__slider .swiper-button-next svg,
  .product__card__slider .swiper-button-prev svg {
    fill: #fff;
    width: 15px;
    height: 24px;
    background-image: none;
    -webkit-transition: fill 0.2s ease;
    transition: fill 0.2s ease; }
    @media only screen and (max-width: 1919px) {
      .product__card__slider .swiper-button-next svg,
      .product__card__slider .swiper-button-prev svg {
        width: 13px;
        height: 20px; } }
  .product__card__slider .swiper-button-next:hover svg,
  .product__card__slider .swiper-button-prev:hover svg {
    fill: #f43b35; }
  .product__card__slider .swiper-button-prev {
    left: 38px; }
    @media only screen and (max-width: 1919px) {
      .product__card__slider .swiper-button-prev {
        left: 20px; } }
  .product__card__slider .swiper-button-next {
    right: 38px; }
    @media only screen and (max-width: 1919px) {
      .product__card__slider .swiper-button-next {
        right: 20px; } }
  .product__card__slider .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5); }
  .product__card__slider .swiper-pagination-bullet-active {
    background: #fff; }
  .product__card__slider.single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.product__card__slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .product__card__slider__item img {
    cursor: pointer;
    width: 420px;
    height: auto; }
    @media only screen and (max-width: 1919px) {
      .product__card__slider__item img {
        width: 310px;
        height: unset; } }
    @media only screen and (max-width: 1279px) {
      .product__card__slider__item img {
        width: 235px;
        height: auto; } }
    @media only screen and (max-width: 1023px) {
      .product__card__slider__item img {
        width: 305px; } }
    @media only screen and (max-width: 767px) {
      .product__card__slider__item img {
        width: 100%; } }

.product__card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 38px;
  padding-right: 36px;
  padding-top: 26px; }
  @media only screen and (max-width: 1919px) {
    .product__card__content {
      padding-top: 22px;
      padding-left: 18px;
      padding-right: 24px;
      /*padding-left: 24px;
        padding-right: 33px;*/ } }
  @media only screen and (max-width: 1279px) {
    .product__card__content {
      padding-left: 19px;
      padding-right: 20px;
      padding-top: 18px; } }
  @media only screen and (max-width: 1023px) {
    .product__card__content {
      padding-left: 31px; } }
  @media only screen and (max-width: 767px) {
    .product__card__content {
      padding-top: 21px; } }

.product__card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 1279px) {
    .product__card__info {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.product__card__vendor {
  width: 150px; }
  @media only screen and (max-width: 1919px) {
    .product__card__vendor {
      width: 105px; } }
  @media only screen and (max-width: 1023px) {
    .product__card__vendor {
      width: 150px; } }
  .product__card__vendor > * {
    color: #8f92a6;
    font-size: 12px;
    white-space: nowrap; }

.product__card__warehouses {
  width: 180px; }
  @media only screen and (max-width: 1919px) {
    .product__card__warehouses {
      width: 130px; } }
  @media only screen and (max-width: 1279px) {
    .product__card__warehouses {
      width: unset; } }
  .product__card__warehouses span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #8f92a6;
    white-space: nowrap; }
    @media only screen and (max-width: 767px) {
      .product__card__warehouses span {
        font-size: 11px; } }
  .product__card__warehouses a {
    color: #4caf50;
    text-decoration: none;
    border-bottom: 1px dotted #4caf50;
    -webkit-transition: color 0.2s ease, border-color 0.2s ease;
    transition: color 0.2s ease, border-color 0.2s ease;
    cursor: pointer; }
    @media only screen and (min-width: 1001px) {
      .product__card__warehouses a:hover {
        color: #8f92a6;
        border-color: transparent; } }
  .product__card__warehouses .empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    .product__card__warehouses .empty:hover {
      color: #1c1c1e; }
    .product__card__warehouses .empty:after {
      content: "";
      width: 4px;
      height: 4px;
      background-color: #f43b35;
      position: relative;
      top: 1px;
      left: 4px;
      border-radius: 50%; }

.product__card__shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .product__card__shipping > * {
    font-size: 12px;
    white-space: nowrap; }
  .product__card__shipping svg {
    margin-left: 4px;
    width: 15px;
    height: 15px;
    fill: #8f92a6; }
  .product__card__shipping.product__card__shipping--tooltip {
    position: relative; }
    .product__card__shipping.product__card__shipping--tooltip .product__card__shipping--tooltip-text {
      visibility: hidden;
      width: 209px;
      height: 84px;
      background-color: #fff;
      border: #4caf50 1px solid;
      position: absolute;
      z-index: 1000;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      bottom: 125%;
      left: 50%;
      margin-left: -46px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 10px 18px 8px; }
      .product__card__shipping.product__card__shipping--tooltip .product__card__shipping--tooltip-text .heading {
        font-size: 12px;
        font-weight: bold;
        color: #4caf50;
        line-height: 14px; }
      .product__card__shipping.product__card__shipping--tooltip .product__card__shipping--tooltip-text .desc {
        white-space: pre-wrap;
        line-height: 14px; }
      .product__card__shipping.product__card__shipping--tooltip .product__card__shipping--tooltip-text:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #4caf50 transparent transparent transparent; }

.product__card__shipping--tooltip:hover svg {
  fill: #4caf50 !important; }

.product__card__shipping--tooltip:hover .product__card__shipping--tooltip-text {
  visibility: visible;
  opacity: 1; }

.product__card__title,
.product-card__modal--name {
  margin-top: 12px; }
  @media only screen and (max-width: 1919px) {
    .product__card__title,
    .product-card__modal--name {
      margin-top: 6px; } }
  @media only screen and (max-width: 1279px) {
    .product__card__title,
    .product-card__modal--name {
      margin-top: 17px; } }
  @media only screen and (max-width: 1023px) {
    .product__card__title,
    .product-card__modal--name {
      margin-top: 24px; } }
  .product__card__title > *,
  .product__card__title h1,
  .product-card__modal--name > *,
  .product-card__modal--name h1 {
    font-size: 34px;
    font-weight: 400;
    margin: 0;
    line-height: 28px;
    display: inline; }
    @media only screen and (max-width: 1919px) {
      .product__card__title > *,
      .product__card__title h1,
      .product-card__modal--name > *,
      .product-card__modal--name h1 {
        font-size: 22px; } }

.product__card__characteristics {
  margin-top: 24px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 19px; }
  @media only screen and (max-width: 1919px) {
    .product__card__characteristics {
      margin-top: 3px;
      grid-row-gap: 5px; } }
  @media only screen and (max-width: 1279px) {
    .product__card__characteristics {
      display: none; } }
  .product__card__characteristics--item .heading > * {
    font-size: 14px;
    font-weight: bold; }
  .product__card__characteristics--item .desc {
    margin-top: -4px; }
    .product__card__characteristics--item .desc a,
    .product__card__characteristics--item .desc span {
      cursor: pointer;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      color: #1c1c1e;
      text-decoration: none;
      font-size: 14px;
      border-bottom: #dbdce4 1px solid; }
      .product__card__characteristics--item .desc a:hover,
      .product__card__characteristics--item .desc span:hover {
        color: #f43b35;
        border-bottom: #f43b35 1px solid; }

.product__card__price {
  margin-top: 9px !important; }

.product__card__price--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .product__card__price--bottom .product__right__price--sale {
    margin-left: 13px; }
  .product__card__price--bottom .product__right__price--for-one {
    margin-top: 8px; }

.product__card__tags {
  margin-top: 18px; }
  @media only screen and (max-width: 1919px) {
    .product__card__tags {
      margin-top: 5px; } }
  @media only screen and (max-width: 1279px) {
    .product__card__tags {
      display: none; } }
  .product__card__tags .heading > * {
    font-size: 14px;
    font-weight: bold; }
  .product__card__tags .tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .product__card__tags .tag {
    cursor: pointer;
    margin-right: 4px;
    background: #f3f2f5;
    padding-right: 12px;
    padding-left: 12px;
    height: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media only screen and (max-width: 767px) {
      .product__card__tags .tag {
        margin-bottom: 4px; } }
    .product__card__tags .tag > * {
      font-size: 12px;
      color: #8f92a6;
      display: inline-block;
      line-height: 0px; }

.product__card__bottom {
  margin-top: auto;
  margin-bottom: 26px; }
  @media only screen and (max-width: 1919px) {
    .product__card__bottom {
      margin-top: 22px;
      margin-bottom: 22px; } }
  @media only screen and (max-width: 1279px) {
    .product__card__bottom {
      margin-top: 58px; } }
  @media only screen and (max-width: 1023px) {
    .product__card__bottom {
      margin-top: 52px; } }
  @media only screen and (max-width: 767px) {
    .product__card__bottom {
      margin-top: 43px;
      padding-bottom: 31px; } }
  .product__card__bottom__row {
    display: grid;
    grid-template-columns: 140px 140px;
    grid-column-gap: 90px;
    width: 100%; }
    .product__card__bottom__row:not(:nth-child(1)) {
      margin-top: 15px; }
    @media only screen and (max-width: 1919px) {
      .product__card__bottom__row {
        grid-column-gap: 65px; } }
    @media only screen and (max-width: 450px) {
      .product__card__bottom__row {
        grid-column-gap: 35px; } }
  .product__card__bottom--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    .product__card__bottom--item.download_presentation svg {
      margin-top: 3px;
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
    .product__card__bottom--item::before {
      position: absolute;
      content: "";
      width: auto;
      bottom: -4px;
      height: 2px;
      left: 0;
      right: 0;
      background-color: #f43b35; }
    .product__card__bottom--item span,
    .product__card__bottom--item a {
      text-decoration: none;
      line-height: 18px;
      color: #1c1c1e;
      font-size: 14px;
      font-weight: bold;
      position: relative;
      padding-left: 3px;
      padding-right: 3px;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      .product__card__bottom--item span:hover,
      .product__card__bottom--item a:hover {
        color: #f43b35; }
    .product__card__bottom--item svg {
      width: 23px;
      height: 28px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-right: 5px; }
      @media only screen and (max-width: 1919px) {
        .product__card__bottom--item svg {
          width: 24px;
          height: 27px; } }
    .product__card__bottom--item:first-child svg {
      width: 25px;
      height: 27px; }
      @media only screen and (max-width: 1919px) {
        .product__card__bottom--item:first-child svg {
          height: 26px; } }

.product-card__modal--overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.95);
  z-index: 99999;
  width: 100%;
  height: 100%;
  -webkit-animation: show__modal 0.3s ease;
          animation: show__modal 0.3s ease; }

.product-card__modal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (max-width: 767px) {
    .product-card__modal {
      margin-top: -100px; } }
  @media only screen and (max-width: 767px) {
    .product-card__modal .lightbox__close {
      top: -125px; } }

.product-card__modal--name {
  margin-top: 0 !important;
  position: absolute;
  left: 9px;
  top: -56px;
  justify-self: flex-start; }
  @media only screen and (max-width: 1919px) {
    .product-card__modal--name {
      top: -52px; } }
  @media only screen and (max-width: 1279px) {
    .product-card__modal--name {
      top: -50px; } }
  @media only screen and (max-width: 767px) {
    .product-card__modal--name {
      top: -95px; } }

.product-card__modal__slider {
  width: 1068px;
  height: 667px; }
  @media only screen and (max-width: 1919px) {
    .product-card__modal__slider {
      width: 800px;
      height: 450px; } }
  @media only screen and (max-width: 1023px) {
    .product-card__modal__slider {
      width: 672px;
      height: 427px; } }
  @media only screen and (max-width: 767px) {
    .product-card__modal__slider {
      width: 335px;
      height: 226px; } }
  .product-card__modal__slider .main-slider {
    overflow: visible; }
    .product-card__modal__slider .main-slider .swiper-button-prev,
    .product-card__modal__slider .main-slider .swiper-button-next {
      width: 65px;
      height: 65px;
      background: #f43b35;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      cursor: pointer;
      position: absolute;
      top: 45%;
      z-index: 999;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.5 53.7' fill='white'%3E%3Cpath d='M0 26.838l2.8 2.8 24 24 5.7-5.7-21.2-21.2 21.2-21.1-5.7-5.7-24 24-2.8 2.9z'/%3E%3C/svg%3E");
      background-size: 7px 11px;
      background-repeat: no-repeat;
      background-position: center; }
      @media only screen and (max-width: 767px) {
        .product-card__modal__slider .main-slider .swiper-button-prev,
        .product-card__modal__slider .main-slider .swiper-button-next {
          width: 32px;
          height: 32px;
          background-size: 4px 8px;
          left: -16px; } }
    .product-card__modal__slider .main-slider .swiper-button-next {
      -webkit-transform: scale(-1, 1);
              transform: scale(-1, 1); }
      @media only screen and (max-width: 767px) {
        .product-card__modal__slider .main-slider .swiper-button-next {
          right: -16px;
          left: unset; } }
    .product-card__modal__slider .main-slider .swiper-slide {
      width: 800px;
      height: 534px;
      -webkit-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (max-width: 1919px) {
        .product-card__modal__slider .main-slider .swiper-slide {
          width: 650px;
          height: 439px; } }
      @media only screen and (max-width: 1023px) {
        .product-card__modal__slider .main-slider .swiper-slide {
          width: 560px;
          height: 378px; } }
      @media only screen and (max-width: 767px) {
        .product-card__modal__slider .main-slider .swiper-slide {
          width: 315px;
          height: 226px; } }
      .product-card__modal__slider .main-slider .swiper-slide img,
      .product-card__modal__slider .main-slider .swiper-slide iframe {
        width: auto;
        max-height: 534px; }
        @media only screen and (max-width: 1919px) {
          .product-card__modal__slider .main-slider .swiper-slide img,
          .product-card__modal__slider .main-slider .swiper-slide iframe {
            max-width: 650px;
            max-height: 439px; } }
        @media only screen and (max-width: 1023px) {
          .product-card__modal__slider .main-slider .swiper-slide img,
          .product-card__modal__slider .main-slider .swiper-slide iframe {
            max-width: 560px;
            max-height: 378px; } }
        @media only screen and (max-width: 767px) {
          .product-card__modal__slider .main-slider .swiper-slide img,
          .product-card__modal__slider .main-slider .swiper-slide iframe {
            max-width: 100%;
            max-height: unset; } }
      @media only screen and (max-width: 1919px) {
        .product-card__modal__slider .main-slider .swiper-slide .image {
          max-width: 650px; } }
      @media only screen and (max-width: 1023px) {
        .product-card__modal__slider .main-slider .swiper-slide .image {
          max-width: 560px; } }
      @media only screen and (max-width: 767px) {
        .product-card__modal__slider .main-slider .swiper-slide .image {
          max-width: 100%; } }
  .product-card__modal__slider .thumbnail-slider {
    width: 800px;
    margin-top: 35px; }
    @media only screen and (max-width: 1919px) {
      .product-card__modal__slider .thumbnail-slider {
        margin-top: 20px; } }
    @media only screen and (max-width: 1279px) {
      .product-card__modal__slider .thumbnail-slider {
        width: 600px; } }
    @media only screen and (max-width: 1023px) {
      .product-card__modal__slider .thumbnail-slider {
        width: 400px; } }
    @media only screen and (max-width: 767px) {
      .product-card__modal__slider .thumbnail-slider {
        width: 80%; } }
    .product-card__modal__slider .thumbnail-slider .swiper-wrapper {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (min-width: 768px) {
        .product-card__modal__slider .thumbnail-slider .swiper-wrapper {
          -webkit-transform: none !important;
                  transform: none !important; } }
    .product-card__modal__slider .thumbnail-slider .thumbnail-slider__slide {
      cursor: pointer;
      width: 90px !important;
      height: 90px !important;
      margin-right: 10px !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .product-card__modal__slider .thumbnail-slider .thumbnail-slider__slide.swiper-slide-active {
        border: #f43b35 3px solid; }
      .product-card__modal__slider .thumbnail-slider .thumbnail-slider__slide img {
        width: 70px;
        height: auto; }

.product-card__modal__slider--link {
  display: block;
  margin: 35px auto 0 auto;
  color: #1c1c1e;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s; }
  .product-card__modal__slider--link:hover {
    color: #f43b35; }
  @media only screen and (max-width: 1919px) {
    .product-card__modal__slider--link {
      margin-top: 20px; } }
  @media only screen and (max-width: 767px) {
    .product-card__modal__slider--link {
      margin-top: 55px; } }

.order__card {
  background: white; }

.order__card__container {
  padding: 27px 44px 11px 44px; }
  @media only screen and (max-width: 1279px) {
    .order__card__container {
      padding: 27px 33px 27px 33px; } }
  @media only screen and (max-width: 1023px) {
    .order__card__container {
      padding: 27px 42px 27px 42px; } }
  @media only screen and (max-width: 767px) {
    .order__card__container {
      padding: 30px 20px 35px 20px; } }

.order__card__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .order__card__heading svg {
    width: 26px;
    height: 24px;
    margin-right: 26px; }
    @media only screen and (max-width: 1279px) {
      .order__card__heading svg {
        width: 23px;
        height: 22px;
        margin-right: 24px; } }
    @media only screen and (max-width: 767px) {
      .order__card__heading svg {
        display: none; } }
  .order__card__heading > * {
    font-size: 22px;
    color: #1c1c1e;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s; }
    @media only screen and (max-width: 1919px) {
      .order__card__heading > * {
        font-size: 20px; } }
    @media only screen and (max-width: 1279px) {
      .order__card__heading > * {
        font-size: 18px; } }
    .order__card__heading > *:hover {
      color: #f43b35; }

.order__card__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 29px;
  margin-left: 53px; }
  @media only screen and (max-width: 1919px) {
    .order__card__data {
      margin-left: 47px;
      margin-top: 20px; } }
  @media only screen and (max-width: 1279px) {
    .order__card__data {
      margin-left: 0;
      margin-top: 17px; } }
  @media only screen and (max-width: 1023px) {
    .order__card__data {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-left: 44px; } }
  @media only screen and (max-width: 767px) {
    .order__card__data {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-left: 0; } }

.order__card__data--item .heading {
  font-size: 14px;
  color: #8f92a6; }
  @media only screen and (max-width: 1919px) {
    .order__card__data--item .heading {
      font-size: 12px; } }

@media only screen and (max-width: 767px) {
  .order__card__data--item .status {
    margin-left: 14px; } }

.order__card__data--item .status:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: #f43b35;
  border-radius: 100%;
  left: -12px;
  top: 10px; }

.order__card__data--item .status-1:before {
  background: #f43b35; }

.order__card__data--item .status-2:before {
  background: #0bb061; }

.order__card__data--item .status-3:before {
  background: #0bb061; }

.order__card__data--item .status-4:before {
  background: #8f92a6; }

.order__card__data--item .status-5:before {
  background: #8f92a6; }

.order__card__data--item .desc {
  position: relative;
  margin-top: 5px; }
  @media only screen and (max-width: 1919px) {
    .order__card__data--item .desc {
      margin-top: 0; } }
  @media only screen and (max-width: 767px) {
    .order__card__data--item .desc {
      margin-top: -5px; } }
  .order__card__data--item .desc span {
    font-weight: bold; }
    @media only screen and (max-width: 1919px) {
      .order__card__data--item .desc span {
        font-size: 14px; } }
  .order__card__data--item .desc.sum span {
    font-size: 20px; }
    @media only screen and (max-width: 1919px) {
      .order__card__data--item .desc.sum span {
        font-size: 18px; } }

.order__card__data--item:first-child {
  width: 228px; }
  @media only screen and (max-width: 1919px) {
    .order__card__data--item:first-child {
      width: 115px; } }
  @media only screen and (max-width: 1279px) {
    .order__card__data--item:first-child {
      width: 117px; } }
  @media only screen and (max-width: 1023px) {
    .order__card__data--item:first-child {
      width: unset; } }

.order__card__data--item:nth-child(2) {
  width: 177px; }
  @media only screen and (max-width: 1919px) {
    .order__card__data--item:nth-child(2) {
      width: 115px; } }
  @media only screen and (max-width: 1279px) {
    .order__card__data--item:nth-child(2) {
      width: 94px; } }
  @media only screen and (max-width: 1023px) {
    .order__card__data--item:nth-child(2) {
      width: unset; } }

@media only screen and (max-width: 1023px) {
  .order__card__data--item:nth-child(3) {
    width: 128px; } }

.order__card__data--item:not(:last-child) {
  margin-bottom: 17px; }

.login__form {
  min-width: 375px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 99999;
  position: fixed;
  width: 100%;
  height: 104%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-animation: show__modal .3s ease;
          animation: show__modal .3s ease; }
  .login__form .form__group {
    width: 306px; }
    .login__form .form__group:first-child {
      margin-top: 12px; }
    .login__form .form__group:not(:last-child) {
      margin-bottom: 13px; }
    @media only screen and (max-width: 767px) {
      .login__form .form__group {
        width: 100%; } }
  .login__form .form__control {
    background: transparent;
    color: white;
    position: relative; }
  .login__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media only screen and (max-width: 767px) {
      .login__form form {
        width: 100%; } }
  .login__form .button {
    margin-top: 34px;
    height: 65px; }
  .login__form input:-webkit-autofill,
  .login__form input:-webkit-autofill:hover,
  .login__form input:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #1e1f26 inset; }

.login__form__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 387px;
  background: #1e1f26;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 35px 40px 38px;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .login__form__container {
      margin-top: -50px; } }
  @media only screen and (max-width: 767px) {
    .login__form__container {
      width: calc(100% - 40px);
      margin-top: 0;
      padding: 25px 20px 30px; } }

.login__form__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative; }
  .login__form__heading span {
    color: #fff;
    font-size: 20px;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .login__form__heading span {
        font-size: 18px; } }

.login__form__message {
  margin-top: 10px;
  text-align: center; }
  .login__form__message span {
    color: #fff;
    font-size: 18px; }

.close__login {
  position: absolute;
  right: 17px;
  top: 25px;
  width: 32px;
  height: 32px;
  opacity: 0.7;
  cursor: pointer; }
  .close__login:hover {
    opacity: 1; }
  .close__login:before, .close__login:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 17px;
    width: 2px;
    background-color: #8f92a6; }
  .close__login:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .close__login:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.login__form__bottom {
  margin-top: 16px; }
  .login__form__bottom > * {
    font-size: 14px;
    color: white;
    font-weight: bold; }
  .login__form__bottom span:not(:nth-child(2)) {
    border-bottom: white 1px solid;
    cursor: pointer; }
  .login__form__bottom.registration span:first-child {
    border-bottom: unset;
    color: #8f92a6;
    font-weight: normal;
    cursor: unset; }
  .login__form__bottom.registration span:not(:nth-child(1)) {
    cursor: pointer;
    border-bottom: white 1px solid; }

.login__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 27px;
  margin-bottom: 11px; }
  .login__radio .radio label {
    padding-left: 20px !important;
    white-space: nowrap; }
    .login__radio .radio label:hover {
      color: #8f92a6 !important; }
  .login__radio .radio > * {
    color: #8f92a6; }
  .login__radio .radio:first-child {
    margin-right: 26px; }

.loggin-error {
  text-align: center; }
  .loggin-error span {
    font-size: 16px;
    color: white; }

.form__control_btn {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 13px;
  background-color: #73c622;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  padding: 0;
  width: 94px;
  color: #ffffff;
  border: none; }
  .form__control_btn.resend {
    width: 146px;
    background-color: #27282f;
    color: #505363;
    cursor: auto; }
  .form__control_btn.active {
    background-color: #73c622;
    color: #ffffff;
    cursor: pointer; }
  .form__control_btn.confirm {
    position: relative;
    top: 0; }

.login__toggler {
  display: block;
  line-height: 80px;
  background-color: #282933;
  border: none;
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  width: 387px;
  font-size: 14px;
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .login__toggler {
      width: calc(100% - 40px); } }

.form__getcode {
  margin-top: 34px;
  height: 65px;
  width: 100%; }

.findedPhone {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 10px; }
  .findedPhone span {
    font-weight: 600; }

.login__back {
  position: absolute;
  left: -82px;
  bottom: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  cursor: pointer; }
  .login__back svg {
    position: absolute;
    width: 32px;
    left: -21px;
    top: -9px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    fill: #f43b35; }

.button.sendCode {
  width: 100%;
  margin-top: 20px; }

.sendNewCode {
  color: #4caf50;
  background-color: transparent;
  border: none;
  border-bottom: 1px dotted #4caf50;
  font-size: 12px;
  margin-top: -5px;
  padding: 0;
  cursor: pointer; }

.form__group_hidden {
  display: none; }

.loggin-error {
  margin: 5px 0; }

.login-error-phone {
  text-align: center;
  margin: 15px 0 0; }
  .login-error-phone span {
    font-size: 16px;
    color: white; }

.captcha {
  margin-top: 10px;
  color: #ffffff; }
  .captcha__title {
    margin-bottom: 10px; }
  .captcha img {
    width: 100px; }
  .captcha__values label {
    position: relative !important;
    color: #ffffff !important;
    top: 0 !important;
    pointer-events: all !important;
    left: 0 !important;
    width: 100% !important;
    display: block; }
  .captcha__values input {
    margin-right: 5px; }

#responsive-filters {
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  /*opacity: 0;
    transition: opacity 10ms;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40; }
  @media only screen and (max-width: 767px) {
    #responsive-filters {
      background-color: unset;
      display: block;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      -webkit-transition: -webkit-transform 300ms;
      transition: -webkit-transform 300ms;
      transition: transform 300ms;
      transition: transform 300ms, -webkit-transform 300ms; } }
  #responsive-filters.isopen {
    display: block;
    -webkit-transform: none;
            transform: none;
    background-color: rgba(255, 255, 255, 0.8); }
    @media only screen and (max-width: 767px) {
      #responsive-filters.isopen {
        background-color: unset; } }
    #responsive-filters.isopen .responsive-filters__wrapper {
      -webkit-transform: none;
              transform: none; }
  #responsive-filters .close-filter {
    position: absolute;
    top: 173px;
    margin-left: -48px;
    width: 30px;
    height: 30px;
    opacity: .7;
    cursor: pointer; }
    @media only screen and (max-width: 1023px) {
      #responsive-filters .close-filter {
        opacity: unset;
        margin-left: -45px; } }
    @media only screen and (max-width: 767px) {
      #responsive-filters .close-filter {
        margin-left: 80%; } }
  @media only screen and (min-width: 1024px) {
    #responsive-filters .close-filter:hover {
      opacity: 1; } }
  #responsive-filters .close-filter:before, #responsive-filters .close-filter:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 40px;
    width: 2px;
    background-color: #1e1f26; }
    @media only screen and (max-width: 767px) {
      #responsive-filters .close-filter:before, #responsive-filters .close-filter:after {
        background-color: white; } }
  #responsive-filters .close-filter:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  #responsive-filters .close-filter:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  #responsive-filters .menu__header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 0 !important; }
    @media only screen and (max-width: 1919px) {
      #responsive-filters .menu__header .container {
        padding-left: 367px; } }
    @media only screen and (max-width: 1023px) {
      #responsive-filters .menu__header .container {
        padding-left: 102px; } }
    @media only screen and (max-width: 767px) {
      #responsive-filters .menu__header .container {
        padding-left: 0; } }
    @media only screen and (max-width: 767px) {
      #responsive-filters .menu__header .container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  #responsive-filters .menu__header .header__cart {
    margin-left: 75px !important;
    margin-top: 5px !important;
    margin-right: 42px !important; }
  #responsive-filters .menu__header .header__for-dealers {
    padding-top: 0 !important; }
  #responsive-filters .menu__header .header__for-dealers__button:hover:not(.active) .text > * {
    color: white; }
  #responsive-filters .menu__header .header__for-dealers__button:hover:not(.active) .icon {
    background: white; }
    #responsive-filters .menu__header .header__for-dealers__button:hover:not(.active) .icon span {
      background-color: #1c1c1e !important; }
  @media only screen and (min-width: 1001px) {
    #responsive-filters .menu__header .header__cart__button:hover .icon svg {
      fill: #f43b35;
      stroke: #f43b35; }
    #responsive-filters .menu__header .header__cart__button:hover .price > * {
      color: #f43b35; } }
  #responsive-filters .menu__header .header__cart__button .icon svg {
    fill: #fff;
    stroke: #fff; }
  #responsive-filters .menu__header .header__cart__button .price > * {
    color: #fff; }
  #responsive-filters .menu__header .header__menu span {
    background-color: white; }
  #responsive-filters .menu__header .menu__text {
    color: white; }

.responsive-filters__wrapper {
  width: 440px;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 300ms;
  transition: 300ms;
  z-index: 5;
  background-color: #1e1f26;
  margin-left: auto; }
  @media only screen and (max-width: 767px) {
    .responsive-filters__wrapper {
      width: 100%; } }

.responsive-filters__container {
  padding-left: 75px;
  padding-top: 180px;
  width: 208px;
  height: 100%; }
  @media only screen and (max-width: 1023px) {
    .responsive-filters__container {
      padding-left: 40px;
      padding-top: 183px; } }
  @media only screen and (max-width: 767px) {
    .responsive-filters__container {
      padding-top: 177px; } }
  .responsive-filters__container .catalog__sidebar__content__item.active > * {
    color: white !important; }
  .responsive-filters__container .catalog__sidebar__content__item:hover > * {
    color: white !important; }
  .responsive-filters__container .input-range__slider, .responsive-filters__container .input-range__track--active {
    background: white !important; }
  .responsive-filters__container .catalog__sidebar__heading span {
    color: white !important; }
  .responsive-filters__container .catalog__sidebar__item {
    margin-left: 20px; }
  .responsive-filters__container .checkbox__container .checkbox:checked + label span, .responsive-filters__container .checkbox__container .checkbox:hover + label span {
    color: white !important; }
  .responsive-filters__container .checkbox__container label:before {
    background: transparent;
    border-radius: 0;
    border: #8f92a6 1px solid; }
  .responsive-filters__container .clear-filter > * {
    color: white !important; }

.responsive-filters__heading span {
  color: white;
  font-size: 34px;
  font-weight: bold; }

.responsive-filters__list {
  margin-top: 18px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  height: 60%;
  scrollbar-width: none;
  padding-bottom: 300px; }
  .responsive-filters__list::-webkit-scrollbar {
    display: none; }

.city-picker__menu {
  z-index: -1;
  pointer-events: none;
  width: 0;
  height: 0; }
  .city-picker__menu.active {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    pointer-events: unset; }

.city-picker {
  position: fixed;
  width: 1315px;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #1e1f26;
  z-index: 520;
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
  -webkit-transition: .6s;
  transition: .6s; }
  @media only screen and (max-width: 1919px) {
    .city-picker {
      width: 72.3%; } }
  @media only screen and (max-width: 1279px) {
    .city-picker {
      width: 66%; } }
  @media only screen and (max-width: 1023px) {
    .city-picker {
      width: 87.3%; } }
  @media only screen and (max-width: 767px) {
    .city-picker {
      width: 100%; } }
  .city-picker .header__city {
    padding-left: 180px; }
    @media only screen and (max-width: 1919px) {
      .city-picker .header__city {
        padding-left: 110px; } }
    @media only screen and (max-width: 1279px) {
      .city-picker .header__city {
        padding-left: 57px; } }
    @media only screen and (max-width: 767px) {
      .city-picker .header__city {
        display: block;
        padding-left: 38px; } }
    .city-picker .header__city .icon-close {
      height: 20px;
      width: 20px;
      background-color: #f43b35;
      border-radius: 50%;
      -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
      transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
      transition: background-color 0.2s ease, transform 0.2s ease;
      transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
      top: 2px;
      right: 0;
      z-index: 5;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
      .city-picker .header__city .icon-close span {
        display: block;
        background-color: #fff;
        margin: auto;
        -webkit-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
        .city-picker .header__city .icon-close span:nth-child(1) {
          height: 2px;
          width: 8px; }
        .city-picker .header__city .icon-close span:nth-child(2) {
          height: 8px;
          width: 2px; }
  .city-picker .header__city__button {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .city-picker .header__city__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .city-picker .header__city__button span {
      color: white; }
    .city-picker .header__city__button .icon-close, .city-picker .header__city__button .icon-close span {
      -webkit-transition: .1s;
      transition: .1s; }
    .city-picker .header__city__button:hover span {
      color: white; }
    .city-picker .header__city__button:hover .icon-close {
      background-color: white; }
      .city-picker .header__city__button:hover .icon-close span {
        background-color: #f43b35; }

.city-picker--active {
  -webkit-transform: none;
          transform: none; }

.city-picker--overlay {
  position: fixed;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  right: 0;
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  z-index: -1; }

.city-picker--overlay--active {
  display: block;
  opacity: 1;
  z-index: 510;
  width: 100%;
  height: 100%; }

.city-picker__container {
  padding-left: 190px;
  padding-right: 238px;
  padding-top: 115px; }
  @media only screen and (max-width: 1919px) {
    .city-picker__container {
      padding-left: 111px;
      padding-right: 180px;
      padding-top: 70px; } }
  @media only screen and (max-width: 1279px) {
    .city-picker__container {
      padding-left: 57px;
      padding-right: 90px;
      padding-top: 110px; } }
  @media only screen and (max-width: 1023px) {
    .city-picker__container {
      padding-right: 75px; } }
  @media only screen and (max-width: 767px) {
    .city-picker__container {
      padding-left: 38px;
      padding-right: 38px;
      padding-top: 35px; } }
  .city-picker__container .form__control {
    padding-left: 34px !important;
    background-color: transparent;
    color: white !important;
    font-weight: bold;
    font-size: 21px;
    width: 595px !important; }
    @media only screen and (max-width: 1439px) {
      .city-picker__container .form__control {
        width: 100%;
        font-size: 19px; } }
    @media only screen and (max-width: 767px) {
      .city-picker__container .form__control {
        width: 100% !important; } }
  .city-picker__container .form__control::-webkit-input-placeholder {
    font-size: 21px;
    font-weight: bold;
    color: #737791; }
  .city-picker__container .form__control::-moz-placeholder {
    font-size: 21px;
    font-weight: bold;
    color: #737791; }
  .city-picker__container .form__control:-ms-input-placeholder {
    font-size: 21px;
    font-weight: bold;
    color: #737791; }
  .city-picker__container .form__control::-ms-input-placeholder {
    font-size: 21px;
    font-weight: bold;
    color: #737791; }
  .city-picker__container .form__control::placeholder {
    font-size: 21px;
    font-weight: bold;
    color: #737791; }
    @media only screen and (max-width: 1919px) {
      .city-picker__container .form__control::-webkit-input-placeholder {
        font-size: 19px; }
      .city-picker__container .form__control::-moz-placeholder {
        font-size: 19px; }
      .city-picker__container .form__control:-ms-input-placeholder {
        font-size: 19px; }
      .city-picker__container .form__control::-ms-input-placeholder {
        font-size: 19px; }
      .city-picker__container .form__control::placeholder {
        font-size: 19px; } }
  .city-picker__container input:-webkit-autofill,
  .city-picker__container input:-webkit-autofill:hover,
  .city-picker__container input:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #1e1f26 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s; }

.city-picker__content {
  position: relative; }
  .city-picker__content .glass__icon {
    left: 5px; }
    .city-picker__content .glass__icon svg {
      fill: white; }

.city-picker__grid {
  display: none;
  grid-template-columns: repeat(4, 218px);
  margin-top: 52px; }
  @media only screen and (max-width: 1919px) {
    .city-picker__grid {
      grid-template-columns: repeat(4, 210px); } }
  @media only screen and (max-width: 1439px) {
    .city-picker__grid {
      grid-template-columns: repeat(3, 210px);
      height: 420px;
      overflow: hidden;
      margin-top: 20px; } }
  @media only screen and (max-width: 1279px) {
    .city-picker__grid {
      grid-template-columns: repeat(3, 175px); } }
  @media only screen and (max-width: 1023px) {
    .city-picker__grid {
      grid-template-columns: repeat(3, 195px);
      height: 400px;
      overflow-y: scroll; } }
  @media only screen and (max-width: 767px) {
    .city-picker__grid {
      grid-template-columns: 1fr 1fr; } }
  .city-picker__grid::-webkit-scrollbar {
    width: 5px; }
  .city-picker__grid::-webkit-scrollbar-thumb {
    background: #2e303a;
    border-radius: 3px; }

.city-picker__grid--active {
  display: grid; }

.city-picker__grid--item {
  height: 30px; }
  .city-picker__grid--item span {
    cursor: pointer;
    color: white;
    font-size: 14px;
    -webkit-transition: .3s;
    transition: .3s; }
    .city-picker__grid--item span:hover {
      color: #f43b35; }

.city-picker__grid--item--active span {
  color: #f43b35; }

.city-picker__autocomplete {
  position: absolute;
  z-index: 10;
  background-color: #1e1f26;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  width: calc(100% - 38px);
  display: grid;
  grid-template-columns: repeat(4, 218px);
  margin-top: 52px; }
  @media only screen and (max-width: 1919px) {
    .city-picker__autocomplete {
      grid-template-columns: repeat(3, 210px);
      margin-top: 20px; } }
  @media only screen and (max-width: 1279px) {
    .city-picker__autocomplete {
      grid-template-columns: repeat(3, 175px); } }
  @media only screen and (max-width: 767px) {
    .city-picker__autocomplete {
      grid-template-columns: 1fr 1fr; } }

.preorder__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999; }

.preorder__modal {
  width: 387px;
  height: 339px;
  background-color: #1e1f26;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 34px 40px 0 40px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .preorder__modal {
      padding: 24px 20px 0 20px;
      width: 320px;
      height: 280px; } }

.preorder__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .preorder__container form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .preorder__container .form__group {
    margin-top: 9px; }
  .preorder__container .form__control {
    background-color: transparent;
    color: #fff; }
  .preorder__container input:-webkit-autofill,
  .preorder__container input:-webkit-autofill:hover,
  .preorder__container input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #1e1f26 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s; }
  .preorder__container .button {
    width: 180px;
    margin-top: 29px; }
    @media only screen and (max-width: 767px) {
      .preorder__container .button {
        margin-top: 16px; } }

.preorder__heading, .preorder__desc {
  text-align: center; }
  .preorder__heading span, .preorder__desc span {
    color: #fff; }

.preorder__heading span {
  font-size: 20px;
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .preorder__heading span {
      font-size: 16px; } }

.preorder__desc {
  margin-top: 14px; }
  @media only screen and (max-width: 767px) {
    .preorder__desc {
      margin-top: 8px; } }
  .preorder__desc span {
    display: inline-block;
    line-height: 20px;
    font-size: 14px; }
    @media only screen and (max-width: 767px) {
      .preorder__desc span {
        font-size: 12px; } }

.preorder__privacy {
  text-align: center;
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .preorder__privacy {
      margin-top: 10px; } }
  .preorder__privacy span, .preorder__privacy a {
    color: #8f92a6;
    font-size: 12px;
    text-decoration: none;
    line-height: 16px;
    display: inline-block; }
  .preorder__privacy a {
    border-bottom: #8f92a6 1px solid; }

.reminder {
  color: #fff;
  font-size: 12px;
  margin-top: -5px; }

.invitation-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 99999;
  position: fixed;
  width: 100%;
  height: 104%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-animation: show__modal .3s ease;
          animation: show__modal .3s ease; }
  .invitation-modal__close {
    position: absolute;
    right: 0;
    top: -52px;
    border: none;
    width: 32px;
    height: 32px;
    cursor: pointer; }
    .invitation-modal__close:before {
      background: #282933; }
    .invitation-modal__close svg {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 18px;
      height: 18px;
      color: #fff;
      z-index: 5; }
  .invitation-modal__window-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .invitation-modal__shadow {
    position: absolute;
    width: 390px;
    height: 100%;
    bottom: -10px;
    right: -10px;
    background: #525463; }
  .invitation-modal__window {
    width: 390px;
    position: relative;
    padding: 35px 40px 38px;
    background: #282933;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .invitation-modal__title {
    font-size: 22px;
    font-weight: 600;
    color: #fff; }
  .invitation-modal__description {
    font-size: 16px;
    color: #fff; }
  .invitation-modal__white-border-square {
    padding: 20px 36px 16px;
    border: 2px solid #fff; }
  .invitation-modal__actions {
    margin-top: 40px; }
  .invitation-modal__action-link {
    width: 100%; }
  @media only screen and (max-width: 767px) {
    .invitation-modal {
      margin: 0 auto; }
      .invitation-modal__window, .invitation-modal__shadow {
        max-width: 355px; } }

.fixed-faq {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 200; }
  .fixed-faq__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 199;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-animation: show__modal .3s ease;
            animation: show__modal .3s ease; }
  .fixed-faq__toggle {
    position: absolute;
    top: -80px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: #282933; }
    .fixed-faq__toggle svg {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      position: relative;
      width: 24px;
      height: 24px;
      color: #fff;
      fill: currentColor;
      z-index: 5; }
    .fixed-faq__toggle:before {
      background: #f43b35; }
  .fixed-faq input {
    margin-right: 0 !important;
    background: transparent;
    color: #fff; }
  .fixed-faq .input-error {
    color: #bdc0d2; }
  .fixed-faq__container {
    position: relative;
    right: 20px;
    width: 350px;
    height: auto;
    max-height: 500px;
    background-color: #f43b35;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
    .fixed-faq__container_hidden {
      max-height: 0; }
  .fixed-faq__form {
    padding: 36px 24px; }
  .fixed-faq__title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff; }
  .fixed-faq__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px; }
  .fixed-faq__privacy .checkbox + label {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #bdc0d2; }
  .fixed-faq__privacy .checkbox + label:before {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
  .fixed-faq__privacy .checkbox + label:after {
    top: 3px !important;
    left: 3px !important; }
  .fixed-faq__privacy .checkbox:hover + label:before {
    background: #282933 !important; }
  .fixed-faq__privacy .checkbox:checked + label:before {
    background: #282933; }
  .fixed-faq__action {
    margin-top: 32px; }
  .fixed-faq__submit {
    width: 100%;
    background-color: #282933; }
  @media only screen and (max-width: 600px) {
    .fixed-faq {
      width: 100%; }
      .fixed-faq__container {
        margin-left: auto;
        width: calc(100% - 40px); } }

.index__heading {
  padding-top: 100px;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .index__heading {
      padding-top: 90px; } }
  @media only screen and (max-width: 767px) {
    .index__heading {
      overflow: visible; } }
  .index__heading .container {
    position: relative; }
    @media only screen and (max-width: 1023px) {
      .index__heading .container {
        width: 100%;
        padding-left: 50px; } }
    @media only screen and (max-width: 767px) {
      .index__heading .container {
        width: 90%;
        padding-left: unset; } }

.index__heading--right {
  display: block;
  height: 426px;
  width: 615px;
  background-color: #fff;
  content: "";
  position: absolute;
  top: -100px;
  right: 0px;
  z-index: -1; }
  @media only screen and (max-width: 1919px) {
    .index__heading--right {
      width: 412px;
      height: 419px;
      right: 0; } }
  @media only screen and (max-width: 1279px) {
    .index__heading--right {
      height: 426px; } }
  @media only screen and (max-width: 1023px) {
    .index__heading--right {
      width: 276px; } }
  @media only screen and (max-width: 767px) {
    .index__heading--right {
      top: 0px;
      right: 0;
      width: 50%;
      height: 187px; } }
  .index__heading--right:after {
    display: block;
    position: absolute;
    background-color: #f3f2f5;
    top: 100%;
    left: 0;
    height: 426px;
    width: 612px; }
    @media only screen and (max-width: 767px) {
      .index__heading--right:after {
        width: 180px;
        height: 180px; } }

.index__heading--right__responsive {
  display: none;
  position: absolute;
  width: 189px;
  height: 250px;
  top: -90px;
  right: -20px;
  background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .index__heading--right__responsive {
      display: block; } }

@media only screen and (max-width: 767px) {
  .index__heading__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.index__heading__slider__content {
  height: 500px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 5;
  /* &:before {
         display: block;
         height: 100%;
         width: 1500px;
         background-color: #f3f2f5;
         content: '';
         position: absolute;
         top: -100px;
         left: 100%;
         z-index: 2;
         @include media-max-width(1919) {
             left: 105%;
         }
         @include media-max-width(1279) {
             left: 119%;
         }
         @include media-max-width(1023) {
             left: 120%;
         }
         @include media-max-width(767) {
             left: 50%;
             z-index: 0;
         }
     }
     &:after {
         display: block;
         height: 426px;
         width: 1500px;
         background-color: #fff;
         content: '';
         position: absolute;
         top: -100px;
         left: 100%;
         z-index: 3;
         @include media-max-width(1919) {
             left: 105%;
         }
         @include media-max-width(1279) {
             left: 119%;
         }
         @include media-max-width(1023) {
             left: 120%;
         }
         @include media-max-width(767) {
             left: 50%;
             height: 250px;
             z-index: 1;
         }
     }*/ }
  @media only screen and (max-width: 1919px) {
    .index__heading__slider__content {
      height: 376px; } }
  @media only screen and (max-width: 1279px) {
    .index__heading__slider__content {
      height: 380px; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__slider__content {
      height: 354px; } }
  @media only screen and (max-width: 767px) {
    .index__heading__slider__content {
      height: auto; } }
  .index__heading__slider__content .swiper-container {
    height: 100%;
    padding-bottom: 162px;
    overflow: visible;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media only screen and (max-width: 767px) {
      .index__heading__slider__content .swiper-container {
        z-index: 2;
        padding-bottom: 0; } }
  .index__heading__slider__content .swiper-slide {
    -webkit-transition: opacity 0.9s ease;
    transition: opacity 0.9s ease;
    opacity: 0; }
  .index__heading__slider__content .swiper-slide-active {
    opacity: 1; }

.index__heading__slider__content {
  width: 450px;
  margin-left: 118px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1919px) {
    .index__heading__slider__content {
      margin-left: 0;
      width: 370px; } }
  @media only screen and (max-width: 1279px) {
    .index__heading__slider__content {
      width: 320px;
      margin-left: 40px; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__slider__content {
      width: 310px;
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .index__heading__slider__content {
      width: 87.5%;
      overflow: hidden;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin: 0 auto; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__slider__content .swiper-slide-next {
      opacity: 0; } }

.index__heading__slider__content__slide .title {
  width: 450px;
  margin-top: 108px; }
  @media only screen and (max-width: 1919px) {
    .index__heading__slider__content__slide .title {
      width: 320px;
      margin-top: 70px; } }
  @media only screen and (max-width: 1279px) {
    .index__heading__slider__content__slide .title {
      width: 300px;
      margin-top: 58px; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__slider__content__slide .title {
      margin-top: 53px; } }
  @media only screen and (max-width: 767px) {
    .index__heading__slider__content__slide .title {
      width: 280px;
      margin-top: 25px; } }
  .index__heading__slider__content__slide .title > * {
    display: block;
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    color: #1c1c1e;
    margin: 0; }
    @media only screen and (max-width: 1919px) {
      .index__heading__slider__content__slide .title > * {
        font-size: 42px;
        line-height: 46px; } }
    @media only screen and (max-width: 1279px) {
      .index__heading__slider__content__slide .title > * {
        font-size: 36px;
        line-height: 36px; } }
    @media only screen and (max-width: 767px) {
      .index__heading__slider__content__slide .title > * {
        font-size: 40px;
        line-height: 40px; } }

.index__heading__slider__content__slide .text {
  width: 350px;
  font-size: 16px;
  line-height: 30px;
  margin-top: 15px; }
  @media only screen and (max-width: 1919px) {
    .index__heading__slider__content__slide .text {
      width: 350px; } }
  @media only screen and (max-width: 1279px) {
    .index__heading__slider__content__slide .text {
      width: 260px; } }
  .index__heading__slider__content__slide .text p {
    margin: 0; }
    .index__heading__slider__content__slide .text p + p {
      margin-top: 15px; }

.index__heading__slider__images {
  width: 944px;
  height: 500px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 75px;
  z-index: 4; }
  @media only screen and (max-width: 1919px) {
    .index__heading__slider__images {
      right: 0;
      width: 710px;
      height: 376px; } }
  @media only screen and (max-width: 1279px) {
    .index__heading__slider__images {
      width: 542px;
      height: 380px; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__slider__images {
      width: 410px;
      height: 354px; } }
  @media only screen and (max-width: 767px) {
    .index__heading__slider__images {
      width: 100%;
      height: 180px;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      position: relative; } }

.slideshow {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 944px;
  height: 500px;
  /*height: 650px;
    width: 700px;*/
  overflow: hidden; }
  @media only screen and (max-width: 1919px) {
    .slideshow {
      width: 710px;
      height: 376px; } }
  @media only screen and (max-width: 1279px) {
    .slideshow {
      width: 542px;
      height: 380px; } }
  @media only screen and (max-width: 1023px) {
    .slideshow {
      width: 410px;
      height: 354px; } }
  @media only screen and (max-width: 767px) {
    .slideshow {
      width: 100%;
      height: 180px; } }
  .slideshow .video_wrapper {
    height: 650px; }
  .slideshow .slider {
    width: 100%;
    height: 100%;
    z-index: 2; }
    .slideshow .slider * {
      outline: none; }
    .slideshow .slider .slick-list {
      max-height: 650px; }
    .slideshow .slider .slick-slide {
      height: 500px;
      width: 100%;
      position: relative;
      overflow: hidden;
      border: none; }
      @media only screen and (max-width: 1919px) {
        .slideshow .slider .slick-slide {
          height: 576px; } }
      @media only screen and (max-width: 1279px) {
        .slideshow .slider .slick-slide {
          height: 458px; } }
      @media only screen and (max-width: 767px) {
        .slideshow .slider .slick-slide {
          height: 180px; } }
    .slideshow .slider img {
      /*min-width: 101%;
            min-height: 101%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);*/ }

.slideshow-right {
  left: 0;
  z-index: 2;
  width: 472px;
  pointer-events: none;
  position: absolute; }
  @media only screen and (max-width: 1919px) {
    .slideshow-right {
      width: 355px; } }
  @media only screen and (max-width: 1279px) {
    .slideshow-right {
      width: 271px; } }
  @media only screen and (max-width: 1023px) {
    .slideshow-right {
      width: 205px; } }
  @media only screen and (max-width: 767px) {
    .slideshow-right {
      width: 50%; } }
  .slideshow-right .slider {
    left: 0;
    position: absolute; }

.index__heading__slider__images__slide {
  overflow: hidden; }
  .index__heading__slider__images__slide.swiper-slide {
    height: 650px; }
    @media only screen and (max-width: 1919px) {
      .index__heading__slider__images__slide.swiper-slide {
        height: 376px; } }
    @media only screen and (max-width: 1279px) {
      .index__heading__slider__images__slide.swiper-slide {
        height: 380px; } }
    @media only screen and (max-width: 1023px) {
      .index__heading__slider__images__slide.swiper-slide {
        height: 354px; } }
  .index__heading__slider__images__slide img {
    display: block;
    height: 500px; }
    @media only screen and (max-width: 1919px) {
      .index__heading__slider__images__slide img {
        height: 376px; } }
    @media only screen and (max-width: 1279px) {
      .index__heading__slider__images__slide img {
        height: 380px; } }
    @media only screen and (max-width: 1023px) {
      .index__heading__slider__images__slide img {
        height: 354px; } }
    @media only screen and (max-width: 767px) {
      .index__heading__slider__images__slide img {
        height: 180px; } }

.index__heading__slider__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  width: 120px;
  background-color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 6; }
  @media only screen and (max-width: 1919px) {
    .index__heading__slider__nav {
      height: 60px; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__slider__nav {
      height: 56px; } }
  @media only screen and (max-width: 767px) {
    .index__heading__slider__nav {
      width: 130px;
      height: 60px; } }

.index__heading__slider__prev,
.index__heading__slider__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 43px;
  width: 43px;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (min-width: 1001px) {
    .index__heading__slider__prev:hover svg,
    .index__heading__slider__next:hover svg {
      fill: #f43b35; } }
  .index__heading__slider__prev svg,
  .index__heading__slider__next svg {
    display: block;
    height: auto;
    width: 7px;
    fill: #1c1c1e;
    -webkit-transition: fill 0.2s ease;
    transition: fill 0.2s ease; }

.index__heading__slider__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  left: 282px;
  bottom: 64px;
  /*left: 151px;
    bottom: 97px;*/
  z-index: 15; }
  @media only screen and (max-width: 1919px) {
    .index__heading__slider__bottom {
      left: 195px;
      bottom: 35px; } }
  @media only screen and (max-width: 1279px) {
    .index__heading__slider__bottom {
      bottom: 62px;
      left: 163px; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__slider__bottom {
      bottom: 36px;
      left: 129px; } }
  @media only screen and (max-width: 767px) {
    .index__heading__slider__bottom {
      bottom: 0;
      left: 0;
      position: relative;
      margin: 18px auto 0; } }

.index__heading__slider__buttons {
  width: 180px; }
  @media only screen and (max-width: 1919px) {
    .index__heading__slider__buttons {
      width: 175px; } }
  @media only screen and (max-width: 1279px) {
    .index__heading__slider__buttons {
      width: 160px; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__slider__buttons {
      width: 180px; } }
  @media only screen and (max-width: 767px) {
    .index__heading__slider__buttons {
      width: 165px; } }

.index__heading__slider__bottom__button {
  display: none; }
  .index__heading__slider__bottom__button.active {
    display: block; }
  .index__heading__slider__bottom__button .button {
    height: 65px;
    width: 100%; }
    @media only screen and (max-width: 1919px) {
      .index__heading__slider__bottom__button .button {
        height: 60px; } }
    @media only screen and (max-width: 1023px) {
      .index__heading__slider__bottom__button .button {
        height: 56px; } }
    @media only screen and (max-width: 767px) {
      .index__heading__slider__bottom__button .button {
        height: 60px; } }

.index__heading__slider__pagination > * {
  display: block;
  font-weight: 700;
  font-size: 15px;
  line-height: 14px; }
  @media only screen and (max-width: 1919px) {
    .index__heading__slider__pagination > * {
      font-size: 14px; } }

.index__heading__catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  /*top: 98px;
    right: 75px;*/
  z-index: 21;
  margin-top: 59px;
  margin-left: 100px;
  height: 240px; }
  @media only screen and (max-width: 1919px) {
    .index__heading__catalog {
      height: 220px;
      right: 0;
      margin-left: 0; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__catalog {
      height: 320px;
      left: 0;
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .index__heading__catalog {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 573px; } }
  .index__heading__catalog .parallax-effect:nth-child(2) {
    margin-left: 14px; }
    @media only screen and (max-width: 1919px) {
      .index__heading__catalog .parallax-effect:nth-child(2) {
        margin-left: 20px; } }
    @media only screen and (max-width: 1279px) {
      .index__heading__catalog .parallax-effect:nth-child(2) {
        margin-left: 16px; } }
    @media only screen and (max-width: 767px) {
      .index__heading__catalog .parallax-effect:nth-child(2) {
        margin-left: 0;
        margin-top: 16px; } }
  .index__heading__catalog .index__video-item {
    width: 464px;
    height: 240px;
    background-color: white;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 16px; }
    @media only screen and (max-width: 1919px) {
      .index__heading__catalog .index__video-item {
        width: 340px;
        height: 200px; } }
    @media only screen and (max-width: 1279px) {
      .index__heading__catalog .index__video-item {
        width: 290px;
        height: 180px; } }
    @media only screen and (max-width: 1023px) {
      .index__heading__catalog .index__video-item {
        width: 215px;
        height: 300px; } }
    @media only screen and (max-width: 767px) {
      .index__heading__catalog .index__video-item {
        width: 100%;
        height: 180px;
        margin-left: 0;
        margin-top: 16px; } }
  .index__heading__catalog .index__video-item__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 1023px) {
      .index__heading__catalog .index__video-item__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media only screen and (max-width: 767px) {
      .index__heading__catalog .index__video-item__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .index__heading__catalog .index__video-item--left {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 67px 50px 0 48px;
    height: 240px;
    width: 232px; }
    @media only screen and (max-width: 1919px) {
      .index__heading__catalog .index__video-item--left {
        height: 200px;
        width: 170px;
        padding: 53px 22px 0 29px; } }
    @media only screen and (max-width: 1279px) {
      .index__heading__catalog .index__video-item--left {
        height: 180px;
        padding: 45px 22px 0 28px; } }
    @media only screen and (max-width: 1279px) {
      .index__heading__catalog .index__video-item--left {
        height: 130px;
        width: 171px;
        padding: 42px 22px 0 28px; } }
    @media only screen and (max-width: 1023px) {
      .index__heading__catalog .index__video-item--left {
        width: 215px; } }
    @media only screen and (max-width: 767px) {
      .index__heading__catalog .index__video-item--left {
        height: 180px;
        width: 50%;
        padding-top: 53px;
        padding-right: 22px; } }
    .index__heading__catalog .index__video-item--left .heading span {
      font-size: 18px;
      font-weight: bold;
      line-height: 24px;
      display: inline-block; }
      @media only screen and (max-width: 1919px) {
        .index__heading__catalog .index__video-item--left .heading span {
          font-size: 16px;
          line-height: 21px; } }
  .index__heading__catalog .index__video-item--right {
    width: 232px;
    height: 240px;
    overflow: hidden; }
    @media only screen and (max-width: 1919px) {
      .index__heading__catalog .index__video-item--right {
        width: 170px;
        height: 200px; } }
    @media only screen and (max-width: 1279px) {
      .index__heading__catalog .index__video-item--right {
        width: 120px;
        height: 180px;
        overflow: hidden;
        position: relative; } }
    @media only screen and (max-width: 1023px) {
      .index__heading__catalog .index__video-item--right {
        width: 216px;
        height: 170px; } }
    @media only screen and (max-width: 767px) {
      .index__heading__catalog .index__video-item--right {
        width: 50%;
        height: 180px; } }
    .index__heading__catalog .index__video-item--right img {
      width: auto;
      height: 100%; }
      @media only screen and (max-width: 1919px) {
        .index__heading__catalog .index__video-item--right img {
          /*width: 170px;
                height: 200px;*/ } }
      @media only screen and (max-width: 1279px) {
        .index__heading__catalog .index__video-item--right img {
          /*width: auto;
                height: 220px;
                position: absolute;
                right: 0;*/ } }
      @media only screen and (max-width: 1023px) {
        .index__heading__catalog .index__video-item--right img {
          /*height: auto;
                width: 100%;
                position: relative;*/ } }
      @media only screen and (max-width: 767px) {
        .index__heading__catalog .index__video-item--right img {
          /*height: auto;
                min-height: 180px;
                width: 100%;*/ } }
    .index__heading__catalog .index__video-item--right .index__video-item__video {
      position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      /*display: flex;
            justify-content: center;*/ }
    .index__heading__catalog .index__video-item--right .index__video-item__video:hover {
      cursor: pointer; }
    .index__heading__catalog .index__video-item--right .index__video-item__video:before {
      content: "";
      position: absolute;
      top: 106px;
      left: 94px;
      width: 40px;
      height: 40px;
      background: #f43b35;
      border-radius: 100%;
      -webkit-transition: background 600ms;
      transition: background 600ms;
      -webkit-animation: pulse 2s infinite;
              animation: pulse 2s infinite; }
      @media only screen and (max-width: 1919px) {
        .index__heading__catalog .index__video-item--right .index__video-item__video:before {
          left: 65px;
          top: 80px; } }
      @media only screen and (max-width: 1279px) {
        .index__heading__catalog .index__video-item--right .index__video-item__video:before {
          left: 44px;
          top: 70px;
          z-index: 5; } }
      @media only screen and (max-width: 1023px) {
        .index__heading__catalog .index__video-item--right .index__video-item__video:before {
          left: 88px;
          top: 65px; } }
      @media only screen and (max-width: 767px) {
        .index__heading__catalog .index__video-item--right .index__video-item__video:before {
          left: 38%;
          top: 38%; } }
    .index__heading__catalog .index__video-item--right .index__video-item__video:after {
      content: "";
      position: absolute;
      top: 120px;
      left: 110px;
      width: 0;
      height: 0;
      border-left: 11px solid #fff;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      -webkit-transition: border-color 300ms;
      transition: border-color 300ms; }
      @media only screen and (max-width: 1919px) {
        .index__heading__catalog .index__video-item--right .index__video-item__video:after {
          top: 94px;
          left: 81px; } }
      @media only screen and (max-width: 1279px) {
        .index__heading__catalog .index__video-item--right .index__video-item__video:after {
          left: 60px;
          top: 84px;
          z-index: 6; } }
      @media only screen and (max-width: 1023px) {
        .index__heading__catalog .index__video-item--right .index__video-item__video:after {
          left: 103px;
          top: 79px; } }
      @media only screen and (max-width: 767px) {
        .index__heading__catalog .index__video-item--right .index__video-item__video:after {
          left: 47%;
          top: 45%; } }
    .index__heading__catalog .index__video-item--right .index__video-item__video:hover:before,
    .index__heading__catalog .index__video-item--right .index__video-item__video:focus:before {
      background: #fff; }
    .index__heading__catalog .index__video-item--right .index__video-item__video:hover:after,
    .index__heading__catalog .index__video-item--right .index__video-item__video:focus:after {
      border-left-color: #f00; }
    .index__heading__catalog .index__video-item--right .videoWrapperActive .videoPoster {
      opacity: 0;
      height: 0;
      -webkit-transition-delay: 0s, 800ms;
      transition-delay: 0s, 800ms; }

.video-modal--overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(30, 31, 38, 0.27);
  z-index: 999;
  width: 100%;
  height: 100%;
  -webkit-animation: show__modal 0.5s ease;
          animation: show__modal 0.5s ease; }
  .video-modal--overlay .video-frame {
    width: 1068px;
    height: 667px; }
    @media only screen and (max-width: 1919px) {
      .video-modal--overlay .video-frame {
        width: 800px;
        height: 500px; } }
    @media only screen and (max-width: 1023px) {
      .video-modal--overlay .video-frame {
        width: 672px;
        height: 427px; } }
    @media only screen and (max-width: 767px) {
      .video-modal--overlay .video-frame {
        width: 335px;
        height: 226px; } }
  .video-modal--overlay .video-modal {
    position: relative;
    width: 1068px;
    height: 667px; }
    @media only screen and (max-width: 1919px) {
      .video-modal--overlay .video-modal {
        width: 800px;
        height: 500px; } }
    @media only screen and (max-width: 1023px) {
      .video-modal--overlay .video-modal {
        width: 672px;
        height: 427px; } }
    @media only screen and (max-width: 767px) {
      .video-modal--overlay .video-modal {
        width: 335px;
        height: 226px; } }
  .video-modal--overlay .video-modal--close {
    background: #f43b35;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    position: absolute;
    top: -40px;
    right: -40px;
    cursor: pointer;
    z-index: 55; }
    @media only screen and (max-width: 767px) {
      .video-modal--overlay .video-modal--close {
        top: -38px;
        right: 0; } }
    .video-modal--overlay .video-modal--close:before, .video-modal--overlay .video-modal--close:after {
      position: absolute;
      left: 13px;
      top: 10px;
      content: " ";
      height: 8px;
      width: 2px;
      background-color: #fff; }
    .video-modal--overlay .video-modal--close:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .video-modal--overlay .video-modal--close:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

@media only screen and (min-width: 1000px) {
  .parallax-effect {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
    .parallax-effect .inner-element {
      -webkit-transform: translateZ(20px);
              transform: translateZ(20px); } }

@media only screen and (max-width: 999px) {
  .parallax-effect {
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    will-change: unset !important; } }

.index__heading__catalog__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 464px;
  height: 240px;
  /*height: 454px;
    width: 235px;*/
  text-decoration: none;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .index__heading__catalog__item {
      width: 352px;
      height: 200px; } }
  @media only screen and (max-width: 1279px) {
    .index__heading__catalog__item {
      width: 290px;
      height: 180px; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__catalog__item {
      width: 215px;
      height: 300px; } }
  @media only screen and (max-width: 767px) {
    .index__heading__catalog__item {
      width: 100%;
      height: 181px; } }
  @media only screen and (min-width: 1001px) {
    .index__heading__catalog__item:hover:after {
      opacity: 1; }
    .index__heading__catalog__item:hover .arrow-button {
      /*&:after {
                    transform: scale(1.2);
                }*/ }
      .index__heading__catalog__item:hover .arrow-button svg {
        -webkit-transform: translateX(5px);
                transform: translateX(5px); } }
  .index__heading__catalog__item:after {
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    content: none;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

.index__heading__catalog__item__content {
  width: 100%;
  padding: 70px 60px 35px 55px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 1919px) {
    .index__heading__catalog__item__content {
      padding: 54px 45px 42px 40px; } }
  @media only screen and (max-width: 1279px) {
    .index__heading__catalog__item__content {
      padding-left: 31px;
      padding-right: 35px; } }
  @media only screen and (max-width: 1023px) {
    .index__heading__catalog__item__content {
      padding: 43px 22px 40px 20px; } }
  @media only screen and (max-width: 767px) {
    .index__heading__catalog__item__content {
      height: 100%;
      padding: 43px 22px 40px 14px; } }
  .index__heading__catalog__item__content .title {
    width: 205px; }
    .index__heading__catalog__item__content .title .nowrap {
      white-space: nowrap; }
    @media only screen and (max-width: 1279px) {
      .index__heading__catalog__item__content .title {
        width: 190px; } }
    @media only screen and (max-width: 1023px) {
      .index__heading__catalog__item__content .title {
        width: 170px; }
        .index__heading__catalog__item__content .title .nowrap {
          white-space: wrap; } }
    @media only screen and (max-width: 767px) {
      .index__heading__catalog__item__content .title {
        width: 235px;
        padding-top: 12px; } }
    .index__heading__catalog__item__content .title > * {
      display: block;
      font-weight: 700;
      font-size: 18px;
      line-height: 24px;
      color: #fff; }
      @media only screen and (max-width: 1279px) {
        .index__heading__catalog__item__content .title > * {
          font-size: 16px;
          line-height: 21px; } }
  .index__heading__catalog__item__content .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px; }
    .index__heading__catalog__item__content .details.second-element {
      margin-top: 20px; }
    @media only screen and (max-width: 1919px) {
      .index__heading__catalog__item__content .details {
        margin-top: 10px; }
        .index__heading__catalog__item__content .details.second-element {
          margin-top: 10px; } }
    @media only screen and (max-width: 1279px) {
      .index__heading__catalog__item__content .details {
        margin-top: 20px; }
        .index__heading__catalog__item__content .details.second-element {
          margin-top: 40px; } }
    @media only screen and (max-width: 1023px) {
      .index__heading__catalog__item__content .details {
        margin-top: 129px; }
        .index__heading__catalog__item__content .details.second-element {
          margin-top: 170px; } }
    @media only screen and (max-width: 767px) {
      .index__heading__catalog__item__content .details {
        margin-top: 20px; }
        .index__heading__catalog__item__content .details.second-element {
          margin-top: 40px; } }
  .index__heading__catalog__item__content .details__num span {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0; }
    @media only screen and (max-width: 1919px) {
      .index__heading__catalog__item__content .details__num span {
        font-size: 13px; } }
  .index__heading__catalog__item__content .details__num span:nth-child(1) {
    font-size: 15px; }
    @media only screen and (max-width: 1919px) {
      .index__heading__catalog__item__content .details__num span:nth-child(1) {
        font-size: 13px; } }
  .index__heading__catalog__item__content .details__arrow {
    margin-left: auto;
    margin-right: 6px; }
    .index__heading__catalog__item__content .details__arrow .arrow-button {
      position: relative; }
    .index__heading__catalog__item__content .details__arrow:hover .arrow-button:after {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
      background-color: #f43b35;
      opacity: 0.6; }
    .index__heading__catalog__item__content .details__arrow:hover .arrow-right {
      right: -5px; }
    .index__heading__catalog__item__content .details__arrow:hover .arrow-right:before {
      width: 19px; }
  .index__heading__catalog__item__content .arrow-right {
    width: 0;
    height: 0;
    position: absolute;
    top: 1px;
    right: 0;
    border-width: 4px;
    border-style: solid;
    border-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
    margin: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 10; }
    .index__heading__catalog__item__content .arrow-right:before {
      content: "";
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      right: 0;
      top: -2px;
      position: absolute;
      height: 2px;
      -webkit-box-shadow: inset 0 0 0 32px white;
              box-shadow: inset 0 0 0 32px white;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      width: 42px;
      -webkit-transform-origin: right top;
              transform-origin: right top;
      -webkit-transition: all 0.2s cubic-bezier(1, 0, 0.25, 1);
      transition: all 0.2s cubic-bezier(1, 0, 0.25, 1); }

.index__heading__catalog__item__bg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }
  .index__heading__catalog__item__bg img {
    display: block;
    height: auto;
    width: 100%; }
    @media only screen and (max-width: 1919px) {
      .index__heading__catalog__item__bg img {
        height: 200px; } }
    @media only screen and (max-width: 1279px) {
      .index__heading__catalog__item__bg img {
        height: 180px; } }
    @media only screen and (max-width: 1023px) {
      .index__heading__catalog__item__bg img {
        position: relative;
        height: 300px; } }
    @media only screen and (max-width: 767px) {
      .index__heading__catalog__item__bg img {
        height: 180px;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 59, 53, 0.8);
            box-shadow: 0 0 0 0 rgba(244, 59, 53, 0.8); }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(244, 59, 53, 0);
            box-shadow: 0 0 0 10px rgba(244, 59, 53, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 59, 53, 0);
            box-shadow: 0 0 0 0 rgba(244, 59, 53, 0); } }

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 59, 53, 0.8);
            box-shadow: 0 0 0 0 rgba(244, 59, 53, 0.8); }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(244, 59, 53, 0);
            box-shadow: 0 0 0 10px rgba(244, 59, 53, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 59, 53, 0);
            box-shadow: 0 0 0 0 rgba(244, 59, 53, 0); } }

.index__collections {
  margin-top: 100px; }
  @media only screen and (max-width: 1919px) {
    .index__collections {
      margin-top: 75px; } }
  @media only screen and (max-width: 1023px) {
    .index__collections {
      margin-top: 60px; } }
  .index__collections .container {
    padding: 0 75px 0 100px; }
    @media only screen and (max-width: 1919px) {
      .index__collections .container {
        padding: 0; } }
    @media only screen and (max-width: 1279px) {
      .index__collections .container {
        width: 100%; } }

.index__collections__content {
  background-color: #fff;
  overflow: hidden; }

.index__collections__title {
  text-align: center;
  margin-top: 50px; }
  @media only screen and (max-width: 1919px) {
    .index__collections__title {
      margin-top: 52px; } }
  @media only screen and (max-width: 1023px) {
    .index__collections__title {
      margin-top: 45px; } }
  .index__collections__title > * {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #8f92a6;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-left: -24px; }
    @media only screen and (max-width: 1919px) {
      .index__collections__title > * {
        margin-left: 0; } }

.index__collections__slider {
  width: 915px;
  margin: 31px auto 80px auto;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .index__collections__slider {
      width: 795px;
      margin: 17px auto 62px auto; } }
  @media only screen and (max-width: 1279px) {
    .index__collections__slider {
      width: 815px; } }
  @media only screen and (max-width: 1023px) {
    .index__collections__slider {
      width: 418px;
      margin-top: 14px;
      margin-bottom: 56px; } }
  @media only screen and (max-width: 767px) {
    .index__collections__slider {
      width: 100%;
      margin-bottom: 72px; } }
  .index__collections__slider .swiper-container {
    overflow: visible; }
    .index__collections__slider .swiper-container:before {
      display: block;
      height: 100%;
      width: 208px;
      background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(19%, white), color-stop(19%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7)));
      background: linear-gradient(180deg, white 0%, white 19%, rgba(255, 255, 255, 0.7) 19%, rgba(255, 255, 255, 0.7) 100%);
      position: absolute;
      top: 0;
      left: -245px;
      z-index: 2; }
      @media only screen and (max-width: 1919px) {
        .index__collections__slider .swiper-container:before {
          width: 116px;
          left: -114px; } }
      @media only screen and (max-width: 1279px) {
        .index__collections__slider .swiper-container:before {
          left: -20%;
          width: 180px; } }
      @media only screen and (max-width: 1023px) {
        .index__collections__slider .swiper-container:before {
          left: -42%;
          width: 140px; } }
      @media only screen and (max-width: 767px) {
        .index__collections__slider .swiper-container:before {
          left: -30%; } }
    .index__collections__slider .swiper-container:after {
      display: block;
      height: 100%;
      width: 208px;
      background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(19%, white), color-stop(19%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7)));
      background: linear-gradient(180deg, white 0%, white 19%, rgba(255, 255, 255, 0.7) 19%, rgba(255, 255, 255, 0.7) 100%);
      position: absolute;
      top: 0;
      right: -245px;
      z-index: 2; }
      @media only screen and (max-width: 1919px) {
        .index__collections__slider .swiper-container:after {
          width: 116px;
          right: -114px; } }
      @media only screen and (max-width: 1279px) {
        .index__collections__slider .swiper-container:after {
          right: -20%;
          width: 180px; } }
      @media only screen and (max-width: 1023px) {
        .index__collections__slider .swiper-container:after {
          right: -42%;
          width: 116px; } }
      @media only screen and (max-width: 767px) {
        .index__collections__slider .swiper-container:after {
          right: -30%; } }
  .index__collections__slider .swiper-button-prev,
  .index__collections__slider .swiper-button-next {
    height: 350px;
    width: 225px;
    background-image: none;
    outline: none;
    top: -15px;
    z-index: 10; }
    @media only screen and (max-width: 1919px) {
      .index__collections__slider .swiper-button-prev,
      .index__collections__slider .swiper-button-next {
        width: 124px; } }
    @media only screen and (max-width: 1279px) {
      .index__collections__slider .swiper-button-prev,
      .index__collections__slider .swiper-button-next {
        width: 96px; } }
    @media only screen and (max-width: 1023px) {
      .index__collections__slider .swiper-button-prev,
      .index__collections__slider .swiper-button-next {
        width: 186px; } }
    @media only screen and (max-width: 767px) {
      .index__collections__slider .swiper-button-prev,
      .index__collections__slider .swiper-button-next {
        width: 89px;
        bottom: 10px; } }
    @media only screen and (min-width: 1001px) {
      .index__collections__slider .swiper-button-prev:hover svg,
      .index__collections__slider .swiper-button-next:hover svg {
        fill: #f43b35; } }
    .index__collections__slider .swiper-button-prev svg,
    .index__collections__slider .swiper-button-next svg {
      display: block;
      height: auto;
      width: 7px;
      fill: #1c1c1e;
      margin: auto 0 auto auto;
      -webkit-transition: fill 0.2s ease;
      transition: fill 0.2s ease;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .index__collections__slider .swiper-button-prev {
    left: -268px; }
    @media only screen and (max-width: 1919px) {
      .index__collections__slider .swiper-button-prev {
        left: -144px; } }
    @media only screen and (max-width: 1279px) {
      .index__collections__slider .swiper-button-prev {
        left: -105px; } }
    @media only screen and (max-width: 1023px) {
      .index__collections__slider .swiper-button-prev {
        left: -177px; } }
    @media only screen and (max-width: 767px) {
      .index__collections__slider .swiper-button-prev {
        left: -40px; } }
  .index__collections__slider .swiper-button-next {
    right: -258px; }
    @media only screen and (max-width: 1919px) {
      .index__collections__slider .swiper-button-next {
        right: -144px; } }
    @media only screen and (max-width: 1279px) {
      .index__collections__slider .swiper-button-next {
        right: -105px; } }
    @media only screen and (max-width: 1023px) {
      .index__collections__slider .swiper-button-next {
        right: -177px; } }
    @media only screen and (max-width: 767px) {
      .index__collections__slider .swiper-button-next {
        right: -40px; } }
    .index__collections__slider .swiper-button-next svg {
      margin: auto auto auto 0; }

@media only screen and (min-width: 1024px) {
  .index__collections__slider__slide.swiper-slide-next ~ .swiper-slide ~ .swiper-slide .index__collections__slider__slide__heading, .index__collections__slider__slide.swiper-slide-prev .index__collections__slider__slide__heading {
    opacity: 0; }
  .index__collections__slider__slide.swiper-slide-next ~ .swiper-slide ~ .swiper-slide .index__collections__slider__slide__image, .index__collections__slider__slide.swiper-slide-prev .index__collections__slider__slide__image {
    opacity: .3;
    pointer-events: none; } }

@media only screen and (max-width: 1023px) {
  .index__collections__slider__slide.swiper-slide-next .index__collections__slider__slide__heading, .index__collections__slider__slide.swiper-slide-prev .index__collections__slider__slide__heading {
    opacity: 0; }
  .index__collections__slider__slide.swiper-slide-next .index__collections__slider__slide__image, .index__collections__slider__slide.swiper-slide-prev .index__collections__slider__slide__image {
    opacity: .3;
    pointer-events: none; } }

@media only screen and (max-width: 1023px) {
  .index__collections__slider__slide.swiper-slide-next {
    margin-left: -17px; } }

@media only screen and (max-width: 767px) {
  .index__collections__slider__slide.swiper-slide-next {
    margin-left: -7px; } }

.index__collections__slider__slide.swiper-slide {
  width: 235px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }
  @media only screen and (max-width: 1023px) {
    .index__collections__slider__slide.swiper-slide {
      width: 215px; } }

.index__collections__slider__slide__content {
  display: block;
  width: 235px;
  margin: auto;
  text-decoration: none; }
  @media only screen and (max-width: 1919px) {
    .index__collections__slider__slide__content {
      width: 222px; } }
  @media only screen and (max-width: 1023px) {
    .index__collections__slider__slide__content {
      width: 215px; } }
  @media only screen and (max-width: 767px) {
    .index__collections__slider__slide__content {
      width: 220px; } }
  @media only screen and (min-width: 1001px) {
    .index__collections__slider__slide__content:hover {
      /*.index__collections__slider__slide__image {
                &:before {
                    opacity: 1;
                }
                img {
                    transform: scale(1.1);
                }
            }*/ }
      .index__collections__slider__slide__content:hover .index__collections__slider__slide__heading .title span {
        top: -3px; }
      .index__collections__slider__slide__content:hover .index__collections__slider__slide__heading .border {
        width: 100%; }
      .index__collections__slider__slide__content:hover .index__collections__slider__slide__heading .type,
      .index__collections__slider__slide__content:hover .index__collections__slider__slide__heading .amount {
        top: 3px; } }
  .index__collections__slider__slide__content .index__collections__slider__slide__heading {
    text-align: center;
    color: #1c1c1e;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin-top: 24px; }
    .index__collections__slider__slide__content .index__collections__slider__slide__heading .title {
      position: relative;
      display: inline-block; }
      .index__collections__slider__slide__content .index__collections__slider__slide__heading .title span {
        position: relative;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        top: 0;
        margin: 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        /*&:after {
                    content: '';
                    position: absolute;
                    height: 2px;
                    width: 0;
                    background-color: $red;
                    left: 0;
                    top: 29px;
                    transition: all .3s ease-in-out;
                    @include media-max-width(1919) {
                        top: 26px;
                    }*/ }
        @media only screen and (max-width: 1919px) {
          .index__collections__slider__slide__content .index__collections__slider__slide__heading .title span {
            font-size: 21px;
            line-height: 19px; } }
  .index__collections__slider__slide__content .border {
    height: 2px;
    width: 0;
    background-color: #f43b35;
    left: 0;
    top: 29px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
  .index__collections__slider__slide__content .type {
    margin-top: 1px; }
    .index__collections__slider__slide__content .type p {
      margin: 0; }
  .index__collections__slider__slide__content .type,
  .index__collections__slider__slide__content .amount {
    position: relative;
    top: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .index__collections__slider__slide__content .type > *,
    .index__collections__slider__slide__content .amount > * {
      display: block;
      font-size: 14px;
      line-height: 18px;
      margin: 0; }

.index__collections__slider__slide__image {
  width: 100%;
  margin-top: 8px;
  overflow: hidden;
  position: relative;
  -webkit-transition: opacity .3s ease, visibility 1s;
  transition: opacity .3s ease, visibility 1s;
  /*&:before {
        display: block;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        content: '';
        opacity: 0;
        transition: opacity 0.2s ease;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }*/ }
  .index__collections__slider__slide__image img {
    display: block;
    height: auto;
    width: 100%;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    position: relative;
    z-index: 1; }
    .index__collections__slider__slide__image img:hover {
      -webkit-transform: scale(1.08);
              transform: scale(1.08); }

.index__benefits {
  margin-top: 95px; }
  @media only screen and (max-width: 767px) {
    .index__benefits {
      margin-top: 62px; } }

.index__benefits__title {
  width: 500px;
  text-align: center;
  margin: auto; }
  @media only screen and (max-width: 767px) {
    .index__benefits__title {
      width: 295px; } }
  .index__benefits__title > * {
    display: block;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    color: #1c1c1e; }
    @media only screen and (max-width: 1919px) {
      .index__benefits__title > * {
        font-size: 38px; } }
    @media only screen and (max-width: 1279px) {
      .index__benefits__title > * {
        font-size: 36px;
        line-height: 38px; } }
    @media only screen and (max-width: 1023px) {
      .index__benefits__title > * {
        font-size: 34px;
        line-height: 36px; } }
    @media only screen and (max-width: 767px) {
      .index__benefits__title > * {
        font-size: 24px;
        line-height: 30px; } }

.index__benefits__content {
  width: 853px;
  margin: 80px auto 0 auto; }
  @media only screen and (max-width: 1919px) {
    .index__benefits__content {
      margin: 72px auto 0 auto; } }
  @media only screen and (max-width: 1279px) {
    .index__benefits__content {
      margin: 62px auto 0 auto; } }
  @media only screen and (max-width: 1023px) {
    .index__benefits__content {
      width: 669px;
      margin-top: 52px; } }
  @media only screen and (max-width: 767px) {
    .index__benefits__content {
      width: unset;
      margin-top: 45px; } }
  .index__benefits__content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0; }
  .index__benefits__content li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media only screen and (max-width: 1023px) {
      .index__benefits__content li {
        padding: 0;
        margin-left: auto;
        width: 135px; } }
    @media only screen and (max-width: 767px) {
      .index__benefits__content li {
        margin-right: auto; } }
    @media only screen and (max-width: 1023px) {
      .index__benefits__content li:first-child {
        margin-left: -12px; } }
    @media only screen and (max-width: 767px) {
      .index__benefits__content li:first-child {
        margin-left: auto; } }
    @media only screen and (max-width: 767px) {
      .index__benefits__content li:nth-child(3) {
        margin-top: 49px; } }
    @media only screen and (max-width: 767px) {
      .index__benefits__content li:nth-child(4) {
        margin-top: 49px; } }
  .index__benefits__content .icon {
    height: 28px;
    width: auto; }
    .index__benefits__content .icon svg {
      display: block;
      height: 28px;
      width: auto; }
  .index__benefits__content .text {
    text-align: center;
    margin-top: 12px; }
    .index__benefits__content .text > * {
      display: block;
      font-weight: 700;
      font-size: 18px;
      line-height: 24px;
      color: #1c1c1e;
      margin: 0; }
      @media only screen and (max-width: 1279px) {
        .index__benefits__content .text > * {
          font-size: 16px;
          line-height: 21px; } }
      @media only screen and (max-width: 1023px) {
        .index__benefits__content .text > * {
          font-size: 14px;
          line-height: 18px; } }

.index__popular {
  margin-top: 125px;
  overflow: hidden; }
  @media only screen and (max-width: 1279px) {
    .index__popular {
      height: 695px; } }
  @media only screen and (max-width: 1023px) {
    .index__popular {
      margin-top: 70px; } }
  @media only screen and (max-width: 767px) {
    .index__popular {
      margin-top: 90px;
      overflow: unset;
      background-color: #1e1f26; } }
  .index__popular .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0 75px 0 118px; }
    @media only screen and (max-width: 1919px) {
      .index__popular .container {
        padding: 0; } }
    @media only screen and (max-width: 1279px) {
      .index__popular .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media only screen and (max-width: 767px) {
      .index__popular .container {
        overflow: hidden; } }
    @media only screen and (max-width: 767px) {
      .index__popular .container .react-reveal {
        width: 100%; } }

.index__popular__heading {
  width: 234px;
  background-color: #1e1f26;
  padding: 107px 17px 31px 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .index__popular__heading {
      padding: 107px 69px 31px 0; } }
  @media only screen and (max-width: 1279px) {
    .index__popular__heading {
      width: 406px;
      padding-top: 43px;
      padding-right: 17px;
      height: 411px; } }
  @media only screen and (max-width: 1023px) {
    .index__popular__heading {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .index__popular__heading {
      height: 403px; } }
  @media only screen and (max-width: 767px) {
    .index__popular__heading {
      width: 100%;
      padding-left: 0; } }
  .index__popular__heading:before {
    display: block;
    height: 100%;
    width: 1500px;
    background-color: #1e1f26;
    content: "";
    position: absolute;
    top: 0;
    right: 100%; }
    @media only screen and (max-width: 1023px) {
      .index__popular__heading:before {
        right: unset;
        left: -50%; } }
    @media only screen and (max-width: 767px) {
      .index__popular__heading:before {
        right: unset;
        left: -50%; } }
  .index__popular__heading:after {
    display: block;
    height: 100%;
    width: 130px;
    background-color: #1e1f26;
    content: "";
    position: absolute;
    top: 0;
    left: 100%; }
    @media only screen and (max-width: 1279px) {
      .index__popular__heading:after {
        width: 80px; } }
    @media only screen and (max-width: 1023px) {
      .index__popular__heading:after {
        width: 0; } }
    @media only screen and (max-width: 767px) {
      .index__popular__heading:after {
        width: 19px; } }

.index__popular__heading__title > * {
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #83869e;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .index__popular__heading__title > * {
      font-size: 10px; } }

@media only screen and (max-width: 1023px) {
  .index__popular__heading__title {
    position: relative; } }

.index__popular__heading__tabs {
  margin-top: 26px; }
  .index__popular__heading__tabs ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    @media only screen and (max-width: 1279px) {
      .index__popular__heading__tabs ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media only screen and (max-width: 767px) {
      .index__popular__heading__tabs ul {
        gap: 20px;
        overflow: auto hidden;
        height: 66px; } }
  .index__popular__heading__tabs li {
    padding-left: 25px; }
    @media only screen and (max-width: 1279px) {
      .index__popular__heading__tabs li {
        padding-left: 46px; } }
    @media only screen and (max-width: 1023px) {
      .index__popular__heading__tabs li {
        width: 145px; } }
    @media only screen and (max-width: 767px) {
      .index__popular__heading__tabs li {
        width: 143px;
        padding-left: 0; } }
    @media only screen and (max-width: 1279px) {
      .index__popular__heading__tabs li:first-child {
        padding-left: 0; } }
    .index__popular__heading__tabs li:not(:nth-child(1)) {
      margin-top: 23px; }
      @media only screen and (max-width: 1279px) {
        .index__popular__heading__tabs li:not(:nth-child(1)) {
          margin-top: 0; } }
      @media only screen and (max-width: 767px) {
        .index__popular__heading__tabs li:not(:nth-child(1)) {
          width: 140px; } }
  .index__popular__heading__tabs span,
  .index__popular__heading__tabs a {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #83869e;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    position: relative; }
    @media only screen and (max-width: 1023px) {
      .index__popular__heading__tabs span,
      .index__popular__heading__tabs a {
        font-size: 14px; } }
    .index__popular__heading__tabs span.active,
    .index__popular__heading__tabs a.active {
      color: #fff;
      cursor: default; }
      .index__popular__heading__tabs span.active:before,
      .index__popular__heading__tabs a.active:before {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
        width: 15px; }
        @media only screen and (max-width: 1279px) {
          .index__popular__heading__tabs span.active:before,
          .index__popular__heading__tabs a.active:before {
            width: 100%; } }
    .index__popular__heading__tabs span:hover:before,
    .index__popular__heading__tabs a:hover:before {
      /*@include media-min-width(1001) {
                color: #fff;
            }*/
      width: 15px;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
      @media only screen and (max-width: 1279px) {
        .index__popular__heading__tabs span:hover:before,
        .index__popular__heading__tabs a:hover:before {
          width: 100%; } }
    .index__popular__heading__tabs span:before,
    .index__popular__heading__tabs a:before {
      display: block;
      height: 2px;
      width: 0px;
      background-color: #f43b35;
      content: "";
      opacity: 1;
      -webkit-transform: translateX(-15px);
              transform: translateX(-15px);
      -webkit-transition: opacity 0.6s ease, -webkit-transform 0.2s ease;
      transition: opacity 0.6s ease, -webkit-transform 0.2s ease;
      transition: opacity 0.6s ease, transform 0.2s ease;
      transition: opacity 0.6s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
      position: absolute;
      top: 10px;
      left: -25px; }
      @media only screen and (max-width: 1279px) {
        .index__popular__heading__tabs span:before,
        .index__popular__heading__tabs a:before {
          left: 0;
          top: unset;
          bottom: -10px; } }

.index__popular__heading__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 65px;
  margin-left: -16px;
  position: relative; }
  @media only screen and (max-width: 1279px) {
    .index__popular__heading__nav {
      position: absolute;
      right: -470px;
      top: 28px; } }
  @media only screen and (max-width: 1023px) {
    .index__popular__heading__nav {
      right: 0;
      top: -31px; } }
  @media only screen and (max-width: 767px) {
    .index__popular__heading__nav {
      right: unset;
      top: -23px;
      left: 50%;
      bottom: unset; } }
  @media only screen and (max-width: 767px) {
    .index__popular__heading__nav.article {
      right: unset;
      top: unset;
      left: 40%;
      bottom: -55px; } }
  .index__popular__heading__nav.hide {
    opacity: 0; }
    .index__popular__heading__nav.hide:before {
      display: block;
      height: 100%;
      width: 100%;
      background-color: #1e1f26;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: 15; }

.index__popular__heading__nav__prev,
.index__popular__heading__nav__next {
  height: 40px;
  width: 40px;
  cursor: pointer;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .index__popular__heading__nav__prev,
    .index__popular__heading__nav__next {
      display: none; } }
  @media only screen and (min-width: 1001px) {
    .index__popular__heading__nav__prev:hover svg,
    .index__popular__heading__nav__next:hover svg {
      fill: #f43b35; } }
  .index__popular__heading__nav__prev svg,
  .index__popular__heading__nav__next svg {
    display: block;
    height: auto;
    width: 7px;
    fill: #83869e;
    margin: auto;
    -webkit-transition: fill 0.2s ease;
    transition: fill 0.2s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .index__popular__heading__nav__prev.hidden,
  .index__popular__heading__nav__next.hidden {
    visibility: hidden; }

.index__popular__heading__nav__pagination span {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #83869e; }

.index__popular__slider {
  width: 1167px;
  margin-top: 50px;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .index__popular__slider {
      width: 900px; } }
  @media only screen and (max-width: 1279px) {
    .index__popular__slider {
      top: -380px;
      margin-top: 127px;
      width: 960px; } }
  @media only screen and (max-width: 1023px) {
    .index__popular__slider {
      width: 693px; } }
  @media only screen and (max-width: 767px) {
    .index__popular__slider {
      width: 100%;
      margin-top: 144px; } }
  .index__popular__slider:before {
    display: block;
    height: 50px;
    width: 50px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2038%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22-627.069%22%20y1%3D%22382.82%22%20x2%3D%22-626.492%22%20y2%3D%22382.581%22%20gradientTransform%3D%22matrix%2818%200%200%20-18%2011307%206890%29%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f43b35%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.631%22%20stop-color%3D%22%23f43b35%22%20stop-opacity%3D%22.631%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f43b35%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url%28%23a%29%22%20stroke-width%3D%222%22%20d%3D%22M36%2018c0-9.9-8.1-18-18-18%22%3E%3CanimateTransform%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22transform%22%20calcMode%3D%22linear%22%20dur%3D%220.9s%22%20fill%3D%22remove%22%20from%3D%220%2018%2018%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20to%3D%22360%2018%2018%22%20type%3D%22rotate%22%2F%3E%3C%2Fpath%3E%3Ccircle%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23f43b35%22%20cx%3D%2236%22%20cy%3D%2218%22%20r%3D%221%22%3E%3CanimateTransform%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22transform%22%20calcMode%3D%22linear%22%20dur%3D%220.9s%22%20fill%3D%22remove%22%20from%3D%220%2018%2018%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20to%3D%22360%2018%2018%22%20type%3D%22rotate%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px 50px;
    content: "";
    opacity: 0;
    margin: auto;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 1; }
  .index__popular__slider.hide:before {
    opacity: 1; }
  .index__popular__slider.hide .swiper-container {
    opacity: 0; }
  .index__popular__slider .swiper-container {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    position: relative;
    z-index: 15; }

@media only screen and (max-width: 767px) {
  .index__popular__slider__item {
    width: auto !important; } }

.index__news {
  margin-top: 125px; }
  @media only screen and (max-width: 1279px) {
    .index__news {
      margin-top: 70px; } }

.index__news--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 100px;
  margin-right: 72px; }
  @media only screen and (max-width: 1919px) {
    .index__news--wrapper {
      margin-left: 0;
      margin-right: 0; } }
  @media only screen and (max-width: 767px) {
    .index__news--wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.index__news--title {
  padding-left: 16px; }
  @media only screen and (max-width: 1919px) {
    .index__news--title {
      padding-left: 8px; } }
  @media only screen and (max-width: 1279px) {
    .index__news--title {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    .index__news--title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .index__news--title .title {
    color: #1c1c1e;
    font-size: 40px;
    font-weight: bold;
    display: block; }
    @media only screen and (max-width: 1919px) {
      .index__news--title .title {
        font-size: 36px; } }
    @media only screen and (max-width: 1279px) {
      .index__news--title .title {
        font-size: 32px; } }
  .index__news--title .link {
    margin-top: 25px;
    color: #1c1c1e;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    border-bottom: #f43b35 2px solid;
    -webkit-transition: .2s ease;
    transition: .2s ease; }
    @media only screen and (max-width: 767px) {
      .index__news--title .link {
        margin-left: 16px;
        margin-top: 6px;
        font-size: 14px;
        line-height: 22px; } }
    .index__news--title .link:hover {
      color: #f43b35; }

.index__news--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -8px;
  margin-left: auto;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .index__news--list {
      width: 465px; } }
  @media only screen and (max-width: 767px) {
    .index__news--list {
      width: 100%;
      margin-top: 20px;
      margin-left: 15px; } }
  .index__news--list .news-card:not(:last-child) {
    margin-right: 35px; }
    @media only screen and (max-width: 1919px) {
      .index__news--list .news-card:not(:last-child) {
        margin-right: 10px; } }
    @media only screen and (max-width: 1023px) {
      .index__news--list .news-card:not(:last-child) {
        margin-right: 0; } }
  .index__news--list .swiper-button-prev, .index__news--list .swiper-button-next {
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    .index__news--list .swiper-button-prev svg, .index__news--list .swiper-button-next svg {
      display: block;
      height: auto;
      width: 12px;
      fill: #000; }
      @media only screen and (max-width: 767px) {
        .index__news--list .swiper-button-prev svg, .index__news--list .swiper-button-next svg {
          width: 8px; } }
  .index__news--list .swiper-button-prev {
    left: -50px; }
    @media only screen and (max-width: 767px) {
      .index__news--list .swiper-button-prev {
        left: -22px; } }
  @media only screen and (max-width: 767px) {
    .index__news--list .swiper-button-next {
      right: 5px; } }

.news-card {
  width: 260px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px 23px 16px 27px;
  -webkit-transition: .2s ease;
  transition: .2s ease; }
  @media only screen and (max-width: 1919px) {
    .news-card {
      width: 210px;
      padding: 14px 12px 16px 16px; } }
  @media only screen and (max-width: 1279px) {
    .news-card {
      width: 180px; } }
  @media only screen and (max-width: 767px) {
    .news-card {
      width: 150px;
      padding: 6px; } }
  @media only screen and (min-width: 1001px) {
    .news-card:hover {
      background-color: #fff; } }

.news-card__title {
  height: 86px;
  overflow: hidden; }
  @media only screen and (max-width: 1279px) {
    .news-card__title {
      height: 100px; } }
  @media only screen and (max-width: 767px) {
    .news-card__title {
      height: 120px; } }
  .news-card__title .title {
    font-size: 16px;
    font-weight: bold;
    color: #1c1c1e;
    line-height: 26px;
    text-decoration: none;
    -webkit-transition: .2s ease;
    transition: .2s ease; }
    @media only screen and (max-width: 1279px) {
      .news-card__title .title {
        font-size: 14px;
        line-height: 24px; } }
    .news-card__title .title:hover {
      color: #f43b35; }

.news-card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  white-space: nowrap; }
  @media only screen and (max-width: 1279px) {
    .news-card__bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.news-card__date .text {
  color: #1c1c1e;
  font-size: 14px; }

.news-card__category {
  margin-left: 16px; }
  @media only screen and (max-width: 1279px) {
    .news-card__category {
      margin-left: 0; } }
  .news-card__category .text {
    color: #8f92a6;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: #8f92a6 1px solid; }
    .news-card__category .text:hover {
      color: #1c1c1e;
      border-bottom: #1c1c1e 1px solid; }

#cart-page .container {
  padding-left: 117px;
  padding-top: 55px; }
  @media only screen and (max-width: 1919px) {
    #cart-page .container {
      padding-left: 17px;
      padding-top: 36px; } }
  @media only screen and (max-width: 1279px) {
    #cart-page .container {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    #cart-page .container {
      padding-left: 0;
      padding-top: 18px; } }

.cart__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 22px; }
  @media only screen and (max-width: 1919px) {
    .cart__content {
      min-height: 450px; } }
  @media only screen and (max-width: 1279px) {
    .cart__content {
      margin-top: 15px; } }
  @media only screen and (max-width: 1023px) {
    .cart__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      min-height: unset; } }

.cart__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 160px;
  margin: -24px 28px 0 auto;
  cursor: pointer; }
  @media only screen and (max-width: 1919px) {
    .cart__empty {
      margin-right: 0; } }
  .cart__empty:hover > * {
    color: #f43b35; }
  .cart__empty:hover svg {
    fill: #f43b35; }
  .cart__empty > * {
    color: #8f92a6;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
  .cart__empty svg {
    margin-left: 9px;
    width: 18px;
    height: 17px;
    fill: #8f92a6;
    -webkit-transition: 0.2s;
    transition: 0.2s; }

.cart__items {
  margin-top: 40px;
  width: 955px; }
  @media only screen and (max-width: 1919px) {
    .cart__items {
      width: 865px; } }
  @media only screen and (max-width: 1599px) {
    .cart__items {
      width: 777px; } }
  @media only screen and (max-width: 1439px) {
    .cart__items {
      width: 742px; } }
  @media only screen and (max-width: 1365px) {
    .cart__items {
      width: 702px; } }
  @media only screen and (max-width: 1279px) {
    .cart__items {
      width: 508px; } }
  @media only screen and (max-width: 1023px) {
    .cart__items {
      width: 100%; } }
  .cart__items .items-loader {
    position: relative;
    top: 30px; }

.cart__items--empty .title {
  font-size: 26px;
  line-height: 41px; }
  @media only screen and (max-width: 1919px) {
    .cart__items--empty .title {
      font-size: 24px; } }
  @media only screen and (max-width: 1023px) {
    .cart__items--empty .title {
      font-size: 22px; } }
  @media only screen and (max-width: 767px) {
    .cart__items--empty .title {
      font-size: 20px; } }

.cart__items--empty .button {
  margin-top: 27px;
  width: 196px;
  height: 43px; }
  @media only screen and (max-width: 1023px) {
    .cart__items--empty .button {
      margin-bottom: 30px; } }

.cart__right {
  position: absolute;
  background: #fff;
  width: 615px;
  min-width: 615px;
  right: -62px !important; }
  @media only screen and (max-width: 1919px) {
    .cart__right {
      right: 0 !important;
      min-width: unset;
      min-height: 650px;
      position: absolute !important; } }
  @media only screen and (max-width: 1023px) {
    .cart__right {
      position: relative !important;
      width: 100% !important;
      height: unset !important;
      min-height: unset; } }
  .cart__right.inner-page--right:after {
    height: 40%; }
    @media only screen and (min-width: 1920px) {
      .cart__right.inner-page--right:after.empty {
        height: 100%; } }
    @media only screen and (max-width: 1919px) {
      .cart__right.inner-page--right:after {
        height: 20%; } }
    @media only screen and (max-width: 1439px) {
      .cart__right.inner-page--right:after {
        height: 35%; } }
  .cart__right .button {
    height: 65px; }
  .cart__right__list {
    width: 271px;
    margin-top: 73px;
    padding-left: 93px;
    position: -webkit-sticky;
    position: sticky;
    top: 2em; }
    @media only screen and (max-width: 1919px) {
      .cart__right__list {
        padding-left: 53px; } }
    @media only screen and (max-width: 1023px) {
      .cart__right__list {
        padding-left: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 300px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: calc(100% - 40px);
        margin-top: 35px;
        padding-bottom: 30px;
        position: relative;
        top: 0; } }
    @media only screen and (max-width: 767px) {
      .cart__right__list {
        height: unset;
        padding-left: 20px;
        padding-right: 20px; } }
    @media only screen and (max-width: 1919px) {
      .cart__right__list.large .cart__right__links {
        padding-bottom: 850px; } }
    @media only screen and (max-width: 1023px) {
      .cart__right__list.large .cart__right__links {
        padding-bottom: 30px; } }
  .cart__right .cart__list__heading {
    margin-bottom: 20px; }
    .cart__right .cart__list__heading > * {
      font-size: 34px; }
      @media only screen and (max-width: 1919px) {
        .cart__right .cart__list__heading > * {
          font-size: 30px; } }
  @media only screen and (max-width: 1023px) {
    .cart__right .cart__list__amount {
      width: 270px; } }
  @media only screen and (max-width: 767px) {
    .cart__right .cart__list__amount {
      width: 100%; } }
  .cart__right .cart__list__amount .promocode {
    margin-bottom: 15px;
    text-align: center; }
  .cart__right .cart__list__amount .cart__list-promocode {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    border: 1px dashed #d4d4db;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .cart__right .cart__list__amount .cart__list-promocode button {
      background-color: transparent;
      border: 0;
      cursor: pointer; }
    .cart__right .cart__list__amount .cart__list-promocode circle {
      -webkit-transition: 0.3s;
      transition: 0.3s; }
    .cart__right .cart__list__amount .cart__list-promocode img {
      position: absolute;
      top: -60px;
      left: 5px; }
    .cart__right .cart__list__amount .cart__list-promocode.active {
      border-color: #1c1c1e; }
      .cart__right .cart__list__amount .cart__list-promocode.active circle {
        fill: #1c1c1e;
        fill-opacity: 1; }
    .cart__right .cart__list__amount .cart__list-promocode.error {
      border-color: #f43b35; }
    .cart__right .cart__list__amount .cart__list-promocode input {
      padding-left: 20px;
      height: 30px;
      border: 0;
      outline: none; }
      .cart__right .cart__list__amount .cart__list-promocode input:disabled {
        background-color: transparent; }
  .cart__right .cart__list__amount .cart__list-promocode .cart__list-green svg circle {
    fill: #1ca139;
    fill-opacity: 1; }
  .cart__right .cart__list__amount--item,
  .cart__right .cart__list__amount--sum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .cart__right .cart__list--desc {
    width: 115px; }
    .cart__right .cart__list--desc > * {
      color: #8f92a6;
      font-size: 14px; }
  .cart__right .cart__list--heading > * {
    font-size: 18px;
    font-weight: bold; }
  .cart__right .cart__list--line {
    margin-top: 19px;
    width: 100%;
    height: 1px;
    background: #bdc0d2; }
  .cart__right .cart__list__amount--sum {
    padding-top: 29px;
    padding-bottom: 50px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .cart__right .cart__list__amount--sum .cart__list--heading {
      white-space: nowrap; }
      .cart__right .cart__list__amount--sum .cart__list--heading > * {
        font-size: 40px; }
        @media only screen and (max-width: 1919px) {
          .cart__right .cart__list__amount--sum .cart__list--heading > * {
            font-size: 34px; } }
  .cart__right .cart__right__links {
    margin-top: 82px; }
    @media only screen and (max-width: 1023px) {
      .cart__right .cart__right__links {
        margin-top: 0;
        margin-left: 50px;
        width: calc(50% - 50px); } }
    @media only screen and (max-width: 767px) {
      .cart__right .cart__right__links {
        margin-left: 0;
        width: calc(100% - 20px);
        margin-top: 30px; } }
    .cart__right .cart__right__links .cart__links {
      margin-top: 13px; }
  .cart__right .cart__right__links--heading > * {
    font-size: 24px;
    font-weight: bold; }
  .cart__right .cart__right__links--desc {
    margin-top: 1px; }
    .cart__right .cart__right__links--desc > * {
      display: inline-block;
      font-size: 14px;
      color: #8f92a6;
      line-height: 18px; }
  .cart__right .cart__links__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5px;
    cursor: pointer; }
    .cart__right .cart__links__item > * {
      font-size: 14px;
      font-weight: bold;
      color: #1c1c1e;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      text-decoration: none; }
    .cart__right .cart__links__item .dealers {
      border-bottom: #f43b35 2px solid; }
    .cart__right .cart__links__item svg {
      margin-right: 6px; }
      .cart__right .cart__links__item svg:first-child {
        width: 18px;
        height: 19px; }
      .cart__right .cart__links__item svg:nth-child(2) {
        width: 14px;
        height: 19px; }
  .cart__right .cart__links__item:hover > * {
    color: #f43b35; }
  .cart__right .cart__links__item:hover svg {
    fill: #f43b35; }

.cart__recently-watched {
  margin-top: 44px; }
  @media only screen and (max-width: 1919px) {
    .cart__recently-watched {
      margin-top: 85px; } }

.product__another__heading,
.recently__heading {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  top: 30px; }

.product__another__slider .swiper-wrapper.disable,
.recently__slider .swiper-wrapper.disable {
  -webkit-transform: none !important;
          transform: none !important; }

.recently__slider {
  width: calc(100% - 82px); }
  @media only screen and (max-width: 1919px) {
    .recently__slider {
      width: 100%; } }

.product__another__nav,
.recently__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 22px;
  position: relative;
  width: 100px;
  margin-left: auto;
  margin-right: 0px; }
  @media only screen and (max-width: 767px) {
    .product__another__nav,
    .recently__nav {
      margin-left: auto;
      margin-right: auto;
      top: 520px; } }
  .product__another__nav.hide,
  .recently__nav.hide {
    opacity: 0; }
    .product__another__nav.hide:before,
    .recently__nav.hide:before {
      display: block;
      height: 100%;
      width: 100%;
      background-color: #1e1f26;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: 15; }

.product__another__nav__prev,
.product__another__nav__next,
.recently__nav__prev,
.recently__nav__next {
  height: 40px;
  width: 40px;
  cursor: pointer;
  position: relative; }
  @media only screen and (min-width: 1001px) {
    .product__another__nav__prev:hover svg,
    .product__another__nav__next:hover svg,
    .recently__nav__prev:hover svg,
    .recently__nav__next:hover svg {
      fill: #f43b35; } }
  .product__another__nav__prev svg,
  .product__another__nav__next svg,
  .recently__nav__prev svg,
  .recently__nav__next svg {
    display: block;
    height: auto;
    width: 7px;
    fill: #83869e;
    margin: auto;
    -webkit-transition: fill 0.2s ease;
    transition: fill 0.2s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.product__another__nav__pagination span,
.recently__nav__pagination span {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #83869e; }

#faq-page .container {
  padding-left: 270px;
  padding-top: 55px;
  width: 100%; }
  @media only screen and (max-width: 1919px) {
    #faq-page .container {
      padding-left: 117px;
      padding-top: 36px; } }
  @media only screen and (max-width: 1279px) {
    #faq-page .container {
      padding-left: 60px; } }
  @media only screen and (max-width: 1023px) {
    #faq-page .container {
      width: 669px;
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    #faq-page .container {
      width: 90%;
      padding-top: 18px; } }

.faq__content {
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1023px) {
    .faq__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.faq__list {
  margin-left: -17px;
  margin-top: 42px; }
  @media only screen and (max-width: 1023px) {
    .faq__list {
      margin-left: 0; } }

.faq__right {
  right: unset !important;
  margin-left: auto; }
  @media only screen and (max-width: 1023px) {
    .faq__right {
      position: relative !important;
      width: 100% !important;
      height: unset !important;
      margin-top: 50px;
      margin-left: unset; } }

.faq__contact {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  margin-left: 84px;
  width: 271px;
  text-align: center; }
  @media only screen and (max-width: 1919px) {
    .faq__contact {
      margin-left: 55px; } }
  @media only screen and (max-width: 1023px) {
    .faq__contact {
      width: calc(100% - 80px);
      margin-left: 40px;
      margin-right: 40px;
      padding-bottom: 60px;
      position: relative; } }
  @media only screen and (max-width: 767px) {
    .faq__contact {
      width: calc(100% - 40px);
      margin: 0 20px 0 20px; } }
  @media only screen and (max-width: 1023px) {
    .faq__contact .form__group {
      width: 260px; } }
  @media only screen and (max-width: 767px) {
    .faq__contact .form__group {
      width: 100%; } }
  .faq__contact .form__group:not(:last-child) {
    margin-bottom: 10px; }
  .faq__contact__heading {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold; }
    @media only screen and (max-width: 1919px) {
      .faq__contact__heading {
        font-size: 22px; } }
  .faq__contact .privacy {
    margin-top: 29px;
    margin-bottom: 31px;
    text-align: left; }
    @media only screen and (max-width: 1023px) {
      .faq__contact .privacy {
        margin: 0 0 0 35px; } }
    @media only screen and (max-width: 767px) {
      .faq__contact .privacy {
        margin-left: 0px; } }
    .faq__contact .privacy label:before {
      position: absolute;
      top: 5px; }
    .faq__contact .privacy label > * {
      margin-left: 22px;
      width: 250px;
      font-size: 12px; }
  .faq__contact .button {
    height: 65px; }
    @media only screen and (max-width: 1023px) {
      .faq__contact .button {
        width: 260px; } }
    @media only screen and (max-width: 767px) {
      .faq__contact .button {
        margin-top: 15px;
        width: 100%; } }

@media only screen and (max-width: 1023px) {
  .faq__contact__content, .contacts__contact__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

@media only screen and (max-width: 1023px) {
  .faq__contact__content .form__group:nth-child(odd), .contacts__contact__content .form__group:nth-child(odd) {
    margin-right: 65px; } }

@media only screen and (max-width: 767px) {
  .faq__contact__content .form__group:nth-child(odd), .contacts__contact__content .form__group:nth-child(odd) {
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .faq__contact__content, .contacts__contact__content {
    height: unset; } }

@media only screen and (max-width: 1023px) {
  .faq__right__bottom, .contacts__contact__bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
    margin-left: -21px; } }

@media only screen and (max-width: 767px) {
  .faq__right__bottom, .contacts__contact__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 0; } }

#about-page .container {
  padding-left: 117px;
  padding-top: 55px; }
  @media only screen and (max-width: 1919px) {
    #about-page .container {
      padding-left: 17px;
      padding-top: 36px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .container {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    #about-page .container {
      padding-left: 0;
      padding-top: 18px; } }

#about-page .about__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 26px; }
  @media only screen and (max-width: 1919px) {
    #about-page .about__container {
      margin-top: 10px; } }
  @media only screen and (max-width: 1023px) {
    #about-page .about__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

#about-page .section__heading {
  text-align: center; }
  #about-page .section__heading span, #about-page .section__heading h2 {
    font-size: 12px;
    font-weight: bold;
    color: #8f92a6;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0; }

#about-page .about__sidenav {
  width: 286px;
  margin-top: 11px;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  position: -webkit-sticky;
  position: sticky;
  top: 2em; }
  @media only screen and (max-width: 1919px) {
    #about-page .about__sidenav {
      width: 239px;
      min-width: 239px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .about__sidenav {
      width: 152px;
      min-width: 152px; } }
  @media only screen and (max-width: 1023px) {
    #about-page .about__sidenav {
      width: 100%;
      position: relative;
      top: unset; } }
  #about-page .about__sidenav ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    @media only screen and (max-width: 1023px) {
      #about-page .about__sidenav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll; } }
  #about-page .about__sidenav li {
    margin-bottom: 16px; }
    @media only screen and (max-width: 1023px) {
      #about-page .about__sidenav li {
        margin-right: 44px;
        white-space: nowrap; } }
    @media only screen and (max-width: 767px) {
      #about-page .about__sidenav li {
        margin-right: 28px; } }
    @media only screen and (max-width: 1023px) {
      #about-page .about__sidenav li:last-child {
        padding-right: 150px; } }
    #about-page .about__sidenav li > * {
      font-size: 15px;
      text-decoration: none;
      color: #1c1c1e; }
      @media only screen and (max-width: 1023px) {
        #about-page .about__sidenav li > * {
          font-size: 14px; } }
      @media only screen and (max-width: 767px) {
        #about-page .about__sidenav li > * {
          white-space: nowrap; } }
    #about-page .about__sidenav li .active {
      font-weight: bold;
      border-bottom: 2px #f43b35 solid; }

#about-page .about__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#about-page .page__heading {
  position: relative;
  width: 549px; }
  @media only screen and (max-width: 1919px) {
    #about-page .page__heading {
      width: 390px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .page__heading {
      width: 345px;
      min-width: 345px; } }
  @media only screen and (max-width: 1023px) {
    #about-page .page__heading {
      width: unset; }
      #about-page .page__heading h1 {
        width: 60%; } }
  @media only screen and (max-width: 767px) {
    #about-page .page__heading h1 {
      width: 80%; } }
  @media only screen and (max-width: 1023px) {
    #about-page .page__heading > span {
      width: 350px;
      display: block; } }
  #about-page .page__heading > * {
    line-height: 48px; }
    @media only screen and (max-width: 1919px) {
      #about-page .page__heading > * {
        line-height: 38px; } }
  #about-page .page__heading .button {
    margin-left: 73px;
    margin-top: 34px;
    width: 214px;
    height: 65px; }
    @media only screen and (max-width: 1919px) {
      #about-page .page__heading .button {
        margin-top: 17px;
        width: 214px;
        height: 60px;
        margin-left: 59px; } }
    @media only screen and (max-width: 1279px) {
      #about-page .page__heading .button {
        margin-left: 0; } }
    @media only screen and (max-width: 1023px) {
      #about-page .page__heading .button {
        margin-top: 20px; } }

#about-page .page__desc {
  margin-top: 45px;
  margin-left: 73px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    #about-page .page__desc {
      margin-left: 59px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .page__desc {
      margin-left: 0; } }
  @media only screen and (max-width: 1023px) {
    #about-page .page__desc {
      margin-top: 30px; } }
  #about-page .page__desc:before {
    content: "";
    height: 2px;
    width: 46px;
    position: absolute;
    left: -73px;
    top: 17px;
    background: #f43b35; }
    @media only screen and (max-width: 1919px) {
      #about-page .page__desc:before {
        width: 34px;
        left: -59px; } }
    @media only screen and (max-width: 1279px) {
      #about-page .page__desc:before {
        content: none; } }
  #about-page .page__desc > * {
    display: inline-block;
    font-size: 17px;
    font-weight: normal;
    line-height: 32px; }
    @media only screen and (max-width: 1919px) {
      #about-page .page__desc > * {
        font-size: 17px;
        line-height: 26px; } }

#about-page .page__sub-desc {
  margin-left: 73px;
  margin-top: 19px; }
  @media only screen and (max-width: 1919px) {
    #about-page .page__sub-desc {
      margin-left: 59px;
      margin-top: 2px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .page__sub-desc {
      margin-left: 0; } }
  @media only screen and (max-width: 1023px) {
    #about-page .page__sub-desc {
      width: 600px; } }
  @media only screen and (max-width: 767px) {
    #about-page .page__sub-desc {
      width: 100%; } }
  #about-page .page__sub-desc > * {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal; }
    @media only screen and (max-width: 1919px) {
      #about-page .page__sub-desc > * {
        font-size: 14px;
        line-height: 28px; } }

#about-page .page__desc--simple {
  margin-left: 0;
  margin-top: 10px; }
  #about-page .page__desc--simple span, #about-page .page__desc--simple p {
    margin: 0;
    padding: 0;
    font-size: 21px; }
    @media only screen and (max-width: 1919px) {
      #about-page .page__desc--simple span, #about-page .page__desc--simple p {
        font-size: 17px;
        line-height: 26px; } }

#about-page .page__desc--simple:before {
  content: none; }

#about-page .about__top__slider {
  width: 471px;
  height: 532px;
  margin-left: 79px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  top: -108px; }
  @media only screen and (max-width: 1919px) {
    #about-page .about__top__slider {
      width: 378px;
      height: 424px;
      margin-left: auto;
      top: -20px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .about__top__slider {
      margin-left: 32px; } }
  @media only screen and (max-width: 1023px) {
    #about-page .about__top__slider {
      display: none; } }

#about-page .about__top__slider__slide .image {
  width: 471px;
  height: 532px; }
  @media only screen and (max-width: 1919px) {
    #about-page .about__top__slider__slide .image {
      width: 378px;
      height: 424px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .about__top__slider__slide .image {
      width: 376px;
      height: 422px; } }
  #about-page .about__top__slider__slide .image img {
    width: 471px;
    height: 532px; }
    @media only screen and (max-width: 1919px) {
      #about-page .about__top__slider__slide .image img {
        width: 378px;
        height: 424px; } }
    @media only screen and (max-width: 1279px) {
      #about-page .about__top__slider__slide .image img {
        width: 376px;
        height: 422px; } }

#about-page .about__top__slider__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  width: 120px;
  background-color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 0;
  z-index: 3; }

#about-page .about__map {
  position: relative; }
  @media only screen and (max-width: 1919px) {
    #about-page .about__map {
      margin-top: 30px; } }
  #about-page .about__map__bg {
    z-index: -1;
    position: absolute;
    top: -215px; }
    @media only screen and (max-width: 1919px) {
      #about-page .about__map__bg {
        top: -160px; } }
    @media only screen and (max-width: 1023px) {
      #about-page .about__map__bg {
        top: -70px; } }
    @media only screen and (max-width: 767px) {
      #about-page .about__map__bg {
        top: -20px; } }
    @media only screen and (max-width: 1919px) {
      #about-page .about__map__bg img {
        width: 100%; } }

#about-page .about__map__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -60px; }
  @media only screen and (max-width: 1919px) {
    #about-page .about__map__content {
      top: 0; } }
  @media only screen and (max-width: 767px) {
    #about-page .about__map__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  #about-page .about__map__content--left {
    width: 426px; }
    @media only screen and (max-width: 1919px) {
      #about-page .about__map__content--left {
        width: 400px; } }
    @media only screen and (max-width: 1279px) {
      #about-page .about__map__content--left {
        width: 320px; } }
    @media only screen and (max-width: 767px) {
      #about-page .about__map__content--left {
        width: 100%; } }
    #about-page .about__map__content--left .heading {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      @media only screen and (max-width: 767px) {
        #about-page .about__map__content--left .heading {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start; } }
      #about-page .about__map__content--left .heading > * {
        width: 300px;
        font-size: 24px;
        line-height: 30px;
        font-weight: bold; }
        @media only screen and (max-width: 1919px) {
          #about-page .about__map__content--left .heading > * {
            font-size: 22px;
            line-height: 28px; } }
        @media only screen and (max-width: 1279px) {
          #about-page .about__map__content--left .heading > * {
            font-size: 20px;
            width: 100%; } }
        @media only screen and (max-width: 1023px) {
          #about-page .about__map__content--left .heading > * {
            font-size: 18px; } }
    #about-page .about__map__content--left .desc {
      margin-left: 73px;
      margin-top: 15px;
      width: 352px; }
      @media only screen and (max-width: 1279px) {
        #about-page .about__map__content--left .desc {
          width: 100%;
          margin-left: 58px; } }
      @media only screen and (max-width: 767px) {
        #about-page .about__map__content--left .desc {
          width: calc(100% - 28px);
          margin-left: 0;
          margin-top: 5px; } }
      #about-page .about__map__content--left .desc > * {
        font-size: 21px;
        line-height: 36px; }
        @media only screen and (max-width: 1919px) {
          #about-page .about__map__content--left .desc > * {
            font-size: 18px;
            line-height: 32px; } }
        @media only screen and (max-width: 1279px) {
          #about-page .about__map__content--left .desc > * {
            font-size: 16px; } }
    #about-page .about__map__content--left .mark {
      width: 48px;
      height: 48px;
      margin-right: 25px;
      background: #f43b35;
      border-radius: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media only screen and (max-width: 1279px) {
        #about-page .about__map__content--left .mark {
          width: 44px;
          min-width: 44px;
          height: 44px;
          min-height: 44px;
          margin-right: 15px; } }
      @media only screen and (max-width: 767px) {
        #about-page .about__map__content--left .mark {
          margin-bottom: 15px; } }
      #about-page .about__map__content--left .mark svg {
        fill: #fff;
        height: 21px;
        width: 16px; }
  #about-page .about__map__content--right {
    position: relative;
    margin-left: auto;
    width: 470px; }
    @media only screen and (max-width: 1919px) {
      #about-page .about__map__content--right {
        width: 380px; } }
    @media only screen and (max-width: 1279px) {
      #about-page .about__map__content--right {
        width: 330px;
        margin-left: 60px; } }
    @media only screen and (max-width: 767px) {
      #about-page .about__map__content--right {
        width: calc(100% - 28px);
        margin-left: 0px; } }
    #about-page .about__map__content--right .desc {
      margin-top: 77px; }
      @media only screen and (max-width: 1919px) {
        #about-page .about__map__content--right .desc {
          margin-top: 70px; } }
      @media only screen and (max-width: 767px) {
        #about-page .about__map__content--right .desc {
          margin-top: 20px; } }
      #about-page .about__map__content--right .desc > * {
        font-size: 16px;
        line-height: 30px; }
        @media only screen and (max-width: 1919px) {
          #about-page .about__map__content--right .desc > * {
            font-size: 14px; } }

#about-page .about__years {
  height: 410px;
  width: 100%;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 43px;
  overflow: hidden; }
  @media only screen and (max-width: 1919px) {
    #about-page .about__years {
      margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    #about-page .about__years {
      height: 345px; } }

#about-page .about__years__slider__content {
  width: 705px;
  margin: 31px auto 90px auto;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    #about-page .about__years__slider__content {
      width: 630px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .about__years__slider__content {
      width: 550px; } }
  @media only screen and (max-width: 767px) {
    #about-page .about__years__slider__content {
      width: calc(100% - 40px); } }
  #about-page .about__years__slider__content .swiper-container {
    overflow: visible; }
  #about-page .about__years__slider__content .swiper-button-prev {
    left: -140px; }
    @media only screen and (max-width: 1919px) {
      #about-page .about__years__slider__content .swiper-button-prev {
        left: 0; } }
    @media only screen and (max-width: 767px) {
      #about-page .about__years__slider__content .swiper-button-prev {
        left: -20px; } }
  #about-page .about__years__slider__content .swiper-button-next {
    right: -140px; }
    @media only screen and (max-width: 1919px) {
      #about-page .about__years__slider__content .swiper-button-next {
        right: 0; } }
    @media only screen and (max-width: 767px) {
      #about-page .about__years__slider__content .swiper-button-next {
        right: -20px; } }
  #about-page .about__years__slider__content .swiper-button-prev,
  #about-page .about__years__slider__content .swiper-button-next {
    height: 350px;
    width: 55px;
    background-image: none;
    outline: none;
    top: -47px; }
    @media only screen and (min-width: 1001px) {
      #about-page .about__years__slider__content .swiper-button-prev:hover svg,
      #about-page .about__years__slider__content .swiper-button-next:hover svg {
        fill: #f43b35; } }
    #about-page .about__years__slider__content .swiper-button-prev svg,
    #about-page .about__years__slider__content .swiper-button-next svg {
      display: block;
      height: auto;
      width: 7px;
      fill: #1c1c1e;
      margin: auto;
      -webkit-transition: fill 0.2s ease;
      transition: fill 0.2s ease;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  @media only screen and (max-width: 767px) {
    #about-page .about__years__slider__content .swiper-slide-prev, #about-page .about__years__slider__content .swiper-slide-next {
      opacity: 0; } }
  #about-page .about__years__slider__content .swiper-slide-prev .about__years__slider__slide__heading, #about-page .about__years__slider__content .swiper-slide-next .about__years__slider__slide__heading {
    display: none !important; }
  #about-page .about__years__slider__content .swiper-slide-prev .about__years__slider__slide__bg, #about-page .about__years__slider__content .swiper-slide-next .about__years__slider__slide__bg {
    position: relative;
    top: 30px;
    opacity: .5; }
    #about-page .about__years__slider__content .swiper-slide-prev .about__years__slider__slide__bg span, #about-page .about__years__slider__content .swiper-slide-next .about__years__slider__slide__bg span {
      position: relative;
      bottom: -140px;
      font-size: 100px; }
  #about-page .about__years__slider__content .swiper-slide-prev {
    left: 240px; }
  #about-page .about__years__slider__content .swiper-slide-next {
    right: 240px; }

#about-page .about__years__slider__slide__content {
  display: block;
  width: 235px;
  height: 100%;
  margin: auto;
  text-decoration: none; }
  @media only screen and (max-width: 1919px) {
    #about-page .about__years__slider__slide__content {
      width: 222px; } }
  @media only screen and (max-width: 767px) {
    #about-page .about__years__slider__slide__content {
      width: 100%; } }
  @media only screen and (min-width: 1001px) {
    #about-page .about__years__slider__slide__content:hover .index__collections__slider__slide__heading .title > * {
      color: #f43b35; }
    #about-page .about__years__slider__slide__content:hover .index__collections__slider__slide__image:before {
      opacity: 1; }
    #about-page .about__years__slider__slide__content:hover .index__collections__slider__slide__image img {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); } }

#about-page .about__years__slider__slide__heading {
  text-align: center;
  width: 455px;
  color: #1c1c1e;
  margin: auto; }
  @media only screen and (max-width: 767px) {
    #about-page .about__years__slider__slide__heading {
      width: calc(100% - 40px); } }
  #about-page .about__years__slider__slide__heading .title > * {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    @media only screen and (max-width: 1919px) {
      #about-page .about__years__slider__slide__heading .title > * {
        font-size: 22px; } }
  #about-page .about__years__slider__slide__heading .desc > * {
    font-size: 14px; }

#about-page .about__years__slider__slide__bg {
  height: 350px;
  width: 100%;
  top: 140px;
  position: absolute;
  z-index: -1;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #about-page .about__years__slider__slide__bg {
      margin-top: 0; } }
  #about-page .about__years__slider__slide__bg > * {
    color: #e9ebf3;
    font-size: 180px;
    font-weight: bold;
    -webkit-transition: .4s ease;
    transition: .4s ease; }
    @media only screen and (max-width: 1279px) {
      #about-page .about__years__slider__slide__bg > * {
        font-size: 160px; } }
    @media only screen and (max-width: 767px) {
      #about-page .about__years__slider__slide__bg > * {
        font-size: 120px; } }
  @media only screen and (max-width: 1919px) {
    #about-page .about__years__slider__slide__bg {
      height: 330px; } }

#about-page .about__advantages {
  margin-top: 84px; }
  @media only screen and (max-width: 1023px) {
    #about-page .about__advantages {
      margin-top: 50px; } }

#about-page .advantages__content {
  margin-top: 56px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 82px;
  grid-column-gap: 25px; }
  @media only screen and (max-width: 1919px) {
    #about-page .advantages__content {
      grid-gap: 75px;
      grid-template-columns: 376px 376px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .advantages__content {
      grid-gap: 65px;
      grid-row-gap: 23px !important;
      grid-template-columns: 310px 310px;
      margin-top: 40px; } }
  @media only screen and (max-width: 1023px) {
    #about-page .advantages__content {
      grid-template-columns: 295px 295px;
      grid-gap: 42px;
      grid-row-gap: 10px !important; } }
  @media only screen and (max-width: 767px) {
    #about-page .advantages__content {
      grid-template-columns: 1fr; } }

#about-page .advantage {
  width: 505px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (max-width: 1919px) {
    #about-page .advantage {
      width: 376px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .advantage {
      width: 320px; } }
  @media only screen and (max-width: 1023px) {
    #about-page .advantage {
      width: 295px; } }
  @media only screen and (max-width: 767px) {
    #about-page .advantage {
      width: 97%; } }

#about-page .advantage__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media only screen and (max-width: 1279px) {
    #about-page .advantage__heading {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  #about-page .advantage__heading > * {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    width: 358px; }
    @media only screen and (max-width: 1919px) {
      #about-page .advantage__heading > * {
        font-size: 22px; } }
    @media only screen and (max-width: 1279px) {
      #about-page .advantage__heading > * {
        font-size: 17px; } }
    @media only screen and (max-width: 767px) {
      #about-page .advantage__heading > * {
        width: unset;
        font-size: 18px; } }

#about-page .advantage__icon {
  width: 48px;
  height: 48px;
  background: #f43b35;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 25px; }
  @media only screen and (max-width: 1919px) {
    #about-page .advantage__icon {
      min-width: 40px;
      width: 40px;
      height: 40px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .advantage__icon {
      margin-right: 15px;
      margin-top: 7px; } }
  @media only screen and (max-width: 767px) {
    #about-page .advantage__icon {
      margin-bottom: 15px; } }
  #about-page .advantage__icon svg {
    width: 24px;
    height: 21px; }
    @media only screen and (max-width: 1919px) {
      #about-page .advantage__icon svg {
        width: 22px;
        height: 18px; } }

#about-page .advantage__desc {
  margin-left: 73px;
  margin-top: 12px; }
  @media only screen and (max-width: 1919px) {
    #about-page .advantage__desc {
      margin-left: 68px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .advantage__desc {
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    #about-page .advantage__desc {
      margin-top: 5px; } }
  #about-page .advantage__desc > * {
    font-size: 16px;
    line-height: 30px; }
    @media only screen and (max-width: 1919px) {
      #about-page .advantage__desc > * {
        font-size: 14px;
        line-height: 28px; } }

#about-page .about__partnership {
  width: 100%;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 45px 81px 75px 73px;
  margin-top: 112px;
  margin-bottom: 34px; }
  @media only screen and (max-width: 1919px) {
    #about-page .about__partnership {
      padding: 42px 60px 75px 59px; } }
  @media only screen and (max-width: 1279px) {
    #about-page .about__partnership {
      margin-top: 70px;
      padding-right: 60px;
      padding-left: 62px; } }
  @media only screen and (max-width: 1023px) {
    #about-page .about__partnership {
      padding-left: 41px;
      padding-right: 50px; } }
  @media only screen and (max-width: 767px) {
    #about-page .about__partnership {
      padding-left: 20px;
      padding-right: 20px; } }
  #about-page .about__partnership form {
    margin-top: 16px; }
    @media only screen and (max-width: 767px) {
      #about-page .about__partnership form {
        width: calc(100% - 0px); } }
    #about-page .about__partnership form .partnership__bottom {
      width: 401px;
      left: 33%; }
      @media only screen and (max-width: 1919px) {
        #about-page .about__partnership form .partnership__bottom {
          left: 212px; } }
      @media only screen and (max-width: 1023px) {
        #about-page .about__partnership form .partnership__bottom {
          left: 136px; } }
      @media only screen and (max-width: 767px) {
        #about-page .about__partnership form .partnership__bottom {
          width: calc(100% - 40px);
          left: 20px; } }
      #about-page .about__partnership form .partnership__bottom .partnership__error {
        text-align: center;
        margin-bottom: 10px; }
        #about-page .about__partnership form .partnership__bottom .partnership__error span {
          color: #f43b35;
          font-size: 14px; }
    #about-page .about__partnership form .dealers__privacy {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0 auto 0 -23px;
      width: 100%; }
      @media only screen and (max-width: 1919px) {
        #about-page .about__partnership form .dealers__privacy {
          margin: 0 0 0 20px; } }
      @media only screen and (max-width: 1023px) {
        #about-page .about__partnership form .dealers__privacy {
          -webkit-box-pack: unset;
              -ms-flex-pack: unset;
                  justify-content: unset;
          margin: 0; } }
      #about-page .about__partnership form .dealers__privacy span {
        width: 310px;
        font-size: 14px;
        line-height: 18px; }
        @media only screen and (max-width: 1023px) {
          #about-page .about__partnership form .dealers__privacy span {
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          #about-page .about__partnership form .dealers__privacy span {
            width: 80%; } }
      #about-page .about__partnership form .dealers__privacy label:before {
        position: relative;
        top: -8px; }
      #about-page .about__partnership form .dealers__privacy label:after {
        top: 6px; }
        @media only screen and (max-width: 767px) {
          #about-page .about__partnership form .dealers__privacy label:after {
            top: 15px; } }

#about-page .partnership__title {
  text-align: center;
  width: 430px;
  margin-top: 33px; }
  @media only screen and (max-width: 1919px) {
    #about-page .partnership__title {
      width: 380px;
      margin-top: 25px; } }
  @media only screen and (max-width: 767px) {
    #about-page .partnership__title {
      width: 213px; } }
  #about-page .partnership__title > * {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold; }
    @media only screen and (max-width: 1919px) {
      #about-page .partnership__title > * {
        font-size: 22px;
        line-height: 28px; } }
    @media only screen and (max-width: 1279px) {
      #about-page .partnership__title > * {
        font-size: 20px;
        line-height: 26px; } }

#about-page .partnership__desc {
  text-align: center;
  width: 530px;
  margin-top: 7px; }
  @media only screen and (max-width: 767px) {
    #about-page .partnership__desc {
      width: 90%; } }
  #about-page .partnership__desc > * {
    font-size: 14px; }

#about-page .partnership__slogan h4 {
  margin: 24px 0 0;
  font-size: 18px;
  font-weight: bold; }

@media only screen and (max-width: 1919px) {
  #about-page .partnership__slogan h4 {
    font-size: 16px; } }

#about-page .partnership__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: 48px; }
  @media only screen and (max-width: 1023px) {
    #about-page .partnership__cards {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  #about-page .partnership__cards .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #about-page .partnership__cards .card__title {
      text-align: center;
      margin-top: 13px; }
      #about-page .partnership__cards .card__title > * {
        font-size: 16px;
        line-height: 24px;
        font-weight: bold; }
        @media only screen and (max-width: 1919px) {
          #about-page .partnership__cards .card__title > * {
            font-size: 14px;
            line-height: 18px;
            display: inline-block; } }
        @media only screen and (max-width: 1023px) {
          #about-page .partnership__cards .card__title > * {
            font-size: 16px;
            line-height: 24px; } }
    @media only screen and (max-width: 1023px) {
      #about-page .partnership__cards .card:not(:last-child) {
        margin-bottom: 40px; } }
    #about-page .partnership__cards .card:nth-child(1) .card__title {
      width: 211px; }
    #about-page .partnership__cards .card:nth-child(1) .card__icon svg {
      width: 38px;
      height: 38px; }
    #about-page .partnership__cards .card:nth-child(2) {
      margin-left: 21px; }
      @media only screen and (max-width: 1023px) {
        #about-page .partnership__cards .card:nth-child(2) {
          margin-left: 0; } }
      #about-page .partnership__cards .card:nth-child(2) .card__title {
        width: 207px; }
      #about-page .partnership__cards .card:nth-child(2) .card__icon svg {
        width: 35px;
        height: 45px; }
    #about-page .partnership__cards .card:nth-child(3) .card__title {
      width: 240px; }
    #about-page .partnership__cards .card:nth-child(3) .card__icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #about-page .partnership__cards .card:nth-child(3) .card__icon svg:nth-child(1) {
        width: 30px;
        height: 30px; }
      #about-page .partnership__cards .card:nth-child(3) .card__icon svg:nth-child(2) {
        margin-left: 10px;
        width: 24px;
        height: 24px; }

#about-page .partnership__bottom {
  position: absolute;
  width: 230px;
  bottom: -32px; }
  #about-page .partnership__bottom .button {
    height: 65px; }

.partnership__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 54px;
  padding-top: 58px; }
  @media only screen and (max-width: 1919px) {
    .partnership__form {
      padding-bottom: 38px;
      padding-top: 46px; } }
  @media only screen and (max-width: 1023px) {
    .partnership__form {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-bottom: 46px;
      padding-top: 33px; } }
  @media only screen and (max-width: 1919px) {
    .partnership__form:nth-child(3) .partnership__form__heading {
      min-width: 173px; } }
  @media only screen and (max-width: 1279px) {
    .partnership__form:nth-child(3) .partnership__form__heading {
      min-width: unset; } }
  @media only screen and (max-width: 1919px) {
    .partnership__form:nth-child(3) .partnership__form--right {
      margin-left: 25px; } }
  @media only screen and (max-width: 1279px) {
    .partnership__form:nth-child(3) .partnership__form--right {
      margin-left: 13px; } }
  @media only screen and (max-width: 1023px) {
    .partnership__form:nth-child(3) .partnership__form--right {
      margin-left: 0; } }
  .partnership__form:not(:nth-child(7)) {
    border-bottom: rgba(189, 192, 210, 0.3) 1px solid; }
  .partnership__form.vat .radio {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .partnership__form.vat .radio .form__group {
      margin-top: -13px; }

.partnership__form__heading {
  width: 244px; }
  @media only screen and (max-width: 1919px) {
    .partnership__form__heading {
      width: 204px; } }
  @media only screen and (max-width: 1279px) {
    .partnership__form__heading {
      width: 169px; } }
  @media only screen and (max-width: 1023px) {
    .partnership__form__heading {
      width: unset;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 32px; } }
  .partnership__form__heading > * {
    font-size: 18px;
    font-weight: bold; }
    @media only screen and (max-width: 1919px) {
      .partnership__form__heading > * {
        font-size: 16px;
        line-height: 20px; } }
  .partnership__form__heading .partnership__form__heading--desc {
    width: 187px; }
    @media only screen and (max-width: 1919px) {
      .partnership__form__heading .partnership__form__heading--desc {
        width: 122px; } }
    @media only screen and (max-width: 1023px) {
      .partnership__form__heading .partnership__form__heading--desc {
        width: 208px;
        text-align: center; } }
    .partnership__form__heading .partnership__form__heading--desc > * {
      font-size: 14px;
      line-height: 24px;
      color: #8f92a6;
      font-weight: normal; }

.partnership__form--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 706px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 27px; }
  @media only screen and (max-width: 1919px) {
    .partnership__form--right {
      width: 100%;
      margin-left: 52px; } }
  @media only screen and (max-width: 1279px) {
    .partnership__form--right {
      margin-left: 13px; } }
  @media only screen and (max-width: 1023px) {
    .partnership__form--right {
      margin-left: 0; } }
  .partnership__form--right.top {
    margin-top: -16px; }
  .partnership__form--right .form__group {
    width: 300px;
    margin-bottom: 14px; }
    @media only screen and (max-width: 1023px) {
      .partnership__form--right .form__group.long {
        margin-right: 0 !important; } }
    @media only screen and (max-width: 1919px) {
      .partnership__form--right .form__group {
        width: 230px; }
        .partnership__form--right .form__group .form__control {
          margin-right: 0; } }
    @media only screen and (max-width: 1279px) {
      .partnership__form--right .form__group {
        width: 200px; } }
    @media only screen and (max-width: 1023px) {
      .partnership__form--right .form__group {
        width: 230px; } }
    @media only screen and (max-width: 767px) {
      .partnership__form--right .form__group {
        width: 100%; } }
    .partnership__form--right .form__group:nth-child(odd) {
      margin-right: 70px; }
      @media only screen and (max-width: 1919px) {
        .partnership__form--right .form__group:nth-child(odd) {
          margin-right: 45px; } }
      @media only screen and (max-width: 1023px) {
        .partnership__form--right .form__group:nth-child(odd) {
          margin-right: 62px; } }
      @media only screen and (max-width: 767px) {
        .partnership__form--right .form__group:nth-child(odd) {
          margin-right: 0; } }
  .partnership__form--right .radio {
    margin-bottom: 13px; }
    .partnership__form--right .radio:not(:last-child) {
      margin-right: 33px; }
      @media only screen and (max-width: 1023px) {
        .partnership__form--right .radio:not(:last-child) {
          margin-right: 76px; } }
  .partnership__form--right .specialization__checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media only screen and (max-width: 1023px) {
      .partnership__form--right .specialization__checkboxes .checkbox__container:nth-child(3) {
        margin-bottom: 0; } }
  .partnership__form--right .partnership__industry {
    margin-left: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .partnership__form--right .partnership__industry .checkbox__container:nth-child(4) {
      margin-right: 0; }
      @media only screen and (max-width: 1919px) {
        .partnership__form--right .partnership__industry .checkbox__container:nth-child(4) {
          margin-right: 60px; } }
  .partnership__form--right .ordered-checkbox-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2; }
    @media only screen and (max-width: 1023px) {
      .partnership__form--right .ordered-checkbox-list {
        -webkit-column-gap: 120px;
           -moz-column-gap: 120px;
                column-gap: 120px; } }
    @media only screen and (max-width: 767px) {
      .partnership__form--right .ordered-checkbox-list {
        -webkit-column-gap: 32px;
           -moz-column-gap: 32px;
                column-gap: 32px; } }
  .partnership__form--right .checkbox__container.large {
    margin-bottom: 15px; }
  .partnership__form--right .checkbox__container {
    margin-bottom: 9px; }

@media only screen and (max-width: 1919px) {
  .about__content {
    width: calc(100% - 239px); } }

@media only screen and (max-width: 1279px) {
  .about__content {
    width: 755px; } }

@media only screen and (max-width: 1023px) {
  .about__content {
    width: 100%;
    margin-top: 49px; } }

@media only screen and (max-width: 767px) {
  .about__content {
    margin-top: 35px; } }

.legal__content {
  margin-left: 24px;
  width: 100%; }
  @media only screen and (max-width: 1919px) {
    .legal__content {
      margin-left: 0; } }
  @media only screen and (max-width: 1023px) {
    .legal__content {
      margin-top: 49px; } }
  @media only screen and (max-width: 767px) {
    .legal__content {
      margin-top: 35px; } }
  .legal__content .about__top {
    margin-left: 29px;
    margin-bottom: 32px; }
    @media only screen and (max-width: 1919px) {
      .legal__content .about__top {
        margin-left: 0; } }
    @media only screen and (max-width: 1023px) {
      .legal__content .about__top .video_wrapper {
        display: none; } }
  @media only screen and (max-width: 1919px) {
    .legal__content .about__tabs {
      width: 100%; } }

.marketing__cards {
  margin: 84px 0 53px 29px; }
  @media only screen and (max-width: 1279px) {
    .marketing__cards {
      margin: 60px 0 30px 0; } }
  .marketing__cards__heading {
    margin-bottom: 31px; }
    .marketing__cards__heading > * {
      font-size: 24px;
      font-weight: bold; }
  .marketing__cards .media__cards {
    width: 1100px;
    position: relative; }
    @media only screen and (max-width: 1919px) {
      .marketing__cards .media__cards {
        width: 820px; } }
    @media only screen and (max-width: 1279px) {
      .marketing__cards .media__cards {
        width: 760px; } }
    @media only screen and (max-width: 1023px) {
      .marketing__cards .media__cards {
        width: 520px;
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      .marketing__cards .media__cards {
        width: 220px; } }
    .marketing__cards .media__cards .swiper-container {
      width: 1100px; }
      @media only screen and (max-width: 1919px) {
        .marketing__cards .media__cards .swiper-container {
          width: 820px; } }
      @media only screen and (max-width: 1279px) {
        .marketing__cards .media__cards .swiper-container {
          width: 760px; } }
      @media only screen and (max-width: 1023px) {
        .marketing__cards .media__cards .swiper-container {
          width: 520px; } }
      @media only screen and (max-width: 767px) {
        .marketing__cards .media__cards .swiper-container {
          width: 100%; } }
    .marketing__cards .media__cards .swiper-wrapper {
      width: 1090px;
      position: relative; }
      @media only screen and (max-width: 1919px) {
        .marketing__cards .media__cards .swiper-wrapper {
          width: 820px; } }
      @media only screen and (max-width: 1279px) {
        .marketing__cards .media__cards .swiper-wrapper {
          width: 760px; } }
      @media only screen and (max-width: 1023px) {
        .marketing__cards .media__cards .swiper-wrapper {
          width: 520px; } }
      @media only screen and (max-width: 767px) {
        .marketing__cards .media__cards .swiper-wrapper {
          width: 100%; } }
    .marketing__cards .media__cards .swiper-button-next, .marketing__cards .media__cards .swiper-button-prev {
      display: block;
      height: auto;
      top: 55%;
      width: 12px;
      fill: #000;
      -webkit-transition: fill 0.2s ease;
      transition: fill 0.2s ease; }
      @media only screen and (max-width: 1279px) {
        .marketing__cards .media__cards .swiper-button-next, .marketing__cards .media__cards .swiper-button-prev {
          top: 50%; } }
      @media only screen and (max-width: 767px) {
        .marketing__cards .media__cards .swiper-button-next, .marketing__cards .media__cards .swiper-button-prev {
          top: 45%; } }
      .marketing__cards .media__cards .swiper-button-next:hover, .marketing__cards .media__cards .swiper-button-prev:hover {
        fill: #f43b35; }
    .marketing__cards .media__cards .swiper-button-prev {
      left: -20px; }
      @media only screen and (max-width: 1919px) {
        .marketing__cards .media__cards .swiper-button-prev {
          left: -25px; } }
      @media only screen and (max-width: 1023px) {
        .marketing__cards .media__cards .swiper-button-prev {
          left: -30px; } }
    .marketing__cards .media__cards .swiper-button-next {
      right: 0px; }
      @media only screen and (max-width: 1919px) {
        .marketing__cards .media__cards .swiper-button-next {
          right: -10px; } }
      @media only screen and (max-width: 1279px) {
        .marketing__cards .media__cards .swiper-button-next {
          right: 5px; } }
      @media only screen and (max-width: 767px) {
        .marketing__cards .media__cards .swiper-button-next {
          right: -30px; } }
    @media only screen and (max-width: 1279px) {
      .marketing__cards .media__cards .media__card {
        margin-bottom: 28px; } }
    .marketing__cards .media__cards .media__card:not(:last-child) {
      margin-right: 28px; }
      @media only screen and (max-width: 1919px) {
        .marketing__cards .media__cards .media__card:not(:last-child) {
          margin-right: 18px; } }
      @media only screen and (max-width: 1279px) {
        .marketing__cards .media__cards .media__card:not(:last-child) {
          margin-right: 28px; } }
    @media only screen and (max-width: 1023px) {
      .marketing__cards .media__cards .media__card:last-child {
        margin-right: 28px; } }

.gallery__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 767px) {
    .gallery__media {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .gallery__media .gallery-card {
    cursor: pointer;
    margin-right: 46px;
    margin-bottom: 57px; }
    @media only screen and (max-width: 1919px) {
      .gallery__media .gallery-card {
        margin-right: 26px;
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .gallery__media .gallery-card {
        margin-right: 16px; } }

.blog__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .blog__media .blog-card {
    margin-right: 45px;
    margin-bottom: 52px; }
    @media only screen and (max-width: 1919px) {
      .blog__media .blog-card {
        margin-right: 0px; } }
    @media only screen and (max-width: 1023px) {
      .blog__media .blog-card {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 767px) {
      .blog__media .blog-card {
        margin-left: 3px; } }
    @media only screen and (max-width: 1919px) {
      .blog__media .blog-card:nth-child(odd) {
        margin-right: 90px;
        margin-left: 10px; } }
    @media only screen and (max-width: 1279px) {
      .blog__media .blog-card:nth-child(odd) {
        margin-right: 25px; } }
    @media only screen and (max-width: 1023px) {
      .blog__media .blog-card:nth-child(odd) {
        margin-left: -5px; } }
    @media only screen and (max-width: 767px) {
      .blog__media .blog-card:nth-child(odd) {
        margin-left: 3px; } }

.article__container {
  margin-left: 24px;
  width: 100%;
  margin-top: 33px; }
  @media only screen and (max-width: 1919px) {
    .article__container {
      margin-left: 0;
      width: calc(100% - 239px); } }
  @media only screen and (max-width: 1279px) {
    .article__container {
      width: 100%; } }
  @media only screen and (max-width: 1023px) {
    .article__container {
      margin-top: 40px; } }
  .article__container a {
    text-decoration: none; }
  .article__container .about__top {
    margin-left: 29px;
    margin-bottom: 32px; }
    @media only screen and (max-width: 1919px) {
      .article__container .about__top {
        margin-left: 0; } }
    @media only screen and (max-width: 1023px) {
      .article__container .about__top .page__heading span {
        width: 100% !important; } }
  .article__container .back-button {
    margin-top: -33px;
    margin-bottom: 16px; }

.article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -9px;
  margin-bottom: -15px; }

.article__date span {
  font-size: 14px !important;
  font-weight: normal !important; }

.article__type {
  margin-left: 17px; }
  .article__type > * {
    text-transform: uppercase;
    color: #8f92a6;
    font-size: 12px !important;
    border-bottom: #8f92a6 1px solid; }

.article__image {
  margin-left: 80px;
  margin-top: -32px;
  width: 471px;
  height: 305px; }
  @media only screen and (max-width: 1919px) {
    .article__image {
      width: 395px;
      height: 233px;
      margin-left: 20px; } }
  @media only screen and (max-width: 1279px) {
    .article__image {
      margin-left: 15px; } }
  @media only screen and (max-width: 1023px) {
    .article__image {
      display: none; } }
  .article__image img {
    width: inherit;
    height: inherit; }

.article__content {
  margin-left: 29px;
  margin-top: 45px; }
  @media only screen and (max-width: 1919px) {
    .article__content {
      margin-left: 0; } }
  .article__content .article__text {
    width: 82%; }
    @media only screen and (max-width: 1023px) {
      .article__content .article__text {
        width: 100%; } }
  .article__content a {
    text-decoration: none;
    color: black;
    border-bottom: 2px solid #f43b35;
    -webkit-transition: .2s ease;
    transition: .2s ease; }
    .article__content a:hover {
      color: #f43b35; }
  .article__content ul {
    list-style: none;
    margin-left: 73px;
    padding-left: 0;
    width: 77%; }
    @media only screen and (max-width: 1279px) {
      .article__content ul {
        margin-left: 43px; } }
  .article__content li {
    display: block;
    position: relative; }
    .article__content li:not(:last-child) {
      margin-bottom: 12px; }
  .article__content li:before {
    content: "";
    position: absolute;
    left: -37px;
    top: 5px;
    width: 19px;
    height: 19px;
    border-radius: 100%;
    background: #f43b35;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.58 61.3'%3E%3Cpath fill='%23FFF' d='M21.72 38.64l-7.85-11.25c-2.6-3.73-16.14 5.72-13.55 9.45l14.6 20.94c2.6 3.73 7.77 4.65 11.5 2.05 1.06-.74 1.88-1.69 2.47-2.75h.01s.02-.04.03-.07c.19-.35.35-.7.49-1.07C32.44 49.46 48.35 16.79 70.58 0c0 0-27.99.71-48.86 38.64z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 10px 8px;
    background-position: center; }
  .article__content img {
    height: unset !important;
    max-width: 100%; }

.article__slider {
  width: 92%;
  height: 600px;
  background: #fff;
  padding-top: 41px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 77px;
  margin-top: 42px; }
  @media only screen and (max-width: 1919px) {
    .article__slider {
      width: 100%;
      height: 530px; } }
  @media only screen and (max-width: 1279px) {
    .article__slider {
      height: 485px; } }
  @media only screen and (max-width: 1023px) {
    .article__slider {
      height: 410px; } }
  @media only screen and (max-width: 767px) {
    .article__slider {
      padding-top: 25px;
      height: 250px;
      margin-bottom: 50px; } }
  .article__slider.short {
    height: 490px; }
    @media only screen and (max-width: 1919px) {
      .article__slider.short {
        height: 430px; } }
    @media only screen and (max-width: 1279px) {
      .article__slider.short {
        height: 400px; } }
    @media only screen and (max-width: 1023px) {
      .article__slider.short {
        height: 335px; } }
    @media only screen and (max-width: 767px) {
      .article__slider.short {
        height: 190px; } }
  .article__slider .swiper-container {
    width: 846px;
    overflow: visible; }
    @media only screen and (max-width: 1919px) {
      .article__slider .swiper-container {
        width: 705px; } }
    @media only screen and (max-width: 1279px) {
      .article__slider .swiper-container {
        width: 620px; } }
    @media only screen and (max-width: 1023px) {
      .article__slider .swiper-container {
        width: 530px; } }
    @media only screen and (max-width: 767px) {
      .article__slider .swiper-container {
        width: 295px; } }
    .article__slider .swiper-container:before {
      display: block;
      height: 100%;
      width: 124px;
      background: -webkit-gradient(linear, left top, right top, color-stop(0, white), to(rgba(255, 255, 255, 0)));
      background: linear-gradient(to right, white 0, rgba(255, 255, 255, 0) 100%);
      content: '';
      opacity: 0.7;
      position: absolute;
      top: 0;
      left: -128px;
      z-index: 2; }
    .article__slider .swiper-container:after {
      display: block;
      height: 100%;
      width: 124px;
      background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), to(white));
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, white 100%);
      content: '';
      opacity: 0.7;
      position: absolute;
      top: 0;
      right: -128px;
      z-index: 2; }
  .article__slider .article__slider__slide__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .article__slider .article__slider__slide__image img {
      width: 720px;
      max-height: 480px;
      -o-object-fit: contain;
         object-fit: contain; }
      @media only screen and (max-width: 1919px) {
        .article__slider .article__slider__slide__image img {
          width: 620px;
          max-height: 413px; } }
      @media only screen and (max-width: 1279px) {
        .article__slider .article__slider__slide__image img {
          width: 560px;
          max-height: 373px; } }
      @media only screen and (max-width: 1023px) {
        .article__slider .article__slider__slide__image img {
          width: 450px;
          max-height: 300px; } }
      @media only screen and (max-width: 767px) {
        .article__slider .article__slider__slide__image img {
          width: 250px;
          max-height: 167px; } }
  .article__slider .swiper-button-next, .article__slider .swiper-button-prev {
    width: 114px;
    height: 480px;
    top: 24px;
    background-image: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (max-width: 1919px) {
      .article__slider .swiper-button-next, .article__slider .swiper-button-prev {
        height: 413px; } }
    @media only screen and (max-width: 1279px) {
      .article__slider .swiper-button-next, .article__slider .swiper-button-prev {
        height: 373px; } }
    @media only screen and (max-width: 1023px) {
      .article__slider .swiper-button-next, .article__slider .swiper-button-prev {
        height: 300px; } }
    @media only screen and (max-width: 767px) {
      .article__slider .swiper-button-next, .article__slider .swiper-button-prev {
        height: 167px; } }
    .article__slider .swiper-button-next svg, .article__slider .swiper-button-prev svg {
      width: 7px;
      height: 11px; }
  .article__slider .swiper-button-next {
    right: -57px; }
  .article__slider .swiper-button-prev {
    left: -57px; }
  .article__slider .swiper-pagination {
    position: absolute;
    bottom: -50px;
    font-size: 14px;
    font-weight: bold; }
    @media only screen and (max-width: 1023px) {
      .article__slider .swiper-pagination {
        bottom: -45px; } }
    @media only screen and (max-width: 767px) {
      .article__slider .swiper-pagination {
        bottom: -40px; } }

.article__another-articles {
  margin-left: 29px;
  margin-top: 98px; }
  @media only screen and (max-width: 1919px) {
    .article__another-articles {
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .article__another-articles {
      margin-top: 65px; } }
  .article__another-articles .another-articles__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .article__another-articles .another-articles__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    @media only screen and (max-width: 1919px) {
      .article__another-articles .another-articles__content .blog-card:last-child {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .article__another-articles .another-articles__content .blog-card:last-child {
        display: block; } }
    .article__another-articles .another-articles__content .blog-card:not(:last-child) {
      margin-right: 54px; }
      @media only screen and (max-width: 767px) {
        .article__another-articles .another-articles__content .blog-card:not(:last-child) {
          margin-bottom: 30px;
          margin-right: 0; } }

.article__another-article__slider {
  width: 100%;
  overflow: hidden; }

.error-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1023px) {
    .error-page {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.error-page__left {
  width: 535px; }
  @media only screen and (max-width: 1919px) {
    .error-page__left {
      width: 380px; } }
  @media only screen and (max-width: 1023px) {
    .error-page__left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 40px; } }
  @media only screen and (max-width: 767px) {
    .error-page__left {
      width: 100%;
      margin-top: 20px; } }
  .error-page__left .button {
    width: 271px;
    height: 65px; }

.error-page__heading > * {
  font-size: 40px;
  line-height: 38px;
  font-weight: bold; }
  @media only screen and (max-width: 1919px) {
    .error-page__heading > * {
      font-size: 36px; } }
  @media only screen and (max-width: 767px) {
    .error-page__heading > * {
      font-size: 24px; } }

.error-page__desc {
  margin-top: 15px;
  margin-bottom: 71px; }
  @media only screen and (max-width: 1023px) {
    .error-page__desc {
      text-align: center; } }
  .error-page__desc > * {
    font-size: 16px;
    line-height: 24px; }
    @media only screen and (max-width: 767px) {
      .error-page__desc > * {
        font-size: 14px; } }

.error-page__right {
  margin-left: 120px;
  height: 260px;
  background: url("/images/error.jpg") center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
  @media only screen and (max-width: 1919px) {
    .error-page__right {
      margin-left: 60px; } }
  @media only screen and (max-width: 1023px) {
    .error-page__right {
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .error-page__right {
      height: 180px; } }
  .error-page__right span {
    font-size: 350px;
    font-weight: bold;
    line-height: unset; }
    @media only screen and (max-width: 1279px) {
      .error-page__right span {
        font-size: 300px; } }
    @media only screen and (max-width: 767px) {
      .error-page__right span {
        font-size: 220px; } }

.guarantee__file-card {
  margin-left: 80px;
  margin-top: 40px; }
  @media only screen and (max-width: 1919px) {
    .guarantee__file-card {
      margin-left: 60px; } }
  @media only screen and (max-width: 1279px) {
    .guarantee__file-card {
      margin-left: 40px; } }
  @media only screen and (max-width: 1023px) {
    .guarantee__file-card {
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .guarantee__file-card {
      margin-left: 0; } }

.guarantee__container {
  margin-left: 24px;
  width: 100%;
  margin-top: -10px; }
  @media only screen and (max-width: 1919px) {
    .guarantee__container {
      margin-left: 0; } }
  @media only screen and (max-width: 1023px) {
    .guarantee__container .about__top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (max-width: 1023px) {
    .guarantee__container {
      margin-top: 49px; } }
  @media only screen and (max-width: 767px) {
    .guarantee__container {
      margin-top: 35px; } }
  .guarantee__container a {
    text-decoration: none; }
  .guarantee__container .about__top {
    margin-left: 29px;
    margin-bottom: 32px; }
    @media only screen and (max-width: 1919px) {
      .guarantee__container .about__top {
        margin-left: 0; } }
  .guarantee__container .article__content {
    margin-top: 58px;
    width: 80%; }
    @media only screen and (max-width: 1919px) {
      .guarantee__container .article__content {
        width: 100%; } }
    @media only screen and (max-width: 1023px) {
      .guarantee__container .article__content {
        margin-top: 30px; } }
    .guarantee__container .article__content ul {
      margin-bottom: 34px; }
    .guarantee__container .article__content p {
      line-height: 30px; }
  .guarantee__container ul {
    margin-bottom: 74px; }

.dealers__advantages {
  margin-top: 95px; }
  @media only screen and (max-width: 1023px) {
    .dealers__advantages {
      margin-top: 73px; } }
  .dealers__advantages .advantages__title {
    width: 340px; }
    .dealers__advantages .advantages__title > *, .dealers__advantages .advantages__title h2 {
      font-size: 30px;
      line-height: 36px;
      font-weight: bold;
      margin: 0; }
      @media only screen and (max-width: 1919px) {
        .dealers__advantages .advantages__title > *, .dealers__advantages .advantages__title h2 {
          font-size: 28px;
          line-height: 34px; } }
      @media only screen and (max-width: 1023px) {
        .dealers__advantages .advantages__title > *, .dealers__advantages .advantages__title h2 {
          font-size: 24px;
          line-height: 28px; } }
  @media only screen and (max-width: 1279px) {
    .dealers__advantages .advantage__heading {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .dealers__advantages .advantages__content {
    margin-top: 42px !important;
    grid-gap: 76px !important;
    grid-column-gap: 25px !important; }
    @media only screen and (max-width: 1919px) {
      .dealers__advantages .advantages__content {
        grid-gap: 75px !important; } }
    @media only screen and (max-width: 1279px) {
      .dealers__advantages .advantages__content {
        grid-gap: 65px !important; } }
    @media only screen and (max-width: 1023px) {
      .dealers__advantages .advantages__content {
        grid-gap: 42px !important;
        margin-top: 15px !important; } }
    @media only screen and (max-width: 767px) {
      .dealers__advantages .advantages__content {
        grid-gap: 25px !important;
        grid-template-rows: unset !important;
        margin-top: 30px !important; } }
  .dealers__advantages .advantage__heading > * {
    width: 270px !important;
    font-size: 18px !important; }
    @media only screen and (max-width: 1919px) {
      .dealers__advantages .advantage__heading > * {
        font-size: 16px !important;
        line-height: 22px !important; } }
    @media only screen and (max-width: 1279px) {
      .dealers__advantages .advantage__heading > * {
        margin-top: 13px; } }
  .dealers__advantages .advantage:nth-child(1) svg {
    width: 40px !important;
    height: 40px !important; }
  .dealers__advantages .advantage:nth-child(2) {
    margin-top: 2px; }
    .dealers__advantages .advantage:nth-child(2) svg {
      width: 38px !important;
      height: 38px !important; }
  .dealers__advantages .advantage:nth-child(3) svg {
    width: 35px !important;
    height: 45px !important; }
  @media only screen and (max-width: 1279px) {
    .dealers__advantages .advantage:nth-child(4) {
      margin-top: 15px; } }
  .dealers__advantages .advantage:nth-child(4) svg {
    width: 34px !important;
    height: 30px !important; }
  .dealers__advantages .advantage__icon {
    background: none !important;
    width: 40px !important;
    height: unset !important;
    margin-right: 30px !important; }

.page__desc--dealers {
  margin-top: 23px !important; }
  .page__desc--dealers > * {
    font-size: 21px !important; }
    @media only screen and (max-width: 1919px) {
      .page__desc--dealers > * {
        font-size: 17px !important;
        line-height: 26px; } }
  @media only screen and (max-width: 1919px) {
    .page__desc--dealers {
      margin-top: 19px !important; } }

@media only screen and (max-width: 1919px) {
  .page__sub-desc--dealers {
    margin-top: 9px !important; } }

.page__desc--bg {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 120px; }
  @media only screen and (max-width: 1919px) {
    .page__desc--bg {
      top: 80px;
      right: -80px; } }
  @media only screen and (max-width: 1279px) {
    .page__desc--bg {
      right: -60px;
      top: 75px; } }
  @media only screen and (max-width: 1023px) {
    .page__desc--bg {
      right: unset;
      left: 200px;
      top: 90px; } }
  @media only screen and (max-width: 767px) {
    .page__desc--bg {
      left: unset;
      right: 0;
      top: 80px; } }
  .page__desc--bg span {
    font-size: 180px !important;
    color: white; }
    @media only screen and (max-width: 1919px) {
      .page__desc--bg span {
        font-size: 140px !important; } }

#contacts-page .container {
  padding-left: 117px;
  padding-top: 55px; }
  @media only screen and (max-width: 1919px) {
    #contacts-page .container {
      padding-left: 17px;
      padding-top: 36px; } }
  @media only screen and (max-width: 1279px) {
    #contacts-page .container {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    #contacts-page .container {
      padding-left: 0;
      padding-top: 18px; } }

#contacts-page .contacts__container {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1023px) {
    #contacts-page .contacts__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

#contacts-page .contacts__content--left {
  width: 972px;
  min-width: 972px; }
  @media only screen and (max-width: 1919px) {
    #contacts-page .contacts__content--left {
      width: 702px;
      min-width: unset; } }
  @media only screen and (max-width: 1279px) {
    #contacts-page .contacts__content--left {
      width: 508px; } }
  @media only screen and (max-width: 1023px) {
    #contacts-page .contacts__content--left {
      width: 100%; } }

#contacts-page .about__tabs {
  width: 100%; }
  @media only screen and (max-width: 1279px) {
    #contacts-page .about__tabs ul {
      overflow-x: scroll;
      -webkit-margin-before: 0;
              margin-block-start: 0;
      -webkit-padding-start: 20px;
              padding-inline-start: 20px; } }
  @media only screen and (max-width: 1023px) {
    #contacts-page .about__tabs ul {
      -webkit-padding-start: 20px;
              padding-inline-start: 20px; } }
  @media only screen and (max-width: 1279px) {
    #contacts-page .about__tabs li {
      white-space: nowrap; } }

#contacts-page .map {
  width: calc(100% - 45px);
  margin-left: 26px;
  height: 400px;
  min-height: 400px;
  display: block !important; }

.contacts__content--right {
  right: -46px !important;
  min-height: 680px; }
  @media only screen and (max-width: 1919px) {
    .contacts__content--right {
      right: 0 !important;
      position: absolute !important; } }
  @media only screen and (max-width: 1023px) {
    .contacts__content--right {
      position: relative !important;
      width: 100% !important;
      height: unset !important;
      margin-top: 50px;
      min-height: unset; } }

.contacts__contact {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  margin-left: 84px;
  width: 271px;
  text-align: center; }
  @media only screen and (max-width: 1919px) {
    .contacts__contact {
      margin-left: 55px; } }
  @media only screen and (max-width: 1023px) {
    .contacts__contact {
      width: calc(100% - 80px);
      margin-left: 40px;
      margin-right: 40px;
      padding-bottom: 60px;
      position: relative; } }
  @media only screen and (max-width: 767px) {
    .contacts__contact {
      width: calc(100% - 40px);
      margin: 0 20px 0 20px; } }
  @media only screen and (max-width: 1023px) {
    .contacts__contact .form__group {
      width: 260px; } }
  @media only screen and (max-width: 767px) {
    .contacts__contact .form__group {
      width: 100%; } }
  .contacts__contact .form__group:not(:last-child) {
    margin-bottom: 10px; }
  .contacts__contact__heading {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold; }
  .contacts__contact .privacy {
    margin-top: 29px;
    margin-bottom: 31px;
    text-align: left; }
    @media only screen and (max-width: 1023px) {
      .contacts__contact .privacy {
        margin: 0 0 0 35px; } }
    @media only screen and (max-width: 767px) {
      .contacts__contact .privacy {
        margin-left: 0px; } }
    .contacts__contact .privacy label:before {
      position: absolute;
      top: 5px; }
    .contacts__contact .privacy label > * {
      margin-left: 22px;
      width: 250px;
      font-size: 12px; }
  .contacts__contact .button {
    height: 65px; }
    @media only screen and (max-width: 1023px) {
      .contacts__contact .button {
        width: 260px; } }
    @media only screen and (max-width: 767px) {
      .contacts__contact .button {
        margin-top: 15px;
        width: 100%; } }

.contacts__map__section {
  margin-top: 43px; }

.map__container {
  width: calc(100% - 18px);
  background: white;
  position: relative; }

.contacts__contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 53px;
  padding-bottom: 25px; }
  @media only screen and (max-width: 1919px) {
    .contacts__contact-info {
      margin-left: 35px;
      padding-bottom: 22px; } }
  @media only screen and (max-width: 1279px) {
    .contacts__contact-info {
      margin-left: 25px;
      padding-bottom: 18px; } }
  @media only screen and (max-width: 767px) {
    .contacts__contact-info {
      margin-left: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .contacts__contact-info:first-child {
    padding-top: 32px; }
    @media only screen and (max-width: 1919px) {
      .contacts__contact-info:first-child {
        padding-top: 25px; } }
    @media only screen and (max-width: 1279px) {
      .contacts__contact-info:first-child {
        padding-top: 20px; } }
  .contacts__contact-info:last-child {
    padding-bottom: 47px; }
    @media only screen and (max-width: 1919px) {
      .contacts__contact-info:last-child {
        padding-bottom: 38px; } }
    @media only screen and (max-width: 1279px) {
      .contacts__contact-info:last-child {
        padding-bottom: 33px; } }

.contacts__contact-info--left {
  width: 250px;
  margin-right: 205px; }
  @media only screen and (max-width: 1919px) {
    .contacts__contact-info--left {
      width: 240px;
      margin-right: 120px; } }
  @media only screen and (max-width: 1279px) {
    .contacts__contact-info--left {
      margin-right: 30px;
      width: 180px; } }
  @media only screen and (max-width: 767px) {
    .contacts__contact-info--left {
      width: calc(100% - 20px);
      margin-bottom: 20px; } }

.contacts__contact-info--heading > * {
  font-size: 12px;
  font-weight: bold;
  color: #8f92a6;
  text-transform: uppercase; }

.contacts__contact-info--address > * {
  font-size: 18px;
  line-height: 24px; }
  @media only screen and (max-width: 1919px) {
    .contacts__contact-info--address > * {
      font-size: 16px; } }

.contacts__contact-info--contacts p {
  margin: 0; }

.contacts__contact-info--contacts a {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #1c1c1e;
  -webkit-transition: .3s;
  transition: .3s;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .contacts__contact-info--contacts a {
      font-size: 16px; } }
  .contacts__contact-info--contacts a:after {
    content: '';
    width: 0;
    -webkit-transition: width .2s;
    transition: width .2s;
    height: 2px;
    background-color: #f43b35;
    position: absolute;
    left: 0;
    top: 22px; }
  .contacts__contact-info--contacts a:hover:after {
    width: 100%; }

.contacts__contact-info--tel > *, .contacts__contact-info--email > * {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #1c1c1e;
  -webkit-transition: .3s;
  transition: .3s; }
  @media only screen and (max-width: 1919px) {
    .contacts__contact-info--tel > *, .contacts__contact-info--email > * {
      font-size: 16px; } }

.contacts__content__bottom {
  margin-top: 50px;
  margin-left: 26px; }
  @media only screen and (max-width: 1919px) {
    .contacts__content__bottom {
      margin-top: 42px; } }
  @media only screen and (max-width: 767px) {
    .contacts__content__bottom {
      margin-left: 18px; } }

.contacts__content__bottom--heading {
  text-align: center;
  margin-bottom: 24px; }
  .contacts__content__bottom--heading span {
    font-size: 24px;
    font-weight: bold; }
    @media only screen and (max-width: 1919px) {
      .contacts__content__bottom--heading span {
        font-size: 22px; } }
    @media only screen and (max-width: 1279px) {
      .contacts__content__bottom--heading span {
        font-size: 20px; } }
    @media only screen and (max-width: 1023px) {
      .contacts__content__bottom--heading span {
        font-size: 18px; } }

.contacts__content__bottom--cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .contacts__content__bottom--cards .contacts-card {
    margin-bottom: 25px; }
    @media only screen and (max-width: 1279px) {
      .contacts__content__bottom--cards .contacts-card {
        margin-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .contacts__content__bottom--cards .contacts-card {
        margin-bottom: 15px; } }
  .contacts__content__bottom--cards .contacts-card:nth-child(odd) {
    margin-right: 67px; }
    @media only screen and (max-width: 1919px) {
      .contacts__content__bottom--cards .contacts-card:nth-child(odd) {
        margin-right: 30px; } }
    @media only screen and (max-width: 1279px) {
      .contacts__content__bottom--cards .contacts-card:nth-child(odd) {
        margin-right: 0;
        margin-bottom: 20px; } }
    @media only screen and (max-width: 1023px) {
      .contacts__content__bottom--cards .contacts-card:nth-child(odd) {
        margin-right: 47px; } }
    @media only screen and (max-width: 767px) {
      .contacts__content__bottom--cards .contacts-card:nth-child(odd) {
        margin-right: 0;
        margin-bottom: 15px; } }

.contacts-card {
  background: white;
  width: 430px;
  height: 175px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1919px) {
    .contacts-card {
      width: 320px;
      height: unset; } }
  @media only screen and (max-width: 1279px) {
    .contacts-card {
      width: 464px; } }
  @media only screen and (max-width: 1023px) {
    .contacts-card {
      width: 45%; } }
  @media only screen and (max-width: 767px) {
    .contacts-card {
      width: calc(100% - 20px); } }

.contacts-card__container {
  padding-left: 50px;
  padding-right: 37px;
  padding-top: 33px; }
  @media only screen and (max-width: 1919px) {
    .contacts-card__container {
      padding: 25px 25px 20px 30px; } }
  .contacts-card__container svg {
    width: 18px;
    height: 18px; }

.contacts-card__heading span {
  font-weight: bold; }

.contacts-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1919px) {
    .contacts-card__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (max-width: 1279px) {
    .contacts-card__content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media only screen and (max-width: 1023px) {
    .contacts-card__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.contacts-card__content--right {
  max-width: 190px; }

.contacts-card__content--right {
  margin-left: auto; }
  @media only screen and (max-width: 1919px) {
    .contacts-card__content--right {
      margin-left: 0; } }
  @media only screen and (max-width: 1279px) {
    .contacts-card__content--right {
      margin-left: auto; } }
  @media only screen and (max-width: 1023px) {
    .contacts-card__content--right {
      margin-left: 0; } }

.tel, .skype, .email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px; }
  .tel a, .skype a, .email a {
    margin-left: 11px;
    color: #1c1c1e;
    text-decoration: none;
    font-size: 15px;
    position: relative; }
    .tel a:after, .skype a:after, .email a:after {
      content: '';
      width: 0;
      -webkit-transition: width .2s;
      transition: width .2s;
      height: 2px;
      background-color: #f43b35;
      position: absolute;
      left: 0;
      top: 22px; }
  .tel:hover a:after, .skype:hover a:after, .email:hover a:after {
    width: 100%; }

#catalog-page .container {
  padding-left: 117px;
  padding-top: 55px; }
  @media only screen and (max-width: 1919px) {
    #catalog-page .container {
      padding-left: 30px;
      padding-top: 36px;
      width: 1105px; } }
  @media only screen and (max-width: 1279px) {
    #catalog-page .container {
      padding-left: 0;
      width: 904px; } }
  @media only screen and (max-width: 1023px) {
    #catalog-page .container {
      width: 669px; } }
  @media only screen and (max-width: 767px) {
    #catalog-page .container {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 18px; } }

@media only screen and (max-width: 1023px) {
  #catalog-page .inner-page--right__small {
    height: 342px; } }

@media only screen and (max-width: 767px) {
  #catalog-page .inner-page--right__small {
    height: 310px; } }

#catalog-page .catalog__content {
  margin-top: 22px; }

#catalog-page .catalog__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px; }
  @media only screen and (max-width: 1919px) {
    #catalog-page .catalog__container {
      margin-left: 18px;
      margin-top: 30px; } }
  @media only screen and (max-width: 1279px) {
    #catalog-page .catalog__container {
      margin-left: 0; } }

#catalog-page .catalog__sidebar {
  min-width: 226px;
  width: 186px;
  margin: 80px 61px 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  will-change: min-height;
  z-index: 20;
  /*&.fixed {
            top: 2em;
            position: sticky;
        }*/ }
  @media only screen and (max-width: 1919px) {
    #catalog-page .catalog__sidebar {
      margin-right: 35px; } }
  @media only screen and (max-width: 1279px) {
    #catalog-page .catalog__sidebar {
      display: none; } }

#catalog-page .sidebar__inner {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  /* For browsers don't support translate3d. */
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  will-change: position, transform; }

#catalog-page .sidebar__fix {
  height: 80px; }

#catalog-page .catalog__sidebar__item:not(:first-child) {
  margin-top: 21px; }

#catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading:hover .icon:before, #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading--active .icon:before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading:hover .icon:after, #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading--active .icon:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading .icon {
    width: 10px;
    height: 10px;
    position: relative;
    margin-left: -20px;
    margin-right: 10px; }
    #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading .icon:before, #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading .icon:after {
      content: "";
      position: absolute;
      background-color: #8f92a6;
      -webkit-transition: -webkit-transform 0.25s ease-out;
      transition: -webkit-transform 0.25s ease-out;
      transition: transform 0.25s ease-out;
      transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
      width: 10px;
      height: 10px; }
    #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading .icon:before {
      top: 0;
      left: 50%;
      width: 2px;
      height: 100%;
      margin-left: -1px; }
    #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading .icon:after {
      top: 50%;
      left: 0;
      width: 100%;
      height: 2px;
      margin-top: -1px; }
    #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading .icon:hover {
      cursor: pointer; }
      #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading .icon:hover:before {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
      #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__heading .icon:hover:after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }

#catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__content {
  position: relative;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.1s ease;
  transition: max-height 0.1s ease; }
  #catalog-page .catalog__sidebar__item--collapse .catalog__sidebar__content .checkbox__container label span {
    white-space: nowrap; }

#catalog-page .catalog__sidebar__heading > * {
  font-size: 15px;
  font-weight: bold; }

#catalog-page .catalog__sidebar__content {
  margin-top: 3px; }
  #catalog-page .catalog__sidebar__content .checkbox__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    #catalog-page .catalog__sidebar__content .checkbox__container:not(:last-child) {
      margin-bottom: 8px; }
    #catalog-page .catalog__sidebar__content .checkbox__container > * {
      color: #8f92a6; }
  #catalog-page .catalog__sidebar__content .checkbox:hover + label span {
    color: #1c1c1e; }
  #catalog-page .catalog__sidebar__content .checkbox:checked + label span {
    font-weight: bold;
    color: #1c1c1e; }

#catalog-page .catalog__sidebar__content__item {
  width: 100%; }
  #catalog-page .catalog__sidebar__content__item > * {
    font-size: 14px;
    color: #8f92a6;
    line-height: 20px;
    white-space: nowrap;
    text-decoration: none; }
  #catalog-page .catalog__sidebar__content__item:hover {
    cursor: pointer; }
    #catalog-page .catalog__sidebar__content__item:hover > * {
      color: #1c1c1e; }
  #catalog-page .catalog__sidebar__content__item.active > * {
    font-weight: bold;
    border-bottom: #f43b35 2px solid;
    color: #1c1c1e; }

#catalog-page .catalog__item__cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 173px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px; }
  #catalog-page .catalog__item__cost span {
    color: #8f92a6; }
  #catalog-page .catalog__item__cost input {
    width: 60px;
    height: 25px;
    border: none;
    font-size: 14px;
    text-align: center; }

#catalog-page .input-range {
  margin-top: 9px;
  width: 174px; }
  #catalog-page .input-range > * {
    -webkit-transition: 0s !important;
    transition: 0s !important; }

#catalog-page .input-range__label {
  display: none; }

#catalog-page .input-range__track {
  height: 2px;
  background: #8f92a6; }
  #catalog-page .input-range__track--active {
    background: #2c2c2c; }

#catalog-page .input-range__slider {
  background: #2c2c2c;
  width: 12px;
  height: 12px;
  border: none;
  margin-top: -7px;
  margin-left: 0;
  -webkit-transition: -webkit-transform 0s !important;
  transition: -webkit-transform 0s !important;
  transition: transform 0s !important;
  transition: transform 0s, -webkit-transform 0s !important; }

#catalog-page .apply-filter__container {
  position: relative;
  width: 1px;
  height: 1px;
  z-index: 99; }

#catalog-page .apply-filter {
  width: 129px;
  height: 43px;
  background: #f43b35;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  z-index: 99;
  top: -8px; }
  @media only screen and (max-width: 1919px) {
    #catalog-page .apply-filter {
      left: 30px; } }
  @media only screen and (max-width: 1279px) {
    #catalog-page .apply-filter {
      display: none; } }
  #catalog-page .apply-filter.price {
    position: absolute;
    left: 225px;
    top: -8px; }
    @media only screen and (max-width: 1919px) {
      #catalog-page .apply-filter.price {
        left: 185px; } }
  #catalog-page .apply-filter > * {
    font-size: 13px !important;
    color: white !important;
    font-weight: bold !important; }
  #catalog-page .apply-filter:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: -4px;
    top: 18px;
    background: #f43b35;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

#catalog-page .apply-filter__btn {
  margin-top: 40px; }
  #catalog-page .apply-filter__btn .clear-filter {
    text-align: center;
    margin-top: 13px;
    cursor: pointer; }
    #catalog-page .apply-filter__btn .clear-filter > * {
      display: inline-block;
      font-weight: bold;
      font-size: 13px;
      line-height: 20px;
      border-bottom: #f43b35 2px solid;
      padding-left: 6px;
      padding-right: 6px; }

#catalog-page .catalog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }

#catalog-page .catalog__list__filters {
  display: none;
  cursor: pointer;
  margin-left: auto;
  height: 40px;
  /* margin-bottom: 29px;
        margin-right: 100px;
        @include media-max-width(1023) {
            margin-right: 41px;
        }
        @include media-max-width(767) {
            margin-right: 0;
        }*/ }
  @media only screen and (max-width: 1279px) {
    #catalog-page .catalog__list__filters {
      display: block; } }
  @media only screen and (max-width: 767px) {
    #catalog-page .catalog__list__filters {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }

#catalog-page .catalog__list__filters__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f3f2f5;
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 20px;
  height: 40px; }
  @media only screen and (max-width: 1023px) {
    #catalog-page .catalog__list__filters__container {
      padding-right: 35px;
      padding-left: 35px; } }
  #catalog-page .catalog__list__filters__container span {
    font-size: 14px;
    color: #1c1c1e;
    font-weight: bold; }
  #catalog-page .catalog__list__filters__container svg {
    margin-right: 7px;
    width: 14px;
    height: 12px; }

#catalog-page .catalog__list__sort {
  width: 316px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1919px) {
    #catalog-page .catalog__list__sort {
      margin-right: 0; } }
  @media only screen and (max-width: 1279px) {
    #catalog-page .catalog__list__sort {
      display: none; } }
  #catalog-page .catalog__list__sort .rrs {
    z-index: 10;
    height: 40px;
    width: 184px; }
  #catalog-page .catalog__list__sort .rrs--options-visible .rrs__button {
    border-radius: 20px 20px 0 0;
    background: #1e1f26; }
    #catalog-page .catalog__list__sort .rrs--options-visible .rrs__button .rrs__label {
      color: #ffffff; }
  #catalog-page .catalog__list__sort .rrs--options-visible .rrs__label svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  #catalog-page .catalog__list__sort .rrs--options-visible .rrs__options {
    background: #1e1f26; }
    #catalog-page .catalog__list__sort .rrs--options-visible .rrs__options li {
      color: white; }
    #catalog-page .catalog__list__sort .rrs--options-visible .rrs__options .rrs__option--selected {
      background: #f43b35 !important;
      color: white;
      border-bottom: none; }
    #catalog-page .catalog__list__sort .rrs--options-visible .rrs__options .rrs__option--next-selection {
      background: none; }
    #catalog-page .catalog__list__sort .rrs--options-visible .rrs__options .rrs__option:focus {
      outline: none; }
    #catalog-page .catalog__list__sort .rrs--options-visible .rrs__options li:hover {
      background: #f43b35;
      color: white; }
  #catalog-page .catalog__list__sort .rrs--has-changed .rrs__label {
    color: #2c2c2c; }
  #catalog-page .catalog__list__sort .rrs__button {
    height: 40px;
    background: #f3f2f5;
    border-radius: 20px;
    font-size: 14px;
    line-height: unset;
    padding-top: 8px;
    font-weight: bold;
    color: #2c2c2c;
    -webkit-box-shadow: none;
            box-shadow: none; }
  #catalog-page .catalog__list__sort .rrs__label {
    border-radius: 20px 20px 0 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding-right: 22px; }
    #catalog-page .catalog__list__sort .rrs__label svg {
      margin-left: auto;
      margin-top: auto;
      margin-bottom: 15px;
      min-width: 9px;
      width: 9px;
      height: 6px;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
  #catalog-page .catalog__list__sort .rrs__options {
    top: 40px;
    background: #f3f2f5;
    border-radius: 0 0 20px 20px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }

#catalog-page .catalog__list__sort__on-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #catalog-page .catalog__list__sort__on-page--item {
    cursor: pointer;
    width: 34px;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #catalog-page .catalog__list__sort__on-page--item span {
      color: #8f92a6;
      font-size: 14px;
      font-weight: bold;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      #catalog-page .catalog__list__sort__on-page--item span:hover {
        color: #f43b35; }
    #catalog-page .catalog__list__sort__on-page--item.item--active {
      background: #f3f2f5;
      border-radius: 100%;
      cursor: unset; }
      #catalog-page .catalog__list__sort__on-page--item.item--active span {
        color: #2c2c2c; }

#catalog-page .catalog__list__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; }
  @media only screen and (max-width: 1919px) {
    #catalog-page .catalog__list__content {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media only screen and (max-width: 767px) {
    #catalog-page .catalog__list__content {
      width: 100%;
      grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
      grid-column-gap: 18px; } }
  #catalog-page .catalog__list__content .catalog__empty .heading {
    font-size: 26px;
    line-height: 41px; }
    @media only screen and (max-width: 1919px) {
      #catalog-page .catalog__list__content .catalog__empty .heading {
        font-size: 24px; } }
    @media only screen and (max-width: 1023px) {
      #catalog-page .catalog__list__content .catalog__empty .heading {
        font-size: 22px; } }
    @media only screen and (max-width: 767px) {
      #catalog-page .catalog__list__content .catalog__empty .heading {
        font-size: 20px; } }
  #catalog-page .catalog__list__content .catalog__empty .button {
    margin-top: 27px;
    width: 196px;
    height: 43px; }
    @media only screen and (max-width: 1023px) {
      #catalog-page .catalog__list__content .catalog__empty .button {
        margin-bottom: 30px; } }
  #catalog-page .catalog__list__content.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

#catalog-page .catalog__list__item {
  margin-right: 34px;
  margin-bottom: 35px; }
  @media only screen and (max-width: 1919px) {
    #catalog-page .catalog__list__item {
      margin-right: 34px; } }
  @media only screen and (max-width: 1023px) {
    #catalog-page .catalog__list__item {
      margin-right: 18px; } }
  @media only screen and (max-width: 540px) {
    #catalog-page .catalog__list__item {
      margin-right: unset; } }
  #catalog-page .catalog__list__item:nth-child(4n) {
    margin-right: 0; }
    @media only screen and (max-width: 1919px) {
      #catalog-page .catalog__list__item:nth-child(4n) {
        margin-right: 34px; } }
    @media only screen and (max-width: 1023px) {
      #catalog-page .catalog__list__item:nth-child(4n) {
        margin-right: 18px; } }
    @media only screen and (max-width: 540px) {
      #catalog-page .catalog__list__item:nth-child(4n) {
        margin-right: unset; } }
  @media only screen and (max-width: 1919px) {
    #catalog-page .catalog__list__item:nth-child(3n) {
      margin-right: 0; } }
  @media only screen and (max-width: 540px) {
    #catalog-page .catalog__list__item:nth-child(3n) {
      margin-right: unset; } }
  #catalog-page .catalog__list__item.list {
    margin-right: 0; }

#catalog-page .catalog__list__text {
  margin-top: 80px; }
  #catalog-page .catalog__list__text h1 {
    font-weight: bold;
    font-size: 24px; }
  #catalog-page .catalog__list__text p {
    margin: 1em 0 0 0;
    line-height: 28px; }
  #catalog-page .catalog__list__text.show {
    display: block; }

#catalog-page .catalog__list__text--heading {
  font-weight: bold;
  font-size: 24px; }

#catalog-page .catalog__list__text--desc {
  margin-top: 1em;
  line-height: 28px; }

#catalog-page .checked__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 184px; }

#catalog-page .checked__item {
  position: relative;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 9px;
  padding-right: 10px;
  cursor: pointer;
  margin-bottom: 7px; }
  @media only screen and (max-width: 1279px) {
    #catalog-page .checked__item {
      background: #2d2f42; } }
  #catalog-page .checked__item:not(:last-child) {
    margin-right: 7px; }
  #catalog-page .checked__item:hover span {
    opacity: 1; }
  #catalog-page .checked__item:hover .close {
    opacity: 1; }
  #catalog-page .checked__item span {
    font-size: 12px;
    color: #8f92a6;
    opacity: 0.9;
    pointer-events: none; }
    @media only screen and (max-width: 1023px) {
      #catalog-page .checked__item span {
        opacity: unset; } }
  #catalog-page .checked__item .close {
    width: 5px;
    height: 5px;
    margin-right: 3px;
    opacity: 0.9;
    pointer-events: none; }
    @media only screen and (max-width: 1023px) {
      #catalog-page .checked__item .close {
        opacity: unset; } }
  #catalog-page .checked__item .close:before,
  #catalog-page .checked__item .close:after {
    position: absolute;
    content: " ";
    height: 5px;
    width: 1px;
    background-color: #8f92a6; }
  #catalog-page .checked__item .close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  #catalog-page .checked__item .close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.items-loader {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  top: 0; }
  .items-loader .items-loader__bg {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2038%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22-627.069%22%20y1%3D%22382.82%22%20x2%3D%22-626.492%22%20y2%3D%22382.581%22%20gradientTransform%3D%22matrix%2818%200%200%20-18%2011307%206890%29%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f43b35%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.631%22%20stop-color%3D%22%23f43b35%22%20stop-opacity%3D%22.631%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f43b35%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url%28%23a%29%22%20stroke-width%3D%222%22%20d%3D%22M36%2018c0-9.9-8.1-18-18-18%22%3E%3CanimateTransform%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22transform%22%20calcMode%3D%22linear%22%20dur%3D%220.9s%22%20fill%3D%22remove%22%20from%3D%220%2018%2018%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20to%3D%22360%2018%2018%22%20type%3D%22rotate%22%2F%3E%3C%2Fpath%3E%3Ccircle%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23f43b35%22%20cx%3D%2236%22%20cy%3D%2218%22%20r%3D%221%22%3E%3CanimateTransform%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22transform%22%20calcMode%3D%22linear%22%20dur%3D%220.9s%22%20fill%3D%22remove%22%20from%3D%220%2018%2018%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20to%3D%22360%2018%2018%22%20type%3D%22rotate%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    width: 50px;
    height: 50px;
    position: absolute; }

.catalog__list__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0px 39px -290px; }
  @media only screen and (max-width: 1919px) {
    .catalog__list__top {
      margin-left: -270px; } }
  @media only screen and (max-width: 1279px) {
    .catalog__list__top {
      margin: 0 0px 29px 0;
      padding-right: 40px; } }
  @media only screen and (max-width: 1023px) {
    .catalog__list__top {
      margin-right: 41px; } }
  @media only screen and (max-width: 767px) {
    .catalog__list__top {
      margin-right: 0;
      position: relative;
      margin-left: 0;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .catalog__list__search {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 20px;
    width: calc(100% - 110px); } }

.catalog__list__search--wrapper {
  position: relative;
  width: 840px;
  height: 40px; }
  @media only screen and (max-width: 1919px) {
    .catalog__list__search--wrapper {
      width: 570px; } }
  @media only screen and (max-width: 1279px) {
    .catalog__list__search--wrapper {
      width: 470px; } }
  @media only screen and (max-width: 1023px) {
    .catalog__list__search--wrapper {
      width: 320px; } }
  @media only screen and (max-width: 767px) {
    .catalog__list__search--wrapper {
      width: 100%; } }

.catalog__list__search--icon {
  position: absolute;
  cursor: pointer;
  left: 22px;
  top: 12px;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.04 20.04'%3E%3Cpath d='M19.76 18.35l-5.4-5.4c2.72-3.5 2.09-8.54-1.41-11.26S4.41-.4 1.69 3.1-.4 11.65 3.1 14.37a8.03 8.03 0 009.85 0l5.4 5.4c.4.38 1.03.37 1.41-.02.38-.4.38-1.01 0-1.4zM2.06 8.06c0-3.31 2.69-6 6-6s6 2.69 6 6-2.69 6-6 6c-3.32-.01-6-2.69-6-6z'/%3E%3C/svg%3E");
  -webkit-transition: 0.2s;
  transition: 0.2s; }
  .catalog__list__search--icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.04 20.04' fill='%23f43b35'%3E%3Cpath d='M19.76 18.35l-5.4-5.4c2.72-3.5 2.09-8.54-1.41-11.26S4.41-.4 1.69 3.1-.4 11.65 3.1 14.37a8.03 8.03 0 009.85 0l5.4 5.4c.4.38 1.03.37 1.41-.02.38-.4.38-1.01 0-1.4zM2.06 8.06c0-3.31 2.69-6 6-6s6 2.69 6 6-2.69 6-6 6c-3.32-.01-6-2.69-6-6z'/%3E%3C/svg%3E"); }
  @media only screen and (max-width: 767px) {
    .catalog__list__search--icon {
      left: 12px;
      width: 12px;
      height: 12px;
      top: 14px; } }

.catalog__list__search--input {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 20px;
  padding-left: 53px;
  padding-right: 53px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .catalog__list__search--input {
      padding-right: 24px;
      padding-left: 28px;
      border: #f3f2f5 2px solid; } }
  .catalog__list__search--input::-webkit-input-placeholder {
    color: #8f92a6; }
  .catalog__list__search--input::-moz-placeholder {
    color: #8f92a6; }
  .catalog__list__search--input:-ms-input-placeholder {
    color: #8f92a6; }
  .catalog__list__search--input::-ms-input-placeholder {
    color: #8f92a6; }
  .catalog__list__search--input::placeholder {
    color: #8f92a6; }

.catalog__list__search--clear {
  position: absolute;
  right: 16px;
  top: 14px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .catalog__list__search--clear {
      right: 3px; } }
  .catalog__list__search--clear:hover {
    opacity: 1; }
  .catalog__list__search--clear:before, .catalog__list__search--clear:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 15px;
    width: 2px;
    background-color: #333; }
  .catalog__list__search--clear:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .catalog__list__search--clear:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.catalog__list__view-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 45px;
  margin-right: 118px;
  width: 90px; }
  @media only screen and (max-width: 1919px) {
    .catalog__list__view-buttons {
      margin-right: 80px; } }
  @media only screen and (max-width: 1279px) {
    .catalog__list__view-buttons {
      margin-right: 30px; } }
  @media only screen and (max-width: 767px) {
    .catalog__list__view-buttons {
      margin-top: 20px;
      margin-right: 0;
      margin-left: auto;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; } }

.catalog__list__view-buttons--item {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  -webkit-transition: background 0.2s, background-image 0.2s;
  transition: background 0.2s, background-image 0.2s;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer; }
  .catalog__list__view-buttons--item.table {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath fill-rule='evenodd' fill='%238F92A6' d='M13.5 9a1.5 1.5 0 11.001-3.001A1.5 1.5 0 0113.5 9zm0-6a1.5 1.5 0 11.001-3.001A1.5 1.5 0 0113.5 3zm-6 12a1.5 1.5 0 11.001-3.001A1.5 1.5 0 017.5 15zm0-6a1.5 1.5 0 11.001-3.001A1.5 1.5 0 017.5 9zm0-6a1.5 1.5 0 11.001-3.001A1.5 1.5 0 017.5 3zm-6 12a1.5 1.5 0 11.001-3.001A1.5 1.5 0 011.5 15zm0-6a1.5 1.5 0 11.001-3.001A1.5 1.5 0 011.5 9zm0-6a1.5 1.5 0 11.001-3.001A1.5 1.5 0 011.5 3zm12 9a1.5 1.5 0 110 3 1.5 1.5 0 010-3z'/%3E%3C/svg%3E");
    background-size: 15px 15px;
    margin-right: 10px; }
  .catalog__list__view-buttons--item.list {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='15'%3E%3Cpath fill-rule='evenodd' fill='%238F92A6' d='M17 9H7a1 1 0 010-2h10a1 1 0 010 2zm0-6H7a1 1 0 010-2h10a1 1 0 010 2zM1.5 15a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm0-6a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm0-6a1.5 1.5 0 110-3 1.5 1.5 0 010 3zM7 13h10a1 1 0 010 2H7a1 1 0 010-2z'/%3E%3C/svg%3E");
    background-size: 18px 15px; }
  .catalog__list__view-buttons--item.active, .catalog__list__view-buttons--item:hover {
    background: #e4e2e6;
    background-repeat: no-repeat;
    background-position: center; }
    .catalog__list__view-buttons--item.active.table, .catalog__list__view-buttons--item:hover.table {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath fill-rule='evenodd' fill='%232C2C2C' d='M13.5 9a1.5 1.5 0 11.001-3.001A1.5 1.5 0 0113.5 9zm0-6a1.5 1.5 0 11.001-3.001A1.5 1.5 0 0113.5 3zm-6 12a1.5 1.5 0 11.001-3.001A1.5 1.5 0 017.5 15zm0-6a1.5 1.5 0 11.001-3.001A1.5 1.5 0 017.5 9zm0-6a1.5 1.5 0 11.001-3.001A1.5 1.5 0 017.5 3zm-6 12a1.5 1.5 0 11.001-3.001A1.5 1.5 0 011.5 15zm0-6a1.5 1.5 0 11.001-3.001A1.5 1.5 0 011.5 9zm0-6a1.5 1.5 0 11.001-3.001A1.5 1.5 0 011.5 3zm12 9a1.5 1.5 0 110 3 1.5 1.5 0 010-3z'/%3E%3C/svg%3E");
      background-size: 15px 15px; }
    .catalog__list__view-buttons--item.active.list, .catalog__list__view-buttons--item:hover.list {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='15'%3E%3Cpath fill-rule='evenodd' fill='%232C2C2C' d='M17 9H7a1 1 0 010-2h10a1 1 0 010 2zm0-6H7a1 1 0 010-2h10a1 1 0 010 2zM1.5 15a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm0-6a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm0-6a1.5 1.5 0 110-3 1.5 1.5 0 010 3zM7 13h10a1 1 0 010 2H7a1 1 0 010-2z'/%3E%3C/svg%3E");
      background-size: 18px 15px; }

.catalog__list__pagination .pagination {
  width: unset; }

.catalog_top_tags {
  position: relative;
  width: calc(100% - 57px);
  background-color: white;
  margin-bottom: 30px;
  border-radius: 50px;
  display: grid;
  grid-template-columns: 1fr 198px;
  padding: 10px;
  gap: 23px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
  @media only screen and (max-width: 1919px) {
    .catalog_top_tags {
      width: calc(100% - 20px);
      grid-template-columns: 1fr 198px; } }
  @media only screen and (max-width: 1279px) {
    .catalog_top_tags {
      width: calc(100% - 62px); } }
  @media only screen and (max-width: 1023px) {
    .catalog_top_tags {
      width: calc(100% - 17px); } }
  @media only screen and (max-width: 767px) {
    .catalog_top_tags {
      background-color: unset;
      -webkit-box-shadow: none;
              box-shadow: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px; } }
  .catalog_top_tags_end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 23px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .catalog_top_tags_end svg {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    @media only screen and (max-width: 767px) {
      .catalog_top_tags_end_line {
        display: none; } }
  .catalog_top_tags .swiper-button-prev,
  .catalog_top_tags .swiper-button-next {
    z-index: 100;
    height: 100%;
    width: 20px; }
    .catalog_top_tags .swiper-button-prev:hover svg,
    .catalog_top_tags .swiper-button-next:hover svg {
      fill: #f43b35; }
    .catalog_top_tags .swiper-button-prev svg,
    .catalog_top_tags .swiper-button-next svg {
      -webkit-transition: ease 0.2s;
      transition: ease 0.2s;
      width: 15px;
      height: 15px; }
    .catalog_top_tags .swiper-button-prev .disabled,
    .catalog_top_tags .swiper-button-next .disabled {
      display: none; }
    @media only screen and (max-width: 767px) {
      .catalog_top_tags .swiper-button-prev,
      .catalog_top_tags .swiper-button-next {
        display: none; } }
  .catalog_top_tags .swiper-button-disabled {
    display: none; }
  .catalog_top_tags_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    overflow: hidden;
    white-space: nowrap;
    position: relative; }
    .catalog_top_tags_container::before {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 10px;
      z-index: 2; }
    @media screen and (max-width: 767px) {
      .catalog_top_tags_container {
        background: white;
        padding: 10px;
        border-radius: 50px;
        -webkit-mask-image: linear-gradient(to right, white calc(80% + 30px), transparent 100%);
                mask-image: linear-gradient(to right, white calc(80% + 30px), transparent 100%); } }
  .catalog_top_tags b {
    margin: 0 23px; }
  .catalog_top_tags_item {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    background-color: #ecedf3;
    padding: 0 20px;
    border-radius: 20px;
    -webkit-transition: ease 0.2s;
    transition: ease 0.2s;
    font-size: 16px;
    height: 40px !important; }
    .catalog_top_tags_item a {
      text-decoration: none;
      color: #8f92a6; }
    .catalog_top_tags_item:hover {
      opacity: 0.7; }
    @media only screen and (max-width: 1520px) {
      .catalog_top_tags_item {
        font-size: 14px;
        height: 38px;
        padding: 0 15px; } }
    @media only screen and (max-width: 767px) {
      .catalog_top_tags_item {
        height: 34px; } }
  .catalog_top_tags_item_active {
    color: white;
    background-color: #f43b35;
    pointer-events: none; }
    .catalog_top_tags_item_active a {
      color: white; }
  .catalog_top_tags_show {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 20px;
    padding: 10px 30px;
    background-color: #1c1c1e;
    color: white;
    font-weight: 600;
    font-size: 16px;
    border: none;
    white-space: nowrap;
    outline: none;
    -webkit-transition: ease 0.2s;
    transition: ease 0.2s;
    cursor: pointer; }
    .catalog_top_tags_show:active {
      -webkit-transform: scale(0.94);
              transform: scale(0.94); }
    @media only screen and (max-width: 1520px) {
      .catalog_top_tags_show {
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 14px;
        height: 38px;
        padding: 0 15px; } }
    @media only screen and (max-width: 767px) {
      .catalog_top_tags_show {
        height: 40px; } }
    .catalog_top_tags_show svg {
      -webkit-transition: ease 0.2s;
      transition: ease 0.2s; }
  .catalog_top_tags_additional {
    position: absolute;
    background-color: white;
    width: 100%;
    max-width: 1129px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px;
    top: calc(100% + 10px);
    left: 0;
    z-index: 2000;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 26.9px 1px #0000000d;
            box-shadow: 0px 0px 26.9px 1px #0000000d;
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.1s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.1s ease;
    transition: opacity 0.2s ease, transform 0.1s ease;
    transition: opacity 0.2s ease, transform 0.1s ease, -webkit-transform 0.1s ease;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    pointer-events: none; }
    @media only screen and (max-width: 1919px) {
      .catalog_top_tags_additional {
        width: calc(100% - 20px);
        grid-template-columns: 1fr 198px; } }
    @media screen and (max-width: 767px) {
      .catalog_top_tags_additional {
        display: none; } }
  .catalog_top_tags .catalog_top_tags_arrow {
    -webkit-transform: rotate(180deg) translateY(-2px);
            transform: rotate(180deg) translateY(-2px); }
  .catalog_top_tags .catalog_top_tags_additional_open {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    pointer-events: all; }
  .catalog_top_tags .catalog_top_tags_additional_mobile {
    display: none; }
    @media screen and (max-width: 767px) {
      .catalog_top_tags .catalog_top_tags_additional_mobile {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .catalog_top_tags .catalog_top_tags_height {
    display: none; }
    @media only screen and (max-width: 767px) {
      .catalog_top_tags .catalog_top_tags_height {
        display: block; } }

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

@media only screen and (max-width: 767px) {
  .catalog_top_tags_container-low {
    overflow-x: scroll;
    scrollbar-width: none;
    -webkit-mask-image: none;
            mask-image: none; } }

#product-page .container {
  padding-left: 117px;
  padding-top: 55px; }
  @media only screen and (max-width: 1919px) {
    #product-page .container {
      padding-left: 17px;
      padding-top: 36px; } }
  @media only screen and (max-width: 1279px) {
    #product-page .container {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    #product-page .container {
      padding-left: 0;
      padding-top: 25px; } }

@media only screen and (max-width: 1023px) {
  #product-page .inner-page--right__small--responsive {
    height: 143px; } }

@media only screen and (max-width: 767px) {
  #product-page .inner-page--right__small--responsive {
    height: 137px; } }

.product__content {
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1023px) {
    .product__content {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; } }
  @media only screen and (max-width: 767px) {
    .product__content {
      width: auto; } }

.product__left {
  width: 956px; }
  @media only screen and (max-width: 1919px) {
    .product__left {
      width: 865px; } }
  @media only screen and (max-width: 1599px) {
    .product__left {
      width: 777px; } }
  @media only screen and (max-width: 1439px) {
    .product__left {
      width: 742px; } }
  @media only screen and (max-width: 1365px) {
    .product__left {
      width: 702px; } }
  @media only screen and (max-width: 1279px) {
    .product__left {
      width: 620px; } }
  @media only screen and (max-width: 1023px) {
    .product__left {
      width: 100%; } }

.product__characteristics,
.product__calculator {
  background: white;
  margin-top: 30px; }
  .product__characteristics .product__card__characteristics,
  .product__calculator .product__card__characteristics {
    display: grid;
    margin-top: 8px; }
  .product__characteristics .product__card__tags,
  .product__calculator .product__card__tags {
    display: block;
    margin-top: 10px; }

.product__characteristics__container,
.product__calculator__container {
  padding-left: 20px;
  padding-top: 27px;
  padding-bottom: 34px; }
  @media only screen and (max-width: 1023px) {
    .product__characteristics__container,
    .product__calculator__container {
      padding-left: 41px; } }
  @media only screen and (max-width: 767px) {
    .product__characteristics__container,
    .product__calculator__container {
      padding: 27px 20px 34px 20px; } }

.product__characteristics__heading > * {
  font-size: 12px;
  font-weight: bold;
  color: #8f92a6;
  letter-spacing: 2px;
  text-transform: uppercase; }

.product__calculator .product__calculator__content {
  margin-top: 11px; }

.product__calculator .product__right__calculator__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 767px) {
    .product__calculator .product__right__calculator__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.product__calculator .product__calculator--left {
  width: 296px; }

.product__calculator .product-item__amount {
  width: 121px; }

.product__calculator .calculator__item .heading {
  width: 110px !important; }

.product__calculator__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 34px; }
  @media only screen and (max-width: 767px) {
    .product__calculator__bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .product__calculator__bottom .button {
    margin-left: 72px;
    width: 267px;
    height: 65px; }
    .product__calculator__bottom .button.left {
      margin-left: 0; }
    @media only screen and (max-width: 1023px) {
      .product__calculator__bottom .button.active {
        margin-left: auto;
        margin-right: 70px; } }
    @media only screen and (max-width: 767px) {
      .product__calculator__bottom .button.active {
        margin-right: auto; } }
    @media only screen and (max-width: 767px) {
      .product__calculator__bottom .button {
        margin-left: 0;
        width: 100%; } }

.product__about {
  margin-top: 37px; }
  @media only screen and (max-width: 1919px) {
    .product__about {
      margin-top: 19px; } }
  .product__about ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .product__about .product__about__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: #bdc0d2 1px solid;
    height: 55px; }
    @media only screen and (max-width: 767px) {
      .product__about .product__about__tabs {
        width: 100%;
        overflow: scroll hidden;
        scroll-behavior: smooth; } }
  .product__about .react-tabs__tab {
    white-space: nowrap;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #83869e;
    font-size: 18px;
    font-weight: bold;
    padding-right: 17px;
    padding-left: 17px; }
    @media only screen and (max-width: 1919px) {
      .product__about .react-tabs__tab {
        font-size: 16px; } }
    .product__about .react-tabs__tab--selected {
      color: #f43b35;
      position: relative;
      top: 1px;
      border-bottom: #f43b35 2px solid; }
    .product__about .react-tabs__tab:not(:first-child) {
      margin-left: 25px; }
      @media only screen and (max-width: 767px) {
        .product__about .react-tabs__tab:not(:first-child) {
          margin-left: 0; } }

.product__about__content {
  margin-top: 21px;
  padding-left: 17px; }

.product__about__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 767px) {
    .product__about__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .product__about__item .heading {
    width: 253px;
    min-width: 253px; }
    @media only screen and (max-width: 1919px) {
      .product__about__item .heading {
        width: 223px;
        min-width: 223px; } }
    @media only screen and (max-width: 1279px) {
      .product__about__item .heading {
        width: 139px;
        min-width: 120px; } }
    @media only screen and (max-width: 1023px) {
      .product__about__item .heading {
        width: 200px;
        min-width: 200px; } }
    .product__about__item .heading > * {
      font-weight: bold;
      font-size: 14px;
      line-height: 18px;
      display: inline-block; }
  .product__about__item .desc {
    width: 684px; }
    @media only screen and (max-width: 1919px) {
      .product__about__item .desc {
        width: 539px; } }
    @media only screen and (max-width: 1439px) {
      .product__about__item .desc {
        width: 460px; } }
    @media only screen and (max-width: 1279px) {
      .product__about__item .desc {
        width: 373px; } }
    @media only screen and (max-width: 1023px) {
      .product__about__item .desc {
        width: 463px; } }
    @media only screen and (max-width: 767px) {
      .product__about__item .desc {
        width: 100%; } }
    .product__about__item .desc.tags p {
      margin-top: 1em;
      margin-bottom: 1em; }
    .product__about__item .desc > * {
      font-size: 14px; }
    .product__about__item .desc p {
      margin: 0;
      padding: 0; }
    .product__about__item .desc img {
      max-width: 684px; }
      @media only screen and (max-width: 1919px) {
        .product__about__item .desc img {
          max-width: 100%; } }
    .product__about__item .desc a {
      text-decoration: none;
      color: #1c1c1e;
      border-bottom: 2px solid #f43b35;
      -webkit-transition: color 0.2s ease;
      transition: color 0.2s ease; }
      .product__about__item .desc a:hover {
        color: #f43b35; }
  .product__about__item:not(:last-child) {
    margin-bottom: 18px; }
    @media only screen and (max-width: 1919px) {
      .product__about__item:not(:last-child) {
        margin-bottom: 11px; } }

.product__useful {
  width: 100%;
  margin-top: 61px;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .product__useful {
      margin-top: 54px; } }

.product__useful__bg {
  position: absolute;
  background: #1e1f26;
  z-index: -1;
  width: 625px;
  height: 350px;
  left: -270px; }
  @media only screen and (max-width: 1919px) {
    .product__useful__bg {
      width: 377px;
      height: 322px;
      left: -117px; } }
  @media only screen and (max-width: 1279px) {
    .product__useful__bg {
      width: 314px;
      left: -77px; } }
  @media only screen and (min-width: 1280px) and (max-width: 1919px) {
    .product__useful__bg:before {
      width: 100%;
      height: 322px;
      position: absolute;
      content: "";
      background: #1e1f26;
      left: -100%; } }

.product__useful__heading {
  padding-top: 33px; }
  .product__useful__heading > * {
    color: #83869e;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px; }

.product__useful__slider {
  width: 956px;
  margin-top: 30px;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .product__useful__slider {
      width: 702px; } }
  @media only screen and (max-width: 1279px) {
    .product__useful__slider {
      width: 392px;
      margin-left: 42px; } }
  @media only screen and (max-width: 1023px) {
    .product__useful__slider {
      margin-left: 140px; } }
  @media only screen and (max-width: 767px) {
    .product__useful__slider {
      margin-left: 20px;
      width: 295px; } }
  .product__useful__slider .swiper-wrapper-main {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .product__useful__slider .swiper-wrapper-main.disabled {
      -webkit-transform: none !important;
              transform: none !important; }

.product__useful__nav__prev,
.product__useful__nav__next {
  width: 7px;
  height: 11px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
  z-index: 10; }

.product__useful__nav__prev {
  left: -48px; }
  @media only screen and (max-width: 1279px) {
    .product__useful__nav__prev {
      left: -88px; } }
  @media only screen and (max-width: 1023px) {
    .product__useful__nav__prev {
      left: -140px; } }
  @media only screen and (max-width: 767px) {
    .product__useful__nav__prev {
      left: -20px; } }
  .product__useful__nav__prev svg {
    fill: #83869e; }

.product__useful__nav__next {
  right: -38px; }
  @media only screen and (max-width: 1279px) {
    .product__useful__nav__next {
      right: -55px; } }
  @media only screen and (max-width: 1023px) {
    .product__useful__nav__next {
      right: -139px; } }
  @media only screen and (max-width: 767px) {
    .product__useful__nav__next {
      right: -20px; } }

.product__another {
  margin-top: 133px;
  position: relative;
  z-index: 0; }
  @media only screen and (max-width: 1919px) {
    .product__another {
      margin-top: 95px; } }
  @media only screen and (max-width: 1280px) {
    .product__another__heading {
      margin-bottom: 22px; } }
  @media only screen and (max-width: 768px) {
    .product__another__heading {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 1280px) {
    .product__another__slider {
      max-width: 850px; } }

.product__right {
  max-height: 1310px;
  background: #ffffff;
  position: fixed;
  right: 0 !important;
  position: absolute !important;
  height: 100% !important; }
  @media only screen and (max-width: 1919px) {
    .product__right {
      max-height: 1100px; } }
  @media only screen and (max-width: 1279px) {
    .product__right {
      max-height: 1250px; } }
  @media only screen and (max-width: 1200px) {
    .product__right {
      width: 300px !important; }
      .product__right::before {
        width: 300px !important; }
      .product__right::after {
        width: 300px !important; } }
  @media only screen and (max-width: 1023px) {
    .product__right {
      display: none; } }

.product__right__list {
  padding-left: 82px;
  position: -webkit-sticky;
  position: sticky;
  top: 2em; }
  @media only screen and (max-width: 1919px) {
    .product__right__list {
      padding-left: 55px; } }
  @media only screen and (max-width: 1279px) {
    .product__right__list {
      padding-left: 20px;
      top: 4em; } }
  @media only screen and (max-width: 1200px) {
    .product__right__list {
      padding-left: 10px; } }

.product__right__archived {
  text-align: center;
  margin-top: 50px;
  color: #83869e;
  font-weight: bold; }

.product__right__price,
.product__card__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 1279px) {
    .product__right__price,
    .product__card__price {
      margin-top: 18px; } }
  .product__right__price--per-pack,
  .product__card__price--per-pack {
    width: 100%; }
    .product__right__price--per-pack span,
    .product__card__price--per-pack span {
      color: #8f92a6;
      font-size: 14px; }
  .product__right__price--for-one,
  .product__card__price--for-one {
    margin-top: 12px;
    width: 100%; }
    .product__right__price--for-one.null span,
    .product__card__price--for-one.null span {
      font-size: 30px; }
      @media only screen and (max-width: 1919px) {
        .product__right__price--for-one.null span,
        .product__card__price--for-one.null span {
          font-size: 26px; } }
      @media only screen and (max-width: 1023px) {
        .product__right__price--for-one.null span,
        .product__card__price--for-one.null span {
          font-size: 22px; } }
    .product__right__price--for-one span,
    .product__card__price--for-one span {
      font-size: 40px;
      font-weight: bold; }
      @media only screen and (max-width: 1919px) {
        .product__right__price--for-one span,
        .product__card__price--for-one span {
          font-size: 36px; } }
      @media only screen and (max-width: 1023px) {
        .product__right__price--for-one span,
        .product__card__price--for-one span {
          font-size: 30px; } }
  .product__right__price--sale,
  .product__card__price--sale {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .product__right__price--sale__label,
  .product__card__price--sale__label {
    background: #f43b35;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .product__right__price--sale__label span,
    .product__card__price--sale__label span {
      padding-left: 8px;
      padding-right: 8px;
      line-height: unset;
      color: #fff;
      font-size: 18px;
      font-weight: bold; }
  .product__right__price--sale__old,
  .product__card__price--sale__old {
    margin-left: 12px; }
    .product__right__price--sale__old span,
    .product__card__price--sale__old span {
      font-size: 18px;
      color: #8f92a6;
      text-decoration: line-through; }
  .product__right__price .product-item__price__personal-icon,
  .product__card__price .product-item__price__personal-icon {
    width: 30px;
    height: 30px;
    margin-top: 13px;
    margin-left: 11px; }
    @media only screen and (max-width: 1023px) {
      .product__right__price .product-item__price__personal-icon,
      .product__card__price .product-item__price__personal-icon {
        margin-top: 9px; } }
    .product__right__price .product-item__price__personal-icon .icon,
    .product__card__price .product-item__price__personal-icon .icon {
      width: 25px;
      height: 19px; }
    .product__right__price .product-item__price__personal-icon .price-tooltip,
    .product__card__price .product-item__price__personal-icon .price-tooltip {
      left: 16px; }

.product__right__calculator,
.product__calculator__content {
  margin-top: 37px; }
  @media only screen and (max-width: 1919px) {
    .product__right__calculator,
    .product__calculator__content {
      margin-top: 29px; } }
  .product__right__calculator ul,
  .product__calculator__content ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none; }
    .product__right__calculator ul span,
    .product__calculator__content ul span {
      font-size: 14px;
      font-weight: bold;
      margin-right: 18px; }
      @media only screen and (max-width: 1023px) {
        .product__right__calculator ul span,
        .product__calculator__content ul span {
          margin-right: 39px; } }
    .product__right__calculator ul .react-tabs__tab,
    .product__calculator__content ul .react-tabs__tab {
      color: #8f92a6;
      cursor: pointer;
      height: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 16px;
      padding: 0 18px 0 18px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .product__right__calculator ul .react-tabs__tab:focus,
      .product__calculator__content ul .react-tabs__tab:focus {
        outline: none; }
    .product__right__calculator ul .react-tabs__tab--selected,
    .product__calculator__content ul .react-tabs__tab--selected {
      background: #f3f2f5;
      color: #1c1c1e; }

.product__right__calculator__container .calculator__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 18px; }
  @media only screen and (max-width: 1023px) {
    .product__right__calculator__container .calculator__item {
      margin-top: 10px; } }
  .product__right__calculator__container .calculator__item.glue-item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .product__right__calculator__container .calculator__item.radio {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .product__right__calculator__container .calculator__item.radio .desc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .product__right__calculator__container .calculator__item.radio .calculator__item--radio {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
      .product__right__calculator__container .calculator__item.radio .calculator__item--radio:hover .radio--desc {
        color: #1c1c1e; }
      .product__right__calculator__container .calculator__item.radio .calculator__item--radio.active .radio--btn {
        border: #1c1c1e 4px solid; }
      .product__right__calculator__container .calculator__item.radio .calculator__item--radio.active .radio--desc {
        color: #1c1c1e; }
    .product__right__calculator__container .calculator__item.radio .radio--btn {
      width: 15px;
      height: 15px;
      border-radius: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: #acafbf 1px solid;
      margin-right: 8px; }
    .product__right__calculator__container .calculator__item.radio .radio--desc {
      color: #acafbf;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
  .product__right__calculator__container .calculator__item .heading {
    color: #8f92a6;
    font-size: 14px;
    width: 129px;
    line-height: 16px; }
    .product__right__calculator__container .calculator__item .heading .glue {
      width: 90px;
      display: inline-block; }
  .product__right__calculator__container .calculator__item .desc {
    font-size: 14px; }
  .product__right__calculator__container .calculator__item .desc.sum {
    font-size: 30px;
    font-weight: bold; }
  .product__right__calculator__container .calculator__item .postfix {
    position: absolute;
    top: 0;
    right: 0; }
    .product__right__calculator__container .calculator__item .postfix span {
      color: #8f92a6; }
  .product__right__calculator__container .calculator__item .form__group {
    width: 120px; }
  .product__right__calculator__container .calculator__item .form__control {
    height: 30px;
    font-size: 18px;
    padding: 0; }
  .product__right__calculator__container .calculator__item.stock {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .product__right__calculator__container .calculator__item .select-stock {
    font-size: 14px;
    cursor: pointer;
    color: #4caf50;
    text-decoration: none;
    border-bottom: 1px dotted #4caf50;
    -webkit-transition: color 0.2s ease, border-color 0.2s ease;
    transition: color 0.2s ease, border-color 0.2s ease; }
  .product__right__calculator__container .calculator__item .stock-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 1919px) {
      .product__right__calculator__container .calculator__item .stock-list {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        max-width: 180px; } }
    @media only screen and (max-width: 1023px) {
      .product__right__calculator__container .calculator__item .stock-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .product__right__calculator__container .calculator__item .stock-name {
    font-size: 14px;
    line-height: 16px;
    margin-right: 3px; }
  @media only screen and (min-width: 1024px) {
    .product__right__calculator__container .calculator__item .stock-name:not(:last-child):after {
      content: "|"; } }

.product__right__calculator__container .product-item__amount {
  margin-top: 0; }

.product__right__calculator__submit {
  width: 271px;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .product__right__calculator__submit .button {
    width: 100%;
    height: 65px; }

.free-sample {
  margin-top: 14px;
  cursor: pointer; }
  .free-sample > * {
    font-size: 14px;
    font-weight: bold;
    border-bottom: #f43b35 2px solid;
    padding: 0 5px 0 5px;
    width: 214px; }

@media only screen and (min-width: 1024px) {
  .product__another__nav__mobile {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

@media only screen and (max-width: 767px) {
  .product__another__nav__mobile {
    display: none; } }

.page__inner_wrapper_content {
  position: relative; }

#personal-page .container {
  padding-left: 117px;
  padding-top: 55px; }
  @media only screen and (max-width: 1919px) {
    #personal-page .container {
      padding-left: 17px;
      padding-top: 36px; } }
  @media only screen and (max-width: 1279px) {
    #personal-page .container {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    #personal-page .container {
      padding-left: 0;
      padding-top: 18px; } }

#personal-page .page__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#personal-page .sort {
  margin-left: auto; }
  #personal-page .sort .rrs__option--disabled {
    display: none; }
  #personal-page .sort > * {
    color: #1c1c1e;
    font-size: 14px;
    font-weight: normal; }
  #personal-page .sort .rrs {
    width: 143px;
    height: 35px; }
  #personal-page .sort .rrs__button {
    border-radius: 18px;
    -webkit-box-shadow: none;
            box-shadow: none;
    line-height: unset;
    height: 35px; }
  #personal-page .sort .rrs__label {
    color: #1c1c1e;
    border: none; }
    #personal-page .sort .rrs__label span {
      font-size: 16px;
      font-weight: normal; }
    #personal-page .sort .rrs__label svg {
      width: 9px;
      height: 6px;
      position: absolute;
      right: 21px;
      top: 16px; }
  #personal-page .sort .rrs__label__text {
    line-height: unset;
    margin-top: 6px; }
  #personal-page .sort .rrs__options {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    top: 35px; }
  #personal-page .sort .rrs--options-visible .rrs__options {
    max-height: unset;
    overflow: unset; }
  @media only screen and (max-width: 768px) {
    #personal-page .sort .rrs__options {
      position: unset;
      font-size: unset;
      width: unset;
      left: unset;
      right: unset;
      bottom: unset;
      border-radius: 0 0 18px 18px; } }
  #personal-page .sort .rrs--options-visible {
    z-index: 999;
    position: relative; }
    @media only screen and (max-width: 768px) {
      #personal-page .sort .rrs--options-visible:after {
        content: none; } }
    #personal-page .sort .rrs--options-visible .rrs__button {
      background: #1e1f26;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    #personal-page .sort .rrs--options-visible .rrs__label {
      color: white; }
    #personal-page .sort .rrs--options-visible .rrs__options {
      background: #1e1f26; }
      @media only screen and (max-width: 768px) {
        #personal-page .sort .rrs--options-visible .rrs__options {
          top: 20% !important; } }
      #personal-page .sort .rrs--options-visible .rrs__options li {
        color: white; }
      #personal-page .sort .rrs--options-visible .rrs__options .rrs__option--selected {
        background: #f43b35;
        color: white;
        border-bottom: none; }
        #personal-page .sort .rrs--options-visible .rrs__options .rrs__option--selected:last-child {
          border-bottom-left-radius: 18px;
          border-bottom-right-radius: 18px; }
      #personal-page .sort .rrs--options-visible .rrs__options .rrs__option:focus {
        outline: none; }
      #personal-page .sort .rrs--options-visible .rrs__options li:hover {
        background: #f43b35;
        color: white; }
      #personal-page .sort .rrs--options-visible .rrs__options li:last-child:hover {
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px; }

.personal__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 26px; }
  @media only screen and (max-width: 1023px) {
    .personal__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 10px; } }
  @media only screen and (max-width: 767px) {
    .personal__container {
      margin-top: 0; } }

.personal__content {
  margin-left: 27px;
  min-height: 600px; }
  @media only screen and (max-width: 1919px) {
    .personal__content {
      margin: 0; } }
  @media only screen and (max-width: 1023px) {
    .personal__content {
      margin-top: 49px;
      min-height: unset; } }
  @media only screen and (max-width: 767px) {
    .personal__content {
      margin-top: 35px; } }

.personal__sidenav {
  width: 286px;
  margin-top: 11px;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  position: -webkit-sticky;
  position: sticky;
  top: 2em; }
  @media only screen and (max-width: 1919px) {
    .personal__sidenav {
      width: 239px;
      min-width: 239px; } }
  @media only screen and (max-width: 1279px) {
    .personal__sidenav {
      width: 152px;
      min-width: 152px; } }
  @media only screen and (max-width: 1023px) {
    .personal__sidenav {
      width: unset;
      position: relative;
      top: unset; } }
  .personal__sidenav ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    @media only screen and (max-width: 1023px) {
      .personal__sidenav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .personal__sidenav li {
    margin-bottom: 16px; }
    @media only screen and (max-width: 1023px) {
      .personal__sidenav li {
        margin-right: 44px; } }
    @media only screen and (max-width: 767px) {
      .personal__sidenav li {
        margin-right: 28px; } }
    .personal__sidenav li > * {
      font-size: 15px;
      text-decoration: none;
      color: #1c1c1e; }
    .personal__sidenav li .active {
      font-weight: bold;
      border-bottom: 2px #f43b35 solid; }

.personal__block {
  margin-top: 30px;
  background: #fff;
  width: 668px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1919px) {
    .personal__block {
      width: 463px; } }
  @media only screen and (max-width: 1279px) {
    .personal__block {
      width: 358px; } }
  @media only screen and (max-width: 1023px) {
    .personal__block {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .personal__block {
      margin-top: 53px; } }
  .personal__block .collapse {
    width: 100%; }
    .personal__block .collapse .collapsible {
      font-weight: unset; }
    .personal__block .collapse .content {
      padding: 0; }
  .personal__block.personal__block--add {
    padding-bottom: 26px; }
    .personal__block.personal__block--add .personal__block__heading svg {
      width: 24px;
      height: 24px; }
    .personal__block.personal__block--add .personal__block__title {
      margin-left: 28px; }
    .personal__block.personal__block--add .button {
      margin-left: 54px;
      width: 220px;
      height: 50px; }
      @media only screen and (max-width: 767px) {
        .personal__block.personal__block--add .button {
          margin-left: 0;
          width: 100%; } }

.personal__block__heading {
  height: 85px;
  border-bottom: rgba(189, 192, 210, 0.3) 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 44px 0 44px; }
  @media only screen and (max-width: 1919px) {
    .personal__block__heading {
      padding: 0 33px 0 35px;
      height: 75px; } }
  @media only screen and (max-width: 1279px) {
    .personal__block__heading {
      height: 97px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-top: 12px; } }
  @media only screen and (max-width: 1023px) {
    .personal__block__heading {
      height: 84px;
      padding: 0 42px 0 41px; } }
  @media only screen and (max-width: 767px) {
    .personal__block__heading {
      height: 98px;
      padding: 0 20px 0 0px; } }
  .personal__block__heading svg:first-child {
    width: 33px;
    height: 34px; }
    @media only screen and (max-width: 1919px) {
      .personal__block__heading svg:first-child {
        width: 30px;
        height: 31px; } }
    @media only screen and (max-width: 767px) {
      .personal__block__heading svg:first-child {
        display: none; } }
  .personal__block__heading svg:last-child {
    width: 18px;
    height: 19px;
    fill: #2c2c2c;
    margin-left: 7px;
    cursor: pointer; }
    @media only screen and (max-width: 1919px) {
      .personal__block__heading svg:last-child {
        width: 16px;
        height: 17px;
        margin-left: 4px;
        margin-top: 3px; } }
    @media only screen and (max-width: 767px) {
      .personal__block__heading svg:last-child {
        margin-top: 16px; } }

.personal__block__title {
  margin-left: 20px; }
  @media only screen and (max-width: 1919px) {
    .personal__block__title {
      margin-left: 16px; } }
  .personal__block__title > * {
    font-size: 22px; }
    @media only screen and (max-width: 1919px) {
      .personal__block__title > * {
        font-size: 20px; } }

.personal__block__edit {
  cursor: pointer;
  margin-left: 16px; }
  @media only screen and (max-width: 1919px) {
    .personal__block__edit {
      margin-left: 14px; } }
  @media only screen and (max-width: 1279px) {
    .personal__block__edit {
      margin-left: 27px;
      margin-top: -7px;
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; } }
  @media only screen and (max-width: 1023px) {
    .personal__block__edit {
      -webkit-box-ordinal-group: unset;
          -ms-flex-order: unset;
              order: unset;
      margin-top: unset;
      margin-left: 19px; } }
  @media only screen and (max-width: 767px) {
    .personal__block__edit {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      margin-top: 6px; } }
  .personal__block__edit > * {
    font-size: 14px;
    color: #4caf50;
    border-bottom: #4caf50 2px dotted; }
    @media only screen and (max-width: 1919px) {
      .personal__block__edit > * {
        font-size: 12px; } }

.personal__block__download {
  margin-left: auto;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .personal__block__download {
      margin-top: 13px; } }
  .personal__block__download > * {
    font-size: 14px;
    font-weight: bold; }
    @media only screen and (max-width: 1919px) {
      .personal__block__download > * {
        font-size: 12px; } }

.personal__block__content {
  padding: 0 44px 0 44px; }
  @media only screen and (max-width: 1919px) {
    .personal__block__content {
      padding: 0 33px 0 35px; } }
  @media only screen and (max-width: 767px) {
    .personal__block__content {
      padding: 0 20px 0 20px; } }
  @media only screen and (max-width: 1919px) {
    .personal__block__content.edit .personal__block__grid {
      grid-column-gap: 25px;
      grid-template-columns: 1fr 1fr; } }
  @media only screen and (max-width: 1279px) {
    .personal__block__content.edit .personal__block__grid {
      grid-template-columns: 1fr; } }
  @media only screen and (max-width: 1023px) {
    .personal__block__content.edit .personal__block__grid {
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 45px; } }
  @media only screen and (max-width: 767px) {
    .personal__block__content.edit .personal__block__grid {
      grid-template-columns: 1fr; } }
  @media only screen and (min-width: 769px) and (max-width: 1279px) {
    .personal__block__content.edit .form__group {
      width: 100%; } }

.personal__block__group {
  border-bottom: rgba(189, 192, 210, 0.3) 1px solid;
  margin-top: 29px;
  padding-bottom: 25px; }
  .personal__block__group.hide_border {
    border-bottom: none;
    padding-bottom: 0; }
    .personal__block__group.hide_border + .personal__block__submit {
      margin-left: 0; }
  .personal__block__group:last-child {
    border-bottom: none; }
  .personal__block__group .title > * {
    font-size: 18px;
    font-weight: bold; }
    @media only screen and (max-width: 1919px) {
      .personal__block__group .title > * {
        font-size: 16px; } }
  .personal__block__group .desc {
    margin-top: -2px; }

.personal__block__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 9px;
  grid-row-gap: 15px;
  grid-column-gap: 27px; }
  @media only screen and (max-width: 1919px) {
    .personal__block__grid {
      grid-template-columns: 200px 200px;
      grid-column-gap: 0; } }
  @media only screen and (max-width: 1279px) {
    .personal__block__grid {
      grid-template-columns: 290px; } }
  @media only screen and (max-width: 1023px) {
    .personal__block__grid {
      grid-template-columns: 316px 273px; } }
  @media only screen and (max-width: 767px) {
    .personal__block__grid {
      grid-template-columns: 100%; } }
  .personal__block__grid.edit--company {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr; }

@media only screen and (max-width: 1279px) {
  .personal__block__grid__item, .personal__block__group__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media only screen and (max-width: 1023px) {
  .personal__block__grid__item, .personal__block__group__item {
    display: block; } }

.personal__block__grid__item .heading, .personal__block__group__item .heading {
  /* @include media-max-width(1279) {
            width: 108px;
            min-width: 108px;
        }
        @include media-max-width(1023) {
            width: unset;
            min-width: unset;
        }*/ }
  .personal__block__grid__item .heading > *, .personal__block__group__item .heading > * {
    font-size: 14px;
    color: #8f92a6;
    line-height: 14px;
    display: inline-block; }

.personal__block__group__item {
  margin-top: 15px; }

@media only screen and (max-width: 1023px) {
  .personal__block--change__pass .personal__block__group {
    margin-top: -32px; } }

.personal__block--change__pass .personal__block__content {
  padding-right: 108px; }
  @media only screen and (max-width: 1919px) {
    .personal__block--change__pass .personal__block__content {
      padding-right: 33px; } }

.personal__block--change__pass .personal__block__title {
  margin-left: 24px; }

.personal__block--change__pass .personal__block__heading {
  border-bottom: none; }
  .personal__block--change__pass .personal__block__heading svg {
    width: 27px; }

.personal__block--change__pass .form__group {
  width: 220px; }
  @media only screen and (max-width: 1279px) {
    .personal__block--change__pass .form__group {
      width: 290px; } }
  @media only screen and (max-width: 1023px) {
    .personal__block--change__pass .form__group {
      width: 230px; } }
  @media only screen and (max-width: 767px) {
    .personal__block--change__pass .form__group {
      width: 100%; } }
  .personal__block--change__pass .form__group .form__control {
    margin-right: 0; }

.personal__block--change__pass .personal__block__grid {
  margin-left: 53px; }
  @media only screen and (max-width: 1919px) {
    .personal__block--change__pass .personal__block__grid {
      margin-left: 45px;
      grid-template-columns: 220px;
      grid-template-rows: 65px 0 65px 65px;
      grid-row-gap: 0; } }
  @media only screen and (max-width: 1279px) {
    .personal__block--change__pass .personal__block__grid {
      margin-left: 0;
      grid-template-columns: 290px; } }
  @media only screen and (max-width: 1023px) {
    .personal__block--change__pass .personal__block__grid {
      grid-template-columns: 230px 230px;
      grid-template-rows: 65px 65px;
      grid-column-gap: 43px;
      margin-left: 35px; } }
  @media only screen and (max-width: 767px) {
    .personal__block--change__pass .personal__block__grid {
      grid-template-columns: 100%;
      grid-template-rows: 65px 0 65px 65px;
      margin-left: 0; } }
  .personal__block--change__pass .personal__block__grid.forget-pass {
    display: block; }

.personal__block--change__pass .password-error {
  margin-top: 15px;
  margin-bottom: -15px;
  margin-left: 53px; }
  @media only screen and (max-width: 1919px) {
    .personal__block--change__pass .password-error {
      margin-left: 45px; } }
  @media only screen and (max-width: 1279px) {
    .personal__block--change__pass .password-error {
      margin-left: 0; } }
  @media only screen and (max-width: 1023px) {
    .personal__block--change__pass .password-error {
      margin-left: 35px; } }
  @media only screen and (max-width: 767px) {
    .personal__block--change__pass .password-error {
      margin-left: 0; } }

.personal__block__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  margin-left: 53px; }
  @media only screen and (max-width: 1919px) {
    .personal__block__submit {
      margin-left: 45px; } }
  @media only screen and (max-width: 1279px) {
    .personal__block__submit {
      margin-left: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (max-width: 1023px) {
    .personal__block__submit {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-left: 45px; } }
  @media only screen and (max-width: 767px) {
    .personal__block__submit {
      margin-left: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .personal__block__submit .button {
    width: 220px;
    height: 50px; }
    @media only screen and (max-width: 1279px) {
      .personal__block__submit .button {
        width: 100%; } }
    @media only screen and (max-width: 1023px) {
      .personal__block__submit .button {
        width: 220px; } }
    @media only screen and (max-width: 767px) {
      .personal__block__submit .button {
        width: 100%; } }
  .personal__block__submit .forget__pass {
    margin-left: 35px;
    cursor: pointer; }
    @media only screen and (max-width: 1919px) {
      .personal__block__submit .forget__pass {
        margin-left: 23px; } }
    @media only screen and (max-width: 1279px) {
      .personal__block__submit .forget__pass {
        margin-left: 0;
        margin-top: 14px; } }
    @media only screen and (max-width: 1023px) {
      .personal__block__submit .forget__pass {
        margin-top: unset;
        margin-left: 51px; } }
    @media only screen and (max-width: 767px) {
      .personal__block__submit .forget__pass {
        margin-left: 0;
        margin-top: 14px; } }
    .personal__block__submit .forget__pass > * {
      font-size: 14px;
      border-bottom: #1c1c1e 1px solid; }

.personal__right {
  right: -74px !important; }
  @media only screen and (max-width: 1919px) {
    .personal__right {
      right: 0 !important;
      position: absolute !important; } }
  @media only screen and (max-width: 1023px) {
    .personal__right {
      position: relative !important;
      height: unset !important;
      width: 100% !important;
      background: transparent !important; } }

.personal__right__container {
  padding-left: 86px;
  padding-top: 92px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  bottom: 80px; }
  @media only screen and (max-width: 1919px) {
    .personal__right__container {
      padding-left: 55px;
      padding-top: 67px; } }
  @media only screen and (max-width: 1023px) {
    .personal__right__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      padding: 0; } }

.personal__right__heading > * {
  font-weight: bold;
  font-size: 24px; }
  @media only screen and (max-width: 1279px) {
    .personal__right__heading > * {
      font-size: 22px; } }

.personal__right__desc > * {
  color: #8f92a6;
  font-size: 14px; }
  @media only screen and (max-width: 1279px) {
    .personal__right__desc > * {
      font-size: 12px; } }

@media only screen and (max-width: 1919px) {
  .personal__right__desc {
    margin-top: -4px; } }

@media only screen and (max-width: 1023px) {
  .personal__right__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (max-width: 767px) {
  .personal__right__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.personal__right__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 15px; }
  @media only screen and (max-width: 1023px) {
    .personal__right__item:nth-child(1) {
      margin-right: 52px; } }
  @media only screen and (max-width: 1023px) {
    .personal__right__item:nth-child(2) {
      margin-right: 68px; } }
  .personal__right__item svg {
    width: 22px;
    height: 22px;
    margin-right: 12px;
    margin-top: 3px; }
  .personal__right__item a {
    font-size: 18px;
    color: #1c1c1e;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s; }
    @media only screen and (max-width: 1279px) {
      .personal__right__item a {
        font-size: 16px; } }
    .personal__right__item a:hover {
      color: #f43b35; }
  .personal__right__item > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .personal__right__item .email {
    margin-top: -2px;
    margin-bottom: 8px; }
    .personal__right__item .email a {
      font-size: 22px;
      margin-left: 0 !important; }
      @media only screen and (max-width: 1279px) {
        .personal__right__item .email a {
          font-size: 20px; } }

@media only screen and (max-width: 1023px) {
  .personal__right__top {
    margin-top: 39px;
    padding-left: 42px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; } }

@media only screen and (max-width: 767px) {
  .personal__right__top {
    padding-left: 20px;
    margin-top: 23px; } }

.personal__right__top .personal__right__list:last-child {
  margin-bottom: 104px; }
  @media only screen and (max-width: 1919px) {
    .personal__right__top .personal__right__list:last-child {
      margin-bottom: 84px; } }
  @media only screen and (max-width: 1023px) {
    .personal__right__top .personal__right__list:last-child {
      margin-bottom: 33px; } }

.personal__right__top .personal__right__list:not(:last-child) {
  margin-bottom: 54px; }
  @media only screen and (max-width: 1919px) {
    .personal__right__top .personal__right__list:not(:last-child) {
      margin-bottom: 34px; } }
  @media only screen and (max-width: 1023px) {
    .personal__right__top .personal__right__list:not(:last-child) {
      margin-bottom: 23px; } }

.personal__right__bottom {
  width: 270px; }
  @media only screen and (max-width: 1919px) {
    .personal__right__bottom {
      width: 257px;
      margin-top: 84px; } }
  @media only screen and (max-width: 1279px) {
    .personal__right__bottom {
      width: 244px; } }
  @media only screen and (max-width: 1023px) {
    .personal__right__bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #fff;
      padding: 36px 41px 36px 41px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }
  @media only screen and (max-width: 767px) {
    .personal__right__bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 36px 20px 36px 20px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  .personal__right__bottom .button {
    height: 65px; }
    @media only screen and (max-width: 1023px) {
      .personal__right__bottom .button {
        width: 300px; } }
    @media only screen and (max-width: 767px) {
      .personal__right__bottom .button {
        width: 100%; } }

.personal__bottom__desc {
  margin-top: 12px; }
  @media only screen and (max-width: 1919px) {
    .personal__bottom__desc {
      margin-top: 16px; } }
  @media only screen and (max-width: 1023px) {
    .personal__bottom__desc {
      margin-top: 0;
      margin-left: 45px;
      width: 220px; } }
  @media only screen and (max-width: 767px) {
    .personal__bottom__desc {
      margin-left: 20px;
      margin-top: 16px; } }
  .personal__bottom__desc > * {
    color: #8f92a6;
    font-size: 14px;
    line-height: 18px;
    display: inline-block; }

.orders__list {
  width: 668px;
  margin-top: 30px; }
  @media only screen and (max-width: 1919px) {
    .orders__list {
      width: 463px;
      margin-top: 38px; } }
  @media only screen and (max-width: 1279px) {
    .orders__list {
      width: 358px;
      margin-top: 41px; } }
  @media only screen and (max-width: 1023px) {
    .orders__list {
      width: 100%;
      margin-top: 35px; } }
  @media only screen and (max-width: 767px) {
    .orders__list {
      margin-top: 54px; } }
  .orders__list .order__card:not(:last-child) {
    margin-bottom: 31px; }
  @media only screen and (max-width: 1919px) {
    .orders__list .pagination {
      margin-top: 35px; } }
  @media only screen and (max-width: 1279px) {
    .orders__list .pagination {
      margin-top: 20px; } }
  @media only screen and (max-width: 1023px) {
    .orders__list .pagination {
      margin-top: 25px; } }
  @media only screen and (max-width: 767px) {
    .orders__list .pagination {
      margin-top: 20px; } }
  .orders__list .items-loader {
    position: relative; }

.login__form--lk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  margin-bottom: 80px; }
  .login__form--lk .heading span {
    font-size: 24px; }
    @media only screen and (max-width: 1919px) {
      .login__form--lk .heading span {
        font-size: 22px; } }
    @media only screen and (max-width: 767px) {
      .login__form--lk .heading span {
        font-size: 20px; } }
  .login__form--lk .button {
    margin-top: 25px;
    width: 240px; }

#checkout-page .container {
  padding-left: 117px;
  padding-top: 55px; }
  @media only screen and (max-width: 1919px) {
    #checkout-page .container {
      padding-left: 17px;
      padding-top: 36px; } }
  @media only screen and (max-width: 767px) {
    #checkout-page .container {
      padding-left: 0;
      padding-top: 25px; } }

@media only screen and (max-width: 1919px) {
  #checkout-page .page__heading {
    width: 370px; } }

@media only screen and (max-width: 767px) {
  #checkout-page .page__heading {
    width: unset; } }

@media only screen and (max-width: 767px) {
  #checkout-page .personal__block__grid {
    grid-template-columns: 1fr; } }

#checkout-page .inner-page--right:before {
  height: 140%; }

@media only screen and (max-width: 1919px) {
  .checkout__content {
    width: 700px;
    margin-right: 54px; } }

@media only screen and (max-width: 1279px) {
  .checkout__content {
    width: 508px;
    margin-right: 40px; } }

@media only screen and (max-width: 1023px) {
  .checkout__content {
    width: 100%; } }

.checkout__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 26px; }
  @media only screen and (max-width: 1023px) {
    .checkout__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 15px; } }

.checkout__list {
  margin-top: 39px; }
  .checkout__list .checkout__block {
    margin-bottom: 30px; }

.checkout__block {
  background: white;
  width: 956px;
  padding-left: 43px;
  padding-top: 25px;
  padding-bottom: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .checkout__block.checkout__block--collapse {
    padding: 0; }
  .checkout__block .checkout__block_checkbox {
    margin-top: 40px; }
  @media only screen and (max-width: 1919px) {
    .checkout__block {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .checkout__block {
      padding-left: 20px; } }
  .checkout__block .checkout__block--check {
    width: 18px;
    height: 18px;
    border: #acafbf 1px solid;
    border-radius: 100%;
    margin-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .checkout__block .checkout__block--check.active {
      border: #f43b35 5px solid; }
  .checkout__block .collapse {
    width: 100%; }
  .checkout__block .content {
    padding-left: 43px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media only screen and (max-width: 1919px) {
      .checkout__block .content {
        padding-left: 34px; } }
    @media only screen and (max-width: 1279px) {
      .checkout__block .content {
        padding-left: 30px; } }
    @media only screen and (max-width: 767px) {
      .checkout__block .content {
        padding-left: 20px; } }
  .checkout__block .collapsible {
    font-weight: normal; }

.checkout__block__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 1279px) {
    .checkout__block__heading {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media only screen and (max-width: 1023px) {
    .checkout__block__heading {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  @media only screen and (max-width: 767px) {
    .checkout__block__heading {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .checkout__block__heading svg {
    width: 33px;
    height: 34px;
    margin-right: 20px; }
    @media only screen and (max-width: 1919px) {
      .checkout__block__heading svg {
        width: 28px;
        height: 29px;
        margin-right: 15px; } }
    @media only screen and (max-width: 1279px) {
      .checkout__block__heading svg {
        width: 26px;
        height: 27px;
        margin-right: 18px; } }
    @media only screen and (max-width: 767px) {
      .checkout__block__heading svg:nth-child(1) {
        display: none; } }
  .checkout__block__heading span {
    font-size: 22px; }
    @media only screen and (max-width: 1919px) {
      .checkout__block__heading span {
        font-size: 20px; } }
    @media only screen and (max-width: 1279px) {
      .checkout__block__heading span {
        font-size: 18px; } }

.checkout_deliveryType__radio {
  height: auto;
  margin-left: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media only screen and (max-width: 1279px) {
    .checkout_deliveryType__radio {
      margin-left: 0px; } }
  .checkout_deliveryType__radio .deliveryType__radio {
    margin-top: 12px; }
    .checkout_deliveryType__radio .deliveryType__radio:first-child {
      margin-right: 20px; }
    .checkout_deliveryType__radio .deliveryType__radio input {
      display: none; }
    .checkout_deliveryType__radio .deliveryType__radio label {
      padding: 8px 25px 9px 25px;
      background-color: #f3f2f5;
      border-radius: 40px;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .checkout_deliveryType__radio .deliveryType__radio label i {
        width: 19px;
        height: 19px;
        background-color: #ffffff;
        display: none;
        border-radius: 100%;
        margin-right: 8px;
        background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 19.28125 5.28125 L 9 15.5625 L 4.71875 11.28125 L 3.28125 12.71875 L 8.28125 17.71875 L 9 18.40625 L 9.71875 17.71875 L 20.71875 6.71875 Z'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 79%; }
    .checkout_deliveryType__radio .deliveryType__radio input:checked ~ label {
      background-color: #f43b35;
      color: #ffffff; }
    .checkout_deliveryType__radio .deliveryType__radio input:checked ~ label i {
      display: block; }

@media only screen and (max-width: 1919px) {
  .checkout__block__groupPayment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.checkout_paymentType__radio {
  height: auto;
  margin-left: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media only screen and (max-width: 1919px) {
    .checkout_paymentType__radio {
      margin-left: 0px;
      margin-top: 20px; } }
  @media only screen and (max-width: 1279px) {
    .checkout_paymentType__radio {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-top: 0px; } }
  @media only screen and (max-width: 1023px) {
    .checkout_paymentType__radio {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media only screen and (max-width: 625px) {
    .checkout_paymentType__radio {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .checkout_paymentType__radio .paymentType__radio {
    margin-top: 12px; }
    .checkout_paymentType__radio .paymentType__radio:first-child {
      margin-right: 20px; }
      @media only screen and (max-width: 1279px) {
        .checkout_paymentType__radio .paymentType__radio:first-child {
          margin-right: 0px; } }
      @media only screen and (max-width: 1023px) {
        .checkout_paymentType__radio .paymentType__radio:first-child {
          margin-right: 20px; } }
      @media only screen and (max-width: 625px) {
        .checkout_paymentType__radio .paymentType__radio:first-child {
          margin-right: 0px; } }
    .checkout_paymentType__radio .paymentType__radio input {
      display: none; }
    .checkout_paymentType__radio .paymentType__radio label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 30px 15px;
      border: 1px solid #bdc0d2;
      font-size: 14px;
      cursor: pointer;
      width: 220px; }
      .checkout_paymentType__radio .paymentType__radio label .paymentType_label__title {
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .checkout_paymentType__radio .paymentType__radio label .paymentType_label__title i {
          width: 15px;
          height: 15px;
          border-radius: 100%;
          background-color: #ffffff;
          margin-right: 15px;
          border: 1px solid #acafbf;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .checkout_paymentType__radio .paymentType__radio label .paymentType_label__title i span {
            width: 7px;
            height: 7px;
            background: #ffffff;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
            opacity: 0;
            -webkit-transform: scale(0);
                    transform: scale(0); }
      .checkout_paymentType__radio .paymentType__radio label .paymentType_label__description {
        color: #bdc0d2;
        padding-left: 30px; }
    .checkout_paymentType__radio .paymentType__radio .paymentType_label__title .active {
      background-color: #f43b35;
      border: 1px solid #f43b35; }
      .checkout_paymentType__radio .paymentType__radio .paymentType_label__title .active span {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); }

.checkout__block__content {
  margin-left: 57px;
  margin-top: 36px;
  margin-right: 44px;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .checkout__block__content {
      margin-left: 45px; } }
  @media only screen and (max-width: 1279px) {
    .checkout__block__content {
      margin-top: 24px;
      margin-left: 0; } }
  @media only screen and (max-width: 1023px) {
    .checkout__block__content {
      margin-right: 28px; } }
  @media only screen and (max-width: 767px) {
    .checkout__block__content {
      margin-right: 20px; } }
  .checkout__block__content.unconfirmed {
    margin-right: 100px; }
    @media only screen and (max-width: 1919px) {
      .checkout__block__content.unconfirmed {
        margin-right: 41px; } }
    @media only screen and (max-width: 1279px) {
      .checkout__block__content.unconfirmed {
        margin-right: 52px; } }
    @media only screen and (max-width: 1023px) {
      .checkout__block__content.unconfirmed {
        margin-right: 41px; } }
    @media only screen and (max-width: 767px) {
      .checkout__block__content.unconfirmed {
        margin-right: 20px; } }
    .checkout__block__content.unconfirmed .personal__block__group:not(:last-child) {
      padding-bottom: 52px; }
    .checkout__block__content.unconfirmed .personal__block__grid {
      grid-column-gap: 48px; }
      @media only screen and (max-width: 1919px) {
        .checkout__block__content.unconfirmed .personal__block__grid {
          grid-column-gap: 30px; } }
      @media only screen and (max-width: 1279px) {
        .checkout__block__content.unconfirmed .personal__block__grid {
          grid-column-gap: 24px;
          grid-template-columns: 180px 180px; } }
      @media only screen and (max-width: 1023px) {
        .checkout__block__content.unconfirmed .personal__block__grid {
          grid-column-gap: 43px; } }
    .checkout__block__content.unconfirmed .personal__block__grid__item {
      width: 250px; }
      @media only screen and (max-width: 1919px) {
        .checkout__block__content.unconfirmed .personal__block__grid__item {
          width: 200px; } }
      @media only screen and (max-width: 1279px) {
        .checkout__block__content.unconfirmed .personal__block__grid__item {
          width: 180px; } }
      @media only screen and (max-width: 1023px) {
        .checkout__block__content.unconfirmed .personal__block__grid__item {
          width: 230px; } }
      @media only screen and (max-width: 767px) {
        .checkout__block__content.unconfirmed .personal__block__grid__item {
          width: 100%; } }
    .checkout__block__content.unconfirmed .personal__block__group__long {
      margin-left: 207px;
      width: 100%; }
      @media only screen and (max-width: 1919px) {
        .checkout__block__content.unconfirmed .personal__block__group__long {
          margin-left: 150px; } }
      @media only screen and (max-width: 1279px) {
        .checkout__block__content.unconfirmed .personal__block__group__long {
          margin-left: 0; } }
  .checkout__block__content .personal__block__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media only screen and (max-width: 1279px) {
      .checkout__block__content .personal__block__group {
        padding-left: 42px; } }
    @media only screen and (max-width: 1023px) {
      .checkout__block__content .personal__block__group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media only screen and (max-width: 767px) {
      .checkout__block__content .personal__block__group {
        padding-left: 0; } }
    .checkout__block__content .personal__block__group .title {
      margin-top: 22px; }
      @media only screen and (max-width: 1279px) {
        .checkout__block__content .personal__block__group .title {
          margin-top: 0;
          margin-bottom: 15px; } }
  .checkout__block__content .personal__block__grid {
    margin-left: auto;
    margin-top: 0; }
    @media only screen and (max-width: 1279px) {
      .checkout__block__content .personal__block__grid {
        margin-left: 0; } }
  .checkout__block__content .personal__block__grid__item {
    width: 297px; }
    @media only screen and (max-width: 1919px) {
      .checkout__block__content .personal__block__grid__item {
        width: 200px; } }
  .checkout__block__content .personal__block__group__long {
    margin-left: 190px; }
    @media only screen and (max-width: 1919px) {
      .checkout__block__content .personal__block__group__long {
        margin-left: 175px;
        width: 70%; } }
    @media only screen and (max-width: 1279px) {
      .checkout__block__content .personal__block__group__long {
        margin-left: 0;
        width: 100%; } }

.checkout__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .checkout__radio .radio:first-child {
    margin-right: 32px; }
  @media only screen and (max-width: 1279px) {
    .checkout__radio {
      padding-left: 42px; } }
  @media only screen and (max-width: 767px) {
    .checkout__radio {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 0; }
      .checkout__radio .radio:not(:last-child) {
        margin-bottom: 18px; } }

.checkout__block__grid--item {
  width: 297px; }
  @media only screen and (max-width: 1919px) {
    .checkout__block__grid--item {
      width: 200px; } }
  .checkout__block__grid--item .heading > * {
    color: #8f92a6;
    font-size: 14px; }

@media only screen and (max-width: 1279px) {
  .checkout__stock {
    padding-left: 42px; } }

@media only screen and (max-width: 1023px) {
  .checkout__stock {
    padding-left: 28px; } }

@media only screen and (max-width: 767px) {
  .checkout__stock {
    padding-left: 0; } }

.checkout__stock__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 1919px) {
    .checkout__stock__container {
      -webkit-box-align: unset;
          -ms-flex-align: unset;
              align-items: unset;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media only screen and (max-width: 1279px) {
    .checkout__stock__container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media only screen and (max-width: 1023px) {
    .checkout__stock__container {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  @media only screen and (max-width: 767px) {
    .checkout__stock__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

@media only screen and (max-width: 767px) {
  .checkout__stock__item {
    margin-top: 8px; } }

@media only screen and (max-width: 1279px) {
  .checkout__stock__item:nth-child(2) {
    display: none; } }

@media only screen and (max-width: 767px) {
  .checkout__stock__item:nth-child(3), .checkout__stock__item:nth-child(2), .checkout__stock__item:nth-child(4), .checkout__stock__item:nth-child(5) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.checkout__stock__item .title {
  font-size: 18px; }
  @media only screen and (max-width: 1919px) {
    .checkout__stock__item .title {
      font-size: 16px; } }
  @media only screen and (max-width: 1279px) {
    .checkout__stock__item .title {
      font-size: 14px; } }

.checkout__stock__item .vendor,
.checkout__stock__item .heading {
  color: #8f92a6;
  font-size: 14px; }
  @media only screen and (max-width: 1919px) {
    .checkout__stock__item .vendor,
    .checkout__stock__item .heading {
      font-size: 12px; } }
  @media only screen and (max-width: 767px) {
    .checkout__stock__item .vendor,
    .checkout__stock__item .heading {
      width: 147px; } }

.checkout__stock__item .desc {
  font-weight: bold;
  font-size: 20px; }
  @media only screen and (max-width: 1919px) {
    .checkout__stock__item .desc {
      font-size: 18px;
      margin-top: 10px; } }
  @media only screen and (max-width: 1279px) {
    .checkout__stock__item .desc {
      margin-top: 0; } }
  .checkout__stock__item .desc.sum {
    font-size: 26px; }
    @media only screen and (max-width: 1919px) {
      .checkout__stock__item .desc.sum {
        font-size: 22px; } }
    @media only screen and (max-width: 1279px) {
      .checkout__stock__item .desc.sum {
        font-size: 18px; } }
  .checkout__stock__item .desc.un-selected span {
    font-size: 14px;
    font-weight: normal;
    color: #f43b35;
    white-space: nowrap; }

.checkout__stock__item.main {
  width: 171px; }
  @media only screen and (max-width: 1919px) {
    .checkout__stock__item.main {
      width: 100%; } }
  @media only screen and (max-width: 1279px) {
    .checkout__stock__item.main {
      width: 100%; } }
  @media only screen and (max-width: 1023px) {
    .checkout__stock__item.main {
      width: 160px; } }
  @media only screen and (max-width: 767px) {
    .checkout__stock__item.main {
      width: auto; } }

.checkout__stock__item:nth-child(2) {
  width: 118px;
  margin-left: 20px; }
  @media only screen and (max-width: 1919px) {
    .checkout__stock__item:nth-child(2) {
      margin-left: 0; } }
  @media only screen and (min-width: 1280px) and (max-width: 1760px) {
    .checkout__stock__item:nth-child(2) {
      width: 95px; } }
  @media only screen and (max-width: 767px) {
    .checkout__stock__item:nth-child(2) {
      width: 100%; } }

.checkout__stock__item:nth-child(3) {
  width: 137px; }
  @media only screen and (min-width: 1280px) and (max-width: 1760px) {
    .checkout__stock__item:nth-child(3) {
      width: 145px; } }
  @media only screen and (max-width: 1279px) {
    .checkout__stock__item:nth-child(3) {
      width: 90px; } }
  @media only screen and (max-width: 1023px) {
    .checkout__stock__item:nth-child(3) {
      width: 90px; } }
  @media only screen and (max-width: 767px) {
    .checkout__stock__item:nth-child(3) {
      width: 100%; } }

.checkout__stock__item:nth-child(4) {
  width: 142px; }
  @media only screen and (min-width: 1280px) and (max-width: 1760px) {
    .checkout__stock__item:nth-child(4) {
      width: 130px; } }
  @media only screen and (max-width: 1279px) {
    .checkout__stock__item:nth-child(4) {
      width: 105px; } }
  @media only screen and (max-width: 1023px) {
    .checkout__stock__item:nth-child(4) {
      width: 120px; } }
  @media only screen and (max-width: 767px) {
    .checkout__stock__item:nth-child(4) {
      width: unset; } }

@media only screen and (max-width: 1023px) {
  .checkout__stock__item:nth-child(5) {
    width: 120px; } }

@media only screen and (max-width: 767px) {
  .checkout__stock__item:nth-child(5) {
    width: unset; } }

.checkout__stock__item.modal {
  width: unset;
  margin: 0; }

.choose__stock {
  cursor: pointer;
  margin-left: auto; }
  @media only screen and (max-width: 1919px) {
    .choose__stock {
      margin-top: 10px; } }
  @media only screen and (max-width: 767px) {
    .choose__stock {
      margin-left: 0; } }
  .choose__stock > * {
    font-size: 14px;
    color: #f43b35;
    white-space: nowrap;
    border-bottom: #f43b35 2px dotted; }
    @media only screen and (max-width: 1919px) {
      .choose__stock > * {
        font-size: 12px; } }
  .choose__stock.active, .choose__stock:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .choose__stock.active > *, .choose__stock:hover > * {
      color: #58b45c;
      border-bottom: #58b45c 2px dotted; }

.stock-delivery {
  margin-left: auto;
  margin-right: 24px; }
  @media only screen and (max-width: 1279px) {
    .stock-delivery {
      margin-left: 46px;
      margin-top: 10px; } }
  @media only screen and (max-width: 1023px) {
    .stock-delivery {
      margin-left: auto;
      margin-top: unset; } }
  @media only screen and (max-width: 767px) {
    .stock-delivery {
      margin-top: 10px;
      margin-left: 0; } }
  .stock-delivery span {
    font-size: 12px; }
  .stock-delivery svg {
    width: 15px;
    height: 15px; }
    @media only screen and (max-width: 767px) {
      .stock-delivery svg {
        margin-right: 10px; } }
  @media only screen and (max-width: 767px) {
    .stock-delivery .product__card__shipping {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  .stock-delivery .product__card__shipping--tooltip-text {
    margin-left: 25px !important;
    height: 128px !important; }
    @media only screen and (max-width: 1023px) {
      .stock-delivery .product__card__shipping--tooltip-text {
        left: 45% !important; } }
    @media only screen and (max-width: 767px) {
      .stock-delivery .product__card__shipping--tooltip-text {
        left: -40px !important; } }

.stock__list .checkout__stock:not(:last-child) {
  border-bottom: rgba(189, 192, 210, 0.3) 1px solid;
  padding-bottom: 36px; }

.stock__list .checkout__stock:last-child {
  padding-bottom: 4px; }

.stock__list .checkout__stock:not(:first-child) {
  padding-top: 34px; }

.checkout__note {
  width: 67%; }
  @media only screen and (max-width: 1919px) {
    .checkout__note {
      width: 100%; } }
  @media only screen and (max-width: 1279px) {
    .checkout__note {
      padding-left: 42px;
      width: calc(100% - 42px); } }
  @media only screen and (max-width: 767px) {
    .checkout__note {
      padding-left: 0;
      width: 100%; } }

.checkout__right {
  right: -62px !important; }
  @media only screen and (max-width: 1919px) {
    .checkout__right {
      right: 0 !important;
      position: absolute !important; } }
  @media only screen and (max-width: 1023px) {
    .checkout__right {
      position: relative !important;
      width: 100% !important;
      height: unset !important; } }

.checkout__right__container {
  margin-left: 86px;
  margin-top: 73px;
  width: 272px;
  position: -webkit-sticky;
  position: sticky;
  top: 2em; }
  @media only screen and (max-width: 1919px) {
    .checkout__right__container {
      width: 257px;
      margin-left: 55px; } }
  @media only screen and (max-width: 1023px) {
    .checkout__right__container {
      width: calc(100% - 82px);
      margin-left: 41px;
      margin-top: 28px;
      padding-bottom: 56px; } }
  @media only screen and (max-width: 767px) {
    .checkout__right__container {
      margin-left: 20px;
      width: calc(100% - 40px);
      padding-bottom: 44px; } }
  .checkout__right__container .button {
    height: 65px;
    margin-top: 50px; }
    @media only screen and (max-width: 1919px) {
      .checkout__right__container .button {
        margin-top: 38px; } }
    @media only screen and (max-width: 1279px) {
      .checkout__right__container .button {
        height: 60px; } }
    @media only screen and (max-width: 1023px) {
      .checkout__right__container .button {
        width: 271px;
        margin-left: auto; } }
    @media only screen and (max-width: 767px) {
      .checkout__right__container .button {
        width: unset;
        margin-left: unset;
        margin-top: 30px; } }

.checkout__right__heading {
  font-size: 34px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 1919px) {
    .checkout__right__heading {
      font-size: 30px; } }
  @media only screen and (max-width: 1279px) {
    .checkout__right__heading {
      font-size: 26px; } }

.checkout__list__amount--item,
.checkout__list__amount--sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.checkout__list__amount--item:not(:last-child) {
  margin-bottom: 10px; }

.checkout__list__amount--item.delivery {
  margin-top: 10px; }
  .checkout__list__amount--item.delivery .checkout__list--desc {
    /*width: 110px;
            @include media-max-width(1023) {
                width: 115px;
            }
            @include media-max-width(767) {
                width: 147px;
            }*/ }
  .checkout__list__amount--item.delivery .checkout__list--heading span {
    font-size: 25px; }
    @media only screen and (max-width: 1919px) {
      .checkout__list__amount--item.delivery .checkout__list--heading span {
        font-size: 22px; } }

.checkout__list--desc {
  width: 115px; }
  @media only screen and (max-width: 767px) {
    .checkout__list--desc {
      width: 147px; } }
  .checkout__list--desc > * {
    font-size: 14px;
    color: #8f92a6; }

.checkout__list--heading > * {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none; }
  @media only screen and (max-width: 1919px) {
    .checkout__list--heading > * {
      font-size: 16px; } }

.checkout__list--heading.download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .checkout__list--heading.download a {
    color: #1c1c1e;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
  .checkout__list--heading.download svg {
    margin-right: 6px;
    fill: #1c1c1e;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    .checkout__list--heading.download svg:first-child {
      width: 14px; }
  .checkout__list--heading.download:hover a {
    color: #f43b35; }
  .checkout__list--heading.download:hover svg {
    fill: #f43b35; }

.checkout__list--line {
  height: 1px;
  background: #8f92a6;
  margin-bottom: 29px;
  margin-top: 18px; }
  @media only screen and (max-width: 1919px) {
    .checkout__list--line {
      margin-bottom: 20px; } }
  @media only screen and (max-width: 1023px) {
    .checkout__list--line {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .checkout__list--line {
      display: block;
      margin-bottom: 18px; } }

@media only screen and (max-width: 1023px) {
  .checkout__list__amount--sum {
    width: 271px;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: -75px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }

@media only screen and (max-width: 767px) {
  .checkout__list__amount--sum {
    width: 100%;
    margin-left: unset;
    margin-top: unset;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media only screen and (max-width: 1023px) {
  .checkout__list__amount--sum .checkout__list--heading {
    margin-top: 5px; } }

.checkout__list__amount--sum .checkout__list--heading > * {
  font-size: 40px; }
  @media only screen and (max-width: 1919px) {
    .checkout__list__amount--sum .checkout__list--heading > * {
      font-size: 30px; } }

.checkout__back {
  text-align: center;
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (max-width: 1023px) {
    .checkout__back {
      width: 160px;
      margin-top: -35px; } }
  @media only screen and (max-width: 767px) {
    .checkout__back {
      width: unset;
      margin-top: 14px; } }
  .checkout__back a {
    text-decoration: none;
    color: #1c1c1e;
    border-bottom: #f43b35 2px solid;
    font-size: 14px;
    font-weight: bold; }
    .checkout__back a svg {
      width: 11px;
      height: 6px;
      margin-right: 4px; }

.stock__modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(30, 31, 38, 0.27);
  z-index: 999;
  width: 100%;
  height: 100%;
  -webkit-animation: show__modal 0.5s ease;
          animation: show__modal 0.5s ease;
  overflow: auto; }

.stock__modal__container {
  width: 905px;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__container {
      width: 860px; } }
  @media only screen and (max-width: 1023px) {
    .stock__modal__container {
      width: 669px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__container {
      width: calc(100% - 40px);
      overflow-y: hidden; } }
  .stock__modal__container.short {
    width: 510px; }
    @media only screen and (max-width: 767px) {
      .stock__modal__container.short {
        width: calc(100% - 40px); } }
    .stock__modal__container.short .stock__modal__content--grid,
    .stock__modal__container.short .stock__modal__desc--grid {
      grid-template-columns: 1fr 1fr; }
  .stock__modal__container .checkout__stock__item.main {
    width: 264px; }
    @media only screen and (max-width: 1023px) {
      .stock__modal__container .checkout__stock__item.main {
        width: 190px; } }
    @media only screen and (max-width: 767px) {
      .stock__modal__container .checkout__stock__item.main {
        width: 100%; } }
  @media only screen and (max-width: 1279px) {
    .stock__modal__container .checkout__stock__item {
      display: block; } }
  .stock__modal__container .checkout__stock__item .heading {
    display: none; }
    @media only screen and (max-width: 767px) {
      .stock__modal__container .checkout__stock__item .heading {
        display: block; } }
  .stock__modal__container .product-item__amount {
    margin-top: 0; }

.stock__modal__heading {
  padding: 23px 39px 27px 42px;
  position: relative;
  background-color: #f3f2f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__heading {
      padding: 18px 27px 22px 27px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__heading {
      height: 0;
      padding: 0; } }

.stock__modal__close {
  position: absolute;
  right: 38px;
  top: 47px;
  width: 16px;
  height: 16px;
  opacity: 1;
  z-index: 2;
  cursor: pointer; }
  .stock__modal__close:before, .stock__modal__close:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 18px;
    width: 2px;
    background-color: #bdc0d2; }
  .stock__modal__close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .stock__modal__close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.stock__modal__heading--image {
  width: 150px;
  height: 150px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__heading--image {
      width: 150px;
      height: 150px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__heading--image {
      display: none; } }
  .stock__modal__heading--image img {
    width: 100%;
    height: 100%; }

.stock__modal__heading--info {
  padding-left: 44px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__heading--info {
      padding-left: 22px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__heading--info {
      display: none; } }
  .stock__modal__heading--info .product-item__in-pack {
    margin-top: 5px; }

.stock__modal__heading__title .title {
  font-size: 22px;
  color: #1c1c1e; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__heading__title .title {
      font-size: 20px; } }

.stock__modal__heading__title--data .collection,
.stock__modal__heading__title--data .article {
  font-size: 12px;
  color: #8f92a6; }

.stock__modal__heading__title--data .article {
  margin-left: 22px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__heading__title--data .article {
      margin-left: 16px; } }

.stock__modal__heading__price {
  margin-top: 7px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__heading__price {
      margin-top: 5px; } }
  .stock__modal__heading__price .product-item__price--tab.active span {
    background-color: white; }

.stock__modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 38px 30px 44px 42px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__content {
      padding: 25px 15px 32px 27px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__content {
      height: 320px;
      width: calc(100% - 42px); } }
  @media only screen and (max-width: 1919px) {
    .stock__modal__content .button {
      width: 162px;
      height: 43px; } }
  @media only screen and (max-width: 1023px) {
    .stock__modal__content .button {
      width: 145px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__content .button {
      grid-column: 1 / -1;
      width: 100%;
      margin-top: 30px; } }

.stock__modal__content__title .text {
  font-size: 18px;
  color: #1c1c1e;
  font-weight: bold; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__content__title .text {
      font-size: 16px; } }

.stock__modal__content__items {
  height: 320px;
  overflow-y: scroll;
  padding-right: 35px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__content__items {
      height: 260px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__content__items {
      overflow-x: hidden;
      padding-right: 0; } }
  .stock__modal__content__items::-webkit-scrollbar {
    width: 3px; }
  .stock__modal__content__items::-webkit-scrollbar-track {
    background-color: #f3f2f5; }
  .stock__modal__content__items::-webkit-scrollbar-thumb {
    background-color: #bdbfcb; }

.stock__modal__desc--grid,
.stock__modal__content--grid {
  display: grid;
  grid-template-columns: 195px 177px 172px 135px 120px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__desc--grid,
    .stock__modal__content--grid {
      grid-template-columns: 180px 155px 150px 135px 100px; } }
  @media only screen and (max-width: 1023px) {
    .stock__modal__desc--grid,
    .stock__modal__content--grid {
      grid-template-columns: 140px 105px 110px 110px 100px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__desc--grid,
    .stock__modal__content--grid {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      width: 100%; } }

.stock__modal__desc--grid {
  margin-top: 21px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__desc--grid {
      margin-top: 16px; } }

.stock__modal__content--grid {
  margin-top: 33px;
  padding-bottom: 32px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__content--grid {
      margin-top: 28px; } }
  .stock__modal__content--grid:not(:last-child) {
    border-bottom: rgba(189, 192, 210, 0.3) 1px solid; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__content--grid .product-item__amount {
      margin-top: 8px; } }
  @media only screen and (max-width: 1023px) {
    .stock__modal__content--grid .product-item__amount {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 111px;
      margin-left: -12px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__content--grid .product-item__amount {
      margin-left: 0;
      margin-top: 0; } }
  @media only screen and (max-width: 1919px) {
    .stock__modal__content--grid .checkout__stock__item .desc span {
      font-size: 22px; } }
  @media only screen and (max-width: 1023px) {
    .stock__modal__content--grid .checkout__stock__item .desc span {
      font-size: 18px; } }

.stock__modal__desc > * {
  color: #8f92a6;
  font-size: 14px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__desc > * {
      font-size: 12px; } }

.stock__modal__desc:first-child {
  width: 264px; }
  @media only screen and (max-width: 1023px) {
    .stock__modal__desc:first-child {
      width: 190px; } }

@media only screen and (max-width: 767px) {
  .stock__modal__desc:not(:first-child) {
    display: none; } }

@media only screen and (max-width: 767px) {
  .stock__modal__desc {
    margin-bottom: -15px; } }

.stock__modal__bottom {
  background: #f3f2f5;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 28px 65px 44px 42px;
  margin-top: -24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__bottom {
      padding: 18px 27px 22px 27px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__bottom {
      width: 100%;
      overflow-y: scroll; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__bottom {
      height: unset;
      padding-bottom: 20px;
      overflow-y: unset; } }

.stock__modal__bottom--stocks-list .name,
.stock__modal__bottom--stocks-list .amount {
  font-size: 18px;
  color: #1c1c1e;
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .stock__modal__bottom--stocks-list .name,
    .stock__modal__bottom--stocks-list .amount {
      font-size: 14px; } }

.stock__modal__bottom--stocks-list .name {
  width: 396px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__bottom--stocks-list .name {
      width: 336px; } }
  @media only screen and (max-width: 1023px) {
    .stock__modal__bottom--stocks-list .name {
      width: 256px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__bottom--stocks-list .name {
      width: 160px; } }

.stock__modal__bottom--stocks-list .amount {
  width: 144px; }
  @media only screen and (max-width: 1023px) {
    .stock__modal__bottom--stocks-list .amount {
      width: 100px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__bottom--stocks-list .amount {
      width: 60px; } }

.stock__modal__bottom--stocks-list .price {
  font-size: 24px;
  font-weight: bold;
  color: #1c1c1e; }
  @media only screen and (max-width: 767px) {
    .stock__modal__bottom--stocks-list .price {
      font-size: 18px; } }

.stock__modal__bottom--stocks-list--item:not(:last-child) {
  margin-bottom: 12px; }

.stock__modal__button {
  width: 320px;
  margin-left: auto;
  margin-top: 28px; }
  @media only screen and (max-width: 767px) {
    .stock__modal__button {
      width: 100%; } }
  .stock__modal__button .button {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    padding-left: 64px; }
    .stock__modal__button .button.center {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0; }
    .stock__modal__button .button .icon {
      background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 981.11 853.24'%3E%3Cpath stroke='%23fff' stroke-width='7' stroke-miterlimit='10' d='M885.61 421.69c-2.3 10.3-4.7 20.7-7 31-5.7 25.2-11.4 50.5-17.1 75.7-7.2 31.9-14.4 63.9-21.6 95.8-6.8 30.1-13.6 60.2-20.4 90.2-4.5 19.8-8.9 39.5-13.4 59.3-.8 3.4-1.5 6.7-2.3 10.1v.1c-.3 1.4-.6 2.7-1.1 4.1-.3.9-2.1 5.4-.9 2.8 1.3-2.7-.7 1.3-1.1 1.9-.6 1.2-1.3 2.4-2.1 3.5-.6.9-3.2 3.5-1.2 1.8 2.1-1.8-1.3 1.3-2 2-.9 1-1.9 1.8-2.9 2.8-2.7 2.5 2.9-1.9-.2.2-2.4 1.6-5 3-7.5 4.4-1.9 1 1.6-.7 1.7-.7-.6 0-1.4.5-1.9.7-1.3.5-2.6.9-3.9 1.2-1.3.4-2.7.6-4 .9-2.1.5 1.8-.2 1.9-.2-.8-.2-2 .2-2.8.2-7.9.4-16 .1-23.9.1h-538.8c-3.3 0-6.6-.1-9.9-.2-2.2-.1 1.8.2 1.9.3-.5-.3-1.5-.3-2-.4-1.3-.3-2.7-.6-4-1s-2.6-.9-3.9-1.3c-2.1-.7 1.6.6 1.7.7-.4-.5-1.8-.9-2.4-1.2-2.3-1.2-4.5-3.3-6.8-4.3.1 0 2.9 2.5 1.4 1-.5-.5-1-.9-1.5-1.3l-3.3-3.3c-.3-.3-.9-1.4-1.3-1.5.1 0 2.3 3.2 1.1 1.4-.7-1.1-1.5-2.2-2.3-3.4-.7-1.2-1.4-2.3-2-3.6-.2-.4-.5-1.6-.9-1.8.7.6 1.3 3.7.5 1-.8-2.3-1.4-4.6-2-6.9-2.7-11.7-5.3-23.5-8-35.3-5.9-26-11.8-52-17.6-78-7.3-32.1-14.5-64.2-21.8-96.3l-20.1-88.8c-4.2-18.7-8.4-37.3-12.6-56-.6-2.6-1.2-5.2-1.7-7.7-6.4 8.4-12.9 16.9-19.3 25.3h794.8c10.8 0 21.6.2 32.3 0h1.4c10.5 0 20.5-9.2 20-20s-8.8-20-20-20h-794.8c-10.8 0-21.6-.2-32.3 0h-1.4c-13.5 0-22.1 12.7-19.3 25.3 2.4 10.5 4.8 21.1 7.1 31.6 5.8 25.6 11.6 51.3 17.4 76.9l21.9 96.9c6.8 30.2 13.6 60.3 20.4 90.5 4.3 19.2 8.7 38.5 13 57.7.7 2.9 1.3 5.8 2 8.7 6.3 27 29.2 49.7 56.9 53.9 10.7 1.6 21.4 1.2 32.2 1.2h540.9c6.3 0 12.3-.4 18.5-1.5 26.9-4.8 48.8-27.3 54.9-53.5 2.5-10.9 4.9-21.8 7.4-32.8 5.9-26 11.7-52 17.6-78 7.3-32.2 14.5-64.4 21.8-96.6 6.8-30 13.6-60 20.4-90.1 4.3-19 8.6-38 12.9-56.9.6-2.6 1.2-5.3 1.8-7.9 2.3-10.2-3.1-22.1-14-24.6-10-2.4-22 3-24.5 13.9z'/%3E%3Cpath stroke='%23fff' stroke-width='7' stroke-miterlimit='10' d='M937.61 296.39c0 34.4.6 68.9 0 103.3v2c-.2 1.8-.1 1.8.1 0 .1-.4.1-.9.2-1.3-.2.9-.4 1.7-.7 2.6-.7 3.1-.3-1.6.6-1.1.1.1-1.1 2-1.2 2.3-1.6 3.5 2.7-2.4 0 .1-.7.7-1.7 1.5-2.3 2.2-1.3 1.8 4-2.1.4-.5-.3.1-2.2 1.3-2.3 1.2-.4-.8 4.2-1.2 1.1-.6-.4.1-.8.2-1.3.4-1.7.4-1.7.4 0 .1.4-.1.9-.1 1.3-.2-.7.1-1.4.1-2 .1H85.61c-11.7 0-23.4.2-35 0h-.1-1.4c-4.1 0 2.5 1.3.7.1-.3-.2-3.2-.7-3.2-.9-.1.3 4.6 1.9.1-.2-2.9-1.4 1.7.2.9.9-.1.1-1.7-1.5-1.9-1.7l-.9-.9c-1.1-1.3-1.1-1.3 0 0 .3.3.5.7.8 1-.5-.7-.9-1.5-1.3-2.2-1.8-2.6 1.3 1 .4 1.2-.1 0-.7-2.2-.8-2.5-1.5-3.9 0 3.3 0 .7 0-.5-.1-1.8-.1-2.1-.1-5.4 0-10.8 0-16.2v-68.3c0-6.3-.1-12.7 0-19v-.3-1.4c0-4.1-1.3 2.6-.1.7.2-.3.7-3.2.9-3.2.4.1-2.5 4.5-.4 1.2-.1.2 1.3-2.2 1.3-2.2-1.9 2.3-2.1 2.6-.7 1l.9-.9.9-.9c1.3-1.1 1.3-1.1 0 0-.3.3-.7.5-1 .8.7-.5 1.5-.9 2.2-1.3 2.6-1.8-1 1.3-1.2.4 0-.1 2.2-.7 2.5-.8 3.9-1.5-3.3 0-.7 0-2.1 0 6.9-.2 2.1-.1h.1c3.1-.1 6.2 0 9.4 0h872.4c3.3 0-1.4.5-1.3-.2 0-.1 2.2.6 2.6.7 3.9.8-2.1-1.8-.6-.3.2.2 2.9 1.5 2.8 1.6-.2.3-3.7-3.5-1-.7l1.8 1.8c2.8 2.6-.9-2.6-.4-.5.1.3 1.8 2.7 1.6 2.8-.4.2-1.4-4.9-.6-1.1 0-.2.7 2.6.7 2.6l-.3-2.7c-.1.7-.1 1.6-.1 2.5.3 10.5 9 20.5 20 20 10.6-.5 20.3-8.8 20-20-.7-27.1-22.3-46.8-48.9-46.8H57.51c-6.5 0-12.7-.1-19.2 1.6-20.7 5.3-34.3 24.7-34.7 45.7-.1 6.6 0 13.1 0 19.7v69.3c0 5.4-.3 11 .1 16.5 1.9 25 21.4 44.2 46.7 44.7 2.9.1 5.8 0 8.6 0h825.9c14.8 0 29.6.1 44.3 0 26.7-.1 47.8-20.5 48.2-47.4.3-18.8 0-37.5 0-56.3v-46.9c0-10.5-9.2-20.5-20-20-10.6.4-19.8 8.7-19.8 19.9z'/%3E%3Cpath stroke='%23fff' stroke-width='7' stroke-miterlimit='10' d='M601.21 33.69c21 27.8 41.9 55.6 62.9 83.4 33.2 44 66.4 88 99.6 132.1l23.1 30.6c6.3 8.3 17.6 13.5 27.4 7.2 8.2-5.3 13.9-18.4 7.2-27.4-21-27.8-41.9-55.6-62.9-83.4-33.2-44-66.4-88-99.6-132.1l-23.1-30.6c-6.3-8.3-17.6-13.5-27.4-7.2-8.3 5.3-14 18.4-7.2 27.4h0zM194.41 279.69c21-27.8 41.9-55.6 62.9-83.4 33.2-44 66.4-88 99.6-132.1l23.1-30.6c6.3-8.4 1.6-22.7-7.2-27.4-10.5-5.6-20.6-1.8-27.4 7.2-21 27.8-41.9 55.6-62.9 83.4-33.2 44-66.4 88-99.6 132.1l-23.1 30.6c-6.3 8.4-1.6 22.7 7.2 27.4 10.6 5.6 20.7 1.8 27.4-7.2h0zM337.98 718.74V531.9c0-10.98 8.98-19.96 19.96-19.96h0c10.98 0 19.96 8.98 19.96 19.96v186.85c0 10.98-8.98 19.96-19.96 19.96h0c-10.98 0-19.96-8.99-19.96-19.97zM472.98 718.74V531.9c0-10.98 8.98-19.96 19.96-19.96h0c10.98 0 19.96 8.98 19.96 19.96v186.85c0 10.98-8.98 19.96-19.96 19.96h0c-10.98 0-19.96-8.99-19.96-19.97zM607.98 718.74V531.9c0-10.98 8.98-19.96 19.96-19.96h0c10.98 0 19.96 8.98 19.96 19.96v186.85c0 10.98-8.98 19.96-19.96 19.96h0c-10.98 0-19.96-8.99-19.96-19.97z'/%3E%3C/svg%3E");
      position: absolute;
      width: 18px;
      height: 17px;
      left: 33px;
      background-repeat: no-repeat; }
    .stock__modal__button .button.no-touch {
      pointer-events: none; }

.stock__modal__bottom--grid {
  display: grid;
  grid-template-columns: 260px 258px 238px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__bottom--grid {
      grid-template-columns: 260px 226px 238px; } }
  @media only screen and (max-width: 1023px) {
    .stock__modal__bottom--grid {
      grid-template-columns: 193px 180px 238px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__bottom--grid {
      grid-template-columns: 100%;
      grid-template-rows: 1fr 1fr 1fr; } }

.stock__modal__bottom--grid-item .heading span {
  font-size: 14px;
  color: #8f92a6; }

.stock__modal__bottom--grid-item .desc span {
  font-size: 18px; }

.stock__modal__bottom--grid-item.sum .desc span {
  font-size: 24px;
  font-weight: bold; }

.stock__modal__bottom--grid-item .button {
  height: 65px; }
  @media only screen and (max-width: 1919px) {
    .stock__modal__bottom--grid-item .button {
      height: 50px; } }
  @media only screen and (max-width: 767px) {
    .stock__modal__bottom--grid-item .button {
      margin-top: 10px; } }

.stock__modal__bottom--grid-item .disabled {
  opacity: 0.7;
  pointer-events: none; }

.stock__modal__bottom--grid-item .no-touch {
  pointer-events: none; }

@-webkit-keyframes show__modal {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: -webkit-box;
    display: flex;
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes show__modal {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0; }
  100% {
    opacity: 1; } }

.main-long {
  width: 360px; }
  @media only screen and (max-width: 1919px) {
    .main-long {
      width: 100%; } }
  @media only screen and (max-width: 1023px) {
    .main-long {
      width: 190px; } }
  @media only screen and (max-width: 767px) {
    .main-long {
      width: 100%;
      grid-column: 1 / -1;
      margin-bottom: 16px; } }

.checkout__stock__item.main.text {
  width: 100%; }
  .checkout__stock__item.main.text .title {
    text-align: center; }
  @media only screen and (max-width: 1023px) {
    .checkout__stock__item.main.text {
      margin-top: 40px; } }

#buy-page .container {
  padding-left: 117px;
  padding-top: 55px; }
  @media only screen and (max-width: 1919px) {
    #buy-page .container {
      padding-left: 17px;
      padding-top: 36px; } }
  @media only screen and (max-width: 1279px) {
    #buy-page .container {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    #buy-page .container {
      padding-left: 0;
      padding-top: 18px; } }

#buy-page .buy__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 26px; }

#buy-page .page__heading {
  position: relative; }
  #buy-page .page__heading h1 {
    display: inline-block; }
  @media only screen and (max-width: 1279px) {
    #buy-page .page__heading {
      max-width: 400px; } }

@media only screen and (max-width: 1023px) {
  #buy-page .inner-page--right__small {
    width: 278px;
    height: 280px; } }

@media only screen and (max-width: 767px) {
  #buy-page .inner-page--right__small {
    width: 189px;
    height: 203px; } }

.buy__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1023px) {
    .buy__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%; }
      .buy__content .map {
        margin-top: 50px; } }

.glass__icon {
  position: absolute;
  top: 17px;
  left: 22px; }
  .glass__icon svg {
    fill: #8f92a6;
    width: 18px; }

.buy__select {
  margin-top: 43px;
  position: relative; }
  @media only screen and (max-width: 1279px) {
    .buy__select {
      margin-top: 20px; } }
  .buy__select input {
    padding-left: 53px;
    height: 50px;
    width: calc(100% - 55px);
    border-style: solid;
    border-width: 1px;
    border-color: #bdc0d2 !important;
    background-color: #f3f2f5 !important; }

.buy__select__input {
  padding-left: 43px; }

.buy__select__placeholder {
  margin-left: 43px !important; }

.buy__select__container {
  height: 50px; }

.buy__select__control {
  height: 50px;
  border-color: #bdc0d2 !important;
  background-color: #f3f2f5 !important; }

.buy__select__indicators {
  display: none !important; }

.buy__card__list {
  margin-top: 45px;
  width: 860px; }
  @media only screen and (max-width: 1919px) {
    .buy__card__list {
      width: 672px; } }
  @media only screen and (max-width: 1279px) {
    .buy__card__list {
      margin-top: 25px;
      width: 508px; } }
  @media only screen and (max-width: 1023px) {
    .buy__card__list {
      width: 100%; } }
  .buy__card__list .trader__card:not(:last-child) {
    margin-bottom: 21px; }

.buy__collections {
  margin-top: 10px; }
  .buy__collections__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: hidden; }
    .buy__collections__list__item {
      margin-top: 10px;
      margin-right: 10px;
      background-color: #e7e8ef;
      padding: 2px 10px;
      cursor: pointer; }
      .buy__collections__list__item.selected {
        background-color: #f43b36; }
        .buy__collections__list__item.selected span {
          color: #fff; }
      .buy__collections__list__item span {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        color: #3d3d51; }

.trader__card {
  width: 860px;
  background: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 33px 50px 42px 54px;
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer; }
  @media only screen and (max-width: 1919px) {
    .trader__card {
      width: 672px; } }
  @media only screen and (max-width: 1279px) {
    .trader__card {
      width: 508px;
      padding: 25px 40px 30px 30px; } }
  @media only screen and (max-width: 1023px) {
    .trader__card {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .trader__card {
      padding: 25px 20px 25px 20px; } }
  .trader__card:hover, .trader__card.active {
    -webkit-box-shadow: 0px 2px 24px 20px rgba(192, 193, 201, 0.36);
            box-shadow: 0px 2px 24px 20px rgba(192, 193, 201, 0.36); }
    .trader__card:hover .title > *, .trader__card.active .title > * {
      color: #f43b35; }
    .trader__card:hover .trader__card__status__container, .trader__card.active .trader__card__status__container {
      background: #f43b35; }

.trader__card__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 767px) {
    .trader__card__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.trader__card__title {
  /*    display: flex;
    flex-direction: column;*/
  max-width: 220px;
  margin-right: 10px; }
  @media only screen and (max-width: 1919px) {
    .trader__card__title {
      max-width: 160px; } }
  @media only screen and (max-width: 1279px) {
    .trader__card__title {
      max-width: 100px; } }
  @media only screen and (max-width: 1023px) {
    .trader__card__title {
      max-width: 140px; } }
  .trader__card__title .title > * {
    font-size: 21px;
    font-weight: bold; }
    @media only screen and (max-width: 1279px) {
      .trader__card__title .title > * {
        font-size: 18px; } }

.trader__card__status__container {
  display: inline-block;
  background: #1c1c1e;
  margin-top: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 9px 0 9px; }

.trader__card__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 16px; }
  .trader__card__status span {
    line-height: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: white; }

.trader__card__content {
  margin-left: auto;
  width: 68%; }
  @media only screen and (max-width: 1279px) {
    .trader__card__content {
      width: 75%; } }
  @media only screen and (max-width: 767px) {
    .trader__card__content {
      width: 100%; } }

.trader__card__address > * {
  font-size: 18px;
  line-height: 24px; }
  @media only screen and (max-width: 1279px) {
    .trader__card__address > * {
      font-size: 16px; } }

.trader__card__phone a, .trader__card__email a, .trader__card__link a {
  text-decoration: none;
  color: #1c1c1e;
  font-size: 15px;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s; }
  @media only screen and (max-width: 1279px) {
    .trader__card__phone a, .trader__card__email a, .trader__card__link a {
      font-size: 14px; } }

.trader__card__phone a:after, .trader__card__email a:after, .trader__card__link a:after {
  content: '';
  width: 0;
  height: 2px;
  -webkit-transition: width .3s;
  transition: width .3s;
  position: absolute;
  top: 19px;
  left: 0;
  background-color: #f43b35; }

.trader__card__phone a:hover, .trader__card__email a:hover, .trader__card__link a:hover {
  color: #f43b35; }

.trader__card__phone a:hover:after, .trader__card__email a:hover:after, .trader__card__link a:hover:after {
  width: 100%; }

.trader__card__phone {
  margin-top: 11px; }

.trader__card__email, .trader__card__link {
  margin-top: 3px; }

.trader__card__collections {
  margin-top: 20px;
  padding-bottom: 10px;
  overflow-x: auto; }
  .trader__card__collections::-webkit-scrollbar {
    background: #e7e8ef;
    border-radius: 10px;
    height: 3px; }
  .trader__card__collections::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #f43b35; }
  .trader__card__collections::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #e7e8ef; }
  .trader__card__collections__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .trader__card__collections__label {
    padding-bottom: 6px; }
    .trader__card__collections__label span {
      font-size: 18px; }
  .trader__card__collections__collection {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 42px;
    height: 42px;
    background-color: rgba(192, 193, 201, 0.36);
    margin-right: 10px; }
    .trader__card__collections__collection:last-child {
      margin-right: 0; }
    .trader__card__collections__collection.group {
      background-color: #f03a35; }
      .trader__card__collections__collection.group span {
        color: #fff;
        font-size: 13px; }
    .trader__card__collections__collection img {
      width: 100%;
      height: 100%; }
  .trader__card__collections__hidden {
    position: absolute;
    top: -80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transform-origin: center top;
            transform-origin: center top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 8px 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 24px 20px rgba(192, 193, 201, 0.36);
            box-shadow: 0px 2px 24px 20px rgba(192, 193, 201, 0.36);
    z-index: 2501; }
    .trader__card__collections__hidden::after {
      position: absolute;
      content: '';
      display: block;
      bottom: -8px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      border-top: 8px solid #fff;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent; }
    .trader__card__collections__hidden::before {
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 26px;
      left: 0;
      bottom: -26px; }

.buy__content--right {
  margin-left: 55px;
  position: relative;
  top: -97px; }
  @media only screen and (max-width: 1919px) {
    .buy__content--right {
      margin-left: 35px;
      top: -20px; } }
  @media only screen and (max-width: 1279px) {
    .buy__content--right {
      top: 0; } }
  @media only screen and (max-width: 1023px) {
    .buy__content--right {
      margin-left: 0; } }
  .buy__content--right .map {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 826px; }
    @media only screen and (max-width: 1279px) {
      .buy__content--right .map {
        height: 650px; } }

.buy__content--right, .map {
  width: 569px; }
  @media only screen and (max-width: 1919px) {
    .buy__content--right, .map {
      width: 385px; } }
  @media only screen and (max-width: 1279px) {
    .buy__content--right, .map {
      width: 360px; } }
  @media only screen and (max-width: 1023px) {
    .buy__content--right, .map {
      width: 100%; } }

[class*="ymaps-2"][class*="-ground-pane"] {
  -webkit-filter: grayscale(100%) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: grayscale(100%) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); }

.pick__city {
  color: #f43b35;
  cursor: pointer;
  position: relative;
  z-index: 53;
  -webkit-transition: color .3s;
  transition: color .3s;
  white-space: nowrap; }
  @media only screen and (max-width: 1279px) {
    .pick__city {
      margin-top: 8px; } }
  @media only screen and (max-width: 767px) {
    .pick__city {
      display: block;
      margin: 3px auto 0 auto;
      text-align: center; } }
  .pick__city svg {
    margin-bottom: 5px;
    margin-left: 10px;
    fill: #f43b35;
    stroke: #f43b35;
    width: 12px;
    height: 8px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s; }

.pick__city--active {
  color: white; }
  .pick__city--active svg {
    fill: white;
    stroke: white;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.pick__city__modal--overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  z-index: -1; }

.overlay--active {
  display: block;
  opacity: 1;
  z-index: 51; }

.pick__city__modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 624px;
  height: 524px;
  background: #1e1f26;
  position: absolute;
  overflow: hidden;
  max-height: 0;
  z-index: 52;
  left: 299px;
  top: -52px;
  -webkit-transition: max-height .3s;
  transition: max-height .3s; }
  @media only screen and (max-width: 1919px) {
    .pick__city__modal {
      width: 550px; } }
  @media only screen and (max-width: 1279px) {
    .pick__city__modal {
      left: -35px;
      top: -10px;
      width: 430px; } }
  @media only screen and (max-width: 767px) {
    .pick__city__modal {
      width: 100%;
      left: 0; } }

.pick__city__modal__container {
  padding: 52px 80px 60px 75px;
  /*&:before {
        height: 52px;
        width: 100%;
    }*/ }
  @media only screen and (max-width: 1279px) {
    .pick__city__modal__container {
      padding: 30px 35px 32px 35px; } }

.pick__city__modal__heading span {
  font-size: 40px;
  color: white;
  font-weight: bold; }

.pick__city__modal__heading svg {
  margin-bottom: 5px;
  margin-left: 10px;
  fill: white;
  stroke: white;
  width: 12px;
  height: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.pick__city__modal__search {
  margin-top: 56px;
  position: relative; }
  .pick__city__modal__search .glass__icon {
    left: 5px;
    top: 10px; }
    .pick__city__modal__search .glass__icon svg {
      fill: white; }

.pick__city__modal__search__single-value {
  color: white !important;
  font-weight: bold;
  padding-left: 20px !important; }

.pick__city__modal__search__value-container:focus {
  outline: none !important; }

.pick__city__modal__search__control {
  background: none !important;
  border-color: unset !important;
  border-bottom: white 1px solid !important;
  border-radius: unset !important; }

.pick__city__modal__search__indicators {
  display: none !important; }

.pick__city__modal__search__menu {
  border-radius: unset !important;
  background-color: unset !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.pick__city__modal__search__menu-list {
  max-height: 230px !important; }
  .pick__city__modal__search__menu-list::-webkit-scrollbar {
    width: 5px; }
  .pick__city__modal__search__menu-list::-webkit-scrollbar-thumb {
    background: #2e303a;
    border-radius: 3px; }

.pick__city__modal__search__option {
  color: white !important;
  cursor: pointer !important;
  background: transparent !important; }
  .pick__city__modal__search__option--is-focused {
    background: transparent !important; }

.pick__city__modal__search__placeholder {
  color: #737791 !important;
  font-weight: bold;
  font-size: 21px;
  padding-left: 20px !important; }

.pick__city__modal__search__input {
  padding-left: 20px !important; }
  .pick__city__modal__search__input > * {
    color: white !important;
    font-weight: bold;
    font-size: 21px; }

#inner-page .container {
  padding-left: 117px;
  padding-top: 55px; }
  @media only screen and (max-width: 1919px) {
    #inner-page .container {
      padding-left: 17px;
      padding-top: 36px; } }
  @media only screen and (max-width: 1279px) {
    #inner-page .container {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    #inner-page .container {
      padding-left: 0;
      padding-top: 18px; } }

#inner-page .inner__content {
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1023px) {
    #inner-page .inner__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

#inner-page .inner__right {
  position: relative;
  right: -91px; }
  @media only screen and (max-width: 1919px) {
    #inner-page .inner__right {
      right: 0 !important;
      position: absolute !important; } }
  @media only screen and (max-width: 1023px) {
    #inner-page .inner__right {
      position: relative !important;
      width: 100% !important;
      height: unset !important;
      margin-top: 30px; } }
  @media only screen and (max-width: 1919px) {
    #inner-page .inner__right:after {
      height: 90%; } }
  @media only screen and (max-width: 1023px) {
    #inner-page .inner__right .form__group {
      width: 260px; } }
  @media only screen and (max-width: 767px) {
    #inner-page .inner__right .form__group {
      width: 100%; } }
  #inner-page .inner__right .form__group:not(:last-child) {
    margin-bottom: 10px; }
  @media only screen and (max-width: 1023px) {
    #inner-page .inner__right .button {
      width: 260px; } }
  @media only screen and (max-width: 767px) {
    #inner-page .inner__right .button {
      margin-top: 15px;
      width: 100%; } }

#inner-page h2 {
  font-size: 24px; }
  @media only screen and (max-width: 1919px) {
    #inner-page h2 {
      font-size: 22px; } }

#inner-page h3 {
  margin-bottom: 37px;
  font-size: 21px;
  line-height: 36px;
  font-weight: normal; }
  @media only screen and (max-width: 1919px) {
    #inner-page h3 {
      font-size: 18px;
      line-height: 32px; } }

#inner-page p {
  width: 96%;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 50px; }

#inner-page ul {
  list-style: none;
  margin-left: 73px;
  padding-left: 0;
  width: 77%; }
  @media only screen and (max-width: 1919px) {
    #inner-page ul {
      margin-left: 40px; } }

#inner-page li {
  display: block;
  position: relative; }
  #inner-page li:not(:last-child) {
    margin-bottom: 30px; }

#inner-page li:before {
  content: "";
  position: absolute;
  left: -37px;
  top: 5px;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  background: #f43b35;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.58 61.3'%3E%3Cpath fill='%23FFF' d='M21.72 38.64l-7.85-11.25c-2.6-3.73-16.14 5.72-13.55 9.45l14.6 20.94c2.6 3.73 7.77 4.65 11.5 2.05 1.06-.74 1.88-1.69 2.47-2.75h.01s.02-.04.03-.07c.19-.35.35-.7.49-1.07C32.44 49.46 48.35 16.79 70.58 0c0 0-27.99.71-48.86 38.64z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 10px 8px;
  background-position: center; }

.inner-page__content {
  width: 927px; }
  @media only screen and (max-width: 1919px) {
    .inner-page__content {
      width: 702px; } }
  @media only screen and (max-width: 1279px) {
    .inner-page__content {
      width: 508px; } }
  @media only screen and (max-width: 1023px) {
    .inner-page__content {
      width: 100%; } }

.inner__contact {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  margin-left: 84px;
  width: 271px; }
  @media only screen and (max-width: 1919px) {
    .inner__contact {
      width: 257px;
      margin-left: 55px; } }
  @media only screen and (max-width: 1023px) {
    .inner__contact {
      position: relative;
      width: calc(100% - 82px);
      margin-left: 41px;
      margin-top: 8px;
      padding-bottom: 56px; } }
  @media only screen and (max-width: 767px) {
    .inner__contact {
      margin-left: 20px;
      width: calc(100% - 40px);
      padding-bottom: 44px; } }
  .inner__contact__heading {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
    text-align: center; }
  .inner__contact .privacy {
    margin-top: 29px;
    margin-bottom: 31px; }
    .inner__contact .privacy a {
      display: inline-block;
      line-height: 14px;
      color: #1c1c1e;
      text-decoration: none;
      border-bottom: #1c1c1e 1px solid; }
    @media only screen and (max-width: 1023px) {
      .inner__contact .privacy {
        margin: 0 0 0 35px; } }
    @media only screen and (max-width: 767px) {
      .inner__contact .privacy {
        margin-left: 0px; } }
    .inner__contact .privacy label:before {
      position: absolute;
      top: 5px; }
    .inner__contact .privacy label > * {
      margin-left: 22px;
      width: 250px; }
  .inner__contact .button {
    height: 65px; }

.reset__group {
  background: white;
  width: 956px;
  padding: 40px 36px 54px 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 33px; }
  @media only screen and (max-width: 1919px) {
    .reset__group {
      width: 702px; } }
  @media only screen and (max-width: 1279px) {
    .reset__group {
      width: 508px;
      padding: 40px 36px 34px 38px; } }
  @media only screen and (max-width: 1023px) {
    .reset__group {
      width: 100%; } }
  .reset__group .reset__grid {
    display: grid;
    grid-template-columns: 300px 300px;
    grid-column-gap: 70px; }
    @media only screen and (max-width: 1919px) {
      .reset__group .reset__grid {
        grid-template-columns: 270px 270px;
        grid-column-gap: 40px; } }
    @media only screen and (max-width: 1279px) {
      .reset__group .reset__grid {
        grid-column-gap: 30px;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 1fr;
        grid-row-gap: 20px; } }
  .reset__group .reset__grid__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .reset__group .form__group {
    width: 300px; }
    @media only screen and (max-width: 1919px) {
      .reset__group .form__group {
        width: 270px; } }
    @media only screen and (max-width: 1023px) {
      .reset__group .form__group {
        width: 80%; } }
  .reset__group .button {
    width: 196px;
    margin-top: 41px; }
  .reset__group.message span.text {
    font-size: 20px; }

.email.reset > * {
  font-size: 14px !important;
  margin-left: 0; }

.black-list {
  padding-top: 156px;
  overflow: hidden; }
  @media only screen and (max-width: 1919px) {
    .black-list {
      padding-top: 138px; } }
  @media only screen and (max-width: 1024px) {
    .black-list {
      padding-top: 182px; } }
  @media only screen and (max-width: 767px) {
    .black-list {
      margin-top: 100px;
      padding-top: 0; } }
  .black-list__title {
    margin-top: 27px;
    margin-bottom: 43px;
    width: 826px; }
    @media only screen and (max-width: 1024px) {
      .black-list__title {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 15px; } }
    @media only screen and (max-width: 767px) {
      .black-list__title {
        margin-top: 27px;
        margin-bottom: 19px; } }
  .black-list__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px; }
    @media only screen and (max-width: 1024px) {
      .black-list__list {
        grid-template-columns: 1fr;
        gap: 20px; } }
  .black-list__item {
    background-color: #ffffff; }
    .black-list__item-wrapper {
      padding: 34px 55px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media only screen and (max-width: 1024px) {
        .black-list__item-wrapper {
          padding: 34px 31px; } }
      @media only screen and (max-width: 767px) {
        .black-list__item-wrapper {
          padding: 23px 21px; } }
    .black-list__item-title {
      font-size: 21px;
      line-height: 40px;
      font-weight: 700; }
      @media only screen and (max-width: 1024px) {
        .black-list__item-title {
          font-size: 18px; } }
    .black-list__item-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 11px;
      font-size: 18px;
      line-height: 40px;
      text-decoration: underline;
      color: #8F92A6; }
      .black-list__item-link.mobile {
        display: none; }
      @media only screen and (max-width: 1024px) {
        .black-list__item-link {
          font-size: 16px; } }
      @media only screen and (max-width: 767px) {
        .black-list__item-link {
          display: none; }
          .black-list__item-link.mobile {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }

body {
  background-color: #f3f2f5;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1e;
  min-width: 375px; }
  body.fixed {
    overflow: hidden; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

@media only screen and (max-width: 767px) {
  .page-content {
    position: relative; } }

:focus {
  outline: none; }

.container {
  width: 1598px;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1919px) {
    .container {
      width: 1080px; } }
  @media only screen and (max-width: 1279px) {
    .container {
      width: 904px; } }
  @media only screen and (max-width: 1023px) {
    .container {
      width: 669px; } }
  @media only screen and (max-width: 767px) {
    .container {
      width: 90%; } }

#inner-page .container {
  padding-left: 117px;
  padding-top: 55px; }
  @media only screen and (max-width: 1919px) {
    #inner-page .container {
      padding-left: 17px;
      padding-top: 36px; } }
  @media only screen and (max-width: 1279px) {
    #inner-page .container {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    #inner-page .container {
      padding-left: 0;
      padding-top: 18px; } }

.inner-page {
  margin-top: 100px; }

.page__heading span, .page__heading h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  margin: 0; }
  @media only screen and (max-width: 1919px) {
    .page__heading span, .page__heading h1 {
      font-size: 38px;
      line-height: 38px; } }
  @media only screen and (max-width: 1279px) {
    .page__heading span, .page__heading h1 {
      font-size: 34px;
      line-height: 34px; } }
  @media only screen and (max-width: 767px) {
    .page__heading span, .page__heading h1 {
      font-size: 30px;
      line-height: 30px; } }

.page__heading .button span {
  font-size: 14px; }
  @media only screen and (max-width: 767px) {
    .page__heading .button span {
      font-size: 12px; } }

.page__heading .rrs__label span {
  font-size: 16px;
  font-weight: normal; }
  @media only screen and (max-width: 1279px) {
    .page__heading .rrs__label span {
      font-size: 14px; } }

.inner-page--right {
  background: #fff;
  width: 615px;
  position: relative;
  right: -110px; }
  @media only screen and (max-width: 1919px) {
    .inner-page--right {
      width: 411px; } }
  .inner-page--right:after, .inner-page--right:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 615px;
    background: #fff;
    z-index: -1; }
    @media only screen and (max-width: 1919px) {
      .inner-page--right:after, .inner-page--right:before {
        width: 411px; } }
    @media only screen and (max-width: 1023px) {
      .inner-page--right:after, .inner-page--right:before {
        content: none; } }
  .inner-page--right:before {
    top: -220px;
    height: calc(100% + 480px); }
  .inner-page--right.orders:before {
    height: 100%; }

.inner-page--right__small {
  background: #fff;
  width: 615px;
  height: 426px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1; }
  @media only screen and (max-width: 1919px) {
    .inner-page--right__small {
      width: 410px; } }
  @media only screen and (max-width: 1023px) {
    .inner-page--right__small {
      width: 278px;
      height: 550px; } }
  @media only screen and (max-width: 767px) {
    .inner-page--right__small {
      width: 189px;
      height: 203px;
      top: -100px; } }

.inner-page--right__small--responsive {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 192px;
  width: 279px;
  background: white; }
  @media only screen and (max-width: 1023px) {
    .inner-page--right__small--responsive {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .inner-page--right__small--responsive {
      top: -100px;
      width: 189px;
      height: 216px; } }

.swiper-container .swiper-lazy-preloader {
  display: block;
  height: 50px;
  width: 50px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2038%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22-627.069%22%20y1%3D%22382.82%22%20x2%3D%22-626.492%22%20y2%3D%22382.581%22%20gradientTransform%3D%22matrix%2818%200%200%20-18%2011307%206890%29%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f43b35%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.631%22%20stop-color%3D%22%23f43b35%22%20stop-opacity%3D%22.631%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f43b35%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url%28%23a%29%22%20stroke-width%3D%222%22%20d%3D%22M36%2018c0-9.9-8.1-18-18-18%22%3E%3CanimateTransform%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22transform%22%20calcMode%3D%22linear%22%20dur%3D%220.9s%22%20fill%3D%22remove%22%20from%3D%220%2018%2018%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20to%3D%22360%2018%2018%22%20type%3D%22rotate%22%2F%3E%3C%2Fpath%3E%3Ccircle%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23f43b35%22%20cx%3D%2236%22%20cy%3D%2218%22%20r%3D%221%22%3E%3CanimateTransform%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22transform%22%20calcMode%3D%22linear%22%20dur%3D%220.9s%22%20fill%3D%22remove%22%20from%3D%220%2018%2018%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20to%3D%22360%2018%2018%22%20type%3D%22rotate%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 50px;
  margin: auto;
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-animation: none;
          animation: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0; }
  .swiper-container .swiper-lazy-preloader:after {
    display: none; }

.form__group {
  position: relative;
  text-align: left; }
  .form__group input[type=number]::-webkit-inner-spin-button,
  .form__group input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; }
  .form__group input[type=number] {
    -moz-appearance: textfield; }
  .form__group.another {
    width: 215px;
    margin-left: 18px; }
    .form__group.another .form__control {
      height: 30px; }
  .form__group.long {
    width: 100% !important; }
  .form__group .input__error span {
    font-size: 14px;
    color: #f43b35; }
  .form__group .input__error.hide {
    display: none; }
  .form__group .form__control {
    width: 100%;
    height: 50px;
    border: 0;
    border-bottom: #bdc0d2 1px solid;
    padding: 5px 20px 0 22px;
    margin-right: 30px;
    font-size: 16px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*&:required {
            border: 1px #dd5656 solid;
        } */ }
    .form__group .form__control:focus {
      outline: none; }
    .form__group .form__control:focus + label, .form__group .form__control:valid + label, .form__group .form__control:disabled + label {
      top: -9px;
      font-size: 14px; }
    .form__group .form__control:focus + .input__placeholder, .form__group .form__control:valid + .input__placeholder, .form__group .form__control:disabled + .input__placeholder {
      display: block; }
  .form__group label {
    position: absolute;
    font-size: 14px;
    color: #bdc0d2;
    left: 22px;
    top: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    pointer-events: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 30px); }
    @media only screen and (max-width: 1919px) {
      .form__group label {
        left: 7px; } }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #1c1c1e;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s; }

.privacy > * {
  font-size: 12px;
  line-height: 18px; }

.checkbox__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .checkbox__container.without-icon .checkbox:checked + label:after {
    content: attr(data-order);
    font-size: 11px;
    top: 0;
    left: 5px;
    color: white;
    font-weight: bold;
    background-image: none; }
  .checkbox__container .checkbox:checked + label:after {
    left: 3px;
    top: 8px; }
    @media only screen and (max-width: 1919px) {
      .checkbox__container .checkbox:checked + label:after {
        top: 5px; } }
  .checkbox__container.large {
    margin-right: 60px; }
    @media only screen and (max-width: 1023px) {
      .checkbox__container.large {
        margin-right: 55px; } }
  .checkbox__container a {
    display: inline-block;
    line-height: 14px;
    color: #1c1c1e;
    text-decoration: none;
    border-bottom: #1c1c1e 1px solid; }

.checkbox {
  position: absolute;
  opacity: 0; }
  .checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (max-width: 1919px) {
      .checkbox + label {
        font-size: 14px;
        line-height: 18px; } }
  .checkbox + label:before {
    content: '';
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 13px;
    height: 13px;
    border-radius: 2px;
    background: #fff;
    border: #b8b8b8 1px solid; }
  @media only screen and (min-width: 1001px) {
    .checkbox:hover + label:before {
      background: #f43b35;
      width: 15px;
      height: 15px;
      border: none; } }
  .checkbox:checked + label:before {
    background: #f43b35;
    border: none;
    width: 15px;
    height: 15px; }
  .checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
  .checkbox:disabled + label:before {
    -webkit-box-shadow: none;
            box-shadow: none;
    background: #ddd; }
  .checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 8px;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.58 61.3'%3E%3Cpath fill='%23FFF' d='M21.72 38.64l-7.85-11.25c-2.6-3.73-16.14 5.72-13.55 9.45l14.6 20.94c2.6 3.73 7.77 4.65 11.5 2.05 1.06-.74 1.88-1.69 2.47-2.75h.01s.02-.04.03-.07c.19-.35.35-.7.49-1.07C32.44 49.46 48.35 16.79 70.58 0c0 0-27.99.71-48.86 38.64z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }

.checkbox--large {
  position: absolute;
  opacity: 0; }
  .checkbox--large + label {
    position: relative;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 35px; }
    .checkbox--large + label span {
      z-index: 9999;
      white-space: nowrap;
      font-size: 14px; }
  @media only screen and (min-width: 1001px) {
    .checkbox--large:hover + label span {
      color: #fff; } }
  .checkbox--large:checked + label span {
    color: #fff; }
  .checkbox--large + label:before {
    content: '';
    padding-left: 22px;
    padding-right: 22px;
    width: inherit;
    height: 35px;
    border-radius: 18px;
    background: #e8e9f0;
    position: absolute;
    z-index: 0; }
  @media only screen and (min-width: 1001px) {
    .checkbox--large:hover + label:before {
      background: #f43b35;
      padding-left: 22px;
      padding-right: 22px;
      height: 35px;
      border: none;
      position: absolute; } }
  .checkbox--large:checked + label:before {
    background: #f43b35;
    border: none;
    padding-left: 22px;
    padding-right: 22px;
    height: 35px;
    position: absolute; }
  .checkbox--large:disabled + label {
    background: #e8e9f0;
    cursor: auto; }
  .checkbox--large:disabled + label:before {
    -webkit-box-shadow: none;
            box-shadow: none;
    background: #e8e9f0; }

.radio [type="radio"]:checked,
.radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px; }

.radio [type="radio"]:checked + label {
  font-weight: bold; }

.radio [type="radio"]:not(:checked) + label {
  color: #8f92a6; }

.radio [type="radio"]:checked + label,
.radio [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .radio [type="radio"]:checked + label:hover,
  .radio [type="radio"]:not(:checked) + label:hover {
    color: #1c1c1e; }

.radio [type="radio"]:checked + label:before {
  background: #f43b35;
  border: none !important;
  width: 15px !important;
  height: 15px !important; }

.radio [type="radio"]:checked + label:before,
.radio [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 13px;
  height: 13px;
  border: 1px solid #acafbf;
  border-radius: 100%; }

.radio [type="radio"]:checked + label:after,
.radio [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 7px;
  height: 7px;
  background: #fff;
  position: absolute;
  top: 7px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

.radio [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.video_wrapper {
  width: 470px;
  height: 265px;
  margin-left: 77px;
  position: relative;
  background-color: #000; }
  @media only screen and (max-width: 1919px) {
    .video_wrapper {
      width: 395px;
      height: 223px;
      margin-left: 40px; } }
  @media only screen and (max-width: 1279px) {
    .video_wrapper {
      width: 367px;
      height: 207px; } }

/*.video_wrapper_full {
    padding-top: 315px;
}*/
.videoIframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent; }

.videoPoster {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: 100%;
  border: none;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s; }

.videoPoster:hover {
  cursor: pointer; }

.videoPoster:before {
  content: '';
  position: absolute;
  top: 55.7%;
  left: 53.5%;
  width: 48px;
  height: 48px;
  margin: -40px 0 0 -40px;
  background: #f43b35;
  border-radius: 100%;
  -webkit-transition: background 600ms;
  transition: background 600ms; }
  @media only screen and (max-width: 1919px) {
    .videoPoster:before {
      margin-top: -35px;
      left: 53.9%; } }

.videoPoster:after {
  content: '';
  position: absolute;
  top: 54.8%;
  left: 51.5%;
  width: 0;
  height: 0;
  margin: -20px 0 0 -10px;
  border-left: 11px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms; }
  @media only screen and (max-width: 1919px) {
    .videoPoster:after {
      top: 56.5%;
      left: 51.5%; } }

.videoPoster:hover:before, .videoPoster:focus:before {
  background: #fff; }

.videoPoster:hover:after, .videoPoster:focus:after {
  border-left-color: #f00; }

.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms; }

.back-button {
  width: 74px;
  height: 16px;
  background: #f43b35;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .2s ease;
  transition: .2s ease; }
  .back-button svg {
    margin-left: 7px;
    fill: #fff; }
  .back-button > * {
    margin-left: auto;
    margin-right: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0; }
  .back-button:hover {
    background: transparent; }
    .back-button:hover > * {
      color: #1c1c1e; }
    .back-button:hover svg {
      fill: #1c1c1e; }

.swiper-button-next:after, .swiper-button-prev:after {
  content: none !important; }

.error {
  margin-bottom: 10px; }
  .error span {
    font-size: 14px;
    color: #f43b35; }

.page-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #f3f2f5;
  z-index: 9999;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*.page-loader__bg {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2038%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22-627.069%22%20y1%3D%22382.82%22%20x2%3D%22-626.492%22%20y2%3D%22382.581%22%20gradientTransform%3D%22matrix%2818%200%200%20-18%2011307%206890%29%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f43b35%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.631%22%20stop-color%3D%22%23f43b35%22%20stop-opacity%3D%22.631%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f43b35%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url%28%23a%29%22%20stroke-width%3D%222%22%20d%3D%22M36%2018c0-9.9-8.1-18-18-18%22%3E%3CanimateTransform%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22transform%22%20calcMode%3D%22linear%22%20dur%3D%220.9s%22%20fill%3D%22remove%22%20from%3D%220%2018%2018%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20to%3D%22360%2018%2018%22%20type%3D%22rotate%22%2F%3E%3C%2Fpath%3E%3Ccircle%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23f43b35%22%20cx%3D%2236%22%20cy%3D%2218%22%20r%3D%221%22%3E%3CanimateTransform%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22transform%22%20calcMode%3D%22linear%22%20dur%3D%220.9s%22%20fill%3D%22remove%22%20from%3D%220%2018%2018%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20to%3D%22360%2018%2018%22%20type%3D%22rotate%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        width: 50px;
        height: 50px;
        position: absolute;
    }*/ }

.success-form {
  text-align: center; }
  .success-form .success-form__heading span {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold; }
  .success-form .success-form__desc {
    margin-top: 16px; }
    .success-form .success-form__desc span {
      font-size: 16px;
      line-height: 30px; }
  .success-form .success-form__button .button {
    margin-top: 32px; }

.input-error {
  display: none;
  font-size: 14px;
  color: #f43b35;
  font-weight: normal; }
  .input-error.show {
    display: block; }

@-webkit-keyframes hoverA {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%); }
  25% {
    opacity: 1;
    -webkit-transform: translateX(30%);
            transform: translateX(30%); }
  50% {
    opacity: 0;
    -webkit-transform: translateX(60%);
            transform: translateX(60%); }
  50.001% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  75% {
    opacity: 1;
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%); }
  90% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes hoverA {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%); }
  25% {
    opacity: 1;
    -webkit-transform: translateX(30%);
            transform: translateX(30%); }
  50% {
    opacity: 0;
    -webkit-transform: translateX(60%);
            transform: translateX(60%); }
  50.001% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  75% {
    opacity: 1;
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%); }
  90% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }