/* Start:/local/components/terem/catalog.detail.json/templates/favourite.component/style.css?1732020310214*/
.favourite {
  position: absolute;
  bottom: 60px;
  right: 20px;
  z-index: 100;
}

.favourite .b{
  stroke: var(--main-color);
}

.favourite.liked .b{
    fill: var(--main-color);
    stroke: var(--main-color);
}
/* End */


/* Start:/local/components/terem/catalog.detail.json/templates/detail.header.new/style.css?174801095329716*/
/* home */
header {
  right: 0 !important;
}

.page-wrapper {
  margin-right: 0 !important;
}

.side-price span.roub {
  margin-left: 0;
}

.house-type {
  display: block;
  padding-left: 6px;
  margin-bottom: 10px;
}

.house-type .type-arrow {
  position: relative;
  margin-left: 15px;
}

.house-type .type-arrow::after,
.house-type .type-arrow::before {
  content: '';
  position: absolute;
  right: 1px;
  width: 5px;
  height: 1px;
  background: var(--background);
}

.house-type .type-arrow::after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 12px;
}

.house-type .type-arrow::before {
  -webkit-transform: rotate(455deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 8.7px;
}

.house-home {
  padding: 0;
  position: relative;
}

.all-replaceable {
  position: relative;
  z-index: 1;
  -webkit-transition: opacity 0.5s ease 0.2s, -webkit-transform 0.5s ease 0s;
  transition: opacity 0.5s ease 0.2s, -webkit-transform 0.5s ease 0s;
  -o-transition: transform 0.5s ease 0s, opacity 0.5s ease 0.2s;
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0.2s;
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0.2s, -webkit-transform 0.5s ease 0s;
  opacity: 1;
  -webkit-transform: translateY(0px) translateZ(0px);
  transform: translateY(0px) translateZ(0px);
  padding: 0;
}

.all-replaceable.hide {
  -webkit-transform: translateY(-25px) translateZ(0px);
  transform: translateY(-25px) translateZ(0px);
  opacity: 0;
}

.house-home .carousel-container {
  display: block;
}

.house-home .carousel-container.owl-loading,
.carousel-container.owl-hidden {
  opacity: 1;
}

.house-home .owl-height {
  transition: none;
}

.house-home .carousel-container .owl-stage {
  padding-top: 0;
}

.house-home .carousel-container .owl-stage-outer {
  padding-bottom: 0;
}

.house-home picture {
  position: relative;
  inset: 0;
  display: block;
  width: 100%;
}

.house-home picture::after {
  content: '';
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: -o-linear-gradient(4deg, rgba(0, 0, 0, 0.16) 0.95%, rgba(0, 0, 0, 0.16) 26.43%, rgba(0, 0, 0, 0.00) 41.9%);
  background: linear-gradient(86deg, rgba(0, 0, 0, 0.16) 0.95%, rgba(0, 0, 0, 0.16) 26.43%, rgba(0, 0, 0, 0.00) 41.9%);
}

.house-home .bg {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.4169;
}

.house-home .owl-dots {
  position: absolute;
  text-align: center;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.house-home .carousel-container .owl-dots .owl-dot:not(:last-child) {
  margin-right: 10px;
}

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

.house-home .owl-dots .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: var(--dark-grey-color);
}

.house-home .owl-dots .owl-dot.active span { 
  background-color: var(--background);
}

@media screen and (min-width: 1000px) {
  /* transparent styles */
  .transparent-head {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    max-width: 850px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px 0;
    padding: 37px 10px 0 30px;
    margin: 0;
    background: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
  }

  .load-complete-once .transparent-head{
    opacity: 1;
  }

  .transparent-head .h4,
  .transparent-head .catalog-data-size,
  .transparent-head .house-type a {
    color: var(--background);
  }

  .transparent-head .inner-title-container {
    width: 100%;
    margin: 0 0 0 10px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .transparent-head .h4 {
    display: inline;
    font: 600 36px/47px var(--title-font);
    letter-spacing: 0;
  }

  .transparent-head .favourite {
    position: static;
    display: inline-block;
    margin: 0 0 0 31px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    vertical-align: bottom;
    height: 44px;
  }
  
  .transparent-head .favourite svg {
    width: 32px;
    height: 32px;
  }

  .transparent-head .favourite svg path {
    stroke: #EDEDED;
    stroke-width: 3px;
  }

  .transparent-head .favourite.liked svg path {
    stroke: var(--background);
    fill: var(--background);
  }

  .transparent-head .catalog-data-size {
    font: 600 26px/34px var(--title-font);
    margin: auto 20px auto 10px;
    background-color: transparent;
    padding: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .transparent-head .catalog-data-size span:nth-child(4){ 
    margin-left: 7px;
  }

  .transparent-head .side-price {
    background: var(--background);
    border-radius: 100px;
    padding: 10px 16px 10px 16px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: flex;
    gap: 11px;
    margin-top: 4px;
  }

  .transparent-head .side-price span {
    font: 500 16px/150% var(--text-font);
    letter-spacing: 0;
  }
  .transparent-head .side-price .old-price span {
    font: 500 14px/21px var(--text-font);
    color: var(--tab-color);
    letter-spacing: 0;
  }
  .transparent-head .side-price .old-price {
    background: linear-gradient(to right, var(--tab-color) 0 100%) repeat-x 0 59% / 100% 1px;
}
  .transparent-head .side-price span.roub {
    margin: 0;
  }

  .transparent-head .material-filter {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .transparent-head .material-filter .radio-select {
    background: rgba(148, 147, 147, 0.90);
    margin-top: 10px;
  }

  .transparent-head .material-filter .radio-select .item {
    padding: 10px 21px 10px 20px;
  }

  .transparent-head .material-filter .radio-select .item span {
    font-size: 16px;
    color: var(--background);
  }

  .transparent-head .material-filter .radio-select .item.active span {
    color: var(--title-color);
  }

  .transparent-head .house-type {
    width: 100%;
    display: block;
    padding-left: 10px;
    margin: 17px 0 0;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .transparent-head .house-type a {
    font: 400 18px/27px var(--text-font);
    border-bottom: none;
    background-image: -o-linear-gradient(left, var(--background) 0, var(--background) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--background)), to(var(--background)));
    background-image: linear-gradient(to right, var(--background) 0, var(--background) 100%);
    background-repeat: repeat-x;
    background-position: 0 96%;
    background-size: 100% 1px;
  }

  .transparent-head .house-type a:hover {
    border-bottom: none;
    background-image: none;
  }

  .transparent-head .house-type .type-arrow {
    margin-left: 17px;
  }

  .transparent-head .house-type .type-arrow::after,
  .transparent-head .house-type .type-arrow::before {
    right: 0;
    width: 8px;
  }

  .transparent-head .house-type .type-arrow::before {
    top: 8px;
  }

  .transparent-head .house-type .type-arrow::after {
    top: 13px;
  }

   /* end transparent styles */
}

@media screen and (max-width: 999px) {
  .house-home .bg {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .house-home picture::after {
    background: -o-linear-gradient(225deg, rgba(0, 0, 0, 0.00) 65.85%, rgba(0, 0, 0, 0.16) 100%);
    background: linear-gradient(225deg, rgba(0, 0, 0, 0.00) 65.85%, rgba(0, 0, 0, 0.16) 100%);
  }

  .house-home .transparent-head {
    position: relative;
    top: -119px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    align-items: flex-start;
    background-color: var(--background);
    text-align: center;
    border-radius: 20px 20px 0px 0px;
    padding: 30px 30px 0;
    margin-bottom: -117px;
    z-index: 10;
  }

  .house-home .transparent-head .inner-title-container {
    width: 100%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-bottom: 20px;
  }

  .house-home .transparent-head .h4 {
    font: 600 30px/130% var(--title-font);
    letter-spacing: 0;
    color: var(--title-color);
    margin-bottom: 0;
  }

  .house-home .transparent-head .catalog-data-size {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-right: 5px;
  }

  .house-home .transparent-head .catalog-data-size::after {
    content: '–';
  }

  .house-home .transparent-head .catalog-data-size span:nth-child(2) {
    margin: 0 4px;
  }

  .house-home .transparent-head .catalog-data-size span:nth-child(4) {
    margin-left: 4px;
  }

  .house-home .transparent-head .side-price {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  

  .transparent-head .side-price .old-price {
    background: linear-gradient(to right, var(--tab-color) 0 100%) repeat-x 0 59% / 100% 1px;
  }

  .house-home .transparent-head .catalog-data-size span,
  .house-home .transparent-head .catalog-data-size::after,
  .house-home .transparent-head .side-price span {
    font: 400 18px/22px var(--text-font);
    color: var(--text-color);
    letter-spacing: 0;
  }
  .house-home .transparent-head .side-price span {
    color: var(--main-color);
  }
  .transparent-head .side-price .old-price span {
    font: 400 14px/22px var(--text-font);
    color: var(--tab-color);
    letter-spacing: 0;
    
  }
  .house-home .transparent-head .material-filter {
    width: 100%;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 38px;    
  }

  .house-home .transparent-head .material-filter .radio-select {
    margin: 0 auto;
  }

  .house-home .transparent-head .material-filter .radio-select .item {
    padding: 11px 30px 10px 30px;
  }

  .house-home .transparent-head .house-type,
  .house-home .transparent-head .favourite {
    display: none;
  }

  /* section.house-home div.catalog-link-marker-comeandlive {
    bottom: 356px;
  } */

  .house-home .owl-dots {
    bottom: 164px;
  }
}

@media screen and (max-width: 680px) { 
  .house-home .transparent-head {
    top: -30px;
    padding: 20px 16px 0;
    margin-bottom: -31px;
    border-radius: 10px 10px 0px 0px;
    align-items: flex-end;
  }

  .house-home .transparent-head .inner-title-container {
    margin-bottom: 8px;
  }

  .house-home .transparent-head .h4 {
    font-size: 21px;
  }

  .house-home .transparent-head .catalog-data-size {
    padding-right: 3px;
  }

  .house-home .transparent-head .side-price{
    gap: 10px;
  }

  .transparent-head .side-price .old-price {
    background: linear-gradient(to right, var(--tab-color) 0 100%) repeat-x 0 59% / 100% 1px;
  }

  .house-home .transparent-head .catalog-data-size span, 
  .house-home .transparent-head 
  .catalog-data-size::after, 
  .house-home .transparent-head .side-price span  {
    font-size: 14px;
  }

  .house-home .transparent-head .side-price span {
    color: var(--main-color);
  }

  .transparent-head .side-price .old-price span {
    font: 400 12px/21px var(--text-font);
    color: var(--tab-color);
    
  }
  
  .house-home .transparent-head .catalog-data-size span:nth-child(2) {
    margin: 0 4px 0 3px;
  }

  .house-home .transparent-head .catalog-data-size span:nth-child(4) {
    margin-left: 3px;
  }

  .house-home .transparent-head .material-filter {
    margin-top: 20px;
  }

  .house-home .transparent-head .material-filter .radio-select .item {
    padding: 5px 20px 7px 20px;
  }

  /* section.house-home div.catalog-link-marker-comeandlive {
    bottom: 189px;
  } */

  .house-home .owl-dots {
    bottom: 55px;
  }

  .house-home .carousel-container .owl-dots .owl-dot:not(:last-child) {
    margin-right: 6px;
  }

  .house-home .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }
}

@media screen and (max-width: 374px) {
  /* section.house-home div.catalog-link-marker-comeandlive {
    width: 106px;
    bottom: 189px;
    padding-top: 7px;
  }

  section.house-home .catalog-link-marker-comeandlive .catalog-link-marker-comeandlive__text {
    font-size: 9px;
    letter-spacing: 0.9px;
  }

  section.house-home .catalog-link-marker-comeandlive .catalog-link-marker-comeandlive__text::before {
    content: none;
  } */

  .house-home .transparent-head .material-filter .radio-select .item {
    padding-top: 5px;
  }
}

/* маркер новинка */

/* section.house-home .catalog-marker.detail {
	color: var(--title-color);
	background: rgba(255, 255, 255, 0.90);
  right: 40px;
  left: unset;
	z-index: 1;
}

@media screen and (max-width: 999px) {
	section.house-home .catalog-marker.detail {
		top: unset;
		bottom: 356px;
		right: 30px;
	}
}

@media screen and (max-width: 680px) {
	section.house-home .catalog-marker.detail {
		right: 16px;
    bottom: 189px;
	}
}

@media screen and (max-width: 374px) {
  section.house-home .catalog-marker.detail {
    bottom: 189px;
    font-size: 9px;
    letter-spacing: 0.9px;
    padding: 6px 9px 8px 10px;
  }
} */

/* end маркер новинка */

/* house-fixed */
house-fixed.house-fixed {
  background: transparent;
}

.house-fixed.display-none {
  display: none;
}

@media (min-width: 1000px) {
  house-fixed.house-fixed,
  house-fixed.house-fixed.hidden,
  house-fixed.house-fixed.hidden_ {
    position: fixed;
    display: block;
    width: 100%;
    z-index: 2;
    pointer-events: none;
  }

  house-fixed.house-fixed { 
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  }

  house-fixed.house-fixed.hidden {
    -webkit-transform: translateY(-110%);
        -ms-transform: translateY(-110%);
            transform: translateY(-110%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  }
  
  .house-fixed .inner {
    position: relative;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    gap: 20px;
    padding: 10px 29px 10px 21px;
    margin: auto;
    background: #E5E5E5CC;
    backdrop-filter: blur(40px);
    border-radius: 0px 0px 20px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    pointer-events: all;
  }

  .house-fixed .h4 {
    display: block;
    max-width: 390px;
    font: 600 18px/23px var(--title-font);
    color: var(--title-color);
    margin: 0;
    letter-spacing: 0;
    padding-top: 3px;
  }

  .house-fixed .catalog-data-size-dd {
    position: relative;
    min-width: 140px;
  }
  
  .house-fixed .catalog-data-size,
  .house-fixed .catalog-data-size-dd .j-dd-button { 
    display: block;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    font: 500 14px/18px var(--text-font);
    color: var(--text-color);
    background-color: var(--block-background);
    padding: 13px 20px 13px 20px;
    border-radius: 100px;
    margin: 0 0 0 1px;
    color: var(--background);
    background-color: #949393;
  }
  
  .house-fixed .catalog-data-size-dd .j-dd-button {
    position: relative;
    z-index: 1;
    padding-right: 49px;
    cursor: pointer;
    margin: 0;
  }

  .house-fixed .catalog-data-size-dd .j-dd-button::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 21px;
    height: 7px;
    width: 7px;
    background-color: transparent;
    border-right: 1px solid var(--background);
    border-bottom: 1px solid var(--background);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .house-fixed .catalog-data-size-dd.active .j-dd-button::after {
    top: 20px;
    right: 21px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
  }

  .house-fixed .catalog-data-size-dd .j-dd-wrapper {
    display: none;
    /* padding-top: 22px; */
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    max-height: 222px;
    z-index: 0;
    overflow: auto;
    background: var(--background);
    box-sizing: border-box;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(197, 197, 197, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(197, 197, 197, 0.25);
    border-radius: 0px 0px 4px 4px;
    cursor: default;
  }

  .house-fixed .catalog-data-size-dd .j-dd-wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
  }
  
  .house-fixed .catalog-data-size-dd .j-dd-wrapper::-webkit-scrollbar-track {
    background: var(--block-background);
    border-radius: 2px;
  }
  
  .house-fixed .catalog-data-size-dd .j-dd-wrapper::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: var(--tab-color);
  }

  .house-fixed .catalog-data-size-dd .j-dd-wrapper .catalog-data-size-item {
    display: inline-block;
    width: 100%;
    height: 50px;
    font: 400 14px/18px var(--text-font);
    color: var(--text-color);
    text-align: start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 16px 20px;
  }

  .house-fixed .catalog-data-size-dd .j-dd-wrapper li:first-child .catalog-data-size-item {
    padding-top: 38px;
    height: 72px;
}

  .house-fixed .catalog-data-size-dd .j-dd-wrapper .catalog-data-size-item.active,
  .house-fixed .catalog-data-size-dd .j-dd-wrapper .catalog-data-size-item:hover {
    background: var(--block-background);
  }
  
  .house-fixed .catalog-data-size-dd .j-dd-wrapper .catalog-data-size-item.active {
    cursor: default;
  }

  .house-fixed .side-price {
    height: 46px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    background: transparent;
    border-radius: 100px;
    padding: 14px 11px 0px 22px;
    margin: 0 0 -2px 0;
}

  .house-fixed .side-price span {
    font: 600 16px/1 var(--title-font);
    color: var(--title-color);
    word-spacing: -0.5px;
    letter-spacing: 0.15px;
  }

  .house-fixed .side-price .old-price span {
    font: 600 11px/1 var(--text-font);
    color: var(--tab-color);
    letter-spacing: 0;
  }

  .house-fixed .side-price .old-price {
    display: block;
    width: fit-content;
    background: linear-gradient(to right, var(--tab-color) 0 100%) repeat-x 0 59% / 100% 1px;
  }

  .house-fixed .material-filter {
    display: block;
  }

  .house-fixed .favourite {
    position: static;
    width: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  
  .house-fixed .favourite svg {
    width: 25px;
    height: 25px;
  }

  .house-fixed .favourite svg path {
    stroke: var(--dark-grey-color);
    stroke-width: 2px;
  }

  .house-fixed .favourite.liked svg path {
    stroke: var(--main-color);
    fill: var(--main-color);
  }

  .house-fixed .house-type {
    display: none;
  }

  /* section.house-home div.catalog-link-marker-comeandlive {
    bottom: 40px;
  } */

  /* section.house-home span.catalog-link-marker-comeandlive__text::before {
    margin-bottom: 2px;
  } */
}

@media screen and (min-width: 1200px) {
  .house-fixed {
    margin-top: 110px;
  }

  .redbanner-show .house-fixed {
    margin-top: 180px;
  }
}

@media screen and (max-width: 1199px) {
  .house-fixed {
    margin-top: 80px;
  }

  .redbanner-show .house-fixed {
    margin-top: 150px;
  }
}

@media (max-width: 999px) {
  .house-fixed {
    position: absolute;
  }

  .house-fixed .inner {
    padding: 30px 30px 0 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .house-fixed .h4,
  .house-fixed .catalog-data-size,
  .house-fixed .catalog-data-size-dd,
  .house-fixed .material-filter,
  .house-fixed .side-price {
    display: none;
  }

  .house-fixed .house-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    padding: 0;
  }
  
  .house-fixed .house-type a {
    font: 500 16px/12px var(--text-font);
    color: var(--background);
    text-transform: uppercase;
  }

  .house-fixed .house-type .type-arrow {
    margin: 0 4px 0 0;
    width: 12px;
    height: 12px;
  }

  .house-fixed .house-type .type-arrow::after,
  .house-fixed .house-type .type-arrow::before {
    left: 0;
    width: 8px;
  }

  .house-fixed .house-type .type-arrow::before {
    top: 3px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .house-fixed .house-type .type-arrow::after {
    top: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .house-fixed .favourite {
    position: relative;
    inset: 0;
    width: 48px;
    height: 48px;
  }
  
  .house-fixed .favourite::before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(139, 139, 139, 0.6);
    z-index: -1;
  }

  .house-fixed .favourite svg {
    width: 24px;
    height: 24px;
    margin-top: 5px;
  }

  .house-fixed .favourite svg path {
    stroke: var(--background);
    stroke-width: 1px;
  }

  .house-fixed .favourite.liked svg path {
    fill: var(--background);
  }
}

@media (max-width: 680px) {
  .house-fixed .inner {
    padding: 16px 16px 0 15px;
  }

  .house-type {
    margin-bottom: 4px;
  }

  .house-fixed .house-type .type-arrow {
    margin: 0;
  }

  .house-fixed .house-type a {
    font-size: 11px;
  }

  .house-fixed .house-type .type-arrow::after, 
  .house-fixed .house-type .type-arrow::before {
    width: 5px;
  }

  .house-fixed .house-type .type-arrow::before {
    top: 4px;
  }

  .house-fixed .house-type .type-arrow::after {
    top: 7px;
  }

  .house-fixed .favourite {
    width: 40px;
    height: 40px;
  }

  .house-fixed .favourite svg {
    width: 20px;
    height: 20px;
    margin-top: 4px;
  }
}

/* size controls .house-home-nav */
.house-home-nav {
  display: none;
}

@media (min-width: 1000px) {
  .slider-controls.house-home-nav {
    position: absolute;
    display: block;
    width: 120px;
    height: 50px;
    bottom: 40px;
    right: 40px;
  }
  
  .slider-controls button.size-nav-button {
    top: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    background-color: rgba(148, 147, 147, 0.9);
    border-radius: 4px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
  }
  
  .slider-controls button.size-nav-button:hover {
    background-color: rgba(148, 147, 147, 1);
  }
  
  .slider-controls button.size-nav-button .b {
    left: 20px;
    top: 24px;
    margin: 0;
    width: 10px;
    border-radius: 5px;
    background-color: var(--background);
  }

  .slider-controls button.size-nav-button.prev .b  {
    left: 21px;
  }

  .slider-controls button.size-nav-button.next .b  {
    left: 19px;
  }

  .slider-controls button.size-nav-button .b1,
  .slider-controls button.size-nav-button.disabled .b1 {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .slider-controls button.size-nav-button .b2,
  .slider-controls button.size-nav-button.disabled .b2 {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .slider-controls button.size-nav-button:not(.disabled):hover .b {
    background-color: var(--background);
  }

  .slider-controls button.size-nav-button.disabled {
    display: block;
    background-color: rgba(148, 147, 147, 0.5); 
  }

  .slider-controls button.size-nav-button.disabled .b {
    background-color: var(--border-color);
  }
}

/* end size controls .house-home-nav */

/* house-gallery */

.house-gallery {
  display: block;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.house-gallery .wrapper {
  display: table;
  padding: 0;
  margin: 120px auto;
}

.house-gallery-title {
  line-height: 1;
}

.house-gallery-title-wrap {
  margin-bottom: 30px;
}

.gallery-line {
  display: inline-block;
  width: 100%;
  margin-left: -10px;
  margin-right: -10px;
}

.gallery-image-wrapper {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}

.gallery-image {
  display: inline-block;
  width: 98%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 15px;
  right: 0;
  bottom: 0;
  top: 0;
  cursor: pointer;
  margin: auto;
}

.gallery-item {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: inherit;
}

._big {
  margin-top: 5px;
}

._big .gallery-image-wrapper {
  height: 474px;
}

._big ._one {
  width: 25%;
}

._big ._one._two .gallery-image-wrapper {
  height: 229px;
  margin-bottom: 15px;
}

._big ._four {
  width: 50%;
}

._mini {
  margin-top: -2px;
}

._mini .gallery-image-wrapper {
  height: 228px;
  display: inline-block;
}

._mini ._one {
  width: 50%;
}

._mini ._two .gallery-image-wrapper {
  width: 50%;
  float: left;
  overflow: hidden;
}

.fancybox-section .gallery-inner {
  padding: 0 !important;
}

.fancybox-section .close {
  width: 40px;
  height: 40px;
  background-color: var(--background);
  border-radius: 50px;
  z-index: 6;
}

.fancybox-wrapper .slider-controls.s-fancybox {
  z-index: 5;
}

.slider-controls.s-fancybox button,
.size-nav-button {
  top: 0;
  bottom: 0;
  margin: auto;
}

.slider-controls.s-fancybox button {
  max-height: 75px;
  max-width: 75px;
}


@media (max-width: 999px) {
  .house-gallery .wrapper {
    margin: 80px auto;
  }

  .house-gallery-title-wrap {
    margin-bottom: 20px;
  }

  .gallery-line {
    width: 101%;
  }

  ._mini {
    margin-top: -5px;
  }

  ._mini .gallery-image-wrapper {
    height: 157px;
  }

  ._big .gallery-image-wrapper {
    height: 334px;
  }

  ._big ._one._two .gallery-image-wrapper {
    height: 159px;
    margin-bottom: 15px;
  }

  .slider-controls.s-fancybox button {
    max-width: 50px;
  }

  .slider-controls.s-fancybox button {
    max-height: 50px;
  }

  .slider-controls.s-fancybox .next .b {
    -webkit-transform-origin: 100% 80%;
    -ms-transform-origin: 100% 80%;
    transform-origin: 100% 80%;
    right: 2px;
  }

  .slider-controls.s-fancybox .prev .b {
    -webkit-transform-origin: 5% 75%;
    -ms-transform-origin: 5% 75%;
    transform-origin: 5% 75%;
    left: 1px;
  }
}

@media (max-width: 640px) {
  .house-gallery .wrapper {
    margin: 60px auto;
  }

  .gallery-image {
    left: 10px;
  }

  ._mini {
    margin-top: -4px;
  }

  ._mini .gallery-image-wrapper {
    height: 105px;
  }

  ._big {
    margin-top: -4px;
  }

  ._big .gallery-image-wrapper {
    height: 217px;
  }

  ._big ._one._two .gallery-image-wrapper {
    height: 105px;
    margin-bottom: 7.5px;
  }
}

@media (max-width: 425px) {
  .gallery-line {
    width: 103%;
  }

  ._mini .gallery-image-wrapper {
    height: 80px;
  }

  ._big .gallery-image-wrapper {
    height: 165.5px;
  }

  ._big ._one._two .gallery-image-wrapper {
    height: 79px;
  }
}
/* end house-gallery */

/* End */


/* Start:/local/components/terem/catalog.detail.json/templates/material.selection/style.css?17376457201928*/
.material-filter {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.material-filter .radio-select {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100px;
    background: var(--line-color);
    padding: 4px;
    border: none;
}

.material-filter .radio-select .item {
    display: block;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    float: none;
    padding: 5px 20px 7px 20px;
    margin: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    border-bottom: none;
    cursor: pointer;
}

.material-filter .radio-select .item.disabled {
    display: none;
}

.material-filter .radio-select .item:last-child {
    margin-right: 0;
}

.material-filter .radio-select .item span {
    font: 400 18px/150% var(--text-font);
    color: var(--title-color);
    margin: 0;
}

.material-filter .radio-select .item input {
    display: none;
}

.material-filter .radio-select .item.active {
    background-color: var(--background);
    border-radius: 100px;
    cursor: default;
}

.material-filter .radio-select .item.active span {
    text-shadow: 0 0 0.45px var(--title-color), 0 0 0.45px var(--title-color);
}

@media (min-width: 1000px) {
    .material-filter .radio-select .item span {
        font-size: 14px;
    }
    
    .house-fixed .material-filter .radio-select .item span {
        color: var(--background);
    }

    .house-fixed .material-filter .radio-select .item.active span {
        color: var(--title-color);
    }

    .house-fixed .material-filter .radio-select {
        background: var(--tab-color);
    }
}

@media (max-width: 680px) {
    .material-filter .radio-select .item span {
        font-size: 14px;
    }
}
/* End */


/* Start:/local/components/terem/catalog.markers/templates/catalog.marker/style.css?17334066611661*/
.catalog-marker {
	box-sizing: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	width: fit-content;
	font: 500 14px/130% var(--text-font);
	background: var(--background);
	color: var(--title-color);
	padding: 0 8px;
	border-radius: 6px;
	position: relative;
}

.catalog-marker.slider {
	position: absolute;
}

.catalog-marker.series {
	/* top: 10px;
	left: 10px; */
}

@media screen and (max-width: 767px) {
	.catalog-marker.series {
		/* top: 16px;
		left: 16px; */
	}
}

/* маркер в карточке товара */

.catalog-marker.detail {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	font: 500 14px/130% var(--text-font);
	background: var(--background);
	color: var(--title-color);
	border-radius: 6px;
	position: absolute;
	height: 40px;
	font-size: 16px;
	padding: 0 16px;
	top: 40px;
	left: unset;
	right: 40px;
	z-index: 1;
}

@media screen and (max-width: 999px) {
	.catalog-marker.detail {
		top: unset;
		bottom: 356px;
		right: 30px;
	}
}

@media screen and (max-width: 680px) {
	.catalog-marker.detail {
		bottom: 189px;
	}
}

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

	.catalog-marker.detail {
		font-size: 12px;
		height: 24px;
		padding: 0 8px;
		right: 16px;
	}
}

@media screen and (max-width: 374px) {
	.catalog-marker.detail {
		font-size: 10px;
		height: 21px;
	}
}

/* маркер в слайдерах */
.catalog-marker.slider {
	top: 10px;
	left: 10px;
	z-index: 1;
}

@media screen and (min-width: 1224px) {
	.catalog-marker.slider {
		font-size: 20px;
		height: 46px;
		top: 20px;
		left: 20px;
		padding: 2px 16px 0;
	}
}

/* End */


/* Start:/local/components/terem/catalog.markers/templates/comeandlive.marker/style.css?17328713772224*/
/* маркер в каталоге */
.catalog-link-marker-comeandlive {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* bottom: 10px;
    left: 10px; */
    z-index: 1;
    width: fit-content;
    height: 26px;
    background: rgba(154, 123, 107, 0.90);
    border-radius: 6px;
    padding: 0 8px;
}

.catalog-link-marker-comeandlive__text {
    display: flex;
    align-items: center;
    gap: 6px;
    font: 500 14px/130% var(--text-font);
    color: var(--background);
}

.catalog-link-marker-comeandlive__text::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url('/assets/resources/images/ico-comeandlive.svg');
    background-repeat: no-repeat;
    background-position-y: center;
}

/* @media screen and (max-width: 767px) {
    .catalog-link-marker-comeandlive {
        bottom: 16px;
        left: 16px;
    }
} */

/* маркер в карточке товара */

section.house-home .catalog-link-marker-comeandlive {
    position: absolute;
    bottom: 40px;
    left: 40px;
    height: 40px;
    padding: 0 16px;
}

section.house-home .catalog-link-marker-comeandlive__text {
    font-size: 16px;
    gap: 4px;
}

section.house-home .catalog-link-marker-comeandlive__text::before {
    width: 20px;
    height: 20px;
    background-size: cover;
}

@media screen and (max-width: 999px) {
    section.house-home .catalog-link-marker-comeandlive {
        bottom: 356px;
        left: 30px;
    }
}

@media screen and (max-width: 680px) {
    section.house-home .catalog-link-marker-comeandlive {
        bottom: 189px;
    }
}

@media screen and (max-width: 640px) {
    section.house-home .catalog-link-marker-comeandlive {
        height: 24px;
        padding: 0 8px;
        left: 16px;
    }

    section.house-home .catalog-link-marker-comeandlive__text {
        font-size: 12px;
        gap: 6px;
    }

    section.house-home .catalog-link-marker-comeandlive__text::before {
        width: 12px;
        height: 12px;
    }
}

@media screen and (max-width: 374px) {
    section.house-home .catalog-link-marker-comeandlive__text {
        font-size: 10px;
    }
}
/* End */


/* Start:/local/components/terem/promotion.list/templates/catalog.detail.banner/style.css?17320227945135*/
  .home-banner {
        padding-top: 0;
    }

    .home-banner .subtitle {
        font-size: 14px;
        text-transform: uppercase;
        line-height: 18px;
        font-family: var(--title-font);
        letter-spacing: 0.05em;
        font-weight: 500;
        margin-bottom: 12px;
        color: var(--text-color);
    }

    .home-banner .title {
        font-family: var(--title-font);
        font-size: 36px;
        font-weight: 700;
        color: var(--main-color);
        line-height: 49px;
        padding-bottom: 20px;
    }

    .home-banner .more-link {
        position: relative;
        font-size: 18px;
        text-transform: uppercase;
        color: var(--main-color);
        letter-spacing: 0.1em;
        padding-right: 35px;
        padding-bottom: 1px;
        border-bottom: none !important;
    }

    .home-banner .more-link:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background: var(--main-color);
        transform: scale(0.6);
        opacity: 0;
        transition: opacity 0.3s linear, transform 0s ease 0.6s;
    }

    .home-banner .more-link:hover:before {
        transform: scale(1);
        opacity: 1;
        transition: 0.35s all cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.25s linear;
    }

    .home-banner .more-link:after {
        content: "...";
        position: absolute;
        top: -25px;
        right: 0;
        font-size: 32px;
    }

    .home-banner .l-l {
        background: var(--block-background);
    }

    .home-banner .l-l .slide>.tx {
        top: 0;
        height: auto;
        position: relative;
    }

    .home-banner .l-r .slider {
        padding-top: 68.2%;
    }

    .home-banner .icon-block {
        width: 150px;
        height: 100px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 52px;
    }

    .home-banner .tx p {
        font-size: 16px;
        font-family: var(--title-font);
        letter-spacing: -0.38px;
        line-height: 24px;
        margin-bottom: 29px;
        color: var(--dark-grey-color);
    }

    .home-banner .tx p:last-of-type {
        margin-bottom: 20px;
    }

    @media (min-width: 1000px) {
        .home-banner .l-l {
            width: calc(40% - 27px);
        }

        .home-banner .l-r {
            width: calc(62.6% - 20px);
        }
    }

    @media (min-width: 1280px) {
        .home-banner .slide-wrap {
            padding: 17% 14% 0;
        }
    }

    @media (min-width: 1440px) {
        .home-banner .slide-wrap {
            padding: 17% 14% 0;
        }
    }

    @media (max-width: 1440px) {

        .home-banner .slider-controls.s-sh-r {
            right: 0;
        }

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

    @media (max-width: 1280px) {
        .home-banner .slide-wrap {
            padding: 17% 14% 0;
        }

        .home-banner .tx img {
            width: 100px;
            margin-bottom: 20px;
        }

        .home-banner .tx p {
            margin-bottom: 16px;
            font-size: 13px;
            line-height: 1.4;
        }

        .home-banner .tx p:last-child {
            margin-bottom: 18px;
        }
    }

    @media (max-width: 1110px) {
        .home-banner .subtitle {
            font-size: 12px;
            line-height: 12px;
        }

        .home-banner .title {
            font-size: 28px;
            line-height: 35px;
            padding-bottom: 15px;
        }

        .home-banner .more-link {
            font-size: 14px;
        }

    }

    @media (max-width: 999px) {
        .home-banner {
            padding-top: 23px;
        }

        .home-banner .slide-wrap {
            padding: 8% 8%;
        }

        .home-banner .l-l {
            width: 100%;
            display: inline-block;
            margin-bottom: 2px;
            border-top: 2px solid var(--background);
        }

        .home-banner .l-l .slide>.tx {
            display: block;
        }

        .home-banner .title {
            font-size: 32px;
            line-height: 45px;
        }

        .home-banner .tx p {
            font-size: 14px;
        }

        .home-banner .more-link {
            font-size: 16px;
        }
    }

    @media (max-width: 425px) {
        .home-banner .wrapper {
            width: calc(100% - 40px);
        }

        .home-banner .slide-wrap {
            padding: 10% 10%;
        }

        .home-banner .tx img {
            margin-bottom: 12px;
        }

        .home-banner .tx p {
            font-size: 14px;
            line-height: 1.2;
            margin-bottom: 16px;
        }

        .home-banner .slider-controls.s-b {
            bottom: -50px;
        }

        .home-banner .subtitle {
            font-size: 12px;
            line-height: 14px;
        }

        .home-banner .title {
            font-size: 22px;
            line-height: 32px;
        }

        .home-banner .more-link {
            font-size: 14px;
        }
    }

/* End */


/* Start:/local/components/terem/catalog.detail.json/templates/.default.new/style.css?175093045294956*/
section.tour-3D {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 0;
  clear: both;
}

.tour-3D .wrapper {
  padding-top: 60px;
  padding-bottom: 56px;
  background-color: var(--block-background);
}

.tour-item .button {
  padding: 12px 23px;
}

.slider:focus:before {
  display: none;
}

.description h3 {
  font: 600 36px/47px var(--title-font);
  color: var(--title-color);
  letter-spacing: 0;
  margin-bottom: 20px;
}

@media screen and (max-width: 999px) {
  .description h3 {
    font-size: 30px;
    line-height: 39px;
  }
}

@media screen and (max-width: 680px) {
  .description h3 {
    text-align: start;
  }
}

/* main-feature__container */

.planning .main-feature__container.wrapper {
  background: var(--background);
  margin: 15px auto 0px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 4px;
}

.main-feature__container .main-feature__link {
  display: block;
  padding: 8px 29px 8px 8px;
}

.main-feature__button {
  width: 100%;
}

.main-feature__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-feature__block svg {
  margin: 0 0 0 auto;
}

.main-feature__container:hover .main-feature__block svg {
  stroke: var(--main-color);
}

.main-feature__block-img {
  width: 50px;
  height: 50px;
  background: var(--lk-background);
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-feature__block-img img {
  display: block;
  margin: auto;
}

.main-feature__block-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1px 30px 0;
  gap: 4px;
}

.main-feature__block-text p {
  font: 400 16px/130% var(--text-font);
  color: var(--title-color);
  text-align: left;
  margin: 0;
  padding: 0;
}

.main-feature__block-text p span {
  font-weight: 600;
}

.main-feature__container:hover .main-feature__block-text p {
  color: var(--main-color);
}

.main-feature__container:hover svg path {
  stroke: var(--main-color);
}

.main-feature__block-text p b {
  font-weight: 600;
}

.main-feature__block-text p:last-child {
  margin-bottom: 0;
}

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

  .main-feature__block-text {
    padding: 0px 19px 1px;
  }

  .main-feature__block-text p {
    font-size: 18px;
    line-height: 150%;
  }
}

@media screen and (max-width: 640px) {
  .planning .main-feature__container {
    margin-top: 2px
  }

  .main-feature__container .main-feature__link {
    padding-right: 19px;
  }

  .main-feature__block-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    padding: 2px 16px 0px;
  }

  .main-feature__block-text p {
    font-size: 14px;
  }

  .main-feature__block svg {
    width: 7px;
  }
}

@media screen and (max-width:374px) {
  .main-feature__block-text p {
    font-size: 12px;
  }
}

/* end main-feature__container */

.application-btn {
  position: relative;
  display: inline-block;
  min-width: 250px;
  color: var(--background);
  font: normal 500 12px/16px var(--text-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: var(--main-color);
  border-radius: 4px;
  border: 1px solid var(--main-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 29px 8px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.application-btn_white {
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: transparent;
  color: var(--title-color);
}

.application-btn:hover {
  border: 1px solid var(--main-color);
  color: var(--main-color);
  background: transparent;
}

/* блок с облетом */

.project-description .wrapper {
  padding: 120px 0 102px;
  margin: 0 auto;
}

.project-description .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(343px, 758px) 25px 420px;
  grid-template-columns: minmax(343px, 758px) 420px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 25px;
}

.project-description .container::after {
  content: unset;
}

.project-description .container.l-col-3>.item.l-wide {
  display: -ms-grid;
  display: grid;
  width: calc(58.7% - 40px);
  margin: 0 2.95%;
}

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

.project-description .button__360 {
  z-index: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  left: 0;
  top: -19px;
  bottom: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 28px 34px;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.project-description .button__360 .button__360-img {
  width: 27px;
  position: relative;
  margin-left: 1px;
}

.project-description .button__360::before {
  content: "";
  position: absolute;
  width: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: var(--background);
  border-radius: 80px;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.project-description .button__360 .button__360-border {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  border: 1px solid var(--background);
  border-radius: 80px;
  padding: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  pointer-events: none;
}

.project-description .button__360 .button__360-text {
  font-family: var(--text-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-align: center;
  color: var(--title-color);
  position: relative;
  text-transform: uppercase;
  margin-left: 13px;
  margin-right: 4px;
  padding-top: 2px;
}

.project-description .house360-container {
  border-radius: 4px;
  border: 1px solid var(--line-color);
  max-width: 756px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.project-description .image__overlay {
  margin-bottom: 40px;
  margin-top: 20px;
}

/* js */
.project-description .hidden-descr-js {
  display: none;
  height: 0;
}

.project-description .hidden-descr {
  font: 400 16px/150% var(--text-font);
  letter-spacing: 0em;
  color: var(--grey-color);
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 40px;
  left: 40px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.project-description .hidden-descr::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px 18px;
  background: var(--background);
  opacity: 90%;
  left: -10px;
  border-radius: 3px;
}

.project-description .hidden-descr .hidden-descr__img {
  display: inline-block;
  max-width: 50px;
  z-index: 1;
}

.project-description .hidden-descr .hidden-descr__txt {
  margin-left: 21px;
  z-index: 1;
}

.project-description .i3d-gallary img {
  padding-top: 20px;
  padding-bottom: 20px;
}

.project-description .descr {
  font: 400 16px/150% var(--text-font);
  width: 55%;
  margin: -9px auto 39px;
  color: var(--grey-color);
  text-align: center;
}

.project-description .txt {
  font-size: 14px;
  color: var(--grey-color);
  margin: 0 0 0 1px;
  text-align: center;
}

.project-description .txt span {
  font-weight: 600;
}

.project-description .item__photo {
  border: none;
}

.project-description .i3d__arrow {
  width: 253px;
  height: 35px;
  margin: 0 auto;
  padding-right: 1px;
}

.project-description .description {
  text-align: start;
}

.project-description .description__title {
  font-family: var(--title-font);
  font-size: 30px;
  font-weight: 600;
  line-height: 39px;
  letter-spacing: 0;
  margin: 0;
}

.project-description .description__title.desktop {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px dashed var(--dark-grey-color);
  padding-bottom: 4px;
  margin-bottom: 35px;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  color: var(--title-color);
}

.project-description .description:not(.active):not(.no-descr) .description__title.desktop:hover {
  border-bottom: 1px dashed transparent;
  color: var(--main-color);
}

.project-description .description.no-descr .description__title.desktop svg {
  display: none;
}

.project-description .description:not(.no-descr) .description__title.desktop svg {
  position: absolute;
  top: 13px;
  bottom: 0;
  right: -38px;
}

.project-description .description.active:not(.no-descr) .description__title.desktop svg {
  display: none;
}

.project-description .description__title.desktop .custom-stroke {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.project-description .description:not(.active):not(.no-descr) .description__title.desktop:hover .custom-stroke {
  stroke: var(--main-color);
}

.project-description .description.active:not(.no-descr) .description__title.desktop {
  border-bottom: 1px dashed transparent;
}

.project-description .description.no-descr .description__title.desktop {
  padding: 0;
  margin-bottom: 40px;
  border-bottom: 1px dashed transparent;
  cursor: default;
}

/* описание проекта */
.project-description .description drop-down {
  display: none;
  border-bottom: 1px dashed var(--line-color);
  border-top: 1px dashed var(--line-color);
  margin-bottom: 40px;
}

.project-description .description-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40px;
  color: var(--title-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0 19px;
  margin: 0;
}

.project-description .description-item.j-dd-button {
  cursor: pointer;
}

.project-description .description-item-text {
  font: 500 18px/150% var(--text-font);
  color: var(--dark-grey-color);
}

.project-description .description .arrow {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--block-background);
}

.project-description .description .arrow span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 2px;
  background-color: var(--dark-grey-color);
  -webkit-transform: rotate(0deg) translate(-50%, -50%);
  -ms-transform: rotate(0deg) translate(-50%, -50%);
  transform: rotate(0deg) translate(-50%, -50%);
  -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;
}

.project-description .description .arrow span:nth-child(1) {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

.project-description .description .active .arrow span {
  -webkit-transform: rotate(180deg) translate(-50%, -50%);
  -ms-transform: rotate(180deg) translate(-50%, -50%);
  transform: rotate(180deg) translate(-50%, -50%);
}

.project-description .description .active .arrow span:nth-child(1) {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.project-description .description .active .arrow span:nth-child(2) {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

.project-description .description-descr__wrapper {
  display: none;
}

.project-description .description-descr {
  padding: 0 0 19px 0;
}

.project-description .description-descr .title {
  font: 600 30px/130% var(--title-font);
  color: var(--text-color);
}

.project-description .description-descr p {
  max-width: 100%;
  font: 400 16px/150% var(--text-font);
  color: var(--dark-grey-color);
  margin: 20px 0 0;
}

.project-description .description-descr p b {
  font-weight: 600;
}

/* end описание проекта */

/*всплывающая карточка описания*/

.project-description .description .descr-popup {
  position: absolute;
  top: 59px;
  right: 57.7%;
  z-index: 21;
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.house360-container_empty+.description .descr-popup {
  right: unset;
  left: 0;
}

.project-description .description.active .descr-popup {
  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;
}

@media (max-width: 1150px) and (min-width: 1100px) {
  .project-description .description.active .descr-popup {
    right: 645px;
  }
}

.project-description .description .descr-card {
  visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 645px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 3px 16px 0px rgba(128, 128, 128, 0.25);
  box-shadow: 2px 3px 16px 0px rgba(128, 128, 128, 0.25);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.project-description .description.active .descr-card {
  visibility: visible;
  -webkit-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
}

.project-description .descr-card .description-descr {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  border-radius: 6px;
  background-color: var(--background);
  padding: 60px;
  margin: 0;
}

.project-description .description .descr-card .close {
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
}

.project-description .description .descr-card .close span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.project-description .description .descr-card .close span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.project-description .description .descr-card .close span {
  position: absolute;
  height: 2px;
  width: 17px;
  background-color: var(--text-color);
  border-radius: 10px;
  top: 14px;
  left: 0;
  right: 1px;
  margin: 0 auto;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.project-description .description .descr-card .close:hover span {
  background-color: var(--main-color);
}

/*end всплывающая карточка описания*/

.project-description ul {
  list-style: none;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: row;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px 30px;
  margin: 0 0 42px 0;
}

.project-description ul li {
  background-repeat: no-repeat;
  background-position-y: 3px;
  padding-left: 38px;
  color: var(--title-color);
  text-transform: lowercase;
}

.project-description ul li.size {
  background-image: url("/assets/resources/images/card-icons/size.svg");
}

.project-description ul li.floor {
  background-image: url("/assets/resources/images/card-icons/floor.svg");
}

.project-description ul li.room {
  background-image: url("/assets/resources/images/card-icons/room.svg");
}

.project-description ul li.bathroom {
  background-image: url("/assets/resources/images/card-icons/bathroom.svg");
}

.project-description ul li.wardrobe {
  background-image: url("/assets/resources/images/card-icons/wardrobe.svg");
}

.project-description ul li.technical_room {
  background-image: url("/assets/resources/images/card-icons/technical_room.svg");
}

.project-description ul li.second_light {
  background-image: url("/assets/resources/images/card-icons/second_light.svg");
}

.project-description ul li.balcony {
  background-image: url("/assets/resources/images/card-icons/balcony.svg");
}

.project-description ul li.terrace {
  background-image: url("/assets/resources/images/card-icons/terrace.svg");
}

.project-description ul li.patio {
  background-image: url("/assets/resources/images/card-icons/patio.svg");
}

.project-description ul li.pantry {
  background-image: url("/assets/resources/images/card-icons/pantry.svg");
}

.project-description ul li.pergola_terrace {
  background-image: url("/assets/resources/images/card-icons/pergola_terrace.svg");
}

.project-description ul li.mezzanine {
  background-image: url("/assets/resources/images/card-icons/mezzanine.svg");
}

.project-description ul li.floor_with_attic {
  background-image: url("/assets/resources/images/card-icons/floor_with_attic.svg");
}

.project-description ul li.attic {
  background-image: url("/assets/resources/images/card-icons/attic.svg");
}

.project-description ul li.canopy {
  background-image: url("/assets/resources/images/card-icons/canopy.svg");
}

.project-description ul li.sauna {
  background-image: url("/assets/resources/images/card-icons/sauna.svg");
}

.project-description ul li.shower {
  background-image: url("/assets/resources/images/card-icons/shower.svg");
}

.project-description ul li.steam-room {
  background-image: url("/assets/resources/images/card-icons/steam-room.svg");
}

.project-description .icon {
  width: 33px;
  height: 40px;
  margin: 0;
}

.project-description .house_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  max-width: 356px;
  min-width: 356px;
  padding: 28px 32px;
}

.project-description .house_download {
  width: 100%;
  max-width: 100%;
  background: var(--background);
  border: 1px solid var(--line-color);
  border-radius: 5px;
  padding: 28px 31px 31px;
  -webkit-transition: border 0.2s;
  -o-transition: border 0.2s;
  transition: border 0.2s;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.project-description .house_download:hover {
  border: 1px solid var(--main-color);
}

.project-description .house_download__pdf {
  margin-top: 3px;
  pointer-events: auto;
}

.project-description .house_download span {
  text-transform: none;
  color: var(--title-color);
  font-family: var(--title-font);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  pointer-events: auto;
  padding-top: 5px;
}

.project-description .subtitle {
  font: normal 400 12px/17px var(--text-font);
  color: var(--grey-color);
  pointer-events: auto;
}

.project-description .download-wrapper {
  max-width: 420px;
  margin-left: 34px;
}

.project-description .download-block {
  padding: 28px 32px 28px;
}

.project-description .download-title {
  padding-top: 0;
}

.project-description .house_expo {
  background: var(--block-background);
  border-radius: 4px;
  margin: 15px 0 0 0;
}

.project-description .house_expo__title {
  font-size: 16px;
  color: var(--dark-grey-color);
}

.project-description .house_expo__link {
  text-decoration: none;
  border-bottom: none;
  background-image: -o-linear-gradient(left, var(--dark-grey-color) 0%, var(--dark-grey-color) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--dark-grey-color)), to(var(--dark-grey-color)));
  background-image: linear-gradient(to right, var(--dark-grey-color) 0%, var(--dark-grey-color) 100%);
  background-repeat: repeat-x;
  background-position: 0 94%;
  background-size: 100% 1px;
}

.project-description .house_expo__link:hover {
  background-size: 0% 1px;
}

.no-touchevents .project-description .tx .house_expo__link:hover {
  color: var(--dark-grey-color);
}

.project-description .hidden-descr__txt_mob {
  display: none;
}

/* когда нет облета (no-360) */

.project-description .container.no-360 {
  max-width: 1095px;
  margin: 0 auto;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 40px;
}

.project-description .house360-container_empty {
  border-radius: 4px;
  background: var(--block-background);
}

.project-description .house360-container_empty img {
  width: 39px;
  margin-right: 30px;
}

.project-description .house360-container_empty .inner {
  height: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font: 400 18px/130% var(--title-font);
  color: var(--border-color);
}

.project-description .container.no-360 .description {
  -ms-grid-row: 1;
  grid-row: 1;
}

.project-description .container.no-360 .description .tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.project-description .container.no-360 .project-chars ul {
  gap: 8px 60px;
}

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

  .project-description .container.no-360 {
    gap: 25px;
  }

  .project-description .container.no-360 .description .tx {
    display: block;
  }

  .project-description .container.no-360 .project-chars ul {
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
  }
}

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

  .project-description .house360-container_empty img {
    margin-right: 20px;
  }

  .project-description .house360-container_empty .inner {
    font-size: 14px;
  }
}

/* end когда нет облета (no-360) */

@media screen and (max-width: 1280px) and (min-width: 1100px) {

  .project-description .wrapper {
    padding: 80px 0;
  }

  .project-description .house360-container {
    max-width: 704px;
  }

  .project-description .descr {
    width: 60%;
    margin: 29px auto 52px;
    padding-right: 17px;
  }

  .project-description ul li {
    font-size: 14px;
    line-height: 150%;
    background-position-y: 0px;
  }

  .project-description ul {
    gap: 4px 10px;
    margin-bottom: 31px;
  }
}


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

  .item__photo {
    margin: 0;
  }

  .project-description .wrapper {
    padding: 60px 0 80px;
    width: calc(100% - 60px);
  }

  .project-description .container.l-col-3>.item.l-wide {
    width: 100%;
    margin: 0 0 60px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .project-description .container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .project-description .house360-container {
    max-width: 100%;
  }

  .project-description .image__overlay {
    margin-bottom: 43px;
    margin-top: 44px;
  }

  .project-description .button__360 {
    top: -1px;
    padding: 20px 19px 20px 17px;
  }

  .project-description .button__360::before {
    width: calc(100% - 14px);
    height: calc(100% - 14px);
  }

  .project-description .button__360 .button__360-border {
    border: none;
    background: #D9D9D9;
    opacity: 39%;
    z-index: -1;
  }

  .project-description .button__360 .button__360-text {
    font-size: 10px;
    letter-spacing: 0.8px;
    margin-left: 10px;
  }

  .project-description .button__360 .button__360-img {
    width: 23px;
    margin-left: 5px;
  }

  .project-description .description {
    -ms-grid-row: 1;
    grid-row: 1;
    position: static;
    margin: 0 0 35px;
  }

  .project-description .description__title.desktop {
    display: none;
  }

  .project-description .description.no-descr .description__title.desktop {
    display: block;
  }

  .project-description .description drop-down {
    display: block;
  }

  .project-description .description-descr .title {
    color: var(--dark-grey-color);
    font-size: 18px;
    margin-top: 2px;
  }

  .project-description .description-descr p {
    max-width: 93%;
    margin: 19px 0 20px;
  }

  .project-description ul {
    grid-template-columns: repeat(auto-fill, 200px);
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    margin: 0 0 42px 0;
    max-width: 100%;
  }

  .project-description .house_container {
    max-width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 27px 88px 29px 31px;
  }

  .project-description .house_download {
    padding: 30px 88px 31px 30px;
  }

  .project-description .house_download span {
    padding-top: 4px;
  }

  .project-description .house_download__pdf {
    margin-top: 1px;
  }

  .project-description .house_expo__point-vk {
    width: 19px;
    height: 23px;
  }

  .project-description .house_expo {
    padding: 30px 56px 30px 32px;
    gap: 26px;
  }

  .project-description .descr {
    margin: 0px auto 39px;
  }

  .project-description .txt {
    font-size: 12px;
  }
}


@media screen and (max-width: 800px) {
  .project-description .house360-container {
    min-height: 300px;
  }
}

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

  .project-description .button__360:hover:before,
  .project-description .button__360.s-hover:before {
    -webkit-transform: scale(1.05, 1.2);
    -ms-transform: scale(1.05, 1.2);
    transform: scale(1.05, 1.2);
  }

  .project-description .button__360:hover {
    padding: 25px 31px;
  }
}

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

  .project-description .wrapper {
    width: calc(100% - 32px);
    padding-bottom: 60px;
  }

  .project-description .container.l-col-3>.item.l-wide {
    margin: 0;
    width: 100%;
  }

  .project-description .house360-container {
    width: 100%;
  }

  .project-description .i3d__arrow {
    width: 157px;
    height: 17px;
  }

  .project-description .hidden-descr {
    font-size: 12px;
    line-height: 14px;
  }

  .project-description .descr {
    font-size: 12px;
    line-height: 18px;
    width: 80%;
    margin: -9px auto 28px;
  }

  .project-description .txt {
    font-size: 12px;
    line-height: 18px;
  }

  .project-description .description {
    margin: 0 0 15px;
  }

  .project-description .description drop-down {
    margin-bottom: 31px;
  }

  .project-description .description__title {
    font-size: 21px;
  }

  .project-description .description.no-descr .description__title.desktop {
    margin-bottom: 31px;
  }

  .project-description .description-item {
    padding: 16px 10px 15px 0;
  }

  .project-description .description .arrow {
    width: 40px;
    height: 40px;
  }

  .project-description .description-descr .title {
    font-size: 16px;
    margin-top: 6px;
  }

  .project-description .description-descr p {
    max-width: 88%;
  }

  .project-description .description-descr {
    padding-bottom: 9px;
  }

  .project-description ul {
    grid-template-columns: repeat(auto-fill, 150px);
    row-gap: 2px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 343px;
    margin: 0 0 21px 0;
  }

  .project-description ul li {
    position: relative;
    max-width: 100%;
    font-size: 14px;
    line-height: 21px;
    padding-left: 20px;
  }

  .project-description ul li.size,
  .project-description ul li.bathroom,
  .project-description ul li.floor,
  .project-description ul li.wardrobe,
  .project-description ul li.room,
  .project-description ul li.technical_room,
  .project-description ul li.balcony,
  .project-description ul li.second_light,
  .project-description ul li.terrace,
  .project-description ul li.patio,
  .project-description ul li.pantry,
  .project-description ul li.pergola_terrace,
  .project-description ul li.mezzanine,
  .project-description ul li.floor_with_attic,
  .project-description ul li.attic,
  .project-description ul li.canopy,
  .project-description ul li.sauna,
  .project-description ul li.shower,
  .project-description ul li.steam-room {
    background-image: none;
  }

  .project-description ul>li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    width: 4px;
    height: 4px;
    background: var(--dark-grey-color);
    border-radius: 50%;
  }

  .project-description .subtitle {
    line-height: 16px;
  }

  .project-description .house_container {
    padding: 23px 28px 22px 18px;
    gap: 17px;
    min-width: unset;
  }

  .project-description .house_download {
    padding: 20px 18px 27px;
  }

  .project-description .house_download span {
    font-size: 14px;
    line-height: 18px;
    padding-top: 6px;
    text-align: start;
  }

  .project-description .house_download__pdf {
    margin-top: 6px;
    width: 22px;
    height: 29px;
    margin-right: 2px;
  }

  .project-description .house_expo__point-vk {
    width: 23.4px;
    height: 28px;
    margin-bottom: 1px;
  }

  .project-description .house_expo {
    padding: 29px 18px 27px 18px;
    gap: 19px;
  }

  .project-description .house_expo__title {
    font-size: 14px;
    line-height: 21px;
  }

  .project-description .image__overlay {
    margin-top: 27px;
    margin-bottom: 27px;
  }

  .project-description .house360-container {
    min-height: 180px;
  }

  .project-description .button__360 .button__360-img {
    width: 22px;
    margin-left: 5px;
  }

  .project-description .button__360 .button__360-text {
    margin-left: 10px;
    font-size: 10px;
    line-height: 13px;
    margin-right: 6px;
    padding-top: 1px;
  }

  .project-description .hidden-descr .hidden-descr__img {
    max-width: 43px;
  }

  .project-description .hidden-descr__txt_desk {
    display: none;
  }

  .project-description .hidden-descr__txt_mob {
    display: block;
  }

  .project-description .hidden-descr .hidden-descr__txt {
    margin-left: 17px;
    margin-top: 1px;
  }

  .project-description .hidden-descr {
    top: 19px;
    left: 19px;
  }

  .project-description .button__360 {
    top: 0px;
    left: -1px;
    padding: 22px 18px 21px;
  }

  .project-description .i3d-gallary img {
    padding-top: 38px;
    padding-bottom: 30px;
  }

  .project-description .hidden-descr::before {
    display: none;
  }

  .project-description .button__360::before {
    width: calc(100% - 14px);
    height: calc(100% - 14px);
  }

  .application-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 400px) {
  .project-description .house_download {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}

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

  .project-description ul {
    grid-template-columns: repeat(auto-fill, 135px);
  }

  .project-description ul li {
    font-size: 12px;
  }

  .project-description .house_download span,
  .project-description .house_expo__title {
    font-size: 12px;
  }
}

@media (min-width: 1000px) {

  .tour-container {
    max-width: 770px;
    margin: 0 auto;
  }

  .tour-item {
    float: left;
  }

  .tour-item:not(:last-child) {
    margin-right: 25px;
  }

  .tour-item.h5 {
    max-width: 339px;
  }

  .tour-item._btn-wp {
    padding-top: 13px;
  }

  .project-description .container {
    margin-left: 0;
  }

  .project-description .description {
    display: block;
  }
}

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

  .tour-3D .wrapper {
    text-align: center;
  }

  .tour-item:first-child {
    margin-bottom: 15px;
  }

  .tour-item.h5 {
    margin-bottom: 20px;
  }
}

@media (max-width: 420px) {
  .tour-3D .wrapper {
    width: calc(100% - 22px);
  }
}

.pb-0 {
  padding-bottom: 0px;
}

/* download-project */
section.download-project {
  padding-top: 81px;
  padding-bottom: 81px;
}

.download-project .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width:999px) {
  .download-project .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  section.download-project {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* Fakhverk-block */
.fakhverk-block {
  display: block;
  padding: 0;
  margin: 120px auto;
}

.fakhverk-block .wrapper {
  position: relative;
}

.fakhverk-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 310px;
  border-radius: 10px;
  overflow: hidden;
}

.fakhverk-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}

.fakhverk-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.30)), to(rgba(0, 0, 0, 0.00)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.fakhverk-block .fakhverk-info {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 40px;
  padding: 60px 0 57px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fakhverk-block .h4 {
  max-width: 480px;
  font: 600 30px/130% var(--title-font);
  color: var(--background);
}

.fakhverk-block .application-btn_white {
  width: 244px;
  min-width: auto;
  background-color: var(--background);
  padding: 10px 20px 8px;
  margin: 0;
  border: 1px solid transparent;
}

.fakhverk-block .application-btn_white:hover {
  border: 1px solid var(--background);
  color: var(--background);
  background-color: transparent;
}

@media screen and (max-width: 1099px) {
  .fakhverk-block {
    margin: 80px auto;
  }

  .fakhverk-img::after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.40)), color-stop(56.06%, rgba(0, 0, 0, 0.00)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 56.06%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 56.06%);
  }

  .fakhverk-block .fakhverk-info {
    gap: 30px;
    padding: 30px;
  }

  .fakhverk-block .h4 {
    max-width: 340px;
    font-size: 21px;
    line-height: 27px;
  }
}

@media screen and (max-width: 640px) {
  .fakhverk-block {
    margin: 60px auto;
  }

  .fakhverk-img {
    height: 480px;
  }

  .fakhverk-block .application-btn_white {
    width: 283px;
  }
}

@media screen and (max-width: 500px) {
  .fakhverk-block .application-btn_white {
    width: 100%;
  }
}

/* scroll */

#btn-scrollup {
  background-color: var(--dark-grey-color);
  display: none;
}

.scrollup {
  bottom: 60px;
  position: fixed;
  left: 20px;
  text-align: center;
  z-index: 99;
  font-size: 24px;
  height: 38px;
  width: 38px;
  background-image: url("/assets/resources/images/scroll-top.svg");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.8;
}

/* end scroll */

/* выгодное предложение Замена бруса */

.config-prof-special {
  position: relative;
  width: calc(100% - 38px);
  margin: 33px auto 0;
  background-color: var(--block-background);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 12px;
}

.config .config-item.comeandlive .config-prof-special {
  background-color: transparent;
  border: 1px solid var(--border-color);
  padding: 19px 11px;
}

.config .config-prof-item.prof-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
}

.config .config-prof-special .config-prof-item span {
  padding-right: 55px;
}

.config .four-grid .config-prof-special .config-prof-item span {
  padding-right: 35px;
}

.config .config-prof-item span.config-prof-sale {
  margin-top: 5px;
}

.config .config-prof-item span.config-prof-new-price {
  font-weight: 600;
}

/* .config-prof-old-price {
  font-weight: 400;
  color: var(--tab-color);
  text-decoration: line-through;
  margin-left: 10px;
} */

.config span.prof-offer-text {
  position: absolute;
  top: -13px;
  right: 10px;
  background-color: var(--tab-color);
  font: 500 12px / 150% var(--text-font);
  color: var(--background);
  border-radius: 4px;
  padding: 5px 12px 3px 13px;
}

.config .config-item.comeandlive span.prof-offer-text {
  top: -14px;
  right: 9px;
}

.config-prof-item:before {
  left: -35px;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 3px;
}

.config-prof-item:after {
  left: -32px;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  border: 1px solid transparent;
}
.price-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 9px;
}
.config .config-prof-item span._old-price{
  font: 400 14px/24px var(--text-font);
  color: var(--dark-grey-color);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--dark-grey-color))) repeat-x 0 57% / 100% 1px;
  background: -o-linear-gradient(left, var(--dark-grey-color) 0 100%) repeat-x 0 57% / 100% 1px;
  background: linear-gradient(to right, var(--dark-grey-color) 0 100%) repeat-x 0 57% / 100% 1px;
  padding: 0;
}
.old-price__wrapper{
  width: 100%;
}
.increased-price {
  display: flex;;
  width: fit-content;
  background-color: #FFF1F6;
  border-radius: 6px;
  gap: 2px;
  padding: 2px 6px 0;
}
.config .config-title .price .new-price{
  text-align: end;
}

@media screen and (max-width: 1280px) {
  .config .config-title .price .new-price{
    text-align: start;
  }
}
@media screen and (max-width: 1099.9px) {
  .config-prof-special {
    width: calc(100% - 58px);
    padding: 30px 22px;
  }

  .config .config-item.comeandlive .config-prof-special {
    padding: 29px 21px;
  }
  .config .config-title .price{
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .config .config-title .price ._old-price span{
    font: 400 14px/18px var(--text-font);
    color: var(--tab-color);
  }
  .price-container{
    gap: 10px;
  }
  .price-container .old-price span{
    font: 400 16px/150% var(--text-font);
    color: var(--grey-color);
  }
  .config .config-prof-item span._old-price{
    color: var(--grey-color);
  }
  .config .config-prof-item span._old-price{
    background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--grey-color))) repeat-x 0 54% / 100% 1px;
    background: -o-linear-gradient(left, var(--grey-color) 0 100%) repeat-x 0 54% / 100% 1px;
    background: linear-gradient(to right, var(--grey-color) 0 100%) repeat-x 0 54% / 100% 1px;
  }
}

@media screen and (max-width: 680px) {
  .config-prof-special {
    width: calc(100% - 52px);
    padding: 20px;
  }

  .config .config-item.comeandlive .config-prof-special {
    padding: 19px;
  }

  .config .config-prof-special .config-prof-item span {
    padding-right: 20px;
  }
  .config .config-title{
    column-gap: 10px;
  }

  .config .config-title .price span._old-price{
    color: var(--grey-color);
  }
  .config .config-title .price ._old-price span{
    font: 400 12px/18px var(--text-font);
  }
  .config .config-prof-item span._old-price{
    background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--grey-color))) repeat-x 0 59% / 100% 1px;
    background: -o-linear-gradient(left, var(--grey-color) 0 100%) repeat-x 0 59% / 100% 1px;
    background: linear-gradient(to right, var(--grey-color) 0 100%) repeat-x 0 59% / 100% 1px;
  }
}

@media screen and (max-width: 500px) {
  .config-prof-special {
    width: calc(100% - 32px);
  }
}

/* Комплектации */
section.config {
  padding: 0;
  margin: 0;
}

section.config>.wrapper {
  padding: 0;
  margin: 120px auto;
}

.config .description {
  margin-bottom: 80px;
}

.config .description h3 {
  margin-bottom: 30px;
}

.config .description p {
  font: 400 16px/150% var(--text-font);
  color: var(--dark-grey-color);
  margin-bottom: 20px;
}

.config .description .material-filter .radio-select {
  gap: 1px;
}

.config .description .material-filter {
  padding-left: 16px;
}

.config .description .material-filter .radio-select .item {
  padding: 11px 30px 10px;
}

.config .description .material-filter .radio-select .item span {
  font-size: 18px;
}

.config .config-inner {
  padding: 0 1px;
}

.config .config-inner .season-config {
  width: 100%;
  margin: 0;
}

.config .season-config .config-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 32px;
}

.config .season-config ._dotted {
  border-bottom: 1px dashed var(--line-color)
}

.config .season-config .config-wrap .item {
  width: calc(100% / 3 - 19px);
  max-width: 645px;
  border-radius: 6px;
  border: 1px solid var(--line-color);
  cursor: default;
  padding: 29px 0 19px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.config .config-item-wrap,
.config .config-item-wrap .config-item-wrap-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.config .season-config .config-dd-section {
  margin: 0;
  padding: 0 0 5px 0;
}

.config .config-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 7px 10px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 19px 10px;
  margin: 0;
}

.config .config-title span {
  font: 600 21px/27px var(--title-font);
  color: var(--title-color);
  margin-right: 0;
}

.config .config-title .price {
  padding-top: 3px;
}

._old-price {
  font: 400 14px/18px var(--text-font);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--grey-color))) repeat-x 0 59% / 100% 1px;
  background: -o-linear-gradient(left, var(--grey-color) 0 100%) repeat-x 0 59% / 100% 1px;
  background: linear-gradient(to right, var(--grey-color) 0 100%) repeat-x 0 59% / 100% 1px;
}
._old-price span{
  color: var(--grey-color);
}
.config .config-title .price span {
  font: 600 18px/23px var(--title-font);
  color: var(--title-color);
}
.config .config-title .price ._old-price span{
  font: 600 14px/18px var(--title-font);
  color: var(--tab-color);
}
.config .config-title .price ._old-price,
.config-total .config-total-price._old-price{
  background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--tab-color))) repeat-x 0 54% / 100% 1px;
  background: -o-linear-gradient(left, var(--tab-color) 0 100%) repeat-x 0 54% / 100% 1px;
  background: linear-gradient(to right, var(--tab-color) 0 100%) repeat-x 0 54% / 100% 1px;
}
.config .config-title .increased-price{
  margin-top: 9px;
}
.config .config-item div.increased-price span{
  font: 500 12px/18px var(--text-font);
  color: var(--main-color);
}
.config .config-item div.increased-price .date{
  padding-left: 4px;
}
.config-total div.config-total-price.increased-price span{
    font: 500 14px/21px var(--text-font);
    color: var(--main-color);
}
.config .config-title .price span.roub {
  margin-left: 1px;
}

.config .config-dd-inner-desc {
  font: 400 16px / 150% var(--text-font);
  color: var(--dark-grey-color);
  margin: 0;
  padding: 0 19px;
}

.config .config-item-comeandlive {
  position: absolute;
  top: -19px;
  right: -15px;
  width: 186px;
  font: 500 14px / 150% var(--text-font);
  color: var(--background);
  text-align: center;
  padding: 9px 0 7px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #9A7B6B;
}

.config .season-config .config-wrap .item.active {
  border: none;
}

.config .season-config .config-wrap .item.comeandlive {
  border: none;
  background: #F5F3EF;
  padding: 30px 1px 20px;
}

.config .terms {
  font: 400 16px/150% var(--text-font);
  color: var(--text-color);
  text-align: start;
  margin: 0;
  padding: 19px;
  border-top: 1px dashed var(--line-color);
}

.config .config-item-wrap .config-dd-desc {
  position: relative;
  border-bottom: 1px solid var(--line-color);
}

.config .config-item-wrap .config-dd-desc:first-of-type {
  border-top: 1px solid var(--line-color);
}

.config .config-dd-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  padding: 16px 11px 13px;
}

.config .config-dd-desc .j-dd-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.config .j-dd-text {
  display: block;
  padding: 2px 19px;
  color: var(--grey-color);
}

.config .config-dd-inner ._dotted {
  border-bottom: none;
}

.config .config-dd-inner span+.j-dd-container {
  width: calc(100% - 38px);
  margin: 17px auto 0;
}

.config .season-config .config-dd-inner .config-dd-section {
  padding-bottom: 13px;
}

.config .config-dd-title {
  display: inline-block;
  min-height: 30px;
  font: 600 16px/150% var(--text-font);
  color: var(--text-color);
  text-transform: none;
  padding: 4px 50px 0 8px;
}

.config .config-dd-title.gift {
  color: var(--main-color);
  padding-top: 2px;
  padding-bottom: 2px;
}

.config .config-dd-title.gift img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.config .config-dd-title.gift span {
  display: inline-block;
  vertical-align: middle;
}

.config .config-dd-button .config-dd-title svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin-left: 20px;
}

.config .config-dd-title-modal svg {
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.config .config-dd-desc.active .config-dd-icon {
  margin-bottom: 2px;
}

.config .config-dd-icon svg {
  width: 28px;
  height: 28px;
}

.config-dd-section._no-bold .config-dd-inr-titl {
  font-weight: 400;
}

.config-dd-section._no-bold .config-dd-inr-titl.bold {
  float: left;
  padding-right: 7px;
  font-weight: 600;
}

.config .config-dd-inner .config-dd-subtitle {
  font-size: 21px;
  line-height: 32px;
  text-transform: none;
  padding: 0 19px;
  margin: 0 0 9px;
}

.config .config-dd-inner p,
.config .config-dd-inner p.config-dd-inner-desc {
  font: 400 16px/150% var(--text-font);
  color: var(--text-color);
  margin: 11px 0 9px;
  padding: 0 19px;
}

.config .config-dd-inner ul li p {
  padding: 0;
  margin: 0;
}

.config .config-dd-inner p .config-dd-inr-titl {
  display: inline-block;
  padding-right: 4px;
  float: none;
}

.config .config-dd-inner p.config-dd-inner-desc:last-child {
  margin-bottom: 7px;
}

.config .config-dd-section ._dotted:not(.equipment-menu-item-child):last-child {
  border: none;
}

/* Описание */
.config .short-descr .config-dd-section ._dotted {
  border-bottom: 1px dashed var(--line-color);
}

.config .short-descr .config-dd-section ._dotted .config-dd-inner-desc {
  padding-bottom: 22px;
}

.config .short-descr .config-dd-section ._dotted+.config-dd-inner-desc {
  margin-top: 30px;
}

/* end Описание */

/* Подробное описание */
.config .full-descr .config-dd-inner {
  padding-bottom: 11px;
}

.config .full-descr ._dotted {
  height: auto !important;
}

.config .full-descr .config-dd-inner .config-dd-section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 0;
}

.config .full-descr .config-dd-inner .config-dd-section:nth-child(1),
.config .full-descr .config-dd-inner .config-dd-section:nth-child(3) {
  border-bottom: 1px dashed var(--line-color);
  padding-bottom: 10px;
}

.config .full-descr .config-dd-inner .config-dd-section:nth-child(2) {
  padding-top: 24px;
  padding-bottom: 0;
}

.config .full-descr .config-dd-inner .config-dd-section:nth-child(4) {
  padding-top: 13px;
}

/* end Подробное описание */

/* Подарки */
.config .config-prof-wrap.gifts {
  padding-top: 11px;
  padding-bottom: 9px;
}

.config .config-prof-wrap.gifts ul {
  padding-left: 30px;
}

.config-prof-wrap.gifts li:after {
  width: 6px;
  height: 6px;
  top: 8px;
  left: -22px;
  background-color: var(--title-color);
}

.config .config-prof-wrap.gifts ul+p {
  font-weight: 600;
  padding-left: 30px;
  margin-top: 5px;
  margin: 5px 0 20px;
}
@media screen and (max-width: 680px) {
  .config .config-title .price ._old-price span{
    font: 400 12px/18px var(--text-font);
    color: var(--grey-color);
  }
  .config .config-title .price ._old-price{
    background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--grey-color))) repeat-x 0 54% / 100% 1px;
    background: -o-linear-gradient(left, var(--grey-color) 0 100%) repeat-x 0 54% / 100% 1px;
    background: linear-gradient(to right, var(--grey-color) 0 100%) repeat-x 0 54% / 100% 1px;
  }
  ._old-price{
    background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--tab-color))) repeat-x 0 54% / 100% 1px;
    background: -o-linear-gradient(left, var(--tab-color) 0 100%) repeat-x 0 54% / 100% 1px;
    background: linear-gradient(to right, var(--tab-color) 0 100%) repeat-x 0 54% / 100% 1px;
  }
}
/* end Подарки */

/* Инженерные коммуникации */
.config .engineer .config-dd-inner {
  padding-bottom: 12px;
}

.config-dd-section.additional-section ._dotted:not(:last-child) {
  border-bottom: none;
}

.config-dd-section.additional-section p {
  margin: 15px 0 5px;
}

.config-dd-section.additional-section ._dotted:last-child p {
  margin-bottom: 38px;
}

.config-dd-section.additional-section .config-dd-inr-titl {
  padding-right: 0;
}

.config .engineer .config-dd-inner span+.j-dd-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 4px;
}

.config .engineer .config-dd-inner p {
  margin: 13px 0 7px;
  padding: 0;
}

.config .engineer .config-dd-inr-titl {
  padding-right: 0;
}

.config .engineer .engineer-package {
  display: inline-block;
  width: 100%;
  padding: 32px 0 0;
  padding: 32px 0 0;
  margin: 22px 0 21px 0;
  border-top: 1px dashed var(--line-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.config .engineer .engineer-package-info {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.config .engineer .engineer-package .engineer-package-info+label,
.config .engineer .engineer-package p,
.config .engineer .engineer-package span {
  position: relative;
  font: 400 16px/130% var(--text-font);
  color: var(--text-color);
  float: left;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
}

.config .engineer .engineer-package p {
  padding-left: 19px;
}

.config .engineer .engineer-package .engineer-package-info+label {
  padding-left: 53px;
}

.config .engineer .engineer-package .engineer-package-info+label:before {
  display: inline-block;
  left: 19px;
  top: 3px;
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid var(--border-color);
  border-radius: 50%;
}

.config .engineer .engineer-package .engineer-package-info:checked+label:before,
.config .engineer .engineer-package .engineer-package-info+label:hover:before {
  border-color: var(--title-color);
}

.config .engineer .engineer-package .engineer-package-info+label:after {
  opacity: 0;
  content: "";
  position: absolute;
  left: 21px;
  top: 5px;
  width: 12px;
  height: 12px;
  border: 1px solid var(--background);
  border-radius: 50%;
  background-color: var(--title-color);
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.config .engineer .engineer-package .engineer-package-info+label:hover:after {
  opacity: .65;
}

.config .engineer .engineer-package .engineer-package-info:checked+label:after {
  opacity: 1;
}

.config .engineer .engineer-package span {
  font-weight: 600;
  line-height: 150%;
  padding-top: 6px;
}

/* Мебель и сантехника */
.config .furniture .config-dd-inner .config-dd-section {
  padding-bottom: 9px;
}

.config .furniture .config-dd-section.additional-section p {
  padding: 0;
}

.config .furniture .config-dd-subtitle {
  display: block;
  height: auto !important;
  margin: 0 0 5px;
  padding: 0;
}

.config .furniture .config-dd-subtitle:not(:first-child) {
  margin-top: 40px;
}

.config .furniture .equipment-menu-link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font: 600 16px/150% var(--text-font);
  color: var(--text-color);
  border-bottom: none;
  background-image: -o-linear-gradient(left, var(--text-color) 0, var(--text-color) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--text-color)), to(var(--text-color)));
  background-image: linear-gradient(to right, var(--text-color) 0, var(--text-color) 100%);
  background-repeat: repeat-x;
  background-position: 0 86%;
  background-size: 100% 1px;
  margin: 25px 0 0;
  padding: 0;
}

.config .furniture .equipment-menu-link:hover {
  background-image: none
}

.config .config-dd-section.additional-section .equipment-menu-item-child {
  height: auto !important;
}

.config .config-dd-section.additional-section .equipment-menu-item-child .config-dd-inr-titl {
  font-weight: 400;
}

.config .config-dd-section.additional-section .equipment-menu-item-child:nth-child(11) .config-dd-inr-titl,
.config .config-dd-section.additional-section .equipment-menu-item-child:nth-child(12) .config-dd-inr-titl {
  font-weight: 600;
}

.config .furniture .config-dd-section.additional-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  margin-top: 20px;
}

.config .furniture .config-dd-section.additional-section ul li {
  position: relative;
  font: 400 16px/24px var(--text-font);
  color: var(--text-color);
  margin-bottom: 14px;
  padding-left: 22px;
}

.config .furniture .config-dd-section.additional-section ul li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--title-color);
}

.config .furniture .config-prof-advice {
  font: 400 16px/150% var(--text-font);
  height: auto !important;
  color: var(--title-color);
  border-radius: 4px;
  padding: 18px 10px 14px;
  margin: 0 0 17px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.config .furniture .config-prof-advice p {
  color: var(--title-color);
}

@media screen and (min-width: 1200px) {
  .config .furniture .config-prof-advice p {
    max-width: 295px;
  }
}

.config .config-prof-advice .equipment-menu-link {
  font-weight: 500;
  margin: 11px 0 15px 19px;
  color: var(--title-color);
  background-image: -o-linear-gradient(left, var(--title-color) 0, var(--title-color) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--title-color)), to(var(--title-color)));
  background-image: linear-gradient(to right, var(--title-color) 0, var(--title-color) 100%);
  text-align: start;
}

/* end Мебель и сантехника */

.config .config-prof-advice {
  width: calc(100% - 40px);
  background-color: var(--block-background);
  border-radius: 4px;
  margin: 20px auto 0;
  border: 1px solid var(--block-background);
}

.config .config-prof-wrap {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 17px 22px 19px 11px;
}

.config-prof-advice .config-dd-title {
  position: relative;
  display: inline-block;
  line-height: 20px;
  min-height: auto;
  margin-bottom: 20px;
  padding-top: 0;
}

.config-prof-advice .config-dd-title svg,
.config-prof-advice .config-dd-title .config-dd-title-modal {
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.config-prof-advice .config-dd-title svg:hover path,
.config-prof-advice .active .config-dd-title svg path {
  stroke: var(--title-color);
  -webkit-transition: stroke 0.3s ease-in-out;
  -o-transition: stroke 0.3s ease-in-out;
  transition: stroke 0.3s ease-in-out;
}

.config-prof-advice .config-dd-title .config-dd-title-modal {
  position: absolute;
  bottom: 0;
  margin-left: 11px;
}

.config .config-item.comeandlive .config-prof-advice {
  background-color: transparent;
  border: 1px solid var(--border-color);
}

.config .config-prof-item {
  margin-left: 42px;
  margin-bottom: 20px;
  color: var(--dark-grey-color);
}

.config .config-prof-item span {
  font: 400 16px/150% var(--text-font);
  color: var(--text-color);
  padding-right: 0px;
}

.config .config-prof-item:last-child {
  margin-bottom: 0;
}

.config .config-prof-item:before {
  left: -34px;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.config .config-prof-item:hover:before,
.config-prof-item.active:before {
  border-color: var(--title-color);
}

.config-prof-item:after {
  top: 8px;
  left: -31px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--title-color);
}

.config .config-prof-item span.config-prof-price {
  font-weight: 600;
  margin-top: 5px;
}

.config .config-total {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 38px 4px 0 19px;
}

.config .config-total .config-dd-title {
  color: var(--title-color);
  margin-bottom: 5px;
  padding: 0;
}

.price__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
 
  justify-content: flex-start;
  gap: 8% 4.4%;
}

.config-total .config-total-price {
  font: 600 30px/130% var(--title-font);
  color: var(--title-color);
  white-space: nowrap;
}

.config-total .config-total-price._old-price{
  gap: 5px;
}

.config-total .config-total-num {
  letter-spacing: 0;
}

.price__text {
  /* min-width: 170px; */
  width: 100%;
  min-height: 16px;
  font: normal 400 12px / 16px var(--text-font);
  color: var(--grey-color);
  margin: 10px 0 0;
  padding-right: 3px;
}

.btn-total-wrap {
  max-width: 648px;
  margin-top: 29px;
  text-align: center;
}

.config-total .button-total {
  width: 100%;
  font: normal 500 12px/16px var(--text-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 10px 27px 8px 27px;
  margin: 0 auto;
  border: 1px solid var(--main-color);
}

.config-total .button-total:hover {
  background: transparent;
}
.config-total .config-total-price._old-price span{
  font: normal 600 18px / 24px var(--title-font);
  color: var(--tab-color);

}
@media screen and (max-width: 680px) {
  .config-total div.config-total-price.increased-price{
    margin-top: 6px;
  }
  .config .config-total{
    padding-top: 41px;
  }
}
/* поп-ап с описанием цен */
.config-modal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 21;
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

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

.config-modal-card {
  visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 300px;
  -webkit-transition: transform 0s 0.3s ease, left 0s 0.3s ease, visibility 0.3s 0s ease;
  -o-transition: transform 0s 0.3s ease, left 0s 0.3s ease, visibility 0.3s 0s ease;
  -webkit-transition: left 0s 0.3s ease, visibility 0.3s 0s ease, -webkit-transform 0s 0.3s ease;
  transition: left 0s 0.3s ease, visibility 0.3s 0s ease, -webkit-transform 0s 0.3s ease;
  transition: transform 0s 0.3s ease, left 0s 0.3s ease, visibility 0.3s 0s ease;
  transition: transform 0s 0.3s ease, left 0s 0.3s ease, visibility 0.3s 0s ease, -webkit-transform 0s 0.3s ease;
}

.active .config-modal-card {
  visibility: visible;
  -webkit-transition: visibility 0.2s 0.3s ease;
  -o-transition: visibility 0.2s 0.3s ease;
  transition: visibility 0.2s 0.3s ease;
}

.config-modal-card .config-modal-info {
  position: relative;
  font: 400 14px/150% var(--text-font);
  color: var(--text-color);
  background-color: var(--background);
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(203, 203, 203, 0.25);
  box-shadow: 0px 4px 4px 0px rgba(203, 203, 203, 0.25);
  padding: 21px 20px 19px 20px;
  margin: 0;
}

.config-modal-card .config-modal-info span {
  font-weight: 600;
}

.config-modal-card .close {
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
}

.config-modal-card .close span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.config-modal-card .close span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.config-modal-card .close span {
  position: absolute;
  height: 1px;
  width: 13px;
  background-color: var(--text-color);
  border-radius: 10px;
  top: 13px;
  left: 0;
  right: -3px;
  margin: 0 auto;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.config-modal-card .close:hover span {
  background-color: var(--main-color);
}

/* end поп-ап с описанием цен  */
.config .dacha-komphort .equipment-menu-link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font: 500 16px/150% var(--text-font);
  color: var(--text-color);
  border-bottom: none;
  background-image: -o-linear-gradient(left, var(--text-color) 0, var(--text-color) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--text-color)), to(var(--text-color)));
  background-image: linear-gradient(to right, var(--text-color) 0, var(--text-color) 100%);
  background-repeat: repeat-x;
  background-position: 0 86%;
  background-size: 100% 1px;
  margin: 11px 0 0 16px;
  padding: 0 0 0 0;
}

.config .dacha-komphort .equipment-menu-link:hover {
  background-image: none;
}

.equipment-menu-item__price {
  display: block;
  width: 100%;
  float: none;
  top: 55px;
  padding: 0 16px;
  color: #000;
  letter-spacing: 0%;
  font: normal 600 16px/24px IBM Plex Sans, sans-serif;
  margin: -7px 0 9px;
  z-index: 3;
}

.config .dacha-komphort._price .j-dd-text {
  padding-bottom: 2px;
}

.config .dacha-komphort .j-dd-text {
  padding-bottom: 0;
}

.config .dacha-komphort._price .config-dd-inner span+.j-dd-container {
  width: 100%;
  margin: 6px 0 33px;
}

.config .dacha-komphort .komphort-container {
  height: auto !important;
  padding: 19px 13px 28px;
  background-color: var(--block-background);
}

.config .dacha-komphort .config-dd-inner span+.j-dd-container {
  width: 100%;
  margin-bottom: 30px;
  border: unset;
}

.config .dacha-komphort .config-prof-advice {
  display: block;
  width: calc(100% - 32px);
  margin: 0 auto;
}

.config .dacha-komphort .config-dd-inner p .config-dd-inr-titl {
  padding-right: 0px;
}

.config .dacha-komphort .equipment-menu-item__price {
  display: none;
}

.config .dacha-komphort._price .equipment-menu-item__price {
  display: block;
}

.config .active.dacha-komphort._price .config-dd-button {
  padding-bottom: 11px;
}

.config .dacha-komphort._price .config-dd-button .config-dd-title svg {
  -webkit-transform: translateY(-47%);
  -ms-transform: translateY(-47%);
  transform: translateY(-47%);
}

.config .active.dacha-komphort._price .config-dd-button .config-dd-title svg {
  -webkit-transform: translateY(-46%);
  -ms-transform: translateY(-46%);
  transform: translateY(-46%);
}

.config .dacha-komphort .config-prof-advice {
  font: 400 16px/150% var(--text-font);
  color: var(--title-color);
  border-radius: 4px;
  background-color: unset;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.config .dacha-komphort .config-dd-inner span+.j-dd-container {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 33px;
}

.config .dacha-komphort .config-dd-inner span+.j-dd-container.bg {
  margin: 19px auto 39px;
}

@media screen and (min-width: 501px) {
  .config .dacha-komphort .config-dd-inner span+.j-dd-container {
    margin-top: 17px;
  }

  .config .dacha-komphort .config-prof-advice {
    width: calc(100% - 52px);
  }

  .config .dacha-komphort .config-prof-advice p {
    padding: 0 19px;
    margin: 12px 0 8px;
  }

  .config .dacha-komphort .komphort-container {
    padding: 18px 10px 29px;
  }

  .equipment-menu-item__price {
    padding: 0 26px;
    margin: -6px 0 9px;
  }
}

@media screen and (min-width: 680px) {
  .config .dacha-komphort._price .config-dd-button .config-dd-title svg {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .config .active.dacha-komphort._price .config-dd-button {
    padding-bottom: 10px;
  }

  .equipment-menu-item__price {
    padding: 0 30px;
  }

  .config .dacha-komphort .config-dd-inner p.config-dd-inner-desc {
    padding-right: 36px;
  }

  .config .dacha-komphort .config-prof-advice {
    margin-bottom: 9px;
  }

  .config .dacha-komphort .config-dd-inner span+.j-dd-container {
    margin-top: 19px;
    border: unset;
  }

  .config .dacha-komphort .config-prof-advice {
    width: calc(100% - 60px);
  }

  .config .dacha-komphort .equipment-menu-link {
    margin: 11px 0 0 18px;
  }

  .config .dacha-komphort .config-dd-inner span+.j-dd-container {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 33px;
  }
}

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

  .config .dacha-komphort .config-dd-inner span+.j-dd-container,
  .config .dacha-komphort._price .config-dd-inner span+.j-dd-container {
    width: calc(100% - 40px);
    margin-top: 19px;
  }

  .config .dacha-komphort .komphort-container {
    padding: 19px 28px 30px;

  }

  .config .dacha-komphort .config-prof-advice {
    width: 100%;
    margin-bottom: 0;
  }

  .config .dacha-komphort .equipment-menu-link {
    margin: 10px 0 0 0px;
  }

  .config .dacha-komphort .config-dd-inner p.config-dd-inner-desc {
    padding-right: 28px;
  }

  .config .dacha-komphort._price .config-dd-inner span+.j-dd-container {
    margin: 6px auto 33px;
  }

  .config .dacha-komphort .config-dd-inner span+.j-dd-container {
    margin: 9px auto 30px;
  }

  .config .dacha-komphort .config-dd-inner span+.j-dd-container.bg {
    margin: 19px auto 20px;
  }

  .config .dacha-komphort._price .config-prof-advice {
    margin-bottom: 17px;
  }

  .config .dacha-komphort._price .config-prof-advice {
    margin-bottom: 17px;
  }

  .equipment-menu-item__price {
    padding: 0 20px;
    margin-top: -6px;
  }

  .config .dacha-komphort .config-dd-inner p,
  .config .dacha-komphort .config-dd-inner p.config-dd-inner-desc {
    margin: 11px 0 9px;
    padding: 0;
  }
  .config .config-dd-icon {
    float: none;
    margin-top: 0;
    width: 30px;
    height: 30px;
  }

  .config .config-title .price {
    min-height: 24px;
  }

  /* 2 комплектации */
  .config .item.wide-grid .config-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 41px;
    -moz-column-gap: 41px;
    column-gap: 41px;
  }

  .config .season-config .item.wide-grid .config-dd-section {
    padding-bottom: 13px;
  }

  .config .item.wide-grid .terms {
    padding-top: 20px;
  }

  .config .item.wide-grid .config-prof-item {
    width: 93%;
  }

  /* .config .item.wide-grid .price__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 30px;
  } */

  /* .config .item.wide-grid .price__text {
    max-width: 170px;
  } */

  .config .item.wide-grid .config-total .btn-total-wrap {
    max-width: 268px;
  }

  /* 2 комплектации */

  /* 4 комплектации */
  .config .season-config .config-wrap .item.four-grid {
    width: calc(25% - 22px);
  }

  .config .item.four-grid .config-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding-bottom: 19px;
  }

  .config .item.four-grid .config-dd-section {
    padding-bottom: 4px;
  }

  .config .item.four-grid .config-prof-wrap {
    padding-top: 20px;
  }

  .config .item.four-grid .config-prof-advice .config-dd-title {
    line-height: 130%;
    margin-bottom: 19px;
  }

  .config .item.four-grid .engineer .config-dd-title {
    padding: 4px 0 6px 8px;
  }

  .config .item.four-grid .config-prof-advice .config-dd-title-modal {
    margin-left: 10px;
  }

  .config .item.four-grid .price__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 6px;
  }

  .config .config-total .config-dd-title {
    margin-bottom: 2px;
  }

  .config .item.four-grid .btn-total-wrap {
    margin-top: 18px;
  }

  /* end 4 комплектации */
}

@media screen and (max-width: 1370px) and (min-width: 1100px) {
  .config .item.four-grid .price__text {
    min-height: 32px;
  }
  .config .config-title .price {
    width: 100%;
    min-height: 24px;
  }
  .config .config-title .price .new-price {
    text-align: start;
}
}

@media screen and (max-width: 1280px) and (min-width: 1100px) {

  .price__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 6px;
  }

  .config-total .config-dd-title {
    font-size: 16px;
  }

  .config .price__text {
    width: auto;
  }

  .btn-total-wrap {
    margin-top: 23px;
  }

  /* 4 комплектации */
  .config .item.four-grid .config-dd-inner-desc,
  .config .item.four-grid .terms,
  .config .item.four-grid .config-dd-title,
  .config .item.four-grid .config-prof-item span,
  .config .item.four-grid .config-prof-item,
  .config .item.four-grid .config-dd-inner p,
  .config .item.four-grid .config-dd-inner p.config-dd-inner-desc,
  .config .item.four-grid .furniture .equipment-menu-link,
  .config .item.four-grid .engineer .engineer-package .engineer-package-info+label,
  .config .item.four-grid .engineer .engineer-package p,
  .config .item.four-grid .engineer .engineer-package span {
    font-size: 14px;
  }

  .config .item.four-grid .j-dd-text {
    font-size: 12px;
  }

  .config .item.four-grid .config-title span,
  .config .item.four-grid .config-dd-inner .config-dd-subtitle {
    font-size: 18px;
  }

  /* end 4 комплектации */
}

@media screen and (max-width: 1099.9px) {
  .mobile-hidden {
    display: none;
  }

  section.config>.wrapper {
    margin: 80px auto;
  }

  .config .description {
    margin-bottom: 60px;
  }

  .config .description h3 {
    padding-right: 16px;
  }

  .config .description .material-filter {
    padding-left: 0;
  }

  .config .config-inner {
    padding: 0;
    margin-left: 1px;
    width: 100%;
  }

  .config .season-config .config-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 80px;
  }

  .config .season-config .config-wrap .item {
    width: 100%;
    max-width: 100%;
    padding: 29px 0;
  }

  .config .season-config .config-wrap .item.comeandlive {
    margin-top: 19px;
    padding-top: 38px;
    padding-bottom: 30px;
  }

  .config .config-item-comeandlive {
    top: -41px;
    left: 20px;
    width: 154px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 22px 0 19px 10px;
  }

  .config .config-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .config .config-title,
  .config .terms,
  .config .config-dd-inner p,
  .config .config-dd-inner p.config-dd-inner-desc,
  .config .config-dd-inner-desc,
  .config .config-dd-inner .config-dd-subtitle,
  .config .j-dd-text,
  .config .engineer .engineer-package,
  .config .config-total {
    padding-left: 29px;
    padding-right: 29px;
  }

  .config .config-title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-column-gap: 31px;
    -moz-column-gap: 31px;
    column-gap: 31px;
    padding-bottom: 19px;
  }

  .config .season-config .config-dd-section {
    padding-bottom: 19px;
  }

  .config .terms {
    padding-top: 20px;
  }

  .config .config-dd-button {
    padding: 16px 25px 13px 21px;
  }

  .config .config-dd-icon {
    margin: 0;
    padding: 0;
    width: 26px;
    height: 30px;
  }

  .config .config-dd-icon svg {
    width: 28px;
    height: 28px;
  }

  .config .config-dd-desc.active .config-dd-icon {
    margin: 0;
  }

  .config .config-dd-inner p,
  .config .config-dd-inner p.config-dd-inner-desc {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .config .config-dd-section,
  .j-dd-inner,
  .config .j-dd-inner ._dotted,
  .config .config-prof-advice,
  .config .j-dd-inner .config-dd-subtitle,
  .config .eng {
    height: initial !important;
  }

  .config .season-config .config-dd-inner .config-dd-section {
    padding-bottom: 26px;
  }

  .config .full-descr .config-dd-inner .config-dd-subtitle {
    margin-bottom: 9px;
  }

  .config .full-descr .config-dd-inner .config-dd-section:nth-child(1),
  .config .full-descr .config-dd-inner .config-dd-section:nth-child(3) {
    padding-bottom: 20px;
  }

  .config .full-descr .config-dd-inner .config-dd-section:nth-child(2) {
    padding-top: 24px;
    padding-bottom: 25px;
  }

  .config .full-descr .config-dd-inner .config-dd-section:nth-child(4) {
    padding-top: 13px;
    padding-bottom: 0;
  }

  .config .full-descr .config-dd-inner {
    padding-bottom: 24px;
  }

  .config .config-dd-inner span+.j-dd-container {
    width: calc(100% - 58px);
  }

  .config .furniture .config-dd-inner span+.j-dd-container {
    margin-bottom: 0;
  }

  .config .furniture .config-dd-inner .config-dd-section {
    padding-bottom: 19px;
  }

  .config .furniture .config-prof-advice {
    padding-top: 17px;
    margin-bottom: 39px;
  }

  .config .furniture .config-prof-advice p {
    padding: 0 19px;
    margin: 12px 0 8px;
  }

  .config .furniture .config-dd-inner .config-dd-subtitle {
    padding: 0;
  }

  .config .furniture .equipment-menu-link {
    margin-top: 25px;
  }

  .config .furniture .config-prof-advice .equipment-menu-link {
    margin-top: 12px;
  }

  .config .furniture .config-dd-section.additional-section ul li:before {
    top: 11px;
  }

  .config .engineer .config-dd-inner span+.j-dd-container {
    width: 100%;
  }

  .config .engineer .engineer-package p {
    padding: 0;
  }

  .config .engineer .engineer-package .engineer-package-info+label {
    padding-left: 34px;
  }

  .config .engineer .engineer-package .engineer-package-info+label:before {
    left: 0;
  }

  .config .engineer .engineer-package .engineer-package-info+label:after {
    left: 2px;
  }

  .config .config-prof-wrap.gifts {
    width: 100%;
    padding-bottom: 19px;
  }

  .config .config-prof-advice {
    width: calc(100% - 60px);
    margin-top: 30px;
  }

  .config .config-prof-wrap {
    padding: 27px 21px 29px;
  }

  .config .config-total .config-dd-title {
    margin-bottom: 2px;
  }

  .price__container {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    gap: 3.3%;
  }

  .price__text {
    width: 100%;
    /* max-width: 170px; */
  }

  .btn-total-wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 40px;
  }
  .config .config-title .increased-price{
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .btn-total-wrap {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  section.config>.wrapper {
    width: 100%;
    margin: 60px auto;
  }

  .config .description h3,
  .config .description p,
  .config .description .material-filter,
  .config .config-title,
  .config .terms,
  .config .config-dd-button,
  .config .config-dd-inner p,
  .config .config-dd-inner p.config-dd-inner-desc,
  .config .config-dd-inner-desc,
  .config .config-dd-inner .config-dd-subtitle,
  .config .j-dd-text,
  .config .engineer .engineer-package,
  .config .config-total {
    padding-right: 26px;
    padding-left: 26px;
  }

  .config .description {
    text-align: start;
    margin-bottom: 37px;
  }

  .config .description p,
  .config .description .material-filter {
    margin-left: 0;
  }

  .config .description .material-filter .radio-select .item {
    padding: 5px 20px 7px;
  }

  .config .description .material-filter .radio-select .item span {
    font-size: 14px;
  }

  .config .season-config .config-wrap {
    gap: 22px;
  }

  .config .season-config .config-wrap .item {
    padding: 23px 0 35px;
    border: none;
  }

  .config .season-config .config-wrap .item.comeandlive {
    margin-top: 42px;
    padding: 38px 0 20px;
  }

  .config .config-item-comeandlive {
    left: 6px;
  }

  .config .config-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 17px;
    column-gap: 10px;
  }

  .config .config-dd-title {
    padding-left: 0;
  }

  .config .full-descr .config-dd-inner .config-dd-section:nth-child(2) {
    padding-top: 24px;
    padding-bottom: 25px;
  }

  .config .full-descr .config-dd-inner .config-dd-section:nth-child(3) {
    padding-bottom: 10px;
  }

  .config .full-descr .config-dd-inner .config-dd-subtitle {
    margin-bottom: 9px;
  }

  .config .furniture .config-dd-inner span+.j-dd-container {
    width: calc(100% - 52px);
    margin-top: 17px;
  }

  .config .furniture .config-dd-inner .config-dd-subtitle {
    margin: 0 0 5px;
  }

  .config .furniture .equipment-menu-link {
    margin-bottom: 40px;
  }

  .config .furniture .config-prof-advice .equipment-menu-link {
    padding: 0;
    margin-bottom: 15px;
  }

  .config .furniture .config-dd-section.additional-section ul {
    padding: 0;
    margin-top: 20px;
  }

  .config .furniture .config-dd-section.additional-section ul li:before {
    top: 10px;
  }

  .config .engineer .engineer-package {
    padding-top: 30px;
    padding-left: 20px;
  }

  .config .engineer .engineer-package .engineer-package-info+label,
  .config .engineer .engineer-package p {
    line-height: 24px;
  }

  .config .engineer .engineer-package .engineer-package-info+label:before {
    top: 5px;
  }

  .config .engineer .engineer-package .engineer-package-info+label:after {
    top: 7px;
  }

  .config .engineer .engineer-package span {
    padding-top: 5px;
  }

  .config .config-prof-wrap.gifts {
    padding: 11px 8px 19px;
  }

  .config .config-prof-advice {
    width: calc(100% - 54px);
    margin-top: 20px;
  }

  .config .config-prof-wrap {
    padding: 17px 19px 19px;
  }

  .config .config-prof-item {
    width: 84%;
    margin-left: 34px;
  }

  .config .price__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0px;
  }

  .config .price__text {
    width: 100%;
    max-width: 100%;
    /* margin-top: 10px; */
  }

  .btn-total-wrap {
    margin-top: 39px;
  }
  .config .config-title .price{
    display: block;
  }
  .config .config-title .price .new-price{
    text-align: end;
  }
  .config .config-title .increased-price {
    margin-top: 9px;
}
  .config-total .config-total-price.price{
    width: fit-content;
}

}

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

  .config .description h3,
  .config .description p,
  .config .description .material-filter,
  .config .config-title,
  .config .terms,
  .config .config-dd-button,
  .config .config-dd-inner p,
  .config .config-dd-inner p.config-dd-inner-desc,
  .config .config-dd-inner-desc,
  .config .config-dd-inner .config-dd-subtitle,
  .config .j-dd-text,
  .config .engineer .engineer-package,
  .config .config-total {
    padding-right: 16px;
    padding-left: 16px;
  }

  .config .active .config-dd-icon {
    width: 25px;
    height: 29px;
  }

  .config .furniture .config-dd-inner span+.j-dd-container {
    width: calc(100% - 32px);
  }

  .config .furniture .config-prof-advice .equipment-menu-link {
    padding: 0;
  }

  .config .engineer .engineer-package .engineer-package-info+label {
    padding-left: 38px;
  }

  .config .engineer .engineer-package .engineer-package-info+label:before {
    left: 4px;
  }

  .config .engineer .engineer-package .engineer-package-info+label:after {
    left: 6px;
  }

  .config .config-prof-advice {
    width: calc(100% - 34px);
  }
}
@media screen and (max-width: 400px) {
  .config .config-item .config-item-wrap .config-title.long-price {
    flex-direction: column;
  }
  .config .config-item .config-item-wrap .config-title.long-price .price .new-price {
    text-align: start;
  }
}
@media screen and (max-width: 374px) {
  .config-modal-card {
    width: 250px;
  }

  .config-modal-card .config-modal-info {
    font-size: 12px;
  }
  .config .config-item div.increased-price span{
    font-size: 11px;
  }
  .config-total div.config-total-price.increased-price span{
    font: 500 14px/21px var(--text-font);
  }

}

/* end Комплектации */

/* блок Интерьеры */
section.interiors .wrapper {
  padding: 0;
  margin: 120px auto 30px;
}

.interiors .h3 {
  font: 600 36px/130% var(--title-font);
  color: var(--title-color);
  margin-bottom: 40px;
}

.interiors .carousel-container .owl-stage,
.interiors .carousel-container .owl-stage-outer {
  padding: 0;
}

.interiors .carousel-container .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.interiors .carousel-container .owl-stage-outer {
  overflow: visible;
}

.interiors .carousel-container .owl-item {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.interiors .carousel-container .toggle-tab-js {
  display: block;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  height: 44px;
  font: 400 14px/130% var(--text-font);
  color: var(--text-color);
  background-color: var(--block-background);
  border-radius: 100px;
  cursor: pointer;
  padding: 13px 20px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.interiors .carousel-container .toggle-tab-js:hover {
  background-color: var(--line-color);
}

.interiors .carousel-container .toggle-tab-js.active {
  background-color: var(--line-color);
  pointer-events: none;
  cursor: default;
}

.interiors .left {
  width: 65.91%;
}

.interiors .right {
  width: 29.55%;
  padding: 49px 50px 50px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.interiors .interiors-container {
  position: relative;
}

.interiors .block {
  position: relative;
  max-width: 1320px;
  width: calc(100% - 48px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--block-background);
  border-radius: 10px;
  margin: 0 auto 60px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.interiors .block+.block {
  position: absolute;
  inset: 0;
  height: 100%;
}

.interiors .block.active {
  opacity: 1;
}

.interiors .block img {
  display: block;
  width: 100%;
  border-radius: 10px;
}

.interiors .block .h6 {
  max-width: 240px;
  font: 600 21px/27px var(--title-font);
  letter-spacing: 0;
  color: var(--title-color);
  text-transform: none;
  margin-bottom: 30px;
}

.interiors .block p {
  font: 400 16px/150% var(--text-font);
  color: var(--dark-grey-color);
}

@media screen and (max-width: 1099px) {
  section.interiors .wrapper {
    margin-top: 80px;
    margin-bottom: 35px;
  }

  .interiors .h3 {
    font-size: 30px;
    margin-bottom: 30px;
  }

  .interiors .block {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0;
    margin-bottom: 80px;
  }

  .interiors .left,
  .interiors .right {
    width: 100%;
  }

  .interiors .right {
    padding: 10px 24px 16px;
  }

  .interiors .block img {
    border-radius: 0px 0px 10px 10px;
    aspect-ratio: 1 / 0.668;
  }

  .interiors .block .h6 {
    max-width: 100%;
    font-size: 30px;
    line-height: 39px;
    margin-bottom: 20px;
  }

  .interiors .block p {
    min-height: 96px;
  }
}

@media screen and (max-width: 960px) {
  .interiors .right {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 680px) {
  section.interiors .wrapper {
    margin-top: 60px;
    margin-bottom: 30px;
  }

  .interiors .block {
    margin-bottom: 60px;
  }

  .interiors .right {
    padding-top: 0;
  }

  .interiors .block img {
    aspect-ratio: 1 / 0.6667;
  }

  .interiors .block .h6 {
    max-width: 70%;
    min-height: 54px;
    font-size: 21px;
    line-height: 27px;
  }

  .interiors .block p {
    min-height: 168px;
  }
}

@media screen and (max-width: 640px) {
  .interiors .right {
    padding-left: 26px;
    padding-right: 26px;
  }
}

@media screen and (max-width: 500px) {
  .interiors .right {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* end блок Интерьеры */

/* слайдер Проекты похожих размеров */
@media screen and (min-width: 1000px) {
  section.similar {
    margin: 120px 0 112px !important;
  }

  section.similar .h4 {
    font-size: 36px;
  }
}

/* end слайдер Проекты похожих размеров */

/* блок Смотреть дальше */
.home-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0;
}

.home-tabs__title {
  font: 600 30px/130% var(--title-font);
  color: var(--title-color);
  margin-bottom: 30px;
}

.home-tabs .item .name {
  font: 400 14px/18px var(--text-font);
  color: var(--title-color);
  padding-right: 15px;
}

.home-tabs .item:hover .name {
  color: var(--main-color);
}

.home-tabs .item {
  position: relative;
  text-align: left;
  width: 100%;
  border: 1px solid var(--line-color);
  border-radius: 6px;
  background: transparent;
  padding: 23px 19px;
  margin: 0 0 10px;
}

.home-tabs .item:hover {
  border-color: var(--main-color);
}

.home-tabs .item:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  margin: auto;
  width: 7px;
  height: 12px;
  background: url(/assets/resources/images/right-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.home-tabs .item:hover::after {
  background-image: url(/assets/resources/images/right-arrow-red.svg);
}

.home-tabs .item:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

.home-tabs .item.active {
  background: var(--tab-color);
}

.home-tabs .item.active .name {
  color: var(--background);
  font-weight: 500;
}

.home-tabs .item img,
.home-tabs .item svg {
  display: none;
}

@media (min-width: 640px) {
  .home-tabs {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .home-tabs .item .name {
    font-size: 16px;
    line-height: 150%;
  }

  .home-tabs .item {
    padding: 23px 29px;
  }

  .home-tabs .item:after {
    right: 28px;
  }
}

@media (min-width:1100px) {
  .home-tabs {
    gap: 30px;
  }

  .home-tabs__title {
    width: 100%;
    font-size: 36px;
    line-height: 47px;
    margin-bottom: 10px;
  }

  .home-tabs .item {
    position: relative;
    width: calc(25% - 23px);
    padding-top: 15.682%;
    margin-bottom: 0;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .home-tabs a.item::after {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: -o-linear-gradient(41deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 81.48%);
    background: linear-gradient(49deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 81.48%);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

  .home-tabs a.item:hover::after {
    background: -o-linear-gradient(rgba(0, 0, 0, 0.20) 100%, rgba(0, 0, 0, 0.00) 0%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0.20)), color-stop(0%, rgba(0, 0, 0, 0.00)));
    background: linear-gradient(rgba(0, 0, 0, 0.20) 100%, rgba(0, 0, 0, 0.00) 0%);
  }

  .home-tabs .item.no-overlay::after {
    background: none;
  }

  .home-tabs .item.no-overlay:hover::after {
    background: rgba(0, 0, 0, 0.20);
  }

  .home-tabs button.item {
    background-color: var(--block-background);
  }

  .home-tabs button.item::after {
    content: none;
  }

  .home-tabs .item .name {
    position: absolute;
    bottom: 24px;
    left: 30px;
    font-weight: 500;
    font-size: 21px;
    line-height: 27px;
    color: var(--background);
    padding-right: 25px;
    z-index: 1;
  }

  .home-tabs .item .name.mobile {
    display: none;
  }

  .home-tabs a.item:hover .name {
    color: var(--background);
  }

  .home-tabs button.item .name {
    bottom: unset;
    top: 24px;
    left: 29px;
    color: var(--dark-grey-color);
  }

  .home-tabs button.item:hover .name {
    color: var(--dark-grey-color);
  }

  .home-tabs .item img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px;
  }

  .home-tabs .item svg {
    position: absolute;
    bottom: 30px;
    right: 31px;
    display: block;
    width: 70px;
    height: 70px;
  }

  .home-tabs .item:hover svg path {
    fill: var(--grey-color);
  }
}

@media (min-width:1100px) and (max-width: 1281px) {
  .home-tabs .item .name {
    font-size: 18px;
  }

  .home-tabs .item svg {
    width: 60px;
    height: 60px;
  }
}

/* end блок Смотреть дальше */
/* End */


/* Start:/local/components/terem/standard.blocks/templates/catalog.card.comeandlive.new/style.css?17320244294474*/
.comeandlive-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 32px;
    grid-template-columns: 1fr 32px;
    -ms-grid-rows: auto 6px auto;
    grid-template-rows: auto auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 6px 8px;
    padding: 16px 11px;
    background-color: #F3F0E9;
    border-radius: 4px;
    margin-bottom: 15px;
}

.tx a.comeandlive-block {
    border: none;
}

.comeandlive-block * {
    -ms-grid-column-align: start;
        justify-self: start;
}

.comeandlive-block > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.comeandlive-block > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.comeandlive-block > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.comeandlive-block > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.comeandlive-block .comeandlive-block__title {
    font: 600 14px/130% var(--title-font);
    color: #654635;
    padding: 0 0 2px 5px;
    -ms-grid-column: 1;
    grid-column-start: 1;
-ms-grid-row: 1;
    grid-row-start: 1;
}

.comeandlive-block ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0;
    max-width: 355px;
    width: 100%;
    padding-right: 5.7%;
    margin: 0;
    letter-spacing: -0.1px;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row: 2;
        grid-row-start: 2;
    padding-right: 0;
}

.comeandlive-block ul li {
    position: relative;
    font: 400 10px/150% var(--text-font);
    color: #654635;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 0 15px 0 0;
    margin: 0;
}

.comeandlive-block ul li:first-child {
    padding-right: 14px;
}

.comeandlive-block ul li::before {
    content: none;
}

.comeandlive-block ul li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 4px;
    height: 4px;
    background-color: #654635;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.comeandlive-block svg {
    width: 11px;
    height: 16px;
    padding: 0 0 0 6px;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-column-align: center;
    justify-self: center;
}

@media screen and (max-width: 1099px) and (min-width: 681px) {
    .comeandlive-block {
        row-gap: 11px;
        padding: 30px 40px 29px;
    }

    .comeandlive-block .comeandlive-block__title {
        font: 600 21px/110% var(--text-font);
        padding: 0;
    }

    .comeandlive-block ul li {
        font-size: 14px;
        padding-right: 24px;
    }

    .comeandlive-block ul li:first-child,
    .comeandlive-block ul li:nth-child(4) {
        padding-right: 25px;
    }

    .comeandlive-block ul li:not(:last-child)::after {
        top: 44.5%;
        right: 10px;
    }

    .comeandlive-block svg {
        padding-bottom: 1px;
    }
}

@media screen and (max-width: 680px) {
    .comeandlive-block {
        row-gap: 7px;
        padding: 21px 11px 20px 15px;
    }
    .comeandlive-block .comeandlive-block__title {
        font-size: 16px;
        line-height: 18px;
    }

    .comeandlive-block ul {
        row-gap: 5px;
        padding-left: 5px; 
    }

    .comeandlive-block svg {
        width: 12px;
        height: 12px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 460px) {
    .comeandlive-block ul { 
        max-width: 250px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .comeandlive-block ul li:nth-child(4) {
        padding-right: 0;
    }

    .comeandlive-block ul li:nth-child(4)::after {
        content: none;
    }
}

@media screen and (max-width: 374px) {
    .comeandlive-block {
        -webkit-column-gap: 0;
           -moz-column-gap: 0;
                column-gap: 0;
    }

    .comeandlive-block .comeandlive-block__title {
        font-size: 14px;
    } 

    .comeandlive-block ul {
        row-gap: 3px;
    }
}
/* End */


/* Start:/local/components/terem/catalog.detail.json/templates/detail.planning/style.css?17370222147784*/
/* поп-ап планировок */

.zoom-planning-popup.active {
    top: 0;
}

.zoom-planning-popup.active .overflow {
    background-color: var(--background);
}

.zoom-planning-popup.active .content {
    max-width: unset;
    padding: 0;
    margin: 0;
    width: auto;
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.zoom-planning-popup.active .img-wrapper {
    margin-bottom: 130px;
    margin-top: 149px;
}

.zoom-planning-popup.active .img {
    padding-top: 91.8%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover
}

.zoom-planning-popup .btn-wrapper {
    display: block;
    z-index: 5;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.zoom-planning-popup .return-link {
    position: relative;
    display: flex;
    width: 253px;
    margin: 0 auto 58px;

}

.zoom-planning-popup .return-link::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-right: 1px solid var(--title-color);
    border-top: 1px solid var(--title-color);
    transform: rotate(45deg);
    position: absolute;
    right: 1px;
    bottom: 7px;
}

.zoom-planning-popup .return-link span {
    color: var(--title-color);
    font: normal 400 16px var(--text-font);
    line-height: 150%;
    text-decoration: none;
    border-bottom: none;
    background-image: -o-linear-gradient(left, var(--dark-grey-color) 0%, var(--dark-grey-color) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(var(--dark-grey-color)), to(var(--dark-grey-color)));
    background-image: linear-gradient(to right, var(--dark-grey-color) 0%, var(--dark-grey-color) 100%);
    background-repeat: repeat-x;
    background-position: 0 86%;
    background-size: 100% 1px;
}

.zoom-planning-popup .return-link span:hover {
    background-size: 0% 1px;
}

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

    .zoom-planning-popup.active .img-wrapper {
        margin-bottom: 72px;
        margin-top: 189px;
    }

    .zoom-planning-popup .return-link {
        width: 294px;
        margin: 0 auto 95px;
    }

    .zoom-planning-popup .return-link::after {
        width: 10px;
        height: 10px;
        right: 1px;
        bottom: 8px;
    }

    .zoom-planning-popup .return-link span {
        font-size: 18px;
    }
}

@media screen and (min-width: 1000px) {
    .zoom-planning-popup.active {
        top: 85px;
        height: calc(100% - 90px);
    }

    .redbanner-show .zoom-planning-popup.active {
        top: 155px;
        height: calc(100% - 160px);
    }

    .zoom-planning-popup.active .overflow {
        min-height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        overflow: hidden;
        background-color: unset;
    }

    .zoom-planning-popup.active .content {
        max-width: unset;
        height: 100%;
        width: fit-content;
        padding: 20px 0;
        margin: 5px auto;
    }

    .zoom-planning-popup.active .img-wrapper {
        height: 100%;
        aspect-ratio: 16 / 9;
        margin: 0;
    }

    .zoom-planning-popup.active .img {
        height: 100%;
        aspect-ratio: 375 / 344;
        padding-top: 0;
        margin: auto;
        background-size: contain
    }

    .zoom-planning-popup .btn-wrapper {
        display: none;
    }
}

@media screen and (min-width: 1199.9px) {
    .zoom-planning-popup.active {
        top: 115px;
        height: calc(100% - 120px);
    }

    .redbanner-show .zoom-planning-popup.active {
        top: 185px;
        height: calc(100% - 190px);
    }
}

/* конец поп-ап планировок */

/* блок планировки */

section.planning {
    padding: 60px 0;
    margin-bottom: 60px;
}

.planning {
    position: relative;
    z-index: 0;
    background: var(--block-background) 0% 0% no-repeat padding-box;
    color: var(--title-color);
    padding: 0;
}

.planning .wrapper {
    position: relative;
    max-width: 1094px;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 1;
    padding: 0;
}

.planning-carousel-wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.planning .slider-controls {
    display: none;
}

.planning .description {
    margin: 0 auto 40px;
}

.planning .description h3 {
    text-align: start;
}

.planning .description p {
    font: 500 16px/150% var(--text-font);
    max-width: 100%;
    text-align: start;
}

.planning .planning-slider__title {
    font: 600 16px/150% var(--title-font);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.btn-total-wrap .planning .planning-slider__text {
    font: 400 14px / 150% var(--text-font);
    color: var(--dark-grey-color);
}

.planning .carousel-container .owl-stage-outer {
    padding: 0;
    overflow: visible;
}

.planning .carousel-container.slider-center .owl-stage {
    margin: auto;
}

.planning .carousel-container .owl-stage {
    display: flex;
    padding: 0;
    margin: 0;
}

.planning .carousel-container .owl-item {
    max-width: 240px;
    min-width: 240px;
}

.planning .carousel .item {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    gap: 20px;
}

.planning .carousel .owl-item button {
    position: relative;
    display: block;
}

.planning .owl-item button::after {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    display: block;
    right: 10px;
    bottom: 10px;
    background: center url('/assets/resources/images/planning-lupa-mobile.svg') no-repeat;
    border-radius: 50%;
}

.planning .carousel-container.owl-drag .owl-item img {
    border-radius: 6px;
    object-fit: cover;
    width: 240px;
    height: 220px;
}

.planning__call-btn {
    text-align: center;
}

.planning .enters-btn {
    margin-top: 15px;
    padding: 10px 32px 8px;

}

@media screen and (min-width:510px) {
    section.planning {
        margin-bottom: 80px;
    }

    .planning .description {
        margin: 0 auto 60px;
    }

    .planning .description h3 {
        text-align: center;
    }

    .planning .description p {
        text-align: center;
    }

    .planning .carousel .item {
        gap: 30px;
    }

    .planning .planning-slider__title {
        font-size: 21px;
        margin-bottom: 30px;
    }

    .planning .planning-slider__text {
        font-size: 18px;
    }

    .planning .carousel-container .owl-item {
        max-width: 339px;
        min-width: 339px;
    }

    .planning .carousel-container.owl-drag .owl-item img {
        width: 339px;
        height: 310px;
    }

    .planning .owl-item button::after {
        height: 50px;
        width: 50px;
        background: center url('/assets/resources/images/planning-lupa.svg') no-repeat;
    }
}

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

    .planning .description {
        margin: 0 auto 80px;
    }

    .planning .description p {
        font-size: 18px;
    }

    .planning .carousel .item {
        gap: 20px;
    }

    .planning .planning-slider__title {
        display: none;
    }

    .planning .carousel-container .owl-item {
        max-width: 532px;
        min-width: 532px;
    }

    .planning .carousel-container.owl-drag .owl-item img {
        width: 532px;
        height: 488px;
    }

    .planning .enters-btn {
        margin-top: 30px;
        padding: 10px 34px 8px;
    }
}

@media screen and (max-width: 999px) {
    .planning .text-center .planning-slider__title {
        text-align: center;
    }

    .planning .text-center .planning-slider__text {
        text-align: center;
    }
}

/* конец блок планировки */
/* End */


/* Start:/local/components/terem/catalog.detail.json/templates/catalog.buttons/style.css?17479185314131*/
.catalog-buttons {
    padding: 0;
}

.catalog-buttons .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.catalog-buttons a.application-btn,
.catalog-buttons button.application-btn {
    position: relative;
    display: inline-block;
    font: normal 500 12px / 16px var(--text-font);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    border-radius: 4px;
    border: 1px solid var(--main-color);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 10px 8px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.catalog-buttons a.application-btn_white,
.catalog-buttons button.application-btn_white {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    background: transparent;
    color: var(--title-color);
}

@media (min-width: 1100px){
    .catalog-buttons {
        font-size: 16px;
        margin: 60px auto;
    }

    .catalog-buttons a.application-btn,
    .catalog-buttons button.application-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 33%;
            flex-basis: 33%;
        gap: 28px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0;
        padding: 35px 20px 35px 37px;
        border-radius: 10px;
        text-transform: none;
    }

    .catalog-buttons button.application-btn.presentation {
        gap: 27px;
    }
    
    .catalog-buttons a.application-btn_white,
    .catalog-buttons button.application-btn_white {
        border: 1px solid var(--block-background);
        background: var(--block-background);
        color: var(--title-color);
    }

    .catalog-buttons a.application-btn:hover,
    .catalog-buttons button.application-btn:hover {
        border: 1px solid var(--block-background);
        color: var(--main-color);
        background: var(--block-background);
    }

    .catalog-buttons a.application-btn svg path,
    .catalog-buttons button.application-btn svg path {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .catalog-buttons a.application-btn:hover svg path,
    .catalog-buttons button.application-btn:hover svg path {
        fill: var(--main-color);
    }
    
    .catalog-buttons button.application-btn.backcall:hover svg path {
        stroke: var(--main-color);
        fill: none;
    }
}

@media (max-width: 1300px) and (min-width: 1100px){ 
    .catalog-buttons a.application-btn, .catalog-buttons button.application-btn {
        gap: 18px;
        font-size: 16px;
        padding: 25px 10px 25px 17px;
    }
}

@media (max-width: 1099.9px) {
    .catalog-buttons {
        margin: 40px auto;
    }

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

    .catalog-buttons a.application-btn,
    .catalog-buttons button.application-btn {
        width: 290px;
    }

    .catalog-buttons a.application-btn_white:hover,
    .catalog-buttons button.application-btn_white:hover,
    .catalog-buttons a.application-btn:hover,
    .catalog-buttons button.application-btn:hover {
        border: 1px solid var(--main-color);
        color: var(--main-color);
        background: transparent;
    }

    .catalog-buttons a.application-btn svg,
    .catalog-buttons button.application-btn svg {
        display: none;
    }
}

@media (max-width: 680px) {
    .catalog-buttons {
        margin: 30px auto;
    }
}

/* End */


/* Start:/local/components/terem/form.form/templates/template.catalog.cart.online/style.css?17320218972414*/
.online-form-popup.form-popup .form-section .tx {
  margin-bottom: 20px;
}

.online-form-popup.form-popup .form-section .tx .h3 {
  margin-bottom: 20px;
}

.online-form-popup .description_top {
  display: none;
}

.online-form-popup .checkbox-placeholder .to-bold {
  font-weight: 600;
}

.online-form-popup .online-form-popup__whatsapp {
  margin-top: 30px;
}

.online-form-popup .online-form-popup__whatsapp .checkbox-wrapper {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.online-form-popup .online-form-popup__whatsapp .checkbox-placeholder {
  color: var(--dark-grey-color);
  font-family: var(--text-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  padding: 1px 0 0 32px;
}

.online-form-popup .online-form-popup__whatsapp .checkbox-wrapper .ico {
  top: 4px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 3px;
}

.online-form-popup .online-form-popup__whatsapp .checkbox-wrapper .ico:before {
  width: 10px;
  height: 10px;
  border-radius: 2px;
}

.online-form-popup .form-wrapper input[type="checkbox"] {
  left: 1px;
  top: 6px;
}

.online-form-popup .description_bottom {
  display: block;
  color: var(--dark-grey-color);
  margin-top: 30px;
}

.online-form-popup .ln.policy {
  margin-top: 39px;
}

@media (min-width: 1000px) {
  .online-form-popup.form-popup .form-section .btn-wrapper {
    margin: 39px 0 0;
  }

  .online-form-popup.form-popup .button {
    width: 340px;
    padding: 1px 0 0 1px;
  }
}

@media (max-width: 999px) {
  .online-form-popup.form-popup .form-section {
    max-width: 415px;
  }

  .online-form-popup.form-popup .form-section .tx .h3 {
    margin-bottom: 21px;
  }

  .online-form-popup .description_top {
    display: block;
    max-width: 400px;
  }

  .online-form-popup.form-popup .form-section .tx {
    margin-bottom: 29px;
  }

  .online-form-popup.form-popup .form-wrapper .input-wrapper {
    max-width: 400px;
  }

  .online-form-popup .online-form-popup__whatsapp .checkbox-placeholder {
    max-width: 374px;
    padding-left: 26px;
  }

  .online-form-popup .description_bottom {
    display: none;
  }

  .online-form-popup.form-popup .button {
    width: 287px;
  }
}

@media (max-width: 640px) {
  .online-form-popup.form-popup .form-section .tx .h3 {
    max-width: 230px;
    margin-bottom: 20px;
  }
  
  .online-form-popup.form-popup .button {
    width: 288px;
  }

}
/* End */
/* /local/components/terem/catalog.detail.json/templates/favourite.component/style.css?1732020310214 */
/* /local/components/terem/catalog.detail.json/templates/detail.header.new/style.css?174801095329716 */
/* /local/components/terem/catalog.detail.json/templates/material.selection/style.css?17376457201928 */
/* /local/components/terem/catalog.markers/templates/catalog.marker/style.css?17334066611661 */
/* /local/components/terem/catalog.markers/templates/comeandlive.marker/style.css?17328713772224 */
/* /local/components/terem/promotion.list/templates/catalog.detail.banner/style.css?17320227945135 */
/* /local/components/terem/catalog.detail.json/templates/.default.new/style.css?175093045294956 */
/* /local/components/terem/standard.blocks/templates/catalog.card.comeandlive.new/style.css?17320244294474 */
/* /local/components/terem/catalog.detail.json/templates/detail.planning/style.css?17370222147784 */
/* /local/components/terem/catalog.detail.json/templates/catalog.buttons/style.css?17479185314131 */
/* /local/components/terem/form.form/templates/template.catalog.cart.online/style.css?17320218972414 */