/* Start:/local/templates/avtosalon/css/style.css?1675836817133281*/
@import url(https://fonts.googleapis.com/css?family=Cormorant+Unicase:300,regular,500,600,700);

@charset "UTF-8";

@font-face {
  font-family: "icomoon";
  font-display: swap;
  src: url("/local/templates/avtosalon/css/../fonts/icomoon.woff2") format("woff2"), url("/local/templates/avtosalon/css/../fonts/icomoon.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Onest";
  font-display: swap;
  src: url("/local/templates/avtosalon/css/../fonts/OnestBlack.woff2") format("woff2"), url("/local/templates/avtosalon/css/../fonts/OnestBlack.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Onest";
  font-display: swap;
  src: url("/local/templates/avtosalon/css/../fonts/OnestBold.woff2") format("woff2"), url("/local/templates/avtosalon/css/../fonts/OnestBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Onest";
  font-display: swap;
  src: url("/local/templates/avtosalon/css/../fonts/OnestExtraBold.woff2") format("woff2"), url("/local/templates/avtosalon/css/../fonts/OnestExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Onest";
  font-display: swap;
  src: url("/local/templates/avtosalon/css/../fonts/OnestLight.woff2") format("woff2"), url("/local/templates/avtosalon/css/../fonts/OnestLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Onest";
  font-display: swap;
  src: url("/local/templates/avtosalon/css/../fonts/OnestMedium.woff2") format("woff2"), url("/local/templates/avtosalon/css/../fonts/OnestMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Onest";
  font-display: swap;
  src: url("/local/templates/avtosalon/css/../fonts/OnestRegular.woff2") format("woff2"), url("/local/templates/avtosalon/css/../fonts/OnestRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Onest";
  font-display: swap;
  src: url("/local/templates/avtosalon/css/../fonts/OnestThin.woff2") format("woff2"), url("/local/templates/avtosalon/css/../fonts/OnestThin.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

[class*=_icon-]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=_icon-]:before {
  display: block;
}

.icon-icon-logo:before {
  content: "\e900";
}

.icon-icon-mail:before {
  content: "\e901";
}

.icon-icon-phone:before {
  content: "\e902";
}

.icon-icon-location:before {
  content: "\e903";
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #AAAAAA;
  line-height: 1;
  font-family: "Onest";
  font-size: 1.25rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Onest";
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

body {
  background-color: #080C0F;
}

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
}

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

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

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

/*
(i) Стили будут применяться ко 
всем классам содержащим *__container
Например header__container, main__container и т.д.
Снипет (HTML): cnt
*/

[class*=__container] {
  max-width: 78.75rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.button {
  position: relative;
  border-radius: 160px;
  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;
}

@supports (width: clamp( 9.375rem , 8.762755102rem  +  3.0612244898vw , 11.25rem )) {
  .button {
    width: clamp( 9.375rem , 8.762755102rem  +  3.0612244898vw , 11.25rem );
  }
}

@supports not (width: clamp( 9.375rem , 8.762755102rem  +  3.0612244898vw , 11.25rem )) {
  .button {
    width: calc(9.375rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

@supports (height: clamp( 9.375rem , 8.762755102rem  +  3.0612244898vw , 11.25rem )) {
  .button {
    height: clamp( 9.375rem , 8.762755102rem  +  3.0612244898vw , 11.25rem );
  }
}

@supports not (height: clamp( 9.375rem , 8.762755102rem  +  3.0612244898vw , 11.25rem )) {
  .button {
    height: calc(9.375rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

.button span {
  position: absolute;
  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;
  width: 130px;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.2;
  text-align: center;
}

.white {
  background: #F5F5F5;
  color: #222222;
  -webkit-transition: all 0.4s 0s ease;
  -o-transition: all 0.4s 0s ease;
  transition: all 0.4s 0s ease;
}

.white:disabled {
  background: #434343;
  color: #686868;
}

.transparent {
  border: 1px solid #686868;
  background: transparent;
  color: #F5F5F5;
  -webkit-transition: all 0.4s 0s ease;
  -o-transition: all 0.4s 0s ease;
  transition: all 0.4s 0s ease;
}

.transparent:disabled {
  border: 1px solid #434343;
  color: #434343;
}

.black {
  border: 1px solid #686868;
  background: #080C0F;
  color: #F5F5F5;
  -webkit-transition: all 0.4s 0s ease;
  -o-transition: all 0.4s 0s ease;
  transition: all 0.4s 0s ease;
}

.black span {
  color: #AAAAAA;
  font-size: 1rem;
  line-height: 1.275;
  font-weight: 300;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input {
  border-radius: 0 !important;
  width: 100%;
  height: 68px;
  display: block;
  color: #DCDCDC;
  border: 1px solid #434343;
  background-color: transparent;
  padding-left: 20px;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .input {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .input {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .input {
    line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem );
  }
}

@supports not (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .input {
    line-height: calc(1.35rem + 0.24375 * (100vw - 20rem) / 61.25);
  }
}

.input:valid:focus {
  background-color: transparent;
  border: 1px solid #AAAAAA;
}

.input:valid {
  background-color: transparent;
  border: 1px solid #AAAAAA;
}

.input::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  color: #AAAAAA;
}

.input::-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  color: #AAAAAA;
}

.input:-ms-input-placeholder {
  opacity: 1;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  color: #AAAAAA;
}

.input::-ms-input-placeholder {
  opacity: 1;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  color: #AAAAAA;
}

.input::placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  color: #AAAAAA;
}

.input:focus {
  border: 1px solid #AAAAAA;
  border-radius: none;
}

.input:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.input:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.input:focus:-ms-input-placeholder {
  opacity: 0;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.input:focus::-ms-input-placeholder {
  opacity: 0;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.input:focus::placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

textarea.input {
  resize: none;
  padding: 0px 0px;
}

.checkbox {
  position: relative;
}

.checkbox:not(:last-child) {
  margin-bottom: 0.3125em;
}

.checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.checkbox__input:focus + .checkbox__label:before {
  -webkit-box-shadow: 0 0 5px #000;
          box-shadow: 0 0 5px #000;
}

.checkbox__input:checked + .checkbox__label:before {
  background: url("/local/templates/avtosalon/css/../img/icon/check.svg") 50% 50% no-repeat;
}

.checkbox__label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: 0.9375rem;
}

.checkbox__label:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #adb5bd;
}

.checkbox__text {
  font-size: 1.0625rem;
  line-height: 1.2;
  color: #686868;
  font-weight: 300;
  padding-left: 6px;
}

body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease 0s;
  -o-transition: opacity 0.8s ease 0s;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

.popup-show body::after {
  opacity: 1;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  -webkit-transition: visibility 0.8s ease 0s;
  -o-transition: visibility 0.8s ease 0s;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}

.popup__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: center;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .popup__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .popup__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .popup__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .popup__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

.popup__close {
  float: right;
}

@supports (padding-top: clamp( 2.375rem , 1.7831632653rem  +  2.9591836735vw , 4.1875rem )) {
  .popup__text {
    padding-top: clamp( 2.375rem , 1.7831632653rem  +  2.9591836735vw , 4.1875rem );
  }
}

@supports not (padding-top: clamp( 2.375rem , 1.7831632653rem  +  2.9591836735vw , 4.1875rem )) {
  .popup__text {
    padding-top: calc(2.375rem + 1.8125 * (100vw - 20rem) / 61.25);
  }
}

@supports (padding-bottom: clamp( 2.375rem , 1.7831632653rem  +  2.9591836735vw , 4.1875rem )) {
  .popup__text {
    padding-bottom: clamp( 2.375rem , 1.7831632653rem  +  2.9591836735vw , 4.1875rem );
  }
}

@supports not (padding-bottom: clamp( 2.375rem , 1.7831632653rem  +  2.9591836735vw , 4.1875rem )) {
  .popup__text {
    padding-bottom: calc(2.375rem + 1.8125 * (100vw - 20rem) / 61.25);
  }
}

@supports (padding-left: clamp( 1.0625rem , 0.0420918367rem  +  5.1020408163vw , 4.1875rem )) {
  .popup__text {
    padding-left: clamp( 1.0625rem , 0.0420918367rem  +  5.1020408163vw , 4.1875rem );
  }
}

@supports not (padding-left: clamp( 1.0625rem , 0.0420918367rem  +  5.1020408163vw , 4.1875rem )) {
  .popup__text {
    padding-left: calc(1.0625rem + 3.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (padding-rigth: clamp( 1.0625rem , 0.0420918367rem  +  5.1020408163vw , 4.1875rem )) {
  .popup__text {
    padding-rigth: clamp( 1.0625rem , 0.0420918367rem  +  5.1020408163vw , 4.1875rem );
  }
}

@supports not (padding-rigth: clamp( 1.0625rem , 0.0420918367rem  +  5.1020408163vw , 4.1875rem )) {
  .popup__text {
    padding-rigth: calc(1.0625rem + 3.125 * (100vw - 20rem) / 61.25);
  }
}

.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.popup__wrapper {
  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;
  min-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-items: center;
}

.popup__content {
  visibility: hidden;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  background: #080C0F;
  border: 1px solid #686868;
  width: 100%;
  max-width: 1044px;
}

@supports (padding: clamp( 1.375rem , 1.1505102041rem  +  1.1224489796vw , 2.0625rem )) {
  .popup__content {
    padding: clamp( 1.375rem , 1.1505102041rem  +  1.1224489796vw , 2.0625rem );
  }
}

@supports not (padding: clamp( 1.375rem , 1.1505102041rem  +  1.1224489796vw , 2.0625rem )) {
  .popup__content {
    padding: calc(1.375rem + 0.6875 * (100vw - 20rem) / 61.25);
  }
}

.lock .popup__content {
  visibility: visible;
}

.spollers {
  display: -ms-grid;
  display: grid;
  gap: 15px;
}

.spollers__item {
  font-size: 1.25rem;
}

.spollers__title {
  width: 100%;
  cursor: default;
  text-align: left;
  padding: 0.625rem 0.9375rem;
  border-radius: 0.3125rem;
  position: relative;
}

._spoller-init .spollers__title {
  cursor: pointer;
}

._spoller-init .spollers__title::before,
._spoller-init .spollers__title::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  background-color: #000;
  height: 2px;
  width: 15px;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  transition: -webkit-transform 0.5s ease 0s;
  -o-transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}

._spoller-init .spollers__title::before {
  -webkit-transform: translate(-75%, -50%) rotate(40deg);
      -ms-transform: translate(-75%, -50%) rotate(40deg);
          transform: translate(-75%, -50%) rotate(40deg);
}

._spoller-init .spollers__title::after {
  -webkit-transform: translate(0, -50%) rotate(-40deg);
      -ms-transform: translate(0, -50%) rotate(-40deg);
          transform: translate(0, -50%) rotate(-40deg);
}

._spoller-init .spollers__title._spoller-active::before {
  -webkit-transform: translateX(-75%) rotate(-40deg);
      -ms-transform: translateX(-75%) rotate(-40deg);
          transform: translateX(-75%) rotate(-40deg);
}

._spoller-init .spollers__title._spoller-active::after {
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}

.spollers__body {
  padding: 1.25rem;
  border-radius: 0.3125rem;
}

[data-showmore-button] span:last-child {
  display: none;
}

._showmore-active [data-showmore-button] span {
  display: none;
}

._showmore-active [data-showmore-button] span:last-child {
  display: block;
}

[class*=-ibg] {
  position: relative;
}

[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=-ibg_contain] img {
  -o-object-fit: contain;
     object-fit: contain;
}

@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .service {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .service {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

.service__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: center;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .service__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .service__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .service__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .service__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 2.1875rem , 1.881377551rem  +  1.5306122449vw , 3.125rem )) {
  .service__title {
    margin-bottom: clamp( 2.1875rem , 1.881377551rem  +  1.5306122449vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 2.1875rem , 1.881377551rem  +  1.5306122449vw , 3.125rem )) {
  .service__title {
    margin-bottom: calc(2.1875rem + 0.9375 * (100vw - 20rem) / 61.25);
  }
}

.service__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(auto, 29.375rem) minmax(auto, 30.3125rem) minmax(auto, 17.8125rem);
  grid-template-columns: minmax(auto, 29.375rem) minmax(auto, 30.3125rem) minmax(auto, 17.8125rem);
  -ms-grid-rows: (minmax(auto, 23.75rem))[2];
  grid-template-rows: repeat(2, minmax(auto, 23.75rem));
  gap: 0.625rem;
}

.card-service {
  min-height: 400px;
  border: 1px solid #434343;
  position: relative;
  display: block;
}

@supports (padding-left: clamp( 1.875rem , 1.6709183673rem  +  1.0204081633vw , 2.5rem )) {
  .card-service {
    padding-left: clamp( 1.875rem , 1.6709183673rem  +  1.0204081633vw , 2.5rem );
  }
}

@supports not (padding-left: clamp( 1.875rem , 1.6709183673rem  +  1.0204081633vw , 2.5rem )) {
  .card-service {
    padding-left: calc(1.875rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

@supports (padding-right: clamp( 1.25rem , 0.8418367347rem  +  2.0408163265vw , 2.5rem )) {
  .card-service {
    padding-right: clamp( 1.25rem , 0.8418367347rem  +  2.0408163265vw , 2.5rem );
  }
}

@supports not (padding-right: clamp( 1.25rem , 0.8418367347rem  +  2.0408163265vw , 2.5rem )) {
  .card-service {
    padding-right: calc(1.25rem + 1.25 * (100vw - 20rem) / 61.25);
  }
}

@supports (padding-top: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .card-service {
    padding-top: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem );
  }
}

@supports not (padding-top: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .card-service {
    padding-top: calc(2.5rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

@supports (padding-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .card-service {
    padding-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem );
  }
}

@supports not (padding-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .card-service {
    padding-bottom: calc(2.5rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

.card-service__hover {
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  transition: -webkit-transform 0.4s ease 0s;
  -o-transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -3%;
  right: 0;
}

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

.card-service__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.card-service__title {
  font-weight: 400;
  color: #DCDCDC;
  text-align: left;
}

@supports (font-size: clamp( 1.375rem , 1.2525510204rem  +  0.612244898vw , 1.75rem )) {
  .card-service__title {
    font-size: clamp( 1.375rem , 1.2525510204rem  +  0.612244898vw , 1.75rem );
  }
}

@supports not (font-size: clamp( 1.375rem , 1.2525510204rem  +  0.612244898vw , 1.75rem )) {
  .card-service__title {
    font-size: calc(1.375rem + 0.375 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.0625rem , 2.0012755102rem  +  0.306122449vw , 2.25rem )) {
  .card-service__title {
    line-height: clamp( 2.0625rem , 2.0012755102rem  +  0.306122449vw , 2.25rem );
  }
}

@supports not (line-height: clamp( 2.0625rem , 2.0012755102rem  +  0.306122449vw , 2.25rem )) {
  .card-service__title {
    line-height: calc(2.0625rem + 0.1875 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 0.9375rem , 0.631377551rem  +  1.5306122449vw , 1.875rem )) {
  .card-service__title {
    margin-bottom: clamp( 0.9375rem , 0.631377551rem  +  1.5306122449vw , 1.875rem );
  }
}

@supports not (margin-bottom: clamp( 0.9375rem , 0.631377551rem  +  1.5306122449vw , 1.875rem )) {
  .card-service__title {
    margin-bottom: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 61.25);
  }
}

.card-service__text {
  font-weight: 300;
  color: #686868;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .card-service__text {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .card-service__text {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem )) {
  .card-service__text {
    line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem );
  }
}

@supports not (line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem )) {
  .card-service__text {
    line-height: calc(1.575rem + 0.175 * (100vw - 20rem) / 61.25);
  }
}

.card-service__more {
  display: block;
  color: #DCDCDC;
  text-align: left;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .card-service__more {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .card-service__more {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.35rem , 1.2193877551rem  +  0.6530612245vw , 1.75rem )) {
  .card-service__more {
    line-height: clamp( 1.35rem , 1.2193877551rem  +  0.6530612245vw , 1.75rem );
  }
}

@supports not (line-height: clamp( 1.35rem , 1.2193877551rem  +  0.6530612245vw , 1.75rem )) {
  .card-service__more {
    line-height: calc(1.35rem + 0.4 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .reviews {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .reviews {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

.reviews__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
}

.reviews__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: left;
}

@supports (font-size: clamp( 2rem , 1.4285714286rem  +  2.8571428571vw , 3.75rem )) {
  .reviews__title {
    font-size: clamp( 2rem , 1.4285714286rem  +  2.8571428571vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2rem , 1.4285714286rem  +  2.8571428571vw , 3.75rem )) {
  .reviews__title {
    font-size: calc(2rem + 1.75 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .reviews__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .reviews__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .reviews__title {
    margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .reviews__title {
    margin-bottom: calc(2.5rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

.reviews__title span {
  margin-left: 6.875rem;
}

.reviews__slider {
  height: 1034px;
}

.reviews__swiper {
  height: 1034px;
}

.slide-reviews:not(:last-child) {
  margin-bottom: 0.625rem;
}

.slide-reviews__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}

.slide-reviews__img {
  position: relative;
  width: 175px;
  height: 165px;
}

.slide-reviews__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.item-slide-reviews {
  max-width: 595px;
  padding: 40px;
  border: 1px solid #434343;
}

.item-slide-reviews__title {
  margin-bottom: 0.3125rem;
  color: #DCDCDC;
  font-weight: 400;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .item-slide-reviews__title {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .item-slide-reviews__title {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .item-slide-reviews__title {
    line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem );
  }
}

@supports not (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .item-slide-reviews__title {
    line-height: calc(1.35rem + 0.24375 * (100vw - 20rem) / 61.25);
  }
}

.item-slide-reviews__subtitle {
  margin-bottom: 1.25rem;
  font-weight: 300;
  color: #686868;
}

@supports (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .item-slide-reviews__subtitle {
    font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .item-slide-reviews__subtitle {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .item-slide-reviews__subtitle {
    line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem );
  }
}

@supports not (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .item-slide-reviews__subtitle {
    line-height: calc(1.275rem + 0.075 * (100vw - 20rem) / 61.25);
  }
}

.item-slide-reviews__text {
  font-weight: 300;
  color: #DCDCDC;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .item-slide-reviews__text {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .item-slide-reviews__text {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.59375rem , 1.5427295918rem  +  0.2551020408vw , 1.75rem )) {
  .item-slide-reviews__text {
    line-height: clamp( 1.59375rem , 1.5427295918rem  +  0.2551020408vw , 1.75rem );
  }
}

@supports not (line-height: clamp( 1.59375rem , 1.5427295918rem  +  0.2551020408vw , 1.75rem )) {
  .item-slide-reviews__text {
    line-height: calc(1.59375rem + 0.15625 * (100vw - 20rem) / 61.25);
  }
}

.contact {
  position: relative;
}

@supports (margin-bottom: clamp( 5.625rem , 2.9719387755rem  +  13.2653061224vw , 13.75rem )) {
  .contact {
    margin-bottom: clamp( 5.625rem , 2.9719387755rem  +  13.2653061224vw , 13.75rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 2.9719387755rem  +  13.2653061224vw , 13.75rem )) {
  .contact {
    margin-bottom: calc(5.625rem + 8.125 * (100vw - 20rem) / 61.25);
  }
}

.contact::before {
  content: "";
  position: absolute;
  width: 625.16px;
  height: 409.43px;
  background: -o-radial-gradient(51.72% 51.27%, 48.73% 48.73%, #252525 0%, rgba(67, 67, 67, 0) 100%);
  background: radial-gradient(48.73% 48.73% at 51.72% 51.27%, #252525 0%, rgba(67, 67, 67, 0) 100%);
  -webkit-transform: rotate(-27.99deg);
      -ms-transform: rotate(-27.99deg);
          transform: rotate(-27.99deg);
  right: 0;
  top: 30%;
}

.contact__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: left;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .contact__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .contact__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .contact__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .contact__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .contact__title {
    margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .contact__title {
    margin-bottom: calc(2.5rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

.contact__title span {
  margin-left: 6.875rem;
}

.contact__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(auto, 6.4375rem) minmax(auto, 49.875rem);
  grid-template-columns: minmax(auto, 6.4375rem) minmax(auto, 49.875rem);
  -ms-grid-rows: (6.4375rem)[3];
  grid-template-rows: repeat(3, 6.4375rem);
  margin-bottom: 1.875rem;
  max-width: 900px;
  width: 100%;
  position: relative;
}

.contact__wrapper {
  padding-left: 110px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.contact__subtext {
  color: #434343;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.275;
  max-width: 900px;
  width: 100%;
}

.icon-contact__item {
  width: 103px;
  height: 103px;
  border: 1px solid #434343;
  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;
  z-index: 2;
}

.text-contact__item {
  height: 103px;
  border: 1px solid #434343;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
  color: #F5F5F5;
  z-index: 2;
}

@supports (padding-left: clamp( 1.25rem , 0.637755102rem  +  3.0612244898vw , 3.125rem )) {
  .text-contact__item {
    padding-left: clamp( 1.25rem , 0.637755102rem  +  3.0612244898vw , 3.125rem );
  }
}

@supports not (padding-left: clamp( 1.25rem , 0.637755102rem  +  3.0612244898vw , 3.125rem )) {
  .text-contact__item {
    padding-left: calc(1.25rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .text-contact__item {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .text-contact__item {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .text-contact__item {
    line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem );
  }
}

@supports not (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .text-contact__item {
    line-height: calc(1.35rem + 0.24375 * (100vw - 20rem) / 61.25);
  }
}

.social-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
  position: absolute;
  top: -45%;
  right: -30%;
  z-index: 3;
}

.social-contact__img {
  position: relative;
}

@supports (Width: clamp( 13.590625rem , 12.2732780612rem  +  6.5867346939vw , 17.625rem )) {
  .social-contact__img {
    Width: clamp( 13.590625rem , 12.2732780612rem  +  6.5867346939vw , 17.625rem );
  }
}

@supports not (Width: clamp( 13.590625rem , 12.2732780612rem  +  6.5867346939vw , 17.625rem )) {
  .social-contact__img {
    Width: calc(13.590625rem + 4.034375 * (100vw - 20rem) / 61.25);
  }
}

@supports (Height: clamp( 28.096875rem , 25.3734056122rem  +  13.6173469388vw , 36.4375rem )) {
  .social-contact__img {
    Height: clamp( 28.096875rem , 25.3734056122rem  +  13.6173469388vw , 36.4375rem );
  }
}

@supports not (Height: clamp( 28.096875rem , 25.3734056122rem  +  13.6173469388vw , 36.4375rem )) {
  .social-contact__img {
    Height: calc(28.096875rem + 8.340625 * (100vw - 20rem) / 61.25);
  }
}

.social-contact__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
    
}

.social-contact__text {
  color: #686868;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
  font-weight: 300;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .social-contact__text {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .social-contact__text {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .social-contact__text {
    line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem );
  }
}

@supports not (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .social-contact__text {
    line-height: calc(1.35rem + 0.24375 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .suggestion {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .suggestion {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

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

@supports (margin-bottom: clamp( 1.875rem , 3.5331632653rem  +  -2.0408163265vw , 3.125rem )) {
  .suggestion__row {
    margin-bottom: clamp( 1.875rem , 3.5331632653rem  +  -2.0408163265vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 1.875rem , 3.5331632653rem  +  -2.0408163265vw , 3.125rem )) {
  .suggestion__row {
    margin-bottom: calc(3.125rem + -1.25 * (100vw - 20rem) / 61.25);
  }
}

.suggestion__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: left;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .suggestion__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .suggestion__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .suggestion__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .suggestion__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

.suggestion__slide {
  width: 587.53px;
}

.suggestion__inner {
  max-width: 1260px;
  margin: 0 auto;
}

.suggestion__slider {
  position: relative;
  overflow: visible !important;
}

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

.suggestion__nav-next {
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  position: absolute;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
}

.suggestion__nav-next.active {
  -webkit-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  opacity: 1;
  visibility: visible;
}

.suggestion__next {
  position: relative;
  width: 65px;
  height: 65px;
  background: #FFFFFF;
  border: 1px solid #686868;
  border-radius: 160px;
}

.suggestion__next::before {
  content: "";
  position: absolute;
  background: url("/local/templates/avtosalon/css/../img/icon/arrow-next-slider.svg") 50% 50% no-repeat;
  width: 100%;
  height: 100%;
}

.suggestion__nav-prev {
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  position: absolute;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
}

.suggestion__nav-prev.active {
  -webkit-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  opacity: 1;
  visibility: visible;
}

.suggestion__prev {
  position: relative;
  width: 65px;
  height: 65px;
  background: #FFFFFF;
  border: 1px solid #686868;
  border-radius: 160px;
}

.suggestion__prev::before {
  content: "";
  position: absolute;
  background: url("/local/templates/avtosalon/css/../img/icon/arrow-next-slider.svg") 50% 50% no-repeat;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

@supports (margin-bottom: clamp( 1.25rem , 1.0459183673rem  +  1.0204081633vw , 1.875rem )) {
  .body-slide-suggestion {
    margin-bottom: clamp( 1.25rem , 1.0459183673rem  +  1.0204081633vw , 1.875rem );
  }
}

@supports not (margin-bottom: clamp( 1.25rem , 1.0459183673rem  +  1.0204081633vw , 1.875rem )) {
  .body-slide-suggestion {
    margin-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

.body-slide-suggestion__img {
  position: relative;
  width: 587.53px;
  height: 400px;
}

.body-slide-suggestion__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.body-slide-suggestion__property {
  position: absolute;
  padding-left: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3125rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  width: 100%;
}

.body-slide-suggestion__item {
  padding: 10px 28px;
  border: 1px solid #434343;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.275;
  color: #AAAAAA;
}

.content-slide-suggestion {
  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;
  padding: 0 20px;
}

.content-slide-suggestion__title {
  color: #AAAAAA;
  font-weight: 300;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .content-slide-suggestion__title {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .content-slide-suggestion__title {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .content-slide-suggestion__title {
    line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem );
  }
}

@supports not (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .content-slide-suggestion__title {
    line-height: calc(1.35rem + 0.24375 * (100vw - 20rem) / 61.25);
  }
}

.content-slide-suggestion__price {
  color: #FFFFFF;
  font-weight: 400;
  text-transform: uppercase;
}

@supports (font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem )) {
  .content-slide-suggestion__price {
    font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem );
  }
}

@supports not (font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem )) {
  .content-slide-suggestion__price {
    font-size: calc(1.25rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.59375rem , 1.5417091837rem  +  0.2602040816vw , 1.753125rem )) {
  .content-slide-suggestion__price {
    line-height: clamp( 1.59375rem , 1.5417091837rem  +  0.2602040816vw , 1.753125rem );
  }
}

@supports not (line-height: clamp( 1.59375rem , 1.5417091837rem  +  0.2602040816vw , 1.753125rem )) {
  .content-slide-suggestion__price {
    line-height: calc(1.59375rem + 0.159375 * (100vw - 20rem) / 61.25);
  }
}

.no-webp .feed{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-15.58%, #080C0F), color-stop(33.56%, rgba(8, 12, 15, 0)), color-stop(63.33%, rgba(8, 12, 15, 0)), color-stop(95.96%, rgba(8, 12, 15, 0.3))), url("/local/templates/avtosalon/css/../img/feedform/image.png") bottom no-repeat; }

.no-webp .feed{
  background: -o-linear-gradient(top, #080C0F -15.58%, rgba(8, 12, 15, 0) 33.56%, rgba(8, 12, 15, 0) 63.33%, rgba(8, 12, 15, 0.3) 95.96%), url("/local/templates/avtosalon/css/../img/feedform/image.png") bottom no-repeat; }

.no-webp .feed{
  background: linear-gradient(180deg, #080C0F -15.58%, rgba(8, 12, 15, 0) 33.56%, rgba(8, 12, 15, 0) 63.33%, rgba(8, 12, 15, 0.3) 95.96%), url("/local/templates/avtosalon/css/../img/feedform/image.png") bottom no-repeat; }

.feed {
  mix-blend-mode: luminosity;
}

@supports (padding-bottom: clamp( 9.625rem , 8.5433673469rem  +  5.4081632653vw , 12.9375rem )) {
  .feed {
    padding-bottom: clamp( 9.625rem , 8.5433673469rem  +  5.4081632653vw , 12.9375rem );
  }
}

@supports not (padding-bottom: clamp( 9.625rem , 8.5433673469rem  +  5.4081632653vw , 12.9375rem )) {
  .feed {
    padding-bottom: calc(9.625rem + 3.3125 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 5rem , 2.2448979592rem  +  13.7755102041vw , 13.4375rem )) {
  .feed {
    margin-bottom: clamp( 5rem , 2.2448979592rem  +  13.7755102041vw , 13.4375rem );
  }
}

@supports not (margin-bottom: clamp( 5rem , 2.2448979592rem  +  13.7755102041vw , 13.4375rem )) {
  .feed {
    margin-bottom: calc(5rem + 8.4375 * (100vw - 20rem) / 61.25);
  }
}

.feed__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .feed__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .feed__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .feed__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .feed__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .feed__title {
    margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .feed__title {
    margin-bottom: calc(2.5rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

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

.form-feed__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(auto, 400px))[2];
  grid-template-columns: repeat(2, minmax(auto, 400px));
  -ms-grid-rows: (auto)[2];
  grid-template-rows: repeat(2, auto);
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
  row-gap: 1.875rem;
}

@supports (margin-bottom: clamp( 1.875rem , 1.4668367347rem  +  2.0408163265vw , 3.125rem )) {
  .form-feed__grid {
    margin-bottom: clamp( 1.875rem , 1.4668367347rem  +  2.0408163265vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 1.875rem , 1.4668367347rem  +  2.0408163265vw , 3.125rem )) {
  .form-feed__grid {
    margin-bottom: calc(1.875rem + 1.25 * (100vw - 20rem) / 61.25);
  }
}

.form-feed__title {
  display: block;
  color: #686868;
  font-weight: 300;
  margin-bottom: 0.5555555556em;
  padding-left: 0.625rem;
}

@supports (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .form-feed__title {
    font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .form-feed__title {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .form-feed__title {
    line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem );
  }
}

@supports not (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .form-feed__title {
    line-height: calc(1.275rem + 0.075 * (100vw - 20rem) / 61.25);
  }
}

.form-feed__input {
  width: 400px;
}

.form-feed__checkbox {
  -ms-grid-column: 2;
  grid-column: 2;
}

@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .team {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .team {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

.team__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: left;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .team__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .team__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .team__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .team__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .team__title {
    margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .team__title {
    margin-bottom: calc(2.5rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-left: clamp( 0.625rem , -1.4158163265rem  +  10.2040816327vw , 6.875rem )) {
  .team__title span {
    margin-left: clamp( 0.625rem , -1.4158163265rem  +  10.2040816327vw , 6.875rem );
  }
}

@supports not (margin-left: clamp( 0.625rem , -1.4158163265rem  +  10.2040816327vw , 6.875rem )) {
  .team__title span {
    margin-left: calc(0.625rem + 6.25 * (100vw - 20rem) / 61.25);
  }
}

.team__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1300px;
  padding: 0 20px;
  margin: 0 auto;
}

.team__block {
  max-width: 930px;
}

.team__text {
  font-weight: 300;
  color: #AAAAAA;
}

@supports (font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem )) {
  .team__text {
    font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem );
  }
}

@supports not (font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem )) {
  .team__text {
    font-size: calc(1.25rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.75rem , 1.6479591837rem  +  0.5102040816vw , 2.0625rem )) {
  .team__text {
    line-height: clamp( 1.75rem , 1.6479591837rem  +  0.5102040816vw , 2.0625rem );
  }
}

@supports not (line-height: clamp( 1.75rem , 1.6479591837rem  +  0.5102040816vw , 2.0625rem )) {
  .team__text {
    line-height: calc(1.75rem + 0.3125 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 1.875rem , 1.4668367347rem  +  2.0408163265vw , 3.125rem )) {
  .team__text {
    margin-bottom: clamp( 1.875rem , 1.4668367347rem  +  2.0408163265vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 1.875rem , 1.4668367347rem  +  2.0408163265vw , 3.125rem )) {
  .team__text {
    margin-bottom: calc(1.875rem + 1.25 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 1.25rem , 1.0459183673rem  +  1.0204081633vw , 1.875rem )) {
  .img-team {
    margin-bottom: clamp( 1.25rem , 1.0459183673rem  +  1.0204081633vw , 1.875rem );
  }
}

@supports not (margin-bottom: clamp( 1.25rem , 1.0459183673rem  +  1.0204081633vw , 1.875rem )) {
  .img-team {
    margin-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

.img-team__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
}

.img-team__item {
  position: relative;
  height: 521px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 635px;
          flex: 0 1 635px;
  display: block;
}

.img-team__item:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.img-team__item img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.advantages-team {
  row-gap: 1.25rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[3];
  grid-template-columns: repeat(3, auto);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.advantages-team__item {
  position: relative;
}

.advantages-team__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #434343;
  -webkit-transform: rotate(104.16deg);
      -ms-transform: rotate(104.16deg);
          transform: rotate(104.16deg);
  width: 110px;
  left: 50%;
}

@supports (margin-left: clamp( 1.875rem , 0.3035714286rem  +  7.8571428571vw , 6.6875rem )) {
  .advantages-team__item:not(:last-child)::after {
    margin-left: clamp( 1.875rem , 0.3035714286rem  +  7.8571428571vw , 6.6875rem );
  }
}

@supports not (margin-left: clamp( 1.875rem , 0.3035714286rem  +  7.8571428571vw , 6.6875rem )) {
  .advantages-team__item:not(:last-child)::after {
    margin-left: calc(1.875rem + 4.8125 * (100vw - 20rem) / 61.25);
  }
}

.advantages-team__number {
  font-family: "Cormorant Unicase";
  color: #F5F5F5;
  font-weight: 400;
}

@supports (font-size: clamp( 3.75rem , 3.137755102rem  +  3.0612244898vw , 5.625rem )) {
  .advantages-team__number {
    font-size: clamp( 3.75rem , 3.137755102rem  +  3.0612244898vw , 5.625rem );
  }
}

@supports not (font-size: clamp( 3.75rem , 3.137755102rem  +  3.0612244898vw , 5.625rem )) {
  .advantages-team__number {
    font-size: calc(3.75rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 3.375rem , 2.8239795918rem  +  2.7551020408vw , 5.0625rem )) {
  .advantages-team__number {
    line-height: clamp( 3.375rem , 2.8239795918rem  +  2.7551020408vw , 5.0625rem );
  }
}

@supports not (line-height: clamp( 3.375rem , 2.8239795918rem  +  2.7551020408vw , 5.0625rem )) {
  .advantages-team__number {
    line-height: calc(3.375rem + 1.6875 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 0.625rem , 0.4209183673rem  +  1.0204081633vw , 1.25rem )) {
  .advantages-team__number {
    margin-bottom: clamp( 0.625rem , 0.4209183673rem  +  1.0204081633vw , 1.25rem );
  }
}

@supports not (margin-bottom: clamp( 0.625rem , 0.4209183673rem  +  1.0204081633vw , 1.25rem )) {
  .advantages-team__number {
    margin-bottom: calc(0.625rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

.advantages-team__subtitle {
  color: #686868;
  font-weight: 300;
  max-width: 170px;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .advantages-team__subtitle {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .advantages-team__subtitle {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.35rem , 1.2193877551rem  +  0.6530612245vw , 1.75rem )) {
  .advantages-team__subtitle {
    line-height: clamp( 1.35rem , 1.2193877551rem  +  0.6530612245vw , 1.75rem );
  }
}

@supports not (line-height: clamp( 1.35rem , 1.2193877551rem  +  0.6530612245vw , 1.75rem )) {
  .advantages-team__subtitle {
    line-height: calc(1.35rem + 0.4 * (100vw - 20rem) / 61.25);
  }
}

.main-block-page {
  position: relative;
  height: 875px;
}

@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .main-block-page {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .main-block-page {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

.main-block-page__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 875px;
}

.main-block-page__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  color: #F5F5F5;
  text-align: left;
  max-width: 705px;
}

@supports (font-size: clamp( 2rem , 0.8163265306rem  +  5.9183673469vw , 5.625rem )) {
  .main-block-page__title {
    font-size: clamp( 2rem , 0.8163265306rem  +  5.9183673469vw , 5.625rem );
  }
}

@supports not (font-size: clamp( 2rem , 0.8163265306rem  +  5.9183673469vw , 5.625rem )) {
  .main-block-page__title {
    font-size: calc(2rem + 3.625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.734375rem , 1.9741709184rem  +  3.8010204082vw , 5.0625rem )) {
  .main-block-page__title {
    line-height: clamp( 2.734375rem , 1.9741709184rem  +  3.8010204082vw , 5.0625rem );
  }
}

@supports not (line-height: clamp( 2.734375rem , 1.9741709184rem  +  3.8010204082vw , 5.0625rem )) {
  .main-block-page__title {
    line-height: calc(2.734375rem + 2.328125 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 6.25rem , 14.7066326531rem  +  -10.4081632653vw , 12.625rem )) {
  .main-block-page__title {
    margin-bottom: clamp( 6.25rem , 14.7066326531rem  +  -10.4081632653vw , 12.625rem );
  }
}

@supports not (margin-bottom: clamp( 6.25rem , 14.7066326531rem  +  -10.4081632653vw , 12.625rem )) {
  .main-block-page__title {
    margin-bottom: calc(12.625rem + -6.375 * (100vw - 20rem) / 61.25);
  }
}

.main-block-page__img {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
}

.main-block-page__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.main-block {
  position: relative;
  width: 100%;
}

@supports (height: clamp( 35.25rem , 28.9234693878rem  +  31.6326530612vw , 54.625rem )) {
  .main-block {
    height: clamp( 35.25rem , 28.9234693878rem  +  31.6326530612vw , 54.625rem );
  }
}

@supports not (height: clamp( 35.25rem , 28.9234693878rem  +  31.6326530612vw , 54.625rem )) {
  .main-block {
    height: calc(35.25rem + 19.375 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 4.375rem , 1.7219387755rem  +  13.2653061224vw , 12.5rem )) {
  .main-block {
    margin-bottom: clamp( 4.375rem , 1.7219387755rem  +  13.2653061224vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 4.375rem , 1.7219387755rem  +  13.2653061224vw , 12.5rem )) {
  .main-block {
    margin-bottom: calc(4.375rem + 8.125 * (100vw - 20rem) / 61.25);
  }
}

.main-block__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.main-block__img img {
  position: absolute;
  width: 721px;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.main-block__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-column-gap: 8.5625rem;
     -moz-column-gap: 8.5625rem;
          column-gap: 8.5625rem;
}

@supports (height: clamp( 35.25rem , 28.9234693878rem  +  31.6326530612vw , 54.625rem )) {
  .main-block__row {
    height: clamp( 35.25rem , 28.9234693878rem  +  31.6326530612vw , 54.625rem );
  }
}

@supports not (height: clamp( 35.25rem , 28.9234693878rem  +  31.6326530612vw , 54.625rem )) {
  .main-block__row {
    height: calc(35.25rem + 19.375 * (100vw - 20rem) / 61.25);
  }
}

.main-block__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  color: #F5F5F5;
  text-align: left;
  max-width: 902px;
}

@supports (font-size: clamp( 2rem , 0.8163265306rem  +  5.9183673469vw , 5.625rem )) {
  .main-block__title {
    font-size: clamp( 2rem , 0.8163265306rem  +  5.9183673469vw , 5.625rem );
  }
}

@supports not (font-size: clamp( 2rem , 0.8163265306rem  +  5.9183673469vw , 5.625rem )) {
  .main-block__title {
    font-size: calc(2rem + 3.625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.734375rem , 1.9741709184rem  +  3.8010204082vw , 5.0625rem )) {
  .main-block__title {
    line-height: clamp( 2.734375rem , 1.9741709184rem  +  3.8010204082vw , 5.0625rem );
  }
}

@supports not (line-height: clamp( 2.734375rem , 1.9741709184rem  +  3.8010204082vw , 5.0625rem )) {
  .main-block__title {
    line-height: calc(2.734375rem + 2.328125 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 0.0000000625rem , -2.0408162436rem  +  10.2040815306vw , 6.25rem )) {
  .main-block__title {
    margin-bottom: clamp( 0.0000000625rem , -2.0408162436rem  +  10.2040815306vw , 6.25rem );
  }
}

@supports not (margin-bottom: clamp( 0.0000000625rem , -2.0408162436rem  +  10.2040815306vw , 6.25rem )) {
  .main-block__title {
    margin-bottom: calc(0.0000000625rem + 6.2499999375 * (100vw - 20rem) / 61.25);
  }
}

.main-block__link {
  margin-bottom: 6.25rem;
}

.advantages {
  max-width: 100%;
  width: 100%;
}

@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .advantages {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .advantages {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

.advantages__text {
  color: #686868;
  font-weight: 300;
  max-width: 790px;
  margin-left: calc(100% - 1150px);
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .advantages__text {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .advantages__text {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem )) {
  .advantages__text {
    line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem );
  }
}

@supports not (line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem )) {
  .advantages__text {
    line-height: calc(1.575rem + 0.175 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 1.875rem , 1.875rem  +  0vw , 1.875rem )) {
  .advantages__text {
    margin-bottom: clamp( 1.875rem , 1.875rem  +  0vw , 1.875rem );
  }
}

@supports not (margin-bottom: clamp( 1.875rem , 1.875rem  +  0vw , 1.875rem )) {
  .advantages__text {
    margin-bottom: calc(1.875rem + 0 * (100vw - 20rem) / 61.25);
  }
}

.advantages__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: left;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .advantages__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .advantages__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .advantages__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .advantages__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 1.25rem , 0.637755102rem  +  3.0612244898vw , 3.125rem )) {
  .advantages__title {
    margin-bottom: clamp( 1.25rem , 0.637755102rem  +  3.0612244898vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 1.25rem , 0.637755102rem  +  3.0612244898vw , 3.125rem )) {
  .advantages__title {
    margin-bottom: calc(1.25rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

.advantages__title span {
  margin-left: calc(100% - 1150px);
  display: inline-block;
}

.grid-advantages {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  gap: 0.625rem;
  -ms-grid-columns: minmax(200px, 362px) minmax(320px, 485px) minmax(185px, 285px);
  grid-template-columns: minmax(200px, 362px) minmax(320px, 485px) minmax(185px, 285px);
  -ms-grid-rows: minmax(110px, 250px) minmax(70px, 170px) minmax(60px, 160px);
  grid-template-rows: minmax(110px, 250px) minmax(70px, 170px) minmax(60px, 160px);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.grid-advantages__img {
  position: relative;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.grid-advantages__img:nth-child(1) {
  -ms-grid-row-span: 2;
  grid-row: span 2;
  width: 100%;
  height: 100%;
  max-height: 430px;
  max-width: 360px;
}

.grid-advantages__img:nth-child(2) {
  -ms-grid-row-span: 3;
  grid-row: span 3;
  width: 100%;
  height: 100%;
  max-height: 600px;
  max-width: 485px;
}

.grid-advantages__img:nth-child(5) {
  -ms-grid-row-span: 2;
  grid-row: span 2;
  -ms-grid-column: 3;
  grid-column: 3;
  width: 100%;
  height: 100%;
  max-height: 340px;
  max-width: 285px;
  display: block;
}

.grid-advantages__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.grid-advantages__item {
  text-align: center;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #434343;
  padding: 0.3125rem;
}

.grid-advantages__item:nth-child(4) {
  -ms-grid-row: 3;
  grid-row: 3;
}

.grid-advantages__text {
  max-width: 230px;
  color: #DCDCDC;
  font-weight: 400;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .grid-advantages__text {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .grid-advantages__text {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem )) {
  .grid-advantages__text {
    line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem );
  }
}

@supports not (line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem )) {
  .grid-advantages__text {
    line-height: calc(1.575rem + 0.175 * (100vw - 20rem) / 61.25);
  }
}

.grid-advantages__text:not(:last-child) {
  margin-bottom: 0.9375rem;
}

@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .choice {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .choice {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

.choice__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: left;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .choice__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .choice__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .choice__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .choice__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 1.25rem , 0.637755102rem  +  3.0612244898vw , 3.125rem )) {
  .choice__title {
    margin-bottom: clamp( 1.25rem , 0.637755102rem  +  3.0612244898vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 1.25rem , 0.637755102rem  +  3.0612244898vw , 3.125rem )) {
  .choice__title {
    margin-bottom: calc(1.25rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

.choice__title span {
  margin-left: calc(100% - 1150px);
  display: inline-block;
}

.choice__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
}

.choice__list {
  width: 100%;
  max-width: 930px;
}

.choice__item {
  position: relative;
  color: #686868;
  font-weight: 300;
  padding: 30px 10px;
  border-bottom: 1px solid #434343;
  -webkit-transition: all 0.4s 0s ease;
  -o-transition: all 0.4s 0s ease;
  transition: all 0.4s 0s ease;
  cursor: pointer;
}

@supports (font-size: clamp( 1.375rem , 1.2525510204rem  +  0.612244898vw , 1.75rem )) {
  .choice__item {
    font-size: clamp( 1.375rem , 1.2525510204rem  +  0.612244898vw , 1.75rem );
  }
}

@supports not (font-size: clamp( 1.375rem , 1.2525510204rem  +  0.612244898vw , 1.75rem )) {
  .choice__item {
    font-size: calc(1.375rem + 0.375 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.0625rem , 2.0012755102rem  +  0.306122449vw , 2.25rem )) {
  .choice__item {
    line-height: clamp( 2.0625rem , 2.0012755102rem  +  0.306122449vw , 2.25rem );
  }
}

@supports not (line-height: clamp( 2.0625rem , 2.0012755102rem  +  0.306122449vw , 2.25rem )) {
  .choice__item {
    line-height: calc(2.0625rem + 0.1875 * (100vw - 20rem) / 61.25);
  }
}

.choice__hover {
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  transition: -webkit-transform 0.4s ease 0s;
  -o-transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 170px;
  height: 170px;
  top: -50%;
  right: 5%;
}

.choice__hover img {
  width: 100%;
  height: 100%;
}

.choice__hover.choice-show {
  -webkit-transition: all 0.4s 0s ease;
  -o-transition: all 0.4s 0s ease;
  transition: all 0.4s 0s ease;
  opacity: 1;
  visibility: visible;
}

.breadcrumbs {
  margin-bottom: 1.875rem;
  display: block;
}

.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.breadcrumbs__item {
  color: #434343;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumbs__link {
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 300;
}

.arrow {
  color: #AAAAAA;
}

.arrow::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-left: 0.625rem;
  background: url("/local/templates/avtosalon/css/../img/icon/arrow.svg") 50% 50% no-repeat;
}

.catalog {
  padding-top: 3.125rem;
}

.catalog__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: left;
  max-width: 839px;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .catalog__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .catalog__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .catalog__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .catalog__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 2.5rem , 2.0918367347rem  +  2.0408163265vw , 3.75rem )) {
  .catalog__title:not(:last-child) {
    margin-bottom: clamp( 2.5rem , 2.0918367347rem  +  2.0408163265vw , 3.75rem );
  }
}

@supports not (margin-bottom: clamp( 2.5rem , 2.0918367347rem  +  2.0408163265vw , 3.75rem )) {
  .catalog__title:not(:last-child) {
    margin-bottom: calc(2.5rem + 1.25 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 5.625rem , 4.9107142857rem  +  3.5714285714vw , 7.8125rem )) {
  .catalog__title {
    margin-bottom: clamp( 5.625rem , 4.9107142857rem  +  3.5714285714vw , 7.8125rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 4.9107142857rem  +  3.5714285714vw , 7.8125rem )) {
  .catalog__title {
    margin-bottom: calc(5.625rem + 2.1875 * (100vw - 20rem) / 61.25);
  }
}

.catalog__row {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@supports (margin-bottom: clamp( 5.625rem , 4.9107142857rem  +  3.5714285714vw , 7.8125rem )) {
  .catalog__row {
    margin-bottom: clamp( 5.625rem , 4.9107142857rem  +  3.5714285714vw , 7.8125rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 4.9107142857rem  +  3.5714285714vw , 7.8125rem )) {
  .catalog__row {
    margin-bottom: calc(5.625rem + 2.1875 * (100vw - 20rem) / 61.25);
  }
}
@supports (margin-bottom: clamp( 5.625rem , 4.9107142857rem  +  3.5714285714vw , 7.8125rem )) {
  .catalog__row {
    margin-top: clamp( 5.625rem , 4.9107142857rem  +  3.5714285714vw , 7.8125rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 4.9107142857rem  +  3.5714285714vw , 7.8125rem )) {
  .catalog__row {
    margin-top: calc(5.625rem + 2.1875 * (100vw - 20rem) / 61.25);
  }
}

.catalog__inner {
  max-width: 78.75rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
  padding: 0 1.25rem;
}

@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .catalog__inner {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .catalog__inner {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

.block-logo-catalog {
  max-width: 100%;
}

@supports (margin-bottom: clamp( 1.875rem , 1.262755102rem  +  3.0612244898vw , 3.75rem )) {
  .block-logo-catalog {
    margin-bottom: clamp( 1.875rem , 1.262755102rem  +  3.0612244898vw , 3.75rem );
  }
}

@supports not (margin-bottom: clamp( 1.875rem , 1.262755102rem  +  3.0612244898vw , 3.75rem )) {
  .block-logo-catalog {
    margin-bottom: calc(1.875rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

.block-logo-catalog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
}

.block-logo-catalog__item {
  width: 116px;
  height: 80px;
  padding: 14px 0;
  border: 1px solid #434343;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  cursor: pointer;
}

.block-logo-catalog__img {
  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;
  width: 100%;
  height: 100%;
}

.block-logo-catalog__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.cards-catalog__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
}

.item-cards-catalog {
  display: block;
}

@supports (margin-bottom: clamp( 5rem , 4.2857142857rem  +  3.5714285714vw , 7.1875rem )) {
  .item-cards-catalog {
    margin-bottom: clamp( 5rem , 4.2857142857rem  +  3.5714285714vw , 7.1875rem );
  }
}

@supports not (margin-bottom: clamp( 5rem , 4.2857142857rem  +  3.5714285714vw , 7.1875rem )) {
  .item-cards-catalog {
    margin-bottom: calc(5rem + 2.1875 * (100vw - 20rem) / 61.25);
  }
}

.item-cards-catalog:not(:last-child) {
  margin-bottom: 3.75rem;
}

@supports (margin-bottom: clamp( 0.9375rem , 0.631377551rem  +  1.5306122449vw , 1.875rem )) {
  .body-item-cards-catalog {
    margin-bottom: clamp( 0.9375rem , 0.631377551rem  +  1.5306122449vw , 1.875rem );
  }
}

@supports not (margin-bottom: clamp( 0.9375rem , 0.631377551rem  +  1.5306122449vw , 1.875rem )) {
  .body-item-cards-catalog {
    margin-bottom: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 61.25);
  }
}

.body-item-cards-catalog__img {
  position: relative;
  max-width: 587.53px;
  max-height: 400px;
}

.body-item-cards-catalog__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.body-item-cards-catalog__property {
  position: absolute;
  padding-left: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3125rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  width: 100%;
}

.body-item-cards-catalog__item {
  padding: 10px 28px;
  border: 1px solid #434343;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.275;
  color: #AAAAAA;
}

.content-item-cards-catalog {
  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;
  padding: 0 20px;
}

.content-item-cards-catalog__title {
  color: #AAAAAA;
  font-weight: 300;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .content-item-cards-catalog__title {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .content-item-cards-catalog__title {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .content-item-cards-catalog__title {
    line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem );
  }
}

@supports not (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .content-item-cards-catalog__title {
    line-height: calc(1.35rem + 0.24375 * (100vw - 20rem) / 61.25);
  }
}

.content-item-cards-catalog__price {
  color: #FFFFFF;
  font-weight: 400;
  text-transform: uppercase;
}

@supports (font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem )) {
  .content-item-cards-catalog__price {
    font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem );
  }
}

@supports not (font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem )) {
  .content-item-cards-catalog__price {
    font-size: calc(1.25rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.59375rem , 1.5417091837rem  +  0.2602040816vw , 1.753125rem )) {
  .content-item-cards-catalog__price {
    line-height: clamp( 1.59375rem , 1.5417091837rem  +  0.2602040816vw , 1.753125rem );
  }
}

@supports not (line-height: clamp( 1.59375rem , 1.5417091837rem  +  0.2602040816vw , 1.753125rem )) {
  .content-item-cards-catalog__price {
    line-height: calc(1.59375rem + 0.159375 * (100vw - 20rem) / 61.25);
  }
}

.product-catalog__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(280px, 587.53px))[2];
  grid-template-columns: repeat(2, minmax(280px, 587.53px));
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
  row-gap: 3.75rem;
}

@supports (margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .product-catalog__grid {
    margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 2.5rem , 2.2959183673rem  +  1.0204081633vw , 3.125rem )) {
  .product-catalog__grid {
    margin-bottom: calc(2.5rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

.product-catalog__link {
  margin: 0 auto;
}
.product-catalog__link.hide {
  display: none;
}
@supports (margin-bottom: clamp( 0.9375rem , 0.631377551rem  +  1.5306122449vw , 1.875rem )) {
  .body-item-product-catalog {
    margin-bottom: clamp( 0.9375rem , 0.631377551rem  +  1.5306122449vw , 1.875rem );
  }
}

@supports not (margin-bottom: clamp( 0.9375rem , 0.631377551rem  +  1.5306122449vw , 1.875rem )) {
  .body-item-product-catalog {
    margin-bottom: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 61.25);
  }
}

.body-item-product-catalog__img {
  position: relative;
  max-width: 587.53px;
  max-height: 400px;
}

.body-item-product-catalog__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.body-item-product-catalog__property {
  position: absolute;
  padding-left: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3125rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  width: 100%;
}

.body-item-product-catalog__item {
  padding: 10px 28px;
  border: 1px solid #434343;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.275;
  color: #AAAAAA;
}

.content-item-product-catalog {
  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;
  padding: 0 20px;
}

.content-item-product-catalog__title {
  color: #AAAAAA;
  font-weight: 300;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .content-item-product-catalog__title {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .content-item-product-catalog__title {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .content-item-product-catalog__title {
    line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem );
  }
}

@supports not (line-height: clamp( 1.35rem , 1.2704081633rem  +  0.3979591837vw , 1.59375rem )) {
  .content-item-product-catalog__title {
    line-height: calc(1.35rem + 0.24375 * (100vw - 20rem) / 61.25);
  }
}

.content-item-product-catalog__price {
  color: #FFFFFF;
  font-weight: 400;
  text-transform: uppercase;
}

@supports (font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem )) {
  .content-item-product-catalog__price {
    font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem );
  }
}

@supports not (font-size: clamp( 1.25rem , 1.2091836735rem  +  0.2040816327vw , 1.375rem )) {
  .content-item-product-catalog__price {
    font-size: calc(1.25rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.59375rem , 1.5417091837rem  +  0.2602040816vw , 1.753125rem )) {
  .content-item-product-catalog__price {
    line-height: clamp( 1.59375rem , 1.5417091837rem  +  0.2602040816vw , 1.753125rem );
  }
}

@supports not (line-height: clamp( 1.59375rem , 1.5417091837rem  +  0.2602040816vw , 1.753125rem )) {
  .content-item-product-catalog__price {
    line-height: calc(1.59375rem + 0.159375 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .answer {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .answer {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

.answer__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: left;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .answer__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .answer__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .answer__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .answer__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 2.5rem , 1.887755102rem  +  3.0612244898vw , 4.375rem )) {
  .answer__title {
    margin-bottom: clamp( 2.5rem , 1.887755102rem  +  3.0612244898vw , 4.375rem );
  }
}

@supports not (margin-bottom: clamp( 2.5rem , 1.887755102rem  +  3.0612244898vw , 4.375rem )) {
  .answer__title {
    margin-bottom: calc(2.5rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

.answer__title span {
  margin-left: calc(100% - 1150px);
  display: inline-block;
}

.answer__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
}

.card-answer {
  width: 300px;
  height: 498px;
}

.card-answer__img {
  position: relative;
  width: 300px;
  height: 300px;
}

@supports (margin-bottom: clamp( 1.875rem , 1.4668367347rem  +  2.0408163265vw , 3.125rem )) {
  .card-answer__img {
    margin-bottom: clamp( 1.875rem , 1.4668367347rem  +  2.0408163265vw , 3.125rem );
  }
}

@supports not (margin-bottom: clamp( 1.875rem , 1.4668367347rem  +  2.0408163265vw , 3.125rem )) {
  .card-answer__img {
    margin-bottom: calc(1.875rem + 1.25 * (100vw - 20rem) / 61.25);
  }
}

.card-answer__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-answer__title {
  color: #DCDCDC;
  font-weight: 400;
  margin-bottom: 1.25rem;
}

@supports (font-size: clamp( 1.375rem , 1.2525510204rem  +  0.612244898vw , 1.75rem )) {
  .card-answer__title {
    font-size: clamp( 1.375rem , 1.2525510204rem  +  0.612244898vw , 1.75rem );
  }
}

@supports not (font-size: clamp( 1.375rem , 1.2525510204rem  +  0.612244898vw , 1.75rem )) {
  .card-answer__title {
    font-size: calc(1.375rem + 0.375 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.0625rem , 2.0012755102rem  +  0.306122449vw , 2.25rem )) {
  .card-answer__title {
    line-height: clamp( 2.0625rem , 2.0012755102rem  +  0.306122449vw , 2.25rem );
  }
}

@supports not (line-height: clamp( 2.0625rem , 2.0012755102rem  +  0.306122449vw , 2.25rem )) {
  .card-answer__title {
    line-height: calc(2.0625rem + 0.1875 * (100vw - 20rem) / 61.25);
  }
}

.card-answer__text {
  color: #686868;
  font-weight: 300;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .card-answer__text {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .card-answer__text {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem )) {
  .card-answer__text {
    line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem );
  }
}

@supports not (line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem )) {
  .card-answer__text {
    line-height: calc(1.575rem + 0.175 * (100vw - 20rem) / 61.25);
  }
}

.card-product {
  padding-top: 3.125rem;
}

.card-product__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  row-gap: 1.875rem;
  max-width: 78.75rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
  padding: 0 1.25rem;
  /* width: 100%; */
}


@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .card-product__inner {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .card-product__inner {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

.card-product__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
}
.card-product__wrapper{
  width: 40%;
}
@media (max-width: 767px){
.card-product__wrapper {
    width: 100%;
}
}
.card-product__column-info {
  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-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
          width: 500px;
}
@media (max-width: 1310px) {
  .card-product__column-info {
  width: 470px;
  }
}
@media (max-width: 1210px) {
  .card-product__column-info {
  width: 450px;
  }
}
@media (max-width: 911px) {
  .card-product__column-info {
  width: 300px;
  }
}
@media (max-width: 768px) {
  .card-product__column-info {
  width: 100%;
  }
}
.card-product__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  margin-bottom: 1.875rem;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: left;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .card-product__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .card-product__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .card-product__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .card-product__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

.card-product__price {
  font-weight: 400;
  color: #F5F5F5;
  margin-bottom: 1.875rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@supports (font-size: clamp( 1.375rem , 1.1709183673rem  +  1.0204081633vw , 2rem )) {
  .card-product__price {
    font-size: clamp( 1.375rem , 1.1709183673rem  +  1.0204081633vw , 2rem );
  }
}

@supports not (font-size: clamp( 1.375rem , 1.1709183673rem  +  1.0204081633vw , 2rem )) {
  .card-product__price {
    font-size: calc(1.375rem + 0.625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.65rem , 1.356122449rem  +  1.4693877551vw , 2.55rem )) {
  .card-product__price {
    line-height: clamp( 1.65rem , 1.356122449rem  +  1.4693877551vw , 2.55rem );
  }
}

@supports not (line-height: clamp( 1.65rem , 1.356122449rem  +  1.4693877551vw , 2.55rem )) {
  .card-product__price {
    line-height: calc(1.65rem + 0.9 * (100vw - 20rem) / 61.25);
  }
}

.card-product__slider {
  position: relative;
}

.card-product__dotts {
  position: absolute;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -ms-inline-grid;
  display: inline-grid;
  grid-auto-flow: column;
  gap: 0.3125rem;
}

.card-product__dotts .swiper-pagination-bullet {
  cursor: pointer;
  height: 0.5rem;
  width: 0.5rem;
  position: relative;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background-color: transparent;
  border: 1px solid #686868;
  border-radius: 50%;
}

.card-product__dotts .swiper-pagination-bullet-active {
  background: #AAAAAA;
  border: none;
}
.slide-card-product{
  position: relative;
}
.slide-card-product__img {
  width: 100%;
  position: relative;
  max-width: 697px;
}

@supports (height: clamp( 17.5rem , 13.3571428571rem  +  20.7142857143vw , 30.1875rem )) {
  .slide-card-product__img {
    height: clamp( 17.5rem , 13.3571428571rem  +  20.7142857143vw , 30.1875rem );
  }
}

@supports not (height: clamp( 17.5rem , 13.3571428571rem  +  20.7142857143vw , 30.1875rem )) {
  .slide-card-product__img {
    height: calc(17.5rem + 12.6875 * (100vw - 20rem) / 61.25);
  }
}

.slide-card-product__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.info-card-product {
  margin-bottom: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.info-card-product__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.info-card-product__row:not(:last-child) {
  margin-bottom: 1.875rem;
}

.info-card-product__title {
  color: #686868;
  font-weight: 300;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@supports (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .info-card-product__title {
    font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .info-card-product__title {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .info-card-product__title {
    line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem );
  }
}

@supports not (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .info-card-product__title {
    line-height: calc(1.275rem + 0.075 * (100vw - 20rem) / 61.25);
  }
}

.info-card-product__block {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 21.5rem;
          flex: 1 1 21.5rem;
  border-bottom: 1px solid #222222;
}

.info-card-product__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@supports (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .info-card-product__text {
    font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .info-card-product__text {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .info-card-product__text {
    line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem );
  }
}

@supports not (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .info-card-product__text {
    line-height: calc(1.275rem + 0.075 * (100vw - 20rem) / 61.25);
  }
}

.action-card {
  position: relative;
  max-width: 500px;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.5rem;
}

.action-card__link {
  position: absolute;
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}

.action-card__link:nth-child(1) {
  top: 0;
  left: 0;
}

.action-card__link:nth-child(2) {
  top: 0;
  right: calc((100% - 160px) / 2);
}

.action-card__link:nth-child(3) {
  top: 0;
  right: 0%;
}

.drop-down-card__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #434343;
  margin-bottom: 1.25rem;
  width: 100%;
  padding: 20px;
  cursor: pointer;
}

.drop-down-card__row._spoller-active {
  background: #222222;
}

.drop-down-card__row._spoller-active .drop-down-card__arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.drop-down-card__title {
  max-width: 513px;
  color: #DCDCDC;
  font-weight: 300;
}

@supports (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .drop-down-card__title {
    font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .drop-down-card__title {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .drop-down-card__title {
    line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem );
  }
}

@supports not (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .drop-down-card__title {
    line-height: calc(1.275rem + 0.075 * (100vw - 20rem) / 61.25);
  }
}

.drop-down-card__menu {
  max-width: 513px;
}

.drop-down-card__text {
  color: #DCDCDC;
  font-weight: 300;
}

@supports (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .drop-down-card__text {
    font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem );
  }
}

@supports not (font-size: clamp( 1rem , 0.9591836735rem  +  0.2040816327vw , 1.125rem )) {
  .drop-down-card__text {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .drop-down-card__text {
    line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem );
  }
}

@supports not (line-height: clamp( 1.275rem , 1.2505102041rem  +  0.1224489796vw , 1.35rem )) {
  .drop-down-card__text {
    line-height: calc(1.275rem + 0.075 * (100vw - 20rem) / 61.25);
  }
}

.drop-down-card__arrow {
  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;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

@supports (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .marketing {
    margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem );
  }
}

@supports not (margin-bottom: clamp( 5.625rem , 3.3801020408rem  +  11.2244897959vw , 12.5rem )) {
  .marketing {
    margin-bottom: calc(5.625rem + 6.875 * (100vw - 20rem) / 61.25);
  }
}

.marketing__inner {
  max-width: 970px;
  margin: 0 auto;
  padding: 0 20px;
}

.marketing__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.marketing__img {
  display: inline;
  margin-right: -8.75rem;
}

.marketing__img img {
  mix-blend-mode: luminosity;
}

.marketing__img img:not(:last-child) {
  margin-right: 0.625rem;
  margin-left: 1.875rem;
}

.marketing__title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  text-transform: uppercase;
  color: #F5F5F5;
  text-align: center;
  margin: 0 auto;
  max-width: 738px;
}

@supports (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .marketing__title {
    font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem );
  }
}

@supports not (font-size: clamp( 2.1875rem , 1.6772959184rem  +  2.5510204082vw , 3.75rem )) {
  .marketing__title {
    font-size: calc(2.1875rem + 1.5625 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .marketing__title {
    line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem );
  }
}

@supports not (line-height: clamp( 2.6875rem , 2.0344387755rem  +  3.2653061224vw , 4.6875rem )) {
  .marketing__title {
    line-height: calc(2.6875rem + 2 * (100vw - 20rem) / 61.25);
  }
}

@supports (margin-bottom: clamp( 2.5rem , 1.7653061224rem  +  3.6734693878vw , 4.75rem )) {
  .marketing__title {
    margin-bottom: clamp( 2.5rem , 1.7653061224rem  +  3.6734693878vw , 4.75rem );
  }
}

@supports not (margin-bottom: clamp( 2.5rem , 1.7653061224rem  +  3.6734693878vw , 4.75rem )) {
  .marketing__title {
    margin-bottom: calc(2.5rem + 2.25 * (100vw - 20rem) / 61.25);
  }
}

.item-marketing__body {
  position: relative;
  -webkit-transition: all 0.4s 0s ease;
  -o-transition: all 0.4s 0s ease;
  transition: all 0.4s 0s ease;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

@supports (width: clamp( 12.5rem , 11.887755102rem  +  3.0612244898vw , 14.375rem )) {
  .item-marketing__body {
    width: clamp( 12.5rem , 11.887755102rem  +  3.0612244898vw , 14.375rem );
  }
}

@supports not (width: clamp( 12.5rem , 11.887755102rem  +  3.0612244898vw , 14.375rem )) {
  .item-marketing__body {
    width: calc(12.5rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

@supports (height: clamp( 12.5rem , 11.887755102rem  +  3.0612244898vw , 14.375rem )) {
  .item-marketing__body {
    height: clamp( 12.5rem , 11.887755102rem  +  3.0612244898vw , 14.375rem );
  }
}

@supports not (height: clamp( 12.5rem , 11.887755102rem  +  3.0612244898vw , 14.375rem )) {
  .item-marketing__body {
    height: calc(12.5rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

.item-marketing__front,
.item-marketing__back {
  position: absolute;
  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-align: center;
  color: #AAAAAA;
  width: 100%;
  height: 100%;
  font-weight: 300;
  color: #F5F5F5;
}

@supports (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .item-marketing__front,
  .item-marketing__back {
    font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem );
  }
}

@supports not (font-size: clamp( 1.125rem , 1.0841836735rem  +  0.2040816327vw , 1.25rem )) {
  .item-marketing__front,
  .item-marketing__back {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 61.25);
  }
}

@supports (line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem )) {
  .item-marketing__front,
  .item-marketing__back {
    line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem );
  }
}

@supports not (line-height: clamp( 1.575rem , 1.5178571429rem  +  0.2857142857vw , 1.75rem )) {
  .item-marketing__front,
  .item-marketing__back {
    line-height: calc(1.575rem + 0.175 * (100vw - 20rem) / 61.25);
  }
}

.item-marketing__front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border: 1px solid #686868;
  background: #080C0F;
  border-radius: 160px;
}

.item-marketing__back {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  color: #222222;
  background: #F5F5F5;
  border-radius: 160px;
}



.top-header {
  height: 86px;
  width: 100%;
  background-color: #080C0F;
}

.top-header__row {
  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;
  height: 86px;
  gap: 0.625rem;
}

.top-header__logo {
  z-index: 5;
}

.top-header__tel {
  z-index: 5;
}

.top-header__tel p {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #F5F5F5;
  white-space: nowrap;
  display: block;
}

.top-header__tel span {
  display: none;
  width: 45.33px;
  height: 45.33px;
  background: #F5F5F5;
  border-radius: 30px;
  position: relative;
  margin-right: 0.9375rem;
}

.top-header__tel span svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

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

.menu-top-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@supports (margin-left: clamp( 1.25rem , 0.4336734694rem  +  4.0816326531vw , 3.75rem )) {
  .menu-top-header__item:not(:first-child) {
    margin-left: clamp( 1.25rem , 0.4336734694rem  +  4.0816326531vw , 3.75rem );
  }
}

@supports not (margin-left: clamp( 1.25rem , 0.4336734694rem  +  4.0816326531vw , 3.75rem )) {
  .menu-top-header__item:not(:first-child) {
    margin-left: calc(1.25rem + 2.5 * (100vw - 20rem) / 61.25);
  }
}

.menu-top-header__link {
  font-weight: 300;
  line-height: 1.2;
  font-size: 1.125rem;
  color: #AAAAAA;
  -webkit-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.menu-top-header__link:active {
  color: #F5F5F5;
}

.menu-top-header__link span {
  display: none;
  margin-top: 1.8888888889em;
  position: relative;
  width: 94px;
  height: 150px;
  color: #F5F5F5;
  font-weight: 400;
  line-height: 1.2;
  font-size: 1.125rem;
  text-align: center;
}

.menu-top-header__link span::before {
  content: "";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 100%;
  border: 1px solid #686868;
  border-radius: 160px;
}

.menu-top-header__tel {
  display: none;
  color: #F5F5F5;
  font-weight: 300;
  margin-bottom: 0.5em;
  line-height: 1.725;
}

.footer {
  padding: 50px 0;
  background: #080C0F;
  border-top: 1px solid #222222;
}

.footer__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(auto, 15.625rem) 1fr minmax(auto, 17.5rem);
  grid-template-columns: minmax(auto, 15.625rem) 1fr minmax(auto, 17.5rem);
  -ms-grid-rows: minmax(3.3125rem, auto) auto;
  grid-template-rows: minmax(3.3125rem, auto) auto;
  row-gap: 2.5rem;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
}

.footer__logo {
  display: block;
}

.footer__tel {
  text-align: right;
  font-weight: 400;
  line-height: 1.25;
  color: #F5F5F5;
}

.contact-footer {
  font-weight: 300;
  line-height: 1.2;
  color: #AAAAAA;
  font-size: 1.125rem;
}

.contact-footer__address {
  margin-bottom: 0.8333333333em;
}

.contact-footer__time {
  margin-bottom: 0.8333333333em;
}

.contact-footer__email {
  -webkit-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.contact-footer__email:active {
  color: #F5F5F5;
}

.menu-footer__list {
  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-wrap: wrap;
      flex-wrap: wrap;
}

@supports (margin-left: clamp( 0.625rem , 0.012755102rem  +  3.0612244898vw , 2.5rem )) {
  .menu-footer__item:not(:first-child) {
    margin-left: clamp( 0.625rem , 0.012755102rem  +  3.0612244898vw , 2.5rem );
  }
}

@supports not (margin-left: clamp( 0.625rem , 0.012755102rem  +  3.0612244898vw , 2.5rem )) {
  .menu-footer__item:not(:first-child) {
    margin-left: calc(0.625rem + 1.875 * (100vw - 20rem) / 61.25);
  }
}

.menu-footer__link {
  font-weight: 300;
  line-height: 1.2;
  font-size: 1.125rem;
  color: #AAAAAA;
  -webkit-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.menu-footer__link:active {
  color: #F5F5F5;
}

.info-footer {
  -ms-grid-column: 3;
  grid-column: 3;
  text-align: right;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.25;
  color: #434343;
  -ms-grid-row-align: end;
      align-self: end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;

}
@media (max-width:991px) {
  .info-footer {
    align-items: center;
  }  
}
@media (max-width:768px) {
  .info-footer {
    align-items: flex-start;
  }  
}
.im{
  display: contents;
}

.info-footer__text {
  margin-top: 0.625em;
  margin-bottom: 1.875em;
}

.swiper {
  overflow: hidden;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.card-product__swiper.swiper-wrapper{
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  position: relative;
}
.swiper-vertical .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

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

@media (max-width: 1182px) {
  .advantages__text {
    margin-left: 0;
  }

  .advantages__title span {
    margin-left: 0;
  }

  .grid-advantages {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }

  .choice__title span {
    margin-left: 0;
  }

  .answer__title span {
    margin-left: 0;
  }
}

@media (max-width: 1049px) {
  .answer__cards {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 574px) {
  .slide-reviews:last-child {
    display: none;
  }

  .slide-reviews__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .slide-reviews__column {
    max-width: 595px;
  }

  .slide-reviews__img {
    width: 100%;
  }

@supports (height: clamp( 17.6875rem , 11.3201530612rem  +  31.8367346939vw , 37.1875rem )) {
    .slide-reviews__img {
      height: clamp( 17.6875rem , 11.3201530612rem  +  31.8367346939vw , 37.1875rem );
    }
}

@supports not (height: clamp( 17.6875rem , 11.3201530612rem  +  31.8367346939vw , 37.1875rem )) {
    .slide-reviews__img {
      height: calc(17.6875rem + 19.5 * (100vw - 20rem) / 61.25);
    }
}
}

@media (max-width: 320px) {
  .body-slide-suggestion__property {
    padding: 0 0.3125rem;
  }

  .body-item-cards-catalog__property {
    padding: 0 0.3125rem;
  }

  .body-item-product-catalog__property {
    padding: 0 0.3125rem;
  }
}

@media (max-width: 61.99875em) {
  .input {
    height: 62px;
  }

  .checkbox__text {
    padding-left: 0px;
  }

  .service__grid {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: (minmax(14.0625rem, auto))[6];
    grid-template-rows: repeat(6, minmax(14.0625rem, auto));
  }

  .card-service {
    min-height: 225px;
  }

  .reviews__row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    row-gap: 2.5rem;
  }

  .contact__title span {
    margin-left: 0rem;
  }

  .contact__wrapper {
    padding-left: 0;
    height: 810px;
  }

  .contact__subtext {
    text-align: center;
  }

  .social-contact {
    top: 92%;
    right: -5%;
  }

  .social-contact__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .social-contact__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .form-feed__grid {
    -ms-grid-columns: minmax(300px, 400px);
    grid-template-columns: minmax(300px, 400px);
    -ms-grid-rows: (auto)[4];
    grid-template-rows: repeat(4, auto);
    row-gap: 1.25rem;
  }

  .form-feed__input {
    width: 100%;
    max-width: 400px;
  }

  .form-feed__checkbox {
    -ms-grid-column: 1;
    grid-column: 1;
  }

  .team__wrapper {
    max-width: 100%;
    min-width: 320px;
    padding: 0;
  }

  .team__text-wrapper {
    padding: 0 20px;
  }

  .img-team__item:last-child {
    display: none;
  }

  .img-team__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    height: 100%;
  }

@supports (min-height: clamp( 16.875rem , 4.0178571429rem  +  64.2857142857vw , 56.25rem )) {
    .img-team__item {
      min-height: clamp( 16.875rem , 4.0178571429rem  +  64.2857142857vw , 56.25rem );
    }
}

@supports not (min-height: clamp( 16.875rem , 4.0178571429rem  +  64.2857142857vw , 56.25rem )) {
    .img-team__item {
      min-height: calc(16.875rem + 39.375 * (100vw - 20rem) / 61.25);
    }
}

  .advantages-team {
    padding: 0 20px;
  }

  .body-item-product-catalog__img {
    width: 100%;
    min-width: 320px;
    max-width: 100%;
    max-height: 100%;
  }

@supports (height: clamp( 16.0625rem , 9.0625rem  +  35vw , 37.5rem )) {
    .body-item-product-catalog__img {
      height: clamp( 16.0625rem , 9.0625rem  +  35vw , 37.5rem );
    }
}

@supports not (height: clamp( 16.0625rem , 9.0625rem  +  35vw , 37.5rem )) {
    .body-item-product-catalog__img {
      height: calc(16.0625rem + 21.4375 * (100vw - 20rem) / 61.25);
    }
}

  .card-product__column-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }

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

  .top-header__tel p {
    display: none;
  }

  .top-header__tel span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .menu-top-header__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .menu-top-header__item:not(:first-child) {
    margin-left: 0;
  }

  .menu-top-header__item:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .menu-top-header__link span {
    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;
  }

  .menu-top-header__tel {
    display: block;
  }

  .menu__body {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    overflow: auto;
    background-color: #080C0F;
    padding: 6.25rem 0.9375rem 3.125rem 0.9375rem;
    z-index: 4;
    -webkit-transition: left 0.3s ease 0s;
    -o-transition: left 0.3s ease 0s;
    transition: left 0.3s ease 0s;
  }

  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 70px;
    top: 0;
    left: -100%;
    background-color: #080C0F;
    z-index: 6;
  }

  .menu-open .menu__body {
    left: 0;
  }

  .menu-open .menu__body::before {
    left: 0;
  }

  .menu {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
    display: block;
  }

  .icon-menu {
    display: block;
    position: relative;
    width: 45px;
    height: 45px;
    border: 1px solid #686868;
    border-radius: 30px;
    cursor: pointer;
    z-index: 100;
  }

  .icon-menu span {
    -webkit-transition: all 300ms ease 0ms;
    -o-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/local/templates/avtosalon/css/../img/icon/menu-burger.svg) 50% no-repeat;
  }

  .menu-open .icon-menu span {
    width: 100%;
    height: 100%;
    background: url(/local/templates/avtosalon/css/../img/icon/close.svg) 50% no-repeat;
  }

  .footer__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: (auto)[4];
    grid-template-rows: repeat(4, auto);
  }

  .footer__logo {
    display: none;
  }

  .footer__tel {
    -ms-grid-row: 1;
    grid-row: 1;
    text-align: center;
  }

  .contact-footer {
    -ms-grid-row: 2;
    grid-row: 2;
    text-align: center;
  }

  .menu-footer {
    -ms-grid-row: 3;
    grid-row: 3;
  }

  .info-footer {
    -ms-grid-column: 1;
    grid-column: 1;
    text-align: center;
  }
}

@media (max-width: 47.99875em) {
  .card-service__hover {
    top: -10%;
    right: -3%;
  }

  .card-service__text {
    margin-bottom: 1.25rem;
  }

  .reviews__slider {
    height: 100%;
  }

  .reviews__swiper {
    height: 100%;
  }

  .slide-reviews:not(:nth-child(-n+3)) {
    display: none;
  }

  .slide-reviews:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .item-slide-reviews {
    padding: 40px 30px;
  }

  .suggestion__slide:not(:nth-child(-n+3)) {
    display: none;
  }

  .suggestion__slide {
    display: block;
    min-width: 320px;
    width: 100%;
    margin-bottom: 2.5rem;
  }

  .body-slide-suggestion__img {
    width: 100%;
    min-width: 320px;
  }

@supports (height: clamp( 16.0625rem , 9.0625rem  +  35vw , 37.5rem )) {
    .body-slide-suggestion__img {
      height: clamp( 16.0625rem , 9.0625rem  +  35vw , 37.5rem );
    }
}

@supports not (height: clamp( 16.0625rem , 9.0625rem  +  35vw , 37.5rem )) {
    .body-slide-suggestion__img {
      height: calc(16.0625rem + 21.4375 * (100vw - 20rem) / 61.25);
    }
}

  .body-slide-suggestion__property {
    padding: 0 1.1875rem;
  }

  .body-slide-suggestion__item {
    padding: 10px 23px;
  }

  .feed {
    background-size: 400%;
  }

  .advantages-team__item:not(:last-child)::after {
    content: "";
    display: none;
  }

  .main-block-page {
    padding: 40px 0;
    height: 564px;
  }

  .main-block-page__row {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    height: 564px;
  }

  .main-block-page__title {
    text-transform: uppercase;
  }

  .main-block-page__img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .main-block-page__img img {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }

  .main-block__row {
    -ms-flex-line-pack: unset;
        align-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }

  .main-block {
    padding: 40px 0;
  }

  .main-block__link {
    margin-bottom: 0;
  }

  .advantages__title span {
    display: none;
  }

  .grid-advantages {
    -ms-grid-columns: minmax(280px, 990px);
    grid-template-columns: minmax(280px, 990px);
    -ms-grid-rows: minmax(280px, auto) minmax(124px, auto) minmax(296px, auto) minmax(139px, auto);
    grid-template-rows: minmax(280px, auto) minmax(124px, auto) minmax(296px, auto) minmax(139px, auto);
  }

  .grid-advantages__img:nth-child(1) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    max-width: 100%;
    max-height: 100%;
  }

  .grid-advantages__img:nth-child(2) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    max-width: 991.98px;
    max-height: 100%;
  }

  .grid-advantages__img:nth-child(5) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column: 1;
    grid-column: 1;
    display: none;
  }

  .grid-advantages__img img {
    height: auto;
  }

  .grid-advantages__item:nth-child(4) {
    -ms-grid-row: 2;
    grid-row: 2;
  }

  .choice__inner {
    padding: 0;
  }

  .choice__item {
    padding: 30px 20px;
  }

  .choice__hover {
    width: 100px;
    height: 100px;
    top: -15%;
    right: 0;
  }

  .breadcrumbs {
    display: none;
  }

  .catalog__title {
    padding: 0 20px;
    max-width: 100%;
  }

  .catalog__row {
    padding: 0 20px;
    max-width: 100%;
  }

  .catalog__inner {
    padding: 0;
    max-width: 100%;
  }

  .block-logo-catalog {
    padding: 0 20px;
  }

  .cards-catalog__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .body-item-cards-catalog__img {
    width: 100%;
    min-width: 320px;
  }

@supports (height: clamp( 16.0625rem , 9.0625rem  +  35vw , 37.5rem )) {
    .body-item-cards-catalog__img {
      height: clamp( 16.0625rem , 9.0625rem  +  35vw , 37.5rem );
    }
}

@supports not (height: clamp( 16.0625rem , 9.0625rem  +  35vw , 37.5rem )) {
    .body-item-cards-catalog__img {
      height: calc(16.0625rem + 21.4375 * (100vw - 20rem) / 61.25);
    }
}

  .body-item-cards-catalog__property {
    padding: 0 1.1875rem;
  }

  .body-item-cards-catalog__item {
    padding: 10px 23px;
  }

  .product-catalog__grid {
    -ms-grid-columns: minmax(280px, 990px);
    grid-template-columns: minmax(280px, 990px);
  }

  .body-item-product-catalog__property {
    padding: 0 1.1875rem;
  }

  .body-item-product-catalog__item {
    padding: 10px 23px;
  }

  .answer__title span {
    display: none;
  }

  .card-answer {
    width: 100%;
    height: 600px;
  }

  .card-answer__img {
    min-width: 280px;
    width: 100%;
    height: 400px;
  }

  .card-product__inner {
    max-width: 100%;
    padding: 0;
  }

  .card-product__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .card-product__column {
    width: 100%;
  }

  .card-product__column {
    min-width: 280px;
  }

  .card-product__column-info {
    width: 100%;
  }

  .card-product__title {
    padding: 0 20px;
    max-width: 100%;
  }

  .slide-card-product__img {
    /* min-width: 280px; */
    max-width: 100%;
  }

  .info-card-product {
    padding: 0 20px;
    max-width: 100%;
  }

  .info-card-product__block {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 9.8125rem;
            flex: 1 1 9.8125rem;
  }

  .action-card {
    padding-left: 20px;
    width: 410px;
  }

  .action-card__link:nth-child(2) {
    right: calc((100% - 150px) / 2);
  }

  .drop-down-card {
    padding: 0 20px;
    max-width: 100%;
  }

  .marketing__img {
    display: none;
  }

  .top-header {
    height: 76px;
  }

  .top-header__row {
    height: 76px;
  }

  .footer__tel {
    text-align: left;
  }

  .contact-footer {
    text-align: left;
  }

  .contact-footer__address {
    max-width: 15.625rem;
  }

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

  .menu-footer__item:not(:first-child) {
    margin-left: 0;
    margin-bottom: 1.1111111111em;
  }

  .menu-footer__item:not(:last-child) {
    margin-bottom: 1.1111111111em;
  }

  .info-footer {
    text-align: left;
  }
}

@media (max-width: 29.99875em) {
  .contact__grid {
    -ms-grid-columns: minmax(auto, 49.875rem);
    grid-template-columns: minmax(auto, 49.875rem);
  }

  .icon-contact__item {
    display: none;
  }

  .content-slide-suggestion__title {
    margin-bottom: 0.5555555556em;
  }

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

  .advantages-team {
    -ms-grid-columns: (auto)[2];
    grid-template-columns: repeat(2, auto);
    -ms-grid-rows: (auto)[2];
    grid-template-rows: repeat(2, auto);
    -webkit-column-gap: 3.75rem;
       -moz-column-gap: 3.75rem;
            column-gap: 3.75rem;
  }

  .main-block__title {
    text-transform: uppercase;
    max-width: 310px;
  }

  .content-item-cards-catalog__title {
    margin-bottom: 0.5555555556em;
  }

  .content-item-cards-catalog {
    -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;
  }

  .content-item-product-catalog__title {
    margin-bottom: 0.5555555556em;
  }

  .content-item-product-catalog {
    -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;
  }

  .card-answer {
    width: 100%;
    height: 466px;
  }

  .card-answer__img {
    min-width: 280px;
    width: 100%;
    height: 280px;
  }
}

@media (any-hover: hover) {
  .white:hover {
    -webkit-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
    border: 1px solid #DCDCDC;
    background: transparent;
    color: #F5F5F5;
  }

  .transparent:hover {
    -webkit-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
    background: #F5F5F5;
    color: #222222;
  }

  .card-service:hover {
    background-color: #434343;
  }

  .card-service:hover .card-service__hover {
    -webkit-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
    opacity: 1;
    visibility: visible;
  }

  .slide-reviews:hover .slide-reviews__img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }

  .text-contact__item:hover {
    background-color: #434343;
  }

  .grid-advantages__img {
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }

  .grid-advantages__img:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
  }

  .choice__item:hover .choice__hover {
    -webkit-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
    opacity: 1;
    visibility: visible;
  }

  .choice__item:hover {
    color: #DCDCDC;
  }

  .block-logo-catalog__item:hover {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    border: 1px solid #AAAAAA;
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }

  .item-marketing:hover .item-marketing__body {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }

  .menu-top-header__link {
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }

  .menu-top-header__link:hover {
    color: #F5F5F5;
  }

  .contact-footer__email {
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }

  .contact-footer__email:hover {
    color: #F5F5F5;
  }

  .menu-footer__link:hover {
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    color: #F5F5F5;
  }
}

.webp .feed{ background: -webkit-gradient(linear, left top, left bottom, color-stop(-15.58%, #080C0F), color-stop(33.56%, rgba(8, 12, 15, 0)), color-stop(63.33%, rgba(8, 12, 15, 0)), color-stop(95.96%, rgba(8, 12, 15, 0.3))), url(/local/templates/avtosalon/css/../img/feedform/image.webp) bottom no-repeat; }

.webp .feed{ background: -o-linear-gradient(top, #080C0F -15.58%, rgba(8, 12, 15, 0) 33.56%, rgba(8, 12, 15, 0) 63.33%, rgba(8, 12, 15, 0.3) 95.96%), url(/local/templates/avtosalon/css/../img/feedform/image.webp) bottom no-repeat; }

.webp .feed{ background: linear-gradient(180deg, #080C0F -15.58%, rgba(8, 12, 15, 0) 33.56%, rgba(8, 12, 15, 0) 63.33%, rgba(8, 12, 15, 0.3) 95.96%), url(/local/templates/avtosalon/css/../img/feedform/image.webp) bottom no-repeat; }

.fixed {
  position: fixed;
  z-index: 99;
  top: 0;
}
.position{
  position: absolute;
  bottom: 0;
  right: 0;
}
/* End */
/* /local/templates/avtosalon/css/style.css?1675836817133281 */