/* Start:/local/templates/SilentHouse-3.0/css/styles.css?1750934959310862*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/* fonts */
@font-face {
  font-family: "Averta";
  src: url("/local/templates/SilentHouse-3.0/css/../fonts/AvertaLight.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: block;
}
@font-face {
  font-family: "Averta";
  src: url("/local/templates/SilentHouse-3.0/css/../fonts/AvertaRegular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "Averta";
  src: url("/local/templates/SilentHouse-3.0/css/../fonts/AvertaSemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: block;
}
@font-face {
  font-family: "Averta";
  src: url("/local/templates/SilentHouse-3.0/css/../fonts/AvertaBold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: block;
}
@font-face {
  font-family: "Averta";
  src: url("/local/templates/SilentHouse-3.0/css/../fonts/AvertaExtraBold.woff") format("woff");
  font-style: normal;
  font-weight: 900;
  font-display: block;
}
/* end fonts */
/* common */
*,
*::after,
*::before {
  box-sizing: inherit;
}
*:focus-visible {
  outline: 0.1px solid #E1DFE0;
}
input:focus-visible + label {
  outline: 0.1px solid #E1DFE0;
}
html {
  height: 100%;
  box-sizing: border-box;
}
body {
  display: flex;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  flex-direction: column;
  font-family: 'Averta', sans-serif;
  font-weight: 400;
  background-color: #FAF9F9;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
@media (max-width: 576px) {
  body::-webkit-scrollbar {
    width: 3px;
  }
}
body::-webkit-scrollbar-track {
  background: #FFFFFF;
}
body::-webkit-scrollbar-thumb {
  background-color: #E1DFE0;
  border-radius: 20px;
}
header {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  background-color: #FAF9F9;
}
main {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}
footer {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
}
a {
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
svg {
  display: block;
}
/* end common */
/* mixins */
.visually-hidden:not(:focus):not(:active),
input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.hidden {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-out;
}
.remove {
  display: none;
}
.rotate {
  transform: rotate(180deg);
  transition: all 0.2s ease-in-out;
}
.wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 1280px) {
  .wrapper {
    max-width: none;
    padding: 0 60px;
  }
}
@media (max-width: 1200px) {
  .wrapper {
    padding: 0 24px;
  }
}
.reset-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.reset-button {
  padding: 0;
  border: none;
  background-color: inherit;
}
.stop-scroll {
  overflow-y: hidden;
}
.overlay {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(65, 62, 64, 0.7);
  z-index: 10;
}
.overlay--show {
  animation: fade-in 0.2s ease-in-out both;
  display: block;
}
/* end mixins */
/* animations */
.heartbeat {
  animation: heartbeat 1.8s ease-in-out infinite both;
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}
.fade-in {
  animation: fade-in 0.2s ease-in-out both;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in-end {
  animation: fade-in-end 1.8s ease-in-out both;
}
@keyframes fade-in-end {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.slide-bottom {
  animation: slidetop 0.8s linear infinite both;
}
@keyframes slidetop {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
/* end animations */
/* lightbox-core */
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  touch-action: none;
  outline: none;
  overflow: hidden;
}
.glightbox-container.inactive {
  display: none;
}
.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}
.glightbox-container .gslider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transform: translate3d(0, 0, 0);
}
.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}
.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}
.glightbox-container .gslide-inner-content {
  width: 100%;
}
.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}
.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}
.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  touch-action: auto;
}
.gslide-image {
  align-items: center;
}
.gslide-image img {
  max-height: 100vh;
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}
.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}
.gslide-image img.zoomable {
  position: relative;
}
.gslide-image img.dragging {
  cursor: grabbing !important;
  transition: none;
}
.gslide-video {
  width: 100%;
  max-width: 100%;
  position: relative;
  width: 100vh;
  max-width: 100vh;
  width: 100% !important;
}
.gslide-video .gvideo-wrapper {
  width: 100%;
  margin: auto;
}
.gslide-video::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}
.gslide-video.playing::before {
  display: none;
}
.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
}
.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}
.gslide-inline {
  background: #fff;
  padding: 20px;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
}
.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}
.gslide-external {
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 62vh;
}
.gslide-media {
  display: flex;
  width: auto;
}
.zoomed .gslide-media {
  box-shadow: none !important;
}
.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  flex-direction: column;
}
.gslide-description {
  position: relative;
}
.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}
.gslide-description p {
  margin-bottom: 12px;
}
.gslide-description p:last-child {
  margin-bottom: 0;
}
.zoomed .gslide-description {
  display: none;
}
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: 15px;
  padding: 19px 11px;
  max-width: 100vw !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}
.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc string {
  color: #fff;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}
.gdesc-open .gslide-media {
  transition: opacity 0.5s ease;
  opacity: 0.4;
}
.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
  transition: opacity 0.5s ease;
  opacity: 1;
}
.greset {
  transition: all 0.3s ease;
}
.gabsolute {
  position: absolute;
}
.grelative {
  position: relative;
}
.glightbox-open {
  overflow: hidden;
}
.gloader {
  height: 25px;
  width: 25px;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}
.goverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
}
.glightbox-mobile .goverlay {
  background: #000;
}
.gprev,
.gnext,
.gclose {
  background-repeat: no-repeat;
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  display: block;
  background-position: 0 0;
  border: none;
}
.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 100%;
  height: auto;
}
.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}
.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}
iframe.wait-autoplay {
  opacity: 0;
}
.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}
/*Skin */
.glightbox-clean .gslide-description,
.glightbox-modern .gslide-description {
  background: #fff;
}
.glightbox-clean .gdesc-inner,
.glightbox-modern .gdesc-inner {
  padding: 22px 20px;
}
.glightbox-clean .gslide-title,
.glightbox-modern .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}
.glightbox-clean .gslide-desc,
.glightbox-modern .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}
.glightbox-clean .gslide-video,
.glightbox-modern .gslide-video {
  background: #000;
}
/* .gprev,
    .gnext,
    .gclose */
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose,
.glightbox-modern .gprev,
.glightbox-modern .gnext,
.glightbox-modern .gclose {
  background-color: rgba(0, 0, 0, 0.12);
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover,
.glightbox-modern .gprev:hover,
.glightbox-modern .gnext:hover,
.glightbox-modern .gclose:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path,
.glightbox-modern .gprev path,
.glightbox-modern .gnext path,
.glightbox-modern .gclose path {
  fill: #fff;
}
.glightbox-clean button:focus:not(.focused):not(.disabled),
.glightbox-modern button:focus:not(.focused):not(.disabled) {
  outline: none;
}
.glightbox-clean .gprev,
.glightbox-modern .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 56px;
}
.glightbox-clean .gnext,
.glightbox-modern .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 56px;
}
.glightbox-clean .gclose,
.glightbox-modern .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
  opacity: 0.7;
}
.glightbox-clean .gclose svg,
.glightbox-modern .gclose svg {
  width: 30px;
}
.glightbox-clean .gclose:hover,
.glightbox-modern .gclose:hover {
  opacity: 1;
}
/*CSS Animations*/
.gfadeIn {
  animation: gfadeIn 0.5s ease;
}
.gfadeOut {
  animation: gfadeOut 0.5s ease;
}
.gslideOutLeft {
  animation: gslideOutLeft 0.3s ease;
}
.gslideInLeft {
  animation: gslideInLeft 0.3s ease;
}
.gslideOutRight {
  animation: gslideOutRight 0.3s ease;
}
.gslideInRight {
  animation: gslideInRight 0.3s ease;
}
.gzoomIn {
  animation: gzoomIn 0.5s ease;
}
.gzoomOut {
  animation: gzoomOut 0.5s ease;
}
@keyframes lightboxLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    transform: translate3d(60%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: default;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 95vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .glightbox-clean .gslide-media,
  .glightbox-modern .gslide-media {
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .gprev,
  .glightbox-modern .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext,
  .glightbox-modern .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose,
  .glightbox-modern .gclose {
    right: 20px;
  }
}
/* end lightbox-core */
/* lightbox */
.goverlay {
  background-color: #413E40;
  opacity: 0.7;
}
@media (min-width: 769px) {
  .goverlay {
    background-color: #413E40;
    opacity: 0.7;
  }
}
.glightbox-open {
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.goverlay {
  background-color: #413E40;
  opacity: 0.7;
}
.glightbox-mobile .goverlay {
  background-color: #413E40;
  opacity: 0.7;
}
.glightbox-clean .gprev,
.glightbox-modern .gprev,
.glightbox-clean .gnext,
.glightbox-modern .gnext {
  width: 35px;
  padding: 0;
}
.gprev svg,
.gnext svg {
  height: 100%;
}
.gclose svg {
  height: 30px;
}
.glightbox-clean .gclose,
.glightbox-modern .gclose {
  display: flex;
  height: 40px;
  width: 40px;
  padding: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose,
.glightbox-modern .gprev,
.glightbox-modern .gnext,
.glightbox-modern .gclose {
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.4s ease-in-out;
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover,
.glightbox-modern .gprev:hover,
.glightbox-modern .gnext:hover,
.glightbox-modern .gclose:hover {
  transition: all 0.4s ease-in-out;
}
.glightbox-clean .gprev,
.glightbox-modern .gprev {
  transform: rotate(180deg);
}
.gfadeIn {
  animation: gfadeIn 0.4s ease;
}
.gfadeOut {
  animation: gfadeOut 0.4s ease;
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 0;
  }
}
.gzoomIn {
  animation: gzoomIn 0.4s ease;
}
.gzoomOut {
  animation: gzoomOut 0.4s ease;
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0.7;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 0.7;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.glightbox-clean .gprev,
.glightbox-modern .gprev {
  top: 45%;
  left: 0;
}
@media (min-width: 769px) {
  .glightbox-clean .gprev,
  .glightbox-modern .gprev {
    left: 20px;
  }
}
.glightbox-clean .gnext,
.glightbox-modern .gnext {
  top: 45%;
  right: 0;
}
@media (min-width: 769px) {
  .glightbox-clean .gnext,
  .glightbox-modern .gnext {
    right: 20px;
  }
}
/* end lightbox */
/* splide-core */
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
/* end splide-core */
/* slider-main */
.slider-main {
  position: relative;
}
.slider-main__img-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider-main__img-link {
  position: relative;
}
.slider-main__img-link::after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: linear-gradient(0deg, rgba(65, 62, 64, 0.2), rgba(65, 62, 64, 0.2));
  position: absolute;
  top: 0;
  left: 0;
}
.slider-main__img-link img {
  height: 474px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 576px) {
  .slider-main__img-link img {
    height: 510px;
  }
}
.slider-main__text {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  grid-template-rows: 32px 1fr 32px;
  position: absolute;
  left: 100px;
  bottom: 0;
}
@media (max-width: 1200px) {
  .slider-main__text {
    left: 50px;
  }
}
@media (max-width: 768px) {
  .slider-main__text {
    left: 0;
  }
}
@media (max-width: 768px) {
  .slider-main__text {
    grid-template-columns: 24px 1fr 24px;
    grid-template-rows: 20px 1fr 20px;
  }
}
.slider-main__text-list {
  margin: 0;
  padding: 0;
  list-style: none;
  background: rgba(65, 62, 64, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.slider-main__text-content {
  height: 290px;
  width: 560px;
  padding: 32px 40px;
}
@media (max-width: 768px) {
  .slider-main__text-content {
    height: 215px;
    width: calc(100% - 24px);
  }
}
@media (max-width: 576px) {
  .slider-main__text-content {
    padding: 20px 24px;
  }
}
.slider-main__text-content h3 {
  margin: 0;
  margin-bottom: 16px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
@media (max-width: 576px) {
  .slider-main__text-content h3 {
    margin-bottom: 8px;
    font-size: 21px;
    line-height: 26px;
  }
}
.slider-main__text-content p {
  margin: 0;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #FAF9F9;
}
@media (max-width: 576px) {
  .slider-main__text-content p {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 20px;
  }
}
.slider-main__text-track {
  grid-column: 1 / span 3;
  grid-row: 1 / span 3;
}
.slider-main__marker-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  width: auto;
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
  align-self: end;
  justify-self: start;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.slider-main__marker-list li {
  height: 2px;
  margin-right: 6px;
}
.slider-main__marker-list li:last-child {
  margin-right: 0;
}
.slider-main__marker-item {
  padding: 0;
  border: none;
  background-color: inherit;
  display: block;
  height: 2px;
  width: 40px;
  background-color: #BCB8BA;
  transition: all 0.4s ease-in-out;
  position: relative;
}
.slider-main__marker-item::after {
  content: "";
  height: 100%;
  width: 0;
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
}
.slider-main__marker-item.is-active:after {
  width: 100%;
  transition: all 5s linear;
}
.slider-main__arrows {
  display: flex;
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
  align-self: end;
  justify-self: end;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  position: relative;
}
.slider-main__prev,
.slider-main__next {
  display: flex;
  height: 40px;
  width: 40px;
  padding: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid rgba(225, 223, 224, 0.3);
  background-color: transparent;
  transition: all 0.4s ease-in-out;
}
.slider-main__prev:hover,
.slider-main__next:hover {
  cursor: pointer;
  border: 2px solid rgba(225, 223, 224, 0.7);
}
.slider-main__prev svg,
.slider-main__next svg {
  fill: #FFFFFF;
}
.slider-main__prev {
  margin-right: 8px;
}
.slider-main__prev svg {
  transform: rotate(180deg);
}
.slider-main__prev:disabled,
.slider-main__next:disabled {
  cursor: default;
  opacity: 0.3;
}
.slider-main__prev:disabled:hover,
.slider-main__next:disabled:hover {
  cursor: default;
  border: 2px solid rgba(225, 223, 224, 0.3);
  transition: none;
}
/* end slider-main */
/* slider-service */
.slider-service {
  position: relative;
}
.slider-service__list,
.slider-service.splide.is-initialized:not(.is-active) .splide__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 1280px) {
  .slider-service__list,
  .slider-service.splide.is-initialized:not(.is-active) .splide__list {
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .slider-service__list,
  .slider-service.splide.is-initialized:not(.is-active) .splide__list {
    display: flex;
    grid-template-columns: none;
    gap: 0;
  }
}
.slider-service__link {
  display: block;
  height: 100%;
  background-color: transparent;
  transition: all 0.4s ease-out;
}
@media (max-width: 1200px) {
  .slider-service__link {
    transition: none;
  }
}
.slider-service__link:hover {
  background-color: #FFFFFF;
}
@media (max-width: 1200px) {
  .slider-service__link:hover {
    background-color: transparent;
  }
}
.slider-service__link:hover .slider-service__img img {
  transform: scale(1.1);
}
.slider-service__link:hover .slider-service__text h4 {
  color: #413E40;
}
@media (max-width: 1200px) {
  .slider-service__link:hover .slider-service__text h4 {
    color: #FFFFFF;
  }
}
.slider-service__link:hover .slider-service__text p {
  color: #413E40;
}
@media (max-width: 1200px) {
  .slider-service__link:hover .slider-service__text p {
    color: #EAEBEC;
  }
}
.slider-service__img img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1);
  transition: all 0.4s ease-out;
}
.slider-service__text {
  padding: 24px;
  padding-top: 0;
}
.slider-service__text h4 {
  display: block;
  margin: 0;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 2px dotted #CDD6CD;
  color: #FFFFFF;
  transition: all 0.4s ease-out;
}
@media (max-width: 1200px) {
  .slider-service__text h4 {
    transition: none;
  }
}
.slider-service__text p {
  margin: 0;
  color: #EAEBEC;
  transition: all 0.4s ease-out;
}
@media (max-width: 1200px) {
  .slider-service__text p {
    transition: none;
  }
}
.slider-service .slider-service__decor-link {
  display: none;
}
@media (max-width: 1200px) {
  .slider-service .slider-service__decor-link {
    display: inline-flex;
    margin-top: 20px;
  }
}
.slider-service__marker-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  height: 40px;
  width: auto;
  padding: 0 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
}
.slider-service__marker-list li {
  height: 2px;
  margin-right: 6px;
}
.slider-service__marker-list li:last-child {
  margin-right: 0;
}
.slider-service__marker-item {
  padding: 0;
  border: none;
  background-color: inherit;
  display: block;
  height: 2px;
  width: 40px;
  background-color: #BCB8BA;
  transition: all 0.4s ease-in-out;
  position: relative;
}
.slider-service__marker-item.is-active {
  background-color: #FFFFFF;
}
.slider-service__arrows {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  position: absolute;
  top: -56px;
  right: 24px;
}
@media (max-width: 576px) {
  .slider-service__arrows {
    top: auto;
    bottom: 0;
  }
}
.slider-service__prev,
.slider-service__next {
  display: flex;
  height: 40px;
  width: 40px;
  padding: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid rgba(225, 223, 224, 0.3);
  background-color: transparent;
  transition: all 0.4s ease-in-out;
}
.slider-service__prev:hover,
.slider-service__next:hover {
  cursor: pointer;
  border: 2px solid rgba(225, 223, 224, 0.7);
}
.slider-service__prev svg,
.slider-service__next svg {
  fill: #FFFFFF;
}
.slider-service__prev {
  margin-right: 8px;
}
.slider-service__prev svg {
  transform: rotate(180deg);
}
.slider-service__prev:disabled,
.slider-service__next:disabled {
  cursor: default;
  opacity: 0.3;
}
.slider-service__prev:disabled:hover,
.slider-service__next:disabled:hover {
  cursor: default;
  border: 2px solid rgba(225, 223, 224, 0.3);
  transition: none;
}
/* end slider-service */
/* slider-works */
.slider-works__img-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider-works__img-link {
  position: relative;
}
.slider-works__img-link::after {
  content: "";
  height: 100%;
  width: 100%;
  margin: auto;
  background-color: #413E40;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
.slider-works__img-link img {
  height: 100%;
  width: 686px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .slider-works__img-link img {
    width: 305px;
  }
}
.slider-works__img-link span {
  display: flex;
  height: 48px;
  width: 48px;
  margin: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #83BAAA;
  transform: rotate(45deg);
  z-index: 1;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.slider-works__img-link span svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
}
.slider-works__img-link:hover::after {
  opacity: 0.7;
}
.slider-works__img-link:hover span {
  opacity: 1;
}
.slider-works__text {
  position: relative;
}
.slider-works__text-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider-works__text-list li {
  width: 100%;
}
.slider-works__text-content h3 {
  margin: 0;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #7E777A;
  text-transform: uppercase;
}
.slider-works__text-content p {
  margin: 0;
}
.slider-works__arrows {
  display: flex;
  align-self: end;
  justify-self: end;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  position: absolute;
  bottom: 24px;
  left: 0;
}
.slider-works__prev,
.slider-works__next {
  display: flex;
  height: 40px;
  width: 40px;
  padding: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #E1DFE0;
  background-color: transparent;
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
.slider-works__prev:hover,
.slider-works__next:hover {
  cursor: pointer;
  border: 2px solid #413E40;
}
.slider-works__prev svg,
.slider-works__next svg {
  fill: #413E40;
}
.slider-works__prev {
  margin-right: 8px;
}
.slider-works__prev svg {
  transform: rotate(180deg);
}
.slider-works__prev:disabled,
.slider-works__next:disabled {
  cursor: default;
  opacity: 0;
}
.slider-works__prev:disabled:hover,
.slider-works__next:disabled:hover {
  cursor: default;
  opacity: 0;
  transition: none;
}
.slider-works__arrows-2 {
  display: flex;
  align-self: end;
  justify-self: end;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  position: absolute;
  bottom: 24px;
  left: -460px;
}
@media (max-width: 1280px) {
  .slider-works__arrows-2 {
    left: -46%;
  }
}
@media (max-width: 1024px) {
  .slider-works__arrows-2 {
    left: -48%;
  }
}
@media (max-width: 768px) {
  .slider-works__arrows-2 {
    display: none;
  }
}
.slider-works__prev-2,
.slider-works__next-2 {
  display: flex;
  height: 40px;
  width: 40px;
  padding: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #E1DFE0;
  background-color: transparent;
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
.slider-works__prev-2:hover,
.slider-works__next-2:hover {
  cursor: pointer;
  border: 2px solid #413E40;
}
.slider-works__prev-2 svg,
.slider-works__next-2 svg {
  fill: #413E40;
}
.slider-works__prev-2 {
  margin-right: 8px;
}
.slider-works__prev-2 svg {
  transform: rotate(180deg);
}
.slider-works__prev-2:disabled,
.slider-works__next-2:disabled {
  cursor: default;
  opacity: 0;
}
.slider-works__prev-2:disabled:hover,
.slider-works__next-2:disabled:hover {
  cursor: default;
  opacity: 0;
  transition: none;
}
/* end slider-works */
/* slider-primary */
.slider-primary .splide__list {
  width: 100%;
}
.slider-primary__link img {
  height: auto;
  width: 524px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1280px) {
  .slider-primary__link img {
    width: 100%;
  }
}
.slider-primary__marker-list {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  bottom: -18px;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
.slider-primary__marker-list li {
  margin-right: 6px;
}
.slider-primary__marker-list li:last-child {
  margin-right: 0;
}
.slider-primary__marker-item {
  display: block;
  width: 16px;
  height: 2px;
  padding: 0;
  border: none;
  background-color: #BCB8BA;
  position: relative;
  transition: border 0.5s ease-in-out;
}
.slider-primary__marker-item:hover,
.slider-primary__marker-item:focus {
  transition: border 0.5s ease-in-out;
  cursor: pointer;
}
.slider-primary__marker-item.is-active {
  background-color: #413E40;
}
.slider-primary__marker-item.is-active:hover {
  cursor: default;
}
/* end slider-primary */
/* slider-secondary */
.slider-secondary {
  width: 80%;
}
.slider-secondary img {
  height: auto;
  width: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-secondary .splide__slide {
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
.slider-secondary .splide__slide:hover {
  cursor: pointer;
  opacity: 0.8;
  transition: all 0.4s ease-in-out;
}
.slider-secondary .splide__slide::after {
  content: "";
  height: 100%;
  width: 100%;
  border: 2px solid #413E40;
  background-color: transparent;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.4s ease-in-out;
}
.slider-secondary .is-active::after {
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
.slider-secondary__list > li {
  margin-right: 10px;
}
.slider-secondary__list > li:last-child {
  margin-right: 0;
}
.slider-secondaryary__nav-prev,
.slider-secondaryary__nav-next {
  display: flex;
  height: 64px;
  width: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: inherit;
  border: 2px solid #E1DFE0;
  opacity: 1;
  position: absolute;
  top: 0;
  right: -48px;
  left: auto;
  transition: all 0.4s ease-in-out;
}
.slider-secondaryary__nav-prev svg,
.slider-secondaryary__nav-next svg {
  height: auto;
  width: 24px;
  fill: #413E40;
  transition: all 0.4s ease-in-out;
}
.slider-secondaryary__nav-prev:hover,
.slider-secondaryary__nav-next:hover {
  cursor: pointer;
  border: 2px solid #413E40;
}
.slider-secondaryary__nav-prev:disabled,
.slider-secondaryary__nav-next:disabled {
  cursor: default;
  opacity: 0.3;
}
.slider-secondaryary__nav-prev:disabled:hover,
.slider-secondaryary__nav-next:disabled:hover {
  border: 2px solid #E1DFE0;
}
.slider-secondaryary__nav-prev {
  transform: rotate(180deg);
  left: -48px;
  right: auto;
}
.product-detail__slider-secondary.slider--without-arrows {
  justify-content: flex-start;
}
.product-detail__slider-secondary.slider--without-arrows .slider-secondaryary__nav-arrows {
  display: none;
}
/* end slider-secondary */
/* slider-products */
.slider-products.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
@media (max-width: 768px) {
  .slider-products.splide.is-initialized:not(.is-active) .splide__list {
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    overflow: auto;
  }
}
.slider-products__arrows {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  position: absolute;
  top: -100px;
  right: 0;
}
@media (max-width: 1200px) {
  .slider-products__arrows {
    top: -80px;
  }
}
.slider-products__prev,
.slider-products__next {
  display: flex;
  height: 40px;
  width: 40px;
  padding: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #E1DFE0;
  background-color: transparent;
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
.slider-products__prev:hover,
.slider-products__next:hover {
  cursor: pointer;
  border: 2px solid #413E40;
}
.slider-products__prev svg,
.slider-products__next svg {
  fill: #413E40;
}
.slider-products__prev {
  margin-right: 8px;
}
.slider-products__prev svg {
  transform: rotate(180deg);
}
.slider-products__prev:disabled,
.slider-products__next:disabled {
  cursor: default;
  opacity: 0.3;
}
.slider-products__prev:disabled:hover,
.slider-products__next:disabled:hover {
  cursor: default;
  border: 2px solid #E1DFE0;
  opacity: 0.3;
  transition: none;
}
.slider-products .card__leaf span {
  display: flex;
}
.slider-products__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  overflow: auto;
}
@media (max-width: 768px) {
  .slider-products__list {
    display: flex;
    gap: 0;
  }
}
.slider-products__list::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 0;
}
.slider-products__list::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.slider-products__list::-webkit-scrollbar-thumb {
  background-color: #E1DFE0;
  border-radius: 0;
}
.slider-products__list .splide__slide {
  width: auto;
}
@media (max-width: 768px) {
  .slider-products__list .splide__slide {
    width: 210px;
    margin-right: 8px;
  }
}
@media (max-width: 768px) {
  .slider-products__list .splide__slide:first-child {
    margin-left: 24px;
  }
}
@media (max-width: 768px) {
  .slider-products__list .splide__slide:last-child {
    margin-right: 24px;
  }
}
.splide .slider-products__list {
  display: flex;
  grid-template-columns: none;
  gap: 0;
  overflow: visible;
}
/* end slider-products */
/* slider-images */
.slider-images__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider-images__link {
  position: relative;
}
.slider-images__link::after {
  content: "";
  height: 100%;
  width: 100%;
  margin: auto;
  background-color: #413E40;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
.slider-images__link img {
  height: 100%;
  width: 686px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .slider-images__link img {
    width: 305px;
  }
}
.slider-images__link span {
  display: flex;
  height: 48px;
  width: 48px;
  margin: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #83BAAA;
  transform: rotate(45deg);
  z-index: 1;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.slider-images__link span svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
}
.slider-images__link:hover::after {
  opacity: 0.7;
}
.slider-images__link:hover span {
  opacity: 1;
}
.slider-images__arrows {
  display: flex;
  align-self: end;
  justify-self: end;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  position: absolute;
  bottom: 24px;
  left: -460px;
}
@media (max-width: 1280px) {
  .slider-images__arrows {
    left: -46%;
  }
}
@media (max-width: 1024px) {
  .slider-images__arrows {
    left: -48%;
  }
}
@media (max-width: 768px) {
  .slider-images__arrows {
    display: none;
  }
}
.slider-images__prev,
.slider-images__next {
  display: flex;
  height: 40px;
  width: 40px;
  padding: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #E1DFE0;
  background-color: transparent;
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
.slider-images__prev:hover,
.slider-images__next:hover {
  cursor: pointer;
  border: 2px solid #413E40;
}
.slider-images__prev svg,
.slider-images__next svg {
  fill: #413E40;
}
.slider-images__prev {
  margin-right: 8px;
}
.slider-images__prev svg {
  transform: rotate(180deg);
}
.slider-images__prev:disabled,
.slider-images__next:disabled {
  cursor: default;
  opacity: 0;
}
.slider-images__prev:disabled:hover,
.slider-images__next:disabled:hover {
  cursor: default;
  opacity: 0;
  transition: none;
}
/* end slider-images */
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.chosen-container * {
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}
.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("/local/templates/SilentHouse-3.0/css/../img/icons/chosen/arrows.svg") -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/local/templates/SilentHouse-3.0/css/../img/icons/chosen/arrows.svg") no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("/local/templates/SilentHouse-3.0/css/../img/icons/chosen/arrows.svg") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("/local/templates/SilentHouse-3.0/css/../img/icons/chosen/arrows.svg") -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url("/local/templates/SilentHouse-3.0/css/../img/icons/chosen/arrows.svg") no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
/* custom-select */
.custom-select {
  display: flex;
  height: 56px;
  width: 100%;
  padding: 10px 12px;
  padding-top: 22px;
  padding-right: 44px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
  border: 1px solid #E1DFE0;
  border-radius: 0;
  color: #413E40;
  box-shadow: none;
  background: url(/local/templates/SilentHouse-3.0/css/../img/icons/chosen/arrows.svg) no-repeat center right 12px;
  background-size: 24px;
  transition: all 0.2s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 1200px) {
  .custom-select {
    height: 48px;
    padding: 8px 12px;
    padding-top: 18px;
  }
}
.custom-select + .chosen-container {
  font-size: 16px;
}
@media (max-width: 1200px) {
  .custom-select + .chosen-container {
    font-size: 14px;
  }
}
.custom-select + .chosen-container-single .chosen-single {
  display: flex;
  height: 56px;
  padding: 10px 12px;
  padding-top: 22px;
  padding-right: 44px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
  border: 1px solid #E1DFE0;
  border-radius: 0;
  color: #413E40;
  box-shadow: none;
  background: inherit;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 1200px) {
  .custom-select + .chosen-container-single .chosen-single {
    height: 48px;
    padding: 8px 12px;
    padding-top: 18px;
  }
}
.custom-select + .chosen-container-single .chosen-single:hover {
  border: 1px solid #BCB8BA;
}
.custom-select + .chosen-container-single .chosen-single.chosen-default > span {
  font-size: 10px;
  color: #413E40;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .custom-select + .chosen-container-single .chosen-single.chosen-default > span {
    font-size: 8px;
  }
}
.custom-select + .chosen-container-active .chosen-single {
  border: 1px solid #413E40;
}
.custom-select + .chosen-container-single .chosen-single span {
  margin-right: 0;
  padding: 4px 0;
}
.custom-select + .chosen-container-single .chosen-single div {
  height: 24px;
  width: 24px;
  margin: auto 0;
  top: 0;
  bottom: 0;
  right: 12px;
}
.custom-select + .chosen-container-single .chosen-single div b {
  background: url(/local/templates/SilentHouse-3.0/css/../img/icons/chosen/arrows.svg) no-repeat center;
}
.custom-select + .chosen-container-single .chosen-drop {
  border: 1px solid #413E40;
  border-radius: 0;
  box-shadow: none;
}
.custom-select + .chosen-container .chosen-results {
  color: #413E40;
  margin: 0;
  padding: 0;
  max-height: 240px;
}
.custom-select + .chosen-container .chosen-results::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
.custom-select + .chosen-container .chosen-results::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
.custom-select + .chosen-container .chosen-results::-webkit-scrollbar-thumb {
  background-color: #E1DFE0;
  border-radius: 10px;
}
.custom-select + .chosen-container .chosen-results li {
  padding: 12px;
  line-height: 1;
  border-bottom: 1px solid #E1DFE0;
  transition: all 0.2s ease-in-out;
}
.custom-select + .chosen-container .chosen-results li:last-child {
  border-bottom: none;
}
.custom-select + .chosen-container .chosen-results li.highlighted {
  border-bottom: 1px solid #413E40;
  background-color: #413E40;
  background-image: none;
}
.custom-select + .chosen-container-single .chosen-search {
  padding: 0;
  border-bottom: 1px solid #413E40;
}
.custom-select + .chosen-container-single .chosen-search input[type="text"] {
  display: flex;
  min-height: 40px;
  padding-left: 38px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-family: 'Averta', sans-serif;
  font-style: normal;
  background: url(/local/templates/SilentHouse-3.0/css/../img/icons/chosen/search.svg) no-repeat center left 12px;
  background-size: 18px;
  border: none;
}
.custom-select + .chosen-container .chosen-results li.no-results > span {
  margin-left: 4px;
  color: #83BAAA;
}
.custom-select.error,
.custom-select.error + .chosen-container-single .chosen-single {
  border: 1px solid #F04B0E;
}
.custom-select.error:hover,
.custom-select.error + .chosen-container-single .chosen-single:hover {
  border: 1px solid #BCB8BA;
}
.custom-select:disabled,
.custom-select:disabled + .chosen-container-single .chosen-single {
  opacity: 0.7;
}
.custom-select:disabled:hover,
.custom-select:disabled + .chosen-container-single .chosen-single:hover {
  border: 1px solid #E1DFE0;
}
/* end custom-select */
/* main-page */
.main-page {
  min-height: 800px;
  padding-top: 200px;
}
@media (max-width: 1200px) {
  .main-page {
    min-height: 500px;
    padding-top: 115px;
  }
}
.main-page__title {
  margin: 0;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 18px;
  color: #7E777A;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .main-page__title {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 15px;
  }
}
.main-page__description {
  margin: 0;
}
.main-page__text {
  margin: 0;
  margin-top: 8px;
}
.main-page__slider-main {
  padding-bottom: 70px;
  margin-bottom: 66px;
  position: relative;
}
@media (max-width: 1200px) {
  .main-page__slider-main {
    padding-bottom: 37px;
    margin-bottom: 26px;
  }
}
.main-page__slider-main::before {
  content: "";
  height: 140px;
  width: 690px;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/background/ornament-horizont.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .main-page__slider-main::before {
    height: 100%;
    width: 100%;
    background-position: bottom;
  }
}
.main-page__slider-main-wrapper {
  max-width: 1406px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 1280px) {
  .main-page__slider-main-wrapper {
    max-width: none;
    padding: 0 60px;
  }
}
@media (max-width: 1200px) {
  .main-page__slider-main-wrapper {
    padding: 0 24px;
  }
}
.main-page__solution {
  padding-bottom: 40px;
  margin-bottom: 68px;
  position: relative;
}
@media (max-width: 1200px) {
  .main-page__solution {
    padding-bottom: 0;
  }
}
.main-page__solution::before {
  content: "";
  height: 466px;
  width: 592px;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/background/group-arrows.svg"), url("/local/templates/SilentHouse-3.0/css/../img/background/unsplash.webp");
  background-repeat: no-repeat, no-repeat;
  background-size: 66px, contain;
  background-position: top left 142px, bottom right;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .main-page__solution::before {
    display: none;
  }
}
.main-page__solution-wrapper {
  position: relative;
}
.main-page__solution-text {
  margin-bottom: 48px;
}
@media (max-width: 1200px) {
  .main-page__solution-text {
    margin-bottom: 32px;
  }
}
.main-page__solution-decor-link {
  margin-top: 24px;
}
.main-page__advantage {
  margin-bottom: 105px;
}
@media (max-width: 1200px) {
  .main-page__advantage {
    margin-bottom: 64px;
  }
}
.main-page__advantage-wrapper {
  position: relative;
}
.main-page__advantage-wrapper::before {
  content: "";
  height: 108px;
  width: 32px;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/background/group-rectangles.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 120px;
  left: -72px;
}
@media (max-width: 1200px) {
  .main-page__advantage-wrapper::before {
    display: none;
  }
}
.main-page__advantage-list.decor-list {
  margin-top: 48px;
}
@media (max-width: 1200px) {
  .main-page__advantage-list.decor-list {
    margin-top: 32px;
  }
}
.main-page__service {
  padding-top: 54px;
  padding-bottom: 80px;
  background-color: #413E40;
  overflow-x: hidden;
}
@media (max-width: 1200px) {
  .main-page__service {
    padding-top: 32px;
    padding-bottom: 24px;
  }
}
.main-page__service-wrapper {
  position: relative;
}
@media (max-width: 1024px) {
  .main-page__service-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.main-page__service-wrapper .main-page__title {
  color: #BCB8BA;
}
@media (max-width: 1024px) {
  .main-page__service-wrapper .main-page__title {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.main-page__service-wrapper .main-page__description {
  margin-bottom: 46px;
  color: #FFFFFF;
}
@media (max-width: 1200px) {
  .main-page__service-wrapper .main-page__description {
    margin-bottom: 32px;
  }
}
@media (max-width: 1024px) {
  .main-page__service-wrapper .main-page__description {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.main-page__service-back-text {
  display: inline-block;
  font-size: 170px;
  line-height: 1;
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1px #FFFFFF;
  opacity: 0.1;
  position: absolute;
  top: -7%;
  left: 20px;
}
@media (max-width: 1280px) {
  .main-page__service-back-text {
    left: 60px;
  }
}
@media (max-width: 1200px) {
  .main-page__service-back-text {
    left: 24px;
  }
}
@media (max-width: 1024px) {
  .main-page__service-back-text {
    top: 1%;
    font-size: 88px;
  }
}
@media (max-width: 576px) {
  .main-page__service-back-text {
    width: 100%;
    font-size: 25vw;
    text-align: center;
    left: -24px;
  }
}
.main-page__about {
  padding-top: 120px;
  padding-bottom: 125px;
}
@media (max-width: 1200px) {
  .main-page__about {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.main-page__content-list {
  margin-top: 48px;
}
@media (max-width: 1200px) {
  .main-page__content-list {
    margin-top: 32px;
  }
}
.main-page__for-whom {
  margin-bottom: 64px;
  overflow-x: hidden;
  position: relative;
}
@media (max-width: 1200px) {
  .main-page__for-whom {
    margin-bottom: 42px;
  }
}
@media (max-width: 576px) {
  .main-page__for-whom {
    margin-bottom: 12px;
  }
}
.main-page__for-whom::before {
  content: "";
  height: 705px;
  width: 141px;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/background/ornament-less.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .main-page__for-whom::before {
    transform: translateX(50%);
  }
}
.main-page__works {
  padding-top: 150px;
}
@media (max-width: 1024px) {
  .main-page__works {
    padding-top: 50px;
  }
}
@media (max-width: 576px) {
  .main-page__works {
    overflow-x: hidden;
    padding-top: 0;
  }
}
.main-page__works-back-text {
  position: relative;
}
.main-page__works-back-text span {
  display: inline-block;
  font-size: 170px;
  line-height: 1;
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1px #413E40;
  opacity: 0.1;
  position: absolute;
  top: -135px;
  left: 20px;
}
@media (max-width: 1280px) {
  .main-page__works-back-text span {
    left: 60px;
  }
}
@media (max-width: 1200px) {
  .main-page__works-back-text span {
    left: 24px;
  }
}
@media (max-width: 1024px) {
  .main-page__works-back-text span {
    font-size: 88px;
    top: -70px;
  }
}
@media (max-width: 576px) {
  .main-page__works-back-text span {
    width: 100%;
    font-size: 21vw;
    text-align: center;
    position: relative;
    top: 15px;
    left: -50px;
  }
}
.main-page__works-border {
  border-top: 1px solid #413E40;
  border-bottom: 1px solid #413E40;
  background-color: #FAF9F9;
  position: relative;
}
.main-page__works-wrapper {
  display: grid;
  grid-template-columns: 1fr 20px 460px 700px 20px 1fr;
  grid-template-rows: auto auto 1fr auto;
}
@media (max-width: 1280px) {
  .main-page__works-wrapper {
    grid-template-columns: 60px 1fr 2fr 60px;
  }
}
@media (max-width: 1024px) {
  .main-page__works-wrapper {
    grid-template-columns: 24px 1fr 2fr 24px;
  }
}
@media (max-width: 768px) {
  .main-page__works-wrapper {
    grid-template-columns: 24px 1fr 24px;
    grid-template-rows: auto auto 1fr auto auto;
  }
}
.main-page__works-title {
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
  padding-top: 60px;
  padding-right: 60px;
}
@media (max-width: 1280px) {
  .main-page__works-title {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 1200px) {
  .main-page__works-title {
    padding-top: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 768px) {
  .main-page__works-title {
    padding-right: 0;
  }
}
.main-page__works-description {
  grid-column: 3 / span 1;
  grid-row: 2 / span 1;
  padding-right: 60px;
}
@media (max-width: 1280px) {
  .main-page__works-description {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 1200px) {
  .main-page__works-description {
    padding-right: 24px;
  }
}
@media (max-width: 768px) {
  .main-page__works-description {
    padding-right: 0;
  }
}
.main-page__works-slider-text {
  grid-column: 3 / span 1;
  grid-row: 3 / span 1;
  padding-top: 24px;
  padding-right: 60px;
  padding-bottom: 88px;
}
@media (max-width: 1280px) {
  .main-page__works-slider-text {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 1200px) {
  .main-page__works-slider-text {
    padding-right: 24px;
  }
}
@media (max-width: 768px) {
  .main-page__works-slider-text {
    padding-right: 0;
  }
}
.main-page__works-slider-img {
  grid-column: 4 / span 3;
  grid-row: 1 / span 4;
  padding: 20px 0;
  border-left: 1px solid #413E40;
}
@media (max-width: 1280px) {
  .main-page__works-slider-img {
    grid-column: 3 / span 2;
    padding: 24px 0;
  }
}
@media (max-width: 768px) {
  .main-page__works-slider-img {
    grid-column: 1 / span 3;
    grid-row: 5 / span 1;
    border-left: none;
    border-top: 1px solid #413E40;
  }
}
.main-page__works-decor-link {
  grid-column: 3 / span 1;
  grid-row: 4 / span 1;
  padding-bottom: 55px;
}
@media (max-width: 1280px) {
  .main-page__works-decor-link {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 1200px) {
  .main-page__works-decor-link {
    padding-bottom: 24px;
  }
}
/* end main-page */
/* inner-page */
.inner-page {
  min-height: 800px;
  padding-top: 180px;
  position: relative;
}
@media (max-width: 1200px) {
  .inner-page {
    min-height: 500px;
    padding-top: 110px;
  }
}
.inner-page::before {
  content: "";
  height: 987px;
  width: 141px;
  background-image: url(/local/templates/SilentHouse-3.0/css/../img/background/ornament.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 180px;
  left: 66px;
}
@media (max-width: 1680px) {
  .inner-page::before {
    display: none;
  }
}
.inner-page__title h1 {
  margin: 0;
}
/* end inner-page */
/* title */
.title {
  font-weight: 700;
  color: #413E40;
}
.title--1 {
  font-size: 40px;
  line-height: 48px;
}
@media (max-width: 1200px) {
  .title--1 {
    font-size: 28px;
    line-height: 34px;
  }
}
.title--2 {
  font-size: 32px;
  line-height: 38px;
}
@media (max-width: 1200px) {
  .title--2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.title--3 {
  font-size: 24px;
  line-height: 28px;
}
@media (max-width: 1200px) {
  .title--3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.title--4 {
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 1200px) {
  .title--4 {
    font-size: 16px;
    line-height: 20px;
  }
}
/* end title */
/* headline */
.headline {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #413E40;
}
@media (max-width: 1200px) {
  .headline {
    font-size: 14px;
    line-height: 18px;
  }
}
/* end headline */
/* text */
.text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #413E40;
}
@media (max-width: 1200px) {
  .text {
    font-size: 14px;
    line-height: 20px;
  }
}
.text--red {
  color: #F04B0E;
}
/* end text */
/* decor-link */
.decor-link {
  padding: 0;
  border: none;
  background-color: inherit;
  display: inline-flex;
  padding: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: transparent;
  transform: translateX(-6px);
}
.decor-link span {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #413E40;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .decor-link span {
    font-size: 14px;
  }
}
.decor-link span:first-child {
  display: flex;
  height: 22px;
  width: 22px;
  min-width: 22px;
  margin-right: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #F04B0E;
}
@media (max-width: 1200px) {
  .decor-link span:first-child {
    height: 18px;
    width: 18px;
    min-width: 18px;
    margin-right: 6px;
  }
}
.decor-link span:last-child {
  position: relative;
}
.decor-link span:last-child::before {
  content: "";
  height: 1px;
  width: 100%;
  background-image: linear-gradient(#413E40, #413E40);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 0 100%;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: background-size 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.decor-link svg {
  height: 16px;
  width: 16px;
  fill: #FFFFFF;
}
@media (max-width: 1200px) {
  .decor-link svg {
    height: 12px;
    width: 12px;
  }
}
.decor-link:hover {
  cursor: pointer;
}
.decor-link:hover span:last-child::before {
  background-position: 0;
  background-size: 100% 100%;
}
.decor-link--light span {
  color: #FFFFFF;
}
.decor-link--light span:last-child::before {
  background-image: linear-gradient(#FFFFFF, #FFFFFF);
}
/* end decor-link */
/* shop-link */
.shop-link {
  min-height: 48px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 2px solid #413E40;
  position: relative;
  overflow: hidden;
}
.shop-link::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #413E40;
  position: absolute;
  top: 0;
  left: -100%;
  transition: left 0.3s ease-out;
}
@media (max-width: 768px) {
  .shop-link::before {
    display: none;
  }
}
.shop-link__icon-list {
  display: block;
  height: 48px;
  width: 48px;
  position: absolute;
  top: -2px;
  left: -2px;
  transition: left 0.3s ease-out;
}
.shop-link__icon {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 768px) {
  .shop-link__icon {
    display: none;
  }
}
.shop-link__icon svg {
  height: 24px;
  width: 24px;
  fill: #413E40;
  opacity: 0;
  transition: all 0.3s ease-out;
}
@media (max-width: 768px) {
  .shop-link__icon svg {
    transition: none;
  }
}
.shop-link__icon--light {
  background-color: #413E40;
}
@media (max-width: 768px) {
  .shop-link__icon--light {
    display: flex;
  }
}
.shop-link__icon--light svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
  transform: rotate(0);
  opacity: 1;
}
@media (max-width: 768px) {
  .shop-link__icon--light svg {
    display: block;
  }
}
.shop-link__text {
  margin: auto 0;
  padding: 5px 20px;
  padding-left: 66px;
  font-size: 15px;
  line-height: 1;
  color: #413E40;
  font-weight: 600;
  position: relative;
  transition: all 0.3s ease-out;
  opacity: 1;
}
.shop-link__text--light {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  transform: translateX(-100%);
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 768px) {
  .shop-link__text--light {
    display: none;
    transition: none;
  }
}
.shop-link:hover::before {
  left: 0;
}
.shop-link:hover .shop-link__icon-list {
  left: calc(100% - 46px);
}
@media (max-width: 768px) {
  .shop-link:hover .shop-link__icon-list {
    left: -2px;
  }
}
.shop-link:hover .shop-link__icon svg {
  opacity: 1;
  fill: #FFFFFF;
}
.shop-link:hover .shop-link__icon--light svg {
  transform: rotate(90deg);
  opacity: 0;
}
@media (max-width: 768px) {
  .shop-link:hover .shop-link__icon--light svg {
    transform: rotate(0);
    opacity: 1;
  }
}
.shop-link:hover .shop-link__text {
  opacity: 0;
}
@media (max-width: 768px) {
  .shop-link:hover .shop-link__text {
    opacity: 1;
  }
}
.shop-link:hover .shop-link__text--light {
  transform: translateX(-46px);
  opacity: 1;
}
@media (max-width: 768px) {
  .shop-link:hover .shop-link__text--light {
    transform: translateX(0);
  }
}
/* end shop-link */
/* rikorda */
.rikorda {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.rikorda svg {
  height: auto;
  margin-right: 4px;
}
.rikorda svg:last-child {
  margin-right: 0;
}
.rikorda svg:nth-child(1) {
  width: 56px;
}
.rikorda svg:nth-child(2) {
  width: 16px;
}
.rikorda svg:nth-child(3) {
  width: 12px;
  padding-top: 3px;
}
.rikorda svg:nth-child(4) {
  width: 93px;
}
.rikorda__heart {
  animation: heartbeat 1.8s ease-in-out infinite both;
}
.rikorda:hover .rikorda__heart,
.rikorda:focus .rikorda__heart {
  animation-duration: 1.2s;
}
/* end rikorda */
/* mobile */
.mobile {
  display: none;
}
@media (max-width: 1200px) {
  .mobile {
    display: block;
    height: 100%;
    width: 100%;
    visibility: hidden;
    background-color: #FAF9F9;
    transform: translateY(-100%);
    transition: all 0.2s ease-out;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
  }
}
.mobile--show {
  visibility: visible;
  transform: translateY(0);
  z-index: 1;
}
.mobile__nav {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
.mobile__nav::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
.mobile__nav::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.mobile__nav::-webkit-scrollbar-thumb {
  background-color: #E1DFE0;
  border-radius: 20px;
}
.mobile__nav {
  padding-top: 110px;
  padding-bottom: 80px;
}
.mobile__nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 16px;
}
.mobile__nav > ul > li {
  margin-bottom: 8px;
}
.mobile__nav > ul > li:last-child {
  margin-bottom: 0;
}
.mobile__nav-link {
  padding: 0;
  border: none;
  background-color: inherit;
  width: 100%;
  display: flex;
  padding: 8px 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #413E40;
}
.mobile__nav-link:hover {
  cursor: pointer;
}
.mobile__nav-link span {
  display: block;
}
.mobile__nav-link span:first-child {
  flex-grow: 1;
  text-align: left;
}
.mobile__nav-link span:last-child {
  transform: rotate(0);
  transition: all 0.2s ease-out;
}
.mobile__nav-link span:last-child.rotate {
  transform: rotate(180deg);
}
.mobile__nav-link svg {
  height: 24px;
  width: 24px;
  fill: #413E40;
}
.mobile__nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 500px;
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease-out;
}
.mobile__nav-list a {
  display: inline-block;
  width: 100%;
  padding: 8px 24px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #413E40;
}
.mobile__nav-list.hidden {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.mobile__option ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile__option li {
  margin-bottom: 32px;
}
.mobile__option li:last-child {
  margin-bottom: 0;
}
.mobile__option .decor-link span {
  font-size: 20px;
}
.mobile__option .decor-link span:first-child {
  height: 22px;
  width: 22px;
}
.mobile__option .decor-link span:first-child svg {
  height: 16px;
  width: 16px;
}
/* end mobile */
/* solution-list */
.solution-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  border: 1px solid #413E40;
  background-color: #413E40;
}
@media (max-width: 1024px) {
  .solution-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .solution-list {
    grid-template-columns: 1fr;
  }
}
.solution-list__link {
  height: 100%;
  display: grid;
  padding: 32px;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: "solution-img solution-icon" "solution-title solution-title";
  gap: 16px;
  background-color: #FFFFFF;
  transition: all 0.3s ease-out;
}
@media (max-width: 1200px) {
  .solution-list__link {
    padding: 12px;
    grid-template-columns: 48px 1fr auto;
    grid-template-rows: 1fr;
    grid-template-areas: "solution-img solution-title solution-icon";
    align-items: center;
    gap: 8px;
    transition: none;
  }
}
.solution-list__link:hover,
.solution-list__link:focus {
  background-color: #413E40;
}
@media (max-width: 1200px) {
  .solution-list__link:hover,
  .solution-list__link:focus {
    background-color: #FFFFFF;
  }
}
.solution-list__link:hover .solution-list__icons,
.solution-list__link:focus .solution-list__icons {
  margin: 0;
  padding: 0;
  list-style: none;
  grid-area: solution-img;
  position: relative;
}
.solution-list__link:hover .solution-list__icons li,
.solution-list__link:focus .solution-list__icons li {
  opacity: 0;
}
@media (max-width: 1200px) {
  .solution-list__link:hover .solution-list__icons li,
  .solution-list__link:focus .solution-list__icons li {
    opacity: 1;
  }
}
.solution-list__link:hover .solution-list__icons li:last-child,
.solution-list__link:focus .solution-list__icons li:last-child {
  opacity: 1;
}
@media (max-width: 1200px) {
  .solution-list__link:hover .solution-list__icons li:last-child,
  .solution-list__link:focus .solution-list__icons li:last-child {
    opacity: 0;
  }
}
.solution-list__link:hover .solution-list__arrow,
.solution-list__link:focus .solution-list__arrow {
  opacity: 1;
  transform: translateX(0);
}
.solution-list__link:hover .solution-list__title,
.solution-list__link:focus .solution-list__title {
  color: #FFFFFF;
}
@media (max-width: 1200px) {
  .solution-list__link:hover .solution-list__title,
  .solution-list__link:focus .solution-list__title {
    color: #413E40;
  }
}
.solution-list__icons {
  margin: 0;
  padding: 0;
  list-style: none;
  grid-area: solution-img;
  position: relative;
}
.solution-list__icons li {
  opacity: 1;
  transition: all 0.3s ease-out;
}
@media (max-width: 1200px) {
  .solution-list__icons li {
    transition: none;
  }
}
.solution-list__icons li:last-child {
  opacity: 0;
  transition: all 0.3s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .solution-list__icons li:last-child {
    transition: none;
  }
}
.solution-list__icons img {
  height: 72px;
  width: 72px;
  -o-object-fit: fill;
     object-fit: fill;
}
@media (max-width: 1200px) {
  .solution-list__icons img {
    height: 48px;
    width: 48px;
  }
}
.solution-list__title {
  grid-area: solution-title;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #413E40;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
}
@media (max-width: 1200px) {
  .solution-list__title {
    font-size: 14px;
    line-height: 18px;
    transition: none;
  }
}
.solution-list__arrow {
  grid-area: solution-icon;
  display: block;
  height: 24px;
  width: 24px;
  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.3s ease-out;
}
@media (max-width: 1200px) {
  .solution-list__arrow {
    opacity: 1;
    transform: translateX(0);
    transition: none;
  }
}
.solution-list__arrow svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
}
@media (max-width: 1200px) {
  .solution-list__arrow svg {
    fill: #413E40;
  }
}
/* end solution-list */
/* decor-list */
.decor-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 45px;
}
@media (max-width: 1024px) {
  .decor-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .decor-list {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
}
@media (max-width: 576px) {
  .decor-list {
    grid-template-columns: 1fr;
  }
}
.decor-list__number {
  border-bottom: 1px solid #413E40;
  border-left: 1px solid #413E40;
}
.decor-list__number span {
  display: inline-block;
  padding: 6px 16px;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  color: #413E40;
  position: relative;
}
@media (max-width: 1200px) {
  .decor-list__number span {
    padding: 4px 15px;
    font-size: 20px;
  }
}
.decor-list__number span::before {
  content: "";
  height: 8px;
  width: 1px;
  background-color: #413E40;
  position: absolute;
  right: -1px;
  bottom: 0;
}
.decor-list__title {
  margin: 0;
  padding: 16px 0;
}
@media (max-width: 1200px) {
  .decor-list__title {
    padding: 8px 0;
  }
}
.decor-list__text {
  margin: 0;
}
/* end decor-list */
/* video */
.video {
  display: grid;
  grid-template-columns: 48px 365px 48px 1fr;
  grid-template-rows: 48px auto auto 1fr auto 48px;
  border: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .video {
    grid-template-columns: 24px 365px 24px 1fr;
    grid-template-rows: 24px auto auto 1fr auto 24px;
  }
}
@media (max-width: 1024px) {
  .video {
    grid-template-columns: 24px 1fr 24px 1fr;
  }
}
@media (max-width: 576px) {
  .video {
    grid-template-columns: 24px 1fr 24px;
    grid-template-rows: 24px auto auto auto auto 24px 1fr;
  }
}
.video__title {
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
}
.video__title-sub {
  padding-bottom: 24px;
  grid-column: 2 / span 1;
  grid-row: 3 / span 1;
}
@media (max-width: 1200px) {
  .video__title-sub {
    padding-bottom: 16px;
  }
}
.video__text {
  margin: 0;
  margin-bottom: 24px;
  grid-column: 2 / span 1;
  grid-row: 4 / span 1;
}
@media (max-width: 1200px) {
  .video__text {
    margin-bottom: 16px;
  }
}
.video__decor-link {
  grid-column: 2 / span 1;
  grid-row: 5 / span 1;
}
.video__button {
  padding: 0;
  border: none;
  background-color: inherit;
  grid-column: 4 / span 1;
  grid-row: 1 / span 6;
  overflow: hidden;
  position: relative;
}
@media (max-width: 576px) {
  .video__button {
    grid-column: 1 / span 3;
    grid-row: 7 / span 1;
  }
}
.video__button img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: all 0.4s ease-in-out;
  position: relative;
}
.video__button::after {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #413E40;
  opacity: 0.6;
  transition: all 0.4s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
.video__button:hover {
  cursor: pointer;
}
.video__button:hover::after {
  opacity: 0.4;
}
.video__button:hover img {
  transform: scale(1.2);
}
.video__icon {
  display: flex;
  height: 72px;
  width: 72px;
  margin: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #83BAAA;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.video__icon svg {
  height: 40px;
  width: 40px;
  fill: #FFFFFF;
}
/* end video */
/* content-list */
.content-list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.content-list__item {
  display: flex;
  margin-bottom: 32px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  border-top: 1px solid #413E40;
  position: relative;
}
@media (max-width: 1200px) {
  .content-list__item {
    margin-bottom: 16px;
  }
}
@media (max-width: 576px) {
  .content-list__item {
    flex-direction: column;
    border-top: none;
    border-left: 1px solid #413E40;
  }
}
.content-list__item::before {
  content: "";
  height: 16px;
  width: 1px;
  background-color: #413E40;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 576px) {
  .content-list__item::before {
    height: 1px;
    width: 16px;
  }
}
.content-list__item:last-child {
  margin-bottom: 0;
}
.content-list__image {
  width: 358px;
  min-width: 358px;
  padding: 32px;
  padding-bottom: 0;
  border-right: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .content-list__image {
    padding: 16px;
  }
}
@media (max-width: 768px) {
  .content-list__image {
    width: 50%;
    min-width: auto;
  }
}
@media (max-width: 576px) {
  .content-list__image {
    width: 100%;
    padding: 16px;
    border-right: none;
    border-bottom: 1px solid #413E40;
  }
}
.content-list__image img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-list__text {
  flex-grow: 1;
  display: grid;
  padding: 32px;
  padding-bottom: 0;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 16px;
}
@media (max-width: 1200px) {
  .content-list__text {
    padding: 16px;
    padding-bottom: 0;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
@media (max-width: 768px) {
  .content-list__text {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .content-list__text {
    width: 100%;
    padding: 16px;
  }
}
.content-list__text span {
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  color: #E1DFE0;
}
@media (max-width: 1200px) {
  .content-list__text span {
    font-size: 16px;
    line-height: 20px;
  }
}
.content-list__text h4 {
  grid-column: 2 / span 1;
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #413E40;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .content-list__text h4 {
    font-size: 16px;
    line-height: 20px;
  }
}
.content-list__text p {
  grid-column: 1 / span 2;
  margin: 0;
}
/* end content-list */
/* main-support */
.main-support {
  padding-top: 128px;
  padding-bottom: 176px;
  background-color: #413E40;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1200px) {
  .main-support {
    padding-top: 32px;
    padding-bottom: 110px;
  }
}
.main-support::before {
  content: "";
  height: 654px;
  width: 132px;
  margin: 0 auto;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/background/ornament-dark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(-290px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 1280px) {
  .main-support::before {
    transform: translateX(-280px);
  }
}
@media (max-width: 1200px) {
  .main-support::before {
    height: 464px;
    width: 94px;
    margin: 0;
    transform: translateX(0);
    left: 17%;
  }
}
@media (max-width: 576px) {
  .main-support::before {
    transform: translateX(0);
    left: auto;
    right: 40px;
  }
}
.main-support-wrapper {
  display: grid;
  grid-template-areas: "support-title support-content" "support-title-sub support-content";
  grid-template-columns: 360px 1fr;
  grid-template-rows: auto 1fr;
  -moz-column-gap: 140px;
       column-gap: 140px;
  position: relative;
}
@media (max-width: 1200px) {
  .main-support-wrapper {
    grid-template-columns: 1fr 3fr;
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
@media (max-width: 576px) {
  .main-support-wrapper {
    grid-template-areas: "support-title" "support-title-sub" "support-content";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.main-support__title {
  grid-area: support-title;
  color: #BCB8BA;
}
.main-support__title-sub {
  grid-area: support-title-sub;
  color: #FFFFFF;
}
@media (max-width: 576px) {
  .main-support__title-sub {
    margin-bottom: 24px;
  }
}
.main-support__content {
  grid-area: support-content;
}
.main-support__content p {
  margin: 0;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #EAEBEC;
}
.main-support__content button {
  padding: 0;
  border: none;
  background-color: inherit;
  display: inline-block;
  padding: 21px 32px;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #F04B0E;
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1200px) {
  .main-support__content button {
    padding: 18px 24px;
    font-size: 16px;
  }
}
.main-support__content button:hover {
  cursor: pointer;
  opacity: 0.8;
}
/* end main-support */
/* form */
.form {
  margin: 0;
  padding: 0;
}
.form__field {
  min-width: 100%;
  position: relative;
}
.form__field label,
.form__field label {
  display: block;
  width: 100%;
}
.form__field label input,
.form__field label input,
.form__field label textarea,
.form__field label textarea {
  height: 100%;
  min-height: 56px;
  width: 100%;
  padding: 10px 12px;
  padding-top: 22px;
  border: 1px solid #E1DFE0;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #413E40;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1200px) {
  .form__field label input,
  .form__field label input,
  .form__field label textarea,
  .form__field label textarea {
    min-height: 48px;
    padding: 8px 12px;
    padding-top: 18px;
    font-size: 14px;
  }
}
.form__field label input:hover,
.form__field label input:hover,
.form__field label textarea:hover,
.form__field label textarea:hover {
  color: #413E40;
  border: 1px solid #BCB8BA;
}
.form__field label input:focus,
.form__field label input:focus,
.form__field label textarea:focus,
.form__field label textarea:focus {
  color: #413E40;
  border: 1px solid #413E40;
}
.form__field label textarea,
.form__field label textarea {
  resize: none;
}
.form__field label input.error,
.form__field label input.error,
.form__field label textarea.error,
.form__field label textarea.error {
  border: 1px solid #F04B0E;
}
.form__field label input.error:hover,
.form__field label input.error:hover,
.form__field label textarea.error:hover,
.form__field label textarea.error:hover,
.form__field label input.error:focus,
.form__field label input.error:focus,
.form__field label textarea.error:focus,
.form__field label textarea.error:focus {
  border: 1px solid #413E40;
}
.form__field-label {
  display: block;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  color: #413E40;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  left: 12px;
}
@media (max-width: 1200px) {
  .form__field-label {
    font-size: 8px;
  }
}
.form__field input::-moz-placeholder,
.form__field textarea::-moz-placeholder {
  font-family: 'Averta', sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #BCB8BA;
  transition: all 0.4s ease-in-out;
}
.form__field input::placeholder,
.form__field textarea::placeholder {
  font-family: 'Averta', sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #BCB8BA;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1200px) {
  .form__field input::-moz-placeholder,
  .form__field textarea::-moz-placeholder {
    font-size: 14px;
  }
  .form__field input::placeholder,
  .form__field textarea::placeholder {
    font-size: 14px;
  }
}
.form__field textarea {
  min-height: 155px;
}
.form__field textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
.form__field textarea::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.form__field textarea::-webkit-scrollbar-thumb {
  background-color: #E1DFE0;
  border-radius: 20px;
}
input[type='number'],
input[type='tel'],
input[type='text'],
input[type='search'],
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.form__field .form__field-select input {
  min-height: auto;
  display: inline-block;
}
/* end form */
/* error */
.error__description {
  display: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  white-space: nowrap;
  color: #F04B0E;
  position: absolute;
  bottom: -16px;
  left: 0;
}
@media (max-width: 1200px) {
  .error__description {
    bottom: -16px;
  }
}
.error__description span:first-child {
  margin-right: 6px;
}
.error__description svg {
  height: 16px;
  width: 16px;
  fill: #F04B0E;
}
.error ~ .error__description {
  animation: fade-in 0.2s ease-in-out both;
  display: inline-flex;
}
/* end error */
/* checkbox */
.checkbox {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.checkbox input[type=checkbox] {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.checkbox input[type=checkbox]:checked + label span {
  border: 2px solid #413E40;
  background-color: #413E40;
  transition: all 0.2s ease-out;
}
.checkbox input[type=checkbox]:checked + label span::before {
  transform: translateY(0);
}
.checkbox input[type=checkbox]:checked + label svg {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}
.checkbox label {
  display: block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  overflow: hidden;
  position: relative;
}
.checkbox label:hover,
.checkbox label:focus {
  cursor: pointer;
}
.checkbox label:hover span,
.checkbox label:focus span {
  border: 2px solid #BCB8BA;
  transition: all 0.2s ease-out;
}
.checkbox label span {
  display: flex;
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #E1DFE0;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.checkbox label span::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #413E40;
  transform: translateY(100%);
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.checkbox label svg {
  height: 16px;
  width: 16px;
  fill: #FFFFFF;
  transform: translateY(-24px);
  transition: all 0.3s ease-in-out;
}
.checkbox p {
  display: inline-block;
  margin: 0;
  margin-left: 16px;
  padding-top: 3px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: #413E40;
}
@media (max-width: 1200px) {
  .checkbox p {
    padding-top: 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
  }
}
.checkbox a {
  display: inline;
  margin-left: 5px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: #83BAAA;
  text-decoration: underline;
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
@media (max-width: 1200px) {
  .checkbox a {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
  }
}
.checkbox a:hover,
.checkbox a:focus {
  opacity: 0.8;
  transition: opacity 0.2s ease-out;
}
/* end checkbox */
/* checkbox-image */
.checkbox-image {
  position: relative;
}
.checkbox-image input[type=checkbox] {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.checkbox-image label {
  display: grid;
  padding: 24px;
  grid-template-columns: 56px 1fr 24px;
  grid-template-rows: 56px auto;
  gap: 16px;
  position: relative;
}
@media (max-width: 1200px) {
  .checkbox-image label {
    padding: 16px;
    grid-template-columns: 48px 1fr 24px;
    grid-template-rows: 48px auto;
    gap: 8px;
  }
}
@media (max-width: 576px) {
  .checkbox-image label {
    grid-template-rows: 48px;
    align-items: center;
  }
}
@media (max-width: 360px) {
  .checkbox-image label {
    grid-template-rows: 48px auto;
  }
}
.checkbox-image label::before {
  content: "";
  height: 100%;
  width: 100%;
  border: 1px solid #E1DFE0;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.checkbox-image label::after {
  content: "";
  height: 100%;
  width: 100%;
  border: 2px solid #413E40;
  opacity: 0;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.checkbox-image label:hover {
  cursor: pointer;
}
.checkbox-image label:hover::before {
  border: 1px solid #413E40;
}
.checkbox-image img {
  grid-column: 1 / span 1;
}
.checkbox-image__text {
  grid-column: 1 / span 3;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #413E40;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .checkbox-image__text {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 576px) {
  .checkbox-image__text {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
  }
}
@media (max-width: 360px) {
  .checkbox-image__text {
    grid-column: 1 / span 3;
    grid-row: 2 / span 1;
  }
}
.checkbox-image__check {
  grid-column: 3 / span 1;
  display: block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  overflow: hidden;
  position: relative;
}
.checkbox-image__check span {
  display: flex;
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #E1DFE0;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.checkbox-image__check span::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #413E40;
  transform: translateY(100%);
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.checkbox-image__check svg {
  height: 16px;
  width: 16px;
  fill: #FFFFFF;
  transform: translateY(-24px);
  transition: all 0.3s ease-in-out;
}
.checkbox-image input:checked + label::after {
  opacity: 1;
}
.checkbox-image input:checked + label .checkbox-image__check span {
  border: 2px solid #413E40;
}
.checkbox-image input:checked + label .checkbox-image__check span::before {
  transform: translateY(0);
}
.checkbox-image input:checked + label .checkbox-image__check svg {
  transform: translateY(0);
}
/* end checkbox-image */
/* check */
.check {
  position: relative;
}
.check input[type=checkbox] {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.check input[type=checkbox]:hover {
  cursor: pointer;
}
.check input[type=checkbox]:checked + span {
  border: 2px solid #413E40;
  background-color: #413E40;
  transition: all 0.2s ease-out;
}
.check input[type=checkbox]:checked + span::before {
  transform: translateY(0);
}
.check input[type=checkbox]:checked + span svg {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}
.check label {
  display: block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  overflow: hidden;
  position: relative;
}
.check label:hover,
.check label:focus {
  cursor: pointer;
}
.check label:hover span,
.check label:focus span {
  border: 2px solid #BCB8BA;
  transition: all 0.2s ease-out;
}
.check label span {
  display: flex;
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #E1DFE0;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.check label span::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #413E40;
  transform: translateY(100%);
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.check label svg {
  height: 16px;
  width: 16px;
  fill: #FFFFFF;
  transform: translateY(-24px);
  transition: all 0.3s ease-in-out;
}
.check--text label {
  display: inline-flex;
  height: 24px;
  width: auto;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow-x: visible;
}
.check--text label span {
  width: 24px;
}
.check--text label span::before {
  width: 24px;
}
.check--text label span:last-child {
  display: inline-block;
  width: auto;
  margin-left: 12px;
  border: none;
}
.check--text label span:last-child::before {
  display: none;
}
.check--img label span:last-child {
  display: inline-flex;
  padding-left: 28px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  color: #F04B0E;
  white-space: nowrap;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/icons/where/bag.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: left center;
  position: relative;
}
@media (max-width: 1200px) {
  .check--img label span:last-child {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  .check--img label span:last-child {
    font-size: 14px;
  }
}
.check--install label span:last-child {
  color: #83BAAA;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/icons/where/wrench.svg");
}
.check--regional label span:last-child {
  color: #413E40;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/icons/where/user.svg");
}
/* end check */
/* radio */
.radio {
  position: relative;
}
.radio:hover .radio__decor {
  border: 1px solid #BCB8BA;
}
.radio input[type=radio] {
  height: 100%;
  min-height: 24px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.radio input[type=radio]:hover {
  cursor: pointer;
}
.radio span {
  display: block;
}
.radio label {
  display: inline-flex;
  width: auto;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.radio__decor {
  height: 24px;
  width: 24px;
  min-width: 24px;
  border: 1px solid #E1DFE0;
  background-color: inherit;
  border-radius: 50%;
  transition: all 0.2s ease-out;
}
.radio__text {
  margin-left: 12px;
}
.radio input[type=radio]:checked:hover {
  cursor: default;
}
.radio input[type=radio]:checked ~ .radio__decor {
  border: 8px solid #413E40;
}
/* end radio */
/* radiobox */
.radiobox {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  background-color: #EAEBEC;
}
.radiobox--base {
  background-color: #EAEBEC;
}
.radiobox--optim {
  background-color: #E1DFE0;
}
.radiobox--maxim {
  background-color: #CDD6CD;
}
.radiobox--individ {
  background-color: #CDD4D6;
}
.radiobox label,
.radiobox button {
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
}
.radiobox label {
  display: block;
  padding: 16px;
  padding-bottom: 48px;
}
.radiobox button {
  margin: 16px;
  padding: 0;
  align-self: end;
}
.radiobox button span:first-child {
  height: 18px;
  width: 18px;
  min-width: 18px;
}
.radiobox button span {
  font-size: 14px;
  line-height: 18px;
}
.radiobox button svg {
  height: 12px;
  width: 12px;
}
.radiobox label {
  height: 100%;
  width: 100%;
  position: relative;
}
.radiobox label::after {
  content: "";
  height: 100%;
  width: 100%;
  border: 1px solid #413E40;
  opacity: 0;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.radiobox label:hover {
  cursor: pointer;
}
.radiobox label:hover::after {
  opacity: 1;
}
.radiobox label span {
  display: block;
}
.radiobox input {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.radiobox__decor {
  height: 24px;
  width: 24px;
  border: 1px solid #413E40;
  background-color: inherit;
  border-radius: 50%;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 16px;
  right: 16px;
}
.radiobox input:checked ~ .radiobox__decor {
  border: 8px solid #413E40;
  background-color: #FFFFFF;
}
.radiobox--current label:hover {
  cursor: default;
}
.radiobox--current label::after {
  border: 2px solid #413E40;
  opacity: 1;
}
/* end radiobox */
/* button */
.button {
  padding: 0;
  border: none;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #413E40;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  color: #413E40;
  background-color: inherit;
  opacity: 1;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1200px) {
  .button {
    font-size: 16px;
    transition: none;
  }
}
.button::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #413E40;
  transform: translateY(100%);
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .button::before {
    display: none;
  }
}
.button span {
  display: inline-block;
  position: relative;
}
.button:hover {
  cursor: pointer;
  color: #FFFFFF;
}
@media (max-width: 1200px) {
  .button:hover {
    color: #413E40;
  }
}
.button:hover::before {
  background-color: #413E40;
  transform: translateY(0);
}
.button:hover svg {
  fill: #FFFFFF;
}
@media (max-width: 1200px) {
  .button:hover svg {
    fill: #413E40;
  }
}
.button.disabled,
.button:disabled {
  opacity: 0.2;
  transition: none;
}
.button.disabled::before,
.button:disabled::before {
  display: none;
}
.button.disabled:hover,
.button:disabled:hover {
  cursor: default;
  color: #413E40;
  background-color: #FFFFFF;
}
.button.disabled:hover svg,
.button:disabled:hover svg {
  fill: #413E40;
}
.button--icon {
  color: #413E40;
  background-color: inherit;
  transition: all 0.2s ease-in-out;
}
.button--icon::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #413E40;
  transform: translateY(100%);
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
.button--icon svg {
  height: 24px;
  width: 24px;
  fill: #413E40;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 1200px) {
  .button--icon:hover {
    color: #413E40;
  }
}
.button--simple {
  color: #413E40;
  background-color: inherit;
  border: 2px solid #E1DFE0;
}
.button--simple::before {
  display: none;
}
.button--simple svg {
  fill: #413E40;
  transition: none;
}
.button--simple:hover {
  color: #413E40;
  border: 2px solid #413E40;
}
.button--simple:hover svg {
  fill: #413E40;
}
.button--simple.button:disabled:hover {
  border: 2px solid #E1DFE0;
}
.button--dark {
  color: #FFFFFF;
  background-color: #413E40;
  border: 2px solid #413E40;
  transition: all 0.2s ease-in-out;
}
.button--dark::before {
  display: none;
}
.button--dark:hover {
  color: #FFFFFF;
  background-color: #2E2B2D;
  border: 2px solid #2E2B2D;
}
.button--dark.disabled:hover,
.button--dark:disabled:hover {
  color: #FFFFFF;
  background-color: #413E40;
}
.button--dark.disabled:hover svg,
.button--dark:disabled:hover svg {
  fill: #FFFFFF;
}
.button__value {
  display: inline-block;
  padding: 2px 8px;
  margin-left: 6px;
  font-size: 12px;
  line-height: 14px;
  color: #413E40;
  background-color: #E1DFE0;
  border-radius: 50px;
}
/* end button */
/* toggle */
.toggle {
  position: relative;
}
.toggle label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.toggle input {
  height: 100%;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.toggle__text {
  flex-grow: 1;
  display: inline-block;
  margin-right: 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #413E40;
}
@media (max-width: 1200px) {
  .toggle__text {
    font-size: 16px;
  }
}
.toggle__check {
  display: inline-flex;
  height: 24px;
  width: 48px;
  min-width: 48px;
  border: 2px solid #E1DFE0;
  border-radius: 100px;
  background-color: #FAF9F9;
  transition: all 0.2s ease-out;
  position: relative;
}
.toggle__check::after {
  content: "";
  height: 12px;
  width: 12px;
  margin: auto 0;
  border-radius: 100%;
  background-color: #413E40;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
}
.toggle__check:hover {
  cursor: pointer;
  border: 2px solid #BCB8BA;
}
.toggle input:checked + .toggle__check,
.toggle input.active + .toggle__check {
  border: 2px solid #413E40;
  background-color: #413E40;
}
.toggle input:checked + .toggle__check::after,
.toggle input.active + .toggle__check::after {
  left: 28px;
  background-color: #FFFFFF;
}
.toggle input:disabled + .toggle__check,
.toggle input.disabled + .toggle__check {
  opacity: 0.3;
}
.toggle input:disabled + .toggle__check:hover,
.toggle input.disabled + .toggle__check:hover {
  cursor: default;
  border: 2px solid #E1DFE0;
  transition: none;
}
.toggle input:focus-visible + .toggle__check {
  outline: 0.1px solid #413E40;
}
/* end toggle */
/* up */
.up {
  display: flex;
  height: 56px;
  width: 56px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #2E2B2D;
  position: fixed;
  right: 24px;
  bottom: 24px;
}
@media (max-width: 1200px) {
  .up {
    display: none;
  }
}
.up span {
  display: block;
}
.up svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
  transform: rotate(270deg);
}
.up:hover span {
  animation: slidetop 0.8s linear infinite both;
}
/* end up */
/* crumbs */
.crumbs {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .crumbs {
    margin-bottom: 18px;
  }
}
.crumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.crumbs__list li {
  display: inline-flex;
  margin-right: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1200px) {
  .crumbs__list li:first-child .crumbs__link span:first-child {
    display: none;
  }
}
.crumbs__list li:last-child {
  margin-right: 0;
}
.crumbs__list li:last-child .crumbs__arrow {
  display: none;
}
.crumbs__list svg {
  height: 16px;
  width: 16px;
  fill: #BCB8BA;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 768px) {
  .crumbs__list svg {
    transition: none;
  }
}
.crumbs__arrow {
  display: none;
}
@media (max-width: 1200px) {
  .crumbs__arrow {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
}
.crumbs__arrow svg {
  height: 18px;
  width: 18px;
  transform: rotate(180deg);
}
.crumbs__link {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #BCB8BA;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1200px) {
  .crumbs__link {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 768px) {
  .crumbs__link {
    transition: none;
  }
}
.crumbs__link:hover {
  color: #413E40;
}
@media (max-width: 768px) {
  .crumbs__link:hover {
    color: #BCB8BA;
  }
}
.crumbs__link:hover svg {
  fill: #413E40;
}
@media (max-width: 768px) {
  .crumbs__link:hover svg {
    fill: #BCB8BA;
  }
}
.crumbs__link span:last-child {
  margin-left: 6px;
}
@media (max-width: 1200px) {
  .crumbs__link span:last-child {
    display: none;
  }
}
@media (max-width: 1200px) {
  .crumbs__list li {
    display: none;
  }
}
.crumbs__list li:last-child span:last-child {
  display: none;
}
.crumbs__list li:last-child span:last-child {
  display: none;
}
@media (max-width: 1200px) {
  .crumbs__list li:nth-last-child(2) {
    display: inline-flex;
  }
}
.crumbs__list li:nth-last-child(2) .crumbs__arrow span:last-child {
  display: inline-block;
  margin-right: 6px;
}
.crumbs__link--current:hover {
  cursor: default;
  color: #BCB8BA;
  transition: none;
}
/* end crumbs */
/* filter */
.filter {
  overflow: hidden;
}
@media (max-width: 768px) {
  .filter__wrapper {
    padding: 0;
  }
}
.filter__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .filter__list {
    padding: 0 24px;
    flex-wrap: nowrap;
    overflow: auto;
  }
  .filter__list::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 0;
  }
  .filter__list::-webkit-scrollbar-track {
    background: inherit;
  }
  .filter__list::-webkit-scrollbar-thumb {
    background-color: inherit;
    border-radius: 0;
  }
}
.filter__list li {
  margin: 4px 0;
  margin-right: 8px;
}
@media (max-width: 768px) {
  .filter__list li {
    margin: 0;
    margin-right: 8px;
  }
}
.filter__list li:last-child {
  margin-right: 0;
}
/* end filter */
/* filter-check */
.filter-check {
  display: inline-block;
  position: relative;
}
.filter-check input {
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
}
.filter-check label {
  display: inline-flex;
  padding: 9px 14px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 2px solid #E1DFE0;
  flex-wrap: nowrap;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1200px) {
  .filter-check label {
    padding: 6px 10px;
  }
}
.filter-check label::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #413E40;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
  transition: all 0.2s ease-in-out;
}
.filter-check__name {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #413E40;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  transform: translateX(14px);
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  position: relative;
}
@media (max-width: 1200px) {
  .filter-check__name {
    font-size: 12px;
    line-height: 16px;
  }
}
.filter-check__value {
  display: block;
  padding: 2px 8px;
  margin-left: 8px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #413E40;
  letter-spacing: 0.2em;
  background-color: #E1DFE0;
  border-radius: 50px;
  transform: translateX(14px);
  transition: all 0.2s ease-in-out;
  position: relative;
}
@media (max-width: 1200px) {
  .filter-check__value {
    margin-left: 6px;
  }
}
.filter-check__icon {
  display: block;
  height: 16px;
  width: 16px;
  opacity: 0;
  margin-left: 8px;
  position: relative;
}
@media (max-width: 1200px) {
  .filter-check__icon {
    margin-left: 6px;
  }
}
.filter-check__icon svg {
  height: 16px;
  width: 16px;
  fill: #FFFFFF;
}
.filter-check label:hover,
.filter-check label:focus {
  cursor: pointer;
  border: 2px solid #413E40;
}
.filter-check input:checked + label,
.filter-check input:checked + label {
  border: 2px solid #413E40;
}
.filter-check input:checked + label::before,
.filter-check input:checked + label::before {
  transform: translateY(0);
}
.filter-check input:checked + label .filter-check__name,
.filter-check input:checked + label .filter-check__name {
  color: #FFFFFF;
  transform: translateX(0);
}
.filter-check input:checked + label .filter-check__value,
.filter-check input:checked + label .filter-check__value {
  background-color: #7E777A;
  color: #FFFFFF;
  transform: translateX(0);
}
.filter-check input:checked + label .filter-check__icon,
.filter-check input:checked + label .filter-check__icon {
  opacity: 1;
}
/* end filter */
/* decor-line */
.decor-line {
  display: block;
  height: 15px;
  width: 100%;
  border-top: 1px solid #413E40;
  border-left: 1px solid #413E40;
  background-color: inherit;
  position: relative;
}
.decor-line::after {
  content: "";
  height: 1px;
  width: 41px;
  background-color: #413E40;
  position: absolute;
  right: 0;
  top: 6px;
}
/* end decor-line */
/* card */
.card {
  height: 100%;
  position: relative;
}
.card__link {
  display: grid;
  height: 100%;
  grid-template-columns: 20px auto auto 40px 20px;
  grid-template-rows: 20px auto auto 1fr auto 20px;
  border: 1px solid #413E40;
  background-color: inherit;
  transition: all 0.2s ease-out;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .card__link {
    grid-template-columns: 16px auto auto 32px 16px;
    grid-template-rows: 16px auto auto 1fr auto 16px;
  }
}
@media (max-width: 768px) {
  .card__link {
    transition: none;
  }
}
@media (max-width: 576px) {
  .card__link {
    grid-template-columns: 12px auto auto 32px 12px;
    grid-template-rows: 12px auto auto 1fr auto 12px;
  }
}
@media (max-width: 360px) {
  .card__link {
    grid-template-columns: 20px auto auto 32px 20px;
    grid-template-rows: 20px auto auto 1fr auto 20px;
  }
}
.card__leaf {
  grid-column: 4 / span 1;
  grid-row: 2 / span 1;
  height: 40px;
}
@media (max-width: 1200px) {
  .card__leaf {
    height: 32px;
  }
}
.card__leaf span {
  display: none;
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .card__leaf span {
    display: flex;
  }
}
.card__label {
  grid-column: 2 / span 2;
  grid-row: 2 / span 2;
  padding: 2px;
}
.card__image {
  grid-column: 2 / span 3;
  grid-row: 2 / span 2;
}
.card__image img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card__title {
  grid-column: 2 / span 3;
  grid-row: 4 / span 1;
  padding: 16px 0;
}
@media (max-width: 1200px) {
  .card__title {
    padding: 8px 0;
  }
}
@media (max-width: 360px) {
  .card__title {
    padding: 16px 0;
  }
}
.card__title p {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #413E40;
}
@media (max-width: 1200px) {
  .card__title p {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 360px) {
  .card__title p {
    font-size: 16px;
    line-height: 20px;
  }
}
.card__price {
  grid-column: 2 / span 2;
  grid-row: 5 / span 1;
  align-self: end;
}
@media (max-width: 768px) {
  .card__price {
    grid-column: 2 / span 3;
  }
}
.card__price p {
  margin: 0;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #7E777A;
}
@media (max-width: 1200px) {
  .card__price p {
    font-size: 10px;
    line-height: 13px;
  }
}
@media (max-width: 360px) {
  .card__price p {
    font-size: 12px;
    line-height: 15px;
  }
}
.card__price span {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #413E40;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .card__price span {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 576px) {
  .card__price span {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 360px) {
  .card__price span {
    font-size: 16px;
    line-height: 20px;
  }
}
.card__arrow {
  grid-column: 4 / span 2;
  grid-row: 5 / span 2;
  justify-self: end;
  align-self: end;
  transform: translateX(100%);
  transition: all 0.2s ease-out;
}
@media (max-width: 768px) {
  .card__arrow {
    display: none;
    transform: translateX(0);
    transition: none;
  }
}
.card__arrow span {
  display: flex;
  height: 48px;
  width: 48px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #413E40;
}
@media (max-width: 1200px) {
  .card__arrow span {
    height: 40px;
    width: 40px;
  }
}
@media (max-width: 768px) {
  .card__arrow span {
    display: none;
  }
}
.card__arrow svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
}
@media (max-width: 1200px) {
  .card__arrow svg {
    height: 18px;
    width: 18px;
  }
}
.card__link:hover,
.card__link:focus {
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .card__link:hover,
  .card__link:focus {
    background-color: inherit;
  }
}
.card__link:hover .card__arrow,
.card__link:focus .card__arrow {
  transform: translateX(0);
}
.card__hint {
  position: absolute;
  top: 21px;
  right: 21px;
}
@media (max-width: 1200px) {
  .card__hint {
    top: 17px;
    right: 17px;
  }
}
@media (max-width: 768px) {
  .card__hint {
    display: none;
    top: 12px;
    right: 12px;
  }
}
@media (max-width: 360px) {
  .card__hint {
    top: 20px;
    right: 20px;
  }
}
/* end card */
/* leaf */
.leaf {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.leaf svg {
  height: 24px;
  width: 24px;
  fill: #83BAAA;
}
/* end leaf */
/* label */
.label {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.label li {
  display: flex;
  margin-top: 6px;
  margin-left: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .label li {
    margin-top: 2px;
    margin-left: 2px;
  }
}
@media (max-width: 360px) {
  .label li {
    margin-top: 6px;
    margin-left: 6px;
  }
}
.label li span {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: #FFFFFF;
  text-transform: uppercase;
  background-color: #F04B0E;
}
@media (max-width: 1200px) {
  .label li span {
    padding: 2px 4px;
    font-size: 8px;
    line-height: 10px;
  }
}
@media (max-width: 360px) {
  .label li span {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 15px;
  }
}
.label li span.label--green {
  background-color: #83BAAA;
}
/* hint */
.hint {
  position: relative;
}
.hint__button {
  padding: 0;
  border: none;
  background-color: inherit;
  height: 40px;
  width: 40px;
  background-color: #FFFFFF;
  transition: all 0.2s ease-out;
}
.hint__button:hover {
  cursor: pointer;
  background-color: #83BAAA;
}
.hint__button:hover svg {
  fill: #FFFFFF;
}
.hint__info {
  width: 360px;
  padding: 24px 32px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 30px rgba(65, 62, 64, 0.15);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: absolute;
  left: 20px;
  bottom: 60px;
}
@media (max-width: 1200px) {
  .hint__info {
    width: 330px;
    padding: 20px;
  }
}
.hint__info h5 {
  margin: 0;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #83BAAA;
}
.hint__info p {
  margin: 0;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #413E40;
}
@media (max-width: 1200px) {
  .hint__info p {
    font-size: 14px;
    line-height: 17px;
  }
}
.hint__info svg {
  height: 12px;
  width: 12px;
  fill: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: -12px;
}
.hint__info--left {
  left: auto;
  right: 20px;
  bottom: 60px;
}
.hint__info--left svg {
  transform: rotate(90deg);
  left: auto;
  right: 0;
}
.hint__info--show {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  transition: all 0.2s ease-in;
}
/* end hint */
/* select */
.select {
  position: relative;
}
.select__button {
  padding: 0;
  border: none;
  background-color: inherit;
  display: flex;
  min-width: 200px;
  width: 100%;
  padding: 10px 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #E1DFE0;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #413E40;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1200px) {
  .select__button {
    padding: 8px 12px;
    font-size: 14px;
  }
}
.select__button:hover {
  cursor: pointer;
  border: 1px solid #BCB8BA;
}
.select__button:focus {
  color: #413E40;
  border: 1px solid #413E40;
}
.select__button.error {
  border: 1px solid #F04B0E;
}
.select__button.error:hover,
.select__button.error:focus {
  border: 1px solid #413E40;
}
.select__button:disabled {
  padding: 0;
  background-color: inherit;
  border: none;
  transition: none;
}
.select__button:disabled:hover {
  cursor: default;
  border: none;
}
.select__button:disabled > span:last-child {
  display: none;
}
.select__label {
  flex-grow: 1;
  width: calc(100% - 24px);
  text-align: left;
}
.select__label span:first-child {
  display: block;
  margin-bottom: 6px;
  font-size: 10px;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .select__label span:first-child {
    font-size: 8px;
  }
}
.select__button span {
  display: inline-block;
}
.select__value {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select__button svg {
  height: 24px;
  width: 24px;
  fill: #BCB8BA;
}
.select__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  max-height: 320px;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #413E40;
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 1;
  overflow: auto;
}
@media (max-width: 1200px) {
  .select__list {
    top: 47px;
  }
}
.select__list li:last-child .select__option {
  border-bottom: none;
}
.select--less .select__list {
  max-height: 215px;
}
.select__list::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
.select__list::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
.select__list::-webkit-scrollbar-thumb {
  background-color: #E1DFE0;
  border-radius: 10px;
}
.select__list--show {
  display: block;
  animation: fade-in 0.2s ease-in-out both;
}
.select__option {
  width: 100%;
  display: inline-block;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #413E40;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E1DFE0;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  position: relative;
}
@media (max-width: 1200px) {
  .select__option {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 18px;
  }
}
.select__option:hover {
  cursor: pointer;
  border-bottom: 1px solid #413E40;
  color: #FFFFFF;
  background-color: #413E40;
}
.select__list input {
  opacity: 0;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select__list input:hover {
  cursor: pointer;
}
.select--default .select__list li:first-child {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
/* end select */
/* wysiwyg */
.wysiwyg h2 {
  margin: 0;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 29px;
  color: #413E40;
}
@media (max-width: 1200px) {
  .wysiwyg h2 {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 22px;
  }
}
.wysiwyg h3 {
  margin: 0;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 22px;
  color: #413E40;
}
@media (max-width: 1200px) {
  .wysiwyg h3 {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
  }
}
.wysiwyg p {
  margin: 0;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #413E40;
}
@media (max-width: 1200px) {
  .wysiwyg p {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
  }
}
.wysiwyg a {
  color: #83BAAA;
  text-decoration: underline;
}
.wysiwyg ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wysiwyg ul li {
  padding-left: 24px;
  position: relative;
}
.wysiwyg ul li::before {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: #83BAAA;
  position: absolute;
  top: 10px;
  left: 0;
}
@media (max-width: 1200px) {
  .wysiwyg ul li::before {
    top: 8px;
  }
}
.wysiwyg ul.wysiwyg__list-dash li {
  padding-left: 24px;
  position: relative;
}
.wysiwyg ul.wysiwyg__list-dash li::before {
  content: "";
  height: 2px;
  width: 14px;
  background-color: #83BAAA;
  position: absolute;
  top: 12px;
  left: 0;
}
.wysiwyg__life em {
  display: block;
  margin-bottom: 8px;
  padding-left: 32px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  font-style: normal;
  color: #83BAAA;
  position: relative;
}
.wysiwyg__life em::before {
  content: "";
  height: 24px;
  width: 24px;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/background/eco.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
/* end wysiwyg */
/* constructions-card */
.constructions-card {
  display: grid;
  grid-template-columns: 32px 1fr 32px 630px 32px;
  grid-template-rows: 32px repeat(4, auto) 32px;
  border: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .constructions-card {
    grid-template-columns: 16px 330px 16px 1fr 16px;
    grid-template-rows: 16px repeat(4, auto) 16px;
  }
}
@media (max-width: 768px) {
  .constructions-card {
    grid-template-columns: 16px 1fr 16px;
    grid-template-rows: 16px repeat(5, auto) 16px;
  }
}
.constructions-card--base .constructions-card__image {
  background-color: #EAEBEC;
}
.constructions-card--optim .constructions-card__image {
  background-color: #E1DFE0;
}
.constructions-card--maxim .constructions-card__image {
  background-color: #CDD6CD;
}
.constructions-card--individ .constructions-card__image {
  background-color: #CDD4D6;
}
.constructions-card__image {
  grid-column: 1 / span 2;
  grid-row: 1 / span 6;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #EAEBEC;
}
@media (max-width: 768px) {
  .constructions-card__image {
    grid-column: 1 / span 3;
    grid-row: 1 / span 2;
    margin-bottom: 16px;
    justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .constructions-card__image {
    justify-content: center;
  }
}
.constructions-card__image a:hover img {
  transform: scale(1.1);
}
.constructions-card__image img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1);
  transition: all 0.4s ease-in-out;
}
.constructions-card__title {
  grid-column: 4 / span 1;
  grid-row: 2 / span 1;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .constructions-card__title {
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
  }
}
.constructions-card__title a {
  display: inline-block;
  margin: 0;
  position: relative;
}
.constructions-card__title a::before {
  content: "";
  height: 1px;
  width: 100%;
  background-image: linear-gradient(#413E40, #413E40);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 0 100%;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: background-size 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.constructions-card__title a:hover::before {
  background-position: 0;
  background-size: 100% 100%;
}
.constructions-card__wysiwyg {
  grid-column: 4 / span 1;
  grid-row: 3 / span 1;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .constructions-card__wysiwyg {
    grid-column: 2 / span 1;
    grid-row: 4 / span 1;
  }
}
.constructions-card__wysiwyg p:last-child {
  margin-bottom: 0;
}
.constructions-card__info {
  grid-column: 4 / span 1;
  grid-row: 4 / span 1;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .constructions-card__info {
    grid-column: 2 / span 1;
    grid-row: 5 / span 1;
  }
}
.constructions-card__button {
  grid-column: 4 / span 1;
  grid-row: 5 / span 1;
}
@media (max-width: 768px) {
  .constructions-card__button {
    grid-column: 2 / span 1;
    grid-row: 6 / span 1;
  }
}
.constructions-card__button a {
  min-height: 48px;
  padding: 8px 16px;
}
@media (max-width: 768px) {
  .constructions-card__button a {
    width: 100%;
  }
}
.constructions-card__button a span:first-child {
  margin-right: 10px;
}
/* end constructions-card */
/* info */
.info {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 270px 1fr 1fr;
  background-color: #413E40;
  gap: 1px;
  border-top: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .info {
    grid-template-columns: 1fr 1fr;
  }
}
.info li {
  padding: 16px;
  background-color: #FAF9F9;
  position: relative;
}
@media (max-width: 1200px) {
  .info li:first-child {
    grid-column: 1 / span 2;
  }
}
.info h5 {
  margin: 0;
  margin-bottom: 4px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  color: #7E777A;
  text-transform: uppercase;
}
.info p {
  display: block;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #413E40;
}
@media (max-width: 1200px) {
  .info p {
    font-size: 14px;
    line-height: 16px;
  }
}
.info__help {
  position: absolute;
  top: -12px;
  right: 20px;
}
.info__rating {
  display: flex;
  max-width: 240px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #413E40;
}
@media (max-width: 1200px) {
  .info__rating {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 576px) {
  .info__rating {
    max-width: none;
  }
}
.info__rating span:last-child {
  display: inline-block;
  padding-left: 12px;
}
.info__line {
  display: block;
  height: 6px;
  width: 100%;
  background-color: #413E40;
  position: relative;
}
.info__line span {
  display: block;
  height: 100%;
  width: 0;
  background-color: #83BAAA;
  position: absolute;
  top: 0;
  left: 0;
}
/* end info */
/* help */
.help {
  position: relative;
}
.help__button {
  padding: 0;
  border: none;
  background-color: inherit;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #FAF9F9;
  border-radius: 100%;
  transition: all 0.4s ease-in-out;
}
.help__button span {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.help__button span:first-child {
  height: 22px;
  width: 22px;
}
.help__button svg {
  height: 18px;
  width: 18px;
  fill: #7E777A;
  transition: all 0.4s ease-in-out;
}
.help__button-text {
  margin-left: 8px;
  justify-content: flex-start;
  font-size: 16px;
  line-height: 20px;
  color: #7E777A;
  text-align: left;
}
.help__button:hover {
  cursor: pointer;
}
@media (max-width: 1024px) {
  .help__button:hover {
    cursor: default;
  }
}
.help__button:hover .help__button-text {
  color: #83BAAA;
}
.help__button:hover svg {
  fill: #83BAAA;
}
.help--blue .help__button-text {
  color: #5F82A3;
}
.help--blue svg {
  fill: #5F82A3;
}
.help .help__modal {
  width: 360px;
  padding: 24px 32px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 30px rgba(65, 62, 64, 0.15);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: absolute;
  left: 10px;
  bottom: 40px;
}
@media (max-width: 1200px) {
  .help .help__modal {
    width: 330px;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .help .help__modal {
    width: 100%;
    transform: translateY(-100%);
    box-shadow: none;
    transition: all 0.2s ease-in;
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
  }
}
.help .help__modal h5 {
  margin: 0;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #83BAAA;
}
.help .help__modal p {
  margin: 0;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #413E40;
}
@media (max-width: 1200px) {
  .help .help__modal p {
    font-size: 14px;
    line-height: 17px;
  }
}
.help .help__modal img {
  height: auto;
  width: 100%;
  margin-bottom: 8px;
  -o-object-fit: contain;
     object-fit: contain;
}
.help .help__modal > svg {
  height: 12px;
  width: 12px;
  fill: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: -12px;
}
@media (max-width: 768px) {
  .help .help__modal > svg {
    display: none;
  }
}
.help .help__modal--left {
  left: auto;
  right: 10px;
  bottom: 40px;
}
@media (max-width: 768px) {
  .help .help__modal--left {
    right: 0;
    bottom: auto;
  }
}
.help .help__modal--left > svg {
  transform: rotate(90deg);
  left: auto;
  right: 0;
}
.help--bottom .help__modal {
  width: 520px;
  left: 10px;
  bottom: auto;
  top: 40px;
}
@media (max-width: 768px) {
  .help--bottom .help__modal {
    width: 100%;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
  }
}
.help--bottom .help__modal > svg {
  left: 0;
  bottom: auto;
  top: -12px;
  transform: scaleY(-1);
}
@media (max-width: 768px) {
  .help--bottom .help__modal > svg {
    display: none;
  }
}
.help--bottom .help__modal--left {
  left: auto;
  right: 0;
  bottom: auto;
}
.help--bottom .help__modal--left > svg {
  display: none;
}
.help .help__modal--show {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
  transition: all 0.2s ease-in;
}
@media (max-width: 768px) {
  .help .help__modal--show {
    transform: translateY(0);
    box-shadow: 0px 0px 30px rgba(65, 62, 64, 0.15);
  }
}
.help__close {
  padding: 0;
  border: none;
  background-color: inherit;
  display: none;
  height: 20px;
  width: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10px;
  top: 10px;
}
@media (max-width: 1024px) {
  .help__close {
    display: flex;
  }
}
.help__close span {
  display: block;
  transform: rotate(0);
  transition: all 0.2s ease-in-out;
}
.help__close svg {
  height: 18px;
  width: 18px;
  fill: #BCB8BA;
}
.help__close:hover span {
  transform: rotate(180deg);
}
/* end help */
/* progress */
.progress {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  height: 34px;
  min-height: 34px;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 4px solid #BCB8BA;
  counter-reset: progress-counter;
}
.progress__item {
  position: relative;
}
.progress__item::before {
  counter-increment: progress-counter;
  content: "0" counter(progress-counter);
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  color: #BCB8BA;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .progress__item::before {
    font-size: 18px;
  }
}
.progress__item::after {
  content: "";
  height: 4px;
  width: 100%;
  background-color: #BCB8BA;
  transition: all 0.2s ease-out;
  position: absolute;
  bottom: -4px;
  left: 0;
}
.progress__item.active::before {
  color: #83BAAA;
}
.progress__item.active::after {
  background-color: #83BAAA;
}
.progress__item.current::before {
  color: #413E40;
}
.progress__item.current::after {
  background-color: #413E40;
}
/* end progress */
/* button-sound */
.button-sound {
  padding: 0;
  border: none;
  background-color: inherit;
  display: flex;
  height: 48px;
  width: 48px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #413E40;
  background-color: #EAEBEC;
  opacity: 1;
  transition: all 0.2s ease-out;
}
@media (max-width: 1200px) {
  .button-sound {
    height: 40px;
    width: 40px;
  }
}
.button-sound:hover {
  cursor: pointer;
  opacity: 0.8;
}
.button-sound span:first-child {
  display: none;
}
.button-sound span:last-child {
  animation: fade-in 0.2s ease-in-out both;
  display: block;
}
.button-sound svg {
  height: 24px;
  width: 24px;
  fill: #413E40;
  opacity: 0.3;
  transition: all 0.2s ease-out;
}
@media (max-width: 1200px) {
  .button-sound svg {
    height: 18px;
    width: 18px;
  }
}
.button-sound--on {
  background-color: #FFFFFF;
}
.button-sound--on span:first-child {
  animation: fade-in 0.2s ease-in-out both;
  display: block;
}
.button-sound--on span:last-child {
  display: none;
}
.button-sound--on svg {
  opacity: 1;
}
/* end button-sound */
/* scale */
.scale {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 2px auto;
}
.scale ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  height: 22px;
  grid-template-columns: repeat(7, 1fr);
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/icons/scale/scale.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top 8px;
}
@media (max-width: 1200px) {
  .scale ol {
    height: 15px;
    background-position: center top 6px;
  }
}
.scale li {
  height: 8px;
  background-color: #83BAAA;
}
@media (max-width: 1200px) {
  .scale li {
    height: 6px;
  }
}
.scale li:nth-last-of-type(-n+2) {
  background-color: #F04B0E;
}
.scale__range {
  grid-column: 1 / span 1;
  grid-row: 1 / span 2;
  background-color: #FFFFFF;
  padding: 16px;
  border: 1px solid #413E40;
  position: relative;
}
@media (max-width: 1200px) {
  .scale__range {
    padding: 8px;
  }
}
.scale__slider {
  height: 22px;
  width: calc(100% - 32px);
  margin: 0 auto;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .scale__slider {
    height: 14px;
    width: calc(100% - 16px);
  }
}
.scale__slider::after {
  content: "";
  height: 22px;
  width: 13px;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/icons/scale/scale-slider.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .scale__slider::after {
    height: 14px;
    width: 8px;
  }
}
.scale__slider--0::after {
  left: -6px;
}
@media (max-width: 1200px) {
  .scale__slider--0::after {
    left: -4px;
  }
}
.scale__slider--1::after {
  left: 13%;
}
.scale__slider--2::after {
  left: 27.22%;
}
.scale__slider--3::after {
  left: 41.37%;
}
.scale__slider--4::after {
  left: 55.7%;
}
.scale__slider--5::after {
  left: 70%;
}
.scale__slider--6::after {
  left: 84.22%;
}
.scale__slider--7::after {
  left: calc(100% - 6px);
}
@media (max-width: 1200px) {
  .scale__slider--7::after {
    left: calc(100% - 4px);
  }
}
.scale__title {
  grid-column: 1 / span 1;
  grid-row: 2 / span 2;
  justify-self: end;
  position: relative;
}
.scale__title::before {
  content: "";
  height: 23px;
  width: 23px;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/icons/scale/scale-back.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 1px;
  left: -22px;
}
@media (max-width: 1200px) {
  .scale__title::before {
    height: 22px;
    width: 22px;
  }
}
.scale__title p {
  display: inline-block;
  margin: 0;
  padding: 6px;
  padding-top: 3px;
  border-right: 1px solid #413E40;
  border-bottom: 1px solid #413E40;
  font-size: 14px;
  line-height: 1;
  color: #413E40;
  background-color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .scale__title p {
    font-size: 12px;
  }
}
/* end scale */
/* range */
.range {
  padding-bottom: 8px;
}
.range .range__text {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.range .range__text li {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}
.range__text {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.range__wrapper {
  display: flex;
  height: 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #E1DFE0;
  border-right: 1px solid #E1DFE0;
  position: relative;
}
.range__wrapper::before {
  content: "";
  height: 100%;
  width: 1px;
  margin: 0 auto;
  background-color: #E1DFE0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.range__wrapper input[type="range"] {
  display: block;
  -webkit-appearance: none;
  background-color: #E1DFE0;
  width: 100%;
  height: 8px;
}
.range__wrapper input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #413E40;
  width: 12px;
  height: 24px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.range__wrapper input[type="range"]::-webkit-slider-thumb:hover {
  background-color: #83BAAA;
}
/* end range */
/* spinner */
.spinner {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: rgba(65, 62, 64, 0.7);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.2s ease-out;
  position: fixed;
  top: 0;
  left: 0;
}
.spinner--active {
  opacity: 1;
  visibility: visible;
  z-index: 999999;
}
.spinner__icon {
  width: 40px;
  height: 40px;
  border: solid 4px transparent;
  border-top-color: #83BAAA;
  border-left-color: #83BAAA;
  border-radius: 50%;
  animation: loading-spinner 400ms linear infinite;
}
@keyframes loading-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* end spinner */
/* upload-file */
.upload-file__preview {
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .upload-file__preview {
    margin-bottom: 8px;
  }
}
.upload-file__item {
  display: grid;
  padding: 7px;
  padding-left: 16px;
  grid-template-columns: 1fr auto;
  grid-template-rows: 20px auto;
  -moz-column-gap: 8px;
       column-gap: 8px;
  border: 1px solid #E1DFE0;
}
@media (max-width: 1200px) {
  .upload-file__item {
    padding: 3px;
    padding-left: 12px;
  }
}
.upload-file__item p {
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
  align-self: end;
  margin: 0;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #413E40;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .upload-file__item p {
    font-size: 14px;
    line-height: 17px;
  }
}
.upload-file__item button {
  grid-column: 2 / span 1;
  grid-row: 1 / span 2;
  min-height: 40px;
  min-width: 124px;
  padding: 4px 10px;
}
@media (max-width: 576px) {
  .upload-file__item button {
    min-width: 40px;
  }
}
.upload-file__item button span:first-child {
  margin-right: 6px;
}
@media (max-width: 576px) {
  .upload-file__item button span:first-child {
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .upload-file__item button span:last-child {
    display: none;
  }
}
.upload-file__item > span {
  grid-column: 1 / span 1;
  grid-row: 2 / span 1;
  display: block;
  margin-top: 2px;
  font-size: 14px;
  line-height: 1;
  font-weight: 300;
  color: #7E777A;
}
@media (max-width: 1200px) {
  .upload-file__item > span {
    font-size: 12px;
  }
}
.upload-file__label {
  min-height: 56px;
  width: 100%;
  position: relative;
}
@media (max-width: 1200px) {
  .upload-file__label {
    min-height: 48px;
  }
}
.upload-file__label input {
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.upload-file__label span:first-child {
  margin-right: 6px;
}
.form__field .button {
  display: inline-flex;
}
.upload-file--loaded .upload-file__label {
  display: none;
}
.upload-file--empty > div {
  display: none;
}
.upload-file__label.error {
  border: 1px solid #F04B0E;
}
/* end upload-file */
/* copy */
.copy {
  display: inline-flex;
  padding: 12px 24px;
  padding-right: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #413E40;
  background-color: #FFFFFF;
  position: relative;
}
@media (max-width: 1200px) {
  .copy {
    padding: 6px 16px;
    padding-right: 6px;
  }
}
.copy__value {
  min-width: 83px;
  font-size: 24px;
  line-height: 1;
  color: #413E40;
  font-weight: 700;
}
.copy__button {
  padding: 0;
  border: none;
  background-color: inherit;
  padding: 10px;
}
.copy__button svg {
  height: 24px;
  width: 24px;
  fill: #BCB8BA;
  transition: all 0.3s ease-out;
}
.copy__button:hover {
  cursor: pointer;
}
.copy__button:hover svg {
  fill: #413E40;
}
.copy__success {
  display: none;
  width: 100%;
  padding: 16px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1;
  color: #413E40;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 30px rgba(65, 62, 64, 0.15);
  opacity: 0;
  position: absolute;
  top: 78px;
  left: 0;
}
@media (max-width: 1200px) {
  .copy__success {
    top: 64px;
  }
}
.copy__success--show {
  animation: fade-in-end 1.8s ease-in-out both;
  display: flex;
}
/* end copy */
/* catalog */
.catalog {
  padding-top: 16px;
  padding-bottom: 95px;
}
@media (max-width: 1200px) {
  .catalog {
    padding-top: 8px;
    padding-bottom: 52px;
  }
}
.catalog__text p {
  margin: 0;
  margin-bottom: 56px;
}
@media (max-width: 1200px) {
  .catalog__text p {
    margin-bottom: 24px;
  }
}
.catalog__filter {
  margin-bottom: 16px;
}
.catalog__decor-line {
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .catalog__decor-line {
    margin-bottom: 24px;
  }
}
.catalog__list {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .catalog__list {
    margin-bottom: 24px;
  }
}
.catalog__list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 1024px) {
  .catalog__list > ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .catalog__list > ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
@media (max-width: 360px) {
  .catalog__list > ul {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.catalog__button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .catalog__button {
    min-height: 56px;
  }
}
.catalog__button span:first-child {
  margin-right: 11px;
  transform: rotate(90deg);
}
/* end catalog */
/* product-detail */
.product-detail {
  padding-bottom: 95px;
}
@media (max-width: 1200px) {
  .product-detail {
    padding-bottom: 52px;
  }
}
.product-detail__info-grid {
  display: grid;
  margin-bottom: 40px;
  grid-template-columns: 460px 1fr;
  grid-template-rows: repeat(3, auto);
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .product-detail__info-grid {
    grid-template-columns: 1fr 470px;
    grid-template-rows: auto 1fr;
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 34px;
  }
}
@media (max-width: 768px) {
  .product-detail__info-grid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.product-detail__slider-primary {
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
}
.product-detail__label {
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
  align-self: start;
  justify-self: start;
  position: relative;
}
.product-detail__label .label {
  padding: 4px;
}
.product-detail__label .label li {
  margin-top: 8px;
  margin-left: 8px;
}
.product-detail__label .label li span {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 15px;
}
.product-detail__slider-secondary {
  display: flex;
  grid-column: 1 / span 1;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .product-detail__slider-secondary {
    display: none;
  }
}
.product-detail__video {
  grid-column: 1 / span 1;
}
@media (max-width: 1024px) {
  .product-detail__video {
    grid-row: 2 / span 1;
  }
}
@media (max-width: 768px) {
  .product-detail__video {
    grid-row: 1 / span 1;
    align-self: end;
  }
}
.product-detail__video button {
  padding: 12px 16px;
  background-color: inherit;
}
@media (max-width: 768px) {
  .product-detail__video button {
    margin: 8px;
    padding: 8px 16px;
    background-color: #FFFFFF;
  }
}
@media (max-width: 768px) {
  .product-detail__video button span {
    display: none;
  }
}
.product-detail__video button span:first-child {
  margin-right: 6px;
}
@media (max-width: 768px) {
  .product-detail__video button span:first-child {
    display: inline-block;
    margin-right: 0;
  }
}
.product-detail__slider-hint {
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
  align-self: start;
  justify-self: end;
}
.product-detail__slider-hint .hint__button {
  height: 56px;
  width: 56px;
}
@media (max-width: 1024px) {
  .product-detail__slider-hint .hint__button {
    display: none;
  }
}
.product-detail__slider-hint .hint__info {
  bottom: 76px;
}
@media (max-width: 1024px) {
  .product-detail__slider-hint .hint__info {
    display: none;
  }
}
.product-detail__main {
  min-width: 0;
  grid-column: 2 / span 1;
  grid-row: 1 / span 3;
}
@media (max-width: 1024px) {
  .product-detail__main {
    grid-row: 1 / span 2;
  }
}
@media (max-width: 768px) {
  .product-detail__main {
    grid-column: 1 / span 1;
    grid-row: auto / auto;
  }
}
.product-detail__main-title {
  margin: 0;
}
.product-detail__main-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin-top: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .product-detail__main-nav {
    display: none;
  }
}
.product-detail__main-nav li {
  margin: 4px 0;
  margin-right: 8px;
}
.product-detail__main-nav li:last-child {
  margin-right: 0;
}
.product-detail__main-nav p {
  display: inline-block;
  margin: 0;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 15px;
  color: #413E40;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  background-color: #EAEBEC;
  white-space: nowrap;
}
.product-detail__main-description {
  margin: 24px 0;
}
@media (max-width: 1200px) {
  .product-detail__main-description {
    margin: 16px 0;
  }
}
.product-detail__main-description p {
  margin: 0;
}
.product-detail__main-description a {
  display: inline-block;
  margin-top: 6px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #83BAAA;
  text-decoration: underline;
}
@media (max-width: 1200px) {
  .product-detail__main-description a {
    font-size: 14px;
  }
}
.product-detail__main-price {
  margin-bottom: 16px;
}
.product-detail__main-price p {
  margin: 0;
  font-size: 14px;
  line-height: 17px;
  color: #7E777A;
}
@media (max-width: 1200px) {
  .product-detail__main-price p {
    font-size: 12px;
    line-height: 14px;
  }
}
.product-detail__main-price span {
  display: block;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #413E40;
}
@media (max-width: 1200px) {
  .product-detail__main-price span {
    font-size: 20px;
    line-height: 24px;
  }
}
.product-detail__main-button button {
  min-height: 54px;
  padding: 0 67px;
}
@media (max-width: 768px) {
  .product-detail__main-button button {
    width: 100%;
    min-height: 56px;
  }
}
.product-detail__main-size {
  margin-bottom: 16px;
}
.product-detail__main-select {
  width: 320px;
}
@media (max-width: 576px) {
  .product-detail__main-select {
    width: 100%;
  }
}
.product-detail__accordion-wrapper {
  border: 1px solid #413E40;
}
.product-detail__item {
  border-bottom: 1px solid #413E40;
}
.product-detail__item:last-child {
  border-bottom: none;
}
.product-detail__title {
  padding: 0 34px;
  background-color: #FAF9F9;
  position: relative;
}
@media (max-width: 1200px) {
  .product-detail__title {
    padding: 0 24px;
  }
}
.product-detail__title:hover {
  cursor: pointer;
}
@media (max-width: 768px) {
  .product-detail__title:hover {
    cursor: default;
  }
}
.product-detail__title h2 {
  display: block;
  flex-grow: 1;
  margin: 0;
  padding: 22px 0;
  border-bottom: 1px solid #FAF9F9;
  transition: all 0.2s ease-out;
}
@media (max-width: 1200px) {
  .product-detail__title h2 {
    padding: 14px 0;
  }
}
.product-detail__title span {
  display: flex;
  height: 32px;
  width: 32px;
  margin: auto 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #FAF9F9;
  border: 1px solid #413E40;
  border-radius: 100%;
  transform: rotate(45deg);
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -16px;
}
.product-detail__title span.rotate {
  background-color: #E1DFE0;
  border: 1px solid #E1DFE0;
  transform: rotate(0);
  transition: all 0.2s ease-out;
}
.product-detail__title svg {
  height: 20px;
  width: 20px;
  fill: #413E40;
}
.product-detail__title.active h2 {
  border-bottom: 1px solid #BCB8BA;
}
.product-detail__wysiwyg,
.product-detail__feature,
.product-detail__doc {
  padding: 34px;
  background-color: #FAF9F9;
  transition: padding 0.2s ease-out;
  position: relative;
}
@media (max-width: 1200px) {
  .product-detail__wysiwyg,
  .product-detail__feature,
  .product-detail__doc {
    padding: 24px;
  }
}
.product-detail__wysiwyg.hidden,
.product-detail__feature.hidden,
.product-detail__doc.hidden {
  padding: 0 34px;
}
@media (max-width: 1200px) {
  .product-detail__wysiwyg.hidden,
  .product-detail__feature.hidden,
  .product-detail__doc.hidden {
    padding: 0 24px;
  }
}
.product-detail__wysiwyg.wysiwyg h3 {
  margin-top: 38px;
}
@media (max-width: 1200px) {
  .product-detail__wysiwyg.wysiwyg h3 {
    margin-top: 16px;
  }
}
.product-detail__wysiwyg.wysiwyg h3:first-child {
  margin-top: 0;
}
.product-detail__wysiwyg.wysiwyg .wysiwyg__life {
  margin-top: 38px;
}
@media (max-width: 1200px) {
  .product-detail__wysiwyg.wysiwyg .wysiwyg__life {
    margin-top: 16px;
  }
}
.product-detail__feature h3 {
  margin: 0;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .product-detail__feature h3 {
    margin-bottom: 16px;
  }
}
.product-detail__feature dl {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  margin-bottom: 24px;
  grid-template-columns: 1fr 2fr;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .product-detail__feature dl {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 16px;
  }
}
.product-detail__feature dl:last-child {
  margin-bottom: 0;
}
.product-detail__feature dt {
  padding: 8px 24px;
  padding-left: 0;
  padding-bottom: 24px;
  color: #7E777A;
  border-top: 1px solid #E1DFE0;
  position: relative;
}
.product-detail__feature dt::after {
  content: "";
  height: 16px;
  width: 1px;
  background-color: #E1DFE0;
  position: absolute;
  top: 0;
  right: 0;
}
.product-detail__feature dd {
  margin: 0;
  padding: 8px 24px;
  padding-right: 8px;
  padding-bottom: 24px;
  color: #413E40;
  border-top: 1px solid #E1DFE0;
}
.product-detail__doc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-detail__link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #E1DFE0;
  transition: all 0.2s ease-out;
}
@media (max-width: 768px) {
  .product-detail__link {
    transition: none;
  }
}
.product-detail__doc-icon {
  display: flex;
  padding: 8px 16px;
  padding-left: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #83BAAA;
  transition: all 0.2s ease-out;
  position: relative;
}
.product-detail__doc-icon span {
  display: inline-block;
  transition: all 0.2s ease-out;
}
@media (max-width: 768px) {
  .product-detail__doc-icon span {
    transition: none;
  }
}
.product-detail__doc-icon span:first-child {
  opacity: 0;
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
}
@media (max-width: 768px) {
  .product-detail__doc-icon span:first-child {
    display: none;
  }
}
.product-detail__doc-icon span:first-child svg {
  fill: #83BAAA;
}
.product-detail__doc-icon span:nth-child(2) {
  opacity: 1;
}
.product-detail__doc-icon span:last-child {
  width: 0;
  margin-left: 0;
  opacity: 0;
}
@media (max-width: 768px) {
  .product-detail__doc-icon span:last-child {
    display: none;
  }
}
.product-detail__doc-icon svg {
  height: 24px;
  width: 24px;
  fill: #413E40;
}
.product-detail__doc-link {
  display: flex;
  padding-left: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.product-detail__doc-link p {
  display: inline-flex;
  min-height: 64px;
  margin: 0;
  padding: 20px 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  color: #413E40;
  position: relative;
}
@media (max-width: 1200px) {
  .product-detail__doc-link p {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 768px) {
  .product-detail__doc-link p {
    min-height: 52px;
  }
}
.product-detail__doc-link p:after {
  content: "";
  height: 16px;
  width: 1px;
  background-color: #E1DFE0;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.product-detail__link:hover,
.product-detail__link:focus {
  border-top: 1px solid #413E40;
}
@media (max-width: 768px) {
  .product-detail__link:hover,
  .product-detail__link:focus {
    border-top: 1px solid #E1DFE0;
  }
}
.product-detail__link:hover .product-detail__doc-icon span:nth-child(2),
.product-detail__link:focus .product-detail__doc-icon span:nth-child(2) {
  opacity: 0;
}
@media (max-width: 768px) {
  .product-detail__link:hover .product-detail__doc-icon span:nth-child(2),
  .product-detail__link:focus .product-detail__doc-icon span:nth-child(2) {
    opacity: 1;
  }
}
.product-detail__link:hover .product-detail__doc-icon span:first-child,
.product-detail__link:focus .product-detail__doc-icon span:first-child {
  opacity: 1;
}
.product-detail__link:hover .product-detail__doc-icon span:last-child,
.product-detail__link:focus .product-detail__doc-icon span:last-child {
  width: auto;
  margin-left: 8px;
  opacity: 1;
}
.product-detail__link:hover .product-detail__doc-link p:after,
.product-detail__link:focus .product-detail__doc-link p:after {
  background-color: #413E40;
}
@media (max-width: 768px) {
  .product-detail__link:hover .product-detail__doc-link p:after,
  .product-detail__link:focus .product-detail__doc-link p:after {
    background-color: #E1DFE0;
  }
}
.product-detail__slider {
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .product-detail__slider {
    margin-top: 32px;
  }
}
.product-detail__slider h2 {
  margin: 0;
}
.product-detail__decor-line {
  margin: 24px 0;
}
@media (max-width: 1200px) {
  .product-detail__decor-line {
    margin: 16px 0;
  }
}
@media (max-width: 768px) {
  .product-detail__slider-wrapper {
    padding: 0;
  }
}
/* end product-detail */
/* constructions-list */
.constructions-list {
  padding-top: 56px;
  padding-bottom: 256px;
}
@media (max-width: 1200px) {
  .constructions-list {
    padding-top: 24px;
    padding-bottom: 38px;
  }
}
.constructions-list__filter {
  margin-bottom: 16px;
}
.constructions-list__decor-line {
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .constructions-list__decor-line {
    margin-bottom: 24px;
  }
}
.constructions-list__content > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.constructions-list__content > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 16px;
}
.constructions-list__content > ul > li:last-child {
  margin-bottom: 0;
}
/* end constructions-list */
/* construction-detail */
.construction-detail {
  padding-top: 56px;
  padding-bottom: 135px;
}
@media (max-width: 1200px) {
  .construction-detail {
    padding-top: 24px;
    padding-bottom: 60px;
  }
}
.construction-detail__description {
  margin-bottom: 24px;
}
.construction-detail__description p {
  margin: 0;
}
.construction-detail__description a {
  display: inline-block;
  margin-top: 6px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #83BAAA;
  text-decoration: underline;
}
@media (max-width: 1200px) {
  .construction-detail__description a {
    font-size: 14px;
  }
}
.construction-detail__info {
  margin-bottom: 24px;
}
.construction-detail__info li {
  padding: 24px;
}
@media (max-width: 1200px) {
  .construction-detail__info li {
    padding: 24px 16px;
  }
}
@media (max-width: 1200px) {
  .construction-detail__info li:first-child {
    grid-column: 1 / span 1;
  }
}
@media (max-width: 768px) {
  .construction-detail__info li:first-child {
    grid-column: 1 / span 2;
  }
}
.construction-detail__info h5 {
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 16px;
}
@media (max-width: 1200px) {
  .construction-detail__info h5 {
    margin-bottom: 4px;
    font-size: 10px;
    line-height: 12px;
  }
}
.construction-detail__info p {
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 1200px) {
  .construction-detail__info p {
    font-size: 16px;
    line-height: 19px;
  }
}
.construction-detail__info .info {
  grid-template-columns: 510px 1fr 1fr;
}
@media (max-width: 1200px) {
  .construction-detail__info .info {
    grid-template-columns: 2fr 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .construction-detail__info .info {
    grid-template-columns: 1fr 1fr;
  }
}
.construction-detail__info .info__rating {
  max-width: none;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 1200px) {
  .construction-detail__info .info__rating {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 768px) {
  .construction-detail__info .info__rating {
    max-width: 300px;
  }
}
@media (max-width: 576px) {
  .construction-detail__info .info__rating {
    max-width: none;
  }
}
.construction-detail__info .info__line {
  height: 8px;
}
@media (max-width: 1200px) {
  .construction-detail__info .info__line {
    height: 6px;
  }
}
.construction-detail__card {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: 1fr 435px;
  border: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .construction-detail__card {
    margin-bottom: 32px;
  }
}
@media (max-width: 1024px) {
  .construction-detail__card {
    grid-template-columns: 1fr;
  }
}
.construction-detail__card--base .construction-detail__image {
  background-color: #EAEBEC;
}
.construction-detail__card--optim .construction-detail__image {
  background-color: #E1DFE0;
}
.construction-detail__card--maxim .construction-detail__image {
  background-color: #CDD6CD;
}
.construction-detail__card--individ .construction-detail__image {
  background-color: #CDD4D6;
}
.construction-detail__image {
  display: flex;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #EAEBEC;
}
@media (max-width: 1024px) {
  .construction-detail__image {
    grid-row: 1 / span 1;
    justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .construction-detail__image {
    justify-content: center;
  }
}
.construction-detail__image img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1024px) {
  .construction-detail__image img {
    max-width: 544px;
  }
}
.construction-detail__video {
  margin: 16px;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
  align-self: end;
}
@media (max-width: 1024px) {
  .construction-detail__video {
    grid-row: 1 / span 1;
  }
}
@media (max-width: 768px) {
  .construction-detail__video {
    margin: 8px;
  }
}
.construction-detail__video button {
  padding: 12px 16px;
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .construction-detail__video button {
    margin: 8px;
    padding: 8px 16px;
  }
}
@media (max-width: 768px) {
  .construction-detail__video button span {
    display: none;
  }
}
.construction-detail__video button span:first-child {
  margin-right: 6px;
}
@media (max-width: 768px) {
  .construction-detail__video button span:first-child {
    display: inline-block;
    margin-right: 0;
  }
}
.construction-detail__content {
  display: flex;
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
  padding: 32px 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .construction-detail__content {
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
  }
}
@media (max-width: 1200px) {
  .construction-detail__content {
    padding: 24px;
  }
}
.construction-detail__content h3 {
  margin: 0;
  margin-bottom: 16px;
}
.construction-detail__content ol {
  margin: 0;
  padding: 0;
  list-style: none;
  flex-grow: 1;
  margin-bottom: 24px;
  counter-reset: products-item;
}
@media (max-width: 1200px) {
  .construction-detail__content ol {
    margin-bottom: 8px;
  }
}
.construction-detail__content ol li {
  display: flex;
  margin-bottom: 8px;
  padding: 8px 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  border-top: 1px solid #E1DFE0;
  position: relative;
}
@media (max-width: 1200px) {
  .construction-detail__content ol li {
    margin-bottom: 12px;
  }
}
.construction-detail__content ol li:last-child {
  margin-bottom: 0;
}
.construction-detail__content ol li:before {
  counter-increment: products-item;
  content: counter(products-item);
  display: block;
  width: 64px;
  min-width: 64px;
  font-size: 16px;
  line-height: 19px;
  color: #413E40;
  font-weight: 700;
  position: relative;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .construction-detail__content ol li:before {
    width: 40px;
    min-width: 40px;
    font-size: 14px;
    line-height: 16px;
  }
}
.construction-detail__content ol li::after {
  content: "";
  height: 16px;
  width: 1px;
  background-color: #E1DFE0;
  position: absolute;
  top: 0;
  left: 40px;
}
@media (max-width: 1200px) {
  .construction-detail__content ol li::after {
    height: 10px;
    left: 32px;
  }
}
.construction-detail__content ol a {
  display: inline-block;
  text-decoration: underline;
  color: #413E40;
  transition: all 0.4s ease-in-out;
}
.construction-detail__content ol a:hover {
  color: #83BAAA;
}
.construction-detail__content p {
  display: inline-flex;
  margin: 0;
  margin-bottom: 16px;
  flex-direction: column;
  justify-items: flex-start;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .construction-detail__content p {
    flex-direction: column-reverse;
  }
}
.construction-detail__content p strong {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #7E777A;
}
@media (max-width: 1200px) {
  .construction-detail__content p strong {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 14px;
  }
}
.construction-detail__content p span {
  display: inline-block;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  color: #413E40;
}
@media (max-width: 1200px) {
  .construction-detail__content p span {
    font-size: 20px;
    line-height: 24px;
  }
}
.construction-detail__content > a,
.construction-detail__content > button {
  min-height: 56px;
  width: 100%;
  padding: 8px 16px;
}
/* end construction-detail */
/* services */
.services {
  padding-top: 56px;
  padding-bottom: 135px;
}
@media (max-width: 1200px) {
  .services {
    padding-top: 24px;
    padding-bottom: 60px;
  }
}
.services__description {
  margin: 0;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .services__description {
    margin-bottom: 24px;
  }
}
.services__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 1200px) {
  .services__list {
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .services__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1024px) {
  .services__list {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.services__link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #BCB8BA;
  transition: all 0.2s ease-out;
  position: relative;
}
@media (max-width: 768px) {
  .services__link {
    transition: none;
  }
}
.services__link h3 {
  margin: 0;
  padding: 15px 24px;
  font-size: 18px;
  line-height: 22px;
}
.services__image {
  padding: 17px;
  position: relative;
}
.services__image::after {
  content: "";
  height: 16px;
  width: 1px;
  background-color: #BCB8BA;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 768px) {
  .services__image::after {
    transition: none;
  }
}
.services__image img {
  height: 40px;
  width: 40px;
  min-width: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.services__icon {
  display: block;
  height: 24px;
  width: 24px;
  margin: auto 0;
  transition: all 0.2s ease-out;
  opacity: 0;
  transform: translateX(-100%);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
}
@media (max-width: 768px) {
  .services__icon {
    transition: none;
  }
}
.services__icon svg {
  height: 24px;
  width: 24px;
  fill: #413E40;
}
.services__link:hover {
  border-top: 1px solid #413E40;
}
@media (max-width: 768px) {
  .services__link:hover {
    border-top: 1px solid #BCB8BA;
  }
}
.services__link:hover .services__image::after {
  height: 100%;
  background-color: #413E40;
}
@media (max-width: 768px) {
  .services__link:hover .services__image::after {
    height: 16px;
    background-color: #BCB8BA;
  }
}
.services__link:hover .services__icon {
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 768px) {
  .services__link:hover .services__icon {
    opacity: 0;
    transform: translateX(-100%);
  }
}
/* end services */
/* service-detail */
.service-detail {
  padding-top: 56px;
  padding-bottom: 135px;
}
@media (max-width: 1200px) {
  .service-detail {
    padding-top: 24px;
    padding-bottom: 60px;
  }
}
.service-detail__callback {
  margin-top: 40px;
  padding: 48px;
  border: 1px solid #413E40;
  background-color: #FFFFFF;
}
@media (max-width: 1024px) {
  .service-detail__callback {
    margin-top: 32px;
    padding: 24px;
  }
}
.service-detail__title {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .service-detail__title {
    margin-bottom: 16px;
  }
}
.service-detail__title h2 {
  margin: 0;
  margin-bottom: 8px;
}
.service-detail__title p {
  margin: 0;
}
.service-detail__form > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  margin-bottom: 24px;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 1200px) {
  .service-detail__form > ul {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .service-detail__form > ul {
    grid-template-columns: 1fr;
  }
}
.service-detail__form > ul > li:last-child {
  grid-column: 1 / span 2;
}
@media (max-width: 768px) {
  .service-detail__form > ul > li:last-child {
    grid-column: 1 / span 1;
  }
}
.service-detail__form-checkbox {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .service-detail__form-checkbox {
    margin-bottom: 16px;
  }
}
.service-detail__form-bottom {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .service-detail__form-bottom {
    min-height: 56px;
  }
}
.service-detail__button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .service-detail__button {
    min-height: 56px;
  }
}
/* end service-detail */
/* calculator */
.calculator {
  min-height: 620px;
  padding-top: 56px;
  padding-bottom: 100px;
  position: relative;
}
@media (max-width: 1200px) {
  .calculator {
    padding-top: 24px;
    padding-bottom: 52px;
  }
}
@media (max-width: 768px) {
  .calculator {
    min-height: 520px;
  }
}
.calculator--1 {
  padding-top: 16px;
}
@media (max-width: 1200px) {
  .calculator--1 {
    padding-top: 24px;
  }
}
.calculator--1::before {
  content: "";
  height: 472px;
  width: 1093px;
  margin: 0 auto;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/background/back-calc.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(137px);
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .calculator--1::before {
    display: none;
  }
}
.calculator__help {
  margin-bottom: 90px;
  position: relative;
}
@media (max-width: 1200px) {
  .calculator__help {
    margin-bottom: 32px;
  }
}
.calculator__form-start {
  width: 560px;
}
@media (max-width: 768px) {
  .calculator__form-start {
    width: 100%;
  }
}
.calculator__form-start h2 {
  margin: 0;
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .calculator__form-start h2 {
    margin-bottom: 24px;
  }
}
.calculator__form-start .form > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  margin-bottom: 32px;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 1200px) {
  .calculator__form-start .form > ul {
    margin-bottom: 24px;
  }
}
@media (max-width: 576px) {
  .calculator__form-start .form > ul {
    grid-template-columns: 1fr;
  }
}
.calculator__form-start button {
  min-height: 56px;
  width: 100%;
  padding: 8px 16px;
}
.calculator__form-main {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 360px;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media (max-width: 1200px) {
  .calculator__form-main {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
@media (max-width: 768px) {
  .calculator__form-main {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 24px;
  }
}
.calculator__form-list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.calculator__form-item {
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .calculator__form-item {
    margin-bottom: 24px;
  }
}
.calculator__form-item:last-child {
  margin-bottom: 0;
}
.calculator__form-item fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.calculator__form-item legend {
  margin-bottom: 16px;
}
.calculator__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #FAF9F9;
}
.calculator__list li:last-child .calculator__accordion {
  border-bottom: none;
}
.calculator__list--active {
  animation: fade-in 0.2s ease-in-out both;
  border: 1px solid #413E40;
}
.calculator__accordion {
  border-bottom: 1px solid #413E40;
}
.calculator__form-title {
  padding: 0 24px;
  background-color: #FAF9F9;
  position: relative;
}
@media (max-width: 1200px) {
  .calculator__form-title {
    padding: 0 16px;
  }
}
.calculator__form-title > span {
  display: flex;
  height: 32px;
  width: 32px;
  margin: auto 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #FAF9F9;
  border: 1px solid #413E40;
  border-radius: 100%;
  transform: rotate(45deg);
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -16px;
}
.calculator__form-title > span svg {
  height: 20px;
  width: 20px;
  fill: #413E40;
}
.calculator__form-title > span.rotate {
  background-color: #E1DFE0;
  border: 1px solid #E1DFE0;
  transform: rotate(0);
  transition: all 0.2s ease-out;
}
.calculator__form-check {
  display: flex;
  padding: 20px 0;
  padding-left: 40px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #FAF9F9;
  transition: all 0.2s ease-out;
  position: relative;
}
@media (max-width: 1200px) {
  .calculator__form-check {
    padding: 14px 0;
    padding-left: 40px;
  }
}
.calculator__form-check .check {
  height: 24px;
  width: 24px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.calculator__form-check h4 {
  margin: 0;
  margin-right: 16px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #413E40;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .calculator__form-check h4 {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 576px) {
  .calculator__form-check h4 {
    margin-right: 0;
    margin-bottom: 4px;
  }
}
.calculator__form-check p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: #413E40;
}
@media (max-width: 1200px) {
  .calculator__form-check p {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 576px) {
  .calculator__form-check p {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .calculator__form-check p span:last-child {
    display: none;
  }
}
.calculator__form-title.active .calculator__form-check,
.calculator__form-title.active .calculator__form-delete {
  border-bottom: 1px solid #E1DFE0;
}
.calculator__form-content {
  padding: 24px;
  background-color: #FAF9F9;
  transition: all 0.2s ease-out;
  position: relative;
}
@media (max-width: 1200px) {
  .calculator__form-content {
    padding: 16px;
  }
}
.calculator__form-content h5 {
  margin: 0;
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #7E777A;
  text-transform: uppercase;
}
.calculator__form-content h5:first-child {
  margin-top: 0;
}
.calculator__form-content.hidden {
  padding: 0 24px;
}
@media (max-width: 1200px) {
  .calculator__form-content.hidden {
    padding: 0 16px;
  }
}
.calculator__radio-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.calculator__radio-list--2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1200px) {
  .calculator__radio-list--2 {
    grid-template-columns: 1fr;
  }
}
.calculator__radio-list--3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1200px) {
  .calculator__radio-list--3 {
    grid-template-columns: 1fr;
  }
}
.calculator__form-delete {
  display: flex;
  padding: 20px 0;
  padding-right: 140px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #FAF9F9;
  transition: all 0.2s ease-out;
  position: relative;
}
@media (max-width: 1200px) {
  .calculator__form-delete {
    padding: 14px 0;
    padding-right: 56px;
  }
}
.calculator__form-delete .delete {
  height: 40px;
  margin: auto 0;
  padding: 10px 14px;
  font-size: 14px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .calculator__form-delete .delete {
    height: 36px;
    padding: 8px;
    right: 8px;
  }
}
.calculator__form-delete .delete span:last-child {
  margin-left: 8px;
}
@media (max-width: 1200px) {
  .calculator__form-delete .delete span:last-child {
    display: none;
  }
}
.calculator__form-delete h4 {
  margin: 0;
  margin-right: 16px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #413E40;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .calculator__form-delete h4 {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 576px) {
  .calculator__form-delete h4 {
    margin-right: 0;
    margin-bottom: 4px;
  }
}
.calculator__form-delete p {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #413E40;
}
@media (max-width: 1200px) {
  .calculator__form-delete p {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 576px) {
  .calculator__form-delete p {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .calculator__form-delete p span:last-child {
    display: none;
  }
}
.calculator__more {
  min-height: 64px;
  width: 100%;
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .calculator__more {
    min-height: 56px;
  }
}
.calculator__more span:first-child {
  margin-right: 4px;
  transform: rotate(45deg);
}
.calculator__more span:first-child svg {
  height: auto;
  width: 20px;
}
.calculator__form-info-wrapper {
  margin-top: 42px;
  border: 2px solid #413E40;
  background-color: #FFFFFF;
  position: relative;
  top: 0;
}
@media (max-width: 1200px) {
  .calculator__form-info-wrapper {
    top: 0;
  }
}
@media (max-width: 768px) {
  .calculator__form-info-wrapper {
    margin-top: 0;
  }
}
.calculator__form-info-wrapper.sticky {
  position: sticky;
  top: 160px;
}
@media (max-width: 1200px) {
  .calculator__form-info-wrapper.sticky {
    top: 100px;
  }
}
.calculator__info-main {
  padding: 16px;
}
.calculator__info-main h3 {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #7E777A;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .calculator__info-main h3 {
    font-size: 14px;
    line-height: 18px;
  }
}
.calculator__info-main p {
  margin: 0;
  margin-bottom: 11px;
  font-size: 32px;
  line-height: 40px;
  color: #413E40;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .calculator__info-main p {
    font-size: 28px;
    line-height: 35px;
  }
}
.calculator__info-main .decor-link {
  margin: 0;
  padding: 0;
  align-self: end;
}
.calculator__info-main .decor-link span:first-child {
  height: 18px;
  width: 18px;
  min-width: 18px;
}
.calculator__info-main .decor-link span {
  font-size: 14px;
  line-height: 18px;
}
.calculator__info-main .decor-link svg {
  height: 12px;
  width: 12px;
}
.calculator__button-wrapper {
  min-height: 54px;
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .calculator__button-wrapper {
    min-height: 50px;
  }
}
.calculator__button {
  min-height: 54px;
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .calculator__button {
    min-height: 50px;
    padding: 8px;
    border: none;
    border-top: 1px solid #413E40;
    background-color: #FFFFFF;
    transition: all 0.2s ease-out;
    position: fixed;
    left: 0;
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .calculator__button span {
    display: inline-flex;
    height: 48px;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #413E40;
    border: 2px solid #413E40;
    transition: all 0.2s ease-out;
  }
}
@media (max-width: 768px) {
  .calculator__button--reset {
    min-height: 50px;
    border-top: 1px solid #FFFFFF;
    background-color: #413E40;
    position: relative;
  }
}
@media (max-width: 768px) {
  .calculator__button--reset span {
    height: 40px;
  }
}
@media (max-width: 768px) {
  .calculator__button:hover {
    border: none;
    border-top: 1px solid #413E40;
    background-color: #FFFFFF;
    color: #FFFFFF;
  }
}
@media (max-width: 768px) {
  .calculator__button--reset:hover {
    border: none;
    border-top: 1px solid #FFFFFF;
    background-color: #413E40;
    color: #FFFFFF;
  }
}
@media (max-width: 768px) {
  .calculator__button.disabled,
  .calculator__button:disabled {
    transition: all 0.2s ease-out;
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .calculator__button.disabled:hover,
  .calculator__button:disabled:hover {
    background-color: #FFFFFF;
  }
}
@media (max-width: 768px) {
  .calculator__button.disabled span,
  .calculator__button:disabled span {
    opacity: 0.2;
  }
}
@media (max-width: 768px) {
  .calculator__button--reset.disabled,
  .calculator__button--reset:disabled {
    opacity: 0.2;
  }
}
@media (max-width: 768px) {
  .calculator__button--reset.disabled:hover,
  .calculator__button--reset:disabled:hover {
    background-color: #413E40;
  }
}
@media (max-width: 768px) {
  .calculator__button--reset.disabled span,
  .calculator__button--reset:disabled span {
    opacity: 1;
  }
}
.calculator__info-description {
  animation: fade-in 0.2s ease-in-out both;
  padding: 0 16px;
  border-top: 1px solid #413E40;
}
.calculator__info-list {
  margin: 0;
  padding: 0;
  list-style: none;
  height: auto;
  padding: 8px;
  visibility: visible;
  transition: padding 0.2s ease-out;
}
.calculator__info-list--hidden {
  height: 0;
  padding: 0 8px;
  visibility: hidden;
}
.calculator__info-list > li {
  padding-top: 19px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E1DFE0;
}
.calculator__info-list > li:last-child {
  border-bottom: none;
}
.calculator__info-img {
  display: flex;
  margin-bottom: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.calculator__info-img img {
  height: 24px;
  width: 24px;
  min-width: 24px;
  margin-right: 8px;
  -o-object-fit: contain;
     object-fit: contain;
}
.calculator__info-img h4 {
  align-self: center;
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  color: #413E40;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.calculator__info-list-sub {
  margin: 0;
  padding: 0;
  list-style: none;
}
.calculator__info-list-sub li {
  display: grid;
  margin-bottom: 6px;
  grid-template-columns: 1fr auto;
}
.calculator__info-list-sub li:last-child {
  border-bottom: none;
}
.calculator__info-list-sub p {
  margin: 0;
  margin-right: 8px;
  font-size: 12px;
  line-height: 24px;
  color: #413E40;
  flex-grow: 1;
}
.calculator__info-list-sub p span {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}
@media (max-width: 576px) {
  .calculator__info-list-sub p span {
    display: block;
    margin-right: 0;
  }
}
.calculator__label {
  display: inline-block;
  height: 24px;
  min-width: 86px;
  padding: 4px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #413E40;
  text-align: center;
  background-color: #EAEBEC;
}
.calculator__label--base {
  background-color: #EAEBEC;
}
.calculator__label--optim {
  background-color: #E1DFE0;
}
.calculator__label--maxim {
  background-color: #CDD6CD;
}
.calculator__label--individ {
  background-color: #CDD4D6;
}
.calculator__description {
  margin: 0;
  margin-bottom: 24px;
}
.calculator__decor-line {
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .calculator__decor-line {
    margin-bottom: 24px;
  }
}
.calculator__square {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .calculator__square {
    margin-bottom: 24px;
  }
}
.calculator__square h2 {
  margin: 0;
  margin-bottom: 16px;
}
.calculator__square ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 320px 320px 1fr auto;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media (max-width: 1200px) {
  .calculator__square ul {
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
@media (max-width: 768px) {
  .calculator__square ul {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 8px;
  }
}
.calculator__square li {
  padding: 24px;
  background-color: #E1DFE0;
}
@media (max-width: 1200px) {
  .calculator__square li {
    padding: 16px;
  }
}
.calculator__square li p {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  color: #7E777A;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .calculator__square li p {
    font-size: 10px;
    line-height: 13px;
  }
}
.calculator__square li span {
  display: block;
  margin-top: 8px;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  color: #413E40;
  text-transform: none;
}
@media (max-width: 1200px) {
  .calculator__square li span {
    margin-top: 4px;
    font-size: 18px;
  }
}
.calculator__square li:first-child {
  background-color: #413E40;
}
.calculator__square li:first-child p {
  color: #FFFFFF;
}
.calculator__square li:first-child span {
  color: #83BAAA;
}
.calculator__square li:last-child {
  grid-column: 4 / span 1;
  background-color: #FFFFFF;
}
@media (max-width: 1200px) {
  .calculator__square li:last-child {
    grid-column: 3 / span 1;
  }
}
@media (max-width: 768px) {
  .calculator__square li:last-child {
    grid-column: 1 / span 2;
  }
}
.calculator__table {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .calculator__table {
    margin-bottom: 24px;
  }
}
.calculator__table-title {
  display: flex;
  margin-bottom: 16px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 576px) {
  .calculator__table-title {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.calculator__table-title h2 {
  flex-grow: 1;
  margin: 0;
  margin-right: 32px;
}
@media (max-width: 576px) {
  .calculator__table-title h2 {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
@media (max-width: 576px) {
  .calculator__toggle {
    width: 100%;
  }
}
.calculator__table-list {
  padding: 32px;
  border: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .calculator__table-list {
    padding: 24px;
  }
}
.calculator__table-list p {
  margin: 0;
}
.calculator__table-list strong {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #413E40;
  font-style: italic;
}
.calculator__table-list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 16px;
}
.calculator__table-item {
  margin-bottom: 32px;
}
.calculator__table-item:last-child {
  margin-bottom: 0;
}
.calculator__table-item h3 {
  margin: 0;
  margin-bottom: 16px;
}
.calculator__table-item table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: none;
}
@media (max-width: 768px) {
  .calculator__table-item thead {
    display: none;
  }
}
.calculator__table-item th {
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #413E40;
}
@media (max-width: 1200px) {
  .calculator__table-item th {
    font-size: 16px;
  }
}
.calculator__table-item td {
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
  color: #413E40;
  position: relative;
}
@media (max-width: 1200px) {
  .calculator__table-item td {
    font-size: 14px;
    line-height: 17px;
  }
}
.calculator__table-item td:first-child {
  padding-left: 0;
  color: #7E777A;
}
.calculator__table-item td:first-child a {
  color: #7E777A;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}
.calculator__table-item td:first-child a:hover {
  color: #83BAAA;
}
.calculator__table-item td:first-child::before {
  display: none;
}
@media (max-width: 768px) {
  .calculator__table-item td:first-child {
    order: 1;
    padding-bottom: 0;
  }
}
.calculator__table-item td:nth-child(2) {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .calculator__table-item td:nth-child(2) {
    order: 3;
    width: auto;
    padding-left: 0;
  }
}
.calculator__table-item td:nth-child(3) {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .calculator__table-item td:nth-child(3) {
    order: 4;
    width: auto;
  }
  .calculator__table-item td:nth-child(3) span {
    position: relative;
  }
  .calculator__table-item td:nth-child(3) span::before {
    content: "/";
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #413E40;
    position: absolute;
    top: 0;
    left: -9px;
  }
}
@media (max-width: 768px) {
  .calculator__table-item td:last-child {
    order: 2;
    padding-bottom: 0;
  }
  .calculator__table-item td:last-child::before {
    display: block;
  }
}
.calculator__table-item td::before {
  content: "";
  height: 16px;
  width: 1px;
  background-color: #E1DFE0;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 768px) {
  .calculator__table-item td::before {
    display: none;
  }
}
.calculator__table-item th,
.calculator__table-item td {
  width: 148px;
  padding: 8px;
  padding-left: 24px;
}
@media (max-width: 1024px) {
  .calculator__table-item th,
  .calculator__table-item td {
    width: 120px;
    padding-left: 8px;
  }
}
@media (max-width: 768px) {
  .calculator__table-item th,
  .calculator__table-item td {
    width: 70px;
  }
}
.calculator__table-item th:first-child,
.calculator__table-item td:first-child {
  width: auto;
  padding-left: 0;
}
@media (max-width: 768px) {
  .calculator__table-item th:first-child,
  .calculator__table-item td:first-child {
    width: calc(100% - 70px);
  }
}
.calculator__table-item tbody tr {
  border-top: 1px solid #E1DFE0;
}
@media (max-width: 768px) {
  .calculator__table-item tbody tr {
    display: flex;
    margin-bottom: 16px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .calculator__table-item tbody tr:last-child {
    margin-bottom: 0;
  }
}
.calculator__result {
  display: flex;
  margin-top: 24px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  color: #413E40;
}
@media (max-width: 768px) {
  .calculator__result {
    margin-top: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.calculator__result p {
  margin: 0;
  margin-right: 48px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .calculator__result p {
    font-size: 12px;
    line-height: 14px;
  }
}
@media (max-width: 768px) {
  .calculator__result p {
    margin-right: 0;
  }
}
.calculator__result p span {
  display: inline-block;
  margin-left: 8px;
  font-size: 24px;
  line-height: 29px;
}
@media (max-width: 1200px) {
  .calculator__result p span {
    font-size: 22px;
    line-height: 26px;
  }
}
@media (max-width: 768px) {
  .calculator__result p span {
    display: block;
    margin-left: 0;
  }
}
.calculator__result-total {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
}
@media (max-width: 768px) {
  .calculator__result-total {
    margin-top: 8px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.calculator__result-total h3 {
  margin: 0;
  margin-right: 8px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .calculator__result-total h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .calculator__result-total h3 {
    margin-right: 0;
  }
}
.calculator__result-total ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.calculator__result-total ul span {
  display: inline-block;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .calculator__result-total ul span {
    font-size: 28px;
    line-height: 34px;
  }
}
.calculator__detail-title {
  margin-bottom: 24px;
}
.calculator__detail-title h2 {
  margin: 0;
  margin-bottom: 8px;
}
.calculator__detail-title p {
  margin: 0;
}
.calculator__detail-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 210px);
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media (max-width: 1024px) {
  .calculator__detail-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .calculator__detail-list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 24px;
  }
}
@media (max-width: 374px) {
  .calculator__detail-list {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
}
@media (max-width: 768px) {
  .calculator__detail-list li:last-child {
    grid-column: 1 / span 2;
  }
}
@media (max-width: 374px) {
  .calculator__detail-list li:last-child {
    grid-column: 1 / span 1;
  }
}
.calculator__detail-download,
.calculator__detail-send,
.calculator__detail-refresh {
  min-height: 64px;
  width: 100%;
  padding: 16px;
}
@media (max-width: 1200px) {
  .calculator__detail-download,
  .calculator__detail-send,
  .calculator__detail-refresh {
    min-height: 48px;
    padding: 10px;
  }
}
.calculator__detail-download span:first-child,
.calculator__detail-send span:first-child,
.calculator__detail-refresh span:first-child {
  margin-right: 6px;
}
.calculator__detail-refresh:hover svg {
  fill: #FFFFFF;
}
.calculator__detail-refresh svg {
  fill: #FFFFFF;
}
.calculator__add-list {
  margin: 0;
  padding: 0;
  list-style: none;
  animation: fade-in 0.2s ease-in-out both;
  margin-bottom: 11px;
  border: 1px solid #BCB8BA;
}
.calculator__add-list li {
  animation: fade-in 0.2s ease-in-out both;
  display: flex;
  padding: 8px 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #BCB8BA;
}
.calculator__add-list li:last-child {
  border-bottom: none;
}
.calculator__add-list p {
  margin: 0;
  margin-right: 8px;
  flex-grow: 1;
  font-size: 16px;
  line-height: 24px;
  color: #413E40;
}
.calculator__add-name {
  margin-right: 8px;
  font-weight: 700;
}
@media (max-width: 576px) {
  .calculator__add-name {
    display: block;
  }
}
.calculator__add-reset {
  padding: 0;
  border: none;
  background-color: inherit;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #F04B0E;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.calculator__add-reset:hover {
  cursor: pointer;
  opacity: 0.8;
}
.calculator__add-button {
  padding: 0;
  border: none;
  background-color: inherit;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #413E40;
  transition: all 0.2s ease-out;
}
.calculator__add-button:hover {
  cursor: pointer;
  color: #83BAAA;
}
.calculator__add-button:hover span:first-child {
  background-color: #83BAAA;
}
.calculator__add-button span {
  display: inline-block;
}
.calculator__add-button span:first-child {
  display: inline-flex;
  height: 18px;
  width: 18px;
  margin-right: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #413E40;
  border-radius: 100%;
  transform: rotate(45deg);
  transition: all 0.2s ease-out;
}
.calculator__add-button svg {
  height: auto;
  width: 12px;
  fill: #FFFFFF;
}
/* end calculator */
/* page-error */
.page-error {
  padding-top: 128px;
  padding-bottom: 220px;
}
@media (max-width: 1200px) {
  .page-error {
    padding-top: 42px;
    padding-bottom: 185px;
  }
}
.page-error a {
  min-height: 64px;
  padding: 12px 32px;
}
@media (max-width: 1200px) {
  .page-error a {
    min-height: 56px;
    padding: 12px 24px;
  }
}
.page-error a span:first-child {
  margin-right: 6px;
}
.page-error__title {
  display: inline-block;
  width: 660px;
  margin: 0;
  padding-bottom: 24px;
  font-size: 100px;
  line-height: 1;
  font-weight: 700;
  color: #413E40;
  border-bottom: 1px solid #413E40;
  position: relative;
}
@media (max-width: 1200px) {
  .page-error__title {
    width: 100%;
  }
}
.page-error__title:after {
  content: "";
  height: 11px;
  width: 1px;
  background-color: #413E40;
  position: absolute;
  bottom: 0;
  left: 0;
}
.page-error__text {
  padding-bottom: 36px;
}
@media (max-width: 1200px) {
  .page-error__text {
    padding-bottom: 24px;
  }
}
/* end page-error */
/* contacts */
.contacts {
  padding-top: 56px;
  padding-bottom: 135px;
}
@media (max-width: 1200px) {
  .contacts {
    padding-top: 24px;
    padding-bottom: 60px;
  }
}
.contacts__address {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .contacts__address {
    margin-bottom: 24px;
  }
}
.contacts__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  grid-template-rows: repeat(2, 1fr);
  border-top: 1px solid #413E40;
  border-left: 1px solid #413E40;
}
@media (max-width: 768px) {
  .contacts__list {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
  }
}
.contacts__item {
  padding: 32px;
}
@media (max-width: 1200px) {
  .contacts__item {
    padding: 16px 24px;
  }
}
.contacts__item:nth-child(1) {
  border-bottom: 1px solid #413E40;
}
.contacts__item:nth-child(2) {
  grid-column: 1 / span 1;
}
@media (max-width: 768px) {
  .contacts__item:nth-child(2) {
    border-bottom: 1px solid #413E40;
  }
}
.contacts__item:nth-child(3) {
  grid-column: 2 / span 1;
  grid-row: 1 / span 2;
  border-left: 1px solid #413E40;
}
@media (max-width: 768px) {
  .contacts__item:nth-child(3) {
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
    border-left: none;
  }
}
.contacts__item:nth-child(4) {
  grid-column: 3 / span 1;
  grid-row: 1 / span 2;
}
@media (max-width: 768px) {
  .contacts__item:nth-child(4) {
    grid-column: 1 / span 1;
    grid-row: 4 / span 1;
  }
}
.contacts__item h3 {
  margin: 0;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .contacts__item h3 {
    margin-top: 8px;
  }
}
.contacts__item address {
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .contacts__item address {
    margin-bottom: 8px;
  }
}
.contacts__item address p {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #413E40;
  font-style: normal;
}
.contacts__schedule {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #413E40;
}
.contacts__schedule li {
  margin-bottom: 2px;
}
.contacts__schedule li:last-child {
  margin-bottom: 0;
}
.contacts__link {
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  color: #413E40;
  white-space: nowrap;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 1200px) {
  .contacts__link {
    font-size: 20px;
  }
}
.contacts__link:hover {
  opacity: 0.9;
}
.contacts__label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 16px;
  color: #7E777A;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .contacts__label {
    font-size: 10px;
    line-height: 13px;
  }
}
.contacts__map {
  min-height: 48px;
  padding: 10px 16px;
}
@media (max-width: 1200px) {
  .contacts__map {
    min-height: 40px;
    padding: 6px 16px;
  }
}
.contacts__map span:first-child {
  margin-right: 6px;
}
.contacts__callback {
  padding: 48px;
  border: 1px solid #413E40;
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .contacts__callback {
    padding: 24px;
  }
}
.contacts__title {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .contacts__title {
    margin-bottom: 16px;
  }
}
.contacts__title h2 {
  margin: 0;
  margin-bottom: 8px;
}
.contacts__title p {
  margin: 0;
}
.contacts__form > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  margin-bottom: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
@media (max-width: 1200px) {
  .contacts__form > ul {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .contacts__form > ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .contacts__form > ul {
    grid-template-columns: 1fr;
  }
}
.contacts__form > ul > li:last-child {
  grid-column: 1 / span 3;
}
@media (max-width: 768px) {
  .contacts__form > ul > li:last-child {
    grid-column: 1 / span 2;
  }
}
@media (max-width: 768px) {
  .contacts__form > ul > li:last-child {
    grid-column: 1 / span 1;
  }
}
@media (max-width: 768px) {
  .contacts__form > ul > li:nth-child(3) {
    grid-column: 1 / span 2;
  }
}
@media (max-width: 768px) {
  .contacts__form > ul > li:nth-child(3) {
    grid-column: 1 / span 1;
  }
}
.contacts__form-checkbox {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .contacts__form-checkbox {
    margin-bottom: 16px;
  }
}
.contacts__form-bottom {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .contacts__form-bottom {
    min-height: 56px;
  }
}
.contacts__button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .contacts__button {
    min-height: 56px;
  }
}
/* end contacts */
/* about */
.about {
  padding-top: 56px;
}
@media (max-width: 1200px) {
  .about {
    padding-top: 24px;
  }
}
.about__wysiwyg {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .about__wysiwyg {
    margin-bottom: 32px;
  }
}
.about__video {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  border: none;
}
.about__video h2 {
  margin: 0;
  margin-bottom: 25px;
}
.about__video .video__button {
  grid-column: 1 / span 1;
  grid-row: 2 / span 1;
}
.about__slider {
  padding-top: 56px;
}
@media (max-width: 1024px) {
  .about__slider {
    padding-top: 32px;
  }
}
@media (max-width: 576px) {
  .about__slider {
    overflow-x: hidden;
  }
}
.about__slider-border {
  border-top: 1px solid #413E40;
  border-bottom: 1px solid #413E40;
  background-color: #FAF9F9;
  position: relative;
}
@media (max-width: 768px) {
  .about__slider-border {
    border-top: none;
  }
}
.about__slider-text {
  display: grid;
  grid-template-columns: 1fr 20px 460px 700px 20px 1fr;
  grid-template-rows: auto auto 1fr auto;
}
@media (max-width: 1280px) {
  .about__slider-text {
    grid-template-columns: 60px 1fr 2fr 60px;
  }
}
@media (max-width: 1024px) {
  .about__slider-text {
    grid-template-columns: 24px 1fr 2fr 24px;
  }
}
@media (max-width: 768px) {
  .about__slider-text {
    grid-template-columns: 24px 1fr 24px;
    grid-template-rows: auto auto 1fr auto auto;
  }
}
.about__slider-title {
  margin: 0;
  margin-bottom: 16px;
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
  padding-top: 60px;
  padding-right: 60px;
  font-size: 14px;
  line-height: 18px;
  color: #7E777A;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  .about__slider-title {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 1200px) {
  .about__slider-title {
    padding-top: 24px;
    padding-right: 24px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 768px) {
  .about__slider-title {
    padding-top: 0;
    padding-right: 0;
  }
}
.about__slider-description {
  margin: 0;
  grid-column: 3 / span 1;
  grid-row: 2 / span 1;
  padding-right: 60px;
}
@media (max-width: 1280px) {
  .about__slider-description {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 1200px) {
  .about__slider-description {
    padding-right: 24px;
  }
}
@media (max-width: 768px) {
  .about__slider-description {
    padding-right: 0;
    padding-bottom: 24px;
  }
}
.about__slider-img {
  grid-column: 4 / span 3;
  grid-row: 1 / span 4;
  padding: 20px 0;
  border-left: 1px solid #413E40;
}
@media (max-width: 1280px) {
  .about__slider-img {
    grid-column: 3 / span 2;
    padding: 24px 0;
  }
}
@media (max-width: 768px) {
  .about__slider-img {
    grid-column: 1 / span 3;
    grid-row: 5 / span 1;
    border-left: none;
    border-top: 1px solid #413E40;
  }
}
/* end about */
/* partners */
.partners {
  padding-top: 56px;
  padding-bottom: 120px;
}
@media (max-width: 1200px) {
  .partners {
    padding-top: 24px;
    padding-bottom: 74px;
  }
}
.partners__description {
  margin-bottom: 40px;
  padding: 24px;
  border-top: 1px solid #413E40;
  border-left: 1px solid #413E40;
  position: relative;
}
@media (max-width: 1200px) {
  .partners__description {
    margin-bottom: 24px;
    padding: 16px;
  }
}
.partners__description::after {
  content: "";
  height: 16px;
  width: 16px;
  background-color: #F04B0E;
  border-radius: 100%;
  position: absolute;
  top: -8px;
  left: -8px;
}
.partners__description p {
  margin: 0;
}
.partners__description em {
  display: block;
  margin-bottom: 8px;
  font-style: normal;
}
.partners__advantage {
  display: flex;
  margin-bottom: 40px;
  padding: 48px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  border: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .partners__advantage {
    margin-bottom: 24px;
    padding: 24px;
  }
}
@media (max-width: 768px) {
  .partners__advantage {
    flex-direction: column;
  }
}
.partners__advantage h2 {
  display: block;
  width: 33%;
  margin: 0;
  padding-top: 148px;
  padding-right: 40px;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/background/partner-back.svg");
  background-repeat: no-repeat;
  background-size: 124px;
  background-position: top left;
}
@media (max-width: 1200px) {
  .partners__advantage h2 {
    padding-top: 80px;
    padding-right: 24px;
    background-size: 64px;
  }
}
@media (max-width: 1024px) {
  .partners__advantage h2 {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .partners__advantage h2 {
    width: 100%;
    padding-right: 0;
    padding-bottom: 24px;
  }
}
.partners__advantage-list {
  width: 67%;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .partners__advantage-list {
    width: 70%;
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 16px;
  }
}
@media (max-width: 768px) {
  .partners__advantage-list {
    width: 100%;
  }
}
.partners__advantage-list .decor-list__number {
  margin-bottom: 8px;
}
.partners__advantage-list .decor-list__number span {
  padding: 5px 12px;
  font-size: 18px;
}
.partners__wysiwyg {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .partners__wysiwyg {
    margin-bottom: 24px;
  }
}
.partners__wysiwyg h2 {
  margin: 0;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .partners__wysiwyg h2 {
    margin-bottom: 16px;
  }
}
.partners__wysiwyg p {
  margin-bottom: 12px;
}
.partners__conditions ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1px;
       column-gap: 1px;
  background-color: #413E40;
  border: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .partners__conditions ul {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 1px;
  }
}
.partners__conditions li {
  display: flex;
  padding: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #FAF9F9;
}
@media (max-width: 1200px) {
  .partners__conditions li {
    padding: 24px;
  }
}
.partners__conditions h3 {
  margin: 0;
  margin-bottom: 8px;
}
.partners__conditions p {
  margin: 0;
  margin-bottom: 24px;
  flex-grow: 1;
}
@media (max-width: 1200px) {
  .partners__conditions p {
    margin-bottom: 19px;
  }
}
.partners__conditions-title {
  margin-bottom: 32px;
  border-bottom: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .partners__conditions-title {
    margin-bottom: 16px;
  }
}
.partners__conditions-title h2 {
  display: inline-block;
  width: auto;
  margin: 0;
  padding-right: 24px;
  padding-bottom: 8px;
  position: relative;
}
@media (max-width: 1200px) {
  .partners__conditions-title h2 {
    padding-right: 16px;
  }
}
.partners__conditions-title h2::after {
  content: "";
  height: 32px;
  width: 1px;
  background-color: #413E40;
  position: absolute;
  right: 0;
  bottom: 0;
}
/* end partners */
/* solution */
.solution__start {
  margin-bottom: 155px;
  position: relative;
}
@media (max-width: 768px) {
  .solution__start {
    margin-bottom: 0;
  }
}
.solution__start-wrapper {
  max-width: 1320px;
  padding: 0;
  display: grid;
  grid-template-columns: 60px 20px 1fr 600px 20px 60px;
  grid-template-rows: auto 110px 65px repeat(3, auto) 1fr 65px;
}
@media (max-width: 1370px) {
  .solution__start-wrapper {
    grid-template-columns: 1fr 20px 560px 600px 20px 1fr;
  }
}
@media (max-width: 1280px) {
  .solution__start-wrapper {
    grid-template-columns: 60px 1fr 600px 60px;
  }
}
@media (max-width: 1200px) {
  .solution__start-wrapper {
    grid-template-columns: 24px 1fr 600px 24px;
  }
}
@media (max-width: 1024px) {
  .solution__start-wrapper {
    grid-template-columns: 24px 1fr 1fr 24px;
    grid-template-rows: auto 65px 32px repeat(3, auto) 1fr 32px;
  }
}
@media (max-width: 768px) {
  .solution__start-wrapper {
    grid-template-columns: 24px 1fr 24px;
    grid-template-rows: auto 30px repeat(5, auto) 30px;
  }
}
.solution__start-back {
  display: block;
  grid-column: 1 / span 6;
  grid-row: 3 / span 6;
  background-color: #EAEBEC;
}
@media (max-width: 1280px) {
  .solution__start-back {
    grid-column: 1 / span 4;
  }
}
@media (max-width: 768px) {
  .solution__start-back {
    grid-column: 1 / span 3;
    grid-row: 2 / span 7;
  }
}
.solution__start-title {
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
  margin: 0;
}
@media (max-width: 1280px) {
  .solution__start-title {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 768px) {
  .solution__start-title {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
    margin-bottom: 24px;
  }
}
.solution__start-text {
  grid-column: 3 / span 1;
  grid-row: 4 / span 1;
  margin: 0;
  margin-bottom: 24px;
}
@media (max-width: 1280px) {
  .solution__start-text {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 1024px) {
  .solution__start-text {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .solution__start-text {
    grid-column: 2 / span 1;
    grid-row: 4 / span 1;
  }
}
.solution__start-button {
  grid-column: 3 / span 1;
  grid-row: 5 / span 1;
  height: 64px;
  width: 224px;
  margin-bottom: 32px;
}
@media (max-width: 1280px) {
  .solution__start-button {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 1200px) {
  .solution__start-button {
    height: 56px;
  }
}
@media (max-width: 1024px) {
  .solution__start-button {
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .solution__start-button {
    grid-column: 2 / span 1;
    grid-row: 5 / span 1;
    width: 100%;
  }
}
.solution__start-button span:first-child {
  margin-right: 6px;
}
.solution__start-button svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
}
.solution__start-note {
  grid-column: 3 / span 1;
  grid-row: 6 / span 1;
  display: inline-flex;
  margin: 0;
  margin-bottom: 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  color: #949D9E;
}
@media (max-width: 1280px) {
  .solution__start-note {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 1024px) {
  .solution__start-note {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .solution__start-note {
    grid-column: 2 / span 1;
    grid-row: 6 / span 1;
  }
}
.solution__start-note strong {
  font-weight: 600;
}
.solution__start-note span {
  display: inline-block;
  margin-right: 8px;
}
.solution__start-note svg {
  height: 24px;
  width: 24px;
  fill: #949D9E;
}
.solution__start-toggle {
  grid-column: 3 / span 1;
  grid-row: 7 / span 1;
  align-self: end;
}
@media (max-width: 1280px) {
  .solution__start-toggle {
    grid-column: 2 / span 1;
  }
}
@media (max-width: 768px) {
  .solution__start-toggle {
    grid-column: 2 / span 1;
    grid-row: 7 / span 1;
  }
}
.solution__start-toggle .toggle__text {
  margin-right: 0;
  margin-left: 14px;
}
.solution__start-media {
  grid-column: 4 / span 1;
  grid-row: 1 / span 8;
  padding-bottom: 37px;
  position: relative;
}
@media (max-width: 1280px) {
  .solution__start-media {
    grid-column: 3 / span 1;
  }
}
@media (max-width: 768px) {
  .solution__start-media {
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
    padding-bottom: 16px;
  }
}
.solution__start-animation {
  width: 600px;
  max-width: 600px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1024px) {
  .solution__start-animation {
    width: 100%;
  }
}
.solution__start-animation svg {
  animation: fade-in 0.2s ease-in-out both;
}
.solution__plug {
  opacity: 0;
  visibility: hidden;
}
.solution__plug svg {
  height: auto;
  width: 100%;
}
.solution__step {
  margin-top: 24px;
  margin-bottom: 127px;
}
@media (max-width: 1200px) {
  .solution__step {
    margin-bottom: 42px;
  }
}
.solution__step-wrapper {
  width: 480px;
  margin: 0 auto;
  border: 1px solid #413E40;
  background-color: #FFFFFF;
  position: relative;
}
@media (max-width: 1200px) {
  .solution__step-wrapper {
    width: 330px;
  }
}
@media (max-width: 425px) {
  .solution__step-wrapper {
    width: 100%;
  }
}
.solution__step-sound {
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;
}
.solution__step-media {
  position: relative;
}
.solution__step-animation {
  width: 432px;
  max-width: 432px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .solution__step-animation {
    width: 280px;
    max-width: 280px;
  }
}
@media (max-width: 425px) {
  .solution__step-animation {
    width: calc(100% - 24px);
    max-width: none;
  }
}
.solution__step-animation svg {
  animation: fade-in 0.2s ease-in-out both;
}
.solution__step-progress {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  height: 18px;
  margin-bottom: 16px;
  padding: 0 48px;
  grid-template-columns: repeat(7, 1fr);
  -moz-column-gap: 4px;
       column-gap: 4px;
}
@media (max-width: 1200px) {
  .solution__step-progress {
    margin-bottom: 8px;
    padding: 0 24px;
  }
}
.solution__step-progress li {
  height: 2px;
  background-color: #E1DFE0;
  position: relative;
}
.solution__step-progress li::after {
  content: "";
  height: 2px;
  width: 0;
  background-color: #E1DFE0;
  transition: all 0.3s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.solution__step-progress li.active::after {
  width: 100%;
  background-color: #413E40;
}
.solution__step-text {
  margin: 0;
  margin-bottom: 24px;
  padding: 0 48px;
}
@media (max-width: 1200px) {
  .solution__step-text {
    margin-bottom: 16px;
    padding: 0 24px;
  }
}
.solution__step-button-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  padding: 0 48px;
  padding-bottom: 40px;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .solution__step-button-list {
    padding: 0 24px;
    padding-bottom: 24px;
  }
}
.solution__step-button-list button {
  min-height: 56px;
  width: 100%;
}
@media (max-width: 1200px) {
  .solution__step-button-list button {
    min-height: 48px;
  }
}
.solution__step-button-list li:first-child button {
  border-right-width: 1px;
}
.solution__step-button-list li:last-child button {
  border-left-width: 1px;
}
.solution__step-scale {
  padding: 16px;
  background-color: #EAEBEC;
}
.solution__form {
  margin-top: 24px;
  margin-bottom: 127px;
}
@media (max-width: 1200px) {
  .solution__form {
    margin-bottom: 42px;
  }
}
.solution__form-wrapper {
  width: 480px;
  margin: 0 auto;
  padding: 32px;
  border: 1px solid #413E40;
  background-color: #FFFFFF;
  position: relative;
}
@media (max-width: 1200px) {
  .solution__form-wrapper {
    width: 330px;
    padding: 24px;
  }
}
@media (max-width: 425px) {
  .solution__form-wrapper {
    width: 100%;
  }
}
.solution__form-wrapper form {
  margin: 0;
  padding: 0;
}
.solution__form-wrapper fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.solution__form-wrapper legend {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .solution__form-wrapper legend {
    margin-bottom: 16px;
  }
}
.solution__form-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .solution__form-wrapper ul {
    margin-bottom: 16px;
  }
}
.solution__form-wrapper ul li {
  margin-bottom: 12px;
}
.solution__form-wrapper ul li:last-child {
  margin-bottom: 0;
}
.solution__form-wrapper button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .solution__form-wrapper button {
    min-height: 56px;
  }
}
.solution__form-wrapper > ul > li {
  margin-bottom: 24px;
  border-bottom: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .solution__form-wrapper > ul > li {
    margin-bottom: 16px;
  }
}
.solution__form-wrapper > ul > li:last-child {
  border-bottom: none;
}
.solution__success {
  margin-top: 24px;
  margin-bottom: 127px;
}
@media (max-width: 1200px) {
  .solution__success {
    margin-bottom: 42px;
  }
}
.solution__success-wrapper {
  width: 480px;
  margin: 0 auto;
  border: 1px solid #413E40;
  background-color: #FFFFFF;
  position: relative;
}
@media (max-width: 1200px) {
  .solution__success-wrapper {
    width: 330px;
  }
}
@media (max-width: 425px) {
  .solution__success-wrapper {
    width: 100%;
  }
}
.solution__success-wrapper h2 {
  margin: 0;
  padding: 0 32px;
  margin-bottom: 8px;
}
@media (max-width: 1200px) {
  .solution__success-wrapper h2 {
    padding: 0 24px;
  }
}
.solution__success-wrapper p {
  margin: 0;
  padding: 0 32px;
}
@media (max-width: 1200px) {
  .solution__success-wrapper p {
    padding: 0 24px;
  }
}
.solution__success-wrapper a {
  margin: 32px;
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .solution__success-wrapper a {
    margin: 24px;
    margin-top: 16px;
  }
}
.solution__success-media {
  margin-bottom: 32px;
  border-bottom: 1px solid #413E40;
  position: relative;
}
@media (max-width: 1200px) {
  .solution__success-media {
    margin-bottom: 24px;
  }
}
.solution__success-animation {
  width: 480px;
  max-width: 480px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .solution__success-animation {
    width: 330px;
    max-width: 330px;
  }
}
@media (max-width: 425px) {
  .solution__success-animation {
    width: 100%;
    max-width: none;
  }
}
.solution__success-animation svg {
  animation: fade-in 0.2s ease-in-out both;
}
.solution__video {
  margin-top: 24px;
  margin-bottom: 127px;
}
@media (max-width: 1200px) {
  .solution__video {
    margin-bottom: 42px;
  }
}
.solution__video-wrapper {
  width: 480px;
  margin: 0 auto;
  border: 1px solid #413E40;
  background-color: #FFFFFF;
  position: relative;
}
@media (max-width: 1200px) {
  .solution__video-wrapper {
    width: 330px;
  }
}
@media (max-width: 425px) {
  .solution__video-wrapper {
    width: 100%;
  }
}
.solution__video-wrapper video {
  width: 100%;
  max-height: 100%;
}
.solution__video-wrapper button {
  min-height: 56px;
  width: 240px;
  transform: translateX(-50%);
  opacity: 0;
  animation: fade-in 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation-delay: 10s;
  position: absolute;
  left: 50%;
  bottom: 27%;
}
@media (max-width: 1200px) {
  .solution__video-wrapper button {
    min-height: 48px;
    width: 200px;
  }
}
.solution__result {
  margin-bottom: 75px;
}
@media (max-width: 1200px) {
  .solution__result {
    margin-bottom: 56px;
  }
}
.solution__result-main {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .solution__result-main {
    margin-bottom: 32px;
  }
}
.solution__result-main h2 {
  margin: 0;
}
.solution__result-wrapper {
  display: grid;
  grid-template-columns: 40px 349px 1fr 40px;
  grid-template-rows: 65px 44px auto 40px;
}
@media (max-width: 1024px) {
  .solution__result-wrapper {
    grid-template-columns: 24px 2fr 3fr 24px;
    grid-template-rows: 65px 24px auto 24px;
  }
}
@media (max-width: 768px) {
  .solution__result-wrapper {
    padding: 0;
    grid-template-columns: 24px 1fr 24px;
    grid-template-rows: 135px 100px auto 24px;
  }
}
.solution__result-back {
  grid-column: 1 / span 4;
  grid-row: 3 / span 2;
  background-color: #EAEBEC;
}
@media (max-width: 768px) {
  .solution__result-back {
    grid-column: 1 / span 3;
    grid-row: 2 / span 3;
  }
}
.solution__result-media {
  grid-column: 2 / span 1;
  grid-row: 1 / span 4;
  position: relative;
}
@media (max-width: 768px) {
  .solution__result-media {
    grid-column: 2 / span 1;
    grid-row: 1 / span 2;
  }
}
.solution__result-animation {
  width: 349px;
  max-width: 349px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1024px) {
  .solution__result-animation {
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 768px) {
  .solution__result-animation {
    height: 100%;
    max-width: 349px;
  }
}
.solution__result-animation svg {
  animation: fade-in 0.2s ease-in-out both;
}
.solution__result-tagline {
  animation: fade-in 0.2s ease-in-out both;
  margin-left: 80px;
  grid-column: 3 / span 1;
  grid-row: 2 / span 2;
  align-self: end;
  position: relative;
}
@media (max-width: 1200px) {
  .solution__result-tagline {
    margin-left: 24px;
  }
}
@media (max-width: 768px) {
  .solution__result-tagline {
    margin-left: 0;
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
  }
}
.solution__result-tagline p {
  width: 100%;
  margin: 0;
  padding: 40px;
  padding-top: 100px;
  background-color: #FFFFFF;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/background/solution-back.svg");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: top 24px right;
}
@media (max-width: 1200px) {
  .solution__result-tagline p {
    padding: 24px;
    padding-top: 44px;
    background-size: 126px;
    background-position: top 12px right;
  }
}
.solution__result-tagline em {
  display: block;
  margin-bottom: 8px;
  font-style: normal;
  position: relative;
}
.solution__result-tagline em:before {
  content: "";
  height: 4px;
  width: 32px;
  background-color: #F04B0E;
  position: absolute;
  top: -8px;
  left: 0;
}
.solution__result-tagline svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
  transform: rotate(180deg);
  position: absolute;
  left: -23px;
  bottom: 0;
}
@media (max-width: 1200px) {
  .solution__result-tagline svg {
    height: 16px;
    width: 16px;
    left: -15px;
  }
}
@media (max-width: 768px) {
  .solution__result-tagline svg {
    transform: scale(1, -1);
    top: -15px;
    left: 0;
  }
}
.solution__slider {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .solution__slider {
    margin-bottom: 32px;
  }
}
.solution__slider h2 {
  margin: 0;
}
.solution__decor-line {
  margin: 24px 0;
}
@media (max-width: 1200px) {
  .solution__decor-line {
    margin: 16px 0;
  }
}
@media (max-width: 768px) {
  .solution__slider-wrapper {
    padding: 0;
  }
}
.solution__constructions {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .solution__constructions {
    margin-bottom: 32px;
  }
}
.solution__constructions h2 {
  margin: 0;
}
.solution__constructions-list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.solution__constructions-list > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 16px;
}
.solution__constructions-list > ul > li:last-child {
  margin-bottom: 0;
}
.solution__constructions-list .constructions-card {
  grid-template-columns: 32px 1fr 32px 740px 32px;
}
@media (max-width: 1280px) {
  .solution__constructions-list .constructions-card {
    grid-template-columns: 32px 330px 32px 1fr 32px;
  }
}
@media (max-width: 1200px) {
  .solution__constructions-list .constructions-card {
    grid-template-columns: 16px 330px 16px 1fr 16px;
  }
}
@media (max-width: 768px) {
  .solution__constructions-list .constructions-card {
    grid-template-columns: 16px 1fr 16px;
  }
}
.solution__constructions-list .constructions-card__info {
  margin-bottom: 0;
}
.solution__callback {
  padding: 48px;
  border: 1px solid #413E40;
  background-color: #FFFFFF;
}
@media (max-width: 1024px) {
  .solution__callback {
    padding: 24px;
  }
}
.solution__callback-title {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .solution__callback-title {
    margin-bottom: 16px;
  }
}
.solution__callback-title h2 {
  margin: 0;
  margin-bottom: 8px;
}
.solution__callback-title p {
  margin: 0;
}
.solution__callback-form > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  margin-bottom: 24px;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 1200px) {
  .solution__callback-form > ul {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .solution__callback-form > ul {
    grid-template-columns: 1fr;
  }
}
.solution__callback-form > ul > li:last-child {
  grid-column: 1 / span 2;
}
@media (max-width: 768px) {
  .solution__callback-form > ul > li:last-child {
    grid-column: 1 / span 1;
  }
}
.solution__callback-checkbox {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .solution__callback-checkbox {
    margin-bottom: 16px;
  }
}
.solution__callback-bottom {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .solution__callback-bottom {
    min-height: 56px;
  }
}
.solution__callback-button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .solution__callback-button {
    min-height: 56px;
  }
}
/* end solution */
/* where */
.where {
  padding-top: 56px;
  padding-bottom: 168px;
}
@media (max-width: 1200px) {
  .where {
    padding-top: 24px;
    padding-bottom: 72px;
  }
}
.where__online {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .where__online {
    margin-bottom: 24px;
  }
}
.where__online h2 {
  margin: 0;
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .where__online h2 {
    margin-bottom: 8px;
  }
}
.where__online p {
  margin: 0;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .where__online p {
    margin-bottom: 16px;
  }
}
.where__online ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
@media (max-width: 1200px) {
  .where__online ul {
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .where__online ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.where__online-link {
  display: flex;
  padding: 16px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #413E40;
  background-color: inherit;
  transition: all 0.2s ease-out;
  position: relative;
}
@media (max-width: 1200px) {
  .where__online-link {
    padding: 6px;
  }
}
.where__online-link img {
  height: auto;
  width: 120px;
}
.where__online-link span {
  display: flex;
  height: 40px;
  width: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .where__online-link span {
    display: none;
  }
}
.where__online-link span svg {
  height: 24px;
  width: 24px;
  fill: #413E40;
}
.where__online-link:hover {
  background-color: #FFFFFF;
}
.where__online-link:hover span {
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 1200px) {
  .where__online-link:hover span {
    transition: none;
  }
}
.where__partners h2 {
  margin: 0;
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .where__partners h2 {
    margin-bottom: 8px;
  }
}
.where__partners p {
  margin: 0;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .where__partners p {
    margin-bottom: 16px;
  }
}
.where__select {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  margin-bottom: 24px;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media (max-width: 768px) {
  .where__select {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 16px;
  }
}
.where__select > li {
  min-width: 100%;
}
.where__check-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .where__check-list ul {
    margin-bottom: 10px;
  }
}
.where__check-list li {
  margin-right: 40px;
  margin-bottom: 26px;
}
@media (max-width: 768px) {
  .where__check-list li {
    margin-right: 32px;
    margin-bottom: 16px;
  }
}
.where__check-list li:last-child {
  margin-right: 0;
}
.where__partners-toggles {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  border: 1px solid #413E40;
  position: relative;
}
@media (max-width: 768px) {
  .where__partners-toggles {
    display: flex;
  }
}
.where__partners-toggles::after {
  content: "";
  height: 100%;
  width: 1px;
  margin: 0 auto;
  background-color: #413E40;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.where__partners-toggles li {
  width: 50%;
}
.where__partners-toggles li:first-child .where__partners-toggle::before {
  content: "";
  height: 100%;
  width: 100%;
  margin: auto;
  background-color: #413E40;
  transition: all 0.3s ease-in-out;
  transform: translateX(100%);
  z-index: -1;
  position: absolute;
  inset: 0;
}
.where__partners-toggles li:first-child .current::before {
  transform: translateX(0);
}
.where__partners-toggle {
  padding: 0;
  border: none;
  background-color: inherit;
  display: block;
  width: 100%;
  padding: 11px;
  font-size: 14px;
  line-height: 18px;
  color: #413E40;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.where__partners-toggle.current {
  color: #FFFFFF;
}
.where__partners-address {
  display: grid;
  height: 500px;
  width: 100%;
  grid-template-columns: 360px 1fr;
  border: 1px solid #413E40;
  overflow: hidden;
}
@media (max-width: 768px) {
  .where__partners-address {
    height: auto;
    grid-template-columns: 1fr;
    border-top: none;
  }
}
.where__partners-list {
  border-right: 1px solid #413E40;
  overflow: auto;
}
@media (max-width: 768px) {
  .where__partners-list {
    border-right: none;
  }
}
.where__partners-list::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
.where__partners-list::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.where__partners-list::-webkit-scrollbar-thumb {
  background-color: #E1DFE0;
  border-radius: 20px;
}
.where__partners-list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.where__partners-list > ul > li {
  border-bottom: 1px solid #413E40;
}
.where__partners-list > ul > li:last-child {
  border-bottom: none;
}
.where__partners-map {
  height: 100%;
  min-height: 380px;
  width: 100%;
}
.where__partners-item {
  padding: 20px;
  padding-right: 36px;
  background-color: inherit;
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/icons/where/bag.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: top 8px right 8px;
  transition: all 0.3s ease-out;
  position: relative;
}
.where__partners-item:hover {
  cursor: pointer;
  background-color: #FFFFFF;
}
.where__partners-item::after {
  content: "";
  height: 100%;
  width: 0;
  background-color: #413E40;
  transition: all 0.3s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.where__partners-item--install {
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/icons/where/wrench.svg");
}
.where__partners-item--buy-install {
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/icons/where/bag.svg"), url("/local/templates/SilentHouse-3.0/css/../img/icons/where/wrench.svg");
  background-repeat: no-repeat, no-repeat;
  background-size: 20px, 20px;
  background-position: top 8px right 8px,  top 36px right 8px;
}
.where__partners-item--regional {
  background-image: url("/local/templates/SilentHouse-3.0/css/../img/icons/where/user.svg");
}
.where__partners-item h4 {
  margin: 0;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #413E40;
}
.where__partners-item p {
  margin: 0;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #7E777A;
}
.where__partners-item ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.where__partners-item ul li {
  margin-right: 8px;
}
.where__partners-item ul a {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #413E40;
  white-space: nowrap;
  transition: all 0.3s ease-out;
}
.where__partners-item ul a:hover {
  color: #83BAAA;
}
.where__partners-item--active {
  background-color: #FFFFFF;
}
.where__partners-item--active:hover {
  cursor: default;
}
.where__partners-item--active::after {
  width: 6px;
}
.where__partners-item > a {
  display: flex;
  margin-top: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #413E40;
  transition: all 0.3s ease-out;
  text-decoration: underline;
}
.where__partners-item > a:hover {
  color: #83BAAA;
}
.where__partners-item > a:hover svg {
  fill: #83BAAA;
}
.where__partners-item > a span {
  display: inline-block;
}
.where__partners-item > a span:first-child {
  margin-right: 4px;
}
.where__partners-item > a svg {
  height: 16px;
  width: 16px;
  fill: #413E40;
  transition: all 0.3s ease-out;
}
.where__partners-address-item {
  display: block;
}
@media (max-width: 768px) {
  .where__partners-address-item {
    animation: fade-in 0.2s ease-in-out both;
  }
}
@media (max-width: 768px) {
  .where__partners-address-item.remove {
    display: none;
  }
}
/* end where */
/* claims */
.claims {
  min-height: 620px;
  position: relative;
}
@media (max-width: 768px) {
  .claims {
    min-height: 520px;
  }
}
.claims__steps {
  padding-top: 56px;
  padding-bottom: 72px;
}
@media (max-width: 1200px) {
  .claims__steps {
    padding-top: 24px;
    padding-bottom: 42px;
  }
}
.claims__description {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .claims__description {
    margin-bottom: 16px;
  }
}
.claims__description p {
  margin: 0;
}
.claims__progress {
  height: 48px;
  position: relative;
}
@media (max-width: 768px) {
  .claims__progress {
    height: 66px;
  }
}
.claims__progress ol {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  counter-reset: products-item;
}
@media (max-width: 768px) {
  .claims__progress ol {
    grid-template-columns: 1fr;
  }
}
.claims__progress ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 4px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background-color: #E1DFE0;
}
.claims__progress-item {
  display: block;
  height: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .claims__progress-item {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    opacity: 0;
    transition: all 0.2s ease-out;
  }
}
.claims__progress-item span {
  display: block;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #413E40;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  position: relative;
}
@media (max-width: 1024px) {
  .claims__progress-item span {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .claims__progress-item span {
    font-size: 18px;
  }
}
.claims__progress-item span:before {
  counter-increment: products-item;
  content: "0" counter(products-item);
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 1;
  color: #BCB8BA;
  font-weight: 900;
  transition: all 0.2s ease-out;
  position: relative;
  top: 0;
  left: 0;
}
@media (max-width: 1024px) {
  .claims__progress-item span:before {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .claims__progress-item span:before {
    font-size: 18px;
  }
}
.claims__progress-line {
  display: block;
  height: 100%;
  position: relative;
}
.claims__progress-line::before {
  content: "";
  height: 4px;
  width: 100%;
  opacity: 0;
  transition: all 0.2s ease-out;
  background-color: #83BAAA;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.claims__progress-line::after {
  content: "";
  height: 4px;
  width: 100%;
  opacity: 0;
  transition: all 0.2s ease-out;
  background-color: #413E40;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .claims__progress-item.current {
    opacity: 1;
  }
}
.claims__progress-item.current span:before {
  color: #413E40;
}
.claims__progress-line.current::after {
  opacity: 1;
}
.claims__progress-line.active::before {
  opacity: 1;
}
.claims__form {
  padding: 48px;
  background-color: #FFFFFF;
}
@media (max-width: 1200px) {
  .claims__form {
    padding: 24px;
  }
}
.claims__button-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.claims__button-list--double {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media (max-width: 576px) {
  .claims__button-list--double {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
.claims__button-back {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .claims__button-back {
    min-height: 56px;
  }
}
.claims__button-back span:first-child {
  margin-right: 6px;
}
@media (max-width: 576px) {
  .claims__button-back span:first-child {
    display: none;
  }
}
.claims__button-back svg {
  transform: rotate(180deg);
}
.claims__button-next {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .claims__button-next {
    min-height: 56px;
  }
}
.claims__button-next:hover svg {
  fill: #FFFFFF;
}
.claims__button-next span:first-child {
  margin-right: 6px;
}
@media (max-width: 576px) {
  .claims__button-next span:first-child {
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .claims__button-next span:last-child {
    display: none;
  }
}
.claims__button-next svg {
  fill: #FFFFFF;
}
.claims__item fieldset {
  margin: 0;
  margin-bottom: 32px;
  padding: 0;
  border: none;
}
@media (max-width: 1200px) {
  .claims__item fieldset {
    margin-bottom: 24px;
  }
}
.claims__item legend {
  margin-bottom: 24px;
  font-weight: 700;
  color: #413E40;
}
@media (max-width: 1200px) {
  .claims__item legend {
    margin-bottom: 16px;
  }
}
.claims__product > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 376px 184px;
  gap: 16px;
}
@media (max-width: 768px) {
  .claims__product > ul {
    grid-template-columns: 164px 1fr;
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .claims__product > ul li:first-child {
    grid-column: 1 / span 2;
  }
}
.claims__help {
  position: absolute;
  right: 10px;
  top: -8px;
}
.claims__help .help .help__modal {
  width: 270px;
  margin: 0 auto;
  padding: 16px;
  position: absolute;
  left: auto;
  right: 0;
  top: 72px;
  bottom: auto;
  transform: translate(36%, 0);
}
@media (max-width: 1200px) {
  .claims__help .help .help__modal {
    top: 62px;
  }
}
@media (max-width: 1024px) {
  .claims__help .help .help__modal {
    position: fixed;
    left: auto;
    right: 0;
    top: 86px;
    transform: translate(-17%, 0);
  }
}
@media (max-width: 768px) {
  .claims__help .help .help__modal {
    left: 0;
    right: auto;
    transform: translate(17%, 0);
  }
}
@media (max-width: 576px) {
  .claims__help .help .help__modal {
    width: 215px;
    transform: translate(22%, 0);
  }
}
.claims__help .help .help__modal p {
  margin: 0;
}
.claims__help .help .help__modal > svg {
  display: none;
}
.claims__where-buy-radio {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.claims__where-buy-radio li {
  min-width: auto;
  margin-right: 24px;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .claims__where-buy-radio li {
    margin-bottom: 16px;
  }
}
.claims__where-buy-field {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 768px) {
  .claims__where-buy-field {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.claims__where-buy-field li:nth-child(3),
.claims__where-buy-field li:nth-child(4) {
  grid-column: 1 / span 2;
}
@media (max-width: 768px) {
  .claims__where-buy-field li:nth-child(3),
  .claims__where-buy-field li:nth-child(4) {
    grid-column: 1 / span 1;
  }
}
.claims__problem > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.claims__install-area > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 1200px) {
  .claims__install-area > ul {
    gap: 8px;
  }
}
@media (max-width: 1024px) {
  .claims__install-area > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .claims__install-area > ul {
    grid-template-columns: 1fr;
  }
}
.claims__upload-file legend {
  display: inline-block;
  width: auto;
  margin-right: 6px;
  float: left;
}
@media (max-width: 1024px) {
  .claims__upload-file legend {
    margin-bottom: 0;
    float: none;
  }
}
.claims__upload-file > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
}
@media (max-width: 1024px) {
  .claims__upload-file > ul {
    clear: none;
  }
}
.claims__upload-file > ul li {
  margin-bottom: 8px;
}
.claims__upload-file > ul li:last-child {
  margin-bottom: 0;
}
.claims__upload-url {
  grid-column: 1 / span 2;
}
@media (max-width: 768px) {
  .claims__upload-url {
    grid-column: 1 / span 1;
  }
}
.claims__upload-note {
  display: inline;
  font-size: 18px;
  line-height: 22px;
  color: #BCB8BA;
}
@media (max-width: 1200px) {
  .claims__upload-note {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 1024px) {
  .claims__upload-note {
    display: inline-block;
    margin-bottom: 16px;
  }
}
.claims__conditions-radio {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.claims__conditions-radio li {
  min-width: auto;
  margin-right: 24px;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .claims__conditions-radio li {
    margin-bottom: 16px;
  }
}
.claims__contacts > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 1200px) {
  .claims__contacts > ul {
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .claims__contacts > ul {
    grid-template-columns: 1fr;
  }
}
.claims__expectations-radio {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .claims__expectations-radio {
    flex-direction: column;
  }
}
.claims__expectations-radio li {
  min-width: auto;
  margin-right: 24px;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .claims__expectations-radio li {
    margin-bottom: 16px;
  }
}
@media (max-width: 576px) {
  .claims__expectations-radio li {
    margin-right: 0;
  }
}
.claims__item--2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media (max-width: 1200px) {
  .claims__item--2 {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
@media (max-width: 768px) {
  .claims__item--2 {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.claims__item--2 .claims__button-list {
  grid-column: 1 / span 2;
}
@media (max-width: 768px) {
  .claims__item--2 .claims__button-list {
    grid-column: 1 / span 1;
  }
}
.claims__item--4 .claims__button-next span {
  margin: 0;
}
.claims__item--4 .claims__button-next span:last-child {
  display: none;
}
.claims__apply {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .claims__apply {
    margin-bottom: 24px;
  }
}
.claims__apply li {
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .claims__apply li {
    margin-bottom: 8px;
  }
}
.claims__apply li:last-child {
  margin-bottom: 0;
}
.claims__result-wrapper {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  align-items: center;
}
.claims__result-wrapper img {
  height: auto;
  width: 322px;
}
.claims__result-wrapper h2 {
  margin: 0;
  margin-bottom: 12px;
  text-align: center;
}
.claims__result-wrapper p {
  margin: 0;
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 1200px) {
  .claims__result-wrapper p {
    margin-bottom: 24px;
  }
}
.claims__result-wrapper h3 {
  margin: 0;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .claims__result-wrapper h3 {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 14px;
  }
}
/* end calculator */
/* article-list */
.article-list {
  padding-top: 56px;
  padding-bottom: 90px;
}
@media (max-width: 1200px) {
  .article-list {
    padding-top: 24px;
    padding-bottom: 72px;
  }
}
.article-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  margin-bottom: 40px;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 1200px) {
  .article-list ul {
    margin-bottom: 24px;
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .article-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .article-list ul {
    grid-template-columns: 1fr;
  }
}
.article-list__image {
  margin-bottom: 16px;
  overflow: hidden;
}
.article-list__image img {
  height: auto;
  width: 100%;
  transform: scale(1);
  transition: all 0.3s ease-out;
}
.article-list__text {
  border-top: 1px solid #BCB8BA;
  transition: all 0.3s ease-out;
}
.article-list__text span {
  display: inline-block;
  margin-bottom: 6px;
  padding: 8px 16px;
  padding-left: 0;
  border-right: 1px solid #BCB8BA;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: #7E777A;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
}
@media (max-width: 576px) {
  .article-list__text span {
    margin-bottom: 4px;
  }
}
.article-list__text h3 {
  margin: 0;
  margin-bottom: 6px;
}
@media (max-width: 576px) {
  .article-list__text h3 {
    margin-bottom: 4px;
  }
}
.article-list__text p {
  margin: 0;
}
.article-list__link:hover {
  color: pointer;
}
.article-list__link:hover .article-list__image {
  margin-bottom: 16px;
}
.article-list__link:hover .article-list__image img {
  transform: scale(1.1);
}
.article-list__link:hover .article-list__text {
  border-top: 1px solid #413E40;
}
.article-list__link:hover .article-list__text span {
  border-right: 1px solid #413E40;
}
.article-list__button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .article-list__button {
    min-height: 56px;
  }
}
.article-list__button span:first-child {
  margin-right: 11px;
  transform: rotate(90deg);
}
/* end article-list */
/* article */
.article {
  padding-top: 56px;
  padding-bottom: 72px;
}
@media (max-width: 1200px) {
  .article {
    padding-top: 24px;
  }
}
.article__image {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .article__image {
    margin-bottom: 16px;
  }
}
.article__image img {
  height: auto;
  width: 100%;
  max-width: 760px;
}
.article__date {
  max-width: 360px;
  margin-bottom: 24px;
  border-top: 1px solid #413E40;
}
@media (max-width: 1200px) {
  .article__date {
    margin-bottom: 16px;
  }
}
.article__date span {
  display: inline-block;
  width: auto;
  padding: 16px 24px;
  padding-left: 0;
  border-right: 1px solid #413E40;
  font-size: 14px;
  line-height: 17px;
  color: #7E777A;
  white-space: nowrap;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .article__date span {
    padding: 8px 16px;
    padding-left: 0;
    font-size: 10px;
    line-height: 13px;
  }
}
.article__wysiwyg p {
  margin-bottom: 16px;
}
.article__paginator {
  padding-top: 40px;
}
.article__paginator ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.article__paginator ul li:first-child span:first-child {
  margin-right: 6px;
}
@media (max-width: 576px) {
  .article__paginator ul li:first-child span:first-child {
    display: none;
  }
}
.article__paginator ul li:first-child svg {
  transform: rotate(180deg);
}
.article__paginator ul li:last-child {
  justify-self: end;
}
@media (max-width: 576px) {
  .article__paginator ul li:last-child {
    justify-self: stretch;
  }
}
.article__paginator ul li:last-child span:last-child {
  margin-left: 6px;
}
@media (max-width: 576px) {
  .article__paginator ul li:last-child span:last-child {
    display: none;
  }
}
.article__paginator a {
  min-height: 56px;
  padding: 5px 32px;
}
@media (max-width: 576px) {
  .article__paginator a {
    width: 100%;
    padding: 10px;
  }
}
/* end article */
/* header */
.header {
  width: 100%;
  background-color: #FAF9F9;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.header__wrapper {
  padding: 0 24px;
}
@media (max-width: 1200px) {
  .header__wrapper {
    padding: 0 12px;
  }
}
.header__top {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #413E40;
}
.header__title {
  flex-grow: 1;
  display: inline-block;
  margin-right: 21px;
  padding: 8px 0;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  color: #413E40;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 1200px) {
  .header__title {
    padding: 0;
    font-size: 10px;
  }
}
.header__title::before {
  content: "";
  height: 16px;
  width: 1px;
  background-color: #413E40;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .header__title::before {
    display: none;
  }
}
.header__title p {
  margin: 0;
}
.header__decor-link span:first-child {
  height: 18px;
  width: 18px;
  min-width: 18px;
}
.header__decor-link span:last-child {
  font-size: 14px;
}
.header__decor-link svg {
  height: 12px;
  width: 12px;
}
.header__callback-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1200px) {
  .header__callback-list {
    display: none;
  }
}
.header__callback-list li {
  margin-right: 8px;
}
.header__callback-list li:last-child {
  margin-right: 0;
}
.header__phone {
  display: inline-block;
}
.header__main {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #413E40;
  position: relative;
}
.header__main::before {
  content: "";
  height: 24px;
  width: 1px;
  background-color: #413E40;
  position: absolute;
  bottom: -31px;
  right: 7px;
}
@media (max-width: 1200px) {
  .header__main::before {
    height: 10px;
    bottom: -15px;
    right: 5px;
  }
}
.header__main::after {
  content: "";
  height: 56px;
  width: 1px;
  background-color: #413E40;
  position: absolute;
  bottom: -56px;
  right: 0;
}
@media (max-width: 1200px) {
  .header__main::after {
    height: 24px;
    bottom: -24px;
  }
}
.header__logo {
  margin-right: 27px;
  padding: 12px 20px;
  border-right: 1px solid #413E40;
  position: relative;
}
@media (max-width: 1200px) {
  .header__logo {
    margin-right: 16px;
    padding: 8px 10px;
    padding-right: 15px;
  }
}
.header__logo::before {
  content: "";
  height: 11px;
  width: 11px;
  margin: auto 0;
  background-color: #F04B0E;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -6px;
}
@media (max-width: 1200px) {
  .header__logo::before {
    height: 9px;
    width: 9px;
    right: -5px;
  }
}
.header__logo span {
  display: block;
}
.header__logo svg {
  height: auto;
  width: 108px;
  fill: #413E40;
}
@media (max-width: 1200px) {
  .header__logo svg {
    width: 100%;
  }
}
.header__nav {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1200px) {
  .header__nav {
    display: none;
  }
}
.header__nav-decor {
  display: block;
}
.header__nav-decor svg {
  height: 24px;
  width: 24px;
  fill: #413E40;
}
.header__nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  padding-left: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.header__nav-list > li {
  margin-right: 20px;
  position: relative;
}
.header__nav-list > li:last-child {
  margin-right: 0;
}
.header__nav-link {
  padding: 0;
  border: none;
  background-color: inherit;
  display: inline-flex;
  padding: 32px 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  color: #413E40;
  white-space: nowrap;
  position: relative;
}
.header__nav-link::after {
  content: "";
  height: 3px;
  width: 0;
  background-color: #F04B0E;
  position: absolute;
  left: 0;
  bottom: -1px;
  transition: all 0.3s ease-out;
}
.header__nav-link::before {
  content: "";
  height: 48px;
  width: 100%;
  margin: auto 0;
  outline: 0.1px solid #E1DFE0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.header__nav-link span {
  display: inline-block;
}
.header__nav-link svg {
  height: 16px;
  width: 16px;
  fill: #413E40;
}
.header__nav-link--current,
.header__nav-link:hover,
.header__nav-link:focus {
  cursor: pointer;
}
.header__nav-link--current::after,
.header__nav-link:hover::after,
.header__nav-link:focus::after {
  width: 100%;
}
.header__nav-link:focus-visible {
  outline: none;
}
.header__nav-link:focus-visible::before {
  opacity: 1;
}
.header__nav-sub-list {
  margin: 0;
  padding: 0;
  list-style: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: -1;
  position: absolute;
  top: 81px;
  left: 0;
}
.header__nav-sub-list:hover {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.header__nav-sub-list a {
  display: block;
  padding: 12px 16px;
  border: 1px solid #413E40;
  border-top: none;
  font-size: 16px;
  line-height: 1;
  color: #413E40;
  background-color: #FAF9F9;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}
.header__nav-sub-list a:hover,
.header__nav-sub-list a:focus {
  color: #FFFFFF;
  background-color: #413E40;
}
.header__nav-link:hover + .header__nav-sub-list,
.header__nav-link:focus + .header__nav-sub-list {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.header__option-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1200px) {
  .header__option-list {
    display: none;
  }
}
.header__option-list li {
  margin-right: 24px;
}
.header__option-list li:last-child {
  margin-right: 0;
}
.header__mobile {
  display: none;
}
@media (max-width: 1200px) {
  .header__mobile {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
}
.header__mobile .header__phone {
  font-size: 16px;
  white-space: nowrap;
}
.header__burger {
  padding: 0;
  border: none;
  background-color: inherit;
  display: flex;
  height: 40px;
  width: 40px;
  margin-left: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header__burger::after,
.header__burger::before {
  content: "";
  display: block;
  height: 2px;
  width: 72%;
  background-color: #413E40;
  transform: translateY(-3px);
  transition: all 0.2s ease-in-out 0.2s;
  position: relative;
  visibility: visible;
}
.header__burger::after {
  content: "";
  width: 72%;
  background-color: #413E40;
  transform: translateY(3px);
}
.header__burger:hover,
.header__burger:focus {
  cursor: pointer;
}
.header__burger-close {
  visibility: hidden;
}
.header__burger-close::after,
.header__burger-close::before {
  content: "";
  display: block;
  height: 2px;
  width: 70%;
  margin: auto;
  background-color: #413E40;
  transform: rotate(0);
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.header__burger--active::after {
  visibility: hidden;
  width: 70%;
  transform: translateY(-1px);
  transition: all 0.2s ease-in-out;
}
.header__burger--active::before {
  visibility: hidden;
  transform: translateY(1px);
  transition: all 0.2s ease-in-out;
}
.header__burger--active .header__burger-close {
  visibility: visible;
}
.header__burger--active .header__burger-close::after {
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out 0.2s;
}
.header__burger--active .header__burger-close::before {
  transform: rotate(135deg);
  transition: all 0.2s ease-in-out 0.2s;
}
/* end header */
/* footer */
.footer {
  background-color: #FFFFFF;
}
.footer__wrapper {
  padding: 0 40px;
}
@media (max-width: 1200px) {
  .footer__wrapper {
    padding: 0 24px;
  }
}
.footer__main {
  border-bottom: 1px solid #E1DFE0;
}
.footer__main .footer__wrapper {
  display: flex;
  padding-top: 40px;
  padding-bottom: 90px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .footer__main .footer__wrapper {
    padding-top: 32px;
    padding-bottom: 24px;
    flex-direction: column;
  }
}
.footer__left {
  width: 27%;
}
@media (max-width: 1200px) {
  .footer__left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.footer__logo {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .footer__logo {
    margin-bottom: 8px;
  }
}
.footer__logo a {
  display: inline-block;
  margin-bottom: 8px;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.footer__logo a:hover {
  opacity: 0.8;
}
.footer__logo svg {
  height: auto;
  width: 124px;
  fill: #413E40;
}
.footer__logo p {
  margin: 0;
  font-size: 12px;
  line-height: 24px;
  color: #413E40;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.footer__phone {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .footer__phone {
    margin-bottom: 16px;
  }
}
.footer__phone a {
  font-size: 16px;
  line-height: 1;
  color: #413E40;
  white-space: nowrap;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.footer__phone a:hover {
  opacity: 0.8;
}
.footer__social span {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #413E40;
}
@media (max-width: 1200px) {
  .footer__social span {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 16px;
  }
}
.footer__social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer__social li {
  margin-right: 8px;
}
.footer__social li:last-child {
  margin-right: 0;
}
.footer__social a {
  display: flex;
  height: 40px;
  width: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #EAEBEC;
  transition: all 0.2s ease-out;
  position: relative;
}
.footer__social a:hover {
  background-color: #413E40;
}
.footer__social a:hover img {
  opacity: 0;
}
.footer__social a:hover img:last-child {
  opacity: 1;
}
.footer__social a img {
  opacity: 1;
  transition: all 0.2s ease-out;
}
.footer__social a img:last-child {
  opacity: 0;
  margin: auto;
  position: absolute;
  inset: 0;
}
.footer__right {
  width: 73%;
}
@media (max-width: 1200px) {
  .footer__right {
    width: 100%;
  }
}
.footer__nav {
  border-top: 1px solid #413E40;
}
.footer__nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media (max-width: 1200px) {
  .footer__nav > ul {
    grid-template-columns: 1fr;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
.footer__nav > ul > li {
  padding: 0 16px;
  padding-top: 64px;
  position: relative;
}
@media (max-width: 1200px) {
  .footer__nav > ul > li {
    padding: 0;
  }
}
.footer__nav > ul > li::before {
  content: "";
  height: 14px;
  width: 1px;
  background-color: #413E40;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .footer__nav > ul > li::before {
    display: none;
  }
}
@media (max-width: 1200px) {
  .footer__nav > ul > li:first-child {
    padding-top: 24px;
  }
}
.footer__nav > ul > li:first-child::before {
  height: 44px;
}
@media (max-width: 1200px) {
  .footer__nav > ul > li:first-child::before {
    display: block;
    height: 16px;
  }
}
.footer-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 500px;
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease-out;
}
@media (max-width: 1200px) {
  .footer-nav__list {
    padding-top: 8px;
  }
}
.footer-nav__list li {
  margin-bottom: 8px;
}
.footer-nav__list li:last-child {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .footer-nav__list li:last-child {
    padding-bottom: 20px;
  }
}
.footer-nav__list a {
  display: inline-block;
  padding: 4px 0;
  font-size: 16px;
  line-height: 20px;
  color: #413E40;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.footer-nav__list a:hover {
  opacity: 0.8;
}
.footer-nav__list.hidden {
  max-height: 500px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1200px) {
  .footer-nav__list.hidden {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
}
.footer-nav__list.hidden span:last-child.rotate {
  transform: rotate(180deg);
  transition: all 0.2s ease-out;
}
.footer-nav__title {
  display: inline-block;
  padding: 4px 0;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #413E40;
}
@media (max-width: 1200px) {
  .footer-nav__title {
    display: none;
  }
}
.footer-nav__accordion {
  display: none;
}
@media (max-width: 1200px) {
  .footer-nav__accordion {
    padding: 0;
    border: none;
    background-color: inherit;
    width: 100%;
    display: flex;
    padding: 8px 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #413E40;
  }
}
.footer-nav__accordion:hover {
  cursor: pointer;
}
.footer-nav__accordion span:last-child {
  display: block;
  transform: rotate(90deg);
  transition: all 0.2s ease-out;
}
.footer-nav__accordion span:last-child svg {
  fill: #BCB8BA;
  transition: all 0.2s ease-out;
}
.footer-nav__accordion span:last-child.rotate {
  transform: rotate(45deg);
}
.footer-nav__accordion span:last-child.rotate svg {
  fill: #413E40;
}
.footer__bottom .footer__wrapper {
  display: flex;
  padding-top: 24px;
  padding-bottom: 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1200px) {
  .footer__bottom .footer__wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__copyright {
  margin-right: 72px;
  font-size: 12px;
  line-height: 16px;
  color: #413E40;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .footer__copyright {
    margin-right: 0;
    margin-bottom: 16px;
    font-size: 10px;
    line-height: 12px;
  }
}
.footer__copyright p {
  margin: 0;
}
.footer__policy {
  flex-grow: 1;
  margin-right: 72px;
}
@media (max-width: 1200px) {
  .footer__policy {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.footer__policy ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1200px) {
  .footer__policy ul {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__policy li {
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .footer__policy li {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.footer__policy li:last-child {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .footer__policy li:last-child {
    margin-bottom: 0;
  }
}
.footer__policy a {
  font-size: 12px;
  line-height: 16px;
  color: #413E40;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 1;
  transition: all 0.2s ease-out;
}
@media (max-width: 1200px) {
  .footer__policy a {
    font-size: 10px;
    line-height: 12px;
  }
}
.footer__policy a:hover {
  opacity: 0.8;
}
/* end  footer */
/* modal */
.modal {
  display: none;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.modal--show {
  animation: fade-in 0.2s ease-in-out both;
  display: flex;
}
.modal--show .modal__wrapper {
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15);
}
.modal__wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #FFFFFF;
  box-shadow: none;
  overflow-y: auto;
  position: relative;
}
@media (max-width: 1024px) {
  .modal__wrapper {
    overflow-y: hidden;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.modal__wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
.modal__wrapper::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.modal__wrapper::-webkit-scrollbar-thumb {
  background-color: #E1DFE0;
  border-radius: 20px;
}
.modal__content {
  width: 100%;
  padding: 38px 48px;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .modal__content {
    height: 100%;
    padding-top: 48px;
    overflow-y: auto;
  }
  .modal__content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0px;
  }
  .modal__content::-webkit-scrollbar-track {
    background: #FFFFFF;
  }
  .modal__content::-webkit-scrollbar-thumb {
    background-color: #E1DFE0;
    border-radius: 20px;
  }
}
@media (max-width: 576px) {
  .modal__content {
    padding: 38px 8px;
    padding-bottom: 0;
  }
}
.modal__title {
  margin: 0;
  margin-bottom: 8px;
}
.modal__description {
  margin: 0;
  margin-bottom: 20px;
  color: #7E777A;
}
.modal__close {
  padding: 0;
  border: none;
  background-color: inherit;
  display: flex;
  height: 45px;
  width: 45px;
  min-height: 45px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  position: sticky;
  bottom: calc(100% - 45px);
  left: calc(100% - 45px);
  right: auto;
  z-index: 1;
}
@media (max-width: 1024px) {
  .modal__close {
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    bottom: auto;
  }
}
.modal__close span {
  display: block;
  transform: rotate(0);
  transition: all 0.4s ease-in-out;
}
.modal__close svg {
  height: 24px;
  width: 24px;
  fill: #BCB8BA;
}
.modal__close:hover {
  cursor: pointer;
}
.modal__close:hover span {
  transform: rotate(360deg);
  transition: all 0.4s ease-in-out;
}
.modal__overlay {
  z-index: 0;
}
.modal__decor {
  margin-top: 24px;
  margin-bottom: 32px;
}
.modal__iframe {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* высота контейнера для 16:9 (если 4:3 — 75%) */
  height: 0;
  overflow: hidden;
}
.modal__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
/* modal-callback */
.modal-callback .modal__wrapper {
  height: 645px;
  width: 560px;
}
@media (max-width: 1024px) {
  .modal-callback .modal__wrapper {
    height: 100%;
    width: 100%;
  }
}
.modal-callback__form {
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .modal-callback__form {
    margin-bottom: 32px;
  }
}
.modal-callback__form ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
.modal-callback__form ul li {
  margin-bottom: 16px;
}
.modal-callback__form ul li:last-child {
  margin-bottom: 0;
}
.modal-callback__checkbox {
  margin-bottom: 20px;
}
.modal-callback__button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .modal-callback__button {
    min-height: 56px;
  }
}
/* modal-video */
.modal-video .modal__wrapper {
  height: 785px;
  width: 1390px;
}
@media (max-width: 1680px) {
  .modal-video .modal__wrapper {
    height: 785px;
    width: 1150px;
  }
}
@media (max-width: 1200px) {
  .modal-video .modal__wrapper {
    height: 100%;
    width: 100%;
  }
}
.modal-video .modal__content {
  padding: 80px 114px;
  padding-bottom: 0;
}
@media (max-width: 1200px) {
  .modal-video .modal__content {
    padding: 24px;
  }
}
.modal__video-only {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
.modal__video-only .modal__video-main {
  width: 75%;
}
@media (max-width: 1680px) {
  .modal__video-only .modal__video-main {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .modal__video-only .modal__video-main {
    width: 100%;
  }
}
.modal__video-list {
  display: grid;
  height: 472px;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .modal__video-list {
    height: 100%;
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    overflow: visible;
  }
}
@media (max-width: 1024px) {
  .modal__video-list {
    row-gap: 32px;
  }
}
.modal__video-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
  padding-left: 20px;
  border-left: 1px solid #413E40;
  overflow: auto;
}
@media (max-width: 1200px) {
  .modal__video-list ul {
    padding-left: 0;
    padding-top: 20px;
    border-left: none;
    border-top: 1px solid #413E40;
    overflow: visible;
  }
}
@media (max-width: 1024px) {
  .modal__video-list ul {
    padding-bottom: 32px;
  }
}
.modal__video-list ul::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
.modal__video-list ul::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.modal__video-list ul::-webkit-scrollbar-thumb {
  background-color: #E1DFE0;
  border-radius: 20px;
}
.modal__video-list li {
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .modal__video-list li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.modal__video-list li:last-child {
  margin-bottom: 0;
}
.modal__video-list h4 {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #413E40;
}
.modal__video-list .modal__iframe {
  max-width: 840px;
}
@media (max-width: 1200px) {
  .modal__video-list .modal__iframe {
    max-width: none;
  }
}
.modal__video-item {
  margin-bottom: 8px;
  position: relative;
}
@media (max-width: 1200px) {
  .modal__video-item {
    margin-bottom: 0;
    margin-right: 8px;
  }
}
.modal__video-item span {
  display: flex;
  height: 40px;
  width: 40px;
  margin: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #83BAAA;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.modal__video-item svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
}
.modal__video-image {
  overflow: hidden;
}
.modal__video-image img {
  width: 100%;
  transform: scale(1);
  transition: all 0.2s ease-out;
}
@media (max-width: 1200px) {
  .modal__video-image img {
    width: 140px;
    min-width: 140px;
  }
}
.modal__video-image:hover {
  cursor: pointer;
}
.modal__video-image:hover img {
  transform: scale(1.1);
}
/* modal-add */
.modal-add .modal__wrapper {
  height: 220px;
  width: 698px;
}
@media (max-width: 1024px) {
  .modal-add .modal__wrapper {
    height: 100%;
    width: 100%;
  }
}
.modal-add .modal__content {
  padding: 38px 50px;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .modal-add .modal__content {
    padding: 38px 18px;
    padding-bottom: 0;
  }
}
.modal-add .modal__title {
  margin-bottom: 24px;
}
@media (max-width: 576px) {
  .modal-add .modal__title {
    margin-bottom: 16px;
  }
}
.modal-add__form {
  padding-bottom: 0;
}
.modal-add__form ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 70px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media (max-width: 576px) {
  .modal-add__form ul {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 16px;
  }
}
.modal-add__form--2 ul {
  grid-template-columns: 1fr 1fr 1fr 70px;
}
@media (max-width: 576px) {
  .modal-add__form--2 ul {
    grid-template-columns: 1fr;
  }
}
.modal-add__button {
  min-height: 56px;
  width: 100%;
}
@media (max-width: 1200px) {
  .modal-add__button {
    min-height: 48px;
  }
}
/* end modal-add */
/* modal-success */
.modal-success .modal__wrapper {
  height: auto;
  width: 520px;
}
@media (max-width: 576px) {
  .modal-success .modal__wrapper {
    width: 100%;
  }
}
.modal-success .modal__content {
  padding: 38px 48px;
  padding-bottom: 0;
  text-align: center;
}
@media (max-width: 576px) {
  .modal-success .modal__content {
    padding: 38px;
    padding-bottom: 0;
  }
}
.modal-success p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #7E777A;
}
.modal-success .modal__close {
  position: sticky;
  top: 0;
  bottom: calc(100% - 45px);
  left: calc(100% - 45px);
  right: auto;
}
/* modal-construction */
.modal-construction .modal__wrapper {
  height: 820px;
  width: 1160px;
  overflow-x: hidden;
}
@media (max-width: 1200px) {
  .modal-construction .modal__wrapper {
    height: 100%;
    width: 100%;
  }
}
.modal-construction .modal__content {
  padding: 34px;
  padding-bottom: 0;
}
@media (max-width: 1200px) {
  .modal-construction .modal__content {
    padding: 42px 34px;
  }
}
@media (max-width: 768px) {
  .modal-construction .modal__content {
    padding: 42px 18px;
  }
}
.modal-construction .modal__title {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .modal-construction .modal__title {
    margin-bottom: 24px;
  }
}
.modal-construction .modal__description {
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .modal-construction .modal__description {
    margin-bottom: 24px;
  }
}
.modal-construction .info li {
  background-color: #FFFFFF;
}
.modal-construction__info {
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .modal-construction__info {
    margin-bottom: 24px;
  }
}
.modal-construction__info .info {
  grid-template-columns: 2fr 1fr 1fr;
}
@media (max-width: 768px) {
  .modal-construction__info .info {
    grid-template-columns: 1fr 1fr;
  }
}
.modal-construction__info .info h5 {
  margin-bottom: 6px;
  font-size: 12px;
}
@media (max-width: 1200px) {
  .modal-construction__info .info h5 {
    font-size: 10px;
  }
}
.modal-construction__info .info .info__help > p {
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 1200px) {
  .modal-construction__info .info .info__help > p {
    font-size: 16px;
    line-height: 20px;
  }
}
.modal-construction__info .info li {
  padding: 24px;
}
@media (max-width: 1200px) {
  .modal-construction__info .info li {
    padding: 24px 16px;
  }
}
@media (max-width: 1200px) {
  .modal-construction__info .info li:first-child {
    grid-column: 1 / span 1;
  }
}
@media (max-width: 768px) {
  .modal-construction__info .info li:first-child {
    grid-column: 1 / span 2;
  }
}
.modal-construction__info .info__rating {
  max-width: none;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 1200px) {
  .modal-construction__info .info__rating {
    font-size: 16px;
    line-height: 20px;
  }
}
.modal-construction__info .info__line {
  height: 8px;
}
@media (max-width: 1200px) {
  .modal-construction__info .info__line {
    height: 6px;
  }
}
.modal-construction__card {
  display: grid;
  grid-template-columns: 1fr 435px;
  border: 1px solid #413E40;
}
@media (max-width: 1024px) {
  .modal-construction__card {
    grid-template-columns: 1fr;
  }
}
.modal-construction__card--base .modal-construction__image {
  background-color: #EAEBEC;
}
.modal-construction__card--optim .modal-construction__image {
  background-color: #E1DFE0;
}
.modal-construction__card--maxim .modal-construction__image {
  background-color: #CDD6CD;
}
.modal-construction__card--individ .modal-construction__image {
  background-color: #CDD4D6;
}
.modal-construction__image {
  display: flex;
  grid-column: 1 / span 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #EAEBEC;
}
@media (max-width: 1024px) {
  .modal-construction__image {
    justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .modal-construction__image {
    justify-content: center;
  }
}
.modal-construction__image img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1024px) {
  .modal-construction__image img {
    max-width: 544px;
  }
}
.modal-construction__content {
  grid-column: 2 / span 1;
  padding: 32px 48px;
}
@media (max-width: 1024px) {
  .modal-construction__content {
    grid-column: 1 / span 1;
  }
}
@media (max-width: 1200px) {
  .modal-construction__content {
    padding: 16px 24px;
  }
}
.modal-construction__content h3 {
  margin: 0;
  margin-bottom: 16px;
}
.modal-construction__content ol {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 24px;
  counter-reset: products-item;
}
@media (max-width: 1200px) {
  .modal-construction__content ol {
    margin-bottom: 8px;
  }
}
.modal-construction__content ol li {
  display: flex;
  margin-bottom: 8px;
  padding: 8px 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  border-top: 1px solid #E1DFE0;
  position: relative;
}
@media (max-width: 1200px) {
  .modal-construction__content ol li {
    margin-bottom: 12px;
  }
}
.modal-construction__content ol li:last-child {
  margin-bottom: 0;
}
.modal-construction__content ol li:before {
  counter-increment: products-item;
  content: counter(products-item);
  display: block;
  width: 64px;
  min-width: 64px;
  font-size: 16px;
  line-height: 19px;
  color: #413E40;
  font-weight: 700;
  position: relative;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .modal-construction__content ol li:before {
    width: 40px;
    min-width: 40px;
    font-size: 14px;
    line-height: 16px;
  }
}
.modal-construction__content ol li::after {
  content: "";
  height: 16px;
  width: 1px;
  background-color: #E1DFE0;
  position: absolute;
  top: 0;
  left: 40px;
}
@media (max-width: 1200px) {
  .modal-construction__content ol li::after {
    height: 10px;
    left: 32px;
  }
}
.modal-construction__content ol a {
  display: inline-block;
  text-decoration: underline;
  color: #413E40;
  transition: all 0.4s ease-in-out;
}
.modal-construction__content ol a:hover {
  color: #83BAAA;
}
/* end modal-construction */
/* modal-partners */
.modal-partners .modal__wrapper {
  height: 635px;
  width: 560px;
}
@media (max-width: 1024px) {
  .modal-partners .modal__wrapper {
    height: 100%;
    width: 100%;
  }
}
.modal-partners .modal__content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.modal-partners .modal__title {
  margin-bottom: 24px;
}
.modal-partners .modal__description {
  margin-top: 24px;
  margin-bottom: 0;
}
.modal-partners__form {
  display: flex;
  height: 100%;
  width: 100%;
  padding-bottom: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .modal-partners__form {
    margin-bottom: 32px;
  }
}
.modal-partners__progress {
  width: 100%;
}
.modal-partners__field-list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  margin-top: 48px;
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .modal-partners__field-list {
    margin-top: 32px;
    margin-bottom: 24px;
  }
}
.modal-partners__field-list li {
  margin-bottom: 16px;
}
.modal-partners__field-list li:last-child {
  margin-bottom: 0;
}
.modal-partners__button-list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  flex-grow: 1;
}
.modal-partners__step {
  display: none;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.modal-partners__step.current {
  animation: fade-in 0.2s ease-in-out both;
  display: flex;
}
.modal-partners__step-1 .modal-partners__button-list {
  display: grid;
  grid-template-columns: 1fr;
  align-items: end;
}
.modal-partners__step-1 .modal-partners__button-list button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .modal-partners__step-1 .modal-partners__button-list button {
    min-height: 56px;
  }
}
.modal-partners__step-1 .modal-partners__button-list button span:first-child {
  margin-right: 6px;
}
.modal-partners__step-1 .modal-partners__button-list button svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
}
.modal-partners__step-2 .modal-partners__button-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.modal-partners__step-2 .modal-partners__button-list li:first-child button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .modal-partners__step-2 .modal-partners__button-list li:first-child button {
    min-height: 56px;
  }
}
.modal-partners__step-2 .modal-partners__button-list li:first-child button span:first-child {
  margin-right: 6px;
  transform: rotate(180deg);
}
.modal-partners__step-2 .modal-partners__button-list li:last-child button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .modal-partners__step-2 .modal-partners__button-list li:last-child button {
    min-height: 56px;
  }
}
.modal-partners__step-2 .modal-partners__button-list li:last-child button span:first-child {
  margin-right: 6px;
}
.modal-partners__step-2 .modal-partners__button-list li:last-child button svg {
  height: 24px;
  width: 24px;
  fill: #FFFFFF;
}
.modal-partners__step-3 .modal-partners__field-list {
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .modal-partners__step-3 .modal-partners__field-list {
    margin-bottom: 8px;
  }
}
.modal-partners__step-3 .modal-partners__button-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.modal-partners__step-3 .modal-partners__button-list li:first-child button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .modal-partners__step-3 .modal-partners__button-list li:first-child button {
    min-height: 56px;
  }
}
.modal-partners__step-3 .modal-partners__button-list li:first-child button span:first-child {
  margin-right: 6px;
  transform: rotate(180deg);
}
.modal-partners__step-3 .modal-partners__button-list li:last-child button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .modal-partners__step-3 .modal-partners__button-list li:last-child button {
    min-height: 56px;
  }
}
.modal-partners__checkbox {
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .modal-partners__checkbox {
    margin-bottom: 24px;
  }
}
/* modal-order-calculation */
.modal-order-calculation .modal__wrapper {
  height: 735px;
  width: 560px;
}
@media (max-width: 1024px) {
  .modal-order-calculation .modal__wrapper {
    height: 100%;
    width: 100%;
  }
}
.modal-order-calculation__form {
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .modal-order-calculation__form {
    margin-bottom: 32px;
  }
}
.modal-order-calculation__form > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
.modal-order-calculation__form > ul > li {
  margin-bottom: 16px;
}
.modal-order-calculation__form > ul > li:last-child {
  margin-bottom: 0;
}
.modal-order-calculation__checkbox {
  margin-bottom: 20px;
}
.modal-order-calculation__button {
  min-height: 64px;
  width: 100%;
}
@media (max-width: 1200px) {
  .modal-order-calculation__button {
    min-height: 56px;
  }
}
/* animate-main-page */
.animate-main-page .header__title,
.animate-main-page .header__decor-link,
.animate-main-page .header__phone,
.animate-main-page .header__burger {
  transition: all 0.3s ease-in 0.3s;
  opacity: 0;
}
.animate-main-page .header__logo a,
.animate-main-page .header__nav-decor,
.animate-main-page .header__nav-link,
.animate-main-page .header__shop-link {
  transition: all 0.3s ease-in 0.3s;
  opacity: 0;
}
.animate-main-page .header__wrapper {
  position: relative;
}
.animate-main-page .header__wrapper::after {
  content: "";
  height: 1px;
  width: calc(100% - 48px);
  margin: 0 auto;
  background-color: #413E40;
  transition: all 0.6s ease-in;
  transform: scaleX(0);
  transform-origin: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .animate-main-page .header__wrapper::after {
    width: calc(100% - 24px);
  }
}
.animate-main-page .header__top {
  padding-bottom: 1px;
  border: none;
  position: relative;
}
.animate-main-page .header__top::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in;
  transform: scaleX(0);
  transform-origin: center;
  position: absolute;
  bottom: 0;
  left: 0;
}
.animate-main-page .header__title::before {
  transition: all 0.3s ease-in 0.6s;
  transform-origin: bottom;
  transform: scaleY(0);
}
.animate-main-page .header__main {
  padding-bottom: 1px;
  border: none;
}
.animate-main-page .header__main::before {
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.3s ease-in 0.6s;
}
.animate-main-page .header__main::after {
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.3s ease-in 0.6s;
}
.animate-main-page .header__logo {
  padding-right: 21px;
  border: none;
  position: relative;
}
@media (max-width: 1200px) {
  .animate-main-page .header__logo {
    padding-right: 17px;
  }
}
.animate-main-page .header__logo::after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #413E40;
  transition: all 0.6s ease-in;
  transform: scaleY(0);
  transform-origin: center;
  position: absolute;
  top: 0;
  right: 0;
}
.animate-main-page .header__logo::before {
  transition: all 0.2s cubic-bezier(0.12, 1.26, 0.98, 1.42) 0.4s;
  transform: scale(0);
  z-index: 1;
  right: -5px;
}
@media (max-width: 1200px) {
  .animate-main-page .header__logo::before {
    right: -4px;
  }
}
.animate-main-page .header--animate .header__wrapper::after {
  transform: scaleX(1);
}
.animate-main-page .header--animate .header__main::before {
  transform: scaleY(1);
}
.animate-main-page .header--animate .header__main::after {
  transform: scaleY(1);
}
.animate-main-page .header--animate .header__title,
.animate-main-page .header--animate .header__decor-link,
.animate-main-page .header--animate .header__phone,
.animate-main-page .header--animate .header__burger {
  opacity: 1;
}
.animate-main-page .header--animate .header__logo a,
.animate-main-page .header--animate .header__nav-decor,
.animate-main-page .header--animate .header__nav-link,
.animate-main-page .header--animate .header__shop-link {
  opacity: 1;
}
.animate-main-page .header--animate .header__top::after {
  transform: scaleX(1);
}
.animate-main-page .header--animate .header__title::before {
  transform: scaleY(1);
}
.animate-main-page .header--animate .header__logo::after {
  transform: scaleY(1);
}
.animate-main-page .header--animate .header__logo::before {
  transform: scale(1);
}
.animate-main-page .animate-section {
  opacity: 0;
  transition: all 0.3s ease-in;
}
.animate-main-page .animate-section.animate {
  opacity: 1;
}
.animate-main-page .solution-list {
  gap: 0;
  border: none;
  background-color: #FFFFFF;
  position: relative;
}
.animate-main-page .solution-list::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in;
  transform: scaleX(0);
  transform-origin: center;
  position: absolute;
  top: 0;
  left: 0;
}
.animate-main-page .solution-list .solution-list__link {
  padding: 33px;
  position: relative;
}
@media (max-width: 1200px) {
  .animate-main-page .solution-list .solution-list__link {
    padding: 13px;
  }
}
.animate-main-page .solution-list .solution-list__link::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in 1.2s;
  transform: scaleX(0);
  transform-origin: left;
  position: absolute;
  bottom: 0;
  left: 0;
}
.animate-main-page .solution-list .solution-list__link::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in 1.2s;
  transform: scaleX(0);
  transform-origin: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
.animate-main-page .solution-list > li {
  position: relative;
}
.animate-main-page .solution-list > li::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #413E40;
  transition: all 0.6s ease-in 0.6s;
  transform: scaleY(0);
  transform-origin: top;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
@media (max-width: 576px) {
  .animate-main-page .solution-list > li::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #413E40;
    transform: scaleY(0);
    transform-origin: top;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.animate-main-page .solution-list > li:last-child::after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #413E40;
  transition: all 0.6s ease-in 0.6s;
  transform: scaleY(0);
  transform-origin: top;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1024px) {
  .animate-main-page .solution-list > li:last-child::after {
    transition: all 0.6s ease-in 1.2s;
  }
}
@media (max-width: 1024px) {
  .animate-main-page .solution-list > li:nth-child(2)::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #413E40;
    transition: all 0.6s ease-in 0.6s;
    transform: scaleY(0);
    transform-origin: top;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 1024px) {
  .animate-main-page .solution-list > li:nth-child(n+3)::before {
    transition: all 0.6s ease-in 1.2s;
  }
}
@media (max-width: 1024px) {
  .animate-main-page .solution-list > li:nth-child(n+3) .solution-list__link::before,
  .animate-main-page .solution-list > li:nth-child(n+3) .solution-list__link::after {
    transition: all 0.6s ease-in 1.8s;
  }
}
@media (max-width: 576px) {
  .animate-main-page .solution-list > li:nth-child(1)::before,
  .animate-main-page .solution-list > li:nth-child(1)::after {
    transition: all 0.6s ease-in 0.6s;
  }
}
@media (max-width: 576px) {
  .animate-main-page .solution-list > li:nth-child(1) .solution-list__link::before,
  .animate-main-page .solution-list > li:nth-child(1) .solution-list__link::after {
    transition: all 0.6s ease-in 1.2s;
  }
}
@media (max-width: 576px) {
  .animate-main-page .solution-list > li:nth-child(2)::before,
  .animate-main-page .solution-list > li:nth-child(2)::after {
    transition: all 0.6s ease-in 1.2s;
  }
}
@media (max-width: 576px) {
  .animate-main-page .solution-list > li:nth-child(2) .solution-list__link::before,
  .animate-main-page .solution-list > li:nth-child(2) .solution-list__link::after {
    transition: all 0.6s ease-in 1.8s;
  }
}
@media (max-width: 576px) {
  .animate-main-page .solution-list > li:nth-child(3)::before,
  .animate-main-page .solution-list > li:nth-child(3)::after {
    transition: all 0.6s ease-in 1.8s;
  }
}
@media (max-width: 576px) {
  .animate-main-page .solution-list > li:nth-child(3) .solution-list__link::before,
  .animate-main-page .solution-list > li:nth-child(3) .solution-list__link::after {
    transition: all 0.6s ease-in 2.4s;
  }
}
@media (max-width: 576px) {
  .animate-main-page .solution-list > li:nth-child(4)::before,
  .animate-main-page .solution-list > li:nth-child(4)::after {
    transition: all 0.6s ease-in 2.4s;
  }
}
@media (max-width: 576px) {
  .animate-main-page .solution-list > li:nth-child(4) .solution-list__link::before,
  .animate-main-page .solution-list > li:nth-child(4) .solution-list__link::after {
    transition: all 0.6s ease-in 3.2s;
  }
}
.animate-main-page .solution-list.animate::after {
  transform: scaleX(1);
}
.animate-main-page .solution-list.animate .solution-list__link::before,
.animate-main-page .solution-list.animate .solution-list__link::after {
  transform: scaleX(1);
}
.animate-main-page .solution-list.animate > li {
  position: relative;
}
.animate-main-page .solution-list.animate > li::before,
.animate-main-page .solution-list.animate > li::after {
  transform: scaleY(1);
}
.animate-main-page .main-page__service-wrapper .main-page__title,
.animate-main-page .main-page__service-wrapper .main-page__description {
  transition: all 0.3s ease-in 0.6s;
  opacity: 0;
}
.animate-main-page .main-page__service-wrapper.animate .main-page__title,
.animate-main-page .main-page__service-wrapper.animate .main-page__description {
  opacity: 1;
}
.animate-main-page .main-page__about .video {
  border: none;
  position: relative;
}
.animate-main-page .main-page__about .video::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #413E40;
  transition: all 0.6s ease-in 0.6s;
  transform: scaleY(0);
  transform-origin: top;
  position: absolute;
  top: 0;
  left: 0;
}
.animate-main-page .main-page__about .video::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in;
  transform: scaleX(0);
  transform-origin: center;
  position: absolute;
  top: 0;
  left: 0;
}
.animate-main-page .main-page__about .video .video__button {
  padding: 1px;
}
.animate-main-page .main-page__about .video > span {
  display: block;
  height: 100%;
  width: 100%;
  grid-column: start / end;
  grid-row: start / end;
}
.animate-main-page .main-page__about .video > span::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #413E40;
  transition: all 0.6s ease-in 0.6s;
  transform: scaleY(0);
  transform-origin: top;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
}
.animate-main-page .main-page__about .video > span::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in 1.2s;
  transform: scaleX(0);
  transform-origin: left;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
}
.animate-main-page .main-page__about .video.animate::before {
  transform: scaleY(1);
}
.animate-main-page .main-page__about .video.animate::after {
  transform: scaleX(1);
}
.animate-main-page .main-page__about .video.animate > span::before {
  transform: scaleY(1);
}
.animate-main-page .main-page__about .video.animate > span::after {
  transform: scaleX(1);
}
.animate-main-page .main-page__advantage-list > li .decor-list__number {
  border: none;
  position: relative;
}
.animate-main-page .main-page__advantage-list > li .decor-list__number::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #413E40;
  transition: all 0.6s ease-in;
  transform: scaleY(0);
  transform-origin: top;
  position: absolute;
  top: 0;
  left: 0;
}
.animate-main-page .main-page__advantage-list > li .decor-list__number::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in 0.6s;
  transform: scaleX(0);
  transform-origin: left;
  position: absolute;
  bottom: 0;
  left: 0;
}
.animate-main-page .main-page__advantage-list > li .decor-list__number span:before {
  transition: all 0.4s ease-in 0.8s;
  transform: scaleY(0);
  transform-origin: bottom;
}
.animate-main-page .main-page__advantage-list > li .decor-list__text {
  transition: all 0.3s ease-in;
}
.animate-main-page .main-page__advantage-list > li.animate .decor-list__number::before {
  transform: scaleY(1);
}
.animate-main-page .main-page__advantage-list > li.animate .decor-list__number::after {
  transform: scaleX(1);
}
.animate-main-page .main-page__advantage-list > li.animate .decor-list__number span:before {
  transform: scaleY(1);
}
.animate-main-page .main-page__for-whom .content-list__item {
  border: none;
  position: relative;
}
.animate-main-page .main-page__for-whom .content-list__item::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in;
  transform: scaleX(0);
  transform-origin: left;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .animate-main-page .main-page__for-whom .content-list__item::after {
    height: 100%;
    width: 1px;
    transform: scaleY(0);
    transform-origin: top;
  }
}
.animate-main-page .main-page__for-whom .content-list__item::before {
  transition: all 0.6s ease-in;
  transform: scaleY(0);
  transform-origin: top;
}
@media (max-width: 1200px) {
  .animate-main-page .main-page__for-whom .content-list__item::before {
    transform: scaleX(0);
    transform-origin: left;
  }
}
.animate-main-page .main-page__for-whom .content-list__image {
  border: none;
  overflow: hidden;
  position: relative;
}
.animate-main-page .main-page__for-whom .content-list__image::after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #413E40;
  transition: all 0.6s ease-in 0.3s;
  transform: scaleY(0);
  transform-origin: top;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .animate-main-page .main-page__for-whom .content-list__image::after {
    height: 1px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: left;
    top: auto;
    bottom: 0;
    left: 0;
  }
}
.animate-main-page .main-page__for-whom .content-list__text {
  opacity: 0;
  transition: all 0.3s ease-in;
}
.animate-main-page .main-page__for-whom .content-list__item.animate::after {
  transform: scaleX(1);
}
@media (max-width: 1200px) {
  .animate-main-page .main-page__for-whom .content-list__item.animate::after {
    transform: scaleY(1);
  }
}
.animate-main-page .main-page__for-whom .content-list__item.animate::before {
  transform: scaleY(1);
}
@media (max-width: 1200px) {
  .animate-main-page .main-page__for-whom .content-list__item.animate::before {
    transform: scaleY(1);
  }
}
.animate-main-page .main-page__for-whom .content-list__item.animate .content-list__image::after {
  transform: scaleY(1);
}
@media (max-width: 1200px) {
  .animate-main-page .main-page__for-whom .content-list__item.animate .content-list__image::after {
    transform: scaleX(1);
  }
}
.animate-main-page .main-page__for-whom .content-list__item.animate .content-list__image img {
  animation: showImage 0.3s ease-in both 0.6s;
}
@media (max-width: 1200px) {
  .animate-main-page .main-page__for-whom .content-list__item.animate .content-list__image img {
    animation-delay: 0s;
  }
}
.animate-main-page .main-page__for-whom .content-list__item.animate .content-list__text {
  opacity: 1;
}
.animate-main-page .main-page__works-border {
  padding-top: 1px;
  padding-bottom: 1px;
  border: none;
  position: relative;
}
@media (max-width: 768px) {
  .animate-main-page .main-page__works-border {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.animate-main-page .main-page__works-border::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in;
  transform: scaleX(0);
  transform-origin: center;
  position: absolute;
  top: 0;
  left: 0;
}
.animate-main-page .main-page__works-border::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in 1.2s;
  transform: scaleX(0);
  transform-origin: center;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 768px) {
  .animate-main-page .main-page__works-border::after {
    display: none;
  }
}
.animate-main-page .main-page__works-border .main-page__works-slider-img {
  border: none;
  padding-left: 1px;
  position: relative;
}
@media (max-width: 1200px) {
  .animate-main-page .main-page__works-border .main-page__works-slider-img {
    padding-left: 0;
  }
}
.animate-main-page .main-page__works-border .main-page__works-slider-img::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #413E40;
  transition: all 0.6s ease-in 0.4s;
  transform: scaleY(0);
  transform-origin: top;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 768px) {
  .animate-main-page .main-page__works-border .main-page__works-slider-img::before {
    display: none;
  }
}
.animate-main-page .main-page__works-border.animate::before {
  transform: scaleX(1);
}
.animate-main-page .main-page__works-border.animate::after {
  transform: scaleX(1);
}
.animate-main-page .main-page__works-border.animate .main-page__works-slider-img::before {
  transform: scaleY(1);
}
.animate-main-page .footer__main {
  border: none;
}
.animate-main-page .footer__nav {
  padding-top: 1px;
  border: none;
  position: relative;
}
.animate-main-page .footer__nav::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #413E40;
  transition: all 0.6s ease-in;
  transform: scaleX(0);
  transform-origin: center;
  position: absolute;
  top: 0;
  left: 0;
}
.animate-main-page .footer__nav > ul > li::before {
  transition: all 0.6s ease-in 0.6s;
  transform: scaleY(0);
  transform-origin: top;
}
.animate-main-page .footer__bottom {
  position: relative;
}
.animate-main-page .footer__bottom::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #E1DFE0;
  transition: all 0.6s ease-in;
  transform: scaleX(0);
  transform-origin: center;
  position: absolute;
  top: 0;
  left: 0;
}
.animate-main-page .footer__nav.animate::before {
  transform: scaleX(1);
}
.animate-main-page .footer__nav.animate > ul > li::before {
  transform: scaleY(1);
}
.animate-main-page .footer__bottom.animate::before {
  transform: scaleX(1);
}
@keyframes showImage {
  from {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
            clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
/* end animate-main-page */

/* End */


/* Start:/local/templates/SilentHouse-3.0/css/custom.css?17509349581167*/
#mask {
    background-color:rgba(255,255,255,.7);
    height:100%;
    position:fixed;
    width:100%;
    top:0;
    left:0;
    display: none;
    z-index:999999;
}
.loader {
    height: 150px;
    width: 100px;
    margin:auto;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: inherit;
    z-index:9999999;
    display:none;

}
.loader15 svg {
    overflow: visible;
}

.loader15 svg path {
    transform-origin: center center 0;
}

.loader15 svg path:first-of-type {
    animation: 1.5s ease heartBeat2 infinite;
}

.loader15 svg path:last-of-type {
    animation: 1.5s ease heartBeat infinite;
}

@keyframes spinBasic {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

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

@keyframes rotateWithBoost {
    0% {
        transform: rotate(0deg);
    }
    60% {
        transform: rotate(180deg);
    }
    90%,
    100% {
        transform: rotate(360deg);
    }
}

.loader7 svg {
    animation: 1s linear spinBasic infinite;
}
/* End */
/* /local/templates/SilentHouse-3.0/css/styles.css?1750934959310862 */
/* /local/templates/SilentHouse-3.0/css/custom.css?17509349581167 */