:root {
  --old-main-color: #a32829;
  --main-color: #930338;
  --title-color: #121212;
  --text-color: #000;
  --dark-grey-color: #404040;
  --grey-color: #707070;
  --tab-color: #949393;
  --background: #fff;
  --block-background: #f6f6f6;
  --lk-background: #F5F5F7;
  --red-background: #700924;
  --border-color: #DADADA;
  --line-color: #E5E5E5;
  --title-font: 'Montserrat', sans-serif;
  --text-font: 'IBM Plex Sans', sans-serif;
}

/* обнуление */
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

button {
  display: inline-block;
  background: none;
  border: none;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

button:focus-visible {
  outline: none;
}

ul,
ol,
li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

html,
body {
  height: 100%;
  line-height: 1;
  font-size: 14px;
  color: #252b42;
  font-weight: 500;
  font-family: Montserrat;
  margin: 0;
}

/* обнуление */
/* menu-btn */

.menu-btn {
  position: relative;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 40px;
  vertical-align: middle;
  z-index: 2000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-top: 20px;
}

.additional .menu-btn {
  margin-top: 0px;
  top: -93px;
  right: -62px;
}

@media screen and (min-width: 1000px) {
  .menu-btn {
    top: 25px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
  }

  .small-header .menu-btn {
    -webkit-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}

.menu-btn:before {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #f5f5f7;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.menu-btn .b {
  position: absolute;
  width: 16px;
  height: 2px;
  background: #f2f0eb;
  left: 0;
  right: 0;
  margin: auto;
}

.menu-btn .b1 {
  top: 14px;
}

.menu-btn .b2 {
  top: 17px;
}

.menu-btn .b4,
.menu-btn .b5 {
  top: 17px;
}

.menu-btn .b3 {
  top: 24px;
}

.menu-btn .b4,
.menu-btn .b5 {
  opacity: 0;
}

.menu-btn .b4 {
  -webkit-transform: rotate(45deg) scaleX(0.3);
  -ms-transform: rotate(45deg) scaleX(0.3);
  transform: rotate(45deg) scaleX(0.3);
}

.menu-btn .b5 {
  -webkit-transform: rotate(-45deg) scaleX(0.3);
  -ms-transform: rotate(-45deg) scaleX(0.3);
  transform: rotate(-45deg) scaleX(0.3);
}

.menu-btn.active .b4,
.menu-btn.active .b5 {
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  opacity: 1;
}

.menu-btn.active .b4 {
  -webkit-transform: rotate(45deg) scaleX(1.2);
  -ms-transform: rotate(45deg) scaleX(1.2);
  transform: rotate(45deg) scaleX(1.2);
}

.menu-btn.active .b5 {
  -webkit-transform: rotate(-45deg) scaleX(1.2);
  -ms-transform: rotate(-45deg) scaleX(1.2);
  transform: rotate(-45deg) scaleX(1.2);
}

.menu-btn .b1,
.menu-btn .b2,
.menu-btn .b3 {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

.menu-btn.active .b1,
.menu-btn.active .b2,
.menu-btn.active .b3 {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  opacity: 0;
}

.menu-btn:before {
  -webkit-transition: all 0.25s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.25s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.25s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.menu-btn:hover:before {
  -webkit-transform: scale(1.14);
  -ms-transform: scale(1.14);
  transform: scale(1.14);
}

@media (min-width: 450px) and (max-width: 1024px) {

  .menu-btn .b4,
  .menu-btn .b5 {
    top: 15px;
  }
}

@media (min-width: 450px) and (max-width: 1000px) {
  .additional .menu-btn {
    top: -30px;
  }
}

@media screen and (max-width: 1299px) {
  .menu-btn {
    top: 0;
    margin-top: 0;
    background: transparent;
    z-index: 500;
    margin-right: 11px;
  }

  .menu-btn .b {
    background: #942023;
  }

  .menu-btn .b2 {
    top: 19px;
  }
}

@media screen and (max-width: 680px) {
  .menu-btn {
    margin-right: 1px;
  }
}

/* menu-btn */

body.prevent-scroll {
  overflow: hidden;
}

@media screen and (min-width: 999px) {
  body.prevent-scroll {
    width: 100%;
    position: fixed;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

/* popup */
popup-component {
  display: block;
}

popup-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 80;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  pointer-events: none;
  -webkit-transition: opacity 0.6s ease 0s, bottom 0s ease 0.5s;
  -o-transition: opacity 0.6s ease 0s, bottom 0s ease 0.5s;
  transition: opacity 0.6s ease 0s, bottom 0s ease 0.5s;
  opacity: 0;
}

popup-overlay.active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.6s ease 0s, bottom 0s ease 0s;
  -o-transition: opacity 0.6s ease 0s, bottom 0s ease 0s;
  transition: opacity 0.6s ease 0s, bottom 0s ease 0s;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  display: block;
}

.popup {
  position: fixed;
  left: 0;
  right: 0;

  bottom: calc(100% - 36px);
  z-index: 100;
  background: #f7f6f5;
  overflow: hidden;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}

.popup.menu-popup {
  top: 66px;
}

.popup .ln a {
  border-bottom: 1px solid #a32829;
}

.popup .ln a:hover {
  color: #a32829;
}

@media screen and (min-width: 1000px) {
  .side-popup {
    left: auto;
    width: 100%;
  }

  .side-popup,
  .video-popup {
    top: 86px;
    bottom: calc(100% - 86px);
  }
}

.popup .l-center {
  min-height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.popup .overflow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100vh - 36px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.menu-popup .popup .overflow {
  height: calc(100vh - 36px);
}

.side-popup {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: opacity 0.45s ease 0.2s, bottom 0s ease 0.7s,
    -webkit-transform 0.45s ease 0.2s;
  transition: opacity 0.45s ease 0.2s, bottom 0s ease 0.7s,
    -webkit-transform 0.45s ease 0.2s;
  -o-transition: opacity 0.45s ease 0.2s, transform 0.45s ease 0.2s,
    bottom 0s ease 0.7s;
  -webkit-transition: opacity 0.45s ease 0.2s, bottom 0s ease 0.7s,
    -webkit-transform 0.45s ease 0.2s;
  transition: opacity 0.45s ease 0.2s, bottom 0s ease 0.7s,
    -webkit-transform 0.45s ease 0.2s;
  transition: opacity 0.45s ease 0.2s, transform 0.45s ease 0.2s,
    bottom 0s ease 0.7s;
  transition: opacity 0.45s ease 0.2s, transform 0.45s ease 0.2s,
    bottom 0s ease 0.7s, -webkit-transform 0.45s ease 0.2s;
}

.side-popup.active {
  bottom: 0 !important;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s ease 0s, bottom 0s ease 0s,
    -webkit-transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, bottom 0s ease 0s,
    -webkit-transform 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, bottom 0s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s, bottom 0s ease 0s,
    -webkit-transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, bottom 0s ease 0s,
    -webkit-transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, bottom 0s ease 0s;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, bottom 0s ease 0s,
    -webkit-transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, bottom 0s ease 0s,
    -webkit-transform 0.3s ease 0s;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.side-popup .popup-content {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: opacity 0.3s ease-in 0s, -webkit-transform 0.3s ease-in 0s;
  transition: opacity 0.3s ease-in 0s, -webkit-transform 0.3s ease-in 0s;
  -o-transition: transform 0.3s ease-in 0s, opacity 0.3s ease-in 0s;
  transition: transform 0.3s ease-in 0s, opacity 0.3s ease-in 0s;
  transition: transform 0.3s ease-in 0s, opacity 0.3s ease-in 0s,
    -webkit-transform 0.3s ease-in 0s;
  transition: transform 0.3s ease-in 0s, opacity 0.3s ease-in 0s,
    -webkit-transform 0.3s ease-in 0s;
}

.side-popup.active .popup-content {
  -webkit-transition: opacity 0.3s ease-out 0.2s,
    -webkit-transform 0.3s ease-out 0.2s;
  transition: opacity 0.3s ease-out 0.2s, -webkit-transform 0.3s ease-out 0.2s;
  -o-transition: transform 0.3s ease-out 0.2s, opacity 0.3s ease-out 0.2s;
  -webkit-transition: opacity 0.3s ease-out 0.2s,
    -webkit-transform 0.3s ease-out 0.2s;
  transition: transform 0.3s ease-out 0.2s, opacity 0.3s ease-out 0.2s;
  transition: transform 0.3s ease-out 0.2s, opacity 0.3s ease-out 0.2s,
    -webkit-transform 0.3s ease-out 0.2s;
  transition: transform 0.3s ease-out 0.2s, opacity 0.3s ease-out 0.2s,
    -webkit-transform 0.3s ease-out 0.2s;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

@media screen and (min-width: 1000px) {
  .side-popup {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }

  .side-popup.s-house {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }

  .side-popup.active {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }

  .popup .overflow {
    height: 100%;
  }

  .side-popup .popup-content {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease-in 0s;
    transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease-in 0s;
    -o-transition: transform 0.4s ease-in 0s, opacity 0.4s ease 0s;
    transition: transform 0.4s ease-in 0s, opacity 0.4s ease 0s;
    transition: transform 0.4s ease-in 0s, opacity 0.4s ease 0s,
      -webkit-transform 0.4s ease-in 0s;
    transition: transform 0.4s ease-in 0s, opacity 0.4s ease 0s,
      -webkit-transform 0.4s ease-in 0s;
  }

  .side-popup.s-house .popup-content {
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
    -webkit-transition: opacity 0.45s ease 0.45s,
      -webkit-transform 0.45s ease 0s;
    transition: opacity 0.45s ease 0.45s, -webkit-transform 0.45s ease 0s;
    -o-transition: transform 0.45s ease 0s, opacity 0.45s ease 0.45s;
    -webkit-transition: opacity 0.45s ease 0.45s,
      -webkit-transform 0.45s ease 0s;
    transition: transform 0.45s ease 0s, opacity 0.45s ease 0.45s;
    transition: transform 0.45s ease 0s, opacity 0.45s ease 0.45s,
      -webkit-transform 0.45s ease 0s;
    transition: transform 0.45s ease 0s, opacity 0.45s ease 0.45s,
      -webkit-transform 0.45s ease 0s;
  }

  .first-scroll .side-popup.s-house .popup-content {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
  }

  .side-popup.active .popup-content {
    -webkit-transition: opacity 0.4s ease 0.2s,
      -webkit-transform 0.4s ease-out 0.2s;
    transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease-out 0.2s;
    -o-transition: transform 0.4s ease-out 0.2s, opacity 0.4s ease 0.2s;
    -webkit-transition: opacity 0.4s ease 0.2s,
      -webkit-transform 0.4s ease-out 0.2s;
    transition: transform 0.4s ease-out 0.2s, opacity 0.4s ease 0.2s;
    transition: transform 0.4s ease-out 0.2s, opacity 0.4s ease 0.2s,
      -webkit-transform 0.4s ease-out 0.2s;
    transition: transform 0.4s ease-out 0.2s, opacity 0.4s ease 0.2s,
      -webkit-transform 0.4s ease-out 0.2s;
    -webkit-transform: translateX(0px) !important;
    -ms-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
    opacity: 1;
  }

  .side-popup.s-house.active .popup-content {
    -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
    transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
    transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
    transition: transform 0.4s ease 0s, opacity 0.4s ease 0s,
      -webkit-transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s, opacity 0.4s ease 0s,
      -webkit-transform 0.4s ease 0s;
  }
}

.popup-top .big-link {
  margin-right: 50px;
}

.popup .close {
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;
}

.popup .close .b {
  position: absolute;
  width: 17px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background: #404040;
  border-radius: 5px;
}

.popup .close .b1 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popup .close .b2 {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.big-menu:not(.drop-down) li:last-child {
  margin-bottom: 0;
  border: 1px solid transparent;
}

._menu-mobile {
  display: none;
}

._menu-mobile .popup_yes_no._mobile p {
  padding-left: 0;
  margin-bottom: 0;
}

._menu-mobile .popup_yes_no-wrapp_mobile {
  display: none;
}

._menu-mobile .popup_yes_no._mobile {
  display: none;
  left: 0;
  bottom: 0;
  margin-left: 0;
  height: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f7f6f5;
}

._menu-mobile .city_mobile {
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px dashed #a52222;
}

.popup_yes_no-wrapp-mobile {
  display: block;
}

._menu-mobile .btn-container {
  display: none;
}

@media (min-width: 640px) {
  ._menu-mobile .popup_yes_no-wrapp_mobile .popup_yes_no {
    display: none;
  }
}

@media (max-width: 1300px) {
  ._menu-mobile {
    display: block;
    background-color: #ffffff;
    z-index: 99999;
    top: 0;
  }

  .menu-popup {
    display: none;
  }

  .big-menu,
  .simple-menu:not(footer .simple-menu) {
    display: none;
  }

  .main-menu.drop-down {
    display: block;
  }

  ._menu-mobile .popup_yes_no-wrapp-mobile {
    position: absolute;
    top: 15px;
    left: 30px;
  }

  ._menu-mobile .popup_yes_no-wrapp-mobile .menu-mobile-item {
    border-bottom: dashed 1px #942023;
    font: 12px "Montserrat", sans-serif;
    letter-spacing: 0px;
    color: #404040;
    text-transform: capitalize;
  }

  ._menu-mobile .popup_yes_no p {
    line-height: 1;
    height: initial;
    margin-top: 0;
  }

  ._menu-mobile .simple-menu {
    display: none;
  }

  ._menu-mobile.popup {
    background-color: #ffffff;
  }

  .popup._menu-mobile.popup .additional {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 77px;
    margin-top: 0;
    background-color: #ffffff;
  }

  ._menu-mobile.popup .l-center {
    position: relative;
    /*overflow: hidden;*/
    padding-top: 104px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%;
  }

  ._menu-mobile.active .additional {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }

  ._menu-mobile.side-popup .popup-content {
    width: calc(100% - 160px);
    margin: 0 auto;
    padding-left: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  ._menu-mobile .menu-btn {
    position: absolute;
    right: 30px;
    top: 29px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    z-index: 2000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    background-color: #f7f6f5;
    border-radius: 50%;
    margin: 0;
  }

  ._menu-mobile .menu-btn:before {
    width: 38px;
    height: 38px;
    background-color: #f7f6f5;
  }

  ._menu-mobile .menu-btn .b {
    background-color: #A32829;
  }

  ._menu-mobile .menu-btn .b4,
  ._menu-mobile .menu-btn .b5 {
    top: 18px;
    left: 0.5px;
  }

  ._menu-mobile .popup_yes_no-wrapp-mobile {
    display: block;
    height: 39px;
    width: 79px;
    background: center / contain no-repeat url("/assets/resources/images/logo_terem.svg");
  }

  ._menu-mobile .additional .ico-phone::before {
    content: "";
    position: absolute;
    top: 29px;
    right: 90px;
    width: 38px;
    height: 38px;
  }

  ._menu-mobile .additional .ico-phone {
    position: absolute;
    top: 29px;
    right: 90px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    background: center / 16px no-repeat url("/assets/resources/images/phone-icon.svg");
  }

  ._menu-mobile .additional .ico-phone::after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 11px;
    right: 11px;
    background: center center / contain no-repeat url("/assets/resources/images/phone-icon.svg");
  }

  ._menu-mobile .additional .ico-phone::before {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #f7f6f5;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 0.25s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -o-transition: all 0.25s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.25s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  }

  ._menu-mobile .additional .ico-phone:hover::before {
    -webkit-transform: scale(1.14);
    -ms-transform: scale(1.14);
    transform: scale(1.14);
  }

  ._menu-mobile .additional .ico-phone.zphone {
    background-image: center / contain no-repeat url("/assets/resources/images/phone-icon.svg");
    /* background-size: contain; */
    border: none;
    /* background-color: unset; */
  }

  ._menu-mobile .additional .ico-phone:before {
    border: none;
    /* background-color: #a32829; */
  }

  ._menu-mobile .additional .ico-phone.zphone:before {
    background-color: unset;
  }

  ._menu-mobile .additional .ico-phone svg {
    fill: #ffffff;
  }

  ._menu-mobile .additional .ico-phone.zphone svg {
    display: none;
  }

  ._menu-mobile .main-menu {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    letter-spacing: -0.09px;
    color: #000000;
    margin: 0;
  }

  ._menu-mobile .nav-item-child {
    position: relative;
    border-bottom: solid 1px #bababb;
    margin-bottom: 0;
  }

  ._menu-mobile .big-menu:last-child .nav-item-child:last-child {
    border-bottom-width: 0;
  }

  .big-menu .menu-mobile-dropdoun-button {
    position: relative;
    width: 100%;
    margin: 0;
    border-bottom: solid 1px #bababb;
    font: Bold 16px/51px "Montserrat", sans-serif;
    color: #404040;
  }

  .big-menu .menu-mobile-dropdoun-button a {
    display: block;
    color: #404040;
    line-height: 53px;
  }

  .big-menu.active .menu-mobile-dropdoun-button {
    color: inherit;
  }

  ._menu-mobile .menu-mobile-dropdoun-button:not(:last-child) {
    position: relative;
    width: 100%;
    text-align: left;
    line-height: 54px;
    border-bottom: solid 1px #d9d9d9;
  }

  ._menu-mobile .s-darr:after {
    content: "";
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 9px;
    background: url(/upload/icon/icon-menu/m-menu-arrows.svg);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
  }

  .drop-down.active button.menu-mobile-dropdoun-button:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
  }

  ._menu-mobile .drop-down .inner li.nav-item-child {
    position: relative;
    height: 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 1px #d9d9d9;
    width: 100%;
  }

  ._menu-mobile .nav-item-child a {
    display: block;
    padding-left: 6px;
    font: 16px/51px "Montserrat", sans-serif;
    letter-spacing: 0px;
    color: #404040;
    line-height: 54px;
    font-weight: 500;
  }

  ._menu-mobile .btn-container {
    display: block;
  }

  ._menu-mobile .btn-container-item {
    width: 100%;
    text-align: left;
    border-bottom: solid 1px #d9d9d9;
    display: block;
    font: 16px/51px "Montserrat", sans-serif;
    letter-spacing: 0px;
    color: #404040;
    line-height: 54px;
  }

  ._menu-mobile .btn-container-item:last-child {
    border-bottom: none;
  }
}

@media (max-width: 767px) {
  ._menu-mobile.side-popup .popup-content {
    width: calc(100% - 70px);
    padding-left: 3px;
  }

  ._menu-mobile.popup .l-center {
    padding-top: 106px;
  }

  ._menu-mobile .popup_yes_no-wrapp-mobile {
    top: 21px;
    left: 39px;
  }

  ._menu-mobile .menu-btn {
    right: 34px;
  }

  ._menu-mobile .additional .ico-phone {
    right: 94px;
  }
}

@media (max-width: 479px) {
  ._menu-mobile.side-popup .popup-content {
    width: calc(100% - 20px);
    padding-left: 2px;
  }

  ._menu-mobile .menu-btn {
    right: 17px;
  }

  ._menu-mobile .additional .ico-phone {
    right: 77px;
  }
}

.center-popup {
  background: none;
}

@media screen and (min-width: 1000px) and (max-width: 1400px) {
  .redbanner-show .center-popup.active {
    top: 150px;
  }
}

@media screen and (min-width: 1000px) {
  .center-popup {
    top: 86px;
    bottom: calc(100% - 86px);
  }

  .center-popup._menu-mobile {
    display: block;
  }
}

.center-popup,
.video-popup {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.45s ease 0s, bottom 0s ease 0.45s,
    -webkit-transform 0.45s ease 0s;
  transition: opacity 0.45s ease 0s, bottom 0s ease 0.45s,
    -webkit-transform 0.45s ease 0s;
  -o-transition: opacity 0.45s ease 0s, transform 0.45s ease 0s,
    bottom 0s ease 0.45s;
  transition: opacity 0.45s ease 0s, transform 0.45s ease 0s,
    bottom 0s ease 0.45s;
  transition: opacity 0.45s ease 0s, transform 0.45s ease 0s,
    bottom 0s ease 0.45s, -webkit-transform 0.45s ease 0s;
}

.center-popup.active,
.video-popup.active {
  top: 0;
  bottom: 0;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s ease 0s, bottom 0s ease 0s,
    -webkit-transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, bottom 0s ease 0s,
    -webkit-transform 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, bottom 0s ease 0s;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, bottom 0s ease 0s;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, bottom 0s ease 0s,
    -webkit-transform 0.3s ease 0s;
}

.center-popup .content {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.center-popup.active div.content {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
}

.popup .close:before {
  content: "";
  opacity: 0;
}

.s-circle.hover:before,
.no-touchevents .s-circle:hover:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@media screen and (min-width: 1000px) {

  .center-popup,
  .video-popup {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  .center-popup.active,
  .video-popup.active {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.center-popup .l-center {
  background: #ffffff;
}

.center-popup .content {
  position: relative;
  padding: 40px 20px;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.center-popup .form-section {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 0;
}

.center-popup .content {
  position: relative;
  padding: 0;
  max-width: 720px;
  width: 100%;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 19px auto 0;
  padding-right: 14px;
}

.center-popup .popup-top {
  display: none;
}

@media screen and (min-width: 400px) {
  .popup-top {
    right: 20px;
  }
}

@media screen and (min-width: 600px) {
  .popup-top {
    right: 140px;
  }
}

@media screen and (min-width: 1000px) {
  .center-popup._menu-mobile.popup {
    background-color: transparent;
  }

  .center-popup .popup-top {
    display: block;
  }

  .center-popup.popup._menu-mobile.popup .additional {
    display: none;
  }

  .center-popup .l-center {
    background: none;
  }

  .center-popup .content {
    padding: 70px 82px 71px 82px;
    width: calc(100% - 87px);
    margin: 0 auto;
  }

  .center-popup .popup-top {
    position: absolute;
    right: 18px;
    top: 18px;
  }

  .center-popup .popup-top .close {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .center-popup .content {
    margin: 17px auto 0;
    padding: 0;
  }
}

.popup.center-popup .city-popup {
  width: 100%;
}

:required {
  border: initial;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* popup */

/* slider */
.slider img {
  display: block;
  width: 100%;
}

.slider .img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: center;
  background-size: cover;
}

.slider .img.tx {
  top: auto;
  bottom: 0;
}

.slider-wrapper {
  display: block;
  position: relative;
}

@media screen and (min-width: 1000px) {
  .tx .slider-wrapper {
    margin-top: 55px;
    margin-bottom: 25px;
  }
}

.slider-wrapper .slider {
  position: relative;
  z-index: 0;
}

.slider-wrapper .slider-controls {
  position: absolute;
  width: 100px;
  height: 50px;
  background: #ffffff;
  z-index: 1;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}

@media screen and (min-width: 640px) {
  .slider-wrapper .slider-controls {
    width: 150px;
    height: 75px;
  }
}

.slider-wrapper .slide.to-left img,
.slider-wrapper .slide.to-right img,
.slider-wrapper .slide.to-left .img,
.slider-wrapper .slide.to-right .img,
.slider-wrapper .slide.to-top img,
.slider-wrapper .slide.to-bottom img,
.slider-wrapper .slide.to-top .img,
.slider-wrapper .slide.to-bottom .img {
  -webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s;
  transition: opacity 0.6s linear, -webkit-transform 0.6s;
  -o-transition: opacity 0.6s linear, transform 0.6s;
  transition: opacity 0.6s linear, transform 0.6s;
  transition: opacity 0.6s linear, transform 0.6s, -webkit-transform 0.6s;
  opacity: 0;
}

.slider-wrapper .slide.lower-moving .slider-img,
.slider-wrapper .slide.moving .slider-img,
.slider-wrapper .slide.lower-moving .slider-img,
.slider-wrapper .slide.moving .slider-img {
  opacity: 1;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
}

.slider-wrapper .slider-controls.s-r,
.slider-wrapper .slider-controls.s-sh-r,
.slider-wrapper .slider-controls.s-l,
.slider-wrapper .slider-controls.s-sh-l {
  right: 0;
}

.slider-wrapper .slider-controls.s-t,
.slider-wrapper .slider-controls.s-b {
  bottom: 0;
}

@media screen and (min-width: 640px) {

  .slider-wrapper .slider-controls.s-r,
  .slider-wrapper .slider-controls.s-sh-r {
    right: 0;
  }

  .slider-wrapper .slider-controls.s-l,
  .slider-wrapper .slider-controls.s-sh-l {
    left: 0;
  }

  .slider-wrapper .slider-controls.s-t {
    top: 0;
  }

  .slider-wrapper .slider-controls.s-b {
    bottom: 0;
  }
}

@media screen and (min-width: 1000px) {
  .slider-wrapper .slider-controls.s-sh-r {
    right: -75px;
  }

  .slider-wrapper .slider-controls.s-sh-l {
    left: -75px;
  }
}

.slider-controls .prev,
.slider-controls .next {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
}

.slider-controls .prev {
  left: 0;
}

.slider-controls .next {
  right: 0;
}

.slider+.slider-controls .prev {
  cursor: default;
  pointer-events: none;
}

.slider.initialized+.slider-controls .prev:not(.disabled) {
  cursor: pointer;
  pointer-events: initial;
}

.slider-controls button.disabled {
  cursor: default;
  pointer-events: none;
}

.slider-controls button {
  position: relative;
  background: #ffffff;
  -webkit-transition: background 0.45s;
  -o-transition: background 0.45s;
  transition: background 0.45s;
  z-index: 5;
}

.slider-controls button:not(.disabled):hover {
  background-color: #ebebe5;
}

.slider-controls button .b {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 2px;
  background: #121212;
  z-index: 2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

slider-component[data-id="plan-slider"],
slider-component[data-id="furniture-slider"] {
  margin: -35px 0;
}

@media screen and (min-width: 640px) {
  .slider-controls button .b {
    width: 15px;
  }
}

.slider .slide:nth-child(n + 2) {
  display: none;
}

.slider.initialized .slide:nth-child(n + 2) {
  display: initial;
}

.slider-controls button:not(.disabled):hover .b {
  background: #a32829;
}

.slider-controls button.next .b {
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  right: 2px;
}

.slider-controls button.prev .b {
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  left: 2px;
}

.slider.initialized+.slider-controls .prev:not(.disabled) .b1,
.slider-controls button .b1 {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.slider.initialized+.slider-controls .prev:not(.disabled) .b2,
.slider-controls button .b2 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slider+.slider-controls .prev .b1,
.slider+.slider-controls .prev .b2,
.slider-controls button.disabled .b1,
.slider-controls button.disabled .b2 {
  -webkit-transform: rotate(0deg) scaleX(2) translateX(-30%);
  -ms-transform: rotate(0deg) scaleX(2) translateX(-30%);
  transform: rotate(0deg) scaleX(2) translateX(-30%);
}

.slider-controls button.next.disabled .b1,
.slider-controls button.next.disabled .b2 {
  -webkit-transform: rotate(0deg) scaleX(2) translateX(30%);
  -ms-transform: rotate(0deg) scaleX(2) translateX(30%);
  transform: rotate(0deg) scaleX(2) translateX(30%);
}

.slider .slide:nth-child(n + 2) {
  display: none;
}

.slider.initialized .slide:nth-child(n + 2) {
  display: initial;
}

.block .l-r {
  margin-bottom: 0;
}

.slider {
  display: block;
  position: relative;
  z-index: 5;
}

.slider .inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-x: hidden;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  z-index: 0;
}

.double-slider .inner {
  overflow: hidden;
}

.slider:focus:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  outline-width: 3px;
}

.no-outline .slider:focus:before {
  content: none;
}

.slider .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slider img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (min-width: 1000px) {
  .block .l-l {
    margin-bottom: 0;
  }

  .slider-controls button:not(.disabled):hover {
    background: #ebebe5;
  }
}

/* slider */
/* carousel */
.carousel-section h4,
.carousel-section .h4 {
  margin-bottom: 100px;
}

@media screen and (min-width: 640px) {
  .carousel-section .wrapper {
    padding: 0 40px;
  }
}

.carousel-section .carousel {
  padding-top: 50px;
  margin-top: -50px;
  overflow: hidden;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}

.carousel-section .slider-controls {
  position: relative;
  width: 100px;
  height: 50px;
  margin-top: 40px;
  margin-left: auto;
}

@media screen and (min-width: 640px) {
  .carousel-section .slider-controls {
    width: 150px;
    height: 75px;
  }
}

.carousel {
  display: block;
  width: 100%;
  font-size: 0;
}

.carousel .carousel-container {
  white-space: nowrap;
}

.carousel .item {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  font-size: 16px;
}

.carousel.s-gap-120 .item {
  margin-right: 120px;
}

/* carousel */
/* owl.carousel.css */

.carousel-container {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.carousel-container .owl-stage {
  padding-top: 15px;
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.carousel-container .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.carousel-container .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
  padding-bottom: 15px;
}

.carousel-container .owl-wrapper,
.carousel-container .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.carousel-container .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.carousel-container .owl-item img {
  display: block;
  width: 100%;
}

.carousel-container .owl-nav.disabled,
.carousel-container .owl-dots.disabled {
  display: none;
}

.carousel-container .owl-nav .owl-prev,
.carousel-container .owl-nav .owl-next,
.carousel-container .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.carousel-container .owl-nav button.owl-prev,
.carousel-container .owl-nav button.owl-next,
.carousel-container button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.carousel-container.owl-loaded {
  display: block;
}

.carousel-container.owl-loading {
  opacity: 0;
  display: block;
}

.carousel-container.owl-hidden {
  opacity: 0;
}

.carousel-container.owl-refresh .owl-item {
  visibility: hidden;
}

.carousel-container.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.carousel-container.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.carousel-container.owl-rtl {
  direction: rtl;
}

.carousel-container.owl-rtl .owl-item {
  float: right;
}

.no-js .carousel-container {
  display: block;
}

.carousel-container .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.carousel-container .owl-animated-in {
  z-index: 0;
}

.carousel-container .owl-animated-out {
  z-index: 1;
}

.carousel-container .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.carousel-container .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.carousel-container .owl-item .owl-lazy[src^=""],
.carousel-container .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.carousel-container .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.carousel-controls button {
  position: absolute;
}

/* общие стили */
section {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 60px;
  padding: 0;
}

._wrapper {
  position: relative;
  max-width: 1320px;
  width: calc(100% - 48px);
  margin: 0 auto;
}

._menu-mobile.side-popup .popup-content {
  position: relative;
  max-width: 1320px;
  width: calc(100% - 48px);
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 960px) {

  ._wrapper,
  ._menu-mobile.side-popup .popup-content {
    width: calc(100% - 60px);
  }
}

@media screen and (max-width: 640px) {

  ._wrapper,
  ._menu-mobile.side-popup .popup-content {
    width: calc(100% - 52px);
  }
}

@media screen and (max-width: 500px) {

  ._wrapper,
  ._menu-mobile.side-popup .popup-content {
    width: calc(100% - 32px);
  }
}

.h1 {
  font: normal 600 26px/34px "Montserrat", sans-serif;
  color: #f5f5f7;
}

.h2 {
  font: normal 600 21px/27px "Montserrat", sans-serif;
  color: #000;
}

.text-14 {
  font: normal 400 14px/21px "IBM Plex Sans", sans-serif;
}

.text-16 {
  font: normal 400 16px/24px "IBM Plex Sans", sans-serif;
  color: #121212;
}

.text-18 {
  font: normal 400 18px/27px "IBM Plex Sans", sans-serif;
  color: #000;
}

.red-btn {
  display: block;
  width: 100%;
  white-space: nowrap;
  cursor: pointer;
  font: normal 500 12px/16px "IBM Plex Sans", sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: #a32829;
  border-radius: 4px;
  border: 1px solid transparent;
  text-align: center;
  padding: 8px 0;
}

.red-btn:hover {
  color: #a32829;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #a32829;
}

._items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 680px) {
  section {
    margin-bottom: 80px;
    padding: 0;
  }

  .h2 {
    font-size: 30px;
    line-height: 130%;
  }

  .text-14 {
    font: normal 400 16px/24px "IBM Plex Sans", sans-serif;
  }
}

@media screen and (min-width: 1200px) {
  section {
    margin-bottom: 120px;
    padding: 0;
  }

  ._items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

/* общие стили */
/* header */

header {
  width: 100%;
  padding: 25px 0 0;
  background-color: #ffffff;
}

header ._wrapper {
  width: 100%;
  height: 69px;
}

header .l-l {
  float: left;
  margin: 0;
}

header .main-logo {
  display: block;
  height: 39px;
  width: 79px;
  background: 1px center / contain no-repeat url("/assets/resources/images/logo_terem.svg");
}

.desktop-container {
  display: none;
}

@media screen and (min-width: 680px) {
  header .main-logo {
    background: 0px center / contain no-repeat url("/assets/resources/images/logo_terem.svg");
  }

  header ._icon,
  .icon-burger-menu {
    left: -11px;
  }
}

@media (min-width: 1300px) {
  header ._wrapper {
    height: unset;
    width: calc(100% - 48px);
  }

  header .main-logo {
    height: 86px;
    width: 120px;
    background: center / contain no-repeat url("/assets/resources/images/logo_terem.svg");
  }

  header .l-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 80px;
    width: 100%;
  }

  header nav {
    position: relative;
    top: 0;
    left: 0;
  }

  .desktop-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .desktop-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 2px 0 0;
  }

  .desctop-link {
    /*border-bottom: 1px dotted #000;*/
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font: normal 500 16px/24px "Montserrat", sans-serif;
    color: #000000;
  }

  .desctop-link:hover {
    color: #a32829;
  }

  .desctop-link__tel {
    font: normal 700 18px/27px "Montserrat", sans-serif;
    color: #942023;
    margin: 5px -1px 0 0;
  }

  .icons-wrapper {
    display: none;
  }
}

header .l-r {
  float: right;
  padding-top: 6px;
  position: relative;
  margin: 0;
}

header ._icon,
.icon-burger-menu {
  position: relative;
  left: -1px;
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: center / auto no-repeat #f7f6f5;
  float: left;
}

header .icon-phone {
  margin-right: 22px;
}

header .icon-phone::after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 11px;
  left: 12px;
  background: center center / contain no-repeat url("/assets/resources/images/phone-icon.svg");
}

header .icon-phone::before {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #f5f5f7;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.25s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.25s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.25s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

header .icon-phone:hover::before {
  -webkit-transform: scale(1.14);
  -ms-transform: scale(1.14);
  transform: scale(1.14);
}

.icon-burger-menu-line {
  position: absolute;
  height: 2px;
  width: 16px;
  background-color: #942023;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.icon-burger-menu-line._line1 {
  top: 13px;
}

.icon-burger-menu-line._line2 {
  top: 18px;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.icon-burger-menu-line._line3 {
  top: 23px;
}

header .main-logo {
  position: relative;
  left: 24px;
}

header .l-r {
  right: 24px;
}

@media screen and (max-width: 960px) {
  header .main-logo {
    left: 30px;
  }

  header .l-r {
    right: 31px;
  }

  ._menu-mobile .popup_yes_no-wrapp-mobile {
    top: 25px;
    left: 25px;
  }

  ._menu-mobile .additional .ico-phone {
    top: 31px;
    right: 91px;
  }

  ._menu-mobile .menu-btn {
    top: 31px;
    right: 31px;
  }

  .menu-btn {
    margin-right: 0px;
  }
}

@media screen and (max-width: 640px) {
  header .main-logo {
    left: 26px;
  }

  header .l-r {
    right: 26px;
  }

  ._menu-mobile .popup_yes_no-wrapp-mobile {
    top: 25px;
    left: 22px;
  }

  ._menu-mobile .additional .ico-phone {
    top: 31px;
    right: 87px;
  }

  ._menu-mobile .menu-btn {
    top: 31px;
    right: 26px;
  }
}

@media screen and (max-width: 500px) {
  header .main-logo {
    left: 16px;
  }

  header .l-r {
    right: 17px;
  }

  ._menu-mobile .popup_yes_no-wrapp-mobile {
    top: 25px;
    left: 11px;
  }

  ._menu-mobile .additional .ico-phone {
    top: 30px;
    right: 76px;
  }

  ._menu-mobile .menu-btn {
    top: 30px;
    right: 16px;
  }
}

@media screen and (min-width: 1300px) {
  header .main-logo {
    left: 0;
  }
}

/* header */
/*--------------- блок ЗАГОЛОВОК -------------*/
.page-title {
  padding: 36px 0 0;
  margin: 0 0 44px;
}

.page-title .h1 {
  text-align: center;
  letter-spacing: 0;
  font: normal 600 26px/34px "Montserrat", sans-serif;
  color: #000;
}

.page-title .h1 span {
  text-align: center;
  color: #a32829;
}

@media screen and (min-width: 680px) {
  .page-title {
    padding: 57px 0 0;
    margin: 0 0 69px;
  }

  .page-title .h1 {
    text-align: center;
    letter-spacing: 0.04em;
    font: normal 600 46px/55px "Montserrat", sans-serif;
  }
}

@media screen and (min-width: 1200px) {
  .page-title {
    padding: 107px 0 0;
    margin: 0 0 79px;
  }

  .page-title .h1 {
    text-align: center;
    font: normal 600 80px/96px "Montserrat", sans-serif;
  }

  .page-title .h1 span {
    text-align: center;
  }
}

/*--------------- блок ЗАГОЛОВОК -------------*/
/*--------------- блок ПРОЦЕСС ---------------*/
.process__img {
  height: 72vw;
  width: 100%;
}

.process__body {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.process__items {
  row-gap: 15px;
  margin-top: 20px;
}

.process__item {
  width: 100%;
  position: relative;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  padding: 19px 30px 19px 90px;
}

.process__item:last-child {
  padding-right: 70px;
}

.process__item div b {
  font-weight: 600;
}

.process__item:first-child div::before {
  content: "";
  position: absolute;
  left: 30px;
  display: block;
  height: 32px;
  width: 32px;
  background: no-repeat url(/assets/resources/images/process/month.svg);
  background-size: contain;
}

.process__item:nth-child(2) div::before {
  content: "";
  position: absolute;
  left: 30px;
  display: block;
  height: 32px;
  width: 32px;
  background: no-repeat url(/assets/resources/images/process/control.svg);
  background-size: contain;
}

.process__item:last-child div::before {
  content: "";
  position: absolute;
  left: 30px;
  height: 32px;
  width: 32px;
  background: no-repeat url(/assets/resources/images/process/guarantee.png);
  background-size: contain;
}

@media screen and (max-width: 679px) {
  .process__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 88px;
  }
}

@media screen and (min-width: 680px) {
  .process__img {
    height: 61.33vw;
  }

  .process__items {
    row-gap: 24px;
    margin-top: 28px;
  }

  .process__item {
    padding: 20px 30px 19px 84px;
  }

  .process__item:first-child div::before,
  .process__item:nth-child(2) div::before,
  .process__item:last-child div::before {
    content: "";
    height: 25px;
    width: 24px;
  }

  .process__item:nth-child(2) {
    padding: 20px 30px 26px 84px;
  }
}

@media screen and (min-width: 1200px) {
  .process {
    position: relative;
  }

  .process__img {
    height: 44vw;
    max-height: 704px;
  }

  .process__body {
    position: absolute;
    bottom: 58px;
    width: 100%;
  }

  .process__items {
    row-gap: 0;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin: 0;
  }

  .process__item,
  .process__item:nth-child(2) {
    width: 100%;
    background: #fff;
    max-width: 420px;
    width: calc(34% - 28px);
    padding: 30px 53px 30px 92px;
  }

  .process__item:last-child {
    padding-right: 85px;
  }

  .process__item div {
    font: normal 600 18px/23px "Montserrat", sans-serif;
    color: #000000;
  }

  .process__item:first-child div::before,
  .process__item:nth-child(2) div::before,
  .process__item:last-child div::before {
    content: "";
    height: 28px;
    width: 29px;
    left: 41px;
    top: 31px;
  }
}

@media (min-width: 1200px) and (max-width: 1300px) {
  .process__item {
    min-height: 130px;
  }
}

/*--------------- блок ПРОЦЕСС ---------------*/
/*--------------- блок О КОМПАНИИ ------------*/
.about {
  margin-bottom: 61px;
}

.about__body,
.about ._wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 25px;
}

.about__body--subtitle {
  font: normal 500 12px/16px "Montserrat", sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #404040;
}

.about__body--title {
  width: 95%;
  margin: 2px 0 0;
}

.about__video {
  position: relative;
  display: block;
  height: 64vw;
  width: 100%;
}

.about__video::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 25vw;
  left: 37.8vw;
  background: #fff;
  border-radius: 50%;
}

.about__video:hover::before {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.about__video::after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 25vw;
  left: 37.8vw;
  background: center / cover no-repeat url(/assets/resources/images/video/video-btn.svg);
}

@media screen and (min-width: 500px) {

  .about__video::before,
  .about__video::after {
    left: 47%;
  }
}

@media screen and (min-width: 680px) {
  section.about {
    margin-bottom: 102px;
  }

  .about__video::before,
  .about__video::after {
    content: "";
    width: 70px;
    height: 70px;
    top: 41.5%;
    left: 45%;
  }

  .about__body--title {
    margin: 31px 0 32px;
  }

  .about__body {
    row-gap: 0;
  }

  .about .text-16 {
    width: 94%;
  }

  .about .text-16:first-of-type {
    margin-bottom: 20px;
  }

  .about ._wrapper {
    row-gap: 65px;
  }

  .about__body--subtitle {
    font-size: 14px;
    line-height: 130%;
  }

  .about__video {
    height: 54.5vw;
  }
}

@media (min-width: 680px) and (max-width: 1199px) {
  .about__body--title br {
    display: block;
  }
}

@media screen and (min-width: 800px) {

  .about__video::before,
  .about__video::after {
    left: 47%;
  }
}

@media screen and (min-width: 1200px) {
  section.about {
    margin-bottom: 125px;
  }

  .about__body {
    width: 100%;
  }

  .about ._wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    row-gap: 0;
    -webkit-column-gap: 97px;
    -moz-column-gap: 97px;
    column-gap: 97px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .about__body {
    width: 89%;
    padding: 0;
  }

  .about__video {
    height: 30vw;
    max-height: 420px;
  }

  .about__video::before,
  .about__video::after {
    left: 43.5%;
    top: 41%;
  }
}

/*--------------- блок О КОМПАНИИ ------------*/
/*-------- блок ВЫГОДНЫЕ ПРЕДЛОЖЕНИЯ ---------*/
.special-offers .active .j-dd-button {
  display: none;
}

.special-offers .j-dd-wrapper {
  display: none;
}

.special-offers__title {
  margin-bottom: 19px;
}

.special-offers__items {
  row-gap: 40px;
  margin-top: 40px;
}

.special-offers__items--link {
  display: block;
}

.special-offers__items--link img {
  width: 100%;
}

.special-offers__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 11px;
  gap: 2px;
  flex-direction: column;
}

.special-offers__info--name {
  font: normal 600 16px "Montserrat", sans-serif;
  color: #121212;
}

.special-offers__info--name:hover {
  color: #a32829;
}

.special-offers__info--size {
  font: normal 400 16px/21px "IBM Plex Sans", sans-serif;
  color: #626262;
}

.right-col,
.left-col {
  row-gap: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.right-col{
  flex-direction: row;
  column-gap: 24px;
}

.special-offers__info--price {
  white-space: nowrap;
  line-height: 21px;
  font-size: 16px;
  padding: 2px 0 0 0px;
  color: #121212;
}

.special-offers__info--price .roub {
  padding-left: 3px;
}

.special-offers__info--text {
  font: normal 400 16px/21px "IBM Plex Sans", sans-serif;
  color: #942023;
  text-align: end;
  margin-top: 3px;
}

.special-offers__info--btn {
  display: block;
  width: 100%;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font: normal 500 12px/16px "IBM Plex Sans", sans-serif;
  color: #000;
  border-radius: 4px;
  border: 1px solid #b0b0b0;
  padding: 10px 0 8px;
  margin: 16px auto 0;
}

.special-offers__info--btn:hover {
  border: 1px solid #a32829;
  color: #a32829;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.special-offers__btn {
  padding: 10px 0 8px;
  margin-top: 40px;
}

.special-offers__title {
  color: #121212;
}

@media screen and (min-width: 680px) {

  .right-col,
  .left-col {
    height: auto;
    row-gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .right-col{
    flex-direction: row;
    column-gap: 23px;
  }

  section.special-offers {
    margin-bottom: 94px;
  }

  .special-offers__title {
    margin-bottom: 39px;
    text-align: center;
  }

  .special-offers__text.text-18 {
    text-align: center;
    max-width: 570px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
  }

  .special-offers__btn {
    display: none;
  }

  .special-offers__title br {
    display: none;
  }

  .special-offers__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px 30px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 60px;
  }

  .special-offers__item {
    width: calc(50% - 15px);
  }

  .special-offers__info--name {
    max-width: none;
  }

  .special-offers._mob {
    display: none;
  }

  .special-offers__info--text {
    margin-top: 4px;
  }

  .special-offers__info--price {
    padding: 3px 0 0 0px;
  }

  .special-offers__items{
    row-gap: 40px;
  }
}

@media screen and (min-width: 1200px) {
  .special-offers__info--size{
    font-size: 14px;
    color: #404040;
  }

  .special-offers__info{
    flex-direction: row;
  }

  section.special-offers {
    margin-bottom: 144px;
  }

  ._desk .special-offers__item {
    width: calc(32% - 5px);
    -webkit-transition: max-height 1.5s;
    -o-transition: max-height 1.5s;
    transition: max-height 1.5s;
  }

  .special-offers__info {
    gap: 15px;
    margin-top: 13px;
  }

  .special-offers__info--name {
    max-width: 257px;
    font-size: 18px;
    line-height: 130%;
    padding-top: 3px;
    color: #404040;
      max-width: 208px;
  }

  .special-offers__info--btn {
    display: block;
    position: absolute;
    width: 240px;
    white-space: nowrap;
    cursor: pointer;
    font: normal 500 12px/16px "IBM Plex Sans", sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    background: #a32829;
    border-radius: 4px;
    border: 1px solid transparent;
    text-align: center;
    opacity: 0;
    padding: 9px 0;
    margin: 9px 0 2px;
  }

  .special-offers__info--btn:hover {
    color: #a32829;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #a32829;
  }

  .special-offers__item:hover>.special-offers__info--btn {
    opacity: 1;
    /*position: relative;*/
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .special-offers__items {
    margin-top: 89px;
    gap: 80px 30px;
  }

  .right-col,
  .left-col {
    row-gap: 9px;
    height: 78px;
  }

  .special-offers__title {
    margin-bottom: 42px;
  }

  .special-offers__info--price {
    line-height: 21px;
    padding: 5px 0 0 0px;
    font-size: 14px;
    color: #707070;
  }

  .special-offers__info--text{
    font-size: 14px;
    margin-top: 1px;
  }

  .right-col{
    flex-direction: column;
    column-gap: 0;
  }
}

@media screen and (min-width: 1330px) {
  ._desk .special-offers__item {
    width: calc(32% - 3px);
  }

  .special-offers__items {
    margin-bottom: 55px;
  }

  .right-col,
  .left-col {
    height: unset;
    row-gap: 1px;
  }

  .special-offers__info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

}

/* @media screen and (max-width: 360px) {
  .special-offers__info--price {
    line-height: 16px;
    font-size: 14px;
    padding: 2px 0 0;
  }

  .special-offers__info--name {
    font: normal 600 15px "Montserrat", sans-serif;
    max-width: 176px;
  }

  .special-offers__info--text,
  .special-offers__info--size {
    font-size: 15px;
  }
} */

@media screen and (max-width: 1199px) {

  .special-offers__item:nth-child(n+7) {
    display: none;
  }

}

@media screen and (max-width: 679px) {

  .special-offers__items.list .special-offers__item:nth-child(n+4) {
    display: none;
  }

  .review-dropdown .special-offers__item:nth-child(-n+3) {
    display: none;
  }
}

/*-------- блок ВЫГОДНЫЕ ПРЕДЛОЖЕНИЯ ---------*/
/*-------- слайдер НАШИ ДОМА -----------------*/
section.our-houses {
  margin-bottom: 80px;
}

section.slider-series {
  padding: 83px 0 90px;
  background: #f8f8f8;
}

.our-houses ._wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.container.l-col-3.block.bt.j-link-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.slider-item.l-abs.left.j-trigger {
  width: calc(35% - 30px);
  padding: 60px 0 0 0;
  margin: 0;
}

.slider-item.l-wide.right.j-trigger {
  margin: 0;
  height: 100%;
}

.slider-wrapper {
  width: 100%;
  height: 427px;
}

.slider-wrapper .slider .inner {
  height: 428px;
}

.main-projects .block.bt .slider-data {
  margin-top: 60px;
  width: 100%;
}

.container>.item {
  margin-bottom: 0px;
}

.slider-wrapper .slider-controls {
  width: 98px;
  height: 48px;
}

.slider-wrapper .slide.to-left .slide-img,
.slider-wrapper .slide.to-right .slide-img,
.slider-wrapper .slide.to-left .slide-img,
.slider-wrapper .slide.to-right .slide-img,
.slider-wrapper .slide.to-top .slide-img,
.slider-wrapper .slide.to-bottom .slide-img,
.slider-wrapper .slide.to-top .slide-img,
.slider-wrapper .slide.to-bottom .slide-img {
  -webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s;
  transition: opacity 0.6s linear, -webkit-transform 0.6s;
  -o-transition: opacity 0.6s linear, transform 0.6s;
  transition: opacity 0.6s linear, transform 0.6s;
  transition: opacity 0.6s linear, transform 0.6s, -webkit-transform 0.6s;
  opacity: 0;
}

.slider-wrapper {
  width: 100%;
  height: 400px;
}

.slider-wrapper .slider-controls.s-sh-r.s-t {
  right: 0;
  top: 0;
}

.slide__description {
  position: absolute;
  height: 100%;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 25.5px 20px 0;
}

.slider-wrapper .slider .inner {
  height: 400px;
}

._first-slider .slide:first-child .slide-img {
  height: 400px;
  width: 100%;
  background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/1.jpg);
  background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/1.jpg);
  background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/1.jpg);
}

._first-slider .slide:nth-child(2) .slide-img {
  height: 400px;
  width: 100%;
  background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/2.jpg);
  background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/2.jpg);
  background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/2.jpg);
}

._first-slider .slide:nth-child(3) .slide-img {
  height: 400px;
  width: 100%;
  background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/3.jpg);
  background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/3.jpg);
  background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/3.jpg);
}

._first-slider .slide:nth-child(4) .slide-img {
  height: 400px;
  width: 100%;
  background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/4.jpg);
  background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/4.jpg);
  background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/4.jpg);
}

._first-slider .slide:last-child .slide-img {
  height: 400px;
  width: 100%;
  background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/5.jpg);
  background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/5.jpg);
  background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/mob/5.jpg);
}

._last-slider .slide:first-child .slide-img {
  height: 400px;
  width: 100%;
  background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/1.jpg);
  background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/1.jpg);
  background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/1.jpg);
}

._last-slider .slide:nth-child(2) .slide-img {
  height: 400px;
  width: 100%;
  background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/2.jpg);
  background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/2.jpg);
  background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/2.jpg);
}

._last-slider .slide:nth-child(3) .slide-img {
  height: 400px;
  width: 100%;
  background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/3.jpg);
  background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/3.jpg);
  background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/3.jpg);
}

._last-slider .slide:nth-child(4) .slide-img {
  height: 400px;
  width: 100%;
  background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/4.jpg);
  background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/4.jpg);
  background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/4.jpg);
}

._last-slider .slide:last-child .slide-img {
  height: 400px;
  width: 100%;
  background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/5.jpg);
  background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/5.jpg);
  background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/mob/5.jpg);
}

.slider-data a.slider-item__btn.button:hover {
  border: 1px solid #a32829 !important;
}

.slider-wrapper .slider-controls.s-sh-r.s-t {
  right: 0;
}

.slide__description--preview {
  position: relative;
  width: 100%;
  top: 240px;
  bottom: 0;
}

._last-slider .slide__description--preview {
  top: 239px;
}

.slide__description--comment {
  letter-spacing: 0.08em;
  font: normal 500 12px/16px "IBM Plex Sans", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  left: -4px;
}

.slide__description--name {
  font: normal 600 26px/34px "Montserrat", sans-serif;
  color: #ffffff;
}

.slide__description--btn {
  display: block;
  position: relative;
  text-align: center;
  letter-spacing: 0.08em;
  font: normal 500 12px/16px "IBM Plex Sans", sans-serif;
  color: #121212;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 11px 0 7px;
  margin: 19px 0 0;
}

._last-slider .slide__description--btn {
  margin: 20px 0 0;
}

.slide__description--btn:hover {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.slide__description--btn:hover::after {
  background: center / contain no-repeat url(/assets/resources/images/our-houses/Arrow-w.svg);
}

.slide__description--btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  right: 22px;
  width: 8px;
  height: 8px;
  background: center / contain no-repeat url(/assets/resources/images/our-houses/Arrow.svg);
}

/* ._last-slider .slide__description--btn::after {
  content: "";
  right: 19px;
} */

.slider-controls .prev:not(.disabled),
.slider-controls .next:not(.disabled) {
  cursor: pointer;
  pointer-events: initial;
}

@media screen and (min-width: 680px) {
  section.our-houses {
    margin-bottom: 100px;
  }

  .our-houses ._wrapper {
    gap: 0;
  }

  .slider-container:not(:last-child) {
    margin: 63px 0 32px;
  }

  .slider-wrapper .slider-controls {
    width: 154px;
    height: 76px;
  }

  .slide__description {
    padding: 45px 60px 0;
  }

  .our-houses__title {
    width: 507px;
    margin: 0 auto;
    text-align: center;
  }

  .slide__description--comment {
    left: 0;
    font-size: 14px;
    line-height: 18px;
  }

  .slide__description--preview,
  ._last-slider .slide__description--preview {
    top: 445px;
  }

  /* ._last-slider .slide__description--btn::after {
    content: "";
    right: 47px;
  } */

  .slide__description--name {
    font-weight: 500;
    font-size: 55px;
    line-height: 100%;
    letter-spacing: 0.04em;
  }

  .slide__description--btn {
    text-align: unset;
    padding: 13px 0 11px 28%;
    margin: 53px 0 0;
  }

  .slide__description--btn::after {
    content: "";
    top: 17px;
    right: 31px;
    width: 8px;
    height: 8px;
  }

  ._last-slider .slide__description--name {
    margin: 0 0 0 -6px;
  }

  ._last-slider .slide__description--btn {
    margin: 53px 0 0;
  }

  .slider-wrapper .slider .inner,
  .slider-wrapper {
    height: 708px;
  }

  ._first-slider .slide:first-child .slide-img {
    height: 708px;
    width: 100%;

    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/1.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/1.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/1.jpg);
  }

  ._first-slider .slide:nth-child(2) .slide-img {
    height: 708px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/2.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/2.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/2.jpg);
  }

  ._first-slider .slide:nth-child(3) .slide-img {
    height: 708px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/3.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/3.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/3.jpg);
  }

  ._first-slider .slide:nth-child(4) .slide-img {
    height: 708px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/4.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/4.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/4.jpg);
  }

  ._first-slider .slide:last-child .slide-img {
    height: 708px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/5.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/5.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/tablet/5.jpg);
  }

  ._last-slider .slide:first-child .slide-img {
    height: 708px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/1.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/1.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/1.jpg);
  }

  ._last-slider .slide:nth-child(2) .slide-img {
    height: 708px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/2.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/2.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/2.jpg);
  }

  ._last-slider .slide:nth-child(3) .slide-img {
    height: 708px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/3.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/3.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/3.jpg);
  }

  ._last-slider .slide:nth-child(4) .slide-img {
    height: 708px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/4.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/4.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/4.jpg);
  }

  ._last-slider .slide:last-child .slide-img {
    height: 708px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/5.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/5.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/tablet/5.jpg);
  }
}

@media screen and (min-width: 769px) {
  .slide__description--btn {
    width: 317px;
    padding: 13px 0 11px 39px;
  }
}

@media screen and (min-width: 1200px) {
  section.our-houses {
    margin-bottom: 121px;
  }

  .our-houses ._wrapper {
    gap: 0;
  }

  .slider-container:not(:last-child) {
    margin: 39px 0 40px;
  }

  .our-houses__title {
    width: 800px;
    margin: 0 auto 31px;
  }

  .slide__description {
    padding: 58px 80px 0;
  }

  .slide__description--preview {
    top: 376px;
  }

  ._last-slider .slide__description--preview {
    top: 394px;
  }

  .slide__description--btn {
    width: 317px;
    padding: 13px 0 11px 39px;
    margin: 62px 0 0;
  }

  /* ._last-slider .slide__description--btn {
    width: 313px;
    padding: 13px 0 11px 28px;
    margin: 62px 0 0;
  } */

  .slide__description--btn::after {
    content: "";
    top: 17px;
    right: 18px;
  }

  ._last-slider .slide__description {
    padding: 50px 83px 20px;
  }

  ._last-slider .slide__description--btn {
    margin: 52px 0 0;
  }

  /* ._last-slider .slide__description--btn::after {
    content: "";
    right: 18px;
    top: 15px;
  } */

  .slider-wrapper .slider .inner,
  .slider-wrapper {
    height: 680px;
  }

  ._first-slider .slide:first-child .slide-img {
    height: 680px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/1.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/1.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/1.jpg);
  }

  ._first-slider .slide:nth-child(2) .slide-img {
    height: 680px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/2.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/2.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/2.jpg);
  }

  ._first-slider .slide:nth-child(3) .slide-img {
    height: 680px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/3.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/3.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/3.jpg);
  }

  ._first-slider .slide:nth-child(4) .slide-img {
    height: 680px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/4.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/4.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/4.jpg);
  }

  ._first-slider .slide:last-child .slide-img {
    height: 680px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/5.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/5.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/dacha/desk/5.jpg);
  }

  ._last-slider .slide:first-child .slide-img {
    height: 680px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/1.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/1.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/1.jpg);
  }

  ._last-slider .slide:nth-child(2) .slide-img {
    height: 680px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/2.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/2.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/2.jpg);
  }

  ._last-slider .slide:nth-child(3) .slide-img {
    height: 680px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/3.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/3.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/3.jpg);
  }

  ._last-slider .slide:nth-child(4) .slide-img {
    height: 680px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/4.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/4.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/4.jpg);
  }

  ._last-slider .slide:last-child .slide-img {
    height: 680px;
    width: 100%;
    background: bottom center / 100% 260px no-repeat -webkit-gradient(linear, left bottom, left top, color-stop(15.4%, rgba(0, 0, 0, 15%)), color-stop(97.4%, rgba(41, 41, 41, 0))), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/5.jpg);
    background: bottom center / 100% 260px no-repeat -o-linear-gradient(bottom, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/5.jpg);
    background: bottom center / 100% 260px no-repeat linear-gradient(0deg, rgba(0, 0, 0, 15%) 15.4%, rgba(41, 41, 41, 0) 97.4%), center / cover no-repeat url(/assets/resources/images/our-houses/banya/desk/5.jpg);
  }
}

@media screen and (max-width: 360px) {

  ._last-slider .slide__description--preview,
  ._first-slider .slide__description--preview {
    top: 190px;
  }

  .slide__description--btn::after {
    content: "";
    display: none;
  }

  .slide__description--btn {
    font: normal 500 9px "IBM Plex Sans", sans-serif;
    padding: 9px 0 8px;
    margin: 30px 0 0;
  }

  .slide__description--name {
    font: normal 600 22px/34px "Montserrat", sans-serif;
  }
}

/*-------- слайдер НАШИ ДОМА -----------------*/
/*-------- форма ---------*/

.form-wrapper {
  position: relative;
  z-index: 2;
}

.form-wrapper .ln.text {
  max-width: 330px;
  text-align: center;
  font: normal 400 14px/21px "IBM Plex Sans", sans-serif;
  color: #404040;
  margin: 40px auto 0;
}

.ln.text._hide {
  display: block;
}

.form-wrapper .ln.captcha-line label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 42px;
  display: block;
}

.form-wrapper .ln.captcha-line img {
  margin-right: 30px;
  margin-bottom: 10px;
  display: block;
}

.form-section ._hide {
  display: none;
}

.form-wrapper select,
.form-wrapper input.text {
  line-height: 40px;
  height: 39px;
  background: none;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  color: #121212;
  width: 100%;
  outline: none !important;
}

.form-wrapper input[type="checkbox"] {
  position: absolute;
  left: 5px;
  top: 5px;
  opacity: 0;
}

.form-wrapper .input-wrapper,
.form-wrapper .checkbox-wrapper {
  position: relative;
  display: block;
  height: 52px;
  border-bottom: 2px solid #a32829;
  max-width: 450px;
  cursor: text;
  text-align: left;
}

.form-wrapper .ln.time .input-wrapper {
  cursor: pointer;
}

.form-wrapper .checkbox-wrapper {
  border-bottom: none;
  cursor: pointer;
}

.form-wrapper .checkbox-wrapper .ico {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #a32829;
  left: 0;
  top: 1px;
}

.form-wrapper .checkbox-wrapper .ico:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #a32829;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

.form-wrapper .checkbox-wrapper input:checked+.ico:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.form-wrapper .checkbox-placeholder {
  padding-left: 50px;
}

.s-red .form-wrapper .input-wrapper {
  border-bottom: 2px solid #ffffff;
}

.form-wrapper .input-wrapper .placeholder {
  left: 0;
  top: 16px;
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  font: 400 16px "IBM Plex Sans", sans-serif;
  color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.form-wrapper .input-wrapper.focus .placeholder,
.form-wrapper .input-wrapper.not-empty .placeholder {
  -webkit-transform: translateY(-11px);
  -ms-transform: translateY(-11px);
  transform: translateY(-11px);
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 21px;
  color: #969ba5;
  z-index: 1;
}

.form-wrapper .input-wrapper.not-empty .placeholder {
  display: none;
}

.s-red .form-wrapper input.text {
  color: #ffffff;
}

.form-wrapper .response {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

.form-wrapper .response.active {
  opacity: 1;
  -webkit-transition: all 0.2s ease 0.2s;
  -o-transition: all 0.2s ease 0.2s;
  transition: all 0.2s ease 0.2s;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 2;
}

.form-wrapper form {
  position: relative;
  -webkit-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
  z-index: 2;
}

.form-wrapper form.hidden {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  z-index: 0;
  pointer-events: none;
}

.form-section {
  text-align: center;
}

.popup .form-section {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}

.form-section .ln a {
  display: inline-block;
  line-height: 1;
  border-bottom: 1px solid #404040;
  color: #404040;
}

.form-section .ln a:hover {
  border-bottom: 1px solid transparent;
}

.form-section .tx {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 65px;
}

.form-section .form-wrapper {
  max-width: 450px;
  margin: 0 auto;
}

.form-section .btn-wrapper {
  margin-top: 39px;
  text-align: center;
}

.form-wrapper .form-select {
  display: block;
  margin-left: -20px;
  margin-right: -20px;
}

.form-select select {
  display: none;
}

.form-select .select-button {
  position: relative;
  background: #ebebe5;
  color: #a32829;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 12px;
  padding: 30px 20px;
  margin-bottom: 10px;
  cursor: pointer;
}

.form-select .select-button:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 7px;
  background: url(../images/ico-darr.svg);
}

.form-select.expanded .select-button:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.form-section .h1 {
  color: #121212;
  margin: 0 13px 0 0;
}

.form-section .tx {
  margin-bottom: 32px;
}

.form-select .select-select {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 0;
  background: #ffffff;
  z-index: 4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid transparent;
  -webkit-transition: border 0.2s;
  -o-transition: border 0.2s;
  transition: border 0.2s;
}

.form-select.active .select-select {
  border-bottom: 2px solid #a32829;
}

.form-select .select-item {
  padding: 5px 0;
  cursor: pointer;
}

.form-select .select-inner {
  padding-top: 25px;
  padding-bottom: 30px;
}

.form-select .select-item span {
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.form-select .select-item.active span {
  color: #a32829;
  border-color: #a32829;
}

.form-select .select-inner {
  opacity: 0;
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.form-select.active .select-inner {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  -webkit-transition: all 0.35s ease 0.1s;
  -o-transition: all 0.35s ease 0.1s;
  transition: all 0.35s ease 0.1s;
}

.ln-wrapper-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.ln-wrapper-inline>.ln {
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  flex: 1 1 auto !important;
}

.ln-wrapper-inline>.ln:first-child {
  padding-right: 1em;
  width: 20px;
}

.form-section .h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 39px;
  color: #121212;
}

.form-section .button {
  width: 100%;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: 4px;
  font: normal 500 12px/16px "IBM Plex Sans", sans-serif;
  color: #ffff;
  background-color: #a32829;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  padding: 10px 29px 8px 29px;
}

.form-section .button:hover {
  border: 1px solid #a32829;
  background: #fff;
  color: #a32829;
}

.form-section .form-wrapper .input-wrapper,
.form-section .form-wrapper .checkbox-wrapper {
  border-bottom: 1px solid #A7ADB8;
}

.form-section .form-wrapper .input-wrapper.focus,
.form-section .form-wrapper .checkbox-wrapper.focus {
  border-bottom: 2px solid #A7ADB8;
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 40px #FFFF inset;
    box-shadow: 0 0 0 40px #FFFF inset;
}

@media screen and (min-width: 640px) {
  .form-wrapper .form-select {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media screen and (min-width: 680px) {
  .form-section {
    text-align: center;
    margin-bottom: 99px;
  }

  .form-wrapper .ln.captcha-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .form-wrapper .ln.captcha-line img {
    margin-bottom: 0;
  }

  .form-section ._hide {
    display: block;
  }

  .form-section .h1 {
    color: #121212;
    margin: 0 0 21px;
    font-size: 30px;
    line-height: 130%;
  }

  .form-section .tx {
    margin-bottom: 61px;
  }

  .form-wrapper select,
  .form-wrapper input.text {
    line-height: 40px;
    height: 38px;
  }

  .form-section .text._hide {
    display: none;
  }

  .form-section .btn-wrapper {
    margin-top: 49px;
    text-align: center;
    width: 200px;
    margin: 51px auto 0;
  }
}

@media screen and (min-width: 1000px) {
  .form-section {
    text-align: center;
    margin-bottom: 116px;
  }

  .form-wrapper .form-select {
    margin-left: -100px;
    margin-right: -100px;
  }

  .form-select .select-button {
    padding: 30px 100px;
  }

  .form-select .select-button:after {
    right: 80px;
  }

  .form-section .h1 {
    color: #121212;
    margin: 0 0 21px;
  }

  .form-section .form-wrapper {
    max-width: 460px;
    padding: 0 0 0 5px;
    margin: 0 auto;
  }
}

@media (max-width: 600px) {
  .ln-wrapper-inline>.ln:first-child {
    width: 50px;
  }

  .popup .form-section {
    padding-bottom: 50px;
  }
}

/*-------- форма ---------*/
/*------------ блок ВИДЕО --------------------*/
.video-block {
  margin-top: 80px;
}

.video-block__link {
  display: block;
  position: relative;
  height: 58.8vw;
  width: 100%;
  border-radius: 6px;
  /*background: center / cover no-repeat url(/assets/resources/images/video/video-mob.jpg);*/
}

.video-block span {
  position: absolute;
  top: 18px;
  left: 17px;
  font: normal 400 14px "IBM Plex Sans", sans-serif;
  color: #fff;
}

.video-block__link::before {
  content: "";
  display: block;
  width: 47px;
  height: 47px;
  position: absolute;
  top: 45%;
  left: 43.3%;
  background: #fff;
  border-radius: 50%;
}

.video-block__link:hover::before {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.video-block__link::after {
  content: "";
  display: block;
  width: 47px;
  height: 47px;
  position: absolute;
  top: 45%;
  left: 43.3%;
  background: center / contain no-repeat url(/assets/resources/images/video/video-btn.svg);
}

@media screen and (min-width: 500px) {

  .video-block__link::after,
  .video-block__link::before {
    left: 47%;
  }
}

@media screen and (min-width: 680px) {
  .video-block {
    margin: 111px 0 90px;
  }

  .video-block__link {
    position: relative;
    height: 394px;
    width: 100%;
  }

  .video-block__link::after,
  .video-block__link::before {
    content: "";
    width: 62px;
    height: 62px;
    top: 42%;
    left: 45.5%;
  }

  .video-block span {
    top: 32px;
    left: 30px;
    font-size: 16px;
    line-height: 150%;
  }
}

@media screen and (min-width: 800px) {

  .video-block__link::after,
  .video-block__link::before {
    left: 47%;
  }
}

@media screen and (min-width: 1200px) {
  .video-block {
    margin: 111px 0 119px;
  }

  .video-block__link {
    position: relative;
    height: 32.5vw;
    max-height: 520px;
    width: 100%;
  }

  .video-block__link::after,
  .video-block__link::before {
    top: 47%;
    left: 47.5%;
  }

  .video-block span {
    top: 36.5px;
    left: 53px;
    font-size: 16px;
    line-height: 150%;
  }

  .fix-price__item .fix-price__text::before {
    content: "";
    display: block;
    position: relative;
    left: 6px;
    width: 28px;
    height: 30px;
    margin-bottom: 14px;
  }
}

/*------------ блок ВИДЕО --------------------*/
/*-------- блок ЭТАПЫ СТРОИТЕЛЬСТВА ----------*/

.four-steps {
  overflow: hidden;
  margin-bottom: 72px;
}

.four-steps__container {
  margin-top: 17px;
}

.four-steps .item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 306px;
  height: 431px;
  border: 1px solid #c1c1c1;
  border-radius: 6px;
  padding: 43px 42px 30px 17.5px;
}

.four-steps .carousel div.item {
  margin-right: 0;
}

.item__num {
  font: 400 18px "IBM Plex Sans", sans-serif;
  line-height: 150%;
  color: #707070;
  margin-bottom: 23px;
}

.item__title {
  width: 200px;
  font: 600 18px "Montserrat", sans-serif;
  line-height: 130%;
  color: #000000;
  margin-bottom: 18px;
}

.item__text {
  font: 400 16px "IBM Plex Sans", sans-serif;
  line-height: 150%;
  color: #000000;
  margin-top: 21px;
}

.item__text a {
  display: inline-block;
  line-height: 1;
  border-bottom: 1px solid #000000;
}

.item__text a:hover {
  border-bottom: 1px solid transparent;
}

.connect {
  position: absolute;
  top: 49px;
  right: -21px;
  height: 1px;
  width: 20px;
  background: #c1c1c1;
}

.four-steps .carousel-container-wrapper .owl-stage-outer {
  overflow: visible;
}

@media (max-width: 374px) {
  .four-steps .item {
    width: 280px;
    height: 400px;
  }

  .four-steps .item {
    padding: 20px 15px 30px 17.5px;
  }
}

@media (min-width: 680px) {
  .item__title {
    margin-bottom: 20px;
  }

  .four-steps__container {
    margin-top: 24px;
  }

  .four-steps .item .h2 {
    font-size: 18px;
    line-height: 130%;
  }

  .item__text {
    word-break: break-word;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-top: 23px;
  }

  .four-steps .item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 307px;
    height: 407px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    padding: 43px 9px 30px 18.5px;
  }

  .four-steps {
    overflow: hidden;
    margin-bottom: 103px;
  }
}

.four-steps .h2 br {
  display: none;
}

@media (min-width: 1200px) {
  .four-steps {
    margin-bottom: 83px;
  }

  .four-steps .h2 {
    margin-bottom: 0;
  }

  .four-steps .h2 br {
    display: block;
  }

  .four-steps .item {
    width: 360px;
    height: 368px;
    padding: 43px 35px 30px 17.5px;
  }
}

@media screen and (min-width: 1223px) {
  .connect {
    width: 30px;
    top: 62px;
    right: -31px;
  }
}

/*-------- блок ЭТАПЫ СТРОИТЕЛЬСТВА ----------*/
/*------- блок ВОПРОСЫ ------------ ----------*/
#map {
  width: 100%;
  height: 471px;
}

.container {
  display: block;
}

.map {
  margin-bottom: 62px;
}

.map ._wrapper {
  display: block;
  height: 471px;
  position: relative;
}

.map__btn {
  display: block;
  height: 63px;
  width: 32px;
  position: absolute;
  right: 16.5px;
  top: 58%;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);
}

.map__address {
  position: absolute;
  top: 15px;
  left: 16px;
  max-width: 343px;
  background: #fff;
  -webkit-box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.08);
  padding: 30px 30px 24px;
  z-index: 50;
}

.map__address--metro {
  position: relative;
  top: -4px;
  left: 31px;
  font: normal 500 14px/21px "IBM Plex Sans", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.map__address--metro::before {
  content: "M";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 2px;
  left: -32px;
  height: 19px;
  width: 19px;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font: normal 500 9px/14px "IBM Plex Sans", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
}

.map__address--metro:first-child {
  color: #c9e33a;
  margin: 0 0 5px;
}

.map__address--metro:first-child::before {
  background-color: #c9e33a;
}

.map__address--metro:nth-child(2) {
  color: #92c978;
}

.map__address--metro:nth-child(2)::before {
  background-color: #92c978;
}

.map__address--text {
  width: 90%;
  margin: 29px 0 0 -1px;
}

.map__btn span.arrow {
  position: relative;
  top: 14px;
  left: 10.5px;
}

.map__btn .arrow span {
  display: block;
  width: 11.5px;
  height: 1.5px;
  background-color: #404040;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: opacity 0.1s ease 0.1s, -webkit-transform 0.2s;
  transition: opacity 0.1s ease 0.1s, -webkit-transform 0.2s;
  -o-transition: transform 0.2s, opacity 0.1s ease 0.1s;
  transition: transform 0.2s, opacity 0.1s ease 0.1s;
  transition: transform 0.2s, opacity 0.1s ease 0.1s, -webkit-transform 0.2s;
  opacity: 1;
}

.map__btn .arrow span:nth-child(1) {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  top: 2px;
}

.map__btn span.arrow:last-child {
  position: relative;
  top: 43px;
}

.map__btn .arrow:last-child span:nth-child(1) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

@media screen and (max-width: 679px) {
  .map ._wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 680px) {
  #map {
    width: 100%;
    height: 491px;
  }

  .map {
    margin-bottom: 91px;
  }

  .map ._wrapper {
    height: 491px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
  }

  .map__address {
    max-width: 368px;
    top: 31px;
    left: 19px;
    padding: 41px 47px 30px 28px;
  }

  .map__address--text {
    width: 100%;
    margin: 20px 0 0;
  }

  .map__btn {
    height: 64px;
    right: 12.5px;
    top: 48.5%;
  }
}

@media screen and (min-width: 1200px) {
  #map {
    width: 100%;
    height: 577px;
  }

  .map {
    margin-bottom: 120px;
  }

  .map ._wrapper {
    height: 577px;
  }

  .map__address {
    max-width: 368px;
    top: 29px;
    left: 31px;
    padding: 41px 46px 30px 28px;
  }

  .map__btn {
    right: 28.5px;
    top: 47.5%;
  }
}

@media screen and (max-width: 360px) {
  .map__address {
    left: 0;
    width: 100%;
  }
}

/*------- блок КАРТА -------------------------*/
/*------ блок ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ -------*/

.br {
  display: block;
}

@media (max-width: 1200px) {
  .br {
    display: unset;
  }
}

.faq__title {
  margin-bottom: 29px;
}

.faq-filter {
  padding: 0;
}

.faq-filter .small-wrapper {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
}

.faq-filter__button {
  font: 400 14px/20px "IBM Plex Sans", sans-serif;
  color: #707070;
  text-align: center;
  border-radius: 4px;
  background-color: #f7f6f5;
  padding: 9px 15px;
  margin-right: 15px;
  margin-bottom: 15px;
}

.faq-filter__button.active {
  color: #fff;
  background-color: #949393;
}

.faq-filter .small-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: 20px;
}

div.faq-filter__buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

button.faq-filter__button {
  font: 400 16px/24px "IBM Plex Sans", sans-serif;
  color: #404040;
  padding: 5px 12px 4px;
  margin: 0 10px 10px 0;
}

button.faq-filter__button.active {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  color: #fff;
  font-weight: 500;
  background-color: #949393;
}

button.faq-filter__button:nth-child(2) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

button.faq-filter__button:nth-of-type(3) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

button.faq-filter__button:nth-child(4) {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

button.faq-filter__button:last-child {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.faq-question {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  font: normal 500 16px/20px "IBM Plex sans", sans-serif;
  color: #121212;
  border-top: 1px solid #e5e5e5;
  padding: 12px 1px 23px 0;
}

.faq-question .arrow {
  margin-top: -2px;
}

.faq-answer p {
  font: 400 16px/24px "IBM Plex Sans", sans-serif;
  margin-bottom: 20px;
}

.faq-answer {
  padding: 1px 0 0;
}

.faq-answer li {
  font: 400 16px/24px "IBM Plex Sans", sans-serif;
  padding-right: 0;
  margin-bottom: 20px;
  margin-left: 26px;
}

.faq-answer>span {
  font: 400 16px/24px "IBM Plex Sans", sans-serif;
  display: inline-block;
  margin-bottom: 20px;
}

.faq-answer__wrapper {
  display: none;
  margin: 0 0 49px;
}

.faq-question-text {
  padding-right: 90px;
}

.faq-question.j-dd-button {
  cursor: pointer;
  min-height: 116px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.faq .arrow span {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #404040;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: opacity 0.1s ease 0.1s, -webkit-transform 0.2s;
  transition: opacity 0.1s ease 0.1s, -webkit-transform 0.2s;
  -o-transition: transform 0.2s, opacity 0.1s ease 0.1s;
  transition: transform 0.2s, opacity 0.1s ease 0.1s;
  transition: transform 0.2s, opacity 0.1s ease 0.1s, -webkit-transform 0.2s;
  opacity: 1;
}

.faq .arrow span:nth-child(1) {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  top: 2px;
}

.faq .active .arrow span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq .active .arrow span:nth-child(2) {
  opacity: 0;
  -webkit-transform: rotate(90deg) translate(-1.5px, 0px);
  -ms-transform: rotate(90deg) translate(-1.5px, 0px);
  transform: rotate(90deg) translate(-1.5px, 0px);
}

.faq-answer__wrapper {
  display: none;
}

.faq-answer .subtitle {
  font: 600 16px/24px "IBM Plex Sans", sans-serif;
  margin-bottom: 20px;
}

.faq-answer ul {
  margin-bottom: 30px;
}

.faq-answer li p {
  margin-bottom: 0;
}

.faq-answer a,
.faq-answer button {
  display: inline-block;
  color: #000;
  font: 400 16px/24px "IBM Plex Sans", sans-serif;
  border-bottom: 1px solid #000;
  line-height: 1;
}

.faq-answer a:hover,
.faq-answer button:hover {
  border-bottom: 1px solid transparent;
}

.faq-answer li::before {
  content: "•";
  position: absolute;
  color: #404040;
  font-size: 24px;
  line-height: 23px;
  left: -2px;
}

@media screen and (min-width: 680px) {
  .faq {
    padding: 28px 0 0;
  }

  div.home-title-wrapper p {
    width: 94%;
  }

  .faq-filter .small-wrapper {
    gap: 40px;
  }

  .faq-question-text {
    width: 93%;
    font-size: 18px;
    line-height: 150%;
    padding-right: 0;
  }

  .faq .arrow span {
    width: 16px;
  }

  .faq-question {
    height: 106px;
    margin: 0;
    padding: 25px 30px 25px 31px;
  }

  .faq-answer {
    padding: 2px 0 0;
  }

  .faq-answer__wrapper {
    padding: 0 45px 0 15px;
    margin: 0 0 48px;
  }

  .faq-answer li::before {
    content: "•";
    left: 13px;
  }

  .red-button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 28px 8px 29px;
    margin: 60px 0 0;
  }

  .faq-question,
  .item:last-of-type .faq-question {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #f8f8f8;
    border: none;
  }

  .faq .item:not(:last-child) {
    margin: 0 0 10px;
  }

  .faq .arrow span {
    background-color: #942023;
  }

  .faq-question.j-dd-button {
    min-height: 106px;
  }
}

@media screen and (min-width: 1200px) {
  .faq__title {
    margin-bottom: 39.5px;
  }

  .faq-question-text {
    width: 96.5%;
  }
}

/*------ блок ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ -------*/
/* footer */

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 30px;
  background: #f7f6f5;
  padding: 41px 0 40px;
}

.footer__link-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 23px;
  margin-bottom: 26px;
}

.footer__title {
  font: normal 600 21px/27px "Montserrat", sans-serif;
  color: #000;
}

.footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 28px;
  -moz-column-gap: 28px;
  column-gap: 28px;
  margin: 0 0 0 9px;
}

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

.footer__link::before {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  margin: auto;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 2px solid #a32829;
  border-radius: 50%;
  -webkit-transform: scale(1.14);
  -ms-transform: scale(1.14);
  transform: scale(1.14);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footer__link:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.footer__link._tg {
  height: 19px;
  width: 27px;
  background: center / contain no-repeat url(/assets/resources/images/footer/tg.svg);
}

.footer__link._vk {
  height: 18px;
  width: 26px;
  background: center / contain no-repeat url(/assets/resources/images/footer/vk.svg);
}
.footer__link._vkvideo {
  height: 20px;
  width: 20px;
  background: center / contain no-repeat url(/assets/resources/images/footer/vkvideo.svg);
}
/* .footer__link:nth-child(3) {
  height: 23px;
  width: 25px;
  position: relative;
  top: -3px;
  left: 1px;
  background: center / contain no-repeat url(/assets/resources/images/footer/ok.svg);
} */

/* .footer__link:nth-child(4) {
  height: 19px;
  width: 27px;
  background: center / contain no-repeat url(/assets/resources/images/footer/tg.svg);
} */

/* .footer__link:last-child {
  height: 25px;
  width: 25px;
  position: relative;
  top: -3px;
  left: 3px;
  background: center / contain no-repeat url(/assets/resources/images/footer/tt.svg);
} */

.footer__text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
}

.footer__text-block--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px;
}

.rooter__logo {
  display: block;
  height: 47px;
  width: 81px;
  background: center / contain no-repeat url(/assets/resources/images/footer/logo_terem.svg);
}

.footer__text {
  width: 98%;
  font: normal 400 9px/14px "Roboto", sans-serif;
  color: #404040;
}

.footer__text-block--links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 3px;
}

.footer__text-block--link {
  white-space: nowrap;
  font: normal 400 12px "IBM Plex Sans", sans-serif;
  color: #404040;
}

.footer__text-block--link:hover {
  color: #a32829;
}

@media screen and (min-width: 680px) {
  footer {
    padding: 50px 0;
  }

  .footer__link-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    grid: 0 30px;
  }

  .footer__link-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 40px;
    margin-bottom: 38px;
  }

  .footer__links {
    -webkit-column-gap: 58px;
    -moz-column-gap: 58px;
    column-gap: 58px;
    margin: 3px 0 0 9px;
  }

  .footer__text-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    row-gap: 24px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .footer__text-block--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    row-gap: 20px;
    gap: 0 35px;
    width: 545px;
  }

  .footer__text {
    width: 100%;
    font: normal 400 10px/15px "Roboto", sans-serif;
    color: #404040;
  }

  .rooter__logo {
    height: 79px;
    width: 102px;
    background: center / contain no-repeat url(/assets/resources/images/footer/logo_terem.svg);
  }

  .footer__text-block--link {
    font-size: 14px;
  }

  .footer__text-block--link:first-child {
    margin: 1px 3px 0 0px;
  }

  footer {
    padding: 30px 0 50px;
  }

  .footer__text-block--links {
    row-gap: 6px;
  }

  .footer__link-block {
    margin: 20px 0 38px;
  }

  .footer__link:nth-child(4) {
    height: 20px;
  }
}

@media screen and (min-width: 1200px) {
  .footer__text-block--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    row-gap: 20px;
    gap: 0 36px;
    width: 1000px;
  }

  .rooter__logo {
    height: 55px;
    width: 90px;
    background: center / contain no-repeat url(/assets/resources/images/footer/logo_terem.svg);
  }
}

@media screen and (max-width: 360px) {
  .footer__links {
    max-width: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 9px;
  }
}

/* страница 404 */
.not-found * {
  color: #121212;
}

.not-found .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 116px;
}

.not-found__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.not-found__img-container {
  padding-left: 6px;
}

.not-found__img {
  margin-bottom: 59.5px;
}

.not-found__title {
  margin-bottom: 39px;
  text-align: center;
  font: 600 20px/26px 'Montserrat';
  letter-spacing: 1px;
  text-transform: uppercase;
}

.not-found__button {
  padding: 10px 0 8px;
  width: 284px;
  font: 500 12px/16px 'IBM Plex Sans', sans-serif;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
}

.not-found__button:hover{
  border: 1px solid #a32829;
  color:#a32829;
}

@media screen and (max-width: 1200px) {
  .not-found .wrapper {
    padding-top: 66px;
  }

  .not-found__title {
    margin-bottom: 40px;
    font: 16px/21px 'Montserrat';
    letter-spacing: 0.8px;
  }

  .not-found__img {
    margin-bottom: 45px;
    max-width: 404px;
  }

  .not-found__button {
    padding: 10px 0 8px;
  }
}

@media screen and (max-width: 767px) {
  .not-found .wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 41px;
  }

  .not-found__img-container {
    padding-left: 2px;
  }

  .not-found__img {
    margin-bottom: 33px;
    max-width: 243px;
  }
}