

/* Start:/local/templates/vyatki/css/style.css?1790340004345892*/
@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap);
@charset "UTF-8";

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

.checkbox-other {
  display: block;
  margin: 0 0 0px 0;
  cursor: pointer;
  user-select: none;
  position: relative;
}

.checkbox-other input[type=checkbox] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}

.checkbox-other span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 35px;
  line-height: 15px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  max-width: 210px;
}

.checkbox-other span:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 2px;
  transition: background 0.3s ease;
  background: url(/local/templates/vyatki/css/../img/checkbox-1.svg) 0 0 no-repeat;
}

/* Checked */
.checkbox-other input[type=checkbox]:checked+span:before {
  background-image: url(/local/templates/vyatki/css/../img/checkbox-2.svg);
}

#callback-resum .vacancy-popup__file {
  border: 1px solid #9B948F;
  background-color: transparent;
  justify-content: flex-start;
}

#resume-popup .vacancy-popup__file {
  border: 1px solid #9B948F;
  background-color: transparent;
  justify-content: flex-start;
}

.vacancy-popup__file-content span {
  color: #9B948F;
}

.bl_fl {
  display: flex;
  align-items: center;
  gap: 30px;
}


.menu-tablet-spoller__button::after,
.spoller-menu__button::after,
.main-menu__title[data-spoller]::after,
.item-configuration__list li::before,
.filter-tags__item::after,
.buttons-heroblock__arrow::before,
.quote-director::after,
.spollers__title::after,
.item-steps__list li::before,
.category__see-all::after,
.vacancy-popup__value ul li::before,
.select__value:after,
.button--with-arrow::after,
.pagging__arrow::before,
[class*=_icon-]:before {
  font-family: "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

._icon-arrow-sort:before {
  content: "\e900";
}

._icon-burger-close:before {
  content: "\e901";
}

._icon-burger-open:before {
  content: "\e902";
}

._icon-button-arrow:before {
  content: "\e903";
}

._icon-cross:before {
  content: "\e904";
}

._icon-list-type-lines:before {
  content: "\e905";
}

._icon-long-arrow:before {
  content: "\e906";
}

._icon-quote:before {
  content: "\e907";
}

._icon-shevron-arrow:before {
  content: "\e908";
}

._icon-shevron-spoller:before {
  content: "\e909";
}

._icon-spoller-arrow:before {
  content: "\e90a";
}

._icon-timer:before {
  content: "\e90b";
}

.mb-3 {
  margin-bottom: 3rem !important;
}

@media (max-width: 90em) {
  .mb-3 {
    margin-bottom: 2rem !important;
  }
}

@media (max-width: 61.99875em) {
  .mb-3 {
    margin-bottom: 1rem !important;
  }
}

body::before {
  content: "";
  position: absolute;
  z-index: 10;
  background-color: rgba(45, 43, 42, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease 0s;
  z-index: 5;
}

.overlay-open body::before {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 90em) {
  .menu-open body::before {
    opacity: 1;
    visibility: visible;
  }
}

.height-padding,
.inputs-filter__checkboxes .checkbox__label {
  padding: 0.3125rem 1.875rem;
  height: 4.75rem;
  border-radius: 3.75rem;
}

@media (max-width: 90em) {

  .height-padding,
  .inputs-filter__checkboxes .checkbox__label {
    height: 3.375rem;
    padding: 0px 1.25rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {

  .height-padding,
  .inputs-filter__checkboxes .checkbox__label {
    height: 3.25rem;
    font-size: 0.875rem;
    padding: 0px 1.125rem;
  }
}

.flex-container {
  display: flex;
  flex-direction: column;
  row-gap: 6.25rem;
}

@media (max-width: 90em) {
  .flex-container {
    row-gap: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .flex-container {
    row-gap: 3.75rem;
  }
}

.socials {
  display: flex;
  align-items: center;
  column-gap: 0.3125rem;
}

.socials--border .socials__link {
  background-color: transparent;
  border: 0.0625rem solid #4c4845;
}

.socials--round .socials__item {
  flex: 1 1 auto;
}

.socials--round .socials__link {
  border-radius: 3.75rem;
  width: auto;
}

.socials__link {
  background-color: #f9f7f6;
  width: 3rem;
  flex: 0 0 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease 0s;
  color: #fff;
}

.socials__link img {
  max-width: 100%;
}

.socials__link--blue-hover {
  color: #2f80ed;
}

@media (any-hover: hover) {
  .socials__link--blue-hover:hover {
    background-color: #2f80ed;
  }
}

.socials__link--purple-hover {
  color: #9b51e0;
  font-size: 1.375rem;
}

@media (any-hover: hover) {
  .socials__link--purple-hover:hover {
    background-color: #9b51e0;
  }
}

.socials__link--green-hover {
  color: #27ae60;
}

@media (any-hover: hover) {
  .socials__link--green-hover:hover {
    background-color: #27ae60;
  }
}

@media (any-hover: hover) {
  .socials__link:hover {
    color: #fff;
  }
}

@media (max-width: 90em) {
  .socials__link {
    width: 2.25rem;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    padding: 0.625rem;
  }
}

.padding-block,
.priceblock,
.service-advantages {
  padding: 6.25rem 0;
}

@media (max-width: 90em) {

  .padding-block,
  .priceblock,
  .service-advantages {
    padding: 5rem 0;
  }
}

@media (max-width: 61.99875em) {

  .padding-block,
  .priceblock,
  .service-advantages {
    padding: 3.75rem 0;
  }
}

.headblock {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

.headblock--max-width-1060 {
  max-width: 66.25rem;
}

.headblock--dark-bg .headblock__title {
  color: #fff;
}

.headblock--dark-bg .headblock__sub-title {
  color: #c3bebb;
}

@media (max-width: 90em) {
  .headblock {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 47.99875em) {
  .headblock {
    margin-bottom: 1.25rem;
  }
}

.headblock__content {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.625rem;
}

.headblock__title {
  line-height: 1.2;
  font-size: 3.25rem;
}

@media (max-width: 90em) {
  .headblock__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .headblock__title {
    font-size: 2.5rem;
  }
}

.headblock__sub-title {
  color: #6a635d;
  line-height: 1.4;
  font-size: 1.5rem;
}

@media (max-width: 90em) {
  .headblock__sub-title {
    font-size: 1.375rem;
  }
}

@media (max-width: 61.99875em) {
  .headblock__sub-title {
    font-size: 1.125rem;
  }
}

@media (max-width: 47.99875em) {
  .headblock__arrows {
    display: none !important;
  }
}

.gray-bg {
  background-color: #f9f7f6;
  padding-top: 6.25rem;
}

@media (max-width: 90em) {
  .gray-bg {
    padding-top: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .gray-bg {
    padding-top: 3.75rem;
  }
}

.padding-top {
  padding-top: 6.25rem;
  margin-top: -6.25rem;
}

@media (max-width: 90em) {
  .padding-top {
    padding-top: 5rem;
    margin-top: -5rem;
  }
}

@media (max-width: 61.99875em) {
  .padding-top {
    padding-top: 3.75rem;
    margin-top: -3.75rem;
  }
}

.margin-top-minus {
  margin-top: -6.25rem;
}

@media (max-width: 90em) {
  .margin-top-minus {
    margin-top: -5rem;
  }
}

@media (max-width: 61.99875em) {
  .margin-top-minus {
    margin-top: -3.75rem;
  }
}

.padding-bottom {
  padding-bottom: 6.25rem;
}

@media (max-width: 90em) {
  .padding-bottom {
    padding-bottom: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .padding-bottom {
    padding-bottom: 3.75rem;
  }
}

.youtube {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.youtube .play {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.0625rem;
  height: 5rem;
  background: url("/local/templates/vyatki/css/../img/svg/youtube.svg") center/contain no-repeat;
}

@media (max-width: 90em) {
  .youtube .play {
    width: 4.0625rem;
    height: 2.9375rem;
  }
}

.youtube::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #2d2b2a;
  opacity: 0.5;
}

.text {
  color: #9b948f;
  font-size: 1.5rem;
  line-height: 1.4;
}

.text p:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .text {
    font-size: 1.375rem;
  }

  .text p:not(:last-child) {
    margin-bottom: 2.1875rem;
  }
}

@media (max-width: 61.99875em) {
  .text {
    font-size: 1.125rem;
  }

  .text p:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}

.font-52,
.item-promotions__title,
.description-project__title,
.service-advantages__title,
.banner-construction__title,
.table__title,
.callback-banner__title {
  line-height: 1.2;
  font-size: 3.25rem;
}

.font-52:not(:last-child),
.item-promotions__title:not(:last-child),
.description-project__title:not(:last-child),
.service-advantages__title:not(:last-child),
.banner-construction__title:not(:last-child),
.table__title:not(:last-child),
.callback-banner__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {

  .font-52,
  .item-promotions__title,
  .description-project__title,
  .service-advantages__title,
  .banner-construction__title,
  .table__title,
  .callback-banner__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {

  .font-52,
  .item-promotions__title,
  .description-project__title,
  .service-advantages__title,
  .banner-construction__title,
  .table__title,
  .callback-banner__title {
    font-size: 2.5rem;
  }
}

.font-36,
.history__title,
.image-text__title,
.hero-project__sub-title,
.item-configuration__title,
.item-configuration__price,
.item-large-image__number,
.about-heroimage__title,
.vacancy-popup__salary {
  font-size: 2.25rem;
  line-height: 1.2;
}

.font-36:not(:last-child),
.history__title:not(:last-child),
.image-text__title:not(:last-child),
.hero-project__sub-title:not(:last-child),
.item-configuration__title:not(:last-child),
.item-configuration__price:not(:last-child),
.item-large-image__number:not(:last-child),
.about-heroimage__title:not(:last-child),
.vacancy-popup__salary:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {

  .font-36,
  .history__title,
  .image-text__title,
  .hero-project__sub-title,
  .item-configuration__title,
  .item-configuration__price,
  .item-large-image__number,
  .about-heroimage__title,
  .vacancy-popup__salary {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {

  .font-36,
  .history__title,
  .image-text__title,
  .hero-project__sub-title,
  .item-configuration__title,
  .item-configuration__price,
  .item-large-image__number,
  .about-heroimage__title,
  .vacancy-popup__salary {
    font-size: 1.5rem;
  }
}

.font-24,
.production__text,
.tabs-proccess__text,
.advantages-second__title,
.image-text__text,
.policy__title,
.not-found__text,
.item-promotions__text,
.news-details__content h2,
.calculator__price-subtitle,
.calculator__text,
.project__text,
.tabs-project-inner__text,
.description-project__text,
.director__sub-title,
.service-advantages__text,
.list-service-advantages__title,
.home-advantages__title,
.heroimage__text,
.banner-construction__text,
.callback-banner__text,
.vacancy-popup__title {
  line-height: 1.4;
  font-size: 1.5rem;
}

@media (max-width: 90em) {

  .font-24,
  .production__text,
  .tabs-proccess__text,
  .advantages-second__title,
  .image-text__text,
  .policy__title,
  .not-found__text,
  .item-promotions__text,
  .news-details__content h2,
  .calculator__price-subtitle,
  .calculator__text,
  .project__text,
  .tabs-project-inner__text,
  .description-project__text,
  .director__sub-title,
  .service-advantages__text,
  .list-service-advantages__title,
  .home-advantages__title,
  .heroimage__text,
  .banner-construction__text,
  .callback-banner__text,
  .vacancy-popup__title {
    font-size: 1.375rem;
  }
}

@media (max-width: 61.99875em) {

  .font-24,
  .production__text,
  .tabs-proccess__text,
  .advantages-second__title,
  .image-text__text,
  .policy__title,
  .not-found__text,
  .item-promotions__text,
  .news-details__content h2,
  .calculator__price-subtitle,
  .calculator__text,
  .project__text,
  .tabs-project-inner__text,
  .description-project__text,
  .director__sub-title,
  .service-advantages__text,
  .list-service-advantages__title,
  .home-advantages__title,
  .heroimage__text,
  .banner-construction__text,
  .callback-banner__text,
  .vacancy-popup__title {
    font-size: 1.125rem;
  }
}

.font-16,
.item-configuration__text,
.item-configuration__list {
  line-height: 1.4;
  font-size: 1rem;
}

@media (max-width: 90em) {

  .font-16,
  .item-configuration__text,
  .item-configuration__list {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {

  .font-16,
  .item-configuration__text,
  .item-configuration__list {
    font-size: 0.75rem;
  }
}

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

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

:focus-visible {
  outline: 2px solid #81d7b6;
  z-index: 100;
  transition: none !important;
}

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

body {
  color: #2d2b2a;
  line-height: 1;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.25rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*  */
.header {
  transition: transform 0.3s ease;
}

.header.header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.header.header--fixed.header--hidden {
  transform: translateY(-100%);
}

.header__spacer {
  width: 100%;
}

/*  */

input,
button,
textarea {
  font-family: "Ubuntu", sans-serif;
  font-size: inherit;
}

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

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

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

.commonItem,
.pagging__item,
.pagging__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.125rem;
  padding: 0px 1.5625rem;
  transition: background-color 0.2s ease 0s;
  border-radius: 3.75rem;
  font-size: 1.25rem;
}

.pagging__list li a._active {
  color: #366f5a;
}

@media (any-hover: hover) {

  .commonItem:hover,
  .pagging__item:hover,
  .pagging__arrow:hover {
    background-color: #fff;
  }
}

@media (max-width: 90em) {

  .commonItem,
  .pagging__item,
  .pagging__arrow {
    height: 3.5rem;
    font-size: 1.125rem;
    padding: 0px 1.25rem;
  }
}

@media (max-width: 61.99875em) {

  .commonItem,
  .pagging__item,
  .pagging__arrow {
    font-size: 1rem;
    height: 3.125rem;
    padding: 0px 0.9375rem;
  }
}

.pagging__body {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f9f7f6;
  border-radius: 3.75rem;
  padding: 0.3125rem 0.9375rem;
}

.pagging__arrow::before {
  content: "\e90a";
  font-size: 1.5625rem;
}

@media (max-width: 61.99875em) {
  .pagging__arrow::before {
    font-size: 1.25rem;
  }
}

.pagging__arrow--prev::before {
  transform: rotate(90deg);
}

.pagging__arrow--next::before {
  transform: rotate(-90deg);
}

.pagging__list {
  display: flex;
}

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

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

[class*=-ibg] iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.3125rem 1.875rem;
  height: 4.75rem;
  border-radius: 3.75rem;
  color: #fff;
  transition: all 0.2s ease 0s;
  background: linear-gradient(92deg, #335e4e, #366e5a, #6cba9d);
  background-size: 250% 100%;
}

.button.different-text-mobile span:last-child {
  display: none;
}

@media (any-hover: hover) {
  .button:hover {
    background-position: 70% 0;
  }

  .button:hover::after {
    color: #fff;
  }

  .button:hover:active {
    background-position: 0 0;
    background-color: #335e4e;
    border-color: #335e4e;
    color: #81d7b6;
  }

  .button:hover:active::after {
    color: #81d7b6;
  }
}

.button--border {
  border: 0.0625rem solid #81d7b6;
  background: transparent;
}

@media (any-hover: hover) {
  .button--border:hover {
    background-color: #81d7b6;
  }

  .button--border:hover:active {
    background-color: #335e4e;
    border-color: #335e4e;
    color: #81d7b6;
  }

  .button--border:hover:active::after {
    color: #81d7b6;
  }
}

.button--border-dark {
  border: 0.0625rem solid #2d2b2a;
  color: #2d2b2a;
  background: transparent;
}

@media (any-hover: hover) {
  .button--border-dark:hover {
    background-color: #f4f4f4;
  }

  .button--border-dark:hover:active {
    border: 0.0625rem solid #2d2b2a;
    background-color: #2d2b2a;
    color: #fff;
  }
}

.button--with-arrow {
  column-gap: 1.25rem;
}

.button--with-arrow::after {
  content: "\e903";
  color: #81d7b6;
  font-size: 1rem;
  width: 1.875rem;
  flex: 0 0 1.875rem;
  transition: all 0.2s ease 0s;
}

@media (max-width: 61.99875em) {
  .button--with-arrow::after {
    font-size: 0.8125rem;
    flex: 0 0 1.25rem;
    flex: 0 0 1.25rem;
  }
}

.button--gray {
  background: #f9f7f6;
  color: #4c4845;
}

@media (any-hover: hover) {
  .button--gray:hover {
    background: #f2f2f1;
  }
}

.button--full-width {
  display: flex;
  width: 100%;
}

@media (max-width: 90em) {
  .button {
    height: 3.375rem;
    padding: 0px 1.25rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .button {
    height: 3rem;
    font-size: 0.875rem;
    padding: 0px 1.125rem;
  }
}

@media (max-width: 47.99875em) {
  .button.different-text-mobile span:first-child {
    display: none;
  }

  .button.different-text-mobile span:last-child {
    display: flex;
  }
}

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

.input {
  display: block;
  height: 4.75rem;
  font-size: 1.25rem;
  padding: 0px 1.875rem;
  background-color: #fff;
  border-radius: 3.75rem;
  border: 0.0625rem solid #ececec;
  width: 100%;
}

.input::placeholder {
  color: #9b948f;
}

@media (max-width: 90em) {
  .input {
    height: 3.375rem;
    padding: 0px 1.25rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .input {
    height: 3rem;
    font-size: 0.875rem;
  }
}

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

.select {
  position: relative;
}

.select__body {
  position: relative;
}

.select__title {
  text-align: left;
  background-color: #f9f7f6;
  cursor: pointer;
  width: 100%;
  border-radius: 3.75rem;
  transition: all 0.2s ease 0s;
}

._select-open .select__title {
  color: #366f5a;
  background-color: #fff !important;
  box-shadow: 0 -0.125rem 50px rgba(0, 0, 0, 0.05);
}

@media (any-hover: hover) {
  .select__title:hover {
    background-color: #f2f2f1;
  }
}

.select__value {
  display: flex;
  align-items: center;
  height: 4.75rem;
  padding: 0 1.875rem;
  gap: 1.25rem;
}

.select__value>* {
  flex: 1 1 auto;
}

.select__value:after {
  content: "\e90a";
  align-self: stretch;
  flex: 0 0 10px;
  transition: all 0.3s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
}

._select-open .select__value:after {
  transform: rotate(180deg);
}

.select__value._select-pseudo-label::before {
  content: attr(data-pseudo-label);
  opacity: 0.5;
}

@media (max-width: 90em) {
  .select__value {
    height: 3.625rem;
    padding: 0 1.25rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .select__value {
    height: 3.25rem;
    padding: 0 1.125rem !important;
    font-size: 0.875rem;
  }
}

.select__text {
  flex: 1 1 auto;
}

.select__input {
  width: 100%;
  background-color: transparent;
  height: 100%;
}

.select__options {
  position: absolute;
  z-index: -1;
  top: calc(100% - 1.875rem);
  border-radius: 0 0 1.875rem 1.875rem;
  min-width: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ececec;
  border-top: 0;
  padding: 2.1875rem 0.3125rem 0.3125rem 0.3125rem;
  background-color: #f9f7f6;
}

.select__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}

.select__option {
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 5px 15px;
  padding: 0.3125rem 1.875rem;
  height: 4.75rem;
  border-radius: 3.75rem;
  transition: background-color 0.2s ease 0s;
}

.select__option:link {
  display: flex;
  align-items: center;
}

@media (any-hover: hover) {
  .select__option:hover {
    background-color: #fff;
    color: #366f5a;
  }
}

@media (max-width: 90em) {
  .select__option {
    height: 3.625rem;
    padding: 0 1.25rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .select__option {
    height: 3.25rem;
    font-size: 0.875rem;
  }
}

.select__row {
  display: inline-flex;
  align-items: center;
}

.select._select-open {
  z-index: 6;
}

.select--sort .select__title {
  border-radius: 0;
  border: 0.0625rem solid transparent;
  border-bottom: none;
}

.select--sort ._select-open .select__title {
  border-color: #ececec;
}

.select--sort .select__value {
  display: flex;
  white-space: nowrap;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.9375rem;
  padding: 0.3125rem 1.25rem;
  font-size: 1rem;
}

.select--sort .select__value._select-pseudo-label::before {
  content: attr(data-pseudo-label);
  opacity: 0.5;
}

@media (max-width: 90em) {
  .select--sort .select__value {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .select--sort .select__value {
    font-size: 0.75rem;
    padding: 0.3125rem 1.125rem !important;
  }
}

.select--sort .select__options {
  border-radius: 0;
  top: 100%;
  padding: 0.3125rem 0;
}

.select--sort .select__option {
  padding: 0.3125rem 1.25rem;
  height: 2.9375rem;
  font-size: 1rem;
  border-radius: 0;
}

@media (max-width: 90em) {
  .select--sort .select__option {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .select--sort .select__option {
    font-size: 0.75rem;
    padding: 0.3125rem 1.125rem;
  }
}

._select-tag {
  cursor: pointer;
}

.options {
  width: 100%;
}

.options__body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0.1875rem;
  background-color: #f9f7f6;
  border-radius: 3.75rem;
  padding: 0.5rem 0.625rem;
}

@media (max-width: 90em) {
  .options__body {
    padding: 0.3125rem;
  }
}

.options__item {
  position: relative;
  cursor: pointer;
}

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

.options__input:focus+.options__label:before {
  box-shadow: 0 0 5px #000;
}

.options__input:checked+.options__label {
  color: #fff;
  background-color: #9b948f;
}

.options__input:checked+.options__label:after {
  transform: scale(1);
}

.options__label {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 3.75rem;
  border-radius: 3.75rem;
}

@media (max-width: 90em) {
  .options__label {
    height: 3rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .options__label {
    height: 2.75rem;
    font-size: 0.875rem;
  }
}

@media (max-width: 47.99875em) {
  .options__label {
    height: 2.625rem;
  }
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 0.375rem;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
[data-range] .filter__range {
  position: relative;
  width: calc(100% - 1.875rem);
  left: 0.9375rem;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 0.375rem;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 1.875rem;
  height: 1.875rem;
  right: -0.9375rem;
  top: -6px;
}

@media (max-width: 61.99875em) {
  .noUi-horizontal .noUi-handle {
    width: 1.5625rem;
    height: 1.5625rem;
    top: -4px;
  }
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 1.875rem;
  height: 1.875rem;
  right: 0;
  bottom: -17px;
}

@media (max-width: 61.99875em) {
  .noUi-vertical .noUi-handle {
    width: 1.5625rem;
    height: 1.5625rem;
  }
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  border-radius: 0.3125rem;
}

.noUi-connects {
  border-radius: 0.25rem;
  top: 0.375rem;
  background-color: #9b948f;
}

.noUi-connect {
  background: #81d7b6;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border-radius: 0.25rem;
  background: #366f5a;
  transition: all 0.2s ease 0s;
  cursor: pointer;
  will-change: transform;
}

.noUi-handle::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.375rem);
  left: calc(50% - 0.375rem);
  height: 0.75rem;
  width: 0.75rem;
  background: url("/local/templates/vyatki/css/../img/svg/range-icon.svg") center/100% 100% no-repeat;
}

@media (max-width: 61.99875em) {
  .noUi-handle::after {
    top: calc(50% - 0.3125rem);
    left: calc(50% - 0.3125rem);
    width: 0.625rem;
    height: 0.625rem;
  }
}

.noUi-active {
  transform: scale(1.2);
}

/* Handle stripes;
 */
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.callback-popup {
  /* padding-bottom: 15.625rem; */
}

@media (min-width: 43.75em) {
  .callback-popup {
    /* padding-bottom: 15.625rem; */
  }
}

@media (min-width: 23.125em) and (max-width: 43.75em) {
  @supports (padding-bottom: clamp(9.375rem, 2.3674242424rem + 30.303030303vw, 15.625rem)) {
    .callback-popup {
      padding-bottom: clamp(9.375rem, 2.3674242424rem + 30.303030303vw, 15.625rem);
    }
  }

  @supports not (padding-bottom: clamp(9.375rem, 2.3674242424rem + 30.303030303vw, 15.625rem)) {
    .callback-popup {
      padding-bottom: calc(9.375rem + 6.25 * (100vw - 23.125rem) / 20.625);
    }
  }
}

@media (max-width: 23.125em) {
  .callback-popup {
    padding-bottom: 9.375rem;
  }
}

.callback-popup--success {
  padding-bottom: 0 !important;
}

.callback-popup--success .callback-popup__image-ibg {
  bottom: 0;
  right: 0;
  left: unset;
  width: 21.1875rem;
  height: 10.8125rem;
  padding-bottom: 0;
}

.callback-popup--success .callback-popup__image-ibg img {
  object-fit: contain;
}

.callback-popup--success .callback-popup__button {
  margin-top: 2.5rem;
}

@media (max-width: 47.99875em) {
  .callback-popup--success {
    padding-bottom: 3.125rem;
  }
}

.callback-popup__title {
  color: #fff;
  line-height: 1.1923076923;
}

@media (min-width: 88.125em) {
  .callback-popup__title {
    font-size: 2.55rem;
  }
}

@media (min-width: 24.375em) and (max-width: 88.125em) {
  @supports (font-size: clamp(2.5rem, 2.2132352941rem + 1.1764705882vw, 3.25rem)) {
    .callback-popup__title {
      font-size: clamp(2.5rem, 2.2132352941rem + 1.1764705882vw, 3.25rem);
    }
  }

  @supports not (font-size: clamp(2.5rem, 2.2132352941rem + 1.1764705882vw, 3.25rem)) {
    .callback-popup__title {
      font-size: calc(2.5rem + 0.75 * (100vw - 24.375rem) / 63.75);
    }
  }
}

@media (max-width: 24.375em) {
  .callback-popup__title {
    font-size: 2.5rem;
  }
}

.callback-popup__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

.callback-popup__sub-title {
  line-height: 1.375;
  color: #9b948f;
}

@media (min-width: 88.125em) {
  .callback-popup__sub-title {
    font-size: 1.5rem;
  }
}

@media (min-width: 24.375em) and (max-width: 88.125em) {
  @supports (font-size: clamp(1.125rem, 0.9816176471rem + 0.5882352941vw, 1.5rem)) {
    .callback-popup__sub-title {
      font-size: clamp(1.125rem, 0.9816176471rem + 0.5882352941vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(1.125rem, 0.9816176471rem + 0.5882352941vw, 1.5rem)) {
    .callback-popup__sub-title {
      font-size: calc(1.125rem + 0.375 * (100vw - 24.375rem) / 63.75);
    }
  }
}

@media (max-width: 24.375em) {
  .callback-popup__sub-title {
    font-size: 1.125rem;
  }
}

.callback-popup__form {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.callback-popup__button {
  align-self: flex-start;
}

.callback-popup__image-ibg {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 56.231884058%;
}

.vacancy-popup__image-ibg {
  padding-bottom: 43.4782608696%;
}

.vacancy-popup__body {
  display: grid;
}

@media (min-width: 88.125em) {
  .vacancy-popup__body {
    gap: 2.5rem;
  }
}

@media (min-width: 24.375em) and (max-width: 88.125em) {
  @supports (gap: clamp(1.25rem, 0.7720588235rem + 1.9607843137vw, 2.5rem)) {
    .vacancy-popup__body {
      gap: clamp(1.25rem, 0.7720588235rem + 1.9607843137vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(1.25rem, 0.7720588235rem + 1.9607843137vw, 2.5rem)) {
    .vacancy-popup__body {
      gap: calc(1.25rem + 1.25 * (100vw - 24.375rem) / 63.75);
    }
  }
}

@media (max-width: 24.375em) {
  .vacancy-popup__body {
    gap: 1.25rem;
  }
}

@media (min-width: 88.125em) {
  .vacancy-popup__body {
    padding: 3.75rem;
  }
}

@media (min-width: 24.375em) and (max-width: 88.125em) {
  @supports (padding: clamp(1.875rem, 1.1580882353rem + 2.9411764706vw, 3.75rem)) {
    .vacancy-popup__body {
      padding: clamp(1.875rem, 1.1580882353rem + 2.9411764706vw, 3.75rem);
    }
  }

  @supports not (padding: clamp(1.875rem, 1.1580882353rem + 2.9411764706vw, 3.75rem)) {
    .vacancy-popup__body {
      padding: calc(1.875rem + 1.875 * (100vw - 24.375rem) / 63.75);
    }
  }
}

@media (max-width: 24.375em) {
  .vacancy-popup__body {
    padding: 1.875rem;
  }
}

.vacancy-popup__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  column-gap: 1.25rem;
  row-gap: 0.625rem;
  justify-content: space-between;
}

.vacancy-popup__title {
  font-weight: 500;
  color: #366f5a;
}

@media (max-width: 29.99875em) {
  .vacancy-popup__salary {
    text-align: right;
    width: 100%;
  }
}

.vacancy-popup__item {
  line-height: 1.4;
}

@media (min-width: 88.125em) {
  .vacancy-popup__item {
    font-size: 1.25rem;
  }
}

@media (min-width: 24.375em) and (max-width: 88.125em) {
  @supports (font-size: clamp(0.875rem, 0.7316176471rem + 0.5882352941vw, 1.25rem)) {
    .vacancy-popup__item {
      font-size: clamp(0.875rem, 0.7316176471rem + 0.5882352941vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7316176471rem + 0.5882352941vw, 1.25rem)) {
    .vacancy-popup__item {
      font-size: calc(0.875rem + 0.375 * (100vw - 24.375rem) / 63.75);
    }
  }
}

@media (max-width: 24.375em) {
  .vacancy-popup__item {
    font-size: 0.875rem;
  }
}

@media (min-width: 88.125em) {
  .vacancy-popup__item:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 24.375em) and (max-width: 88.125em) {
  @supports (margin-bottom: clamp(1.25rem, 1.0110294118rem + 0.9803921569vw, 1.875rem)) {
    .vacancy-popup__item:not(:last-child) {
      margin-bottom: clamp(1.25rem, 1.0110294118rem + 0.9803921569vw, 1.875rem);
    }
  }

  @supports not (margin-bottom: clamp(1.25rem, 1.0110294118rem + 0.9803921569vw, 1.875rem)) {
    .vacancy-popup__item:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.625 * (100vw - 24.375rem) / 63.75);
    }
  }
}

@media (max-width: 24.375em) {
  .vacancy-popup__item:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.vacancy-popup__label {
  font-weight: 700;
}

.vacancy-popup__label:not(:last-child) {
  margin-bottom: 0.625rem;
}

.vacancy-popup__value ul li {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}

.vacancy-popup__value ul li:not(:last-child) {
  margin-bottom: 1.25rem;
}

.vacancy-popup__value ul li::before {
  color: #f6b80d;
  content: "\e905";
  font-size: 0.8125rem;
  width: 1.5rem;
  flex: 0 0 1.5rem;
}

.vacancy-popup__bottom {
  display: flex;
  gap: 1.25rem;
}

.vacancy-popup__bottom>* {
  flex: 1 1 auto;
}

@media (min-width: 47.99875em) {
  .vacancy-popup__bottom {
    font-size: 1rem !important;
  }
}

@media (max-width: 47.99875em) {
  .vacancy-popup__bottom {
    flex-direction: column;
  }
}

.vacancy-popup__file {
  position: relative;
  background-color: #f9f7f6;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #4c4845;
  padding: 0.3125rem 1.875rem;
  height: 4.75rem;
  border-radius: 3.75rem;
  line-height: 1.2;
  transition: background-color 0.2s ease 0s;
}

@media (any-hover: hover) {
  .vacancy-popup__file:hover {
    background-color: #f2f2f1;
  }
}

@media (max-width: 90em) {
  .vacancy-popup__file {
    height: 3.375rem;
    padding: 0px 1.25rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .vacancy-popup__file {
    height: 3rem;
    font-size: 0.875rem;
    padding: 0px 1.125rem;
  }
}

.vacancy-popup__file .input {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  top: 0;
  left: 0;
  font-size: 0;
  opacity: 0;
}

.vacancy-popup__file-content {
  display: flex;
  align-items: center;
  column-gap: 0.9375rem;
}

.vacancy-popup__file-content img {
  max-width: 100%;
}

.video__item-ibg {
  padding-bottom: 75%;
}

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

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

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

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

.popup.popup_show .popup__content {
  visibility: visible;
  transform: scale(1);
  opacity: 1;
  /* max-height: 100svh; */
  overflow-y: hidden;
}

.popup--white-bg .popup__content {
  padding: 0;
  background-color: #fff;
}

.popup--white-bg .popup__close {
  background-color: transparent;
  color: #2d2b2a;
}

@media (any-hover: hover) {
  .popup--white-bg .popup__close:hover {
    color: #9b948f;
  }
}

.popup--align-right {
  padding: 0;
}

.popup--align-right .popup__title {
  font-size: 2.25rem;
  line-height: 1.1944444444;
}

.popup--align-right .popup__title:not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 90em) {
  .popup--align-right .popup__title {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {
  .popup--align-right .popup__title {
    font-size: 1.5rem;
  }

  .popup--align-right .popup__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.popup--align-right .popup__wrapper {
  justify-content: flex-start;
}

.popup--align-right .popup__content {
  background-color: #fff;
  padding: 3.75rem;
  min-height: 100vh;
  max-width: 43.125rem;
  margin-left: auto;
}

@media (max-width: 90em) {
  .popup--align-right .popup__content {
    max-width: 31.25rem;
    padding: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .popup--align-right .popup__content {
    max-width: 24.375rem;
    padding: 2.5rem 1.875rem 1.875rem 1.875rem;
  }
}

@media (max-width: 29.99875em) {
  .popup--align-right .popup__content {
    max-width: 100%;
  }
}

@media (any-hover: hover) {
  .popup--align-right .popup__close:hover {
    color: #2d2b2a;
  }
}

.popup__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.popup__content {
  position: relative;
  visibility: hidden;
  transform: scale(0.9);
  opacity: 0;
  transition: all 0.2s ease 0s;
  background-color: #2d2b2a;
  padding: 3rem;
  width: 100%;
  max-width: 43.125rem;
}

.popup__content--no-padding {
  padding: 0 !important;
  border-radius: 0;
}

@media (max-width: 47.99875em) {
  .popup__content--no-padding {
    position: unset !important;
  }
}

.lock .popup__content {
  visibility: visible;
}

@media (max-width: 47.99875em) {
  .popup__content {
    padding: 3.125rem 1.875rem;
  }
}

.popup__close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  padding: 0.9375rem;
  color: #9b948f;
  font-size: 1.25rem;
  transition: color 0.2s ease 0s;
}

.popup__close--right-corner {
  transform: translate(calc(100% + 0.625rem), 0);
  color: #fff;
  background-color: #9b948f;
}

@media (max-width: 52.5em) {
  .popup__close--right-corner {
    transform: translate(0, calc(-100% - 0.625rem));
  }
}

@media (any-hover: hover) {
  .popup__close:hover {
    color: #fff;
  }
}

.category__items {
  display: grid;
  gap: 1.875rem;
}

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

@media (max-width: 90em) {
  .category__items {
    gap: 1.25rem;
  }

  .category__items:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .category__items {
    gap: 0.625rem;
  }

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

.category__items--top {
  grid-template-columns: repeat(2, 1fr);
}

.category__items--top .category__item:first-child {
  grid-row: span 2;
}

.category__items--top .category__item:first-child .category__image-block {
  height: 50rem;
  width: 100%;
}

@media (max-width: 90em) {
  .category__items--top .category__item:first-child .category__image-block {
    height: 33.125rem;
  }
}

@media (max-width: 61.99875em) {
  .category__items--top .category__item:first-child .category__image-block {
    height: 25.625rem;
  }
}

@media (max-width: 47.99875em) {
  .category__items--top .category__item:first-child .category__image-block {
    padding-bottom: 112.7777777778%;
    height: auto;
  }
}

.category_index .category__items--top .category__item:last-child .category__image-block {
  height: 50rem;
  width: 100%;
}

@media (max-width: 90em) {
  .category_index .category__items--top .category__item:last-child .category__image-block {
    height: 33.125rem;
  }
}

@media (max-width: 61.99875em) {
  .category_index .category__items--top .category__item:last-child .category__image-block {
    height: 25.625rem;
  }
}

@media (max-width: 47.99875em) {
  .category_index .category__items--top .category__item:last-child .category__image-block {
    padding-bottom: 112.7777777778%;
    height: auto;
  }
}

.category__items--main {
  grid-template-columns: repeat(3, 1fr);
}

.category__items--main .category__item .category__image-block {
  height: 31.25rem;
}

@media (max-width: 90em) {
  .category__items--main .category__item .category__image-block {
    height: 21.25rem;
  }
}

@media (max-width: 61.99875em) {
  .category__items--main .category__item .category__image-block {
    height: 16.3125rem;
  }
}

@media (max-width: 47.99875em) {
  .category__items--main .category__item .category__image-block {
    padding-bottom: 55.5555555556%;
    height: auto;
  }
}

.category__items--even {
  grid-template-columns: repeat(2, 1fr);
}

.category__items--even .category__item .category__image-block {
  height: 24.0625rem;
}

@media (max-width: 90em) {
  .category__items--even .category__item .category__image-block {
    height: 21.25rem;
  }
}

@media (max-width: 61.99875em) {
  .category__items--even .category__item .category__image-block {
    height: 16.3125rem;
  }
}

@media (max-width: 47.99875em) {
  .category__items--even .category__item .category__image-block {
    height: 20.0625rem;
    padding-bottom: inherit;
  }

}

.category__items--even .category__item--vertical .category__image-block::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 105%;
  height: 101%;
  background-color: rgba(255, 255, 255, 0.7);
  top: 0;
  left: -2.5%;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  transition: all 0.3s ease 0s;
}

.category__items--even .category__item--vertical .category__image-block::after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: clip-path 0.3s ease;
}

/* hover — правый край уходит на 20% вправо */
.category__items--even .category__item--vertical:hover .category__image-block::after {
  clip-path: polygon(0 0, 120% 0, 120% 100%, 0 100%);
}

.category__items--even .category__content {
  max-width: 320px;
}

@media (max-width: 90em) {
  .category__items--even .category__content {
    max-width: 300px;
  }
}

@media (max-width: 61.9988em) {
  .category__items--even .category__content {
    max-width: 240px;
  }
}

@media (max-width: 47.99875em) {
  .category__items--even .category__content {
    max-width: 340px;
  }
}

@media (max-width: 30em) {
  .category__items--even .category__content {
    max-width: 220px;
  }
}

@media (max-width: 47.99875em) {
  .category__items {
    grid-template-columns: 1fr;
  }
}


.category__item {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}

@media (any-hover: hover) {
  .category__item--horizontal:hover .category__see-all {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
  }

  .category__item--horizontal:hover .category__image-block::after {
    transform: translate(-20%, 0);
  }

}

@media (any-hover: hover) {
  .category__item--vertical:hover .category__see-all {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
  }

  .category__item--vertical:hover .category__image-block::after {
    transform: translate(0, -20%);
  }
}

.category__see-all {
  margin-top: 1.875rem;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #9b948f;
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  opacity: 0;
  transform: translate(0, 50%);
  visibility: hidden;
  transition: all 0.2s ease 0s;
}

@media (any-hover: none) {
  .category__see-all {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
  }
}

.category__see-all::after {
  transform: translate(0, 0.125rem);
  content: "\e903";
  font-size: 0.8125rem;
}

@media (max-width: 90em) {
  .category__see-all {
    margin-top: 1.25rem;
    font-size: 1rem;
  }
}

.category__image-block {
  position: relative;
}

.category__item--vertical .category__image-block::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: -2.5%;
  height: 50%;
  width: 105%;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.category__item--vertical .category__image-block::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 105%;
  height: 70%;
  background-color: rgba(255, 255, 255, 0.7);
  top: 0;
  left: -2.5%;
  clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%);
  transition: all 0.3s ease 0s;
}

.category__item--horizontal .category__image-block {
  height: 24.0625rem;
}

@media (max-width: 90em) {
  .category__item--horizontal .category__image-block {
    height: 15.9375rem;
  }
}

@media (max-width: 61.99875em) {
  .category__item--horizontal .category__image-block {
    height: 12.5rem;
  }
}

@media (max-width: 47.99875em) {
  .category__item--horizontal .category__image-block {
    padding-bottom: 55.5555555556%;
    height: auto;
  }
}

.category__item--horizontal .category__image-block::before {
  content: "";
  position: absolute;
  top: -2.5%;
  z-index: 2;
  left: 0;
  height: 105%;
  width: 50%;
  background: linear-gradient(to right, #fff 0%, transparent 100%);
}

.category__item--horizontal .category__image-block::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 63%;
  height: 105%;
  background-color: rgba(255, 255, 255, 0.8);
  top: -2.5%;
  left: 0;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 56px) 100%, 0% 100%);
  transition: all 0.3s ease 0s;
}

.category__image-ibg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.category__image-ibg--full {
  z-index: 1;
}

.category__image-ibg--cutted {
  overflow: hidden;
  z-index: 3;
}

.category__content {
  position: absolute;
  z-index: 2;
  padding: 3.75rem;
  left: 0;
  top: 0;
}

@media (max-width: 90em) {
  .category__content {
    padding: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .category__content {
    padding: 1.25rem;
  }
}

.category__title,
.category-simple__title {
  font-size: 2.25rem;
  line-height: 1.2;
}

.category__title:not(:last-child),
.category-simple__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {

  .category__title,
  .category-simple__title {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {

  .category__title,
  .category-simple__title {
    font-size: 1.5rem;
  }
}

.category__sub-title,
.category-simple__sub-title {
  font-weight: 700;
  color: #366f5a;
  font-size: 1.25rem;
}

@media (max-width: 90em) {

  .category__sub-title,
  .category-simple__sub-title {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {

  .category__sub-title,
  .category-simple__sub-title {
    font-size: 0.875rem;
  }
}

.category-simple--dark-bg {
  background-color: #2d2b2a;
}

.category-simple__items {
  display: grid;
  gap: 1.875rem;
}

@media (min-width: 47.99875em) {
  .category-simple__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 90em) {
  .category-simple__items {
    gap: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .category-simple__items {
    gap: 0.625rem;
  }
}

.category-simple__item {
  display: block;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}

@media (any-hover: hover) {
  .category-simple__item:hover .category-simple__image-block::after {
    width: 55%;
  }
}

.category-simple__image-block::before {
  content: "";
  position: absolute;
  top: -2.5%;
  z-index: 2;
  left: 0;
  height: 105%;
  width: 65%;
  background: linear-gradient(to right, #fff 50%, transparent 100%);
}

@media (max-width: 47.99875em) {
  .category-simple__image-block::before {
    background: linear-gradient(to right, #fff 77%, transparent 100%);
  }
}

.category-simple__image-block::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 63%;
  height: 105%;
  background-color: rgba(255, 255, 255, 0.8);
  top: -2.5%;
  left: 0;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 56px) 100%, 0% 100%);
  transition: all 0.3s ease 0s;
}

@media (max-width: 61.99875em) {
  .category-simple__image-block::after {
    width: 70%;
  }
}

.category-simple__image-ibg {
  position: absolute;
  width: 30.625rem;
  z-index: 1;
  height: 100%;
  top: 0;
  right: 0;
}

@media (max-width: 90em) {
  .category-simple__image-ibg {
    width: 23.75rem;
  }
}

.category-simple__content {
  position: relative;
  z-index: 2;
  padding: 3.75rem 0 3.75rem 3.75rem;
}

@media (max-width: 90em) {
  .category-simple__content {
    padding: 3.75rem 0 3.75rem 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .category-simple__content {
    padding: 3.75rem 0 3.75rem 1.875rem;
  }
}

.category-simple__title {
  max-width: 18.75rem;
}

.banner__body {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 34.7222222222%;
  background-color: #2d2b2a;
}

@media (max-width: 47.99875em) {
  .banner__body {
    grid-template-columns: 1fr;
  }
}

.banner__content {
  padding: 3.75rem;
}

@media (max-width: 90em) {
  .banner__content {
    padding: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .banner__content {
    padding: 1.875rem;
  }
}

@media (max-width: 47.99875em) {
  .banner__content {
    order: 2;
  }
}

.banner__title {
  color: #fff;
  font-size: 3.25rem;
  line-height: 1.2;
}

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

@media (max-width: 90em) {
  .banner__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .banner__title {
    font-size: 2.5rem;
  }
}

.banner__text {
  color: #9b948f;
  line-height: 1.4;
  font-size: 1.5rem;
}

.banner__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .banner__text {
    font-size: 1.375rem;
  }
}

@media (max-width: 61.99875em) {
  .banner__text {
    font-size: 1.125rem;
  }
}

.banner__button {
  margin-top: 2.5rem;
}

@media (max-width: 90em) {
  .banner__button {
    margin-top: 1.875rem;
  }
}

.banner__image-ibg {
  height: 100%;
}

.steps-pagination {
  border: 0.125rem solid #f9f7f6;
  border-right: 0;
  display: flex;
}

.steps-pagination:not(:last-child) {
  margin-bottom: 1.25rem;
}

.steps-pagination__item {
  flex: 1 1 auto;
  display: flex;
  column-gap: 0.3125rem;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1.4;
  height: 4.875rem;
  padding: 0.3125rem 1.25rem;
  border-right: 0.125rem solid #f9f7f6;
}

.steps-pagination__item.active {
  color: #fff;
  background-color: #4c4845;
}

@media (max-width: 90em) {
  .steps-pagination__item {
    height: 4.375rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .steps-pagination__item {
    height: 3.125rem;
    font-size: 0.875rem;
  }
}

@media (max-width: 47.99875em) {
  .steps-pagination__item:not(.active) span {
    width: 0;
    opacity: 0;
  }
}

.item-steps {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  column-gap: 9.375rem;
}

@media (max-width: 90em) {
  .item-steps {
    column-gap: 6.25rem;
  }
}

@media (max-width: 61.99875em) {
  .item-steps {
    column-gap: 4.375rem;
  }
}

@media (max-width: 47.99875em) {
  .item-steps {
    grid-template-columns: 1fr;
    row-gap: 1.875rem;
  }
}

.item-steps__image-block {
  position: relative;
}

@media (max-width: 47.99875em) {
  .item-steps__image-block {
    order: 2;
  }
}

.item-steps__image-ibg {
  width: 35.625rem;
  height: 29.375rem;
}

.foundation-steps .item-steps__image-ibg {
  height: 48.375rem;
}

@media (max-width: 90em) {
  .item-steps__image-ibg {
    width: 23.75rem;
    height: 19.375rem;
  }
}

@media (max-width: 61.99875em) {
  .item-steps__image-ibg {
    width: 18.125rem;
    height: 15rem;
  }
}

@media (max-width: 47.99875em) {
  .item-steps__image-ibg {
    width: auto;
    height: auto;
    padding-bottom: 66.6666666667%;
  }
}

.item-steps__time {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  transform: translate(0, 50%);
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 0.625rem;
  background-color: #fff;
  padding: 1.875rem;
  font-size: 1rem;
}

.item-steps__time::before {
  color: #f6b80d;
  font-size: 1.5rem;
}

@media (max-width: 90em) {
  .item-steps__time {
    padding: 1.25rem;
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-steps__time {
    padding: 0.625rem;
    font-size: 0.75rem;
  }
}

@media (max-width: 47.99875em) {
  .item-steps__time {
    bottom: unset;
    top: 0;
    transform: translate(0, -50%);
  }
}

.item-steps__content {
  padding-top: 3.75rem;
}

@media (max-width: 90em) {
  .item-steps__content {
    padding-top: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .item-steps__content {
    padding-top: 1.875rem;
  }
}

@media (max-width: 47.99875em) {
  .item-steps__content {
    padding-top: 0;
  }
}

.item-steps__header:not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 90em) {
  .item-steps__header:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.item-steps__sub-title {
  font-size: 1.25rem;
  color: #366f5a;
  font-weight: 700;
  line-height: 1.4;
}

.item-steps__sub-title:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .item-steps__sub-title {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .item-steps__sub-title {
    font-size: 0.875rem;
  }
}

.item-steps__title {
  font-size: 2.25rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .item-steps__title {
    font-size: 1.75rem;
  }
}

.item-steps__list {
  font-size: 1.25rem;
}

.item-steps__list:not(:last-child) {
  margin-bottom: 2.5rem;
}

.item-steps__list li {
  display: flex;
  line-height: 1.4;
  align-items: center;
  column-gap: 0.625rem;
}

.item-steps__list li:not(:last-child) {
  margin-bottom: 0.625rem;
}

.item-steps__list li::before {
  color: #f6b80d;
  content: "\e905";
  font-size: 0.8125rem;
  width: 1.5rem;
  flex: 0 0 1.5rem;
}

@media (max-width: 90em) {
  .item-steps__list {
    font-size: 1rem;
  }

  .item-steps__list:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-steps__list {
    font-size: 0.875rem;
  }
}

.item-steps__text {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  color: #4c4845;
}

.item-steps__text:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .item-steps__text {
    font-size: 1rem;
  }

  .item-steps__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

.steps-large__item:not(:last-child) {
  margin-bottom: 6.25rem;
}

@media (max-width: 90em) {
  .steps-large__item:not(:last-child) {
    margin-bottom: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .steps-large__item:not(:last-child) {
    margin-bottom: 3.75rem;
  }
}

.steps-large__item:nth-child(2n-1) .steps-large__images-block {
  grid-template-columns: 0.6fr 0.2fr 0.2fr;
}

@media (max-width: 90em) {
  .steps-large__item:nth-child(2n-1) .steps-large__images-block {
    grid-template-columns: 48.9361702128% 23.4042553191% 23.4042553191%;
  }
}

@media (max-width: 61.99875em) {
  .steps-large__item:nth-child(2n-1) .steps-large__images-block {
    grid-template-columns: 49.2957746479% 23.9436619718% 23.9436619718%;
  }
}

@media (max-width: 47.99875em) {
  .steps-large__item:nth-child(2n-1) .steps-large__images-block {
    grid-template-columns: repeat(2, 1fr);
  }

  .steps-large__item:nth-child(2n-1) .steps-large__images-block .steps-large__image-ibg {
    padding-bottom: 85.7142857143%;
  }

  .steps-large__item:nth-child(2n-1) .steps-large__images-block .steps-large__image-ibg:first-child {
    grid-column: span 2;
    padding-bottom: 41.6666666667%;
  }
}

.steps-large__item:nth-child(3n-1) .steps-large__images-block {
  grid-template-columns: 0.2fr 0.2fr 0.6fr;
}

@media (max-width: 90em) {
  .steps-large__item:nth-child(3n-1) .steps-large__images-block {
    grid-template-columns: 23.4042553191% 23.4042553191% 48.9361702128%;
  }
}

@media (max-width: 61.99875em) {
  .steps-large__item:nth-child(3n-1) .steps-large__images-block {
    grid-template-columns: 23.9436619718% 23.9436619718% 49.2957746479%;
  }
}

@media (max-width: 47.99875em) {
  .steps-large__item:nth-child(3n-1) .steps-large__images-block {
    grid-template-columns: repeat(2, 1fr);
  }

  .steps-large__item:nth-child(3n-1) .steps-large__images-block .steps-large__image-ibg {
    padding-bottom: 85.7142857143%;
  }

  .steps-large__item:nth-child(3n-1) .steps-large__images-block .steps-large__image-ibg:last-child {
    order: 1;
    grid-column: span 2;
    padding-bottom: 41.6666666667%;
  }

  .steps-large__item:nth-child(3n-1) .steps-large__images-block .steps-large__image-ibg:first-child {
    order: 3;
  }

  .steps-large__item:nth-child(3n-1) .steps-large__images-block .steps-large__image-ibg:nth-child(2) {
    order: 2;
  }
}

.steps-large__item:nth-child(4n-1) .steps-large__images-block {
  grid-template-columns: 16.5277777778% 60.3472222222% 17.8472222222%;
}

@media (max-width: 90em) {
  .steps-large__item:nth-child(4n-1) .steps-large__images-block {
    grid-template-columns: 23.4042553191% 48.9361702128% 23.4042553191%;
  }
}

@media (max-width: 61.99875em) {
  .steps-large__item:nth-child(4n-1) .steps-large__images-block {
    grid-template-columns: 23.9436619718% 49.2957746479% 23.9436619718%;
  }
}

@media (max-width: 47.99875em) {
  .steps-large__item:nth-child(4n-1) .steps-large__images-block {
    grid-template-columns: repeat(2, 1fr);
  }

  .steps-large__item:nth-child(4n-1) .steps-large__images-block .steps-large__image-ibg {
    padding-bottom: 85.7142857143%;
  }

  .steps-large__item:nth-child(4n-1) .steps-large__images-block .steps-large__image-ibg:nth-child(2) {
    order: 1;
    grid-column: span 2;
    padding-bottom: 41.6666666667%;
  }

  .steps-large__item:nth-child(4n-1) .steps-large__images-block .steps-large__image-ibg:last-child {
    order: 3;
  }

  .steps-large__item:nth-child(4n-1) .steps-large__images-block .steps-large__image-ibg:first-child {
    order: 2;
    grid-column: span 1;
  }
}

.steps-large__images-block {
  display: grid;
  gap: 1.875rem;
}

.steps-large__images-block:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .steps-large__images-block {
    gap: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .steps-large__images-block {
    gap: 0.625rem;
  }

  .steps-large__images-block:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

.steps-large__image-ibg {
  padding-bottom: 39.5061728395%;
}

@media (max-width: 61.99875em) {
  .steps-large__image-ibg {
    padding-bottom: 41.5%;
  }
}

@media (max-width: 47.99875em) {
  .steps-large__image-ibg {
    padding-bottom: 42.8571428571%;
  }
}

.steps-large__content {
  display: grid;
  gap: 1.875rem;
  grid-template-columns: 35.625rem 1fr;
}

@media (max-width: 90em) {
  .steps-large__content {
    gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 61.99875em) {
  .steps-large__content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 47.99875em) {
  .steps-large__content {
    grid-template-columns: unset;
  }
}

.steps-large__title {
  font-size: 2.25rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .steps-large__title {
    font-size: 1.75rem;
  }
}

.steps-large__text {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #9b948f;
}

@media (max-width: 90em) {
  .steps-large__text {
    font-size: 1rem;
  }
}

.steps-large__text p:not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 61.99875em) {
  .steps-large__text p:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.specialists {
  background-color: #2d2b2a;
  padding: 6.25rem 0;
}

@media (max-width: 90em) {
  .specialists {
    padding: 5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .specialists {
    padding: 3.75rem 0;
  }
}

.specialists__header:not(:last-child) {
  margin-bottom: 3.125rem;
}

/* правки */
/*
.specialists__body .swiper-slide:nth-child(3n-2) .item-specialists__image-block {
  padding: 0 4.375rem 4.375rem 0;
}

@media (max-width: 90em) {
  .specialists__body .swiper-slide:nth-child(3n-2) .item-specialists__image-block {
    padding: 0 2.5rem 2.5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .specialists__body .swiper-slide:nth-child(3n-2) .item-specialists__image-block {
    padding: 0 1.25rem 1.25rem 0;
  }
}


.specialists__body .swiper-slide:nth-child(3n-2) .item-specialists__experience {
  bottom: 0;
  right: 0;
} */

.specialists__body .swiper-slide:nth-child(2n-1) .item-specialists__image-block {
  padding: 4.375rem 4.375rem 0 0;
}

.specialists__body .swiper-slide:nth-child(2n-1) .item-specialists__image-block:not(:last-child) {
  margin-bottom: 4.375rem;
}

@media (max-width: 90em) {
  .specialists__body .swiper-slide:nth-child(2n-1) .item-specialists__image-block {
    padding: 2.5rem 2.5rem 0 0;
  }

  .specialists__body .swiper-slide:nth-child(2n-1) .item-specialists__image-block:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .specialists__body .swiper-slide:nth-child(2n-1) .item-specialists__image-block {
    padding: 1.25rem 1.25rem 0 0;
  }

  .specialists__body .swiper-slide:nth-child(2n-1) .item-specialists__image-block:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.specialists__body .swiper-slide:nth-child(2n-1) .item-specialists__experience {
  top: 0;
  right: 0;
}

.specialists__body .swiper-slide:nth-child(2n) .item-specialists__image-block {
  padding: 0 4.375rem 4.375rem 0;
}

@media (max-width: 90em) {
  .specialists__body .swiper-slide:nth-child(2n) .item-specialists__image-block {
    padding: 0 2.5rem 2.5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .specialists__body .swiper-slide:nth-child(2n) .item-specialists__image-block {
    padding: 0 1.25rem 1.25rem 0;
  }
}

.specialists__body .swiper-slide:nth-child(2n) .item-specialists__experience {
  right: 0;
  bottom: 0;
}

@media (max-width: 47.99875em) {
  .specialists__body .swiper {
    overflow: visible !important;
  }
}

.item-specialists__image-block {
  position: relative;
}

.item-specialists__image-ibg {
  padding-bottom: 100%;
}

.item-specialists__experience {
  position: absolute;
  padding: 1.875rem 2.5rem;
  background-color: #2d2b2a;
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.4;
}

.item-specialists__experience span {
  line-height: 1.2;
  display: block;
  color: #f6b80d;
  font-size: 1rem;
}

.item-specialists__experience span:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .item-specialists__experience {
    padding: 1.25rem 1.875rem;
    font-size: 1rem;
  }

  .item-specialists__experience span {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-specialists__experience {
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
  }

  .item-specialists__experience span {
    font-size: 0.75rem;
  }

  .item-specialists__experience span:not(:last-child) {
    margin-bottom: 0.1875rem;
  }
}

.item-specialists__content {
  line-height: 1.2;
  font-size: 1rem;
  color: #9b948f;
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}

@media (max-width: 90em) {
  .item-specialists__content {
    font-size: 0.875rem;
    row-gap: 0.1875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-specialists__content {
    font-size: 0.75rem;
  }
}

.item-specialists__name {
  color: #fff;
  font-size: 2.25rem;
}

@media (max-width: 90em) {
  .item-specialists__name {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {
  .item-specialists__name {
    font-size: 1.5rem;
  }
}

.services-cards--no-swiper {
  background-color: transparent;
  display: grid;
  gap: 1.875rem;
}

@media (max-width: 47.99875em) {
  .services-cards--no-swiper .service-card__content {
    height: auto;
    padding: 1.875rem 1.875rem 1.25rem;
  }
}

@media (min-width: 47.99875em) {
  .services-cards--no-swiper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .services-cards--no-swiper {
    gap: 1.25rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .services-cards--no-swiper {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .services-cards .swiper {
    overflow: visible !important;
  }
}

@media (min-width: 47.99875em) {
  .services-cards .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem;
  }
}

@media (max-width: 90em) and (min-width: 47.99875em) {
  .services-cards .swiper-wrapper {
    gap: 1.25rem;
  }
}

@media (max-width: 61.99875em) and (min-width: 47.99875em) {
  .services-cards .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
  }
}

.service-card {
  background-color: #fff;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  justify-content: space-between;
}

.log-houses .service-card {
  background-color: #f9f7f6;
}

.services .service-card {
  background-color: #f9f7f6;
}

@media (any-hover: hover) {
  .service-card:hover .service-card__image-ibg {
    transform: scale(1.05);
  }

  .service-card:hover .service-card__title {
    color: #366f5a;
  }
}

.service-card__content {
  padding: 3.75rem 3.75rem 2.5rem;
}

@media (max-width: 90em) {
  .service-card__content {
    padding: 1.875rem 1.875rem 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .service-card__content {
    height: 9.375rem;
    padding: 1.875rem 1.875rem 0.625rem;
  }
}

.service-card__title {
  font-size: 2.25rem;
  line-height: 1.2;
  transition: all 0.2s ease 0s;
}

.service-card__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .service-card__title {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {
  .service-card__title {
    font-size: 1.5rem;
  }
}

.service-card__text {
  color: #9b948f;
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .service-card__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .service-card__text {
    font-size: 0.875rem;
  }
}

.service-card__text mark {
  background-color: transparent;
  color: #366f5a;
}

.service-card__text a {
  color: #366f5a;
  font-weight: 700;
  transition: opacity 0.2s ease 0s;
}

@media (any-hover: hover) {
  .service-card__text a:hover {
    opacity: 0.8;
  }
}

.service-card__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.service-card__image-ibg {
  transition: all 0.3s ease 0s;
  transform-origin: bottom;
  padding-bottom: 66.6666666667%;
  clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
}

@media (max-width: 90em) {
  .service-card__image-ibg {
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
  }
}

@media (max-width: 47.99875em) {
  .service-card__image-ibg {
    padding-bottom: 66.6666666667%;
  }
}



.projects-map__map {
  height: 43.75rem;
}

@media (max-width: 90em) {
  .projects-map__map {
    height: 37.5rem;
  }
}

@media (max-width: 61.99875em) {
  .projects-map__map {
    height: 31.25rem;
  }
}

.hidden {
  display: none;
}

.load-more-button {
  display: block;
  margin: 20px auto;
  padding: 0.3125rem 1.875rem;
  height: 4.75rem;
  transition: all 0.2s ease 0s;
  background: linear-gradient(92deg, #335e4e, #366e5a, #6cba9d);
  background-size: 250% 100%;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  border-radius: 3.75rem;
}

.load-more-button:hover {
  background-position: 70% 0;
}

@media (max-width: 90em) {
  .load-more-button {
    height: 3.0625rem;
    flex: 0 0 7.25rem;
    font-size: 0.875rem;
  }
}


.callback-banner--map .callback-banner__image-ibg {
  right: 0;
  width: 25.125rem;
  height: 24.5rem;
  bottom: -1.875rem;
}

@media (max-width: 90em) {
  .callback-banner--map .callback-banner__image-ibg {
    width: 21.875rem;
    height: 21.25rem;
    top: 50%;
    transform: translate(0, -50%);
    bottom: unset;
  }
}

@media (max-width: 61.99875em) {
  .callback-banner--map .callback-banner__image-ibg {
    width: 14.125rem;
    height: 13.75rem;
  }
}

/* правки */
@media (max-width: 47.99875em) {
  .callback-banner--map .callback-banner__image-ibg {
    /* right: -5rem;
    bottom: -4rem;
    width: 17.625rem;
    height: 20.25rem; */
    top: unset;
    bottom: -1.25rem;
    transform: translate(0px, 0px);
  }

  .callback-banner__body {
    overflow: hidden;
  }
}


.callback-banner__body {
  position: relative;
  background-color: #2d2b2a;
}

.callback-banner__content {
  position: relative;
  z-index: 3;
  padding: 3.75rem;
}

@media (max-width: 90em) {
  .callback-banner__content {
    padding: 2.5rem;
    max-width: 40rem;
  }
}

@media (max-width: 61.99875em) {
  .callback-banner__content {
    padding: 1.875rem;
    max-width: 31.25rem;
  }
}

@media (max-width: 47.99875em) {
  .callback-banner__content {
    padding: 1.875rem 1.875rem 7.5rem 1.875rem;
    max-width: 100%;
  }
}

.callback-banner__title {
  color: #fff;
}

.callback-banner__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

.callback-banner__text {
  color: #9b948f;
}

.callback-banner__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.callback-banner__input {
  display: flex;
  gap: 1.25rem;
  flex-direction: row;
}

.callback-banner__input .button {
  width: 80%;
}

/* правки */
.callback-banner__form {
  display: flex;
  /* align-items: center; */
  align-items: flex-start;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 2.5rem;
}

.form_main_content {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1.25rem;
}

@media (max-width: 90em) {
  .callback-banner__form {
    margin-top: 1.875rem;
    align-items: normal;
  }

  .callback-banner__input {
    gap: 1.875rem;
  }

}

@media (max-width: 1440em) {
  .form_main_content {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }
}

@media (max-width: 61.99875em) {
  .callback-banner__form {
    gap: 0.625rem;
  }

  .callback-banner__input {
    gap: 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .callback-banner__form {
    align-items: flex-start;
    flex-direction: column;
  }

  .callback-banner__input {
    align-items: flex-start;
    flex-direction: column;
  }

  .form_main_content {
    width: 300px;
  }

  .callback-banner__input {
    width: 300px;
  }

  .callback-banner__form .input {
    max-width: 300px !important;
  }

}

.callback-banner__form .input {
  max-width: 23.125rem;
}

@media (max-width: 90em) {
  .callback-banner__form .input {
    max-width: 16.25rem;
  }
}

@media (max-width: 61.99875em) {
  .callback-banner__form .input {
    max-width: 13.75rem;
  }

}

@media (max-width: 47.99875em) {
  .callback-banner__form .input {
    max-width: 12.5rem;
  }

  .callback-banner__input .button {
    width: 100%;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .callback-banner__form {
    flex-direction: column;
  }

  .callback-banner__form .checkbox-other {
    width: 100%;
  }

  .callback-banner__form .checkbox-other span {
    display: inline;
    padding: 5px 0 0px 35px;
  }
}

.callback-banner__bg-ibg {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 31.25rem;
  top: 0;
  right: 0;
}

.callback-banner__bg-ibg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #2d2b2a 0%, rgba(45, 43, 42, 0.8) 100%);
}

@media (max-width: 47.99875em) {
  .callback-banner__bg-ibg {
    height: 100%;
    width: 100%;
  }

  .callback-banner__bg-ibg::after {
    background: linear-gradient(90deg, #2d2b2a 40%, rgba(45, 43, 42, 0.8) 100%);
  }
}

.callback-banner__image-ibg {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 15.625rem;
  bottom: -0.0625rem;
  right: 3.75rem;
  height: 23.5rem;
}

.callback-banner__image-ibg img {
  object-fit: contain;
}

@media (max-width: 90em) {
  .callback-banner__image-ibg {
    right: 2.5rem;
    width: 13.25rem;
    height: 20rem;
  }
}

@media (max-width: 61.99875em) {
  .callback-banner__image-ibg {
    right: 1.875rem;
    width: 11.25rem;
    height: 16.875rem;
  }
}

/* правки */
@media (max-width: 47.99875em) {
  .callback-banner__image-ibg {
    right: -5rem;
    bottom: -4rem;
    width: 17.625rem;
    height: 20.25rem;
  }
}

.reviews {
  background-color: #2d2b2a;
  padding: 6.25rem 0;
}

.reviews--white-bg {
  background-color: #fff;
  padding: 0 !important;
}

@media (max-width: 90em) {
  .reviews {
    padding: 5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .reviews {
    padding: 3.75rem 0;
  }
}

.reviews__body .swiper {
  padding-bottom: 2rem;
}

@media (max-width: 47.99875em) {
  .reviews__body .swiper {
    visibility: visible !important;
    margin: 0 -0.9375rem;
    padding: 0px 0.9375rem;
  }
}

.item-reviews {
  position: relative;
  font-size: 1.25rem;
}

@media (max-width: 90em) {
  .item-reviews {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .item-reviews {
    font-size: 0.875rem;
  }
}

.item-reviews__content {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  right: 0;
  bottom: -2rem;
  max-width: 43.125rem;
  padding: 3.75rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .item-reviews__content {
    padding: 1.875rem;
    max-width: 33.75rem;
  }
}

@media (max-width: 61.99875em) {
  .item-reviews__content {
    max-width: 25.625rem;
    bottom: -3.125rem;
  }
}

@media (max-width: 47.99875em) {
  .item-reviews__content {
    position: relative;
    bottom: 0;
    max-width: 100%;
    box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.05);
  }
}

.item-reviews__text:not(:last-child) {
  margin-bottom: 0.625rem;
}

.item-reviews__author {
  color: #9b948f;
}

.item-reviews__image-ibg {
  height: 30rem;
}

@media (max-width: 90em) {
  .item-reviews__image-ibg {
    height: 21.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-reviews__image-ibg {
    height: auto;
    padding-bottom: 77.7777777778%;
  }
}

.item-reviews__footer {
  margin-top: 2.5rem;
}

@media (max-width: 90em) {
  .item-reviews__footer {
    margin-top: 1.875rem;
  }
}

.item-reviews__link {
  line-height: 1.4;
  color: #9b948f;
  transition: color 0.2s ease 0s;
}

@media (any-hover: hover) {
  .item-reviews__link:hover {
    color: #fff;
  }
}

.certificates__body .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.875rem;
}

@media (max-width: 90em) {
  .certificates__body .swiper-wrapper {
    gap: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .certificates__body .swiper-wrapper {
    gap: 0.625rem;
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 47.99875em) {
  .certificates__body .swiper-wrapper {
    display: flex;
    gap: 0;
  }
}

.certificates__body .swiper {
  overflow: visible !important;
}

@media (max-width: 47.99875em) {
  .certificates__body .swiper-slide {
    width: 6.875rem !important;
  }
}

.certificates__item {
  background-color: #f9f7f6;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  justify-content: space-between;
  min-height: 15rem;
  transition: background-color 0.2s ease 0s;
}

.gray-bg .certificates__item {
  background-color: #fff;
}

@media (any-hover: hover) {
  .certificates__item:hover {
    background-color: #fff;
    box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.05);
  }

  .certificates__item:hover .certificates__title {
    color: #366f5a;
  }

  .certificates__item:hover .certificates__file-name {
    color: #2d2b2a;
  }
}

@media (max-width: 90em) {
  .certificates__item {
    min-height: 10.625rem;
    padding: 0.625rem;
  }
}

@media (max-width: 61.99875em) {
  .certificates__item {
    min-height: 9.5rem;
  }
}

.certificates__title {
  font-size: 0.875rem;
  line-height: 1.2;
  transition: color 0.2s ease 0s;
}

@media (max-width: 90em) {
  .certificates__title {
    font-size: 0.75rem;
  }
}

@media (max-width: 61.99875em) {
  .certificates__title {
    font-size: 0.6875rem;
  }
}

.certificates__file-name {
  font-size: 1.25rem;
  color: #9b948f;
  line-height: 1.4;
  font-weight: 700;
  text-align: right;
  transition: color 0.2s ease 0s;
}

@media (max-width: 90em) {
  .certificates__file-name {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .certificates__file-name {
    font-size: 0.875rem;
  }
}

.questions__body {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 28rem;
  gap: 2rem;
}

@media (max-width: 90em) {
  .questions__body {
    grid-template-columns: 1fr 18.75rem;
    gap: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .questions__body {
    grid-template-columns: 1fr 14.375rem;
    gap: 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .questions__body {
    grid-template-columns: 1fr;
  }
}

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

.spollers__title {
  display: flex;
  width: 100%;
  align-items: center;
  text-align: left;
  justify-content: space-between;
  column-gap: 0.9375rem;
  background-color: #f9f7f6;
  transition: all 0.2s ease 0s;
  border: 0.0625rem solid #f9f7f6;
  padding: 1.875rem 2.5rem;
  font-size: 1.25rem;
  line-height: 1.4;
  transition: all 0.2s ease 0s;
}

.spollers__title::after {
  content: "\e90a";
  font-size: 1.375rem;
  color: #366f5a;
  transition: transform 0.2s ease 0s;
}

@media (max-width: 47.99875em) {
  .spollers__title::after {
    font-size: 1.25rem;
  }
}

.spollers__title:not(.spollers__title--gray-bg)._spoller-active {
  background-color: #fff;
}

.spollers__title:not(.spollers__title--gray-bg)._spoller-active::after {
  transform: rotate(180deg);
}

/* правка */
.spollers__title.spollers__title--gray-bg._spoller-active::after {
  transform: rotate(180deg);
}

@media (any-hover: hover) {
  .spollers__title:not(.spollers__title--gray-bg):hover {
    background-color: #fff;
    color: #366f5a;
    box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.05);
  }
}

.spollers__title--gray-bg {
  background-color: #f9f7f6;
}

.spollers__title--gray-bg._spoller-active {
  background-color: #f9f7f6;
}

@media (any-hover: hover) {
  .spollers__title--gray-bg:hover {
    color: #366f5a;
    box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.05);
  }
}

@media (max-width: 90em) {
  .spollers__title {
    font-size: 1rem;
    padding: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .spollers__title {
    font-size: 0.875rem;
  }
}

.spollers__body {
  border: 0.0625rem solid #f9f7f6;
  border-top: 0;
  background-color: #fff;
  padding: 1.875rem 2.5rem;
}

.spollers__body--no-padding {
  padding: 0;
}

@media (max-width: 90em) {
  .spollers__body:not(.spollers__body--no-padding) {
    padding: 1.25rem;
  }
}

.spollers__text {
  line-height: 1.4;
  font-size: 1rem;
  color: #333333;
}

@media (max-width: 90em) {
  .spollers__text {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .spollers__text {
    font-size: 0.75rem;
  }
}

.form-questions {
  background-color: #2d2b2a;
  padding: 3.75rem;
}

.form-questions--dark-bg {
  background-color: #4c4845;
}

.form-questions--dark-bg .socials--border .socials__link {
  border-color: #9b948f;
}

@media (max-width: 90em) {
  .form-questions {
    padding: 1.875rem;
  }
}

.form-questions__title {
  color: #fff;
  font-size: 2.25rem;
  line-height: 1.2;
}

.form-questions__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .form-questions__title {
    font-size: 1.75rem;
  }

  .form-questions__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}

@media (max-width: 61.99875em) {
  .form-questions__title {
    font-size: 1.5rem;
  }
}

.form-questions__text {
  color: #9b948f;
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .form-questions__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .form-questions__text {
    font-size: 0.875rem;
  }
}

.form-questions__button {
  margin-top: 2.5rem;
  width: 100%;
}

.form-questions__button:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .form-questions__button {
    margin-top: 1.875rem;
  }

  .form-questions__button:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .form-questions__button {
    margin-top: 1.25rem;
  }

  .form-questions__button:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.filter__body {
  display: flex;
  flex-direction: column;
  row-gap: 1.875rem;
}

.filter__item {
  display: grid;
  align-items: center;
  grid-template-columns: 12.5rem 1fr;
  column-gap: 0.625rem;
}

@media (max-width: 90em) {
  .filter__item {
    grid-template-columns: 9.375rem 1fr;
  }
}

@media (max-width: 61.99875em) {
  .filter__item {
    grid-template-columns: 5.625rem 1fr;
    column-gap: 0.3125rem;
  }
}

.filter__label {
  line-height: 1.4;
  color: #4c4845;
}

@media (max-width: 90em) {
  .filter__label {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .filter__label {
    font-size: 0.875rem;
  }
}

.filter__range {
  margin-top: 2.5rem;
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .filter__range {
    margin-top: 1.25rem;
    margin-bottom: 0;
  }
}

.filter__actions {
  display: flex;
  margin-top: 1.875rem;
  gap: 1.25rem;
}

@media (max-width: 47.99875em) {
  .filter__actions {
    gap: 0.625rem;
  }
}

.filter__button {
  flex: 0 1 50%;
}

@media (max-width: 47.99875em) {
  .filter__button {
    flex: 1 1 auto;
  }
}

.inputs-filter {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
}

@media (max-width: 90em) {
  .inputs-filter {
    column-gap: 0.9375rem;
  }
}

.inputs-filter__item {
  position: relative;
  width: 100%;
}

.inputs-filter__item .input {
  padding-left: 4.25rem;
  text-align: left !important;
  font-size: 1.25rem;
}

@media (max-width: 90em) {
  .inputs-filter__item .input {
    padding-left: 2.8125rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .inputs-filter__item .input {
    padding-left: 2.8125rem;
    font-size: 0.875rem;
  }
}

.inputs-filter__label {
  position: absolute;
  pointer-events: none;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  left: 2.5rem;
  color: #9b948f;
}

@media (max-width: 90em) {
  .inputs-filter__label {
    font-size: 1rem;
    left: 1.5625rem;
  }
}

@media (max-width: 61.99875em) {
  .inputs-filter__label {
    font-size: 0.875rem;
    left: 1.5625rem;
  }
}

.inputs-filter__title {
  margin-top: 3.75rem;
  font-size: 2.25rem;
  line-height: 1.1944444444;
}

.inputs-filter__title:not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 90em) {
  .inputs-filter__title {
    font-size: 1.75rem;
    margin-top: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .inputs-filter__title {
    font-size: 1.5rem;
    margin-top: 1.875rem;
  }

  .inputs-filter__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.inputs-filter__checkboxes .checkbox {
  position: relative;
}

.inputs-filter__checkboxes .checkbox:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 61.99875em) {
  .inputs-filter__checkboxes .checkbox:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}

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

.inputs-filter__checkboxes .checkbox__input:focus-visible+.checkbox__label {
  outline: 0.125rem solid #81d7b6;
}

.inputs-filter__checkboxes .checkbox__input:checked+.checkbox__label::before {
  background-color: #366f5a;
}

.inputs-filter__checkboxes .checkbox__input:checked+.checkbox__label::after {
  transform: scale(1);
}

.inputs-filter__checkboxes .checkbox__label {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: relative;
  background-color: #f9f7f6;
  line-height: 1.4;
  column-gap: 0.625rem;
  transition: background-color 0.2s ease 0s;
}

.inputs-filter__checkboxes .checkbox__label:before {
  content: "";
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  border: 0.125rem solid #366f5a;
  transition: background-color 0.2s ease 0s;
}

.inputs-filter__checkboxes .checkbox__label::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 31px;
  left: 36px;
  width: 13px;
  height: 13px;
  background: url("/local/templates/vyatki/css/../img/svg/check.svg") center/100% 100% no-repeat;
  transform: scale(0);
}

@media (any-hover: hover) {
  .inputs-filter__checkboxes .checkbox__label:hover {
    background-color: #f2f2f1;
  }
}

@media (max-width: 90em) {
  .inputs-filter__checkboxes .checkbox__label {
    font-size: 1rem;
  }

  .inputs-filter__checkboxes .checkbox__label:before {
    flex: 0 0 1.375rem;
    width: 1.375rem;
    height: 1.375rem;
  }

  .inputs-filter__checkboxes .checkbox__label::after {
    top: 21px;
    left: 25px;
  }
}

@media (max-width: 61.99875em) {
  .inputs-filter__checkboxes .checkbox__label {
    font-size: 0.875rem;
  }

  .inputs-filter__checkboxes .checkbox__label:before {
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
  }

  .inputs-filter__checkboxes .checkbox__label::after {
    top: 21px;
    left: 23px;
    width: 10px;
    height: 10px;
  }
}

.table {
  background-color: #f9f7f6;
  padding: 6.25rem 0;
}

@media (max-width: 90em) {
  .table {
    padding: 5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .table {
    padding: 3.75rem 0;
  }
}

.table__title:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .table__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .table__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.table__row {
  display: grid;
  column-gap: 1.875rem;
  grid-template-columns: 18.75rem 1fr;
  font-size: 1.25rem;
  line-height: 1.4;
  padding: 1.25rem;
}

.table__row:nth-child(odd) {
  background-color: #fff;
}

@media (max-width: 90em) {
  .table__row {
    font-size: 1rem;
    grid-template-columns: 15rem 1fr;
  }
}

@media (max-width: 61.99875em) {
  .table__row {
    font-size: 0.875rem;
    padding: 0.9375rem 1.25rem;
    grid-template-columns: 12.5rem 1fr;
  }
}

@media (max-width: 47.99875em) {
  .table__row {
    column-gap: 1.25rem;
    grid-template-columns: 6.25rem 1fr;
  }
}

.table__label {
  color: #2d2b2a;
}

.banner-construction {
  background-color: #2d2b2a;
  position: relative;
}

@media (max-width: 47.99875em) {
  .banner-construction {
    overflow: hidden;
  }
}

.banner-construction__body {
  position: relative;
  display: grid;
  padding: 6.25rem 0;
}

@media (max-width: 90em) {
  .banner-construction__body {
    padding: 5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .banner-construction__body {
    padding: 3.75rem 0;
  }
}

.banner-construction__content {
  position: relative;
  z-index: 2;
}

@media (min-width: 47.99875em) {
  .banner-construction__content {
    padding-right: 22.5rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .banner-construction__content {
    padding-right: 20rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .banner-construction__content {
    padding-right: 11.25rem;
  }
}

@media (max-width: 47.99875em) {
  .banner-construction__content {
    padding-bottom: 11.875rem;
  }
}

.banner-construction__title {
  color: #fff;
}

.banner-construction__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .banner-construction__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}

.banner-construction__text {
  color: #9b948f;
}

.banner-construction__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.banner-construction__text:not(:last-child) {
  margin-bottom: 1.875rem;
}

.banner-construction__bg-ibg {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 31.25rem;
  top: 0;
  right: 0;
}

.banner-construction__bg-ibg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #2d2b2a 0%, rgba(45, 43, 42, 0.8) 50%);
}

@media (max-width: 47.99875em) {
  .banner-construction__bg-ibg {
    height: 100%;
    width: 100%;
  }

  .banner-construction__bg-ibg::after {
    background: linear-gradient(90deg, #2d2b2a 40%, rgba(45, 43, 42, 0.8) 100%);
  }
}

.banner-construction__image-ibg {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 25rem;
  bottom: -0.0625rem;
  right: -4.375rem;
  height: 32.25rem;
}

.banner-construction__image-ibg img {
  object-fit: contain;
}

@media (max-width: 90em) {
  .banner-construction__image-ibg {
    right: 2.5rem;
    width: 21.3125rem;
    height: 27.5rem;
    right: -2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .banner-construction__image-ibg {
    right: 1.875rem;
    width: 17.5rem;
    height: 22.5rem;
    right: -2.5rem;
  }
}

@media (max-width: 47.99875em) {
  .banner-construction__image-ibg {
    width: 13.125rem;
    height: 16.875rem;
    right: 0;
  }
}

@media (max-width: 47.99875em) {
  .heroimage:not(.heroimage--no-relative-mobile) {
    position: relative;
  }
}

.heroimage__content {
  position: relative;
  z-index: 3;
  max-width: 800px;
}

.page__header--narrow .page__container h1 {
  max-width: 800px;
}

@media (max-width: 1840px) {
  .heroimage__content {
    max-width: 640px;
  }

  .page__header--narrow .page__container h1 {
    max-width: 640px;
  }
}

@media (max-width: 1550px) {
  .heroimage__content {
    max-width: 540px;
  }

  .page__header--narrow .page__container h1 {
    max-width: 540px;
  }
}

@media (max-width: 1330px) {
  .heroimage__content {
    max-width: 440px;
  }

  .page__header--narrow .page__container h1 {
    max-width: 440px;
  }
}

@media (max-width: 1170px) {
  .heroimage__content {
    max-width: 340px;
  }

  .page__header--narrow .page__container h1 {
    max-width: 340px;
  }
}

@media (max-width: 940px) {
  .heroimage__content {
    max-width: 340px;
  }

  .page__header--narrow .page__container h1 {
    max-width: 340px;
  }
}

@media (max-width: 800px) {
  .heroimage__content {
    max-width: 290px;
  }

  .page__header--narrow .page__container h1 {
    max-width: 290px;
  }
}

@media (max-width: 768px) {
  .heroimage__content {
    max-width: 100%;
  }

  .page__header--narrow .page__container h1 {
    max-width: 100%;
  }
}

.production .heroimage__content {
  max-width: 100%;
}

@media (max-width: 90em) {
  .production .heroimage__content {
    max-width: 48.75rem;
  }
}

@media (max-width: 61.99875em) {
  .production .heroimage__content {
    max-width: 36.875rem;
  }
}

.about-us .heroimage__content {
  max-width: 58.125rem;
}

.heroimage__text {
  position: relative;
  z-index: 2;
  color: #9b948f;
  max-width: 50.625rem;
}

.service-page .heroimage__text {
  text-align: justify;
}

.heroimage__text p:not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 61.99875em) {
  .heroimage__text p:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.heroimage__text:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .heroimage__text {
    max-width: 33.75rem;
  }

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

@media (max-width: 62.5em) {
  .heroimage__text {
    max-width: 30.625rem;
  }
}

@media (max-width: 61.99875em) {
  .heroimage__text {
    max-width: 25.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .heroimage__text {
    width: 25.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(15.625rem, 5.3075396825rem + 42.328042328vw, 25.625rem)) {
    .heroimage__text {
      width: clamp(15.625rem, 5.3075396825rem + 42.328042328vw, 25.625rem);
    }
  }

  @supports not (width: clamp(15.625rem, 5.3075396825rem + 42.328042328vw, 25.625rem)) {
    .heroimage__text {
      width: calc(15.625rem + 10 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .heroimage__text {
    width: 15.625rem;
  }
}

.heroimage__tags {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.heroimage__tags:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .heroimage__tags:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .heroimage__tags {
    gap: 0.625rem;
  }
}

.production .heroimage__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.production .heroimage__tags .heroimage__tag {
  padding: 3.125rem 1.875rem;
}

.production .heroimage__tags .heroimage__tag-label {
  max-width: 12.5rem;
}

@media (max-width: 90em) {
  .production .heroimage__tags {
    max-width: 48.75rem;
    gap: 1.25rem;
  }

  .production .heroimage__tags .heroimage__tag-label {
    max-width: 100%;
  }

  .production .heroimage__tags .heroimage__tag {
    flex: 0 1 calc(50% - 1.25rem);
    padding: 1.875rem 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .production .heroimage__tags {
    gap: 0.625rem;
  }

  .production .heroimage__tags .heroimage__tag {
    padding: 1.25rem 0.9375rem;
  }
}

@media (max-width: 47.99875em) {
  .production .heroimage__tags .heroimage__tag {
    flex: 1 1 auto;
  }
}

.about-us .heroimage__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.about-us .heroimage__tags .heroimage__tag {
  flex: 0 1 18.125rem;
  padding: 3.125rem 1.875rem;
}

@media (max-width: 90em) {
  .about-us .heroimage__tags {
    gap: 1.25rem;
  }

  .about-us .heroimage__tags .heroimage__tag {
    flex: 0 1 12.1875rem;
    padding: 1.875rem 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .about-us .heroimage__tags {
    gap: 0.625rem;
  }

  .about-us .heroimage__tags .heroimage__tag {
    flex: 0 1 9.5rem;
    padding: 1.25rem 0.9375rem;
  }
}

@media (max-width: 47.99875em) {
  .about-us .heroimage__tags {
    flex-direction: column;
  }

  .about-us .heroimage__tags .heroimage__tag {
    flex: 1 1 auto;
  }
}

.heroimage__tag-text {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  padding: 1.875rem;
}

@media (max-width: 90em) {
  .heroimage__tag-text {
    font-size: 1rem;
    padding: 1.25rem;
  }
}

@media (max-width: 47.99875em) {
  .heroimage__tag-text {
    padding: 0.625rem;
    font-size: 0.875rem;
  }
}

.heroimage__tag {
  background-color: #f9f7f6;
}

@media (max-width: 47.99875em) {
  .production .heroimage__tag:nth-child(2) {
    flex: 0 1 50%;
  }

  .production .heroimage__tag:nth-child(3) {
    flex: 0 1 calc(50% - 0.625rem);
  }
}

.heroimage__tag-value {
  font-size: 3.25rem;
}

.heroimage__tag-value span {
  font-size: 2.25rem;
}

.heroimage__tag-value:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .heroimage__tag-value {
    font-size: 2.75rem;
  }

  .heroimage__tag-value span {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {
  .heroimage__tag-value {
    font-size: 2.5rem;
  }

  .heroimage__tag-value span {
    font-size: 1.5rem;
  }
}

@media (max-width: 47.99875em) {
  .heroimage__tag-value {
    font-size: 1.5rem;
  }

  .about-us .heroimage__tag-value {
    font-size: 2.5rem;
  }

  .about-us .heroimage__tag-value span {
    font-size: 1.5rem;
  }

  .heroimage__tag-value br {
    display: none;
  }
}

.heroimage__tag-label {
  font-size: 1rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .heroimage__tag-label {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .heroimage__tag-label {
    font-size: 0.75rem;
  }
}

.heroimage__image-ibg {
  position: absolute;
  z-index: 1;
  mix-blend-mode: darken;
  top: 0;
  right: 0;
  overflow: hidden;
  transition: transform 0.2s ease 0s;
}

.heroimage__image-ibg img {
  object-fit: contain;
}

.about-us .heroimage__image-ibg {
  top: 21.0625rem;
  width: 44.0625rem;
  height: 44.0625rem;
}

@media (max-width: 90em) {
  .about-us .heroimage__image-ibg {
    top: 16.625rem;
    width: 32.0625rem;
    height: 32.0625rem;
  }
}

@media (max-width: 61.99875em) {
  .about-us .heroimage__image-ibg {
    top: 15.5rem;
    width: 22.125rem;
    height: 22.125rem;
  }
}

@media (max-width: 47.99875em) {
  .about-us .heroimage__image-ibg {
    top: 0;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .about-us .heroimage__image-ibg {
    margin-right: 0.0000000625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .about-us .heroimage__image-ibg {
      margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem);
    }
  }

  @supports not (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .about-us .heroimage__image-ibg {
      margin-right: calc(-5rem + 5.0000000625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .about-us .heroimage__image-ibg {
    margin-right: -5rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .about-us .heroimage__image-ibg {
    width: 22.125rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(14.625rem, 6.8869047619rem + 31.746031746vw, 22.125rem)) {
    .about-us .heroimage__image-ibg {
      width: clamp(14.625rem, 6.8869047619rem + 31.746031746vw, 22.125rem);
    }
  }

  @supports not (width: clamp(14.625rem, 6.8869047619rem + 31.746031746vw, 22.125rem)) {
    .about-us .heroimage__image-ibg {
      width: calc(14.625rem + 7.5 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .about-us .heroimage__image-ibg {
    width: 14.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .about-us .heroimage__image-ibg {
    height: 22.125rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (height: clamp(14.625rem, 6.8869047619rem + 31.746031746vw, 22.125rem)) {
    .about-us .heroimage__image-ibg {
      height: clamp(14.625rem, 6.8869047619rem + 31.746031746vw, 22.125rem);
    }
  }

  @supports not (height: clamp(14.625rem, 6.8869047619rem + 31.746031746vw, 22.125rem)) {
    .about-us .heroimage__image-ibg {
      height: calc(14.625rem + 7.5 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .about-us .heroimage__image-ibg {
    height: 14.625rem;
  }
}

.production .heroimage__image-ibg {
  top: 10.375rem;
  width: 59.125rem;
  height: 76.25rem;
}

@media (min-width: 120em) {
  .production .heroimage__image-ibg {
    height: 87.5rem;
    width: 67.9375rem;
    top: 10.375rem;
  }
}

@media (max-width: 90em) {
  .production .heroimage__image-ibg {
    width: 42.0625rem;
    top: 7.875rem;
    right: -3.125rem;
    height: 54.25rem;
  }
}

@media (max-width: 61.99875em) {
  .production .heroimage__image-ibg {
    width: 29.6875rem;
    right: 0;
    height: 38.25rem;
  }
}

@media (max-width: 47.99875em) {
  .production .heroimage__image-ibg {
    top: 0;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .production .heroimage__image-ibg {
    margin-right: 0.0000000625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .production .heroimage__image-ibg {
      margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem);
    }
  }

  @supports not (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .production .heroimage__image-ibg {
      margin-right: calc(-5rem + 5.0000000625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .production .heroimage__image-ibg {
    margin-right: -5rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .production .heroimage__image-ibg {
    width: 29.6875rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(14.625rem, -0.9156746032rem + 63.7566137566vw, 29.6875rem)) {
    .production .heroimage__image-ibg {
      width: clamp(14.625rem, -0.9156746032rem + 63.7566137566vw, 29.6875rem);
    }
  }

  @supports not (width: clamp(14.625rem, -0.9156746032rem + 63.7566137566vw, 29.6875rem)) {
    .production .heroimage__image-ibg {
      width: calc(14.625rem + 15.0625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .production .heroimage__image-ibg {
    width: 14.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .production .heroimage__image-ibg {
    height: 38.25rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (height: clamp(18.9375rem, -0.9880952381rem + 81.746031746vw, 38.25rem)) {
    .production .heroimage__image-ibg {
      height: clamp(18.9375rem, -0.9880952381rem + 81.746031746vw, 38.25rem);
    }
  }

  @supports not (height: clamp(18.9375rem, -0.9880952381rem + 81.746031746vw, 38.25rem)) {
    .production .heroimage__image-ibg {
      height: calc(18.9375rem + 19.3125 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .production .heroimage__image-ibg {
    height: 18.9375rem;
  }
}

.log-houses .heroimage__image-ibg {
  width: 44.0625rem;
  top: 19.75rem;
  height: 50rem;
}

@media (min-width: 120em) {
  .log-houses .heroimage__image-ibg {
    top: 10rem;
    height: 65.2777777778%;
    width: 41.6666666667%;
  }
}

@media (max-width: 90em) {
  .log-houses .heroimage__image-ibg {
    top: 17.25rem;
    width: 32.0625rem;
    height: 36.375rem;
  }
}

@media (max-width: 61.99875em) {
  .log-houses .heroimage__image-ibg {
    top: 15.5rem;
    width: 22.1875rem;
    height: 25.1875rem;
  }
}

@media (max-width: 47.99875em) {
  .log-houses .heroimage__image-ibg {
    top: 0;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .log-houses .heroimage__image-ibg {
    margin-right: 0.0000000625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .log-houses .heroimage__image-ibg {
      margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem);
    }
  }

  @supports not (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .log-houses .heroimage__image-ibg {
      margin-right: calc(-5rem + 5.0000000625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .log-houses .heroimage__image-ibg {
    margin-right: -5rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .log-houses .heroimage__image-ibg {
    width: 22.1875rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(14.625rem, 6.8224206349rem + 32.0105820106vw, 22.1875rem)) {
    .log-houses .heroimage__image-ibg {
      width: clamp(14.625rem, 6.8224206349rem + 32.0105820106vw, 22.1875rem);
    }
  }

  @supports not (width: clamp(14.625rem, 6.8224206349rem + 32.0105820106vw, 22.1875rem)) {
    .log-houses .heroimage__image-ibg {
      width: calc(14.625rem + 7.5625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .log-houses .heroimage__image-ibg {
    width: 14.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .log-houses .heroimage__image-ibg {
    height: 25.1875rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (height: clamp(16.625rem, 7.7906746032rem + 36.2433862434vw, 25.1875rem)) {
    .log-houses .heroimage__image-ibg {
      height: clamp(16.625rem, 7.7906746032rem + 36.2433862434vw, 25.1875rem);
    }
  }

  @supports not (height: clamp(16.625rem, 7.7906746032rem + 36.2433862434vw, 25.1875rem)) {
    .log-houses .heroimage__image-ibg {
      height: calc(16.625rem + 8.5625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .log-houses .heroimage__image-ibg {
    height: 16.625rem;
  }
}

/* правки */
.engineering-communications .heroimage__image-ibg {
  width: 38.0625rem;
  top: 21.0625rem;
  height: 48.875rem;
  mix-blend-mode: normal;
  z-index: 2;
}

@media (min-width: 120em) {
  .engineering-communications .heroimage__image-ibg {
    top: 3.125rem;
    height: 75rem;
    width: 40.5rem;
  }
}

@media (max-width: 90em) {
  .engineering-communications .heroimage__image-ibg {
    top: 17.25rem;
    width: 30.0625rem;
    height: 36.375rem;
  }
}

@media (max-width: 61.99875em) {
  .engineering-communications .heroimage__image-ibg {
    top: 15.5rem;
    width: 22.1875rem;
    height: 25.1875rem;
  }
}

@media (max-width: 47.99875em) {
  .engineering-communications .heroimage__image-ibg {
    top: 0;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .engineering-communications .heroimage__image-ibg {
    margin-right: 0.0000000625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (margin-right: clamp(-6.25rem, -12.6984127629rem + 26.4550267196vw, 0.0000000625rem)) {
    .engineering-communications .heroimage__image-ibg {
      margin-right: clamp(-6.25rem, -12.6984127629rem + 26.4550267196vw, 0.0000000625rem);
    }
  }

  @supports not (margin-right: clamp(-6.25rem, -12.6984127629rem + 26.4550267196vw, 0.0000000625rem)) {
    .engineering-communications .heroimage__image-ibg {
      margin-right: calc(-6.25rem + 6.2500000625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .engineering-communications .heroimage__image-ibg {
    margin-right: -6.25rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .engineering-communications .heroimage__image-ibg {
    width: 22.1875rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(14.625rem, 6.8224206349rem + 32.0105820106vw, 22.1875rem)) {
    .engineering-communications .heroimage__image-ibg {
      width: clamp(14.625rem, 6.8224206349rem + 32.0105820106vw, 22.1875rem);
    }
  }

  @supports not (width: clamp(14.625rem, 6.8224206349rem + 32.0105820106vw, 22.1875rem)) {
    .engineering-communications .heroimage__image-ibg {
      width: calc(14.625rem + 7.5625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .engineering-communications .heroimage__image-ibg {
    width: 14.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .engineering-communications .heroimage__image-ibg {
    height: 25.1875rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (height: clamp(16.25rem, 7.0287698413rem + 37.8306878307vw, 25.1875rem)) {
    .engineering-communications .heroimage__image-ibg {
      height: clamp(16.25rem, 7.0287698413rem + 37.8306878307vw, 25.1875rem);
    }
  }

  @supports not (height: clamp(16.25rem, 7.0287698413rem + 37.8306878307vw, 25.1875rem)) {
    .engineering-communications .heroimage__image-ibg {
      height: calc(16.25rem + 8.9375 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .engineering-communications .heroimage__image-ibg {
    height: 16.25rem;
  }
}

.foundation-construction .heroimage__image-ibg {
  width: 51.5625rem;
  top: 10.5rem;
  height: 57.6875rem;
}

@media (min-width: 47.99875em) {
  .foundation-construction .heroimage__image-ibg img {
    transform: translateX(100px);
  }
}

@media (min-width: 120em) {
  .foundation-construction .heroimage__image-ibg {
    top: 3.125rem;
    height: 75rem;
    width: 62.5rem;
  }
}

@media (max-width: 90em) {
  .foundation-construction .heroimage__image-ibg {
    top: 7.875rem;
    width: 37.0625rem;
    height: 41.5rem;
  }
}

@media (max-width: 61.99875em) {
  .foundation-construction .heroimage__image-ibg {
    top: 7.875rem;
    width: 25.9375rem;
    height: 29.0625rem;
  }
}

@media (max-width: 47.99875em) {
  .foundation-construction .heroimage__image-ibg {
    top: -9.375rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .foundation-construction .heroimage__image-ibg {
    margin-right: 0.0000000625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .foundation-construction .heroimage__image-ibg {
      margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem);
    }
  }

  @supports not (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .foundation-construction .heroimage__image-ibg {
      margin-right: calc(-5rem + 5.0000000625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .foundation-construction .heroimage__image-ibg {
    margin-right: -5rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .foundation-construction .heroimage__image-ibg {
    width: 25.9375rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(14.625rem, 2.9533730159rem + 47.8835978836vw, 25.9375rem)) {
    .foundation-construction .heroimage__image-ibg {
      width: clamp(14.625rem, 2.9533730159rem + 47.8835978836vw, 25.9375rem);
    }
  }

  @supports not (width: clamp(14.625rem, 2.9533730159rem + 47.8835978836vw, 25.9375rem)) {
    .foundation-construction .heroimage__image-ibg {
      width: calc(14.625rem + 11.3125 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .foundation-construction .heroimage__image-ibg {
    width: 14.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .foundation-construction .heroimage__image-ibg {
    height: 29.0625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (height: clamp(16.375rem, 3.2847222222rem + 53.7037037037vw, 29.0625rem)) {
    .foundation-construction .heroimage__image-ibg {
      height: clamp(16.375rem, 3.2847222222rem + 53.7037037037vw, 29.0625rem);
    }
  }

  @supports not (height: clamp(16.375rem, 3.2847222222rem + 53.7037037037vw, 29.0625rem)) {
    .foundation-construction .heroimage__image-ibg {
      height: calc(16.375rem + 12.6875 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .foundation-construction .heroimage__image-ibg {
    height: 16.375rem;
  }
}

.roofing .heroimage__image-ibg {
  width: 51.5625rem;
  top: 10.375rem;
  height: 64.9375rem;
}

@media (min-width: 47.99875em) {
  .roofing .heroimage__image-ibg img {
    transform: translateX(150px);
  }
}

@media (min-width: 120em) {
  .roofing .heroimage__image-ibg {
    top: 3.125rem;
    height: 75rem;
    width: 62.5rem;
  }
}

@media (max-width: 90em) {
  .roofing .heroimage__image-ibg {
    top: 7.875rem;
    width: 37.0625rem;
    height: 46.6875rem;
  }
}

@media (max-width: 61.99875em) {
  .roofing .heroimage__image-ibg {
    top: 7.875rem;
    width: 23.125rem;
    height: 31.25rem;
  }
}

@media (max-width: 47.99875em) {
  .roofing .heroimage__image-ibg {
    top: -6.25rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .roofing .heroimage__image-ibg {
    margin-right: 0.0000000625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (margin-right: clamp(-3.75rem, -7.6190476835rem + 15.8730161376vw, 0.0000000625rem)) {
    .roofing .heroimage__image-ibg {
      margin-right: clamp(-3.75rem, -7.6190476835rem + 15.8730161376vw, 0.0000000625rem);
    }
  }

  @supports not (margin-right: clamp(-3.75rem, -7.6190476835rem + 15.8730161376vw, 0.0000000625rem)) {
    .roofing .heroimage__image-ibg {
      margin-right: calc(-3.75rem + 3.7500000625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .roofing .heroimage__image-ibg {
    margin-right: -3.75rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .roofing .heroimage__image-ibg {
    width: 25.9375rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(14.5625rem, 2.8263888889rem + 48.1481481481vw, 25.9375rem)) {
    .roofing .heroimage__image-ibg {
      width: clamp(14.5625rem, 2.8263888889rem + 48.1481481481vw, 25.9375rem);
    }
  }

  @supports not (width: clamp(14.5625rem, 2.8263888889rem + 48.1481481481vw, 25.9375rem)) {
    .roofing .heroimage__image-ibg {
      width: calc(14.5625rem + 11.375 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .roofing .heroimage__image-ibg {
    width: 14.5625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .roofing .heroimage__image-ibg {
    height: 32.6875rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (height: clamp(18.375rem, 3.6081349206rem + 60.582010582vw, 32.6875rem)) {
    .roofing .heroimage__image-ibg {
      height: clamp(18.375rem, 3.6081349206rem + 60.582010582vw, 32.6875rem);
    }
  }

  @supports not (height: clamp(18.375rem, 3.6081349206rem + 60.582010582vw, 32.6875rem)) {
    .roofing .heroimage__image-ibg {
      height: calc(18.375rem + 14.3125 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .roofing .heroimage__image-ibg {
    height: 18.375rem;
  }
}

@media (max-width: 29.99875em) {
  .roofing .heroimage__image-ibg {
    top: -9.375rem;
  }
}

.walls-construction .heroimage__image-ibg {
  width: 67.8125rem;
  top: 10.375rem;
  height: 62.8125rem;
}

@media (min-width: 47.99875em) {
  .walls-construction .heroimage__image-ibg img {
    transform: translateX(150px);
  }
}

@media (min-width: 120em) {
  .walls-construction .heroimage__image-ibg {
    top: 3.125rem;
    height: 75rem;
    width: 62.5rem;
  }
}

@media (max-width: 90em) {
  .walls-construction .heroimage__image-ibg {
    top: 7.875rem;
    width: 47.3125rem;
    height: 43.8125rem;
  }
}

@media (max-width: 61.99875em) {
  .walls-construction .heroimage__image-ibg {
    width: 33.75rem;
    height: 31.25rem;
  }
}

@media (max-width: 47.99875em) {
  .walls-construction .heroimage__image-ibg {
    top: 0;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .walls-construction .heroimage__image-ibg {
    margin-right: 0.0000000625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (margin-right: clamp(-7.5rem, -15.2380953026rem + 31.7460320106vw, 0.0000000625rem)) {
    .walls-construction .heroimage__image-ibg {
      margin-right: clamp(-7.5rem, -15.2380953026rem + 31.7460320106vw, 0.0000000625rem);
    }
  }

  @supports not (margin-right: clamp(-7.5rem, -15.2380953026rem + 31.7460320106vw, 0.0000000625rem)) {
    .walls-construction .heroimage__image-ibg {
      margin-right: calc(-7.5rem + 7.5000000625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .walls-construction .heroimage__image-ibg {
    margin-right: -7.5rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .walls-construction .heroimage__image-ibg {
    width: 33.75rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(20rem, 5.8134920635rem + 58.2010582011vw, 33.75rem)) {
    .walls-construction .heroimage__image-ibg {
      width: clamp(20rem, 5.8134920635rem + 58.2010582011vw, 33.75rem);
    }
  }

  @supports not (width: clamp(20rem, 5.8134920635rem + 58.2010582011vw, 33.75rem)) {
    .walls-construction .heroimage__image-ibg {
      width: calc(20rem + 13.75 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .walls-construction .heroimage__image-ibg {
    width: 20rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .walls-construction .heroimage__image-ibg {
    height: 31.25rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (height: clamp(18.75rem, 5.8531746032rem + 52.9100529101vw, 31.25rem)) {
    .walls-construction .heroimage__image-ibg {
      height: clamp(18.75rem, 5.8531746032rem + 52.9100529101vw, 31.25rem);
    }
  }

  @supports not (height: clamp(18.75rem, 5.8531746032rem + 52.9100529101vw, 31.25rem)) {
    .walls-construction .heroimage__image-ibg {
      height: calc(18.75rem + 12.5 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .walls-construction .heroimage__image-ibg {
    height: 18.75rem;
  }
}

.finishing-works .heroimage__image-ibg {
  width: 51.5625rem;
  top: 10.375rem;
  height: 69.5625rem;
}

@media (min-width: 47.99875em) {
  .finishing-works .heroimage__image-ibg img {
    transform: translateX(50px);
  }
}

@media (min-width: 120em) {
  .finishing-works .heroimage__image-ibg {
    top: 3.125rem;
    width: 55.625rem;
    height: 75rem;
  }
}

@media (max-width: 90em) {
  .finishing-works .heroimage__image-ibg {
    width: 37.1875rem;
    top: 7.5rem;
    height: 50rem;
  }
}

@media (max-width: 61.99875em) {
  .finishing-works .heroimage__image-ibg {
    width: 25.9375rem;
    top: 7.875rem;
    height: 35rem;
  }
}

@media (max-width: 47.99875em) {
  .finishing-works .heroimage__image-ibg {
    top: 6.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .finishing-works .heroimage__image-ibg {
    margin-right: 0.0000000625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .finishing-works .heroimage__image-ibg {
      margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem);
    }
  }

  @supports not (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .finishing-works .heroimage__image-ibg {
      margin-right: calc(-5rem + 5.0000000625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .finishing-works .heroimage__image-ibg {
    margin-right: -5rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .finishing-works .heroimage__image-ibg {
    width: 25.9375rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(14.5625rem, 2.8263888889rem + 48.1481481481vw, 25.9375rem)) {
    .finishing-works .heroimage__image-ibg {
      width: clamp(14.5625rem, 2.8263888889rem + 48.1481481481vw, 25.9375rem);
    }
  }

  @supports not (width: clamp(14.5625rem, 2.8263888889rem + 48.1481481481vw, 25.9375rem)) {
    .finishing-works .heroimage__image-ibg {
      width: calc(14.5625rem + 11.375 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .finishing-works .heroimage__image-ibg {
    width: 14.5625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .finishing-works .heroimage__image-ibg {
    height: 35rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (height: clamp(19.625rem, 3.7619047619rem + 65.0793650794vw, 35rem)) {
    .finishing-works .heroimage__image-ibg {
      height: clamp(19.625rem, 3.7619047619rem + 65.0793650794vw, 35rem);
    }
  }

  @supports not (height: clamp(19.625rem, 3.7619047619rem + 65.0793650794vw, 35rem)) {
    .finishing-works .heroimage__image-ibg {
      height: calc(19.625rem + 15.375 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .finishing-works .heroimage__image-ibg {
    height: 19.625rem;
  }
}

.designing .heroimage__image-ibg {
  top: 10.375rem;
  width: 44.0625rem;
  height: 53.75rem;
}

@media (min-width: 120em) {
  .designing .heroimage__image-ibg {
    top: 3.125rem;
    width: 53.75rem;
    height: 65.25rem;
  }
}

@media (max-width: 90em) {
  .designing .heroimage__image-ibg {
    width: 37.0625rem;
    height: 45.1875rem;
  }
}

@media (max-width: 61.99875em) {
  .designing .heroimage__image-ibg {
    width: 25.9375rem;
    height: 31.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .designing .heroimage__image-ibg {
    margin-right: 0.0000000625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .designing .heroimage__image-ibg {
      margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem);
    }
  }

  @supports not (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .designing .heroimage__image-ibg {
      margin-right: calc(-5rem + 5.0000000625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .designing .heroimage__image-ibg {
    margin-right: -5rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .designing .heroimage__image-ibg {
    width: 25.9375rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(14.625rem, 2.9533730159rem + 47.8835978836vw, 25.9375rem)) {
    .designing .heroimage__image-ibg {
      width: clamp(14.625rem, 2.9533730159rem + 47.8835978836vw, 25.9375rem);
    }
  }

  @supports not (width: clamp(14.625rem, 2.9533730159rem + 47.8835978836vw, 25.9375rem)) {
    .designing .heroimage__image-ibg {
      width: calc(14.625rem + 11.3125 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .designing .heroimage__image-ibg {
    width: 14.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .designing .heroimage__image-ibg {
    height: 31.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (height: clamp(17.8125rem, 3.5615079365rem + 58.4656084656vw, 31.625rem)) {
    .designing .heroimage__image-ibg {
      height: clamp(17.8125rem, 3.5615079365rem + 58.4656084656vw, 31.625rem);
    }
  }

  @supports not (height: clamp(17.8125rem, 3.5615079365rem + 58.4656084656vw, 31.625rem)) {
    .designing .heroimage__image-ibg {
      height: calc(17.8125rem + 13.8125 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .designing .heroimage__image-ibg {
    height: 17.8125rem;
  }
}

.interior-design .heroimage__image-ibg {
  top: 16.625rem;
  width: 44.0625rem;
  height: 44.375rem;
  mix-blend-mode: unset;
}

@media (min-width: 120em) {
  .interior-design .heroimage__image-ibg {
    top: 9.375rem;
    width: 53.75rem;
    height: 55.625rem;
  }
}

@media (max-width: 90em) {
  .interior-design .heroimage__image-ibg {
    top: 12.875rem;
    width: 32.0625rem;
    height: 32.3125rem;
  }
}

@media (max-width: 61.99875em) {
  .interior-design .heroimage__image-ibg {
    top: 10.5rem;
    width: 22.1875rem;
    height: 22.375rem;
  }
}

@media (max-width: 47.99875em) {
  .interior-design .heroimage__image-ibg {
    top: 12.5rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .interior-design .heroimage__image-ibg {
    margin-right: 0.0000000625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .interior-design .heroimage__image-ibg {
      margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem);
    }
  }

  @supports not (margin-right: clamp(-5rem, -10.1587302232rem + 21.1640214286vw, 0.0000000625rem)) {
    .interior-design .heroimage__image-ibg {
      margin-right: calc(-5rem + 5.0000000625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .interior-design .heroimage__image-ibg {
    margin-right: -5rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .interior-design .heroimage__image-ibg {
    width: 22.1875rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (width: clamp(14.625rem, 6.8224206349rem + 32.0105820106vw, 22.1875rem)) {
    .interior-design .heroimage__image-ibg {
      width: clamp(14.625rem, 6.8224206349rem + 32.0105820106vw, 22.1875rem);
    }
  }

  @supports not (width: clamp(14.625rem, 6.8224206349rem + 32.0105820106vw, 22.1875rem)) {
    .interior-design .heroimage__image-ibg {
      width: calc(14.625rem + 7.5625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .interior-design .heroimage__image-ibg {
    width: 14.625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .interior-design .heroimage__image-ibg {
    height: 22.375rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (height: clamp(14.75rem, 6.8829365079rem + 32.2751322751vw, 22.375rem)) {
    .interior-design .heroimage__image-ibg {
      height: clamp(14.75rem, 6.8829365079rem + 32.2751322751vw, 22.375rem);
    }
  }

  @supports not (height: clamp(14.75rem, 6.8829365079rem + 32.2751322751vw, 22.375rem)) {
    .interior-design .heroimage__image-ibg {
      height: calc(14.75rem + 7.625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .interior-design .heroimage__image-ibg {
    height: 14.75rem;
  }
}

.about-heroimage {
  margin-top: 6.25rem;
  display: flex;
  align-items: center;
  column-gap: 1.875rem;
  max-width: 51.875rem;
}

@media (max-width: 90em) {
  .about-heroimage {
    margin-top: 2.5rem;
    max-width: 38.75rem;
  }
}

@media (max-width: 61.99875em) {
  .about-heroimage {
    column-gap: 1.25rem;
    max-width: 29.375rem;
  }
}

@media (max-width: 47.99875em) {
  .about-heroimage {
    max-width: 100%;
  }
}

.about-heroimage__image-ibg {
  height: 6.25rem;
  width: 4.375rem;
  flex: 0 0 4.375rem;
}

.about-heroimage__image-ibg img {
  object-fit: contain;
}

@media (max-width: 90em) {
  .about-heroimage__image-ibg {
    height: 5rem;
    width: 3.5rem;
    flex: 0 0 3.5rem;
  }
}

@media (max-width: 47.99875em) {
  .about-heroimage__title br {
    display: none;
  }
}

.home-advantages {
  background-color: #f9f7f6;
  padding-top: 6.25rem;
}

@media (max-width: 90em) {
  .home-advantages {
    padding-top: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .home-advantages {
    padding-top: 3.75rem;
  }
}

.home-advantages__items {
  gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 90em) {
  .home-advantages__items {
    gap: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .home-advantages__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .home-advantages__items {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin: 0 -0.9375rem;
    padding: 0px 0.9375rem;
  }
}

.home-advantages__item {
  background-color: #fff;
  padding: 2.5rem;
}

@media (max-width: 90em) {
  .home-advantages__item {
    padding: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .home-advantages__item {
    padding: 1.25rem;
  }
}

@media (max-width: 47.99875em) {
  .home-advantages__item {
    display: flex;
    flex-direction: column;
    min-width: 16.875rem;
  }
}

.home-advantages__icon {
  width: 6.25rem;
  height: 6.25rem;
}

.home-advantages__icon:not(:last-child) {
  margin-bottom: 1.25rem;
}

.home-advantages__icon img {
  max-width: 100%;
}

@media (max-width: 90em) {
  .home-advantages__icon {
    width: 5rem;
    height: 5rem;
  }
}

@media (max-width: 90em) {
  .home-advantages__icon {
    width: 3.75rem;
    height: 3.75rem;
  }
}

.home-advantages__title {
  font-weight: 500;
}

.home-advantages__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

.home-advantages__text {
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .home-advantages__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .home-advantages__text {
    font-size: 0.875rem;
  }
}

@media (max-width: 47.99875em) {
  .home-advantages__text {
    flex: 1 1 auto;
  }
}

.banner__body {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 34.7222222222%;
  background-color: #2d2b2a;
}

@media (max-width: 47.99875em) {
  .banner__body {
    grid-template-columns: 1fr;
  }
}

.banner__content {
  padding: 3.75rem;
}

@media (max-width: 90em) {
  .banner__content {
    padding: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .banner__content {
    padding: 1.875rem;
  }
}

@media (max-width: 47.99875em) {
  .banner__content {
    order: 2;
  }
}

.banner__title {
  color: #fff;
  font-size: 3.25rem;
  line-height: 1.2;
}

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

@media (max-width: 90em) {
  .banner__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .banner__title {
    font-size: 2.5rem;
  }
}

.banner__text {
  color: #9b948f;
  line-height: 1.4;
  font-size: 1.5rem;
}

.banner__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .banner__text {
    font-size: 1.375rem;
  }
}

@media (max-width: 61.99875em) {
  .banner__text {
    font-size: 1.125rem;
  }
}

.banner__button {
  margin-top: 2.5rem;
}

@media (max-width: 90em) {
  .banner__button {
    margin-top: 1.875rem;
  }
}

.banner__image-ibg {
  padding-bottom: 76%;
}

@media (max-width: 47.99875em) {
  .banner__image-ibg {
    padding-bottom: 73.8888888889%;
  }
}

.service-advantages {
  background-color: #2d2b2a;
}

.service-advantages__body {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 9.375rem;
}

@media (max-width: 90em) {
  .service-advantages__body {
    column-gap: 6.25rem;
  }
}

@media (max-width: 61.99875em) {
  .service-advantages__body {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

@media (min-width: 61.99875em) {
  .service-advantages__content {
    max-width: 28.125rem;
  }
}

@media (min-width: 61.99875em) and (max-width: 90em) {
  .service-advantages__content {
    max-width: 18.75rem;
  }
}

.service-advantages__title {
  color: #fff;
}

.service-advantages__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

.service-advantages__text {
  color: #9b948f;
}

@media (max-width: 61.99875em) and (min-width: 47.99875em) {
  .list-service-advantages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    column-gap: 1.875rem;
  }
}

.list-service-advantages__item {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}

.list-service-advantages__item:not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 61.99875em) and (min-width: 47.99875em) {
  .list-service-advantages__item {
    flex-direction: column;
    align-items: flex-start;
  }
}

.list-service-advantages__icon {
  flex: 0 0 4.375rem;
  width: 4.375rem;
  height: 4.375rem;
}

.list-service-advantages__icon img {
  max-width: 100%;
}

@media (max-width: 90em) {
  .list-service-advantages__icon {
    flex: 0 0 3.125rem;
    width: 3.125rem;
    height: 3.125rem;
  }
}

.list-service-advantages__title {
  color: #fff;
}

.list-service-advantages__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

.list-service-advantages__text {
  color: #9b948f;
  line-height: 1.4;
  font-size: 1.25rem;
}

@media (max-width: 90em) {
  .list-service-advantages__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .list-service-advantages__text {
    font-size: 0.875rem;
  }
}

.home__services {
  padding-top: 6.25rem;
}

@media (max-width: 90em) {
  .home__services {
    padding-top: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .home__services {
    padding-top: 3.75rem;
  }
}

.heroblock {
  position: relative;
}

.heroblock__image-ibg {
  position: absolute;
  width: 100%;
  height: 75%;
  top: 0;
  left: 0;
}

.heroblock__image-ibg--mobile {
  display: none;
}

@media (max-width: 61.99875em) {
  .heroblock__image-ibg {
    height: 65%;
  }
}

@media (max-width: 47.99875em) {
  .heroblock__image-ibg {
    height: 25rem;
    display: none;
  }

  .heroblock__image-ibg--mobile {
    display: block;
  }
}

.heroblock__content {
  position: relative;
  z-index: 2;
  padding-top: 17rem;
  display: grid;
  align-items: end;
  grid-template-columns: 48.9361702128% 51.0638297872%;
}

@media (max-width: 90em) {
  .heroblock__content {
    padding-top: 19.375rem;
  }
}

@media (max-width: 61.99875em) {
  .heroblock__content {
    padding-top: 18.75rem;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 47.99875em) {
  .heroblock__content {
    padding-top: 15.625rem;
  }
}

.heroblock__column {
  flex: 0 1 50%;
}

.heroblock__column:first-child {
  background-color: #366f5a;
  padding: 3.125rem 3.75rem 3.75rem 3.75rem;
}

@media (max-width: 90em) {
  .heroblock__column:first-child {
    padding: 1.875rem 2.5rem 2.5rem 2.5rem;
  }
}

@media (max-width: 61.99875em) and (min-width: 47.99875em) {
  .heroblock__column:last-child {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.heroblock__title {
  color: #fff;
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 700;
}

.heroblock__title span {
  font-size: 3.25rem;
  font-weight: 400;
}

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

@media (max-width: 90em) {
  .heroblock__title {
    font-size: 2.875rem;
  }

  .heroblock__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .heroblock__title span {
    font-size: 2.75rem;
  }
}

@media (min-width: 61.99875em) {
  .heroblock__title span {
    display: block;
  }
}

@media (max-width: 61.99875em) {
  .heroblock__title {
    font-size: 2.5rem;
  }

  .heroblock__title span {
    display: block;
    font-size: 2.5rem;
  }
}

.heroblock__advantages:not(:last-child) {
  margin-bottom: 3.75rem;
}

@media (max-width: 90em) {
  .heroblock__advantages:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 47.99875em) {
  .heroblock__advantages:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.advantages-heroblock {
  display: flex;
  align-items: center;
  column-gap: 2.5rem;
}

@media (max-width: 90em) {
  .advantages-heroblock {
    gap: 1.25rem;
  }
}

.advantages-heroblock__item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  max-width: 11.875rem;
}

@media (max-width: 47.99875em) {
  .advantages-heroblock__item {
    flex-direction: column;
    align-items: flex-start;
  }
}

.advantages-heroblock__icon {
  flex: 0 0 3.75rem;
  height: 3.75rem;
  width: 3.75rem;
}

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

@media (max-width: 90em) {
  .advantages-heroblock__icon {
    flex: 0 0 2.5rem;
    height: 2.5rem;
    width: 2.5rem;
  }
}

.advantages-heroblock__title {
  color: #fff;
  font-size: 1rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .advantages-heroblock__title {
    font-size: 0.875rem;
  }
}

@media (max-width: 29.99875em) {
  .advantages-heroblock__title {
    font-size: 0.75rem;
  }
}

.buttons-heroblock {
  display: flex;
}

@media (max-width: 90em) {
  .buttons-heroblock {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.buttons-heroblock__item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 1.25rem;
  color: #fff;
  padding: 2.0625rem 1.875rem;
}

.buttons-heroblock__item:first-child {
  background-color: #4c4845;
}

.buttons-heroblock__item:last-child {
  background-color: #2d2b2a;
}

@media (any-hover: hover) {
  .buttons-heroblock__item:hover .buttons-heroblock__arrow::before {
    transform: translateX(0);
  }
}

@media (max-width: 90em) {
  .buttons-heroblock__item {
    padding: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .buttons-heroblock__item {
    grid-template-columns: 1fr;
  }
}

.buttons-heroblock__icon {
  flex: 0 0 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
  grid-row: span 2;
}

.buttons-heroblock__icon img {
  max-width: 100%;
}

@media (max-width: 90em) {
  .buttons-heroblock__icon {
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .buttons-heroblock__icon {
    grid-row: 1;
    margin-bottom: 1.25rem;
  }
}

.buttons-heroblock__title {
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .buttons-heroblock__title {
    font-size: 1rem;
  }
}

@media (max-width: 47.99875em) {
  .buttons-heroblock__title {
    font-size: 0.875rem;
  }
}

/* правка */
.main_heroblock__button .buttons-heroblock__arrow {
  margin-top: 0.30rem;
  margin-left: 20px;
  margin-right: -50px;
}

.buttons-heroblock__arrow {
  margin-top: 0.625rem;
  overflow: hidden;
}

.main_heroblock__button .buttons-heroblock__arrow::before {
  color: #81D7B6;
}

.main_heroblock__button:hover .buttons-heroblock__arrow::before {
  color: #ffffff;
}

.buttons-heroblock__arrow::before {
  content: "\e906";
  color: #fff;
  height: 1.125rem;
  transform: translateX(-3.125rem);
  transition: transform 0.2s ease 0s;
}

.projects-heroblock {
  display: flex;
  gap: 1.25rem;
  padding: 2.8125rem 2.5rem;
  background-color: #f9f7f6;
}

@media (any-hover: hover) {
  .projects-heroblock:hover ._icon-long-arrow {
    transform: translate(0px, 0px);
  }
}

@media (max-width: 90em) {
  .projects-heroblock {
    padding: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .projects-heroblock {
    flex-direction: column;
    min-height: 11.5625rem;
    justify-content: center;
  }
}

.projects-heroblock__content {
  line-height: 1.2;
}

.projects-heroblock__title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #4c4845;
  margin-bottom: 0.625rem;
}

.projects-heroblock__title br {
  display: none;
}

@media (max-width: 90em) {
  .projects-heroblock__title {
    font-size: 1.25rem;
  }

  .projects-heroblock__title br {
    display: block;
  }
}

@media (max-width: 61.99875em) {
  .projects-heroblock__title {
    font-size: 1.125rem;
  }
}

.projects-heroblock__text {
  color: #6a635d;
  font-size: 1rem;
}

@media (max-width: 90em) {
  .projects-heroblock__text {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .projects-heroblock__text {
    font-size: 0.75rem;
  }
}

.projects-heroblock__amount {
  text-align: right;
  color: #366f5a;
  font-size: 1rem;
}

.projects-heroblock__amount b {
  font-size: 1.25rem;
}

.projects-heroblock__amount .arrow {
  display: block;
  margin-top: 0.9375rem;
}

@media (max-width: 61.99875em) {
  .projects-heroblock__amount {
    display: flex;
    text-align: left;
    align-items: center;
    column-gap: 0.9375rem;
    font-size: 0.875rem;
  }

  .projects-heroblock__amount br {
    display: none;
  }

  .projects-heroblock__amount b {
    font-size: 0.875rem;
  }

  .projects-heroblock__amount .arrow {
    margin-top: 0;
  }
}

.projects-slider__body .swiper {
  overflow: visible !important;
}

.projects-slider__body .swiper-slide {
  width: 56.25rem;
}

@media (max-width: 90em) {
  .projects-slider__body .swiper-slide {
    width: 37.5rem;
  }
}

@media (max-width: 61.99875em) {
  .projects-slider__body .swiper-slide {
    width: 28.125rem;
  }
}

@media (max-width: 47.99875em) {
  .projects-slider__body .swiper-slide {
    width: auto;
  }
}

@media (any-hover: hover) {
  .projects-slider-item:hover ._icon-long-arrow::before {
    transform: translate(0, 0);
  }
}

@media (max-width: 47.99875em) {
  .projects-slider-item {
    padding-bottom: 2.25rem;
    display: block;
    background-color: #fff;
  }
}

.projects-slider-item__image-ibg {
  padding-bottom: 55.5555555556%;
}

@media (max-width: 47.99875em) {
  .projects-slider-item__image-ibg {
    height: 18.75rem;
  }
}

.projects-slider-item__info {
  display: flex;
  align-items: center;
  height: 6.25rem;
  background-color: #fff;
  column-gap: 2.5rem;
}

@media (max-width: 90em) {
  .projects-slider-item__info {
    height: 3.5625rem;
    column-gap: 1.25rem;
  }
}

@media (max-width: 47.99875em) {
  .projects-slider-item__info {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.25rem;
    padding: 0 0.625rem;
  }
}

.projects-slider-item__param {
  display: flex;
  column-gap: 0.625rem;
  font-size: 1rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .projects-slider-item__param {
    font-size: 0.875rem;
    column-gap: 0.3125rem;
  }
}

@media (max-width: 61.99875em) and (min-width: 47.99875em) {
  .projects-slider-item__param {
    flex-direction: column;
    row-gap: 0.3125rem;
  }
}

.projects-slider-item__icon {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
}

.projects-slider-item__icon img {
  max-width: 100%;
}

@media (max-width: 90em) {
  .projects-slider-item__icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
  }
}

.projects-slider-item__button {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  background-color: #fff;
  padding: 1.875rem;
  max-width: 23.4375rem;
}

@media (max-width: 90em) {
  .projects-slider-item__button {
    padding: 1.25rem;
    max-width: 18.875rem;
  }
}

@media (max-width: 61.99875em) {
  .projects-slider-item__button {
    max-width: 13.75rem;
  }
}

.projects-slider-item__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .projects-slider-item__title {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
  }
}

@media (max-width: 61.99875em) {
  .projects-slider-item__title {
    font-size: 1.125rem;
  }
}

.projects-slider-item__sub-title {
  font-size: 1.25rem;
  color: #6a635d;
  line-height: 1.4;
  display: flex;
  column-gap: 0.625rem;
  align-items: center;
}

.projects-slider-item__sub-title ._icon-long-arrow {
  overflow: hidden;
}

.projects-slider-item__sub-title ._icon-long-arrow::before {
  display: block;
  font-size: 1.125rem;
  transform: translate(-2.1875rem, 0px);
  transition: transform 0.2s ease 0s;
}

@media (max-width: 90em) {
  .projects-slider-item__sub-title {
    font-size: 1rem;
  }

  .projects-slider-item__sub-title ._icon-long-arrow::before {
    font-size: 0.9375rem;
  }
}

@media (max-width: 61.99875em) {
  .projects-slider-item__sub-title {
    font-size: 0.875rem;
  }

  .projects-slider-item__sub-title ._icon-long-arrow::before {
    font-size: 0.9375rem;
    transform: translate(-2.5rem, 0px);
  }
}

.own-project {
  margin-top: 2.5rem;
}

@media (max-width: 90em) {
  .own-project {
    margin-top: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .own-project {
    margin-top: 0.625rem;
  }
}

.own-project__body {
  position: relative;
  display: grid;
  background-color: #fff;
  grid-template-columns: 1fr auto;
  border: 0.0625rem solid #f9f7f6;
}

@media (max-width: 47.99875em) {
  .own-project__body {
    grid-template-columns: 1fr;
    row-gap: 1.25rem;
    justify-content: start;
    padding: 1.875rem;
  }

  .own-project__body::before {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 30%;
    background-color: #f9f7f6;
    clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
    content: "";
  }
}

.own-project__content {
  position: relative;
  z-index: 1;
  padding: 3.75rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}

@media (max-width: 90em) {
  .own-project__content {
    padding: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .own-project__content {
    padding: 1.875rem;
    padding-right: 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .own-project__content {
    row-gap: 0.3125rem;
    padding: 0;
  }
}

.own-project__sub-title,
.own-project__pre-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #366f5a;
  line-height: 1.4;
}

@media (max-width: 90em) {

  .own-project__sub-title,
  .own-project__pre-title {
    font-size: 1rem;
  }
}

@media (max-width: 47.99875em) {

  .own-project__sub-title,
  .own-project__pre-title {
    font-size: 0.875rem;
  }
}

.own-project__title {
  font-size: 2.25rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .own-project__title {
    font-size: 1.75rem;
  }
}

@media (max-width: 47.99875em) {
  .own-project__title {
    font-size: 1.5rem;
  }
}

.own-project__actions {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 6.25rem;
  background-color: #f9f7f6;
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
  padding-right: 3.75rem;
}

@media (max-width: 90em) {
  .own-project__actions {
    padding-left: 3.125rem;
    padding-right: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .own-project__actions {
    padding-left: 2.5rem;
  }
}

@media (max-width: 47.99875em) {
  .own-project__actions {
    background-color: transparent;
    justify-content: flex-start;
    clip-path: unset;
    padding: 0;
  }
}

.director {
  background-color: #f9f7f6;
  padding: 6.25rem 0;
  position: relative;
  margin-bottom: 3.125rem;
}

.director--no-quote {
  margin-bottom: 0 !important;
}

.director--no-quote .director__content {
  max-width: 100% !important;
}

@media (max-width: 61.99875em) {
  .director--no-quote .director__body {
    grid-template-columns: 1fr auto;
  }
}

@media (max-width: 47.99875em) {
  .director--no-quote .director__body {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 61.99875em) {
  .director--no-quote .director__image-ibg {
    height: 18.125rem;
    width: 18.125rem;
  }
}

@media (max-width: 47.99875em) {
  .director--no-quote .director__image-ibg {
    height: auto;
    width: auto;
    padding-bottom: 97.2222222222%;
  }
}

@media (max-width: 90em) {
  .director {
    padding: 5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .director {
    padding: 3.75rem 0;
  }
}

@media (max-width: 47.99875em) {
  .director {
    margin-bottom: 13.4375rem;
  }
}

.director__body {
  position: relative;
  display: grid;
  gap: 1.875rem;
  grid-template-columns: 1fr auto;
}

@media (max-width: 61.99875em) {
  .director__body {
    grid-template-columns: 1fr;
  }
}

.director__content {
  max-width: 26.25rem;
}

@media (max-width: 90em) {
  .director__content {
    max-width: 18.75rem;
  }
}

@media (max-width: 61.99875em) {
  .director__content {
    max-width: 100%;
  }
}

.director__title {
  font-size: 3.25rem;
  line-height: 1.2;
}

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

@media (max-width: 90em) {
  .director__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .director__title {
    font-size: 2.5rem;
  }

  .director__title br {
    display: none;
  }
}

.director__sub-title {
  color: #9b948f;
}

.director__sub-title:not(:last-child) {
  margin-bottom: 0.625rem;
}

.director__text {
  margin-top: 2.5rem;
  font-size: 1.5rem;
  line-height: 1.4;
}

.director__text mark {
  color: #366f5a;
  background-color: transparent;
}

.director__text p:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .director__text {
    font-size: 1.375rem;
    margin-top: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .director__text {
    margin-top: 1.25rem;
    font-size: 1.125rem;
  }

  .director__text p:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.director__button {
  margin-top: 1.875rem;
}

.director__image-ibg {
  height: 35.625rem;
  width: 35.625rem;
}

@media (max-width: 90em) {
  .director__image-ibg {
    height: 23.75rem;
    width: 23.75rem;
  }
}

@media (max-width: 61.99875em) {
  .director__image-ibg {
    height: 21.875rem;
    width: 21.875rem;
    margin-left: auto;
  }
}

@media (max-width: 47.99875em) {
  .director__image-ibg {
    height: auto;
    width: auto;
    padding-bottom: 97.2222222222%;
  }
}

.quote-director {
  position: absolute;
  z-index: 2;
  right: 15rem;
  bottom: -160px;
  padding: 3.75rem;
  border-radius: 0.25rem;
  background-color: #fff;
  box-shadow: 0px 5px 100px 0px rgba(0, 0, 0, 0.1);
  width: 35.625rem;
}

.quote-director::after {
  position: absolute;
  z-index: 3;
  left: 3.75rem;
  top: 0;
  transform: translate(0, -50%);
  content: "\e907";
  font-size: 3.75rem;
}

@media (max-width: 90em) {
  .quote-director {
    padding: 1.875rem;
    width: 23.75rem;
    bottom: -70px;
    right: 10rem;
  }

  .quote-director::after {
    left: 1.875rem;
    font-size: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .quote-director {
    right: unset;
    width: 29.375rem;
    left: 0;
    bottom: -110px;
  }
}

@media (max-width: 47.99875em) {
  .quote-director {
    width: calc(100% - 1.875rem);
    left: 0.9375rem;
    bottom: unset;
    top: calc(100% - 6.25rem);
    padding: 2.5rem 1.25rem;
  }
}

.quote-director__text {
  font-size: 1.25rem;
  line-height: 1.4;
}

.quote-director__text p:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .quote-director__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .quote-director__text {
    font-size: 0.875rem;
  }
}

.quote-director__number {
  display: inline-block;
  margin-top: 0.3125rem;
  color: #366f5a;
  font-size: 2.25rem;
  line-height: 1.2;
  transition: all 0.22s ease 0s;
}

@media (any-hover: hover) {
  .quote-director__number:hover {
    opacity: 0.8;
  }
}

@media (max-width: 90em) {
  .quote-director__number {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {
  .quote-director__number {
    font-size: 1.5rem;
  }
}

.large-image--left .large-image__body {
  grid-template-columns: 1fr 1fr;
  margin-left: -23.125rem;
}

@media (max-width: 90em) {
  .large-image--left .large-image__body {
    margin-left: -18.75rem;
  }
}

@media (max-width: 61.99875em) {
  .large-image--left .large-image__body {
    grid-template-columns: 1fr;
    margin-left: 0;
    row-gap: 1.875rem;
  }
}

.large-image--left .large-image__image-ibg {
  order: 1;
  width: 50rem;
}

@media (max-width: 90em) {
  .large-image--left .large-image__image-ibg {
    width: 37.5rem;
  }
}

@media (max-width: 61.99875em) {
  .large-image--left .large-image__image-ibg {
    width: auto;
    height: 18.75rem;
    margin: 0 -0.9375rem;
    padding-bottom: 0;
  }
}

.large-image--left .large-image__content {
  order: 2;
  width: 50.625rem;
}

@media (max-width: 90em) {
  .large-image--left .large-image__content {
    width: 33.75rem;
  }
}

@media (max-width: 61.99875em) {
  .large-image--left .large-image__content {
    width: auto;
  }
}

.large-image__body {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 9.375rem;
}

@media (max-width: 90em) {
  .large-image__body {
    column-gap: 6.25rem;
  }
}

@media (max-width: 61.99875em) {
  .large-image__body {
    column-gap: 4.375rem;
  }
}

@media (max-width: 47.99875em) {
  .large-image__body {
    grid-template-columns: 1fr;
    row-gap: 1.875rem;
  }
}

.large-image__content {
  padding: 3.75rem 0;
  width: 28.125rem;
}

@media (max-width: 90em) {
  .large-image__content {
    padding: 0;
    width: 18.75rem;
  }
}

@media (max-width: 61.99875em) {
  .large-image__content {
    width: 21.875rem;
  }
}

@media (max-width: 47.99875em) {
  .large-image__content {
    width: unset;
  }
}

.large-image__header:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .large-image__header:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

.large-image__title {
  font-size: 3.25rem;
  line-height: 1.2;
}

.large-image__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .large-image__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .large-image__title {
    font-size: 2.5rem;
  }

  .large-image__title br {
    display: none;
  }
}

.large-image__item:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .large-image__item:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.large-image__image-ibg {
  width: 66.5625rem;
}

.large-image__image-ibg--no-margin-bottom-mobile {
  transition: all 0.2s ease 0s;
}

@media (max-width: 47.99875em) {
  .large-image__image-ibg--no-margin-bottom-mobile {
    transform: scale(1.1) translateY(40px);
  }
}

@media (max-width: 29.99875em) {
  .large-image__image-ibg--no-margin-bottom-mobile {
    transform: scale(1.2) translateY(30px);
  }
}

@media (max-width: 90em) {
  .large-image__image-ibg {
    width: 56.25rem;
  }
}

@media (max-width: 47.99875em) {
  .large-image__image-ibg {
    width: auto;
    margin: 0 -0.9375rem;
    padding-bottom: 77.0833333333%;
  }
}

.large-image__sub-title {
  color: #9b948f;
  margin-top: 0.625rem;
  font-size: 1.5rem;
  line-height: 1.4;
}

@media (max-width: 61.99875em) {
  .large-image__sub-title {
    font-size: 1.125rem;
  }
}

.large-image__text {
  line-height: 1.4;
  font-size: 1.25rem;
}

.large-image__text:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .large-image__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .large-image__text {
    font-size: 0.875rem;
  }

  .large-image__text:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.large-image__text img {
  max-width: 100%;
}

.large-image__text p:not(:last-child) {
  margin-bottom: 1.25rem;
}

.item-large-image {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1.25rem;
  counter-increment: listCounter;
}

.item-large-image__number {
  grid-row: span 2;
  width: 3.75rem;
  height: 2.6875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f9f7f6;
  line-height: 1.2;
  color: #9b948f;
}

.item-large-image__number::after {
  content: counter(listCounter);
}

@media (max-width: 90em) {
  .item-large-image__number {
    width: 3.75rem;
    height: 2.125rem;
  }
}

@media (max-width: 61.99875em) {
  .item-large-image__number {
    width: 3.75rem;
    height: 1.8125rem;
  }
}

.item-large-image__icon {
  grid-row: span 2;
  width: 3.75rem;
  height: 3.75rem;
}

.item-large-image__icon img {
  max-width: 100%;
}

@media (max-width: 47.99875em) {
  .item-large-image__icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.item-large-image__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.item-large-image__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .item-large-image__title {
    font-size: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .item-large-image__title {
    font-size: 1.125rem;
  }
}

.item-large-image__text {
  font-size: 1.25rem;
  color: #6a635d;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .item-large-image__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .item-large-image__text {
    font-size: 0.875rem;
  }
}

.projects-details__body>.swiper {
  padding: 0 1.25rem 0.625rem 1.25rem;
  margin: 0 -1.25rem;
}

.item-projects-details {
  position: relative;
}

.item-projects-details__info {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  height: 5rem;
  background-color: #fff;
  padding: 0 1.875rem;
  column-gap: 1.875rem;
}

@media (max-width: 90em) {
  .item-projects-details__info {
    height: 3.5625rem;
    padding: 0 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-details__info {
    font-size: 0.75rem;
  }
}

.item-projects-details__param {
  display: flex;
  column-gap: 0.625rem;
  font-size: 1rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .item-projects-details__param {
    font-size: 0.875rem;
    column-gap: 0.3125rem;
  }
}

.item-projects-details__icon {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
}

.item-projects-details__icon img {
  max-width: 100%;
}

@media (max-width: 61.99875em) {
  .item-projects-details__icon {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.125rem;
  }
}

.item-projects-details__slider {
  position: relative;
}

.item-projects-details__slider:not(:last-child) {
  margin-bottom: 0.625rem;
}

.item-projects-details__slider .item-projects-details__image-ibg {
  height: 30rem;
}

@media (max-width: 90em) {
  .item-projects-details__slider .item-projects-details__image-ibg {
    height: 20rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-details__slider .item-projects-details__image-ibg {
    height: 21.875rem;
  }
}

.item-projects-details__slider .swiper>.slider-arrows {
  position: absolute;
  z-index: 5;
  bottom: 0;
  right: 0;
  display: none;
}

@media (max-width: 47.99875em) {
  .item-projects-details__slider .swiper>.slider-arrows {
    display: flex;
  }
}

.item-projects-details__thumbnails {
  padding-left: 45rem;
}

.item-projects-details__thumbnails .item-projects-details__image-ibg {
  height: 4.375rem;
}

@media (max-width: 90em) {
  .item-projects-details__thumbnails .item-projects-details__image-ibg {
    height: 3.125rem;
  }
}

.item-projects-details__thumbnails .swiper-slide {
  cursor: pointer;
  width: 6.625rem;
  opacity: 0.2;
  transition: opacity 0.2s ease 0s;
}

.item-projects-details__thumbnails .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

@media (max-width: 90em) {
  .item-projects-details__thumbnails .swiper-slide {
    width: 4.375rem;
  }
}

@media (max-width: 90em) {
  .item-projects-details__thumbnails {
    padding-left: 29.375rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-details__thumbnails {
    padding-left: 20rem;
  }
}

@media (max-width: 47.99875em) {
  .item-projects-details__thumbnails {
    display: none;
  }
}

.item-projects-details__content {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 35.625rem;
  padding: 1.875rem;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

@media (max-width: 90em) {
  .item-projects-details__content {
    width: 23.75rem;
    padding: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-details__content {
    width: 18.125rem;
  }
}

@media (max-width: 47.99875em) {
  .item-projects-details__content {
    position: relative;
    width: 100%;
  }
}

.item-projects-details__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.item-projects-details__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .item-projects-details__title {
    font-size: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-details__title {
    font-size: 1.125rem;
  }
}

.item-projects-details__text {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #9b948f;
}

@media (max-width: 90em) {
  .item-projects-details__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-details__text {
    font-size: 0.875rem;
  }
}

.item-projects-details__actions {
  display: flex;
  align-items: center;
  column-gap: 1.875rem;
  margin-top: 1.875rem;
}

@media (max-width: 61.99875em) and (min-width: 47.99875em) {
  .item-projects-details__actions {
    flex-direction: column;
    row-gap: 0.625rem;
    margin-top: 1.25rem;
    align-items: flex-start;
  }

  .portfolio .item-projects-details__actions {
    flex-direction: row;
    align-items: center;
    column-gap: 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .item-projects-details__actions {
    margin-top: 1.25rem;
    column-gap: 1.25rem;
  }
}

.item-projects-details__button {
  flex: 0 0 15.25rem;
  font-size: 1rem;
}

@media (max-width: 90em) {
  .item-projects-details__button {
    flex: 0 0 12.5rem;
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-details__button {
    flex: 1 1 auto;
  }
}

@media (max-width: 47.99875em) {
  .item-projects-details__button {
    flex: 0 0 10.5rem;
    font-size: 0.75rem;
  }
}

.portfolio .item-projects-details__button {
  width: 10.25rem;
  height: 4.1875rem;
  flex: 0 0 10.25rem;
  font-size: 1rem;
}

@media (max-width: 90em) {
  .portfolio .item-projects-details__button {
    height: 3.0625rem;
    width: 7.25rem;
    flex: 0 0 7.25rem;
    font-size: 0.875rem;
  }
}

.item-projects-details__link {
  color: #6a635d;
  font-size: 0.875rem;
  line-height: 1.2;
  transition: color 0.2s ease 0s;
}

/* правки */
@media (any-hover: hover) {
  /* .item-projects-details__link:hover {
    color: #2d2b2a;
  } */
}

@media (max-width: 90em) {
  .item-projects-details__link {
    font-size: 0.75rem;
  }
}

@media (max-width: 47.99875em) {
  .item-projects-details__link {
    max-width: 12.5rem;
  }
}

.videoblock__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
}

@media (max-width: 61.99875em) {
  .videoblock__body {
    flex-direction: column;
    align-items: unset;
  }
}

.videoblock__content {
  max-width: 35.625rem;
}

@media (max-width: 90em) {
  .videoblock__content {
    max-width: 23.75rem;
  }
}

@media (max-width: 61.99875em) and (min-width: 47.99875em) {
  .videoblock__content {
    max-width: 100%;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 13.125rem;
    column-gap: 1.25rem;
  }
}

@media (max-width: 47.99875em) {
  .videoblock__content {
    max-width: 100%;
  }
}

.videoblock__sub-title {
  color: #9b948f;
  font-size: 1.5rem;
}

.videoblock__sub-title:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .videoblock__sub-title {
    font-size: 1.375rem;
  }
}

@media (max-width: 61.99875em) {
  .videoblock__sub-title {
    font-size: 1.125rem;
  }
}

.videoblock__title {
  font-size: 3.25rem;
  line-height: 1.2;
}

.videoblock__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .videoblock__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .videoblock__title {
    font-size: 2.5rem;
    grid-column: span 2;
  }
}

.videoblock__text {
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .videoblock__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .videoblock__text {
    font-size: 0.875rem;
    max-width: 21.875rem;
  }
}

@media (max-width: 47.99875em) {
  .videoblock__text {
    max-width: 100%;
  }
}

.videoblock__button {
  margin-top: 2.5rem;
}

@media (max-width: 61.99875em) {
  .videoblock__button {
    margin-top: 0;
  }
}

@media (max-width: 47.99875em) {
  .videoblock__button {
    margin-top: 1.25rem;
  }
}

.videoblock__video-ibg {
  width: 43.125rem;
  height: 26.25rem;
  flex: 0 0 43.125rem;
}

@media (max-width: 90em) {
  .videoblock__video-ibg {
    flex: 0 0 28.75rem;
    width: 28.75rem;
    height: 17.5rem;
  }
}

@media (max-width: 61.99875em) {
  .videoblock__video-ibg {
    width: auto;
    height: auto;
    flex: 1 1 auto;
    padding-bottom: 60.5633802817%;
  }
}

.vacancies-block {
  padding: 6.25rem 0;
  background-color: #f9f7f6;
}

@media (max-width: 90em) {
  .vacancies-block {
    padding: 5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .vacancies-block {
    padding: 3.75rem 0;
  }
}

.vacancies-block__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
}

@media (max-width: 61.99875em) {
  .vacancies-block__body {
    gap: 0.625rem;
  }
}

@media (max-width: 37.5em) {
  .vacancies-block__body {
    grid-template-columns: 1fr;
  }
}

.item-vacancies {
  position: relative;
  overflow: hidden;
  text-align: left;
  background-color: #fff;
}

.vacancy .item-vacancies {
  background-color: #f9f7f6;
}

@media (any-hover: hover) {
  .item-vacancies:hover .item-vacancies__image-ibg::after {
    transform: translate(-20%, 0);
  }
}

@media (max-width: 37.5em) {
  .item-vacancies {
    min-height: 10rem;
  }
}

.item-vacancies__image-ibg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30.625rem;
}

.item-vacancies__image-ibg::before {
  content: "";
  position: absolute;
  top: -2.5%;
  z-index: 2;
  left: 0;
  height: 105%;
  width: 50%;
  background: linear-gradient(to right, #fff 0%, transparent 100%);
}

.item-vacancies__image-ibg::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 45%;
  height: 105%;
  background-color: rgba(255, 255, 255, 0.8);
  top: -2.5%;
  left: 0;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 56px) 100%, 0% 100%);
  transition: all 0.3s ease 0s;
}

.vacancy .item-vacancies__image-ibg::after {
  background-color: rgba(249, 247, 246, 0.7);
}

.vacancy .item-vacancies__image-ibg::before {
  background: linear-gradient(to right, rgb(249, 247, 246) 0%, transparent 100%);
}

@media (max-width: 90em) {
  .item-vacancies__image-ibg {
    width: 19.375rem;
  }
}

@media (max-width: 61.99875em) {
  .item-vacancies__image-ibg {
    width: 14.375rem;
  }

  .item-vacancies__image-ibg::after {
    width: 70%;
  }

  .item-vacancies__image-ibg::before {
    width: 70%;
  }
}

@media (max-width: 47.99875em) {
  .item-vacancies__image-ibg {
    width: 15rem;
  }

  .item-vacancies__image-ibg::after {
    width: 50%;
  }

  .item-vacancies__image-ibg::before {
    width: 60%;
  }
}

.item-vacancies__content {
  position: relative;
  z-index: 2;
  padding: 3.75rem;
  width: 26.6875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 0.625rem;
}

@media (max-width: 90em) {
  .item-vacancies__content {
    row-gap: 0.1875rem;
    padding: 1.875rem;
    width: 17.75rem;
  }
}

@media (max-width: 61.99875em) {
  .item-vacancies__content {
    padding: 1.25rem;
    width: 15rem;
  }
}

.item-vacancies__title {
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .item-vacancies__title {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .item-vacancies__title {
    font-size: 0.875rem;
  }
}

.item-vacancies__salary {
  font-size: 2.25rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .item-vacancies__salary {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {
  .item-vacancies__salary {
    font-size: 1.5rem;
  }
}

.item-vacancies__show-more {
  color: #366f5a;
  line-height: 1.4;
  font-weight: 700;
}

@media (max-width: 90em) {
  .item-vacancies__show-more {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .item-vacancies__show-more {
    font-size: 0.875rem;
  }
}

.projects-cat__header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  row-gap: 0.9375rem;
  column-gap: 1.875rem;
}

.projects-cat__header:not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 90em) {
  .projects-cat__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
  }
}

@media (max-width: 61.99875em) {
  .projects-cat__header:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.projects-cat__items>.swiper {
  padding: 0px 1.25rem;
  margin: 0 -1.25rem;

}

.reviews-page__items {
  margin-bottom: 3.125rem;
}

@media (min-width: 90em) {
  .reviews-page__items {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .reviews-page__items {
    margin-bottom: 1.875rem;
  }
}

.projects-cat__items>.swiper>.swiper-wrapper {
  margin-bottom: 3.125rem;
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .projects-cat__items>.swiper>.swiper-wrapper {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .projects-cat__items>.swiper>.swiper-wrapper {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 47.99875em) {
  .projects-cat__items>.swiper>.swiper-wrapper {
    flex-direction: column;
  }
}

.filter-tags {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  overflow: auto;
}

@media (any-hover: hover) {
  .filter-tags::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
    background-color: rgba(193, 193, 193, 0.1);
  }

  .filter-tags::-webkit-scrollbar-thumb {
    background-color: rgba(193, 193, 193, 0.49);
  }

  .filter-tags::-webkit-scrollbar-thumb:hover {
    background-color: rgba(170, 170, 170, 0.49);
  }
}

@media (max-width: 90em) {
  .filter-tags {
    flex: 1 1 100%;
    order: 3;
  }
}

.filter-tags__item {
  cursor: pointer;
  white-space: nowrap;
  height: 2.125rem;
  column-gap: 0.75rem;
  display: flex;
  align-items: center;
  border: 0.0625rem solid #ececec;
  padding: 0.3125rem 0.625rem;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  transition: all 0.2s ease 0s;
}

.filter-tags__item::after {
  content: "\e904";
  margin-top: 0.0625rem;
  font-size: 0.5rem;
  color: #9b948f;
}

@media (any-hover: hover) {
  .filter-tags__item:hover {
    background-color: #f9f7f6;
  }
}

@media (max-width: 90em) {
  .filter-tags__item {
    font-size: 0.75rem;
  }
}

.button-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.625rem;
  background-color: #f9f7f6;
  height: 2.9375rem;
  padding: 0.3125rem 1.25rem;
  transition: background-color 0.2s ease 0s;
}

@media (any-hover: hover) {
  .button-filter:hover {
    background-color: #f2f2f1;
  }
}

@media (max-width: 61.99875em) {
  .button-filter {
    padding: 0.3125rem 1.125rem;
    column-gap: 0.375rem;
  }
}

@media (max-width: 47.99875em) {
  .button-filter {
    flex: 0 1 8.3125rem;
  }
}

.button-filter__text {
  line-height: 1.1875;
  font-size: 1rem;
}

.button-filter__text span:last-child {
  display: none;
}

@media (max-width: 90em) {
  .button-filter__text {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .button-filter__text {
    font-size: 0.75rem;
  }
}

@media (max-width: 47.99875em) {
  .button-filter__text span:last-child {
    display: block;
  }

  .button-filter__text span:first-child {
    display: none;
  }
}

.button-filter__icon {
  height: 1.5rem;
  width: 1.5rem;
  flex: 0 0 1.5rem;
}

.button-filter__amount {
  color: #fff;
  justify-content: center;
  align-items: center;
  display: none;
  border-radius: 50%;
  background-color: #eb5757;
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
  font-size: 0.5625rem;
  font-weight: 700;
}

.button-filter__amount._active {
  display: flex;
}

.filter_all .filter__item {
  display: block;
}

.filter_all .filter__block--select {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.filter_all .select__value {
  height: 2.75rem;
  font-size: 16px;
}

.filter_all .filter__block--checkbox .filter__item {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.filter_all .filter__block--checkbox .filter__item .options {
  width: auto;
}

.filter_all .filter__block--checkbox .filter__item .options__body {
  display: block;
  background: transparent;
}

.filter_all .inputs-filter__checkboxes .checkbox__label {
  background-color: transparent;
  padding: 0;
  width: auto;
}

.filter_all .filter__block--checkbox .filter__item .options__body {
  padding: 0;
}

.filter_all .inputs-filter__checkboxes .checkbox__label .checkbox__text {
  font-size: 16px;
}

.filter_all .inputs-filter__checkboxes {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.filter_all .filter--top {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  padding: 1.875rem 0 1.875rem 0;
}

.filter_all .filter__block--range {
  width: 75%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.filter_all .filter__block--range .filter__item {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.filter_all .filter__block--range-content {
  display: flex;
  flex-direction: row;
}

.filter_all .filter__block--range-content .inputs-filter__item .input {
  height: 3rem;
  font-size: 1rem;
}

.filter_all .filter__block--range-content .filter__range {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-right: 2rem;
}

.filter_all .filter--bottom .filter__label {
  width: 140px;
}

.filter_all .filter--bottom {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 30px;
  padding: 1.875rem 0 1.875rem 0;
  border-bottom: 1px solid #ECECEC;
  justify-content: space-between;
}

.filter_all .filter--bottom .filter__actions {
  flex-direction: column;
  gap: 15px;
}

.filter_all .filter--bottom .filter__actions .filter__button {
  flex: none;
  height: 3rem;
  font-size: 16px;
}

.filter_all {
  margin-bottom: 30px;
}

.filter_all .inputs-filter__checkboxes .checkbox__label::after {
  left: 6px;
}

.button-filter--active {
  background: #2D2B2A;
  color: #fff;
}

.button-filter--active:hover {
  background: #2D2B2A;
}

@media (max-width: 90em) {
  .filter_all .filter--top {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .filter_all .filter__block--range {
    width: 100%;
  }

  .filter_all .filter--bottom {
    flex-direction: column;
  }

  .filter--bottom .inputs-filter {
    width: -webkit-fill-available;
  }

  .filter_all .filter__block--range .filter__item {
    width: -webkit-fill-available;
  }

  .filter_all .filter--bottom .filter__label {
    width: 170px;
  }
}

@media (max-width: 47.99875em) {
  .filter_all .filter__block--range .filter__item {
    flex-direction: column;
    align-items: flex-start;
  }

  .filter_all .filter__block--select {
    flex-wrap: wrap;
  }

  .filter_all .filter--top,
  .filter_all .filter--bottom {
    padding: 1.25rem 0 1.25rem 0;
  }

  .filter_all .filter__actions {
    margin-top: 0;
  }
}

@media (max-width: 30em) {
  .filter_all .filter__block--range-content .filter__range {
    display: none;
  }

}

@media (max-width: 24em) {
  .filter_all .inputs-filter__checkboxes {
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
    row-gap: 0px;
  }
}

.sections-slider_content {
  display: flex;
  flex-direction: row;
  background: #F9F7F6;
  justify-content: space-between;
  padding-left: 40px;
}

.sections-slider_content .sections-slider__text {
  padding: 22.5px 0;
  align-content: center;
}

.sections-slider_content .sections-slider__image-block img {
  /* width: 195px; */
  height: -webkit-fill-available;
}

.sections-slider__image-block {
  clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.sections-slider_content .sections-slider__image-block {
  height: 105px;
  width: 200px;
  overflow: hidden;
  flex-shrink: 0;
}

.sections-slider__image-block picture {
  display: block;
  height: 100%;
}

.sections-slider__image-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

@media (max-width: 1440px) {
  .sections-slider__image-block {
    height: auto;
  }
}

@media (max-width: 990px) {
  .sections-slider__image-block {
    height: 105px;
  }
}

@media (max-width: 600px) {
  .sections-slider__image-block {
    height: 140px;
  }
}

@media (max-width: 420px) {
  .sections-slider__image-block {
    height: 150px;
    width: 150px;
  }
}


.sections-slider__arrows {
  position: relative;
}

.sections-slider__arrows .slider-arrows-prev {
  position: absolute;
  top: 40px;
  z-index: 2;
  background: #81D7B6;
  left: -15px;
  width: 32px;
  height: 50px;
}

.sections-slider__arrows .slider-arrows-next {
  position: absolute;
  top: 40px;
  z-index: 2;
  background: #81D7B6;
  right: -15px;
  width: 32px;
  height: 50px;
}

.sections-slider__prev::before,
.sections-slider__next::before {
  content: "" !important;
  display: block;
  width: 12px;
  height: 10px;
  background: url("/local/templates/vyatki/css/../img/svg/arrow-section.svg") center/contain no-repeat;
}

.sections-slider .swiper-button-disabled {
  display: none;
}

@media (max-width: 420px) {

  .sections-slider__arrows .slider-arrows-next,
  .sections-slider__arrows .slider-arrows-prev {
    top: 65px;
  }

  .sections-slider__prev::before,
  .sections-slider__next::before {
    justify-self: anchor-center;
  }
}

.sections-slider__prev::before {
  transform: rotate(180deg);
}

.sections-slider__next::before {
  transform: rotate(0deg) !important;
}

.sections-slider__swiper .swiper-wrapper {
  align-items: stretch;
}

.sections-slider__item {
  height: 100%;
  display: block;
}

.sections-slider_content {
  height: 100%;
}

.sections-slider__image-block {
  /* flex: 0; */
  flex-shrink: 0;
}

.sections-slider__swiper .swiper-slide {
  height: auto;
}


@media (min-width: 47.99875em) {
  .projects-cat__items {
    overflow: visible !important;
  }
}

.projects-cat__items-1>.swiper {
  padding: 0px 1.25rem;
  margin: 0 -1.25rem;
}

.projects-cat__items-1>.swiper>.swiper-wrapper {
  margin-bottom: 3.125rem;
}

.projects-cat__items-1>.swiper>.swiper-wrapper {
  flex-direction: column;
}

.projects-cat__items-1 {
  overflow: visible !important;
}


@media (max-width: 90em) {
  .projects-cat__items-1>.swiper>.swiper-wrapper {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .projects-cat__items-1>.swiper>.swiper-wrapper {
    margin-bottom: 1.25rem;
    gap: 30px;
  }
}

@media (max-width: 47.99875em) {
  .projects-cat__items-1 .item-projects-cat__content {
    /* display: none; */
  }
}


@media (min-width: 47.99875em) {
  .projects-cat__item:not(:last-child) {
    margin-bottom: 3.125rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .projects-cat__item:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .projects-cat__item:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.projects-cat .swiper-wrapper {
  position: relative !important;
}

.projects-cat__load-more {
  display: block;
  margin-top: 3.125rem;
}

@media (max-width: 90em) {
  .projects-cat__load-more {
    margin-top: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .projects-cat__load-more {
    margin-top: 1.25rem;
  }
}

@media (min-width: 47.99875em) {
  .item-projects-cat:nth-child(4n-3) .slider-arrows {
    left: 0;
  }

  .item-projects-cat:nth-child(4n-3) .item-projects-cat__show-more {
    right: -1.25rem;
  }

  .item-projects-cat:nth-child(4n-3) .item-projects-cat__content {
    right: 0rem;
    transform: translate(7.5rem, 0);
  }

  .item-projects-cat:nth-child(4n-3) ._content-visible .item-projects-cat__show-more {
    right: 6.25rem;
  }

  .item-projects-cat:nth-child(4n-2) .slider-arrows {
    right: 0;
  }

  .item-projects-cat:nth-child(4n-2) .item-projects-cat__show-more {
    left: -1.25rem;
  }

  .item-projects-cat:nth-child(4n-2) .item-projects-cat__show-more::before {
    transform: rotate(90deg);
  }

  .item-projects-cat:nth-child(4n-2) .item-projects-cat__content {
    left: 0rem;
    transform: translate(-15rem, 0);
  }

  .item-projects-cat:nth-child(4n-2) ._content-visible .item-projects-cat__show-more {
    left: 13.75rem;
  }

  .item-projects-cat:nth-child(4n-2) ._content-visible .item-projects-cat__show-more::before {
    transform: rotate(-90deg);
  }

  .item-projects-cat:nth-child(4n-1) .slider-arrows {
    left: 0;
  }

  .item-projects-cat:nth-child(4n-1) .item-projects-cat__show-more {
    right: -1.25rem;
  }

  .item-projects-cat:nth-child(4n-1) .item-projects-cat__content {
    right: 0;
    transform: translate(100%, 0);
  }

  .item-projects-cat:nth-child(4n-1) ._content-visible .item-projects-cat__show-more {
    right: 26.875rem;
  }

  .item-projects-cat:nth-child(4n) .slider-arrows {
    right: 0;
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__show-more {
    left: -1.25rem;
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__show-more::before {
    transform: rotate(90deg);
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__content {
    left: 0rem;
    transform: translate(-100%, 0);
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__slider,
  .item-projects-cat:nth-child(4n-2) .item-projects-cat__slider {
    padding-left: 28.125rem;
  }

  .item-projects-cat:nth-child(4n-1) .item-projects-cat__slider,
  .item-projects-cat:nth-child(4n-3) .item-projects-cat__slider {
    padding-right: 28.125rem;
  }

  .item-projects-cat:nth-child(4n) ._content-visible .item-projects-cat__show-more {
    left: 34.4375rem;
  }

  .item-projects-cat:nth-child(4n) ._content-visible .item-projects-cat__show-more::before {
    transform: rotate(-90deg);
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .item-projects-cat:nth-child(4n-3) .item-projects-cat__content {
    right: 0rem;
    transform: translate(5rem, 0);
  }

  .item-projects-cat:nth-child(4n-3) ._content-visible .item-projects-cat__show-more {
    right: 4.0625rem;
  }

  .item-projects-cat:nth-child(4n-2) .item-projects-cat__show-more {
    left: -1.25rem;
  }

  .item-projects-cat:nth-child(4n-2) .item-projects-cat__content {
    left: 0rem;
    transform: translate(-10rem, 0);
  }

  .item-projects-cat:nth-child(4n-2) ._content-visible .item-projects-cat__show-more {
    left: 9.0625rem;
  }

  .item-projects-cat:nth-child(4n-1) .item-projects-cat__show-more {
    right: -1.25rem;
  }

  .item-projects-cat:nth-child(4n-1) .item-projects-cat__content {
    right: 0;
    transform: translate(100%, 0);
  }

  .item-projects-cat:nth-child(4n-1) ._content-visible .item-projects-cat__show-more {
    right: 18.75rem;
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__show-more {
    left: -1.25rem;
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__content {
    left: 0rem;
    transform: translate(-5rem, 0);
  }

  .item-projects-cat:nth-child(4n) ._content-visible .item-projects-cat__show-more {
    left: 4.0625rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .item-projects-cat:nth-child(4n-3) .item-projects-cat__show-more {
    right: -0.9375rem;
  }

  .item-projects-cat:nth-child(4n-3) .item-projects-cat__content {
    right: 0rem;
    transform: translate(3.75rem, 0);
  }

  .item-projects-cat:nth-child(4n-3) ._content-visible .item-projects-cat__show-more {
    right: 2.8125rem;
  }

  .item-projects-cat:nth-child(4n-2) .item-projects-cat__show-more {
    left: -0.75rem;
  }

  .item-projects-cat:nth-child(4n-2) .item-projects-cat__content {
    left: 0rem;
    transform: translate(-7.5rem, 0);
  }

  .item-projects-cat:nth-child(4n-2) ._content-visible .item-projects-cat__show-more {
    left: 6.75rem;
  }

  .item-projects-cat:nth-child(4n-1) .item-projects-cat__show-more {
    right: -0.8125rem;
  }

  .item-projects-cat:nth-child(4n-1) .item-projects-cat__content {
    right: 0;
    transform: translate(100%, 0);
  }

  .item-projects-cat:nth-child(4n-1) ._content-visible .item-projects-cat__show-more {
    right: 14.0625rem;
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__show-more {
    left: -0.8125rem;
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__content {
    left: 0rem;
    transform: translate(-3.75rem, 0);
  }

  .item-projects-cat:nth-child(4n) ._content-visible .item-projects-cat__show-more {
    left: 2.9375rem;
  }
}

.item-projects-cat__slider>.swiper {
  position: relative;
}

.item-projects-cat__slider>.swiper .slider-arrows {
  position: absolute;
  z-index: 10;
  bottom: 0;
}

.item-projects-cat__image-ibg {
  height: 40.625rem;
  transition: all 0.2s ease 0s;
}

@media (max-width: 90em) {
  .item-projects-cat__image-ibg {
    height: 32.5rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-cat__image-ibg {
    height: 27.5rem;
  }
}

@media (max-width: 47.99875em) {
  .item-projects-cat__image-ibg {
    height: auto;
    /* padding-bottom: 122.2222222222%; */
    padding-bottom: 100%;
  }
}

.item-projects-cat__show-more {
  position: absolute;
  z-index: 3;
  top: 1.875rem;
  font-size: 1rem;
  line-height: 1.2;
  flex-direction: row-reverse;
  cursor: pointer;
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  transform: scale(-1);
  will-change: transform;
  background-color: #81d7b6;
  box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.05);
  padding: 1.25rem 0.625rem;
  transition: all 0.2s ease 0s;
  writing-mode: vertical-rl;
  text-align: justify;
}

.item-projects-cat__show-more::before {
  transform: rotate(90deg);
  transition: all 0.2s ease 0s;
}

.item-projects-cat__show-more span:last-child {
  display: block;
}

.item-projects-cat__show-more span:first-child {
  display: none;
}

@media (min-width: 47.99875em) {
  ._content-visible .item-projects-cat__show-more::before {
    transform: rotate(90deg);
  }

  ._content-visible .item-projects-cat__show-more span:first-child {
    display: block;
  }

  ._content-visible .item-projects-cat__show-more span:last-child {
    display: none;
  }
}

@media (max-width: 90em) {
  .item-projects-cat__show-more {
    font-size: 0.875rem;
  }
}


@media (max-width: 61.99875em) {
  .item-projects-cat__show-more {
    font-size: 0.75rem;
    padding: 0.9375rem 0.375rem;
  }
}

@media (max-width: 47.99875em) {
  .item-projects-cat__show-more {
    display: none;
    position: relative;
    bottom: 0;
    transform: translate(0, -2.125rem);
    right: 0;
    top: unset;
    margin-left: auto;
    writing-mode: unset;
    padding: 0.625rem 1.25rem;
  }

  .item-projects-cat__show-more::before {
    transform: unset;
  }
}

.item-projects-cat__content {
  background-color: #fff;
  padding: 3.125rem;
  transition: all 0.2s ease 0s;
}

@media (min-width: 47.99875em) {
  .item-projects-cat__content {
    display: flex;
    justify-content: center;
    width: 28.125rem;
    align-items: center;
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
  }

  ._content-visible .item-projects-cat__content {
    visibility: visible;
    opacity: 1;
    transform: translate(0px, 0px) !important;
    border: 1px solid #ECECEC;
  }
}

@media (max-width: 90em) {
  .item-projects-cat__content {
    padding: 1.875rem;
    width: 20rem;
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__slider,
  .item-projects-cat:nth-child(4n-2) .item-projects-cat__slider {
    padding-left: 20rem;
  }

  .item-projects-cat:nth-child(4n-1) .item-projects-cat__slider,
  .item-projects-cat:nth-child(4n-3) .item-projects-cat__slider {
    padding-right: 20rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-cat__content {
    width: 15rem;
    padding: 1.5625rem;
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__slider,
  .item-projects-cat:nth-child(4n-2) .item-projects-cat__slider {
    padding-left: 15rem;
  }

  .item-projects-cat:nth-child(4n-1) .item-projects-cat__slider,
  .item-projects-cat:nth-child(4n-3) .item-projects-cat__slider {
    padding-right: 15rem;
  }
}

@media (max-width: 47.99875em) {
  .item-projects-cat__content {
    width: 100%;
    padding: 1.25rem 1.25rem 0;
  }

  .item-projects-cat:nth-child(4n) .item-projects-cat__slider,
  .item-projects-cat:nth-child(4n-2) .item-projects-cat__slider {
    padding-left: 0rem;
  }

  .item-projects-cat:nth-child(4n-1) .item-projects-cat__slider,
  .item-projects-cat:nth-child(4n-3) .item-projects-cat__slider {
    padding-right: 0rem;
  }
}

.item-projects-cat__title {
  font-size: 2.25rem;
  line-height: 1.2;
}

.item-projects-cat__title:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .item-projects-cat__title {
    font-size: 1.75rem;
  }

  .item-projects-cat__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-cat__title {
    font-size: 1.375rem;
  }
}

.item-projects-cat__text {
  font-size: 1rem;
  line-height: 1.4;
  color: #9b948f;
}

.item-projects-cat__text:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .item-projects-cat__text {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-cat__text {
    font-size: 0.75rem;
  }
}

.item-projects-cat__price {
  color: #366f5a;
  font-size: 2.25rem;
  line-height: 1.2;
}

.item-projects-cat__price:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .item-projects-cat__price {
    font-size: 1.75rem;
  }

  .item-projects-cat__price:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-cat__price {
    font-size: 1.5rem;
  }
}

.item-projects-cat__info {
  display: grid;
  grid-template-columns: repeat(2, auto);
  row-gap: 1.25rem;
}

.item-projects-cat__info:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .item-projects-cat__info {
    gap: 1.25rem;
  }

  .item-projects-cat__info:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-cat__info {
    gap: 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .item-projects-cat__info {
    max-width: 15.625rem;
    row-gap: 0.9375rem;
  }
}

.item-projects-cat__info-item {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}

@media (max-width: 61.99875em) {
  .item-projects-cat__info-item {
    column-gap: 0.3125rem;
  }
}

.item-projects-cat__icon {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
}

.item-projects-cat__icon img {
  max-width: 100%;
}

@media (max-width: 61.99875em) {
  .item-projects-cat__icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
  }
}

.item-projects-cat__value {
  font-size: 1rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .item-projects-cat__value {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-cat__value {
    font-size: 0.75rem;
  }
}

.item-projects-cat__details-link {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  color: #9b948f;
}

.item-projects-cat__details-link ._icon-long-arrow {
  overflow: hidden;
}

.item-projects-cat__details-link ._icon-long-arrow::before {
  transform: translate(-50%, 0);
  transition: transform 0.2s ease 0s;
}

@media (any-hover: hover) {
  .item-projects-cat__details-link:hover {
    color: #366f5a;
  }

  .item-projects-cat__details-link:hover ._icon-long-arrow::before {
    transform: translate(0, 0);
  }
}

@media (max-width: 90em) {
  .item-projects-cat__details-link {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-projects-cat__details-link {
    font-size: 0.75rem;
  }
}

.advantages {
  background-color: #366f5a;
  padding: 6.25rem 0;
}

@media (max-width: 90em) {
  .advantages {
    padding: 5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .advantages {
    padding: 3.75rem 0;
  }
}

.advantages__body {
  display: grid;
  gap: 1.875rem;
}

@media (min-width: 47.99875em) {
  .advantages__body {
    grid-template-columns: repeat(4, 1fr);
  }
}

.item-advantages {
  color: #fff;
  text-align: center;
}

@media (max-width: 47.99875em) {
  .item-advantages {
    display: grid;
    text-align: left;
    align-items: center;
    column-gap: 1.25rem;
    grid-template-columns: auto 1fr;
  }
}

.item-advantages__icon {
  margin: 0 auto;
  width: 6.25rem;
  height: 6.25rem;
}

.item-advantages__icon img {
  max-width: 100%;
}

.item-advantages__icon:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .item-advantages__icon {
    width: 5rem;
    height: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .item-advantages__icon {
    height: 3.75rem;
    width: 3.75rem;
  }
}

@media (max-width: 47.99875em) {
  .item-advantages__icon {
    grid-row: span 2;
  }

  .item-advantages__icon:not(:last-child) {
    margin-bottom: 0;
  }
}

.item-advantages__title {
  font-size: 1.5rem;
  line-height: 1.2;
}

@media (min-width: 47.99875em) {
  .item-advantages__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}

@media (max-width: 90em) {
  .item-advantages__title {
    font-size: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .item-advantages__title {
    font-size: 1.125rem;
  }
}

.item-advantages__text {
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .item-advantages__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .item-advantages__text {
    font-size: 0.875rem;
  }
}

.project {
  position: relative;
}

.hero-project {
  position: relative;
  margin-top: -3.125rem;
}

@media (max-width: 61.99875em) {
  .hero-project {
    margin-top: -2.1875rem;
  }
}

@media (max-width: 47.99875em) {
  .hero-project {
    margin-bottom: 3.125rem;
  }
}

.hero-project__slider {
  position: relative;
}

.hero-project__slider .slider-arrows {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
  justify-content: space-between;
  pointer-events: none;
}

.hero-project__slider .slider-arrows>* {
  background-color: #fff;
  pointer-events: auto;
}

.hero-project__image-ibg {
  transition: height 0.2s ease 0s;
  height: 50rem;
}

@media (max-width: 90em) {
  .hero-project__image-ibg {
    height: 35.625rem;
  }
}

@media (max-width: 61.99875em) {
  .hero-project__image-ibg {
    height: 25rem;
  }
}

.hero-project__content {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  transition: bottom 0.2s ease 0s;
}

@media (max-width: 47.99875em) {
  .hero-project__content {
    transform: translate(0, 40%);
    margin: 0px 0.625rem;
  }
}

.hero-project__content-body {
  background-color: #fff;
  width: 62.5rem;
  padding: 3.75rem 3.75rem 0;
}

@media (max-width: 90em) {
  .hero-project__content-body {
    width: 51.5625rem;
    padding: 2.5rem 2.5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .hero-project__content-body {
    width: 36.875rem;
    padding: 1.875rem 1.875rem 0;
  }
}

@media (max-width: 47.99875em) {
  .hero-project__content-body {
    width: 100%;
    padding: 1.25rem 1.25rem 0;
  }
}

.hero-project__title {
  line-height: 1.2;
  font-size: 3.25rem;
}

.hero-project__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .hero-project__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .hero-project__title {
    font-size: 2.1875rem;
  }

  .hero-project__title br {
    display: none;
  }
}

@media (max-width: 47.99875em) {
  .hero-project__title {
    font-size: 1.875rem;
  }
}

.hero-project__sub-title {
  color: #366f5a;
}

.tabs-project--second .tabs-project__navigation {
  margin-bottom: 2.5rem;
  padding-bottom: 1.25rem;
}

@media (max-width: 47.99875em) {
  .tabs-project--second .tabs-project__navigation {
    margin-bottom: 0.625rem;
  }
}

.tabs-project--second .tabs-project__title {
  flex: 1 1 15.625rem;
  white-space: wrap;
  background-color: #ececec;
  color: #9b948f;
}

.tabs-project--second .tabs-project__title._tab-active {
  position: relative;
}

/* .tabs-project--second .tabs-project__title._tab-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: translate(0, 100%);
  border: 1.25rem solid transparent;
  border-top: 1.25rem solid #4c4845;
}

@media (max-width: 47.99875em) {
  .tabs-project--second .tabs-project__title._tab-active::after {
    border: 0.9375rem solid transparent;
    border-top: 0.9375rem solid #4c4845;
  }
} */

.tabs-project__navigation {
  /* border: 0.125rem solid #f9f7f6; */
  /* border-right: 0; */
  display: flex;
}

@media (max-width: 47.99875em) {
  .tabs-project__navigation {
    overflow-y: hidden;
    overflow-x: scroll;
  }
}

.tabs-project__title {
  flex: 1 1 auto;
  display: flex;
  column-gap: 0.3125rem;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1.4;
  min-height: 4.875rem;
  padding: 1.25rem 1.25rem;
  border-right: 0.125rem solid #f9f7f6;
}

.tabs-project__title._tab-active {
  color: #fff;
  background-color: #4c4845;
  border-color: #4c4845;
}

@media (max-width: 90em) {
  .tabs-project__title {
    min-height: 4.375rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .tabs-project__title {
    min-height: 3.125rem;
    font-size: 0.875rem;
  }
}

@media (max-width: 47.99875em) {
  .tabs-project__title:not(.active) span {
    width: 0;
    opacity: 0;
  }
}

.tabs-project__body {
  /* background: #f9f7f6; */
}

.tabs-project__image-ibg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 43.75rem;
  mix-blend-mode: multiply;
}

.tabs-project__image-ibg--plan img {
  padding: 3.125rem 0;
  object-fit: contain;
}

@media (max-width: 90em) {
  .tabs-project__image-ibg--plan img {
    padding: 1.875rem 0;
  }
}

@media (max-width: 90em) {
  .tabs-project__image-ibg {
    height: 29.375rem;
  }
}

@media (max-width: 61.99875em) {
  .tabs-project__image-ibg {
    height: 22.5rem;
  }
}

.tabs-project-inner {
  display: grid;
  row-gap: 1.875rem;
}

@media (min-width: 47.99875em) {
  .tabs-project-inner {
    grid-template-columns: 28.125rem 1fr;
    column-gap: 9.375rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .tabs-project-inner {
    column-gap: 6.25rem;
    grid-template-columns: 18.75rem 1fr;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .tabs-project-inner {
    column-gap: 4.375rem;
    grid-template-columns: 14.375rem 1fr;
  }
}

@media (min-width: 47.99875em) {
  .tabs-project-inner__content {
    /* padding-top: 3.75rem; */
  }

  .tabs-project-inner__content:not(:last-child) {
    margin-bottom: 3.125rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .tabs-project-inner__content {
    /* padding-top: 2.5rem; */
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .tabs-project-inner__content {
    /* padding-top: 1.875rem; */
  }
}

@media (max-width: 47.99875em) {
  .tabs-project-inner__content {
    order: 2;
  }

  .tabs-project-inner__content:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.tabs-project-inner__text b {
  font-weight: 500;
}

.tabs-project-inner__text p:not(:last-child) {
  margin-bottom: 1.25rem;
}

.tabs-project-inner__image-ibg {
  max-width: 50.625rem;
  /* max-width: 43.125rem; */
  height: 33.125rem;
}

@media (max-width: 90em) {
  .tabs-project-inner__image-ibg {
    height: 20.625rem;
  }
}

@media (max-width: 47.99875em) {
  .tabs-project-inner__image-ibg {
    order: 1;
    height: auto;
    max-width: 100%;
    /* padding-bottom: 52.7777777778%; */
  }

}

.description-project__body {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 1.875rem;
}

.description-project__text {
  color: #9b948f;
}

.description-project__info-wrapper {
  margin: 2.5rem 0;
}

@media (max-width: 90em) {
  .description-project__info-wrapper {
    margin: 1.875rem 0;
  }
}

@media (max-width: 47.99875em) {
  .description-project__info-wrapper {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 1.875rem;
  }
}

.description-project__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.25rem;
  row-gap: 1.25rem;
}

@media (max-width: 47.99875em) {
  .description-project__info {
    flex-direction: column;
    align-items: flex-start;
  }
}

.presentation-description {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.presentation-description::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  height: 100%;
  width: 12.5rem;
  background-color: #4c4845;
}

@media (max-width: 90em) {
  .presentation-description::after {
    width: 8.75rem;
  }
}

@media (max-width: 47.99875em) {
  .presentation-description::after {
    width: 3.125rem;
  }
}

.presentation-description__wrapper {
  padding-right: 6.25rem;
}

@media (max-width: 90em) {
  .presentation-description__wrapper {
    padding-right: 2.5rem;
  }
}

@media (max-width: 47.99875em) {
  .presentation-description__wrapper {
    padding-right: 1.25rem;
  }
}

.presentation-description__download {
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  justify-content: space-between;
  height: 13.125rem;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  width: 13.125rem;
  background-color: #f9f7f6;
  transition: background-color 0.2s ease 0s;
}

.presentation-description__download span {
  color: #9b948f;
  text-align: right;
}

@media (any-hover: hover) {
  .presentation-description__download:hover {
    background-color: #f2f2f1;
  }
}

@media (max-width: 90em) {
  .presentation-description__download {
    padding: 1.25rem;
    font-size: 1rem;
    width: 10.625rem;
  }
}

@media (max-width: 61.99875em) {
  .presentation-description__download {
    font-size: 0.875rem;
  }
}

@media (max-width: 47.99875em) {
  .presentation-description__download {
    padding: 0.625rem;
    width: 8.125rem;
    height: auto;
    row-gap: 3.75rem;
  }
}

.info__item {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}

@media (max-width: 61.99875em) {
  .info__item {
    column-gap: 0.3125rem;
  }
}

.info__icon {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
}

.info__icon img {
  max-width: 100%;
}

@media (max-width: 90em) {
  .info__icon {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.125rem;
  }
}

.info__value {
  font-size: 1.25rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .info__value {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .info__value {
    font-size: 0.875rem;
  }
}

.configuration__headblock {
  max-width: 66.4375rem;
}

.configuration__headblock:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .configuration__headblock:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .configuration__headblock:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.configuration__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.875rem;
}

@media (max-width: 90em) {
  .configuration__items {
    column-gap: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .configuration__items {
    column-gap: 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .configuration__items {
    overflow: auto;
    margin: 0 -0.9375rem;
    padding: 0px 0.9375rem;
    grid-template-columns: repeat(3, 14.375rem);
  }
}

.configuration__item {
  display: flex;
  flex-direction: column;
}

.item-configuration {
  border: 0.0625rem solid #ececec;
}

.item-configuration--yellow .item-configuration__price {
  color: #f6b80d;
}

.item-configuration--yellow .item-configuration__list li:before {
  color: #f6b80d;
}

.item-configuration--yellow .button--gray {
  color: #f6b80d !important;
}

.item-configuration--green .item-configuration__price {
  color: #366f5a;
}

.item-configuration--green .item-configuration__list li:before {
  color: #366f5a;
}

.item-configuration--green .button--gray {
  color: #366f5a !important;
}

.item-configuration__header {
  position: relative;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.3125rem;
  line-height: 1.2;
  background-color: #fff;
  border-bottom: 0.0625rem solid #ececec;
  overflow: hidden;
}

@media (max-width: 90em) {
  .item-configuration__header {
    padding: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-configuration__header {
    padding: 1.25rem;
  }
}

.item-configuration__image-ibg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 11.6875rem;
}

.item-configuration__image-ibg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #fff, transparent 100%);
}

@media (max-width: 90em) {
  .item-configuration__image-ibg {
    width: 9.1875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-configuration__image-ibg {
    width: 7.1875rem;
  }
}

.item-configuration__title {
  position: relative;
  z-index: 2;
}

.item-configuration__text {
  position: relative;
  z-index: 2;
}

.item-configuration__price {
  position: relative;
  z-index: 2;
}

.item-configuration__body {
  flex: 1 1 auto;
  padding: 2.5rem;
}

@media (max-width: 90em) {
  .item-configuration__body {
    padding: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-configuration__body {
    padding: 1.25rem;
  }
}

.item-configuration__list:not(:last-child) {
  margin-bottom: 1.25rem;
}

.item-configuration__list li {
  display: flex;
  line-height: 1.2;
  column-gap: 1.25rem;
}

.item-configuration__list li:not(:last-child) {
  margin-bottom: 1.875rem;
}

.item-configuration__list li::before {
  content: "\e905";
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  width: 1.5rem;
  flex: 0 0 1.5rem;
}

@media (max-width: 90em) {
  .item-configuration__list li {
    column-gap: 0.625rem;
  }
}

.item-configuration__bottom {
  display: grid;
  row-gap: 0.9375rem;
  padding: 2.5rem;
}

.item-configuration__bottom .button--gray {
  font-size: 1rem;
}

@media (max-width: 90em) {
  .item-configuration__bottom {
    padding: 1.875rem;
  }

  .item-configuration__bottom .button--gray {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .item-configuration__bottom {
    padding: 1.25rem;
  }

  .item-configuration__bottom .button--gray {
    font-size: 0.75rem;
  }
}

.calculator__body {
  display: grid;
  row-gap: 1.875rem;
}

@media (min-width: 47.99875em) {
  .calculator__body {
    grid-template-columns: 35.625rem 1fr;
    column-gap: 9.375rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .calculator__body {
    grid-template-columns: 25rem 1fr;
    column-gap: 6.25rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .calculator__body {
    grid-template-columns: 20.625rem 1fr;
    column-gap: 4.375rem;
  }
}

.calculator__image-ibg {
  box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.05);
  padding-bottom: 75.3623188406%;
}

.calculator__image-ibg img {
  padding: 2.5rem 3.125rem;
}

.calculator__image-ibg:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .calculator__image-ibg img {
    padding: 1.25rem;
  }

  .calculator__image-ibg:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .calculator__image-ibg img {
    padding: 0.9375rem;
  }

  .calculator__image-ibg:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.calculator__price {
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 700;
  color: #366f5a;
}

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

@media (max-width: 90em) {
  .calculator__price {
    font-size: 2.875rem;
  }
}

@media (max-width: 61.99875em) {
  .calculator__price {
    font-size: 2.5rem;
  }
}

@media (min-width: 47.99875em) {
  .calculator__price {
    text-align: right;
  }
}

.calculator__price-subtitle {
  color: #9b948f;
}

@media (min-width: 47.99875em) {
  .calculator__price-subtitle {
    text-align: right;
  }
}

.calculator__text {
  color: #9b948f;
}

.calculator__text p:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.contacts__container {
  width: 100%;
}

.contacts__body {
  display: grid;
  width: 100%;
  box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.05);
}

@media (min-width: 47.99875em) {
  .contacts__body {
    grid-template-columns: 35.625rem 1fr;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .contacts__body {
    grid-template-columns: 23.75rem 1fr;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .contacts__body {
    grid-template-columns: 15.625rem 1fr;
  }
}

.contacts__content .spollers__item:not(:last-child) {
  margin-bottom: 0 !important;
}

.contacts__content .spollers__item:first-child .spollers__title {
  border-bottom: 0;
}

.contacts__content .spollers__title {
  font-weight: 700;
  background-color: #fff !important;
}

.contacts__content .spollers__body {
  padding-top: 0.625rem !important;
}

.contacts__maps #contacts-map {
  height: 100%;
}

@media (max-width: 47.99875em) {
  .contacts__maps #contacts-map {
    height: 25rem;
  }
}

.contacts__bottom {
  display: flex;
  justify-content: center;
}

.contacts-item:not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 61.99875em) {
  .contacts-item:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.contacts-item__label {
  color: #9b948f;
  font-size: 1rem;
  line-height: 1.2;
}

.contacts-item__label:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .contacts-item__label {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .contacts-item__label {
    font-size: 0.75rem;
  }
}

.contacts-item__value {
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .contacts-item__value {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .contacts-item__value {
    font-size: 0.875rem;
  }
}

.contacts-item__value a {
  transition: color 0.2s ease 0s;
}

@media (any-hover: hover) {
  .contacts-item__value a:hover {
    color: #81d7b6;
  }
}

.contacts-item__value p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.contacts-item__value .gray {
  color: #9b948f;
}

.coordinates {
  margin-top: 2.5rem;
  border-radius: 3.75rem;
  font-size: 1.25rem;
  background-color: #f9f7f6;
  min-height: 4.75rem;
  padding: 0.9375rem 1.875rem;
  line-height: 1.4;
  transition: background-color 0.2s ease 0s;
}

.coordinates[disabled] {
  pointer-events: none;
}

@media (any-hover: hover) {
  .coordinates:hover {
    background-color: #f2f2f1;
  }
}

@media (max-width: 90em) {
  .coordinates {
    margin-top: 1.875rem;
    font-size: 1rem;
    padding: 0.9375rem 1.25rem;
    min-height: 3.75rem;
  }
}

@media (max-width: 61.99875em) {
  .coordinates {
    font-size: 0.875rem;
    min-height: 3.5rem;
  }
}

@media (max-width: 29.99875em) {
  .coordinates {
    padding: 0.625rem 1.875rem;
  }
}

.coordinates__main {
  display: inline-flex;
  justify-content: center;
  column-gap: 1.25rem;
  align-items: center;
  pointer-events: none;
}

@media (max-width: 29.99875em) {
  .coordinates__main {
    flex-wrap: wrap;
    row-gap: 0.3125rem;
    column-gap: 0.625rem;
  }
}

.coordinates__label {
  color: #9b948f;
  pointer-events: none;
}

@media (max-width: 29.99875em) {
  .coordinates__label {
    flex: 1 1 100%;
  }
}

.coordinates__value {
  pointer-events: none;
}

.coordinates__icon {
  pointer-events: none;
}

.coordinates__hidden {
  display: none;
}

.news__items {
  display: grid;
  gap: 1.875rem;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 90em) {
  .news__items {
    gap: 1.25rem;
    row-gap: 2.8125rem;
  }
}

@media (max-width: 47.99875em) {
  .news__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 29.99875em) {
  .news__items {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 29.99875em) {
  .news__item:first-child {
    grid-column: span 2;
    grid-row: span 2;
  }
}

@media (min-width: 29.99875em) and (max-width: 47.99875em) {
  .news__item:first-child {
    grid-row: span 1;
  }
}

.item-news__image-ibg {
  display: block;
  padding-bottom: 62.962962963%;
  overflow: hidden;
}

.item-news__image-ibg:not(:last-child) {
  margin-bottom: 1.25rem;
}

.item-news__image-ibg img {
  will-change: transform;
  transition: transform 0.3s ease 0s;
}

@media (any-hover: hover) {
  .item-news__image-ibg:hover img {
    transform: scale(1.05);
  }
}

@media (max-width: 29.99875em) {
  .item-news__image-ibg {
    padding-bottom: 55%;
  }
}

.item-news__date,
.news-details__date {
  font-size: 0.875rem;
  line-height: 1.2;
  color: #9b948f;
}

.item-news__date:not(:last-child),
.news-details__date:not(:last-child) {
  margin-bottom: 0.625rem;
}

.item-news__title {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
}

.item-news__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .item-news__title {
    font-size: 1.125rem;
  }
}

.item-news__title-link {
  transition: color 0.2s ease 0s;
}

@media (any-hover: hover) {
  .item-news__title-link:hover {
    color: #366f5a;
  }
}

.item-news__text {
  font-size: 1.25rem;
  line-height: 1.4;
}

.item-news__text:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .item-news__text {
    font-size: 1.125rem;
  }
}

@media (max-width: 61.99875em) {
  .item-news__text:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}

.item-news__button {
  line-height: 1.2;
  font-size: 1rem;
  color: #366f5a;
}

@media (any-hover: hover) {
  .item-news__button:hover {
    text-decoration: underline;
  }
}

@media (max-width: 90em) {
  .item-news__button {
    font-size: 0.875rem;
  }
}

.news-details__body {
  display: grid;
  gap: 1.875rem;
}

@media (min-width: 47.99875em) {
  .news-details__body {
    align-items: start;
    grid-template-columns: 1fr 21.875rem;
  }
}

@media (max-width: 47.99875em) {
  .news-details__body {
    display: block;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .news-details__body {
    grid-template-columns: 1fr 15.625rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .news-details__body {
    grid-template-columns: 1fr 12.5rem;
  }
}

.news-details__header:not(:last-child) {
  margin-bottom: 3.125rem;
}

@media (max-width: 61.99875em) {
  .news-details__header:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

.news-details__main-image-ibg {
  padding-bottom: 42.8571428571%;
}

.news-details__main-image-ibg:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .news-details__main-image-ibg:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

.news-details__date:not(:last-child) {
  margin-bottom: 1.25rem;
}

.news-details__main-text {
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .news-details__main-text {
    font-size: 1.125rem;
  }
}

@media (max-width: 61.99875em) {
  .news-details__main-text {
    font-size: 1rem;
  }
}

.news-details__content {
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .news-details__content {
    font-size: 1.125rem;
  }
}

@media (max-width: 61.99875em) {
  .news-details__content {
    font-size: 1rem;
  }
}

.news-details__content ul,
.news-details__content ol {
  padding-left: 1.875rem;
}

.news-details__content ul li {
  list-style: disc;
}

.news-details__content p:not(:last-child),
.news-details__content h2:not(:last-child),
.news-details__content h3:not(:last-child),
.news-details__content h4:not(:last-child),
.news-details__content ol:not(:last-child),
.news-details__content li:not(:last-child) {
  margin-bottom: 1.25rem;
}

.news-details__content h2 {
  font-weight: 500;
}

.news-details__content h2:not(:first-child) {
  margin-top: 2.5rem;
}

@media (max-width: 61.99875em) {
  .news-details__content h2:not(:first-child) {
    margin-top: 1.875rem;
  }
}

.news-details__content .image {
  margin: 2.5rem auto;
}

.news-details__content .image img {
  max-width: 100%;
}

@media (max-width: 61.99875em) {
  .news-details__content .image {
    margin: 1.875rem auto;
  }
}

.news-details__back-button {
  margin-top: 3.125rem;
  height: 4.75rem;
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
  border-radius: 3.75rem;
  padding: 0px 3.125rem;
  background-color: #f9f7f6;
  font-size: 1.25rem;
  transition: background-color 0.2s ease 0s;
}

.news-details__back-button::before {
  transform: rotate(90deg);
  font-size: 1.5625rem;
}

@media (any-hover: hover) {
  .news-details__back-button:hover {
    background-color: #f2f2f1;
  }
}

@media (max-width: 90em) {
  .news-details__back-button {
    height: 3.375rem;
    padding: 0px 1.25rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .news-details__back-button {
    height: 3rem;
    font-size: 0.875rem;
    padding: 0px 1.125rem;
  }
}

.news-details__sidebar {
  display: grid;
  row-gap: 1.875rem;
}

@media (max-width: 47.99875em) {
  .news-details__sidebar {
    display: none;
  }
}

.promotions__body {
  display: grid;
  row-gap: 2.5rem;
  width: 100%;
}

.item-promotions {
  position: relative;
  min-height: 15rem;
}

.item-promotions--green {
  background-color: #366f5a;
}

.item-promotions--green .item-promotions__text {
  color: #81d7b6;
}

.item-promotions--gray {
  background-color: #4c4845;
}

.item-promotions--gray .item-promotions__text {
  color: #9b948f;
}

.item-promotions__image-ibg {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  height: 22.75rem;
  width: 25.625rem;
}

@media (max-width: 90em) {
  .item-promotions__image-ibg {
    height: 17.375rem;
    width: 19.5rem;
  }
}

@media (max-width: 61.99875em) {
  .item-promotions__image-ibg {
    height: 16.5625rem;
    width: 18.75rem;
  }
}

@media (max-width: 47.99875em) {
  .item-promotions__image-ibg {
    height: 14.75rem;
    width: 16.5625rem;
  }
}

.item-promotions__content {
  position: relative;
  z-index: 2;
  padding: 3.75rem 28.125rem 3.75rem 3.75rem;
}

@media (max-width: 90em) {
  .item-promotions__content {
    padding: 2.5rem 21.875rem 2.5rem 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .item-promotions__content {
    padding: 1.875rem 18.75rem 1.875rem 1.875rem;
  }
}

@media (max-width: 47.99875em) {
  .item-promotions__content {
    padding: 1.875rem 1.875rem 16.25rem 1.875rem;
  }
}

.item-promotions__title {
  color: #fff;
}

.item-promotions__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

.item-promotions__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 3.75rem;
  padding: 0.3125rem 1.875rem;
  min-height: 4.75rem;
  line-height: 1.4;
  color: #9b948f;
  column-gap: 0.625rem;
  margin-top: 2.5rem;
  background-color: #f9f7f6;
}

.item-promotions__button b {
  color: #2d2b2a;
  font-weight: 500;
}

@media (max-width: 90em) {
  .item-promotions__button {
    position: absolute;
    min-height: 3.375rem;
    padding: 0px 1.25rem;
    font-size: 1rem;
    bottom: 2.5rem;
    right: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .item-promotions__button {
    min-height: 3rem;
    font-size: 0.875rem;
    flex-direction: column;
    row-gap: 0.3125rem;
    bottom: 1.875rem;
    padding: 1.125rem 1.25rem;
  }
}

@media (max-width: 47.99875em) {
  .item-promotions__button {
    right: unset;
    left: 1.875rem;
  }
}

.reviews-page__items {
  display: grid;
  row-gap: 3.125rem;
}

@media (min-width: 90em) {
  .reviews-page__items {
    row-gap: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .reviews-page__items {
    row-gap: 1.875rem;
  }
}

.reviews-page__button {
  display: flex;
  width: 100%;
  margin-top: 3.125rem;
}

.item-reviews-page {
  display: grid;
  grid-template-columns: 0.5fr 0.5fr 1fr;
  gap: 1.875rem;
}

.item-reviews-page:nth-child(3n-1) {
  grid-template-columns: 1fr 0.5fr 0.5fr;
}

.item-reviews-page:nth-child(3n-1) .item-reviews-page__image-block-ibg--first {
  order: 2;
}

.item-reviews-page:nth-child(3n-1) .item-reviews-page__image-block-ibg--second {
  order: 3;
}

.item-reviews-page:nth-child(3n-1) .item-reviews-page__content {
  order: 1;
}

.item-reviews-page:nth-child(4n-1) {
  grid-template-columns: 0.5fr 1fr 0.5fr;
}

.item-reviews-page:nth-child(4n-1) .item-reviews-page__image-block-ibg--first {
  order: 1;
}

.item-reviews-page:nth-child(4n-1) .item-reviews-page__image-block-ibg--second {
  order: 3;
}

.item-reviews-page:nth-child(4n-1) .item-reviews-page__content {
  order: 2;
}

@media (max-width: 90em) {
  .item-reviews-page {
    gap: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .item-reviews-page {
    gap: 0.625rem;
    grid-template-columns: 13.75rem 1fr;
  }

  .item-reviews-page .item-reviews-page__image-block-ibg--first {
    order: 1;
  }

  .item-reviews-page .item-reviews-page__image-block-ibg--second {
    order: 3;
  }

  .item-reviews-page .item-reviews-page__content {
    grid-row: span 2;
    order: 2;
  }

  .item-reviews-page:nth-child(3n-1) {
    grid-template-columns: 1fr 13.75rem;
  }

  .item-reviews-page:nth-child(3n-1) .item-reviews-page__image-block-ibg--first {
    order: 2;
  }

  .item-reviews-page:nth-child(3n-1) .item-reviews-page__image-block-ibg--second {
    order: 3;
  }

  .item-reviews-page:nth-child(3n-1) .item-reviews-page__content {
    order: 1;
  }

  .item-reviews-page:nth-child(4n-1) {
    grid-template-columns: 1fr 1fr;
  }

  .item-reviews-page:nth-child(4n-1) .item-reviews-page__image-block-ibg--first {
    order: 2;
  }

  .item-reviews-page:nth-child(4n-1) .item-reviews-page__image-block-ibg--second {
    order: 3;
  }

  .item-reviews-page:nth-child(4n-1) .item-reviews-page__content {
    order: 1;
    grid-column: span 2;
  }
}

@media (max-width: 47.99875em) {
  .item-reviews-page {
    grid-template-columns: 1fr 1fr;
  }

  .item-reviews-page .item-reviews-page__image-block-ibg--first {
    order: 1;
  }

  .item-reviews-page .item-reviews-page__image-block-ibg--second {
    order: 2;
  }

  .item-reviews-page .item-reviews-page__content {
    grid-column: span 2;
    order: 3;
  }

  .item-reviews-page:nth-child(3n-1) {
    grid-template-columns: 1fr 1fr;
  }

  .item-reviews-page:nth-child(3n-1) .item-reviews-page__image-block-ibg--first {
    order: 2;
  }

  .item-reviews-page:nth-child(3n-1) .item-reviews-page__image-block-ibg--second {
    order: 3;
  }

  .item-reviews-page:nth-child(3n-1) .item-reviews-page__content {
    grid-column: span 2;
    order: 1;
  }

  .item-reviews-page:nth-child(4n-1) {
    grid-template-columns: 1fr 1fr;
  }

  .item-reviews-page:nth-child(4n-1) .item-reviews-page__image-block-ibg--first {
    order: 1;
  }

  .item-reviews-page:nth-child(4n-1) .item-reviews-page__image-block-ibg--second {
    order: 2;
  }

  .item-reviews-page:nth-child(4n-1) .item-reviews-page__content {
    grid-column: span 2;
    order: 3;
  }
}

.item-reviews-page__image-block-ibg {
  overflow: hidden;
}

.item-reviews-page__image-block-ibg img {
  will-change: transform;
  transition: transform 0.3s ease 0s;
}

.item-reviews-page__image-block-ibg[data-video],
.item-reviews-page__image-block-ibg[data-src] {
  position: relative;
  cursor: pointer;
}

.item-reviews-page__image-block-ibg[data-video]::before,
.item-reviews-page__image-block-ibg[data-src]::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/local/templates/vyatki/css/../img/svg/play.svg") 0 0/100% 100% no-repeat;
  transition: transform 0.2s ease 0s;
  will-change: transform;
}

@media (min-width: 88.125em) {

  .item-reviews-page__image-block-ibg[data-video]::before,
  .item-reviews-page__image-block-ibg[data-src]::before {
    width: 4.375rem;
  }
}

@media (min-width: 24.375em) and (max-width: 88.125em) {
  @supports (width: clamp(3.125rem, 2.6470588235rem + 1.9607843137vw, 4.375rem)) {

    .item-reviews-page__image-block-ibg[data-video]::before,
    .item-reviews-page__image-block-ibg[data-src]::before {
      width: clamp(3.125rem, 2.6470588235rem + 1.9607843137vw, 4.375rem);
    }
  }

  @supports not (width: clamp(3.125rem, 2.6470588235rem + 1.9607843137vw, 4.375rem)) {

    .item-reviews-page__image-block-ibg[data-video]::before,
    .item-reviews-page__image-block-ibg[data-src]::before {
      width: calc(3.125rem + 1.25 * (100vw - 24.375rem) / 63.75);
    }
  }
}

@media (max-width: 24.375em) {

  .item-reviews-page__image-block-ibg[data-video]::before,
  .item-reviews-page__image-block-ibg[data-src]::before {
    width: 3.125rem;
  }
}

@media (min-width: 88.125em) {

  .item-reviews-page__image-block-ibg[data-video]::before,
  .item-reviews-page__image-block-ibg[data-src]::before {
    height: 4.375rem;
  }
}

@media (min-width: 24.375em) and (max-width: 88.125em) {
  @supports (height: clamp(3.125rem, 2.6470588235rem + 1.9607843137vw, 4.375rem)) {

    .item-reviews-page__image-block-ibg[data-video]::before,
    .item-reviews-page__image-block-ibg[data-src]::before {
      height: clamp(3.125rem, 2.6470588235rem + 1.9607843137vw, 4.375rem);
    }
  }

  @supports not (height: clamp(3.125rem, 2.6470588235rem + 1.9607843137vw, 4.375rem)) {

    .item-reviews-page__image-block-ibg[data-video]::before,
    .item-reviews-page__image-block-ibg[data-src]::before {
      height: calc(3.125rem + 1.25 * (100vw - 24.375rem) / 63.75);
    }
  }
}

@media (max-width: 24.375em) {

  .item-reviews-page__image-block-ibg[data-video]::before,
  .item-reviews-page__image-block-ibg[data-src]::before {
    height: 3.125rem;
  }
}

.item-reviews-page__image-block-ibg[data-video]::after,
.item-reviews-page__image-block-ibg[data-src]::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

@media (any-hover: hover) {

  .item-reviews-page__image-block-ibg[data-video]:hover::before,
  .item-reviews-page__image-block-ibg[data-src]:hover::before {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

@media (any-hover: hover) {
  .item-reviews-page__image-block-ibg:hover img {
    transform: scale(1.05);
  }
}

@media (max-width: 61.99875em) {
  .item-reviews-page__image-block-ibg {
    padding-bottom: 50%;
  }
}

@media (max-width: 47.99875em) {
  .item-reviews-page__image-block-ibg {
    padding-bottom: 85.7142857143%;
  }
}

.item-reviews-page__content {
  background-color: #fff;
  flex: 1 1 auto;
  box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.05);
  padding: 3.75rem;
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .item-reviews-page__content {
    padding: 2.5rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .item-reviews-page__content {
    padding: 1.875rem;
    font-size: 0.875rem;
  }
}

@media (max-width: 47.99875em) {
  .item-reviews-page__content {
    padding: 1.25rem;
  }
}

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

.item-reviews-page__author {
  color: #9b948f;
}

.not-found__body {
  margin-bottom: 12.5rem;
}

.not-found__body .not-found__container {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 35.625rem;
  column-gap: 1.875rem;
}

@media (max-width: 90em) {
  .not-found__body .not-found__container {
    column-gap: 1.25rem;
    grid-template-columns: 1fr 23.75rem;
  }
}

@media (max-width: 61.99875em) {
  .not-found__body .not-found__container {
    column-gap: 0.625rem;
    grid-template-columns: 1fr 18.125rem;
  }
}

@media (max-width: 47.99875em) {
  .not-found__body .not-found__container {
    grid-template-columns: 1fr;
    row-gap: 3.75rem;
  }
}

@media (max-width: 90em) {
  .not-found__body {
    margin-bottom: 10rem;
  }
}

@media (max-width: 61.99875em) {
  .not-found__body {
    margin-bottom: 7.5rem;
  }
}

@media (max-width: 47.99875em) {
  .not-found__body {
    margin-bottom: 5rem;
  }
}

.not-found__text {
  color: #9b948f;
}

.not-found__text p:not(:last-child) {
  margin-bottom: 1.25rem;
}

.not-found__text:not(:last-child) {
  margin-bottom: 3.75rem;
}

@media (max-width: 90em) {
  .not-found__text p:not(:last-child) {
    margin-bottom: 0.9375rem;
  }

  .not-found__text:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .not-found__text br {
    display: none;
  }

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

.not-found__image-ibg {
  mix-blend-mode: multiply;
  padding-bottom: 52.6315789474%;
}

.not-found__image-ibg img {
  object-fit: contain;
}

.policy__title {
  line-height: 1.4;
  margin-bottom: 2.5rem;
  color: #9b948f;
}

@media (max-width: 61.99875em) {
  .policy__title {
    margin-bottom: 1.875rem;
  }
}

.policy__text {
  font-size: 1.25rem;
  line-height: 1.4;
}

.policy__text p:not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 90em) {
  .policy__text p:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}

@media (max-width: 90em) {
  .policy__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .policy__text {
    font-size: 0.875rem;
  }
}

.portfolio__body .item-projects-details:not(:last-child) {
  margin-bottom: 3.125rem;
}

@media (max-width: 90em) {
  .portfolio__body .item-projects-details:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .portfolio__body .item-projects-details:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

.image-text__item {
  display: grid;
  align-items: center;
  row-gap: 1.25rem;
}

@media (min-width: 47.99875em) {
  .image-text__item {
    grid-template-columns: 50.625rem auto;
    column-gap: 9.375rem;
  }

  .image-text__item:nth-child(even) {
    grid-template-columns: auto 50.625rem;
  }

  .image-text__item:nth-child(even) .image-text__image-ibg {
    order: 2;
  }

  .image-text__item:nth-child(even) .image-text__content {
    order: 1;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .image-text__item {
    column-gap: 6.25rem;
    align-items: stretch;
    grid-template-columns: 33.75rem auto;
  }

  .image-text__item:nth-child(even) {
    grid-template-columns: auto 33.75rem;
  }

  .image-text__item:nth-child(even) .image-text__image-ibg {
    order: 2;
  }

  .image-text__item:nth-child(even) .image-text__content {
    order: 1;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .image-text__item {
    column-gap: 4.375rem;
    grid-template-columns: 25.625rem auto;
  }

  .image-text__item:nth-child(even) {
    grid-template-columns: auto 25.625rem;
  }

  .image-text__item:nth-child(even) .image-text__image-ibg {
    order: 2;
  }

  .image-text__item:nth-child(even) .image-text__content {
    order: 1;
  }
}

.image-text__item:not(:last-child) {
  margin-bottom: 6.25rem;
}

@media (max-width: 90em) {
  .image-text__item:not(:last-child) {
    margin-bottom: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .image-text__item:not(:last-child) {
    margin-bottom: 3.75rem;
  }
}

.image-text__image-ibg {
  align-self: stretch;
  padding-bottom: 66.1728395062%;
}

.image-text__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

.image-text__text {
  line-height: 1.4;
  color: #9b948f;
}

.production__text p:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 61.99875em) {
  .production__text p:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}

.production__text .gray {
  color: #9b948f;
}

.spollers-image__body {
  display: grid;
  column-gap: 1.875rem;
}

.spollers-image__body .images-spollers__item {
  display: none;
}

@media (max-width: 47.99875em) {
  .spollers-image__body .images-spollers__item {
    display: block;
  }
}

@media (min-width: 47.99875em) {
  .spollers-image__body {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 90em) {
  .spollers-image__body {
    column-gap: 1.25rem;
  }
}

.spollers-image__content .spollers__text {
  font-size: 0.875rem;
}

@media (min-width: 47.99875em) {
  .spollers-image__content .spollers__title._spoller-active::after {
    transform: rotate(-90deg) !important;
  }
}

@media (max-width: 47.99875em) {
  .spollers-image__images {
    display: none;
  }
}

.images-spollers__item {
  position: relative;
  display: none;
}

.images-spollers__item._active-spoller-image {
  display: block;
}

@media (max-width: 47.99875em) {
  .images-spollers__item {
    margin-top: 1.25rem;
  }
}

.images-spollers__image-ibg {
  padding-bottom: 71.0144927536%;
}

.images-spollers__content {
  position: absolute;
  background-color: #2d2b2a;
  z-index: 2;
  right: 0;
  bottom: 0;
  text-align: right;
  transform: translate(0, 50%);
  padding: 1.875rem 2.5rem;
}

@media (max-width: 90em) {
  .images-spollers__content {
    padding: 1.5625rem 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .images-spollers__content {
    padding: 1.125rem 1.25rem;
  }
}

@media (max-width: 47.99875em) {
  .images-spollers__content {
    transform: translate(0px, 0px);
  }
}

.images-spollers__label {
  font-size: 1rem;
  line-height: 1.2;
  color: #f6b80d;
}

.images-spollers__label:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .images-spollers__label {
    font-size: 0.875rem;
  }
}

.images-spollers__value {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .images-spollers__value {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .images-spollers__value {
    font-size: 0.875rem;
  }
}

.production-process {
  background-color: #2d2b2a;
}

.tabs-proccess__navigation {
  display: flex;
  column-gap: 0.375rem;
  margin-bottom: 3.75rem;
}

@media (max-width: 61.99875em) {
  .tabs-proccess__navigation {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 1.875rem;
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 47.99875em) {
  .tabs-proccess__navigation {
    margin: 0 -0.9375rem 1.875rem -0.9375rem;
    padding: 0px 0.9375rem 0.9375rem 0.9375rem;
  }
}

.tabs-proccess__title {
  padding: 1.875rem;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 700;
  row-gap: 1.25rem;
  line-height: 1.4;
  color: #fff;
  background-color: rgba(155, 148, 143, 0.1);
}

.tabs-proccess__title._tab-active {
  background-color: #366f5a;
  position: relative;
}

.tabs-proccess__title._tab-active .tabs-proccess__icon {
  color: #81d7b6;
}

.tabs-proccess__title._tab-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: translate(0, 100%);
  border: 1.25rem solid transparent;
  border-top: 1.25rem solid #366f5a;
}

@media (max-width: 47.99875em) {
  .tabs-proccess__title._tab-active::after {
    border: 0.9375rem solid transparent;
    border-top: 0.9375rem solid #366f5a;
  }
}

@media (max-width: 90em) {
  .tabs-proccess__title {
    padding: 1.25rem;
    font-size: 1rem;
    row-gap: 0.9375rem;
  }
}

@media (max-width: 61.99875em) {
  .tabs-proccess__title {
    font-size: 0.875rem;
    padding: 1.25rem 0.9375rem;
  }
}

@media (max-width: 47.99875em) {
  .tabs-proccess__title br {
    display: none;
  }
}

.tabs-proccess__icon {
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: 3.125rem;
}

.tabs-proccess__icon svg {
  display: flex;
  justify-content: center;
  align-items: end;
}

@media (max-width: 90em) {
  .tabs-proccess__icon {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 2.5rem;
  }
}

.tabs-proccess__content {
  display: grid;
}

@media (min-width: 47.99875em) {
  .tabs-proccess__content {
    align-items: start;
    grid-template-columns: 50.625rem 1fr;
    column-gap: 9.375rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .tabs-proccess__content {
    column-gap: 6.25rem;
    grid-template-columns: 33.75rem 1fr;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .tabs-proccess__content {
    column-gap: 3.125rem;
    grid-template-columns: 26.25rem 1fr;
  }
}

.tabs-proccess__image-ibg {
  padding-bottom: 65.4320987654%;
}

.tabs-proccess__text {
  padding-top: 3.75rem;
  color: #fff;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .tabs-proccess__text {
    padding-top: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .tabs-proccess__text {
    padding-top: 1.875rem;
  }
}

.tabs-proccess__text .button {
  margin-top: 3.125rem;
}

@media (max-width: 90em) {
  .tabs-proccess__text .button {
    margin-top: 1.875rem;
  }
}

.tabs-proccess__text p:not(:last-child) {
  margin-bottom: 1.25rem;
}

.tabs-proccess__text .gray {
  font-weight: 500;
  color: #9b948f;
}

.simple-cards__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1.875rem;
}

@media (max-width: 90em) {
  .simple-cards__items {
    column-gap: 1.25rem;
  }
}

@media (max-width: 47.99875em) {
  .simple-cards__items {
    overflow-y: hidden;
    overflow-x: scroll;
    grid-template-columns: repeat(4, 10.625rem);
    margin: 0 -0.9375rem;
    padding: 0px 0.9375rem 2.1875rem 0.9375rem;
  }
}

.simple-cards__item {
  position: relative;
}

.simple-cards__image-ibg {
  padding-bottom: 69.696969697%;
}

.simple-cards__title {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-right: 1.875rem;
  transform: translate(0, 50%);
  background-color: #fff;
  padding: 1.875rem;
  font-size: 1rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .simple-cards__title {
    padding: 1.25rem;
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .simple-cards__title {
    padding: 0.625rem;
    font-size: 0.75rem;
  }
}

@media (max-width: 47.99875em) {
  .simple-cards__title {
    box-shadow: 0 5px 0.3125rem rgba(0, 0, 0, 0.04);
  }
}

.advantages-second__body {
  display: grid;
  column-gap: 1.875rem;
  row-gap: 0.625rem;
}

@media (min-width: 47.99875em) {
  .advantages-second__body {
    grid-template-columns: 0.5fr 0.25fr 0.25fr;
  }
}

@media (max-width: 90em) {
  .advantages-second__body {
    column-gap: 1.25rem;
  }
}

.advantages-second__item {
  display: flex;
  background-color: #f9f7f6;
}

@media (min-width: 47.99875em) {
  .advantages-second__item {
    align-items: center;
  }
}

@media (max-width: 90em) {
  .advantages-second__item {
    flex-direction: column;
  }
}

.advantages-second__content {
  padding: 2.5rem;
}

@media (max-width: 90em) {
  .advantages-second__content {
    padding: 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .advantages-second__content {
    padding-right: 1.25rem;
  }
}

.advantages-second__title {
  font-weight: 500;
  color: #4c4845;
}

.advantages-second__title:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .advantages-second__title {
    font-size: 1.125rem;
  }
}

.advantages-second__text {
  color: #9b948f;
  line-height: 1.4;
  font-size: 1.25rem;
}

@media (max-width: 90em) {
  .advantages-second__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .advantages-second__text {
    font-size: 0.875rem;
  }
}

.advantages-second__image-ibg {
  height: 100%;
}

@media (min-width: 90em) {
  .advantages-second__image-ibg {
    width: 18.125rem;
    flex: 0 0 18.125rem;
  }
}

@media (max-width: 90em) {
  .advantages-second__image-ibg {
    width: 100%;
    height: 9.75rem;
  }
}

.priceblock {
  background-color: #2d2b2a;
}

.priceblock__content {
  display: grid;
  row-gap: 0.625rem;
}

@media (min-width: 47.99875em) {
  .priceblock__content {
    grid-template-columns: 1fr 28.125rem;
    column-gap: 1.875rem;
    align-items: start;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .priceblock__content {
    grid-template-columns: 1fr 18.75rem;
    column-gap: 1.25rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .priceblock__content {
    grid-template-columns: 1fr 14.375rem;
    column-gap: 0.625rem;
  }
}

.table-priceblock {
  padding: 1.875rem 2.5rem;
  background-color: #fff;
}

@media (max-width: 90em) {
  .table-priceblock {
    padding: 1.5625rem 1.875rem;
  }
}

@media (max-width: 61.99875em) {
  .table-priceblock {
    padding: 1.25rem;
  }
}

@media (max-width: 47.99875em) {
  .table-priceblock {
    max-height: 11.5625rem;
    overflow: auto;
  }
}

.table-priceblock__row {
  display: flex;
  justify-content: space-between;
  column-gap: 1.875rem;
  font-size: 1rem;
  color: #9b948f;
  line-height: 1.2;
}

.table-priceblock__row:not(:last-child) {
  border-bottom: 0.0625rem solid #ececec;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .table-priceblock__row {
    font-size: 0.875rem;
  }

  .table-priceblock__row:not(:last-child) {
    margin-bottom: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.history__body {
  display: grid;
  row-gap: 1.25rem;
}

@media (min-width: 47.99875em) {
  .history__body {
    grid-template-columns: 1fr 35.625rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 90em) {
  .history__body {
    grid-template-columns: 1fr 23.75rem;
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .history__body {
    padding-bottom: 3.75rem;
    grid-template-columns: 1fr 18.125rem;
  }
}

.history__tabs .tabs__navigation {
  border: 0.125rem solid #f9f7f6;
  border-right: 0;
  max-width: 43.125rem;
  overflow: auto;
  display: flex;
  cursor: pointer;
  margin-bottom: 2.5rem;
}

@media (any-hover: hover) {
  .history__tabs .tabs__navigation::-webkit-scrollbar {
    width: 0.75rem;
    height: 0.75rem;
    background-color: rgba(193, 193, 193, 0.1);
  }

  .history__tabs .tabs__navigation::-webkit-scrollbar-thumb {
    background-color: rgba(193, 193, 193, 0.49);
  }

  .history__tabs .tabs__navigation::-webkit-scrollbar-thumb:hover {
    background-color: rgba(170, 170, 170, 0.49);
  }
}

@media (max-width: 90em) {
  .history__tabs .tabs__navigation {
    max-width: 28.75rem;
  }
}

@media (max-width: 61.99875em) {
  .history__tabs .tabs__navigation {
    margin-bottom: 1.25rem;
    max-width: 21.875rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 48em) {
  .history__tabs .tabs__navigation {
    max-width: 46.0625rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 48em) {
  @supports (max-width: clamp(22.5rem, -1.810515873rem + 99.7354497354vw, 46.0625rem)) {
    .history__tabs .tabs__navigation {
      max-width: clamp(22.5rem, -1.810515873rem + 99.7354497354vw, 46.0625rem);
    }
  }

  @supports not (max-width: clamp(22.5rem, -1.810515873rem + 99.7354497354vw, 46.0625rem)) {
    .history__tabs .tabs__navigation {
      max-width: calc(22.5rem + 23.5625 * (100vw - 24.375rem) / 23.625);
    }
  }
}

@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .history__tabs .tabs__navigation {
    max-width: 22.5rem;
  }
}

.history__tabs .tabs__title {
  flex: 1 1 auto;
  white-space: nowrap;
  display: flex;
  column-gap: 0.3125rem;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1.4;
  padding: 1.5625rem 1.25rem;
  border-right: 0.125rem solid #f9f7f6;
}

.history__tabs .tabs__title._tab-active {
  color: #fff;
  background-color: #4c4845;
  border-color: #4c4845;
}

@media (max-width: 90em) {
  .history__tabs .tabs__title {
    font-size: 1rem;
    padding: 0.9375rem 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .history__tabs .tabs__title {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}

@media (max-width: 47.99875em) {
  .history__tabs .tabs__title {
    flex: 1 0 3.75rem;
  }

  .history__tabs .tabs__title:not(.active) span {
    width: 0;
    opacity: 0;
  }
}

.history__tabs .tabs__body {
  padding-right: 9.375rem;
}

@media (max-width: 90em) {
  .history__tabs .tabs__body {
    padding-right: 6.25rem;
  }
}

@media (max-width: 61.99875em) {
  .history__tabs .tabs__body {
    padding-right: 4.375rem;
  }
}

@media (max-width: 47.99875em) {
  .history__tabs .tabs__body {
    padding-right: 0;
  }
}

.history__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .history__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}

.history__text {
  font-size: 1.25rem;
  line-height: 1.4;
}

@media (max-width: 90em) {
  .history__text {
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .history__text {
    font-size: 0.875rem;
  }
}

.history__image-ibg {
  pointer-events: none;
  padding-bottom: 121.0526315789%;
}

@media (max-width: 61.99875em) {
  .history__image-ibg {
    transform: translate(0, 3.75rem);
  }
}

@media (max-width: 47.99875em) {
  .history__image-ibg {
    transform: translate(0px, 0px);
    margin-left: 7.8125rem;
    padding-bottom: 79%;
  }

  .history__image-ibg img {
    object-fit: contain;
  }
}

.vacancy__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
}

@media (max-width: 61.99875em) {
  .vacancy__items {
    gap: 0.625rem;
  }
}

@media (max-width: 37.5em) {
  .vacancy__items {
    grid-template-columns: 1fr;
  }
}

.header {
  background-color: #fff;
}

@media (min-width: 61.99875em) {
  .header {
    position: relative;
    z-index: 5;
  }
}

.header::before {
  content: "";
  position: absolute;
  background-color: rgba(45, 43, 42, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease 0s;
  z-index: 4;
}

.overlay-open .header::before {
  opacity: 0;
  visibility: visible;
}

.wrapper--inner .header {
  box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.05);
}

.header__top {
  border-bottom: 0.0625rem solid #ececec;
}

.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.875rem;
}

@media (max-width: 90em) {
  .header__container {
    column-gap: 1.25rem;
  }
}

@media (max-width: 61.99875em) and (min-width: 47.99875em) {
  .header__container {
    justify-content: unset;
  }

  .header__container .main-menu {
    flex: 1 1 auto;
  }
}

.header__logo {
  display: flex;
  align-items: center;
  width: 13.125rem;
  flex: 0 0 13.125rem;
}

.header__logo span:last-child {
  display: none;
}

.header__logo img {
  transform: translate(0, -5px);
  max-width: 100%;
}

@media (max-width: 90em) {
  .header__logo {
    width: 8.75rem;
    flex: 0 0 8.75rem;
    height: 5rem;
  }
}

@media (max-width: 47.99875em) {
  .header__logo {
    height: 3.75rem;
    width: 1.875rem;
    flex: 0 0 1.875rem;
  }

  .header__logo img {
    transform: translate(0, 0);
  }

  .header__logo span:first-child {
    display: none;
  }

  .header__logo span:last-child {
    display: flex;
  }
}

.top-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.25rem;
}

.top-header__info {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.2142857143;
}

.top-header__info span {
  display: flex;
  align-items: center;
  height: 2.75rem;
  column-gap: 0.3125rem;
  line-height: 1.2;
  padding-right: 1.25rem;
}

.top-header__info span:not(:last-child) {
  border-right: 0.0625rem solid #ececec;
}

.top-header__info a {
  transition: color 0.2s ease 0s;
}

@media (any-hover: hover) {
  .top-header__info a:hover {
    color: #366f5a;
  }
}

@media (max-width: 90em) {
  .top-header__info {
    font-size: 0.75rem;
  }
}

@media (max-width: 61.99875em) {
  .top-header__info {
    column-gap: 0.625rem;
    font-size: 0.6875rem;
  }

  .top-header__info span {
    padding-right: 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .top-header__info span {
    display: none;
    border: 0;
  }

  .top-header__info span:not(:last-child) {
    border-right: 0;
  }

  .top-header__info span:nth-child(2) {
    display: flex;
  }
}

.header-menu {
  display: none;
}

@media (max-width: 90em) {
  .header-menu {
    display: block;
  }
}

.header-menu__content {
  background-color: #fff;
}

.header-menu__container {
  height: 2.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  column-gap: 1.875rem;
  /* border-bottom: 0.0625rem solid #ececec; */
}

.header-menu__logo {
  display: flex;
  align-items: center;
  flex: 0 0 6.4375rem;
  max-width: 6.4375rem;
}

.header-menu__logo img {
  max-width: 100%;
}

@media (max-width: 90em) {
  .menu__body {
    display: block;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    transition: all 0.2s ease 0s;
    /* padding-bottom: 5rem; */
  }

  .menu-open .menu__body {
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width: 47.99875em) {
  .menu__body {
    height: 100%;
  }
}

@media (max-width: 90em) {
  .menu__main {
    display: none;
  }
}

@media (max-width: 47.99875em) {
  .menu__main {
    display: block;
  }
}

.menu__footer {
  display: none;
}

@media (max-width: 47.99875em) {
  .menu__footer {
    margin-top: 0.9375rem;
    display: block;
  }

  .menu__footer .top-header__info {
    font-size: 0.875rem;
    row-gap: 0.625rem;
    text-align: center;
    justify-content: center;
    flex-direction: column;
  }

  .menu__footer .top-header__info span {
    display: block;
    height: auto;
  }

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

  .menu__footer .socials {
    justify-content: center;
  }

  .menu__footer .socials:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .menu__footer .socials .socials__link {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
  }

  .menu__footer .contacts-header {
    flex-direction: column;
    text-align: center;
  }

  .menu__footer .contacts-header .contacts-header__number {
    font-size: 1.5rem;
  }

  .menu__footer .contacts-header .contacts-header__number:not(:last-child) {
    margin-bottom: 0.3125rem;
  }

  .menu__footer .contacts-header .contacts-header__button {
    font-size: 1rem;
    text-align: center;
  }
}

.menu__list {
  display: flex;
  column-gap: 1.25rem;
  font-size: 0.875rem;
}

@media (max-width: 90em) {
  .menu__list {
    padding-top: 1.25rem;
  }
}

@media (max-width: 47.99875em) {
  .menu__list {
    padding-top: 0;
    flex-direction: column;
  }

  .menu__list li:not(:last-child) .menu__link,
  .menu__list li:not(:last-child) .spoller-menu__button {
    border-bottom: 0.0625rem solid #ececec;
  }
}

.menu__link,
.spoller-menu__button {
  display: flex;
  align-items: center;
  height: 2.875rem;
  transition: color 0.2s ease 0s;
}

@media (any-hover: hover) {

  .menu__link:hover,
  .spoller-menu__button:hover {
    color: #366f5a;
  }
}

@media (max-width: 47.99875em) {

  .menu__link,
  .spoller-menu__button {
    width: 100%;
    font-size: 1.125rem;
    height: 4.0625rem;
    padding: 0px 1.25rem;
  }
}

.menu-tablet {
  display: none;
}

@media (max-width: 90em) {
  .menu-tablet {
    display: block;
  }
}

@media (max-width: 47.99875em) {
  .menu-tablet {
    display: none;
  }
}

.menu-tablet__content {
  padding-top: 1.25rem;
  position: relative;
  z-index: 5;
  background-color: #fff;
  padding-bottom: 2.5rem;
}

.menu-tablet__body {
  display: flex;
  column-gap: 6.25rem;
  flex-direction: column;
}

.menu-tablet__category:first-child {
  /* flex: 0 0 9.375rem; */
}

.menu-tablet__category ul {
  display: flex;
  flex-direction: row;
  gap: 50px;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  row-gap: 10px;
}

.menu-tablet__body_top.menu-tablet__category .menu-tablet__list {
  padding: 30px;
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
}

.menu-tablet__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
}

.menu-tablet__body_bottom {
  margin-top: 20px;
}

.menu-tablet__body_bottom .menu-tablet__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.menu-tablet__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.menu-tablet__list li:first-child .menu-tablet__link {
  /* padding-bottom: 0.46875rem !important;
  padding-top: 0; */
}

.menu-tablet__list li:last-child .menu-tablet__link {
  /* padding-top: 0.46875rem !important;
  padding-bottom: 0; */
}

.menu-tablet__link {
  display: block;
  color: #9b948f;
  transition: color 0.2s ease 0s;
  padding: 0.46875rem 0;
  font-size: 0.875rem;
  line-height: 1.2;
  position: relative;
}

@media (any-hover: hover) {
  .menu-tablet__link:not(.menu-tablet-spoller):hover {
    color: #2d2b2a;
  }
}

@media (any-hover: hover) {
  .menu-tablet__link.menu-tablet-spoller:hover .menu-tablet-spoller__button {
    color: #2d2b2a;
  }
}

.menu-tablet-spoller__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.3125rem;
}

.menu-tablet-spoller__button::after {
  flex: 0 0 0.625rem;
  width: 0.625rem;
  content: "\e908";
  font-size: 0.4375rem;
  transform: rotate(-90deg);
  transition: transform 0.2s ease 0s;
}

.menu-tablet__link .menu-tablet-spoller__button {
  height: auto;
}

.menu-tablet-spoller__button._spoller-active {
  border-bottom: 0;
}

.menu-tablet-spoller__button._spoller-active::after {
  transform: rotate(90deg);
}

@media (max-width: 47.99875em) {
  .menu-tablet-spoller__button {
    display: flex;
    justify-content: space-between;
  }

  .menu-tablet-spoller__button::after {
    font-size: 0.75rem;
  }
}

.menu-tablet-spoller__body {
  width: auto;
  padding: 0.9375rem 0 0 0.625rem;
  position: absolute;
  background: #ffffff;
}

.menu-tablet-spoller__list li {
  list-style-type: "- ";
}

.menu-tablet-spoller__list li:not(:last-child) .menu-tablet-spoller__link {
  margin-bottom: 0.625rem;
}

.menu-tablet-spoller__link {
  display: block;
  transition: color 0.2s ease 0s;
}

@media (any-hover: hover) {
  .menu-tablet-spoller__link:hover {
    color: #2d2b2a;
  }
}

.spoller-menu {
  position: relative;
}

.spoller-menu__button {
  z-index: 5;
  column-gap: 0.3125rem;
  position: relative;
}

.spoller-menu__button::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  width: calc(100% + 1.875rem);
  left: -0.9375rem;
  height: 100%;
  background-color: #f9f7f6;
  opacity: 0;
  visibility: hidden;
}

.spoller-menu__button::after {
  flex: 0 0 0.625rem;
  width: 0.625rem;
  content: "\e908";
  font-size: 0.4375rem;
  transform: rotate(-90deg);
  transition: transform 0.2s ease 0s;
}

.menu-tablet__link .spoller-menu__button {
  height: auto;
}

.spoller-menu__button._spoller-active {
  z-index: 16;
  background-color: #f9f7f6;
  border-bottom: 0;
}

.spoller-menu__button._spoller-active::before {
  opacity: 1;
  visibility: visible;
}

.spoller-menu__button._spoller-active::after {
  transform: rotate(90deg);
}

@media (max-width: 47.99875em) {
  .spoller-menu__button {
    display: flex;
    justify-content: space-between;
  }

  .spoller-menu__button::after {
    font-size: 0.75rem;
  }

  .spoller-menu__button::before {
    content: none;
  }

  .spoller-menu__button._spoller-active {
    background-color: #4C4845;
    padding-bottom: 15px;
    color: #fff;
  }

  .spoller-menu__button {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (min-width: 47.99875em) {
  .spoller-menu__body {
    position: absolute;
    z-index: 6;
    top: 100%;
    width: auto;
    min-width: 12.5rem;
    left: -0.9375rem;
    background-color: #f9f7f6;
  }
}

@media (max-width: 47.99875em) {
  .spoller-menu__body {
    /* border-bottom: 0.0625rem solid #ececec; */
    /* padding-bottom: 1.25rem; */
  }
}

@media (min-width: 47.99875em) {
  .spoller-menu__list {
    padding: 0.3125rem 0;
  }

  .spoller-menu__list li:not(:last-child) .spoller-menu__link {
    border-bottom: 0.0625rem solid #ececec;
  }
}

@media (max-width: 47.99875em) {
  .spoller-menu__list {
    /* padding-left: 2.25rem; */
    /* padding-top: 0.9375rem; */
    font-size: 1.125rem;
  }

  .spoller-menu__list li {
    border-top: 2px solid #fff !important;
  }

  .spoller-menu__link {
    padding-left: 1.25rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .spoller-menu__list li {
    /* list-style-type: "- "; */
  }

  .spoller-menu__list li:first-child .spoller-menu__link {
    /* padding-bottom: 0.46875rem !important; */
    padding-top: 0;
  }

  .spoller-menu__list li:last-child .spoller-menu__link {
    padding-top: 0.46875rem !important;
    padding-bottom: 0;
  }

  .spoller-menu__list li:last-child {
    /* padding-bottom: 0 !important; */
  }
}

.spoller-menu__link {
  white-space: nowrap;
  transition: all 0.2s ease 0s;
  display: block;
  padding: 0.625rem 0.9375rem;
  font-size: 0.875rem;
  line-height: 1.4;
}

@media (any-hover: hover) {
  .spoller-menu__link:hover {
    color: #366f5a;
    background-color: #fff;
  }
}

@media (max-width: 47.99875em) {
  .spoller-menu__link {
    display: block;
  }
}

.icon-menu {
  display: none;
}

@media (max-width: 90em) {
  .icon-menu {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 0.625rem;
    font-size: 0.75rem;
    font-weight: 500;
    height: 2.8125rem;
  }

  .icon-menu::before {
    font-size: 1.25rem;
    color: #9b948f;
  }
}

.main-menu {
  display: flex;
}

.main-menu__list--mobile {
  display: none !important;
}

@media (max-width: 47.9988em) {
  .main-menu__list--desktop {
    display: none !important;
  }

  .main-menu__list--mobile {
    display: flex !important;
  }
}

@media (max-width: 47.99875em) {
  .main-menu {
    flex-direction: column;
    margin-top: 1.25rem;
    margin-bottom: 2.325rem;
  }
}

.main-menu__item {
  position: relative;
}

@media (max-width: 61.99875em) and (min-width: 47.99875em) {
  .main-menu__item {
    display: none;
  }

  .main-menu__item:last-child {
    display: block;
  }
}

@media (max-width: 47.99875em) {
  .main-menu__item:not(:last-child) {
    margin-bottom: 0.3125rem;
  }

  .menu__list {
    display: none;
  }

  .main-menu__item_menu .menu__list {
    display: flex !important;
  }


}

@media (min-width: 47.99875em) {
  .main-menu__item.main-menu__item_menu {
    display: none;
  }

  .menu__list {
    display: flex;
  }

}

.main-menu__title {
  position: relative;
  display: flex;
  align-items: center;
  height: 7.3125rem;
  column-gap: 0.625rem;
  padding: 0px 1.875rem;
  font-size: 1rem;
  line-height: 1.2;
  transition: all 0.2s ease 0s;
}

.main-menu__title._spoller-active {
  z-index: 5;
}

.main-menu__title[data-spoller]::after {
  content: "\e908";
  width: 0.625rem;
  flex: 0 0 0.625rem;
  font-size: 0.75rem;
  transform: rotate(-90deg);
  transition: transform 0.2s ease 0s;
}

.main-menu__title[data-spoller]._spoller-active {
  background-color: #F9F7F6;
}

.main-menu__title[data-spoller]._spoller-active::after {
  transform: rotate(90deg);
}

@media (any-hover: hover) {
  .main-menu__title:hover {
    color: #366f5a;
    /* background-color: #fff !important; */
  }

  .main-menu__title:hover .main-menu__icon {
    color: #366f5a;
  }
}

@media (max-width: 90em) {
  .main-menu__title {
    height: 5rem;
    padding: 0px 0.625rem;
    font-size: 0.875rem;
  }

  .main-menu__title[data-spoller]::after {
    font-size: 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .main-menu__title {
    background-color: #f9f7f6;
    width: 100%;
    height: 4.0625rem;
    font-size: 1.125rem;
    padding: 0px 1.25rem;
  }

  .main-menu__title span {
    flex: 1 1 auto;
    text-align: left;
  }

  .main-menu__title[data-spoller]::after {
    font-size: 0.75rem;
  }

  .main-menu__title[data-spoller]._spoller-active {
    background-color: #ececec;
  }

  .main-menu__item_menu .menu__list {
    gap: 2px;
  }

  .main-menu__item_menu .menu__list li {
    border: 0;
    background: #ECECEC;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #2D2B2A;
  }

  .main-menu__item_menu .menu__list .spoller-menu__list li {
    background: #4C4845;
    color: #fff;
  }


  .main-menu__item_menu .menu__list .spoller-menu {
    padding-top: 0;
    padding-bottom: 0;
  }

  .main-menu__item_menu .menu__list li a,
  .main-menu__item_menu .menu__list li button {
    border-bottom: 0 !important;
    height: auto;
  }
}

.main-menu__icon {
  flex: 0 0 1.5rem;
  margin-top: -0.125rem;
  width: 1.5rem;
  height: 1.5rem;
  color: #9b948f;
  transition: color 0.2s ease 0s;
}

.main-menu__icon img {
  max-width: 100%;
}

@media (min-width: 47.99875em) {
  .main-menu__body {
    position: fixed;
    z-index: 5;
    top: auto;
    left: 0;
    width: 100%;
    background-color: #f9f7f6;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 47.99875em) {
  .main-menu__body {
    background-color: #fff;
    margin-top: 0.3125rem;
  }

  .main-menu__container {
    padding: 0 !important;
  }

  .main-menu__list li {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #ececec;
    color: #2D2B2A;
  }

  .main-menu__list li.menu__spoller {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .main-menu__list .menu__spoller .spoller-menu__list li {
    background: #4C4845;
    color: #fff;
  }

  .spoller-menu ._spoller-active .main-menu__icon {
    color: #F9F7F6;
  }
}

.main-menu__list {
  /* padding: 0.625rem 0; */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}


.main-menu__list li:not(:last-child) .main-menu__link {
  /* border-bottom: 0.0625rem solid #ececec; */
}

@media (max-width: 90em) {
  .main-menu__list {
    padding: 0;
  }
}

@media (max-width: 47.99875em) {
  .main-menu__list li:not(:last-child) .main-menu__link {
    border-color: rgba(155, 148, 143, 0.15);
  }

  .main-menu__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
}

.main-menu__link {
  display: flex;
  white-space: nowrap;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
  height: 3.4375rem;
  padding: 0px 1.875rem;
  font-size: 1rem;
  line-height: 1.2;
  transition: background-color 0.2s ease 0s;
}

.main-menu__services .main-menu__link {
  height: auto;
}

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

.main-menu__sublist {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

.main-menu__link.main-menu__link--sub {}

@media (any-hover: hover) {
  .main-menu__link:hover {
    /* background-color: #fff; */
    color: #366f5a;
  }

  .main-menu__link:hover .main-menu__icon {
    color: #366f5a;
  }
}

@media (max-width: 90em) {
  .main-menu__link {
    font-size: 0.875rem;
    padding: 0px 0.625rem;
  }
}

@media (max-width: 47.99875em) {
  .main-menu__link {
    font-size: 1.125rem;
    height: 4.0625rem;
    padding: 0px 1.25rem;
  }
}



.contacts-header {
  display: flex;
  align-items: center;
  column-gap: 1.875rem;
}

@media (max-width: 90em) {
  .contacts-header {
    column-gap: 1.25rem;
  }
}

@media (max-width: 25.9988em) {
  .header__contacts.contacts-header .socials {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

.contacts-header__phone {
  line-height: 1.2;
}

.contacts-header__number {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
}

.mb_60 {
  margin-bottom: 60px;
}

@media (any-hover: hover) {
  .contacts-header__number:hover {
    color: #4c4845;
  }
}

@media (min-width: 47.9988em) {
  .contacts-header__number {
    text-wrap-mode: nowrap;
  }
}

@media (max-width: 90em) {
  .contacts-header__number {
    font-size: 1.25rem;
  }

  .mb_60 {
    margin-bottom: 40px;
  }
}

@media (max-width: 61.99875em) {
  .contacts-header__number {
    font-size: 1.125rem;
  }
}

.contacts-header__button {
  color: #366f5a;
  text-align: right;
  display: block;
  width: 100%;
  font-size: 1rem;
}

@media (max-width: 90em) {
  .contacts-header__button {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .contacts-header__button {
    font-size: 0.75rem;
  }
}

.footer__main {
  background-color: #2d2b2a;
  padding: 6.25rem 0;
}

@media (max-width: 90em) {
  .footer__main {
    padding: 3.75rem 0;
  }
}

.footer__top {
  display: flex;
  justify-content: space-between;
  column-gap: 6.25rem;
  margin-bottom: 5rem;
}

@media (max-width: 90em) {
  .footer__top {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .footer__top {
    column-gap: 3.125rem;
  }
}

@media (max-width: 47.99875em) {
  .footer__top {
    margin-bottom: 0;
  }
}

.footer__logo {
  width: 10.625rem;
  flex: 0 0 10.625rem;
}

.footer__logo img {
  max-width: 100%;
}

@media (max-width: 90em) {
  .footer__logo {
    flex: 0 0 auto;
    width: 8.75rem;
  }

  .footer__logo:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

.menu-footer {
  display: flex;
  column-gap: 6.25rem;
}

@media (max-width: 90em) {
  .menu-footer {
    column-gap: 3.125rem;
  }
}

@media (max-width: 61.99875em) {
  .menu-footer {
    column-gap: 1.875rem;
  }
}

@media (max-width: 47.99875em) {
  .menu-footer {
    display: none;
  }
}

.menu-footer__title {
  color: #4c4845;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.menu-footer__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .menu-footer__title {
    font-size: 1rem;
  }

  .menu-footer__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}

@media (max-width: 61.99875em) {
  .menu-footer__title {
    font-size: 0.875rem;
  }
}

.menu-footer__list li:first-child .menu-footer__link {
  padding-bottom: 0.46875rem !important;
  padding-top: 0;
}

.menu-footer__list li:last-child .menu-footer__link {
  padding-top: 0.46875rem !important;
  padding-bottom: 0;
}

.menu-footer__link {
  display: block;
  color: #9b948f;
  font-size: 1rem;
  line-height: 1.2;
  padding: 0.46875rem 0;
}

@media (any-hover: hover) {
  .menu-footer__link:hover {
    color: #81d7b6;
  }
}

@media (max-width: 90em) {
  .menu-footer__link {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .menu-footer__link {
    font-size: 0.75rem;
  }
}

.contacts-footer {
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media (max-width: 47.99875em) {
  .contacts-footer {
    align-items: center;
    margin: 0 auto;
  }
}

.contacts-footer__phone {
  white-space: nowrap;
}

.contacts-footer__phone:not(:last-child) {
  margin-bottom: 1.25rem;
}

.contacts-footer__number {
  display: block;
  font-size: 2.25rem;
  color: #fff;
  transition: color 0.2s ease 0s;
}

@media (any-hover: hover) {
  .contacts-footer__number:hover {
    color: #c9c8c8;
  }
}

@media (max-width: 90em) {
  .contacts-footer__number {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {
  .contacts-footer__number {
    font-size: 1.5rem;
  }
}

.contacts-footer__button {
  color: #f6b80d;
  text-align: right;
  width: 100%;
  font-size: 1rem;
}

@media (max-width: 90em) {
  .contacts-footer__button {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .contacts-footer__button {
    font-size: 0.75rem;
  }
}

@media (max-width: 47.99875em) {
  .contacts-footer__button {
    text-align: center;
  }
}

.contacts-footer__text {
  font-size: 1rem;
  color: #f9f7f6;
}

.contacts-footer__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.contacts-footer__text:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .contacts-footer__text {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .contacts-footer__text {
    font-size: 0.75rem;
  }
}

.contacts-footer__socials:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (max-width: 90em) {
  .contacts-footer__socials .socials__link {
    width: 2.5rem !important;
    height: 2.5rem !important;
    flex: 0 0 2.5rem !important;
  }
}

.info-footer {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3.75rem;
  row-gap: 1.25rem;
}

@media (max-width: 61.99875em) {
  .info-footer {
    column-gap: 1.875rem;
  }
}

@media (max-width: 47.99875em) {
  .info-footer {
    display: none;
  }
}

.info-footer__item {
  line-height: 1.2;
  font-size: 1rem;
}

.info-footer__item a {
  transition: color 0.2s ease 0s;
}

@media (any-hover: hover) {
  .info-footer__item a:hover {
    color: #81d7b6;
  }
}

@media (max-width: 90em) {
  .info-footer__item {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .info-footer__item {
    font-size: 0.75rem;
  }
}

.info-footer__label {
  color: #9b948f;
}

.info-footer__label:not(:last-child) {
  margin-bottom: 0.625rem;
}

.info-footer__value {
  color: #f9f7f6;
}

.bottom-footer {
  padding: 3.125rem 0;
  background-color: #fff;
}

@media (max-width: 61.99875em) {
  .bottom-footer {
    padding: 1.875rem 0;
  }
}

.bottom-footer__container {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  font-size: 1rem;
  line-height: 1.3;
}

@media (max-width: 90em) {
  .bottom-footer__container {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .bottom-footer__container {
    font-size: 0.75rem;
    gap: 3.75rem;
  }
}

@media (max-width: 47.99875em) {
  .bottom-footer__container {
    gap: 1.25rem;
    align-items: center;
    flex-direction: column;
  }
}

.bottom-footer__copy {
  white-space: nowrap;
}

.bottom-footer__policy {
  text-align: center;
  transition: color 0.2s ease 0s;
}

@media (any-hover: hover) {
  .bottom-footer__policy:hover {
    color: #686360;
  }
}

.bottom-footer__author {
  display: flex;
  align-items: center;
  column-gap: 1.125rem;
}

.bottom-footer__author br {
  display: none;
}

.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  padding: 20px 0;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.cookie__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}


.cookie__content span {
  color: #9b948f;
  font-size: 16px;
}



@media (max-width: 61.99875em) {
  .bottom-footer__author br {
    display: block;
  }
}

.bottom-footer__logo {
  width: 4.125rem;
  flex: 0 0 4.125rem;
  margin-top: -0.9375rem;
}

.bottom-footer__logo img {
  max-width: 100%;
}

@media (max-width: 61.99875em) {
  .bottom-footer__logo {
    margin-top: -0.4375rem;
  }
}

.page {
  padding-bottom: 4.375rem;
}

.page--inner {
  padding-top: 3.125rem;
}

@media (max-width: 90em) {
  .page--inner {
    padding-top: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .page--inner {
    padding-top: 1.875rem;
  }
}

.page__header:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .page__header:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}

.page__title {
  font-size: 3.25rem;
  line-height: 1.2;
}

@media (max-width: 90em) {
  .page__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .page__title {
    font-size: 2.5rem;
  }
}

.breadcrumbs {
  position: relative;
  z-index: 2;
}

/* правки */
.breadcrumbs:not(:last-child) {
  margin-bottom: 1.25rem;
  overflow: auto;
}

@media (max-width: 90em) {
  .breadcrumbs:not(:last-child) {
    overflow: auto;
  }

  .cookie__content span {
    font-size: 14px;
  }

  .cookie__content {
    gap: 30px;
  }
}

@media (max-width: 61.99875em) {
  .breadcrumbs:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .cookie__content span {
    font-size: 12px;
  }

  .cookie__content {
    gap: 20px;
  }
}

.breadcrumbs--absolute {
  transform: translate(0, 2.5rem);
}

.breadcrumbs--absolute:not(:last-child) {
  margin-bottom: 0 !important;
}

.breadcrumbs--absolute .breadcrumbs__list {
  height: 3.125rem;
  background-color: #2d2b2a;
}

.breadcrumbs--absolute .breadcrumbs__item {
  color: #fff;
}

.breadcrumbs--absolute .breadcrumbs__list li:first-child {
  margin-left: 10px;
}

@media (any-hover: hover) {
  .breadcrumbs--absolute .breadcrumbs__link:hover {
    color: #fff;
  }
}

@media (min-width: 47.99875em) {
  .breadcrumbs--absolute .breadcrumbs__list {
    position: relative;
    align-items: center;
  }

  .breadcrumbs--absolute .breadcrumbs__list::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #2d2b2a;
  }
}

@media (max-width: 90em) {
  .breadcrumbs--absolute {
    transform: translate(0, 1.875rem);
  }
}

@media (max-width: 61.99875em) {
  .breadcrumbs--absolute {
    transform: translate(0, 0.625rem);
  }

  .breadcrumbs--absolute .breadcrumbs__list {
    height: 2.125rem;
    align-items: center;
  }
}

@media (max-width: 47.99875em) {
  .breadcrumbs--absolute .breadcrumbs__container {
    overflow: auto;
    position: relative;
  }

  .breadcrumbs--absolute .breadcrumbs__container::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 3.125rem;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #2d2b2a;
  }
}

/* правки */
.breadcrumbs__list {
  padding-right: 1.25rem;
  display: inline-flex;
  align-items: baseline;
  column-gap: 0.3125rem;

}

@media (max-width: 90em) {
  .breadcrumbs__list {
    overflow: auto;
  }
}

@media (max-width: 29.99875em) {
  .breadcrumbs__list {
    overflow: auto;
  }
}

.breadcrumbs__item {
  white-space: nowrap;
  color: #9b948f;
  font-size: 1rem;
  line-height: 1.2;
}

.breadcrumbs__item:not(:last-child) .breadcrumbs__link {
  display: flex;
  align-items: center;
}

.breadcrumbs__item:not(:last-child) .breadcrumbs__link::after {
  content: "→";
  padding-left: 0.3125rem;
  font-size: 0.9375rem;
}

@media (max-width: 47.99875em) {
  .breadcrumbs__item:not(:last-child) .breadcrumbs__link::after {
    transform: translate(0, -0.125rem);
  }
}

@media (max-width: 90em) {
  .breadcrumbs__item {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .breadcrumbs__item {
    font-size: 0.75rem;
  }
}

.breadcrumbs__link {
  transition: color 0.2s ease 0s;
  color: #9b948f;
}

@media (any-hover: hover) {
  .breadcrumbs__link:hover {
    color: #2d2b2a;
  }
}

.video__item-ibg {
  position: relative;
  border-radius: 0.3125rem;
  overflow: hidden;
  padding-bottom: 58.3333333333%;
}

@media (max-width: 47.99875em) {
  .video__item-ibg {
    padding-bottom: 71.4285714286%;
  }
}

@media (max-width: 29.99875em) {
  .video__item-ibg {
    height: 15.625rem;
  }
}

.video__play::before {
  content: "";
  position: absolute;
  width: 6.25rem;
  height: 6.25rem;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/local/templates/vyatki/css/../img/svg/play.svg") 0 0/cover no-repeat;
  transition: transform 0.2s cubic-bezier(0.59, 0.59, 0.39, 1.45) 0s;
}

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

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: clip;
}

@media (max-width: 47.99875em) {
  .wrapper {
    position: relative;
  }
}

.wrapper>main {
  flex: 1 1 auto;
}

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

[class*=__container] {
  margin: 0 auto;
  max-width: 88.125rem;
}

.hero-project__container {
  margin-left: 0;
  margin-right: calc((100vw - 88.125rem) / 2);
}

@media (max-width: 90em) {
  [class*=__container] {
    max-width: 58.75rem;
  }

  .hero-project__container {
    margin-left: 0;
    margin-right: calc((100vw - 58.75rem) / 2);
  }
}

@media (max-width: 61.99875em) {
  [class*=__container] {
    max-width: 44.375rem;
  }

  .hero-project__container {
    margin-left: 0;
    margin-right: calc((100vw - 44.375rem) / 2);
  }
}

@media (max-width: 47.99875em) {
  [class*=__container] {
    max-width: 100%;
    padding: 0 0.9375rem;
  }

  .hero-project__container {
    margin: 0;
  }
}

@font-face {
  font-family: "lg";
  src: url(data:font/woff2;base64,d09GMgABAAAAAAkcAAsAAAAAEogAAAjNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgSQRCAqcLJZKCzoAATYCJANwBCAFgkoHIBupDgDm53Gzej8JpU0wqygVVyoWwphIsuuw60jpmBY6ppTa7mk7jtx57UQ0V2ulvfmteSIQji061T2HvfDEECASKizU5VUQXFjFRtgYTVg+woiYDVezOThR4tAvr/YYgOO/RZ+BAABzYtMA8Kl8Neg3UIDCoCkOyWBuLcCvSHycH78QvhFxmUCK03A0RwGSvXBAHgR8UB8DMvocJYAgbiZiJnqmYGbXjG3mz7P8nHhe8Uvxr0j+fzwPABAjWT1E83IJHh/x87G/jv1l7JtYR+y+WF2MKAai/qfDtfIRt7hBikI8D1IpipXqWqYSDgDBfwE7qDLw5EEALqFRDMKAsApNwchXAJgFL/WETMbKcDVSifR6QkjwkDaRTEugqlBtKVcL6Smi1dHlIqUmuii6Pic1JTIlFTX3uRenMNpiCiKOCZBm2ges0b/ScigDVgcb2MEHfloel7e1z208KrZUeQFjK0dIkbl6FOFczRhFE6zaRklPlz52tOXcKtmpdqisgHnbxRatg66vsZNHaWMPQ/eZmH6jaavlNASsipbKwVZSYrRm1mywI0670UEdhLy+yuscolSZJHKwg5IyNzRJQbKRZiicwnYiChjO1vSbKCBpkAgCjGIb6KCvA5GL0VHeUDwAQEHkSC2ToBJhKN9KAneim2ekLf1vENf3mjT3vAS295XY2MMgzRpSqTVWpt4ang+ksXynRUQPlkFOu+b6Yw0jBp8krbXbYbjc5mn6KpsNWKtqtcNz0D8xTTQKzthbZYAxLev3NkFgyYWsngBjGo8jg6a9Y3rKR9Pfqun10RvJi9X9foZGvrltMkJgWR7dhI7SSITEaBWIQQTMUSOJkTi5nlqpZUfNKcYD1Do/ZdkbR8UeVpKLSbMVgKLX0flzQYqCrLpll+/vus2IM9+lbdTgWWRLQJqvaq7eHKulgL2ssp7LrpxR2DBI/ja1zXvi7cS1E0Gr0uhy7PUGwPmdkkdjEYOjpGnQRXowC/GBq51eymLRXrsXsTzXX37VlXzeVxoI6m8Gy67oBnzsB6DoQYY7GHM2fbT4oS9zON45lPnwbmww2BL0G89EnfaVPi5eJ3NZFtjc277Wb9M1A+UWG2WZyrj6PMKmLHRoH04iZLuivlsHTmm9/qYJ1r2Z90DtuKYduK6SdNZ3dRRxHAoE+l4HGM6MyIe+0se+zHEfsP4s2sqqnVdSTE/8lCVYMRVsuBVEJOvT3fa1Xr4X2iDZflVFmxyDmpu1r8b9IsVzXUB9w1/l9ccf7WCszaI1ATtUx7oRztk1dtbBcciudJAi83Vv2yaTg9uON6toxLlIM2GVxClo2eVBt5gcOHRwHLIpptC92TeKRi3MjtBkTAOaoU+6P1q364+kdgt/+xh2fRvlOf2p5xR4ut7P4s0sPwY63OguajQWuYqMjUWaA9100ya6yHdHr/BMyxN9QmGa2zjPnbZr17KTy9weKwqXYtqjcMunRkgE9kP+Refvml14hAZw8WFQGmZnnaEi0eLUQTCc+tLSphVyaUH6lAJoXjF1MDiaFSOexNCRKYW8TOkhKzDEDjPDvHHI3c5hXbQLhujhUuPmBYd+N/EaktFsDqoDo4/G0yx70s3SSuXJDIvjMNsIQ7TDqb+/sv8NHGl6BvDAMOnsCpv9PQcP9tS6N294zEnwtNdt2tfTXSz7JGwAqALmbKpr90BaeqA9tlvduWP4/xa0thZcJMNDC6XqrFuy2xGF7YaiQkN7UfhEbMaNkOxQHezh7YVFBsP9TcoybgmzhaExmpxb/78Naf89LmVWthVvvSWh3rZUWtlMFStWENDf5uqEd2LiP/M/fvWEWUntjnTynpI2ainnLdjPUIvL2uGFJvoUQy0taZvPePLqxy0lK6mUo8yp6B+WtdyyTHivdrgLZrhbvAOlWMbQEJtJZ7JuXgRLC+hwe/kb90WvW4U4/PGGRUmLk995J1loWLRhQwVCKkve4JOS8YJASY+P8KQNe/vahGNU8TJRe/eCaaG7ozsrt6Ixu623v/ck0rvlG2EYBoAh6abIxoZ9UeHoNQAiMPKv/8pIi+47EAMHcfLh7dyX8q0Po+Iap94fFob+4fr/DXr96x+j1x2dhZ0dBfRqardjBIZ+M+S6Lo6ojE+4HKF7Kz7zG+eCOkwQ98UfOirDqrckKPVz3sR8srT/gsev3H0p3Rq7wkD1JLE/XZ+2Ze5pV5eqPiqqmBkc1PQYDBvlk5MdqQff21UyInvyhyjMsHXV33tD3zaQ7Us/NKfX44qLQ/8ffOtzXIjnymRNXampDWkGDR5yOyThG2/9UXC6liWEEz0hX+uR1Xg780i4eNOSig3Fk2pSkPpBqrrmx3/+TbB2ya9ePfrGJx98H8rvjKsRQoSh/G0s8cO6bhwwUI8vUz1c21B04cscrjVV1q8zzCVJkmv/T8y21/bLszJpxeqptculJZpleUyKrPX/X3QZBL+rl+hTWuR/2At7LhYVX9BBsULaqi9LWh+6xMDLW6V65dy2gsMbszemQ96XMDvrSfRM60ceo5R/oGDXB0KrxJsTACBhbV48S4Cd5IeyAVdU5Yg+2nPGKS+XAwmOljrwpIdMmdJPexI9ndnIXUIVgety83YzRdXD6E6YvF0gVGJRMhpOyQW6xGM0Zbq7zw8AoAcWAYa7cSOsARF+Fm8DBAAYgDUq07ZSWvm3UIoAAIAfde39SB7Hz+K/xR9vAkMBg0YE8PKEChkH47+9MDggitAdAEObxnBmZAFu5C4eyMxqN/2c3ZUK2qJ+tDUvrTR/BGHDbqZplsDNZVVQjIaim4XA6TE4YLCfEdweIwAKaArx8aN1JETYMNMDEWGYZdRjMJDAB4T7+EEiwAdiBKCBlRQCfnwjEgohbttG2AYb3yS+7tWIDW1rd/6mMedAM+yEHbAvWge0XgNevwdW20Cmdfb6NXBYqm+DtZHUyUW88R/abjA/OxeYpIa9sNmNGMqHbMgd2CAZPzVuOfQFg5H275pWwx73mQMODQAAAA==) format("woff2"), url(data:font/woff;base64,d09GRgABAAAAABLgAAsAAAAAEpQAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGIGNtYXAAAAFoAAAApAAAAKSI7DN0Z2FzcAAAAgwAAAAIAAAACAAAABBnbHlmAAACFAAADjgAAA44V8bBEWhlYWQAABBMAAAANgAAADYbqSuuaGhlYQAAEIQAAAAkAAAAJAeuA91obXR4AAAQqAAAAHAAAABwZgALDmxvY2EAABEYAAAAOgAAADonfiQgbWF4cAAAEVQAAAAgAAAAIAAmAI5uYW1lAAARdAAAAUoAAAFKqFVCHnBvc3QAABLAAAAAIAAAACAAAwAAAAMD7AGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QoDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAIgAAAAeABAAAwAOAAEAIOAa4B3gM+Bw4JXg8uH/4g3jEugN6Qr//f//AAAAAAAg4BrgHeAz4HDglODy4f/iDOMR6A3pAP/9//8AAf/jH+of6B/TH5cfdB8YHgweABz9GAMXEQADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAEAFYAAQOqA1UAAwATACMAJwAAAREzEQcyNzY1NCcmIyIHBhUUFxYTMhcWFRQHBiMiJyY1NDc2ExEzEQIqVoCMZWVlZYyMZWVlZYywfX19fbCwfX19fTBWAQEBVP6srGVljIxlZWVljIxlZQMAfX2wsH19fX2wsH19/awBVP6sAAMAVgABA6oDVQAPAB8AIgAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYTEQUCAIxlZWVljIxlZWVljLB9fX19sLB9fX19WgEAVWVljIxlZWVljIxlZQMAfX2wsH19fX2wsH19/ZYBgMAAAAAAAwBVAAADqwNVABQAKQA+AAABITIXFhURFAcGIyEiJyY1ETQ3NjMHERQXFjMhBgcGIyEiJyY1ETQ3NjclISIHBhURFBcWMyEyNzY1ETQnJiMBgAGrNSUmJiU1/lU1JiUlJjXVDA0RAiQOISEp/lU1JSYYGCYCgP5VEgwNDQwSAasRDQwMDREDVSUmNf5WNSYlJSY1Aao1JiWy/d0SDA0lGBgmJTUBqykhIQ1dDA0S/lYSDQwMDRIBqhIMDQABANYAgQMqAtUACwAAAQcXBycHJzcnNxc3Ayru7jzu7jzu7jzu7gKZ7u487u487u487u4AAQBVAFUDqwMAACIAAAEyFxYVFA8BITIXFhUUBwYjIRcWFRQHBiMiJwEmNTQ3ATYzAasRDQwM4gKZEgwNDQwS/WfiDAwNERIN/tYNDQEqDRIDAAwNEhIM4gwNERINDOIMEhIMDQ0BKg0SEQ0BKwwAAAEAVQBVA6sDAAAiAAABMhcBFhUUBwEGIyInJjU0PwEhIicmNTQ3NjMhJyY1NDc2MwJVEg0BKg0N/tYNEhIMDAzi/WcSDA0NDBICmeIMDAwSAwAM/tUMEhIN/tYNDQwSEgziDQwSEQ0M4gwSEwwMAAACAKoAKwNWAysAAwAKAAA3IRUhAQcnMxEzEaoCrP1UAgCqqoBUgVYBVqysAar+VgAJAKoAVQNWAwEAAwAHAAsADwATABcAGwAfACMAACU1MxUDNTMVATUzFTczFSMBNTMVITUzFQM1MxUzNTMVATUzFQKqrKys/lSsVKys/wCs/lSsrKxUrP5UrFWsrAEArKwBAKysrKz/AKysrKz/AKysrKwCAKysAAAEANYAgQMqAtUABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQC1dSA/lSA1FQBLNRUgKyAVNQABADWAIEDKgLVAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAlVU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAQQNqAysACwAbADIAAAEjFSM1IzUzNTMVMwcyNzY1NCcmIyIHBhUUFxYhFwcnNScGIyInJjU0NzYzMhcWFRQHFwIAVipWVipWalA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFBCDAIBVlYqVlbWODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0aEwMAAAAAwCAAEEDagMrAAMAEwAqAAABMxUjFzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcXASrW1mxQODg4OFBQODg4OAFQ1EDUDExodFFRUVF0dFBQQgwCKyqsODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0aEwMAAAAAQCAAAMDgANVADMAACUyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLP1JMzNLSzMHDwawERFLNTRMEhCuBw8INExMNDVLExGwCA8HCA8HsA8RAAAEAK4AWQNWA4EAFAAaACAAJgAAARYXFhUUBwYHNTY3NjU0JyYnFSc3AzcWFxUmAxYXByYnNwYHIzY3Aip+V1dXV35cPT09PVzCwvw+LjxgcgogPDgMgiQIVgw6Av0QYGCCgmBgEFYQR0deXkdHEKa+wv0cPiIKVgwBHDowPEpcvjQ2WkwAAAAABACqAFkDUgOBAAUACwARACYAAAE2NzMGBwc2NxcGBwEjJic3FicHNQYHBhUUFxYXFSYnJjU0NzY3NQLQIgpWDDjkPC4+SGABKFYKIj46sMJcPT09PVx+V1dXV34BFy48XEosCiI+OAwBfDwuPEiMvqYQR0deXkdHEFYQYGCCgmBgEIQAAgCAAIEDgALVAAYADQAAAQc1ITUhNQEVIRUhFScDgKr+1AEs/lQBLP7UqgIrqoBUgP8AgFSAqgACANYAKwMqAysABgANAAABFyMRIxEjATMHJzMRMwGAqoBUgAHUgKqqgFQDK6r+1AEs/lSqqgEsAAIAFP/hA+wDuAAcADEAAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjEyMiBh0BMwcjFSM1IzUzNTQ2OwEVAgBmWVqFJycnJ4VaWWZmWVqFJycnJ4VaWWZ0SQcMXA1PV09PPC5JA7gmJ4VaWWZmWlmFJycnJ4VZWmZmWVqFJyb+rRALNkzk5EwtMEVRAAUAFP/hA+wDuAAcAFYAYgB1AIsAAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjAw4BIyoBMTAiIyImNTQ2OwEuATEqASMiJicuATU0NjczFRQGBw4BBx4BFRQGBw4BFRQWFx4BFRQGByUjFSM1IzUzNTMVMwUqASMOAQcOARUeATc+AScuASM3LgEjKgEHDgEHDgEXHgEzOgE3PgEnAgBmWVqFJycnJ4VaWWZmWVqFJycnJ4VaWWYcFy0JAgICAQ9pdRkBDgEBBAIKIBATE3cBdxwMBA4CFwwVDQkLDwsQJR4eAQJMNExMNEz+vwIEAhEfCwsLAjQjIysCAikhLQoeGAIFAwoPBQQBBAcjEwIFAxUWCQO4JieFWllmZlpZhScnJyeFWVpmZllahScm/UILBhxEQx0TIQUKDCodUh8BAwoHAQEBAgwnHCAlDAgNBwgQCQ8rIyMzDtNNTTNNTW4CDAoLGQ0bHQIDJRsZI8YgGAEDEA0NGg8bIwEGNx8AAAACABT/4QPsA7gAHABRAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmIxMuAScOAQcmNjcmNhcWBw4BBwYXFjc+AScmJyYnJgYHBhceAQcuATc+ATc2FhcWBw4BBwYnAgBmWVqFJycnJ4VaWWZmWVqFJycnJ4VaWWYiGBsTCiAlDCYOFyovHAUFFQICJCYaGhcFBRciLS1NGBkIBBwSLB8CA2xAUoQLBgkJKyEiKwO4JieFWllmZlpZhScnJyeFWVpmZllahScm/aACFAs1XxtRgUAmaxMLHx9DHR0HBxsbUSsrGCIDAykoJzEYHSEKQC1LYQcJS0wsKitDFBMDAAAAAAIAFP/hA+wDuAAcAF4AAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjExwBFRQHDgEHBiMiJicyFjMyNjcuASceATMyNjcuAT0BHgEXLgE1NDY3HgEXLgE1NDYzMhYXPgE3DgEHPgE3DgEHAgBmWVqFJycnJ4VaWWZmWVqFJycnJ4VaWWbIEhJGMzNDKUshBgwGIj0ZIDEKBQkEBw0GIS0KFgwTGAcGJGc9AgE5KBUkDhAfDgUWDw4cDQkZDgO4JieFWllmZlpZhScnJyeFWVpmZllahScm/m4DBwMwMTFPGRkXFAEWEwEmHQEBAgEHNSMBBQYBDSsZDRkLLDcDBgsFKDkQDgMMCBEbCgIIBg8ZCgAAAAACAFgAAgOrA1UALgBWAAABNTwBNS4BJy4BJzAiMSMmBgcOAQcOARUUFhcHBhQXHgE/AR4BMzI2Nz4BNz4BNSMUBgcOAQcOASMiJicuAQ8BNzYmJy4BNTQ2Nz4BNz4BOwEeARceARcDqwU7MTOKUAIVLV0sJ0QbKjAREksDAwUgEeIlVC0sVSc9ZCEUF1YREBpPMR9DIydIHwgRCKM3AgEEEhAmIRY1ICJJIxM/bSgnLwMBwBUBAQFLhDM1QgQBFRcUNiI0gkgoVCnjBg4HEQ8FTBESExIcXkAoXTEnSR8zSxYODxIQBAEDNqIJEQcjSSM5ZikbKxASEAM0KihoOwAAAgBVAAADqwNVACYAQQAAAQcGFBcWMj8BFRQWMzI2NRE0JicuASc4ATEuAScuASMhIgYVFBYzATc2NCcmIg8BNTQmIyIGFREUFjMhMjY1NCYjAxniDAwNIwziGRISGQICAQUDAwcEAwkE/wASGRkS/mfiDAwNIwziGRISGRkSAQASGRkSAwDiDCQMDQ3imRIZGRIBAAQIBAQHAwMEAgIBGRESGf1V4g0jDA0N4ZkRGRkR/wASGRkSERkAAAACAGIADAOeA0kAJgBOAAABNzY0JyYiDwE1NCYjIgYVERQWFx4BFzgBMR4BFx4BMyEyNjU0JiMBNxUUFjMyNjURNCYnLgEnMDQxLgEnLgEjISIGFRQWOwEHBhQXFjI3ArziDQ0MJAziGRIRGQECAQUDAwcEBAgEAQASGRkS/UniGRIRGQECAQUDAwcEBAgE/wASGRkSmeINDQwkDAIr4gwjDQwM4pkSGRkS/wAECQMEBwMDBQECAhkSEhn94uGZERkZEQEABQgEAwcDAQMEAgECGRIRGeINIw0MDAAAAQAAAAIAAKwEdEFfDzz1AAsEAAAAAADcTnOMAAAAANxOc4wAAP/hA+wDuAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAD7AABAAAAAAAAAAAAAAAAAAAAHAQAAAAAAAAAAAAAAAIAAAAEAABWBAAAVgQAAFUEAADWBAAAVQQAAFUEAACqBAAAqgQAANYEAADWBAAAgAQAAIAEAACABAAArgQAAKoEAACABAAA1gQAABQEAAAUBAAAFAQAABQEAABYBAAAVQQAAGIAAAAAAAoAFAAeAF4AmAD2ARABSAGAAZgB1AH6AiICbAKuAvoDPgOAA5wDuAQABMIFRAXQBlAGrgccAAAAAQAAABwAjAAJAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAIAAAABAAAAAAACAAcAgQABAAAAAAADAAIAdQABAAAAAAAEAAIAlgABAAAAAAAFAAsAVAABAAAAAAAGAAIAewABAAAAAAAKABoABgADAAEECQABAAQAAgADAAEECQACAA4AiAADAAEECQADAAQAdwADAAEECQAEAAQAmAADAAEECQAFABYAXwADAAEECQAGAAQAfQADAAEECQAKADQAIGxnAGwAZ0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALlZlcnNpb24gMi4wAFYAZQByAHMAaQBvAG4AIAAyAC4AMGxnAGwAZ2xnAGwAZ1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmxnAGwAZwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  outline: none;
  border: none;
}

.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}

.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}

.lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes lg-right-end {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

@keyframes lg-left-end {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}

.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}

.lg-toolbar .lg-icon:hover {
  color: #fff;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-maximize {
  font-size: 22px;
}

.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

.lg-sub-html a {
  color: inherit;
}

.lg-sub-html a:hover {
  text-decoration: underline;
}

.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
  opacity: 0;
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  -o-transform: scale3d(0.5, 0.5, 0.5);
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
  opacity: 1;
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}

.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-zoom-from-image {
  opacity: 1;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
  white-space: nowrap;
}

.lg-outer .lg-item {
  will-change: transform, opacity;
  display: none !important;
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url(data:image/gif;base64,R0lGODlhIAAgAPUAADExMf///zQ0NF9fX0JCQjw8PFZWVpiYmIGBgTc3N0RERDIyMoiIiJGRkUdHR2lpaXx8fD8/P3FxcUxMTMvLy7i4uLCwsJmZmXZ2dj09PcLCwqampvT09P///1dXV1xcXE9PT9ra2rKysuXl5cDAwG9vbwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) no-repeat scroll center center transparent;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}

.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}

.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  -webkit-transition: opacity 333ms ease-in 0s;
  -o-transition: opacity 333ms ease-in 0s;
  transition: opacity 333ms ease-in 0s;
}

.lg-backdrop.in {
  opacity: 0.7;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-container.lg-dragging-vertical .lg-backdrop {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}

.lg-inline .lg-backdrop {
  z-index: 1;
}

.lg-inline .lg-outer {
  z-index: 2;
}

.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s ease-out 0s;
  -moz-transition: -moz-transform 0.35s ease-out 0s;
  -o-transition: -o-transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-outer .lg-video-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.lg-outer .lg-video-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-has-iframe .lg-video-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-outer .lg-video-object {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 3;
}

.lg-outer .lg-video-poster {
  z-index: 1;
}

.lg-outer .lg-has-video .lg-video-object {
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
  opacity: 0 !important;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
  opacity: 1;
}

@keyframes lg-play-stroke {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes lg-play-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.lg-video-play-button {
  width: 18%;
  max-width: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  cursor: pointer;
  transform: translate(-50%, -50%) scale(1);
  will-change: opacity, transform;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
  -o-transition: -o-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
  transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
}

.lg-video-play-button:hover .lg-video-play-icon-bg,
.lg-video-play-button:hover .lg-video-play-icon {
  opacity: 1;
}

.lg-video-play-icon-bg {
  fill: none;
  stroke-width: 3%;
  stroke: #fcfcfc;
  opacity: 0.6;
  will-change: opacity;
  -webkit-transition: opacity 0.12s ease-in;
  -o-transition: opacity 0.12s ease-in;
  transition: opacity 0.12s ease-in;
}

.lg-video-play-icon-circle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  fill: none;
  stroke-width: 3%;
  stroke: rgba(30, 30, 30, 0.9);
  stroke-opacity: 1;
  stroke-linecap: round;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
}

.lg-video-play-icon {
  position: absolute;
  width: 25%;
  max-width: 120px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0.6;
  will-change: opacity;
  -webkit-transition: opacity 0.12s ease-in;
  -o-transition: opacity 0.12s ease-in;
  transition: opacity 0.12s ease-in;
}

.lg-video-play-icon .lg-video-play-icon-inner {
  fill: #fcfcfc;
}

.lg-video-loading .lg-video-play-icon-circle {
  animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}

.lg-video-loaded .lg-video-play-button {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

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

.swiper-horizontal {
  touch-action: pan-y;
}

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

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

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

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none;
}

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

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */
@font-face {
  font-family: icons;
  font-display: swap;
  src: url("/local/templates/vyatki/css/../fonts/icons.woff2") format("woff2"), url("/local/templates/vyatki/css/../fonts/icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

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

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

._icon-arrow-sort:before {
  content: "\e900";
}

._icon-burger-close:before {
  content: "\e901";
}

._icon-burger-open:before {
  content: "\e902";
}

._icon-button-arrow:before {
  content: "\e903";
}

._icon-cross:before {
  content: "\e904";
}

._icon-list-type-lines:before {
  content: "\e905";
}

._icon-long-arrow:before {
  content: "\e906";
}

._icon-quote:before {
  content: "\e907";
}

._icon-shevron-arrow:before {
  content: "\e908";
}

._icon-shevron-spoller:before {
  content: "\e909";
}

._icon-spoller-arrow:before {
  content: "\e90a";
}

._icon-timer:before {
  content: "\e90b";
}

body::before {
  content: "";
  position: absolute;
  z-index: 10;
  background-color: rgba(45, 43, 42, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease 0s;
  z-index: 5;
}

.overlay-open body::before {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 90em) {
  .menu-open body::before {
    opacity: 1;
    visibility: visible;
  }
}

.height-padding {
  padding: 0.3125rem 1.875rem;
  height: 4.75rem;
  border-radius: 3.75rem;
}

@media (max-width: 90em) {
  .height-padding {
    height: 3.375rem;
    padding: 0px 1.25rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .height-padding {
    height: 3.25rem;
    font-size: 0.875rem;
    padding: 0px 1.125rem;
  }
}

.flex-container {
  display: flex;
  flex-direction: column;
  row-gap: 6.25rem;
}

@media (max-width: 90em) {
  .flex-container {
    row-gap: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .flex-container {
    row-gap: 3.75rem;
  }
}

.socials {
  display: flex;
  align-items: center;
  column-gap: 0.3125rem;
}

.socials--border .socials__link {
  background-color: transparent;
  border: 0.0625rem solid #4c4845;
}

.socials--round .socials__item {
  flex: 1 1 auto;
}

.socials--round .socials__link {
  border-radius: 3.75rem;
  width: auto;
}

.socials__link {
  background-color: #f9f7f6;
  width: 3rem;
  flex: 0 0 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease 0s;
  color: #fff;
}

.socials__link img {
  max-width: 100%;
}

.socials__link--blue-hover {
  color: #2f80ed;
}

@media (any-hover: hover) {
  .socials__link--blue-hover:hover {
    background-color: #2f80ed;
  }
}

.socials__link--purple-hover {
  color: #9b51e0;
  font-size: 1.375rem;
}

@media (any-hover: hover) {
  .socials__link--purple-hover:hover {
    background-color: #9b51e0;
  }
}

.socials__link--green-hover {
  color: #27ae60;
}

@media (any-hover: hover) {
  .socials__link--green-hover:hover {
    background-color: #27ae60;
  }
}

@media (any-hover: hover) {
  .socials__link:hover {
    color: #fff;
  }
}

@media (max-width: 90em) {
  .socials__link {
    width: 2.25rem;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    padding: 0.625rem;
  }
}

.padding-block {
  padding: 6.25rem 0;
}

@media (max-width: 90em) {
  .padding-block {
    padding: 5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .padding-block {
    padding: 3.75rem 0;
  }
}

.headblock {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

.headblock--max-width-1060 {
  max-width: 66.25rem;
}

.headblock--dark-bg .headblock__title {
  color: #fff;
}

.headblock--dark-bg .headblock__sub-title {
  color: #c3bebb;
}

@media (max-width: 90em) {
  .headblock {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 47.99875em) {
  .headblock {
    margin-bottom: 1.25rem;
  }
}

.headblock__content {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.625rem;
}

.headblock__title {
  line-height: 1.2;
  font-size: 3.25rem;
}

@media (max-width: 90em) {
  .headblock__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .headblock__title {
    font-size: 2.5rem;
  }
}

.headblock__sub-title {
  color: #6a635d;
  line-height: 1.4;
  font-size: 1.5rem;
}

@media (max-width: 90em) {
  .headblock__sub-title {
    font-size: 1.375rem;
  }
}

@media (max-width: 61.99875em) {
  .headblock__sub-title {
    font-size: 1.125rem;
  }
}

@media (max-width: 47.99875em) {
  .headblock__arrows {
    display: none !important;
  }
}

.gray-bg {
  background-color: #f9f7f6;
  padding-top: 6.25rem;
}

@media (max-width: 90em) {
  .gray-bg {
    padding-top: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .gray-bg {
    padding-top: 3.75rem;
  }
}

.padding-top {
  padding-top: 6.25rem;
  margin-top: -6.25rem;
}

@media (max-width: 90em) {
  .padding-top {
    padding-top: 5rem;
    margin-top: -5rem;
  }
}

@media (max-width: 61.99875em) {
  .padding-top {
    padding-top: 3.75rem;
    margin-top: -3.75rem;
  }
}

.margin-top-minus {
  margin-top: -6.25rem;
}

@media (max-width: 90em) {
  .margin-top-minus {
    margin-top: -5rem;
  }
}

@media (max-width: 61.99875em) {
  .margin-top-minus {
    margin-top: -3.75rem;
  }
}

.padding-bottom {
  padding-bottom: 6.25rem;
}

@media (max-width: 90em) {
  .padding-bottom {
    padding-bottom: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .padding-bottom {
    padding-bottom: 3.75rem;
  }
}

.youtube {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.youtube .play {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.0625rem;
  height: 5rem;
  background: url("/local/templates/vyatki/css/../img/svg/youtube.svg") center/contain no-repeat;
}

@media (max-width: 90em) {
  .youtube .play {
    width: 4.0625rem;
    height: 2.9375rem;
  }
}

.youtube::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #2d2b2a;
  opacity: 0.5;
}

.text {
  color: #9b948f;
  font-size: 1.5rem;
  line-height: 1.4;
}

.text p:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .text {
    font-size: 1.375rem;
  }

  .text p:not(:last-child) {
    margin-bottom: 2.1875rem;
  }
}

@media (max-width: 61.99875em) {
  .text {
    font-size: 1.125rem;
  }

  .text p:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}

.font-52 {
  line-height: 1.2;
  font-size: 3.25rem;
}

.font-52:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .font-52 {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .font-52 {
    font-size: 2.5rem;
  }
}

.font-36 {
  font-size: 2.25rem;
  line-height: 1.2;
}

.font-36:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .font-36 {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {
  .font-36 {
    font-size: 1.5rem;
  }
}

.font-24 {
  line-height: 1.4;
  font-size: 1.5rem;
}

@media (max-width: 90em) {
  .font-24 {
    font-size: 1.375rem;
  }
}

@media (max-width: 61.99875em) {
  .font-24 {
    font-size: 1.125rem;
  }
}

.font-16 {
  line-height: 1.4;
  font-size: 1rem;
}

@media (max-width: 90em) {
  .font-16 {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .font-16 {
    font-size: 0.75rem;
  }
}

.swiper-pagination {
  text-align: center;
  transition: 300ms opacity;
  margin-top: 1.875rem;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  display: none;
}

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

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

@media (max-width: 47.99875em) {
  .swiper-pagination {
    display: block;
  }
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  top: auto;
  left: 0;
  width: 100%;
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  border-radius: 0.5rem;
  background: #2d2b2a;
  transition: all 0.2s ease 0s;
  opacity: 0.1;
}

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

.swiper-pagination--dark-bg .swiper-pagination-bullet {
  background: #fff;
}

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

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

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #81d7b6 !important;
}

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

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

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

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

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

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

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: inherit;
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #31a2ed;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

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

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

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

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

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

.slider-arrows>*::before,
[class*=_icon-]:before {
  font-family: "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

._icon-arrow-sort:before {
  content: "\e900";
}

._icon-burger-close:before {
  content: "\e901";
}

._icon-burger-open:before {
  content: "\e902";
}

._icon-button-arrow:before {
  content: "\e903";
}

._icon-cross:before {
  content: "\e904";
}

._icon-list-type-lines:before {
  content: "\e905";
}

._icon-long-arrow:before {
  content: "\e906";
}

._icon-quote:before {
  content: "\e907";
}

._icon-shevron-arrow:before {
  content: "\e908";
}

._icon-shevron-spoller:before {
  content: "\e909";
}

._icon-spoller-arrow:before {
  content: "\e90a";
}

._icon-timer:before {
  content: "\e90b";
}

body::before {
  content: "";
  position: absolute;
  z-index: 10;
  background-color: rgba(45, 43, 42, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease 0s;
  z-index: 5;
}

.overlay-open body::before {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 90em) {
  .menu-open body::before {
    opacity: 1;
    visibility: visible;
  }
}

.height-padding {
  padding: 0.3125rem 1.875rem;
  height: 4.75rem;
  border-radius: 3.75rem;
}

@media (max-width: 90em) {
  .height-padding {
    height: 3.375rem;
    padding: 0px 1.25rem;
    font-size: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .height-padding {
    height: 3.25rem;
    font-size: 0.875rem;
    padding: 0px 1.125rem;
  }
}

.flex-container {
  display: flex;
  flex-direction: column;
  row-gap: 6.25rem;
}

@media (max-width: 90em) {
  .flex-container {
    row-gap: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .flex-container {
    row-gap: 3.75rem;
  }
}

.socials {
  display: flex;
  align-items: center;
  column-gap: 0.3125rem;
}

.socials--border .socials__link {
  background-color: transparent;
  border: 0.0625rem solid #4c4845;
}

.socials--round .socials__item {
  flex: 1 1 auto;
}

.socials--round .socials__link {
  border-radius: 3.75rem;
  width: auto;
}

.socials__link {
  background-color: #f9f7f6;
  width: 3rem;
  flex: 0 0 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease 0s;
  color: #fff;
}

.socials__link img {
  max-width: 100%;
}

.socials__link--blue-hover {
  color: #2f80ed;
}

@media (any-hover: hover) {
  .socials__link--blue-hover:hover {
    background-color: #2f80ed;
  }
}

.socials__link--purple-hover {
  color: #9b51e0;
  font-size: 1.375rem;
}

@media (any-hover: hover) {
  .socials__link--purple-hover:hover {
    background-color: #9b51e0;
  }
}

.socials__link--green-hover {
  color: #27ae60;
}

@media (any-hover: hover) {
  .socials__link--green-hover:hover {
    background-color: #27ae60;
  }
}

@media (any-hover: hover) {
  .socials__link:hover {
    color: #fff;
  }
}

@media (max-width: 90em) {
  .socials__link {
    width: 2.25rem;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    padding: 0.625rem;
  }
}

.padding-block {
  padding: 6.25rem 0;
}

@media (max-width: 90em) {
  .padding-block {
    padding: 5rem 0;
  }
}

@media (max-width: 61.99875em) {
  .padding-block {
    padding: 3.75rem 0;
  }
}

.headblock {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

.headblock--max-width-1060 {
  max-width: 66.25rem;
}

.headblock--dark-bg .headblock__title {
  color: #fff;
}

.headblock--dark-bg .headblock__sub-title {
  color: #c3bebb;
}

@media (max-width: 90em) {
  .headblock {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 47.99875em) {
  .headblock {
    margin-bottom: 1.25rem;
  }
}

.headblock__content {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.625rem;
}

.headblock__title {
  line-height: 1.2;
  font-size: 3.25rem;
}

@media (max-width: 90em) {
  .headblock__title {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .headblock__title {
    font-size: 2.5rem;
  }
}

.headblock__sub-title {
  color: #6a635d;
  line-height: 1.4;
  font-size: 1.5rem;
}

@media (max-width: 90em) {
  .headblock__sub-title {
    font-size: 1.375rem;
  }
}

@media (max-width: 61.99875em) {
  .headblock__sub-title {
    font-size: 1.125rem;
  }
}

@media (max-width: 47.99875em) {
  .headblock__arrows {
    display: none !important;
  }
}

.gray-bg {
  background-color: #f9f7f6;
  padding-top: 6.25rem;
}

@media (max-width: 90em) {
  .gray-bg {
    padding-top: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .gray-bg {
    padding-top: 3.75rem;
  }
}

.padding-top {
  padding-top: 6.25rem;
  margin-top: -6.25rem;
}

@media (max-width: 90em) {
  .padding-top {
    padding-top: 5rem;
    margin-top: -5rem;
  }
}

@media (max-width: 61.99875em) {
  .padding-top {
    padding-top: 3.75rem;
    margin-top: -3.75rem;
  }
}

.margin-top-minus {
  margin-top: -6.25rem;
}

@media (max-width: 90em) {
  .margin-top-minus {
    margin-top: -5rem;
  }
}

@media (max-width: 61.99875em) {
  .margin-top-minus {
    margin-top: -3.75rem;
  }
}

.padding-bottom {
  padding-bottom: 6.25rem;
}

@media (max-width: 90em) {
  .padding-bottom {
    padding-bottom: 5rem;
  }
}

@media (max-width: 61.99875em) {
  .padding-bottom {
    padding-bottom: 3.75rem;
  }
}



.youtube {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.youtube .play {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.0625rem;
  height: 5rem;
  background: url("/local/templates/vyatki/css/../img/svg/youtube.svg") center/contain no-repeat;
}

@media (max-width: 90em) {
  .youtube .play {
    width: 4.0625rem;
    height: 2.9375rem;
  }
}

.youtube::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #2d2b2a;
  opacity: 0.5;
}

.text {
  color: #9b948f;
  font-size: 1.5rem;
  line-height: 1.4;
}

.text p:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (max-width: 90em) {
  .text {
    font-size: 1.375rem;
  }

  .text p:not(:last-child) {
    margin-bottom: 2.1875rem;
  }
}

@media (max-width: 61.99875em) {
  .text {
    font-size: 1.125rem;
  }

  .text p:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}

.font-52 {
  line-height: 1.2;
  font-size: 3.25rem;
}

.font-52:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .font-52 {
    font-size: 2.75rem;
  }
}

@media (max-width: 61.99875em) {
  .font-52 {
    font-size: 2.5rem;
  }
}

.font-36 {
  font-size: 2.25rem;
  line-height: 1.2;
}

.font-36:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media (max-width: 90em) {
  .font-36 {
    font-size: 1.75rem;
  }
}

@media (max-width: 61.99875em) {
  .font-36 {
    font-size: 1.5rem;
  }
}

.font-24 {
  line-height: 1.4;
  font-size: 1.5rem;
}

@media (max-width: 90em) {
  .font-24 {
    font-size: 1.375rem;
  }
}

@media (max-width: 61.99875em) {
  .font-24 {
    font-size: 1.125rem;
  }
}

.font-16 {
  line-height: 1.4;
  font-size: 1rem;
}

@media (max-width: 90em) {
  .font-16 {
    font-size: 0.875rem;
  }
}

@media (max-width: 61.99875em) {
  .font-16 {
    font-size: 0.75rem;
  }
}

.slider-arrows {
  display: flex;
  pointer-events: none;
}

.slider-arrows>* {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
  width: 5rem;
  flex: 0 0 5rem;
  background-color: #f9f7f6;
  pointer-events: auto;
  font-size: 1.5625rem;
  transition: background-color 0.2s ease 0s;
}

.slider-arrows>*::before {
  content: "\e908";
}

@media (any-hover: hover) {
  .slider-arrows>*:hover {
    background-color: #edebe9;
  }

  .slider-arrows>*:hover:active {
    transition: none;
    background-color: #e3e1df;
  }
}

@media (max-width: 90em) {
  .slider-arrows>* {
    height: 3.75rem;
    font-size: 1.25rem;
    width: 3.75rem;
    flex: 0 0 3.75rem;
  }
}

.slider-arrows--white-bg-buttons>* {
  background-color: #fff;
}

.slider-arrows .slider-arrows-next::before {
  transform: rotate(-180deg);
}

.posts {
  margin-bottom: 100px;
}

.tag_active {
  background: #366f5a !important;
  color: rgb(255, 255, 255) !important;
}

.blog_tags {
  margin-bottom: 40px;
}

.blog_tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.blog_tags li {
  display: inline-block;
  margin: 0;
  padding: 30px;
  background: #F9F7F6;
  border-radius: 10px;
}

.blog_tags li {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  color: #2D2B2A;
}

.blog_small {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  color: #2D2B2A;
}

.blog_posts_link:hover {
  color: #2D2B2A;
}

.blog_posts_title {
  margin-bottom: 20px;
}

.blog_posts_title .blog_element_title {
  margin-bottom: 20px;
}

.blog_element_description {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: #2D2B2A;
}

.blog_element_title {
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  text-align: left;
  color: #2D2B2A;
}

.tag_section {
  background: #fff;
  border: 1px solid #81D7B6;
}

.green {
  color: #366F5A;
}

.gray {
  color: #9B948F !important;

}

.blog_posts__container {
  margin-bottom: 100px;
}

.blog_posts__items {
  display: flex;
  gap: 30px;
}

.blog_posts__item {
  max-width: 450px;
}

.blog_posts_tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 40px;
  margin-bottom: 16px;
}

.blog_posts_date {
  margin-bottom: 16px;
}

.blog_posts_tag {
  padding: 12px;
  background: #F9F7F6;
  border-radius: 4px;
}

.post__body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 90px;
  margin-bottom: 100px;
}

.post__body .post__detail {
  width: 80%;
}

.post__body .post__sidebar {
  width: 20%;
}

.post__detail .post_preview_img {
  width: -webkit-fill-available;
  height: 450px;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}

.post__detail .post_preview_img img {
  position: absolute;
  width: -webkit-fill-available;
}

.post__detail .post_tags {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.post_tags .post_tag {
  padding: 12px;
  background: #F9F7F6;
}

.post_section {
  background: #fff !important;
  border: 1px solid #81D7B6;
}

.post_date {
  margin-bottom: 80px;
}

.post_contents {
  margin-bottom: 80px;
}

.post_contents_title {
  font-size: 36px;
  font-weight: 400;
  line-height: 43.2px;
  text-align: left;
  color: #2D2B2A;
  margin-bottom: 30px;
}

.post_contents {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.yellow {
  color: #f6b80d;
}

.post_content span {
  margin-right: 10px;
}

.post_paragraph .blog_element_title {
  margin-bottom: 20px;
}

.post_paragraph .blog_element_subtitle {
  font-weight: 400;
}

.post_paragraph {
  margin-bottom: 60px;
}

.text-and-image-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  align-items: flex-start;
}

.image-right {
  flex-direction: row;
}

.image-left {
  flex-direction: row-reverse;
}

.post-image {
  max-width: 300px;
  height: auto;
}

.item-post__date {
  margin-bottom: 20px;
}

.item-post__title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #2D2B2A;
}

.item-post {
  margin-bottom: 30px;
}

.post__sidebar .swiper-wrapper {
  display: block;
}

@media(max-width: 1440px) {
  .posts {
    margin-bottom: 80px;
  }

  .blog_posts__container {
    margin-bottom: 40px;
  }

  .blog_tags li {
    padding: 20px;
    font-size: 16px;
    line-height: 22.4px;
  }

  .blog_posts__items {
    gap: 20px;
  }

  .blog_posts__item {
    max-width: 300px;
  }

  .blog_posts__item img {
    width: 300px;
  }

  .blog_posts_tags {
    gap: 8px;
    margin-top: 20px;
    margin-bottom: 12px;
  }

  .blog_posts_tag {
    padding: 8px;
  }

  .blog_small {
    font-size: 12px;
    line-height: 14.4px;
  }

  .blog_element_title {
    font-size: 20px;
    line-height: 24px;
  }

  .blog_element_description {
    font-size: 16px;
    line-height: 22.4px;
  }

  .post__detail .post_preview_img {
    height: 300px;
    margin-bottom: 30px;
  }

  .post__body {
    gap: 60px;
  }

  .post__detail .post_tags {
    margin-bottom: 30px;
  }

  .post_contents_title {
    font-size: 28px;
    line-height: 33.6px;
    margin-bottom: 25px;
  }

  .post_contents {
    gap: 15px;
  }

  .post-image {
    max-width: 220px;
  }

  .item-post__date {
    margin-bottom: 10px;
  }

  .item-post__title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22.4px;
  }

}

@media(max-width: 991px) {
  .blog_tags li {
    font-size: 14px;
    line-height: 19.6px;
    padding: 12px;
  }

  .blog_tags ul {
    gap: 10px;
  }

  .blog_tags {
    margin-bottom: 30px;
  }

  .blog_posts__item {
    max-width: 350px;
  }

  .blog_posts__item img {
    width: 350px;
  }

  .blog_posts__items {
    gap: 10px;
  }

  .blog_element_title {
    font-size: 18px;
    line-height: 21.6px;
  }

  .blog_element_description {
    font-size: 14px;
    line-height: 19.6px;
  }

  .blog_posts__container {
    margin-bottom: 30px;
  }

  .posts {
    margin-bottom: 60px;
  }

  .post__detail .post_preview_img {
    height: 230px;
    margin-bottom: 20px;
  }

  .post__detail .post_tags {
    margin-bottom: 20px;
  }

  .post_date {
    margin-bottom: 60px;
  }

  .post_contents_title {
    font-size: 24px;
    line-height: 28.8px;
    margin-bottom: 20px;
  }

  .post_contents {
    margin-bottom: 60px;
    gap: 12px;
  }

  .text-and-image-wrapper {
    gap: 10px;
  }

  .post__body {
    gap: 40px;
  }

  .item-post__title {
    font-size: 14px;
    line-height: 19.6px;
    margin-bottom: 0;
  }

  .post__sidebar .item-news__image-ibg {
    margin-bottom: 10px;
  }
}

@media(max-width: 768px) {
  .blog_tags {
    margin-bottom: 20px;
  }

  .blog_posts__items {
    flex-direction: column;
    gap: 50px;
  }

  .post__body {
    flex-direction: column;
  }

  .post__body .post__detail {
    width: 100%;
  }

  .post_date {
    margin-bottom: 40px;
  }

  .post_contents {
    margin-bottom: 40px;
  }

  .text-and-image-wrapper {
    flex-direction: column !important;
  }

  .post-image {
    width: auto;
    max-width: none;
  }

  .post_paragraph {
    margin-bottom: 20px;
  }

  .post__body .post__sidebar {
    width: auto;
  }

  .post__detail .post_preview_img {
    max-height: 265px;
  }

  .post__sidebar .swiper-wrapper {
    display: flex;
  }

  .text-and-image-wrapper {
    align-items: center;
  }
}

@media(max-width: 560px) {
  .post__detail .post_preview_img {
    max-height: 155px;
  }

  .post-image {
    width: -webkit-fill-available;
  }
}

.checkbox-other-error {
  display: none;
  color: red;
  font-size: 16px;
  margin-top: 5px;
}

.checkbox-other._form-error .checkbox-other-error {
  display: block;
}

.checkbox-other._form-focus .checkbox-other-error {
  display: none;
}

.checkbox-other a {
  color: #f6b80d;
}

.policy__text ul {
  list-style-type: disc;
  padding-left: 20px;
}

.policy__text ul li {
  margin-bottom: 10px;
  list-style: disc !important;
}

.main-banner {
  position: absolute;
  top: 325px;
  right: 0;
  z-index: 4;
  width: 825px;
  height: 600px;
  overflow: hidden;
}


.banner-slider__controls {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: flex;
  gap: 20px;
}

.banner-slider__controls button {
  background: #fff;
  border: none;
  color: #2D2B2A;
  font-size: 24px;
  cursor: pointer;
  padding: 30px 35px;
  transition: background 0.3s;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
}

.banner-slider__controls button:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #ffff;
}

.banner-slider {
  position: relative;
  width: 100%;
  height: 100%;
}

.banner-slider__images {
  position: relative;
  width: 100%;
  height: 100%;
}

.banner-slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: opacity 0.4s ease;
}

.banner-slide.active {
  display: block;
}

@media(max-width: 1440px) {
  .main-banner {
    width: 590px;
    height: 600px;
    top: 250px;
  }

}

@media(max-width: 1200px) {
  .main-banner {
    width: 590px;
    height: 600px;
    top: 350px;
  }

}

@media(max-width: 992px) {
  .main-banner {
    width: 415px;
    height: 500px;
    top: 350px;
  }

  .banner-slider__controls button {
    width: 60px;
    height: 60px;
    padding: 20px 25px;
  }
}

@media (max-width: 768px) {
  .main-banner {
    position: relative;
    width: 100%;
    height: 300px;
    top: 0;
    margin-bottom: 30px;
  }

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

  .banner-slider__controls {
    justify-content: space-between;
    right: 0px;
    left: 0;
    width: 100%;
  }
}
/* End */


/* Start:/local/templates/vyatki/css/style_new.css?179077043549031*/
.p44 {
    font-size: 44px;
    font-weight: 400;
    line-height: 120%;
}

.f-black {
    color: #2D2B2A;
}

.mb_40 {
    margin-bottom: 40px;
}

.table_title {
    background: #366F5A;
    padding: 24px 40px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    justify-content: space-between;
    align-items: center;
}

.table_title_element {
    color: #fff;
    text-align: center;
    width: -webkit-fill-available;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
}

.table_title .table_title_element:first-child {
    flex: 0 0 50%;
}

.table_title .table_title_element:not(:last-child) {
    /* border-right: 1px solid rgba(51, 94, 78, 0.5); */
    /* padding-right: 15px; */
    height: -webkit-fill-available;
    align-content: center;
}

.table_title .table_title_element:not(:first-child) {
    border-left: 1px solid rgba(51, 94, 78, 0.5);
    margin-left: 30px;
    padding-left: 10px;
}

.design_stone .table_title .table_title_element:not(:first-child) {
    margin-left: 10px;
}

.design_wooden .table_title .table_title_element:not(:first-child) {
    margin-left: 10px;
}

.design_wooden .table_title .table_title_element:last-child {
    margin-left: 40px;
}

.p20 {
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
}

.p14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
}

.f-white {
    color: white;
}

.table_top {
    margin-bottom: 12px;
}

.table_top_service_title {
    padding: 24px 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #366F5A;
    cursor: pointer;
}

.table_top_service_content {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 12px;
    display: none;
    transition: max-height 0.3s ease;
}

.table_top_service_content.open {
    display: flex;
}


.alt_table_list .table_top_service_content_top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 12px;
}

.alt_table_list.table_top_service_content {
    flex-direction: column;
}

.table_top_service_title img {
    display: inline-block;
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.table_top_service_title img.rotate {
    transform: rotate(0deg);
}

.design_stone__content .table_top_service_property {
    width: 100%;
}

.table_top_service_property {
    width: 50%;
    margin-top: 25px;
}

.table_top_service_item {
    padding: 8px 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #4C4845;
}

.lg_gray_bg {
    background: #F9F7F6;
}

.table_top_service_conditions {
    display: flex;
    flex-direction: row;
    width: 50%;
}

.table_top_service_condition {
    width: -webkit-fill-available;
    align-content: center;
    text-align-last: center;
    margin: 38px 10px 0px 10px;
    border-left: 1px solid #ECECEC;
}

.table_top_service_footnote {
    font-weight: 400;
    margin-left: 20px;
}

.regular {
    font-weight: 400;
}

.bold {
    font-weight: 700;
}

.create_house__content {
    display: flex;
    flex-direction: row;
}

.create_house__left {
    max-width: 50%;
}

.create_house {
    position: relative;
    overflow: hidden;
}

.create_house__right {
    position: absolute;
    top: 0px;
    right: 0;
    width: 45%;
    height: 100%;
    overflow: hidden;
}

.create_house__right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}

.design_interior .table_title .table_title_element:first-child {
    flex: 0 0 75%;
}

.design_interior .table_top_service_property {
    width: 75%;
}

.design_interior .table_top_service_conditions {
    width: 25%;
}

.gray-bg .lg_gray_bg {
    background: #ECECEC;
}

.table_top_price {
    width: 25%;
    text-align: center;
}

.design_interior .table_top_service_content {
    display: flex !important;
}

.design_interior .table_top_service_title {
    cursor: default;
}

.design_interior_info {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 20px;
    border: 1px solid #366F5A;
}

.project-slider {
    position: relative;
    height: 100%;
}

.project-slider__images {
    position: relative;
    height: 100%;
}

.project-slider__image {
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.project-slider__image.active {
    display: block;
    position: relative;
}

.project-slider__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 10;
}

.project-slider__arrow--prev {
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-slider__arrow--next {
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-slider__arrow--next img {
    rotate: 180deg;
    width: 10px;
    height: 20px;
    position: relative;
}

.project-slider__arrow--prev img {
    width: 10px;
    height: 20px;
    position: relative;
}

.callback-banner-new .callback-banner__text {
    max-width: 630px;
    color: #fff;
}

.callback-banner-new .callback-banner__image-ibg {
    width: 600px;
    height: 100%;
    right: 0;
}

.white_btn {
    background: #fff;
    color: #366F5A;
    transition: all 0.2s ease 0s;
}

.white_btn:hover {
    background: #366F5A;
    color: #fff;
}

.callback-banner-new .white_btn {
    position: absolute;
    bottom: 60px;
    right: 60px;
}

.design_example__content .swiper-slide img {
    width: -webkit-fill-available;
}

.design_example__content .swiper {
    overflow: visible !important;
    position: relative;
}

.design_example__content .swiper-slide {
    width: 690px;
    height: auto;
}

.mb_10 {
    margin-bottom: 10px;
}

.p24 {
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
}

.design_example__title {
    max-width: 1250px;
}

.design_example-slider__swiper .slider-arrows {
    position: absolute;
    right: 0;
    top: -120px;
}

.medium {
    font-weight: 500;
}

.design_example-slider__swiper.swiper-slide {
    display: flex;
    height: 100%;
}

.design_example-link {
    position: relative;
    display: flex;
    border: 1px solid #9B948F;
    align-content: space-between;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.design_example-img {
    flex-shrink: 0;
    width: 100%;
    object-fit: cover;
}

.design_example-name {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 30px;
    width: 300px;
    border: 1px solid #9B948F;
    /* border-bottom: 0px; */
    border-right: 0px;
    background: #fff;
}

.dark-bg {
    background: #2D2B2A;
}

.seo-banner__content {
    position: relative;
}

.foundation-seo-bl {
    position: relative;
}

.f-white {
    color: #fff;
}

.f-gray {
    color: #9B948F;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.seo-banner__text {
    max-width: 810px;
    z-index: 4;
    position: relative;
}

.seo-banner__image {
    position: absolute;
    z-index: 5;
    right: -400px;
    bottom: -200px;
    width: 950px;
    height: auto;
}

.seo-banner__image img {
    width: 100%;
    height: auto;
}

.foundation-steps .item-steps__content {
    padding-top: 0;
}

.foundation-steps .item-steps__list li {
    align-items: baseline;
}

.portfolio-gallery {
    margin: 0 auto;
}

.portfolio-gallery__main {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.portfolio-gallery__main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.portfolio-gallery__thumb {
    width: 100px;
    height: 70px;
    object-fit: cover;
    filter: grayscale(80%);
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 0 0 auto;
}

.portfolio-gallery__thumb.active {
    filter: none;
    opacity: 1;
    border: 2px solid #000;
}

.portfolio-gallery__thumbnails-wrapper {
    overflow: hidden;
    width: calc(6 * 101px + 5 * 10px + 4px);
    margin: 5px 10px;
}

.portfolio-gallery__thumbnails {
    display: flex;
    gap: 10px;
    transition: transform 0.3s;
    justify-content: start;
}

.portfolio-gallery__thumb.active {
    filter: none;
}

.portfolio-gallery__thumb:not(.active) {
    filter: grayscale(100%) brightness(0.7);
}

.portfolio-gallery__active-wrapper img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    display: block;
}

.portfolio-gallery__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 10px;
}

.portfolio-gallery__nav-next,
.portfolio-gallery__nav-prev {
    padding: 30px 35px;
    background: #F9F7F6;
    cursor: pointer;
}

.wall_prices .table_title .table_title_element:first-child {
    flex: 0 0 48.6%;
}

.wall_prices .table_top_service_property {
    width: 50%;
}

.wall_prices .table_top_service_conditions {
    width: 25%;
}

.wall_prices .table_top_service_content {
    display: flex !important;
}

.wall_prices .table_top_service_title {
    cursor: default;
}

.wall_prices_info {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 20px;
    border: 1px solid #366F5A;
}


.wall_prices .table_top_service_content {
    display: flex;
    width: 100%;
}

.wall_prices .table_top_service_content>.table_top_service_property:nth-child(1) {
    width: 50%;
    margin-right: 15px;
    border-right: 1px solid #ECECEC;
}

.wall_prices .table_top_service_content>.table_top_service_property:nth-child(1) .table_top_service_item {
    margin-right: 15px;
}

.wall_prices .table_top_service_content>.table_top_service_property:nth-child(2) {
    margin-right: 15px;
    border-right: 1px solid #ECECEC;
}

.wall_prices .table_top_service_content>.table_top_service_property:nth-child(2) .table_top_service_item {
    margin-right: 15px;
    text-align: center;
}

.wall_prices .table_top_service_content>.table_top_service_property:nth-child(3) .table_top_service_item {
    text-align: center;
}

.wall_prices .table_top_service_content>.table_top_service_property:nth-child(2),
.wall_prices .table_top_service_content>.table_top_service_property:nth-child(3) {
    width: 25%;
}


.wall_prices .table_title .table_title_element:not(:first-child) {
    margin-left: 0px;
}

.wall_prices .table_title .table_title_element:last-child {
    margin-left: 30px;
}

.walls-steps .item-steps__list li {
    align-items: baseline;
}

.walls-steps .item-steps__content {
    padding-top: 0;
}

.roof_prices .table_title .table_title_element:first-child {
    flex: 0 0 70%;
}

.roof_prices .table_top_service_property {
    width: 50%;
}

.roof_prices .table_top_service_conditions {
    width: 25%;
}

.roof_prices .table_top_service_content {
    display: flex !important;
    flex-direction: column;
}

.roof_prices .table_top_service_title {
    cursor: default;
}

.roof_prices .table_top_service_content {
    display: flex;
    width: 100%;
}

.roof_prices .table_top_service_content>.table_top_service_property:nth-child(1) {
    width: 70%;
    margin-right: 15px;
    border-right: 1px solid #ECECEC;
}

.roof_prices .table_top_service_content>.table_top_service_property:nth-child(1) .table_top_service_item {
    margin-right: 15px;
}

.roof_prices .table_top_service_content>.table_top_service_property:nth-child(2) {
    margin-right: 15px;
    border-right: 1px solid #ECECEC;
}

.roof_prices .table_top_service_content>.table_top_service_property:nth-child(2) .table_top_service_item {
    margin-right: 15px;
    text-align: center;
}

.roof_prices .table_top_service_content>.table_top_service_property:nth-child(3) .table_top_service_item {
    text-align: center;
}

.roof_prices .table_top_service_content>.table_top_service_property:nth-child(2),
.roof_prices .table_top_service_content>.table_top_service_property:nth-child(3) {
    width: 15%;
}


.roof_prices .table_title .table_title_element:not(:first-child) {
    margin-left: 0px;
}

.roof_prices .table_title .table_title_element:last-child {
    margin-left: 30px;
}

.roof_prices .table_top_service_row {
    display: flex;
    flex-direction: row;
}

.roof_prices .table_top_service_item:nth-child(1) {
    width: 70%;
}

.roof_prices .table_top_service_item:nth-child(2),
.roof_prices .table_top_service_item:nth-child(3) {
    width: 15%;
    text-align: center;
}

.roofs-steps .item-steps__list li {
    align-items: baseline;
}

.roofs-steps .item-steps__content {
    padding-top: 0;
}

.tabs-project-inner__text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #4C4845;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.p36 {
    font-weight: 400;
    font-size: 36px;
    line-height: 120%;
}

.p16 {
    font-size: 16px;
    line-height: 120%;
}

.engineering_types__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.engineering_type_title {
    padding: 30px 40px;
    background: #F9F7F6;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
    border: 1px solid #F9F7F6;
}

.engineering_type_title img {
    filter: brightness(0.5);
    transition: transform 0.35s ease;
    rotate: 180deg;
}

.engineering_type_content_text {
    padding: 30px 40px;
}

.engineering_type_content {
    display: flex;
    justify-content: space-between;
    border: 1px solid #F9F7F6;
    border-top: 0px;
}

.engineering_type_content_title p {
    font-size: 16px;
    line-height: 120%;
}

.engineering_type_content_list li::before {
    color: #366F5A;
    content: "\e905";
    font-size: 0.8125rem;
    width: 1.5rem;
    flex: 0 0 1.5rem;
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.engineering_type_content_list li {
    align-items: baseline;
    display: flex;
    line-height: 1.4;
    align-items: center;
    column-gap: 1.25rem;
}


.engineering_type_content_text .button {
    height: 59px;
}

.engineering_type.active .engineering_type_title {
    background: #fff;
}

.engineering_type.active .engineering_type_title .p24 {
    font-size: 36px;
}

.engineering_price__content .table_top_service_title {
    border-bottom: 1px solid #fff;
}

.engineering_price__content .table_top_service_content.open {
    display: flex;
    flex-direction: column;
}

.engineering_price__content .table_top_service_top {
    display: flex;
    flex-direction: row;
}

.engineering_price__content .table_top_service_conditions {
    width: 25%;
}

.engineering_price__content .table_title .table_title_element:not(:first-child) {
    margin-left: 10px;
}

.engineering_price__content .table_title .table_title_element:last-child {
    margin-left: 40px;
}

.table_top_service_bottom {
    margin-top: 30px;
}

.engineering_price__content .table_top_service_content {
    margin-bottom: 30px;
}

.engineering-communications .home__services {
    padding-top: 6.25rem;
    margin-top: -6.25rem;
    padding-bottom: 0px;
}

@media (max-width: 90em) {
    .engineering-communications .home__services {
        padding-top: 5rem;
        margin-top: -5rem;
        padding-bottom: 0px;
    }
}

@media (max-width: 61.99875em) {
    .engineering-communications .home__services {
        padding-top: 3.75rem;
        margin-top: -3.75rem;
        padding-bottom: 0px;
    }
}


/* проект */

.breadcrumbs-element {
    margin: 50px auto;
}

.breadcrumbs-element.breadcrumbs:not(:last-child) {
    margin-bottom: 40px;
}

.hero-project-new {
    position: relative;
}

.hero-project__image-ibg {
    height: 660px;
}

.hero-project__slider {
    width: 1200px;
    height: 660px;
    position: relative;
    left: 0;
}

.hero-project__content {
    position: relative;
}

.hero-project__content-body {
    width: -webkit-fill-available;
    padding: 0;
    max-width: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.hero-project-new__content {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.description-info__item {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.hero-project__content-description {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.f-green {
    color: #366F5A;
}

.project__seo-text {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-bottom: 100px;
}

.project__seo-text h2 {
    font-weight: 400;
    font-size: 44px;
    line-height: 120%;
    color: #2D2B2A;
    min-width: 660px;
}

.project__seo-text h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #2D2B2A;
    margin-bottom: 20px;
}


.project__seo-text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: #2D2B2A;
    margin-bottom: 20px;
}

.project__seo-text ul {
    list-style-type: disc;
    margin-bottom: 20px;
    padding-left: 30px;
}

.project__seo-text ol {
    list-style-type: decimal;
    margin-bottom: 20px;
    padding-left: 30px;
}

.project__seo-text li {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: #2D2B2A;
    margin-bottom: 10px;
}

.project__seo-text ul li {
    list-style: disc;
}

.project__seo-text ol li {
    list-style: decimal;
}

.project__seo-text li:last-child {
    margin-bottom: 0;
}

.tabs-project__navigation,
.tabs-project__content {
    /* background: #fff; */
}

.tabs-project__title {
    border: #9B948F 1px solid;
    border-left: none;
}

.tabs-project__title:first-child {
    border-left: 1px solid #9B948F;
}

.project-equipments__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.project-equipment_title {
    padding: 30px 40px;
    background: #F9F7F6;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
    border: 1px solid #F9F7F6;
}

.project-equipment_title img {
    filter: brightness(0.5);
    transition: transform 0.35s ease;
    rotate: 180deg;
}

.project-equipment_content_text {
    padding: 30px 40px;
}

.project-equipment_content {
    display: flex;
    justify-content: space-between;
    border: 1px solid #F9F7F6;
    border-top: 0px;
    overflow: hidden;
}

.project-equipment_content_title p {
    font-size: 16px;
    line-height: 120%;
}

.project-equipment_content_list li::before {
    color: #366F5A;
    content: "\e905";
    font-size: 0.8125rem;
    width: 1.5rem;
    flex: 0 0 1.5rem;
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.project-equipment_content_list li {
    align-items: baseline;
    display: flex;
    line-height: 1.4;
    align-items: center;
    column-gap: 1.25rem;
}


.project-equipment_content_text .button {
    height: 59px;
}

.project-equipment.active .project-equipment_title {
    background: #fff;
}

.project-equipment.active .project-equipment_title .p24 {
    font-size: 36px;
}

.green-bg {
    background: #366F5A;
}

.p52 {
    font-size: 52px;
}

.projects-cat__text {
    margin-top: 40px;
}


.projects-cat__text.text {
    color: #2D2B2A;
}

.news-details__content p,
.projects-cat__text p {
    font-size: 1.3rem;
}

.news-details__content li,
.projects-cat__text li {
    font-size: 1.3rem;
}

.news-details__content ul li,
.projects-cat__text ul li {
    list-style: disc;
}

.news-details__content ol li,
.projects-cat__text ol li {
    list-style: decimal;
}

.news-details__content h2,
.projects-cat__text h2 {
    font-size: 2.55rem;
    margin-bottom: 10px;
}

.news-details__content a,
.projects-cat__text a {
    color: #f6b80d;
}

.news-details__content h3,
.projects-cat__text h3 {
    font-size: 2rem;
    margin-bottom: 10px;
}

.news-details__content h4,
.projects-cat__text h4 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.news-details__content ul,
.news-details__content ol,
.projects-cat__text ul,
.projects-cat__text ol {
    padding-left: 1.5rem;
    margin-bottom: 2.5rem;
}

.news-details__content {
    overflow-x: hidden;
    max-width: 100%;
}

.news-details__content>* {
    min-width: 0;
}

.wrapper.wrapper--inner,
.page.page--inner,
.news-details.flex-container {
    min-width: 0;
}


.news-details__table-wrapper {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 30px 0;
}

.news-details__table-wrapper table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}

.news-details__table-wrapper td {
    padding: 14px 16px;
    border: 1px solid #d9d9d9;
    text-align: left;
    vertical-align: middle;
}

.news-details__table-wrapper tr:first-child td {
    font-weight: 600;
    background: #f5f5f5;
}

.news-details__table-wrapper tr:nth-child(even) td {
    background: #fafafa;
}

@media (max-width: 767px) {
    .news-details__table-wrapper table {
        width: 700px;
        min-width: 700px;
        max-width: none;
        font-size: 14px;
    }

    .news-details__table-wrapper td {
        padding: 10px 12px;
    }
}

.projects-cat__text ul,
.projects-cat__text ol {
    margin-top: -2rem;
}

@media (max-width: 90em) {

    .news-details__content ul,
    .news-details__content ol,
    .projects-cat__text ul,
    .projects-cat__text ol {
        margin-bottom: 2.1875rem;
    }

    .projects-cat__text ul,
    .projects-cat__text ol {
        margin-top: -1.8rem;
    }
}

@media (max-width: 61.99875em) {

    .news-details__content ul,
    .news-details__content ol,
    .projects-cat__text ul,
    .projects-cat__text ol {
        margin-bottom: 1.5625rem;
    }

    .projects-cat__text ul,
    .projects-cat__text ol {
        margin-top: -1.2rem;
    }
}

.news-details__content ul li::marker,
.projects-cat__text ul li::marker {
    color: #f6b80d;
}

.news-details__content ol li::marker,
.projects-cat__text ol li::marker {
    color: inherit;
}

.project_not_price_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.project_not_price_elem {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.callback-banner-form_cb {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-bottom: 1px solid #abaaa9;
}

.callback-banner-form_cb-left {
    width: 25%;
    border-right: 1px solid #abaaa9;
    padding-right: 15px;
}

.callback-banner-form_cb-right {
    width: 75%;
    margin-left: 15px;
}

.callback-banner-form_cb-left .cb-group_value {
    display: flex;
    flex-direction: column;
}

.callback-banner-form_cb-right .cb-group_value {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.cb-group_value .cb-group_value-item {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 20px;
    font-size: 20px;
}

.cb-group_value-item input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    min-height: 16px;
    min-width: 16px;
    height: 16px;
    border: 1px solid #9B948F;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    outline: none;
}


.cb-group_value-item input[type="radio"]:checked {
    border-color: #366F5A;
    background-color: #366F5A;
    border: 0px;
}

.cb-group_value-item input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #366F5A;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #fff;
}

.cb-group_value-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 8px;
}

.callback-banner-form_cb_title {
    background: #f9f7f5;
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #2D2B2A;
}

.cb-group .cb-group_value.gray_bb {
    border-bottom: 1px solid #cdc9c7;
    margin-bottom: 12px;
}

.cb-group .cb-group_value.black_bb {
    border-bottom: 1px solid #2D2B2A;
    margin-bottom: 15px;
}

.callback-banner-form-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.callback-banner-form-bottom p {
    max-width: 550px;
}

.callback-banner-form__content img {
    width: -webkit-fill-available;
}

.gray_button {
    background: #F9F7F6;
    color: #2D2B2A;
}

.project-equipment_content_image,
.engineering-equipment_content_btns {
    gap: 30px;
    display: flex;
}

.category_index .category__items--top {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

.category_index .category__items--top .category__item:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / 3;
}

.category_index .category__items--top .category__item:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.category_index .category__items--top .category__item:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
}

.category_index .category__items--top .category__item:nth-child(4) {
    grid-column: 2;
    grid-row: 2 / 4;
}

@media (max-width: 47.9988em) {
    .category_index .category__items--top {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .category_index .category__items--top .category__item:nth-child(1),
    .category_index .category__items--top .category__item:nth-child(2),
    .category_index .category__items--top .category__item:nth-child(3),
    .category_index .category__items--top .category__item:nth-child(4) {
        grid-column: 1;
        grid-row: auto;
    }
}


.price-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.price-table [hidden] {
    display: none;
}

.price-table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 24px 16px;
    background: #36705a;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.price-table thead th+th {
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.price-table__col-main {
    width: 50%;
}

.price-table__group-head th {
    padding: 0;
    background: #36705a;
    color: #fff;
    text-align: left;
    /* border-top: 10px solid #fff; */
}

.price-table thead+.price-table__group-head th {
    border-top: 1px solid rgba(255, 255, 255, .4);
}

.price-table__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 24px 36px;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.price-table__arrow {
    width: 12px;
    transition: transform .2s;
}

.price-table__toggle[aria-expanded="true"] .price-table__arrow {
    transform: rotate(180deg);
}

.price-table__row-header {
    padding: 10px 16px;
    text-align: left;
    font-weight: 500;
}

.price-table__row--alt .price-table__row-header {
    background: #f8f7f5;
}

.price-table__group-body tr:first-child .price-table__row-header {
    padding-top: 20px;
}

.price-table__group-body tr:last-child .price-table__row-header {
    padding-bottom: 20px;
}


.price-table__flag {
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #eee;
}

.price-table-ghost {
    display: none;
    position: fixed;
    top: 0;
    overflow: hidden;
    z-index: 50;
}

.price-table__footnote td {
    padding: 20px 0;
}

.price-table__row-header {
    background: #fff;
}

.price-table__flag {
    background: #fff;
}

#price-table-stone .price-table__col-main {
    width: 75%;
}

.price-table__pkg-head th,
.price-table__pkg-head td {
    background: #36705a;
    color: #fff;
    font-weight: 700;
    padding: 24px 36px;
    border-top: 10px solid #fff;
}

.price-table__pkg-head th {
    text-align: left;
}

.price-table__pkg-head td {
    text-align: center;
}

.price-table thead+.price-table__pkg-head th,
.price-table thead+.price-table__pkg-head td {
    border-top: 1px solid rgba(255, 255, 255, .4);
}

#price-table-interior .price-table__col-main {
    width: 75%;
}


.news-details__body {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.news-details__sidebar {
    position: sticky;
}

.callback-popup__line--row {
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.callback-popup__line--row .input {
    flex: 1;
    min-width: 0;
    width: 100%;
}

.callback-popup__form textarea.input {
    display: block;
    width: 100%;
    min-height: 140px;
    border-radius: 16px;
    padding: 16px 20px;
    resize: vertical;
    font-family: inherit;
    line-height: 1.4;
}

@media (max-width: 576px) {
    .callback-popup__line--row {
        flex-direction: column;
    }
}




@media (max-width: 768px) {


    .design_wooden__content:has(.price-table) {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .price-table {
        min-width: 560px;
    }

    .price-table__col-main {
        width: 38%;
    }


    .price-table thead th {
        position: static;
        padding: 12px 8px;
        font-size: 13px;
    }

    .price-table__toggle {
        padding: 16px;
        font-size: 15px;
    }

    .price-table__row-header {
        padding: 8px 10px;
        font-size: 14px;
    }

    .price-table__flag img {
        width: 22px;
        height: auto;
    }

    .price-table__mark {
        font-size: 16px;
    }

    .price-table__footnote td {
        padding: 8px 16px 16px;
        font-size: 14px;
    }

    .price-table__arrow {
        width: 7px;
    }

    #price-table-stone .price-table__col-main {
        width: 60%;

    }

    #price-table-interior .price-table__col-main {
        width: 60%;
    }
}

@media(max-width: 1600px) {
    .hero-project__slider {
        width: 1050px;
    }
}

@media(max-width: 1440px) {
    .mb_40 {
        margin-bottom: 30px;
    }

    .p44 {
        font-size: 40px;
    }

    .table_title {
        padding: 20px 20px;
    }

    .table_title_element {
        font-size: 16px;
    }

    .table_top_service_content {
        margin-bottom: 25px;
    }

    .table_top_service_title {
        padding: 20px;
    }

    .p20 {
        font-size: 16px;
    }

    .p14 {
        font-size: 13px;
    }

    .design_wooden .table_title .table_title_element:last-child {
        margin-left: 30px;
    }

    .design_interior .table_title .table_title_element:not(:first-child) {
        margin-left: 20px;
    }

    .callback-banner-new .callback-banner__image-ibg {
        width: 550px;
        right: -150px;
    }

    .callback-banner-new .callback-banner__body {
        overflow: hidden;
    }

    .callback-banner-new .white_btn {
        bottom: 80px;
        right: -260px;
    }

    .design_example-slider__swiper .slider-arrows {
        top: -90px;
    }

    .design_example__content .swiper-slide {
        width: 450px;
    }

    .p24 {
        font-size: 22px;
    }

    .seo-banner__image {
        width: 780px;
        top: -80px;
        bottom: auto;
    }

    .seo-banner__text {
        width: 540px;
    }

    .mb_30 {
        margin-bottom: 20px;
    }

    .portfolio-gallery__nav-next,
    .portfolio-gallery__nav-prev {
        padding: 20px 25px;
    }

    .portfolio-gallery__thumb {
        height: 60px;
    }

    .portfolio-gallery__active-wrapper img {
        max-height: 380px;
    }

    .wall_prices .table_title .table_title_element:last-child {
        margin-left: 10px;
    }

    .wall_prices .table_title .table_title_element:first-child {
        flex: 0 0 48.0%;
    }

    .roof_prices .table_title .table_title_element:last-child {
        margin-left: 10px;
    }

    .roof_prices .table_title .table_title_element:first-child {
        flex: 0 0 70.0%;
    }

    .tabs-project-inner__text p {
        font-size: 16px;
    }

    .engineering_type_title {
        padding: 20px 30px;
    }

    .engineering_type.active .engineering_type_title .p24 {
        font-size: 28px;
    }

    .engineering_price__content .table_title .table_title_element:last-child {
        margin-left: 30px;
    }

    .hero-project__image-ibg {
        height: 600px;
    }

    .hero-project__slider {
        width: 833px;
        height: 600px;
    }

    .hero-project__content-body {
        max-width: 330px;
    }

    .p36 {
        font-size: 28px;
    }

    .breadcrumbs-element.breadcrumbs:not(:last-child) {
        margin-bottom: 30px;
    }

    .breadcrumbs-element {
        margin: 30px auto;
    }

    .project__seo-text h2 {
        font-size: 40px;
        min-width: 460px;
    }

    .project__seo-text li {
        font-size: 18px;
    }

    .project__seo-text h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .project__seo-text p {
        font-size: 18px;
    }

    .project__seo-text {
        gap: 20px;
        margin-bottom: 80px;
    }

    .project-equipment_title {
        padding: 20px 30px;
    }

    .project-equipment.active .project-equipment_title .p24 {
        font-size: 28px;
    }

    .p52 {
        font-size: 40px;
    }

    .project_not_price_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .cb-group_value .cb-group_value-item {
        font-size: 16px;
        padding: 12px 20px;
    }

    .callback-banner-form_cb_title {
        padding: 10px 20px;
    }


    .news-details__content p,
    .projects-cat__text p {
        font-size: 1.2rem;
    }

    .news-details__content li,
    .projects-cat__text li {
        font-size: 1.2rem;
    }

    .news-details__content h2,
    .projects-cat__text h2 {
        font-size: 2.25rem;
    }

    .news-details__content h3,
    .projects-cat__text h3 {
        font-size: 1.8rem;
    }

    .news-details__content h4,
    .projects-cat__text h4 {
        font-size: 1.4rem;
    }

}

@media(max-width: 1200px) {
    .hero-project__image-ibg {
        height: 450px;
    }

    .hero-project__slider {
        height: 450px;
        width: 700px;
    }
}

@media(max-width: 1024px) {
    .hero-project__slider {
        width: 600px;
    }

    .hero-project-new__content {
        gap: 20px;
    }
}

@media(max-width: 992px) {
    .callback-banner-new .callback-banner__image-ibg {
        width: 450px;
        right: -130px;
    }

    .callback-banner-new .white_btn {
        bottom: 60px;
        right: -180px;
    }

    .p24 {
        font-size: 18px;
    }

    .design_example__title {
        max-width: 611px;
    }

    .design_example-name {
        width: 160px;
        padding: 12px 20px;
    }

    .seo-banner__image {
        width: 680px;
        top: 0px;
    }

    .seo-banner__text {
        width: 410px;
    }

    .wall_prices .table_title .table_title_element:first-child {
        flex: 0 0 47.5%;
    }

    .wall_prices .table_title .table_title_element:last-child {
        margin-left: 15px;
    }

    .engineering_type_title {
        padding: 15px 30px;
    }

    .engineering_type.active .engineering_type_title .p24 {
        font-size: 24px;
    }

    .engineering_type_content_image img {
        width: 290px;
    }

    .engineering_type_content_text {
        padding: 20px 30px;
    }

    .engineering_type_content_list .p16 {
        font-size: 12px;
    }

    .engineering_type_content_text .mb40 {
        margin-bottom: 20px;
    }

    .project__seo-text h2 {
        font-size: 36px;
        min-width: 350px;
    }

    .project__seo-text h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .project__seo-text p {
        font-size: 16px;
    }

    .project__seo-text li {
        font-size: 16px;
    }

    .project__seo-text {
        gap: 10px;
        margin-bottom: 60px;
    }

    .project-equipment_title {
        padding: 15px 30px;
    }

    .project-equipment.active .project-equipment_title .p24 {
        font-size: 24px;
    }

    .project-equipment_content_image img {
        width: 290px;
    }

    .project-equipment_content_text {
        padding: 20px 30px;
    }

    .project-equipment_content_list .p16 {
        font-size: 12px;
    }

    .project-equipment_content_text .mb40 {
        margin-bottom: 20px;
    }

    .p52 {
        font-size: 36px;
    }

    .cb-group_value .cb-group_value-item {
        font-size: 14px;
        padding: 10px;
    }

    .callback-banner-form_cb_title {
        padding: 10px;
    }

    .callback-banner-form_cb-left,
    .callback-banner-form_cb-right {
        width: 50%;
    }

    .news-details__content p,
    .projects-cat__text p {
        font-size: 1.1rem;
    }

    .news-details__content li,
    .projects-cat__text li {
        font-size: 1.1rem;
    }

    .news-details__content h2,
    .projects-cat__text h2 {
        font-size: 1.85rem;
    }

    .news-details__content h3,
    .projects-cat__text h3 {
        font-size: 1.6rem;
    }

    .news-details__content h4,
    .projects-cat__text h4 {
        font-size: 1.3rem;
    }

}

@media(max-width: 960px) {

    .p44 {
        font-size: 36px;
    }

    .table_title {
        padding: 10px 20px;
    }

    .table_title_element {
        font-size: 14px;
    }

    .table_top_service_content {
        margin-bottom: 15px;
    }

    .table_top_service_title {
        padding: 15px 20px;
    }

    .p20 {
        font-size: 14px;
    }

    .p14 {
        font-size: 12px;
    }

    .table_top_service_item {
        font-size: 14px;
    }

    .table_top {
        margin-bottom: 5px;
    }

    .table_top_service_property {
        margin-top: 10px;
    }

    .design_example__content .swiper-slide {
        width: 350px;
    }

    .portfolio-gallery__nav-next,
    .portfolio-gallery__nav-prev {
        padding: 15px 20px;
    }

    .portfolio-gallery__thumb {
        height: 50px;
        width: 90px;
    }

    .p36 {
        font-size: 24px;
    }

    .hero-project__slider {
        width: 535px;
    }

    .hero-project-new__content {
        gap: 10px;
    }

    .breadcrumbs-element.breadcrumbs:not(:last-child) {
        margin-bottom: 20px;
    }

    .project_not_price_list {
        gap: 10px;
    }

}

@media (max-width: 768px) {
    .create_house__left {
        width: -webkit-fill-available;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .create_house__right {
        position: relative;
        width: -webkit-fill-available;
    }

    .create_house {
        padding-bottom: 0px;
    }

    .project-slider__arrow {
        width: 40px;
        height: 40px;
    }

    .callback-banner-new .white_btn {
        bottom: 30px;
        right: 0px;
        left: 30px;
        max-width: 188px;
    }

    .design_example-slider__swiper .slider-arrows {
        display: none;
    }

    .seo-banner__image {
        position: relative;
        right: auto;
        left: 0;
    }

    .project-slider__images {
        height: 270px;
    }

    .seo-banner__text {
        width: auto;
    }

    .seo-banner__image {
        width: auto;
    }

    .tabs-project-inner__text p {
        font-size: 14px;
    }

    .engineering_type_content {
        flex-direction: column;
    }

    .engineering_type_content_image {
        width: 100%;
        max-height: 300px;
        overflow: hidden;
    }

    .engineering_type_content_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        object-position: center;
    }

    .hero-project-new__content {
        flex-direction: column;
        gap: 20px;
    }

    .hero-project__slider {
        width: -webkit-fill-available;
        height: 420px;
    }

    .hero-project__image-ibg {
        height: 420px;
    }

    .breadcrumbs-element {
        margin: 20px auto;
    }

    .hero-project__content-body {
        max-width: -webkit-fill-available;
        width: -webkit-fill-available;
    }

    .hero-project__content-description {
        gap: 20px;
        flex-direction: row;
    }

    .hero-project__content-top {
        margin-bottom: 30px;
    }

    .project__seo-text {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .project__seo-text h2 {
        min-width: 300px;
    }

    .project-equipment_content {
        flex-direction: column;
    }

    .project-equipment_content_image {
        width: 100%;
        max-height: 300px;
        overflow: hidden;
    }

    .project-equipment_content_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        object-position: center;
    }

    .project_not_price_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .project-equipment_content_image,
    .engineering-equipment_content_btns {
        gap: 20px;
        flex-direction: column;
    }
}

@media (max-width: 680px) {
    .wall_prices__content.table-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .wall_prices__content.table-wrapper .tabel-list {
        min-width: 600px !important;
        padding-right: 0.9375rem;
    }

    .wall_prices__container {
        padding-right: 0px;
    }

    .wall_prices__content .table_title .table_title_element:not(:last-child) {
        padding-left: 15px;
    }

    .roof_prices__content.table-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .roof_prices__content.table-wrapper .tabel-list {
        min-width: 700px !important;
        padding-right: 0.9375rem;
    }

    .roof_prices__container {
        padding-right: 0px;
    }

    .roof_prices__content .table_title .table_title_element:not(:last-child) {
        padding-left: 15px;
    }

    .engineering_price__content.table-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .engineering_price__content.table-wrapper .tabel-list {
        min-width: 600px !important;
        padding-right: 0.9375rem;
    }

    .engineering_price__container {
        padding-right: 0px;
    }

    .engineering_price__content .table_title .table_title_element:not(:last-child) {
        padding-left: 15px;
    }

    .engineering_price__content .table_title .table_title_element:last-child {
        margin-left: 20px;
    }

    .callback-banner-form_cb-left,
    .callback-banner-form_cb-right {
        width: -webkit-fill-available;
    }

    .callback-banner-form_cb-left {
        border: 0px;
        padding-right: 0;
    }

    .callback-banner-form_cb {
        flex-direction: column;
    }

    .callback-banner-form-bottom {
        flex-direction: column;
        gap: 20px;
    }

    .form-house-wrapper {
        height: 270px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .form-house-wrapper img {
        height: auto;
        max-height: 100%;
        width: auto;
    }
}



@media (max-width: 480px) {
    .table-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .table-wrapper .tabel-list {
        min-width: 540px;
        padding-right: 0.9375rem;
    }

    .design_wooden__container,
    .design_stone__container {
        padding-right: 0px;
    }

    .table_title .table_title_element:not(:last-child) {
        padding-left: 15px;
    }

    .design_wooden .table_title .table_title_element:last-child {
        margin-left: 20px;
    }

    .callback-banner-new .callback-banner__content {
        padding: 1.875rem 1.875rem 18.5rem 1.875rem;
    }

    .callback-banner-new .callback-banner__image-ibg {
        width: 500px;
        right: -150px;
        bottom: -160px;
    }

    .portfolio-gallery__active-wrapper img {
        max-height: 300px;
    }

    .hero-project__content-description {
        gap: 10px;
        flex-wrap: wrap;
    }

    .hero-project__image-ibg {
        height: 270px;
    }

    .hero-project__slider {
        height: 270px;
    }

    .project_not_price_list {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
}

html.menu-open body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 4;
    pointer-events: none;
}

.scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #366f5a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    z-index: 999;

    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background-color 0.2s ease;

    animation: softPulse 2.5s infinite;
}

.scroll-to-top._is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.scroll-to-top:hover {
    background-color: #2b5948;
}

.scroll-to-top svg {
    transition: transform 0.2s ease;
}

.scroll-to-top:hover svg {
    transform: translateY(-2px);
}

@keyframes softPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(54, 111, 90, 0.5);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(54, 111, 90, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(54, 111, 90, 0);
    }
}

.fancybox-placeholder {
    background: white;
}

.item-projects-cat__body {
    display: block;
    text-decoration: none;
    color: inherit;
}

.hp-wrap {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

.category__item {
    cursor: pointer;
    position: relative;
}

.category__image-block {
    pointer-events: none;
}

.projects-slider-item {
    cursor: pointer;
}

.projects-slider-item__image-ibg {
    pointer-events: none;
}

.service-card {
    cursor: pointer;
}

.service-card__image-ibg {
    pointer-events: none;
}

.projects-cat__container {
    width: 100%;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* End */
/* /local/templates/vyatki/css/style.css?1790340004345892 */
/* /local/templates/vyatki/css/style_new.css?179077043549031 */
