body {
    --color-accent-1: #CD1041;
    --color-accent-2: #0C265A;
}
.repair{
    font-family: 'helveticaneuecyr';
}
.repair .banner{
    background-image: url('/local/templates/region/img/repare_banner1.png');
    display:flex;
    padding:32px;
    background-size:cover;
}

.repair .banner img{
    align-self: center;
    max-width:450px;

}
.repair .banner div{
    display:grid;
    gap:16px;

}
.repair .banner a{
    margin-top:16px;
    max-height: 56px;
}
.repair .banner span{
    font-family: 'helveticaneuecyr';
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    color:#fff;
    max-width:498px;

}
.repair .banner p{
    font-family: 'helveticaneuecyr';
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color:#fff;
}
.repair .banner a {
    font-family: 'helveticaneuecyr';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color:#fff;
    padding:16px 54px;
    background:#D31041;
    max-width:248px;
    text-decoration: none;
    text-align: center;
}
.repair .banner a:hover{
    background:#A90D34;
}
.repair .why{
    display:grid;
    gap:32px;
    margin-top:56px;
}
.repair .why__title{
    font-family: 'helveticaneuecyr';
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color:#0C265A;
    text-transform: uppercase;
}
.repair .why__items{
    display:grid;
    grid-template-columns: auto auto;
    gap:16px;
    flex-wrap:wrap;
    padding-right:24px;
}
.repair .why__item{
    padding:16px 32px;
    display:flex;
    gap:16px;
    border: 1px solid #CDD4D8;
    border-radius:12px;
    align-items: flex-start;
}
.why__item img{
    width:48px;
    height: 48px;
}
.why__item .why__desc{
    display:grid;
    gap:8px;
}
.why__desc span{
    font-family: 'helveticaneuecyr', serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    color:black;
}
.why__desc p{
    font-family: 'helveticaneuecyr';
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color:black;
}
.brands__block{
    display:grid;
    gap:32px;
    margin-top:56px;
}
.brands__block .brands__title{
    font-family: 'helveticaneuecyr';
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color:#0C265A;
    text-transform: uppercase;

}
.brands__block .brands__items{
    display:flex;
    gap:24px;
    flex-wrap:wrap;
}
.brands__items img{
    max-height: 53px;
}
.fors__form form .fors__title p a{
    font-family: 'helveticaneuecyr';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #D31041;
    text-decoration: none;
}
.fors__form ::placeholder{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color:#6C6F80;

}
.fors__bttn p a{
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.02em;
    color:#6C6F80;
    text-decoration: none;
}
@media (max-width:1200px){
    .repair .banner img{
        max-width:350px;
    }
}
@media (max-width:700px){
    .repair .banner img{
        display:none;
    }
    .repair .why__items{
        grid-template-columns: auto;
    }
}
@media (max-width:440px){
    .repair .why__item{
        padding:8px 16px;
    }
    .why__desc p{
        font-size:14px;
    }
    .repair .banner a{
        padding:8px 40px;
    }
    .brands__block .brands__title{
        font-size:20px;
    }
    .repair .why__title{
        font-size:22px;
    }
    .listObjects h1{
        font-size:28px;
    }
}

.insulation_block h1{
    font-size: 32px;
    font-weight: 700;
    text-transform: none;
    color: #fff;
}
}


.modern-clap{
    font-family: 'helveticaneuecyr';
}
.modern-clap .banner{
    background-image: url('/local/templates/region/img/repare_banner1.png');
    display:flex;
    padding: 82px 39px 0 49px;
    background-size:cover;
    margin-bottom:35px;
}

.modern-clap .banner img{
    align-self: center;
    /*max-width:450px;*/
    max-width:50%;
}
.modern-clap .banner div{
    display:grid;
    gap:16px;

}
.modern-clap .banner span{
    font-family: 'helveticaneuecyr';
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    color:#fff;
    max-width:498px;

}
.modern-clap .banner p{
    font-family: 'helveticaneuecyr';
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color:#fff;
}
.modern-clap .banner a {
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    color: #fff;
    padding: 12px 0;
    background: #D31041;
    max-width: 302px;
    text-decoration: none;
    text-align: center;
    max-height: 40px;
    margin-bottom:60px;
}
.modern-clap .banner a:hover{
    background:#A90D34;
}
.modern-clap .banner ul{
    list-style-position: inside;
    padding: 0;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
}
.modern-clap .just_text{
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}
.modern-clap .header_span{
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    color:#0C265A;
    margin-top:36px;
    margin-bottom:16px;
}
.modern-clap ul{
    padding:0;
    list-style-position: inside;
}
.condensat_block{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.table_clap{
    margin:15px 0;
}
.clap_icon_desc_title{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display:block;
    margin-bottom:5px;
}
.clap_icon_desc_text{
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
}
.clap_icon img{
    max-width: 42px;
    max-height: 49px;
    width:100%;
}
.clap_icons{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    row-gap:15px;
    margin:36px 0 80px 0;
}
.clap_icon{
    display:flex;
    gap:15px;
}
.image_from_banner_to_mobile{
    display:none;
    margin: 0 auto 16px auto;

}
@media (max-width:800px){
    .modern-clap .banner{
        display:grid;
        padding:16px;
        justify-content: center;
    }
    .modern-clap .banner img{
        display:none;
    }
    .image_from_banner_to_mobile{
        display:block;
    }
}
@media (max-width:650px){
    .condensat_block img{
        display:none;
    }
    .clap_icons{
        grid-template-columns:1fr;
    }
    .modern-clap .banner a{
        font-size:12px;
        margin-bottom:0;
    }
    .modern-clap .banner span{
        font-size:22px;
    }
    .modern-clap .banner ul{
        font-size:14px;
    }
}


/*  */
.section_mb {
    margin-bottom: 75px;
}
@media screen and (max-width:768px){
    .section_mb {
        margin-bottom: 60px;
    }
}

@media screen and (max-width:768px){
    .hide-sm {
        display: none !important;
    }
}
@media screen and (min-width:769px){
    .hide-sm-bigger {
        display: none !important;
    }
}

/* text */
.h1 {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1;
}
.h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.1;
}
.subtitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.1;
}
.p2-number {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
}
.pp1 {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}
.pp3 {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}
.pp3-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

@media screen and (max-width:768px){
    .h1-mobile {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.3;
    }
    .h2-mobile {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.3;
    }
    .p1-mobile {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.3;
    }
    .p2-mobile-subtitle {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
    }
    .pp1-mobile {
        font-size: 14px;
        font-weight: 300;
        line-height: 1.5;
    }
    .pp3-mobile {
        font-size: 12px;
        font-weight: 300;
        line-height: 1.3;
    }
}

/* gaz page */
.service_page_banner{
    background-image: url("/local/templates/region/images/service_page_banner.png");
    padding: 77px 27px 0 40px;
    display: grid;
    align-items: end;
    grid-template-columns: 1fr auto;
}
.service_page_banner img{
    width:100%;
    margin-bottom: 35px;
}
.spb_left_side{
    max-width: 660px;
    gap:20px;
    display:grid;
    margin-bottom:75px;
}
.spb_left_side h2{
    color:#fff;
    text-transform: none;
}
.spb_left_side ul li{
    color:#fff;
}
.spb_left_side a{
    margin: 0;
    width:252px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}
.text_under_banner{
    margin:20px 0 75px 0;
}

.service_brand_prices{
    display:grid;
    gap:20px;
}
.service_brand_prices .desktop_price_img{
    width:100%;
}
.service_brand_prices h2{
    margin:0;
}
.service_brand_prices .set-composition {
    display: flex;
    justify-content: center;
}
.service_brand_prices .set-composition__content {
    position: relative;
}
.service_brand_prices .set-composition.has-active .set-composition__content > img:first-child {
    opacity: 0;
}
.service_brand_prices .set-composition__content > img:not(:first-child) {
    position: absolute;
    opacity: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.service_brand_prices .set-composition.has-active .set-composition__content > img:not(:first-child) {
    opacity: 1;
}
.service_brand_prices .set-composition__dot {
    position: absolute;
    width: 24px;
    height: 24px;
}
.service_brand_prices .set-composition__dot:before,
.service_brand_prices .set-composition__dot:after {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: transform 0.3s, background-color 0.3s;
}
.service_brand_prices .set-composition__dot.active:before,
.service_brand_prices .set-composition__dot.active:after {
    z-index: 2;
}
.service_brand_prices .set-composition__dot:before {
    width: 13px;
    height: 13px;
    background-color: white;
    box-shadow: 0 0 3px 0px black;
}
.service_brand_prices .set-composition__dot.active:before {
    background-color: var(--color-accent-1);
    transform: translateX(-50%) translateY(-50%) scale(1.2);
}
.service_brand_prices .set-composition__dot:after {
    width: 4px;
    height: 4px;
    background-color: var(--color-accent-2);
}
.service_brand_prices .set-composition__dot.active:after {
    background-color: white;
}
.service_brand_prices .set-composition__dot img {
    position: absolute;
    max-width: none;
    pointer-events: none;
    z-index: 1;
}
.service_brand_prices .set-composition__dot:not(.active) img {
    opacity: 0;
}
.service_brand_prices .set-composition__dot-1 {
    top: 26%;
    left: 10%;
}
.service_brand_prices .set-composition__dot-1 img {
    left: calc(100% - 6px);
    top: 10px;
    transform: translateY(-50%);
}
.service_brand_prices .set-composition__dot-2 {
    top: 34%;
    left: 33%;
}
.service_brand_prices .set-composition__dot-2 img {
    left: calc(100% - 6px);
    top: 10px;
    transform: translateY(-50%);
}
.service_brand_prices .set-composition__dot-3 {
    top: 61%;
    left: 8%;
}
.service_brand_prices .set-composition__dot-3 img {
    left: 50%;
    bottom: -28px;
}
@media screen and (max-width: 360px) {
    .service_brand_prices .set-composition__dot-3 img {
        width: 270px;
    }
}
.service_brand_prices .set-composition__dot-4 {
    top: 66%;
    left: 39%;
}
.service_brand_prices .set-composition__dot-4 img {
    left: -17px;
    bottom: 18px;
}
.service_brand_prices .set-composition__dot-5 {
    top: 74.3%;
    left: 68.1%;
}
.service_brand_prices .set-composition__dot-5 img {
    right: -72px;
    bottom: 12px;
}
.service_brand_prices .set-composition__dot-6 {
    top: 69.6%;
    left: 70.7%;
}
.service_brand_prices .set-composition__dot-6 img {
    left: -81px;
    bottom: 11px;
}
.service_brand_prices .set-composition__dot-7 {
    top: 69.6%;
    left: 79.4%;
}
.service_brand_prices .set-composition__dot-7 img {
    right: calc(100% - 60px);
    bottom: 50%;
}
.service_brand_prices .set-composition__dot-8 {
    top: 79.7%;
    left: 77%;
}
.service_brand_prices .set-composition__dot-8 img {
    right: calc(100% - 12px);
    top: 14px;
}
@media screen and (max-width: 360px) {
    .service_brand_prices .set-composition__dot-8 img {
        width: 250px;
    }
}
.service_brand_prices .set-composition__dot-9 {
    top: 76%;
    left: 83%;
}
.service_brand_prices .set-composition__dot-9 img {
    right: calc(100% - 12px);
    bottom: -64px;
}

.steps_block{
    display:grid;
    gap: 20px 16px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 1fr auto;
}
.step_card4 {
    grid-row-start: 2;
}
.step_card5 {
    grid-row-start: 2;
}
.step_card6 {
    grid-row: span 2 / span 2;
    grid-row-start: 2;
}
.step_card7 {
    margin-top: 5px;
    grid-column: span 2 / span 2;
    grid-row-start: 3;
}
.steps_block .step_card{
    position: relative;
    border: 0.5px solid #D6D9E0;
    border-radius:20px;
    margin-top: 25px;
    padding:28px 24px;
    box-shadow: 0px 1px 3px 0px #0C265A0D
    ,0px 6px 6px 0px #0C265A0A
    ,0px 13px 8px 0px #0C265A08
    ,0px 23px 9px 0px #0C265A03
    ,0px 35px 10px 0px #0C265A00;

}
.steps_block .step_card .step_number{
    position: absolute;
    top:-29px;
    right:14px;
    border-radius:29px;
    z-index:100;
    background: linear-gradient(224.12deg, #F5F6F7 0%, #FFFFFF 84.07%);
    border: 0.5px solid #D6D9E01A;
    box-shadow:
            0px 1px 2px 0px #0000000D,
            0px 10px 6px 0px #00000008,
            0px 17px 7px 0px #00000003,
            0px 27px 7px 0px #00000000;
    font-weight: 500;
    font-size: 32px;
    line-height: 110%;
    color:#000;
    padding:12px 20px;
}
.desc_card_title {
    margin-bottom: 10px;
    color: black;
}
.desc_card_desc_block{
    display:flex;
    gap:8px;
}
.dcd_block{
    display:grid;
    gap:4px;
}
.step_card .step_content {
    display:grid;
    gap:12px;
}
.step_big_card ul{
    margin-top:8px;
    padding:0;
    list-style: none;
    display:grid;
    gap:8px;
}
.step_big_card ul li{
    display: flex;
    align-items: center;
    gap: 12px;
}
.step_big_card {
    max-height: 296px;
}

.es_list_props{
    display:grid;
    gap:10px;
}
.es_list_prop{
    display:flex;
    justify-content: space-between;
}
.es_list_prop span{
    text-align: right;
}
.es_economy{
    display:flex;
    justify-content: space-between;
}
.es_economy_title{
    color:#CD1041;
}
.es_economy_desc{
    color: #0C265A;
    text-align: right;
}
.example_slide{
    max-width: 292px;
    margin: 0 8px;
}
.example_slide img{
    height: 290px;
    width: 292px;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.example_slide_content{
    padding: 28px 24px;
    display:grid;
    gap:12px;
    box-shadow: 0px 1px 3px 0px #0C265A0D,
    0px 6px 6px 0px #0C265A0A,
    0px 13px 8px 0px #0C265A08,
    0px 23px 9px 0px #0C265A03,
    0px 35px 10px 0px #0C265A00;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.marketing_header{
    color:#fff;
    padding:28px 24px;
    width:100%;
    background:#0c265a;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.marketing_items{
    padding:28px 24px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;

    box-shadow: 0px 1px 3px 0px #0C265A0D
    ,0px 6px 6px 0px #0C265A0A
    ,0px 13px 8px 0px #0C265A08
    ,0px 23px 9px 0px #0C265A03
    ,0px 35px 10px 0px #0C265A00;
    display:grid;
    gap:16px;
    margin-bottom:20px;
}
.marketing_line{
    border-bottom: 0.5px solid #7C9CA5;
    width:100%;
}
.marketing_item{
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
}
.marketing_item span{
    width:41%;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}
.marketing_item img{
    width:30px;
    height: 30px;
}
.marketing_programs{
    margin-bottom:55px;
}

.why_select_us_items{
    display:grid;
    gap:16px;
    grid-template-columns: repeat(3, 1fr);
    margin-top:20px;
}
.why_select_us_item{
    display:grid;
}
.why_select_us_item .item_icon{
    width:58px;
    height: 58px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:10px;
    background: linear-gradient(224.12deg, #F5F6F7 0%, #FFFFFF 84.07%);
    border: 0.5px solid #D6D9E01A;
    box-shadow: 0px 1px 2px 0px #0000000D
    ,0px 4px 4px 0px #0000000A
    ,0px 10px 6px 0px #00000008
    ,0px 17px 7px 0px #00000003
    ,0px 27px 7px 0px #00000000;
    border-radius:30px;
}


.ws_item_title{
    display:block;
    margin-bottom:8px;
}

.why_select_us{
    margin-bottom:75px;
}

@media (max-width:750px){
    .service_page_banner{
        grid-template-columns: 1fr;
        padding:30px 16px;
    }
    .spb_left_side a{
        width:100%;
        padding:14px 16px;
    }
    .text_under_banner{
        margin:20px 0 60px 0;
    }

    .steps_block{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        gap: 10px 16px;
        margin-top: 20px;
    }
    .steps_block .step_card{
        padding:16px;
    }
    .step_card1{
        grid-row:span 1;
    }
    .step_card2{
        grid-row:span 1;
    }
    .step_card3{
        grid-row:span 1;
    }
    .step_card4{
        grid-row:span 1;
    }
    .step_card5{
        grid-column: span 2 / span 2;
        grid-row: span 1;
    }
    .step_card6{
        grid-column: span 2 / span 2;
        grid-row: span 1;
    }
    .step_card7{
        grid-column: span 2 / span 2;
        grid-row: span 1;
    }
    .desc_card_title{
        margin-bottom: 20px;
    }
    .steps_block .step_card .step_number{
        font-size:22px;
    }

    .example_slide{
        max-width: none;
    }
    .example_slide img{
        width:100%;
    }
    .example_slider_block  .slick-prev{
        top:auto !important;
        bottom:-50px !important;
        left:42% !important;
    }
    .example_slider_block  .slick-next{
        top:auto !important;
        bottom:-50px !important;
        right:42% !important;
    }
    .example_slider_block  .slick-prev::before{
        padding:15px 11px;
        box-shadow: 0px 1px 2px 0px #0000000D
        ,0px 4px 4px 0px #0000000A
        ,0px 10px 6px 0px #00000008
        ,0px 17px 7px 0px #00000003
        ,0px 27px 7px 0px #00000000;
        border: 0.5px solid #D6D9E01A;
        border-radius:29px;
        content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMTMwOTUgMTMuMzEwNUw4LjE5MTYgMTIuMjQ5OUwzLjY5MTc0IDcuNzUwMDVMMjMuMjUgNy43NTAwNUwyMy4yNSA2LjI1TDMuNjkxODggNi4yNUw4LjE5MTYgMS43NTAyOEw3LjEzMDk2IDAuNjg5NjQxTDAuODIwNDA4IDcuMDAwMDlMNy4xMzA5NSAxMy4zMTA1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==") !important;
    }
    .example_slider_block  .slick-next::before{
        padding:15px 11px;
        box-shadow: 0px 1px 2px 0px #0000000D
        ,0px 4px 4px 0px #0000000A
        ,0px 10px 6px 0px #00000008
        ,0px 17px 7px 0px #00000003
        ,0px 27px 7px 0px #00000000;
        border: 0.5px solid #D6D9E01A;
        border-radius:29px;
        content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljg2OSAwLjY4OTQ1M0wxNS44MDg0IDEuNzUwMDlMMjAuMzA4MyA2LjI0OTk1SDAuNzVWNy43NUgyMC4zMDgxTDE1LjgwODQgMTIuMjQ5N0wxNi44NjkgMTMuMzEwNEwyMy4xNzk2IDYuOTk5OTFMMTYuODY5IDAuNjg5NDUzWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==") !important;
    }
    .example_slider_block{
        margin-bottom: 130px;
    }
    .example_slider_block .slick-track{
        padding:4px 0;
    }

    .marketing_item span{
        font-size:14px;
    }
    .marketing_items{
        padding:20px 16px;
    }
    .marketing_header{
        padding:20px 16px;
    }

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

@media (max-width:480px){
    .example_slider_block  .slick-prev{
        left:36% !important;
    }

    .example_slider_block  .slick-next{
        right:36% !important;
    }
}