

/* Start:/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/style.css?174962111152711*/
* {
    box-sizing: border-box;
}

body {
    font-size: 14px;
    margin: 0 auto;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #353535;
}

.h3.carddesign_subtitle {
    font-weight: 700 !important;
    color: #222 !important;
}

h1,
h2,
h3,
h3,
.h3,
.h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

h3::before,
h4::before {
    content: none !important;
}

h2,
.h2 {
    position: relative;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    text-transform: uppercase;
}

.h2 {
    font-family: 'Montserrat', "Exo 2", Arial, sans-serif!important;
    line-height: 22px !important;
    font-weight: 700 !important;
    color: #222 !important;
}

.h2::before {
    content: '';
    background-color: orange;
    height: 45px;
    width: 20px;
    position: absolute;
    top: -11px;
    left: -25px;
}

p {
    margin: 0 0 1em;
}

span.zoom {
    display: none !important;
}

.cardwrapper {
    margin: 0 65px 0 50px;
}

.btn2 {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 17px;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    justify-content: center;
}

.btn_white {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #FFA500;
    height: 63px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    border: 2px solid #FFA500;
}

.btn_orange {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 63px;
    background: #FFA500;
    border-radius: 4px;
}

.btn_shadow:hover {
    box-shadow: 0px 0px 21px 8px rgba(159, 159, 159, 0.1), 0px 0px 10px rgba(118, 118, 118, 0.15);
    transition: box-shadow .2s ease-in-out;
    /* color: #FFFFFF; */
}

.cardflex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cardtitle_h1 {
    font-weight: 600;
    font-size: 50px;
    /*line-height: 61px;*/
    color: #353535;
}

.cardtitle_price {
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
    color: #FFA500;
}

.cardinfo {
    align-items: flex-start;
}

.cardinfo_img {
    width: 66%;
    /* flex-grow: 0; */
    /* display: flex; */
    position: relative;
    max-width: 1000px;
}

.cardinfo_img img {
    object-fit: cover;
    height: 650px;
    /* width: 100%; */
    width: 650px;
    border-radius: 5px;
}

.cardinfo_img img.fp {
    height: 80px;
    width: 80px !important;
    position: absolute;
    top: 30px;
    left: 30px;
}

.cardinfo_img.full__heigth {
    height: 807px;
}

.cardwrapper .cardinfo .cardinfo_img.full__heigth {
    height: auto !important;
}

.cardinfo_img.full__heigth>a {
    display: block;
    width: 100%;
    height: 100%;
}

.cardinfo_img.full__heigth img {
    height: 100%;
    object-fit: cover;
}

.cardinfo_3d {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 85px;
    background: rgb(0 0 0 / 30%);
    backdrop-filter: blur(4px);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #FEFEFE;
    cursor: pointer;
}

.cardinfo_3d span {
    padding-left: 26px;
}

.cardinfo_param {
    width: 33%;
    flex-grow: 0;
    margin-left: 50px;
    /*min-width: 350px;*/
}

.cardtabs_selector {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.cardtabs_btn {
    list-style-type: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    padding: 23px 20px 22px;
    flex: 1 1;
    cursor: pointer;
    max-width: 33.333333%;
}

.cardtabs_btn.active {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

.cardtabs_btn.first {
    color: #4D4D4D;
    background: #FFF2DC;
}

.cardtabs_btn.second {
    color: #4D4D4D;
    background: #FFCC70;
}

.cardtabs_btn.third {
    color: #FFFFFF;
    background: #FFA500;
}

.cardtabs_row {
    border-bottom: 1px solid #D4D4D4;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* height: 70px; */
    flex-direction: column;
}

.cardtabs_row_text,
.cardtabs_row_price {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #353535;
}

.cardtabs_row_size {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #858585;
}

.cardtabs_row_text .cardtabs_row_sub {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #787878;
    display: block;
}

.cardtabs_info {
    display: none;
}

.cardtabs_info.active {
    display: block;
}

.cardtabs_info_text {
    margin: 30px 0;
}

.cardtabs_total {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #353535;
    border-bottom: none;
}

.cardtabs_btns {
    border-bottom: none;
    margin-top: 25px;
}

.cardtabs_btns_ask {
    font-size: 16px;
}

.cardtabs_btns_ask:hover {
    /* color: #FFA500; */
}

.cardtabs_btns_show {}

.cardtabs_btns_show.btn_orange span {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-transform: lowercase;
}

.cardparams {
    margin-top: 60px;
    align-items: flex-start;
}

.cardtech {
    width: 66.0956%;
    flex-grow: 0;
}

.cardgallery {
    width: 100%;
    flex-grow: 0;
    height: 120px;
}

.cardgallery_container {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.cardgallery_container img {
    margin-bottom: 20px;
    /* width: 100%; */
    height: auto;
}

.cardinfo_tech {
    margin-bottom: 40px;
    margin-top: 14px;
}

.cardinfo_tech .cardtabs_row:last-child {
    border-bottom: none;
}

.carddescr {
    margin-top: 40px;
}

.cardplans_title {
    margin: 70px 0 53px;
}

.cardplans_container {
    display: flex;
    justify-content: space-between;
}

.cardplans_item {
    width: calc(50% - 12.5px);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.cardplans_item img {
    width: 100%;
    position: relative;
    display: block;
}

.cardplans_item_img {
    position: relative;
}


/*.cardplans_item_img::after {
content: '';
background: rgba(206, 226, 240, 0);
transition: background ease-in-out .2s;

}
.cardplans_item_img:hover::after {
    content: '';
background: rgba(206, 226, 240, 0.6);
transition: background ease-in-out .2s;
filter: blur(2px);
border-radius: 4px;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}*/

.cardplans_item_img:hover {
    background: rgba(206, 226, 240, 0.6);
}

.cardplans_item_title {
    margin-top: 20px;
}

.carddesign_title {
    margin-top: 70px;
    color: #FFA500;
    /*line-height: 130%;*/
}

.carddesign_subtitle {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    text-transform: uppercase;
    color: #353535;
    margin-top: 2px;
}

.carddesign_img {
    margin-top: 46px;
}

.carddesign_img img {
    width: 100%;
    box-shadow: 0px 26px 10px rgba(0, 0, 0, 0.01), 0px 15px 9px rgba(0, 0, 0, 0.03), 0px 7px 7px rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

.carddesign_info {
    margin-top: 47px;
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
}

.carddesign_btn {
    flex: 0 0 264px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardmark_text {
    margin-top: 30px;
}

.cardmark_container {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    margin-bottom: 80px;
}

.cardmark_item {
    width: calc(50% - 13.5px);
    box-shadow: 0px 26px 10px rgba(0, 0, 0, 0.01), 0px 15px 9px rgba(0, 0, 0, 0.03), 0px 7px 7px rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 50px 33px 44px;
}

.cardmark_img {
    text-align: center;
}

.cardmark_img img {
    max-height: 300px;
    box-shadow: 0px 26px 10px rgba(0, 0, 0, 0.01), -10px 15px 9px rgba(0, 0, 0, 0.03), -5px 7px 7px rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
}

.cardmark_info {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.cardmark_btn {
    flex: 0 0 152px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
}

.cardmark_type {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #7E7E7E;
}

.cardmark_name {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #353535;
}

.cardparts_container {
    position: relative;
    margin: 40px 0 70px;
}

.cardconstr_container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.cardconstr_subtitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #000;
    margin-top: 19px;
    font-family: 'Montserrat', "Exo 2", Arial, sans-serif!important;
    margin-bottom: 33px;
}

.cardconstr_subtitle span {
    font-weight: 600;
    font-size: 32px;
    line-height: 24px;
    color: #FFA500;
}

.cardconstr_text {
    flex: 0 0 60%;
}

.cardconstr_img {
    flex: 0 0 40%;
}

.cardconstr_img img {
    width: 100%;
}

.carddocs_container {
    margin-bottom: 59px;
}

.carddocs_container h2,
.carddocs_container .h2 {
    margin-top: 59px;
    margin-bottom: 40px;
    line-height: 1 !important;
}

.carddocs_container .cardtabs_btn.first,
.carddocs_container .cardtabs_btn.second,
.carddocs_container .cardtabs_btn.third {
    background: #F3F3F3;
    color: #353535;
}

.carddocs_container .cardtabs_btn.active {
    background: #FFA500;
    color: #fff;
    box-shadow: inset 0px 2px 7px 2px rgba(0, 0, 0, 0.15);
}

.carddocs_container .cardtabs_row_size {
    flex: 1 0;
}

.carddocs_container .cardtabs_row_text {
    flex: 5 0;
}

.carddocs_container .cardtabs_row:last-child {
    border-bottom: none;
}

.cardvideo_container {
    position: relative;
    margin: 44px 0;
}

.card_callback {
    padding: 50px 0 222px;
    width: 100%;
    text-align: center;
    box-shadow: 0px 0px 21px 8px rgba(159, 159, 159, 0.1), 0px 0px 10px rgba(118, 118, 118, 0.15);
    background: url('/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/images/callback.png');
    background-repeat: no-repeat;
    background-position-y: calc(100% - 56px);
    background-size: contain;
}

.card_callback_form {
    margin: 55px;
}

.card_callback_form .form-header {
    display: none;
}

.card_callback h2::before,
.card_callback .h2::before {
    content: none;
}

.blockcredit_title {
    line-height: 44px;
    text-transform: uppercase;
    color: #003262;
}

.blockcredit_text {
    margin-top: 27px;
    max-width: 500px;
    font-weight: 400;
    font-size: 16px;
    line-height: 144.4%;
    color: #252525;
}

.blockcredit_box {
    margin-top: 27px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.blockcredit_bank {
    background: #FFFFFF;
    box-shadow: 0px 26px 10px rgba(0, 0, 0, 0.01), 0px 15px 9px rgba(0, 0, 0, 0.03), 0px 7px 7px rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    width: calc((100% - 50px) / 3);
    min-height: 300px;
}

.bank_title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 104.4%;
    text-align: center;
    text-transform: uppercase;
    color: #535353;
    margin: 15px 0 21px;
}

.bank_splitter {
    height: 0px;
    width: calc(100% - 50px);
    margin: 0 25px;
    border-bottom: 1px solid #FF8A00;
}

.bank_box {
    margin: 20px 25px 34px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.bank_text {
    max-height: 25px;
    transition: max-height .5s;
    overflow: hidden;
}

.bank_text.active {
    max-height: 420px;
}

.bank_text.active .bank_text_title,
.bank_text.active .bank_text_title::after {
    color: #FF8A00;
}

.bank_text_title {
    color: #535353;
    font-weight: 500;
    cursor: pointer;
    transition: color .5s;
}

.bank_text_title::after {
    content: '+';
    font-size: 18px;
    color: #000;
    float: right;
}

.active .bank_text_title::after {
    content: '–';
}

.bank_3 .bank_text_title {
    cursor: auto;
}

.bank_3 .bank_text_title::after {
    content: "";
}

.bank_text_descr {
    color: #ABABAB;
    padding-top: 8px;
    display: inline-block;
}

.bank_text table {
    margin: 34px 0;
}

.bank_text table tr {}

.bank_text table tr td {
    font-weight: 400;
    font-size: 14px;
    line-height: 144.4%;
    color: #535353;
    text-align: left;
}

.bank_text table tr th {
    font-weight: 500;
    font-size: 14px;
    line-height: 144.4%;
    color: #ABABAB;
    text-align: left;
}

.bank_text table tr th:first-child,
.bank_text table tr td:first-child {
    padding-right: 47px;
}

.s1_left_arrow_box,
.s1_right_arrow_box {
    position: absolute;
    float: left;
    height: 240px;
    line-height: 240px;
    width: 90px;
    display: inline-block;
    text-align: center;
    z-index: 10;
}

.s1_right_arrow_box {
    right: 0;
}

.slider_right_arrow,
.slider_left_arrow {
    cursor: pointer;
}

.slider_right_arrow::before,
.slider_left_arrow::before {
    content: "";
    background: rgba(255, 255, 255, .8);
    border-radius: 50%;
    display: inline-block;
    height: 26px;
    width: 26px;
}

.slider_right_arrow svg {
    margin: 0 0 4px -16px;
}

.slider_left_arrow svg {
    margin: 0 0 4px -18px;
}

.slider_right_arrow.disabled,
.slider_left_arrow.disabled {
    cursor: auto;
}

.s1_right_arrow.disabled,
.s1_left_arrow.disabled {
    visibility: hidden;
}

.s1_container {
    margin: 0;
    display: inline-block;
}

.s1_box {
    height: 315px;
}

.slider_box {
    width: 100%;
    overflow: hidden;
}

.slider_slider {
    position: relative;
    transition: left .5s ease-in-out;
    display: flex;
}

.s1_item {
    margin: 1px 12px 15px 0;
    max-width: 375px;
    height: 240px;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 15px 19px;
    box-shadow: 0px 18px 7px rgb(0 0 0 / 1%), 0px 10px 6px rgb(0 0 0 / 3%), 0px 5px 5px rgb(0 0 0 / 4%), 0px 1px 3px rgb(0 0 0 / 5%), 0px 0px 0px rgb(0 0 0 / 5%);
}

.slider_item {
    display: inline-block;
    text-align: center;
    flex: 0 0 40%;
}

.slider_img {
    /*width: calc(100% - 50px);*/
    height: 80%;
    max-width: 100%;
    object-fit: contain;
    position: relative;
    border-radius: 2px;
}

.s2_box {
    height: 224px;
}

.s2_item {
    height: 224px;
    margin-right: 21px;
}

.s2_item .slider_img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.s2_slider {
    display: flex;
}

.s2_right_arrow_box,
.s2_left_arrow_box {
    float: left;
    position: relative;
}

.s2_left_arrow_box {
    margin: 0 9px 0 47px;
}

.s2_right_arrow {
    display: block;
    width: 54px;
    height: 32px;
    background: #003262;
    border-radius: 4px;
}

.s2_right_arrow.disabled {
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #003262;
    border-radius: 4px;
}

.s2_right_arrow::after {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiBmaWxsPSJub25lIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0xIDFsNi45MjMgNy41TDEgMTYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
    position: absolute;
    left: 24px;
    top: 8px;
}

.s2_right_arrow.disabled::after {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiBmaWxsPSJub25lIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0xIDFsNi45MjMgNy41TDEgMTYiIHN0cm9rZT0iIzAwMzI2MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
    position: absolute;
    left: 12px;
    top: 8px;
}

.s2_left_arrow {
    display: block;
    width: 54px;
    height: 32px;
    background: #003262;
    border: 1px solid #003262;
    border-radius: 4px;
}

.s2_left_arrow.disabled {
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #003262;
    border-radius: 4px;
}

.s2_left_arrow::after {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiBmaWxsPSJub25lIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0xIDFsNi45MjMgNy41TDEgMTYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
    position: absolute;
    left: 22px;
    top: 4px;
    transform: rotate(-180deg);
}

.s2_left_arrow.disabled::after {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiBmaWxsPSJub25lIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0xIDFsNi45MjMgNy41TDEgMTYiIHN0cm9rZT0iIzAwMzI2MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
    position: absolute;
    left: 10px;
    top: 4px;
    transform: rotate(-180deg);
}

@media (max-width: 1024px) {
    h2,
    .h2 {
        position: relative;
        font-size: 24px;
        line-height: 29px;
    }
    .sidebar {
        display: none;
    }
    section {
        margin-left: 0;
    }
    .blocktop {
        height: 400px;
        background-position-y: bottom;
        background-position-x: right;
        position: relative;
    }
    .blocktop_text1 {
        position: inherit;
        width: 100%;
        height: auto;
        padding: 150px 0 90px 40px;
        font-size: 36px;
        left: auto;
        top: auto;
    }
    .blocktop_text2 {
        position: absolute;
        width: 100%;
        height: auto;
        bottom: 0;
        left: auto;
        top: auto;
    }
    .blocktop_text2 span {
        width: 80%;
        height: auto;
        margin: 0;
        padding: 20px 0 20px 40px;
    }
    .block4 {
        height: auto;
    }
    .block4_inner {
        width: 100%;
        height: auto;
    }
    .block4_inner1,
    .block4_inner2,
    .block4_inner3,
    .block4_inner4 {
        width: calc(50% - 1px);
        float: left;
    }
    .block4_inner_text {
        padding: 0 10%;
    }
    .block4_inner2+.block4_split {
        display: none;
    }
    .blockeffect_container {
        height: auto;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .blockeffect_box {
        display: flex;
        flex-direction: column-reverse;
    }
    .blockeffect_item {
        width: 49%;
    }
    .blockeffect_hover {
        width: 100%;
        height: auto;
        right: auto;
        top: auto;
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(4px);
        position: relative;
    }
    .blockeffect_hover ul {
        padding: 0;
        margin: 30px 0 0;
    }
    .blockeffect_hover ul li {
        list-style-type: none;
        padding-bottom: 30px;
    }
    .blockeffect_hover_text {
        padding: 0 0 0 0;
    }
    .blockeffect {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
    .blockeffect_btn {
        width: 150px;
    }
    .blockprocess {
        height: auto;
        margin: 30px 0 0;
        background: #FFFFFF;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    }
    .blockprocess_box {
        flex-wrap: wrap;
    }
    .blockprocess_item {
        width: 33.33333%;
        text-align: center;
        height: 93px;
        padding: 0 5px;
        margin: 13px 0;
    }
    .blockprocess_item:nth-child(3) {
        border-right: none;
    }
    .blockprocess_title {
        font-size: 10px;
        width: 100%;
        min-width: 100%;
    }
    .blockorange {
        margin: 0;
        flex-direction: column;
    }
    .blockorange_left {
        height: 241px;
        width: 100%;
    }
    .blockorange_left_title {
        line-height: 29px;
    }
    .blockorange_left_inner {
        padding: 30px 20px 26px;
        margin: 0;
        height: auto;
    }
    .blockorange_left_dots {
        display: none;
    }
    .blockorange_right {
        height: 200px;
        width: 100%;
    }
    .blockdocs {
        margin: 48px auto 0;
        width: 80%;
        flex-direction: column;
    }
    .blockdocs_item {
        padding: 0 30px 50px;
        width: 100%;
    }
    .blockdocs_item.item_1 .blockdocs_img img {
        margin-left: -10% !important;
    }
    /*.blockdocs_img {
    order: 1;
}
.blockdocs_title {
    order: 2;
    width: 80%;
}
.blockdocs_text {
    order: 4;
}
.blockdocs_btn {
    order: 3;
}
.blockdocs_btn a {
    width: 0;
}
.blockdocs_btn a::after {
    content: '>';
}*/
    .blockconstr {
        margin: 30px 0 0;
    }
    .blockconstr_inner {
        flex-direction: column;
        height: auto;
    }
    .blockeffect_header {
        margin-bottom: 30px;
        height: auto;
    }
    .blockconstr_text {
        width: 100%;
        order: 3;
        padding: 0 20px;
    }
    .blockconstr_header {
        padding: 0 20px;
    }
    .blockconstr_house {
        background-size: contain;
        width: 100%;
        height: 450px;
        overflow-x: hidden;
        margin: 20px 20px 30px;
        order: 1;
    }
    a.mobile .blockconstr_point_popup {
        opacity: 1;
        width: 150px;
        font-size: 12px;
    }
    a.mobile .blockconstr_point_inner {
        background: #FFF;
    }
    .blockconstr_point.point_1 {
        left: 60%;
        top: 47%;
    }
    .blockconstr_point.point_2 {
        left: 31%;
        top: 9%;
    }
    .blockconstr_point.point_3 {
        left: 58%;
        bottom: 5%;
    }
    .blockconstr_photo_box {
        order: 2;
        width: 100%;
        height: 170px;
        border-radius: 0;
        margin-bottom: 30px;
    }
    .blockconstr_photo_gallery .img_main {
        display: none;
    }
    .blockcta {
        margin-top: 50px;
    }
    .blockcta_left {
        position: inherit;
        top: auto;
        left: auto;
        max-width: 100%;
        width: 100%;
        padding: 20px;
        background: #003262;
        /* box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.25);*/
        /*  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9ImF1dG8iIHZpZXdCb3g9IjAgMCA0MTkuMSA2MS42NDgiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PGRlZnM+PGZpbHRlciBpZD0iQSIgeD0iMTE2OC44NyIgeT0iMzM1My4xOCIgd2lkdGg9IjkwNC4yNTciIGhlaWdodD0iMjIwLjg3MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEzIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iQiIgeD0iMjgxIiB5PSIzMjYxIiB3aWR0aD0iMTYyMCIgaGVpZ2h0PSIyNjkiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkEiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVDb21wb3NpdGUgb3BlcmF0b3I9Im91dCIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+PGZlQmxlbmQgaW4yPSJBIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiLz48L2ZpbHRlcj48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzEuMzY3IDMwLjI0KSI+PHBhdGggZmlsbD0iIzAwMzI2MiIgZD0iTTI5MS40NTkgMzI2Ny42MTloMTU4NHYyMzIuOTg1aC0xNTg0eiIgdHJhbnNmb3JtPSJtYXRyaXgoLjI2NDYgMCAwIC4yNjQ2IC0xMDguNDgyNiAtODk0Ljg1NjE4KSIgZmlsdGVyPSJ1cmwoI0IpIi8+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm92ZXJsYXkiIGZpbHRlcj0idXJsKCNBKSIgdHJhbnNmb3JtPSJtYXRyaXgoLjI2NDYgMCAwIC4yNjQ2IC0xMDMuMDc0MDkgLTg5My42MzAyKSIgZmlsbD0iIzE5ZWJmNCIgZmlsbC1vcGFjaXR5PSIuODEzIj48cGF0aCBkPSJNMjAxOC4yNzQgMzQ4NC4yNTdjMCAyOS40My0xOTguNDkgNTMuMjgtNDQzLjMzIDUzLjI4LTI0NC44MyAwLTM4OC45My0yMy44NS0zODguOTMtNTMuMjhzMzA4LjczLTI4LjAyIDUxOS4xMy05NS41OWMyNDQuODQgMCAzMTMuMTMgNjYuMTYgMzEzLjEzIDk1LjU5eiIvPjwvZz48L2c+PC9zdmc+");
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: cover;*/
        box-shadow: 0px 6px 18px rgb(0 0 0 / 15%), 0px -6px 9px rgb(0 0 0 / 15%);
    }
    .blockcta_left_title {
        z-index: 1;
        position: inherit;
        margin: 0;
        font-size: 24px;
    }
    .blockcta_left_text {
        z-index: 1;
        position: inherit;
    }
    .blockcta_bg {
        display: none;
    }
    .cta_form_name {
        float: none;
        padding-right: 0;
        padding-bottom: 20px;
        width: 50%;
    }
    .cta_form_tel {
        float: none;
        padding-right: 0;
        padding-bottom: 20px;
        width: 50%;
    }
    .cta_form_btn {
        float: none;
        width: 50%;
    }
    .blockcta_right {
        position: absolute;
        right: -50px;
        top: 8%;
        height: 280px;
        width: 60%;
        background-size: 100%;
        display: none;
    }
    .blocktech {
        margin: 50px 20px 0;
        display: block;
        height: 550px;
    }
    .blocktech_left {
        width: calc(100% - 40px);
        display: block;
        margin-left: 0;
    }
    .blocktech_title {
        line-height: 29px;
    }
    .blocktech_text {
        margin-top: 27px;
        width: 100%;
    }
    .blocktech_right {
        width: 100%;
        margin: 10px 0px 0;
        display: none;
    }
    .blocktech_nav {
        display: none;
    }
    .blockfeatures {
        margin: 50px 20px 0;
    }
    .blockfeatures_feat {
        flex-direction: row;
    }
    .blockfeatures_feat_left {
        width: 40%;
    }
    .blockfeatures_feat_right {
        width: 60%;
        padding: 20px 0;
    }
    .blockinfo {
        margin: 30px 0 40px;
        box-shadow: 0px 26px 10px rgba(0, 0, 0, 0.01), 0px 15px 9px rgba(0, 0, 0, 0.03), 0px 7px 7px rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
    }
    .blockinfo_left {
        width: 100%;
        float: none;
        padding: 0 20px 11px;
    }
    .blockinfo_left_title {
        overflow-wrap: anywhere;
        line-height: 29px;
    }
    .blockinfo_left_title span {
        display: block;
    }
    .blockinfo_left_subtitle {
        font-size: 14px;
    }
    .blockinfo_right {
        width: 100%;
        float: none;
        padding: 11px 20px 20px;
    }
    .blockinfo_right_subtitle {
        height: 0;
        margin-top: 0;
    }
    .blockcredit {
        margin: 0 20px;
    }
    .blockcredit_text {
        max-width: 100%;
    }
    .blockcredit_box {
        flex-direction: column;
        align-items: center;
    }
    .blockcredit_bank {
        width: 90%;
        margin-bottom: 30px;
    }
    .blockportfolio,
    .blockvideo {
        margin: 50px 10px 0;
        margin-top: 0;
    }
    .blockportfolio_title,
    .blockvideo_title {
        margin: 0 10px;
    }
    .s1_left_arrow_box,
    .s1_right_arrow_box {
        width: 15px;
    }
    .s1_right_arrow_box {
        right: 5px;
    }
    .s1_left_arrow_box {
        left: 5px;
    }
    .s1_container {
        margin: 0 15px;
    }
    .s1_item {
        margin-right: 0;
    }
    .blockdelivery {
        margin: 50px 20px 0;
    }
    .blockdelivery_title span {
        display: block;
    }
    .blockdelivery_map {
        margin: 50px -10px 0;
    }
    .blockdelivery_contacts {
        left: 20px;
    }
    .blockfaq_title {
        margin: 0 20px 30px;
    }
    .blockfaq_box {
        margin: 0;
        width: 100%;
    }
    .faq_question {
        padding: 18px 25px 17px 61px;
    }
    .faq_question::before {
        left: 24px;
    }
    .blockreview {
        margin: 30px 0 0;
    }
    .blockreview_title {
        margin: 0 20px;
    }
    .blockreview_container {
        margin: 0;
    }
    .blockreview_container .s2_box {
        padding: 0 0 25px;
    }
    .review_item {
        width: 100%;
    }
    .review_text {
        max-height: 100%;
    }
    .s2_item {
        margin: 0;
        padding: 0 20px;
        width: 100%;
        min-width: 100%;
        box-shadow: none;
    }
    .review_item {
        background: #fff;
        box-shadow: 0px 26px 10px rgb(0 0 0 / 1%), 0px 15px 9px rgb(0 0 0 / 3%), 0px 7px 7px rgb(0 0 0 / 4%), 0px 2px 4px rgb(0 0 0 / 5%), 0px 0px 0px rgb(0 0 0 / 5%);
        border-radius: 2px;
    }
    .pagedocs {
        margin: 30px 20px;
    }
    .pagedocs_title {
        font-size: 24px;
    }
    .pagedocs_box {
        margin-top: 0;
        flex-direction: column;
    }
    .pagedocs_left,
    .pagedocs_right {
        width: 100%;
    }
    .pagedocs_selector {
        flex-direction: column;
        height: 91px;
        margin: 20px 0 15px;
    }
    .selector_types,
    .selector_models {
        width: 100%;
    }
    section {
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    .blocktop {
        height: 500px;
        background-positio n-y: 0;
        background-position-x: right;
        position: relative;
    }
    .block4_inner2+.block4_split {
        display: block;
    }
    .block4_inner1,
    .block4_inner2,
    .block4_inner3,
    .block4_inner4 {
        width: 50%;
        float: none;
    }
    .block4_split {
        width: 80%;
        height: 0;
        margin: 0 10%;
        border-bottom: 1px solid #FF8A00;
    }
    .blockeffect_box {
        display: flex;
        flex-direction: column;
    }
    .blockeffect_container {
        display: inline-flex;
        width: 80%;
    }
    .blockeffect_item {
        width: 100%;
        display: inline-block;
    }
    .blockprocess_item {
        width: 33%;
        height: auto;
        float: none;
        text-align: center;
    }
    .blockprocess_split {
        width: 100%;
        display: block;
        border-bottom: 1px solid #FF8A00;
    }
    .blockdocs_item.item_1 .blockdocs_img img {
        margin-left: -10% !important;
    }
    .blockconstr_house {
        background-size: 100%;
        width: calc(100% - 40px);
        height: 345px;
        overflow-x: hidden;
    }
    .blockconstr_point.point_1 {
        left: 61%;
        top: 46%;
    }
    .blockconstr_point.point_1 .blockconstr_point_popup {
        left: -150px;
    }
    .blockconstr_point.point_2 {
        left: 23%;
        top: 11%;
    }
    .blockconstr_point.point_3 {
        left: 53%;
        bottom: 8%;
    }
    .cta_form_name {
        float: none;
        padding-right: 0;
        padding-bottom: 8px;
        width: 100%;
    }
    .cta_form_tel {
        float: none;
        padding-right: 0;
        padding-bottom: 37px;
        width: 100%;
    }
    .cta_form_btn {
        float: none;
        width: 100%;
    }
    .blockcta_right {
        position: absolute;
        right: 0px;
        top: -20%;
        height: 280px;
        width: 60%;
        background-size: 100%;
        display: none;
    }
    .blockfeatures_feat {
        flex-direction: column;
    }
    .blockfeatures_feat_left {
        width: 100%;
    }
    .blockfeatures_feat_right {
        width: 100%;
        padding: 0 0 20px;
    }
}


/* tweaks */

.row.mt3 {
    display: none;
}

@media screen and (max-width: 1320px) {
    .cardwrapper .cardinfo_img img {
        object-fit: cover;
        height: auto;
    }
    .cardwrapper .cardtech {
        width: 100%;
    }
    .cardwrapper .cardinfo_param {
        width: 100%;
    }
    .cardwrapper .cardflex {
        flex-wrap: wrap;
    }
    .cardwrapper .cardinfo_img {
        width: 100%;
    }
    .cardwrapper .cardtech {
        width: 100%;
    }
    .cardwrapper .cardinfo_param {
        width: 100%;
    }
    .cardwrapper .cardgallery_container a {
        /* width: 46%; */
    }
    .cardwrapper .cardgallery {
        width: 100%;
    }
    .cardwrapper .cardgallery_container {
        margin-top: 40px;
        /*  display: flex;
        flex-direction: initial;
        overflow: hidden;
        flex-wrap: wrap;
        justify-content: space-around;*/
    }
    .cardwrapper .s1_left_arrow_box,
    .cardwrapper .s1_right_arrow_box {
        height: auto;
        line-height: 200px;
    }
}

@media screen and (max-width: 1000px) {
    .cardwrapper .s1_left_arrow_box,
    .cardwrapper .s1_right_arrow_box {
        height: auto;
        line-height: 100%;
    }
    .cardmark_item {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .s1_right_arrow_box {
        height: auto;
        line-height: 100%;
    }
    .cardmark_info {
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .cardwrapper {
        height: auto;
        line-height: 100%;
    }
    .cardwrapper h2 {
        line-height: 100%;
    }
    .cardwrapper .cardtitle_price {
        font-size: 30px;
        line-height: 35px;
    }
    .cardwrapper .cardtitle_h1 {
        font-size: 40px;
        margin-top: 30px;
    }
    .cardwrapper .cardconstr_img {
        flex: 0 0 100%;
    }
    .cardwrapper .cardconstr_text {
        flex: 0 0 100%;
    }
    .cardwrapper .cardconstr_container {
        flex-wrap: wrap;
    }
    .cardwrapper .carddesign_info {
        margin-top: 47px;
        flex-wrap: wrap;
    }
    .cardmark_container {
        flex-wrap: wrap;
    }
    .cardwrapper .cardmark_item {
        width: 100%;
    }
    .cardmark_btn {
        flex: 0 0 100%;
        line-height: 17px;
    }
}

@media screen and (max-width:600px) {
    .carddescr {
        margin-top: 100px;
    }
    .cardtabs_selector {
        flex-wrap: wrap;
    }
    .cardtabs_btn {
        max-width: 100%;
    }
    .s1_right_arrow_box {
        right: 0px;
        top: 30%;
    }
    .s1_left_arrow_box {
        top: 30%;
    }
    .cardwrapper {
        margin: 0 15px 0 15px;
    }
    .cardtabs_btns_ask {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .cardtabs_row {
        flex-wrap: wrap;
    }
}

.carddescr {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #353535;
}

.colors-block {
    display: flex;
}

.color-block {
    width: 100px;
    height: 40px;
    border: 1px rgb(112, 112, 112) solid;
    margin: 0 5px;
}

.orange-block {
    background-color: #a25e15;
    background-image: url('/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/images/zb.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.white-block {
    background-color: #f8f8f8;
}

.carddesign_img>a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.carddesign_img {
    position: relative;
}

.blockcta_left_title {
    color: #FF8A00;
    font-weight: bold;
    font-size: 28px;
}

.colors-block.colors-block-on-img {
    position: absolute;
    bottom: 150px;
    right: 10px;
    z-index: 50;
}

.colors-block.colors-block-on-img a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-left: 20px;
    overflow: hidden;
    opacity: 0.7;
}

.color-block-on-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.active.color-block-on-img {
    border: 2px solid #fff;
}

.price__summ--block-h {
    /* Стоимость от */
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #8F8D8D;
    margin-bottom: 10px;
}

.price__summ--block-summ,
.price__additional--block-price {
    cursor: pointer;
}

.price__summ--block-summ {
    font-size: 30px;
    font-weight: 700;
    color: #000;
}

.price__summ--block-info {
    color: #8F8D8D;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.price__summ--block {
    position: relative;
    /* display: none; */
}

.price__additional--block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /*margin-right: 20px;*/
    margin-right: 0px;
    margin-top: 30px;
    /*max-width: 455px;*/
    max-width: 100%;
}

.price__additional--block-single {
    position: relative;
    transition: 0.25s;
    width: 50%;
}

.price__additional--block-info:hover {
    color: #FFA500;
}


/* .price__additional--block-single .pop-open {
    top: 70px;
    left: -180px;
    width: 450px;
} */

.price__additional--block-price {
    color: #585858;
    font-size: 25px;
    font-weight: 500;
    transition: 0.25s;
}

.price__additional--block-price.montag {
    font-weight: 700;
    transition: 0.25s;
}

.price__additional-arr {
    color: #00254a;
    font-weight: bold;
    margin-left: 10px;
    transition: 0.25s;
    transform: rotate(45deg);
    width: 14px;
    height: 14px;
    border-right: 3px solid #585858;
    border-bottom: 3px solid #585858;
    margin-top: -5px;
}

.price__additional--block-info:hover .price__additional-arr {
    border-right: 3px solid #FFA500;
    border-bottom: 3px solid #FFA500;
}

.price__additional--block-info {
    color: #585858;
    font-size: 15px;
    cursor: pointer;
    transition: 0.25s;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.char__block {
    display: flex;
    border-top: 3px solid #ECECEC;
    margin-top: 40px;
    padding-top: 20px;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 3px solid #ECECEC;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.char__block__single {
    display: block;
    position: relative;
    width: 50%;
    padding-left: 30px;
    margin-bottom: 15px;
    color: #585858;
    font-size: 16px;
    font-weight: 500;
}

.char__block__single::before {
    content: '';
    display: block;
    width: 24px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: left center !important;
}

.char__block__single.char__block__single--s::before {
    background: url('/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/../catalog_new/images/icons/icon-s.png') no-repeat center;
}

.char__block__single.char__block__single--dim::before {
    background: url('/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/../catalog_new/images/icons/icon-dim.png') no-repeat center;
}

.char__block__single.char__block__single--floor::before {
    background: url('/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/../catalog_new/images/icons/icon-floor.png') no-repeat center;
}

.char__block__single.char__block__single--sleep::before {
    background: url('/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/../catalog_new/images/icons/icon-sleep.png') no-repeat center;
}

.char__block__single.char__block__single--kitchen::before {
    background: url('/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/../catalog_new/images/icons/icon-kitchen.png') no-repeat center;
}

.char__block__single.char__block__single--wc::before {
    background: url('/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/../catalog_new/images/icons/icon-wc.png') no-repeat center;
}

.char__block__single.char__block__single--thickness::before {
    background: url('/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/../catalog_new/images/icons/icon-thickness.png') no-repeat center;
}

.char__block__single.char__block__single--cars::before {
    background: url('/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/../catalog_new/images/icons/icon-car.png') no-repeat center;
    background-size: contain;
    max-width: 26px;
}

.plan_3D-info {
    text-align: center;
    color: #8F8D8D;
    font-size: 14px;
    font-weight: 500;
}

.plan_3d--img {
    text-align: center;
}

.plan_3D--block {
    height: 206px;
}

.plan_3D--block img {
    height: 100%;
    width: auto;
    /* height: auto; */
    /* max-height: 200px; */
    max-width: 100%;
}

.plan_3d--img {
    height: calc(100% - 40px);
}

.plan_3D-download {
    position: relative;
    color: rgba(16, 56, 97, 1);
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.plan_3D-download:before {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 34px;
    content: '';
    background: url(/bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/../catalog_new2/images/icons/icon-download.png) no-repeat center;
    top: 11px;
    left: -7px;
}

h1:before,
h2:before,
.h2::before,
h3:before,
h4::before {
    display: none;
}

.pop-open {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    /* padding: 15px; */
    border-radius: 5px;
    box-shadow: 0 0 14px -1px #000;
    /* margin-top: 50%; */
    /* margin-left: 50%; */
    transform: translate(-50%, -50%);
    z-index: 9998 !important;
    width: 1220px;
}

.xclose {
    position: absolute;
    top: -16px;
    right: 12px;
    font-size: 50px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .xclose {
        top: 0 !important;
    }
    .pop-open-body {
        overflow-y: scroll;
        max-height: 98vh;
        top: 1vh;
        bottom: 1vh;
    }
}

.pop-open-h {
    font-size: 22px;
    font-weight: 600;
    /* border-bottom: 1px solid #dedede; */
    /* padding: 15px; */
    margin-top: 12px;
}

.pop-open-h span {
    color: red;
}

.pop-open-txt {
    padding: 15px;
}

span.gray-star {
    color: #dedede;
}

.pop-open-txt * {
    color: #585858;
    font-weight: 500;
}

.plan_3D--block {
    /* max-height: 260px;
    height: 100%; */
    /* margin-top: -30px; */
    height: 318px;
    margin-top: 25px;
}

.plan_3D--block img {
    max-width: 100%;
    object-fit: contain;
}

.new_container {
    max-width: 1200px;
    /* margin: 0 auto; */
}

.cardgallery_container.owl-carousel a.fancybox_ext img {
    /* max-width: 186px; */
    max-width: 152px;
}

.pop-open-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px;
    align-items: stretch;
}

.left-gallery {
    width: 50%;
}

.left-gallery-big-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.left-gallery-big-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.left-gallery-thumbs {
    margin-top: 15px;
    height: 140px;
}

.left-gallery-thumbs a.fancybox_ext img {
    width: 100%;
    border-radius: 3px;
}

.right-info {
    width: 48%;
    margin-left: 30px;
}

.right-info-h {
    color: #585858;
    font-size: 35px;
    font-weight: 700;
}

.right-info-price {
    font-size: 25px;
    color: #003262;
    font-weight: 600;
}

.right-info-consult .cardtabs_btns_ask {
    max-width: 340px;
    margin-top: 20px;
}

.left-gallery-big-img {
    border-radius: 5px;
    overflow: hidden;
}

.left-gallery-big-img.full_heigth {
    height: 100%;
}

.left-gallery .fancybox_ext:before {
    display: none;
}

.pop-open.countour .left-gallery-big-img {
    height: calc(100% - 160px);
}

.pop-open-txt .i {
    font-style: italic;
}

.pop__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9997 !important;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* display: block; */
}

.plan_3d--img a {
    display: flex;
    width: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.modal_form.pop__smeta {
    width: 660px;
    border-radius: 5px;
    overflow: hidden;
}

.modal_form.pop__smeta .form-body {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}

.modal_form.pop__smeta .form-body .row {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    max-width: 406px;
}

.modal_form.pop__smeta .form-body .row.captcha-row {
    width: 100%;
    text-align: center;
}

.modal_form.pop__smeta .form-body .row.processing-block {
    width: 100%;
}

.modal_form.pop__smeta .form-body .row[data-sid="MESSAGE"] {
    width: 100%;
}

form[name="aspro_stroy_smeta"] {
    /* width: 650px; */
}

.modal_form.pop__smeta .form .form-header .title {
    font-size: 30px;
    margin-bottom: 25px;
}

.modal_form.pop__smeta .form .form-header {
    font-size: 14px;
    padding: 20px 30px;
}

.modal_form.pop__smeta input#processing_approval {
    position: absolute;
    top: 16px;
    width: 20px;
    height: 20px;
    background: rgba(217, 217, 217, 1);
}

.modal_form.pop__smeta .form .form-group input[type=checkbox]+label:not(.error) {
    margin: 0;
    padding: 0px;
    left: 30px;
    position: relative;
    font-size: 12.2px;
    line-height: 12px;
    font-weight: 700;
    text-align: justify;
}

.modal_form.pop__smeta .form.popup .form-footer {
    padding-bottom: 20px;
}

@media (min-width:2000px) {
    .plan_3D--block {
        justify-content: space-evenly;
    }
}

@media (max-width:600px) {
    .cardinfo_param {
        margin-left: 0;
    }
    .price__summ--block-h {
        font-size: 16px;
    }
    .new__all__prices--block {
        margin-top: 40px;
    }
    .colors-block.colors-block-on-img {
        bottom: 190px;
    }
    .price__summ--block-summ {
        font-size: 22px;
    }
    .price__summ--block-info {
        margin-top: 15px;
    }
    .price__additional--block-info {
        margin-top: 15px;
    }
    .plan_3d--img img {
        max-width: 100%;
    }
}

элемент {}

.cardinfo_img img {
    width: 100% !important
}


/* reviews slider styles */

.blockreview {
    margin-top: 74px;
    margin-bottom: 50px;
}

.blockreview_title {
    line-height: 127%;
    text-transform: uppercase;
    color: #003A70;
    margin: 0 0 43px 90px;
    float: left;
}

.blockreview_nav {
    float: left;
    margin-top: 7px;
}

.blockreview_container {
    margin: 0 80px;
    clear: both;
}

.review_item {
    width: 452px;
    padding: 27px 25px 56px 50px;
    overflow: hidden;
}

.blk_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 36px !important;
}

.blockreview_nav .slider_right_arrow::before {
    background: none;
}

.blockreview_nav .slider_left_arrow::before {
    background: none;
}

.review_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #003A70;
    float: left;
    margin-right: 14px;
    width: 100%;
    white-space: normal;
}

.review_date {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #9D9C9C;
    display: none;
}

.review_place {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #003A70;
    white-space: normal;
}

.review_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    white-space: normal;
    margin-top: 30px;
    /*max-height: 193px;*/
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    /* number of lines to show */
    line-clamp: 10;
    -webkit-box-orient: vertical;
}

.review_text::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNyIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC4wOTQgMTYuOTI1Yy4yMzItLjA5Mi40MTUtLjI2OC41MjctLjUwN2wuMDg4LS4xODh2LTMuMjE2LTMuMjE2bC0uMDg3LS4xODhjLS4xMS0uMjM4LS4yNTMtLjM4Mi0uNDg4LS40OTQtLjE4NS0uMDg4LS4xODktLjA4OC0xLjY5OS0uMDg5aC0xLjUxM3YtLjIyN2MwLS44NC4yODktMi4xMzEuNjMzLTIuODI1LjUxLTEuMDMxIDEuMzQ2LTEuODIyIDIuNTc0LTIuNDM4LjI1LS4xMjYuNTEtLjI4Mi41NzYtLjM0OWEuOTcuOTcgMCAwIDAgLjI2OC0uOTE1Yy0uMDQ5LS4xOTYtLjc0MS0xLjY5NS0uODYyLTEuODY4cy0uMzUxLS4zMjMtLjU3My0uMzczYy0uMjk4LS4wNjgtLjUxMS0uMDA0LTEuMjUxLjM3NC0xLjEwNy41NjYtMS45ODEgMS4yLTIuNzY0IDIuMDA1LTEuMTU1IDEuMTg3LTEuODI2IDIuMzY2LTIuMjA0IDMuODc0LS4zOTQgMS41NzItLjQ5MSAzLjA1Ny0uNDczIDcuMjM4bC4wMTEgMi43NDYuMDkzLjE4NGMuMDUxLjEwMS4xNTcuMjQuMjM2LjMwOC4yOS4yNTEuMTUxLjI0MiAzLjYwNC4yNGwzLjMwNC0uMDc0em0tMTAuODcxLjAxNWExLjE1IDEuMTUgMCAwIDAgLjU0NS0uNDc5bC4wODItLjE1Ni4wMS0zLjIzNS0uMDUyLTMuNDAxYTEuMDggMS4wOCAwIDAgMC0uNTE2LS41NTVjLS4xODUtLjA4Ny0uMTkyLS4wODgtMS42OTktLjA4OEg0LjA4MlY4Ljc3YzAtLjYxNS4xNzItMS41NzIuMzk2LTIuMjA5YTQuNTIgNC41MiAwIDAgMSAxLjE1OS0xLjg2NWMuNDU1LS40Ni45NjEtLjgxNSAxLjY1MS0xLjE2MS42MzEtLjMxNi44MjUtLjUzMS44NjUtLjk1Ny4wMjQtLjI1NS0uMDE5LS4zODEtLjQ1Ni0xLjMyMUM3LjI4NC4zNjggNy4xNC4xNzMgNi44MTIuMDZjLS4zNjktLjEyNy0uNTY3LS4wNzUtMS40NjYuMzlhMTEuNTQgMTEuNTQgMCAwIDAtMS44MTkgMS4xNjZjLS40MjguMzM3LTEuMTcgMS4wNzgtMS40ODcgMS40ODUtLjU1OS43MTYtMS4wNyAxLjYzOC0xLjMzNiAyLjQwOC0uMjU0LjczNC0uNDY1IDEuODA3LS41NzYgMi45MTYtLjEwMSAxLjAxMi0uMTIgMS43NDctLjEyNSA0Ljc2LS4wMDYgMy4zNTEtLjAxOCAzLjIwNS4yODcgMy41MTUuMzE1LjMyLjExNS4zMDMgMy42Ni4zbDMuMjc0LS4wNTh6IiBmaWxsPSIjZjc5NDFkIi8+PC9zdmc+');
    position: absolute;
    width: 19px;
    height: 17px;
    left: -34px;
    top: -19px;
}

.review_more {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #003A70;
    text-decoration: underline;
    text-underline-position: under;
    position: absolute;
    right: 0;
    bottom: -5px;
    background: #fff;
    padding: 0 0 0 10px;
}

.blockreview .s2_item {
    height: auto;
    background: #fff;
    box-shadow: 0px 26px 10px rgba(0, 0, 0, 0.01), 0px 15px 9px rgba(0, 0, 0, 0.03), 0px 7px 7px rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    margin-right: 15px;
}

.blockreview .slider_item {
    text-align: left;
}

.blockreview .s2_box {
    height: auto;
    padding: 0 10px 25px;
}

.blockreview .slider_slider {
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .blockreview {
        margin: 30px 0 0;
    }
    .blockreview_title {
        margin: 0 20px;
    }
    .blockreview_container {
        margin: 0;
    }
    .blockreview_container .s2_box {
        padding: 0 0 25px;
    }
    .blockreview .review_item {
        width: 100%;
    }
    .blockreview .review_text {
        max-height: 100%;
    }
    .blockreview .s2_item {
        margin: 0;
        padding: 0 20px;
        width: 100%;
        min-width: 100%;
        box-shadow: none;
    }
    .blockreview .review_item {
        background: #fff;
        box-shadow: 0px 26px 10px rgb(0 0 0 / 1%), 0px 15px 9px rgb(0 0 0 / 3%), 0px 7px 7px rgb(0 0 0 / 4%), 0px 2px 4px rgb(0 0 0 / 5%), 0px 0px 0px rgb(0 0 0 / 5%);
        border-radius: 2px;
    }
}

@media(width < 769px) {
    .cardwrapper {
        margin-left: 10px;
    }
}

@media(max-width:380px) {
    .cardwrapper .cardtitle_h1 {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    /* .cardgallery .owl-stage {
        display: flex !important;
        overflow-x: auto;
        overflow-y: hidden;
    } */
    .cardgallery .owl-stage {
        display: flex !important;
        flex-wrap: nowrap;
        min-height: 115px;
    }
    .cardwrapper .cardgallery_container a img {
        min-height: 118px;
        min-width: 160px;
        display: block;
    }
    h1,
    h2,
    .title_block,
    .banners-wrap h2.h2-page,
    h2.title_block,
    h2.h2-page,
    .title_block,
    h3,
    .h2 {
        font-size: 26px;
        ;
    }
    .my-4.h3 {
        font-size: 27px;
        display: block;
        overflow: hidden;
    }
    body .container .slider-house.row-cols-sm-1 div.slick-slide {
        opacity: 0;
        overflow: hidden;
        transition: all .3s ease-in-out;
    }
    body .container .slider-house.row-cols-sm-1 div.slick-slide.slick-active {
        opacity: 1;
    }
    .bottom-menu {
        padding: 0 10px;
    }
    .carddocs_container h2,
    .carddocs_container .h2 {
        padding: 0px !important;
        line-height: 130% !important;
    }
    h2,
    .title_block,
    .h2 {
        line-height: 130% !important;
    }
    .cardgallery_container.owl-carousel a.fancybox_ext img {
        margin: 0px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 576px) {
    .body.detail_page {
        padding-left: 10px;
        margin-top: 180px!important;
    }
    .cardtitle_h1 {
        margin-top: 0px!important;
    }
}

.cardtabs_row.cardtabs_btns a {
    width: 100%;
}

.request__price--block {
    display: block;
    white-space: nowrap;
    font-size: 14px;
    line-height: 120%;
    font-weight: bold;
}

@media (min-width: 1439px) {
    .request__price--block {
        font-size: 16px;
        line-height: 120%;
    }
}

@media (min-width: 1599px) {
    .request__price--block {
        font-size: 18px;
        line-height: 120%;
    }
}

@media (min-width: 1890px) {
    .request__price--block {
        font-size: 20px;
        line-height: 120%;
    }
}

@media (max-width: 1199px) {
    .request__price--block {
        font-size: 18px;
        line-height: 120%;
    }
}

@media (max-width: 600px) {
    .request__price--block {
        margin-bottom: -12px;
    }
}

@media (max-width: 479px) {
    .request__price--block {
        font-size: 16px;
        line-height: 120%;
    }
}

@media (max-width: 380px) {
    .request__price--block {
        font-size: 14px;
        line-height: 120%;
    }
}

.price__additional--block.SPECIAL_VIEW .price__additional--block-single:last-child {
    display: none;
}
/* End */


/* Start:/bitrix/templates/aspro-stroy/components/bitrix/breadcrumb/bc_template/style.css?1736512424637*/
.bx-breadcrumb {
	margin: 30px 0 30px;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 19px;
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	top: -3px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: 'Montserrat', "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 17px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

/* End */


/* Start:/bitrix/templates/aspro-stroy/components/bitrix/system.pagenavigation/show_more/style.css?1696232838620*/
div#showre_more {
    border: 0.5px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    box-sizing: border-box;
    width: 213px;
    height: 40px;
    margin: auto;
    margin-top: 34px;
}
.load-more-items {
	font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 104.4%;
    align-items: center;
    text-align: center;
    color: #030303;
    width: 212px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
.clear {
    clear: both;
}
.load_more {
    clear: both;
}
/* End */


/* Start:/bitrix/templates/aspro-stroy/components/bitrix/news.list/second_level_view_slider_ultra/style.css?174854491188*/
.wrap_images-1{position:relative;}

.list-section-level {
    margin-bottom: 20px;
}
/* End */


/* Start:/bitrix/templates/aspro-stroy/components/bitrix/news.list/second_level_view_slider/style.css?169623283834*/
.wrap_images-1{position:relative;}
/* End */


/* Start:/bitrix/templates/aspro-stroy/components/bitrix/news/reviews2/style.css?1696232838311*/
.add_review{margin:0 0 39px;position:relative;}
.add_review:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ebeef1;}
.add_review .button{position:relative;padding:0 33px 0 0;display:inline-block;vertical-align:top;background:#FFF;z-index:1;}
.add_review .button .btn{margin: 0;}
/* End */
/* /bitrix/templates/aspro-stroy/components/bitrix/news.detail/catalog_new2/style.css?174962111152711 */
/* /bitrix/templates/aspro-stroy/components/bitrix/breadcrumb/bc_template/style.css?1736512424637 */
/* /bitrix/templates/aspro-stroy/components/bitrix/system.pagenavigation/show_more/style.css?1696232838620 */
/* /bitrix/templates/aspro-stroy/components/bitrix/news.list/second_level_view_slider_ultra/style.css?174854491188 */
/* /bitrix/templates/aspro-stroy/components/bitrix/news.list/second_level_view_slider/style.css?169623283834 */
/* /bitrix/templates/aspro-stroy/components/bitrix/news/reviews2/style.css?1696232838311 */
