@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  line-height: 1;background: var(--bg);
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

input,
textarea {
  outline: none;
}

textarea {
  resize: none;
}

textarea:focus,
input:focus {
  outline: none;
}

/*- убираем стрелки input number-*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

input[type=number]:hover,
input[type=number]:focus {
  -moz-appearance: number-input;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

button {
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
  padding: 0;
}

ul {
  list-style: none;
}

/* убираем тени safari */
input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

:root {
  --index: calc(1vw + 1vh);
  --font-family: "avenirnextcyr", sans-serif;
  --second-family: "Montserrat", sans-serif;
  --third-family: "Floripa", sans-serif;
  --hover: 0.4s;
  --duration-hover: 0.3s;
  --color-accent: #e06437;
  --color-black: #181818;
  --color-red: #ff0000;
  --color-white: #e1e5eb;
}

@font-face {
  font-family: "Floripa";
  font-display: swap;
  src: url("/fonts/Floripa-regular.woff") format("woff"), url("/fonts/Floripa-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("/fonts/Montserrat-Regular.woff") format("woff"), url("/fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("/fonts/Montserrat-Bold.woff") format("woff"), url("/fonts/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-ultralight.woff") format("woff"), url("/fonts/avenirnextcyr-ultralight.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-thinitalic.woff") format("woff"), url("/fonts/avenirnextcyr-thinitalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-thin.woff") format("woff"), url("/fonts/avenirnextcyr-thin.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-lightitalic.woff") format("woff"), url("/fonts/avenirnextcyr-lightitalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-regularitalic.woff") format("woff"), url("/fonts/avenirnextcyr-regularitalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-regular.woff") format("woff"), url("/fonts/avenirnextcyr-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-mediumitalic.woff") format("woff"), url("/fonts/avenirnextcyr-mediumitalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-medium.woff") format("woff"), url("/fonts/avenirnextcyr-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-bolditalic.woff") format("woff"), url("/fonts/avenirnextcyr-bolditalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-bold.woff") format("woff"), url("/fonts/avenirnextcyr-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-heavyitalic.woff") format("woff"), url("/fonts/avenirnextcyr-heavyitalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("/fonts/avenirnextcyr-heavy.woff") format("woff"), url("/fonts/avenirnextcyr-heavy.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
/**
 * Swiper 8.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 15, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}

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

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

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

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

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

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

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

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

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

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

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

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

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

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

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

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

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

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

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

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

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

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

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

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

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

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  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;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

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

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

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

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

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

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

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

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

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

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

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

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

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

.swiper-pagination-bullet:only-child {
  display: none !important;
}

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

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

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

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

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

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

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

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

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

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

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

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

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

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-flip {
  overflow: visible;
}

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

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

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

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

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  -o-transition-property: transform, opacity, height;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: var(--font-family);
  font-variant-numeric: lining-nums proportional-nums;
  padding: 0;
  margin: 0;
  background: none;
  line-height: 130%;
}

.--scroll::-webkit-scrollbar-thumb {
  width: 13px;
  background: #E06437;
}

.--scroll::-webkit-scrollbar {
  width: 4px;
  /* ширина всей полосы прокрутки */
}

.--scroll::-webkit-scrollbar-track {
  background: rgba(22, 22, 22, 0.2);
}

.--scroll::-webkit-scrollbar-thumb {
  background-color: #E06437;
}

.--scroll {
  scrollbar-width: thin;
  scrollbar-color: #E06437 rgba(22, 22, 22, 0.2);
}

.--no-scroll {
  overflow: hidden;
}

.container {
  max-width: 1720px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

.page {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 100vh;
}

main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mb-60 {
  margin-bottom: calc(25px + 35 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .mb-60 {
    margin-bottom: 25px;
  }
}

.mb-50 {
  margin-bottom: calc(25px + 25 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .mb-50 {
    margin-bottom: 25px;
  }
}

.mb-40 {
  margin-bottom: calc(25px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .mb-40 {
    margin-bottom: 25px;
  }
}

.mb-35 {
  margin-bottom: calc(20px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .mb-35 {
    margin-bottom: 20px;
  }
}

.mb-20 {
  margin-bottom: calc(10px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .mb-20 {
    margin-bottom: 10px;
  }
}

.fz-65 {
  font-size: 65px;
}
@media screen and (max-width: 1680px) {
  .fz-65 {
    font-size: 50px;
  }
}
@media screen and (max-width: 992px) {
  .fz-65 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  .fz-65 {
    font-size: 27px;
  }
}

.fz-55 {
  font-size: calc(27px + 28 * (100vw - 360px) / 1560);
}

.fz-40 {
  font-size: 40px;
}
@media screen and (max-width: 1680px) {
  .fz-40 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-40 {
    font-size: 20px;
  }
}

.fz-36 {
  font-size: calc(16px + 20 * (100vw - 360px) / 1560);
}

.fz-32 {
  font-size: 32px;
}
@media screen and (max-width: 1680px) {
  .fz-32 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-32 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .fz-32 {
    font-size: 18px;
  }
}

.fz-27 {
  font-size: calc(16px + 11 * (100vw - 360px) / 1560);
}

.fz-24 {
  font-size: 24px;
}
@media screen and (max-width: 1680px) {
  .fz-24 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-24 {
    font-size: 18px;
  }
}

.fz-21 {
  font-size: calc(14px + 7 * (100vw - 360px) / 1560);
}

.fz-20 {
  font-size: 20px;
}
@media screen and (max-width: 1680px) {
  .fz-20 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-20 {
    font-size: 16px;
  }
}

.fz-20-16 {
  font-size: 20px;
}
@media screen and (max-width: 1680px) {
  .fz-20-16 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-20-16 {
    font-size: 14px;
  }
}

.fz-20-14 {
  font-size: 20px;
}
@media screen and (max-width: 1680px) {
  .fz-20-14 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-20-14 {
    font-size: 14px;
  }
}

.fz-18 {
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
  .fz-18 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-18 {
    font-size: 14px;
  }
}

.fz-16 {
  font-size: 16px;
}
@media screen and (max-width: 1680px) {
  .fz-16 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-16 {
    font-size: 12px;
  }
}

.fz-14 {
  font-size: 14px;
}
@media screen and (max-width: 1680px) {
  .fz-14 {
    font-size: 12px;
  }
}

.fz-14-14 {
  font-size: 14px;
}
@media screen and (max-width: 1240px) {
  .fz-14-14 {
    font-size: 12px;
  }
}

.fz-14-10 {
  font-size: 14px;
}
@media screen and (max-width: 1680px) {
  .fz-14-10 {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .fz-14-10 {
    font-size: 12px;
  }
}

.fz-12 {
  font-size: 12px;
}

.fw-800 {
  font-weight: 800;
}

.fw-700 {
  font-weight: 700;
}

.fw-600 {
  font-weight: 600;
}

.fw-500 {
  font-weight: 500;
}

.fw-400 {
  font-weight: 400;
}

.fs-italic {
  font-style: italic;
}

.font-family {
  font-family: var(--font-family);
}

.second-family {
  font-family: var(--second-family);
}

.third-family {
  font-family: var(--third-family);
}

.fourth-family {
  font-family: var(--fourth-family);
}

.modal-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -33333333333;
  opacity: 0;
  padding: 80px 0;
}

.modal-background.--active {
  opacity: 1;
  z-index: 11115;
}

.modal-background.--active .modal__container {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.modal__container {
  -webkit-transform: translateX(-400%);
  -ms-transform: translateX(-400%);
  transform: translateX(-400%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 325px auto;
  grid-template-columns: 325px auto;
  gap: 20px;
}

.modal__top-slaider {
  height: 325px;
  margin-bottom: 10px;
}

.modal__bottom-slaider {
  height: 74px;
}

.modal-btn {
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
  position: absolute;
  right: 24px;
  top: 29px;
}

.modal__container {
  max-width: 1010px;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 30px;
  position: relative;
}

.modal__container .modal__list-inner {
  padding-bottom: 0;
}

.modal__container .modal__list-inner::before {
  content: "";
}

.modal__body-title {
  width: 85%;
  font-weight: 700;
  font-size: 1.7778rem;
  line-height: 130%;
  color: #181818;
  margin-bottom: 15px;
}

.modal__body-text {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  color: #1E1F24;
  margin-bottom: 20px;
}

.modal__list-inner {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  color: #1E1F24;
  margin-bottom: 10px;
}

.modal__list-inner:nth-last-child(1) {
  margin-bottom: 0;
}

.modal__slaider-counter {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-align: center;
  color: rgba(30, 31, 36, 0.5);
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal__counter-num {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  color: inherit;
  padding-left: 5px;
}

.modal__top-slaider,
.modal__bottom-slaider {
  overflow: hidden;
}

.modal__top-slide img,
.modal__bottom-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.modal__slaider-progressbar {
  height: 2px;
  background: rgba(174, 164, 175, 0.1);
  display: none;
}

.modal__slaider-progressbar .swiper-pagination-progressbar-fill {
  background: #E06437;
}

@media (max-width: 1400px) {
  .modal__body-title {
    font-size: 32px;
    line-height: 130%;
  }
  .modal__body-text {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__container .modal__list-inner {
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width: 992px) {
  .modal__container {
    max-width: 664px;
    padding: 20px;
    border-radius: 10px;
    -ms-grid-columns: 253px auto;
    grid-template-columns: 253px auto;
  }
  .modal__container .modal__list-inner {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__body-title {
    width: 90%;
    font-size: 28px;
    line-height: 130%;
  }
  .modal-btn {
    width: 24px;
    height: 24px;
    right: 28px;
    top: 16px;
  }
  .modal__body-text {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .modal__container .modal__list-inner {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .modal__top-slaider {
    height: auto;
  }
  .modal__top-slaider img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .modal__bottom-slide img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
@media (max-width: 740px) {
  .modal__bottom-slaider {
    display: none;
  }
  .modal__container {
    width: 294px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .modal__body-title {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .modal-btn {
    right: 12px;
    top: 15px;
  }
  .modal-btn svg {
    width: 17px;
    height: 17px;
  }
  .modal__body-text {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .modal__container .modal__list-inner {
    font-size: 12px;
    line-height: 130%;
  }
  .modal__header {
    margin-top: 20px;
    margin-right: 35px;
    margin-left: 35px;
  }
  .modal__slaider-progressbar {
    display: block;
    margin-bottom: 5px;
  }
}
.modal-form {
  margin: auto;
  position: relative;
}

.modal-form-background::after {
  content: "";
  width: 567.32px;
  height: 470.88px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-54%);
  -ms-transform: translateX(-54%);
  transform: translateX(-54%);
  top: -66px;
  background: url("/img/icons/modal-back.svg") no-repeat center center/contain;
  z-index: -1;
}

.modal__form-confirmation {
  padding-top: 0;
  margin: auto;
  position: relative;
}

.modal__form-confirmation.modal-form-background::after {
  left: 50%;
  -webkit-transform: translate(-54%, -50%);
  -ms-transform: translate(-54%, -50%);
  transform: translate(-54%, -50%);
  top: 50%;
}

.footer__modal.modal__form-confirmation {
  padding-top: 0;
}

.modal-form-input-2 {
  margin-bottom: 22px;
}

.modal-form-label-text {
  margin-bottom: 20px;
}

@media (max-width: 1400px) {
  .footer__form.modal-form {
    padding-top: 0;
  }
  .modal-form-background::after {
    top: -82px;
  }
}
@media (max-width: 992px) {
  .modal-form-background::after {
    top: -90px;
    width: 508.32px;
    height: 468.88px;
  }
}
.modal__info {
  width: 605px;
  margin: auto;
  margin-top: 0;
  padding: 30px;
  border-radius: 15px;
  position: relative;
}

.modal__info-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.modal__info-logo img {
  width: 110px;
  height: 28px;
}

.modal__info-background {
  background: url("/img/icons/modal-background.svg") no-repeat left 0 top 0, #FFFFFF;
  border-radius: 15px;
}

.modal--confirmation-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 35px;
}

.modal--confirmation-row img {
  width: 39px;
  height: 39px;
  margin-right: 18px;
}

.modal--confirmation-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
}

.modal__info-logo.modal--confirmation-logo {
  margin-bottom: 33px;
}

.modal__info-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #E06437;
  text-align: center;
  display: block;
  padding-bottom: 5px;
}

.modal__info-body {
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 20px;
}

.modal__info-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #181818;
  text-align: center;
  padding-bottom: 20px;
}

.modal__info-title span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.modal__info-list {
  counter-reset: myCounter;
}

.modal__list-inner {
  list-style: none;
  border-bottom: 1px solid rgba(24, 24, 24, 0.1);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.modal__list-inner .product__info-size {
  margin-right: 10px;
}

.modal__list-inner:nth-last-child(1) {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.modal__list-inner::before {
  counter-increment: myCounter;
  content: counter(myCounter) ".";
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.02em;
  display: inline-block;
  float: left;
  padding-right: 5px;
  padding-left: 7px;
}

.modal__info-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;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(224, 100, 55, 0.1);
}

.modal__info-row-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #E06437;
}

.modal__info-row-price {
  font-weight: 700;
  font-size: 28px;
  line-height: 130%;
  text-align: right;
  letter-spacing: -0.02em;
  color: #181818;
}

.modal__info-subtitle {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 20px;
}

.modal__input-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #978D98;
  margin-bottom: 10px;
}

.modal__info-input {
  resize: none;
  width: 100%;
  height: 41px;
  padding: 8px 18px;
  background: #F5F7FB;
  border-radius: 10px;
  border: 1px solid transparent;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  outline: none;
  margin-bottom: 10px;
}

.modal__info-input::-webkit-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #181818;
  opacity: 0.3;
}

.modal__info-input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #181818;
  opacity: 0.3;
}

.modal__info-input:-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #181818;
  opacity: 0.3;
}

.modal__info-input::-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #181818;
  opacity: 0.3;
}

.modal__info-input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #181818;
  opacity: 0.3;
}

.modal__info-input:hover {
  border: 1px solid transparent;
}

.modal__info-checked:checked + .modal__info-label-text {
  color: #181818;
}

.modal__info-checked:checked + .modal__info-label-text::after {
  content: url("/img/icons/checked-black.svg");
}

.modal__info-label-text {
  color: #181818;
  margin-bottom: 30px;
}

.modal__info-label-text::after {
  border: 2px solid #181818;
}

.modal__info-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 15px;
}

.modal__info-message img {
  width: 24px;
  height: 24px;
}

.modal__info-message:nth-child(2) {
  margin-right: 0;
}

.modal__info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 30px;
}

.modal__info-file-span {
  font-weight: 700;
  font-size: 21px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #181818;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  cursor: pointer;
}

.modal__info-file-span svg {
  margin-right: 15px;
}

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

.modal__info-header {
  margin-top: 30px;
  margin-bottom: 15px;
}

.modal__info-btn {
  font-size: 18px;
  line-height: 130%;
  min-width: 256px;
  min-height: 45px;
}

@media (max-width: 1400px) {
  .modal__info-text {
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 2px;
  }
  .modal__info-title {
    font-size: 21px;
    line-height: 130%;
  }
  .modal__info-body {
    padding: 25px;
    padding-left: 40px;
  }
  .modal__list-inner::before {
    font-size: 16px;
    line-height: 130%;
    padding-right: 4px;
    padding-left: 4px;
  }
  .modal__info-row-title {
    font-size: 22px;
    line-height: 130%;
  }
  .modal__info-row {
    padding-bottom: 13px;
    margin-bottom: 14px;
  }
  .modal__info-subtitle {
    margin-bottom: 12px;
  }
  .modal__info-input {
    font-size: 16px;
    line-height: 130%;
    height: 35px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 5px;
  }
  .modal__info-label-text {
    margin-bottom: 30px;
    margin-top: 5px;
  }
  .modal__info-btn {
    font-size: 16px;
    line-height: 130%;
    min-width: 211px;
    min-height: 41px;
  }
  .modal__info-file-span {
    font-size: 18px;
    line-height: 130%;
  }
  .modal__info-file-span svg {
    width: 21px;
    height: 21px;
  }
  .modal__info-box {
    margin-right: auto;
    margin-left: 40px;
  }
  .modal__info-message img {
    width: 22px;
    height: 22px;
  }
  .modal__info {
    width: 595px;
    padding: 25px;
  }
  .modal__info-close {
    right: 18px;
    top: 24px;
  }
  .modal__info-close svg {
    width: 22px;
    height: 22px;
  }
  .modal__info-logo img {
    width: 75px;
    height: 19px;
  }
  .modal--confirmation-row {
    padding-right: 25px;
    margin-bottom: 0;
  }
  .modal--confirmation-row img {
    width: 37px;
    height: 37px;
    margin-right: 15px;
  }
  .modal--confirmation-text {
    font-size: 21px;
    line-height: 130%;
  }
}
@media (max-width: 992px) {
  .modal__info-text {
    font-size: 14px;
    line-height: 130%;
  }
  .modal__info-header {
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .modal__info-body {
    padding: 20px;
  }
  .modal__info-title {
    font-size: 18px;
    line-height: 130%;
  }
  .modal__list-inner .product__info-name {
    padding-bottom: 5px;
  }
  .modal__list-inner::before {
    font-size: 14px;
    line-height: 130%;
  }
  .modal__info-row-title {
    font-size: 22px;
    line-height: 130%;
  }
  .modal__info-row-price {
    font-size: 26px;
    line-height: 130%;
  }
  .modal__info-subtitle {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__info-row {
    padding-bottom: 14px;
    margin-bottom: 15px;
  }
  .modal__input-name {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 5px;
  }
  .modal__info-input {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .modal__info-file-span {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__info-file-span svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
  .modal__info-btn {
    min-width: 187px;
    min-height: 34px;
    font-size: 14px;
    line-height: 130%;
  }
  .modal__info-message img {
    width: 20px;
    height: 20px;
  }
  .modal__info-box {
    margin-right: auto;
    margin-left: 35px;
  }
  .modal__info-subtitle {
    margin-bottom: 15px;
  }
  .modal__info {
    width: 497px;
    padding: 20px;
  }
  .modal__info-logo {
    padding-right: 30px;
  }
  .modal__info-logo img {
    width: 58px;
    height: 17px;
  }
  .modal__info-close {
    right: 14px;
    top: 19px;
  }
  .modal__info-close svg {
    width: 20px;
    height: 20px;
  }
  .modal--confirmation-row {
    margin-right: 27px;
  }
  .modal--confirmation-row img {
    width: 27px;
    height: 27px;
    margin-right: 12px;
  }
  .modal--confirmation-text {
    font-size: 18px;
    line-height: 130%;
  }
  .modal__info-background {
    background: url("/img/icons/modal-background-2.svg") no-repeat left 0 top 0, #FFFFFF;
  }
}
@media (max-width: 740px) {
  .modal__info-header {
    margin-top: 20px;
  }
  .modal__info-body {
    padding: 15px;
    margin-bottom: 10px;
  }
  .modal__info-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .modal__info-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin-bottom: 10px;
  }
  .footer__form-chekded.modal__info-checked:checked + .modal__info-label-text::after {
    content: "";
    border: 2px solid transparent;
    width: 20px;
    height: 20px;
    background: url("/img/icons/checked-black.svg") no-repeat center center/contain;
  }
  .modal__info-label-text {
    margin-bottom: 25px !important;
  }
  .modal__info-file-span {
    font-size: 16px;
    line-height: 130%;
    margin-right: 10px;
  }
  .modal__info-message img {
    width: 20px;
    height: 20px;
  }
  .modal__info-box {
    margin-right: 0;
    margin-left: auto;
  }
  .modal__info-btn {
    width: 100%;
    font-size: 14px;
    line-height: 130%;
  }
  .modal__info-title {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__info-title span {
    display: block;
  }
  .modal__list-inner {
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  .modal__list-inner .product__info-size {
    width: 64%;
  }
  .modal__list-inner .product__info-row {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .modal__info-row-title {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__info-row-price {
    font-size: 18px;
    line-height: 130%;
  }
  .modal__info-body {
    margin-bottom: 5px;
  }
  .modal__info-row {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .modal__info-subtitle {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .modal__input-name {
    margin-bottom: 5px;
  }
  .modal__info-input--name {
    height: 77px;
  }
  .modal__info-text {
    font-size: 12px;
    line-height: 130%;
  }
  .modal__info-text:nth-child(2) {
    display: none;
  }
  .modal__info {
    width: 280px;
  }
  .modal__info.modal--confirmation {
    height: 261px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .modal__info-background {
    background: url("/img/icons/modal-background-3.svg") no-repeat left 0 top 10px, #FFFFFF;
  }
  .modal__info-logo.modal--confirmation-logo {
    margin-bottom: 0;
  }
  .modal--confirmation-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
    margin-right: 0;
    margin-top: auto;
    margin-bottom: auto;
  }
  .modal--confirmation-row img {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
/* правки 15.02.2024*/
.no-webp .modal-review-form {
  background: url("/img/star/stone.png") no-repeat center right 30px, #F5F7FB;
}

.modal-review-form {
  display: block;
  width: 677px;
  border-radius: 20px;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  padding: 30px;
  isolation: isolate;
}

@media (max-width: 1680px) {
  .no-webp .modal-review-form {
    background: url("/img/star/stone.png") no-repeat center right 30px/130px 200px, #F5F7FB;
  }
  .modal-review-form {
    width: 590px;
    border-radius: 15px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .no-webp .modal-review-form {
    background: url("/img/star/stone.png") no-repeat center center/100px 160px, #F5F7FB;
  }
  .modal-review-form {
    width: 280px;
    padding: 20px 15px;
  }
}
.moda__reivew-title {
  display: block;
  padding-bottom: 10px;
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.32px;
}

@media (max-width: 1680px) {
  .moda__reivew-title {
    font-size: 14px;
  }
}
.modal__reive-input {
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
}

@media (max-width: 1680px) {
  .modal__reive-input {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .modal__reive-input {
    font-size: 14px;
  }
}
.modal__reivew-textarea {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  resize: none;
  height: 150px;
  border: none;
  padding: 9px 18px;
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  margin-bottom: 30px;
  outline: none;
}

@media (max-width: 1680px) {
  .modal__reivew-textarea {
    padding: 7px 14px;
    font-size: 16px;
    height: 120px;
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .modal__reivew-textarea {
    padding: 8px 12px;
    font-size: 14px;
    height: 150px;
    margin-bottom: 15px;
  }
}
.modal__reivew-textarea::-webkit-input-placeholder {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  opacity: 0.3;
}

.modal__reivew-textarea::-moz-placeholder {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  opacity: 0.3;
}

.modal__reivew-textarea:-ms-input-placeholder {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  opacity: 0.3;
}

.modal__reivew-textarea::-ms-input-placeholder {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  opacity: 0.3;
}

.modal__reivew-textarea::placeholder {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  opacity: 0.3;
}

@media (max-width: 1680px) {
  .modal__reivew-textarea::-webkit-input-placeholder {
    font-size: 16px;
  }
  .modal__reivew-textarea::-moz-placeholder {
    font-size: 16px;
  }
  .modal__reivew-textarea:-ms-input-placeholder {
    font-size: 16px;
  }
  .modal__reivew-textarea::-ms-input-placeholder {
    font-size: 16px;
  }
  .modal__reivew-textarea::placeholder {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .modal__reivew-textarea::-webkit-input-placeholder {
    font-size: 14px;
  }
  .modal__reivew-textarea::-moz-placeholder {
    font-size: 14px;
  }
  .modal__reivew-textarea:-ms-input-placeholder {
    font-size: 14px;
  }
  .modal__reivew-textarea::-ms-input-placeholder {
    font-size: 14px;
  }
  .modal__reivew-textarea::placeholder {
    font-size: 14px;
  }
}
.modal__counter {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.32px;
}

@media (max-width: 1680px) {
  .modal__counter {
    font-size: 14px;
  }
}
.modal__review-textarea-title {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.32px;
}

@media (max-width: 1680px) {
  .modal__review-textarea-title {
    font-size: 14px;
  }
}
.modal__reivew-textarea-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 10px;
}

.modal__review-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [2];
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding-bottom: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 767px) {
  .modal__review-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 15px;
    padding-bottom: 15px;
  }
}
.modal_reivew-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal_reivew-label-text {
  width: auto;
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}

@media (max-width: 1680px) {
  .modal_reivew-label-text {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 1400px) {
  .modal_reivew-label-text {
    width: auto !important;
  }
}
@media (max-width: 767px) {
  .modal_reivew-label-text {
    padding-right: 10px;
  }
}
@media (max-width: 767px) and (max-width: 1680px) {
  .modal_reivew-label-text {
    margin-bottom: 15px !important;
  }
}
.modal_reivew-label-text::after {
  top: 4px;
}

@media (max-width: 998px) {
  .modal_reivew-label-text::after {
    top: 9px;
  }
}
@media (max-width: 998px) {
  .modal__info-checked:checked + .footer__form-label-text.modal__info-label-text::after {
    background: url("/img/icons/checked-black.svg") no-repeat center center/contain;
  }
}
.modal__review-title {
  text-align: center;
  color: var(--181818, #181818);
  font-family: "avenirnextcyr";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.48px;
  padding-bottom: 30px;
}

@media (max-width: 1680px) {
  .modal__review-title {
    font-size: 21px;
    padding-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .modal__review-title {
    padding-bottom: 15px;
    font-size: 16px;
  }
}
.modal__reivew-btn {
  margin-left: auto;
  margin-right: auto;
  width: 245px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

@media (max-width: 992px) {
  .modal__reivew-btn {
    font-size: 14px;
    width: 180px;
  }
}
.modal-review-close {
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  padding: 0;
}

.modal-review-close svg,
.modal-review-close img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1680px) {
  .modal-review-close {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 767px) {
  .modal-review-close {
    width: 18px;
    height: 18px;
    top: 10px;
    right: 10px;
  }
}
.modal-ok {
  display: block;
  padding: 30px;
  border-radius: 20px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  width: 426px;
}

@media (max-width: 1680px) {
  .modal-ok {
    padding: 20px;
    width: 366px;
    border-radius: 15px;
  }
}
@media (max-width: 767px) {
  .modal-ok {
    width: 280px;
  }
}
.modal-ok-svg {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 20px;
  width: 90px;
  height: 90px;
}

@media (max-width: 1680px) {
  .modal-ok-svg {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .modal-ok-svg {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }
}
.modal-ok-text {
  text-align: center;
  color: #1E1F24;
  text-align: center;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

@media (max-width: 1680px) {
  .modal-ok-text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .modal-ok-text {
    font-size: 14px;
  }
}
/*modal-text*/
.modal-text-container {
  border-radius: 15px;
  background: #FFF;
  padding: 40px;
  width: 1395px;
}

@media (max-width: 1540px) {
  .modal-text-container {
    width: 1010px;
    padding: 30px;
    border-radius: 12px;
  }
}
@media (max-width: 1100px) {
  .modal-text-container {
    width: 664px;
    padding: 20px;
    border-radius: 10px;
  }
}
@media (max-width: 770px) {
  .modal-text-container {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    margin-right: 15px;
    margin-left: 15px;
  }
}
.modal__text-list-inner {
  padding-bottom: 40px;
}

.modal__text-list-inner:nth-last-child(1) {
  padding-bottom: 0;
}

@media (max-width: 1680px) {
  .modal__text-list-inner {
    padding-bottom: 30px;
  }
}
.modal__text-title {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

@media (max-width: 1680px) {
  .modal__text-title {
    font-size: 32px;
  }
}
@media (max-width: 992px) {
  .modal__text-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .modal__text-title {
    font-size: 18px;
  }
}
.modal__text-subinner {
  padding-top: 15px;
}

.modal__text-subinner,
.modal__text-subinner p {
  color: #1E1F24;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

@media (max-width: 1680px) {
  .modal__text-subinner,
  .modal__text-subinner p {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .modal__text-subinner,
  .modal__text-subinner p {
    font-size: 14px;
  }
}
.tab-box {
  display: none;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .tab-box {
    margin-top: 20px;
  }
}

.tab-box.--active {
  display: block;
}

.tab-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .tab-row {
    gap: 10px;
  }
}

.tab__label-span {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  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;
  padding: 10px 20px;
  border-radius: 30px;
  border: 1px solid #313233;
  cursor: pointer;
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tab__label-span {
    padding: 8px 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .tab__label-span {
    padding: 6px 15px;
    font-size: 14px;
  }
}
@media (hover: hover) {
  .tab__label-span:hover {
    background: #204CAF;
    border: 1px solid #204CAF;
    color: #FFF;
  }
}
@media (hover: none) {
  .tab__label-span:active {
    background: #204CAF;
    border: 1px solid #204CAF;
    color: #FFF;
  }
}

input:checked ~ .tab__label-span {
  background: #204CAF;
  border: 1px solid #204CAF;
  color: #FFF;
}

.select {
  width: 100%;
  position: relative;
  cursor: pointer;
}

.select.is-active .select__body {
  display: block;
}

.select.is-active .select__arrow {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.select__arrow {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .select__arrow {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .select__arrow {
    width: 16px;
    height: 16px;
  }
}

.select__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 52px;
  position: relative;
  border-radius: 15px;
  border: 1px solid rgba(49, 50, 51, 0.1);
  padding: 14px 24px;
  background: #FFF;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
}
@media screen and (max-width: 1680px) {
  .select__header {
    border-radius: 10px;
    height: 42px;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 1240px) {
  .select__header {
    height: 36px;
  }
}

.select-title {
  display: block;
  padding-bottom: 15px;
  color: #313233;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .select-title {
    font-size: 16px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1240px) {
  .select-title {
    font-size: 14px;
  }
}

.select-header-input,
.select__current {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  color: #313233;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.select-header-input::-webkit-input-placeholder, .select__current::-webkit-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.select-header-input::-moz-placeholder, .select__current::-moz-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.select-header-input:-ms-input-placeholder, .select__current:-ms-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.select-header-input::-ms-input-placeholder, .select__current::-ms-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.select-header-input::placeholder,
.select__current::placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 1680px) {
  .select-header-input::-webkit-input-placeholder, .select__current::-webkit-input-placeholder {
    font-size: 16px;
  }
  .select-header-input::-moz-placeholder, .select__current::-moz-placeholder {
    font-size: 16px;
  }
  .select-header-input:-ms-input-placeholder, .select__current:-ms-input-placeholder {
    font-size: 16px;
  }
  .select-header-input::-ms-input-placeholder, .select__current::-ms-input-placeholder {
    font-size: 16px;
  }
  .select-header-input::placeholder,
  .select__current::placeholder {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .select-header-input::-webkit-input-placeholder, .select__current::-webkit-input-placeholder {
    font-size: 14px;
  }
  .select-header-input::-moz-placeholder, .select__current::-moz-placeholder {
    font-size: 14px;
  }
  .select-header-input:-ms-input-placeholder, .select__current:-ms-input-placeholder {
    font-size: 14px;
  }
  .select-header-input::-ms-input-placeholder, .select__current::-ms-input-placeholder {
    font-size: 14px;
  }
  .select-header-input::placeholder,
  .select__current::placeholder {
    font-size: 14px;
  }
}
@media screen and (max-width: 1680px) {
  .select-header-input,
  .select__current {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .select-header-input,
  .select__current {
    font-size: 14px;
  }
}

.select__current.select-placholder {
  color: #747576;
}

.select__body {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  z-index: 3;
  padding: 14px 10px 14px 20px;
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
}

.select__body-wrapp {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 560px;
  padding-right: 10px;
}

.open-up .select__body {
  top: auto;
  bottom: 100%;
  -webkit-box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
}
.open-up .select-title ~ .select__body {
  top: auto;
  bottom: calc(100% - 40px);
}
@media screen and (max-width: 1680px) {
  .open-up .select-title ~ .select__body {
    bottom: calc(100% - 30px);
  }
}
@media screen and (max-width: 1240px) {
  .open-up .select-title ~ .select__body {
    bottom: calc(100% - 20px);
  }
}

.select__body-wrapp {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 1680px) {
  .select__body-wrapp {
    max-height: 350px;
  }
}
@media screen and (max-width: 1240px) {
  .select__body-wrapp {
    max-height: 300px;
  }
}

.select__label {
  display: block;
  cursor: pointer;
}

.select__item {
  display: block;
  cursor: pointer;
  padding: 12px;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .select__item {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .select__item {
    font-size: 14px;
  }
}
@media screen and (max-width: 1680px) {
  .select__item {
    padding: 10px 12px;
  }
}
@media (hover: hover) {
  .select__item:hover {
    border-radius: 15px;
    background: rgba(32, 76, 175, 0.05);
    color: #204CAF;
  }
}
@media (hover: none) {
  .select__item:active {
    border-radius: 15px;
    background: rgba(32, 76, 175, 0.05);
    color: #204CAF;
  }
}

.select-time .select__body-wrapp {
  max-height: 200px;
}
.select-time .select__current {
  position: relative;
  padding-left: 35px;
}
@media screen and (max-width: 767px) {
  .select-time .select__current {
    padding-left: 20px;
  }
}
.select-time .select__current::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("/img/icon/time_fill.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .select-time .select__current::after {
    width: 16px;
    height: 16px;
  }
}

.--inner-html .select__current {
  width: 100%;
}

.select__item-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.select__item-row .select__item-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.select__item-row .select__item-text span {
  color: #747576;
}

.select-icon {
  padding-left: 45px;
  position: relative;
}
.select-icon::after {
  content: "";
  background: url("/img/icon/doble-arrow.svg") no-repeat center center/contain;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .select-icon::after {
    left: 15px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .select-icon::after {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .select-icon {
    padding-left: 35px;
  }
}

.btn {
  cursor: pointer;
  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;
  min-width: 212px;
  min-height: 45px;
  font-weight: 750;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  color: rgb(255, 255, 255);
  background: #e16437;
  border-width: initial;
  border-style: none;
  border-color: initial;
  -o-border-image: initial;
     border-image: initial;
  outline: none;
  border-radius: 10px;
  padding: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.btn:hover {
  -webkit-box-shadow: 6px 6px 25px 0 rgba(224, 100, 55, 0.27);
          box-shadow: 6px 6px 25px 0 rgba(224, 100, 55, 0.27);
  background: #aea4af;
}

.btn:active {
  background: rgba(225, 100, 55, 0.5);
}



.label-checkbox-span {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 104%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
@media screen and (max-width: 1680px) {
  .label-checkbox-span {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .label-checkbox-span {
    font-size: 14px;
  }
}
.label-checkbox-span::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/img/check/square.svg") no-repeat center center/contain;
  position: relative;
  display: block;
  left: 0;
  top: -3px;
}
@media screen and (max-width: 1680px) {
  .label-checkbox-span::before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .label-checkbox-span::before {
    width: 18px;
    height: 18px;
  }
}

.label-radio .label-checkbox-span::before {
  background: url("/img/check/circle.svg") no-repeat center center/contain;
}
.label-radio input:checked ~ .label-checkbox-span::before {
  background: url("/img/check/circle-check.svg") no-repeat center center/contain;
}

input:checked ~ .label-checkbox-span::before {
  background: url("/img/check/square-chekc.svg") no-repeat center center/contain;
}

.checkbox {
  position: relative;
  display: block;
}

.checkbox__input {
  position: absolute;
  z-index: -333;
  opacity: 0;
  width: 0;
  left: 0;
  top: 0;
}

.checkbox__text {
  position: relative;
  cursor: pointer;
  display: block;
  font-weight: 400;
  line-height: 130%;
  color: var(--dark);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-left: calc(19px + 9 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1680px) {
  .checkbox__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .checkbox__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  .checkbox__text {
    font-size: 14px;
  }
}
.checkbox__text a {
  color: inherit;
  font-weight: 600;
  display: inline;
  font-size: inherit;
}
@media screen and (hover: hover) {
  .checkbox__text a:hover {
    color: var(--dark-blue);
  }
}
.checkbox__text:active::before {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.checkbox__text::before, .checkbox__text::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(14px + 4 * (100vw - 360px) / 1560);
  height: calc(14px + 4 * (100vw - 360px) / 1560);
  border-radius: calc(3px + 2 * (100vw - 360px) / 1560);
  top: calc(2px + -2 * (100vw - 360px) / 1560);
  left: 0;
}
.checkbox__text::before {
  border: 1px solid var(--dark);
}
.checkbox__text::after {
  background: url("../img/icon/check-dark.svg") no-repeat center center/contain;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.checkbox__input:checked + .checkbox__text::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.label-box {
  padding: 0;
  position: relative;
}

.label-box-input {
  background: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -33;
  opacity: 0;
  overflow: hidden;
  width: 0;
}

.accardion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.accardion__header {
  width: 100%;
  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;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 1.1667rem;
  line-height: 130%;
  text-align: left;
  text-transform: uppercase;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.accardion__header:hover {
  color: #E16437;
}

.accardion__header:active {
  color: rgba(24, 24, 24, 0.3);
}

.accardion__header:active .accardion__arrow path {
  stroke: rgba(24, 24, 24, 0.3);
}

.accardion__arrow path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.accardion__header.--active .accardion__arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accardion__label-box {
  display: block;
  margin-bottom: 10px;
}

.accardion__label-box:nth-last-child(1) {
  margin-bottom: 0;
}

.accardion__label-box-span {
  font-weight: 400;
  font-size: 21px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #181818;
  display: block;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.accardion__label-box-span:hover {
  color: #E16438;
}

.accardion__label-box-span:active {
  color: rgba(24, 24, 24, 0.3);
}

.accardion__label-box-input:checked + .accardion__label-box-span {
  color: #E16438;
}

.accardion__body-wrapp {
  padding-bottom: 25px;
  padding-left: 20px;
}

.swiper-container {
  position: relative;
}

.swiper {
  overflow: visible;
}

.swiper-controls {
  margin-top: calc(30px + 20 * (100vw - 360px) / 1560);
}

.swiper-pagination {
  position: relative;
  bottom: 0 !important;
}
.swiper-pagination .swiper-pagination-bullet {
  --margin: 7;
  --margin: calc(5px + 2 * (100vw - 360px) / 1560);
  width: calc(5px + 2 * (100vw - 360px) / 1560);
  height: calc(5px + 2 * (100vw - 360px) / 1560);
  background: var(--dark-blue);
  margin: 0 var(--margin) !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
  width: calc(7px + 2 * (100vw - 360px) / 1560);
  height: calc(7px + 2 * (100vw - 360px) / 1560);
}

.swiper-btn {
  width: calc(36px + 14 * (100vw - 360px) / 1560);
  height: calc(36px + 14 * (100vw - 360px) / 1560);
  border-radius: calc(12px + 3 * (100vw - 360px) / 1560);
  padding: calc(7px + 3 * (100vw - 360px) / 1560);
  background: rgba(15, 174, 255, 0.062745098);
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 20;
}
.swiper-btn svg {
  width: 100%;
  height: 100%;
  fill: var(--blue);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (hover: hover) {
  .swiper-btn:hover:not(:disabled) {
    background: var(--blue);
    -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
            box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
  }
  .swiper-btn:hover:not(:disabled) svg {
    fill: var(--white);
  }
}
.swiper-btn:active(:disabled) {
  -webkit-transform: scale(0.95) translateY(-50%);
      -ms-transform: scale(0.95) translateY(-50%);
          transform: scale(0.95) translateY(-50%);
  background: var(--blue);
}
.swiper-btn:active(:disabled) svg {
  fill: var(--white);
}
.swiper-btn:disabled {
  opacity: 0.5;
}

.swiper-btn--prev {
  left: 0;
}

.swiper-btn--next {
  right: 0;
}

.swiper-scrollbar {
  width: calc(3px + 3 * (100vw - 360px) / 1560);
  background: rgba(116, 117, 118, 0.1);
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--blue);
}

.swiper-btn-br {
  width: calc(30px + 10 * (100vw - 360px) / 1560);
  height: calc(30px + 10 * (100vw - 360px) / 1560);
  padding: 8px;
}
.swiper-btn-br svg {
  width: 100%;
  height: 100%;
  stroke: var(--dark);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (hover: hover) {
  .swiper-btn-br:hover:not(:disabled) svg {
    stroke: var(--blue);
  }
}
.swiper-btn-br:active(:disabled) {
  -webkit-transform: scale(0.95) translateY(-50%);
      -ms-transform: scale(0.95) translateY(-50%);
          transform: scale(0.95) translateY(-50%);
}
.swiper-btn-br:active(:disabled) svg {
  fill: var(--blue);
}
.swiper-btn-br:disabled {
  opacity: 0;
  visibility: hidden;
}

.swiper-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}

.search {
  position: relative;
}

.search-wrap {
  position: relative;
}

.search-input {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  background: transparent;
  min-height: 100%;
  border-radius: 0;
  padding-right: 40px;
}
@media screen and (hover: hover) {
  .search-input:hover {
    border-color: transparent;
  }
}
.search-input:focus {
  background: none;
}

.search-reset {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
  width: 18px;
  height: 18px;
  display: none;
}
.search-reset.--active {
  display: block;
}
.search-reset svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.search-reset svg path {
  stroke: var(--color-black);
}
@media screen and (hover: hover) {
  .search-reset:hover svg path {
    stroke: var(--color-red);
  }
}

.datalist {
  position: relative;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  -webkit-transition-delay: var(--hover);
       -o-transition-delay: var(--hover);
          transition-delay: var(--hover);
  z-index: 2;
}

.datalist__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  width: 100%;
  z-index: -2;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  background: var(--color-white);
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding: 20px;
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  border-radius: 8px;
}
@media screen and (max-width: 1240px) {
  .datalist__body {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .datalist__body {
    grid-gap: 5px;
  }
}

.datalist__body-label {
  color: var(--color-black-50);
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
  .datalist__body-label {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .datalist__body-label {
    font-size: 14px;
  }
}

.datalist.is-active .datalist__body {
  max-height: 500px;
  opacity: 1;
  overflow: hidden auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
@media screen and (max-width: 1240px) {
  .datalist.is-active .datalist__body {
    max-height: 300px;
  }
}

.datalist__body-list {
  display: -ms-grid;
  display: grid;
  grid-gap: 5px;
}

.datalist__inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
}

.datalist__label {
  display: block;
  cursor: pointer;
}

.datalist__item {
  display: block;
  background: transparent;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  word-break: break-all;
  line-height: var(--line-height-lg);
  font-size: 18px;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1680px) {
  .datalist__item {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .datalist__item {
    font-size: 14px;
  }
}
@media screen and (hover: hover) {
  .datalist__item:hover {
    color: var(--color-accent);
  }
}

.datalist__item-remove {
  width: 16px;
  height: 16px;
}
.datalist__item-remove svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  stroke: var(--color-black-50);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}

.header {
  /*background: #e1e5eb;*/
  z-index: 100;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
.header.--header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  -webkit-box-shadow: 9px 9px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 9px 9px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.header.--sticky {
  position: fixed;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-animation-name: show__header;
          animation-name: show__header;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}
.header.--active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

@-webkit-keyframes show__header {
  from {
    opacity: 0;
    top: -100%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}

@keyframes show__header {
  from {
    opacity: 0;
    top: -100%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
.header__inner {
  position: relative;
}
@media screen and (max-width: 992px) {
  .header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 0;
  }
}

.header__top {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1440px) {
  .header__top {
    padding: 10px 0;
  }
}
@media screen and (max-width: 1240px) {
  .header__top {
    padding: 0;
  }
}

.header__bottom {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width: 992px) {
  .header__bottom {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 5px;
  }
}

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

.header__adress {
  display: block;
}

.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .header__logo {
    gap: 10px;
  }
}

.header__logo-content {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 1240px) {
  .header__logo-content {
    display: none;
  }
}

.header__logo-slogan {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: var(--color-black);
}
@media screen and (max-width: 1680px) {
  .header__logo-slogan {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .header__logo-slogan {
    font-size: 12px;
    line-height: 110%;
  }
}

.header__order-specialist {
  font-weight: 500;
  color: #e06437;
}

.header__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  font-size: 14px;
  line-height: 130%;
}
@media screen and (max-width: 992px) {
  .header__info {
    display: none;
  }
}

.header__timework {
  display: block;
}
@media screen and (max-width: 1240px) {
  .header__timework {
    display: none;
  }
}

.header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: 20px;
  gap: 15px;
}
@media screen and (max-width: 1440px) {
  .header__contacts {
    gap: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 992px) {
  .header__contacts {
    display: none;
  }
}

.header__callback-btn {
  display: block;
}
@media screen and (max-width: 992px) {
  .header__callback-btn {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  .header__callback-btn .btn {
    padding: 5px 10px;
    min-height: 40px;
    min-width: 180px;
  }
}

.mainmenu {
  display: block;
}
@media screen and (max-width: 992px) {
  .mainmenu {
    display: none;
  }
}

.mainmenu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1440px) {
  .mainmenu__list {
    gap: 15px;
  }
}

.mainmenu__item {
  display: block;
}

.mainmenu__link {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: var(--color-accent);
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media screen and (max-width: 1440px) {
  .mainmenu__link {
    font-size: 14px;
  }
}
.mainmenu__link:hover {
  color: var(--color-black);
}

.block-timework {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 1240px) {
  .block-timework {
    display: none;
  }
}

.block-timework__label {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: var(--color-black);
}
@media screen and (max-width: 1440px) {
  .block-timework__label {
    font-size: 12px;
    display: none;
  }
}

.block-timework__value {
  display: block;
}

.block-timework__value-row {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: var(--color-black);
}
@media screen and (max-width: 1440px) {
  .block-timework__value-row {
    font-size: 12px;
  }
}
.block-timework__value-row span {
  font-weight: 500;
  color: #978d98;
}

.block-adress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  max-width: 253px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1440px) {
  .block-adress {
    font-size: 12px;
  }
}
.block-adress svg {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1440px) {
  .block-adress svg {
    width: 24px;
    height: 24px;
  }
}
.block-adress:hover {
  color: var(--color-accent);
}

.logo {
  display: block;
}
@media screen and (max-width: 1240px) {
  .logo img {
    height: 20px;
  }
}

.link-order-specialist {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  font-weight: 500;
  color: var(--color-accent);
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media screen and (max-width: 1680px) {
  .link-order-specialist {
    font-size: 14px;
  }
}
.link-order-specialist:hover {
  color: var(--color-black);
}

.contact-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--color-black);
  white-space: nowrap;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1680px) {
  .contact-item {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  .contact-item {
    gap: 5px;
  }
}
.contact-item svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1440px) {
  .contact-item svg {
    width: 20px;
    height: 20px;
  }
}
.contact-item:hover {
  color: var(--color-accent);
}

.btn-menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--color-accent);
}
@media screen and (max-width: 1240px) {
  .btn-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 8px;
    color: var(--color-black);
    gap: 4px;
  }
  .btn-menu svg {
    width: 32px;
    height: 21px;
  }
}

.btn-search {
  margin: 0 30px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 22px;
  height: 22px;
}
@media screen and (max-width: 992px) {
  .btn-search {
    display: none;
  }
}

.header__mobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .header__mobile {
    display: block;
  }
}

.header__mobile-info {
  position: relative;
}

.header__mobile-info-wrapp {
  border-radius: 10px;
  background: #f0f2f6;
  -webkit-box-shadow: 0px 0px 25px 3px rgba(225, 100, 55, 0);
  box-shadow: 0px 0px 25px 3px rgba(225, 100, 55, 0);
  width: 240px;
  position: absolute;
  z-index: 3;
  top: 115%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  overflow: hidden;
  max-height: 0;
}

@media (max-width: 992px) {
  .header__mobile-info-wrapp {
    width: 200px;
  }
}
.header__mobile-info-btn.--active + .header__mobile-info-wrapp {
  -webkit-box-shadow: 0px 0px 25px 3px rgba(225, 100, 55, 0.25);
  box-shadow: 0px 0px 25px 3px rgba(225, 100, 55, 0.25);
}

.header__mobile-info-btn.--active svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header__mobile-info-list {
  padding: 15px;
}

.header__mobile-info-inner {
  padding-bottom: 10px;
}

.header__mobile-info-inner:nth-last-child(1) {
  padding-bottom: 0;
}

.header__mobile-info-link {
  text-align: left;
  display: block;
  color: #e06437;
  font-family: "avenirnextcyr";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 992px) {
  .header__mobile-info-link {
    font-size: 12px;
  }
}
.header__mobile-info-link:hover {
  text-decoration: underline;
}

.header__mobile-info-btn {
  padding-right: 4px !important;
  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;
  color: var(--color-accent);
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: none;
  border: none;
  cursor: pointer;
}

.header__mobile-info-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  stroke: var(--color-accent);
}

.header__mobile-info-btn svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-left: 10px;
}

.header__mobile-info-btn:hover {
  color: #e06437;
}

.header__mobile-info-btn:hover path {
  stroke: #e06437;
}

@media (max-width: 1680px) {
  .header__mobile-info-btn {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .header__mobile-info-btn {
    font-size: 14px;
  }
}
.header__mobile-info-btn.header__mobile-info-btn-white {
  color: #fff;
}

.header__mobile-info-btn.header__mobile-info-btn-white path {
  stroke: #fff;
}

.header__mobile-info-btn.header__mobile-info-btn-white:hover {
  color: #e06437;
}

.header__mobile-info-btn.header__mobile-info-btn-white:hover path {
  stroke: #e06437;
}

.header__mobile-info-city {
  color: #978d98;
  text-align: left;
  font-family: "avenirnextcyr";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-transform: initial;
}

.header__mobile-info-text {
  text-transform: initial;
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
}

.header__mobile-info-email {
  color: #e06437;
  font-family: "avenirnextcyr";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: block;
  text-align: left;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  text-transform: initial;
}

.header__mobile-info-email:hover {
  text-decoration: underline;
}

@media (max-width: 992px) {
  .header__mobile-info-email {
    font-size: 12px;
  }
}
.header__search {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 65px;
  background-color: #e1e5eb;
  padding: 10px 0;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -5;
}
.header__search._active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 5;
}
.header__search .search {
  display: block;
  position: relative;
}
.header__search .search .input {
  width: 100%;
  height: 40px;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(24, 24, 24, 0.05);
  overflow: none;
  border-radius: 0;
  padding: 0;
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: var(--color-black);
  padding-left: 15px;
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}
.header__search .search .input::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: rgba(24, 24, 24, 0.3);
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}
.header__search .search .input::-moz-placeholder {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: rgba(24, 24, 24, 0.3);
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}
.header__search .search .input:-ms-input-placeholder {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: rgba(24, 24, 24, 0.3);
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}
.header__search .search .input::-ms-input-placeholder {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: rgba(24, 24, 24, 0.3);
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}
.header__search .search .input::placeholder {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: rgba(24, 24, 24, 0.3);
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}
.header__search .search .search-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}

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

.footer::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eff1f5;
  z-index: -3;
}

.footer::after {
  content: "";
  width: 100%;
  height: 83%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #0E0E0E;
  z-index: -2;
}

.footer__copyright-title {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}

.footer__copyright-link {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}

.footer__copyright-link-2 {
  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;
}

.footer__copyright-link-2 svg {
  margin-left: 30px;
}

.footer__copyright-link-2:hover path {
  fill: #E16437;
}

.footer__copyright-link-1 {
  font-family: "Montserrat";
}

.footer__list-inner {
  margin-bottom: 12px;
}

.footer__list-link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  text-transform: uppercase;
}

.footer__adress-inner {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-bottom: 25px;
}

.footer__adress-inner svg {
  margin-right: 15px;
}

.footer__adress-link {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.footer__adress-link svg {
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.footer__adress-link:hover path {
  fill: #E16437;
}

.footer__form-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.footer__form-title span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  color: inherit;
}

.footer__form-title-span {
  display: block;
}

.footer__modal-text {
  font-weight: 450;
  font-size: 1rem;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  opacity: 0.8;
}

.footer__form-input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  overflow: none;
  border-radius: 0;
  padding: 0;
  display: block;
  font-weight: 450;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 25px;
}

.footer__form-input::-webkit-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.footer__form-input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.footer__form-input:-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.footer__form-input::-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.footer__form-input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.footer__form-input-2 {
  margin-bottom: 15px;
}

.footer__form-label-text {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  padding-left: 37px;
  position: relative;
  display: block;
  margin-bottom: 28px;
}

.footer__form-label-text::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.footer__form-chekded:checked + .footer__form-label-text::after {
  content: url("/img/icons/checked-white.svg");
  border: 2px solid transparent;
}

.footer__wrapp {
  max-width: 1640px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 55px;
}

.footer__coll-1 {
  width: 445px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.footer__copyright {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 0;
  max-width: 1600px;
  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;
}

.footer__wrapp-coll {
  padding-top: 55px;
}

.footer__wrapp-coll {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 255px 1fr 1fr;
  grid-template-columns: 255px 1fr 1fr;
}

.footer__coll-3 {
  width: 515px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.footer__coll-3::after {
  content: "";
  position: absolute;
  left: 0;
  top: -66px;
  background: url("/img/icons/footer-back.svg") no-repeat center center;
  z-index: -1;
  width: 515.88px;
  height: 486.91px;
}

.footer__coll-2 {
  padding-left: 40px;
}

.footer__form {
  width: 255px;
}

.footer__form-btn {
  width: 100%;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
}

.footer__copyright {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 0px;
  max-width: 1600px;
  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;
}

.footer__form-btn {
  width: 100%;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  color: rgb(255, 255, 255);
}

/*-adaptive-*/
@media (max-width: 1640px) {
  .footer__wrapp-coll {
    -ms-grid-columns: 175px 1fr 1fr;
    grid-template-columns: 175px 1fr 1fr;
  }
}
@media (max-width: 1400px) {
  .footer-logo img {
    width: 75px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .footer__wrapp-coll {
    max-width: 730px;
    padding-top: 55px;
    padding-left: 25px;
  }
  .footer__list-inner {
    margin-bottom: 8px;
  }
  .footer__list-link {
    font-size: 16px;
    line-height: 130%;
  }
  .footer__coll-1 {
    width: auto;
    display: block;
  }
  .footer__list-2 {
    padding-top: 23px;
  }
  .footer__coll-2 {
    padding-left: 5px;
  }
  .footer__adress-inner {
    margin-bottom: 20px;
  }
  .footer__form-title {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .footer__coll-3 {
    width: 420px;
  }
  .footer__form {
    padding-top: 70px;
  }
  .footer__form-title-span {
    display: inline-block;
  }
  .footer__form-input {
    width: 93%;
  }
  .footer__form-label-text {
    font-size: 12px;
    line-height: 130%;
    width: 90%;
  }
  .footer__form-btn {
    font-size: 16px;
    line-height: 130%;
    width: 97%;
    min-height: 41px;
  }
  .footer__copyright {
    max-width: 1220px;
    padding-top: 30px;
    padding-right: 15px;
  }
  .footer__copyright-link-2 {
    font-size: 14px;
    line-height: 130%;
  }
  .footer__copyright-link-2 svg {
    margin-left: 21px;
  }
  .footer__copyright-link-1 {
    margin-right: 105px;
  }
  .footer__coll-3::after {
    background: url("/img/icons/footer-back.svg") no-repeat center center/contain;
    width: 546.94px;
    height: 537.59px;
    left: -33px;
    top: -39px;
  }
  .footer__modal-img {
    margin-top: 10px;
    width: 32px;
    height: 32px;
  }
  .footer__modal-title {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 22px;
  }
  .footer__modal-text {
    font-size: 16px;
    line-height: 130%;
  }
  .footer__modal {
    width: 280px;
    padding-top: 102px;
  }
}
@media (max-width: 1160px) {
  .footer__wrapp-coll {
    max-width: 590px;
    -ms-grid-columns: 110px 1fr 1fr;
    grid-template-columns: 110px 1fr 1fr;
  }
  .footer__coll-3 {
    width: 390px;
  }
}
@media (max-width: 998px) {
  .footer__wrapp-coll {
    padding-left: 0;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding-top: 60px;
    max-width: 400px;
  }
  .footer__coll-3 {
    width: 282px;
  }
  .footer-logo {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    padding-bottom: 10px;
  }
  .footer-logo img {
    width: 55px;
    height: 14px;
  }
  .footer__list-link {
    font-size: 14px;
    line-height: 130%;
  }
  .footer__list-inner {
    margin-bottom: 10px;
  }
  .footer__adress-inner {
    font-size: 12px;
    line-height: 130%;
  }
  .footer__adress-inner svg {
    width: 20px;
    height: 20px;
  }
  .footer__form-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 27px;
  }
  .footer__wrapp {
    padding-right: 30px;
  }
  .footer__form {
    padding-top: 100px;
  }
  .footer__form-input {
    margin-bottom: 24px;
  }
  .footer__form-input-2 {
    margin-bottom: 17px;
  }
  .footer__form-label-text {
    padding-left: 30px;
    margin-bottom: 20px;
  }
  .footer__form-btn {
    font-size: 14px;
    line-height: 130%;
    min-height: 34px;
  }
  .footer__form-label-text::after {
    width: 15px;
    height: 15px;
  }
  .footer__form-chekded:checked + .footer__form-label-text::after {
    content: "";
    border: 2px solid transparent;
    width: 20px;
    height: 20px;
    background: url("/img/icons/checked-white.svg") no-repeat center center/contain;
  }
  .footer__copyright {
    padding-right: 5px;
    padding-top: 33px;
    padding-bottom: 33px;
  }
  .footer__copyright-link {
    font-size: 12px;
    line-height: 130%;
  }
  .footer__copyright-link svg {
    margin-left: 7px;
    width: 20px;
    height: 12px;
  }
  .footer__copyright-title {
    font-size: 12px;
    line-height: 130%;
  }
  .footer__copyright-link-1 {
    margin-right: 30px;
  }
  .footer__coll-3::after {
    left: -131px;
    top: -16px;
  }
  .footer__adress-link--map svg {
    width: 27px;
    position: relative;
    top: -5px;
  }
  .footer__wrapp {
    padding-top: 15px;
  }
  .footer::after {
    height: 91%;
  }
  .footer__modal-img {
    margin-top: 10px;
    width: 30px;
    height: 30px;
  }
  .footer__modal-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 12px;
  }
  .footer__modal-text {
    font-size: 14px;
    line-height: 130%;
  }
  .footer__modal {
    width: 280px;
    padding-top: 102px;
    padding-left: 10px;
  }
}
@media (max-width: 760px) {
  .footer-catalog::after {
    height: 100%;
  }
  .footer__wrapp {
    padding-right: 0;
  }
}
@media (max-width: 710px) {
  .footer__wrapp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .footer__wrapp-coll {
    max-width: 100%;
    display: block;
    background: #0E0E0E;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
  }
  .footer .container {
    padding-left: 0;
    padding-right: 0;
  }
  .footer__coll-1 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 30px;
  }
  .footer__list-2 {
    padding-top: 0;
  }
  .footer__copyright {
    padding-left: 20px;
    padding-right: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 80px;
    grid-template-columns: 1fr 80px;
  }
  .footer__copyright-title {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .footer__copyright-link-1 {
    margin-right: 0;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    text-align: center;
  }
  .footer__coll-3 {
    width: 255px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
  }
  .footer__form {
    padding-top: 10px;
  }
  .footer__form-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 27px;
  }
  .footer__form-input {
    width: 100%;
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  .footer__form-input-2 {
    margin-bottom: 15px;
  }
  .footer__form-btn {
    width: 100%;
    font-size: 14px;
    line-height: 130%;
    min-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer__coll-3::after {
    left: -109px;
    top: -59px;
  }
  .footer-logo {
    display: block;
    padding-bottom: 20px;
  }
  .footer-logo img {
    width: 55px;
    height: 15px;
  }
  .footer__list-link {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .footer__list-inner {
    margin-bottom: 12px;
  }
  .footer__list-2 {
    width: 33%;
    margin-left: 40px;
  }
  .footer__coll-2 {
    padding-top: 13px;
    padding-left: 0;
  }
  .footer__adress-inner {
    margin-bottom: 23px;
  }
  .footer__adress-link {
    font-size: 12px;
    line-height: 130%;
  }
  .footer__adress-link svg {
    width: 15px;
    height: 15px;
  }
  .footer__adress-link--map {
    width: 195px;
  }
  .footer__adress-link--map svg {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .footer__copyright {
    margin-top: 0;
    padding-top: 17px;
    padding-bottom: 20px;
  }
  .footer__copyright-link-1 {
    padding-bottom: 10px;
  }
  .footer__modal {
    width: 250px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 57px;
  }
}
@media (max-width: 570px) {
  .footer__list-2 {
    margin-left: 0;
  }
  .footer__coll-1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.menu {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -33;
  background: #0E0E0E;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu.--active {
  opacity: 1;
  z-index: 33333;
}

.no-webp .menu-box {
  background: url("/img/menu-back.png") no-repeat top left 0/contain, #EFF1F5;
}

.webp .menu-box {
  background: url(/img/menu-back.webp) no-repeat top left 0/contain, #EFF1F5;
}

@media (max-width: 992px) {
  .webp .menu-box {
    background: url(/img/menu-back.webp) no-repeat top left -60px/contain, #EFF1F5;
  }
}
.menu-box {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 965px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 88px;
  grid-template-columns: 1fr 88px;
  -webkit-transform: translateX(-400%);
  -ms-transform: translateX(-400%);
  transform: translateX(-400%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu-box.--active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.menu__box-contante {
  padding-left: 230px;
}

.menu__content-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #E16438;
  padding-top: 40px;
}

.menu__logo-img {
  width: 162px;
  height: 87.41px;
  -o-object-fit: contain;
  object-fit: contain;
}

.menu__logo {
  padding-left: 118px;
}

.menu__list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu__list-link:hover {
  color: #E06437;
}

.menu__list-link:hover .menu__list-arrow {
  opacity: 1;
}

.menu__list-link:active {
  color: rgba(24, 24, 24, 0.3);
}

.menu__list-link:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.menu__list-arrow {
  margin-right: 10px;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu__list-arrow svg {
  display: inline-block;
  width: 11px;
  height: 20px;
}

.menu__list-link.--active {
  color: #E06437;
}

.menu__list-link.--active .menu__list-arrow {
  opacity: 1;
}

.menu-list {
  padding-top: 25px;
  padding-left: 50px;
}

.menu__list-inner {
  padding-bottom: 27px;
}

.menu-list-2 {
  padding-top: 35px;
}

.menu__tell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #181818;
  margin-left: 115px;
  margin-top: 60px;
  padding-bottom: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu__tell svg {
  margin-right: 15px;
}

.menu__tell path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu__tell:hover {
  color: #E06437;
}

.menu__tell:hover path {
  stroke: #E06437;
  fill: #E06437;
}

.menu__tell:active {
  color: rgba(24, 24, 24, 0.3);
}

.menu__tell:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.menu__contetn-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu__message-link-img {
  width: 40px;
  height: 40px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu__message-link-img:hover {
  opacity: 0.5;
}

.menu__message-link-img:active {
  color: rgba(24, 24, 24, 0.3);
}

.menu__message-link-img:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.menu__content-mess {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
}

.menu__message--arrow {
  width: 20px;
}

.menu__message-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.menu__box-contante {
  border-right: 1px solid rgba(24, 24, 24, 0.5);
}

.menu__content-footer {
  margin-top: auto;
  margin-bottom: 80px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.menu__box-contante {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.menu__box-footer-arrow {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.menu__box-footer-arrow::after {
  content: "";
  background: #181818;
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: -80px;
  width: 210px;
  height: 1px;
}

.menu__box-footer-arrow::before {
  content: "";
  background: #181818;
  opacity: 0.6;
  position: absolute;
  bottom: 0;
  right: -80px;
  width: 555px;
  height: 1px;
}

.menu__box-close {
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px auto;
  position: relative;
}

.menu__box-close::after {
  content: "";
  background: #181818;
  opacity: 0.6;
  position: absolute;
  bottom: -30px;
  right: -80px;
  width: 420px;
  height: 1px;
}

.menu__box-arrow {
  width: 25px;
  display: block;
  position: relative;
  margin-top: 95px;
  padding-top: 20px;
  margin-left: 18px;
}

.menu__box-arrow::after {
  content: "";
  background: #181818;
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 1px;
}

@media (max-width: 1400px) {
  .menu__box-contante {
    padding-left: 188px;
  }
  .menu__logo-img {
    width: 119px;
    height: 64.21px;
  }
  .menu__list-link {
    font-size: 22px;
    line-height: 130%;
  }
  .menu-list {
    padding-top: 40px;
    padding-left: 0px;
  }
  .menu-box {
    max-width: 855px;
    -ms-grid-columns: 1fr 70px;
    grid-template-columns: 1fr 70px;
  }
  .menu__content-title {
    font-size: 16px;
    line-height: 130%;
  }
  .menu__box-arrow {
    width: 20.82px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 72px;
  }
  .menu__box-arrow svg {
    display: block;
    width: 20px;
    height: auto;
    margin-bottom: 5px;
  }
  .menu__box-close {
    margin: 20px;
  }
  .menu__box-close::after {
    right: -92px;
    bottom: -20px;
  }
  .menu__contetn-body {
    padding-right: 5px;
  }
  .menu__message-link-img {
    width: 35px;
    height: auto;
  }
  .menu__list-inner {
    padding-bottom: 20px;
  }
  .menu__box-contante {
    padding-left: 215px;
  }
  .menu__logo {
    padding-left: 70px;
    display: block;
    margin-top: 10px;
  }
  .menu__message--arrow img {
    width: 24px;
    height: auto;
    display: block;
  }
  .menu__tell {
    font-size: 22px;
    line-height: 130%;
    margin-left: 60px;
    margin-top: 50px;
  }
  .menu__content-footer {
    margin-bottom: 36px;
    margin-top: 20px;
  }
  .menu__box-footer-arrow {
    padding-bottom: 10px;
    padding-right: 25px;
  }
  .menu__box-footer-arrow svg {
    width: 12px;
    height: auto;
  }
  .menu__box-footer-arrow::before {
    width: 370px;
  }
  .menu__box-footer-arrow::after {
    width: 160px;
  }
}
@media (max-width: 992px) {
  .no-webp .menu-box {
    background: url("/img/menu-back.png") no-repeat top left -60px/contain, #EFF1F5;
  }
  .menu-box {
    max-width: 623px;
    -ms-grid-columns: 1fr 70px;
    grid-template-columns: 1fr 70px;
  }
  .menu__box-contante {
    padding-left: 100px;
  }
  .menu__logo-img {
    width: 99px;
    height: 53.42px;
  }
  .menu__content-title {
    font-size: 14px;
    line-height: 130%;
  }
  .menu__list-link {
    font-size: 20px;
    line-height: 130%;
  }
  .menu__logo {
    margin-top: 20px;
  }
  .menu-list {
    padding-top: 10px;
  }
  .menu__list-arrow {
    display: none;
  }
  .menu__box-nav {
    padding-left: 65px;
  }
  .menu__logo {
    padding-left: 0;
  }
  .menu__list-inner {
    padding-bottom: 15px;
  }
  .menu__box-close::after {
    background: none;
  }
  .menu__box-arrow {
    width: 12px;
    margin-top: 70px;
  }
  .menu__box-arrow:after {
    top: -10px;
    right: -5px;
    width: 93px;
  }
  .menu__contetn-body {
    padding-right: 10px;
  }
  .menu__message-box {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .menu__message--arrow img {
    width: 20px;
  }
  .menu__tell {
    font-size: 20px;
    line-height: 130%;
    margin-left: 0;
    margin-top: 36px;
    padding-bottom: 0;
  }
  .menu__tell svg {
    width: 28px;
    height: 28px;
    margin-right: 8px;
  }
  .menu__content-footer {
    margin-top: 50px;
    margin-bottom: 0;
  }
  .menu__box-footer-arrow {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 670px) {
  .menu-box {
    max-width: 100%;
    -ms-grid-columns: 1fr 50px;
    grid-template-columns: 1fr 50px;
    background: #EFF1F5 !important;
  }
  .menu__box-contante {
    padding-left: 30px;
  }
  .menu__logo {
    margin-top: 30px;
  }
  .menu__list-link {
    font-size: 18px;
    line-height: 130%;
    text-transform: initial;
  }
  .menu__content-mess {
    display: none;
  }
  .menu__content-header {
    display: none;
  }
  .menu__box-nav {
    padding-left: 0;
  }
  .menu__box-arrow {
    width: 15px;
    margin-bottom: 5px;
  }
  .menu__box-arrow svg {
    width: 15px;
  }
  .menu-list-2 {
    padding-top: 15px;
  }
  .menu__tell {
    font-size: 16px;
    line-height: 130%;
    margin-top: 40px;
  }
  .menu__tell svg {
    width: 24px;
    height: 24px;
  }
  .menu__tell path {
    fill: #E06437;
  }
  .menu__content-footer {
    bottom: 0;
    right: 0;
    padding-right: 0;
  }
  .menu__content-footer svg {
    width: 8px;
  }
  .menu__box-footer-arrow {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    right: -40px;
    top: -20px;
  }
  .menu__box-footer-arrow::before {
    width: 400px;
    bottom: -10px;
  }
  .menu__box-footer-arrow::after {
    top: -10px;
    right: -5px;
  }
  .menu__box-close {
    margin: 15px;
  }
  .menu__box-close svg {
    width: 22px;
    height: 22px;
  }
  .menu__box-arrow:after {
    top: -12px;
    right: -9px;
    width: 88px;
  }
}
.menu__email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #181818;
  margin-top: 10px;
  margin-bottom: 25px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu__email svg {
  margin-right: 15px;
}

.menu__email path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu__email:hover {
  color: #E06437;
}

.menu__email:hover path {
  stroke: #E06437;
  fill: #E06437;
}

.menu__email:active {
  color: rgba(24, 24, 24, 0.3);
}

.menu__email:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.menu__adress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  font-weight: 700;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu__adress svg {
  margin-right: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.menu__adress path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu__adress:hover {
  color: #E06437;
}

.menu__adress:hover path {
  stroke: #E06437;
  fill: #E06437;
}

.menu__adress:active {
  color: rgba(24, 24, 24, 0.3);
}

.menu__adress:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.menu__email,
.menu__adress {
  display: none;
}
@media screen and (max-width: 767px) {
  .menu__email,
  .menu__adress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.homepage-slider {
  display: block;
  position: relative;
  overflow: hidden;
}

.homepage-slider-slide {
  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;
  position: relative;
  padding: 100px 0;
  background-size: cover;
  background-position: top 25% right 20%;
  min-height: 450px;
}
.homepage-slider-slide .container {
  width: 100%;
}
@media screen and (max-width: 1240px) {
  .homepage-slider-slide {
    background-position: center right 20%;
    min-height: 350px;
  }
}

.homepage-slider-slide__inner {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 15px;
}

.homepage-slider-slide__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 130%;
  text-transform: uppercase;
  color: #fff;
  max-width: 864px;
  max-width: 45vw;
  font-size: calc(20px + 30 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .homepage-slider-slide__title {
    max-width: 55vw;
  }
}

.homepage-slider-slide__subtitle {
  font-weight: 700;
  font-size: 30px;
  line-height: 130%;
  text-transform: uppercase;
  color: #fff;
  max-width: 580px;
  max-width: 30vw;
  font-size: calc(14px + 16 * (100vw - 360px) / 1560);
}
.homepage-slider-slide__subtitle span {
  color: var(--color-accent);
}
@media screen and (max-width: 1440px) {
  .homepage-slider-slide__subtitle {
    max-width: 45vw;
  }
}
@media screen and (max-width: 767px) {
  .homepage-slider-slide__subtitle {
    max-width: 75vw;
  }
}

.swiper-navigation {
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 99;
  width: 100%;
}
@media screen and (max-width: 1240px) {
  .swiper-navigation {
    bottom: 20px;
  }
}
.swiper-navigation .container {
  width: 100%;
}
.swiper-navigation .swiper-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1240px) {
  .swiper-navigation .swiper-arrows {
    gap: 10px;
  }
}
.swiper-navigation .swiper-button-prev,
.swiper-navigation .swiper-button-next {
  position: static;
  border: 1px solid var(--color-accent);
  border-radius: 100px;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 992px) {
  .swiper-navigation .swiper-button-prev,
  .swiper-navigation .swiper-button-next {
    width: 24px;
    height: 24px;
  }
}
.swiper-navigation .swiper-button-prev::before,
.swiper-navigation .swiper-button-next::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 992px) {
  .swiper-navigation .swiper-button-prev::before,
  .swiper-navigation .swiper-button-next::before {
    width: 14px;
    height: 14px;
  }
}
.swiper-navigation .swiper-button-prev::after,
.swiper-navigation .swiper-button-next::after {
  display: none;
}
.swiper-navigation .swiper-button-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.10156 10.5L2.60156 5.99521L7.10156 1.2' stroke='%23E06437' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
}
.swiper-navigation .swiper-button-next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.59474 11L9 6.49521L4.59474 1.7' stroke='%23E06437' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
}
.swiper-navigation .swiper-pagination {
  position: static;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 15px;
}
.swiper-navigation .swiper-pagination-bullet {
  display: block;
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
  margin: 0 !important;
}
.swiper-navigation .swiper-pagination-bullet-active {
  background: var(--color-accent);
  width: 8px;
  height: 8px;
}

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: clip;
}

.catalog-wrapper {
  background: #eff1f5;
}

.catalog {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 255px 1fr;
  grid-template-columns: 255px 1fr;
  gap: 30px;
  position: relative;
  padding: 60px 0;
}
@media screen and (max-width: 1240px) {
  .catalog {
    padding: 40px 0 60px;
  }
}

.catalog__title {
  font-weight: 800;
  font-size: 36px;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
  margin: 0 0 25px 0;
  font-size: calc(18px + 18 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 374px) {
  .catalog__title {
    font-size: 15px;
    text-align: center;
  }
}

.wrapper {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 75px;
  grid-template-columns: 1fr 75px;
  gap: 60px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper-message {
  position: relative;
}

.wrapper-right {
  position: sticky;
  min-height: 100vh;
  max-height: 100vh;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wrapper-right::after {
  content: "";
  width: 0.5px;
  height: 100%;
  background: #181818;
  position: absolute;
  top: 0;
  right: 0;
}

.wrapper__right-link {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  text-transform: uppercase;
  display: block;
  color: #181818;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 50px;
  position: relative;
  margin-right: 20px;
}

.wrapper__right-link::after {
  content: "";
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -22px;
  background: transparent;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}

.wrapper__right-link:hover::after {
  background: #E06437;
}

.wrapper__right-link:nth-last-child(1) {
  margin-bottom: 0;
}

.wrapper__message-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.wrapper__message-link {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-bottom: 15px;
}

.wrapper__message-link:nth-last-child(1) {
  margin-bottom: 0;
}

.wrapper__message-link:hover {
  opacity: 0.5;
}

.wrapper__message-link:active {
  color: rgba(24, 24, 24, 0.3);
}

.wrapper__message-link:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.wrapper__right-coll {
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50vh;
  margin-right: 25px;
}

.wrapper__message-box {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 1450px) {
  .wrapper {
    -ms-grid-columns: 1fr 60px;
    grid-template-columns: 1fr 60px;
    padding-right: 38px;
    gap: 20px;
  }
  .wrapper__right-link {
    font-size: 16px;
    line-height: 130%;
  }
  .wrapper__right-coll {
    margin-right: 15px;
  }
  .wrapper__message-row {
    width: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 15px;
    margin-left: 5px;
  }
  .wrapper__message-row img {
    width: 100%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .wrapper__message-row.arrow-animate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 3px;
  }
  .wrapper__message-row.arrow-animate img {
    -webkit-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg);
  }
  .wrapper__message-link {
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
  }
  .wrapper__message-link:nth-last-child(1) {
    margin-bottom: 0;
  }
  .wrapper__message-box {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1080px) {
  .wrapper-message {
    display: none;
  }
}
.wrapper-right {
  z-index: 1;
}

.wrapper__right-coll-2 {
  padding-top: 170px;
}
@media screen and (max-width: 1440px) {
  .wrapper__right-coll-2 {
    padding-top: 140px;
  }
}
@media screen and (max-width: 1240px) {
  .wrapper__right-coll-2 {
    padding-top: 120px;
  }
}

.catalog-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 15px;
  border-radius: 10px;
  padding: 20px 40px;
  background-color: #0e0e0e;
  background-image: url("../img/bg_catalog-form.png");
  background-repeat: no-repeat;
  background-position: top right;
}
@media screen and (max-width: 1240px) {
  .catalog-form {
    padding: 20px;
    background-position: bottom right;
    gap: 10px;
  }
}

.catalog-form + .catalog-form {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .catalog-form + .catalog-form {
    margin-top: 20px;
  }
}

.catalog-form__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: #fff;
}

.catalog-form__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .catalog-form__text {
    font-size: 14px;
  }
}

.catalog-form__form {
  display: block;
}

.catalog-form__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr auto;
  grid-template-columns: 1fr 1fr 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media screen and (max-width: 1440px) {
  .catalog-form__grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px 20px;
  }
}
@media screen and (max-width: 767px) {
  .catalog-form__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    gap: 10px 20px;
  }
}

.catalog-form__form-input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  overflow: none;
  border-radius: 0;
  padding: 0;
  display: block;
  font-weight: 450;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}

.catalog-form__form-input::-webkit-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.catalog-form__form-input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.catalog-form__form-input:-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.catalog-form__form-input::-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.catalog-form__form-input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.catalog-form__form-label-text {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  padding-left: 37px;
  position: relative;
  display: block;
}
@media screen and (max-width: 1240px) {
  .catalog-form__form-label-text {
    font-size: 12px;
  }
}

.catalog-form__form-label-text::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.catalog-form__form-chekded:checked + .catalog-form__form-label-text::after {
  content: url(/img/icons/checked-white.svg);
  border: 2px solid transparent;
}

.catalog-form__success {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
}

.catalog-form__success-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.catalog-form__success-title span {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  text-transform: uppercase;
  color: #fff;
}

.catalog-form__success-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.8);
  font-size: calc(14px + 2 * (100vw - 360px) / 1560);
}

.catalog__body-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin: 40px 0;
}
@media screen and (max-width: 1240px) {
  .catalog__body-head {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767px) {
  .catalog__body-head {
    margin: 20px 0;
  }
}
.catalog__body-head .catalog__title {
  margin: 0;
}

.btn-white {
  font-family: "avenirnextcyr";
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  color: #FFFFFF;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.btn-white:hover {
  color: #E06437;
}

.catalog__body-link-more {
  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;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: #e06437 !important;
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .catalog__body-link-more {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.catalog__body-link-more:hover {
  color: var(--color-black) !important;
}
.catalog__body-link-more:hover svg path {
  stroke: var(--color-black);
}

.catalog__body-link-more .box__btn-arrow {
  margin-left: 10px;
}

.arrow-animate span {
  -webkit-animation: 2s ease 0s infinite normal none running arrow-animate;
          animation: 2s ease 0s infinite normal none running arrow-animate;
}

.arrow-animate span {
  -webkit-animation: arrow-animate 2s infinite;
  animation: arrow-animate 2s infinite;
}

.arrow-animate span:nth-child(2) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.arrow-animate span:nth-child(1) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.arrow-animate-2 span {
  -webkit-animation: arrow-animate 2s infinite;
  animation: arrow-animate 2s infinite;
}

.arrow-animate-2 span:nth-child(2) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.arrow-animate-2 span:nth-child(3) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

@-webkit-keyframes arrow-animate {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px) rotate(45deg);
    transform: translate(0, 20px) rotate(45deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -20px) rotate(45deg);
    transform: translate(0, -20px) rotate(45deg);
  }
}
@keyframes arrow-animate {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px) rotate(45deg);
    transform: translate(0, 20px) rotate(45deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -20px) rotate(45deg);
    transform: translate(0, -20px) rotate(45deg);
  }
}
.catalog__body-cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1440px) {
  .catalog__body-cards {
    gap: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .catalog__body-cards {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
}
@media screen and (max-width: 992px) {
  .catalog__body-cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .catalog__body-cards {
    gap: 6px;
  }
}
@media screen and (max-width: 374px) {
  .catalog__body-cards {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
}

.catalog__btn-rezet {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  color: #E16438;
  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;
  background: none;
  cursor: pointer;
  border: none;
  outline: none;
  margin-right: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.btn-white.catalog__btn-rezet-bottom {
  margin: 40px auto;
  font-size: 18px;
  line-height: 130%;
  min-width: 246px;
  min-height: 45px;
  text-align: center;
  border: 2px solid #E06437;
  border-radius: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1240px) {
  .btn-white.catalog__btn-rezet-bottom {
    margin: 20px auto;
    font-size: 16px;
    min-width: 200px;
  }
}

.btn-white.catalog__btn-rezet-bottom:hover {
  background: #E06437;
  color: #fff;
}

.catalog__type-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  border-radius: 10px;
  background: #F9F9F9;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.03);
  padding: 12px;
}

@media (hover: hover) {
  .catalog__type-link:hover .catalog__type-name {
    color: #E06437;
  }
}
@media (hover: none) {
  .catalog__type-link:active .catalog__type-name {
    color: #E06437;
  }
}
.catalog__type-link.--active .catalog__type-name {
  color: #E06437;
}

.catalog__type-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-top: 60px;
  margin-bottom: 60px;
}

@media (max-width: 1440px) {
  .catalog__type-wrapp {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
}
@media (max-width: 1100px) {
  .catalog__type-wrapp {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .catalog__type-wrapp {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 360px) {
  .catalog__type-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.catalog__type-name {
  padding-top: 20px;
  color: #181818;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  min-height: 55px;
}

@media (max-width: 1680px) {
  .catalog__type-name {
    padding-top: 15px;
  }
}
@media (max-width: 992px) {
  .catalog__type-name {
    min-height: 55px;
    font-size: 12px;
  }
}
.catalog__type-link picture {
  display: contents;
}

.catalog__type-img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 1/1;
  margin: auto;
  display: block;
  max-width: 170px;
  max-height: 170px;
}

.catalog__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #1e1f24;
  font-size: calc(13px + 3 * (100vw - 360px) / 1560);
}
.catalog__description .--title {
  font-weight: 700;
  font-size: 32px;
  line-height: 130%;
  color: #181818;
  margin: 0 0 20px 0;
  font-size: calc(20px + 12 * (100vw - 360px) / 1560);
}
.catalog__description .--subtitle {
  font-weight: 400;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #1e1f24;
  margin: 0 0 20px 0;
  font-size: calc(16px + 6 * (100vw - 360px) / 1560);
}
.catalog__description ul {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
  margin: 20px 0;
}
.catalog__description .--list-dots > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.catalog__description .--list-dots > li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-accent);
  margin-left: 20px;
  margin-right: 15px;
  margin-top: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 992px) {
  .catalog__description .--list-dots > li:before {
    margin-left: 0px;
    margin-right: 10px;
  }
}

@media (max-width: 1080px) {
  .wrapper {
    display: block;
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .catalog {
    padding: 30px 0 50px;
  }
}
@media (max-width: 767px) {
  .catalog {
    display: block;
    padding: 20px 0 40px;
  }
}
.catalog__body-head-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.catalog__body-filter {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--color-black);
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .catalog__body-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.catalog__left {
  position: sticky;
  top: 100px;
  height: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.catalog__left-title {
  font-weight: 700;
  font-size: 1.1667rem;
  line-height: 147%;
  text-transform: uppercase;
  color: #181818;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.catalog__left-title:hover {
  color: #E16437;
}

.catalog__left-title:active {
  color: rgba(24, 24, 24, 0.3);
}

.catalog__left-label {
  display: block;
}

.catalog__left-label-input:checked + .catalog__left-title {
  color: #E16437;
}

.catalog__left-box-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
  margin-bottom: 10px;
}

.catalog__left-box-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  margin-bottom: 20px;
}

.catalog__left-link {
  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;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  color: #E06437;
  margin-right: 30px;
}

.catalog__left-link:hover {
  opacity: 0.5;
}

.catalog__left-link:active {
  color: rgba(24, 24, 24, 0.3);
}

.catalog__left-link:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.catalog__left-link .box__btn-arrow {
  margin-left: 10px;
}

.catalog__left-box {
  position: relative;
  margin-top: 60px;
}

.catalog__left-img {
  position: absolute;
  left: -100px;
  top: -85px;
  z-index: -1;
}

.catalog__box-filter {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (287px)[3];
  grid-template-columns: repeat(3, 287px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 25px 20px;
  margin-bottom: 20px;
}

.catalog__right-title {
  font-weight: 700;
  font-size: 21px;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
  margin-bottom: 26px;
}

.catalog__select-header {
  border: none;
  border-bottom: 1px solid #181818;
  border-radius: 0;
  padding: 0;
}

.catalog__select-header:hover {
  border: none;
  border-bottom: 1px solid #E06437;
}

.catalog__select-header:active {
  border: none;
  border-bottom: 1px solid rgba(24, 24, 24, 0.3);
}

.catalog__select.is-active .select__header {
  border: none;
  border-bottom: 1px solid #E06437;
}

.catalog__select.is-active .select__arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.catalog__select.is-active .select__arrow path {
  stroke: #E06437;
}

.catalog__btn-rezet {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  color: #E16438;
  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;
  background: none;
  cursor: pointer;
  border: none;
  outline: none;
  margin-right: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.catalog__btn-rezet svg {
  margin-left: 15px;
}

.catalog__btn-rezet:hover {
  opacity: 0.5;
}

.catalog__btn-rezet:active {
  opacity: 0.2;
}

.catalog__subfilter-header {
  display: none;
}

.catalog__subfilter-body {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px 44px;
  padding: 0;
  background: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.catalog__subfilter-item {
  font-weight: 400;
  font-size: 1.1667rem;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  letter-spacing: -0.02em;
  color: #181818;
  padding: 8px 19px;
  border: 1px solid transparent;
  border-radius: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.catalog__subfilter-item:hover {
  border: 1px solid #E06437;
  color: #E06437;
}

.catalog__subfilter-item:active {
  opacity: 1;
  color: rgba(24, 24, 24, 0.5);
  border: 1px solid rgba(225, 100, 55, 0.05);
  background: rgba(225, 100, 55, 0.05);
}

.catalog__subfilter-input:checked + .catalog__subfilter-item {
  color: #E06437;
}

.catalog__select-label--subfilter {
  border: none;
  margin: 0;
}

.catalog__number-title {
  font-weight: 400;
  font-size: 0.7778rem;
  line-height: 130%;
  color: #181818;
  opacity: 0.5;
  padding-bottom: 5px;
}

.catalog__number-input {
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #181818;
  padding: 11px 18px;
}

.catalog__number-btn {
  width: 100%;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
}

.catalog__number-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-bottom: 20px;
}

.catalog__number-body {
  width: 349px;
  padding: 30px;
  top: 65px;
  right: 0;
  left: auto;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 15px;
}

.catalog__left-box-mobile,
.catalog-mob {
  display: none;
}

.catalog-mob {
  background: #0E0E0E;
}

.catalog-mob .catalog__left-box-title,
.catalog-mob .catalog__left-box-text {
  color: #fff;
}

.catalog-mob .catalog__left-img {
  position: relative;
  z-index: 0;
  top: -65px;
  left: 5px;
  width: 80px;
  height: 176px;
}

.catalog__accardion-close {
  display: none;
  cursor: pointer;
  border: none;
  outline: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: none;
}

.catalog__fiter-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: none;
}

.catalog__filter-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #161616;
}

.catalog__filter-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  outline: none;
  padding: 0;
  background: none;
}

.catalog__body-coll-mob {
  display: none;
}

.catalog__filter-open-mob {
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #181818;
  border-radius: 8px;
  cursor: pointer;
  background: none;
  position: relative;
  padding: 0;
}

.catalog__filter-open-mob svg {
  width: 14px;
  height: 14px;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.catalog__filter-open-mob.--active-filters::after {
  content: "";
  width: 9px;
  height: 9px;
  background: #E06437;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.catalog__filter-rezet-mob {
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #E06437;
  border-radius: 8px;
  cursor: pointer;
  background: none;
  margin-left: 5px;
}

.catalog__filter-rezet-mob svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.catalog__left-box-coll {
  padding-left: 15px;
}

.catalog__header-link {
  font-weight: 800;
  font-size: 16px;
  line-height: 130%;
  text-transform: uppercase;
  color: #E06437;
  display: none;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

@media (max-width: 1885px) {
  .catalog__left-img {
    position: absolute;
    left: -10px;
  }
}
@media (max-width: 1450px) {
  .catalog {
    -ms-grid-columns: 206px auto;
    grid-template-columns: 206px auto;
    gap: 25px;
  }
  /*
  	.catalog__accardion--margin-top {
  		margin-top: 35px;
  	}
  */
  .wrapper-content--catalog {
    padding-left: 20px;
  }
  .catalog__left-title {
    font-size: 18px;
    line-height: 130%;
  }
  .catalog-title {
    margin-bottom: 22px;
  }
  .catalog__accardion-title {
    font-size: 18px;
    line-height: 130%;
  }
  .catalog__left-title {
    margin-bottom: 20px;
  }
  .catalog__left-box {
    margin-top: 75px;
  }
  .catalog__left-box-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .catalog__left-box-text {
    margin-bottom: 24px;
  }
  .catalog__left-link {
    font-size: 16px;
    line-height: 130%;
    margin-right: 15px;
  }
  .catalog__left-link .box__btn-arrow {
    margin-left: 10px;
  }
  .catalog__left-link svg {
    height: auto;
    width: 8px;
  }
  .catalog__left-img {
    width: 112px;
    height: 247px;
    left: -30px;
    top: -53px;
  }
  .catalog__right-title {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .catalog__box-filter {
    -ms-grid-columns: (250px)[3];
    grid-template-columns: repeat(3, 250px);
  }
  .catalog__select-item {
    font-size: 16px;
    line-height: 130%;
  }
  .catalog__select-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .catalog__select-label:nth-last-child(1) {
    margin-bottom: 0;
  }
  .catalog__box-filter {
    gap: 25px 20px;
  }
  .catalog__btn-rezet {
    font-size: 16px;
    line-height: 130%;
    margin-right: 5px;
  }
  .catalog__btn-rezet svg {
    width: 14px;
    height: 14px;
  }
  .catalog__subfilter-item {
    font-size: 18px;
    line-height: 130%;
  }
  .catalog__subfilter-body {
    gap: 9px 50px;
  }
  .catalog__header {
    margin-bottom: 30px;
  }
  .catalog__body-title {
    font-size: 23px;
    line-height: 130%;
  }
  .catalog__number-current {
    font-size: 16px;
    line-height: 130%;
  }
  .catalog__number-header {
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 8px;
  }
  .catalog__number-body {
    width: 270px;
    padding: 20px;
  }
  .catalog__number-input {
    height: 41px;
    font-size: 16px;
    line-height: 130%;
  }
  .catalog__number-title {
    font-size: 14px;
    line-height: 130%;
  }
  .catalog__number-row {
    padding-bottom: 15px;
  }
  .catalog__number-btn {
    font-size: 16px;
    line-height: 130%;
    min-height: 41px;
  }
}
@media (max-width: 1340px) {
  .catalog__body-container {
    max-width: 100%;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 1200px) {
  .catalog__box-filter {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1040px) {
  .wrapper-content--catalog {
    padding-left: 0;
  }
  .catalog-title {
    font-size: 25px;
    line-height: 130%;
    margin-bottom: 27px;
  }
  .catalog {
    -ms-grid-columns: 170px 1fr;
    grid-template-columns: 170px 1fr;
    gap: 12px;
  }
  .catalog__accardion-header {
    font-size: 16px;
    line-height: 130%;
  }
  .catalog__accardion-title {
    font-size: 16px;
    line-height: 130%;
  }
  .catalog__accardion-wrapp {
    padding-left: 15px;
    padding-bottom: 17px;
  }
  .catalog__left-title {
    font-size: 16px;
    line-height: 147%;
    margin-bottom: 15px;
  }
  .catalog__accardion-label {
    margin-bottom: 5px;
  }
  .catalog__left-box-title {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .catalog__left-box {
    margin-top: 57px;
  }
  .catalog__left-box-text {
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 130%;
  }
  .catalog__left-link {
    font-size: 14px;
    line-height: 130%;
    margin-right: 8px;
  }
  .catalog__left-link svg {
    width: 7px;
  }
  .catalog__left-img {
    width: 94px;
    height: 207px;
    top: -35px;
  }
  .accardion__arrow {
    height: auto;
    width: 14px;
  }
  .catalog__right-title {
    font-size: 16px;
    line-height: 130%;
  }
  .catalog__select-current {
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 8px;
  }
  .catalog__box-filter {
    gap: 13px 30px;
  }
  .catalog__btn-rezet {
    font-size: 14px;
    line-height: 130%;
  }
  .catalog__subfilter-item {
    font-size: 16px;
    line-height: 130%;
    padding: 6px 12px;
  }
  .catalog__subfilter-body {
    gap: 10px;
  }
  .catalog__select-item {
    font-size: 14px;
    line-height: 130%;
  }
  .catalog__body-title {
    font-size: 20px;
    line-height: 130%;
  }
  .catalog__number-current {
    font-size: 14px;
    line-height: 130%;
  }
  .catalog__number-current {
    padding-right: 7px;
  }
  .catalog__number-body {
    padding: 15px;
    width: 245px;
    right: 0;
    border-radius: 8px;
  }
  .catalog__number-title {
    font-size: 12px;
    line-height: 130%;
  }
  .catalog__number-input {
    height: 34px;
    font-size: 14px;
    line-height: 130%;
    border-radius: 8px;
  }
  .catalog__number-btn {
    min-height: 34px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 130%;
  }
  .catalog__body-container {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
  }
  .catalog__body-container .card {
    width: auto;
  }
  .catalog__body-header {
    margin-bottom: 15px;
  }
  .catalog__accardion-title {
    margin-bottom: 5px;
  }
}
@media (max-width: 960px) {
  .catalog__body-container {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.catalog__accardion-title {
  font-weight: 400;
  font-size: 21px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #181818;
  margin-bottom: 10px;
  display: block;
}

.catalog__accardion-title:nth-last-child(1) {
  margin-bottom: 0;
}

@media (max-width: 1450px) {
  .catalog__left-title {
    font-size: 18px;
    line-height: 130%;
  }
}
@media (max-width: 1450px) {
  .catalog__accardion-title {
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width: 1040px) {
  .catalog__left-title {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 15px;
  }
}
@media (max-width: 1040px) {
  .catalog__accardion-title {
    font-size: 13px;
    line-height: 127%;
  }
}
@media (max-width: 767px) {
  .catalog__left {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100dvh;
    overflow-y: auto;
    z-index: 9999;
    background: #fff;
    padding: 30px;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .catalog__left.--active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .catalog__left-title {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .catalog__accardion-title {
    font-size: 14px;
    line-height: 127%;
  }
}
.catalog__left-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}

.catalog__left-close {
  display: none;
}
@media screen and (max-width: 767px) {
  .catalog__left-close {
    display: block;
  }
}

.card {
  max-width: 300px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1500px) {
.card {max-width: 260px;}
}

.card-discount {
  position: relative;
  padding: 0;
}

.card:hover {
  background: #DFE2E8;
}

.card:hover .card__header::before {
  background: #E06437;
}

.card:hover .card-price {
  color: #E06437;
}

.card:hover .card-price span {
  color: #E06437;
}

.card-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #181818;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-transform: inherit;
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
}

.card__header {
  padding-bottom: 15px;
  margin-bottom: 30px;
  position: relative;
  isolation: isolate;
}

.card__header::after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #C9CBCE;
  z-index: -1;
}

.card__header::before {
  content: "";
  width: 80%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #5A6F86;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.card__box-img {
  margin: auto;
  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;
}

.card__box-img img {
  width: 170px;
  max-height: 279px;
  -o-object-fit: contain;
  object-fit: contain;
}

.card-row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: auto;
  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;
  padding-top: 25px;
}

.card-row .box__btn-arrow {
  margin-right: 0;
  margin-left: auto;
  padding-left: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: 3px;
}

.card-foto .card-row {
  padding-top: 0;
}

.card-price {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  text-align: right;
  letter-spacing: -0.02em;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.card-price-span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.card-foto {
  width: 220px;
  margin-right: 12px;
}

.card-foto .card__box-img {
  margin-top: 0;
  margin-bottom: 5px;
}

.card-foto .card__box-img img {
  width: 119px;
  max-height: 138px;
}

.card-foto .card-title {
  max-width: 170px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 27px;
  font-weight: 700;
  font-size: 0.8889rem;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #181818;
}

.card-foto .card-row {
  width: 100%;
}

@media (max-width: 1550px) {
  .card-foto {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 1400px) {
  .card {
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 0;
  }
  .card-title {
    font-size: 14px;
    line-height: 130%;
  }
  .card__box-img img {
    width: 127px;
    max-height: 207px;
  }
  .card__header {
    margin-bottom: 15px;
  }
  .card__header .card-title {
    -webkit-line-clamp: 4;
  }
  .card-price {
    font-size: 22px;
    line-height: 130%;
  }
  .card-price-span {
    font-size: 16px;
    line-height: 130%;
  }
  .card-row {
    padding-top: 15px;
  }
  .card-row svg {
    width: 8px;
    height: auto;
  }
  .card-foto .card-row {
    padding-top: 0;
  }
  .card-foto .card__box-img img {
    width: 99px;
    max-height: 114px;
  }
  .card-foto .card-title {
    margin-bottom: 20px;
  }
  .card-row .box__btn-arrow {
    top: 0;
  }
  .card-foto .card-row {
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .card {
    padding: 18px 9px 12px 6px;max-width: 47%;
  }
  .card-title {
    font-weight: 700;
    line-height: 120%;
    -webkit-line-clamp: 3;
  }
  .card__header {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 6px;
    margin-top: 3px;
  }
  .card__header .card-title {
    -webkit-line-clamp: 3;
  }
  .card__header::after,
  .card__header::before {
    bottom: auto;
    top: 0;
    height: 1px;
  }
  .card__header::before {
    width: 50%;
  }
  .card-price-span {
    display: block;
  }
  .card-row {
    position: relative;
    margin-left: 0;
    width: 100%;
    padding-top: 25px;
  }
  .card-row .box__btn-arrow {
    position: absolute;
    top: 10px;
    right: -3px;
  }
  .card-foto .card-row {
    padding-top: 0;
  }
  .card-price-span {
    text-align: left;
  }
  .card__box-img img {
    width: 100%;
    max-height: auto;
  }
  .card-price {
    font-weight: 800;
    font-size: 14px;
    line-height: 84%;
  }
  .card-price-span {
    font-weight: 700;
    font-size: 12px;
    line-height: 84%;
    padding-bottom: 5px;
  }
  .card-foto .card-title {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
    text-transform: inherit;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
  }
  .card-foto .card__box-img {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
  }
  .card-foto .card__box-img img {
    width: 100%;
    max-height: auto;
  }
  .card-foto .box__btn-arrow {
    position: relative;
    top: 1px;
    right: -5px;
  }
  .card-foto .card-price {
    padding: 0;
  }
  .card-row .box__btn-arrow svg {
    height: auto;
    width: 7px;
  }
}
@media (max-width: 572px) {
  .card__box-img img {
    width: 100%;
    max-height: auto;
  }
}
.cart-discount-btn {
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #181818;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  padding: 11px 18px;
  outline: none;
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .cart-discount-btn {
    padding: 10px 12px;
    line-height: 120%;
  }
}

.cart-discount-btn:hover {
  opacity: 0.7;
}

.cart-discount-btn.cart-discount-btn-top {
  border-radius: 0px 0px 10px 10px;
  background: #07A551;
  color: #fff;
  border: none;
}
.cart-discount-btn.cart-discount-btn-top:hover {
  opacity: 1;
  background: #068d45;
}

.cart-discount-btn-bottom {
  border-radius: 0px 0px 10px 10px;
  border: 1.5px solid rgba(24, 24, 24, 0.1);
  background: rgba(24, 24, 24, 0.1);
  padding-top: 30px;
  margin-top: -20px;
  z-index: 1;
}

.cart-discount-img-top {
  position: absolute;
  width: 50px;
  height: 23px;
  right: 25px;
  top: 25px;
  z-index: 1;
}

.catalog__body-container-discount .card-discount {
  position: relative;
  padding: 0;
}

.catalog__body-container-discount .card-discount .card-row-discount {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .catalog__body-container-discount .card-discount .card-row-discount {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.catalog__body-container-discount .card-discount .card__header-discount {
  margin-right: 20px;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .catalog__body-container-discount .card-discount .card__header-discount {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.catalog__body-container-discount .card-discount .card__box-img-discount {
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .catalog__body-container-discount .card-discount .card__box-img-discount {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.catalog__body-container-discount .card-discount .card__header-discount {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 0.5px solid rgba(24, 24, 24, 0.05);
}
@media screen and (max-width: 767px) {
  .catalog__body-container-discount .card-discount .card__header-discount {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
}

.catalog__body-container-discount .card-discount .card__header-discount::after, .catalog__body-container-discount .card-discount .card__header-discount::before {
  background: none;
}

.catalog__body-container-discount .card-discount .card-title-discount {
  font-weight: 500;
  text-transform: capitalize;
}

.catalog__body-container-discount .card-discount .card-discount-coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catalog__body-container-discount .card-discount .card-discount-coll-2 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.catalog__body-container-discount .card-discount .card-discount-info-title {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .card-discount-info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 2px;
  }
}

.card-discount-info-title {
  color: #181818;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  font-size: calc(12px + 4 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .card-discount-info-title {
    text-align: left;
    line-height: 120%;
  }
}

.cart-discount-btn-top {
  border-radius: 0px 0px 10px 10px;
  background: #07A551;
  color: #fff;
  border: none;
  position: relative;
  z-index: 2;
}

.card-row-discount {
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}

.card-discount-info {
  color: #E06437;
}

.card-discount-coll-img {
  margin-right: 0;
  margin-left: auto;
  display: block;
  width: 36px;
  height: 36px;
}

.card-discount-price-discount {
  color: #181818;
  text-align: right;
  font-size: 16px;
  text-decoration: line-through;
  line-height: 130%;
  letter-spacing: -0.48px;
  padding-right: 10px;
}

.card-discount-price {
  color: #E06437;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.42px;
}

.card-discount-coll-price {
  gap: 10px;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 0.5px solid rgba(24, 24, 24, 0.05);
}
@media screen and (max-width: 767px) {
  .card-discount-coll-price {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 8px;
    margin-top: 8px;
  }
}

.card-discount-old-price {
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  font-size: calc(14px + 2 * (100vw - 360px) / 1560);
}
.card-discount-old-price::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #181818;
  position: absolute;
  top: 50%;
  left: 0;
}

.card-discount-new-price {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #e06437;
  font-size: calc(18px + 6 * (100vw - 360px) / 1560);
}
/* Stylesheet: Главная_css Modified On 2026-07-09 17:55:45 */
:root {
  --black: #181818;
  --white: #fff;
  --orange: #f57141;
  --bg: #f3f3f3;
  --gray-element: #aeaeae;
  --dark-gray-element: #8c8c8c;
  --gray-text: #696969;
  --stroke-in-white: #e3e3e3;
  --bg-in-bg: #e8e8e8;
  --stroke-in-bg: #e3e3e3;
  --stroke-in-bg-in-bg: #cfcfcf;
  --bg-in-black: #242424;
}

body {
  background: var(--bg);
}

button,
input[type=submit] {
  cursor: pointer;
}

textarea,
button,
input[type=text],
input[type=password] {
  -webkit-appearance: none;
  outline: none;
}

.hidden {
 display: none !important;
}
.header__logo {
  padding-left: 70px;
}
@media (max-width: 1200px) {
  .header__logo {
    flex: 1;
  }
}
.header__nav {
  flex: 1;
}
@media (max-width: 1200px) {
  .header__nav {
    display: none;
  }
}
.header__info {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 568px) {
  .header__info {
    display: none;
  }
}
.header__info-btn {
  font-size: 16px;
}
.header__info-btn svg {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  position: relative;
  top: -1px;
  opacity: 0.5;
}
.header__info-wrapp {
  left: 0;
  transform: translateX(0);
}

@media (max-width: 992px) {
  .header-logo {
    margin: 0;
  }
}

.header-nav {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.header-nav a {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: var(--black);
  transition: 0.3s;
}
.header-nav a:hover {
  color: var(--orange);
}

.header-msgr-link img {
  display: block;
}

.header-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: var(--white);
  border-radius: 10px;
  padding: 0 18px;
  background: var(--orange);
  white-space: nowrap;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: var(--white);
  text-transform: none;
  margin-left: 20px;
}

.product-page {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
.product-page__header {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
  padding: 10px;
  margin-bottom: 25px;
  width: 100%;
}
@media (max-width: 568px) {
  .product-page__header {
    margin-bottom: 0;
  }
}
.product-page__col {
  width: 33.33%;
  padding: 10px;
}
@media (max-width: 1600px) {
  .product-page__col {
    width: 50%;
  }
  .product-page__col:last-child {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .product-page__col {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .product-page__col._stiky {
    height: 100%;
  /*  position: sticky; */
    top: 0;
    margin-top: -80px;
    padding-top: 80px;
  }
}
.product-page-title {
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  color: var(--black);
  width: 100%;
}
@media (max-width: 992px) {
  .product-page-title {
    font-size: 48px;
  }
}
@media (max-width: 568px) {
  .product-page-title {
    font-size: 26px;
  }
}
.product-page-art {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}
.product-page-art span {
  color: var(--dark-gray-element);
}
.product-page-rate {
  display: flex;
  align-items: center;
  gap: 15px;
}
.product-page-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 60px;
}
@media (max-width: 992px) {
  .product-page-gallery {
    margin-bottom: 20px;
  }
}

.rate-val {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.rate-val::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../../img/rate-star.svg) center no-repeat;
}

.rate-comments {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: var(--orange);
  border-bottom: 2px dotted var(--orange);
}
.rate-comments:hover {
  border-bottom-color: transparent;
}

.product-total__header {
  padding: 30px; 
  border-radius: 20px 20px 0 0;
  background: rgba(255, 255, 255, 0.5);
  font-weight: 600;
  font-size: 24px;
  line-height: 115%;
}
@media (max-width: 568px) {
  .product-total__header {
    padding: 20px;
    border-radius: 15px 15px 0 0;
  }
}
.product-total__body {
  background: var(--white);
  padding: 30px 30px 15px 30px;
}
@media (max-width: 568px) {
  .product-total__body {
    padding: 20px 20px 10px 20px;
  }
}
.product-total__body .total-param {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px dotted var(--stroke-in-bg-in-bg);
}
.product-total__footer {
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: var(--white);
  padding: 15px 30px 30px 30px;
  border-radius: 0 0 20px 20px;
}
@media (max-width: 568px) {
  .product-total__footer {
    border-radius: 0 0 15px 15px;
    padding: 10px 20px 20px 20px;
  }
}

.total-param {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.total-param__header {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.total-param__price {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: var(--black);
}
.total-param-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray-text);
}
.total-param-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--black);
  display: flex;
  gap: 20px;
}

.total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.total__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--black);
}
.total__price {
  font-weight: 600;
  font-size: 24px;
  line-height: 115%;
  color: var(--black);
}

.total-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 10px;
  height: 62px;
  background: var(--orange);
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: var(--white);
  border: none;
  transition: 0.3s;
}
.total-button:hover {
  background-color: var(--bg-in-black);
}

.total-note {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--orange);
  color: var(--black);
}

.params-box {
  display: flex;
  flex-direction: column;
  gap: 30px;
  border: 1px solid var(--stroke-in-white);
  border-radius: 20px;
  padding: 30px;
}
@media (max-width: 568px) {
  .params-box {
    padding: 20px;
    gap: 15px;
    border-radius: 15px;
  }
}
.params-box__header {
  font-weight: 600;
  font-size: 24px;
  line-height: 115%;
  color: var(--black);
}
.params-box__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 568px) {
  .params-box__list {
    gap: 10px;
  }
}

.param {
  display: flex;
  gap: 15px;
}
.param::after {
  content: "";
  flex: 1;
  border-bottom: 2px dotted var(--stroke-in-bg-in-bg);
  order: 2;
  position: relative;
  top: -5px;
}
.param__title {
  order: 1;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray-text);
}
.param__val {
  order: 3;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--black);
}
@media (max-width: 568px) {
  .param__val {
    font-size: 14px;
  }
}

.constructor {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 0 20px;
}
@media (max-width: 992px) {
  .constructor {
    padding: 0;
    gap: 20px;
  }
}

.constructor-field {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.constructor-field__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 568px) {
  .constructor-field__header {
    flex-wrap: wrap;
  }
}

.field-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: var(--black);
}
@media (max-width: 568px) {
  .field-title {
    font-size: 16px;
  }
}
.field-title span {
  color: var(--gray-element);
}
@media (max-width: 568px) {
  .field-title span {
    display: block;
  }
}

.field-price {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: var(--black);
  white-space: nowrap;
}
.field-price._disable {
  color: var(--gray-element);
}

.drop-list {
  position: relative;
}
.drop-list__title {
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  height: 62px;
  font-size: 16px;
  padding: 0 60px 0 25px;
  white-space: nowrap;
  color: var(--black);
  border-radius: 10px;
  position: relative;
  background: var(--white);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}
.drop-list__title::after {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -11px;
  background: url(../../img/select-arrow-default.svg) center no-repeat;
}
.drop-list__title._placeholder {
  color: var(--gray);
}
.drop-list__title img {
  display: block;
  margin-left: -15px;
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.drop-list__title img._default {
  border: 1px solid var(--stroke-in-white);
}
.drop-list__title span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drop-list__title:hover::after {
  background-image: url(../../img/select-arrow.svg);
}
.drop-list__title._white-arrow::after {
  background: url(../../img/select-white-arrow.svg) center no-repeat;
}
.drop-list__dropdown {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  min-width: 100%;
  border-bottom: none;
  background: var(--white);
  background: #fff;
  font-size: 16px;
  line-height: 140%;
  border-radius: 0 0 10px 10px;
  max-height: 400px;
  overflow: auto;
}
@media (max-width: 568px) {
  .drop-list__dropdown {
    max-height: 320px;
    max-width: 100%;
    box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.05);
  }
}
.drop-list__dropdown li {
  cursor: pointer;
  white-space: nowrap;
  padding: 0 25px 20px;
  transition: 0.3s;
}
.drop-list__dropdown li.active {
  color: var(--orange);
}
@media (min-width: 992px) {
  .drop-list__dropdown li:hover {
    color: var(--orange);
  }
}
.drop-list__dropdown li img {
  display: block;
  margin-left: -15px;
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.drop-list__dropdown li img._default {
  border: 1px solid var(--stroke-in-white);
}
.drop-list__dropdown li span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drop-list__dropdown li.hide {
  display: none;
}
.drop-list__dropdown label {
  display: flex;
  align-items: center;
  gap: 15px;
  transition: none;
  cursor: pointer;
  padding: 0 25px 20px;
  margin: 0 -25px -20px;
}
.drop-list__dropdown label input {
  display: none;
}
.drop-list.open .drop-list__title {
  border-radius: 10px 10px 0 0;
}
.drop-list.open .drop-list__title::after {
  background-image: url(../../img/select-arrow.svg);
  transform: rotate(180deg);
}

.radio-tabs {
  margin-bottom: 20px;
}
@media (max-width: 568px) {
  .radio-tabs {
    overflow: auto;
    scrollbar-width: none;
    margin: 0 -20px 20px;
    padding: 0 20px;
  }
  .radio-tabs::-webkit-scrollbar {
    display: none;
  }
}

.radio-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media (max-width: 568px) {
  .radio-list {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

.radio-button {
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  padding: 0 15px;
  height: 42px;
  background: var(--white);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--black);
  cursor: pointer;
}
.radio-button span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.radio-button span::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../../img/radio.svg) center no-repeat;
}
.radio-button input {
  display: none;
}
.radio-button input:checked ~ span::before {
  background-image: url(../../img/radio-active.svg);
}

.fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.label-field {
  position: relative;
  min-height: 62px;
  border-radius: 10px;
  background: var(--white);
  transition: 0.15s;
}
.label-field.active {
  background: var(--white);
}
.label-field label {
  position: absolute;
  left: 25px;
  top: 18px;
  right: 10px;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  transition: 0.15s;
  color: var(--black);
}
.label-field label span {
  color: var(--red);
}
.label-field input {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 25px 0 25px;
  font-size: 16px;
  height: 62px;
  z-index: 1;
  background-color: transparent;
  width: 100%;
  border-radius: 0;
  border: none;
  backdrop-filter: none;
}
.label-field input:focus {
  background: transparent;
}
.label-field textarea {
  width: 100%;
  height: 150px;
  z-index: 1;
  background-color: transparent;
  border-radius: 0;
  padding: 38px 25px 0 25px;
  border: none;
  display: block;
  backdrop-filter: none;
}
.label-field textarea::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.label-field textarea::-webkit-scrollbar-track {
  margin: 0 15px;
}
.label-field textarea::-webkit-scrollbar-thumb {
  background-color: var(--black);
  border-radius: 4px;
}
.label-field input:not(.input-icon)::-moz-placeholder, .label-field textarea:focus::-moz-placeholder {
  color: transparent;
}
.label-field input:not(.input-icon)::placeholder,
.label-field textarea:focus::placeholder {
  color: transparent;
}
.label-field.active input + label,
.label-field input:focus + label, .label-field.active textarea + label,
.label-field textarea:focus + label {
  top: 7px;
  left: 25px;
  right: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
  color: var(--gray-text);
  opacity: 1;
  z-index: 99;
}
.label-field.active textarea + label,
.label-field textarea:focus + label {
  top: 15px;
}

.product-gallery {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  height: 547px;
  background: var(--white);
  width: 100%;
  margin-bottom: 10px;
  padding: 40px;
}
@media (max-width: 992px) {
  .product-gallery {
    width: 100%;
    height: 540px;
  }
}
@media (max-width: 767px) {
  .product-gallery {
    height: 360px;
  }
}
@media (max-width: 568px) {
  .product-gallery {
    height: 260px;
    border-radius: 15px;
  }
}
.product-gallery img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 15px;
}
.product-gallery .card-label {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 99;
}
@media (max-width: 767px) {
  .product-gallery .card-label {
    top: 0;
    left: 0;
  }
}
.product-gallery .card-fav {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 99;
  opacity: 0;
  transition: 0.3s;
}
@media (max-width: 1200px) {
  .product-gallery .card-fav {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .product-gallery .card-fav {
    top: 5px;
    right: 0;
  }
}
.product-gallery .card-fav.active {
  opacity: 1;
}
.product-gallery .swiper-scrollbar {
  display: none;
}
@media (max-width: 992px) {
  .product-gallery .swiper-scrollbar {
    display: block;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: auto;
  }
}
.product-gallery .gallery-photo {
  position: relative;
 display: block;
    height: 100%;
}
@media (min-width: 992px) {
  .product-gallery .gallery-photo::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: 0.3s;
    background: url(../../img/icon-zoom.svg) center no-repeat;
  }
  .product-gallery .gallery-photo:hover::after {
    opacity: 1;
  }
}

.product-thumb-box {
  position: relative;
  display: flex;
  justify-content: left;
  padding-right: 100px;
}
@media (max-width: 992px) {
  .product-thumb-box {
    display: none;
  }
}
.product-thumb-box .swiper-button {
  width: 40px;
  height: 40px;
  background: var(--white);
  border-radius: 10px;
}
.product-thumb-box .swiper-button-prev {
  left: auto;
  right: 45px;
  font-size: 0;
  color: transparent;
}
.product-thumb-box .swiper-button-prev::after {
  background: url(../../img/cheron-left.svg) center no-repeat;
}
.product-thumb-box .swiper-button-next {
  right: 0;
  font-size: 0;
  color: transparent;
}
.product-thumb-box .swiper-button-next::after {
  background: url(../../img/cheron-right.svg) center no-repeat;
}
.product-thumb-box .swiper-button-disabled {
  opacity: 0.7;
}

.product-gallery-thumb {
  overflow: hidden;
  opacity: 0;
  position: relative;
}
.product-gallery-thumb.swiper-initialized {
  opacity: 1;
}
.product-gallery-thumb__item {
  cursor: pointer;
  border-radius: 10px;
  height: 62px;
  overflow: hidden;
  position: relative;
}
.product-gallery-thumb__item:hover {
  transition: 0.3s;
  opacity: 1;
}
.product-gallery-thumb .swiper-slide {
  position: relative;
  opacity: 0.5;
}
.product-gallery-thumb .swiper-slide-thumb-active {
  opacity: 1;
}
.product-gallery-thumb .swiper-slide-thumb-active::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../../img/thumb-check.svg) center no-repeat;
}
.product-gallery-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.gallery-photo {
  position: relative;
}
@media (min-width: 1200px) {
  .gallery-photo:hover::after {
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */


.header-nav__item a.active {
  color: var(--orange);
}

.bread__list-inner span.lastitem {
  color: rgba(24, 24, 24, 0.3);
}

.bread__list-inner a {display:inline-block}

.wrapper-content section.product-page p {
font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  width: 100%;
}

.product-page__header p a.orange {
 color: var(--orange);
}

.catalog__title {
  font-weight: 800;
  font-size: 36px;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
  margin: 0 0 25px 0;
  font-size: calc(18px + 18 * (100vw - 360px) / 1560);
}



.homepage-slider {
  display: block;
  position: relative;
  overflow: hidden;
}

.homepage-slider-slide {
  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;
  position: relative;
  padding: 100px 0;
  background-size: cover;
  background-position: top 25% right 20%;
  min-height: 450px;
}
.homepage-slider-slide .container {
  width: 100%;
}
@media screen and (max-width: 1240px) {
  .homepage-slider-slide {
    background-position: center right 20%;
    min-height: 350px;
  }
}

.homepage-slider-slide__inner {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 15px;
}

.homepage-slider-slide__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 130%;
  text-transform: uppercase;
  color: #fff;
  max-width: 864px;
  max-width: 45vw;
  font-size: calc(20px + 30 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .homepage-slider-slide__title {
    max-width: 55vw;
  }
}

.homepage-slider-slide__subtitle {
  font-weight: 700;
  font-size: 30px;
  line-height: 130%;
  text-transform: uppercase;
  color: #fff;
  max-width: 580px;
  max-width: 30vw;
  font-size: calc(14px + 16 * (100vw - 360px) / 1560);
}
.homepage-slider-slide__subtitle span {
  color: var(--color-accent);
}
@media screen and (max-width: 1440px) {
  .homepage-slider-slide__subtitle {
    max-width: 45vw;
  }
}
@media screen and (max-width: 767px) {
  .homepage-slider-slide__subtitle {
    max-width: 75vw;
  }
}


.bread__list--product li.bread__list-inner a span {
color: #E16438;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  text-transform: lowercase;
}

.bread__list-title.bread__list-inner span {
  text-transform: lowercase;
  font-size: 19px;
  padding-left: 3px;
}

.catalog__body h1.zag_ofr {
font-weight: 800;
  font-size: 2.5rem;
  line-height: 130%;
  text-transform: uppercase;margin-bottom:20px;
}


.footer__list-inner a.footer__list-link.btn-white.active {
  color: #E06437;
}
.menu__list-inner a.menu__list-link.active {
  color: #E06437;
}




.fast-filter {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.filter-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0 25px;
    height: 35px;
    background: var(--white);
    font-size: 14px;
    line-height: 150%;
    color: #636866;
}

.filter-button:hover,
.filter-button.active {
    background-color: var(--yellow);
}

@media (max-width: 568px) {
    .filter-button {
        padding: 0 15px;
        height: 48px;
        font-size: 14px;
    }
}

.filter-box {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 50px;
}

.filter-form,
.filter-form form {
    display: flex;
    gap: 20px;
    flex: 1;
}

@media (max-width: 568px) {
    .filter-form,
    .filter-form form  {
        flex-direction: column;
    }
}

@media (max-width: 568px) {
    .filter-form .button {
        width: 100%;
    }
}

.filter-form__field {
    width: 100%;
}








.filter-select {
    position: relative;
    z-index: 9;
    width: 100%;
}

@media (max-width: 992px) {
    .filter-select {
        width: 100%;
    }
}

.filter-select__header {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    width: 100%;
    height: 70px;
    background: var(--white);
    position: relative;
    z-index: 9;
}

@media (max-width: 1600px) {
    .filter-select__header {
        height: 60px;
    }
}

@media (max-width: 568px) {
    .filter-select__header {
        height: 54px;
    }
}

.filter-select__header input {
    width: 100%;
    border: none;
    height: 100%;
    padding: 0 25px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: transparent;
}

@media (max-width: 992px) {
    .filter-select__header input {
        font-size: 18px;
        font-weight: 400;
        padding: 0 20px;
    }
}

.filter-select__header::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../../img/select-arrow.svg) center;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -10px;
}

@media (max-width: 992px) {
    .filter-select__header::after {
        right: 20px;
    }
}

.filter-select__dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    border-top: 1px solid var(--stroke);
    background: var(--white);
    border-radius: 0 0 8px 8px;
    padding: 20px 25px;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.1), 0 15px 30px 0 rgba(0, 0, 0, 0.06);
}

.filter-select.open {
    z-index: 10;
}

.filter-select.open .filter-select__header {
    border-radius: 8px 8px 0 0;
}

.filter-select.open .filter-select__header::after {
    transform: rotate(180deg);
    filter: brightness(0) invert(0.5);
}

.filter-select.open .filter-select__dropdown {
    display: block;
}

.filter-select .no-results {
    color: var(--grey);
    display: none;
}

.filter-dropdown {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 240px;
    overflow: auto;
}

.filter-dropdown::-webkit-scrollbar {
    width: 4px;
}

.filter-dropdown::-webkit-scrollbar-track {
    background: var(--stroke-in-bg);
    border-radius: 4px;
}

.filter-dropdown::-webkit-scrollbar-thumb {
    background: var(--grey);
    border-radius: 4px;
}

.filter-el {
    font-size: 18px;
    line-height: 150%;
    color: var(--black);
    cursor: pointer;
}

.filter-el:hover {
    color: var(--grey);
}

@media (max-width: 992px) {
    .filter-el {
        font-size: 18px;
    }
}

.filter-selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 25px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    position: relative;
    z-index: 9;
}

@media (max-width: 992px) {
    .filter-selected {
        font-size: 18px;
        font-weight: 400;
        padding: 0 18px 0 20px;
    }
}

.filter-selected__clear {
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    background: url(../../img/close-button.svg) var(--stroke) center no-repeat;
    border-radius: 4px;
}


.catalog__accardion-wrapp a.catalog__accardion-title.active {
  color:#E16438;
}

.catalog__accardion-header.catalog__left-title.--page-active.--active {
  color:#E16438;
}

.cat_desc {}
.cat_desc h2 {font-weight: 700;font-size: 27px;line-height: 130%;color: rgb(24, 24, 24);margin-bottom: 32px;text-transform: uppercase;}
.cat_desc p {margin-bottom:25px;}
.cat_desc a {display:inline-block;color:#f57141}
.cat_desc ul {}
.cat_desc li {}
.cat_desc .first {font-size:25px;}

.good_page {gap:0}

@media (max-width: 992px) {
.cat_desc h2 {font-size: 20px;line-height: 120%;margin-bottom: 32px;}
.cat_desc .first {font-size:20px;}
.cat_desc p {margin-bottom:25px;font-size:16px}
}


.wrap input.footer__form-input {
width: 100%;
  padding: 0;
  font-size: 15px;
  text-align: left;
  background: none;
  border: 1px solid #ababab;
  margin-bottom: 17px;
  padding: 10px;
  color: gray;
  border-radius: 10px;
}

.title-h3.color-no-white {
font-weight: 600;
  font-size: 34px;
  line-height: 100%;
  color: var(--black);
  width: 100%;
  margin-bottom: 24px;
  margin-top: 6px;
}

.send_btn input.cms_submit {
border-radius: 10px;
  padding: 18px;
  background: var(--orange);
  white-space: nowrap;
  font-weight: 600;
  font-size: 17px;
  color: var(--white);
  text-transform: none;
  margin-top: 16px;
}

.confirm-field span.st a {
  color:#f57141;
}


.confirm-field span.st {
  font-size: 13px;
}

.footer__coll-3 form {
  width: 255px;
}

.confirm-field span.st.hppi {
   color:grey;
  margin-bottom: 16px;
}

.wrap div.msg_forms div.field {
margin-bottom: 12px;
  width: 100%;
  border: 1px solid #7777;
}

.msg_forms div.field input {
    background: none;
}
.msg_forms div.field textarea {
background: none;
  border: none;
padding: 12px 30px;
}

.btn_box input#cntnt01submit.cms_submit {
display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: var(--white);
  border-radius: 10px;
  padding: 0 18px;
  background: var(--orange);
  white-space: nowrap;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: var(--white);
  text-transform: none;
}

.product-total div.title-h3 {
font-weight: 700;
  font-size: 28px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 20px;
}




/* Stylesheet: Стиль Modified On 2026-07-09 17:22:40 */
@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/*- убираем стрелки input number-*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

input[type=number]:hover,
input[type=number]:focus {
  -moz-appearance: number-input;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-heavyitalic.woff2") format("woff2"), url("../../fonts/avenirnextcyr-heavyitalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-heavy.woff2") format("woff2"), url("../../fonts/avenirnextcyr-heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-bold.woff2") format("woff2"), url("../../fonts/avenirnextcyr-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-light.woff2") format("woff2"), url("../../fonts/avenirnextcyr-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-bolditalic.woff2") format("woff2"), url("../../fonts/avenirnextcyr-bolditalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-lightitalic.woff2") format("woff2"), url("../../fonts/avenirnextcyr-lightitalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-mediumitalic.woff2") format("woff2"), url("../../fonts/avenirnextcyr-mediumitalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-medium.woff2") format("woff2"), url("../../fonts/avenirnextcyr-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-regular.woff2") format("woff2"), url("../../fonts/avenirnextcyr-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-thinitalic.woff2") format("woff2"), url("../../fonts/avenirnextcyr-thinitalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-regularitalic.woff2") format("woff2"), url("../../fonts/avenirnextcyr-regularitalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-thin.woff2") format("woff2"), url("../../fonts/avenirnextcyr-thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "avenirnextcyr";
  font-display: swap;
  src: url("../../fonts/avenirnextcyr-ultralight.woff2") format("woff2"), url("../../fonts/avenirnextcyr-ultralight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Floripa";
  font-display: swap;
  src: url("../../fonts/Floripa-regular.woff2") format("woff2"), url("../../fonts/Floripa-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../fonts/Montserrat-Regular.woff2") format("woff2"), url("../../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --index: calc(1vw+1vh);
}

html {
  font-size: 18px;
}

@media (max-width: 1300px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 572px) {
  html {
    font-size: 12px;
  }
}
*,
*::after,
*::before {
  font-family: "avenirnextcyr";
  font-size: 1rem;
  line-height: 130%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: clip;
}

.--left__background-line {
  position: relative;
}
.--left__background-line::after {
  content: "";
  position: absolute;
  left: -35px;
  top: 0;
  height: 100%;
  width: 160px;
  background: #EFF1F5;
  z-index: -2;
  -webkit-mask-image: url("../../img/line__background-line-2.svg");
  mask-image: url("../../img/line__background-line-2.svg");
}
.--left__background-line::before {
  content: "";
  position: absolute;
  left: -35px;
  top: 0;
  height: 100%;
  width: 160px;
  background: url("../../img/line__background.svg") repeat top 0 left 0, #000;
  z-index: -2;
}

body {
  background: #EFF1F5;
}

input.--error,
textarea.--error {
  background: rgba(200, 13, 13, 0.1);
  border: 1px solid rgba(200, 13, 13, 0.5);
}

.--error-box {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #C80D0D;
  margin-bottom: 15px;
}

.--black {
  background: #0E0E0E;
}

/* убираем тени safari */
input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.--stop-body {
  overflow: hidden;
}

.arrow-animate span {
  -webkit-animation: arrow-animate 2s infinite;
          animation: arrow-animate 2s infinite;
}

.arrow-animate span:nth-child(2) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}

.arrow-animate span:nth-child(1) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.arrow-animate-2 span {
  -webkit-animation: arrow-animate 2s infinite;
          animation: arrow-animate 2s infinite;
}

.arrow-animate-2 span:nth-child(2) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}

.arrow-animate-2 span:nth-child(3) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

@-webkit-keyframes arrow-animate {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px) rotate(45deg);
            transform: translate(0, 20px) rotate(45deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -20px) rotate(45deg);
            transform: translate(0, -20px) rotate(45deg);
  }
}

@keyframes arrow-animate {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px) rotate(45deg);
            transform: translate(0, 20px) rotate(45deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -20px) rotate(45deg);
            transform: translate(0, -20px) rotate(45deg);
  }
}
.title {
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
}
.title span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: #E16438;
}

.--overflow-hidden {
  overflow: hidden;
}

.tab {
  display: none;
}

.tab.--active {
  display: block;
}

@media (max-width: 1720px) {
  .page-universal .wrapper-content,
  .page-news .wrapper-content,
  .page-company .wrapper-content,
  .page-portfolio .wrapper-content,
  .page-payment .wrapper-content,
  .page-error .wrapper-content {
    padding-left: 105px;
  }
}
@media (max-width: 1400px) {
  .--error-box {
    font-size: 12px;
    line-height: 130%;
    margin-top: 5px;
  }
}
@media (max-width: 992px) {
  .page-universal,
  .page-news,
  .page-company,
  .page-portfolio,
  .page-payment,
  .page-error {
    background: #EFF1F5;
  }
  .page-universal .parallax,
  .page-news .parallax,
  .page-company .parallax,
  .page-portfolio .parallax,
  .page-payment .parallax,
  .page-error .parallax {
    display: none;
  }
  .page-universal .wrapper-content,
  .page-news .wrapper-content,
  .page-company .wrapper-content,
  .page-portfolio .wrapper-content,
  .page-payment .wrapper-content,
  .page-error .wrapper-content {
    padding-left: 66px;
  }
  .page-universal .page,
  .page-news .page,
  .page-company .page,
  .page-portfolio .page,
  .page-payment .page,
  .page-error .page {
    background: url("../../img/back-3.svg") no-repeat top center/cover;
  }
  .--error-box {
    margin-top: 0;
    font-size: 12px;
    line-height: 130%;
  }
  .page-catalog,
  .page-company,
  .page-product,
  .page-stella {
    background: url("../../img/back.svg") no-repeat top center/contain, #EFF1F5;
  }
  .page-catalog .parallax,
  .page-company .parallax,
  .page-product .parallax,
  .page-stella .parallax {
    display: none;
  }
}
@media (max-width: 740px) {
  .page-universal,
  .page-news,
  .page-company,
  .page-portfolio,
  .page-payment,
  .page-error {
    background: url("../../img/back-two.svg") no-repeat top center/contain, #EFF1F5;
  }
  .page-universal .wrapper-content,
  .page-news .wrapper-content,
  .page-company .wrapper-content,
  .page-portfolio .wrapper-content,
  .page-payment .wrapper-content,
  .page-error .wrapper-content {
    padding-left: 0;
  }
  .--left__background-line::after, .--left__background-line::before {
    display: none;
  }
  .page-catalog,
  .page-company,
  .page-product,
  .page-stella {
    background: #EFF1F5;
  }
  .page-product .page__wrapper {
    padding-left: 20px;
    position: relative;
  }
  .page-product .page__wrapper::after {
    content: "";
    width: 20px;
    min-height: 150%;
    position: absolute;
    left: -10px;
    top: -10%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    background: #0E0E0E;
    z-index: 99;
  }
}
/**
 * Swiper 8.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 15, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}

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

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

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

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

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

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

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

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

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

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

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

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

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

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

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

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

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

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

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

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

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

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

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

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

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

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  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;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

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

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

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

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

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

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

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

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

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

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

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

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

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

.swiper-pagination-bullet:only-child {
  display: none !important;
}

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

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

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

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

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

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

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

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

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

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

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

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

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

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-flip {
  overflow: visible;
}

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

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

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

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

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  -o-transition-property: transform, opacity, height;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/*-default-*/
.parallax {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.parallax-img {
  position: absolute;
  left: -5%;
  top: -2%;
  -webkit-animation: rotation-left 31s linear infinite;
          animation: rotation-left 31s linear infinite;
}

@-webkit-keyframes rotation-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes rotation-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotation-right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation-right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.parallax-img-1 {
  left: 50%;
  top: 0%;
  width: 145px;
  -o-object-fit: contain;
     object-fit: contain;
}

.parallax-img-2 {
  left: 60%;
  top: 20%;
  width: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.6;
  -webkit-animation: rotation-right 21s linear infinite;
          animation: rotation-right 21s linear infinite;
}

.parallax-img-3 {
  left: 40%;
  top: 30%;
  width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.5;
  -webkit-animation: rotation-left 11s linear infinite;
          animation: rotation-left 11s linear infinite;
}

.parallax-img-4 {
  left: auto;
  right: 20%;
  top: 10%;
  width: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.8;
  -webkit-animation: rotation-right 31s linear infinite;
          animation: rotation-right 31s linear infinite;
}

.parallax-img-5 {
  left: auto;
  right: 10%;
  top: -5%;
  width: 130px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.9;
  -webkit-animation: rotation-left 20s linear infinite;
          animation: rotation-left 20s linear infinite;
}

.parallax-img-6 {
  left: auto;
  right: -8%;
  top: 12%;
  width: 230px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.9;
  -webkit-animation: rotation-left 35s linear infinite;
          animation: rotation-left 35s linear infinite;
}

.parallax-img-7 {
  left: auto;
  right: 50%;
  top: auto;
  bottom: -5%;
  width: 230px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.4;
  -webkit-animation: rotation-right 41s linear infinite;
          animation: rotation-right 41s linear infinite;
}

.parallax-img-8 {
  left: auto;
  right: 35%;
  top: auto;
  bottom: 45%;
  width: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.3;
  -webkit-animation: rotation-left 41s linear infinite;
          animation: rotation-left 41s linear infinite;
}

.parallax-img-9 {
  left: -5px;
  top: auto;
  bottom: 5%;
  width: 210px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-animation: rotation-right 15s linear infinite;
          animation: rotation-right 15s linear infinite;
}

.parallax-img-8 {
  left: auto;
  right: -5%;
  top: auto;
  bottom: -5%;
  width: 260px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 1;
  -webkit-animation: rotation-left 18s linear infinite;
          animation: rotation-left 18s linear infinite;
}

.parallax-img-12 {
  left: 54%;
  top: 55%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.5;
  width: 150px;
  -webkit-animation: rotation-right 11s linear infinite;
          animation: rotation-right 11s linear infinite;
}

.parallax-two {
  position: fixed;
  left: -10%;
  top: -10%;
  width: 110%;
  height: 110%;
  background: url("../../img/home/fon.svg") no-repeat center center/cover;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.--opacity-2 {
  opacity: 0.2;
}

.parallax-img-universal-1 {
  width: 110px;
  height: 110px;
  left: 55%;
  top: 60%;
  -webkit-animation: rotation-right 11s linear infinite;
          animation: rotation-right 11s linear infinite;
}

.parallax-two.--active {
  opacity: 1;
}

.parallax-img-10,
.parallax-img-11 {
  width: 20px;
  height: 20px;
}

@media (max-width: 1780px) {
  .parallax-img-1 {
    width: 135px;
  }
  .parallax-img-2 {
    width: 30px;
  }
  .parallax-img-3 {
    width: 9px;
  }
  .parallax-img-4 {
    width: 30px;
  }
  .parallax-img-5 {
    width: 120px;
  }
  .parallax-img-6 {
    width: 220px;
  }
  .parallax-img-7 {
    width: 220px;
  }
  .parallax-img-8 {
    width: 60px;
  }
  .parallax-img-9 {
    width: 200px;
  }
  .parallax-img-8 {
    width: 250px;
  }
  .parallax-img-12 {
    width: 140px;
  }
}
@media (max-width: 1480px) {
  .parallax-img-1 {
    width: 95px;
  }
  .parallax-img-2 {
    width: 30px;
  }
  .parallax-img-3 {
    width: 9px;
  }
  .parallax-img-4 {
    width: 30px;
  }
  .parallax-img-5 {
    width: 100px;
  }
  .parallax-img-6 {
    width: 150px;
  }
  .parallax-img-7 {
    width: 120px;
  }
  .parallax-img-8 {
    width: 60px;
  }
  .parallax-img-9 {
    width: 100px;
  }
  .parallax-img-8 {
    width: 150px;
  }
  .parallax-img-12 {
    width: 140px;
  }
  .parallax-img-10 {
    width: 100px;
  }
  .parallax-img-11 {
    width: 100px;
  }
}
@media (max-width: 770px) {
  .parallax-img-1 {
    width: 255px;
    opacity: 0.3;
    top: 30%;
    left: 30%;
  }
  .parallax-img-2 {
    width: 180px;
    top: 80%;
    left: 30%;
    opacity: 0.2;
  }
  .parallax-img-3 {
    width: 220px;
    display: none;
  }
  .parallax-img-4 {
    width: 50px;
  }
  .parallax-img-5 {
    display: none;
  }
  .parallax-img-6 {
    width: 50px;
  }
  .parallax-img-7 {
    width: 130px;
    display: none;
  }
  .parallax-img-8 {
    width: 100px;
  }
  .parallax-img-9 {
    width: 100px;
    opacity: 0.8;
  }
  .parallax-img-8 {
    width: 50px;
  }
  .parallax-img-12 {
    width: 40px;
    display: none;
  }
  .parallax-img-10 {
    width: 10px;
  }
  .parallax-img-11 {
    width: 100px;
    top: 15%;
    opacity: 0.7;
  }
}
.container {
  max-width: 1720px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

.container--home {
  max-width: 1760px;
  border-right: 1px solid #fff;
}

.header__container--index-1 {
  max-width: 1800px;
}

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

.header__tell {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
}
.header__tell span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  color: inherit;
}

.header__tell-img {
  display: none;
}

.logo {
  position: relative;
}
.logo::after {
  content: url("../../../img/header/logo-back-black.svg");
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: -2;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.logo--home::after {
  content: url("../../img/header/logo-back-border.svg");
  position: absolute;
  top: 10px;
}

.header-index-1 {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.header__wrapp {
  padding: 15px;
}

.header__box--home {
  position: relative;
  display: block;
}
.header__box--home::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 0.5px;
  width: 320px;
  background: #fff;
}

.header__home-title {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-top: 10px;
}

.header__home-title {
  display: none;
}

.heder__home-container {
  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;
  padding-top: 12px;
  position: relative;
}
.heder__home-container::after {
  content: "";
  height: 1px;
  width: 155px;
  background: #fff;
  position: absolute;
  right: -170px;
  top: 25px;
}

.header__message-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 7px;
}

.header__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 30px;
  margin-left: 30px;
}

.header__tell {
  font-weight: 750;
  font-size: 1rem;
  line-height: 130%;
  text-align: right;
  text-transform: uppercase;
  color: #181818;
}

.header__tell.btn-white {
  color: #181818;
}

.header__tell--home {
  display: none;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-align: right;
  text-transform: uppercase;
  color: #FFFFFF;
}

.header__tell--home.btn-white {
  color: #FFFFFF;
}

.header__menu-box--home {
  display: none;
}

.header__menu-box {
  position: relative;
  padding-right: 10px;
}
.header__menu-box::after {
  content: "";
  position: absolute;
  left: -32px;
  bottom: -35px;
  width: 180px;
  height: 135px;
  z-index: -1;
  background: url("../../../img/header/logo-back-black.svg") no-repeat center center;
}

.header__search-box {
  position: absolute;
  left: 100%;
  top: -35px;
}

.header__home-tell.btn-white {
  color: #fff;
}

.heder__home-container {
  display: none;
}

.header-services .header__tell {
  color: #fff;
}
.header-services .header__menu-box::after {
  content: url("../../img/header/logo-back-black-2.svg");
}

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

.header-home.no-line-bottom .header__home-tell--link.btn-white::after {
  background: none;
}

.header-home {
  position: fixed;
  z-index: 3;
  width: 100%;
}

.header__home-tell--link.btn-white {
  color: #fff;
}
.header__home-tell--link.btn-white span {
  color: inherit;
}

.header__home-wrapp {
  width: 93.5%;
  padding-right: 2.5vw;
  margin-left: auto;
  margin-right: auto;
  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-top: 2vh;
  padding-bottom: 2vh;
}

.header__home-tell--link.btn-white {
  font-weight: 700;
  font-size: calc(var(--index) * 0.95);
  /*font-size: 18px;*/
  line-height: 130%;
  position: relative;
}
.header__home-tell--link.btn-white span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.header__home-tell--link.btn-white::after {
  content: "";
  width: 320px;
  height: 1px;
  background: #fff;
  left: 10px;
  bottom: -15px;
  position: absolute;
}

.header-home-logo {
  /*
  width: 110px;
  height: 28px;*/
  width: 6vw;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 0.5vw;
}

.header-home-btn .menu-btn-img {
  /*
  width: 37px;
  height: 27px;*/
  height: auto;
  width: 1.9vw;
  -o-object-fit: contain;
     object-fit: contain;
}

.header-logo.header__home-logo-mob {
  display: none;
}

.header-fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 4;
  background: #EFF1F5;
  border-radius: 0;
  -webkit-animation-name: show__header;
          animation-name: show__header;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
}
.header-fixed .header__wrapp {
  padding-bottom: 15px;
}
.header-fixed .header-logo::after {
  content: "";
  background: url("../../img/header/header-mob.svg") no-repeat center center/contain;
  width: 85px;
  height: 105px;
  position: absolute;
  left: 0;
  top: 25px;
}

.header-services.header-fixed {
  background: #0E0E0E;
}

@-webkit-keyframes show__header {
  0% {
    opacity: 0;
    top: -80px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@keyframes show__header {
  0% {
    opacity: 0;
    top: -80px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@media (max-width: 1440px) {
  .header__wrapp {
    padding-top: 15px;
    padding-left: 44px;
    padding-right: 35px;
  }
  .header__tell {
    font-size: 18px;
    line-height: 130%;
  }
  .header__menu-box::after {
    width: 196.79px;
    height: 102.59px;
    background: url("../../img/header/logo-back-black.svg") no-repeat center center/contain;
    left: -40px;
    bottom: -23px;
  }
  .test {
    bottom: 1px !important;
  }
  .header-services .logo-img {
    width: 75px;
    height: 19px;
  }
  .header__home-tell--link.btn-white {
    font-size: calc(var(--index) * 1.25);
  }
  .header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-logo .logo-img {
    width: 75.24px;
    height: 19.27px;
  }
}
@media (max-width: 992px) {
  .header__wrapp {
    padding-top: 15px;
    padding-left: 18px;
    padding-right: 20px;
  }
  .header__menu-box::after {
    width: 196.79px;
    height: 102.59px;
    left: -50px;
    bottom: -28px;
  }
  .header-logo {
    margin-left: 135px;
  }
  .header__wrapp--index-1 .header__menu-box::after {
    width: 136px;
    height: 85px;
    background: url("../../img/header/logo-back-black-2.svg") no-repeat center center/contain;
    left: -44px;
    bottom: -25px;
  }
  .header-logo {
    position: relative;
  }
  .header-logo::after {
    content: "";
    background: url("../../img/header/header-mob.svg") no-repeat center center/contain;
    width: 85px;
    height: 105px;
    position: absolute;
    left: 0;
    top: 20px;
  }
  .header-services .logo-img {
    width: 55px;
    height: 14px;
  }
  .header__home-tell--link.btn-white {
    font-size: calc(var(--index) * 1.8);
  }
  .header__home-tell--link.btn-white::after {
    left: -3vw;
    bottom: -1vh;
  }
  .header-home-logo {
    width: 7vw;
  }
  .header__home-wrapp {
    padding-top: 3vh;
    padding-bottom: 3vh;
  }
  .header-logo .logo-img {
    width: 55.18px;
    height: 14.2px;
  }
}
@media (max-width: 740px) {
  .header-logo.header__home-logo-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
  }
  .header-home-btn .header-home-logo {
    display: none;
  }
  .header-home-btn .menu-btn-img {
    width: 22px;
    height: 18px;
  }
  .header__home-tell--link.btn-white::after {
    background: none;
  }
  .header__home-wrapp {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 20px;
  }
  .header__home-logo-mob img {
    width: 55.18px;
    height: 14.2px;
  }
  .header__wrapp {
    padding-top: 15px;
    padding-left: 26px;
  }
  .header-logo {
    position: relative;
    margin-left: 0;
  }
  .header-logo::after {
    content: "";
    background: url("../../img/header/header-mob.svg") no-repeat center center/contain;
    width: 85px;
    height: 105px;
    position: absolute;
    left: 0;
    top: 25px;
  }
  .header__menu-box {
    padding-top: 3px;
  }
  .header__menu-box::after {
    left: -90px;
  }
  .header__search-open .search-icon {
    width: 18px;
    height: 18px;
  }
  .header__wrapp {
    padding-top: 10px;
  }
  .header__search-box .search__btn svg {
    width: 18px;
    height: 18px;
  }
  .test {
    bottom: 10px !important;
  }
  .search__container.--active {
    width: 90vw !important;
  }
  .search__container.--active .search__container-wrapp {
    width: 90vw !important;
  }
  .test {
    width: 90vw;
    height: 100px;
  }
  .search-input {
    padding-left: 0 !important;
  }
  .header-services .logo-img {
    width: 55.18px;
    height: 14.2px;
  }
}
@media (max-width: 540px) {
  .test {
    right: 10px !important;
  }
}
@media (max-width: 430px) {
  .test {
    right: 20px !important;
  }
  .search__container.--active {
    width: 88vw !important;
  }
  .search__container.--active .search__container-wrapp {
    width: 88vw !important;
  }
  .test {
    width: 90vw;
    height: 100px;
  }
}
@media (max-width: 350px) {
  .test {
    right: 25px !important;
  }
}
/*доработке 15.02.2024*/
.header__info {
  position: relative;
}

.header__info-wrapp {
  border-radius: 10px;
  background: #F0F2F6;
  -webkit-box-shadow: 0px 0px 25px 3px rgba(225, 100, 55, 0);
          box-shadow: 0px 0px 25px 3px rgba(225, 100, 55, 0);
  width: 240px;
  position: absolute;
  z-index: 3;
  top: 115%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  overflow: hidden;
  max-height: 0;
}
@media (max-width: 992px) {
  .header__info-wrapp {
    width: 200px;
  }
}

.header__info-btn.--active + .header__info-wrapp {
  -webkit-box-shadow: 0px 0px 25px 3px rgba(225, 100, 55, 0.25);
          box-shadow: 0px 0px 25px 3px rgba(225, 100, 55, 0.25);
}

.header__info-btn.--active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.header__info-list {
  padding: 15px;
}

.header__info-inner {
  padding-bottom: 10px;
}
.header__info-inner:nth-last-child(1) {
  padding-bottom: 0;
}

.header__info-link {
  text-align: left;
  display: block;
  color: #E06437;
  font-family: "avenirnextcyr";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 992px) {
  .header__info-link {
    font-size: 12px;
  }
}
.header__info-link:hover {
  text-decoration: underline;
}

.header__info-btn {
  padding-right: 4px !important;
  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;
  color: #181818;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: none;
  border: none;
  cursor: pointer;
}
.header__info-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.header__info-btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 15px;
  height: 15px;
  margin-left: 10px;
}
.header__info-btn:hover {
  color: #E06437;
}
.header__info-btn:hover path {
  stroke: #E06437;
}
@media (max-width: 1680px) {
  .header__info-btn {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .header__info-btn {
    font-size: 14px;
  }
}

.header__info-btn.header__info-btn-white {
  color: #fff;
}
.header__info-btn.header__info-btn-white path {
  stroke: #fff;
}
.header__info-btn.header__info-btn-white:hover {
  color: #E06437;
}
.header__info-btn.header__info-btn-white:hover path {
  stroke: #E06437;
}

.header__info-city {
  color: #978D98;
  text-align: left;
  font-family: "avenirnextcyr";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-transform: initial;
}

.header__info-text {
  text-transform: initial;
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
}

.header__info-email {
  color: #E06437;
  font-family: "avenirnextcyr";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: block;
  text-align: left;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  text-transform: initial;
}
.header__info-email:hover {
  text-decoration: underline;
}
@media (max-width: 992px) {
  .header__info-email {
    font-size: 12px;
  }
}

.btn-white {
  font-family: "avenirnextcyr";
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  color: #FFFFFF;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
.btn-white path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.btn-white:hover {
  color: #E06437;
}
.btn-white:hover path {
  stroke: #E06437;
}
.btn-white:active {
  color: #E06437;
  opacity: 0.4;
}
.btn-white:active path {
  stroke: #E06437;
}
.btn-white:disabled {
  pointer-events: none;
  opacity: 0.4;
  color: #fff;
}
.btn-white:disabled path {
  stroke: #fff;
}

.btn-white.not-active {
  pointer-events: none;
  opacity: 0.4;
  color: #fff;
}
.btn-white.not-active path {
  stroke: #fff;
}

.btn {
  background: #E16437;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 10px;
  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;
  min-width: 212px;
  min-height: 45px;
  padding: 10px;
  font-weight: 750;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.btn:hover {
  -webkit-box-shadow: 6px 6px 25px rgba(224, 100, 55, 0.27);
          box-shadow: 6px 6px 25px rgba(224, 100, 55, 0.27);
}
.btn:active {
  opacity: 0.5;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn:disabled {
  pointer-events: none;
  background: #AEA4AF;
}

.btn.not-active {
  pointer-events: none;
  background: #AEA4AF;
}

.play__video {
  cursor: pointer;
  border: 2px solid transparent;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: none;
  position: relative;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.play__video:hover {
  border: 2px solid #fff;
}
.play__video:hover .play__video-circle-1 {
  -webkit-transform: translate(-50%, -50%) rotate(270deg);
      -ms-transform: translate(-50%, -50%) rotate(270deg);
          transform: translate(-50%, -50%) rotate(270deg);
  opacity: 0;
}
.play__video:hover .play__video-circle-2 {
  -webkit-transform: translate(-50%, -50%) rotate(-270deg);
      -ms-transform: translate(-50%, -50%) rotate(-270deg);
          transform: translate(-50%, -50%) rotate(-270deg);
  opacity: 0;
}

.play__video-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box__video {
  position: relative;
}

.box-video-background {
  position: relative;
  z-index: -1;
  height: 100%;
}
.box-video-background::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(24, 24, 24, 0.6);
}

.play__video.--pause {
  opacity: 0;
}

.search-icon-close {
  display: none;
}

.search-btn-open.--active .search-icon-close {
  display: block;
}
.search-btn-open.--active .search-icon {
  display: none;
}

.search-btn-open {
  cursor: pointer;
  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;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.search-btn-open path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.search-btn-open:hover path {
  stroke: #E16438;
}
.search-btn-open:active {
  opacity: 0.5;
}
.search-btn-open:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.search-btn-open:disabled path {
  stroke: #fff;
}

.search__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  background: none;
  outline: none;
  border: none;
  padding: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.search__btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.search__btn:hover path {
  stroke: #E16438;
}
.search__btn:active {
  opacity: 0.5;
}
.search__btn:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.search__btn:disabled path {
  stroke: #fff;
}

.search__btn.not-active,
.search-btn-open.not-active {
  pointer-events: none;
  opacity: 0.5;
}
.search__btn.not-active path,
.search-btn-open.not-active path {
  stroke: #fff;
}

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

.search-input {
  border-radius: 0;
  background: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #fff;
  color: #fff;
  width: 100%;
  margin-right: 15px;
  margin-left: 15px;
}

.search__container-wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.search__container-wrapp {
  width: 0;
  overflow: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.search__container {
  overflow: hidden;
  height: 90px;
}

.search__container.--active {
  padding-right: 40px;
  z-index: 3;
}
.search__container.--active .search__container-wrapp {
  width: 453px;
}

.test {
  position: absolute;
  right: 0;
  bottom: -5px;
  z-index: -1;
}

input {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  padding: 12px 30px;
  background: #F5F7FB;
  border-radius: 15px;
  border: none;
  outline: none;
}
input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  opacity: 0.3;
}
input::-moz-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  opacity: 0.3;
}
input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  opacity: 0.3;
}
input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  opacity: 0.3;
}
input::placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  opacity: 0.3;
}

.menu-btn-open {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #E16438;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.menu-btn-open span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  color: inherit;
}
.menu-btn-open path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.menu-btn-open:hover path {
  stroke: #E16438;
}

.menu-btn-img {
  margin-right: 10px;
}

.menu {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -33;
  background: #0E0E0E;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu.--active {
  opacity: 1;
  z-index: 33333;
}

.no-webp .menu-box{
  background: url("../../img/menu-back.png") no-repeat top left 0/contain, #EFF1F5; }

.menu-box {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 965px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 88px;
  grid-template-columns: 1fr 88px;
  -webkit-transform: translateX(-400%);
      -ms-transform: translateX(-400%);
          transform: translateX(-400%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.menu-box.--active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.menu__box-contante {
  padding-left: 230px;
}

.menu__content-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #E16438;
  padding-top: 40px;
}

.menu__logo-img {
  width: 162px;
  height: 87.41px;
  -o-object-fit: contain;
     object-fit: contain;
}

.menu__logo {
  padding-left: 118px;
}

.menu__list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.menu__list-link:hover {
  color: #E06437;
}
.menu__list-link:hover .menu__list-arrow {
  opacity: 1;
}
.menu__list-link:active {
  color: rgba(24, 24, 24, 0.3);
}
.menu__list-link:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.menu__list-arrow {
  margin-right: 10px;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.menu__list-arrow svg {
  display: inline-block;
  width: 11px;
  height: 20px;
}

.menu__list-link.--active {
  color: #E06437;
}
.menu__list-link.--active .menu__list-arrow {
  opacity: 1;
}

.menu-list {
  padding-top: 25px;
  padding-left: 50px;
}

.menu__list-inner {
  padding-bottom: 27px;
}

.menu-list-2 {
  padding-top: 35px;
}

.menu__tell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #181818;
  margin-left: 115px;
  margin-top: 60px;
  padding-bottom: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.menu__tell svg {
  margin-right: 15px;
}
.menu__tell path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.menu__tell:hover {
  color: #E06437;
}
.menu__tell:hover path {
  stroke: #E06437;
  fill: #E06437;
}
.menu__tell:active {
  color: rgba(24, 24, 24, 0.3);
}
.menu__tell:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.menu__contetn-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu__message-link-img {
  width: 40px;
  height: 40px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.menu__message-link-img:hover {
  opacity: 0.5;
}
.menu__message-link-img:active {
  color: rgba(24, 24, 24, 0.3);
}
.menu__message-link-img:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.menu__content-mess {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
}

.menu__message--arrow {
  width: 20px;
}

.menu__message-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.menu__box-contante {
  border-right: 1px solid rgba(24, 24, 24, 0.5);
}

.menu__content-footer {
  margin-top: auto;
  margin-bottom: 80px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.menu__box-contante {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.menu__box-footer-arrow {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
.menu__box-footer-arrow::after {
  content: "";
  background: #181818;
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: -80px;
  width: 210px;
  height: 1px;
}
.menu__box-footer-arrow::before {
  content: "";
  background: #181818;
  opacity: 0.6;
  position: absolute;
  bottom: 0;
  right: -80px;
  width: 555px;
  height: 1px;
}

.menu__box-close {
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px auto;
  position: relative;
}
.menu__box-close::after {
  content: "";
  background: #181818;
  opacity: 0.6;
  position: absolute;
  bottom: -30px;
  right: -80px;
  width: 420px;
  height: 1px;
}

.menu__box-arrow {
  width: 25px;
  display: block;
  position: relative;
  margin-top: 95px;
  padding-top: 20px;
  margin-left: 18px;
}
.menu__box-arrow::after {
  content: "";
  background: #181818;
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 1px;
}

@media (max-width: 1400px) {
  .menu__box-contante {
    padding-left: 188px;
  }
  .menu__logo-img {
    width: 119px;
    height: 64.21px;
  }
  .menu__list-link {
    font-size: 22px;
    line-height: 130%;
  }
  .menu-list {
    padding-top: 40px;
    padding-left: 0px;
  }
  .menu-box {
    max-width: 855px;
    -ms-grid-columns: 1fr 70px;
    grid-template-columns: 1fr 70px;
  }
  .menu__content-title {
    font-size: 16px;
    line-height: 130%;
  }
  .menu__box-arrow {
    width: 20.82px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 72px;
  }
  .menu__box-arrow svg {
    display: block;
    width: 20px;
    height: auto;
    margin-bottom: 5px;
  }
  .menu__box-close {
    margin: 20px;
  }
  .menu__box-close::after {
    right: -92px;
    bottom: -20px;
  }
  .menu__contetn-body {
    padding-right: 5px;
  }
  .menu__message-link-img {
    width: 35px;
    height: auto;
  }
  .menu__list-inner {
    padding-bottom: 20px;
  }
  .menu__box-contante {
    padding-left: 175px;
  }
  .menu__logo {
    padding-left: 70px;
    display: block;
    margin-top: 10px;
  }
  .menu__message--arrow img {
    width: 24px;
    height: auto;
    display: block;
  }
  .menu__tell {
    font-size: 22px;
    line-height: 130%;
    margin-left: 60px;
    margin-top: 50px;
  }
  .menu__content-footer {
    margin-bottom: 36px;
    margin-top: 20px;
  }
  .menu__box-footer-arrow {
    padding-bottom: 10px;
    padding-right: 25px;
  }
  .menu__box-footer-arrow svg {
    width: 12px;
    height: auto;
  }
  .menu__box-footer-arrow::before {
    width: 370px;
  }
  .menu__box-footer-arrow::after {
    width: 160px;
  }
}
@media (max-width: 992px) {
  .no-webp .menu-box{
    background: url("../../img/menu-back.png") no-repeat top left -60px/contain, #EFF1F5; }
  .menu-box {
    max-width: 623px;
    -ms-grid-columns: 1fr 70px;
    grid-template-columns: 1fr 70px;
  }
  .menu__box-contante {
    padding-left: 100px;
  }
  .menu__logo-img {
    width: 99px;
    height: 53.42px;
  }
  .menu__content-title {
    font-size: 14px;
    line-height: 130%;
  }
  .menu__list-link {
    font-size: 20px;
    line-height: 130%;
  }
  .menu__logo {
    margin-top: 20px;
  }
  .menu-list {
    padding-top: 10px;
  }
  .menu__list-arrow {
    display: none;
  }
  .menu__box-nav {
    padding-left: 65px;
  }
  .menu__logo {
    padding-left: 0;
  }
  .menu__list-inner {
    padding-bottom: 15px;
  }
  .menu__box-close::after {
    background: none;
  }
  .menu__box-arrow {
    width: 12px;
    margin-top: 70px;
  }
  .menu__box-arrow:after {
    top: -10px;
    right: -5px;
    width: 93px;
  }
  .menu__contetn-body {
    padding-right: 10px;
  }
  .menu__message-box {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .menu__message--arrow img {
    width: 20px;
  }
  .menu__tell {
    font-size: 20px;
    line-height: 130%;
    margin-left: 0;
    margin-top: 36px;
    padding-bottom: 0;
  }
  .menu__tell svg {
    width: 28px;
    height: 28px;
    margin-right: 8px;
  }
  .menu__content-footer {
    margin-top: 0;
    margin-bottom: 0;
  }
  .menu__box-footer-arrow {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 670px) {
  .menu-box {
    max-width: 100%;
    -ms-grid-columns: 1fr 50px;
    grid-template-columns: 1fr 50px;
    background: #EFF1F5 !important;
  }
  .menu__box-contante {
    padding-left: 30px;
  }
  .menu__logo {
    margin-top: 30px;
  }
  .menu__list-link {
    font-size: 18px;
    line-height: 130%;
    text-transform: initial;
  }
  .menu__content-mess {
    display: none;
  }
  .menu__content-header {
    display: none;
  }
  .menu__box-nav {
    padding-left: 0;
  }
  .menu__box-arrow {
    width: 15px;
    margin-bottom: 5px;
  }
  .menu__box-arrow svg {
    width: 15px;
  }
  .menu-list-2 {
    padding-top: 15px;
  }
  .menu__tell {
    font-size: 16px;
    line-height: 130%;
    margin-top: 40px;
  }
  .menu__tell svg {
    width: 24px;
    height: 24px;
  }
  .menu__tell path {
    fill: #E06437;
  }
  .menu__content-footer {
    bottom: 0;
    right: 0;
    padding-right: 0;
  }
  .menu__content-footer svg {
    width: 8px;
  }
  .menu__box-footer-arrow {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    right: -40px;
    top: -20px;
  }
  .menu__box-footer-arrow::before {
    width: 400px;
    bottom: -10px;
  }
  .menu__box-footer-arrow::after {
    top: -10px;
    right: -5px;
  }
  .menu__box-close {
    margin: 15px;
  }
  .menu__box-close svg {
    width: 22px;
    height: 22px;
  }
  .menu__box-arrow:after {
    top: -12px;
    right: -9px;
    width: 88px;
  }
}
.preaload {
  overflow: hidden;
  width: 100vw;
  min-height: 100vh;
  background: #0E0E0E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 3333;
  display: none;
}

.preaload__word-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.preaload__img-word-1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  margin-right: 15px;
  margin-bottom: 30px;
}

.preaload__box-center {
  position: relative;
  isolation: isolate;
}

.preaload__img-word {
  position: relative;
  -webkit-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
  opacity: 0;
}

.preaload-img {
  position: absolute;
  right: -50%;
  top: 50%;
  -webkit-transform: translate(-44%, -56%);
      -ms-transform: translate(-44%, -56%);
          transform: translate(-44%, -56%);
  z-index: -1;
  -webkit-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
  opacity: 0;
}

.preaload-img.--active {
  opacity: 1;
}

.preaload__img-word.--active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 33;
}

.preaload {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.preaload.--deactive {
  opacity: 0;
  z-index: -333;
}

.preaload-scroll-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.preaload-scroll-hidden::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.parallax-img.--opacity {
  opacity: 0.5;
}

.parallax-img-2-2 {
  left: 85%;
  width: 90px;
  opacity: 0.2;
}

.parallax-img-4 {
  opacity: 0.2;
}

.parallax-img-10-10 {
  width: 210.39px;
  left: -5%;
}

@media (max-width: 1290px) {
  .preaload__img-word-1 {
    width: 605px;
    height: auto;
    margin-bottom: 20px;
  }
  .preaload__img-word-2 {
    height: auto;
    width: 260px;
  }
  .preaload__img-word-3 {
    height: auto;
    width: 295px;
  }
  .preaload-img--stone {
    width: 500px;
    height: auto;
    right: -65%;
  }
}
@media (max-width: 992px) {
  .preaload {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .preaload__img-word-1 {
    width: 416px;
    height: auto;
    margin-bottom: 20px;
  }
  .preaload__img-word-2 {
    height: auto;
    width: 180px;
  }
  .preaload__img-word-3 {
    height: auto;
    width: 210px;
  }
  .preaload-img--stone {
    width: 320px;
    height: auto;
    right: -40%;
  }
  .preaload__word-box {
    margin-right: 100px;
  }
}
@media (max-width: 640px) {
  .preaload__img-word-1 {
    width: 243px;
    height: auto;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .preaload__img-word-2 {
    height: auto;
    width: 100px;
  }
  .preaload__img-word-3 {
    height: auto;
    width: 115px;
  }
  .preaload-img--stone {
    width: 200px;
    height: auto;
    right: -40%;
  }
  .preaload__word-box {
    margin-right: 0;
    margin-left: 20px;
  }
}
.--scroll::-webkit-scrollbar-thumb {
  width: 13px;
  background: #E06437;
}

.--scroll::-webkit-scrollbar {
  width: 4px;
  /* ширина всей полосы прокрутки */
}

.--scroll::-webkit-scrollbar-track {
  background: rgba(22, 22, 22, 0.2);
}

.--scroll::-webkit-scrollbar-thumb {
  background-color: #E06437;
}

.--scroll {
  scrollbar-width: thin;
  scrollbar-color: #E06437 rgba(22, 22, 22, 0.2);
}

.file-label-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  cursor: pointer;
}
.file-label-span img {
  margin-left: 8px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.file-label-span:hover img {
  opacity: 0.5;
}

.file-input-group {
  margin-right: 20px;
}

.file-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-right: 20px;
  margin-bottom: 10px;
}

.file-name {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  word-wrap: break-word;
}

.file-delete {
  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;
  padding: 0;
  background: none;
  outline: none;
  border: none;
  margin-left: 10px;
}

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

.file-group-container {
  display: contents;
}

@media (max-width: 1400px) {
  .file-label-span {
    font-size: 16px;
    line-height: 130%;
  }
  .file-label-span img {
    margin-right: 15px;
    width: 20px;
    height: 20px;
  }
  .file-name {
    font-size: 14px;
    line-height: 130%;
  }
  .file-delete img {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 992px) {
  .file-label-span {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .file-label-span img {
    margin-right: 10px;
    width: 18px;
    height: 18px;
  }
  .file-name {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .file-delete img {
    width: 15px;
    height: 15px;
  }
  .file-input-group {
    margin-right: 10px;
  }
  .file-name {
    word-wrap: break-word;
  }
}
.label-box {
  padding: 0;
  position: relative;
}

.label-box-input {
  background: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -33;
  opacity: 0;
  overflow: hidden;
  width: 0;
}

.wrapper {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 100px;
  grid-template-columns: 1fr 100px;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wrapper-message {
  position: relative;display:none;
}

.wrapper-right {
  position: sticky;
  min-height: 100vh;
  max-height: 100vh;
  top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrapper-right::after {
  content: "";
  width: 0.5px;
/*  height: 210vh; */
  background: #181818;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.wrapper__right-link {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  text-transform: uppercase;
  display: block;
  color: #181818;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 50px;
  position: relative;
  margin-right: 20px;
}
.wrapper__right-link::after {
  content: "";
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -22px;
  background: transparent;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}
.wrapper__right-link:hover::after {
  background: #E06437;
}
.wrapper__right-link:nth-last-child(1) {
  margin-bottom: 0;
}

.wrapper__message-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.wrapper__message-link {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-bottom: 15px;
}
.wrapper__message-link:nth-last-child(1) {
  margin-bottom: 0;
}
.wrapper__message-link:hover {
  opacity: 0.5;
}
.wrapper__message-link:active {
  color: rgba(24, 24, 24, 0.3);
}
.wrapper__message-link:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.wrapper__right-coll {
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50vh;
  margin-right: 25px;
}

.wrapper__message-box {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wrapper--services .wrapper__right-link {
  color: #fff;
}
.wrapper--services .wrapper-right::after {
  background: #fff;
}

.page-error .wrapper-right {
  padding-top: 90px;
}

@media (max-width: 1450px) {
  .wrapper {
    -ms-grid-columns: 1fr 80px;
    grid-template-columns: 1fr 80px;
    padding-right: 38px;
  }
  .wrapper__right-link {
    font-size: 16px;
    line-height: 130%;
  }
  .wrapper__right-coll {
    margin-right: 15px;
  }
  .wrapper__message-row {
    width: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 15px;
    margin-left: 5px;
  }
  .wrapper__message-row img {
    width: 100%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .wrapper__message-row.arrow-animate {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-left: 3px;
  }
  .wrapper__message-row.arrow-animate img {
    -webkit-transform: rotate(140deg);
        -ms-transform: rotate(140deg);
            transform: rotate(140deg);
  }
  .wrapper__message-link {
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
  }
  .wrapper__message-link:nth-last-child(1) {
    margin-bottom: 0;
  }
  .wrapper__message-box {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1080px) {
  .wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    padding-right: 18px;
  }
  .wrapper-message {
    display: none;
  }
}
/*-правки 15.12.2024-*/
.wrapper-right {
  z-index: 1;
}

.select {
  width: 100%;
  position: relative;
  cursor: pointer;
}

.select.is-active .select__body {
  display: block;
}

.select.is-active .select__current {
  color: #E06437;
}
.select.is-active .select__header {
  border: 1px solid #E06437;
}
.select.is-active .select__arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.select.is-active .select__arrow path {
  stroke: #E06437;
}

.select__header {
  width: 100%;
  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: 8px 18px;
  border: 1px solid #181818;
  border-radius: 8px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.select__header:hover {
  border: 1px solid #E06437;
}
.select__header:hover .select__current {
  color: #E06437;
}
.select__header:hover .select__arrow path {
  stroke: #E06437;
}
.select__header:active {
  border: 1px solid rgba(24, 24, 24, 0.3);
}
.select__header:active .select__current {
  color: rgba(24, 24, 24, 0.3);
}
.select__header:active .select__arrow path {
  stroke: rgba(24, 24, 24, 0.3);
}

.select__arrow path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.select__body {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  z-index: 3;
  background: #FFFFFF;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 0px 0px 15px 15px;
  padding: 10px 20px;
  max-height: 320px;
  overflow: auto;
}

.select__body::-webkit-scrollbar-thumb {
  width: 13px;
  background: #E06437;
}

.select__body::-webkit-scrollbar {
  width: 4px;
  /* ширина всей полосы прокрутки */
}

.select__body::-webkit-scrollbar-track {
  background: rgba(22, 22, 22, 0.2);
}

.select__body::-webkit-scrollbar-thumb {
  background-color: #E06437;
}

.select__body {
  scrollbar-width: thin;
  scrollbar-color: #E06437 rgba(22, 22, 22, 0.2);
}

.select__item {
  cursor: pointer;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #181818;
  padding-bottom: 10px;
  display: block;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.select__item:hover {
  color: #E06437;
}
.select__item:active {
  color: #181818;
  opacity: 0.2;
}

.select__item-input:checked + .select__item {
  color: #E06437;
}

.select__label-box {
  display: block;
  margin-bottom: 10px;
  border-bottom: 1px solid #D1D1D1;
}

.select__current {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #181818;
  padding-right: 15px;
  overflow: hidden;
  white-space: nowrap;
}

.select .select__item,
.select .select__current {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.accardion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.accardion__header {
  width: 100%;
  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;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 1.1667rem;
  line-height: 130%;
  text-align: left;
  text-transform: uppercase;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.accardion__header:hover {
  color: #E16437;
}
.accardion__header:active {
  color: rgba(24, 24, 24, 0.3);
}
.accardion__header:active .accardion__arrow path {
  stroke: rgba(24, 24, 24, 0.3);
}

.accardion__arrow path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.accardion__header.--active .accardion__arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accardion__label-box {
  display: block;
  margin-bottom: 10px;
}
.accardion__label-box:nth-last-child(1) {
  margin-bottom: 0;
}

.accardion__label-box-span {
  font-weight: 400;
  font-size: 21px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #181818;
  display: block;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.accardion__label-box-span:hover {
  color: #E16438;
}
.accardion__label-box-span:active {
  color: rgba(24, 24, 24, 0.3);
}

.accardion__label-box-input:checked + .accardion__label-box-span {
  color: #E16438;
}

.accardion__body-wrapp {
  padding-bottom: 25px;
  padding-left: 20px;
}

.card {
  max-width: 23%;
  margin-bottom: 30px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  padding: 25px 20px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card:hover {
  background: #DFE2E8;
}
.card:hover .card__header::before {
  background: #E06437;
}
.card:hover .card-price {
  color: #E06437;
}
.card:hover .card-price span {
  color: #E06437;
}

@media (max-width: 1500px) {
.card {max-width: 260px;}
}



.card-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #181818;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-transform: inherit;
}

.card__header {
  padding-bottom: 15px;
  margin-bottom: 30px;
  position: relative;
  isolation: isolate;
}
.card__header::after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #C9CBCE;
  z-index: -1;
}
.card__header::before {
  content: "";
  width: 80%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #5A6F86;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.card__box-img {
  /*
  margin: 0 auto 25px;*/
  margin: auto;
  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;
}
.card__box-img img {
  width: 100%;
  min-width: 253px;
  -o-object-fit: contain;
     object-fit: contain;
}

.card-row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: auto;
  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;
  padding-top: 25px;
}
.card-row .box__btn-arrow {
  margin-right: 0;
  margin-left: auto;
  padding-left: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: 3px;
}

.card-foto .card-row {
  padding-top: 0;
}

.card-price {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  text-align: right;
  letter-spacing: -0.02em;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.card-price-span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.card-foto {
  width: 220px;
  margin-right: 12px;
}
.card-foto .card__box-img {
  margin-top: 0;
  margin-bottom: 5px;
}
.card-foto .card__box-img img {
  width: 119px;
  max-height: 138px;
}
.card-foto .card-title {
  max-width: 170px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 27px;
  font-weight: 700;
  font-size: 0.8889rem;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #181818;
}
.card-foto .card-row {
  width: 100%;
}

@media (max-width: 1550px) {
  .examples__body {
    /*
    .card__box-img {
    	margin-bottom: 15px;
    }*/
  }
  .examples__body .card {
    max-width: 206px;
    margin-right: 0px;
    margin-bottom: 0;
  }
  .examples__body .card-title {
    font-size: 16px;
    line-height: 130%;
  }
  .examples__body .card__box-img {
    width: 127px;
    padding-top: 15px;
  }
  .examples__body .card__header {
    margin-bottom: 15px;
  }
  .examples__body .card-price {
    font-size: 22px;
    line-height: 130%;
  }
  .examples__body .card-price-span {
    font-size: 16px;
    line-height: 130%;
  }
  .examples__body .card-row {
    padding-top: 15px;
  }
  .examples__body .card-row svg {
    width: 8px;
    height: auto;
  }
  .examples__body .card-foto .card-row {
    padding-top: 0;
  }
  .examples__body .card-foto {
    max-width: 100%;
    width: 100%;
    font-size: 14px;
    line-height: 130%;
  }
  .examples__body .card-foto .card__box-img {
    width: 99px;
  }
  .examples__body .card-foto .card-title {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 130%;
  }
  .card-foto {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 1400px) {
  .card {
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 0;
  }
  .card-title {
    font-size: 16px;
    line-height: 130%;
  }
  .card__box-img img {
    width: 127px;
    max-height: 207px;
  }
  .card__header {
    margin-bottom: 15px;
  }
  .card__header .card-title {
    -webkit-line-clamp: 4;
  }
  /*

  .card__box-img {
  	margin-bottom: 15px;
  }*/
  .card-price {
    font-size: 22px;
    line-height: 130%;
  }
  .card-price-span {
    font-size: 16px;
    line-height: 130%;
  }
  .card-row {
    padding-top: 15px;
  }
  .card-row svg {
    width: 8px;
    height: auto;
  }
  .card-foto .card-row {
    padding-top: 0;
  }
  .card-foto .card__box-img img {
    width: 99px;
    max-height: 114px;
  }
  .card-foto .card-title {
    margin-bottom: 20px;
  }
  .card-row .box__btn-arrow {
    top: 0;
  }
  .card-foto .card-row {
    padding-top: 0;
  }
}
@media (max-width: 1040px) {
  .examples__body .card {
    max-width: 171px;
    padding: 12px;
  }
  .examples__body .card-title {
    font-size: 14px;
    line-height: 130%;
  }
  .examples__body .card-price {
    font-size: 20px;
    line-height: 130%;
    text-align: left;
  }
  .examples__body .card-price-span {
    font-size: 14px;
    line-height: 130%;
  }
  .examples__body .card-row {
    width: 100%;
  }
  .examples__body .card-row .box__btn-arrow svg {
    width: 7px;
  }
  .examples__body .card-foto .card__box-img {
    margin-bottom: 15px;
  }
  .examples__body .card-foto .card__box-img img {
    width: 85px;
    max-height: 98px;
  }
  .examples__body .card-foto .card-title {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 130%;
  }
  .examples__body .card-foto .card-price {
    text-align: right;
    padding-left: 25px;
    font-size: 20px;
    line-height: 130%;
  }
}
@media (max-width: 740px) {
  .examples__body .card-foto .card-price {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .card {
    padding: 18px 9px 12px 6px;width:47%;
  }
  .card-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    -webkit-line-clamp: 3;
  }
  .card__header {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 6px;
    margin-top: 3px;
  }
  .card__header .card-title {
    -webkit-line-clamp: 3;
  }
  .card__header::after, .card__header::before {
    bottom: auto;
    top: 0;
    height: 1px;
  }
  .card__header::before {
    width: 50%;
  }
  .card-price-span {
    display: block;
  }
  .card-row {
    position: relative;
    margin-left: 0;
    width: 100%;
    padding-top: 25px;
  }
  .card-row .box__btn-arrow {
    position: absolute;
    top: 10px;
    right: -3px;
  }
  .card-foto .card-row {
    padding-top: 0;
  }
  .card-price-span {
    text-align: left;
  }
  .card__box-img {
    /*
    		margin-bottom: 25px;
    */
  }
  .card__box-img img {
    width: 100%;
    max-height: auto;min-width:inherit;
  }
  .card-price {
    font-weight: 800;
    font-size: 14px;
    line-height: 84%;
  }
  .card-price-span {
    font-weight: 700;
    font-size: 12px;
    line-height: 84%;
    padding-bottom: 5px;
  }
  .card-foto .card-title {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
    text-transform: inherit;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
  }
  .card-foto .card__box-img {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
  }
  .card-foto .card__box-img img {
    width: 100%;
    max-height: auto;
  }
  .card-foto .box__btn-arrow {
    position: relative;
    top: 1px;
    right: -5px;
  }
  .card-foto .card-price {
    padding: 0;
  }
  .card-row .box__btn-arrow svg {
    height: auto;
    width: 7px;
  }
}
@media (max-width: 572px) {
  .card__box-img img {
    width: 90%;
    max-height: auto;
  }
  .examples__body .card {
    padding: 18px 9px 12px 6px;
  }
  .examples__body .card-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-transform: inherit;
  }
  .examples__body .card__header {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 6px;
    margin-top: 3px;
  }
  .examples__body .card__header::after, .examples__body .card__header::before {
    bottom: auto;
    top: 0;
    height: 1px;
  }
  .examples__body .card__header::before {
    width: 50%;
  }
  .examples__body .card-price-span {
    display: block;
  }
  .examples__body .card-row {
    position: relative;
    padding-top: 25px;
  }
  .examples__body .card-row .box__btn-arrow {
    position: absolute;
    top: 10px;
    right: -3px;
  }
  .examples__body .card-foto .card-row {
    padding-top: 0;
  }
  .examples__body .card__box-img {
    width: 90%;
    max-height: auto;
    /*
    margin-bottom: 25px;*/
  }
  .examples__body .card-price {
    font-weight: 800;
    font-size: 14px;
    line-height: 84%;
  }
  .examples__body .card-price-span {
    font-weight: 700;
    font-size: 12px;
    line-height: 84%;
    padding-bottom: 5px;
  }
  .examples__body .card-foto .card-title {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
    text-transform: inherit;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
  }
  .examples__body .card-foto .card__box-img {
    width: 90%;
    max-height: auto;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
  }
  .examples__body .card-foto .box__btn-arrow {
    position: relative;
    top: 1px;
    right: -5px;
  }
  .examples__body .card-foto .card-price {
    padding: 0;
    font-size: 14px;
    line-height: 130%;
  }
}
.bread__list-title {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  color: rgba(24, 24, 24, 0.3);
}

.bread__list-link {
  color: #E16438;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.bread__list-link:hover {
  opacity: 0.5;
}
.bread__list-link:active {
  color: rgba(24, 24, 24, 0.3);
}
.bread__list-link:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.bread__list-inner + .bread__list-inner::before {
  content: "/";
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  color: #181818;
  color: #E16438;
  padding-left: 4px;
  padding-right: 2px;
}

.bread__list-inner {
  display: inline-block;
}

.bread__padding {
  padding-top: 38px;
  padding-bottom: 38px;
}

.bread__padding-catalog {
  padding-bottom: 28px;
}

.bread__padding-universal {
  padding-bottom: 30px;
}

.bread__universal-list {
  max-width: 1557px;
  margin-left: auto;
  margin-right: 0;
}

.bread__padding-news {
  padding-bottom: 25px;
}

.bread__news-list {
  max-width: 1602px;
  margin-left: auto;
  margin-right: 0;
}

.bread__company-list {
  max-width: 1570px;
  margin-left: auto;
  margin-right: 0;
}

.bread__list-payment {
  max-width: 1565px;
  margin-left: auto;
  margin-right: 0;
}

.bread__padding-payment {
  padding-bottom: 30px;
}

.bread__padding-services {
  padding-bottom: 30px;
}

.bread__list-services {
  max-width: 1565px;
  margin-left: auto;
  margin-right: 0;
}

.bread__list-inner--white {
  color: #FFFFFF;
  opacity: 0.3;
}

.bread__padding-contact .bread__list-inner {
  color: rgba(255, 255, 255, 0.3);
}

.bread__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.bread__list-inner {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.bread__list-title.bread__list-inner {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 65%;
}

@media (max-width: 1720px) {
  .bread__padding-universal,
  .bread__padding-news,
  .bread__padding-payment {
    padding-left: 130px;
  }
  .bread__padding-services {
    padding-top: 30px;
    padding-left: 105px;
  }
}
@media (max-width: 1400px) {
  .bread__list {
    padding-left: 20px;
  }
  .bread__list-title {
    font-size: 16px;
    line-height: 130%;
  }
  .bread__padding-catalog {
    padding-bottom: 18px;
  }
  .bread__padding-universal,
  .bread__padding-news,
  .bread__padding-payment {
    padding-left: 105px;
    padding-bottom: 17px;
    padding-bottom: 22px;
  }
}
@media (max-width: 992px) {
  .bread__list-title {
    font-size: 14px;
    line-height: 130%;
  }
  .bread__padding-catalog {
    padding-bottom: 13px;
    padding-top: 28px;
  }
  .bread__list--product {
    padding-left: 0;
  }
  .bread__padding-productn {
    padding-bottom: 7px;
    padding-top: 33px;
  }
  .bread__contact-list {
    padding-left: 0;
  }
  .bread__padding-contact {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .bread__padding-universal,
  .bread__padding-news,
  .bread__padding-payment {
    padding-left: 67px;
    padding-top: 33px;
    padding-bottom: 10px;
  }
  .bread__padding-services {
    padding-top: 33px;
    padding-left: 65px;
    padding-bottom: 33px;
  }
}
@media (max-width: 760px) {
  .bread__list-title {
    font-size: 12px;
    line-height: 130%;
  }
  .bread__padding {
    padding-bottom: 10px;
    padding-left: 54px;
    padding-top: 20px;
  }
  .bread__contact-list {
    padding-left: 0;
  }
  .bread__padding-contact {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
  .bread__padding-catalog.bread__padding-productn {
    padding-bottom: 19px;
    padding-left: 39px;
    padding-top: 23px;
  }
  .bread__padding-universal,
  .bread__padding-news,
  .bread__padding-payment {
    padding-left: 0;
    padding-top: 23px;
    padding-bottom: 7px;
  }
  .bread__padding {
    padding-bottom: 17px;
    padding-left: 2px;
    padding-top: 37px;
  }
  .bread__padding-catalog {
    padding-left: 54px;
  }
  .bread__padding-contact {
    padding-left: 20px;
  }
}
.footer {
  position: relative;
  isolation: isolate;
}
.footer::after {
  content: "";
  width: 100%;
  height: 83%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #0E0E0E;
  z-index: -2;
}

.footer__copyright-title {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}

.footer__copyright-link {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}

.footer__copyright-link-2 {
  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;
}
.footer__copyright-link-2 svg {
  margin-left: 30px;
}
.footer__copyright-link-2:hover path {
  fill: #E16437;
}

.footer__copyright-link-1 {
  font-family: "Montserrat";
}

.footer__list-inner {
  margin-bottom: 12px;
}

.footer__list-link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  text-transform: uppercase;
}

.footer__adress-inner {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 25px;
}
.footer__adress-inner svg {
  margin-right: 15px;
}

.footer__adress-link {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.footer__adress-link svg {
  margin-right: 10px;
}
.footer__adress-link:hover path {
  fill: #E16437;
}

.footer__form-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 30px;
}
.footer__form-title span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  color: inherit;
}

.footer__form-title-span {
  display: block;
}

.footer__modal-text {
  font-weight: 450;
  font-size: 1rem;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  opacity: 0.8;
}

.footer__form-input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  overflow: none;
  border-radius: 0;
  padding: 0;
  display: block;
  font-weight: 450;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin-bottom: 25px;
}
.footer__form-input::-webkit-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.footer__form-input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.footer__form-input:-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.footer__form-input::-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.footer__form-input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.footer__form-input-2 {
  margin-bottom: 15px;
}

.footer__form-label-text {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  padding-left: 37px;
  position: relative;
  display: block;
  margin-bottom: 28px;
}
.footer__form-label-text::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}

.footer__form-chekded:checked + .footer__form-label-text::after {
  content: url("../../img/icons/checked-white.svg");
  border: 2px solid transparent;
}

.footer__wrapp {
  max-width: 1640px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 55px;
}

.footer__coll-1 {
  width: 445px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.footer__copyright {
  margin-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: 0;
  max-width: 1600px;
  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;
}

.footer__wrapp-coll {
  padding-top: 55px;
}

.footer__wrapp-coll {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 255px 1fr 1fr;
  grid-template-columns: 255px 1fr 1fr;
}

.footer__coll-3 {
  width: 515px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.footer__coll-3::after {
  content: "";
  position: absolute;
  left: 0;
  top: -66px;
  background: url("../../img/icons/footer-back.svg") no-repeat center center;
  z-index: -1;
  width: 515.88px;
  height: 486.91px;
}

.footer__coll-2 {
  padding-left: 40px;
}

.footer__form {
  width: 255px;
}

.footer__form-btn {
  width: 100%;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
}

.footer__modal {
  width: 315px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 85px;
  margin-left: auto;
  margin-right: auto;
}

.footer__modal-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 47px;
  height: 47px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 15px;
}

.footer__modal-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.modal-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -33333333333;
  opacity: 0;
  padding: 80px 0;
}

.modal-background.--active {
  opacity: 1;
  z-index: 11115;
}
.modal-background.--active .modal__container {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

.modal__container {
  -webkit-transform: translateX(-400%);
      -ms-transform: translateX(-400%);
          transform: translateX(-400%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 325px auto;
  grid-template-columns: 325px auto;
  gap: 20px;
}

.modal__top-slaider {
  height: 325px;
  margin-bottom: 10px;
}

.modal__bottom-slaider {
  height: 74px;
}

.modal-btn {
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
  position: absolute;
  right: 24px;
  top: 29px;
}

.modal__container {
  max-width: 1010px;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 30px;
  position: relative;
}
.modal__container .modal__list-inner {
  padding-bottom: 0;
}
.modal__container .modal__list-inner::before {
  content: "";
}

.modal__body-title {
  width: 85%;
  font-weight: 700;
  font-size: 1.7778rem;
  line-height: 130%;
  color: #181818;
  margin-bottom: 15px;
}

.modal__body-text {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  color: #1E1F24;
  margin-bottom: 20px;
}

.modal__list-inner {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  color: #1E1F24;
  margin-bottom: 10px;
}
.modal__list-inner:nth-last-child(1) {
  margin-bottom: 0;
}

.modal__slaider-counter {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-align: center;
  color: rgba(30, 31, 36, 0.5);
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal__counter-num {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  color: inherit;
  padding-left: 5px;
}

.modal__top-slaider,
.modal__bottom-slaider {
  overflow: hidden;
}

.modal__top-slide img,
.modal__bottom-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal__slaider-progressbar {
  height: 2px;
  background: rgba(174, 164, 175, 0.1);
  display: none;
}
.modal__slaider-progressbar .swiper-pagination-progressbar-fill {
  background: #E06437;
}

@media (max-width: 1400px) {
  .modal__body-title {
    font-size: 32px;
    line-height: 130%;
  }
  .modal__body-text {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__container .modal__list-inner {
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width: 992px) {
  .modal__container {
    max-width: 664px;
    padding: 20px;
    border-radius: 10px;
    -ms-grid-columns: 253px auto;
    grid-template-columns: 253px auto;
  }
  .modal__container .modal__list-inner {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__body-title {
    width: 90%;
    font-size: 28px;
    line-height: 130%;
  }
  .modal-btn {
    width: 24px;
    height: 24px;
    right: 28px;
    top: 16px;
  }
  .modal__body-text {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .modal__container .modal__list-inner {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .modal__top-slaider {
    height: auto;
  }
  .modal__top-slaider img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .modal__bottom-slide img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 740px) {
  .modal__bottom-slaider {
    display: none;
  }
  .modal__container {
    width: 294px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .modal__body-title {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .modal-btn {
    right: 12px;
    top: 15px;
  }
  .modal-btn svg {
    width: 17px;
    height: 17px;
  }
  .modal__body-text {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .modal__container .modal__list-inner {
    font-size: 12px;
    line-height: 130%;
  }
  .modal__header {
    margin-top: 20px;
    margin-right: 35px;
    margin-left: 35px;
  }
  .modal__slaider-progressbar {
    display: block;
    margin-bottom: 5px;
  }
}
.modal-form {
  margin: auto;
  position: relative;
}

.modal-form-background::after {
  content: "";
  width: 567.32px;
  height: 470.88px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-54%);
      -ms-transform: translateX(-54%);
          transform: translateX(-54%);
  top: -66px;
  background: url("../../img/icons/modal-back.svg") no-repeat center center/contain;
  z-index: -1;
}

.modal__form-confirmation {
  padding-top: 0;
  margin: auto;
  position: relative;
}

.modal__form-confirmation.modal-form-background::after {
  left: 50%;
  -webkit-transform: translate(-54%, -50%);
      -ms-transform: translate(-54%, -50%);
          transform: translate(-54%, -50%);
  top: 50%;
}

.footer__modal.modal__form-confirmation {
  padding-top: 0;
}

.modal-form-input-2 {
  margin-bottom: 22px;
}

.modal-form-label-text {
  margin-bottom: 20px;
}

@media (max-width: 1400px) {
  .footer__form.modal-form {
    padding-top: 0;
  }
  .modal-form-background::after {
    top: -82px;
  }
}
@media (max-width: 992px) {
  .modal-form-background::after {
    top: -90px;
    width: 508.32px;
    height: 468.88px;
  }
}
.modal__info {
  width: 605px;
  margin: auto;
  margin-top: 0;
  padding: 30px;
  border-radius: 15px;
  position: relative;
}

.modal__info-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.modal__info-logo img {
  width: 110px;
  height: 28px;
}

.modal__info-background {
  background: url("../../img/icons/modal-background.svg") no-repeat left 0 top 0, #FFFFFF;
  border-radius: 15px;
}

.modal--confirmation-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 35px;
}
.modal--confirmation-row img {
  width: 39px;
  height: 39px;
  margin-right: 18px;
}

.modal--confirmation-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
}

.modal__info-logo.modal--confirmation-logo {
  margin-bottom: 33px;
}

.modal__info-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #E06437;
  text-align: center;
  display: block;
  padding-bottom: 5px;
}

.modal__info-body {
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 20px;
}

.modal__info-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #181818;
  text-align: center;
  padding-bottom: 20px;
}
.modal__info-title span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.modal__info-list {
  counter-reset: myCounter;
}

.modal__list-inner {
  list-style: none;
  border-bottom: 1px solid rgba(24, 24, 24, 0.1);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.modal__list-inner .product__info-size {
  margin-right: 10px;
}
.modal__list-inner:nth-last-child(1) {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.modal__list-inner::before {
  counter-increment: myCounter;
  content: counter(myCounter) ".";
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.02em;
  display: inline-block;
  float: left;
  padding-right: 5px;
  padding-left: 7px;
}

.modal__info-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;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(224, 100, 55, 0.1);
}

.modal__info-row-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #E06437;
}

.modal__info-row-price {
  font-weight: 700;
  font-size: 28px;
  line-height: 130%;
  text-align: right;
  letter-spacing: -0.02em;
  color: #181818;
}

.modal__info-subtitle {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 20px;
}

.modal__input-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #978D98;
  margin-bottom: 10px;
}

.modal__info-input {
  resize: none;
  width: 100%;
  height: 41px;
  padding: 8px 18px;
  background: #F5F7FB;
  border-radius: 10px;
  border: 1px solid transparent;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  outline: none;
  margin-bottom: 10px;
}
.modal__info-input::-webkit-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #181818;
  opacity: 0.3;
}
.modal__info-input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #181818;
  opacity: 0.3;
}
.modal__info-input:-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #181818;
  opacity: 0.3;
}
.modal__info-input::-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #181818;
  opacity: 0.3;
}
.modal__info-input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #181818;
  opacity: 0.3;
}
.modal__info-input:hover {
  border: 1px solid transparent;
}

.modal__info-checked:checked + .modal__info-label-text {
  color: #181818;
}
.modal__info-checked:checked + .modal__info-label-text::after {
  content: url("../../img/icons/checked-black.svg");
}

.modal__info-label-text {
  color: #181818;
  margin-bottom: 30px;
}
.modal__info-label-text::after {
  border: 2px solid #181818;
}

.modal__info-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 15px;
}
.modal__info-message img {
  width: 24px;
  height: 24px;
}
.modal__info-message:nth-child(2) {
  margin-right: 0;
}

.modal__info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 30px;
}

.modal__info-file-span {
  font-weight: 700;
  font-size: 21px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #181818;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  cursor: pointer;
}
.modal__info-file-span svg {
  margin-right: 15px;
}

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

.modal__info-header {
  margin-top: 30px;
  margin-bottom: 15px;
}

.modal__info-btn {
  font-size: 18px;
  line-height: 130%;
  min-width: 256px;
  min-height: 45px;
}

@media (max-width: 1400px) {
  .modal__info-text {
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 2px;
  }
  .modal__info-title {
    font-size: 21px;
    line-height: 130%;
  }
  .modal__info-body {
    padding: 25px;
    padding-left: 40px;
  }
  .modal__list-inner::before {
    font-size: 16px;
    line-height: 130%;
    padding-right: 4px;
    padding-left: 4px;
  }
  .modal__info-row-title {
    font-size: 22px;
    line-height: 130%;
  }
  .modal__info-row {
    padding-bottom: 13px;
    margin-bottom: 14px;
  }
  .modal__info-subtitle {
    margin-bottom: 12px;
  }
  .modal__info-input {
    font-size: 16px;
    line-height: 130%;
    height: 35px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 5px;
  }
  .modal__info-label-text {
    margin-bottom: 30px;
    margin-top: 5px;
  }
  .modal__info-btn {
    font-size: 16px;
    line-height: 130%;
    min-width: 211px;
    min-height: 41px;
  }
  .modal__info-file-span {
    font-size: 18px;
    line-height: 130%;
  }
  .modal__info-file-span svg {
    width: 21px;
    height: 21px;
  }
  .modal__info-box {
    margin-right: auto;
    margin-left: 40px;
  }
  .modal__info-message img {
    width: 22px;
    height: 22px;
  }
  .modal__info {
    width: 595px;
    padding: 25px;
  }
  .modal__info-close {
    right: 18px;
    top: 24px;
  }
  .modal__info-close svg {
    width: 22px;
    height: 22px;
  }
  .modal__info-logo img {
    width: 75px;
    height: 19px;
  }
  .modal--confirmation-row {
    padding-right: 25px;
    margin-bottom: 0;
  }
  .modal--confirmation-row img {
    width: 37px;
    height: 37px;
    margin-right: 15px;
  }
  .modal--confirmation-text {
    font-size: 21px;
    line-height: 130%;
  }
}
@media (max-width: 992px) {
  .modal__info-text {
    font-size: 14px;
    line-height: 130%;
  }
  .modal__info-header {
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .modal__info-body {
    padding: 20px;
  }
  .modal__info-title {
    font-size: 18px;
    line-height: 130%;
  }
  .modal__list-inner .product__info-name {
    padding-bottom: 5px;
  }
  .modal__list-inner::before {
    font-size: 14px;
    line-height: 130%;
  }
  .modal__info-row-title {
    font-size: 22px;
    line-height: 130%;
  }
  .modal__info-row-price {
    font-size: 26px;
    line-height: 130%;
  }
  .modal__info-subtitle {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__info-row {
    padding-bottom: 14px;
    margin-bottom: 15px;
  }
  .modal__input-name {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 5px;
  }
  .modal__info-input {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .modal__info-file-span {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__info-file-span svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
  .modal__info-btn {
    min-width: 187px;
    min-height: 34px;
    font-size: 14px;
    line-height: 130%;
  }
  .modal__info-message img {
    width: 20px;
    height: 20px;
  }
  .modal__info-box {
    margin-right: auto;
    margin-left: 35px;
  }
  .modal__info-subtitle {
    margin-bottom: 15px;
  }
  .modal__info {
    width: 497px;
    padding: 20px;
  }
  .modal__info-logo {
    padding-right: 30px;
  }
  .modal__info-logo img {
    width: 58px;
    height: 17px;
  }
  .modal__info-close {
    right: 14px;
    top: 19px;
  }
  .modal__info-close svg {
    width: 20px;
    height: 20px;
  }
  .modal--confirmation-row {
    margin-right: 27px;
  }
  .modal--confirmation-row img {
    width: 27px;
    height: 27px;
    margin-right: 12px;
  }
  .modal--confirmation-text {
    font-size: 18px;
    line-height: 130%;
  }
  .modal__info-background {
    background: url("../../img/icons/modal-background-2.svg") no-repeat left 0 top 0, #FFFFFF;
  }
}
@media (max-width: 740px) {
  .modal__info-header {
    margin-top: 20px;
  }
  .modal__info-body {
    padding: 15px;
    margin-bottom: 10px;
  }
  .modal__info-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .modal__info-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin-bottom: 10px;
  }
  .footer__form-chekded.modal__info-checked:checked + .modal__info-label-text::after {
    content: "";
    border: 2px solid transparent;
    width: 20px;
    height: 20px;
    background: url("../../img/icons/checked-black.svg") no-repeat center center/contain;
  }
  .modal__info-label-text {
    margin-bottom: 25px !important;
  }
  .modal__info-file-span {
    font-size: 16px;
    line-height: 130%;
    margin-right: 10px;
  }
  .modal__info-message img {
    width: 20px;
    height: 20px;
  }
  .modal__info-box {
    margin-right: 0;
    margin-left: auto;
  }
  .modal__info-btn {
    width: 100%;
    font-size: 14px;
    line-height: 130%;
  }
  .modal__info-title {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__info-title span {
    display: block;
  }
  .modal__list-inner {
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  .modal__list-inner .product__info-size {
    width: 64%;
  }
  .modal__list-inner .product__info-row {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .modal__info-row-title {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__info-row-price {
    font-size: 18px;
    line-height: 130%;
  }
  .modal__info-body {
    margin-bottom: 5px;
  }
  .modal__info-row {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .modal__info-subtitle {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .modal__input-name {
    margin-bottom: 5px;
  }
  .modal__info-input--name {
    height: 77px;
  }
  .modal__info-text {
    font-size: 12px;
    line-height: 130%;
  }
  .modal__info-text:nth-child(2) {
    display: none;
  }
  .modal__info {
    width: 280px;
  }
  .modal__info.modal--confirmation {
    height: 261px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal__info-background {
    background: url("../../img/icons/modal-background-3.svg") no-repeat left 0 top 10px, #FFFFFF;
  }
  .modal__info-logo.modal--confirmation-logo {
    margin-bottom: 0;
  }
  .modal--confirmation-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 0;
    margin-right: 0;
    margin-top: auto;
    margin-bottom: auto;
  }
  .modal--confirmation-row img {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
/* правки 15.02.2024*/
.no-webp .modal-review-form{
  background: url("../../img/star/stone.png") no-repeat center right 30px, #F5F7FB; }
.modal-review-form {
  display: block;
  width: 677px;
  border-radius: 20px;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  padding: 30px;
  isolation: isolate;
}
@media (max-width: 1680px) {
  .no-webp .modal-review-form{
    background: url("../../img/star/stone.png") no-repeat center right 30px/130px 200px, #F5F7FB; }
  .modal-review-form {
    width: 590px;
    border-radius: 15px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .no-webp .modal-review-form{
    background: url("../../img/star/stone.png") no-repeat center center/100px 160px, #F5F7FB; }
  .modal-review-form {
    width: 280px;
    padding: 20px 15px;
  }
}

.moda__reivew-title {
  display: block;
  padding-bottom: 10px;
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.32px;
}
@media (max-width: 1680px) {
  .moda__reivew-title {
    font-size: 14px;
  }
}

.modal__reive-input {
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1680px) {
  .modal__reive-input {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .modal__reive-input {
    font-size: 14px;
  }
}

.modal__reivew-textarea {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  resize: none;
  height: 150px;
  border: none;
  padding: 9px 18px;
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  margin-bottom: 30px;
  outline: none;
}
@media (max-width: 1680px) {
  .modal__reivew-textarea {
    padding: 7px 14px;
    font-size: 16px;
    height: 120px;
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .modal__reivew-textarea {
    padding: 8px 12px;
    font-size: 14px;
    height: 150px;
    margin-bottom: 15px;
  }
}
.modal__reivew-textarea::-webkit-input-placeholder {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  opacity: 0.3;
}
.modal__reivew-textarea::-moz-placeholder {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  opacity: 0.3;
}
.modal__reivew-textarea:-ms-input-placeholder {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  opacity: 0.3;
}
.modal__reivew-textarea::-ms-input-placeholder {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  opacity: 0.3;
}
.modal__reivew-textarea::placeholder {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.36px;
  opacity: 0.3;
}
@media (max-width: 1680px) {
  .modal__reivew-textarea::-webkit-input-placeholder {
    font-size: 16px;
  }
  .modal__reivew-textarea::-moz-placeholder {
    font-size: 16px;
  }
  .modal__reivew-textarea:-ms-input-placeholder {
    font-size: 16px;
  }
  .modal__reivew-textarea::-ms-input-placeholder {
    font-size: 16px;
  }
  .modal__reivew-textarea::placeholder {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .modal__reivew-textarea::-webkit-input-placeholder {
    font-size: 14px;
  }
  .modal__reivew-textarea::-moz-placeholder {
    font-size: 14px;
  }
  .modal__reivew-textarea:-ms-input-placeholder {
    font-size: 14px;
  }
  .modal__reivew-textarea::-ms-input-placeholder {
    font-size: 14px;
  }
  .modal__reivew-textarea::placeholder {
    font-size: 14px;
  }
}

.modal__counter {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.32px;
}
@media (max-width: 1680px) {
  .modal__counter {
    font-size: 14px;
  }
}

.modal__review-textarea-title {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.32px;
}
@media (max-width: 1680px) {
  .modal__review-textarea-title {
    font-size: 14px;
  }
}

.modal__reivew-textarea-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 10px;
}

.modal__review-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding-bottom: 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 767px) {
  .modal__review-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 15px;
    padding-bottom: 15px;
  }
}

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

.modal_reivew-label-text {
  width: auto;
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}
@media (max-width: 1680px) {
  .modal_reivew-label-text {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 1400px) {
  .modal_reivew-label-text {
    width: auto !important;
  }
}
@media (max-width: 767px) {
  .modal_reivew-label-text {
    padding-right: 10px;
  }
}
@media (max-width: 767px) and (max-width: 1680px) {
  .modal_reivew-label-text {
    margin-bottom: 15px !important;
  }
}
.modal_reivew-label-text::after {
  top: 4px;
}
@media (max-width: 998px) {
  .modal_reivew-label-text::after {
    top: 9px;
  }
}

@media (max-width: 998px) {
  .modal__info-checked:checked + .footer__form-label-text.modal__info-label-text::after {
    background: url("../../img/icons/checked-black.svg") no-repeat center center/contain;
  }
}
.modal__review-title {
  text-align: center;
  color: var(--181818, #181818);
  font-family: "avenirnextcyr";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.48px;
  padding-bottom: 30px;
}
@media (max-width: 1680px) {
  .modal__review-title {
    font-size: 21px;
    padding-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .modal__review-title {
    padding-bottom: 15px;
    font-size: 16px;
  }
}

.modal__reivew-btn {
  margin-left: auto;
  margin-right: auto;
  width: 245px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 992px) {
  .modal__reivew-btn {
    font-size: 14px;
    width: 180px;
  }
}

.modal-review-close {
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  padding: 0;
}
.modal-review-close svg,
.modal-review-close img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1680px) {
  .modal-review-close {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 767px) {
  .modal-review-close {
    width: 18px;
    height: 18px;
    top: 10px;
    right: 10px;
  }
}

.modal-ok {
  display: block;
  padding: 30px;
  border-radius: 20px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  width: 426px;
}
@media (max-width: 1680px) {
  .modal-ok {
    padding: 20px;
    width: 366px;
    border-radius: 15px;
  }
}
@media (max-width: 767px) {
  .modal-ok {
    width: 280px;
  }
}

.modal-ok-svg {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 20px;
  width: 90px;
  height: 90px;
}
@media (max-width: 1680px) {
  .modal-ok-svg {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .modal-ok-svg {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }
}

.modal-ok-text {
  text-align: center;
  color: #1E1F24;
  text-align: center;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 1680px) {
  .modal-ok-text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .modal-ok-text {
    font-size: 14px;
  }
}

/*modal-text*/
.modal-text-container {
  border-radius: 15px;
  background: #FFF;
  padding: 40px;
  width: 1395px;
}
@media (max-width: 1540px) {
  .modal-text-container {
    width: 1010px;
    padding: 30px;
    border-radius: 12px;
  }
}
@media (max-width: 1100px) {
  .modal-text-container {
    width: 664px;
    padding: 20px;
    border-radius: 10px;
  }
}
@media (max-width: 770px) {
  .modal-text-container {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    margin-right: 15px;
    margin-left: 15px;
  }
}

.modal__text-list-inner {
  padding-bottom: 40px;
}
.modal__text-list-inner:nth-last-child(1) {
  padding-bottom: 0;
}
@media (max-width: 1680px) {
  .modal__text-list-inner {
    padding-bottom: 30px;
  }
}

.modal__text-title {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 1680px) {
  .modal__text-title {
    font-size: 32px;
  }
}
@media (max-width: 992px) {
  .modal__text-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .modal__text-title {
    font-size: 18px;
  }
}

.modal__text-subinner {
  padding-top: 15px;
}

.modal__text-subinner,
.modal__text-subinner p {
  color: #1E1F24;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 1680px) {
  .modal__text-subinner,
  .modal__text-subinner p {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .modal__text-subinner,
  .modal__text-subinner p {
    font-size: 14px;
  }
}

/*-index-*/
.home {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

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

.screen {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  position: relative;
}

.screen__content {
  width: 100vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: calc(var(--index) * 2);
  overflow: hidden;
}

.screen-img {
  width: 55vw;
  height: 55vw;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.home__scroll {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.home__drag-scroll {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  cursor: pointer;
  background: rgba(224, 100, 55, 0.5);
}

.home__right-box-2 {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
}
.home__right-box-2 .arrow {
  display: inline-block;
  height: auto;
}

.home__message-right-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2vh;
}
.home__message-right-link:nth-child(2) {
  margin-bottom: 0;
}

.home__right-message--arrow {
  width: 24px;
  /*width: 1vw;*/
}
.home__right-message--arrow img {
  height: auto;
  width: 24px;
  /*
  width: 1vw;*/
  display: inline-block;
}

.home__message-right-img {
  width: 24px;
  height: 24px;
  /*width: 1.2vw;
  height: 1.2vw;*/
  -o-object-fit: contain;
     object-fit: contain;
}

.home__right-message-box {
  margin-top: 2vh;
  margin-bottom: 2vh;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.home__left-panel {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 3;
}

.home__right-panel {
  position: relative;
  z-index: 3;
}

.home-btn-nex {
  margin-top: auto;
  margin-bottom: 7.5vh;
  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;
  font-weight: 700;
  /*
  font-size: 16px;*/
  font-size: calc(var(--index) * 0.9);
  line-height: 130%;
  background: none;
  cursor: pointer;
  border: none;
  outline: none;
}
.home-btn-nex .box__btn-arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 1vw;
}
.home-btn-nex::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: -1vw;
  height: 1px;
  width: 30vw;
  background: #fff;
}

@media (max-width: 740px) {
  .home__wrapper {
    height: auto;
  }
  .screen {
    overflow: visible;
  }
  .screen__content {
    width: 100%;
    overflow: visible;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .home__scroll {
    display: none;
  }
  .home {
    position: static;
    height: auto;
  }
}
.home__message-status {
  position: absolute;
  opacity: 0;
  z-index: -333;
  right: -100px;
  top: 0;
  height: 100vh;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.home__message-status.--active {
  z-index: 2;
  opacity: 1;
  right: 0;
}

.home__message--visible .screen__content {
  padding-right: 50px;
}
@media (max-width: 740px) {
  .home__message--visible .screen__content {
    padding-right: 20px;
  }
}

.home-admiration {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media (max-width: 740px) {
  .home-admiration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.home__nav-footer-mob {
  display: none;
}

.home__box-img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 80vh;
  width: auto;
}

.home__right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 0.5vw;
  padding-right: 0.8vw;
}

.home__right-panel-start {
  margin-right: 2vw;
  position: relative;
}
.home__right-panel-start::after {
  content: "";
  width: 1px;
  height: 200%;
  position: absolute;
  right: -1vw;
  bottom: 0;
  background: #FFFFFF;
  opacity: 0.5;
}

.home__right-link {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-weight: 400;
  /*font-size: calc(var(--index)*.9);*/
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: calc(var(--index) * 7);
  position: relative;
}
.home__right-link:nth-last-child(1) {
  margin-bottom: 0;
}
.home__right-link::after {
  content: "";
  width: 3px;
  height: 100%;
  background: #E06437;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -0.9vw;
  opacity: 0;
}
.home__right-link:hover::after, .home__right-link:active::after {
  opacity: 1;
}

.home__right-link + .home__right-link {
  margin-top: 20px;
}

.home-start-1 {
  left: 6vw;
}

.home-start-2 {
  left: 6vw;
}

.home-start-3 {
  width: 35vw;
  height: 35vw;
  left: 16vw;
  top: 50%;
}

.home-start {
  padding-left: 9.8vw;
}

.home__list-link {
  /*font-size: calc(var(--index)*1.28);*/
  font-size: 24px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.6;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.home__list-link:hover, .home__list-link:active {
  color: #E06437;
  opacity: 1;
}

.home-title {
  width: 30vw;
  font-weight: 800;
  /*font-size: calc(var(--index)*3);*/
  font-size: 60px;
  line-height: 118%;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 2vh;
}

.home-text {
  font-weight: 700;
  /*font-size: calc(var(--index)*1.6);*/
  font-size: 30px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
}

.home-text.--color {
  color: #E06437;
}

.home__list-link--padding-1 {
  padding-left: 7.5vw;
}

.home__list-link--padding-2 {
  padding-left: 4.7vw;
}

.home__list-link--padding-5 {
  padding-left: 3.2vw;
}

.home__list-link--padding-6 {
  padding-left: 7.5vw;
}

.home__box-title--wrapp {
  width: 45vw;
}

.home__box-img--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.home__nav {
  height: 95%;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home__list {
  padding-top: 8vh;
  padding-bottom: 6vh;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.svg-opacity-0 {
  opacity: 0;
}

@media (max-width: 1680px) {
  .home-title {
    font-size: 45px;
  }
  .home-text {
    font-size: 25px;
  }
  .home__list-link {
    font-size: 20px;
  }
  .home__right-link {
    font-size: 16px;
  }
}
@media (max-width: 1400px) {
  .home__box-img {
    height: 75vh;
  }
  .home-title {
    font-size: 27px;
  }
  .home__list-link {
    font-size: 14px;
  }
  .home-text {
    font-size: 16px;
  }
  .home__right-link {
    font-size: 12px;
  }
  .home__list {
    height: 95%;
  }
}
@media (max-width: 740px) {
  .home-company .home-company-left-panel,
  .home-admiration .home-company-left-panel {
    display: none;
  }
  .home__right-message {
    display: none;
  }
  .home__box-img--container {
    display: none;
  }
  .home__box-img {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .home__right-panel {
    left: 0;
    opacity: 1;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .home__list-link--padding-1,
  .home__list-link--padding-2,
  .home__list-link--padding-3,
  .home__list-link--padding-4,
  .home__list-link--padding-5,
  .home__list-link--padding-6,
  .home-title,
  .home-text {
    left: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 1;
  }
  .home-start-1,
  .home-start-2,
  .home-start-3,
  .home-company-screen-1,
  .home-company-screen-2 {
    opacity: 1;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .home__container-img--line {
    display: none;
  }
  .home__page-start {
    display: none;
  }
  .home__right-panel {
    display: none;
  }
  .header__menu-box--home {
    display: block;
  }
  .header__menu-box--home .header__search-open {
    display: none;
  }
  .menu-btn-open span {
    display: none;
  }
  .header__menu-box--home::after {
    background: none;
  }
  .logo::after {
    content: "";
  }
  .header__tell span {
    display: none;
  }
  .header__box--home::after {
    background: none;
  }
  .header__tell-img {
    display: block;
  }
  .home__list {
    padding-left: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
    padding-bottom: 50px;
    position: static;
  }
  .home-start {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    padding-bottom: 55px;
  }
  .home__list-header {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  .home__box-title--wrapp {
    width: 100%;
  }
  .home__list-link--padding-2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  .home__list-link--padding-4 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .home__list-link--padding-5 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    padding-left: 0;
  }
  .home__list-link--padding-6 {
    padding-left: 0;
  }
  .home__list {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .home__left-panel {
    display: block;
  }
  .home__left-panel {
    position: relative;
    padding-bottom: 40px;
  }
  .home__left-panel::after {
    content: "";
    width: 130%;
    height: 100%;
    position: absolute;
    right: -20px;
    top: 0;
    background: url("../../img/home/fon.svg") no-repeat right 50% top 0/cover;
    opacity: 0.8;
    z-index: -2;
  }
  .home__left-panel::before {
    content: "";
    width: 167px;
    height: 405px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
    opacity: 0.4;
    background: url("../../img/home/statue.svg") no-repeat center center/contain;
  }
  .home__nav-footer-link {
    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;
  }
  .home__nav-footer-link:nth-child(1) {
    margin-top: 5px;
    margin-right: 10px;
  }
  .home__nav-footer-link:nth-child(2) {
    margin-top: 5px;
    position: relative;
    right: -15px;
    top: -5px;
  }
  .home__nav-footer-link img {
    width: 30px;
    height: 30px;
  }
  .home__nav-footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .home__box-title {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .home-title {
    width: 50%;
    font-size: 18px;
    line-height: 130%;
    padding-bottom: 0px;
    margin-bottom: 0;
  }
  .home-text {
    font-size: 16px;
    line-height: 117.5%;
    text-transform: inherit;
  }
  .home__list-link {
    font-size: 16px;
    line-height: 130%;
    text-transform: inherit;
  }
  .home__box-title--wrapp {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .home__list-2 .home__list-link--padding-1,
  .home__list-2 .home__list-link--padding-2,
  .home__list-2 .home__list-link--padding-3 {
    width: auto;
    padding-left: 0 !important;
  }
  .home__list-link--padding-1,
  .home__list-link--padding-2,
  .home__list-link--padding-3 {
    width: auto;
    padding-left: 20px !important;
  }
  .home__list-inner {
    margin-bottom: 25px !important;
  }
  .home__nav-footer-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .home__nav-footer-mob::after {
    content: url("../../img/home/home__nav-mobilde.svg");
    position: absolute;
    bottom: -215px;
    left: 60%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
  .parallax-two {
    display: none;
  }
  .home__nav-arrow-left {
    -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
            transform: rotate(4deg);
    position: relative;
    top: 10px;
    margin-right: 10px;
  }
  .home__nav-arrow-left img {
    width: 8px;
    height: auto;
  }
  .home__nav-arrow-right {
    -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
            transform: rotate(-25deg);
    position: relative;
    right: -25px;
    top: -3px;
  }
  .home__nav-arrow-right img {
    width: 8px;
    height: auto;
  }
  .home__nav-footer-row {
    margin-left: 5px;
    margin-right: 10px;
  }
}
.home__vidoe-text {
  font-weight: 400;
  font-size: 18px;
  /*font-size: calc(var(--index)*.9);*/
  line-height: 130%;
  color: #FFFFFF;
  padding-bottom: 4vh;
}

.home__video-content {
  position: relative;
  z-index: 1;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 0;
  width: 45vw;
}

.home__video-wrapp {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.homve__video-title {
  font-weight: 800;
  font-size: 45px;
  /*font-size: calc(var(--index)*2.4);*/
  line-height: 130%;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  padding-bottom: 1.3vh;
}
.homve__video-title span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: #E16438;
}

.home__video-wrapp {
  position: relative;
  height: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.home__video-box {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 45%;
  border-radius: 50%;
  width: 45vw;
  height: 45vw;
}

.home__video-background-line {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home__video-play-circle {
  height: auto;
  width: 11vw;
}

.home__video-play-circle-2 {
  height: auto;
  width: 18vw;
}

.home__play-video {
  width: 15vw;
  height: 15vw;
}

.home__video-play-arrow {
  height: auto;
  width: 2.9vw;
}

.home-company-left-panel {
  padding-left: 4vw;
}

.home__list--company {
  height: 80%;
}

.home-company-screen-1 {
  left: 17vw;
}

.home-company-screen-2 {
  left: 15vw;
}

.home-company-screen-3 {
  left: 60%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home__video-background-text {
  width: 80vw;
  height: 80vw;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
}

.home__video-circle-line {
  width: 46vw;
  height: 46vw;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
}

.home__video-circle-line-2 {
  width: 70vw;
  height: 70vw;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
}

.home__video-background-text-desc,
.home__video-background-text-mob,
.home__video-circle-line-2-desc,
.home__video-circle-line-2-mob {
  display: none;
}

@media (max-width: 1680px) {
  .homve__video-title {
    font-size: 30px;
  }
  .home__vidoe-text {
    font-size: 16px;
  }
}
@media (max-width: 1440px) {
  .homve__video-title {
    font-size: 20px;
  }
  .home__vidoe-text {
    font-size: 12px;
  }
}
@media (max-width: 740px) {
  .home__video-background-text-mob {
    display: none;
  }
  .home-btn-nex {
    display: none;
  }
  .home__video-wrapp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .home__video-circle-line-2-mob {
    display: none;
  }
  .home__video-box {
    position: static;
    margin-right: auto;
    margin-left: auto;
  }
  .home__video-circle-line {
    display: none;
  }
  .home-company {
    padding-top: 50px;
  }
  .homve__video-title {
    font-weight: 800;
    font-size: 18px;
    line-height: 130%;
  }
  .home__grid-container.home__etap-2 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  .home-company .home__video-box {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .home-company .home__video-background-text {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  .home-company .homve__video-title {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    z-index: 0;
  }
  .home-company .home__vidoe-text {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    z-index: 0;
    opacity: 1;
  }
  .home-company .home__video-circle-line {
    -webkit-transform: translate(-50%, -50%) rotate(250deg);
        -ms-transform: translate(-50%, -50%) rotate(250deg);
            transform: translate(-50%, -50%) rotate(250deg);
    opacity: 1;
  }
  .home-company .home__video-circle-line-2 {
    -webkit-transform: translate(-45%, -55%) rotate(0);
        -ms-transform: translate(-45%, -55%) rotate(0);
            transform: translate(-45%, -55%) rotate(0);
  }
  .home-video-background,
  .home__play-video,
  .home__video-content,
  .home__admiration-wrapp,
  .home__box-img--container {
    opacity: 1 !important;
  }
  .home__video-content {
    margin-left: 0;
    margin-right: auto;
  }
}
@media (max-width: 1400px) {
  .home__video-background-text,
  .home__video-circle-line-2 {
    display: none;
  }
  .home__video-background-text-desc,
  .home__video-circle-line-2-desc {
    display: block;
  }
  .homve__video-title {
    font-size: calc(var(--index) * 2.1);
  }
  .home__vidoe-text {
    font-size: calc(var(--index) * 1.2);
  }
}
@media (max-width: 992px) {
  .home__video-background-text-desc,
  .home__video-circle-line-2-desc {
    display: none;
  }
  .home__video-background-text-mob,
  .home__video-circle-line-2-mob {
    display: block;
  }
  .home__video-content {
    width: 61vw;
  }
  .home__vidoe-text {
    font-size: calc(var(--index) * 1.6);
  }
  .homve__video-title {
    font-size: calc(var(--index) * 2.35);
  }
}
@media (max-width: 740px) {
  .home-video-background {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .home__play-video {
    opacity: 1;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .home__right-message {
    left: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .screen-img {
    display: none;
  }
  .home__video-background-text {
    display: none;
  }
  .home__video-background-text {
    -webkit-transform: rotate(0) translate(-50%, -50%);
        -ms-transform: rotate(0) translate(-50%, -50%);
            transform: rotate(0) translate(-50%, -50%);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  .homve__video-title {
    font-size: 18px;
    line-height: 130%;
    left: 0;
    padding-bottom: 5px;
    opacity: 1;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .home__vidoe-text {
    font-size: 12px;
    line-height: 130%;
    left: 0;
    opacity: 1;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    padding-bottom: 10px;
  }
  .home__video-content {
    width: 100%;
    padding-bottom: 10px;
  }
  .home__video-box {
    width: 90vw;
    height: 90vw;
  }
  .home-company {
    padding-bottom: 50px;
  }
}
@media (max-width: 440px) {
  .home-company {
    padding-top: 0px;
  }
  .home__video-box {
    width: 340px;
    height: 340px;
  }
  .home__play-video {
    width: 80px;
    height: 80px;
  }
  .home__play-video .home__video-play-arrow {
    height: auto;
    width: 15px;
  }
  .home__play-video .home__video-play-circle {
    height: auto;
    width: 65px;
  }
  .home__play-video .home__video-play-circle-2 {
    height: auto;
    width: 100px;
  }
}
@media (max-width: 380px) {
  .home__video-box {
    width: 240px;
    height: 240px;
  }
}
.home__admitation-text {
  font-weight: 700;
  font-size: 24px;
  /*font-size: calc(var(--index)*1.2);*/
  line-height: 120%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: #FFFFFF;
}

.home__admiration-wrapp {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  height: 100vh;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[3];
  grid-template-columns: repeat(3, auto);
}

.home__admitation-title {
  max-width: 600px;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  text-align: center;
  position: relative;
  margin-top: 3vh;
  margin-bottom: auto;
  font-weight: 800;
  font-size: 36px;
  /*font-size: calc(var(--index)*1.9);*/
  line-height: 120%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
}
.home__admitation-title::after {
  content: "";
  position: absolute;
  width: 20vw;
  height: 20vw;
  background: url("../../img/parallax/stone-black.svg") no-repeat center center/contain;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.home__admitation-title span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: #E16438;
}

.home__admitation-img {
  display: block;
}

.home-admiration-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.home__admiration-wrapp {
  position: relative;
}

.home__admitation-img {
  height: auto;
  width: 8vw;
  margin-bottom: 3vh;
  margin-left: auto;
  margin-right: auto;
}

.home__admitation-img--mob {
  display: none;
}

.home__admitation-box-1 {
  margin-right: 0;
  margin-bottom: 3vh;
  /*
  max-width: 200px;*/
  width: 11vw;
  position: relative;
  right: -2vw;
  margin-left: auto;
  margin-top: auto;
}
.home__admitation-box-1 img {
  /*
  width: 128px;*/
  width: auto;
  /*
  height: 93px;*/
  height: 9vh;
}

.home__admitation-box-2 {
  margin-left: auto;
  margin-right: auto;
}
.home__admitation-box-2 img {
  /*
  width: 126px;
  height: 117px;*/
  width: auto;
  height: 12vh;
}

.home__admitation-box-3 {
  margin-top: auto;
  margin-bottom: 0;
  margin-right: auto;
  margin-left: 0;
  /*
  max-width: 300px;*/
  width: 17vw;
}
.home__admitation-box-3 img {
  /*
  width: 119px;
  height: 130px;*/
  width: auto;
  height: 13vh;
}

.home__admitation-box-4 {
  margin-top: auto;
  margin-bottom: 0;
  position: relative;
  top: 4vh;
  right: 2vw;
}
.home__admitation-box-4 img {
  /*
  width: 129px;
  height: 107px;*/
  width: auto;
  height: 12vh;
}

.home__admitation-box-5 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2/4;
  /*
  	max-width: 280px;
  */
  width: 15vw;
  margin-right: 0;
  margin-left: auto;
  position: relative;
  margin-top: 3vh;
  right: -3vw;
}
.home__admitation-box-5 img {
  /*
  width: 82px;
  height: 158px;*/
  width: auto;
  height: 17vh;
}

.home__admitation-box-6 {
  margin-top: 3vh;
  margin-bottom: auto;
  /*
  max-width: 200px;*/
  width: 10vw;
}
.home__admitation-box-6 img {
  /*
  width: 91px;
  height: 91px;*/
  width: auto;
  height: 9vh;
}

.home__admitation-box-7 {
  margin-left: 0;
  margin-right: auto;
  position: relative;
  left: -12vw;
  margin-top: 1vh;
  /*
  	max-width: 300px;
  */
  width: 15vw;
}
.home__admitation-box-7 img {
  /*
  	width: 118px;
  	height: 118px;
  }*/
  width: auto;
  height: 12vh;
}

.home-admiration-row-img {
  position: absolute;
  width: auto;
  width: 100vw;
  -o-object-fit: contain;
     object-fit: contain;
  top: 50%;
  left: 50%;
  opacity: 1;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home-admiration-row-img-desc,
.home-admiration-row-img-mob {
  display: none;
}

.home__admitation-btn {
  position: absolute;
  right: 3.5vw;
  z-index: 3;
  bottom: 0;
}
.home__admitation-btn svg {
  width: 0.5vw;
  height: auto;
}

.home__admiration-line-white {
  margin-right: 2vw;
  padding-right: 1vw;
  position: relative;
}
.home__admiration-line-white::after {
  content: "";
  position: absolute;
  right: -1vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 120vh;
  background: rgba(255, 255, 255, 0);
}
.home__admiration-line-white .home__right-box-2 {
  margin-right: 0;
}

@media (max-width: 1680px) {
  .home__admitation-title {
    font-size: 27px;
  }
  .home__admitation-text {
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
  .home-admiration-row-img {
    display: none;
  }
  .home-admiration-row-img-desc {
    display: block;
  }
  .home__admitation-title {
    max-width: 32vw;
    font-size: 20px;
  }
  .home__admitation-text {
    font-size: 12px;
  }
  .home__admitation-box-1 {
    width: 13vw;
  }
  .home__admitation-box-2 {
    width: 13vw;
  }
  .home__admitation-box-6 {
    width: 14vw;
  }
  .home__admitation-box-5 {
    width: 17vw;
  }
}
@media (max-width: 992px) {
  .home-admiration-row-img-desc {
    display: none;
  }
  .home-admiration-row-img-mob {
    display: block;
  }
  .home__admitation-title {
    max-width: 35vw;
  }
  .home__admitation-box-7 {
    width: 18vw;
  }
}
@media (max-width: 740px) {
  .home-admiration-row-img {
    -webkit-transform: rotate(0) translate(-50%, -50%);
        -ms-transform: rotate(0) translate(-50%, -50%);
            transform: rotate(0) translate(-50%, -50%);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  .home__admitation-box:nth-child(2n+2),
  .home__admitation-box,
  .home__admitation-title {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .home-admiration .home__admitation-box-1,
  .home-admiration .home__admitation-box-2,
  .home-admiration .home__admitation-box-3,
  .home-admiration .home__admitation-box-4,
  .home-admiration .home__admitation-box-5,
  .home-admiration .home__admitation-box-6,
  .home-admiration .home__admitation-box-7 {
    opacity: 1;
    z-index: 0;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .home-admiration .home__admitation-title {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    z-index: 0;
  }
  .home__admitation-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .home__admitation-box {
    margin: 0;
    position: static;
  }
  .home-admiration-row-img-mob {
    display: none;
  }
  .home__admitation-box-1,
  .home__admitation-box-3,
  .home__admitation-box-5,
  .home__admitation-box-7 {
    width: 50%;
    max-width: 50%;
  }
  .home__admiration-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .home__admitation-box-4 {
    width: 33%;
    max-width: 33%;
  }
  .home__admitation-box-6 {
    width: 33%;
    max-width: 33%;
  }
  .home__admitation-box-2 {
    width: 33%;
    max-width: 33%;
  }
  .home__admitation-title {
    width: 100%;
    max-width: 100%;
  }
  .home__admitation-box-1,
  .home__admitation-box-2,
  .home__admitation-box-3,
  .home__admitation-box-4,
  .home__admitation-box-5,
  .home__admitation-box-6,
  .home__admitation-box-7 {
    margin: 0;
    padding: 0;
  }
  .home__admitation-box-1 .home__admitation-box-img,
  .home__admitation-box-2 .home__admitation-box-img,
  .home__admitation-box-3 .home__admitation-box-img,
  .home__admitation-box-4 .home__admitation-box-img,
  .home__admitation-box-5 .home__admitation-box-img,
  .home__admitation-box-6 .home__admitation-box-img,
  .home__admitation-box-7 .home__admitation-box-img {
    height: 57px;
  }
  .home__admitation-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0;
    position: static;
    font-weight: 800;
    font-size: 16px;
    line-height: 130%;
    padding-top: 15px;
    padding-bottom: 35px;
  }
  .home__admitation-box-4 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .home__admitation-box-6 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .home__admitation-box-6 .home__admitation-text {
    margin-left: auto;
    margin-right: auto;
  }
  .home__admitation-box-2 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .home__admitation-box-7 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .home__admitation-box-1 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .home__admitation-box-3 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .home__admitation-box-5 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .home__admitation-img {
    display: none;
  }
  .home__admitation-img--mob {
    display: block;
  }
  .home__admitation-text {
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
  }
  .home__admiration-wrapp {
    padding-top: 0;
  }
  .home__admitation-box {
    margin-bottom: 30px;
  }
  .home__admitation-btn {
    font-size: 14px;
    line-height: 130%;
    color: #FFFFFF;
    left: 0;
    margin-top: 22px;
  }
  .home__admitation-btn::after {
    background: none;
  }
  .home__admitation-box .home__admitation-img--mob {
    margin-bottom: 5px;
  }
  .home__admitation-box-4 img {
    width: 57.51px;
    height: 47.71px;
  }
  .home__admitation-box-4 .home__admitation-text {
    width: 84px;
    margin-left: auto;
    margin-right: auto;
  }
  .home__admitation-box-6 img {
    width: 33.08px;
    height: 33.08px;
  }
  .home__admitation-box-6 .home__admitation-text {
    width: 71px;
    margin-left: auto;
    margin-right: auto;
  }
  .home__admitation-box-2 img {
    width: 52.45px;
    height: 49px;
  }
  .home__admitation-box-2 .home__admitation-text {
    width: 70.45px;
    margin-left: auto;
    margin-right: auto;
  }
  .home__admitation-box-7 img {
    width: 44px;
    height: 45px;
  }
  .home__admitation-box-7 .home__admitation-text {
    width: 106px;
    margin-left: auto;
    margin-right: auto;
  }
  .home__admitation-box-3 img {
    width: 46.5px;
    height: 50.9px;
  }
  .home__admitation-box-3 .home__admitation-text {
    width: 146px;
    margin-left: auto;
    margin-right: auto;
  }
  .home__admitation-box-5 img {
    width: 29px;
    height: 57px;
  }
  .home__admitation-box-5 .home__admitation-text {
    width: 135px;
    margin-left: auto;
    margin-right: auto;
  }
  .home-btn-nex {
    display: none;
    font-size: 14px;
    line-height: 130%;
  }
  .home-btn-nex.home__admitation-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 3;
    margin-left: auto;
    margin-right: 10px;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 0;
    margin-top: 10px;
  }
  .home-btn-nex.home__admitation-btn svg {
    width: 5px;
  }
  .home-btn-nex.home__admitation-btn .box__btn-arrow {
    margin-left: 10px;
  }
  .home__admitation-box-1 img {
    width: 57.52px;
    height: 39.14px;
  }
  .home__admitation-box-1 .home__admitation-text {
    width: 91px;
    margin-left: auto;
    margin-right: auto;
  }
  .home-admiration {
    position: relative;
  }
  .home-admiration::after {
    content: url("../../img/home-admiration-back.svg");
    position: absolute;
    bottom: -60%;
    left: 0;
    z-index: -2;
  }
  .home__admitation-title::after {
    content: "";
    background: none;
  }
  .home__admiration-wrapp {
    height: auto;
  }
}
.home__catalog-wrapp {
  width: 77%;
  padding-top: 9vh;
  padding-bottom: 8vh;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 11vw 1fr 17vw;
  grid-template-columns: 11vw 1fr 17vw;
}

.home-catalog.--active .home__catalog-wrapp {
  position: relative;
}

.home__catalog-container {
  width: 100%;
}

.home__select-arrow {
  display: none;
}

.home__select {
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  z-index: -333;
  opacity: 0;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  position: absolute;
  pointer-events: none;
}

.home__select.--active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  position: relative;
  z-index: 1;
  pointer-events: auto;
}

.home__open-part {
  position: relative;
  background: none;
  outline: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  cursor: pointer;
  padding: 0;
  font-weight: 800;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: left;
  color: #FFFFFF;
}
.home__open-part .box__btn-arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.home__open-part .box__btn-arrow svg {
  height: auto;
  width: 0.5vw;
  height: auto;
}
.home__open-part:hover {
  color: #E06437;
}
.home__open-part:hover path {
  stroke: #E06437;
}
.home__open-part:hover .box__btn-arrow {
  -webkit-transform-origin: 50% 40%;
      -ms-transform-origin: 50% 40%;
          transform-origin: 50% 40%;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.home__open-part:active {
  opacity: 0.5;
}
.home__open-part:disabled {
  pointer-events: none;
  opacity: 0.2;
}

.home__open-part.not-active {
  pointer-events: none;
  opacity: 0.2;
}

.home__open-part.--active {
  color: #E06437;
}
.home__open-part.--active path {
  stroke: #E06437;
}
.home__open-part.--active .box__btn-arrow {
  -webkit-transform-origin: 50% 40%;
      -ms-transform-origin: 50% 40%;
          transform-origin: 50% 40%;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.home__select-title {
  font-weight: 800;
  font-size: 50px;
  /*font-size: calc(var(--index)*2.6);*/
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
}

.home__select-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  /*
  max-width: 580px;*/
  max-width: 30vw;
  /*
  gap: 20px 45px;*/
  gap: 2.2vh 3vw;
}

.home__select-link {
  font-weight: 400;
  font-size: 30px;
  /*font-size: calc(var(--index)*1.5);*/
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #FFFFFF;
  opacity: 0.6;
}
.home__select-link:hover {
  opacity: 1;
}

.home__catalog-button {
  /*
  width: 156px;
  height: 156px;*/
  width: 8vw;
  height: 8vw;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
  /*
  font-size: 1rem;*/
  font-size: calc(var(--index) * 1);
  line-height: 130%;
  text-align: center;
  color: #E06437;
  margin-bottom: 4vh;
  margin-left: -1vw;
  position: relative;
}
.home__catalog-button:active .home__catalog-button-svg--line {
  stroke-dashoffset: 0;
}

.home__catalog-button-svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-37%, -40%);
      -ms-transform: translate(-37%, -40%);
          transform: translate(-37%, -40%);
  /*
  width: 207px;
  height: 207px;*/
  width: 11vw;
  height: 11vw;
}

.home__catalog-button-svg--line {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.home__catalog-cotainer-left {
  margin-top: auto;
  /*
  margin-bottom: 55px;*/
  margin-bottom: 5vh;
  max-width: 12vw;
  min-height: 33vh;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home__open-part--title {
  margin-left: 20px;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.home__open-part-2 {
  margin-left: auto;
  margin-right: -3.5vw;
}

.home__open-part-3 {
  margin-left: auto;
  margin-right: -8vw;
}

.home__open-part-4 {
  position: relative;
  left: -6.3vw;
}

.home__open-part-5 {
  margin-left: auto;
  margin-right: 5vw;
}

.home__open-part-6 {
  margin-left: auto;
  margin-right: 3vw;
}

.home__open-part-7 {
  margin-left: auto;
  margin-right: 1.5vw;
}

.home__open-part-8 {
  margin-left: auto;
  margin-right: 2.2vw;
}

.home__catalog-center {
  padding-top: 5vh;
  padding-left: 5vw;
}

.home__catalog-cotainer-right {
  min-height: 57vh;
  margin-bottom: 5vh;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home__catalog-right {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home__select-body {
  padding-top: 3vh;
}

.home__catalog-background {
  position: absolute;
  left: 40%;
  top: 55%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home__catalog-back-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 1;
  width: 100vw;
  height: auto;
}

.home__catalog-back-circle-desc,
.home__catalog-back-circle-mob {
  display: none;
}

.home__catalog--title {
  font-weight: 800;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  display: none;
}

.home__catalog-background-svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: 45vw;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

@media (max-width: 1680px) {
  .home__select-title {
    font-size: 30px;
  }
  .home__select-link {
    font-size: 25px;
  }
  .home__open-part--title {
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
  .home__open-part {
    font-size: calc(var(--index) * 1.4);
  }
  .home__select-title {
    font-size: 14px;
  }
  .home__select-link {
    font-size: 12px;
  }
  .home__catalog-button {
    width: 11vw;
    height: 11vw;
    font-size: calc(var(--index) * 1.2);
  }
  .home__catalog-button-svg {
    width: 14vw;
    height: 14vw;
  }
  .home__catalog-wrapp {
    -ms-grid-columns: 14vw 1fr 20vw;
    grid-template-columns: 14vw 1fr 20vw;
    gap: 2.1vh 4vw;
  }
  .home__catalog-cotainer-left {
    max-width: 14vw;
  }
  .home__catalog-center {
    padding-top: 8vh;
    padding-left: 4vw;
  }
  .home-btn-nex {
    margin-bottom: 4.5vh;
    font-size: calc(var(--index) * 1.3);
  }
  .home-btn-nex svg {
    display: inline-block;
    height: auto;
    width: 0.6vw;
  }
  .home-btn-nex::after {
    left: -3vw;
  }
  .home__catalog-wrapp {
    width: 83%;
  }
}
@media (max-width: 992px) {
  .home__catalog-wrapp {
    padding-top: 16vh;
  }
  .home-btn-nex {
    font-size: calc(var(--index) * 1.7);
  }
  .home-btn-nex svg {
    display: inline-block;
    width: 0.8vw;
  }
  .home__catalog-cotainer-right {
    min-height: 50vh;
  }
  .home__open-part {
    font-size: calc(var(--index) * 1.38);
  }
  .home__open-part .box__btn-arrow svg {
    width: 0.8vw;
  }
  .home__catalog-button {
    font-size: calc(var(--index) * 1.5);
    width: 13vw;
    height: 13vw;
    margin-left: -10vw;
  }
  .home__catalog-button-svg {
    width: 18vw;
    height: 18vw;
  }
  .home__catalog-wrapp {
    width: 86%;
    -ms-grid-columns: 20vw 1fr 20vw;
    grid-template-columns: 20vw 1fr 20vw;
    gap: 0;
  }
  .home__catalog-center {
    padding-top: 1vh;
    padding-left: 1vw;
  }
  .home__select-body {
    padding-top: 2vh;
  }
  .home__select-wrapp {
    gap: 1.8vh 1vw;
  }
  .home__catalog-cotainer-left {
    max-width: 17vw;
  }
}
@media (max-width: 740px) {
  .home__catalog-back-circle {
    opacity: 1;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .home__catalog-cotainer-left,
  .home__catalog-cotainer-right {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
  .home__catalog-left-header,
  .home__catalog-button {
    opacity: 1;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }
  .home__catalog-wrapp {
    position: relative;
  }
  .home-catalog-menu {
    display: none;
  }
  .home__catalog-cotainer-left {
    display: none;
  }
  .ome__select.tab {
    display: block;
  }
  .home__catalog-cotainer-right {
    display: none;
  }
  .home__catalog-button {
    width: 279px;
    height: 34px;
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
    background: #E16437;
    border-radius: 6px;
  }
  .home__catalog-button svg {
    display: none;
  }
  .home__catalog-button:hover {
    -webkit-box-shadow: 6px 6px 25px rgba(224, 100, 55, 0.27);
            box-shadow: 6px 6px 25px rgba(224, 100, 55, 0.27);
  }
  .home__catalog-button:active {
    opacity: 0.5;
  }
  .home__catalog-button:disabled {
    background: #AEA4AF;
    pointer-events: none;
    opacity: 1;
  }
  .home__catalog-button.not-active {
    background: #AEA4AF;
    pointer-events: none;
    opacity: 1;
  }
  .home__catalog-wrapp {
    display: block;
  }
  .home__select {
    display: block;
    pointer-events: auto;
    opacity: 1;
    z-index: 0;
    position: relative;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }
  .home__select-arrow {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 5px;
  }
  .home__select-arrow svg {
    height: auto;
    width: 6px;
  }
  .home__select.--active .home__select-title {
    color: #E06437;
  }
  .home__select.--active .home__select-arrow {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    position: relative;
    top: -3px;
  }
  .home__select.--active .home__select-arrow path {
    stroke: #E06437;
  }
  .home__select-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .home__catalog-btn-next {
    display: none;
  }
  .home__catalog-background-svg {
    width: 100%;
    height: auto;
  }
  .home__catalog-background {
    top: 0;
    -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
  .home-catalog .home__catalog-right,
  .home-catalog .home__catalog-cotainer-left,
  .home-catalog .home__catalog-center {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    z-index: 0;
    opacity: 1;
  }
  .home-catalog .home__catalog-back-circle {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) rotate(0);
        -ms-transform: translate(-50%, 0) rotate(0);
            transform: translate(-50%, 0) rotate(0);
  }
  .home__select {
    max-width: 300px;
    margin-left: 0;
    margin-right: auto;
  }
  .home__catalog--title {
    display: block;
  }
  .home__select-body {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
  }
  .home__catalog-wrapp {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    padding-top: 42px;
  }
  .home__select-title {
    font-size: 16px;
    line-height: 130%;
  }
  .home__catalog-center {
    padding-top: 16px;
  }
  .home__select {
    margin-bottom: 20px;
  }
  .home__select .box__btn-arrow {
    margin-left: 0;
  }
  .home__select-body {
    padding: 0;
  }
  .home__select-wrapp {
    padding: 5px 0 5px 40px;
  }
  .home__grid-container.home__etap-3 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  .home__catalog-back-circle-mob {
    display: none;
  }
  .home__select-header .box__btn-arrow {
    margin-right: 10px;
  }
  .home__select-wrapp {
    gap: 10px 15px;
    max-width: 100%;
  }
  .home__select-link {
    font-size: 14px;
    line-height: 130%;
  }
  .home__catalog-button {
    margin-left: 0;
  }
  .home__catalog-back-circle {
    display: none;
  }
  .home__catalog-btn-next {
    display: none !important;
  }
  .home__catalog-button {
    margin-top: 10px;
  }
}
@media (max-width: 572px) {
  .home__catalog-button {
    width: 100%;
  }
}
.home__galary.--active .home__galary-wrapper {
  position: static;
}

.home__galary-name {
  font-weight: 700;
  /*
  font-size: 1.3333rem;*/
  font-size: calc(var(--index) * 1.25);
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin-bottom: 1.5vh;
}

.home__galary-text {
  font-weight: 400;
  /*
  font-size: 0.8889rem;*/
  font-size: calc(var(--index) * 0.84);
  line-height: 120%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

.home__galary-box {
  /*
  max-width: 500px;*/
}

.home__galary-body {
  /*
  max-width: 444px;*/
  max-width: 20vw;
  margin-left: auto;
  margin-right: auto;
}

.home__galary-header {
  /*
  margin-bottom: 30px;*/
  margin-bottom: 3vh;
}

.home__galary-img {
  /*
  width: 100%;*/
  width: auto;
  height: 50vh;
  -o-object-fit: contain;
     object-fit: contain;
}

.home__swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.swiper-slide.home__swiper-slide {
  opacity: 0 !important;
}

.swiper-slide.home__swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.swiper-slide.home__swiper-slide.swiper-slide-active .home__galary-body {
  opacity: 1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.swiper-slide.home__swiper-slide.swiper-slide-prev,
.swiper-slide.home__swiper-slide.swiper-slide-next {
  opacity: 0.5 !important;
}

.swiper-slide.home__swiper-slide.swiper-slide-next {
  opacity: 0.5 !important;
}
.swiper-slide.home__swiper-slide.swiper-slide-next .home__galary-body {
  opacity: 1;
}

.home__galary-body {
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.home__swiper-row {
  margin-top: auto;
  margin-bottom: auto;
}

.home__galary-background {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transform: translate(-55%, 20%);
      -ms-transform: translate(-55%, 20%);
          transform: translate(-55%, 20%);
}
.home__galary-background img {
  opacity: 0.2;
}

.home__galary-background-2 {
  left: auto;
  right: 0;
  -webkit-transform: translate(80%, 20%);
      -ms-transform: translate(80%, 20%);
          transform: translate(80%, 20%);
}

.home-galary-pagination {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.home-galary-pagination .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  background: #FFFFFF;
  opacity: 0.2;
}
.home-galary-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 6px;
  height: 6px;
  background: #E06437;
  opacity: 1;
}

.home__etap-4 .home__container-img--line {
  display: none;
}

.home__gallary-link {
  color: #E06437;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 14vw;
}
.home__gallary-link::after {
  background: none;
}

.home__galary-btn {
  width: 5vw;
  background: none;
  outline: none;
  border: none;
  margin-bottom: 5vh;
  opacity: 0.1;
}
.home__galary-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.home__galary-btn .home__galary--arrow svg {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}

.home__galary-btn-bottom {
  margin-left: auto;
  margin-right: 15vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -20vh;
}

@media (max-width: 1400px) {
  .home__gallary-link {
    margin-top: 2vh;
    width: 20vw;
  }
  .home__galary-btn {
    margin-bottom: 6vh;
  }
  .home__galary-name {
    font-weight: 700;
    font-size: calc(var(--index) * 1.6);
    margin-bottom: 2.5vh;
  }
  .home__galary-text {
    font-size: calc(var(--index) * 1.05);
  }
  .home__galary-body {
    max-width: 25vw;
  }
  .home__galary-btn-bottom {
    margin-right: 0;
    margin-left: auto;
    position: absolute;
    bottom: 1vh;
    right: 15vw;
  }
  .home__galary-btn {
    width: 40px;
    height: 50px;
  }
}
@media (max-width: 992px) {
  .home__swiper-row {
    width: 40vw;
    margin-left: auto;
    margin-right: auto;
  }
  .home__galary-btn {
    margin-bottom: 2vh;
    margin-left: 10vw;
  }
  .home__galary-img {
    height: 46vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .home__galary-body {
    max-width: 35vw;
  }
  .home__galary-name {
    font-size: calc(var(--index) * 2.1);
  }
  .home__galary-text {
    font-size: calc(var(--index) * 1.7);
  }
  .swiper-slide.home__swiper-slide.swiper-slide-prev .home__galary-body {
    opacity: 1;
  }
  .home__gallary-link {
    display: none;
    margin-top: 3vh;
    width: 21vw;
  }
  .home-galary-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 25px;
  }
}
@media (max-width: 740px) {
  .home__galary-btn {
    display: none !important;
  }
  .home__galary {
    padding-top: 80px;
  }
  .home__galary .home__galary-wrapper {
    position: static;
  }
  .home__galary .home__galary-wrapper {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    z-index: 0;
  }
  .home__galary-background {
    display: none;
  }
  .home__galary-box {
    width: 220px;
  }
  .home__galary-name {
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 7px;
  }
  .home__swiper-row {
    width: 290px;
  }
  .home__galary-img {
    height: auto;
    width: 100%;
  }
  .home__galary-body {
    max-width: 100%;
  }
  .home__galary-text {
    font-size: 12px;
    line-height: 120%;
  }
  .home__galary-box {
    margin-left: auto;
    margin-right: auto;
  }
}
.home__galary-wrapper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 1578px;
  padding-left: 130px;
  padding-right: 130px;
}
@media (max-width: 1760px) {
  .home__galary-wrapper {
    max-width: 1200px;
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (max-width: 1400px) {
  .home__galary-wrapper {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .home__galary-wrapper {
    width: 100%;
    max-width: 100%;
    padding-left: 50px;
    padding-right: 0;
  }
}
@media (max-width: 740px) {
  .home__galary-wrapper {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    padding-left: 0;
  }
}

.home__swiper-box {
  position: relative;
}

.home__gallary-button {
  position: absolute;
  top: 30%;
  left: -130px;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
  cursor: pointer;
  z-index: 2;
  background: none;
  padding: 0;
  background: none;
  border: none;
}
.home__gallary-button path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .home__gallary-button:hover path {
    stroke: #E06437;
  }
}
@media (hover: none) {
  .home__gallary-button:active path {
    stroke: #E06437;
  }
}
@media (max-width: 1760px) {
  .home__gallary-button {
    left: -70px;
  }
}

.home__gallary-next {
  left: auto;
  right: 0px;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
}

@media (max-width: 992px) {
  .home__gallary-btn-box {
    display: none;
  }
}
.home__meterial-footer {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  text-align: right;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-left: auto;
  margin-right: 0;
  margin-top: auto;
  margin-bottom: 0;
}
.home__meterial-footer span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
}

.home__meterial-footer--mob {
  display: none;
}

.home-material-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  /*padding-bottom: 50px;
  */
}

.home__material-title {
  font-weight: 800;
  font-size: 2.2222rem;
  /*font-size: calc(var(--index)*2.1);*/
  line-height: 130%;
  color: #FFFFFF;
  /*
  padding-bottom: 60px;*/
  padding-bottom: 5vh;
}

.home__material-text {
  max-width: 25vw;
  /*
  max-width: 480px;*/
  font-weight: 400;
  font-size: 1rem;
  /*font-size: calc(var(--index)*.95);*/
  line-height: 130%;
  color: #FFFFFF;
}

.home__material-text-link {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration-line: underline;
}

.home-material-row {
  display: -ms-grid;
  display: grid;
  /*
  grid-template-columns: 275px 1fr 520px;
  max-width: 1460px;*/
  -ms-grid-columns: 18vw 35vw 28vw;
  grid-template-columns: 18vw 35vw 28vw;
  margin-left: auto;
  margin-right: 2vw;
  position: relative;
}

.home__meterial-monument {
  overflow: hidden;
  /*
  margin-top: 80px;*/
  margin-top: 8vh;
}

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

.home__monument-box {
  /*
  height: 680px;*/
  height: 67vh;
}

.home__meterial-content {
  /*
  margin-top: 143px;*/
  margin-top: 14vh;
}

.home__monument-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.home__material-text-swiper {
  overflow: hidden;
  /*
  margin-bottom: 35px;*/
  margin-bottom: 4vh;
}

.home-material-wrapper {
  /*
  padding-top: 80px;*/
  padding-top: 5vh;
}

.home__material-name {
  font-weight: 400;
  font-size: 1.1rem;
  /*	font-size: calc(var(--index)*1.05);*/
  line-height: 130%;
  color: #FFFFFF;
}

.home__material-material {
  overflow: hidden;
  /*
  height: 890px;*/
  height: 90vh;
}

.home__material-swiper-slide {
  /*
  width: 212px;*/
  width: 12vw;
  /*
  padding-bottom: 50px;*/
  padding-bottom: 4vh;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.home__material-header {
  /*
  width: 105px;
  height: 105px;*/
  /*
  width: calc(var(--index)*5.5);
  height: calc(var(--index)*5.5);*/
  width: 12vh;
  height: 12vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  /*
  margin-bottom: 10px;*/
  margin-bottom: 1vh;
}

.home__material-swiper-slide {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  position: relative;
  /*
  left: 400px;*/
  left: 30vw;
  margin-left: auto;
  margin-right: 0;
}

.home__material-swiper-slide.swiper-slide-active {
  left: -2vw;
}
.home__material-swiper-slide.swiper-slide-active .home__material-name {
  /*
  padding-left: 25px;*/
  padding-left: 0vw;
}

.home__material-swiper-slide.swiper-slide-next {
  /*
  left: -55px;*/
  left: -2vw;
}
.home__material-swiper-slide.swiper-slide-next .home__material-header {
  /*
  margin-left: 10px;*/
  margin-left: 0;
  margin-right: auto;
}
.home__material-swiper-slide.swiper-slide-next .home__material-name {
  padding-left: 0px;
}

.home__material-swiper-slide.swiper-slide-next + .home__material-swiper-slide {
  /*left: -65px;*/
  left: -3vw;
}
.home__material-swiper-slide.swiper-slide-next + .home__material-swiper-slide .home__material-header {
  margin-left: 0;
  margin-right: auto;
}
.home__material-swiper-slide.swiper-slide-next + .home__material-swiper-slide .home__material-name {
  /*
  padding-left: 15px;*/
  padding-left: 0;
}

.home__material-swiper-slide.swiper-slide-next + .home__material-swiper-slide + .home__material-swiper-slide {
  /*
  left: -5px;*/
  left: 0;
}
.home__material-swiper-slide.swiper-slide-next + .home__material-swiper-slide + .home__material-swiper-slide .home__material-header {
  margin-left: 0;
  margin-right: auto;
}
.home__material-swiper-slide.swiper-slide-next + .home__material-swiper-slide + .home__material-swiper-slide .home__material-name {
  /*
  padding-left: 15px;*/
  padding-left: 0;
}

.home__meterial-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  font-weight: 700;
  /*
  font-size: 1rem;*/
  font-size: calc(var(--index) * 0.95);
  line-height: 130%;
  color: #FFFFFF;
}
.home__meterial-link .box__btn-arrow {
  top: 0.2vh;
  margin-left: 1vw;
  position: relative;
}
.home__meterial-link .box__btn-arrow svg {
  display: inline-block;
  height: auto;
  width: 0.5vw;
}

.home-material-wrapper {
  width: 100%;
  position: relative;
}

.home-material-row-background {
  position: absolute;
  left: -14vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100vh;
  -o-object-fit: contain;
     object-fit: contain;
}

.home-material-background-arrow {
  position: absolute;
  right: -3vw;
  bottom: 0;
  width: 8vw;
  opacity: 0.2;
}
.home-material-background-arrow svg {
  height: auto;
  width: 100%;
  display: inline-block;
}

@media (max-width: 1680px) {
  .home__material-title {
    font-size: 35px;
  }
  .home__material-text {
    font-size: 16px;
  }
  .home__material-name {
    font-size: 16px;
  }
}
@media (max-width: 1400px) {
  .home-material-row {
    -ms-grid-columns: 18vw 35vw 35vw;
    grid-template-columns: 18vw 35vw 35vw;
  }
  .home__material-header {
    width: 9vh;
    height: 9vh;
  }
  .home__material-name {
    font-size: 14px;
  }
  .home__material-title {
    font-size: 20px;
    padding-bottom: 2vh;
  }
  .home__material-text {
    max-width: 100%;
    font-size: 12px;
  }
  .home__meterial-link {
    font-size: calc(var(--index) * 1.25);
  }
  .home__meterial-link svg {
    display: inline-block;
    width: 0.7vw;
    height: auto;
  }
}
@media (max-width: 992px) {
  .home__monument-box {
    height: 60vh;
  }
  .home__material-material {
    padding-top: 7vh;
  }
  .home__material-header {
    width: 10vh;
    height: 10vh;
  }
  .home__material-swiper-slide.swiper-slide-next + .home__material-swiper-slide {
    left: 1vw;
  }
  .home__material-swiper-slide.swiper-slide-active {
    left: 0vw;
  }
  .home__meterial-link {
    font-size: calc(var(--index) * 1.8);
  }
  .home__meterial-link .box__btn-arrow svg {
    width: 0.8vw;
  }
}
@media (max-width: 740px) {
  .home__meterial-content,
  .home__material-material {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .home__meterial-monument {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .home-material .home__material-material,
  .home-material .home__meterial-monument,
  .home-material .home__meterial-content {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .header__wrapp--index-1 .header__menu-box--home::after {
    background: none;
  }
  .header__wrapp--index-1 .header__menu-btn path {
    stroke: #fff;
  }
  .home-material-row {
    -ms-grid-columns: 115px 1fr;
    grid-template-columns: 115px 1fr;
  }
  .home__meterial-content {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .home__material-title {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .home__material-text {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
    font-size: 12px;
    line-height: 130%;
  }
  .home__meterial-link {
    margin-left: auto;
    margin-right: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .home__meterial-link svg {
    height: auto;
    width: 7px;
  }
  .home__meterial-link .box__btn-arrow {
    top: 2px;
  }
  .home__material-header {
    width: 38px;
    height: 38px;
    margin-left: auto;
    margin-right: auto;
  }
  .home__monument-box {
    height: 230px;
  }
  .home__material-name {
    font-size: 12px;
    line-height: 130%;
    text-align: center;
  }
  .home-material-wrapper {
    padding-top: 60px;
  }
  .home__material-material {
    height: 300px;
    padding-top: 0;
  }
  .home__material-swiper-slide.swiper-slide-active {
    left: 0;
  }
  .home__material-swiper-slide.swiper-slide-active .home__material-header {
    margin-left: 58px;
  }
  .home__material-swiper-slide.swiper-slide-next {
    top: 8px;
    left: -11px;
  }
  .home__material-swiper-slide.swiper-slide-next .home__material-header {
    margin-left: 38px;
  }
  .home__material-swiper-slide.swiper-slide-next + .home__material-swiper-slide {
    left: 12px;
    top: 21px;
  }
  .home__material-swiper-slide.swiper-slide-next + .home__material-swiper-slide .home__material-header {
    margin-left: 45px;
  }
  .home__material-text-swiper {
    margin-bottom: 20px;
  }
  .home__meterial-monument {
    margin-top: 25px;
  }
  .home__meterial-content {
    margin-top: 50px;
  }
  .home-material-row {
    position: relative;
  }
  .home-material-row::after {
    content: url("../../img/materila-back-mob.svg");
    left: -12px;
    top: -60px;
    position: absolute;
    z-index: -2;
  }
  .home-material-row-background,
  .home-material-background-arrow {
    display: none;
  }
  .home-material-row {
    margin-right: 0;
  }
  .home__material-swiper-slide {
    width: 100%;
    padding-bottom: 5px;
  }
  .home__material-header {
    margin-left: auto !important;
    margin-bottom: 5px;
  }
  .home__material-swiper-slide.swiper-slide-active {
    left: 13px;
  }
  .home__meterial-link {
    font-size: 14px;
    line-height: 130%;
    margin-right: 10px;
    margin-top: 32px;
  }
  .home__meterial-link .box__btn-arrow {
    margin-left: 10px;
  }
  .home__meterial-link .box__btn-arrow svg {
    width: 6px;
  }
  .home-material {
    padding-bottom: 44px;
  }
}
.home__footer-wrapp {
  /*
  width: 100%;*/
  display: -ms-grid;
  display: grid;
  /*grid-template-columns: 315px 1fr;
  	padding-top: 150px;

  max-width: 1565px;*/
  -ms-grid-columns: 17vw 1fr;
  grid-template-columns: 17vw 1fr;
  padding-top: 11vh;
  width: 86vw;
  /*
  margin-right: 0;*/
  margin-right: 5vh;
  margin-left: auto;
  /*
  gap: 115px;*/
  gap: 6vw;
  margin-top: 0;
  /*
  max-height: 995px;*/
}

.home__footer-title {
  font-weight: 800;
  font-size: 2.7778rem;
  /*font-size: calc(var(--index)*2.7);*/
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  /*
  margin-bottom: 45px;*/
  margin-bottom: 5vh;
}

.home__footer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 2vh;
}
.home__footer-row svg,
.home__footer-row img {
  width: 1vw;
  height: 1vw;
  margin-right: 0.5vw;
}

.home__footer-text {
  font-weight: 400;
  font-size: 18px;
  /*font-size: calc(var(--index)*.95);*/
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  /*
  margin-bottom: 10px;*/
  margin-bottom: 1vh;
}

.home__footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  /*
  margin-bottom: 30px;*/
  margin-bottom: 3vh;
}
.home__footer-link svg,
.home__footer-link img {
  /*
  margin-right: 13px;*/
  margin-right: 0.9vw;
  width: 1vw;
  height: 1vw;
}
.home__footer-link:hover svg path {
  fill: #E16437;
}

.home__footer-link-2 {
  /*
  margin-bottom: 15px;*/
  margin-bottom: 1.5vh;
}
.home__footer-link-2 svg,
.home__footer-link-2 img {
  /*
  margin-right: 10px;*/
  margin-right: 0.5vw;
  width: 1.5vw;
  height: 1vw;
}

.home__form-title {
  font-weight: 700;
  font-size: 2.2222rem;
  /*	font-size: calc(var(--index)*2.1);*/
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  /*
  	margin-bottom: 35px;
  */
  margin-bottom: 4vh;
}

.home__footer-coll-2 {
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}

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

.home__footer-message-link {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-right: 0.5vw;
  margin-left: 0.5vw;
  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: 1.1vw;
  height: 1.1vw;
}
.home__footer-message-link img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.home__footer-message-link:hover {
  opacity: 0.5;
}
.home__footer-message-link:active {
  color: rgba(24, 24, 24, 0.3);
}
.home__footer-message-link:active path {
  stroke: rgba(24, 24, 24, 0.3);
}

.home__footer-message-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*
  margin-right: 20px;
  margin-left: 20px;*/
  margin-right: 1vw;
  margin-left: 1vw;
}

.home__footer-arrow-left,
.home__footer-arrow-right {
  top: 0.5vh;
  position: relative;
}
.home__footer-arrow-left img,
.home__footer-arrow-right img {
  display: inline-block;
  height: auto;
  width: 0.5vw;
  top: 1vh;
}

.home__footer-mess {
  /*
  margin-bottom: 85px;*/
  margin-bottom: 9vh;
}

.home__form {
  /*
  max-width: 980px;*/
  width: 55vw;
  margin-left: auto;
  margin-right: 0;
  /*
  padding-bottom: 50px;*/
  padding-bottom: 5vh;
}

.home__form-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  /*
  gap: 30px;
  margin-bottom: 30px;*/
  gap: 3vh 3vw;
  margin-bottom: 3vh;
}

.home__form-question {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
}

.home__form-input {
  background: none;
  padding: 0 0 0.5vh 0;
  font-weight: 400;
  /*
  font-size: 1rem;*/
  font-size: calc(var(--index) * 0.9);
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  border-radius: 0;
  border-bottom: 1px solid #fff;
}
.home__form-input::-webkit-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.home__form-input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.home__form-input:-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.home__form-input::-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.home__form-input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}

.home__footer-file {
  /*
  margin-bottom: 17px;*/
  margin-bottom: 2vh;
}

.home__form-label-text {
  font-weight: 400;
  /*
  font-size: 0.7778rem;*/
  font-size: calc(var(--index) * 0.75);
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  position: relative;
  /*
  padding-left: 35px;*/
  padding-left: 2vw;
}
.home__form-label-text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  /*
  width: 22px;
  height: 22px;*/
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 50%;
  border: 2px solid #E06437;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.home__form-chekded:checked + .home__form-label-text::after {
  content: url("../../img/icons/checked.svg");
  border: 2px solid transparent;
}

.home__form-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;
}

.home__footer-modal {
  margin-bottom: 48px;
}

.home__footer-map {
  width: 100%;
  /*
  height: 380px;*/
  height: 38vh;
}
.home__footer-map iframe {
  width: 100%;
  height: 100%;
}

.home__footer-modal-title {
  font-weight: 700;
  /*
  font-size: 2.2222rem;*/
  font-size: calc(var(--index) * 2);
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  /*
  margin-bottom: 25px;*/
  margin-bottom: 5vh;
}

.home__footer-modal-text {
  font-weight: 400;
  /*
  font-size: 24px;*/
  font-size: calc(var(--index) * 1.3);
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  opacity: 0.8;
}

.home__footer-modal {
  /*
  width: 635px;*/
  width: 35vw;
  /*
  margin: 130px auto;*/
  margin: 13vh auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home__footer-modal-img {
  /*
  width: 64px;
  height: 64px;
  margin-right: 25px;*/
  width: 3.5vw;
  height: 3.5vw;
  margin-right: 2vw;
}

.home-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.home__form-btn {
  min-width: 170px;
  min-height: 41px;
  font-size: calc(var(--index) * 0.9);
  padding: 0;
  font-weight: 700;
  line-height: 130%;
}

.home__footer-wrapp-backgroun {
  width: 30vw;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(40%);
      -ms-transform: translateY(40%);
          transform: translateY(40%);
  z-index: -1;
}
.home__footer-wrapp-backgroun img {
  display: inline-block;
  height: auto;
  width: 5vw;
}

@media (max-width: 1680px) {
  .home__footer-title {
    font-size: 35px;
  }
  .home__form-title {
    font-size: 30px;
  }
  .home__footer-text {
    font-size: 16px;
  }
}
@media (max-width: 1400px) {
  .home__footer-wrapp {
    width: 87vw;
    padding-top: 10vh;
    -ms-grid-columns: 20vw 1fr;
    grid-template-columns: 20vw 1fr;
  }
  .home__footer-title {
    margin-bottom: 4vh;
  }
  .home__footer-text {
    font-size: 14px;
  }
  .home__footer-link svg,
  .home__footer-link img {
    width: 1.5vw;
    height: auto;
  }
  .home__footer-link {
    margin-bottom: 2.7vh;
  }
  .home__footer-link-2 {
    margin-bottom: 2.5vh;
  }
  .home__footer-title,
  .home__form-title {
    font-size: 20px;
  }
  .home__form {
    width: 100%;
  }
  .home__form-input {
    font-size: calc(var(--index) * 1.2);
  }
  .home__form-box {
    margin-bottom: 2vh;
  }
  .home__form-label-text {
    font-size: calc(var(--index) * 0.94);
    padding-left: 2.3vw;
  }
  .home__footer-file {
    margin-bottom: 1vh;
  }
  .home__form-btn {
    min-width: 170px;
    min-height: 41px;
    font-size: calc(var(--index) * 1.2);
  }
  .home__form-row {
    padding-right: 8vw;
  }
  .home__footer-coll-2 {
    width: 57vw;
  }
  .home__footer-modal {
    width: 55vw;
  }
  .home__footer-modal-img {
    width: 4.5vw;
    height: 4.5vw;
    margin-right: 2vw;
  }
  .home__footer-modal-title {
    font-weight: 700;
    font-size: calc(var(--index) * 2.27);
    margin-bottom: 4vh;
  }
  .home__footer-modal-text {
    font-size: calc(var(--index) * 1.6);
  }
  .home__footer-modal-col {
    padding-top: 2vh;
  }
}
@media (max-width: 998px) {
  .home__footer-wrapp {
    width: 94vw;
    -ms-grid-columns: 30vw 1fr;
    grid-template-columns: 30vw 1fr;
    gap: 4vw;
  }
  .home__footer-title {
    font-family: "Floripa";
    font-weight: 400;
    font-size: calc(var(--index) * 2.6);
    margin-bottom: 5vh;
  }
  .home__footer-text {
    font-size: calc(var(--index) * 1.7);
  }
  .home__footer-link svg,
  .home__footer-link img {
    width: 2.5vw;
    margin-right: 2vw;
  }
  .home__footer-row svg,
  .home__footer-row img {
    width: 2.5vw;
    height: 2.5vw;
    margin-right: 2vw;
  }
  .home__footer-coll-2 {
    width: 60vw;
  }
  .home__footer-message-link {
    width: 2.5vw;
    height: 2.5vw;
  }
  .home__footer-mess {
    margin-bottom: 7vh;
  }
  .home__footer-mess .arrow-animate img,
  .home__footer-mess .arrow-animate-2 img {
    display: inline-block;
    height: auto;
    width: 0.8vw;
  }
  .home__form-title {
    font-size: calc(var(--index) * 2.6);
    margin-bottom: 3vh;
  }
  .home__form-input {
    width: 100%;
    font-size: calc(var(--index) * 1.84);
  }
  .home__form-box {
    width: 100%;
    gap: 2vw;
  }
  .home__footer-file {
    margin-bottom: 2vh;
  }
  .home__form-label-text {
    font-size: calc(var(--index) * 1.7);
    padding-left: 4.3vw;
    display: block;
  }
  .home__form-label-text::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .home__form-row {
    padding-right: 0;
  }
  .home__form-btn {
    min-width: 145px;
    min-height: 34px;
    font-size: calc(var(--index) * 1.8);
  }
  .home__footer-modal {
    width: 60vw;
  }
  .home__footer-modal-img {
    width: 6.2vw;
    height: 6.2vw;
    margin-right: 1.5vw;
  }
  .home__footer-modal-title {
    font-size: calc(var(--index) * 2.6);
    margin-bottom: 4vh;
  }
  .home__footer-modal-text {
    width: 80%;
    font-size: calc(var(--index) * 2.2);
  }
}
@media (max-width: 740px) {
  .home__footer-animate-1,
  .home__footer-animate-2 {
    -webkit-transform: scale(1) translate(0);
        -ms-transform: scale(1) translate(0);
            transform: scale(1) translate(0);
    opacity: 1;
    -webkit-transition: 1;
    -o-transition: 1;
    transition: 1;
  }
  .home-footer .home__footer-wrapp {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .home__footer-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  .home__form-box {
    display: block;
  }
  .home__form-input {
    width: 100%;
  }
  .home__footer-coll-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .home__form-title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 0;
    margin-right: auto;
    font-family: "Avenir Next Cyr";
    font-weight: 800;
    font-size: 20px;
    line-height: 130%;
    padding-top: 30px;
    margin-bottom: 23px;
  }
  .home__footer-title {
    font-family: "Avenir Next Cyr";
    font-weight: 800;
    font-size: 20px;
    line-height: 130%;
  }
  .home__footer-map {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100vw;
    margin-left: -20px;
  }
  .home__form-row {
    display: block;
  }
  .home__footer-wrapp-backgroun {
    display: block;
    -webkit-transform: translate(-57%, -345px);
        -ms-transform: translate(-57%, -345px);
            transform: translate(-57%, -345px);
  }
  .home__form {
    max-width: 500px;
    margin-left: 0;
    margin-right: 20px;
    padding-bottom: 35px;
  }
  .home__footer-wrapp {
    padding-top: 15px;
  }
  .home__footer-link {
    width: 80%;
  }
  .home__footer-wrapp {
    gap: 10px;
  }
  .home__form-input {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 19px;
  }
  .home__form-input:nth-last-child(1) {
    margin-bottom: 0;
  }
  .home__footer-file {
    margin-bottom: 5px;
  }
  .home__form-label-text {
    padding-left: 35px;
    margin-bottom: 22px;
  }
  .home__form-btn {
    min-width: 280px;
    font-size: 14px;
    line-height: 130%;
    border-radius: 6px;
  }
  .home__footer-mess {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 25px;
  }
  .home__footer-mess::after {
    content: url("../../img/home/home__nav-mobilde.svg");
    position: absolute;
    bottom: -218px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
  .home__footer-animate-1 {
    z-index: 1;
  }
  .home__footer-modal {
    width: auto;
  }
  .home__footer-text {
    font-size: 14px;
    line-height: 130%;
    text-transform: inherit;
  }
  .home__footer-link svg,
  .home__footer-link img {
    width: 18px;
    margin-right: 10px;
  }
  .home__footer-link {
    margin-bottom: 12px;
    text-transform: inherit;
  }
  .home__footer-row-coll {
    padding-top: 10px;
  }
  .home__footer-row svg,
  .home__footer-row img {
    height: auto;
    width: 20px;
    margin-right: 10px;
    top: 10px;
    position: relative;
  }
  .home__footer-arrow-left {
    -webkit-transform: rotate(-165deg);
        -ms-transform: rotate(-165deg);
            transform: rotate(-165deg);
    position: relative;
    top: 0px;
    margin-right: 10px;
  }
  .home__footer-mess .arrow-animate img,
  .home__footer-mess .arrow-animate-2 img {
    width: 10px;
  }
  .home__footer-arrow-right {
    -webkit-transform: rotate(-190deg);
        -ms-transform: rotate(-190deg);
            transform: rotate(-190deg);
    position: relative;
    right: -25px;
    top: -7px;
  }
  .home__footer-arrow-right img {
    width: 10px;
    height: auto;
  }
  .home__footer-message-link {
    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;
  }
  .home__footer-message-link:nth-child(1) {
    margin-top: 5px;
    margin-right: 10px;
  }
  .home__footer-message-link:nth-child(2) {
    margin-top: 5px;
    position: relative;
    right: -15px;
    top: -5px;
  }
  .home__footer-message-link img {
    width: 30px;
    height: 30px;
  }
  .home__footer-modal {
    max-width: 400px;
    margin-top: 100px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
  }
  .home__footer-modal-img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
  }
  .home__footer-modal-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .home__footer-modal-text {
    font-size: 18px;
    line-height: 130%;
    width: 100%;
  }
  .home__footer-link-2 {
    margin-bottom: 5px;
  }
  .home__footer-coll-2 {
    width: 100%;
    padding-top: 7px;
  }
  .home__form-box {
    padding-right: 20px;
    margin-bottom: 25px;
  }
  .home__form-label-text {
    font-size: 12px;
    line-height: 130%;
  }
  .home__form-label-text::after {
    width: 20px;
    height: 20px;
  }
  .home-footer {
    overflow: hidden;
  }
}
@media (max-width: 420px) {
  .home__footer-modal {
    margin-right: 30px;
  }
  .home__footer-map {
    height: 103px;
  }
}


.cart-discount-img-top {
  position: absolute;
  width: 50px;
  height: 23px;
  right: 25px;
  top: 25px;
  z-index: 1;
}

.card__box-img-discount {
  margin-bottom: 30px;
}

.card__header-discount {
  margin-bottom: 30px;
}

.cart-discount-btn {
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #181818;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  padding: 11px 18px;
  outline: none;
}
.cart-discount-btn:hover {
  opacity: 0.5;
}
.cart-discount-btn:active {
  opacity: 0.2;
}

.cart-discount-btn-bottom {
  border-radius: 0px 0px 10px 10px;
  border: 1.5px solid rgba(24, 24, 24, 0.1);
  background: rgba(24, 24, 24, 0.1);
}


.card-discount-info-title {
  color: #181818;
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}

.cart-discount-btn-top {
  border-radius: 0px 0px 10px 10px;
  background: #07A551;
  color: #fff;
  border: none;
}

.card-row-discount {
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 20px;
}

.card-discount-info {
  color: #E06437;
}

.card-discount-coll-img {
  margin-right: 0;
  margin-left: auto;
  display: block;
  width: 36px;
  height: 36px;
}

.card-discount-price-discount {
  color: #181818;
  text-align: right;
  font-size: 16px;
  text-decoration: line-through;
  line-height: 130%;
  letter-spacing: -0.48px;
  padding-right: 10px;
}

.card-discount-price {
  color: #E06437;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.42px;
}


.header-mobil__img {
  display: none;
}

.logo-img-active-mobille {
  display: none;
}

.header__mobile-body {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  display: none;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-columns: auto auto auto auto;
  grid-template-columns: auto auto auto auto;
}

.header__moblile-body-btn {
  color: #E06437;
  font-size: 17px;
  font-weight: 750;
  line-height: 120%;
  text-decoration-line: underline;
  text-transform: capitalize;
}
.header__moblile-body-btn img {
  width: 30px;
  height: 28px;
  display: block;
}

.header__moblile-body-tell {
  padding-left: 10px;
}

.logo-img-active-mobille {
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 1680px) {
  .card__box-img-discount {
    margin-bottom: 20px;
  }
  .card-discount-coll-img {
    width: 32px;
    height: 32px;
  }
  .card-discount-price-discount {
    font-size: 21px;
    line-height: 130%;
  }
  .cart-discount-btn {
    font-size: 16px;
    line-height: 130%;
    padding: 10px 14px;
  }
  .card__header-discount {
    margin-bottom: 20px;
  }
  .card-discount-price {
    font-size: 18px;
    line-height: 130%;
  }
  .card-discount-info-title {
    font-size: 12px;
    line-height: 130%;
  }

  .cart-discount-img-top {
    width: 40px;
    height: 18.4px;
    top: 20px;
    right: 20px;
  }
}

@media (max-width: 992px) {
  .cart-discount-img-top {
    width: 35px;
    height: 16.1px;
    top: 15px;
    right: 15px;
  }
  .card-discount-price-discount {
    font-size: 18px;
    line-height: 130%;
  }
  .cart-discount-btn {
    font-size: 14px;
    padding: 6px 12px;
    line-height: 130%;
  }
  .card__box-img-discount {
    margin-bottom: 15px;
  }
  .card-discount-price {
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width: 760px) {
  .card-discount-coll-img {
    margin-bottom: 0;
  }
}
@media (max-width: 572px) {
  .card-row-discount {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .card-discount-coll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding-top: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .card-discount-price-discount {
    padding-right: 5px;
  }
  .card-discount-coll-2 {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-grid-columns: 130px 40px;
    grid-template-columns: 130px 40px;
  }
  .card-discount-coll-img {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
  .card-discount-info-title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    text-align: left;
  }
  .card-discount-info {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
}
@media (max-width: 520px) {
  .card__header-discount {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
}
/*new style 12 july*/
@media (max-width: 1680px) {
  .card-row-discount {
    gap: 15px;
  }
  .card-discount-price-discount {
    font-size: 16px;
  }
  .card-discount-price {
    font-size: 22px;
  }
  .card-discount-info-title {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .card-discount-price-discount {
    font-size: 14px;
  }
  .card-discount-price {
    font-size: 16px;
  }
  .card-discount-info-title {
    font-size: 12px;
  }
  .card-discount-coll-img {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 760px) {
  .header__search-box--mobil {
    display: none;
  }
  .menu-btn-img-mobile {
    display: none;
  }
  .header-mobil__img {
    display: block;
  }
  .logo-img-dell-mobille {
    display: none;
  }
  .logo-img-active-mobille {
    width: 84px !important;
    height: 28px !important;
    display: block;
  }
  .header__tell-dell-mobille {
    display: none;
  }
  .header--container-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    gap: 30px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header__mobile-body {
    display: -ms-grid;
    display: grid;
  }
  .bread__padding {
    padding-top: 20px;
  }
}
@media (max-width: 572px) {
  .card-discount-coll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .card-discount-coll-2 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
/*category*/
.category__link-text {
  color: #181818;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 750;
  line-height: 130%;
  text-transform: uppercase;
  margin-top: 16px;
  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;
  min-height: 63px;
}

.category-link-img {
  width: 100%;
  height: 170px;
  -o-object-fit: contain;
     object-fit: contain;
}

.category-link {
  width: 100%;
  border-radius: 10px;
  background: #F9F9F9;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.03);
  padding: 20px;
}

.category-right {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

@media (max-width: 1650px) {
  .category__link-text {
    font-size: 14px;
    min-height: 40px;
  }
  .category-right {
    gap: 15px;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .category-link-img {
    height: 166px;
  }
}
@media (max-width: 992px) {
  .category-right {
    gap: 15px;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 760px) {
  .category__link-text {
    font-size: 12px;
    min-height: 53px;
  }
  .category-link-img {
    height: 113px;
  }
  .category-link {
    padding: 12px;
  }
  .category-title {
    padding-left: 18px;
  }
  .category-right {
    padding-bottom: 70px;
  }
}
@media (max-width: 572px) {
  .category-right {
    gap: 5px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
/*правки 15.02.2024*/
.card-img-fix {
  margin-bottom: 15px;
}
.card-img-fix img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.card-monument--wrapper {
  margin-top: auto;
  margin-bottom: 0;
  padding: 0 20px 10px 20px;
}
@media (max-width: 767px) {
  .card-monument--wrapper {
    padding: 0 12px 10px 12px;
  }
}
.card-monument--wrapper .card-title-discount,
.card-monument--wrapper .card-discount-coll-2 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(24, 24, 24, 0.05);
}
@media (max-width: 1680px) {
  .card-monument--wrapper .card-title-discount,
  .card-monument--wrapper .card-discount-coll-2 {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
.card-monument--wrapper .card-discount-coll {
  padding-top: 0;
}


/*---------------*/
/*-product-*/
.product {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 263px 20px 563px;
  grid-template-columns: 1fr 263px 563px;
  gap: 0 20px;
  -ms-grid-rows: auto 0 auto 0 auto 0 auto;
      grid-template-areas: "--header --header --right" "--img-left --center --right" "--material-left --center --right" "--container-left --center --right";
}

.product__delivery-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.product-stella {
  -ms-grid-columns: 1fr 0 430px 0 563px;
  grid-template-columns: 1fr 430px 563px;
  gap: 0;
  -ms-grid-rows: auto 0 auto 0 auto 0 auto;
      grid-template-areas: "--header --header   --header" "--img-left --center --right" "--material-left --center --right" "--container-left --center --right";
}

.product-padding {
  padding-bottom: 100px;
}

.--left-center {
  grid-area: --left-center;
}

.--right {
  -ms-grid-row: 1;
  -ms-grid-row-span: 7;
  -ms-grid-column: 5;
  grid-area: --right;
}

.product-stella > .--right {
  -ms-grid-row: 3;
  -ms-grid-row-span: 5;
  -ms-grid-column: 5;
}

.--header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: --header;
}

.product-stella > .--header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
}

.--center {
  -ms-grid-row: 3;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
  grid-area: --center;
}

.product-stella > .--center {
  -ms-grid-row: 3;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
}

.product__garden {
  width: 220px;
  margin-top: 60px;
}

.--img-left {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: --img-left;
}

.product-stella > .--img-left {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.--material-left {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: --material-left;
}

.product-stella > .--material-left {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}

.--container-left {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: --container-left;
}

.product-stella > .--container-left {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}

.product-title {
  font-weight: 700;
  font-size: 1.6667rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
  padding-bottom: 8px;
}

.product___header-title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  padding-bottom: 5px;
}

.product__header {
  margin-bottom: 15px;
}

.product__header-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.product__box-img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 65px;
  width: 465px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product__box-img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product__material-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  height: 50px;
  width: 40px;
}

.product__material-next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.product__material-btn.swiper-button-disabled {
  opacity: 0;
}

.product__material-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

.product__materila-swiper {
  overflow: hidden;
  width: 410px;
  height: 50px;
}

.product__materila-span-img {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  overflow: hidden;
}

.product__materila-span {
  cursor: pointer;
  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;
}

.product__materila-input:checked + .product__materila-span::after {
  content: url("../../img/icons/slaider-checkbox.svg");
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.product__garden-title {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #E06437;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(224, 100, 55, 0.1);
}

.product__garden-swiper {
  overflow: hidden;
  height: 500px;
  padding: 30px;
}

.product__garden-span {
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  display: block;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.product__garden-header {
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  isolation: isolate;
}
.product__garden-header::after {
  content: "";
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #C4C6C9;
  z-index: -1;
}
.product__garden-header::before {
  content: "";
  height: 3px;
  width: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #5A6F86;
}

.product__garden-img {
  width: 100%;
  height: 68px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.product__garden-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;
}

.product__garden-size,
.product__garden-price {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.product__garden-input:checked + .product__garden-span {
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
}
.product__garden-input:checked + .product__garden-span .product__garden-header::before {
  background: #E06437;
}

.product__container {
  background: #F5F7FB;
  padding: 30px;
  margin-bottom: 40px;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
}

.product__container-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  padding-bottom: 30px;
}

.product__table-title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.product__table-text {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.product__table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product__table-coll {
  width: 33%;
}
.product__table-coll:nth-child(2) {
  width: 35%;
  padding-left: 4px;
}
.product__table-coll:nth-last-child(1) {
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 28px;
}

.product__box-container {
  margin-top: 80px;
}

.product__container-size {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.product__container-label {
  display: block;
}

.product__container-row {
  width: 100%;
  padding: 8px 18px 8px 55px;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 15px;
}
.product__container-row:hover {
  background: rgba(24, 24, 24, 0.02);
}
.product__container-row::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #AEA4AF;
  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;
}

.product-input:checked + .product__container-row {
  background: #DFE2E8;
}
.product-input:checked + .product__container-row::after {
  content: url("../../img/icons/slaider-checkbox.svg");
  border: 2px solid transparent;
}

.product__table-row {
  margin-bottom: 22px;
}

.product__container-label:nth-last-child(1) .product__table-row {
  margin-bottom: 0;
}

.product__additional-span {
  position: relative;
  font-weight: 450;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  padding-left: 35px;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-bottom: 15px;
  display: block;
}
.product__additional-span:hover {
  color: #E06437;
}
.product__additional-span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #AEA4AF;
  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;
}

.product-input:checked + .product__additional-span::after {
  content: url("../../img/icons/slaider-checkbox.svg");
  border: 2px solid transparent;
}

.product__container-box-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product__additional-box-img {
  width: 155px;
  height: 180px;
  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;
}
.product__additional-box-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product__additional-tab.--active {
  display: -ms-grid;
  display: grid;
}

.product__additional-tab {
  -ms-grid-columns: 155px 1fr;
  grid-template-columns: 155px 1fr;
  gap: 30px;
}

.product__additional-coll {
  max-width: 431px;
  padding-top: 5px;
}

.product__additional-title {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  padding-bottom: 10px;
}

.product__additional-header {
  background: #FFFFFF;
  border-radius: 15px;
  border: 1px solid #fff;
}

.product__additional-select {
  margin-bottom: 20px;
}

.product__additional-num {
  width: 100%;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 10px 20px;
}

.product__info-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #E06437;
  margin-bottom: 30px;
}

.product__info-body {
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  padding: 30px;
}

.product__footer-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;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product__footer-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  text-align: right;
  letter-spacing: -0.02em;
  color: #E06437;
}

.product__footer-summ {
  font-weight: 700;
  font-size: 1.5556rem;
  line-height: 130%;
  text-align: right;
  letter-spacing: -0.02em;
  color: #181818;
  margin-left: auto;
  margin-right: 0;
}

.product__footer-btn {
  margin-left: auto;
  margin-right: 0;
  min-width: 256px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
}

.product__delivery-select__current,
.product__delivery-select-span {
  text-transform: capitalize;
}

.product__delivery-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.product__delivery-select-header {
  border: 1px solid #fff;
  background: #fff;
}

.product__accardion-header {
  pointer-events: none;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 1.2222rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  margin-bottom: 30px;
}
.product__accardion-header .accardion__arrow {
  display: none;
}

.product__delivery-header {
  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;
  margin-bottom: 30px;
}

.product__delivery {
  padding: 30px;
  background: #DFE2E8;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}

.product__info {
  max-width: 540px;
  margin-top: 40px;
  margin-bottom: 32px;
}

.product__info-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  padding-bottom: 3px;
}

.product__info-size {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  margin-right: auto;
}

.product__info-sum {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  margin-left: auto;
  margin-right: 0;
}

.product__info-coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product__info-row {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(24, 24, 24, 0.1);
}
.product__info-row:nth-last-child(1) {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

.product__info-footer {
  padding-top: 50px;
  padding-bottom: 30px;
}

.product__accardion-name {
  font-weight: 700;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.product__accardion-characteristic {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  text-align: right;
  letter-spacing: -0.02em;
  color: #181818;
}

.product__accardion-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;
  margin-bottom: 28px;
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(24, 24, 24, 0.1);
}

.product__accardion-wrapper {
  padding-right: 22px;
  padding-left: 0;
  padding-bottom: 0;
}

.product__container--additional {
  margin-bottom: 35px;
  max-width: 910px;
}

.product__info-stella {
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
}

.product__info-stella-title {
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 2rem;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #181818;
}

.product__info-stella-btn {
  width: 256px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
}

.product__commodity-box-img {
  margin-right: 25px;
  background: #F5F7FB;
  -webkit-box-shadow: 18px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 18px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 0 20px 20px 0;
  padding-top: 30px;
  padding-right: 30px;
}
.product__commodity-box-img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product__container-commodity {
  margin-bottom: 0;
  border-radius: 20px 0 0 20px;
  padding-right: 15px;
}

.product__commodity-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.product__header--stella {
  margin-bottom: 43px;
}

.product__info--stella {
  margin-top: 0;
}

.product__commodity-size {
  margin-top: 25px;
  padding: 9px 18px;
  background: #FFFFFF;
  border-radius: 12px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.product__commodity-select {
  margin-top: 25px;
}

.product__commodity-select__current {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  text-transform: inherit;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.product__commodity-select-header {
  padding: 9px 18px;
}

.product__commodity-accardion-title {
  display: block;
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.product__commodity-accardion-subtitle {
  display: block;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.product__commodity-accardion {
  margin-bottom: 35px;
}

.product__commodity-header .accardion__arrow {
  display: none;
}

.product__commodity-header {
  display: block;
  pointer-events: none;
}

.product__commodity-row {
  margin-bottom: 35px;
}

.product__commodity-wrapper {
  padding-left: 0;
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  color: #1E1F24;
}

.product__commodity-select .select__arrow path,
.product__additional-select .select__arrow path {
  stroke: #E06437;
}

.product__container-box {
  margin-bottom: 40px;
}

.product__table-visible {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-decoration-line: underline;
  color: #E06437;
  opacity: 0.5;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  margin-left: auto;
  margin-right: 0;
  margin-top: 12px;
  display: none;
}

.product__mobil-coll {
  display: inline-block;
  width: 16px;
  margin-left: auto;
  margin-right: auto;
}

.product__mobil-open {
  width: 100%;
	height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background: url("../../img/btn-back.svg") no-repeat center bottom;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  margin-bottom: -1px;
}

.product__mobil-wrapp {
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 20px 20px 0px 0px;
  margin-bottom: -1px;
}

.product__mobil-title {
  font-weight: 450;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  opacity: 0.5;
}

.product__mobil-wrapp {
  padding: 15px 15px 0 15px;
}

.product__mobil-close {
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

.product__mobil-row--active {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product__mobil-header {
  display: none;
}

.product__mobil-row--active {
  padding-bottom: 25px;
}

.product__commodity-body {
  overflow: visible;
}

@media (max-width: 1540px) {
  .product {
    -ms-grid-columns: 1fr 198px 462px;
    grid-template-columns: 1fr 198px 462px;
  }
}
@media (max-width: 1400px) {
  .product__container--additional {
    max-width: 667px;
  }
  .product {
    padding-top: 5px;
    -ms-grid-columns: 1fr 10px 185px 10px 386px;
    grid-template-columns: 1fr 185px 386px;
    padding-left: 20px;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto;
        grid-template-areas: "--header --header --header" "--img-left --center --right" "--material-left --center --right" "--container-left --center --right";
    gap: 0 10px;
  }
  .product-title {
    font-size: 25px;
    line-height: 130%;
  }
  .product___header-title {
    font-size: 16px;
    line-height: 130%;
  }
  .product__header-text {
    font-size: 16px;
    line-height: 130%;
  }
  .product__box-img {
    width: 389px;
    margin-top: 80px;
  }
  .product__box-img img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .product__materila-span-img {
    width: 40px;
    height: 40px;
  }
  .product__materila-swiper {
    width: 335px;
    height: 40px;
  }
  .product__material-btn {
    width: 30px;
    height: 40px;
  }
  .product__material-btn svg {
    width: 9px;
    height: auto;
  }
  .product__garden-swiper {
    padding: 22px 30px;
  }
  .product__garden {
    width: 195px;
    margin-top: 70px;
  }
  .product__garden-img {
    height: 56px;
  }
  .product__garden-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .product__garden-size {
    font-size: 14px;
    line-height: 130%;
  }
  .product__garden-price {
    font-size: 14px;
    line-height: 130%;
  }
  .product__info-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
  }
  .product__info-name {
    font-size: 16px;
    line-height: 130%;
  }
  .product__info-size {
    font-size: 16px;
    line-height: 130%;
  }
  .product__info-sum {
    font-size: 16px;
    line-height: 130%;
  }
  .product__info-body {
    padding: 25px;
  }
  .product__info-row {
    padding-bottom: 16px;
  }
  .product__footer-title {
    font-size: 22px;
    line-height: 130%;
  }
  .product__footer-summ {
    font-size: 26px;
    line-height: 130%;
  }
  .product__info-footer {
    padding-top: 45px;
    padding-bottom: 40px;
  }
  .product__footer-btn {
    min-width: 211px;
    min-height: 41px;
    font-size: 16px;
    line-height: 130%;
  }
  .product__delivery {
    padding: 20px;
  }
  .product__delivery-title {
    font-size: 22px;
    line-height: 130%;
  }
  .product__delivery-btn svg {
    width: 8px;
    display: inline-block;
    height: auto;
  }
  .product__delivery-select-header {
    padding: 7px 12px;
  }
  .product__delivery-select__current {
    font-size: 16px;
    line-height: 130%;
  }
  .product__info {
    margin-bottom: 40px;
  }
  .product__accardion-header {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 25px;
  }
  .product__accardion-name {
    font-size: 16px;
    line-height: 130%;
  }
  .product__accardion-characteristic {
    font-size: 16px;
    line-height: 130%;
  }
  .product__accardion-wrapper {
    padding-right: 0;
  }
  .product__accardion-row {
    margin-bottom: 15px;
  }
  .--header {
    width: 100%;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  .--container-left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .product__box-container {
    max-width: 590px;
    margin-top: 55px;
  }
  .product__container-title {
    font-size: 22px;
    line-height: 130%;
    padding-bottom: 25px;
  }
  .product__table-title {
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 5px;
  }
  .product__table-text {
    font-size: 14px;
    line-height: 130%;
  }
  .product__table-coll {
    width: 36%;
  }
  .product__table-coll:nth-child(2) {
    width: 40%;
  }
  .product__table-coll:nth-last-child(1) {
    padding-right: 20px;
  }
  .product__container-size {
    font-size: 16px;
    line-height: 130%;
  }
  .product__container {
    padding: 25px 25px 15px 25px;
    margin-bottom: 33px;
  }
  .product__container-row {
    padding: 8px 13px 8px 45px;
    margin-bottom: 13px;
  }
  .product__container-row::after {
    width: 18px;
    height: 18px;
    left: 16px;
  }
  .product-input:checked + .product__container-row::after {
    content: "";
    background: url("../../img/icons/slaider-checkbox.svg") no-repeat center center/contain;
    width: 22px;
    height: 22px;
  }
  .product__table-row {
    margin-bottom: 15px;
  }
  .--right {
    -ms-grid-row: 3;
    -ms-grid-row-span: 5;
    -ms-grid-column: 5;
  }
  .--header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .--center {
    -ms-grid-row: 3;
    -ms-grid-row-span: 5;
    -ms-grid-column: 3;
  }
  .--img-left {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .--material-left {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .--container-left {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
}
@media (max-width: 1170px) {
  .product__box-img {
    width: 317px;
    height: auto;
    margin-bottom: 90px;
  }
  .product__materila-swiper {
    width: 280px;
    height: 35px;
  }
  .product__materila-span-img {
    width: 35px;
    height: 35px;
  }
  .product__material-btn {
    width: 35px;
    height: 35px;
  }
  .product__materila-input:checked + .product__materila-span::after {
    content: "";
    background: url("../../img/icons/slaider-checkbox.svg") no-repeat center center/contain;
    width: 16px;
    height: 16px;
  }
  .product {
    -ms-grid-columns: 1fr 195px 340px;
    grid-template-columns: 1fr 195px 340px;
    gap: 5px;
    padding-left: 0;
  }
  .product__box-container {
    max-width: 480px;
  }
}
@media (max-width: 992px) {
  .product__container--additional {
    max-width: 500px;
  }
  .product-title {
    font-size: 22px;
    line-height: 130%;
  }
  .product___header-title {
    font-size: 14px;
    line-height: 130%;
  }
  .product__header-text {
    font-size: 14px;
    line-height: 130%;
  }
  .product__box-img {
    margin-top: 35px;
    margin-bottom: 55px;
  }
  .product {
    -ms-grid-columns: 1fr 145px 1fr;
    grid-template-columns: 1fr 145px 1fr;
  }
  .product__material-btn {
    width: 20px;
  }
  .product__garden {
    margin-top: 0px;
  }
  .product__garden-swiper {
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .product__garden {
    margin-top: 10px;
    width: 130px;
  }
  .product__garden-img {
    height: 34px;
  }
  .product__garden-size {
    font-size: 12px;
    line-height: 130%;
    padding-bottom: 5px;
  }
  .product__garden-price {
    font-size: 12px;
    line-height: 130%;
  }
  .product__garden-swiper {
    height: 405px;
  }
  .product__garden-title {
    font-size: 12px;
    line-height: 130%;
  }
  .product__garden-header {
    padding-bottom: 7px;
  }
  .product__garden-header::before, .product__garden-header::after {
    height: 2px;
  }
  .product__info {
    margin-top: 0;
  }
  .product__info-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .product__header {
    margin-bottom: 0;
  }
  .product__info-name {
    font-size: 12px;
    line-height: 130%;
  }
  .product__info-size {
    font-size: 14px;
    line-height: 130%;
  }
  .product__info-sum {
    font-size: 14px;
    line-height: 130%;
    padding-left: 5px;
  }
  .product__footer-title {
    font-size: 20px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .product__footer-summ {
    font-size: 24px;
    line-height: 130%;
  }
  .product__footer-btn {
    font-size: 14px;
    line-height: 130%;
    min-width: 192px;
    min-height: 34px;
    padding: 0;
  }
  .product__delivery-title {
    font-size: 20px;
    line-height: 130%;
  }
  .product__accardion-header {
    font-size: 20px;
    line-height: 130%;
  }
  .product__accardion-name {
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .product__accardion-characteristic {
    font-size: 14px;
    line-height: 130%;
  }
  .product__accardion-row {
    -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: start;
  }
  .product__container {
    padding: 20px;
  }
  .product__container-title {
    font-size: 20px;
    line-height: 130%;
  }
  .product__table-title {
    font-size: 14px;
    line-height: 130%;
  }
  .product__table-text {
    font-size: 12px;
    line-height: 130%;
  }
  .product__container-size {
    font-size: 14px;
    line-height: 130%;
  }
  .product__info-body {
    padding: 20px;
  }
  .product__info-row {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .product__info-footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .product__footer-row {
    margin-bottom: 10px;
  }
  .product__delivery {
    padding: 15px;
  }
  .product__delivery-btn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 30px;
  }
  .product__delivery-btn svg {
    width: 7.5px;
  }
  .product__delivery-header {
    margin-bottom: 22px;
  }
  .product__delivery-select__current {
    font-size: 14px;
    line-height: 130%;
  }
  .product__info {
    margin-bottom: 30px;
  }
  .product__accardion-header {
    margin-bottom: 20px;
  }
  .product__accardion-name {
    padding-bottom: 5px;
  }
  .product__accardion-row {
    margin-bottom: 5px;
  }
  .product__table-coll:nth-child(2) {
    width: 37%;
  }
  .product__box-container {
    margin-top: 75px;
  }
  .product__table-coll:nth-last-child(1) {
    padding-right: 0;
  }
  .product__container-title {
    padding-bottom: 20px;
  }
  .product__table-row {
    margin-bottom: 23px;
  }
  .product__container-row {
    padding: 6px 13px 6px 40px;
    margin-bottom: 13px;
    margin-bottom: 10px;
  }
  .product__container-row::after {
    width: 16px;
    height: 16px;
    left: 12px;
  }
  .product-input:checked + .product__container-row::after {
    left: 10px;
    width: 22px;
    height: 22px;
  }
  .product__container {
    margin-bottom: 25px;
  }
  .product__table-row-two {
    margin-bottom: 5px;
    padding-right: 35px;
  }
  .product__box-container {
    max-width: 490px;
    padding-right: 10px;
  }
}
@media (max-width: 830px) {
  .product {
    -ms-grid-columns: 1fr 170px 192px;
    grid-template-columns: 1fr 170px 192px;
  }
  .product__info-coll {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product__info-size {
    padding-bottom: 5px;
  }
}
@media (max-width: 740px) {
  .product {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto;
        grid-template-areas: "--img-left" "--header" "--material-left" "--right" "--center ";
    gap: 0;
  }
  .product__accardion-header {
    pointer-events: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .product__accardion-header .accardion__arrow {
    display: block;
    margin-left: 10px;
  }
  .product__accardion-header path {
    stroke: #181818;
  }
  .product__accardion-header:hover, .product__accardion-header:active {
    color: #181818;
  }
  .product__accardion-header:hover path, .product__accardion-header:active path {
    stroke: #181818;
  }
  .--header,
  .--container-left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  .product__box-container {
    max-width: 100%;
  }
  .product__garden {
    width: 100%;
  }
  .product__garden-swiper {
    height: auto;
  }
  .product__box-img {
    width: 100%;
    padding: 15px 35px 10px 35px;
  }
  .product__header,
  .product__box-img,
  .product__material-container,
  .product__garden,
  .product__accardion {
    margin: 0;
  }
  .product__header,
  .product__box-img,
  .product__material-container,
  .product__accardion {
    background: #F5F7FB;
    position: relative;
  }
  .product__header::after,
  .product__box-img::after,
  .product__material-container::after,
  .product__accardion::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 105%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
    -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  }
  .product__box-img {
    border-radius: 10px 10px 0 0;
  }
  .product__header {
    padding-left: 15px;
    padding-right: 15px;
  }
  .product__material-container {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .product__accardion {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0 0 10px 10px;
  }
  .product__right-box {
    margin-bottom: 20px;
  }
  .product-title {
    font-size: 16px;
    line-height: 130%;
  }
  .product___header-title {
    font-size: 12px;
    line-height: 130%;
  }
  .product__material-btn.swiper-button-disabled {
    display: none;
  }
  .product__materila-swiper {
    width: 130px;
    height: 27px;
  }
  .product__material-btn {
    width: 15px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 27px;
  }
  .product__material-btn svg {
    width: 7px;
    height: auto;
  }
  .product__materila-span-img {
    height: 22px;
    width: 22px;
    display: block;
  }
  .product__materila-span {
    width: 27px;
    height: 27px;
    border-radius: 2px;
    border: 1px solid transparent;
    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;
  }
  .product__materila-input:checked + .product__materila-span {
    border: 1px solid #E06437;
  }
  .product__materila-input:checked + .product__materila-span::after {
    background: none;
  }
  .product__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 5px;
  }
  .product__header-text {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    font-size: 10px;
    line-height: 130%;
    display: block;
    margin-bottom: 5px;
  }
  .accardion__header {
    font-size: 14px;
    line-height: 130%;
  }
  .product__material-container {
    padding-bottom: 10px;
  }
  .product__accardion-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .product__accardion-name {
    font-size: 12px;
    line-height: 130%;
  }
  .product__accardion-characteristic {
    font-size: 14px;
    line-height: 130%;
  }
  .product__accardion-header {
    margin-bottom: 12px;
  }
  .product__accardion-row {
    padding-bottom: 0;
    margin-bottom: 6px;
  }
  .product__accardion-row:nth-last-child(1) {
    border: none;
  }
  .product__garden-title {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative;
  }
  .product__garden-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 50%;
    height: 1px;
    background: #E06437;
  }
  .product__garden-swiper {
    padding: 0;
    overflow: inherit;
  }
  .product__garden-span {
    width: 90px;
  }
  .product__garden-size {
    font-size: 12px;
    line-height: 130%;
  }
  .product__garden-price {
    font-size: 12px;
    line-height: 130%;
  }
  .product__container {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
  }
  .product__container-title {
    font-size: 16px;
    line-height: 130%;
  }
  .product__box-container {
    margin-top: 30px;
  }
  .product__table-text {
    display: none;
  }
  .product__table-title {
    font-size: 12px;
    line-height: 130%;
    text-align: center;
  }
  .product__box-container {
    padding-right: 0;
  }
  .product__table-row {
    margin-bottom: 10px;
  }
  .product__table-header .product__table-row {
    margin-bottom: 3px;
  }
  .product__table-coll:nth-last-child(1) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .product__container-size {
    font-size: 12px;
    line-height: 130%;
  }
  .product-input:checked + .product__container-row::after {
    left: 10px;
    width: 22px;
    height: 22px;
  }
  .product__table-hidden {
    max-height: 145px;
    overflow: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .product__table-visible {
    display: block;
  }
  .product__container {
    border-radius: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(24, 24, 24, 0.1);
  }
  .product__info {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 333;
    max-height: 100vh;
    overflow: auto;
    -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
    border-radius: 20px 20px 0px 0px;
  }
  .product__delivery,
  .product__info-body {
    max-height: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    overflow: hidden;
    padding: 0 15px;
    background: #F5F7FB;
    border-radius: 0;
  }
  .product__delivery-wrapper {
    opacity: 0;
  }
  .product__info.--active .product__delivery-wrapper {
    opacity: 1;
  }
  .product__info.--active .product__delivery,
  .product__info.--active .product__info-body {
    overflow: visible;
  }
  .product__info.--active .product__mobil-row {
    display: none;
  }
  .product__info.--active .product__mobil-row--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .product__footer-summ {
    font-size: 18px;
    line-height: 130%;
  }
  .product__footer-title {
    font-size: 16px;
    line-height: 130%;
    color: #181818;
    padding-bottom: 0;
  }
  .product__footer-btn {
    font-size: 14px;
    line-height: 130%;
    min-width: 290px;
    min-height: 34px;
    margin-left: auto;
    margin-right: auto;
  }
  .product__info-header {
    display: none;
  }
  .product__info-footer {
    background: #F5F7FB;
    padding: 10px 15px 0px 15px;
  }
  .product__mobil-header {
    display: block;
  }
  .product__delivery-select-body {
    top: auto;
    bottom: 100%;
    z-index: 3;
    border-radius: 15px 15px 0px 0px;
  }
  .product__info-name {
    font-size: 12px;
    line-height: 130%;
  }
  .product__info-row {
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(24, 24, 24, 0.1);
  }
  .product__info-row:nth-last-child(1) {
    border: none;
    padding-bottom: 8px;
    margin-bottom: -1px;
    border-bottom: 0.5px solid rgba(24, 24, 24, 0.1);
  }
  .product__info-coll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .product__info-size {
    width: 60%;
  }
  .product__delivery-wrapper {
    padding: 10px;
    background: #DFE2E8;
    -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
  }
  .product__delivery-title {
    font-size: 16px;
    line-height: 130%;
  }
  .product__delivery-header {
    margin-bottom: 15px;
  }
  .product__delivery {
    padding-bottom: 15px;
    position: relative;
    top: -1px;
  }
  .product__garden-swiper {
    max-width: 320px;
  }
  .product__table-row-two {
    padding-right: 25px;
  }
  .product__table-row-two .product__table-coll:nth-child(1) {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .product__table-row-two .product__table-coll:nth-last-child(1) {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .--right {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .--header {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .--center {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .--img-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .--material-left {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
@media (max-width: 572px) {
  .product__footer-btn {
    width: 100%;
  }
}
@media (max-width: 1750px) {
  .product-stella {
    -ms-grid-columns: 550px 430px 1fr;
    grid-template-columns: 550px 430px 1fr;
  }
}
@media (max-width: 1550px) {
  .product-stella {
    -ms-grid-columns: 550px 320px 1fr;
    grid-template-columns: 550px 320px 1fr;
  }
}
@media (max-width: 1400px) {
  .product-stella {
    -ms-grid-columns: 1fr 330px 255px;
    grid-template-columns: 1fr 330px 255px;
    gap: 0;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 65px;
  }
  .product-stella .product__additional-select {
    margin-bottom: 10px;
  }
  .product-stella .product__container-box {
    margin-bottom: 13px;
  }
  .product-stella .product__delivery-header {
    margin-bottom: 20px;
  }
  .product__header--stella {
    margin-bottom: 35px;
  }
  .product__container-commodity.--container-left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  .product__container-commodity {
    margin-bottom: 0;
    padding: 5px 40px 15px 21px;
  }
  .product__container-commodity .product__container-title {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .product__commodity-box-img {
    margin-right: 40px;
    padding-top: 16px;
    padding-right: 20px;
  }
  .product__commodity-size,
  .product__commodity-select {
    margin-top: 10px;
  }
  .product__commodity-row {
    gap: 20px;
  }
  .product__commodity-row {
    margin-bottom: 25px;
  }
  .product__commodity-accardion-title {
    margin-bottom: 25px;
  }
  .product__commodity-accardion-subtitle {
    margin-bottom: 10px;
  }
  .product__commodity-accardion {
    margin-bottom: 8px;
  }
  .product__info-stella-title {
    font-size: 32px;
    line-height: 130%;
    padding-bottom: 12px;
  }
  .product__info-stella-btn {
    width: 100%;
    min-height: 41px;
    font-size: 16px;
    line-height: 130%;
  }
  .product__info-stella {
    padding: 20px;
  }
  .product__commodity-size {
    font-size: 16px;
    line-height: 130%;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 14px;
  }
}
@media (max-width: 1275px) {
  .product__commodity-box-img {
    margin-right: 20px;
  }
  .product-stella {
    -ms-grid-columns: 1fr 270px 255px;
    grid-template-columns: 1fr 270px 255px;
  }
}
@media (max-width: 1220px) {
  .product-stella {
    -ms-grid-columns: 1fr 30px 255px;
    grid-template-columns: 1fr 255px;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto;
        grid-template-areas: "--header  --header" " --center --right" "--img-left  --right" "--material-left  --right" "--container-left   --right";
    gap: 0 30px;
  }
  .product__commodity-box-img {
    margin-right: 0;
    border-radius: 20px 20px 0 0;
    -webkit-box-shadow: 8px -15px 20px rgba(0, 0, 0, 0.07);
            box-shadow: 8px -15px 20px rgba(0, 0, 0, 0.07);
    margin-bottom: -2px;
    padding: 20px;
  }
  .product__commodity-box-img img {
    width: 294px;
    height: auto;
  }
  .product__container-commodity {
    border-radius: 0 0 20px 20px;
  }
  .product__header--stella {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    margin-bottom: 30px;
  }
  .product-stella > .--right {
    -ms-grid-row: 3;
    -ms-grid-row-span: 7;
    -ms-grid-column: 3;
  }
  .product-stella > .--header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .product-stella > .--center {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .product-stella > .--img-left {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .product-stella > .--material-left {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .product-stella > .--container-left {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
  }
}
@media (max-width: 992px) {
  .product-stella {
    -ms-grid-columns: 1fr 192px;
    grid-template-columns: 1fr 192px;
  }
  .product-stella .product__delivery-select__current {
    font-size: 14px;
    line-height: 130%;
    padding-right: 5px;
  }
  .product__info-stella-title {
    font-size: 28px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #181818;
  }
  .product__info-stella-btn {
    font-size: 14px;
    line-height: 130%;
    min-height: 34px;
    font-size: 14px;
    line-height: 130%;
    min-width: 100%;
  }
  .product__info-stella {
    padding: 15px;
  }
  .product__container-commodity {
    padding-left: 15px;
    padding-right: 15px;
  }
  .product__commodity-size {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    line-height: 130%;
  }
  .product__commodity-row {
    margin-bottom: 31px;
  }
  .product__commodity-accardion-title {
    margin-bottom: 15px;
  }
  .product__commodity-accardion-subtitle {
    margin-bottom: 20px;
  }
  .product__commodity-body {
    overflow: visible;
  }
  .product__commodity-wrapper {
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 5px;
  }
  .product-stella .product__container-box {
    margin-bottom: 18px;
  }
  .product-stella {
    padding-bottom: 30px;
  }
}
@media (max-width: 740px) {
  .product-stella {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
        grid-template-areas: " --center " "--header  " "--container-left ";
    padding-bottom: 15px;
  }
  .page-stella--padding {
    padding-bottom: 50px;
  }
  .product__info-stella {
    border-radius: 0;
    margin: 0;
    padding-bottom: 0;
  }
  .product__commodity-coll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product__commodity-accardion {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .product__commodity--line-1 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .product__commodity--line-2 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .product__commodity--line-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .product__commodity--line-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .product__commodity--line-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .product__commodity-row {
    display: block;
  }
  .product__header--stella {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    margin-bottom: 0;
  }
  .product__commodity-accardion {
    background: #F5F7FB;
    -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
    border-radius: 0 0 10px 10px;
  }
  .product__commodity-accardion-subtitle {
    display: none;
  }
  .product__commodity-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    pointer-events: auto;
  }
  .product__commodity-header .accardion__arrow {
    display: block;
    margin-left: 10px;
    width: 10px;
    height: auto;
  }
  .product__commodity-header .accardion__arrow path {
    stroke: rgb(24, 24, 24);
  }
  .product__commodity-box-img {
    padding-top: 15px;
    padding-left: 43px;
    padding-right: 43px;
    padding: 15px 43px 10px 43px;
  }
  .product__commodity-box-img img {
    width: 100%;
    height: auto;
  }
  .product__commodity-accardion-title {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 130%;
  }
  .product__commodity-body {
    overflow: hidden;
  }
  .product__container-commodity {
    padding: 0;
  }
  .product__commodity-accardion {
    padding: 4px 15px 15px 15px;
  }
  .product__commodity-accardion {
    margin-bottom: 0;
  }
  .product__commodity-wrapper {
    padding-top: 10px;
    padding-right: 5px;
  }
  .product__commodity-coll .product__table-title {
    text-align: left;
  }
  .product__container-commodity .product__container-title {
    padding-bottom: 15px;
  }
  .product__container-commodity .product__table-text {
    display: block;
  }
  .product__commodity-size,
  .product__commodity-select {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .product__commodity--line-2 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(24, 24, 24, 0.1);
  }
  .product__commodity--line-2 .product__commodity-coll .product__commodity-select {
    margin-bottom: 0;
  }
  .product__commodity--line-4 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(24, 24, 24, 0.1);
  }
  .product__commodity--line-5 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(24, 24, 24, 0.1);
  }
  .product__commodity--line-5 .product__container-title {
    padding-top: 0;
  }
  .product__commodity--line-6 .product__table-text {
    display: none;
  }
  .product__commodity--line-6 .product__container-title {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .product__commodity--line-6 .product__table-coll:nth-child(2) .product__table-title {
    text-align: center;
  }
  .product-stella > .--header {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .product-stella > .--center {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .product-stella > .--container-left {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
/*правки 15.02.2024*/
.product__star {
  padding-top: 7px;
  padding-bottom: 15px;
}
.product__star .star__conttainer-title {
  opacity: 0.5;
}
@media (max-width: 1680px) {
  .product__star {
    padding-top: 2px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .product__star {
    padding-bottom: 5px;
  }
}

.additional .card-foto {
  width: 100%;
  max-width: 100%;
}
.additional .examples__body-additional {
  max-width: 100%;
}

.improvement__wrapp-padding {
  margin-bottom: 40px;
}

.improvement__header-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.02em;
  color: #181818;
}

.improvement__header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  margin-right: 32px;
}
.improvement__header-btn:nth-last-child(1) {
  margin-right: 0;
}

.improvement__header {
  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;
  margin-bottom: 30px;
}

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

.improvement__header-btn:disabled path {
  stroke: #E06437;
}

.improvement__box {
  padding: 25px;
}

.improvement__box-header {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: block;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #181818;
  margin-bottom: 25px;
}

.improvement__box-img {
  display: block;
  width: 157px;
  height: 153px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
}
.improvement__box-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.improvement__box-price {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.improvement__box-price-span {
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.improvement__box-svg {
  width: 30px;
  height: 30px;
  display: block;
}

.improvement__box-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;
  margin-top: 35px;
}

.improvement__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.improvement__box:hover {
  border: 1px solid #E06437;
}
.improvement__box:hover .improvement__box-header {
  color: #E06437;
}
.improvement__box:hover .improvement__box-price {
  color: #E06437;
}

.improvement__label-input:checked + .improvement__box {
  border: 1px solid #E06437;
}
.improvement__label-input:checked + .improvement__box .improvement__box-header {
  color: #E06437;
}
.improvement__label-input:checked + .improvement__box .improvement__box-price {
  color: #E06437;
}

.improvement__swiper-slide {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.improvement__swiper-slide.swiper-slide-active,
.improvement__swiper-slide.swiper-slide-next,
.improvement__swiper-slide.swiper-slide-next + .improvement__swiper-slide,
.improvement__swiper-slide.swiper-slide-next + .improvement__swiper-slide + .improvement__swiper-slide,
.improvement__swiper-slide.swiper-slide-next + .improvement__swiper-slide + .improvement__swiper-slide + .improvement__swiper-slide,
.improvement__swiper-slide.swiper-slide-next + .improvement__swiper-slide + .improvement__swiper-slide + .improvement__swiper-slide + .improvement__swiper-slide {
  pointer-events: auto;
  opacity: 1;
}

.improvement__swiper {
  width: 1560px;
}

.improvement__swiper-slide {
  height: auto;
}

.improvement__label {
  height: 100%;
  display: block;
}

.improvement__box {
  height: 100%;
}

@media (max-width: 1740px) {
  .improvement__swiper {
    width: calc(100vw - 160px);
  }
}
@media (max-width: 1400px) {
  .improvement__swiper-slide.swiper-slide-next + .improvement__swiper-slide + .improvement__swiper-slide + .improvement__swiper-slide,
  .improvement__swiper-slide.swiper-slide-next + .improvement__swiper-slide + .improvement__swiper-slide + .improvement__swiper-slide + .improvement__swiper-slide {
    pointer-events: none;
    opacity: 0;
  }
  .improvement__header-title {
    font-size: 22px;
    line-height: 130%;
  }
  .improvement__wrapp-padding {
    margin-left: 20px;
  }
  .improvement__header-btn {
    margin-right: 25px;
  }
  .improvement__header-btn:nth-last-child(1) {
    position: relative;
    left: 5px;
  }
  .improvement__header {
    margin-bottom: 20px;
  }
  .improvement__box-header {
    margin-bottom: 15px;
  }
  .improvement__box-img {
    width: 151px;
    height: 147px;
  }
  .improvement__box-row {
    margin-top: 30px;
  }
  .improvement__box {
    padding: 20px;
  }
  .improvement__wrapp-padding {
    margin-bottom: 37px;
  }
}
@media (max-width: 1080px) {
  .improvement__swiper {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .improvement__wrapp-padding {
    margin-left: 0;
  }
  .improvement__header-title {
    font-size: 20px;
    line-height: 130%;
  }
  .improvement__header-btn {
    margin-right: 10px;
  }
  .improvement__header-btn svg {
    width: 12px;
    height: auto;
  }
  .improvement__box-img {
    width: 126px;
    height: 123px;
  }
  .improvement__box {
    padding: 20px 15px;
  }
  .improvement__box-header {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 25px;
  }
  .improvement__box-row {
    margin-top: 15px;
  }
  .improvement__box-row svg {
    width: 26px;
    height: 26px;
  }
  .improvement__wrapp-padding {
    margin-bottom: 25px;
  }
}
@media (max-width: 572px) {
  .improvement__header-box {
    display: none;
  }
  .improvement__swiper {
    max-width: 320px;
  }
  .improvement__box-header {
    font-size: 13px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .improvement__box-row {
    margin-top: 4px;
  }
  .improvement__box-row svg {
    width: 21px;
    height: 21px;
  }
  .improvement__box {
    padding: 20px 7px 7px 7px;
    border-radius: 12px;
  }
  .improvement__box-img {
    width: 114px;
    height: 116.17px;
  }
}
.examples-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.examples__link {
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: -0.02em;
  color: #E06437;
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.examples {
  max-width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 40px;
}
.examples:nth-last-child(1) {
  margin-bottom: 0;
}

.examples.examples-margin-bottom {
  margin-bottom: 40px;
}

.examples__body {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  gap: 17px;
}
.examples__body .card {
  margin-right: 0;
}

.examples__body-monument {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.examples__body-additional {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}

.examples__box-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.examples__box-img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.examples-universal-wrapp {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.examples-universal {
  max-width: 1445px;
  margin-left: auto;
  margin-right: 0;
  padding-right: 20px;
}

.examples__universal-title {
  font-weight: 700;
  font-size: 1.2222rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.examples__universal-link {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #E06437;
}

@media (max-width: 1440px) {
  .examples__body-additional {
    max-width: 1100px;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .examples.examples-margin-bottom {
    margin-bottom: 30px;
  }
}
@media (max-width: 1400px) {
  .product__container--additional {
    padding: 25px;
    margin-left: 20px;
    margin-bottom: 25px;
  }
  .product__additional-box-img {
    width: 119px;
    height: 137px;
  }
  .product__container-box-btn {
    max-width: 555px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .product__additional-span {
    padding-left: 36px;
  }
  .product__additional-span::after {
    width: 16px;
    height: 16px;
    left: 0;
  }
  .product-input:checked + .product__additional-span::after {
    content: " ";
    left: -3px;
    width: 22px;
    height: 22px;
    background: url("../../img/icons/slaider-checkbox.svg") no-repeat center center/contain;
  }
  .product__additional-tab {
    -ms-grid-columns: 120px auto;
    grid-template-columns: 120px auto;
    gap: 23px;
  }
  .product__additional-coll {
    max-width: 470px;
  }
  .product__additional-current {
    font-size: 16px;
    line-height: 130%;
  }
  .product__additional-header {
    padding-left: 15px;
    padding-right: 15px;
  }
  .product__additional-select {
    margin-bottom: 16px;
  }
  .examples {
    margin-left: 20px;
  }
  .examples {
    gap: 15px;
    margin-bottom: 30px;
  }
  .examples__body {
    gap: 20px;
  }
}
@media (max-width: 1270px) {
  .examples__body-additional,
  .examples__body-monument {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .examples__body-additional .card,
  .examples__body-monument .card {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .examples__body-additional .card-foto,
  .examples__body-monument .card-foto {
    width: 100%;
  }
  .product__container--additional {
    margin-left: 0;
    padding: 20px;
  }
  .product__container-box-btn {
    max-width: 438px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
  }
  .product__additional-box-img {
    width: 95px;
    height: 109px;
  }
  .product__additional-tab {
    -ms-grid-columns: 95px auto;
    grid-template-columns: 95px auto;
    gap: 20px;
  }
  .product__additional-coll {
    padding-top: 0;
  }
  .product__additional-current {
    font-size: 14px;
    line-height: 130%;
  }
  .product__additional-header {
    padding-left: 11px;
    padding-right: 9px;
  }
  .product__additional-select {
    margin-bottom: 8px;
  }
  .product__additional-num {
    font-size: 14px;
    line-height: 130%;
    padding: 8px 12px;
  }
  .product__container--additional {
    margin-bottom: 35px;
  }
  .examples {
    margin-bottom: 20px;
    margin-left: 0;
  }
}
@media (max-width: 740px) {
  .page-product--padding {
    padding-bottom: 50px;
  }
  .examples__body,
  .examples__body-additional,
  .examples__body-monument {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .product--line-bottom,
  .examples-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    border-bottom: 1px solid rgba(24, 24, 24, 0.1);
    position: relative;
    padding-bottom: 5px;
  }
  .product--line-bottom::after,
  .examples-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    width: 50%;
    background: #181818;
  }
}
@media (max-width: 572px) {
  .examples__body-additional .card__header,
  .examples__body-monument .card__header {
    height: 50px;
  }
  .product__container-box-btn {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  .product__additional-tab {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  .product__container--additional {
    padding: 0;
  }
  .product__additional-span {
    margin-bottom: 10px;
  }
  .product__additional-tab {
    gap: 25px;
  }
  .product__additional-header {
    padding-left: 9px;
    padding-right: 11px;
  }
  .product__additional-select {
    margin-bottom: 10px;
  }
  .product__container--additional {
    margin-bottom: 40px;
  }
  .examples {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .examples__body {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    gap: 5px;
  }
  .examples__link {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-size: 12px;
    line-height: 130%;
    opacity: 0.5;
    display: block;
    margin-top: 15px;
  }
  .improvement__wrapp-padding {
    margin-bottom: 40px;
  }
  .examples-title {
    margin-bottom: 15px;
  }
}
@media (max-width: 572px) {
  .examples__body-additional,
  .examples__body-monument {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .examples,
  .examples.examples-margin-bottom {
    margin-bottom: 40px;
  }
}
@media (max-width: 430px) {
  .examples__body-additional,
  .examples__body-monument {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
/*правка 15.02.2024*/
@media (max-width: 992px) {
  .product--line-bottom,
  .examples-title {
    width: 100%;
  }
}
/*-universal-*/
.universal-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 30px;
  margin-bottom: 35px;
}

.universal__row-coll:nth-child(2) {
  width: 540px;
}

.universal-box-img {
  width: 540px;
}
.universal-box-img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.universal__galary-btn {
  padding: 0;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  width: 398px;
  height: 100%;
}
.universal__galary-btn img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.universal__galary {
  max-width: 830px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: 419px;
  grid-template-rows: 419px;
  gap: 15px;
}

.universal__galary-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 202px 202px;
  grid-template-rows: 202px 202px;
  gap: 15px;
  height: 105%;
  overflow: auto;
}
.universal__galary-wrapp img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}

.universal {
  margin-left: auto;
  margin-right: 0;
  max-width: 1445px;
  padding-right: 23px;
}

.universal-title {
  max-width: 820px;
  font-weight: 700;
  font-size: 1.9444rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
}

.universal__coll p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #1E1F24;
  padding-bottom: 10px;
}

.universal__row-title {
  font-weight: 400;
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #1E1F24;
  padding-bottom: 20px;
}

.universal__list-inner {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #1E1F24;
  padding-left: 20px;
  margin-bottom: 20px;
  position: relative;
}
.universal__list-inner:nth-last-child(1) {
  margin-bottom: 0;
}
.universal__list-inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #E06437;
}

.universal__list {
  padding-left: 32px;
}

.universal__subtitle {
  max-width: 768px;
  font-weight: 700;
  font-size: 2rem;
  line-height: 130%;
  color: #181818;
  padding-bottom: 15px;
}

.universal__row-coll--materila p {
  max-width: 745px;
}

.universal__list-materila {
  padding-top: 40px;
  padding-bottom: 14px;
}

.universal__materila-inner {
  margin-bottom: 10px;
}

.universal__info-box {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 425px;
}

.universal__info-footer {
  padding-top: 20px;
  padding-bottom: 5px;
}

.examples-universal-wrapp {
  gap: 10px;
}

@media (max-width: 1400px) {
  .universal {
    padding-right: 0;
  }
  .universal-title {
    font-size: 30px;
    line-height: 130%;
  }
  .universal-box-img {
    width: 400px;
  }
  .universal-row {
    gap: 15px;
    margin-bottom: 33px;
  }
  .universal__row-coll:nth-child(2) {
    width: 469px;
  }
  .universal__row-title {
    padding-bottom: 25px;
    font-size: 22px;
    line-height: 130%;
  }
  .universal__list {
    padding-left: 20px;
  }
  .universal__list-inner::after {
    width: 6px;
    height: 6px;
  }
  .universal__subtitle {
    width: 75%;
    font-size: 32px;
    line-height: 130%;
  }
  .universal__info {
    width: 387px;
  }
  .universal__info .product__footer-btn {
    min-width: 247px;
  }
  .universal__info .product__footer-row {
    margin-bottom: 15px;
  }
  .universal__row-coll--materila {
    max-width: 567px;
  }
  .universal-row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .universal__list-materila {
    padding-top: 20px;
  }
  .universal__galary {
    -ms-grid-rows: 279px;
    grid-template-rows: 279px;
    gap: 10px;
  }
  .universal__galary-btn {
    width: 277px;
  }
  .universal__galary-wrapp {
    -ms-grid-rows: 133px 133px;
    grid-template-rows: 133px 133px;
    gap: 10px;
  }
  .universal__info-footer {
    padding-top: 45px;
  }
  .examples-universal {
    margin-left: 0;
    padding-right: 0;
  }
  .examples__universal-link {
    font-size: 14px;
    line-height: 130%;
  }
  .examples-universal-wrapp .examples__box-img {
    width: 209px;
  }
}
@media (max-width: 1230px) {
  .universal__row-coll:nth-child(2) {
    width: 100%;
  }
  .universal__info {
    width: 100%;
  }
  .examples-universal-wrapp .examples__box-img {
    width: 100%;
  }
}
@media (max-width: 1180px) {
  .universal__galary-btn {
    width: 235px;
  }
  .universal__galary {
    -ms-grid-rows: 220px;
    grid-template-rows: 220px;
  }
  .universal__galary-wrapp {
    -ms-grid-rows: 105px 105px;
    grid-template-rows: 105px 105px;
  }
  .universal__galary {
    max-width: 490px;
  }
}
@media (max-width: 992px) {
  .--left__background-line::after {
    left: -70px;
  }
  .--left__background-line::before {
    content: "";
    position: absolute;
    left: -75px;
  }
  .universal-title {
    font-size: 25px;
    line-height: 130%;
  }
  .universal-box-img {
    width: 95%;
  }
  .universal-row {
    gap: 15px;
    margin-bottom: 30px;
  }
  .universal-row-1 {
    display: block;
  }
  .universal-row-1 .universal-box-img {
    width: 38%;
    margin-bottom: 10px;
  }
  .universal__row-title {
    font-size: 20px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .universal__list {
    padding-left: 10px;
  }
  .universal__row-coll:nth-child(2) {
    width: 95%;
    margin-left: auto;
    margin-right: 0;
  }
  .universal__subtitle {
    width: 100%;
    font-size: 25px;
    line-height: 130%;
  }
  .universal__info {
    width: 195px;
  }
  .universal__list-materila {
    padding-top: 13px;
  }
  .universal__materila-inner {
    margin-bottom: 6px;
  }
  .universal__galary-btn {
    width: 208px;
  }
  .universal__galary {
    -ms-grid-rows: 217px;
    grid-template-rows: 217px;
  }
  .universal__galary-wrapp {
    -ms-grid-rows: 104px 103px;
    grid-template-rows: 104px 103px;
  }
  .universal__galary {
    max-width: 433px;
  }
  .universal__info-footer {
    padding-top: 24px;
  }
  .universal__info .product__footer-btn {
    width: 100%;
    min-width: 100%;
  }
  .universal__info .product__footer-row {
    margin-bottom: 10px;
  }
  .examples__universal-title {
    font-size: 22px;
    line-height: 130%;
  }
  .examples-universal-wrapp {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 740px) {
  .universal__info {
    width: 100%;
  }
  .universal-row {
    display: block;
  }
  .universal__info-box {
    max-width: 100%;
  }
  .universal__info-footer {
    padding-bottom: 15px;
    padding-top: 10px;
  }
  .universal__info .product__footer-btn {
    width: 290px;
    min-width: 290px;
  }
  .universal-title {
    font-size: 16px;
    line-height: 130%;
  }
  .universal-row-1 .universal-box-img {
    width: 80%;
    margin-bottom: 15px;
  }
  .universal-row {
    margin-bottom: 15px;
  }
  .universal-row-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .universal-box-img {
    width: 80%;
  }
  .universal__row-title {
    padding-bottom: 25px;
  }
  .universal__list {
    padding-bottom: 20px;
  }
  .universal__row-coll:nth-child(2) {
    width: 100%;
  }
  .universal__subtitle {
    font-size: 20px;
    line-height: 130%;
    width: 80%;
  }
  .universal__row-coll--materila {
    padding-top: 30px;
  }
  .universal__list-materila {
    padding-top: 25px;
  }
  .universal__materila-inner {
    margin-bottom: 9px;
  }
  .universal {
    padding-bottom: 22px;
  }
  .examples__universal-title {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
    border-bottom: 1px solid #181818;
    display: inline-block;
    margin-left: 0;
    margin-right: auto;
  }
  .examples__universal-title::after {
    background: none;
  }
  .examples__universal-link {
    font-size: 12px;
    line-height: 130%;
  }
}
@media (max-width: 572px) {
  .universal__info .product__footer-btn {
    width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 460px) {
  .universal__galary {
    max-width: 265px;
  }
  .universal__galary-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: (42px)[4];
    grid-template-rows: repeat(4, 42px);
    gap: 15px;
  }
}
/*правки 15.02.2024*/
.universal-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: universal-title;
}

.universal__star-container {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: universal__star-container;
}

.universal__top-btn {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: universal__top-btn;
}

.universal__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px auto;
  grid-template-columns: 1fr auto;
  gap: 30px 60px;
  margin-bottom: 40px;
  -ms-grid-rows: auto 30px auto;
      grid-template-areas: "universal-title universal__top-btn" "universal__star-container universal__star-container";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1680px) {
  .universal__top {
    margin-bottom: 30px;
    gap: 20px;
  }
}
@media (max-width: 992px) {
  .universal__top {
    margin-bottom: 20px;
    gap: 15px 20px;
  }
}
@media (max-width: 767px) {
  .universal__top {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-grid-rows: auto 10px auto 10px auto;
        grid-template-areas: "universal-title" "universal__star-container" "universal__top-btn";
  }
  .universal-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .universal__star-container {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .universal__top-btn {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}

.universal__monument-title {
  color: #181818;
  font-size: 24px;
  font-style: normal;
  font-weight: 750;
  line-height: 130%;
  letter-spacing: -0.48px;
  padding-bottom: 0;
}
@media (max-width: 1680px) {
  .universal__monument-title {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  .universal__monument-title {
    font-size: 20px;
  }
}
@media (max-width: 740px) {
  .universal__monument-title {
    border-bottom: none;
  }
  .universal__monument-title::after {
    background: none;
  }
}

.exambles__monument-uneversal .card {
  margin-bottom: 0;
}

/*-news-*/
.news {
  max-width: 1482px;
  margin-left: auto;
  margin-right: 0;
}

.news-padding {
  margin-bottom: 103px;
}

.news-title {
  padding-bottom: 30px;
}

.news__header {
  margin-bottom: 30px;
}
.news__header .news__box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 710px 1fr;
  grid-template-columns: 710px 1fr;
  gap: 30px;
}
.news__header .news__box-title {
  padding-bottom: 20px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.news__header .news__box-title:hover {
  color: #1E1F24;
}
.news__header .news__box-title:active {
  opacity: 0.6;
}
.news__header .news__box-data:hover {
  color: #1E1F24;
}
.news__header .news__box-data:active {
  opacity: 0.6;
}
.news__header .news__box-text {
  max-width: 690px;
  padding-bottom: 15px;
}

.news__box-img {
  width: 100%;
  height: 447px;
}
.news__box-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.news__box-title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #1E1F24;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.news__box-title:hover {
  color: #E16437;
}
.news__box-title:active {
  opacity: 0.2;
}

.news__box-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #1E1F24;
}

.news__box-data {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1E1F24;
  opacity: 0.6;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.news__box-data:hover {
  color: #E16437;
}
.news__box-data:active {
  opacity: 0.2;
}

.news__header .news__box-data {
  display: block;
  margin-bottom: 20px;
}

.news__box-btn {
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: auto;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
  padding: 11px 30px;
}

.news__box-coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.news__swiper {
  overflow: hidden;
}

.news__swiper {
  max-width: 1425px;
  padding-top: 20px;
  position: relative;
  isolation: isolate;
  margin-bottom: 60px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(174, 164, 175, 0.1);
}
.news__swiper::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: -1;
  position: absolute;
  background: rgba(174, 164, 175, 0.1);
}
.news__swiper::before {
  content: "";
  top: 0;
  left: 0;
  width: 50%;
  height: 3px;
  z-index: -1;
  position: absolute;
  background: #E06437;
}
.news__swiper .news__box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 315px 1fr;
  grid-template-columns: 315px 1fr;
  gap: 20px;
}
.news__swiper .news__box-img {
  width: 100%;
  height: 200px;
}
.news__swiper .news__box-title {
  padding-top: 10px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #1E1F24;
  padding-bottom: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.news__swiper .news__box-title:hover {
  color: #E16437;
}
.news__swiper .news__box-title:active {
  opacity: 0.2;
}
.news__swiper .news__box-text {
  width: 90%;
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  color: #1E1F24;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  margin-bottom: 10px;
}
.news__swiper .news__box-data {
  font-weight: 400;
  font-size: 0.7778rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1E1F24;
  display: block;
}

.news__container {
  max-width: 1425px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[4];
  grid-template-columns: repeat(4, auto);
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: 30px;
  gap: 25px 0;
}
.news__container .news__box {
  padding-right: 38px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(224, 100, 55, 0.2);
}
.news__container .news__box:nth-child(4n+4) {
  padding-right: 0;
}
.news__container .news__box:nth-last-child(1), .news__container .news__box:nth-last-child(2), .news__container .news__box:nth-last-child(3), .news__container .news__box:nth-last-child(4) {
  border: none;
  padding-bottom: 0;
}
.news__container .news__box-text {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  color: #1E1F24;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  margin-bottom: 25px;
}
.news__container .news__box-img {
  height: 200px;
  margin-bottom: 20px;
}
.news__container .news__box-title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #1E1F24;
  margin-bottom: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.news__container .news__box-title:hover {
  color: #E16437;
}
.news__container .news__box-title:active {
  opacity: 0.2;
}
.news__container .news__box-data {
  margin-left: auto;
  margin-right: 0;
  display: block;
  font-size: 0.7778rem;
  line-height: 130%;
}

@media (max-width: 1750px) {
  .news__swiper {
    max-width: 79vw;
  }
}
@media (max-width: 1400px) {
  .news-title {
    padding-bottom: 15px;
  }
  .news__box-img {
    width: 100%;
    height: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news__box-img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .news__header {
    margin-bottom: 25px;
  }
  .news__header .news__box {
    -ms-grid-columns: 375px 1fr;
    grid-template-columns: 375px 1fr;
    gap: 15px;
  }
  .news__header .news__box-title {
    font-size: 32px;
    line-height: 130%;
    padding-bottom: 15px;
  }
  .news__header .news__box-text {
    max-width: 623px;
  }
  .news__box-btn {
    font-size: 16px;
    line-height: 130%;
    padding: 0;
    min-width: 225px;
    min-height: 41px;
  }
  .news__swiper {
    padding-top: 15px;
    margin-bottom: 40px;
    padding-bottom: 25px;
  }
  .news__swiper .news__box-img {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .news__swiper .news__box-img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .news__swiper .news__box {
    -ms-grid-columns: 210px 1fr;
    grid-template-columns: 210px 1fr;
  }
  .news__swiper .news__box-title {
    font-size: 16px;
    line-height: 130%;
    padding-top: 0;
  }
  .news__swiper .news__box-text {
    width: 100%;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .news__swiper .news__box-data {
    font-size: 12px;
    line-height: 130%;
  }
  .news__container {
    padding: 20px;
    gap: 15px 0;
  }
  .news__container .news__box {
    padding-right: 55px;
    padding-bottom: 0;
  }
  .news__container .news__box-img {
    height: auto;
    margin-bottom: 10px;
  }
  .news__container .news__box-title {
    font-size: 16px;
    line-height: 130%;
  }
  .news__container .news__box-text {
    font-size: 14px;
    line-height: 130%;
    -webkit-line-clamp: 5;
    margin-bottom: 10px;
  }
  .news__container .news__box-data {
    padding-bottom: 15px;
  }
  .news-padding {
    margin-bottom: 65px;
  }
}
@media (max-width: 1250px) {
  .news__swiper {
    max-width: 75vw;
  }
}
@media (max-width: 1080px) {
  .news__swiper {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .news-title {
    font-size: 25px;
    line-height: 130%;
  }
  .news__header {
    margin-bottom: 28px;
  }
  .news__header .news__box {
    -ms-grid-columns: 267px 1fr;
    grid-template-columns: 267px 1fr;
    gap: 20px;
  }
  .news__header .news__box-title {
    font-size: 28px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .news__header .news__box-text {
    padding-right: 3px;
    padding-bottom: 10px;
  }
  .news__header .news__box-data {
    margin-bottom: 15px;
  }
  .news__header .news__box-btn {
    min-width: 215px;
    min-height: 34px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 130%;
  }
  .news__swiper {
    margin-bottom: 30px;
    padding-bottom: 15px;
  }
  .news__swiper .news__box {
    width: 100%;
    -ms-grid-columns: 145px 1fr;
    grid-template-columns: 145px 1fr;
    gap: 10px;
  }
  .news__swiper .news__box-title {
    font-size: 14px;
    line-height: 130%;
  }
  .news__swiper .news__box-text {
    -webkit-line-clamp: 4;
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .news__container {
    padding: 15px 15px 5px 15px;
    gap: 10px 0;
  }
  .news__container .news__box {
    padding-right: 20px;
  }
  .news__container .news__box-title {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 2px;
  }
  .news__container .news__box-text {
    font-size: 12px;
    line-height: 130%;
    -webkit-line-clamp: 6;
  }
  .news__container .news__box-data {
    font-size: 12px;
    line-height: 130%;
  }
  .news__container .news__box-data {
    padding-bottom: 8px;
  }
  .news-padding {
    margin-bottom: 35px;
  }
}
@media (max-width: 740px) {
  .news-title {
    font-size: 20px;
    line-height: 130%;
  }
  .news__header .news__box {
    display: block;
  }
  .news__header .news__box-img {
    width: 67%;
    margin-bottom: 7px;
  }
  .news__header .news__box-data {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 0;
  }
  .news__header .news__box-title {
    width: 60%;
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .news__header .news__box-text {
    font-size: 14px;
    line-height: 130%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .news__header .news__box-btn {
    font-size: 14px;
    line-height: 130%;
    min-width: 191px;
    min-height: 34px;
  }
  .news__swiper {
    margin-bottom: 25px;
    padding-bottom: 10px;
  }
  .news__swiper .news__box {
    -ms-grid-columns: 88px 1fr;
    grid-template-columns: 88px 1fr;
  }
  .news__swiper .news__box-title {
    width: 90%;
    font-size: 14px;
    line-height: 130%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    padding-bottom: 0;
    margin-bottom: 5px;
    padding-bottom: 0;
  }
  .news__container {
    -ms-grid-columns: (auto)[2];
    grid-template-columns: repeat(2, auto);
    border-radius: 8px;
    padding: 15px 10px 15px 15px;
    gap: 15px 0;
  }
  .news__container .news__box {
    padding-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .news__container .news__box:nth-last-child(3), .news__container .news__box:nth-last-child(4) {
    border-bottom: 2px solid rgba(224, 100, 55, 0.2);
  }
  .news__container .news__box-coll {
    margin-bottom: 0;
    margin-top: auto;
  }
  .news__container .news__box-title {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .news__container .news__box-text {
    -webkit-line-clamp: 4;
  }
  .news__container .news__box-data {
    margin-right: auto;
    margin-left: 0;
    padding-bottom: 15px;
  }
  .news-padding {
    margin-bottom: 40px;
  }
}
.blog-title {
  padding-bottom: 25px;
}

.blog__container {
  max-width: 1425px;
  display: -ms-grid;
  display: grid;
  gap: 30px;
  -ms-grid-columns: (auto)[3];
  grid-template-columns: repeat(3, auto);
  background: #F5F7FB;
  padding: 30px;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
}

.blog__box {
  padding-right: 0;
}

.blog__box-img {
  height: 277px;
  margin-bottom: 20px;
}

.blog__box-title {
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #1E1F24;
  margin-bottom: 15px;
  display: block;
}

.blog__box-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  margin-bottom: 15px;
}

.blog__box-data {
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.blog__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.blog-padding {
  margin-bottom: 30px;
}

@media (max-width: 1400px) {
  .blog-title {
    padding-bottom: 15px;
  }
  .blog__container {
    padding: 20px;
    gap: 25px;
  }
  .blog__box-img {
    height: auto;
    margin-bottom: 15px;
  }
  .blog__box-title {
    font-size: 16px;
    line-height: 130%;
  }
  .blog__box-text {
    font-size: 14px;
    line-height: 130%;
    -webkit-line-clamp: 6;
    margin-bottom: 5px;
  }
  .blog__box-data {
    font-size: 12px;
    line-height: 130%;
  }
}
@media (max-width: 992px) {
  .blog-title {
    font-size: 25px;
    line-height: 130%;
  }
  .blog__container {
    gap: 25px;
  }
  .blog__box-img {
    margin-bottom: 10px;
  }
  .blog__box-title {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 5px;
  }
  .blog__box-text {
    font-size: 12px;
    line-height: 130%;
    -webkit-line-clamp: 7;
  }
  .blog-padding {
    margin-bottom: 0px;
  }
}
@media (max-width: 740px) {
  .blog__container {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 15px;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    padding: 0;
    margin-bottom: 30px;
  }
  .blog-title {
    font-size: 20px;
    line-height: 130%;
  }
  .blog__box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 45% 1fr;
    grid-template-columns: 45% 1fr;
    gap: 5px 10px;
    border-radius: 8px;
    padding: 15px;
    background: #F5F7FB;
    -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
  }
  .blog__box-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .blog__box-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .blog__box-img img {
    display: block;
  }
  .blog__box-text,
  .blog__box-data {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .blog__box-text {
    padding-top: 5px;
    font-size: 14px;
    line-height: 130%;
    -webkit-line-clamp: 8;
  }
}
/*-company-*/
.company {
  max-width: 1445px;
 /* margin-left: auto; */
  margin-right: 0;
  margin-bottom: 30px;
}

.compony__video-container {
  width: 588px;
  height: 588px;
  position: relative;
}
.compony__video-container::after {
  content: "";
  background: url("../../img/company__vidio-back.svg") no-repeat center center/contain;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 726.46px;
  height: 696px;
  z-index: -1;
}

.company-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #1E1F24;
  padding-bottom: 20px;
}

.company-text-box {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: company-text;
  max-width: 525px;
  padding-left: 30px;
}

.company-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: company-title;
}

.compony__video-container {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: company-video;
  margin-top: 25px;
}

.company__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 675px;
  grid-template-columns: 1fr 675px;
  -ms-grid-rows: minmax(90px, auto) auto;
  grid-template-rows: minmax(90px, auto) auto;
      grid-template-areas: "company-title company-video" "company-text company-video";
}

.compony__video-arrow {
  width: 30px;
  height: 38px;
}

.compony__video-circle-2 {
  width: 204px;
}

.compony__play-video {
  width: 150px;
  height: 150px;
}

.compony__video-circle-1 {
  width: 130px;
}

.company__subtitle {
  font-weight: 700;
  font-size: 30px;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
  padding-left: 30px;
  position: relative;
  top: -30px;
  margin-bottom: 55px;
}

.company__advantages-wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1355px;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 65px;
  padding-right: 15px;
}

.company__advantages-box {
  width: 237px;
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  color: #181818;
  position: relative;
}
.company__advantages-box::after {
  content: "";
  background: url("../../img/company-img.svg") no-repeat center center;
  position: absolute;
  left: -57px;
  top: -39px;
  width: 100px;
  height: 100px;
}

.company__advantages-row {
  margin-left: auto;
  margin-right: 0;
  max-width: 1420px;
  padding-right: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 35px;
  margin-bottom: 100px;
}

.company__advantages-img {
  width: 435px;
  height: 266px;
}
.company__advantages-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.company__advantages-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #1E1F24;
}

.company__product-text p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #1E1F24;
}

.company__product-wrap {
  margin-right: 0;
  margin-left: auto;
  max-width: 1420px;
  padding-right: 20px;
}

.company__product-img {
  width: 720px;
  height: 440px;
}
.company__product-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.company__product-row {
  display: -ms-grid;
  display: grid;
  gap: 35px;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  margin-bottom: 20px;
}

.company__product-title {
  padding-bottom: 20px;
}

.company__product-content {
  padding: 20px;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #1E1F24;
  margin-bottom: 40px;
}

.company__product-subtitle {
  top: 0;
  padding-left: 0;
  margin-bottom: 25px;
}

.company__product-swiper {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.company__product-swiper-scrollbar {
  width: 100%;
  top: 0;
  left: 0;
}
.company__product-swiper-scrollbar .company__product-swiper-scrollbar {
  background: rgba(233, 233, 238, 0.1);
  height: 2px;
}
.company__product-swiper-scrollbar .swiper-scrollbar-drag {
  background: #E06437;
}

.company__product-swiper-wrappe {
  margin-top: 20px;
}

.company__product-swiper-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 262px;
}
.company__product-swiper-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.company__product-box {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #1E1F24;
}

@media (max-width: 1750px) {
  .company__product-swiper {
    max-width: 79vw;
  }
}
@media (max-width: 1550px) {
  .company__header {
    -ms-grid-columns: 1fr 440px;
    grid-template-columns: 1fr 440px;
  }
  .compony__video-container {
    width: 385px;
    height: 385px;
  }
  .compony__video-container::after {
    width: 475.46px;
    height: 455.52px;
  }
  .compony__play-video {
    width: 96.48px;
    height: 96.48px;
  }
  .compony__video-circle-1 {
    width: 96px;
  }
  .compony__video-circle-2 {
    width: 96px;
  }
  .compony__video-arrow {
    width: 20px;
    height: 24px;
  }
  .company__header {
    -ms-grid-columns: 1fr 440px;
    grid-template-columns: 1fr 440px;
  }
  .company__header {
    -ms-grid-rows: minmax(62px, auto) auto;
    grid-template-rows: minmax(62px, auto) auto;
  }
  .company-text-box {
    max-width: 90%;
    padding-left: 18px;
  }
  .company__subtitle {
    top: 0;
    padding-left: 15px;
    font-size: 28px;
    line-height: 130%;
    margin-top: 22px;
  }
  .company__advantages-wrapp {
    padding-left: 65px;
    padding-right: 5px;
    margin-bottom: 37px;
  }
  .company__advantages-box {
    font-size: 22px;
    line-height: 130%;
  }
  .company__advantages-box::after {
    width: 130px;
    height: 97px;
    background: url("../../img/company-img.svg") no-repeat center center/contain;
    left: -63px;
    top: -35px;
  }
  .company__advantages-img,
  .company__product-img {
    width: 320px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .company__advantages-img img,
  .company__product-img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .company__product-img {
    width: 480px;
  }
  .company__advantages-row {
    padding-left: 15px;
    gap: 25px;
    margin-bottom: 65px;
  }
  .company__product-row {
    padding-left: 15px;
    gap: 25px;
    margin-bottom: 20px;
  }
  .company__product-content {
    margin-left: 20px;
    margin-bottom: 30px;
  }
  .company__product-subtitle {
    font-size: 25px;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .company__product-swiper {
    max-width: 75vw;
    margin-left: 19px;
  }
  .company__product-swiper-link {
    height: auto;
  }
  .company__product-box {
    padding-left: 20px;
  }
  .company__product-text,
  .company__advantages-text,
  .company-text-box,
  .company__product-content,
  .company__product-box {
    font-size: 16px;
    line-height: 130%;
  }
  .company__product-text p,
  .company__advantages-text p,
  .company-text-box p,
  .company__product-content p,
  .company__product-box p {
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width: 1270px) {
  .company__advantages-box {
    width: 22%;
  }
  .company__advantages-wrapp {
    padding-left: 0;
  }
}
@media (max-width: 1250px) {
  .company__product-swiper {
    max-width: 75vw;
  }
}
@media (max-width: 1230px) {
  .company__advantages-wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    padding-left: 20px;
    gap: 50px 0;
  }
  .company__advantages-box {
    width: 380px;
  }
}
@media (max-width: 1080px) {
  .company__product-swiper {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .company__header {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
        grid-template-areas: "company-title " "company-video" "company-text";
  }
  .compony__video-container {
    margin-left: auto;
    margin-right: auto;
    width: 311.07px;
    height: 311.07px;
    margin-bottom: 35px;
  }
  .compony__video-container::after {
    width: 383.86px;
    height: 367.77px;
  }
  .company-text-box {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .company-text {
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .company__subtitle {
    padding-left: 0;
    margin-top: 10px;
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 60px;
  }
  .company__advantages-box {
    width: 280px;
    font-size: 20px;
    line-height: 130%;
  }
  .company__advantages-box:nth-child(2) {
    padding-right: 10px;
  }
  .company__advantages-box:nth-child(3) {
    width: 290px;
  }
  .company__advantages-box:nth-child(4) {
    width: 281px;
  }
  .company__advantages-box::after {
    width: 118px;
    height: 83px;
  }
  .company__advantages-wrapp {
    padding-left: 45px;
    gap: 60px 0;
    margin-bottom: 45px;
  }
  .company__advantages-row {
    padding-left: 0;
    padding-right: 0;
    gap: 10px;
    margin-bottom: 30px;
  }
  .company__advantages-img {
    width: 250px;
  }
  .company__product-title {
    font-size: 25px;
    line-height: 130%;
  }
  .company__product-row {
    padding-left: 0;
  }
  .company__product-img {
    width: 283px;
  }
  .company__product-row {
    gap: 10px;
    padding-left: 0;
  }
  .company__product-wrap {
    padding-right: 0;
  }
  .company__product-content {
    margin-left: 0px;
    padding: 15px;
    background: #F5F7FB;
    -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    margin-bottom: 25px;
  }
  .company__product-subtitle {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .company__product-swiper {
    margin-left: 0;
    margin-bottom: 10px;
  }
  .company__product-box {
    padding-left: 0;
  }
  .company__product-text,
  .company__advantages-text,
  .company-text-box,
  .company__product-content,
  .company__product-box {
    font-size: 14px;
    line-height: 130%;
  }
  .company__product-text p,
  .company__advantages-text p,
  .company-text-box p,
  .company__product-content p,
  .company__product-box p {
    font-size: 14px;
    line-height: 130%;
  }
  .company-text-box {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .company-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .compony__video-container {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}
@media (max-width: 740px) {
  .company-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 45px;
  }
  .company__header {
    display: block;
  }
  .company-text-box {
    padding-left: 0;
    padding-right: 0;
  }
  .company__subtitle {
    font-size: 20px;
    line-height: 130%;
    margin-top: 15px;
    margin-bottom: 45px;
  }
  .company__advantages-wrapp {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .company__advantages-box {
    width: 240px;
    font-size: 16px;
    line-height: 130%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
  }
  .company__advantages-box::after {
    width: 100px;
    height: 76px;
    left: -32px;
    top: -17px;
  }
  .company__advantages-box:nth-child(2) {
    width: 240px;
  }
  .company__advantages-box:nth-child(3) {
    width: 240px;
  }
  .company__advantages-box:nth-child(4) {
    width: 240px;
  }
  .company__advantages-box:nth-child(2n+2) {
    text-align: right;
  }
  .company__advantages-box:nth-child(2n+2)::after {
    left: auto;
    right: -35px;
  }
  .company__advantages-row {
    display: block;
    margin-bottom: 40px;
  }
  .company__advantages-img {
    width: 100%;
    margin-bottom: 10px;
  }
  .company__product-title {
    font-size: 16px;
    line-height: 130%;
  }
  .company__product-img {
    width: 100%;
    margin-bottom: 15px;
  }
  .company__product-row {
    display: block;
  }
  .company__product-text,
  .company__advantages-text,
  .company-text-box,
  .company__product-content,
  .company__product-box {
    font-size: 14px;
    line-height: 130%;
  }
  .company__product-text p,
  .company__advantages-text p,
  .company-text-box p,
  .company__product-content p,
  .company__product-box p {
    font-size: 14px;
    line-height: 130%;
  }
  .company__product-content {
    padding: 15px;
  }
  .company__product-subtitle {
    margin-top: 35px;
    margin-bottom: 20px;
  }
  .company__product-swiper {
    padding-top: 10px;
  }
  .company__product-swiper-link {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .compony__video-container {
    width: 240.21px;
    height: 240.21px;
    margin-bottom: 45px;
  }
  .compony__video-container::after {
    width: 296.43px;
    height: 284px;
  }
  .compony__play-video {
    width: 83.42px;
    height: 83.42px;
  }
  .compony__video-circle-1 {
    width: 60.15px;
  }
  .compony__video-circle-2 {
    width: 60.15px;
  }
  .compony__video-arrow {
    width: 12px;
    height: 15px;
  }
}
/*-portfolio-*/
.portfolio {
  max-width: 1450px;
  margin-left: auto;
  margin-right: 0;
  padding-right: 20px;
  margin-bottom: 30px;
}

.portfolio-title {
  margin-bottom: 30px;
}

.portfolio-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #1E1F24;
  margin-bottom: 25px;
}

.portfolio__swiper {
  overflow: hidden;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  max-width: 1720px;
}

.portfolio__swiper-box {
  padding: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 370px;
  grid-template-columns: auto 370px;
  gap: 35px;
}

.portfolio__swiper-header {
  display: -ms-grid;
  display: grid;
  width: 100%;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  position: relative;
}
.portfolio__swiper-header img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
}

.portfolio__swiper-box-img {
  position: relative;
  height: inherit;
}

.portfolio__swiper-span {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  position: absolute;
  bottom: 15px;
  left: 30px;
}

.portfolio__swiper-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #1E1F24;
  margin-bottom: 10px;
}

.portfolio__swiper-subtitle {
  font-weight: 700;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #1E1F24;
  margin-bottom: 20px;
}

.porfolio__swiper-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #1E1F24;
}

.portfolio__box-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  margin-top: 30px;
}

.portfolio__swiper-btn {
  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;
  padding: 0;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  margin-right: 24px;
  margin-left: 24px;
}

.portfolio__swiper-btn.swiper-button-disabled {
  opacity: 1;
}
.portfolio__swiper-btn.swiper-button-disabled path {
  stroke: #E06437;
}

.portfolio__box-title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-bottom: 18px;
}

.portfolio__box-text {
  width: 95%;
  font-weight: 700;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
  opacity: 0.6;
}

.portfolio__wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.3fr 1fr 1.3fr 1fr;
  grid-template-columns: 1.3fr 1fr 1.3fr 1fr;
  gap: 60px 7px;
}

.portfolio__box-header {
  width: 100%;
  margin-bottom: 15px;
}
.portfolio__box-header img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.portfolio__box {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  top: 0;
  cursor: pointer;
}
.portfolio__box .portfolio__box-header {
  height: auto;
}
.portfolio__box:hover {
  top: -25px;
}
.portfolio__box:hover .portfolio__box-title,
.portfolio__box:hover .portfolio__box-text {
  color: #E06437;
}

.portfolio__box .portfolio__box-header img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.portfolio__box .portfolio__box-header {
  height: 398px;
}

.portfolio__box:nth-child(2n+2) .portfolio__box-header {
  height: 303px;
}

.portfolio__subtitle {
  font-weight: 700;
  font-size: 30px;
  line-height: 130%;
  text-transform: uppercase;
  color: #181818;
  margin-bottom: 27px;
  width:100%;
}

.portfolio__swiper-container {
  margin-bottom: 70px;
}

.porfolio__mobil-title {
  display: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.02em;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
  border-bottom: 2px solid rgba(24, 24, 24, 0.1);
}
.porfolio__mobil-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 50%;
  height: 2px;
  background: #E06437;
  z-index: 1;
}

@media (max-width: 1750px) {
  .portfolio__swiper {
    max-width: 83vw;
  }
}
@media (max-width: 1650px) {
  .portfolio__swiper {
    max-width: 80vw;
  }
  .portfolio {
    padding-right: 0;
  }
}
@media (max-width: 1400px) {
  .portfolio {
    margin-bottom: 0;
  }
  .portfolio-title {
    margin-bottom: 10px;
  }
  .portfolio__swiper {
    max-width: 79vw;
  }
  .portfolio-text {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .portfolio__swiper-box {
    padding: 20px;
    -ms-grid-columns: auto 307px;
    grid-template-columns: auto 307px;
    gap: 20px;
  }
  .portfolio__swiper-header {
    gap: 10px;
  }
  .portfolio__swiper-span {
    font-size: 22px;
    line-height: 130%;
    left: 20px;
  }
  .portfolio__swiper-title {
    font-size: 22px;
    line-height: 130%;
  }
  .portfolio__swiper-subtitle {
    font-size: 14px;
    line-height: 130%;
  }
  .porfolio__swiper-text {
    font-size: 16px;
    line-height: 130%;
  }
  .portfolio__swiper-btn {
    margin-right: 20px;
    margin-left: 14px;
  }
  .portfolio__swiper-container {
    margin-bottom: 45px;
  }
  .portfolio__subtitle {
    font-size: 25px;
    line-height: 130%;
  }
  .portfolio__wrapp {
    -ms-grid-columns: 1.2fr 1fr 1.2fr 1fr;
    grid-template-columns: 1.2fr 1fr 1.2fr 1fr;
    gap: 20px 7px;
  }
  .portfolio__box-header {
    width: 100%;
    margin-bottom: 12px;
  }
  .portfolio__box-title {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .portfolio__box-text {
    font-size: 14px;
    line-height: 130%;
  }
  .portfolio__box .portfolio__box-header {
    height: 275px;
  }
  .portfolio__box:nth-child(2n+2) .portfolio__box-header {
    height: 225px;
  }
}
@media (max-width: 1250px) {
  .portfolio__swiper {
    max-width: 75vw;
  }
  .portfolio__swiper-box {
    -ms-grid-columns: auto 280px;
    grid-template-columns: auto 280px;
    gap: 10px;
  }
}
@media (max-width: 1080px) {
  .portfolio__swiper {
    max-width: 100%;
  }
}
@media (max-width: 998px) {
  .portfolio-title {
    font-size: 25px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .portfolio-text {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .portfolio__swiper-box {
    display: block;
    padding: 15px;
  }
  .portfolio__swiper-span {
    font-size: 20px;
    line-height: 130%;
  }
  .portfolio__swiper-header {
    margin-bottom: 10px;
  }
  .portfolio__swiper-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 5px;
  }
  .portfolio__swiper-subtitle {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .porfolio__swiper-text {
    font-size: 14px;
    line-height: 130%;
  }
  .portfolio__box-btn {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .portfolio__swiper-btn svg {
    width: 8px;
  }
  .portfolio__swiper-container {
    margin-bottom: 30px;
  }
  .portfolio__subtitle {
    font-size: 20px;
    line-height: 130%;
  }
  .portfolio__box-title {
    font-size: 14px;
    line-height: 130%;
  }
  .portfolio__box-text {
    font-size: 12px;
    line-height: 130%;
  }
  .portfolio__box-header {
    margin-bottom: 10px;
  }
  .portfolio__box .portfolio__box-header {
    height: 177px;
  }
  .portfolio__box:nth-child(2n+2) .portfolio__box-header {
    height: 139px;
  }
}
@media (max-width: 740px) {
  .portfolio__wrapp {
    display: block;
  }
  .portfolio__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
  }
  .portfolio__box-header {
    width: 30%;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .portfolio__box-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .portfolio__box-text {
    font-size: 12px;
    line-height: 130%;
  }
  .portfolio__box-title {
    font-size: 14px;
    line-height: 130%;
  }
  .portfolio {
    margin-bottom: 60px;
  }
  .portfolio-title {
    font-size: 20px;
    line-height: 130%;
  }
  .portfolio__box .portfolio__box-header {
    height: auto;
  }
  .portfolio__box:nth-child(2n+2) .portfolio__box-header {
    height: auto;
  }
}
@media (max-width: 572px) {
  .portfolio__swiper-span {
    display: none;
  }
  .portfolio__swiper-box-img:nth-child(1) {
    display: none;
  }
  .portfolio__swiper-header {
    display: block;
  }
  .portfolio__box-btn {
    display: none;
  }
  .porfolio__mobil-title {
    display: block;
  }
  .portfolio__swiper-title {
    font-size: 18px;
    line-height: 130%;
  }
  .portfolio__swiper-header {
    margin-bottom: 25px;
  }
  .porfolio__swiper-text {
    padding-right: 1px;
  }
  .portfolio__swiper-container {
    margin-bottom: 40px;
  }
  .portfolio__subtitle {
    margin-bottom: 15px;
  }
  .portfolio__box-header {
    width: 75%;
  }
}
/*-payment-*/
.payment {
  max-width: 1445px;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 95px;
}

.payment__wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  padding-right: 25px;
  margin-bottom: 55px;
}

.payment__left {
  max-width: 655px;
}

.payment__input {
  width: 100%;
  margin-bottom: 10px;
}

.payment-title {
  padding-bottom: 25px;
}

.payment__text {
  max-width: 655px;
  padding-bottom: 55px;
}

.payment__subtitle {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #E06437;
  margin-bottom: 30px;
}

.payment__subtitle-right {
  text-align: right;
}

.payment__box {
  max-width: 570px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 20px;
}

.payment__box-title {
  font-weight: 500;
  font-size: 1.3333rem;
  line-height: 130%;
  color: #181818;
  padding-bottom: 15px;
}

.payment__box-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #181818;
}

.payment__table-row {
  padding-top: 20px;
  padding-bottom: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.8fr 1.5fr 130px;
  grid-template-columns: 0.8fr 1.5fr 130px;
}

.payment__table-line {
  border-top: 1px solid rgba(24, 24, 24, 0.1);
  padding-top: 19px;
}

.payment__table-coll {
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #181818;
}
.payment__table-coll:nth-child(1) {
  text-align: left;
}

.payment__coll-head {
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #181818;
}

.payment-btn {
  padding: 0;
  border: none;
  outline: none;
  background: none;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-decoration-line: underline;
  color: #181818;
  margin-left: auto;
  margin-right: 0;
  margin-top: 10px;
}

.payment__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.payment-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  max-width: 1440px;
  margin-left: auto;
  margin-right: 0;
}

.payment__row-coll {
  max-width: 450px;
  padding-left: 65px;
  position: relative;
}
.payment__row-coll::after {
  content: "";
  background: url("../../img/company-img.svg") no-repeat center center/contain;
  position: absolute;
  left: 0px;
  top: -25px;
  width: 100px;
  height: 100px;
}

.payment__row-title {
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  color: #181818;
  margin-bottom: 20px;
}

.payment__row-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #181818;
}

.payment__subtitle-3 {
  margin-bottom: 72px;
}

@media (max-width: 1640px) {
  .payment__wrapp {
    gap: 40px;
    padding-right: 0;
  }
}
@media (max-width: 1400px) {
  .payment-title {
    padding-bottom: 10px;
  }
  .payment__text {
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 35px;
  }
  .payment__subtitle {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .payment__subtitle-right {
    margin-bottom: 20px;
  }
  .payment__box {
    margin-bottom: 15px;
    padding: 20px;
  }
  .payment__box-title {
    font-size: 22px;
    line-height: 130%;
    padding-bottom: 20px;
  }
  .payment__box-text {
    font-size: 16px;
    line-height: 130%;
  }
  .payment__table-row {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .payment__table-line {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .payment__table-line .payment__table-coll {
    font-size: 16px;
    line-height: 130%;
  }
  .payment-btn {
    margin-top: 0;
  }
  .payment__wrapp {
    margin-bottom: 40px;
  }
  .payment__subtitle-3 {
    margin-bottom: 60px;
  }
  .payment__row-coll {
    padding-left: 45px;
    max-width: 316px;
  }
  .payment__row-coll::after {
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .payment__row-title {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .payment__row-text {
    font-size: 16px;
    line-height: 130%;
  }
  .payment {
    margin-bottom: 55px;
  }
}
@media (max-width: 992px) {
  .payment-title {
    font-size: 25px;
    line-height: 130%;
    padding-bottom: 15px;
  }
  .payment__wrapp {
    display: block;
  }
  .payment__left {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .payment__text {
    max-width: 29%;
    margin-right: 35px;
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 0;
  }
  .payment__subtitle {
    font-size: 20px;
    line-height: 130%;
  }
  .payment__wrapp-containers {
    margin-bottom: 20px;
  }
  .payment__wrapp-containers .payment__subtitle {
    text-align: right;
    padding-right: 50px;
  }
  .payment__box {
    padding: 15px;
    margin-bottom: 10px;
  }
  .payment__box-title {
    font-size: 20px;
    line-height: 130%;
  }
  .payment__box-text {
    font-size: 14px;
    line-height: 130%;
  }
  .payment__subtitle-right {
    text-align: left;
    margin-bottom: 15px;
  }
  .payment__input {
    height: 36px;
  }
  .payment__table-line {
    padding-top: 10px;
    padding-bottom: 9px;
  }
  .payment__table-line .payment__table-coll {
    font-size: 14px;
    line-height: 130%;
  }
  .payment-btn {
    margin-top: 10px;
    font-size: 14px;
    line-height: 130%;
  }
  .payment__wrapp {
    margin-bottom: 30px;
  }
  .payment__row-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 5px;
  }
  .payment__row-text {
    font-size: 14px;
    line-height: 130%;
  }
  .payment__subtitle-3 {
    margin-bottom: 40px;
  }
  .payment__row-coll::after {
    top: -15px;
  }
  .payment {
    margin-bottom: 37px;
  }
}
@media (max-width: 740px) {
  .payment-title {
    font-size: 20px;
    line-height: 130%;
    width: 90%;
    padding-bottom: 20px;
  }
  .payment__text {
    font-size: 14px;
    line-height: 130%;
    width: 98%;
    padding-bottom: 15px;
  }
  .payment__wrapp-containers .payment__subtitle {
    padding-right: 0;
  }
  .payment__box-title {
    padding-bottom: 10px;
  }
  .payment__wrapp-containers {
    margin-bottom: 35px;
  }
  .payment__subtitle {
    font-size: 18px;
    line-height: 130%;
  }
  .payment__subtitle-right {
    margin-bottom: 20px;
  }
  .payment__table-row {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .payment__coll-head {
    font-size: 12px;
    line-height: 130%;
  }
  .payment__coll-head:nth-last-child(1) {
    text-align: right;
    padding-left: 30px;
  }
  .payment__table-line .payment__table-coll {
    font-size: 12px;
    line-height: 130%;
  }
  .payment__table-line .payment__table-coll:nth-child(3) {
    text-align: right;
  }
  .payment-btn {
    font-size: 14px;
    line-height: 130%;
    display: block;
  }
  .payment__input {
    margin-bottom: 5px;
  }
  .payment__wrapp-coll {
    display: block;
  }
  .payment__text {
    max-width: 100%;
    margin-right: 0;
  }
  .payment-row {
    display: block;
  }
  .payment__subtitle-3 {
    margin-bottom: 50px;
  }
  .payment__row-coll {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 35px;
    margin-bottom: 50px;
  }
  .payment__row-coll:nth-child(2) {
    padding-left: 20px;
    padding-right: 25px;
  }
  .payment__row-coll:nth-child(2)::after {
    left: auto;
    right: 0;
  }
  .payment__row-coll:nth-child(2) .payment__row-title {
    text-align: right;
  }
  .payment__row-coll:nth-child(2) .payment__row-text {
    text-align: right;
  }
}
.forms {
  background: #0E0E0E;
}

.forms + .footer {
  background: #0E0E0E;
}

.forms__title {
  font-weight: 800;
  font-size: 2.2222rem;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-bottom: 35px;
}

.forms__wrapp {
  max-width: 901px;
  margin-left: auto;
  margin-right: auto;
}

.forms__padding {
  padding-top: 50px;
  padding-bottom: 15px;
}

.form__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 235px 1fr;
  grid-template-columns: 235px 1fr;
  gap: 30px;
  margin-bottom: 27px;
}

.form__form-input {
  background: none;
  padding: 0 0 5px 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  border-radius: 0;
  border-bottom: 1px solid #fff;
}
.form__form-input::-webkit-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #FFFFFF;
  opacity: 0.5;
}
.form__form-input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #FFFFFF;
  opacity: 0.5;
}
.form__form-input:-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #FFFFFF;
  opacity: 0.5;
}
.form__form-input::-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #FFFFFF;
  opacity: 0.5;
}
.form__form-input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #FFFFFF;
  opacity: 0.5;
}

.form__file-label-span {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}
.form__file-label-span img {
  width: 22px;
  height: 22px;
}

.form__file-group-container .file-name {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 0.8889rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}
.form__file-group-container .file-delete img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.form-file {
  margin-bottom: 30px;
}

.form__form-btn {
  border: none;
  cursor: pointer;
  background: none;
  outline: none;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  color: #FFFFFF;
  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;
}
.form__form-btn .box__btn-arrow {
  top: 5px;
  position: relative;
}

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

.forms__form-label-text {
  margin-bottom: 0;
}

@media (max-width: 1400px) {
  .forms__title {
    font-size: 35px;
    line-height: 130%;
    padding-bottom: 20px;
  }
  .forms__wrapp {
    max-width: 995px;
    padding-left: 100px;
  }
  .forms__padding {
    padding-top: 35px;
  }
  .form__row {
    gap: 115px;
    margin-bottom: 20px;
  }
  .form-file {
    margin-bottom: 10px;
  }
  .footer__form-label-text.forms__form-label-text {
    width: 100%;
  }
  .form__form-btn {
    font-size: 16px;
    line-height: 130%;
  }
  .form__form-btn svg {
    height: auto;
    width: 9px;
  }
  .forms + .footer .footer__wrapp {
    padding-top: 15px;
  }
}
@media (max-width: 1080px) {
  .forms__wrapp {
    max-width: 995px;
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  .forms__wrapp {
    max-width: 608px;
  }
  .forms__title {
    font-size: 25px;
    line-height: 130%;
  }
  .forms__padding {
    padding-top: 22px;
  }
  .form__row {
    margin-bottom: 10px;
  }
  .form__form-btn {
    font-size: 14px;
    line-height: 130%;
  }
  .form__form-btn svg {
    width: 7px;
  }
  .forms__footer-row {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
@media (max-width: 740px) {
  .forms__padding {
    display: none;
  }
}
/*-services-*/
.services__title {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  color: #fff;
  text-align: center;
  grid-area: title;
  font-style: normal;
  font-weight: 800;
  font-size: 3.3333rem;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  top: 0;
  padding-right: 25px;
  /*
  margin-bottom: 160px;*/
  margin-top: auto;
  margin-bottom: auto;
  max-width: 712px;
  margin-left: auto;
  margin-right: auto;
}

.services__title-img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: rotation-right 51s linear infinite;
          animation: rotation-right 51s linear infinite;
}

.services__title-box-img {
  position: absolute;
  top: -94px;
  left: 70px;
  z-index: -1;
}

.services-padding {
  padding-bottom: 70px;
}

.services__link-svg {
  position: absolute;
  z-index: -2;
}

.services__link {
  position: relative;
}

.services__link-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: services__link-1;
  max-width: 400px;
  /*
  margin-top: 260px;*/
  margin-left: 35px;
  margin-top: auto;
  margin-bottom: 0;
}
.services__link-1 .services__link-svg {
  top: -207px;
  left: 13px;
}

.services__link-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: services__link-2;
  /*
  margin-top: 300px;*/
  max-width: 385px;
  margin-left: 80px;
  margin-top: auto;
  margin-bottom: 0;
}
.services__link-2 .services__link-svg {
  top: -181px;
  left: 161px;
}
.services__link-2::after {
  content: "";
  position: absolute;
  left: -55px;
  top: -306px;
  width: 220.68px;
  height: 250.45px;
  background: url("../../img/services-arrow-3.svg") no-repeat center center/contain;
}

.services__link-3 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: services__link-3;
  /*
  margin-top: 30px;*/
  padding-right: 90px;
}
.services__link-3 .services__link-svg {
  top: -77px;
  right: 50px;
}

.services__link-4 {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
  grid-area: services__link-4;
  max-width: 340px;
  /*
  margin-top: 50px;*/
}
.services__link-4 .services__link-svg {
  top: -110px;
  right: -86px;
}

.services__link-5 {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  grid-area: services__link-5;
  max-width: 340px;
  margin-left: -45px;
  /*
  margin-top: 233px;*/
  margin-top: auto;
  margin-bottom: 0;
}
.services__link-5 .services__link-svg {
  top: 79px;
  right: -108px;
}
.services__link-5::after {
  content: "";
  position: absolute;
  left: -165px;
  top: -46px;
  width: 211.68px;
  height: 147.45px;
  background: url("../../img/services-arrow-1.svg") no-repeat center center/contain;
}
.services__link-5::before {
  content: "";
  position: absolute;
  right: -366px;
  top: 29px;
  width: 211.68px;
  height: 147.45px;
  background: url("../../img/services-arrow-2.svg") no-repeat center center/contain;
}

.services__link-6 {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: services__link-6;
  margin-left: -60px;
  margin-top: 0;
  margin-bottom: auto;
}
.services__link-6 .services__link-svg {
  top: -83px;
  left: 44px;
}

.services {
  height: 85vh;
  -ms-grid-rows: 1fr 0.25fr 0.25fr 1fr;
  grid-template-rows: 1fr 0.25fr 0.25fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
      grid-template-areas: "services__link-1 services__link-3 services__link-2" "title title title" "text text text" "services__link-6 services__link-5 services__link-4";
}

.services__link-name {
  font-weight: 700;
  font-size: 2rem;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding-bottom: 15px;
}

.services__link {
  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;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.services__link path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.services__link:hover path {
  opacity: 1;
  stroke-opacity: 1;
}
.services__link:hover .services__link-name {
  color: #E06437;
}
.services__link:active {
  opacity: 0.5;
}

@media (max-width: 1660px) {
  .services__link-name {
    font-weight: 700;
    font-size: 30px;
    line-height: 130%;
  }
  .services__link-arrow svg {
    width: 8px;
    height: auto;
  }
  .services__link-1 {
    /*
    margin-top: 136px;*/
    margin-left: 100px;
    top: 70px;
  }
  .services__link-1 .services__link-name {
    max-width: 270px;
  }
  .services__link-1 .services__link-svg {
    width: 222px;
    top: -135px;
    left: -47px;
  }
  .services__link-2 {
    top: 60px;
    /*
    		margin-top: 205px;
    */
  }
  .services__link-2 .services__link-svg {
    width: 159px;
    top: -168px;
    left: 124px;
  }
  .services__link-2::after {
    width: 190.21px;
    height: 129.12px;
    left: 16px;
    top: -237px;
    -webkit-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
            transform: rotate(-21deg);
  }
  .services__link-3 {
    padding-right: 0;
    margin-left: auto;
    margin-right: 0;
    margin-top: 20px;
  }
  .services__link-3 .services__link-svg {
    -o-object-fit: contain;
       object-fit: contain;
    width: 105px;
    height: auto;
    top: -60px;
    right: -74px;
  }
  .services__link-4 {
    margin-top: 75px;
    max-width: 300px;
    margin-left: 55px;
  }
  .services__link-4 .services__link-svg {
    width: 190px;
    top: -94px;
    right: -5px;
  }
  .services__link-5 {
    /*
    margin-top: 200px;*/
    margin-left: 55px;
    max-width: 285px;
  }
  .services__link-5 .services__link-svg {
    width: 229px;
    right: -70px;
    top: 43px;
  }
  .services__link-5::before {
    display: none;
  }
  .services__link-5::after {
    width: 141px;
    height: 98px;
    top: 20px;
  }
  .services-padding {
    padding-bottom: 15px;
  }
  .services__link-6 {
    max-width: 224px;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 20px;
  }
  .services__link-6 .services__link-svg {
    width: 94px;
    top: -97px;
    left: -62px;
  }
  .services__title {
    font-size: 50px;
    line-height: 130%;
    /*
    margin-bottom: 0;*/
    max-width: 510px;
    left: 63px;
  }
  .services__title .services__title-img {
    width: 350px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 1200px) {
  .services__link-4 {
    margin-left: 0;
  }
  .services__link-5 {
    margin-left: 0;
  }
}
@media (max-width: 992px) {
  .services__link-2 {
    top: 0;
  }
  .page-services .parallax {
    display: none;
  }
  .page-services .page {
    background: url("../../img/back-3-company.svg") no-repeat top center/cover;
  }
  .services {
    max-width: 594px;
    height: auto;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    margin-left: auto;
    margin-right: auto;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
        grid-template-areas: "title title" "services__link-6 services__link-2" "services__link-1 services__link-3" "services__link-5 services__link-4" "text text";
  }
  .services__link-1,
  .services__link-2,
  .services__link-3,
  .services__link-4,
  .services__link-5,
  .services__link-6 {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  .services__link-1 .services__link-name,
  .services__link-2 .services__link-name,
  .services__link-3 .services__link-name,
  .services__link-4 .services__link-name,
  .services__link-5 .services__link-name,
  .services__link-6 .services__link-name {
    max-width: 100%;
  }
  .services__title {
    top: 0;
    left: 0;
    font-size: 30px;
    line-height: 130%;
    padding-right: 0;
    /*
    margin-bottom: 180px;*/
    margin-bottom: 100px;
  }
  .services__title .services__title-box-img {
    display: none;
  }
  .services__title::after {
    content: "";
    background: url("../../img/company-title-img.svg") no-repeat center center/contain;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -40px;
    z-index: -1;
    width: 266px;
    height: 217.41px;
  }
  .services__link-3 {
    max-width: 245px;
    margin-left: auto;
    margin-right: auto;
  }
  .services__link-5 {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
  .services__link-name {
    font-size: 25px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .services__link {
    margin-bottom: 65px;
  }
  .services__link:nth-last-child(1), .services__link:nth-last-child(2) {
    margin-bottom: 0;
  }
  .services__link-arrow svg {
    width: 7px;
  }
  .services__link-1 {
    top: 0;
  }
  .services__link-1 .services__link-svg {
    width: 179px;
    height: 133px;
    top: -20px;
    left: -53px;
  }
  .services__link-2 .services__link-svg {
    width: 120px;
    height: 161px;
    top: -51px;
    left: 248px;
  }
  .services__link-2::after {
    background: none;
  }
  .services__link-3 .services__link-svg {
    width: 84px;
    height: 137px;
    top: -12px;
    left: 224px;
  }
  .services__link-4 {
    margin-bottom: 0;
  }
  .services__link-4 .services__link-svg {
    width: 145px;
    height: 116px;
    top: 26px;
    right: -63px;
  }
  .services__link-5 .services__link-svg {
    width: 184px;
    height: 90px;
    right: auto;
    left: -73px;
    top: 40px;
  }
  .services__link-5::after {
    background: none;
  }
  .services__link-6 .services__link-svg {
    width: 68px;
    height: 132px;
    top: -38px;
    left: -30px;
  }
  .services {
    position: relative;
  }
  .services::after {
    content: "";
    position: absolute;
    right: 47px;
    top: 59px;
    background: url("../../img/arrow-left.svg") no-repeat center center/contain;
    width: 100px;
    height: 80px;
    z-index: -1;
  }
  .services::before {
    content: "";
    position: absolute;
    left: 31px;
    top: 53px;
    background: url("../../img/arrow-right.svg") no-repeat center center/contain;
    width: 100px;
    height: 80px;
    z-index: -1;
  }
  .services__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .services__link-1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .services__link-2 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .services__link-3 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .services__link-4 {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .services__link-5 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .services__link-6 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
@media (max-width: 740px) {
  .page-services .page {
    background: url("../../img/back-3-company.svg") no-repeat top center/contain;
  }
  .services__title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 35px;
  }
  .services__title::after {
    width: 80px;
    height: 70px;
    top: -30px;
  }
  .services__link-name {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .services__link-svg {
    position: static;
    margin-bottom: 15px;
  }
  .services__link-svg path {
    opacity: 1;
    stroke-opacity: 1;
  }
  .services {
        grid-template-areas: "title title" "services__link-1 services__link-2" "services__link-3 services__link-4" "services__link-5 services__link-6" "text text";
  }
  .services::after, .services::before {
    background: none;
  }
  .services__link-arrow {
    display: none;
  }
  .services__link-1 {
    margin-top: 17px;
  }
  .services__link-1 .services__link-svg {
    width: 99px;
    height: 73px;
  }
  .services__link-1 .services__link-name {
    max-width: 111px;
  }
  .services__link-2 .services__link-svg {
    width: 72px;
    height: 96px;
  }
  .services__link-2 .services__link-name {
    max-width: 105px;
  }
  .services__link-3 .services__link-svg {
    width: 53px;
    height: 86px;
  }
  .services__link-3 .services__link-name {
    max-width: 111.5px;
  }
  .services__link-4 .services__link-svg {
    width: 72px;
    height: 58px;
  }
  .services__link-4 .services__link-name {
    max-width: 111.5px;
  }
  .services__link-5 {
    margin-top: 25px;
  }
  .services__link-5 .services__link-svg {
    width: 78px;
    height: 38px;
  }
  .services__link-5 .services__link-name {
    max-width: 111.5px;
  }
  .services__link-6 .services__link-svg {
    width: 39px;
    height: 75px;
  }
  .services__link-6 .services__link-name {
    max-width: 111.5px;
  }
  .services__link:hover .services__link-name, .services__link:active .services__link-name {
    color: #E06437;
  }
  .services__link:hover .services__link-svg path, .services__link:active .services__link-svg path {
    stroke: #E06437;
  }
  .services__link {
    margin-bottom: 25px;
  }
  .services__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .services__link-1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .services__link-2 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .services__link-3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .services__link-4 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .services__link-5 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .services__link-6 {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
}
/*доработки*/
.services__title-title {
  color: #fff;
  text-align: center;
  font-style: normal;
  font-weight: 800;
  font-size: 3.3333rem;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1660px) {
  .services__title-title {
    font-size: 50px;
    line-height: 130%;
  }
}
@media (max-width: 992px) {
  .services__title-title {
    font-size: 30px;
    line-height: 130%;
  }
}
@media (max-width: 740px) {
  .services__title-title {
    font-size: 20px;
    line-height: 130%;
  }
}

.services__title-text {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: text;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-top: 10px;
  text-transform: initial;
  max-width: 715px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 992px){
  .services__title-text {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

@media (max-width: 740px){
  .services__title-text {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.services__title-text a {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  text-align: inherit;
  font-size: inherit;
  font-style: inherit;
  text-decoration-line: underline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.services__title-text a:hover {
  text-decoration: none;
}
@media (max-width: 1660px) {
  .services__title-text {
    font-size: 16px;
    max-width: 506px;
    position: relative;
    left: 63px;
  }
}
@media (max-width: 992px) {
  .services__title-text {
    font-size: 12px;
    max-width: 520px;
    padding-top: 50px;
    left: 0;
  }
}
@media (max-width: 710px) {
  .services__title-text {
    padding-bottom: 60px;
  }
}
@media (max-width: 572px) {
  .services__title-text {
    padding-top: 20px;
  }
}

/*-error-*/
.error-title {
  font-weight: 800;
  font-size: 19.4444rem;
  line-height: 100%;
  color: #181818;
}

.error-text {
  max-width: 555px;
  font-weight: 400;
  font-size: 40px;
  line-height: 49px;
  color: #181818;
  margin-bottom: 50px;
}
.error-text span {
  font-weight: 700;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.error-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: 700;
  font-size: 1.3333rem;
  line-height: 130%;
  color: #181818;
}

.error__link-arrow {
  position: relative;
  top: 3px;
}

.error__wrapp {
  max-width: 880px;
  min-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.error-line::before {
  left: -15px;
  width: 180px;
}
.error-line::after {
  left: 7px;
}

.error__box-img {
  position: absolute;
  z-index: -1;
  right: -200px;
}

.error-img {
  -webkit-animation: rotation-right 51s linear infinite;
          animation: rotation-right 51s linear infinite;
}

.page-error .footer {
  display: none;
}

@media (max-width: 1440px) {
  .error-title {
    font-size: 220px;
    line-height: 210px;
  }
  .error-text {
    font-size: 35px;
    line-height: 43px;
  }
  .error-link {
    font-size: 20px;
    line-height: 130%;
  }
  .error-img {
    width: 480px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .error__wrapp {
    max-width: 537px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .error__link-arrow svg {
    height: auto;
    width: 10px;
  }
  .page-error .wrapper-right {
    padding-top: 14px;
  }
}
@media (max-width: 992px) {
  .error-title {
    font-size: 150px;
    line-height: 150px;
    position: relative;
  }
  .error-title::after {
    content: "";
    position: absolute;
    right: -130px;
    top: -45px;
    width: 455px;
    height: 368px;
    z-index: -1;
    background: url("../../img/preaload/stone.svg") no-repeat center center/contain;
  }
  .error-line::before {
    left: -85px;
  }
  .error-line::after {
    left: -65px;
  }
  .error-text {
    font-size: 25px;
    line-height: 31px;
    margin-bottom: 30px;
  }
  .error-text span {
    display: block;
  }
  .error-link {
    font-size: 18px;
    line-height: 130%;
  }
  .error-img {
    width: 320px;
  }
  .error__wrapp {
    max-width: 460px;
    padding-top: 35px;
    padding-bottom: 45px;
  }
  .error__box-img {
    display: none;
  }
}
@media (max-width: 740px) {
  .error-title {
    font-size: 80px;
    line-height: 75px;
  }
  .error-title::after {
    width: 393px;
    height: 168px;
    right: -153px;
    top: -34px;
  }
  .error-text {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px;
  }
  .error-link {
    font-size: 14px;
    line-height: 130%;
  }
  .error__link-arrow svg {
    width: 7px;
  }
  .error .container {
    padding-right: 0;
  }
  .error__wrapp {
    max-width: 290px;
    padding-right: 0;
    min-height: auto;
    padding-bottom: 55px;
    padding-top: 71px;
  }
  .page-error .footer {
    display: block;
  }
}
/*-contact-*/
.contact .home__footer-wrapp {
  padding-top: 0;
}
.contact .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contact .home__footer-wrapp {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 315px 1fr;
  grid-template-columns: 315px 1fr;
  max-width: 1565px;
  margin-right: 0;
  margin-left: auto;
  gap: 115px;
  margin-top: auto;
  margin-bottom: 0;
}
.contact .home__footer-title {
  font-weight: 800;
  font-size: 2.7778rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 45px;
}
.contact .home__footer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
}
.contact .home__footer-row svg,
.contact .home__footer-row img {
  margin-right: 10px;
}
.contact .home__footer-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.contact .home__footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 30px;
}
.contact .home__footer-link svg,
.contact .home__footer-link img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 13px;
}
.contact .home__footer-link:hover svg path {
  fill: #E16437;
}
.contact .home__footer-link-2 {
  margin-bottom: 15px;
}
.contact .home__footer-link-2 svg,
.contact .home__footer-link-2 img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
}
.contact .home__form-title {
  font-weight: 700;
  font-size: 2.2222rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 35px;
}
.contact .home__footer-coll-2 {
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}
.contact .home__footer-mess {
  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;
}
.contact .home__footer-message-link {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-right: 7px;
  margin-left: 7px;
  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;
}
.contact .home__footer-message-link:hover {
  opacity: 0.5;
}
.contact .home__footer-message-link:active {
  color: rgba(24, 24, 24, 0.3);
}
.contact .home__footer-message-link:active path {
  stroke: rgba(24, 24, 24, 0.3);
}
.contact .home__footer-message-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
  margin-left: 20px;
}
.contact .home__footer-mess {
  margin-bottom: 85px;
}
.contact .home__form {
  max-width: 980px;
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 50px;
}
.contact .home__form-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}
.contact .home__form-question {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
}
.contact .home__form-input {
  background: none;
  padding: 0 0 5px 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  border-radius: 0;
  border-bottom: 1px solid #fff;
}
.contact .home__form-input::-webkit-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.contact .home__form-input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.contact .home__form-input:-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.contact .home__form-input::-ms-input-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.contact .home__form-input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.8;
}
.contact .home__footer-file {
  margin-bottom: 17px;
}
.contact .home__form-label-text {
  font-weight: 400;
  font-size: 0.7778rem;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  position: relative;
  padding-left: 35px;
}
.contact .home__form-label-text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #E06437;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.contact .home__form-chekded:checked + .home__form-label-text::after {
  content: url("../../img/icons/checked.svg");
  border: 2px solid transparent;
}
.contact .home__form-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;
}
.contact .home__footer-modal {
  margin-bottom: 48px;
}
.contact .home__footer-map {
  width: 100%;
  height: 380px;
}
.contact .home__footer-map iframe {
  width: 100%;
  height: 100%;
}
.contact .home__footer-modal-title {
  font-weight: 700;
  font-size: 2.2222rem;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 25px;
}
.contact .home__footer-modal-text {
  font-weight: 450;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  opacity: 0.8;
}
.contact .home__footer-modal {
  width: 635px;
  margin: 130px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contact .home__footer-modal-img {
  width: 64px;
  height: 64px;
  margin-right: 25px;
}
.contact .home-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1550px) {
  .contact .home__footer-wrapp {
    gap: 50px;
  }
}
@media (max-width: 1400px) {
  .contact .home__footer-title {
    font-size: 35px;
    line-height: 130%;
    margin-bottom: 30px;
  }
  .contact .home__footer-text {
    font-size: 16px;
    line-height: 130%;
  }
  .contact .home__footer-wrapp {
    width: 92%;
  }
  .contact .home__footer-link {
    margin-bottom: 20px;
  }
  .contact .home__footer-row {
    margin-bottom: 10px;
  }
  .contact .home__footer-link-2 {
    margin-bottom: 10px;
  }
  .contact .home__footer-wrapp {
    -ms-grid-columns: 255px 1fr;
    grid-template-columns: 255px 1fr;
  }
  .contact .home__form-title {
    max-width: 715px;
    margin-left: auto;
    margin-right: 0;
    font-size: 30px;
    line-height: 130%;
  }
  .contact .home__form {
    max-width: 615px;
    padding-bottom: 80px;
  }
  .contact .home__footer-mess {
    margin-bottom: 40px;
  }
  .contact .home__footer-message-link {
    width: 18px;
    height: 18px;
  }
  .contact .home__footer-message-link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .contact .home__footer-arrow-right img,
  .contact .home__footer-arrow-left img {
    height: auto;
    width: 9px;
  }
  .contact .home__footer-message-box {
    margin-right: 12px;
    margin-left: 12px;
  }
  .contact .home__form-box {
    gap: 15px;
    margin-bottom: 20px;
  }
  .contact .home__form-label-text {
    font-size: 12px;
    line-height: 130%;
  }
  .contact .home__form-btn {
    font-size: 16px;
    line-height: 130%;
    min-width: 170px;
    height: 41px;
    font-size: 16px;
    line-height: 130%;
  }
  .contact .home__footer-file {
    margin-bottom: 10px;
  }
  .contact .home__footer-map {
    height: 299px;
  }
  .contact .home__footer-modal-title {
    font-size: 30px;
    line-height: 130%;
  }
  .contact .home__footer-modal-text {
    font-size: 22px;
    line-height: 130%;
  }
  .contact .home__footer-modal-img {
    width: 65px;
    height: 65px;
    margin-right: 15px;
  }
  .contact .home__footer-modal {
    width: auto;
    max-width: 640px;
    margin-bottom: 115px;
    margin-top: 110px;
  }
}
@media (max-width: 992px) {
  .contact .home__footer-wrapp {
    width: 100%;
    -ms-grid-columns: 220px 1fr;
    grid-template-columns: 220px 1fr;
  }
  .contact .home__footer-title {
    font-family: "Floripa";
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .contact .home__footer-text {
    font-size: 14px;
    line-height: 130%;
    margin-left: 5px;
    text-transform: capitalize;
  }
  .contact .home__footer-text svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
  }
  .contact .home__footer-link {
    margin-bottom: 17px;
  }
  .contact .home__footer-link-2 {
    margin-bottom: 7px;
  }
  .contact .home__footer-row {
    margin-left: 5px;
  }
  .contact .home__footer-row svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
  .contact .home__footer-row .home__footer-text {
    margin-bottom: 5px;
  }
  .contact .home__form-title {
    font-size: 20px;
    line-height: 130%;
  }
  .contact .header__btn-prev svg {
    width: 7px;
  }
  .contact .header__btn-prev .header-prev-wrapp {
    margin-right: 5px;
  }
  .contact .header-index-1.home__etap-4 .header__wrapp--index-1 {
    padding-right: 12px;
    padding-left: 2px;
  }
  .contact .home__footer-message-link {
    width: 16px;
    height: 16px;
  }
  .contact .home__footer-arrow-left img,
  .contact .home__footer-arrow-right img {
    width: 7px;
  }
  .contact .home__footer-message-box {
    margin-right: 10px;
    margin-left: 10px;
  }
  .contact .home__footer-mess {
    margin-bottom: 30px;
  }
  .contact .home__form-title {
    margin-bottom: 15px;
  }
  .contact .home__form-box {
    -ms-grid-columns: 97px 1fr 1fr;
    grid-template-columns: 97px 1fr 1fr;
    margin-bottom: 15px;
  }
  .contact .home__form-input {
    font-size: 14px;
    line-height: 130%;
  }
  .contact .home__form-label-text {
    font-size: 12px;
    line-height: 130%;
    display: block;
    padding-left: 30px;
    max-width: 260px;
  }
  .contact .home__form-btn {
    min-width: 145px;
    min-height: 34px;
    max-height: 34px;
    font-size: 14px;
    line-height: 130%;
    padding: 0;
  }
  .contact .home__footer-file {
    margin-bottom: 10px;
  }
  .contact .home__form-label-text::after {
    width: 20px;
    height: 20px;
  }
  .contact .home__form-chekded:checked + .home__form-label-text::after {
    content: " ";
    border: 2px solid transparent;
    width: 20px;
    height: 20px;
    background: url("../../img/icons/checked.svg") no-repeat center center/contain;
  }
  .contact .home__form {
    padding-bottom: 50px;
  }
  .contact .home__footer-map {
    height: 164px;
  }
  .contact .home__footer-modal-title {
    font-size: 20px;
    line-height: 130%;
  }
  .contact .home__footer-modal-text {
    font-size: 18px;
    line-height: 130%;
  }
  .contact .home__footer-modal-img {
    width: 45px;
    height: 45px;
  }
  .contact .home__footer-modal {
    max-width: 510px;
    margin-bottom: 55px;
    margin-top: 60px;
  }
}
@media (max-width: 820px) {
  .contact .home__footer-modal {
    width: 100%;
  }
}
@media (max-width: 740px) {
  .contact .home-footer .home__footer-wrapp {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .contact .home__footer-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  .contact .home__form-box {
    display: block;
  }
  .contact .home__form-input {
    width: 100%;
  }
  .contact .home__footer-coll-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .contact .home__form-title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 0;
    margin-right: auto;
    font-family: "Avenir Next Cyr";
    font-weight: 800;
    font-size: 20px;
    line-height: 130%;
    padding-top: 30px;
    margin-bottom: 23px;
  }
  .contact .home__footer-title {
    font-family: "Avenir Next Cyr";
    font-weight: 800;
    font-size: 20px;
    line-height: 130%;
  }
  .contact .home__footer-map {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100vw;
    margin-left: -20px;
  }
  .contact .home__form-row {
    display: block;
  }
  .contact .home__footer-wrapp-backgroun {
    display: block;
    -webkit-transform: translate(-57%, -345px);
        -ms-transform: translate(-57%, -345px);
            transform: translate(-57%, -345px);
  }
  .contact .home__form {
    max-width: 500px;
    margin-left: 0;
    margin-right: 20px;
    padding-bottom: 35px;
  }
  .contact .home__footer-wrapp {
    padding-top: 15px;
  }
  .contact .home__footer-link {
    width: 80%;
  }
  .contact .home__footer-wrapp {
    gap: 10px;
  }
  .contact .home__form-input {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 19px;
  }
  .contact .home__form-input:nth-last-child(1) {
    margin-bottom: 0;
  }
  .contact .home__footer-file {
    margin-bottom: 5px;
  }
  .contact .home__form-label-text {
    padding-left: 35px;
    margin-bottom: 22px;
  }
  .contact .home__form-btn {
    min-width: 280px;
    font-size: 14px;
    line-height: 130%;
    border-radius: 6px;
  }
  .contact .home__footer-mess {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 25px;
  }
  .contact .home__footer-mess::after {
    content: url("../../img/home/home__nav-mobilde.svg");
    position: absolute;
    bottom: -218px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
  .contact .home__footer-arrow-left {
    -webkit-transform: rotate(-165deg);
        -ms-transform: rotate(-165deg);
            transform: rotate(-165deg);
    position: relative;
    top: 0px;
    margin-right: 10px;
  }
  .contact .home__footer-arrow-left img {
    width: 10px;
    height: auto;
  }
  .contact .home__footer-arrow-right {
    -webkit-transform: rotate(-210deg);
        -ms-transform: rotate(-210deg);
            transform: rotate(-210deg);
    position: relative;
    right: -25px;
    top: -20px;
  }
  .contact .home__footer-arrow-right img {
    width: 10px;
    height: auto;
  }
  .contact .home__footer-message-link {
    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;
  }
  .contact .home__footer-message-link:nth-child(1) {
    margin-top: 5px;
    margin-right: 10px;
  }
  .contact .home__footer-message-link:nth-child(2) {
    margin-top: 5px;
    position: relative;
    right: -15px;
    top: -5px;
  }
  .contact .home__footer-message-link img {
    width: 30px;
    height: 30px;
  }
  .contact .home__footer-modal {
    max-width: 400px;
    margin-top: 100px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
  }
  .contact .home__footer-modal-img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
  }
  .contact .home__footer-modal-title {
    font-size: 20px;
    line-height: 130%;
  }
  .contact .home__footer-modal-text {
    font-size: 18px;
    line-height: 130%;
  }
}
@media (max-width: 420px) {
  .contact .home__footer-modal {
    margin-right: 30px;
  }
  .contact .home__footer-map {
    height: 103px;
  }
}

/*-adaptive-*/
@media (max-width: 1640px) {
  .footer__wrapp-coll {
    -ms-grid-columns: 175px 1fr 1fr;
    grid-template-columns: 175px 1fr 1fr;
  }
}
@media (max-width: 1400px) {
  .footer-logo img {
    width: 75px;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .footer__wrapp-coll {
    max-width: 730px;
    padding-top: 55px;
    padding-left: 25px;
  }
  .footer__list-inner {
    margin-bottom: 8px;
  }
  .footer__list-link {
    font-size: 16px;
    line-height: 130%;
  }
  .footer__coll-1 {
    width: auto;
    display: block;
  }
  .footer__list-2 {
    padding-top: 23px;
  }
  .footer__coll-2 {
    padding-left: 5px;
  }
  .footer__adress-inner {
    margin-bottom: 20px;
  }
  .footer__form-title {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .footer__coll-3 {
    width: 420px;
  }
  .footer__form {
    padding-top: 70px;
  }
  .footer__form-title-span {
    display: inline-block;
  }
  .footer__form-input {
    width: 93%;
  }
  .footer__form-label-text {
    font-size: 12px;
    line-height: 130%;
    width: 90%;
  }
  .footer__form-btn {
    font-size: 16px;
    line-height: 130%;
    width: 97%;
    min-height: 41px;
  }
  .footer__copyright {
    max-width: 1220px;
    padding-top: 30px;
    padding-right: 15px;
  }
  .footer__copyright-link-2 {
    font-size: 14px;
    line-height: 130%;
  }
  .footer__copyright-link-2 svg {
    margin-left: 21px;
  }
  .footer__copyright-link-1 {
    margin-right: 105px;
  }
  .footer__coll-3::after {
    background: url("../../img/icons/footer-back.svg") no-repeat center center/contain;
    width: 546.94px;
    height: 537.59px;
    left: -33px;
    top: -39px;
  }
  .footer__modal-img {
    margin-top: 10px;
    width: 32px;
    height: 32px;
  }
  .footer__modal-title {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 22px;
  }
  .footer__modal-text {
    font-size: 16px;
    line-height: 130%;
  }
  .footer__modal {
    width: 280px;
    padding-top: 102px;
  }
}
@media (max-width: 1160px) {
  .footer__wrapp-coll {
    max-width: 590px;
    -ms-grid-columns: 110px 1fr 1fr;
    grid-template-columns: 110px 1fr 1fr;
  }
  .footer__coll-3 {
    width: 390px;
  }
}
@media (max-width: 998px) {
  .footer__wrapp-coll {
    padding-left: 0;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding-top: 60px;
    max-width: 400px;
  }
  .footer__coll-3 {
    width: 282px;
  }
  .footer-logo {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    padding-bottom: 10px;
  }
  .footer-logo img {
    width: 55px;
    height: 14px;
  }
  .footer__list-link {
    font-size: 14px;
    line-height: 130%;
  }
  .footer__list-inner {
    margin-bottom: 10px;
  }
  .footer__adress-inner {
    font-size: 12px;
    line-height: 130%;
  }
  .footer__adress-inner svg {
    width: 20px;
    height: 20px;
  }
  .footer__form-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 27px;
  }
  .footer__wrapp {
    padding-right: 30px;
  }
  .footer__form {
    padding-top: 100px;
  }
  .footer__form-input {
    margin-bottom: 24px;
  }
  .footer__form-input-2 {
    margin-bottom: 17px;
  }
  .footer__form-label-text {
    padding-left: 30px;
    margin-bottom: 20px;
  }
  .footer__form-btn {
    font-size: 14px;
    line-height: 130%;
    min-height: 34px;
  }
  .footer__form-label-text::after {
    width: 15px;
    height: 15px;
  }
  .footer__form-chekded:checked + .footer__form-label-text::after {
    content: "";
    border: 2px solid transparent;
    width: 20px;
    height: 20px;
    background: url("../../img/icons/checked-white.svg") no-repeat center center/contain;
  }
  .footer__copyright {
    padding-right: 5px;
    padding-top: 33px;
    padding-bottom: 33px;
  }
  .footer__copyright-link {
    font-size: 12px;
    line-height: 130%;
  }
  .footer__copyright-link svg {
    margin-left: 7px;
    width: 20px;
    height: 12px;
  }
  .footer__copyright-title {
    font-size: 12px;
    line-height: 130%;
  }
  .footer__copyright-link-1 {
    margin-right: 30px;
  }
  .footer__coll-3::after {
    left: -131px;
    top: -16px;
  }
  .footer__adress-link--map svg {
    width: 27px;
    position: relative;
    top: -5px;
  }
  .footer__wrapp {
    padding-top: 15px;
  }
  .footer::after {
    height: 91%;
  }
  .footer__modal-img {
    margin-top: 10px;
    width: 30px;
    height: 30px;
  }
  .footer__modal-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 12px;
  }
  .footer__modal-text {
    font-size: 14px;
    line-height: 130%;
  }
  .footer__modal {
    width: 280px;
    padding-top: 102px;
    padding-left: 10px;
  }
}
@media (max-width: 760px) {
  .footer-catalog::after {
    height: 100%;
  }
  .footer__wrapp {
    padding-right: 0;
  }
}
@media (max-width: 710px) {
  .footer__wrapp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .footer__wrapp-coll {
    max-width: 100%;
    display: block;
    background: #0E0E0E;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
  }
  .footer .container {
    padding-left: 0;
    padding-right: 0;
  }
  .footer__coll-1 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-right: 30px;
  }
  .footer__list-2 {
    padding-top: 0;
  }
  .footer__copyright {
    padding-left: 20px;
    padding-right: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 80px;
    grid-template-columns: 1fr 80px;
  }
  .footer__copyright-title {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .footer__copyright-link-1 {
    margin-right: 0;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    text-align: center;
  }
  .footer__coll-3 {
    width: 255px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
  }
  .footer__form {
    padding-top: 10px;
  }
  .footer__form-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 27px;
  }
  .footer__form-input {
    width: 100%;
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  .footer__form-input-2 {
    margin-bottom: 15px;
  }
  .footer__form-btn {
    width: 100%;
    font-size: 14px;
    line-height: 130%;
    min-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer__coll-3::after {
    left: -109px;
    top: -59px;
  }
  .footer-logo {
    display: block;
    padding-bottom: 20px;
  }
  .footer-logo img {
    width: 55px;
    height: 15px;
  }
  .footer__list-link {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .footer__list-inner {
    margin-bottom: 12px;
  }
  .footer__list-2 {
    width: 33%;
    margin-left: 40px;
  }
  .footer__coll-2 {
    padding-top: 13px;
    padding-left: 0;
  }
  .footer__adress-inner {
    margin-bottom: 23px;
  }
  .footer__adress-link {
    font-size: 12px;
    line-height: 130%;
  }
  .footer__adress-link svg {
    width: 15px;
    height: 15px;
  }
  .footer__adress-link--map {
    width: 195px;
  }
  .footer__adress-link--map svg {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .footer__copyright {
    margin-top: 0;
    padding-top: 17px;
    padding-bottom: 20px;
  }
  .footer__copyright-link-1 {
    padding-bottom: 10px;
  }
  .footer__modal {
    width: 250px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 57px;
  }
}
@media (max-width: 570px) {
  .footer__list-2 {
    margin-left: 0;
  }
  .footer__coll-1 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
/*-правки 15.12.2024-*/
@-webkit-keyframes a {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes a {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@-webkit-keyframes c {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
            transform: translate(-50%, -50%) rotate(-180deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(-1turn);
            transform: translate(-50%, -50%) rotate(-1turn);
  }
}
@keyframes c {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
            transform: translate(-50%, -50%) rotate(-180deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(-1turn);
            transform: translate(-50%, -50%) rotate(-1turn);
  }
}
@-webkit-keyframes d {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(6px);
            transform: scale(1.2) translateX(6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(8px);
            transform: scale(1.3) translateX(8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(6px);
            transform: scale(1.2) translateX(6px);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(6px);
            transform: scale(0.8) translateX(6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(8px);
            transform: scale(0.7) translateX(8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(6px);
            transform: scale(0.8) translateX(6px);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes d {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(6px);
            transform: scale(1.2) translateX(6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(8px);
            transform: scale(1.3) translateX(8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(6px);
            transform: scale(1.2) translateX(6px);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(6px);
            transform: scale(0.8) translateX(6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(8px);
            transform: scale(0.7) translateX(8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(6px);
            transform: scale(0.8) translateX(6px);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes e {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(-6px);
            transform: scale(1.2) translateX(-6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(-8px);
            transform: scale(1.3) translateX(-8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(-6px);
            transform: scale(1.2) translateX(-6px);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(-6px);
            transform: scale(0.8) translateX(-6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(-8px);
            transform: scale(0.7) translateX(-8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(-6px);
            transform: scale(0.8) translateX(-6px);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes e {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(-6px);
            transform: scale(1.2) translateX(-6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(-8px);
            transform: scale(1.3) translateX(-8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(-6px);
            transform: scale(1.2) translateX(-6px);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(-6px);
            transform: scale(0.8) translateX(-6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(-8px);
            transform: scale(0.7) translateX(-8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(-6px);
            transform: scale(0.8) translateX(-6px);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.drift-zoom-pane {
  background: rgba(0, 0, 0, 0.5);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.drift-zoom-pane.drift-opening {
  animation: a 0.18s ease-out;
  -webkit-animation: a 0.18s ease-out;
}

.drift-zoom-pane.drift-closing {
  animation: b 0.21s ease-in;
  -webkit-animation: b 0.21s ease-in;
}

.drift-zoom-pane.drift-inline {
  border-radius: 75px;
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
  height: 150px;
  position: absolute;
  width: 150px;
}

.drift-loading .drift-zoom-pane-loader {
  animation: c 1.8s linear infinite;
  -webkit-animation: c 1.8s linear infinite;
  display: block;
  height: 20px;
  left: 50%;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 66px;
}

.drift-zoom-pane-loader:after, .drift-zoom-pane-loader:before {
  background: hsla(0, 0%, 100%, 0.9);
  border-radius: 20px;
  content: "";
  display: block;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.drift-zoom-pane-loader:before {
  animation: d 1.8s linear infinite;
  -webkit-animation: d 1.8s linear infinite;
  left: 0;
}

.drift-zoom-pane-loader:after {
  animation: e 1.8s linear infinite;
  -webkit-animation: e 1.8s linear infinite;
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
  right: 0;
}

.drift-bounding-box {
  background-color: rgba(0, 0, 0, 0.4);
}

.drift-zoom-pane {
  width: 250px !important;
  height: 250px !important;
  z-index: 2 !important;
  border-radius: 50% !important;
}
@media (max-width: 772px) {
  .drift-zoom-pane {
    width: 200px !important;
    height: 200px !important;
  }
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../fonts/Montserrat-Bold.woff2") format("woff2"), url("../../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
.no-webp .modal-present-container{
  background: url("../../img/modal-present.png") no-repeat center center/cover, url("../../img/vaza.png") no-repeat center right 0, #fff; }
.modal-present-container {
  width: 795px;
  display: block;
  padding: 85px 60px 70px 60px;
  -webkit-box-shadow: 0px 0px 12px #FFFFFF;
          box-shadow: 0px 0px 12px #FFFFFF;
  border-radius: 0;
}

.modal__present-input {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #BABABA;
  border-radius: 0;
  padding: 0 15px;
}

.modal__present-title {
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
}

.modal__present-title span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

.modal__present-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #3C3C3C;
  max-width: 375px;
  padding-bottom: 20px;
}

.modal__present-text span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: #E06437;
}

.modal__present-form {
  max-width: 425px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 125px;
  grid-template-columns: 1fr 125px;
  gap: 10px 5px;
}

.modal__present-btn {
  min-width: auto;
  min-height: auto;
  width: 100%;
  height: 40px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #FFFFFF;
  border-radius: 0;
}

.modal-present-btn {
  right: 10px;
  top: 10px;
}

.modal__present-label {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}

.modal__present-label-span {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #3C3C3C;
  padding-left: 25px;
  display: block;
}

.modal__present-label-span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #FFFFFF;
  width: 13px;
  height: 13px;
  border: 1px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.16);
}

.modal__present-label-input:checked + .modal__present-label-span::after {
  content: url("../../img/modal-present-check.svg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1680px) {
  .no-webp .modal-present-container{
    background: url("../../img/modal-present.png") no-repeat center center/cover, url("../../img/vaza-2.png") no-repeat center right 0, #fff; }
  .modal-present-container {
    width: 625px;
    padding: 70px 40px;
  }
  .modal__present-title {
    font-family: "avenirnextcyr";
    font-size: 32px;
    line-height: 39px;
  }
  .modal__present-text {
    font-size: 14px;
    line-height: 17px;
  }
  .modal__present-btn {
    font-size: 14px;
    line-height: 21px;
    height: 30px;
  }
  .modal__present-form {
    max-width: 340px;
    -ms-grid-columns: 1fr 115px;
    grid-template-columns: 1fr 115px;
  }
  .modal__present-input {
    font-size: 10px;
    line-height: 12px;
    height: 30px;
  }
  .modal__present-label-span {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (max-width: 992px) {
  .no-webp .modal-present-container{
    background: url("../../img/modal-present.png") no-repeat center center/cover, url("../../img/vaza-3.png") no-repeat center right 0, #fff; }
  .modal-present-container {
    width: 524px;
    padding: 60px 40px;
  }
  .modal-present-btn {
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
  }
  .modal-present-btn svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .modal__present-title {
    font-size: 24px;
    line-height: 29px;
  }
  .modal__present-text {
    max-width: 245px;
    font-size: 10px;
    line-height: 12px;
    padding-bottom: 15px;
  }
  .modal__present-form {
    max-width: 245px;
  }
  .modal__present-btn {
    font-size: 10px;
    line-height: 21px;
    height: 26px;
  }
  .modal__present-input {
    height: 26px;
    font-size: 8px;
    line-height: 10px;
  }
  .modal__present-label-span {
    font-size: 8px;
    line-height: 10px;
  }
}
@media (max-width: 700px) {
  .no-webp .modal-present-container{
    background: url("../../img/modal-present-mob.png") no-repeat top center, url("../../img/vaza-4.png") no-repeat center right 0, #fff; }
  .modal-present-container {
    width: 280px;
    padding: 130px 0 0 0;
  }
  .modal__present-title {
    font-size: 20px;
    line-height: 17px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .modal__present-title .modal__present-title-span {
    display: block;
    font-weight: 700;
    font-size: 50px;
    line-height: 84%;
  }
  .modal__present-text {
    max-width: 165px;
    font-size: 10px;
    line-height: 12px;
    padding-bottom: 38px;
    padding-left: 15px;
  }
  .modal__present-label {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  .modal__present-form {
    max-width: 100%;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 0;
  }
  .modal__present-input {
    margin-bottom: 10px;
    height: 30px;
    font-size: 8px;
    line-height: 10px;
    margin-right: 15px;
    margin-left: 15px;
    width: 251px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .modal__present-label {
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 10px;
  }
  .modal__present-btn {
    height: 50px;
    font-size: 12px;
    line-height: 21px;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
}
.star-row {
  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-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}
@media (max-width: 992px) {
  .star-row {
    margin-right: 8px;
  }
}

.star-input {
  position: absolute;
  z-index: -33;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.star-label {
  display: block;
  width: 21px;
  height: 21px;
  position: relative;
  background: url("../../img/star/star.svg") no-repeat center center/contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  cursor: pointer;
}
.star-label:nth-child(1) {
  margin-right: 0;
}
@media (max-width: 1680px) {
  .star-label {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 992px) {
  .star-label {
    width: 15px;
    height: 15px;
    margin-right: 8px;
  }
}

.star-input:checked ~ .star-label {
  background: url("../../img/star/star-active.svg") no-repeat center center/contain;
}

.star-input:hover ~ .star-label {
  background: url("../../img/star/star-active.svg") no-repeat center center/contain;
}

.star-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.star__conttainer-title {
  color: #181818;
  font-family: "avenirnextcyr";
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 130%;
  letter-spacing: -0.28px;
}

.ask-svg {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  width: 80px;
  height: 80px;
  grid-area: ask-svg;
}
@media (max-width: 992px) {
  .ask-svg {
    width: 54px;
    height: 54px;
  }
}
@media (max-width: 767px) {
  .ask-svg {
    width: 36px;
    height: 36px;
  }
}

.ask__box-text {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: ask__box-text;
  padding: 23px 20px;
  color: #181818;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.36px;
  text-transform: uppercase;
  border-left: 1px solid rgba(174, 164, 175, 0.2);
  border-right: 1px solid rgba(174, 164, 175, 0.2);
}
.ask__box-text a,
.ask__box-text span {
  color: #E06437;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
@media (max-width: 1680px) {
  .ask__box-text {
    padding: 10px 20px;
  }
}
@media (max-width: 992px) {
  .ask__box-text {
    padding: 0 0 0 10px;
    border-right: none;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ask__box-text {
    border: none;
    padding-left: 0;
  }
}

.ask-btn {
  margin-left: 10px;
  width: 256px;
  font-size: 18px;
  font-style: normal;
  font-weight: 750;
  line-height: 130%;
}
@media (max-width: 1680px) {
  .ask-btn {
    width: 180px;
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .ask-btn {
    width: 160px;
    margin-left: auto;
    margin-right: 0;
    font-size: 14px;
  }
}
@media (max-width: 580px) {
  .ask-btn {
    margin-left: 0;
    margin-right: auto;
  }
}

.ask-info {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: ask-info;
}

.ask__wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px 1fr 20px auto;
  grid-template-columns: auto 1fr auto;
  gap: 15px 20px;
      grid-template-areas: "ask-svg ask__box-text ask-info";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 992px) {
  .ask__wrapp {
        grid-template-areas: "ask-svg ask__box-text " "ask-svg ask-info  ";
    gap: 15px 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .ask-svg {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .ask__box-text {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .ask-info {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
.ask-info-svg {
  width: 38px;
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  display: block;
}

.ask-info-text {
  color: #181818;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 1680px) {
  .ask-info-text {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .ask-info-text {
    font-size: 14px;
  }
}

.no-webp .ask{
  background: url("../../img/star/stone-2.png") no-repeat top 0 left 0, url("../../img/star/stone-3.png") no-repeat bottom 0 right 25%, #F5F7FB; }

.ask {
  border-radius: 15px;
  padding: 20px;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 1680px) {
  .no-webp .ask{
    background: url("../../img/star/stone-2.png") no-repeat top 0 left 0, url("../../img/star/stone-3.png") no-repeat bottom 0 right -55px, #F5F7FB; }
}
@media (max-width: 992px) {
  .no-webp .ask{
    background: url("../../img/star/stone-2.png") no-repeat top 0 left 0, url("../../img/star/stone-3.png") no-repeat bottom 0 right -25px, #F5F7FB; }
  .ask {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  .ask {
    padding: 15px;
  }
}
@media (max-width: 580px) {
  .no-webp .ask{
    background: url("../../img/star/stone-2.png") no-repeat top 0 left 0, #F5F7FB; }
}

.ask-padding {
  margin-top: 40px;
}
@media (max-width: 1680px) {
  .ask-padding {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .ask-padding {
    margin-top: 20px;
  }
}

.margin-bottom-non,
.examples.margin-bottom-non {
  margin-bottom: 0;
}

.exambles__monument-uneversal-padding {
  margin-top: 40px;
}
@media (max-width: 1680px) {
  .exambles__monument-uneversal-padding {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .exambles__monument-uneversal-padding {
    margin-top: 20px;
  }
}

.advantages-title {
  padding-bottom: 30px;
  color: #181818;
  font-size: 24px;
  font-style: normal;
  font-weight: 750;
  line-height: 130%;
  letter-spacing: -0.48px;
}
@media (max-width: 1680px) {
  .advantages-title {
    font-size: 22px;
    padding-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .advantages-title {
    font-size: 20px;
  }
}

.advantages-padding {
  margin-top: 40px;
}
@media (max-width: 1680px) {
  .advantages-padding {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .advantages-padding {
    margin-top: 20px;
  }
}

.advantages__box-img {
  width: 90px;
  height: 90px;
  display: block;
}
@media (max-width: 1680px) {
  .advantages__box-img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 992px) {
  .advantages__box-img {
    width: 40px;
    height: 40px;
    margin: auto auto 10px auto;
  }
}
@media (max-width: 580px) {
  .advantages__box-img {
    margin-left: 0;
    margin-bottom: auto;
  }
}

.advantages__box-title {
  color: #181818;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 1680px) {
  .advantages__box-title {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .advantages__box-title {
    font-size: 14px;
    text-align: center;
  }
}
@media (max-width: 580px) {
  .advantages__box-title {
    text-align: left;
  }
}

.advantages__box {
  border-radius: 10px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  padding: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1680px) {
  .advantages__box {
    padding: 20px;
    gap: 15px;
  }
}
@media (max-width: 992px) {
  .advantages__box {
    padding: 15px;
    border-radius: 10px;
    display: block;
  }
}
@media (max-width: 580px) {
  .advantages__box {
    display: -ms-grid;
    display: grid;
  }
}

.advantages__wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1680px) {
  .advantages__wrapp {
    gap: 20px;
  }
}
@media (max-width: 992px) {
  .advantages__wrapp {
    gap: 15px;
  }
}
@media (max-width: 580px) {
  .advantages__wrapp {
    gap: 10px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.related__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 6px;
  background: #F5F7FB;
  overflow: hidden;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  padding: 0 15px 15px 15px;
}
@media (max-width: 580px) {
  .related__box {
    padding: 0 10px 10px 10px;
  }
}

.related__box-img {
  width: calc(100% + 30px);
  aspect-ratio: 55/34;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
  overflow: hidden;
  margin-left: -15px;
}
@media (max-width: 580px) {
  .related__box-img {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}

.relate__box-arrow {
  margin: auto 0 0 auto;
  padding-top: 10px;
}
.relate__box-arrow svg {
  width: auto;
  height: 15px;
}
@media (max-width: 1680px) {
  .relate__box-arrow svg {
    height: 12px;
  }
}

.related__wrapp {
  -ms-grid-column-span: 3;
  grid-column: span 3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
@media (max-width: 1240px) {
  .related__wrapp {
    gap: 8px;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .related__wrapp {
    gap: 10px;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 580px) {
  .related__wrapp {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.relate__box-text {
  color: #1E1F24;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.32px;
  text-transform: uppercase;
  padding-top: 25px;
}
@media (max-width: 1680px) {
  .relate__box-text {
    font-size: 14px;
    padding-top: 15px;
  }
}
@media (max-width: 992px) {
  .relate__box-text {
    font-size: 12px;
  }
}
@media (max-width: 580px) {
  .relate__box-text {
    padding-top: 10px;
  }
}

.relate__message-link {
  display: block;
  margin-left: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 42px;
  height: 42px;
}
.relate__message-link svg,
.relate__message-link img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1680px) {
  .relate__message-link {
    margin-left: 15px;
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 992px) {
  .relate__message-link {
    margin-left: 10px;
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 580px) {
  .relate__message-link {
    width: 24px;
    height: 24px;
  }
}

.relate-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.relate-bottom-padding {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 1680px) {
  .relate-bottom-padding {
    margin-top: 30px;
  }
}
@media (max-width: 992px) {
  .relate-bottom-padding {
    margin-top: 20px;
    margin-bottom: 60px;
  }
}

.relate__bottom-title {
  padding-right: 10px;
  color: #4E6580;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.36px;
}
@media (max-width: 1680px) {
  .relate__bottom-title {
    padding-right: 15px;
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .relate__bottom-title {
    font-size: 14px;
    padding-right: 10px;
  }
}
@media (max-width: 580px) {
  .relate__bottom-title {
    font-size: 12px;
  }
}

.related-title {
  padding-bottom: 0;
}
@media (max-width: 572px) {
  .related-title {
    padding-bottom: 20px;
  }
}

.answers-width {
  max-width: 1445px;
  margin-left: auto;
  margin-right: 0;
  padding-right: 20px;
}
@media (max-width: 1440px) {
  .answers-width {
    max-width: 1100px;
    padding-right: 0;
    padding-left: 0;
  }
}

.answers__wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 992px) {
  .answers__wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 15px;
  }
}

.answers-padding {
  padding-bottom: 100px;
}
@media (max-width: 992px) {
  .answers-padding {
    padding-bottom: 60px;
  }
}

.answers__box-svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 40px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .answers__box-svg {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 992px) {
  .answers__box-svg {
    width: 28px;
    height: 28px;
  }
}

.answers__box {
  border-radius: 15px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media (max-width: 1680px) {
  .answers__box {
    border-radius: 12px;
  }
}

.answers__box-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  height: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 15px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  padding: 20px;
}
.answers__box-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.answers__box-btn:hover path {
  stroke: #E06437;
  fill: #E06437;
}
.answers__box-btn:hover .answers__btn-text {
  color: #E06437;
}
@media (max-width: 992px) {
  .answers__box-btn {
    height: auto;
  }
}
@media (max-width: 992px) {
  .answers__box-btn {
    padding: 15px;
  }
}

.answers__box-btn,
.answers__box-wrapp {
  -ms-grid-columns: 1fr 40px;
  grid-template-columns: 1fr 40px;
  gap: 30px;
}
@media (max-width: 1680px) {
  .answers__box-btn,
  .answers__box-wrapp {
    -ms-grid-columns: 1fr 36px;
    grid-template-columns: 1fr 36px;
    gap: 20px;
  }
}
@media (max-width: 992px) {
  .answers__box-btn,
  .answers__box-wrapp {
    -ms-grid-columns: 1fr 28px;
    grid-template-columns: 1fr 28px;
    gap: 15px;
  }
}

.answers__box-text {
  padding: 0 20px 20px 20px;
}
@media (max-width: 992px) {
  .answers__box-text {
    padding: 0 15px 15px 15px;
  }
}

.answers__box-wrapp {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  max-height: 0;
  overflow: hidden;
  display: -ms-grid;
  display: grid;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  border-radius: 0 0 15px 15px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 25px 25px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 25px 25px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 1680px) {
  .answers__box-wrapp {
    border-radius: 0 0 12px 12px;
  }
}
@media (max-width: 992px) {
  .answers__box-wrapp {
    position: static;
  }
}

.answers__box-btn.--active {
  border-radius: 15px 15px 0 0;
}
@media (max-width: 1680px) {
  .answers__box-btn.--active {
    border-radius: 12px 12px 0 0;
  }
}
.answers__box-btn.--active .answers__box-svg {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.answers__box-btn.--active .answers__btn-text {
  padding-bottom: 5px;
  border-bottom: 3px solid #E06437;
}

.answers__btn-text {
  text-align: left;
  color: #181818;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.36px;
  text-transform: uppercase;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .answers__btn-text {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .answers__btn-text {
    font-size: 14px;
  }
}

.answers-title {
  padding-bottom: 40px;
  color: #181818;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
}
@media (max-width: 1680px) {
  .answers-title {
    ont-size: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 992px) {
  .answers-title {
    font-size: 25px;
  }
}
@media (max-width: 580px) {
  .answers-title {
    font-size: 16px;
    padding-bottom: 20px;
  }
}

.reviews-wrapper-right {
  min-height: auto;
}

.reivews__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 40px;
}
@media (max-width: 1680px) {
  .reivews__header {
    padding-bottom: 30px;
  }
}
@media (max-width: 580px) {
  .reivews__header {
    padding-bottom: 20px;
  }
}

.reviews-title {
  padding-bottom: 0;
}

.reviews__wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1680px) {
  .reviews__wrapp {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
}
@media (max-width: 1100px) {
  .reviews__wrapp {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 580px) {
  .reviews__wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.reviews__autor-avatar {
  width: 32px;
  height: 32px;
}
.reviews__autor-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
  display: block;
}
@media (max-width: 1680px) {
  .reviews__autor-avatar {
    width: 28px;
    height: 28px;
  }
}

.reviews__autor-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 32px 1fr;
  grid-template-columns: 32px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 1680px) {
  .reviews__autor-row {
    -ms-grid-columns: 28px 1fr;
    grid-template-columns: 28px 1fr;
  }
}

.reviews__autor-name {
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  color: #181818;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.36px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1680px) {
  .reviews__autor-name {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .reviews__autor-name {
    font-size: 14px;
  }
}

.reviews__autor-data {
  padding-top: 15px;
  color: #181818;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.28px;
  text-transform: lowercase;
  opacity: 0.5;
}
.reviews__autor-data time {
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
@media (max-width: 580px) {
  .reviews__autor-data {
    font-size: 12px;
  }
}

.reviews__box-text {
  padding-top: 20px;
  overflow: hidden;
  color: #1E1F24;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  margin-bottom: 15px;
}
@media (max-width: 1680px) {
  .reviews__box-text {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .reviews__box-text {
    font-size: 14px;
    -webkit-line-clamp: 5;
  }
}

.reviews__box-btn {
  margin: auto 0 0 auto;
  color: #E06437;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.28px;
  text-transform: lowercase;
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .reviews__box-btn:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .reviews__box-btn:active {
    text-decoration: underline;
  }
}
.reviews__box-btn::after {
  content: "показать полностью";
  color: #E06437;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.28px;
  text-transform: lowercase;
}

.reviews__box-input:checked ~ .reviews__box-btn::after {
  content: "скрыть";
}

.reviews__box-input:checked ~ .reviews__box-text {
  display: block;
}

.reviews__box-input {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -333;
  width: 0;
  overflow: hidden;
  opacity: 0;
  display: none;
}

.reviews__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  border-radius: 15px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 1680px) {
  .reviews__box {
    border-radius: 12px;
  }
}
@media (max-width: 992px) {
  .reviews__box {
    padding: 15px;
  }
}

.interest__cart {
  display: block;
  border-radius: 8px;
  background: #F5F7FB;
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.07);
  padding: 0 15px 15px 15px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (hover: hover) {
  .interest__cart:hover .interest__cart-title {
    color: #E06437;
  }
}
@media (hover: none) {
  .interest__cart:active .interest__cart-title {
    color: #E06437;
  }
}

.interest__body {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}
@media (max-width: 1680px) {
  .interest__body {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media (max-width: 992px) {
  .interest__body {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .interest__body {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 15px;
  }
}

.interest__cart-img {
  width: calc(100% + 30px);
  margin-left: -15px;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 19/12;
  -o-object-fit: cover;
     object-fit: cover;
}

.interest__cart-title {
  color: #1E1F24;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.36px;
  text-transform: uppercase;
  padding-top: 25px;
  padding-bottom: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 992px) {
  .interest__cart-title {
    padding-top: 15px;
  }
}

.interest__cart-text {
  margin-top: auto;
  margin-bottom: 0;
  overflow: hidden;
  color: #1E1F24;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.interest__cart-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;
  margin-top: 15px;
}

.interest-date {
  color: #1E1F24;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  opacity: 0.5;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.interest__box-arrow {
  padding-top: 0;
}

.interest-title {
  font-size: 24px;
  padding-bottom: 0;
}
@media (max-width: 1680px) {
  .interest-title {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .interest-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .interest-title {
    font-size: 16px;
  }
}
@media (max-width: 740px) {
  .interest-title {
    border: none;
  }
  .interest-title::after {
    background: none;
  }
}

@media (max-width: 1400px) {
  .interest {
    gap: 20px;
  }
}
@media (max-width: 572px) {
  .interest {
    gap: 0;
  }
}

.interest__body-monument-fix .card {
  max-width: 100%;
  margin-bottom: 0;
}

.interest-margin-bottom,
.examples.interest-margin-bottom {
  margin-bottom: 40px;
}
@media (max-width: 1680px) {
  .interest-margin-bottom,
  .examples.interest-margin-bottom {
    margin-bottom: 35px;
  }
}
@media (max-width: 992px) {
  .interest-margin-bottom,
  .examples.interest-margin-bottom {
    margin-bottom: 25px;
  }
}
@media (max-width: 580px) {
  .interest-margin-bottom,
  .examples.interest-margin-bottom {
    margin-bottom: 30px;
  }
}

.comment-swiper-slide {
  height: auto;
}
.comment-swiper-slide .reviews__box {
  height: 100%;
}
@media (max-width: 740px) {
  .comment-swiper-slide .reviews__box {
    height: auto;
  }
}

.comment-swiper-slide {
  opacity: 0;
  pointer-events: none;
}

.comment-swiper-slide.swiper-slide-active,
.comment-swiper-slide.swiper-slide-active + .comment-swiper-slide,
.comment-swiper-slide.swiper-slide-active + .comment-swiper-slide + .comment-swiper-slide,
.comment-swiper-slide.swiper-slide-active + .comment-swiper-slide + .comment-swiper-slide + .comment-swiper-slide {
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 1170px) {
  .comment-swiper-slide.swiper-slide-active + .comment-swiper-slide + .comment-swiper-slide + .comment-swiper-slide {
    opacity: 0;
    pointer-events: none;
  }
}
@media (max-width: 740px) {
  .comment-swiper-slide.swiper-slide-active + .comment-swiper-slide,
  .comment-swiper-slide.swiper-slide-active + .comment-swiper-slide + .comment-swiper-slide,
  .comment-swiper-slide.swiper-slide-active + .comment-swiper-slide + .comment-swiper-slide + .comment-swiper-slide {
    opacity: 0;
    pointer-events: none;
  }
}
@media (max-width: 572px) {
  .comment-swiper {
    max-width: 100%;
  }
}

.comment-btn.swiper-button-disabled {
  opacity: 0.5;
}

.comment-btn-modal {
  width: 220px;
  display: block;
  margin-left: auto;
  margin-right: 0;
  border-radius: 10px;
  border: 1px solid #E06437;
  background: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 11px 18px;
  cursor: pointer;
  color: #E06437;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (hover: hover) {
  .comment-btn-modal:hover {
    color: #fff;
    background: #E06437;
  }
}
@media (hover: none) {
  .comment-btn-modal:active {
    color: #fff;
    background: #E06437;
  }
}
@media (max-width: 1680px) {
  .comment-btn-modal {
    width: 200px;
    font-size: 16px;
    padding: 10px 14px;
  }
}
@media (max-width: 992px) {
  .comment-btn-modal {
    font-size: 14px;
    padding: 8px 12px;
    width: 150px;
  }
}
@media (max-width: 580px) {
  .comment-btn-modal {
    width: 100%;
  }
}

.comment-swiper {
  margin-bottom: 30px;
}
@media (max-width: 1680px) {
  .comment-swiper {
    margin-bottom: 20px;
  }
}
@media (max-width: 580px) {
  .comment-swiper {
    margin-bottom: 15px;
  }
}

.comment--title {
  color: #181818;
  font-size: 24px;
  font-style: normal;
  font-weight: 750;
  line-height: 130%;
  letter-spacing: -0.48px;
}
@media (max-width: 1680px) {
  .comment--title {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  .comment--title {
    font-size: 20px;
  }
}
@media (max-width: 572px) {
  .comment--title {
    width: 100%;
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-size: 14px;
  }
}

@media (max-width: 572px) {
  .comment__header {
    margin-bottom: 15px;
  }
}

.home-promotion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 740px) {
  .home-promotion {
    padding-left: 20px;
  }
}

@media (max-width: 740px) {
  .home-promotion-padding {
    padding-bottom: 40px;
  }
}

.home-promotion-box-btn {
  z-index: 1;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
}
@media (max-width: 992px) {
  .home-promotion-box-btn {
    padding-top: 20px;
  }
}

.home__promotion-btn-swiper {
  padding: 0;
  display: block;
  width: auto;
  height: 23px;
  cursor: pointer;
}
.home__promotion-btn-swiper svg {
  width: auto;
  height: 100%;
}
.home__promotion-btn-swiper path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .home__promotion-btn-swiper:hover path {
    stroke: #E06437;
  }
}
@media (hover: none) {
  .home__promotion-btn-swiper:active path {
    stroke: #E06437;
  }
}
@media (max-width: 1680px) {
  .home__promotion-btn-swiper {
    width: auto;
    height: 21px;
  }
}
@media (max-width: 992px) {
  .home__promotion-btn-swiper {
    width: auto;
    height: 19px;
  }
}

.home__promotion-btn-swiper + .home__promotion-btn-swiper {
  margin-left: 50px;
}
@media (max-width: 992px) {
  .home__promotion-btn-swiper + .home__promotion-btn-swiper {
    margin-left: 30px;
  }
}

.home-promotion-img {
  width: calc(100% + 30px);
  margin-left: -15px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 31/21;
  border-radius: 8px;
  overflow: hidden;
  display: block;
}
@media (max-width: 1680px) {
  .home-promotion-img {
    width: calc(100% + 20px);
    margin-left: -10px;
    border-radius: 6px;
  }
}

.home-promotion-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 15px 30px 15px;
}
@media (max-width: 1680px) {
  .home-promotion-box {
    padding: 0 10px 20px 10px;
  }
}
@media (max-width: 992px) {
  .home-promotion-box {
    padding: 0 10px 15px 10px;
  }
}
@media (hover: hover) {
  .home-promotion-box:hover .home-promotion-box-title {
    color: #E06437;
  }
}
@media (hover: none) {
  .home-promotion-box:active .home-promotion-box-title,
  .home-promotion-box:active .home-promotion-box-text,
  .home-promotion-box:active .home-promotion-box-date {
    color: #E06437;
  }
}

.home__promotion-wrapper,
.home-promotion-swiper-slide {
  height: auto;
}

.home__promotion-swiper {
  overflow: hidden;
}

.home-promotion-box-title {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.36px;
  text-transform: uppercase;
  padding-top: 30px;
  padding-bottom: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .home-promotion-box-title {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 15px;
  }
}
@media (max-width: 992px) {
  .home-promotion-box-title {
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.home-promotion-box-text {
  margin-top: auto;
  margin-bottom: 0;
  overflow: hidden;
  color: #FFF;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .home-promotion-box-text {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .home-promotion-box-text {
    font-size: 12px;
  }
}

.home-promotion-box-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 15px;
}

.home-promotion-header {
  width: 100%;
  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;
  gap: 15px;
  padding-bottom: 60px;
}
@media (max-width: 1680px) {
  .home-promotion-header {
    padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  .home-promotion-header {
    padding-bottom: 22px;
  }
}
@media (max-width: 767px) {
  .home-promotion-header {
    padding-bottom: 20px;
  }
}

.home-promotion-box-date {
  opacity: 0.6;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.28px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 992px) {
  .home-promotion-box-date {
    font-size: 12px;
  }
}
.home-promotion-box-arrow svg {
  width: auto;
  height: 18px;
}
@media (max-width: 1680px) {
  .home-promotion-box-arrow svg {
    height: 16px;
  }
}
@media (max-width: 992px) {
  .home-promotion-box-arrow svg {
    height: 14px;
  }
}

.home-promotion-btn {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 15px;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  padding: 9px 18px;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 1680px) {
  .home-promotion-btn {
    font-size: 16px;
    padding: 7px 14px;
  }
}
@media (max-width: 992px) {
  .home-promotion-btn {
    font-size: 14px;
    gap: 5px;
    padding: 6px 12px;
  }
}
.home-promotion-btn .box__btn-arrow svg {
  width: auto;
  height: 17px;
}
@media (max-width: 1680px) {
  .home-promotion-btn .box__btn-arrow svg {
    height: 15px;
  }
}
@media (max-width: 992px) {
  .home-promotion-btn .box__btn-arrow svg {
    height: 12px;
  }
}

.home-promotion-title {
  color: #FFF;
  font-size: 50px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  text-transform: uppercase;
}
@media (max-width: 1680px) {
  .home-promotion-title {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  .home-promotion-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .home-promotion-title {
    font-size: 18px;
  }
}

.home__promotion-background {
  right: auto;
  left: 0;
}

.home__promotion-background-2 {
  left: 85%;
  bottom: auto;
  top: 0;
}

.home-review-wrapper,
.home-review-swiper-slide {
  height: auto !important;
}

.home-review-swiper {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 1680px) {
  .home-review-swiper {
    width: 450px;
  }
}
@media (max-width: 1240px) {
  .home-review-swiper {
    width: 320px;
  }
}
@media (max-width: 740px) {
  .home-review-swiper {
    width: 100%;
  }
}

.home-review-swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.home-review-swiper-slide.swiper-slide-active + .home-review-swiper-slide {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.home-review-swiper-slide.swiper-slide-active .home-review-box {
  width: 100%;
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  padding: 30px;
  gap: 20px;
  border-radius: 20px;
}
@media (max-width: 1680px) {
  .home-review-swiper-slide.swiper-slide-active .home-review-box {
    padding: 20px;
    gap: 15px;
  }
}
@media (max-width: 1240px) {
  .home-review-swiper-slide.swiper-slide-active .home-review-box {
    padding: 15px;
    gap: 10px;
    border-radius: 15px;
  }
}
.home-review-swiper-slide.swiper-slide-active .home-review-box .home__review-avatar {
  width: 90px;
  height: 90px;
}
@media (max-width: 1680px) {
  .home-review-swiper-slide.swiper-slide-active .home-review-box .home__review-avatar {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 1240px) {
  .home-review-swiper-slide.swiper-slide-active .home-review-box .home__review-avatar {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 740px) {
  .home-review-swiper-slide.swiper-slide-active .home-review-box .home__review-avatar {
    width: 50px;
    height: 50px;
  }
}
.home-review-swiper-slide.swiper-slide-active .home__review-name {
  font-size: 14px;
}
.home-review-swiper-slide.swiper-slide-active .home__review-text {
  font-size: 16px;
  padding-top: 10px;
}
@media (max-width: 1680px) {
  .home-review-swiper-slide.swiper-slide-active .home__review-text {
    font-size: 14px;
  }
}
.home-review-swiper-slide.swiper-slide-active .home__review-date {
  padding-top: 10px;
  font-size: 14px;
}
@media (max-width: 1680px) {
  .home-review-swiper-slide.swiper-slide-active .home__review-date {
    font-size: 12px;
    padding-top: 20px;
  }
}
@media (max-width: 1240px) {
  .home-review-swiper-slide.swiper-slide-active .home__review-date {
    padding-top: 15px;
  }
}

.home-review-box {
  width: 475px;
  border-radius: 20px;
  background: #181818;
  padding: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  opacity: 0.5;
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
@media (max-width: 1680px) {
  .home-review-box {
    width: 335px;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
  }
}
@media (max-width: 1240px) {
  .home-review-box {
    width: 184px;
  }
}
@media (max-width: 740px) {
  .home-review-box {
    width: 100%;
  }
}

.home__review-avatar {
  width: 50px;
  height: 50px;
}
.home__review-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1680px) {
  .home__review-avatar {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1240px) {
  .home__review-avatar {
    width: 30px;
    height: 30px;
  }
}

.home__review-name {
  color: #E06437;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 1680px) {
  .home__review-name {
    font-size: 8px;
  }
}

.home__review-text {
  color: #FFF;
  padding-top: 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 1680px) {
  .home__review-text {
    font-size: 8px;
  }
}

.home__review-date {
  color: #FFF;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.2px;
  text-transform: lowercase;
  opacity: 0.5;
  padding-top: 10px;
}
@media (max-width: 1680px) {
  .home__review-date {
    font-size: 8px;
  }
}

.home-popular-wrapper,
.home-popular-swiper-slide {
  height: auto !important;
}

.home-popular-swiper {
  overflow: hidden;
}

.home-popular-box {
  width: 100%;
  border-radius: 10px;
  border: 0.2px solid rgba(24, 24, 24, 0.1);
  background: #181818;
  padding: 10px 20px 20px 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 235px 1fr;
  grid-template-columns: 235px 1fr;
  gap: 40px;
}
@media (max-width: 1680px) {
  .home-popular-box {
    padding: 10px;
    gap: 15px;
    -ms-grid-columns: 155px 1fr;
    grid-template-columns: 155px 1fr;
  }
}
@media (max-width: 1240px) {
  .home-popular-box {
    -ms-grid-columns: 140px 1fr;
    grid-template-columns: 140px 1fr;
  }
}
@media (max-width: 800px) {
  .home-popular-box {
    -ms-grid-columns: 1fr 1.2fr;
    grid-template-columns: 1fr 1.2fr;
  }
}
@media (max-width: 740px) {
  .home-popular-box {
    display: block;
    padding: 12px 12px 8px 12px;
  }
}

.home__popular-box-img {
  position: relative;
}
.home__popular-box-img .home-popular-img {
  width: 100%;
  aspect-ratio: 31/32;
  -o-object-fit: contain;
     object-fit: contain;
}

.home-popular-img-top {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 20px;
  width: 50px;
  height: auto;
}
@media (max-width: 1680px) {
  .home-popular-img-top {
    width: 40px;
    top: 8px;
  }
}
@media (max-width: 1240px) {
  .home-popular-img-top {
    width: 30px;
    top: 0;
  }
}
@media (max-width: 740px) {
  .home-popular-img-top {
    top: 20px;
  }
}

.home__popular-coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.home__popular-name {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: 130%;
  text-transform: capitalize;
  padding-top: 10px;
  padding-bottom: 20px;
}
@media (max-width: 1680px) {
  .home__popular-name {
    padding-top: 0;
    padding-bottom: 15px;
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .home__popular-name {
    font-size: 14px;
  }
}
@media (max-width: 740px) {
  .home__popular-name {
    padding-top: 15px;
  }
}

.home__popular-row {
  margin-top: auto;
  margin-bottom: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 36px;
  grid-template-columns: 1fr 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
@media (max-width: 1680px) {
  .home__popular-row {
    -ms-grid-columns: 1fr 32px;
    grid-template-columns: 1fr 32px;
  }
}
@media (max-width: 1240px) {
  .home__popular-row {
    -ms-grid-columns: 1fr 28px;
    grid-template-columns: 1fr 28px;
  }
}

.home__popular-coll-img {
  width: 36px;
  height: 36px;
}
@media (max-width: 1680px) {
  .home__popular-coll-img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1240px) {
  .home__popular-coll-img {
    width: 28px;
    height: 28px;
  }
}

.home__popular-row-title {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.home__popular-row-title span {
  color: #E06437;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
@media (max-width: 1680px) {
  .home__popular-row-title {
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .home__popular-row-title {
    font-size: 12px;
  }
}
@media (max-width: 800px) {
  .home__popular-row-title {
    max-width: 100px;
  }
}

.home__popular-pay {
  padding-top: 25px;
  color: #E06437;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1680px) {
  .home__popular-pay {
    font-size: 22px;
    padding-top: 15px;
  }
}
@media (max-width: 1240px) {
  .home__popular-pay {
    font-size: 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.home__popular-pay span {
  padding-right: 10px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.32px;
  text-decoration: line-through;
}
@media (max-width: 1240px) {
  .home__popular-pay span {
    font-size: 14px;
  }
}

.home__popular-box-btn {
  margin-top: 50px;
  width: 100%;
  display: block;
  padding: 4px 22px;
  border-radius: 10px;
  background: #07A551;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .home__popular-box-btn:hover {
    background: #E06437;
  }
}
@media (hover: none) {
  .home__popular-box-btn:active {
    background: #E06437;
  }
}
@media (max-width: 1680px) {
  .home__popular-box-btn {
    margin-top: 10px;
    font-size: 16px;
    padding: 4px 12px;
    border-radius: 8px;
  }
}
@media (max-width: 1240px) {
  .home__popular-box-btn {
    margin-top: 8px;
    font-size: 14px;
    padding: 6px 12px;
  }
}

.home__popular-box-link {
  display: block;
  padding: 10px 12px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  opacity: 0.7;
}
@media (hover: hover) {
  .home__popular-box-link:hover {
    color: #E06437;
    opacity: 1;
  }
}
@media (hover: none) {
  .home__popular-box-link:active {
    color: #E06437;
    opacity: 1;
  }
}
@media (max-width: 1680px) {
  .home__popular-box-link {
    font-size: 16px;
    padding: 8px 12px;
  }
}
@media (max-width: 1240px) {
  .home__popular-box-link {
    font-size: 14px;
    padding: 6px 12px;
  }
}

/*- добавлено 14.03.2024 -*/
.home-description-list {
  padding-top: 40px;
}
@media (max-width: 1680px) {
  .home-description-list {
    padding-top: 30px;
  }
}
@media (max-width: 1240px) {
  .home-description-list {
    padding-top: 20px;
  }
}
.home-description-list li,
.home-description-list a {
  color: #FFF;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 1680px) {
  .home-description-list li,
  .home-description-list a {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .home-description-list li,
  .home-description-list a {
    font-size: 14px;
  }
}
.home-description-list li {
  padding-top: 30px;
}
.home-description-list li:nth-child(1) {
  padding-top: 0;
}
@media (max-width: 1680px) {
  .home-description-list li {
    padding-top: 20px;
  }
}
@media (max-width: 1240px) {
  .home-description-list li {
    padding-top: 15px;
  }
}
.home-description-list a {
  color: #E06437;
  text-decoration-line: underline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .home-description-list a:hover {
    text-decoration-line: none;
  }
}
@media (hover: none) {
  .home-description-list a:active {
    text-decoration-line: none;
  }
}

@media (max-width: 740px) {
  .home-description-padding {
    padding-top: 10px;
    padding-bottom: 25px;
  }
}

.home-description-btn {
  margin-left: 0;
  margin-right: auto;
  display: block;
  width: auto;
  margin-top: 50px;
  text-align: center;
  font-family: "avenirnextcyr";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 1680px) {
  .home-description-btn {
    margin-top: 40px;
    font-size: 16px;
  }
}
@media (max-width: 1440px) {
  .home-description-btn {
    margin-top: 30px;
    width: 170px;
    min-height: 41px;
  }
}
@media (max-width: 992px) {
  .home-description-btn {
    margin-top: 20px;
    width: 145px;
    min-height: 34px;
    font-size: 14px;
  }
}
@media (max-width: 740px) {
  .home-description-btn {
    width: 100%;
    border-radius: 6px;
  }
}

/*------------------------*/

.webp .menu-box{ background: url(../../img/menu-back.webp) no-repeat top left 0/contain, #EFF1F5; }

@media (max-width: 992px){
  .webp .menu-box{ background: url(../../img/menu-back.webp) no-repeat top left -60px/contain, #EFF1F5; }
}

.webp .modal-review-form{ background: url(../../img/star/stone.webp) no-repeat center right 30px, #F5F7FB; }

@media (max-width: 1680px){
  .webp .modal-review-form{ background: url(../../img/star/stone.webp) no-repeat center right 30px/130px 200px, #F5F7FB; }
}

@media (max-width: 767px){
  .webp .modal-review-form{ background: url(../../img/star/stone.webp) no-repeat center center/100px 160px, #F5F7FB; }
}

.webp .modal-present-container{ background: url(../../img/modal-present.webp) no-repeat center center/cover, url(../../img/vaza.webp) no-repeat center right 0, #fff; }

@media (max-width: 1680px){
  .webp .modal-present-container{ background: url(../../img/modal-present.webp) no-repeat center center/cover, url(../../img/vaza-2.webp) no-repeat center right 0, #fff; }
}

@media (max-width: 992px){
  .webp .modal-present-container{ background: url(../../img/modal-present.webp) no-repeat center center/cover, url(../../img/vaza-3.webp) no-repeat center right 0, #fff; }
}

@media (max-width: 700px){
  .webp .modal-present-container{ background: url(../../img/modal-present-mob.webp) no-repeat top center, url(../../img/vaza-4.webp) no-repeat center right 0, #fff; }
}

.webp .ask{ background: url(../../img/star/stone-2.webp) no-repeat top 0 left 0, url(../../img/star/stone-3.webp) no-repeat bottom 0 right 25%, #F5F7FB; }

@media (max-width: 1680px){
  .webp .ask{ background: url(../../img/star/stone-2.webp) no-repeat top 0 left 0, url(../../img/star/stone-3.webp) no-repeat bottom 0 right -55px, #F5F7FB; }
}

@media (max-width: 992px){
  .webp .ask{ background: url(../../img/star/stone-2.webp) no-repeat top 0 left 0, url(../../img/star/stone-3.webp) no-repeat bottom 0 right -25px, #F5F7FB; }
}

@media (max-width: 580px){
  .webp .ask{ background: url(../../img/star/stone-2.webp) no-repeat top 0 left 0, #F5F7FB; }
}
/* Stylesheet: Стили_мин Modified On 2026-07-09 17:45:03 */