.d-none {
  display:none !important;
}

.d-flex {
  display:flex !important;
}

.btn-store {
  display: inline-block !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  width: auto !important;
  line-height: 1 !important;
}

.project__description-text {
  margin-top: 32px;
  font-size: 22px;
  column-width: 400px;
  column-count: 2;
  column-gap: 30px;
}

.project__description-text p {
  break-inside: avoid;
  margin-bottom: 10px;
}


@media (max-width: 1100px) {
  .project__description-text {
    font-size: 18px;
  }
}
@media (max-width: 740px) {
  .project__description-text {
    margin-top: 24px;
    font-size: 16px;
  }
}

.project__customization-slides-arrow[data-form],
.project__customization-slides-arrow[data-type] {
  background: #e30613;
  color: #fff;
}

.project__customization-frame {
  position:relative;
}
.project__customization-steps[data-active-slide="0"] .project__customization-frame img {
  max-height: 85%;
}
.project__customization-steps:not([data-slide-title="Кровельное покрытие"]) .project__customization-color {
  display:none;
}
.project__customization-steps:not([data-slide-title="Окна"]) .project__customization-window {
  display:none;
}
.project__customization-steps .project__customization-hoverSlider {
  display:none;
}
.project__customization-steps[data-slide-title="Цвет фасада и окон"] .project__customization-hoverSlider,
.project__customization-steps[data-slide-title="Комплектация сантехническими помещениями"] .project__customization-hoverSlider,
.project__customization-steps[data-slide-title="Отделка фасада"][data-series="Уютный"] .project__customization-hoverSlider {
  display:block;
}
.project__customization-steps[data-slide-title="Выберите строительную компанию"] .project__customization-contract {
  display: grid !important;
}
.project__customization-steps[data-slide-title="Выберите строительную компанию"] .project__customization-frame img {
  display: none;
}
.project__customization-steps[data-slide-title="Смета на домокомлект"] .project__customization-types {
  display: flex;
}
.project__customization-steps[data-slide-title="Выберите вариант планировки"] .project__customization-frame {
  display:none;
}
.project__customization-steps[data-slide-title="Выберите вариант планировки"] .project__customization-planning {
  display:flex;
}
.project__customization-steps[data-slide-title="Заполните свои данные"] .project__customization-frame {
  display:none;
}
.project__customization-steps[data-slide-title="Заполните свои данные"] .project-contractor-right {
  display:block;
}
.project__customization-steps[data-slide-title="Сохраните смету"] .project__customization-frame {
  display:flex;
}
.project__customization-steps[data-slide-title="Цвет фасада и окон"] .project__customization-picture,
.project__customization-steps[data-slide-title="Комплектация сантехническими помещениями"] .project__customization-picture,
.project__customization-steps[data-slide-title="Отделка фасада"][data-series="Уютный"] .project__customization-picture {
  display:none;
}

.project__customization-steps[data-slide-title="Сохраните смету"] .project__customization-progress,
.project__customization-steps[data-slide-title="Сохраните смету"] .project__customization-slide-head,
.project__customization-steps[data-slide-title="Сохраните смету"] .project__customization-slides-arrows,
.project__customization-steps[data-slide-title="Сохраните смету"] .project__customization-total {
  display: none;
}

.project__customization-steps:not([data-slide-title="Комплектация кровли"]) [data-block="equipment-water"] {
  display:none;
}

.project__customization-note {
  margin-top: 20px;
  color: #85878c;
  font-size: 14px;
  font-weight: 400;
}

.project__customization-color,
.project__customization-window {
  position:absolute;
  width: 256px;
  height: 256px;
  left:25px;
  bottom:25px;
  background-repeat:no-repeat;
  background-position: center;
  background-size:100%;
}

.project__customization-color:before {
  position:absolute;
  content: "";
  left:0;
  top:0;
  border: 25px solid transparent;
  border-left: 25px solid #fff;
  border-top: 25px solid #fff;
}

.project__customization-color:after {
  position:absolute;
  content: "";
  right:0;
  bottom:0;
  border: 25px solid transparent;
  border-right: 25px solid #fff;
  border-bottom: 25px solid #fff;
}

.planning-interior__image {
    margin-bottom: 15px;
    border-radius: 7px;
    position: relative;
    display: block;
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
}

.project__customization-estimation-item {
  flex-wrap: wrap;
}

.project__customization-estimation-note {
  width: 100%;
  color: #85878C;
  margin-top: 2px;
}

.choose-region__results li.is-hidden {
  display: none;
}

.choose-region__results li.is-active {
  display: block !important;
}

.project-contractor-right {
  display: none;
}

.project__customization-table-total-price {
  padding-left: 34px;
}

.project__customization-table-total-old-price {
  padding-left: 34px;
  font-size: 22px;
  text-decoration: line-through;
}

.field.project__customization-form-field {
  border: 1px solid transparent;
}

.field.project__customization-form-field.is-error {
  border-color: #c02235;
}

.field.project__customization-form-field.is-error input {
  border-color: transparent !important;
}

.field.project__customization-form-field input {
  padding: 0;
  height: auto;
}

.project__customization-form-field .field__error {
  position: absolute;
  bottom: -20px;
  left: 0;
  display: none !important;
}

@media screen and (max-width: 600px) {
    .planning-interior__image {
        height: 300px;
    }
}
.planning-interior__image img {
    border-radius: 7px;
}
.js-other-interior-swiper .other-houses__prev, .js-other-interior-swiper .other-houses__next{
    top: 50%;
}

.planning-interior__image::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    background-color: rgba(45,49,52,.4);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72' fill='%23fff'%3E%3Cpath d='M32.2 64.3C14.4 64.3 0 49.9 0 32.2S14.4 0 32.2 0s32.2 14.4 32.2 32.2-14.5 32.1-32.2 32.1zm0-61.3C16.1 3 3 16.1 3 32.2s13.1 29.2 29.2 29.2 29.2-13.1 29.2-29.2S48.2 3 32.2 3z'/%3E%3Cpath d='M70.5 72c-.4 0-.8-.1-1.1-.4L52.8 54.9c-.6-.6-.6-1.5 0-2.1s1.5-.6 2.1 0l16.7 16.7c.6.6.6 1.5 0 2.1-.3.3-.7.4-1.1.4zM32.2 45.2c-.8 0-1.5-.7-1.5-1.5v-23c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v23c0 .8-.7 1.5-1.5 1.5z'/%3E%3Cpath d='M43.7 33.7h-23c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h23c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 4.375rem;
    border-radius: 7px;
}

.planning-item:hover .planning-interior__image::before {
    opacity: 1;
}


@media screen and (max-width: 1100px) {
    .js-other-interior-swiper .other-houses__next, .js-other-interior-swiper .other-houses__prev {
        display: flex;
    }
}



.checkbox-control-detail {
    position: relative;
    line-height: 18px;
    min-height: 20px;
    margin-bottom: 10px;
}
.checkbox-control-detail input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}
.checkbox-control-detail input[type="checkbox"] + label {
    cursor: pointer;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-left: 0;
    box-sizing: border-box;
    color: #54555A;
    opacity: 0.4;
}
.checkbox-control-detail input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #C1C3C2;
    border-radius: 3px;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    box-sizing: border-box;
}
.checkbox-control-detail input[type="checkbox"] + label::after {
    content: '';
    background: url(/local/templates/general_v2/frontend/dist/assets/icons/arrow_checkbox.svg);
    width: 14px;
    height: 13px;
    position: absolute;
    left: -37px;
    top: 3px;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    box-sizing: border-box;
}
.checkbox-control-detail input[type="checkbox"]:checked + label {
        opacity: 1;
}
.checkbox-control-detail input[type="checkbox"]:checked + label::after {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* РАдио кнопки */
.checkbox-control-detail input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.checkbox-control-detail input[type="radio"] + label {
    cursor: pointer;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-left: 0;
    box-sizing: border-box;
    color: #54555A;
    opacity: 0.4;
}
.checkbox-control-detail input[type="radio"] + label::before {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #C1C3C2;
    border-radius: 3px;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    box-sizing: border-box;
}
.checkbox-control-detail input[type="radio"] + label::after {
    content: '';
    background: url(/local/templates/general_v2/frontend/dist/assets/icons/arrow_checkbox.svg);
    width: 14px;
    height: 13px;
    position: absolute;
    left: -37px;
    top: 3px;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    box-sizing: border-box;
}
.checkbox-control-detail input[type="radio"]:checked + label {
        opacity: 1;
}
.checkbox-control-detail input[type="radio"]:checked + label::after {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.complect_punkt_name {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    border: 1px solid #eee;
    margin-bottom: 10px;
    cursor: pointer;
}
.complect_standart_val, .complect_komfort_val, .complect_name {
    font-size: 15px!important;
}
.mobile-complect .complect_name, .mobile-complect .complect_name.normal, .mobile-complect .complect_standart_val, .mobile-complect .complect_komfort_val{
    font-size: 14px!important;
}
.mobile-complect .complect_name.normal {
    width: 70%;
}
input:disabled + label {
    opacity: 0.3!important;
}

@media screen and (max-width: 440px) {
    .mobile-complect .complect_name.normal {
        width: 70%;
    }
    .mobile-complect .complect_standart_val {
        width: 30%!important;
    }
    .mobile-complect .complect_komfort_val {
        width: 30%!important;
    }
}

.complect-flex_row.grey .complect_standart_val, .complect-flex_row.grey .complect_komfort_val {
    font-weight: bold;
}

.catalog-details__disclamer {
    width: 100%;
    max-width: 675px;
    /*margin-top: 30px;*/
    background: #F9F9FC;
    border-radius: 30px;
    padding: 20px;
}
.catalog-details__disclamer_header {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    padding-bottom: 15px;
}

.catalog-details__disclamer_list li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    display: block;
    color: #54555A;
}
.catalog-details__disclamer_list li:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #54555A;
    border-radius: 50%;
}

@media screen and (max-width: 700px){
    .catalog-details__disclamer_header, .catalog-details__disclamer_list li {
        font-size: 14px;
    }
}

@media screen and (min-width: 900px){
    .complect_name {
        padding-right: 60px;
    }
}
.catalog-detail-text p{
    padding-bottom: 15px;
}

@media screen and (max-width: 450px){
    .catalog-details__row {
        margin-bottom: 2rem!important;
    }
}
.complect-flex_row.grey {
    position: relative;
}
.complect-flex_row.grey .projects-open-menu {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 35px;
    right: 20px;
    cursor: pointer;
}
.complect-flex_row.grey .projects-open-menu span{
    width: 20px;
    height: 1.5px;
    background: #C02235;
    display: block;
    transition: all 0.5s ease;

}
.block-params-head-calculator .projects-open-menu span:last-child {
    position: relative;
    top: -1.5px;
    transition: all 0.5s ease;

}
.block-params-head-calculator.hidden .projects-open-menu span:last-child {
    transform: rotate(-90deg);
    height: 2px;
    transition: all 0.5s ease;

}
.block-params-head-calculator.hidden .normal {
    display: none;
}

.mobile-complect .complect-flex_row.grey .projects-open-menu {
    top: 30px;
}
.catalog-details__subtitle {
    font-size: 1.3rem;
    font-weight: 400;
}
@media screen and (max-width: 740px) {
    .catalog-details__subtitle {
        font-size: 1rem;
        font-weight: 400;
    }
}
.checkbox-control-detail .planning-item__name {
    padding-left: 40px!important;
}
.checkbox-control-detail .planning-item__name:before {
    left: 0!important;
}
.checkbox-control-detail .planning-item__name:after {
    left: 3px!important;
}

.catalog-details_complect_wrapper {
    display: flex;
    position: relative;
    width: 100%;
}
.catalog-details_complect.js-mobyle-hiden {
    width: calc(100% - 287px);
}
.scu-block-fixed {
    z-index:500;
}
.scu-block-fixed.fixed {
    z-index:8;
    /*border-radius: 10px;*/
    /*background: #FFF;*/
    /*box-shadow: 0px 10px 125px -20px rgba(18, 19, 17, 0.12);*/
    width: 287px;
    text-align: center;
}
.inner-wrapper-sticky {
    width: 287px;
    padding: 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 10px 125px -20px rgba(18, 19, 17, 0.12);
    background: #fff;
}
.scu-block-fixed.fixed .radio-cards__item img {
    height: auto;
}
.scu-block-fixed.fixed .radio-cards {
    justify-content: space-between;
}
.scu-block-fixed.fixed .radio-cards {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.scu-block-fixed.fixed .radio-cards__item {
    width: calc(50% - 20px);
    max-width: 150px;
}
.scu-block-fixed.fixed .radio-cards__item-name {
    margin-top: 10px;
}
@media screen and (max-width: 1740px) and (min-width: 1099px) {
    .js-mobyle-hiden .complect_name {
        width: 50%;
    }
    .js-mobyle-hiden .complect_standart_val, .js-mobyle-hiden .complect_komfort_val {
        width: 25%;
    }
}
@media screen and (max-width: 1100px) {
    .scu-block-fixed.fixed {
        position: fixed;
        left: 0;
        border-radius: 0;
        background: #FFF;
        box-shadow: 0px 10px 125px -20px rgba(18, 19, 17, 0.12);
        width: 100%;
        padding: 20px 20px;
        text-align: center;
    }
    .scu-block-fixed.fixed .radio-cards {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
}
.element-plan {
    max-width: 100%!important;
    width: 100%;
}
.project-detail-page .planning-item__image img {
    height:auto!important;
    width: auto!important;
    max-width: 100%!important;
    max-height: 100%!important;
}
.planning-item__image {
     height: 250px;
     display: flex!important;
     align-items: center!important;
    justify-content: space-between!important;
 }
.open-fasadblock {
    cursor: pointer;
    padding: 10px 0;
    margin-bottom: -10px;
    margin-top: -10px;
}
@media screen and (max-width: 1100px) {
    .catalog-details_complect.js-mobyle-hiden {
        width: 100%;
    }
    span.planning-item__image {
        padding: 10px 40px!important;
    }
}

.other-houses-video__prev, .other-houses-video__next {
    top: 50%!important;
}
.catalog-details__preview_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    background: rgba(0,0,0, 0.3);
    z-index: 1;
}

/* документация */
.documentation-wrapper {
    width: 100%;
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
    gap: 20px;
}
.documentation-item__img {
    width: 100%;
    height: 255px;
}
.documentation-item__img img {
    height: 100%;
    width: auto;
}
.documentation-item {
    margin-bottom: 20px;
    text-align: center;
}
.documentation-item__name {
    margin-top: 45px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    min-height: 100px;
    padding-bottom: 20px;
}
.documentation-item__link {
    text-align: center;
    color: #C02235;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 7px;
    border-bottom: 1px dashed #C02235;
}
.js-document-filter {
    border: none;
    background: transparent;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 5px;
    border-bottom: 1px dashed #C1C3C2;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-left: 30px;
}
.documentation-sub-title {
    font-size: 16px!important;
}

@media screen and (max-width: 1300px) {
    .documentation-wrapper {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .documentation-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 770px) {
    .documentation-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 500px) {
    .documentation-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

.js-document-content .slick-dots button {
    width: 8px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px!important;
    -webkit-transition: background .1s ease,-webkit-transform .5s ease;
    transition: background .1s ease,-webkit-transform .5s ease;
    -o-transition: transform .5s ease,background .1s ease;
    transition: transform .5s ease,background .1s ease;
    transition: transform .5s ease,background .1s ease,-webkit-transform .5s ease;
    opacity: 1;
    background: #c1c3c2;
    font-size: 0;

}
.js-document-content .slick-dots li.slick-active button {
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
    background: #c02235;
    opacity: 1;
}
.js-document-content .slick-dots{
    display: flex;
    justify-content: center;
}

@media (max-width: 600px) {
    .js-document-content img {
        margin: 0 auto;
    }
    .documentation-item__name {
        min-height: 45px;
        margin-top: 35px;
    }
}
.catalog-details__row-price-btn {
    max-width: 80%;
}

@media screen and (max-width: 440px) {
    .catalog-details__disclamer {
        margin-bottom: 40px;
        margin-top: -60px;
    }
}

.inner-wrapper-sticky{
    box-shadow: none !important;
    background: none !important;
}

.project h1 {
  font-family: Proxima Nova New, sans-serif !important;
}
.project__about-parameter-label{
  height: 33px !important;
}

.project__customization-estimation-item-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.project__customization-estimation-price {
  white-space: nowrap;
}