@charset "UTF-8";
@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 {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  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 {
  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: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  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: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  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 {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  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 {
  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;
  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: flex;
  align-items: 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:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  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;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.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 {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  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;
  box-shadow: none;
  -webkit-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%;
  transform: translate3d(0, -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%;
  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;
  transition: 0.2s transform, 0.2s top;
}
.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%;
  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 {
  transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.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%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.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: flex;
  justify-content: 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%;
  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;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    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 {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  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;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  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: 0;
  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;
  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;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url(../fonts/Roboto-Black.woff2) format("woff2"),
    url(../fonts/Roboto-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url(../fonts/Roboto-Bold.woff2) format("woff2"),
    url(../fonts/Roboto-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url(../fonts/Roboto-Light.woff2) format("woff2"),
    url(../fonts/Roboto-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url(../fonts/Roboto-Regular.woff2) format("woff2"),
    url(../fonts/Roboto-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@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")
    format("woff");
  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 {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  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 {
  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: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  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: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  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: "";
  flex-shrink: 0;
  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%;
  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%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}
*,
:after,
:before {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
:active,
:focus {
  outline: 0;
}
a:active,
a:focus {
  outline: 0;
}
aside,
footer,
header,
nav {
  display: block;
}
body,
html {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
button,
input,
textarea {
  font-family: inherit;
}
input::-ms-clear {
  display: none;
}
button {
  cursor: pointer;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
a,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}
* {
  font-family: Roboto;
}
body {
  background: #2a3c5f;
}
.container {
  width: 1140px;
  padding: 0 15px;
  margin: 0 auto;
}
.title {
  font-weight: 700;
  font-size: 30px;
  line-height: 45px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #edf0f5;
}
.page__up {
  display: block;
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 15;
  bottom: 100px;
  right: 30px;
  background: #02acd1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.swiper-lazy-preloader {
  width: 42px !important;
  height: 42px !important;
}
.swiper-button-lock {
  display: block;
}
.btn {
  display: block;
  background: 0 0;
  width: 236px;
  height: 50px;
  border: 1px solid #02acd1;
  font-weight: 700;
  font-size: 18px;
  line-height: 50px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #02acd1;
  text-align: center;
}
.btn:hover {
  color: #02acd1;
  background: #d1e6eb;
}
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  transition: all 0.3s ease-in-out;
}
.modal .overlay {
  width: 100%;
  height: 100%;
  background: rgba(42, 60, 95, 0.95);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__wrapper {
  position: relative;
}
.modal__close {
  position: absolute;
  background: 0 0;
  top: 11px;
  right: 81px;
  z-index: 11;
  transition: all 0.4s ease-in-out;
}
.modal__close:hover svg path {
  fill: #edf0f5;
}
.modal__thank > .overlay {
  background: rgba(255, 255, 255, 0.53);
}
.modal__thank_wrapper {
  position: relative;
  padding-top: 19px;
  width: 368px;
  height: 86px;
  background: #2a3c5f;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.modal__thank_wrapper > .modal__close {
  top: 11px;
  right: 11px;
}
.modal__forms > .overlay {
  background: rgba(255, 255, 255, 0.53);
}
.modal__forms_wrapper {
  position: relative;
  width: 360px;
}
.modal__forms_wrapper > .modal__close {
  top: 11px;
  right: 11px;
}
.modal__forms_wrapper .contacts__forms {
  margin: 0;
  background: #2a3c5f;
}
.modal__forms_wrapper .contacts__forms_btn {
  background: rgba(237, 240, 245, 0.3);
  color: rgba(237, 240, 245, 0.5);
}
.modal__forms_wrapper .contacts__forms_btn:last-child {
  text-align: left;
  padding-left: 7px;
}
.modal__forms_wrapper .contacts__forms_btn-active {
  background: #2a3c5f;
  color: #edf0f5;
}
.modal__forms_wrapper .contacts__forms_btn:hover {
  color: #edf0f5;
}
.modal__forms_wrapper .contacts__form {
  width: 100%;
}
.modal__forms_wrapper .contacts__form_btn {
  transition: all 0.4s ease-in-out;
}
.modal__forms_wrapper .contacts__form_btn:hover {
  background: #1e5f82;
  border: 1px solid #02acd1;
  color: #02acd1;
}
.modal__forms_wrapper .contacts__form_politic {
  color: #edf0f5;
}
.modal__forms_wrapper .contacts__form_politic > a {
  text-decoration: underline;
}
.modal__forms_wrapper .contacts__form_politic > a:hover {
  text-decoration: none;
}
.modal__forms_wrapper .contacts__form > input,
.modal__forms_wrapper .contacts__form > textarea {
  color: #edf0f5;
  border-color: rgba(134, 138, 148, 0.7);
}
.modal__forms_wrapper .contacts__form > input::-moz-placeholder,
.modal__forms_wrapper .contacts__form > textarea::-moz-placeholder {
  color: rgba(134, 138, 148, 0.7);
}
.modal__forms_wrapper .contacts__form > input:-ms-input-placeholder,
.modal__forms_wrapper .contacts__form > textarea:-ms-input-placeholder {
  color: rgba(134, 138, 148, 0.7);
}
.modal__forms_wrapper .contacts__form > input::placeholder,
.modal__forms_wrapper .contacts__form > textarea::placeholder {
  color: rgba(134, 138, 148, 0.7);
}
.modal__forms_wrapper
  .contacts__form
  > input.just-validate-error-field::-moz-placeholder,
.modal__forms_wrapper
  .contacts__form
  > textarea.just-validate-error-field::-moz-placeholder {
  color: #ff8484;
}
.modal__forms_wrapper
  .contacts__form
  > input.just-validate-error-field:-ms-input-placeholder,
.modal__forms_wrapper
  .contacts__form
  > textarea.just-validate-error-field:-ms-input-placeholder {
  color: #ff8484;
}
.modal__forms_wrapper
  .contacts__form
  > input.just-validate-error-field::placeholder,
.modal__forms_wrapper
  .contacts__form
  > textarea.just-validate-error-field::placeholder {
  color: #ff8484;
}
.modal__forms_wrapper .contacts__form .just-validate-error-label {
  margin-top: 20px;
  width: 100%;
  padding: 15px 13px;
  border: 1px solid #eb5757;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #eb5757 !important;
}
.modal__forms_wrapper
  .contacts__form
  .just-validate-error-label:not(:last-child) {
  display: none;
}
.header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.header .huburdger {
  display: none;
}
.header__mob {
  display: none;
}
.header__top {
  background: rgba(237, 240, 245, 0.85);
  display: flex;
}
.header__top_items {
  height: 90px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.header__top_item {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  margin-top: 22px;
  margin-right: 22px;
}
.header__top_item > span {
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.03em;
  color: #3e5074;
}
.header__top_mail {
  margin-top: 22px;
  margin-right: 8px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.03em;
  color: #3e5074;
  padding-left: 22px;
  background: url(../img/icons/header/mail.svg) left 7px/16px 11px no-repeat;
}
.header__top_tel {
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #3e5074;
  font-size: 17px;
  line-height: 20px;
  padding-left: 18px;
  background: url(../img/icons/header/tel.svg) left center/12px 12px no-repeat;
}
.header__top_btn {
  margin-top: 20px;
  margin-left: 5px;
  transition: all 0.4s ease-in-out;
}
.header__top_btn:hover {
  background: #d1e6eb;
  border: 1px solid #02acd1;
  color: #02acd1;
}
.header__logo {
  display: block;
  margin-top: 4px;
  margin-left: -4px;
  width: 219px;
  height: 70px;
  margin-right: 62px;
}
.header__logo > *,
.header__logo > * > * {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.header__nav {
  height: 53px;
  background: rgba(62, 80, 116, 0.85);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header__nav_items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header__nav_item {
  margin-right: 24px;
}
.header__nav_item > a {
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #edf0f5;
  transition: color 0.4s ease-in-out;
}
.header__nav_item > a:hover {
  color: rgba(134, 138, 148, 0.7);
}
.header__nav_item > a:active {
  color: #02acd1;
}
.header__nav_item > a.active {
  color: #02acd1;
}
.no-webp .promo {
  background: #edf0f5 url(../img/promo/body-bg.png) top center/cover no-repeat;
}
.promo {
  padding-top: 143px;
  padding-bottom: 87px;
  position: relative;
  z-index: 12;
}
.promo__img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  height: 919px;
}
.promo__img > *,
.promo__img > * > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.promo__wrapper {
  padding-top: 85px;
  position: relative;
  z-index: 11;
}
.promo__info {
  padding-top: 51px;
  width: 1100px;
  height: 452px;
  background: linear-gradient(
    280.46deg,
    rgba(42, 60, 95, 0) 0.38%,
    #2a3c5f 100%
  );
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.promo__title {
  font-weight: 700;
  font-size: 35px;
  line-height: 40px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #edf0f5;
}
.promo__list {
  margin-top: 35px;
}
.promo__list_item {
  padding-left: 37px;
  background: url(../img/icons/promo/check.svg) top left/24px 24px no-repeat;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #edf0f5;
  min-height: 24px;
  display: flex;
  align-items: center;
}
.promo__list_item > span {
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.03em;
  text-transform: none;
  margin-left: 3px;
}
.promo__list_item:not(:last-child) {
  margin-bottom: 11px;
}
.promo__btn {
  margin-top: 40px;
  width: 328px;
  height: 50px;
  background: #02acd1;
  border: none;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #e8f4ff;
  transition: all 0.4s ease-in-out;
}
.promo__btn:hover {
  background: #0088a6;
  color: #e8f4ff;
}
.promo__btn-mob {
  display: none;
}
.promo__items {
  margin-top: 60px;
  display: flex;
}
.promo__item {
  display: block;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #edf0f5;
  border-top: 2px solid rgba(134, 138, 148, 0.7);
  padding-top: 9px;
  transition: color 0.4s ease-in-out;
}
.promo__item:hover {
  color: #02acd1;
}
.promo__item.item-1 {
  margin-right: 140px;
  width: 116px;
  display: flex;
  align-items: center;
}
.promo__item.item-1 .promo__item-img {
  margin-right: 13px;
}
.promo__item.item-2 {
  margin-right: 140px;
  width: 140px;
  display: flex;
  align-items: center;
}
.promo__item.item-2 .promo__item-img {
  margin-right: 13px;
}
.promo__item.item-3 {
  width: 152px;
  display: flex;
  align-items: center;
}
.promo__item.item-3 .promo__item-img {
  margin-right: 13px;
}
.panels {
  position: relative;
  z-index: 11;
  background: #2a3c5f;
  padding-top: 74px;
  padding-bottom: 80px;
  border-top: 50px solid transparent;
  margin-top: -50px;
}
.panels__wrapper {
  margin-top: 50px;
  position: relative;
  height: 396px;
}
.panels__scheme {
  width: 681px;
  position: relative;
  margin-left: 180px;
  height: 100%;
}
.panels__scheme_price {
  z-index: 9;
  position: absolute;
  left: 0;
  bottom: 42px;
  font-weight: 400;
  font-size: 25px;
  line-height: 29px;
  letter-spacing: 0.03em;
  color: #02acd1;
  opacity: 1;
  transition: all 0.6s linear 0.6s;
}
.panels__scheme_price.fade {
  opacity: 0;
}
.panels__scheme_price > span {
  font-weight: 900;
  font-size: 60px;
  line-height: 70px;
}
.no-webp .panels__scheme > .scheme-bg {
  background: url(../img/scheme/bg.png) top center/contain no-repeat;
}
.panels__scheme > .scheme-bg {
  width: 690px;
  height: 600px;
  position: absolute;
  top: -116px;
  left: -20px;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}
.panels__scheme > .scheme-bg.fade {
  opacity: 0;
}
.no-webp .panels__scheme > .scheme-1 {
  background: url(../img/scheme/scheme-1.png) top center/contain no-repeat;
}
.panels__scheme > .scheme-1 {
  width: 690px;
  height: 431px;
  position: absolute;
  top: -13px;
  left: -20px;
  z-index: 3;
  opacity: 1;
  transition: all 0.8s ease-in-out;
}
.panels__scheme > .scheme-1.fade {
  opacity: 0;
  transform: translateY(-100px);
}
.no-webp .panels__scheme > .scheme-2 {
  background: url(../img/scheme/scheme-2.png) top center/contain no-repeat;
}
.panels__scheme > .scheme-2 {
  width: 690px;
  height: 411px;
  position: absolute;
  top: -13px;
  left: -21px;
  z-index: 2;
  opacity: 1;
  transition: all 0.8s ease-in-out;
}
.panels__scheme > .scheme-2.fade {
  opacity: 0;
}
.no-webp .panels__scheme > .scheme-3 {
  background: url(../img/scheme/scheme-3.png) top center/contain no-repeat;
}
.panels__scheme > .scheme-3 {
  width: 697px;
  height: 417px;
  position: absolute;
  top: -12px;
  left: -24px;
  z-index: 1;
  opacity: 1;
  transition: all 0.8s ease-in-out;
}
.panels__scheme > .scheme-3.fade {
  opacity: 0;
  transform: translateY(73px);
}
.panels__scheme_list {
  position: absolute;
  top: 54px;
  right: 123px;
  text-align: right;
  z-index: 12;
  opacity: 1;
  transition: all 0.6s linear 0.6s;
}
.panels__scheme_list.fade {
  opacity: 0;
}
.panels__scheme_item {
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.03em;
  color: #edf0f5;
  position: relative;
}
.panels__scheme_item > .line > .dot {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3e5074;
  margin-top: -3px;
}
.panels__scheme_item.item-1 {
  margin-bottom: 76px;
}
.panels__scheme_item.item-1 > .line {
  display: block;
  width: 217px;
  height: 1px;
  position: absolute;
  left: -237px;
  top: 10px;
  background: rgba(134, 138, 148, 0.7);
}
.panels__scheme_item.item-1 > .line > .grey {
  display: block;
  height: 1px;
  width: 79px;
  background: #3e5074;
  position: absolute;
  left: 7px;
  top: 0;
}
.panels__scheme_item.item-2 {
  margin-bottom: 73px;
}
.panels__scheme_item.item-2 > .line {
  display: block;
  width: 346px;
  height: 1px;
  position: absolute;
  left: -310px;
  top: 11px;
  background: rgba(134, 138, 148, 0.7);
}
.panels__scheme_item.item-2 > .line > .grey {
  display: block;
  height: 1px;
  width: 185px;
  background: #3e5074;
  position: absolute;
  left: 7px;
  top: 0;
}
.panels__scheme_item.item-3 {
  margin-bottom: 73px;
}
.panels__scheme_item.item-3 > .line {
  display: block;
  width: 437px;
  height: 1px;
  position: absolute;
  left: -405px;
  top: 8px;
  background: rgba(134, 138, 148, 0.7);
}
.panels__scheme_item.item-3 > .line > .grey {
  display: block;
  height: 1px;
  width: 120px;
  background: #3e5074;
  position: absolute;
  left: 7px;
  top: 0;
}
.panels__descr {
  display: flex;
  justify-content: space-between;
  margin-top: 37px;
}
.panels__descr_text {
  border-left: 2px solid rgba(134, 138, 148, 0.7);
  padding-left: 20px;
}
.panels__descr_text > p {
  max-width: 518px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.panels__descr_text > p:not(:last-child) {
  margin-bottom: 14px;
}
.panels__descr_specifications {
  width: 466px;
  border-left: 2px solid rgba(134, 138, 148, 0.7);
  padding-left: 20px;
}
.panels__descr_specifications > p {
  display: flex;
  justify-content: space-between;
}
.panels__descr_specifications > p:not(:last-child) {
  margin-bottom: 21px;
}
.panels__descr_specifications > p > .item {
  font-weight: 700;
  font-size: 17px;
  line-height: 14px;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.panels__descr_specifications > p > .item > span {
  display: none;
}
.panels__descr_specifications > p > .value {
  font-weight: 400;
  font-size: 17px;
  line-height: 14px;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.panels__descr_specifications > p > .value > span {
  display: none;
}
.panels__btn {
  margin-top: 43px;
  width: 363px;
  background: #02acd1;
  color: #edf0f5;
  border: none;
}
.panels__btn-mob {
  display: none;
}
.pluses {
  height: 372px;
  background: url(../img/pluses/pluses.svg) top center/cover no-repeat;
  padding-top: 80px;
}
.pluses__items {
  display: flex;
  justify-content: space-between;
}
.pluses__item {
  border-left: 2px solid rgba(134, 138, 148, 0.7);
  padding-left: 17px;
  padding-right: 0;
  width: 251px;
}
.pluses__item_counter {
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.03em;
  color: #2a3c5f;
}
.pluses__item_counter > span {
  font-weight: 900;
  font-size: 60px;
  line-height: 47px;
  letter-spacing: 0.03em;
  color: #02acd1;
}
.pluses__item_title {
  margin-top: 19px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2a3c5f;
}
.pluses__item_descr {
  margin-top: 19px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.03em;
  color: #2a3c5f;
}
.benefits {
  padding: 73px 0 80px;
}
.benefits__circle {
  width: 425px;
  height: 425px;
  border-radius: 50%;
  border: 2px solid rgba(134, 138, 148, 0.7);
  margin: 0 auto;
  margin-top: 138px;
  position: relative;
}
.benefits__circle_img {
  margin-top: 79px;
  margin-left: 7px;
  width: 452px;
}
.benefits__circle_img > *,
.benefits__circle_img > * > * {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.benefits__circle_item {
  width: 57px;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2a3c5f;
  border: 2px solid rgba(134, 138, 148, 0.7);
  border-radius: 50%;
  position: absolute;
  top: -29px;
  left: calc(50% - 29px);
}
.benefits__circle_item > p {
  padding: 0 16px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #edf0f5;
  position: absolute;
}
.benefits__circle_item.item-1 > p {
  top: -72px;
  right: -73px;
  border-left: 2px solid rgba(134, 138, 148, 0.7);
}
.benefits__circle_item.item-2 {
  top: 8px;
  left: calc(50% + 91px);
}
.benefits__circle_item.item-2 > p {
  top: -6px;
  right: -215px;
  border-left: 2px solid rgba(134, 138, 148, 0.7);
}
.benefits__circle_item.item-3 {
  top: 115px;
  left: calc(50% + 173px);
}
.benefits__circle_item.item-3 > p {
  top: 3px;
  right: -231px;
  border-left: 2px solid rgba(134, 138, 148, 0.7);
}
.benefits__circle_item.item-4 {
  top: 241px;
  left: calc(50% + 177px);
}
.benefits__circle_item.item-4 > p {
  top: 5px;
  right: -214px;
  border-left: 2px solid rgba(134, 138, 148, 0.7);
}
.benefits__circle_item.item-5 {
  top: 349px;
  left: calc(50% + 100px);
}
.benefits__circle_item.item-5 > p {
  top: 23px;
  right: -298px;
  border-left: 2px solid rgba(134, 138, 148, 0.7);
}
.benefits__circle_item.item-6 {
  top: 394px;
  left: calc(50% - 29px);
}
.benefits__circle_item.item-6 > p {
  width: 232px;
  top: 78px;
  right: -101px;
  border-left: 2px solid rgba(134, 138, 148, 0.7);
}
.benefits__circle_item.item-7 {
  top: 349px;
  left: calc(50% - 162px);
}
.benefits__circle_item.item-7 > p {
  top: 19px;
  right: 91px;
  border-right: 2px solid rgba(134, 138, 148, 0.7);
  text-align: right;
}
.benefits__circle_item.item-8 {
  top: 242px;
  left: calc(50% - 233px);
}
.benefits__circle_item.item-8 > p {
  top: 5px;
  right: 88px;
  border-right: 2px solid rgba(134, 138, 148, 0.7);
  text-align: right;
}
.benefits__circle_item.item-9 {
  top: 114px;
  left: calc(50% - 229px);
}
.benefits__circle_item.item-9 > p {
  width: 232px;
  top: 5px;
  right: 88px;
  border-right: 2px solid rgba(134, 138, 148, 0.7);
  text-align: right;
}
.benefits__circle_item.item-10 {
  top: 10px;
  left: calc(50% - 151px);
}
.benefits__circle_item.item-10 > p {
  top: -8px;
  right: 88px;
  border-right: 2px solid rgba(134, 138, 148, 0.7);
  text-align: right;
}
.benefits__btn {
  width: 330px;
  margin-top: 133px;
}
.no-webp .use {
  background: url(../img/use/use.png) top center/auto 454px;
}
.use {
  padding-top: 74px;
  height: 454px;
}
.use__items {
  margin-top: 44px;
  display: flex;
  justify-content: flex-start;
}
.use__items_column:not(:last-child) {
  margin-right: 61px;
}
.use__items_column:last-child {
  margin-left: 15px;
}
.use__item {
  display: flex;
  justify-content: flex-start;
}
.use__item_icon {
  height: 44px;
  width: 51px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.use__item_title {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #edf0f5;
}
.use__item:not(:last-child) {
  margin-bottom: 39px;
}
.decor {
  padding: 74px 0 80px;
}
.decor .plains_mob-btn {
  display: none;
}
.decor .plains_mob-btn svg path {
  transition: all 0.4s ease-in-out;
}
.decor .plains_mob-btn:active svg path {
  fill: #edf0f5;
}
.decor__plains {
  display: flex;
  justify-content: space-between;
  margin-top: 42px;
}
.decor__plains_item {
  width: 160px;
  height: 144px;
  position: relative;
  cursor: pointer;
  transition: font-size 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.decor__plains_item_check {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 2;
}
.decor__plains_item_img {
  position: absolute;
  z-index: 0;
}
.decor__plains_item_title {
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: #2a3c5f;
  transition: font-size 0.5s ease-in;
}
.decor__plains_item:hover .decor__plains_item_title {
  font-size: 18px;
}
.decor__plains_item-info {
  width: 160px;
  height: 144px;
  max-width: 160px;
  position: relative;
  border: 1px solid #02acd1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.decor__plains_item-info .info_title {
  margin-top: 33px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #edf0f5;
}
.decor__plains_item-info .info_descr {
  margin-top: 10px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.decor__plains_item-info-mob {
  display: none;
}
.decor__plains_modal_slider {
  width: 546px;
  margin: 0 auto;
  position: relative;
}
.decor__plains_modal_slider > .modal__close {
  top: 11px;
  right: 11px;
}
.decor__plains_modal_slider_wrapper {
  width: 665px;
  margin: 0 auto;
  position: relative;
}
.decor__plains_modal_slider_wrapper .decor__plains-btn {
  position: absolute;
  top: calc(50% - 10px);
  background: 0 0;
  transition: font-size 0.5s ease-in;
  z-index: 101;
}
.decor__plains_modal_slider_wrapper .decor__plains-btn:hover svg path {
  fill: #edf0f5;
}
.decor__plains_modal_slider_wrapper .decor__plains-btn.decor__plains-prev {
  left: 0;
}
.decor__plains_modal_slider_wrapper .decor__plains-btn.decor__plains-next {
  right: 0;
}
.decor__plains_modal_item {
  position: relative;
  width: 546px;
  height: 546px;
}
.decor__plains_modal_item_img {
  width: 546px;
  height: 546px;
}
.decor__plains_modal_item_img > *,
.decor__plains_modal_item_img > * > * {
  width: 100%;
  height: 100%;
}
.decor__plains_modal_item_check {
  top: 30px;
  right: 30px;
}
.decor__plains_modal_item_check > svg {
  width: 44px;
  height: 44px;
}
.decor__plains_modal_item_title {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 144px;
  height: 61px;
  background: #edf0f5;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
}
.no-webp .decor__plains_modal_item_title > span {
  background: url(../img/decor/plains/modal/decor-plains-modal.png) center
    center/contain no-repeat;
}
.decor__plains_modal_item_title > span {
  margin-right: 10px;
  display: block;
  width: 49px;
  height: 51px;
}
.decor__textural {
  margin-top: 50px;
}
.decor__textural .textural-btn svg path {
  transition: font-size 0.5s ease-in;
}
.decor__textural .textural-btn:active svg path,
.decor__textural .textural-btn:hover svg path {
  fill: #edf0f5;
}
.decor__textural_items {
  display: flex;
  justify-content: space-between;
}
.decor__textural_item {
  width: 160px;
  height: 144px;
  margin-right: 30px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.decor__textural_item_img {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in;
}
.decor__textural_item_img > *,
.decor__textural_item_img > * > * {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.decor__textural_item_title {
  position: absolute;
  left: 0;
  z-index: 1;
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #edf0f5;
  bottom: 7px;
  width: 100%;
  transition: font-size 0.5s ease-in;
}
.decor__textural_item_title.blue {
  color: #2a3c5f;
}
.decor__textural_item:hover .decor__textural_item_title {
  font-size: 18px;
}
.decor__textural_item:hover .decor__textural_item_img {
  transform: scale(1.2);
}
.decor__textural_modal_slider {
  width: 546px;
  margin: 0 auto;
  position: relative;
}
.decor__textural_modal_slider > .modal__close {
  top: 11px;
  right: 11px;
}
.decor__textural_modal_slider_wrapper {
  width: 665px;
  margin: 0 auto;
  position: relative;
}
.decor__textural_modal_slider_wrapper .decor__textural-btn {
  position: absolute;
  top: calc(50% - 10px);
  background: 0 0;
  transition: font-size 0.5s ease-in;
  z-index: 101;
}
.decor__textural_modal_slider_wrapper .decor__textural-btn:hover svg path {
  fill: #edf0f5;
}
.decor__textural_modal_slider_wrapper
  .decor__textural-btn.decor__textural-prev {
  left: 0;
}
.decor__textural_modal_slider_wrapper
  .decor__textural-btn.decor__textural-next {
  right: 0;
}
.decor__textural_modal_item {
  position: relative;
  width: 546px;
  height: 546px;
}
.decor__textural_modal_item_img {
  width: 546px;
  height: 546px;
}
.decor__textural_modal_item_img > *,
.decor__textural_modal_item_img > * > * {
  width: 100%;
  height: 100%;
}
.decor__textural_modal_item_check {
  top: 30px;
  right: 30px;
}
.decor__textural_modal_item_check > svg {
  width: 44px;
  height: 44px;
}
.decor__textural_modal_item_title {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 267px;
  height: 61px;
  background: #edf0f5;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.no-webp .decor__textural_modal_item_title > span {
  background: url(../img/decor/plains/modal/decor-plains-modal.png) center
    center/contain no-repeat;
}
.decor__textural_modal_item_title > span {
  margin-right: 10px;
  display: block;
  width: 49px;
  height: 51px;
}
.decor__textural_modal_item_title p {
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2a3c5f;
}
.decor__textural_modal_item_title .title {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  color: #2a3c5f;
  font-size: 15px;
  line-height: 22px;
}
.decor__textural_slider {
  position: relative;
}
.decor__textural_slider_wrapper {
  width: 920px;
  margin: 0 auto;
}
.decor__textural_slider .textural-btn {
  position: absolute;
  background: 0 0;
  top: 65px;
}
.decor__textural_slider .textural-btn.textural-prev {
  left: 37px;
}
.decor__textural_slider .textural-btn.textural-next {
  right: 37px;
}
.decor__btn {
  margin-top: 41px;
  width: 445px;
}
.decor__btn:hover {
  background: #1e5f82;
}
.service-bottom-mod {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.services {
  padding: 74px 0 80px;
  background: url(../img/services/services.svg) top center/auto 530px !important;
}
.services__items {
  margin-top: 43px;
  display: flex;
  justify-content: space-between;
}
.services__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.services__item_icon {
  width: 60px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.services__item_title {
  margin-top: 25px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #edf0f5;
}
.services__item_descr {
  margin-top: 25px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.services__btn {
  margin-top: 40px;
  width: 330px;
}
.center {
  height: 554px;
  padding: 63px 0;
  background: #edf0f5 top right no-repeat;
}
.center__wrapper {
  width: 764px;
  height: 427px;
  background: linear-gradient(
    270.46deg,
    rgba(237, 240, 245, 0) 70.38%,
    #edf0f5 100%
  );
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  padding-top: 60px;
}
.center__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 45px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2a3c5f;
}
.center__subtitle {
  margin-top: 25px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #2a3c5f;
}
.center__btn {
  width: 365px;
  margin-top: 35px;
}
.center__btn-mob {
  display: none;
}
.photos {
  padding: 74px 0 80px;
}
.photos__slider {
  position: relative;
  margin-top: 43px;
}
.photos__slider_wrapper {
  width: 920px;
  height: 613px;
  margin: 0 auto;
}
.photos__slider_item {
  width: 100%;
  height: 100%;
}
.photos__slider_item > *,
.photos__slider_item > * > * {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.photos__slider .photos-btn {
  position: absolute;
  top: calc(50% - 10px);
  background: 0 0;
  transition: all 0.4s ease-in-out;
}
.photos__slider .photos-btn:hover svg path {
  fill: #edf0f5;
}
.photos__slider .photos-btn.photos-prev {
  left: 36px;
}
.photos__slider .photos-btn.photos-next {
  right: 36px;
}
.photos__btn {
  margin-top: 38px;
  width: 412px;
}
.no-webp .about {
  background: #edf0f5 url(../img/about/about.png) center center/auto 375px
    no-repeat;
}
.about {
  padding: 76px 0;
  height: 813px;
}
.about__title {
  color: #2a3c5f;
}
.about__top {
  margin-top: 39px;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  border-left: 2px solid rgba(134, 138, 148, 0.7);
}
.about__top_item {
  max-width: 502px;
}
.about__top_item > P {
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #2a3c5f;
}
.about__top_item > P:not(:last-child) {
  margin-bottom: 27px;
}
.about__top_item > P.mob {
  display: none;
}
.about__top_item.first {
  max-width: 518px;
}
.about__top_item.first > P:not(:last-child) {
  margin-bottom: 15px;
}
.about__items {
  margin-top: 22px;
  display: flex;
  justify-content: space-between;
}
.about__item_column {
  width: 25%;
}
.about__item_icon {
  display: flex;
  width: 50px;
  height: 40px;
  justify-content: flex-start;
  align-items: flex-end;
}
.about__item_title {
  margin-top: 25px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2a3c5f;
}
.about__item:not(:last-child) {
  margin-bottom: 30px;
}
.about__btn {
  width: 319px;
  margin-top: 31px;
}
.certificates {
  padding: 74px 0 72px;
}
.certificates__items {
  margin-top: 44px;
  display: flex;
  justify-content: space-between;
}
.certificates__item {
  width: 255px;
}
.certificates__item_link {
  display: block;
  width: 100%;
  height: 357px;
}
.certificates__item_link > *,
.certificates__item_link > * > * {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: transform 0.5s ease-in;
}
.certificates__item_link:hover > *,
.certificates__item_link:hover > * > * {
  transform: scale(1.1);
}
.certificates__item_title {
  margin-top: 35px;
  padding-top: 15px;
  border-top: 2px solid rgba(134, 138, 148, 0.7);
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #edf0f5;
  min-height: 68px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.certificates__modal_wrapper {
  margin: auto;
}
.certificates__modal_slider {
  position: relative;
  width: 458px;
  height: 640px;
  margin: 0 auto;
}
.certificates__modal_slider_wrapper {
  position: relative;
  width: 600px;
  height: 640px;
  margin: 0 auto;
}
.certificates__modal_slider_wrapper .reviews-btn {
  position: absolute;
  top: calc(50% - 10px);
  background: 0 0;
  transition: all 0.4s ease-in-out;
  z-index: 101;
}
.certificates__modal_slider_wrapper .reviews-btn:hover svg path {
  fill: #edf0f5;
}
.certificates__modal_slider_wrapper .reviews-btn.reviews-prev {
  left: 0;
}
.certificates__modal_slider_wrapper .reviews-btn.reviews-next {
  right: 0;
}
.certificates__modal_slide {
  width: 458px;
  height: 640px;
}
.certificates__modal_slide > *,
.certificates__modal_slide > * > * {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.clients {
  min-height: 466px;
  background: #edf0f5;
  padding: 74px 0;
}
.clients__title {
  color: #2a3c5f;
}
.clients__items {
  width: 90%;
  margin: 0 auto;
  margin-top: 37px;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 28px 1fr;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
  grid-template: repeat(2, 1fr) / repeat(4, 1fr);
  justify-items: center;
  align-items: center;
  gap: 28px 10px;
}
.clients__item {
  pointer-events: none;
}
.reviews {
  padding-top: 73px;
  height: 847px;
  background: url(../img/reviews/reviews-bg.svg) top center/auto 847px no-repeat !important;
}
.reviews__slider {
  margin-top: 42px;
  position: relative;
}
.reviews__slider_wrapper {
  margin: 0 auto;
  width: 920px;
  height: 608px;
  overflow: hidden;
}
.reviews__slider_item {
  display: flex !important;
  align-content: stretch;
}
.reviews__slider_item_img {
  height: 100%;
  width: 460px;
}
.reviews__slider_item_img > *,
.reviews__slider_item_img > * > * {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.reviews__slider_item_wrapper {
  width: 462px;
  border: 1px solid rgba(134, 138, 148, 0.7);
  box-sizing: border-box;
  filter: drop-shadow(5px 5px 23px rgba(0, 0, 0, 0.08));
  border-left: none;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 608px;
}
.reviews__slider_item_text {
  max-width: 320px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.reviews__slider .reviews-btn {
  position: absolute;
  top: calc(50% - 26px);
  background: 0 0;
  transition: all 0.4s ease-in-out;
}
.reviews__slider .reviews-btn:hover svg path {
  fill: #edf0f5;
}
.reviews__slider .reviews-btn.reviews-next {
  right: 36px;
}
.reviews__slider .reviews-btn.reviews-prev {
  left: 36px;
}
.contacts {
  padding: 73px 0 80px;
}
.contacts__wrapper {
  margin-top: 41px;
  display: flex;
  justify-content: space-between;
}
.contacts__left {
  width: 324px;
}
.contacts__items {
  border-left: 2px solid rgba(134, 138, 148, 0.7);
  padding-left: 15px;
}
.contacts__item:not(:last-child) {
  margin-bottom: 21px;
}
.contacts__item_title {
  margin-bottom: 10px;
  padding-left: 26px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #edf0f5;
}
.contacts__item_title.tel {
  background: url(../img/icons/header/tel.svg) 0 2px/17px 17px no-repeat;
}
.contacts__item_title.mail {
  background: url(../img/icons/header/mail.svg) 0 2px/17px 17px no-repeat;
}
.contacts__item_title.net {
  background: url(../img/icons/header/net.svg) 0 2px/17px 17px no-repeat;
}
.contacts__item_link {
  margin-left: 26px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.contacts__item_link:not(:last-child) {
  margin-bottom: 5px;
}
.contacts__item_link > a {
  color: #edf0f5;
}
.contacts__item_link > span {
  margin-left: 10px;
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.contacts__forms {
  margin-top: 35px;
  background: #edf0f5;
}
.contacts__forms_wrapper {
  position: relative;
}
.contacts__forms_btns {
  display: flex;
}
.contacts__forms_btn {
  width: 50%;
  height: 54px;
  background: rgba(42, 60, 95, 0.1);
  font-weight: 700;
  font-size: 17px;
  line-height: 35px;
  text-align: center;
  letter-spacing: 0.03em;
  color: rgba(42, 60, 95, 0.4);
  transition: color 0.4s ease-in-out;
}
.contacts__forms_btn-active {
  background: #edf0f5;
  color: #2a3c5f;
}
.contacts__forms_btn:hover {
  color: #2a3c5f;
}
.contacts__form {
  padding: 20px 30px 30px;
  width: 324px;
  transition: opacity 0.4s ease-in-out;
}
.contacts__form .just-validate-error-label {
  margin-top: 20px;
  width: 264px;
  padding: 15px 13px;
  border: 1px solid #eb5757;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #eb5757 !important;
}
.contacts__form .just-validate-error-label:not(:last-child) {
  display: none;
}
.contacts__form > input {
  width: 100%;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.03em;
  background: 0 0;
  border-bottom: 1px solid rgba(42, 60, 95, 0.75);
  margin-bottom: 14px;
}
.contacts__form > input::-moz-placeholder {
  color: rgba(42, 60, 95, 0.3);
}
.contacts__form > input:-ms-input-placeholder {
  color: rgba(42, 60, 95, 0.3);
}
.contacts__form > input::placeholder {
  color: rgba(42, 60, 95, 0.3);
}
.contacts__form > input.just-validate-error-field::-moz-placeholder {
  color: #ff8484;
}
.contacts__form > input.just-validate-error-field:-ms-input-placeholder {
  color: #ff8484;
}
.contacts__form > input.just-validate-error-field::placeholder {
  color: #ff8484;
}
.contacts__form > textarea {
  width: 100%;
  height: 105px;
  resize: none;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.03em;
  background: 0 0;
  border-bottom: 1px solid rgba(42, 60, 95, 0.75);
}
.contacts__form > textarea::-moz-placeholder {
  color: rgba(42, 60, 95, 0.3);
}
.contacts__form > textarea:-ms-input-placeholder {
  color: rgba(42, 60, 95, 0.3);
}
.contacts__form > textarea::placeholder {
  color: rgba(42, 60, 95, 0.3);
}
.contacts__form > textarea.just-validate-error-field::-moz-placeholder {
  color: #ff8484;
}
.contacts__form > textarea.just-validate-error-field:-ms-input-placeholder {
  color: #ff8484;
}
.contacts__form > textarea.just-validate-error-field::placeholder {
  color: #ff8484;
}
.contacts__form_btn {
  width: 100%;
  margin-top: 26px;
}
.contacts__form_politic {
  margin: 0 auto;
  margin-top: 20px;
  width: 194px;
  font-weight: 400;
  font-size: 9px;
  line-height: 10px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #2a3c5f;
}
.contacts__form_politic > a {
  color: #02acd1;
  text-decoration: underline;
}
.contacts__form_politic > a:hover {
  text-decoration: none;
}
.contacts__right {
  width: 730px;
}
.contacts__address_title {
  padding-left: 30px;
  background: url(../img/icons/header/map.svg) 0 2px/15px 20px no-repeat;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #edf0f5;
  padding-bottom: 11px;
  border-bottom: 2px solid rgba(134, 138, 148, 0.7);
}
.contacts__address_wrapper {
  display: flex;
  margin-top: 23px;
  justify-content: space-between;
}
.contacts__address_item {
  width: 350px;
}
.contacts__address_item_title {
  font-weight: 700;
  font-size: 17px;
  line-height: 35px;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.contacts__address_item_descr {
  margin-top: -3px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #edf0f5;
}
.contacts__map {
  margin-top: 42px;
  width: 100%;
  height: 501px;
  position: relative;
}
.no-webp .contacts__map_img {
  background: url(../img/contacts/map.png) center center/contain no-repeat;
}
.contacts__map_img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.contacts__map_dot {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 17px;
  height: 23px;
  background: url(../img/icons/contacts/dor-map.svg) center center/17px 23px
    no-repeat;
  cursor: pointer;
}
.contacts__map_dot_text {
  opacity: 0;
  visibility: hidden;
  padding: 8px;
  transition: all 0.4s ease-in-out;
  background: #c4c4c4;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.03em;
  color: #2a3c5f;
  position: absolute;
  top: -58px;
  left: -109px;
}
.contacts__map_dot_text > span {
  display: inline;
  font-weight: 700;
}
.contacts__map_dot.dot-1 > .contacts__map_dot_text {
  width: 235px;
  height: 48px;
}
.contacts__map_dot.dot-2 > .contacts__map_dot_text {
  width: 304px;
  height: 48px;
  left: -144px;
}
.contacts__map_dot:hover > .contacts__map_dot_text {
  opacity: 1;
  visibility: visible;
}
.footer {
  height: 233px;
  padding-top: 46px;
  background: #282f3d;
}
.footer__left {
  padding-top: 12px;
}
.footer__link {
  display: block;
  width: 223px;
  height: 71px;
}
.footer__link > *,
.footer__link > * > * {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.footer__copy {
  margin-top: 22px;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0.03em;
  color: rgba(237, 240, 245, 0.7);
}
.footer__wrapper {
  display: flex;
  justify-content: space-between;
}
.footer__right {
  margin-left: 183px;
  border-left: 2px solid rgba(134, 138, 148, 0.7);
  display: flex;
  justify-content: flex-start;
}
.footer__nav {
  margin-left: 15px;
  display: flex;
  height: 100%;
  height: 140px;
}
.footer__nav_list {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer__nav_list.list-1 {
  width: 83px;
}
.footer__nav_list.list-2 {
  width: 106px;
}
.footer__nav_list > li > a {
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: 0.03em;
  color: rgba(237, 240, 245, 0.7);
  transition: color 0.4s ease-in-out;
}
.footer__nav_list > li > a:hover {
  color: rgba(237, 240, 245, 0.5);
}
.footer__nav_list > li > a:active {
  color: #02acd1;
}
.footer__links {
  padding-top: 26px;
  margin-left: 79px;
  display: flex;
}
.footer__links_column:not(:last-child) {
  margin-right: 76px;
}
.footer__links_column:last-child {
  width: 206px;
}
.footer__links_item {
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0.03em;
  color: rgba(237, 240, 245, 0.7);
}
.footer__links_item > a {
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0.03em;
  color: rgba(237, 240, 245, 0.7);
}
.footer__links_item > span {
  margin-top: -3px;
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.03em;
  color: rgba(237, 240, 245, 0.7);
}
.footer__links_item > span.item-2 {
  margin-left: -3px;
}
.footer__links_item:not(:last-child) {
  margin-bottom: 10px;
}
.footer__links_item.tel {
  background: url(../img/icons/header/tel.svg) left top/12px 12px no-repeat;
}
.footer__links_item.map {
  padding-left: 20px;
  background: url(../img/icons/header/map.svg) left top/12px 15px no-repeat;
}
.footer__links_item.mail {
  padding-left: 20px;
  background: url(../img/icons/header/mail.svg) left 3px/13px 9px no-repeat;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .container {
    width: 100%;
    padding: 0 20px;
  }
  .btn {
    font-weight: 700;
    font-size: 15px;
    line-height: 45px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    width: 180px;
    height: 45px;
  }
  .header__logo {
    margin-top: 14px;
    margin-left: -4px;
    width: 169px;
    height: 60px;
    margin-right: 22px;
  }
  .header__nav_item {
    margin-right: 15px;
  }
  .header__top_item {
    margin-right: 17px;
  }
  .footer__right {
    margin-left: 20px;
  }
  .footer__links {
    margin-left: 40px;
  }
  .promo__img {
    height: 840px;
  }
  .promo__info {
    padding-top: 40px;
    width: 950px;
  }
  .promo__title {
    font-size: 30px;
  }
  .promo__btn {
    width: 260px;
  }
  .panels__scheme {
    margin-left: 100px;
  }
  .panels__scheme_list {
    right: unset;
    left: 816px;
  }
  .pluses__item {
    width: 24%;
  }
  .photos__slider_wrapper {
    width: 700px;
    height: 510px;
  }
  .use {
    height: 400px;
  }
  .use__item:not(:last-child) {
    margin-bottom: 20px;
  }
  .use__item_title {
    font-weight: 800;
    font-size: 14px;
    line-height: 17px;
  }
  .decor__plains_item {
    transform: scale(0.96);
  }
  .decor__plains_item.info {
    position: absolute;
    top: 0;
    left: 0;
  }
  .decor__textural_slider_wrapper {
    width: 770px;
  }
  .clients__items {
    width: 100%;
  }
  .no-webp .about {
    background: #edf0f5 url(../img/about/about.png) center center/auto 230px
      no-repeat;
  }
  .certificates__item {
    width: 236px;
  }
  .certificates__item_link {
    height: 323px;
  }
  .reviews__slider_wrapper {
    width: 760px;
    height: 503px;
  }
  .contacts__right {
    width: 550px;
  }
}
@media (max-width: 992px) {
  .service-bottom-mod a.btn.decor__btn {
    margin-top: 40px;
    width: 240px;
  }
  .service-bottom-mod {
    flex-direction: column;
  }
  .title {
    text-align: center;
  }
  .header {
    position: fixed;
  }
  .header__top_items {
    justify-content: space-between;
  }
  .header__top_item {
    display: none;
  }
  .header__top_btn {
    display: none;
  }
  .header__nav {
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #edf0f5;
    align-items: flex-start;
    transition: all 0.4s ease-in-out;
    top: -500px;
    opacity: 0;
    visibility: hidden;
  }
  .header__nav_items {
    flex-direction: column;
    align-items: flex-start;
  }
  .header__nav_item > a {
    font-size: 17px;
    line-height: 33px;
    color: #2a3c5f;
  }
  .header__nav_item > a.active,
  .header__nav_item > a:active,
  .header__nav_item > a:hover {
    color: #02acd1;
  }
  .header__mob {
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    position: absolute;
    top: 90px;
    width: 100%;
    background: rgba(62, 80, 116, 0.75);
    z-index: 15;
  }
  .header__mob_items {
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .header__mob_item {
    width: 50%;
  }
  .header__mob_item.tel {
    padding-left: 16px;
    background: url(../img/icons/header/tel.svg) left center/12px 12px no-repeat;
  }
  .header__mob_item.tel > span {
    font-size: 8px;
    line-height: 12px;
    letter-spacing: 0.03em;
    color: #edf0f5;
  }
  .header__mob_item.mail {
    padding-left: 20px;
    background: url(../img/icons/header/mail.svg) left 7px/16px 11px no-repeat;
    font-size: 9px;
    line-height: 23px;
    letter-spacing: 0.03em;
    width: auto;
  }
  .header__mob_item.mail > a {
    color: #edf0f5;
  }
  .header__mob_tel {
    font-weight: 400;
    font-size: 9px;
    line-height: 10px;
    display: flex;
    align-items: center;
    letter-spacing: 0.03em;
    color: #edf0f5;
  }
  .header__mob_btn {
    margin-top: 6px;
    padding: 7px 16px;
    width: auto;
    height: auto;
    font-size: 9px;
    line-height: 1;
  }
  .header .humburger {
    display: flex;
    width: 21px;
    height: 16px;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 40px;
    margin-right: 15px;
    transition: all 0.4s ease-in-out;
  }
  .header .humburger > span {
    display: block;
    width: 21px;
    height: 3px;
    background: #2a3c5f;
    transition: all 0.4s ease-in-out;
  }
  .header .humburger.close > span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .header .humburger.close > span:nth-child(2) {
    opacity: 0;
  }
  .header .humburger.close > span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }
  .no-webp .promo {
    background: #edf0f5 url(../img/promo/body-bg-mob.png) top center/cover
      no-repeat;
  }
  .promo__info {
    width: 60%;
    margin: 0 auto;
    background: 0 0;
    filter: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .promo__title {
    font-size: 23px;
    line-height: 37px;
    text-align: center;
  }
  .promo__btn {
    margin: 0 auto;
    margin-top: 40px;
    display: none;
  }
  .promo__btn-mob {
    display: block;
    width: 192px;
    height: 45px;
  }
  .promo__items {
    width: 60%;
    margin: 0 auto;
    margin-top: 35px;
    justify-content: space-between;
  }
  .promo__item {
    margin: 0;
    text-align: center;
    border: none;
  }
  .promo__item.item-2 {
    margin: 0;
    width: 30%;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  .promo__item.item-2 .promo__item-img {
    margin-right: 0;
    margin-bottom: 6px;
    min-height: 28px;
  }
  .promo__item.item-2 .promo__item-img svg path {
    transition: all 0.3s;
    fill: #edf0f5;
  }
  .promo__item.item-2:hover svg path {
    fill: #02acd1;
  }
  .promo__item.item-1 {
    margin: 0;
    width: 30%;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  .promo__item.item-1 .promo__item-img {
    margin-right: 0;
    margin-bottom: 6px;
    min-height: 28px;
  }
  .promo__item.item-1 .promo__item-img svg path {
    transition: all 0.3s;
    fill: #edf0f5;
  }
  .promo__item.item-1:hover svg path {
    fill: #02acd1;
  }
  .promo__item.item-3 {
    margin: 0;
    width: 30%;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  .promo__item.item-3 .promo__item-img {
    margin-right: 0;
    margin-bottom: 6px;
    min-height: 28px;
  }
  .promo__item.item-3 .promo__item-img svg path {
    transition: all 0.3s;
    fill: #edf0f5;
  }
  .promo__item.item-3:hover svg path {
    fill: #02acd1;
  }
  .panels {
    overflow: hidden;
  }
  .panels__scheme > .scheme-1 {
    width: 450px;
    height: 270px;
  }
  .panels__scheme > .scheme-2 {
    width: 450px;
    height: 270px;
  }
  .panels__scheme > .scheme-3 {
    width: 450px;
    height: 270px;
  }
  .panels__scheme_list {
    top: 28px;
    left: 590px;
  }
  .panels__scheme_item {
    width: 70px;
    text-align: right;
  }
  .panels__scheme_item.item-1 {
    margin-bottom: 22px;
  }
  .panels__scheme_item.item-1 > .line {
    top: 20px;
    left: -205px;
    width: 200px;
  }
  .panels__scheme_item.item-1 > .line > .grey {
    width: 48px;
  }
  .panels__scheme_item.item-2 {
    margin-bottom: 35px;
  }
  .panels__scheme_item.item-2 > .line {
    left: -244px;
    width: 240px;
    top: 10px;
  }
  .panels__scheme_item.item-2 > .line > .grey {
    width: 116px;
  }
  .panels__scheme_item.item-3 {
    margin-bottom: 35px;
  }
  .panels__scheme_item.item-3 > .line {
    left: -275px;
    width: 270px;
  }
  .panels__scheme_item.item-3 > .line > .grey {
    width: 48px;
  }
  .panels__scheme_price > span {
    font-size: 48px;
  }
  .panels__descr {
    flex-direction: column;
    align-items: center;
  }
  .panels__descr_specifications {
    margin-top: 30px;
    width: 600px;
    max-width: unset;
  }
  .panels__descr_text {
    width: 600px;
    max-width: unset;
  }
  .panels__descr_text > P {
    max-width: unset;
  }
  .panels__btn {
    margin: 0 auto;
    margin-top: 30px;
    width: 300px;
  }
  .panels__btn-mob {
    display: block;
    width: 179px;
    height: 45px;
  }
  .pluses {
    height: auto;
    padding-bottom: 75px;
    background: url(../img/pluses/pluses-mob.svg) top center/cover no-repeat !important;
  }
  .pluses__items {
    flex-wrap: wrap;
  }
  .pluses__item {
    width: 50%;
    margin-bottom: 30px;
  }
  .benefits__circle {
    margin-top: 30px;
    transform: scale(0.6);
  }
  .benefits__btn {
    display: block;
    line-height: 18px;
    width: 242px;
  }
  .benefits .title {
    max-width: 280px;
    margin: auto;
  }
  .decor .plains_mob-btn:hover svg path {
    fill: #edf0f5;
  }
  .decor__textural_item {
    max-width: 161px;
    margin: 0 15px;
  }
  .decor__textural_slider_wrapper {
    width: 261px;
  }
  .decor__plains_slider_mob_wrapper {
    width: 261px;
    height: 196px;
    margin: 0 auto;
    position: relative;
  }
  .decor__plains_slider_mob_wrapper .plains_mob-btn {
    display: block;
    background: 0 0;
    position: absolute;
    bottom: 0;
  }
  .decor__plains_slider_mob_wrapper .plains_mob-btn.plains_mob-prev {
    left: 6px;
  }
  .decor__plains_slider_mob_wrapper .plains_mob-btn.plains_mob-next {
    right: 6px;
  }
  .decor__plains_item {
    transform: scale(1);
    max-width: 161px;
    margin: 0 15px;
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
  }
  .decor__plains_item-info {
    display: none !important;
  }
  .decor__plains_item-info-mob {
    display: flex;
    width: 180px;
    flex-direction: column;
    position: absolute;
    left: calc(50% - 90px);
    bottom: -20px;
  }
  .decor__plains_item-info-mob .info_title {
    padding-right: 30px;
    font-weight: 800;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #edf0f5;
  }
  .decor__plains_item-info-mob .info_descr {
    margin-top: 5px;
    font-weight: 400;
    font-size: 15px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #edf0f5;
  }
  .decor__plains_item-info-mob .decor__plains_item_check {
    top: -3px;
    right: 2px;
  }
  .decor__textural_slider .textural-btn {
    top: unset;
    bottom: -38px;
    width: 28px;
    height: 16px;
  }
  .decor__textural_slider .textural-btn.textural-prev {
    left: calc(50% - 122px);
  }
  .decor__textural_slider .textural-btn.textural-next {
    right: calc(50% - 122px);
  }
  .decor__textural_slider_wrapper {
    width: 255px;
  }
  .decor__btn {
    margin: 0 auto;
    margin-top: 78px;
    width: 227px;
    display: flex;
    align-items: center;
    line-height: 18px;
  }
  .services {
    height: auto;
    background: url(../img/services/services-mob.svg) center center/cover
      no-repeat !important;
  }
  .services__items {
    flex-wrap: wrap;
  }
  .services__item {
    width: 50%;
    padding: 0 25px;
    margin-bottom: 30px;
  }
  .services__btn {
    display: block;
    line-height: 18px;
    width: 240px;
  }
  .no-webp .center {
    background: #edf0f5 url(../img/center/center-mob.png) top center/auto 430px
      no-repeat;
  }
  .center {
    height: 329px;
    padding: 63px 0;
  }
  .center__wrapper {
    background: 0 0;
    box-shadow: none;
    filter: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    width: 70%;
    margin: 0 auto;
    padding: 0;
  }
  .center__title {
    font-size: 23px;
    line-height: 30px;
    text-align: center;
  }
  .center__subtitle {
    text-align: center;
    margin-top: 25px;
    font-size: 15px;
    line-height: 18px;
  }
  .center__btn {
    margin-top: 25px;
  }
  .center__btn-mob {
    display: block;
    width: 182px;
    height: 45px;
  }
  .photos__slider_wrapper {
    width: 500px;
    height: 335px;
  }
  .photos__btn {
    width: 253px;
    margin-top: 50px;
    line-height: 45px;
  }
  .photos__btn > span {
    display: none;
  }
  .about {
    height: auto;
  }
  .about__items {
    flex-wrap: wrap;
  }
  .about__item_column {
    width: 50%;
    margin-bottom: 20px;
  }
  .about__btn {
    width: 224px;
  }
  .certificates__items {
    flex-wrap: wrap;
  }
  .certificates__item {
    width: 50%;
  }
  .certificates__item_title {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 30px;
    border: none;
    width: 260px;
    text-align: center;
  }
  .clients__items {
    -ms-grid-rows: (1fr) [4];
    -ms-grid-columns: (1fr) [2];
    grid-template: repeat(4, 1fr) / repeat(2, 1fr);
  }
  .reviews {
    height: auto;
    padding: 75px 0;
    background: url(../img/reviews/reviews-bg-mob.svg) top center/cover
      no-repeat !important;
  }
  .reviews__slider {
    width: 237px;
    margin: 0 auto;
    margin-top: 30px;
  }
  .reviews__slider_wrapper {
    width: 237px;
    height: auto;
  }
  .reviews__slider_item {
    flex-direction: column;
  }
  .reviews__slider_item_img {
    width: 237px;
    height: 313px;
  }
  .reviews__slider_item_wrapper {
    width: 143px;
    border: none;
    margin: 0 auto;
    margin-top: 20px;
  }
  .reviews__slider_item_text {
    font-size: 12px;
    line-height: 12px;
  }
  .reviews__slider .reviews-btn {
    top: 340px;
    z-index: 11;
  }
  .reviews__slider .reviews-btn:hover svg path {
    fill: #edf0f5;
  }
  .reviews__slider .reviews-btn.reviews-next {
    right: 0;
  }
  .reviews__slider .reviews-btn.reviews-prev {
    left: 0;
  }
  .contacts__wrapper {
    flex-direction: column;
    align-items: center;
  }
  .contacts__right {
    margin-top: 50px;
  }
  .contacts__form_btn {
    width: 100%;
  }
  .contacts__form input,
  .contacts__form textarea {
    border-radius: 0;
  }
  .contacts__forms_btn {
    text-transform: uppercase;
  }
  .contacts__map {
    width: 500px;
    height: 341px;
    margin: 0 auto;
    margin-top: 28px;
  }
  .contacts__item_title.net {
    background: url(../img/icons/header/net.svg) 0 0/17px 17px no-repeat;
  }
  .contacts__item_title.tel {
    background: url(../img/icons/header/tel.svg) 0 0/17px 17px no-repeat;
  }
  .contacts__item_title.mail {
    background: url(../img/icons/header/mail.svg) 0 0/17px 17px no-repeat;
  }
  .footer {
    height: auto;
    padding: 60px 0;
  }
  .footer__wrapper {
    flex-direction: column;
    align-items: center;
  }
  .footer__left {
    padding-top: 0;
  }
  .footer__right {
    margin-top: 50px;
    margin-left: 0;
    flex-direction: column;
    align-items: center;
    border: none;
  }
  .footer__links {
    margin-left: 0;
    padding-top: 30px;
  }
  .footer__nav {
    padding-left: 10px;
    margin-left: 0;
    border-left: 2px solid rgba(134, 138, 148, 0.7);
  }
  .footer__nav_list.list-1,
  .footer__nav_list.list-2 {
    width: 50%;
  }
  .modal__close {
    top: 4px;
    right: 4px;
  }
}
@media (max-width: 767px) {
  .header__mob_items {
    width: 100%;
  }
  .promo {
    padding-top: 135px;
    padding-bottom: 60px;
  }
  .promo__wrapper {
    padding-top: 0;
  }
  .promo__title {
    font-size: 14px;
    line-height: 17px;
  }
  .promo__info {
    padding-top: 60px;
    height: auto;
  }
  .promo__list_item {
    font-size: 11px;
    line-height: 11px;
  }
  .promo__list_item > span {
    display: block;
    font-size: 11px;
    line-height: 11px;
    margin: 4px 0;
  }
  .panels__wrapper {
    height: 320px;
  }
  .panels__scheme {
    margin-left: 0;
  }
  .panels__scheme_list {
    top: 25px;
    left: 498px;
  }
  .panels__scheme_item {
    font-size: 9px;
    line-height: 10px;
    width: 35px;
  }
  .panels__scheme_item.item-1 {
    margin-bottom: 39px;
  }
  .panels__scheme_item.item-1 > .line {
    top: 9px;
    left: -185px;
    width: 180px;
  }
  .panels__scheme_item.item-2 > .line {
    top: 6px;
    left: -221px;
    width: 216px;
  }
  .panels__scheme_item.item-3 > .line {
    top: 9px;
    left: -237px;
    width: 232px;
  }
  .panels__scheme > .scheme-bg {
    width: 450px;
  }
  .panels__scheme_price {
    font-size: 12px;
    line-height: 12px;
    bottom: 10px;
  }
  .panels__scheme_price > span {
    font-size: 24px;
    line-height: 28px;
  }
  .panels__descr {
    width: 500px;
    margin: 0 auto;
  }
  .panels__descr_text {
    width: 100%;
  }
  .panels__descr_text > P {
    font-size: 15px;
    line-height: 14px;
  }
  .panels__descr_specifications {
    width: 100%;
  }
  .panels__descr_specifications > p .item,
  .panels__descr_specifications > p .value {
    font-size: 15px;
    line-height: 13px;
  }
  .use {
    height: auto;
    padding-bottom: 75px;
  }
  .use__items {
    margin: 0 auto;
    margin-top: 43px;
    width: 270px;
    flex-direction: column;
  }
  .use__items_column {
    margin: 0;
    margin-bottom: 20px;
  }
  .use__items_column:not(:last-child) {
    margin-right: 0;
  }
  .use__items_column:last-child {
    margin: 0;
  }
  .use__item_icon {
    margin-right: 1px;
  }
  .no-webp .center {
    background: #edf0f5 url(../img/center/center-mob.png) top center/auto 329px
      no-repeat;
  }
  .center__title {
    font-size: 14px;
    line-height: 17px;
    max-width: 260px;
    margin: 0 auto;
  }
  .center__subtitle {
    font-size: 12px;
    line-height: 12px;
  }
  .photos__slider {
    margin: 0 auto;
    margin-top: 30px;
    width: 260px;
  }
  .photos__slider .photos-btn {
    top: 200px;
  }
  .photos__slider .photos-btn.photos-next {
    right: 0;
  }
  .photos__slider .photos-btn.photos-prev {
    left: 0;
  }
  .photos__slider_wrapper {
    width: 260px;
    height: auto;
  }
  .photos__btn {
    margin-top: 83px;
    justify-content: center;
  }
  .photos {
    padding: 75px 0;
  }
  .about {
    padding: 75px 0;
    background: #edf0f5 !important;
  }
  .about__top_item > p {
    font-size: 15px;
    line-height: 14px;
  }
  .contacts__right {
    margin-top: 30px;
  }
  .contacts__address {
    margin: 0 auto;
    width: 324px;
    padding-left: 10px;
    border-left: 2px solid rgba(134, 138, 148, 0.7);
  }
  .contacts__address_title {
    padding-bottom: 0;
    border: none;
  }
  .contacts__address_wrapper {
    flex-direction: column;
  }
  .contacts__address_item:first-child {
    margin-bottom: 10px;
  }
  .modal.decor__plains_modal .decor__plains_modal_slider_wrapper {
    width: 500px;
  }
  .modal.decor__plains_modal .decor__plains_modal_slider {
    width: 400px;
  }
  .modal.decor__plains_modal .decor__plains_modal_item {
    height: 400px;
  }
  .modal.decor__textural_modal .decor__textural_modal_slider_wrapper {
    width: 500px;
  }
  .modal.decor__textural_modal .decor__textural_modal_slider {
    width: 400px;
  }
  .modal.decor__textural_modal .decor__textural_modal_item {
    height: 400px;
  }
  .modal.certificates-1 .certificates__modal_slider_wrapper,
  .modal.certificates-2 .certificates__modal_slider_wrapper,
  .modal.certificates-3 .certificates__modal_slider_wrapper,
  .modal.certificates-4 .certificates__modal_slider_wrapper {
    width: 450px;
    height: 421px;
  }
  .modal.certificates-1 .certificates__modal_slider,
  .modal.certificates-2 .certificates__modal_slider,
  .modal.certificates-3 .certificates__modal_slider,
  .modal.certificates-4 .certificates__modal_slider {
    width: 300px;
    height: 421px;
  }
}
@media (max-width: 576px) {
  .title {
    font-size: 25px;
    line-height: 26px;
  }
  .container {
    width: 95%;
  }
  .header .humburger {
    margin-top: 22px;
    margin-right: 0;
  }
  .header__top {
    height: 60px;
  }
  .header__top_items {
    height: 60px;
  }
  .header__logo {
    width: 129px;
    height: 41px;
    margin-top: 5px;
  }
  .header__mob {
    top: 60px;
  }
  .header__mob_items {
    justify-content: space-between;
    align-items: flex-start;
  }
  .header__mob_item.tel {
    display: flex;
    flex-direction: column;
    background: url(../img/icons/header/tel.svg) left center/13px 13px no-repeat;
  }
  .header__mob_item.tel.last {
    margin-top: 7px;
  }
  .header__mob_item.mail {
    background: url(../img/icons/header/mail.svg) left 5px/17px 12px no-repeat;
    line-height: 22px;
  }
  .header__mob_btn {
    margin-top: 1px;
  }
  .promo__title {
    max-width: 261px;
    margin: auto;
  }
  .promo__info {
    width: 100%;
  }
  .promo__list {
    margin-top: 28px;
    padding-left: 16px;
  }
  .promo__list_item {
    padding-left: 30px;
    margin-bottom: 12px;
    max-width: 227px;
    margin: auto;
    background: url(../img/icons/promo/check.svg) 0 2px/20px 20px no-repeat;
  }
  .promo__list_item:not(:last-child) {
    margin-bottom: 12px;
  }
  .promo__items {
    width: 100%;
    margin-top: 42px;
  }
  .promo__item {
    max-width: 100px;
    font-size: 12px;
    line-height: 12px;
  }
  .promo__btn {
    margin-top: 30px;
    width: 192px;
  }
  .panels__wrapper {
    height: 150px;
    margin-left: 15px;
  }
  .panels__scheme {
    width: 195px;
    margin-left: 6px;
  }
  .panels__scheme > .scheme-1 {
    width: 220px;
    height: 143px;
  }
  .panels__scheme > .scheme-2 {
    width: 231px;
    height: 143px;
  }
  .panels__scheme > .scheme-3 {
    width: 225px;
    height: 143px;
  }
  .panels__scheme > .scheme-bg {
    width: 225px;
    height: 243px;
    top: -50px;
  }
  .panels__scheme_list {
    top: 0;
    left: 220px;
  }
  .panels__scheme_item > .line > .dot {
    width: 2px;
    height: 2px;
    margin-top: -1px;
    transform: translateY(20%);
  }
  .panels__scheme_item > .line > .grey {
    left: 1px;
  }
  .panels__scheme_item.item-1 {
    margin-top: 5px;
    margin-bottom: 12px;
  }
  .panels__scheme_item.item-1 > .line {
    width: 70px;
    left: -75px;
  }
  .panels__scheme_item.item-1 > .line > .grey {
    width: 21px;
    left: 1px;
  }
  .panels__scheme_item.item-2 {
    margin-bottom: 20px;
  }
  .panels__scheme_item.item-2 > .line {
    width: 90px;
    left: -95px;
  }
  .panels__scheme_item.item-2 > .line > .grey {
    width: 69px;
    left: 1px;
  }
  .panels__scheme_item.item-3 > .line {
    width: 110px;
    left: -115px;
  }
  .panels__scheme_item.item-3 > .line > .grey {
    width: 42px;
    left: 1px;
  }
  .panels__descr {
    width: 100%;
  }
  .panels__descr_text {
    padding-left: 8px;
  }
  .panels__descr_specifications {
    padding-left: 8px;
  }
  .panels__descr_specifications > P > .item > span {
    display: inline;
  }
  .panels__descr_specifications > P > .value {
    text-align: right;
  }
  .panels__descr_specifications > P > .value > span {
    display: inline;
  }
  .panels__btn {
    width: 179px;
    height: 45px;
  }
  .pluses {
    padding-bottom: 10px;
  }
  .pluses__items {
    flex-direction: column;
  }
  .pluses__item {
    width: 100%;
    padding-left: 0;
    padding-bottom: 30px;
    border: none;
    border-bottom: 2px solid rgba(134, 138, 148, 0.7);
  }
  .pluses__item_counter {
    text-align: center;
  }
  .pluses__item_title {
    text-align: center;
  }
  .pluses__item_descr {
    text-align: center;
  }
  .pluses__item:last-child {
    border: none;
  }
  .benefits {
    position: relative;
    height: 500px;
  }
  .benefits__circle {
    transform: scale(1);
    width: 124px;
    height: 124px;
    margin-top: 50px;
  }
  .benefits__circle_img {
    margin-top: 20px;
    margin-left: 0;
    width: 132px;
  }
  .benefits__circle_item {
    width: 16px;
    height: 16px;
  }
  .benefits__circle_item > *,
  .benefits__circle_item > * > * {
    width: 70%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .benefits__circle_item > p {
    font-size: 7px;
    line-height: 7px;
    border: none !important;
    padding: 0;
    width: 70px;
    text-align: center;
  }
  .benefits__circle_item.item-1 {
    top: -8px;
    left: calc(50% - 9px);
  }
  .benefits__circle_item.item-1 > p {
    top: -25px;
    right: -30px;
  }
  .benefits__circle_item.item-2 {
    top: 3px;
    left: calc(50% + 28px);
  }
  .benefits__circle_item.item-2 > p {
    top: -3px;
    right: -83px;
  }
  .benefits__circle_item.item-3 {
    top: 33px;
    left: calc(50% + 49px);
  }
  .benefits__circle_item.item-3 > p {
    top: -3px;
    right: -77px;
    text-align: left;
  }
  .benefits__circle_item.item-4 {
    top: 69px;
    left: calc(50% + 49px);
  }
  .benefits__circle_item.item-4 > p {
    top: -3px;
    right: -77px;
    text-align: left;
  }
  .benefits__circle_item.item-5 {
    top: 100px;
    left: calc(50% + 28px);
  }
  .benefits__circle_item.item-5 > p {
    top: 5px;
    right: -80px;
    text-align: left;
  }
  .benefits__circle_item.item-6 {
    top: unset;
    bottom: -8px;
    left: calc(50% - 8px);
  }
  .benefits__circle_item.item-6 > p {
    top: 20px;
    right: -112px;
  }
  .benefits__circle_item.item-9 {
    top: 100px;
    left: calc(50% - 46px);
  }
  .benefits__circle_item.item-9 > p {
    top: 5px;
    right: 19px;
    text-align: right;
  }
  .benefits__circle_item.item-7 {
    top: 69px;
    left: calc(50% - 67px);
  }
  .benefits__circle_item.item-7 > p {
    top: 2px;
    right: 19px;
    text-align: right;
  }
  .benefits__circle_item.item-8 {
    top: 33px;
    left: calc(50% - 67px);
  }
  .benefits__circle_item.item-8 > p {
    top: -3px;
    right: 19px;
    text-align: right;
  }
  .benefits__circle_item.item-10 {
    top: 3px;
    left: calc(50% - 47px);
  }
  .benefits__circle_item.item-10 > p {
    top: -3px;
    right: 19px;
    text-align: right;
  }
  .benefits__btn {
    margin-top: 80px;
    width: 242px;
  }
  .no-webp .use {
    background: url(../img/use/use-mob.png) top center/auto 100% no-repeat;
  }
  .services__item {
    width: 100%;
    padding: 0;
  }
  .services__item_title {
    margin-top: 15px;
  }
  .services__item_descr {
    margin: auto;
    margin-top: 15px;
    max-width: 255px;
  }
  .services__btn {
    width: 240px;
  }
  .no-webp .center {
    background: #edf0f5 url(../img/center/center-mob.png) top center/auto 329px
      no-repeat;
  }
  .center {
    padding-top: 77px;
    padding-bottom: 0;
  }
  .center__wrapper {
    width: 100%;
    height: auto;
  }
  .center__title {
    font-size: 14px;
    line-height: 16px;
  }
  .center__subtitle {
    margin-top: 22px;
    line-height: 12.67px;
  }
  .center__btn {
    margin-top: 22px;
    width: 182px;
  }
  .about__top {
    margin-top: 30px;
    padding-left: 10px;
    width: 100%;
    flex-direction: column;
  }
  .about__top_item {
    width: 100%;
    margin-bottom: 15px;
  }
  .about__top_item.last {
    margin: 0;
  }
  .about__top_item > p {
    display: none;
  }
  .about__top_item > p.mob {
    display: block;
    max-width: 245px;
  }
  .about__top_item > p:not(:last-child) {
    margin-bottom: 15px;
  }
  .about__items {
    flex-direction: column;
    align-items: center;
  }
  .about__item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .about__item_icon {
    justify-content: center;
  }
  .about__item_column {
    margin-bottom: 19px;
    width: 100%;
  }
  .about__item_title {
    margin-top: 15px;
    text-align: center;
  }
  .about__item::after {
    content: "";
    margin-top: 19px;
    display: block;
    width: 210px;
    height: 2px;
    background: rgba(134, 138, 148, 0.7);
  }
  .about__item:not(:last-child) {
    margin-bottom: 19px;
  }
  .about__item-last::after {
    content: "";
    display: none;
  }
  .about__btn {
    margin: 0 auto;
    margin-top: 11px;
  }
  .certificates {
    padding: 75px 0;
  }
  .certificates__items {
    margin-top: 30px;
    flex-direction: column;
    align-items: center;
  }
  .certificates__item {
    width: 100%;
  }
  .certificates__item_title {
    padding: 0;
    margin-top: 10px;
    min-height: unset;
  }
  .certificates__item_title > span {
    margin: 0 auto;
  }
  .certificates__item:last-child .certificates__item_title {
    margin-bottom: 0;
  }
  .certificates__item_link:hover > *,
  .certificates__item_link:hover > * > * {
    transform: scale(1);
  }
  .clients {
    padding: 75px 0;
  }
  .clients__item > *,
  .clients__item > * > * {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .clients__item:nth-child(1) > *,
  .clients__item:nth-child(1) > * > * {
    width: 103px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .clients__item:nth-child(2) > *,
  .clients__item:nth-child(2) > * > * {
    width: 73px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .clients__item:nth-child(3) > *,
  .clients__item:nth-child(3) > * > * {
    width: 92px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .clients__item:nth-child(4) > *,
  .clients__item:nth-child(4) > * > * {
    width: 86px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .clients__item:nth-child(5) > *,
  .clients__item:nth-child(5) > * > * {
    width: 97px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .clients__item:nth-child(8) {
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
  }
  .clients__item:nth-child(8) > *,
  .clients__item:nth-child(8) > * > * {
    width: 107px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .clients__item:nth-child(7) {
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
  }
  .clients__item:nth-child(7) > *,
  .clients__item:nth-child(7) > * > * {
    width: 116px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .clients__item:nth-child(6) > *,
  .clients__item:nth-child(6) > * > * {
    width: 92px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .contacts__left,
  .contacts__right {
    width: 100%;
    padding-left: 10px;
    border-left: 2px solid rgba(134, 138, 148, 0.7);
  }
  .contacts__address,
  .contacts__items {
    padding: 0;
    border: none;
  }
  .contacts__map {
    width: 100%;
    height: 155px;
    margin: 0;
    margin-top: 25px;
  }
  .no-webp .contacts__map_img {
    background: url(../img/contacts/map-mob.png) center left/cover no-repeat;
  }
  .contacts__map_dot {
    width: 10px;
    height: 14px;
    background: url(../img/icons/contacts/dor-map.svg) center center/10px 14px
      no-repeat;
  }
  .contacts__map_dot.dot-2 > .contacts__map_dot_text {
    font-size: 9px;
    line-height: 10px;
    width: 122px;
    padding: 5px;
    height: 50px;
    left: -68px;
  }
  .contacts__map_dot.dot-1 > .contacts__map_dot_text {
    font-size: 9px;
    line-height: 10px;
    width: 112px;
    padding: 5px;
    height: 41px;
    left: -48px;
    top: -47px;
  }
  .contacts__wrapper {
    margin-top: 30px;
  }
  .contacts__item_title {
    font-size: 14px;
    line-height: 17px;
  }
  .contacts__item_link {
    font-size: 12px;
    line-height: 12px;
  }
  .contacts__item_link > span {
    font-size: 12px;
    line-height: 12px;
  }
  .contacts__forms {
    margin-top: 20px;
  }
  .contacts__forms_btn {
    font-size: 9px;
    line-height: 9px;
  }
  .contacts__form {
    padding: 20px;
    width: 100%;
  }
  .contacts__form_btn {
    width: 100%;
  }
  .contacts__form .just-validate-error-label {
    width: 100%;
  }
  .contacts__address {
    width: 100%;
  }
  c .contacts__address_title {
    font-size: 14px;
    line-height: 23px;
  }
  .contacts__address_item {
    width: 100%;
  }
  .contacts__address_item_title {
    font-size: 12px;
    line-height: 12px;
  }
  .contacts__address_item_descr {
    margin-top: 5px;
    max-width: 240px;
    font-size: 12px;
    line-height: 12px;
  }
  .footer__right {
    margin-top: 30px;
  }
  .footer__links {
    flex-direction: column;
  }
  .footer__links_column {
    width: 240px;
    justify-content: center;
    margin: 0 auto;
  }
  .footer__links_column:nth-child(1) {
    margin: 0;
    flex-direction: row;
    display: flex;
  }
  .footer__links_item {
    font-size: 12px;
    line-height: 12px;
  }
  .footer__links_item.tel {
    width: 110px;
  }
  .footer__links_item.tel:nth-child(1) {
    margin-right: 20px;
  }
  .footer__links_item.tel > a {
    font-size: 12px;
    line-height: 12px;
  }
  .footer__links_item.tel > span {
    margin-top: 2px;
    font-size: 11px;
    line-height: 12px;
  }
  .footer__links_item.map {
    width: 169px;
    margin: 15px auto;
    font-size: 12px;
    line-height: 1;
  }
  .footer__links_item.mail {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
  }
  .footer__links_item.mail a {
    font-size: 12px;
    line-height: 1;
  }
  .footer__nav_list > li > a {
    font-size: 12px;
    line-height: 1;
  }
  .modal__forms_wrapper {
    max-width: 360px;
    width: 90%;
  }
  .modal__forms_wrapper .contacts__forms_btn:last-child {
    text-align: center;
  }
  .modal.decor__plains_modal .decor__plains_modal_slider_wrapper {
    width: 260px;
    height: 315px;
  }
  .modal.decor__plains_modal .decor__plains_modal_slider {
    width: 260px;
  }
  .modal.decor__plains_modal .decor__plains_modal_slider > .modal__close {
    top: 2px;
    right: 2px;
  }
  .modal.decor__plains_modal .decor__plains_modal_item {
    height: 260px;
  }
  .modal.decor__plains_modal .decor__plains_modal_item > *,
  .modal.decor__plains_modal .decor__plains_modal_item > * > * {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .modal.decor__plains_modal .decor__plains_item_check {
    display: none;
  }
  .modal.decor__plains_modal .decor__plains_modal_item_title {
    width: 100px;
    height: 30px;
    align-items: center;
    justify-content: center;
  }
  .modal.decor__plains_modal .decor__plains_modal_item_title > span {
    display: none;
  }
  .modal.decor__plains_modal .decor__plains-btn {
    top: unset;
    bottom: 0;
  }
  .modal.decor__textural_modal .decor__textural_modal_slider_wrapper {
    width: 260px;
    height: 315px;
  }
  .modal.decor__textural_modal .decor__textural_modal_slider {
    width: 260px;
  }
  .modal.decor__textural_modal .decor__textural_modal_slider > .modal__close {
    top: 2px;
    right: 2px;
  }
  .modal.decor__textural_modal .decor__textural_modal_item {
    height: 260px;
  }
  .modal.decor__textural_modal .decor__textural_modal_item > *,
  .modal.decor__textural_modal .decor__textural_modal_item > * > * {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .modal.decor__textural_modal .decor__plains_item_check {
    display: none;
  }
  .modal.decor__textural_modal .decor__textural_modal_item_title {
    width: 105px;
    height: 50px;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 12px;
  }
  .modal.decor__textural_modal .decor__textural_modal_item_title span.title {
    font-size: 12px;
    line-height: 12px;
  }
  .modal.decor__textural_modal .decor__textural_modal_item_title > span {
    display: none;
  }
  .modal.decor__textural_modal .decor__textural_modal_item_title > p {
    font-size: 11px;
    line-height: 12px;
  }
  .modal.decor__textural_modal .decor__textural-btn {
    top: unset;
    bottom: 0;
  }
  .modal.certificates-1 .certificates__modal_slider_wrapper,
  .modal.certificates-2 .certificates__modal_slider_wrapper,
  .modal.certificates-3 .certificates__modal_slider_wrapper,
  .modal.certificates-4 .certificates__modal_slider_wrapper {
    width: 236px;
    height: 360px;
  }
  .modal.certificates-1 .certificates__modal_slider_wrapper > .reviews-btn,
  .modal.certificates-2 .certificates__modal_slider_wrapper > .reviews-btn,
  .modal.certificates-3 .certificates__modal_slider_wrapper > .reviews-btn,
  .modal.certificates-4 .certificates__modal_slider_wrapper > .reviews-btn {
    height: 15px;
    bottom: 0;
    top: unset;
  }
  .modal.certificates-1 .certificates__modal_slider_wrapper > .modal__close,
  .modal.certificates-2 .certificates__modal_slider_wrapper > .modal__close,
  .modal.certificates-3 .certificates__modal_slider_wrapper > .modal__close,
  .modal.certificates-4 .certificates__modal_slider_wrapper > .modal__close {
    top: 4px;
    right: 4px;
  }
  .modal.certificates-1 .certificates__modal_slide,
  .modal.certificates-2 .certificates__modal_slide,
  .modal.certificates-3 .certificates__modal_slide,
  .modal.certificates-4 .certificates__modal_slide {
    width: 236px;
    height: 324px;
  }
  .modal.certificates-1 .certificates__modal_slide > *,
  .modal.certificates-1 .certificates__modal_slide > * > *,
  .modal.certificates-2 .certificates__modal_slide > *,
  .modal.certificates-2 .certificates__modal_slide > * > *,
  .modal.certificates-3 .certificates__modal_slide > *,
  .modal.certificates-3 .certificates__modal_slide > * > *,
  .modal.certificates-4 .certificates__modal_slide > *,
  .modal.certificates-4 .certificates__modal_slide > * > * {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .modal.certificates-1 .certificates__modal_slider,
  .modal.certificates-2 .certificates__modal_slider,
  .modal.certificates-3 .certificates__modal_slider,
  .modal.certificates-4 .certificates__modal_slider {
    margin: 0;
    width: 236px;
    height: 324px;
  }
  .modal.certificates-1 .certificates__modal_slider_wrapper > .reviews-btn,
  .modal.certificates-2 .certificates__modal_slider_wrapper > .reviews-btn,
  .modal.certificates-3 .certificates__modal_slider_wrapper > .reviews-btn,
  .modal.certificates-4 .certificates__modal_slider_wrapper > .reviews-btn {
    bottom: -6px;
  }
  .modal.certificates-1
    .certificates__modal_slider_wrapper
    .reviews-btn.reviews-prev,
  .modal.certificates-2
    .certificates__modal_slider_wrapper
    .reviews-btn.reviews-prev,
  .modal.certificates-3
    .certificates__modal_slider_wrapper
    .reviews-btn.reviews-prev,
  .modal.certificates-4
    .certificates__modal_slider_wrapper
    .reviews-btn.reviews-prev {
    left: -5px;
  }
  .modal.certificates-1
    .certificates__modal_slider_wrapper
    .reviews-btn.reviews-next,
  .modal.certificates-2
    .certificates__modal_slider_wrapper
    .reviews-btn.reviews-next,
  .modal.certificates-3
    .certificates__modal_slider_wrapper
    .reviews-btn.reviews-next,
  .modal.certificates-4
    .certificates__modal_slider_wrapper
    .reviews-btn.reviews-next {
    right: -5px;
  }
}
.webp .promo {
  background: #edf0f5 url(../img/promo/body-bg.webp) top center/cover no-repeat;
}
.webp .panels__scheme > .scheme-bg {
  background: url(../img/scheme/bg.webp) top center/contain no-repeat;
}
.webp .panels__scheme > .scheme-1 {
  background: url(../img/scheme/scheme-1.webp) top center/contain no-repeat;
}
.webp .panels__scheme > .scheme-2 {
  background: url(../img/scheme/scheme-2.webp) top center/contain no-repeat;
}
.webp .panels__scheme > .scheme-3 {
  background: url(../img/scheme/scheme-3.webp) top center/contain no-repeat;
}
.webp .use {
  background: url(../img/use/use.webp) top center/auto 454px;
}
.webp .decor__plains_modal_item_title > span {
  background: url(../img/decor/plains/modal/decor-plains-modal.webp) center
    center/contain no-repeat;
}
.webp .decor__textural_modal_item_title > span {
  background: url(../img/decor/plains/modal/decor-plains-modal.webp) center
    center/contain no-repeat;
}
.webp .about {
  background: #edf0f5 url(../img/about/about.webp) center center/auto 375px
    no-repeat;
}
.webp .contacts__map_img {
  background: url(../img/contacts/map.webp) center center/contain no-repeat;
}
@media (max-width: 1200px) {
  .webp .about {
    background: #edf0f5 url(../img/about/about.webp) center center/auto 230px
      no-repeat;
  }
}
@media (max-width: 992px) {
  .webp .promo {
    background: #edf0f5 url(../img/promo/body-bg-mob.webp) top center/cover
      no-repeat;
  }
}
@media (max-width: 992px) {
  .webp .center {
    background: #edf0f5 url(../img/center/center-mob.webp) top center/auto 430px
      no-repeat;
  }
}
@media (max-width: 767px) {
  .webp .center {
    background: #edf0f5 url(../img/center/center-mob.webp) top center/auto 329px
      no-repeat;
  }
}
@media (max-width: 576px) {
  .webp .use {
    background: url(../img/use/use-mob.webp) top center/auto 100% no-repeat;
  }
}
@media (max-width: 576px) {
  .webp .center {
    background: #edf0f5 url(../img/center/center-mob.webp) top center/auto 329px
      no-repeat;
  }
}
@media (max-width: 576px) {
  .webp .contacts__map_img {
    background: url(../img/contacts/map-mob.webp) center left/cover no-repeat;
  }
}
.decor__btn {
  justify-content: center;
}


/* =======================================================================
   Логотип: новый фирменный знак (горизонтальный, пропорция ~6.2 : 1)
   ======================================================================= */
.header__logo {
  display: flex;
  align-items: center;
  width: 264px;
  height: 90px;
  margin-top: 0;
  margin-left: -4px;
  margin-right: 34px;
}

.header__logo > img,
.header__logo > * > img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.footer__link {
  display: flex;
  align-items: center;
  width: 235px;
  height: 42px;
}

/* подвал: новый знак шире старого, поэтому колонкам справа
   не хватало места и телефон переносился на две строки */
@media (min-width: 993px) {
  .footer__links_item.tel > a,
  .footer__links_item.tel > span {
    white-space: nowrap;
  }
}

@media (min-width: 1201px) {
  .footer__right {
    margin-left: 150px;
  }

  .footer__links {
    margin-left: 60px;
  }
}

.footer__link > img,
.footer__link > * > img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

/* =======================================================================
   Блок «Ремонт не останавливает бизнес»
   ======================================================================= */
.business {
  position: relative;
  z-index: 13;
  overflow: hidden;
  background: #e1e3e8;
  padding: 60px 0 51px;
  border-top: 50px solid transparent;
  margin-top: -50px;
}

.business + .panels {
  margin-top: 0;
  border-top-width: 0;
}

.business .container {
  position: relative;
}

.business__top {
  position: relative;
  min-height: 260px;
}

.business__text {
  position: relative;
  z-index: 2;
  max-width: 700px;
}

.business__title {
  font-weight: bold;
  font-size: 42px;
  line-height: 47px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2a3c5f;
}

.business__title > span {
  display: block;
  font-weight: normal;
  font-size: 32px;
  line-height: 40px;
}

.business__descr {
  margin-top: 42px;
  max-width: 600px;
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 0.03em;
  color: #2a3c5f;
}

/* фото: верхний правый угол секции, уходит в край экрана,
   слева растворяется в фоне, чтобы заголовок читался поверх него */
.business__photo {
  position: absolute;
  z-index: 1;
  top: -60px;
  left: 43.8%;
  right: 0;
  height: 318px;
  overflow: hidden;
}

.business__photo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    to right,
    #e1e3e8 0%,
    rgba(225, 227, 232, 0) 37%
  );
  pointer-events: none;
}

.business__photo > picture {
  display: block;
  width: 100%;
  height: 100%;
}

.business__photo > img,
.business__photo > * > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}

.business__items {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  background: #edf0f5;
  padding: 25px 0 22px;
}

.business__item {
  position: relative;
  padding: 0 14px;
  text-align: center;
}

.business__item + .business__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: -16px;
  bottom: -12px;
  width: 1px;
  background: rgba(134, 138, 148, 0.35);
}

.business__item_icon {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.business__item_title {
  margin-top: 21px;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2a3c5f;
}

.business__item_descr {
  margin-top: 12px;
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 0.03em;
  color: #3e5074;
}

.contacts__address_gps {
  display: inline-block;
  margin-top: 4px;
  color: rgba(237, 240, 245, 0.7);
}

/* =======================================================================
   Сертификаты: их стало пять, ряд был рассчитан на четыре
   ======================================================================= */
@media (min-width: 993px) {
  .certificates__items {
    flex-wrap: wrap;
  }

  .certificates__item {
    width: 18%;
  }

  .certificates__item_link {
    position: relative;
    height: 0;
    padding-top: 140%;
    overflow: hidden;
  }

  .certificates__item_link > *,
  .certificates__item_link > * > * {
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* =======================================================================
   Видеоинструкция по монтажу
   ======================================================================= */
.video {
  padding: 74px 0 80px;
}

.video__wrap {
  width: 920px;
  max-width: 100%;
  margin: 43px auto 0;
}

.video__player {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  cursor: pointer;
  overflow: hidden;
  background: #22304d center center / cover no-repeat;
  border: 1px solid rgba(134, 138, 148, 0.35);
}

.video__player > video,
.video__player > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #000;
}

.video__player.is-playing {
  cursor: default;
  border-color: transparent;
}

/* лёгкая вуаль поверх заставки: кадр светлый, без неё кнопка теряется */
.video__player::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(42, 60, 95, 0.28);
  transition: background 0.3s ease-in-out;
}

.video__player:hover::before {
  background: rgba(42, 60, 95, 0.16);
}

.video__player.is-playing::before {
  display: none;
}

.video__play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 92px;
  height: 92px;
  padding-left: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(2, 172, 209, 0.9);
  border: 2px solid rgba(237, 240, 245, 0.85);
  color: #edf0f5;
  transition: background 0.3s ease-in-out, transform 0.3s ease-in-out,
    box-shadow 0.3s ease-in-out;
}

.video__player:hover .video__play {
  background: #02acd1;
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow: 0 0 30px rgba(2, 172, 209, 0.55);
}

.video__player.is-playing .video__play {
  display: none;
}

/* =======================================================================
   Карусель товаров в блоке «Панели»
   ======================================================================= */
.panels__descr_sub {
  margin-top: 20px;
  font-weight: bold;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #02acd1;
}

.panels__descr_list {
  margin-top: 14px;
}

.panels__descr_list > li {
  position: relative;
  max-width: 518px;
  padding-left: 17px;
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 0.03em;
  color: #edf0f5;
}

.panels__descr_list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #02acd1;
}

.panels__descr_list > li:not(:last-child) {
  margin-bottom: 12px;
}

.panels__descr_list b {
  font-weight: bold;
}

.panels__slide {
  display: none;
}

.panels__slide.is-active {
  display: block;
  animation: panelsSlideIn 0.5s ease;
}

@keyframes panelsSlideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.panels__slide_name {
  margin-top: 18px;
  font-weight: bold;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #02acd1;
}

.panels__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 34px;
}

.panels__nav_btn {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid rgba(2, 172, 209, 0.45);
  border-radius: 50%;
  color: #02acd1;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out,
    border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.panels__nav_btn:hover {
  background: #02acd1;
  border-color: #02acd1;
  color: #edf0f5;
  box-shadow: 0 0 18px rgba(2, 172, 209, 0.55);
}

.panels__slider {
  position: relative;
}

/* боковые стрелки — по краям контейнера, на уровне схемы */
.panels__side {
  position: absolute;
  top: 267px;
  z-index: 14;
}

.panels__side-prev {
  left: 0;
}

.panels__side-next {
  right: 0;
}

/* подсвеченная стрелка «дальше» — подсказка, что есть второй товар */
.panels__side-next {
  animation: panelsHint 2.6s ease-in-out infinite;
}

.panels__side-next:hover {
  animation: none;
}

@keyframes panelsHint {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(2, 172, 209, 0);
  }
  50% {
    box-shadow: 0 0 16px rgba(2, 172, 209, 0.6);
  }
}

.panels__nav_dots {
  display: flex;
  margin: 0 26px;
}

.panels__nav_dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(237, 240, 245, 0.35);
  transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.panels__nav_dot:not(:last-child) {
  margin-right: 10px;
}

.panels__nav_dot.is-active {
  background: #02acd1;
  box-shadow: 0 0 10px rgba(2, 172, 209, 0.8);
}

/* --- слайд 2: ЛГКЛ Solid --- */
.panels__wrapper-solid {
  margin-top: 50px;
  position: relative;
  height: 420px;
}

.panels__scheme-solid {
  position: relative;
  width: 620px;
  height: 100%;
  margin-left: 250px;
}

.panels__scheme-solid > picture {
  display: block;
}

/* три слоя схемы Solid — оживают так же, как на первом слайде */
.solid__scheme {
  position: absolute;
  top: 4px;
  left: 0;
  width: 560px;
  height: 403px;
}

.solid__layer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 0.8s ease-in-out;
}

.solid__layer > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.solid__layer-1.fade {
  opacity: 0;
  transform: translateY(-18%);
}

.solid__layer-2.fade {
  opacity: 0;
}

.solid__layer-3.fade {
  opacity: 0;
  transform: translateY(13%);
}

.solid__list {
  opacity: 1;
  transition: all 0.6s linear 0.6s;
}

.solid__list.fade {
  opacity: 0;
}

.solid__list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
}

.solid__item {
  position: absolute;
  left: 575px;
  width: 250px;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.03em;
  color: #edf0f5;
}

.solid__item .line {
  position: absolute;
  right: 100%;
  top: 11px;
  height: 1px;
  margin-right: 10px;
  background: rgba(134, 138, 148, 0.7);
}

.solid__item .dot {
  display: block;
  position: absolute;
  left: 0;
  top: -3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3e5074;
}

.solid__item .grey {
  display: block;
  position: absolute;
  left: 7px;
  top: 0;
  height: 1px;
  background: #3e5074;
}

.solid__item.item-1 {
  top: 79px;
}

.solid__item.item-1 .line {
  width: 323px;
}

.solid__item.item-1 .grey {
  width: 120px;
}

.solid__item.item-2 {
  top: 153px;
}

.solid__item.item-2 .line {
  width: 168px;
}

.solid__item.item-2 .grey {
  width: 70px;
}

.solid__item.item-3 {
  top: 236px;
}

.solid__item.item-3 .line {
  width: 220px;
}

.solid__item.item-3 .grey {
  width: 110px;
}

.solid__price {
  display: block;
  opacity: 1;
}

@media (max-width: 1200px) {
  .header__logo {
    width: 214px;
    height: 90px;
    margin-top: 0;
    margin-left: -4px;
    margin-right: 18px;
  }

  .business__title {
    font-size: 36px;
    line-height: 42px;
  }

  .business__title > span {
    font-size: 27px;
    line-height: 34px;
  }

  .business__descr {
    margin-top: 32px;
  }

  .business__top {
    min-height: 240px;
  }

  .business__text {
    max-width: 55%;
  }

  .business__photo {
    height: 298px;
  }

  .business__item {
    padding: 0 10px;
  }

  .business__item_descr {
    font-size: 15px;
    line-height: 20px;
  }
  .panels__side {
    top: 243px;
  }

  .panels__wrapper-solid {
    height: 340px;
  }

  .panels__scheme-solid {
    width: 480px;
    margin-left: 250px;
  }

  .solid__scheme {
    width: 440px;
    height: 317px;
  }

  .solid__item {
    left: 455px;
    width: 200px;
  }

  .solid__item.item-1 {
    top: 61px;
  }

  .solid__item.item-1 .line {
    width: 255px;
  }

  .solid__item.item-2 {
    top: 119px;
  }

  .solid__item.item-2 .line {
    width: 133px;
  }

  .solid__item.item-3 {
    top: 184px;
  }

  .solid__item.item-3 .line {
    width: 174px;
  }
}

@media (max-width: 992px) {
  .panels__slide_name {
    font-size: 19px;
    line-height: 24px;
  }

  .panels__wrapper-solid {
    height: auto;
    margin-top: 30px;
    margin-bottom: 26px;
  }

  .panels__scheme-solid {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .solid__scheme {
    position: relative;
    top: 0;
    width: 100%;
    height: 0;
    padding-top: 72%;
  }

  .solid__list {
    position: static;
    display: flex;
    flex-wrap: wrap;
    margin-top: 18px;
  }

  .solid__item {
    position: static;
    width: auto;
    margin-right: 34px;
    padding-left: 15px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Ccircle cx='3.5' cy='3.5' r='3.5' fill='%2302ACD1'/%3E%3C/svg%3E") left center no-repeat;
  }

  .solid__item .line {
    display: none;
  }

  .solid__list {
    justify-content: center;
  }

  .solid__price {
    position: static;
    margin-top: 18px;
    text-align: center;
  }

  .panels__nav_btn {
    width: 44px;
    height: 44px;
  }

  .panels__side {
    display: none;
  }

  .business {
    padding: 55px 0 50px;
  }

  .business__top {
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .business__text {
    max-width: 100%;
  }

  .business__photo {
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    width: 100%;
    height: 260px;
    margin-top: 30px;
  }

  .business__photo::after {
    display: none;
  }

  .business__items {
    margin-top: 0;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px 0;
    padding: 30px 0;
  }

  .business__item + .business__item::before {
    display: none;
  }

  .business__item:not(:nth-child(3n + 1))::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(134, 138, 148, 0.35);
  }
}

@media (max-width: 767px) {
  .video {
    padding: 50px 0 55px;
  }

  .video__wrap {
    margin-top: 30px;
  }

  .video__play {
    width: 66px;
    height: 66px;
  }

  .video__play svg {
    width: 20px;
    height: 23px;
  }

  .business {
    padding: 45px 0 40px;
  }

  .business__title {
    font-size: 27px;
    line-height: 33px;
  }

  .business__title > span {
    font-size: 21px;
    line-height: 27px;
  }

  .business__descr {
    margin-top: 20px;
    font-size: 15px;
    line-height: 21px;
  }

  .business__photo {
    height: 200px;
    margin-top: 24px;
  }

  .business__photo > img,
  .business__photo > * > img {
    -o-object-position: 72% top;
    object-position: 72% top;
  }

  .business__items {
    grid-template-columns: repeat(2, 1fr);
    padding: 24px 0;
  }

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

  .business__item:not(:nth-child(2n + 1))::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(134, 138, 148, 0.35);
  }

  .business__item_title {
    margin-top: 16px;
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 576px) {
  .header__logo {
    width: 160px;
    height: 60px;
    margin-top: 0;
    margin-right: 12px;
  }

  .footer__link {
    width: 200px;
    height: 36px;
  }

  .business__photo {
    height: 170px;
  }

  .business__items {
    grid-template-columns: 1fr;
    gap: 24px 0;
    padding: 24px 15px;
  }

  .business__item:not(:nth-child(2n + 1))::before {
    display: none;
  }

  .business__item + .business__item {
    border-top: 1px solid rgba(134, 138, 148, 0.35);
    padding-top: 24px;
  }

  .business__item_descr {
    font-size: 15px;
    line-height: 20px;
  }
}


/* =======================================================================
   Блок «Видеоинструкция»: плеер слева, карточка с инструкцией справа
   ======================================================================= */
.video__aside {
  padding: 30px 26px 28px;
  border: 1px solid rgba(134, 138, 148, 0.35);
  background: rgba(237, 240, 245, 0.04);
  text-align: center;
}

.video__aside_icon {
  display: flex;
  justify-content: center;
  color: #02acd1;
}

.video__aside_text {
  margin-top: 16px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.03em;
  color: #edf0f5;
}

/* подсвеченная кнопка — единственная залитая на странице,
   поэтому читается как основное действие блока */
.video__aside_btn {
  width: 100%;
  height: auto;
  margin-top: 22px;
  padding: 14px 10px;
  font-size: 16px;
  line-height: 21px;
  background: #02acd1;
  border-color: #02acd1;
  color: #16233d;
  animation: videoDocHint 2.8s ease-in-out infinite;
  transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out,
    box-shadow 0.3s ease-in-out;
}

.video__aside_btn:hover {
  background: #4fc9e3;
  border-color: #4fc9e3;
  color: #16233d;
  animation: none;
  box-shadow: 0 0 26px rgba(2, 172, 209, 0.55);
}

@keyframes videoDocHint {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(2, 172, 209, 0);
  }
  50% {
    box-shadow: 0 0 20px rgba(2, 172, 209, 0.55);
  }
}

.video__aside_meta {
  display: block;
  margin-top: 14px;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.03em;
  color: rgba(237, 240, 245, 0.55);
}

@media (min-width: 993px) {
  .video__wrap {
    width: 100%;
    max-width: none;
    margin: 43px 0 0;
    display: flex;
    align-items: center;
    gap: 40px;
  }

  .video__main {
    flex: 1 1 auto;
    min-width: 0;
  }

  .video__aside {
    flex: 0 0 300px;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .video__wrap {
    gap: 30px;
  }

  .video__aside {
    flex-basis: 268px;
    padding: 26px 20px 24px;
  }

  .video__aside_btn {
    font-size: 15px;
  }
}

@media (max-width: 992px) {
  .video__aside {
    width: 420px;
    max-width: 100%;
    margin: 28px auto 0;
  }
}

@media (max-width: 767px) {
  .video__aside {
    margin-top: 24px;
    padding: 26px 20px 24px;
  }

  .video__aside_icon > svg {
    width: 40px;
    height: 40px;
  }

  .video__aside_text {
    margin-top: 14px;
  }
}


/* ===== v27 (29.09.2026) ===== */
/* акцентная кнопка каталога работ: единственная залитая в блоке «Фотокаталог»,
   поэтому читается как главное действие */
.photos__btn {
  background: #02acd1;
  border-color: #02acd1;
  color: #16233d;
  animation: photosCatalogHint 2.8s ease-in-out infinite;
  transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out,
    box-shadow 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.photos__btn:hover,
.photos__btn:focus-visible {
  background: #4fc9e3;
  border-color: #4fc9e3;
  color: #16233d;
  animation: none;
  box-shadow: 0 0 26px rgba(2, 172, 209, 0.55);
  transform: translateY(-2px);
}

@keyframes photosCatalogHint {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(2, 172, 209, 0);
  }
  50% {
    box-shadow: 0 0 22px rgba(2, 172, 209, 0.5);
  }
}

/* подпись под кнопкой: ширина и выключка повторяют кнопку на всех экранах */
.photos__cta_meta {
  display: block;
  width: 412px;
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.03em;
  text-align: center;
  color: rgba(237, 240, 245, 0.55);
}

@media (max-width: 1200px) {
  .photos__cta_meta {
    width: 180px;
  }
}

@media (max-width: 992px) {
  .photos__cta_meta {
    width: 253px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .photos__cta_meta {
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .photos__btn {
    animation: none;
  }

  .photos__btn:hover {
    transform: none;
  }
}


/* ===== v28 (29.09.2026) ===== */
/* Карусель фото: вписывать кадр в окно при любых пропорциях.
   Раньше у .photos__slider_item > * стояло height:100%, но у .slick-list,
   .slick-track и .slick-slide высота не задана, поэтому 100% превращалось
   в auto: кадр получал ширину окна и свою натуральную высоту. Со старыми
   фото 3:2 это совпадало с окном 920x613, а вертикальные и любые другие
   пропорции вылезали за блок. Задаём высоту всей цепочке слайдера —
   тогда object-fit: contain наконец работает. */
.photos__slider_wrapper .slick-list,
.photos__slider_wrapper .slick-track,
.photos__slider_wrapper .slick-slide {
  height: 100%;
}

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

/* до 767 px у окна карусели height:auto — задаём фиксированную высоту,
   иначе блок прыгал бы на каждом вертикальном кадре */
@media (max-width: 767px) {
  .photos__slider_wrapper {
    height: 320px;
  }
}


/* ===== v29 (08.10.2026) ===== */
/* Плитки «Всегда в наличии»: раньше картинка держала размер плитки сама —
   файл был ровно 160x144. Новые фото отдаются в двойном разрешении,
   чтобы не мылились на чётких экранах, поэтому размер задаём стилями:
   те же 160x144, что и раньше, на всех экранах. */
.decor__plains_item_img > img {
  width: 160px;
  height: 144px;
  -o-object-fit: cover;
  object-fit: cover;
}


/* ===== v30 (12.10.2026) ===== */

/* Телефон: кадр занимал окошко 260 px при экране 375 px.
   Отдаём карусели всю ширину контейнера, высоту считаем от ширины экрана,
   чтобы и горизонтальные, и вертикальные кадры были крупными. */
@media (max-width: 767px) {
  /* кадр во всю ширину экрана: контейнер с отступами тут только мешает */
  .photos__slider {
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
  }

  .photos__slider_wrapper {
    width: 100%;
    height: 82vw;
    max-height: 400px;
  }

  /* стрелки теперь лежат поверх кадра — им нужен фон и палец-зона 44 px */
  .photos__slider .photos-btn {
    top: calc(50% - 22px);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(22, 35, 61, 0.62);
  }

  .photos__slider .photos-btn > svg {
    width: 22px;
    height: 13px;
  }

  /* стрелки на фоне фотографии: серый контур не читался */
  .photos__slider .photos-btn > svg path {
    fill: #edf0f5;
  }

  .photos__slider .photos-btn.photos-prev {
    left: 2px;
  }

  .photos__slider .photos-btn.photos-next {
    right: 2px;
  }
}

/* Просмотр кадра на весь экран по нажатию */
.photo-zoom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 300;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 56px 16px 48px;
  background: rgba(22, 35, 61, 0.95);
}

.photo-zoom.is-open {
  display: flex;
}

.photo-zoom__img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  touch-action: pinch-zoom;
  -webkit-user-select: none;
  user-select: none;
}

.photo-zoom__btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(237, 240, 245, 0.12);
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

.photo-zoom__btn:hover {
  background: rgba(2, 172, 209, 0.45);
}

.photo-zoom__close {
  top: 12px;
  right: 12px;
}

.photo-zoom__prev {
  top: calc(50% - 22px);
  left: 12px;
}

.photo-zoom__next {
  top: calc(50% - 22px);
  right: 12px;
}

.photo-zoom__counter {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.03em;
  color: rgba(237, 240, 245, 0.7);
}

body.photo-zoom-open {
  overflow: hidden;
}

/* кадр в карусели кликабелен — показываем это курсором */
.photos__slider_item > img {
  cursor: zoom-in;
}