a{
 text-decoration: none;
}

body{
 font-family: 'Museo Sans Cyrl', sans-serif;

}

header{
 background: #121212;
 padding-top: 20px;
 padding-bottom: 20px;
 color: #fff;
}


.title_block {
 font-weight: 600;
 font-size: 40px;
 line-height: 48px;
 text-transform: uppercase;
 color: #121212;
 width: 100%;
 text-align: center;
 position: relative;
 margin-bottom: 65px;
}

.title_block:after {
 content: '';
 position: absolute;
 width: 240px;
 height: 3px;
 left: 0;
 right: 0;
 background: #121212;
 margin: 0 auto;
 bottom: -15px;
}


.header_description{
 font-weight: 300;
 font-size: 14px;
 line-height: 17px;
 color: #DFDFDF;
}

.header_phone{
 font-weight: 500;
 font-size: 24px;
 line-height: 29px;
 color: #fff;
 display: inline-block;
 margin-left: 40px;
 transition: ease-in-out .3s;
}

.header_phone:hover{
 color: red;
 transition: ease-in-out .3s;
}



.header_mail{
 font-weight: 500;
 font-size: 20px;
 line-height: 24px;
 color: #fff;
 display: inline-block;
}
.header_mail:hover{
 color: red;
 transition: ease-in-out .3s;
}

.header_description{
 font-style: normal;
 font-weight: 300;
 font-size: 14px;
 line-height: 17px;
 color: #DFDFDF;
 max-width: 240px;
 margin-left: 10px;
}


.header_right{
 display: flex;
 align-items: center;
 padding-left: 18px;
 padding-top: 9px;
}

.header_btn{
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
 border: 1px solid #FFFFFF;
 padding: 12px 25px;
 cursor: pointer;
 transition: ease-in-out .3s;
}

.header_btn:hover{
 background: #fff;
 color: #000;
 transition: ease-in-out .3s;
}

.header_left{
 display: flex;
 align-items: center;
}

.header_right svg{
margin: 0 40px;
}
.header_right .calc_link svg path{
 transition: ease-in-out .3s;
}
.header_right .calc_link:hover svg path{
 fill: red;
 transition: ease-in-out .3s;
}
.main_menu{
 background: #121212;
 padding-top: 20px;
 padding-bottom: 0;
}


.main_menu .nav-link{
 font-weight: 500;
 font-size: 16px;
 line-height: 19px;
 text-transform: uppercase;
 color: #FFFFFF;
 transition: ease-in-out .3s;
}

.main_menu .nav-link:hover{
 color: red!important;
 transition: ease-in-out .3s;
}

.main_menu .navbar-nav{
 justify-content: space-between;
 display: flex;
 width: 100%;
 border-top: 1px solid #464646;
 padding-top: 20px;
}


.main_menu  .dropdown-toggle::after{
 background: url(/local/templates/srg/images/arrow-menu.svg) no-repeat;
 width: 7px;
 height: 13px;
 position: absolute;
 background-size: cover!important;
 top: 11px;
 border: none;
 transition:  ease-in-out .3s;
}

.main_menu .dropdown-toggle:hover::after{
 background: url(/local/templates/srg/images/arrow-menu-red.svg) no-repeat;
 transition:  ease-in-out .3s;
}

.main_menu .dropdown .dropdown .dropdown-toggle::after{
content: none!important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
 color: #fff;
}

.main_banner_title{
 font-weight: 600;
 font-size: 60px;
 line-height: 104%;
 color: #FFFFFF;
 max-width: 620px;
 margin-bottom: 28px;
}

.main_banner_text{
 font-weight: 500;
 font-size: 30px;
 line-height: 114%;
 color: #FFFFFF;
 max-width: 600px;
 margin-bottom: 55px;
}

.main_banner_wrap{
 padding-top: 100px;
 padding-bottom: 122px;
}
.main_banner{
 position: relative;
}
.main_banner:before{
 content: '';
 background: rgba(18, 18, 18, 0.50);
 position: absolute;
 top: 0;
 height: 100%;
 width: 49vw;
 top: 0;
 left: 0;

}

.main_banner{
 background-size: cover!important;
 background-position: center!important;
}

.main_banner .container{
 position: relative;
 z-index: 2;
}
.main_banner .btn_white{
 width: 335px;
 height: 72px;
}

.btn_white{
 display: flex;
 justify-content: center;
align-items: center;
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
 background: #fff;
 border: 1px solid #fff;
 color: #000;
 display: inline-block;
 padding: 25px 45px;
 text-align: center;
 display: inline-block;
 cursor: pointer;
 transition: ease-in-out .3s;
}
.btn_white:hover{
 background: transparent;
 border: 1px solid #fff;
 color: #fff;
 transition: ease-in-out .3s;
}


.under_banner{
 background: #121212;
 margin-bottom: 80px;
}

.cw_under_item_num{
 font-weight: 500;
 font-size: 80px;
 line-height: 63px;
 color: #FFFFFF;
}

.cw_under_item_text{
 font-weight: 500;
 font-size: 18px;
 line-height: 114%;
 color: #FFFFFF;
 max-width: 190px;
 margin-left: 12px;
}

.cw_under_row{
 display: flex;
 justify-content: space-between;
 padding-top: 38px;
 padding-bottom: 35px;
}

.cw_under_item{
 display: flex;
 align-items: flex-end;
}

.under_banner {
 background: #121212;
}






.about_main {
 position: relative;
 padding-top: 75px;
 padding-bottom: 75px;
 margin-top: 100px;
}

.about_main:before {
 position: absolute;
 content: '';
 height: 100%;
 width: calc(50vw + 170px);
 top: 0;
 left: 0;
 background-color: #121212;
 z-index: -1;
}

.about__heading {
 font-weight: 600;
 font-size: 40px;
 line-height: 48px;
 text-transform: uppercase;
 color: #FFFFFF;
 text-align: left;
 margin-bottom: 35px;
}

.about__heading:after {
 width: 346px;
 color: #fff;
 background: #fff;
 left: 0;
 right: auto;
}

.about__content {
 padding-right: 100px;
 color: #ffffff;
 font-weight: 400;
 font-size: 18px;
 line-height: 22px;
}


.about__video-preview {
 position: relative;
 width: 100%;
 height: auto;
}

.about__video-preview:before {
 position: absolute;
 content: '';
 width: 100%;
 height: auto;
 top: 0;
 left: 0;
 background-color: #000000;
 opacity: 0.3;
}

.about__video-preview > img {
 width: 100%;
 height:  auto;
 object-fit: cover;
}

.about__video-play {
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 top: 50%;
 transform: translate(0, -50%);
 left: -63px;
 width: 126px;
 height: 126px;
 border-radius: 100%;
 background-color: #ffffff;
 cursor: pointer;
 border: 1px solid #fff;
 transition: ease-in-out .3s;
}

.about__video-play svg {
 margin-left: 8px;
 transition: ease-in-out .3s;
}


.about__video-play svg path{
 transition: ease-in-out .3s;
}
.about__video-play:hover{
 background: #000;
 border: 1px solid #fff;
 transition: ease-in-out .3s;
}
.about__video-play:hover svg path{
 fill: #fff;
 transition: ease-in-out .3s;
}




.features__heading {
 margin-bottom: 30px;
}

.features__image {
 margin-left: calc(647px - 50vw);
 width: calc(100% + 50vw - 650px);
 min-height: 170px;
 object-fit: cover;
 height: 474px;
}

.features__wrapper {
 height: 100%;
 display: flex;
 margin-left: -32px;

}

.features__top{
 margin-top: 90px;
}

.features__plus {
 padding: 55px 50px;
 background-color: #121212;
 width: 100%;
 z-index: 2;
}

.features__plus-heading,
.features__minus-heading {
 font-weight: 600;
 font-size: 20px;
 line-height: 24px;
 text-transform: uppercase;
 color: #121212;
 margin-bottom: 24px;
}

.features__plus-heading {
 color: #ffffff;
}

.features__minus {
 position: relative;
 padding: 40px 15px 40px 40px;
 background-color: #F1F1F2;
}

.features__minus:before {
 position: absolute;
 content: '';
 left: 0;
 top: 0;
 width: 50vw;
 height: 100%;
 background-color: #F1F1F2;
 z-index: -1;
}


.features .features__heading{
 text-align: left;
}

.features .title_block:after{
 left: 0;
 right: auto;
}

.features__subheading{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 margin-bottom: 44px;
 max-width: 515px;
}

.features{
 margin-top: 100px;
}

.features__plus-item{
 display: flex;
 position: relative;
 align-items: center;
}

.features__plus-item:after{
 content: '';
 height: 1px;
 max-width: 410px;
 background: #E7E6E3;
 position: absolute;
 bottom: -21px;
 width: 100%;
}

.features__plus-item-title{
 font-weight: 600;
 font-size: 20px;
 line-height: 24px;
 color: #FFFFFF;
 max-width: 180px;
}

.features__plus-item-text{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
 color: #FFFFFF;
 max-width: 442px;
}

.features__plus-item{
 margin-bottom: 50px;
 justify-content: space-between;
 position: relative;
}
.features__plus-item:last-child{
 margin-bottom: 0;
}

.features__plus-item:last-child:after{
 display: none;
}
.features__left{
 position: relative;
}
.features__left-list{
 background: rgba(241, 241, 242, 0.9);
 position: absolute;
 top: 50%;
 transform: translate(0, -50%);
 padding: 40px 35px 40px;
 max-width: 439px;
 right: 0;
}

.features__left-list-item{
 display: flex;
 align-items: center;
 margin-bottom: 40px;
}

.features__left-list-item:last-child{
 margin-bottom: 0;
}

.features__left-list-item-num{
 font-weight: 600;
 font-size: 46px;
 line-height: 55px;
 text-transform: uppercase;
 color: #000000;
}

.features__left-list-item-text{
 font-weight: 600;
 font-size: 16px;
 line-height: 19px;
 color: #121212;
}
.features__left-list-item-num{
 margin-right: 18px;
}

.title_block{
 position: relative;
}

.about__heading:after {
 width: 346px;
 color: #fff;
 background: #fff;
 left: 0;
 right: auto;

}

.features .features__heading {
 text-align: left;
}

.features__heading {
 margin-bottom: 30px;
}



.custom-arrow{
 display: flex;
 gap: 20px;

}

.project-main .custom-arrow{
 text-align: right;
 width: 100%;
 margin-left: auto;
 margin-right: 0;
 max-width: 284px;
 margin-bottom: 30px;
}

.project-main{
 margin-top: 100px;
}

.project-main .title_block{
 margin-bottom: 0;
 text-align: left;
}
.project-main  .title_block:after{
 left: 0;
 right: auto;
}


.effect p{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 z-index: 2;
 position: relative;
}

.effect{
 padding-top: 0;
}
.effect .features__heading{
 margin-bottom: 60px;
}
.effect:before{
 display: none;
}
.effect .about__content{
 position: relative;
 padding-left: 50px;
 padding-right: 70px;
 padding-top: 90px;
}

.effect .about__content:after{

 position: absolute;
 content: '';
 height: 100%;
 width: 756px;
 top: 0;
 right: 0;
 background-color: #121212;
 height: 411px;
 top: 45px;
 left: 0;
}

.effect-a{
 position: absolute;
 bottom: -236px;
 z-index: 9;
}




.comfort{
 margin-top: 160px;
}

.comfort h2{
 text-align: left;
}

.comfort .title_block:after{
 left: 0;
 right: auto;
}

.comfort-item img{
 max-width: 100%;
 height: auto;
 width: 100%;
}

.comfort-item-title{
 font-weight: 600;
 font-size: 25px;
 line-height: 30px;
 position: absolute;
 text-transform: uppercase;
 height: 82px;
 display: flex;
 align-items: center;
 bottom: -40px;

}

.comfort-item-title:before{
 content: '';
 position: absolute;
 width: 135px;
 height: 82px;
 background: #F7F7F8;
 z-index: 1;
 bottom: 2px;
}


.comfort-item-title span{
 max-width: 176px;
 display: block;
 left: 20px;
 z-index: 3;
 position: relative;
}




.design-projects-slider-item{

 position: relative;
}

.design-projects-slider-item img{
 max-width: 100%;
 width: 100%;
 height: 400px;
 object-fit: cover;
 object-position: center;
}
.design-projects-slider-item{
 margin-bottom: 20px;
}
.design-projects-slider .slick-slide{
 margin: 0 10px;
}

.design-projects-slider .slick-list{
 margin: 0 -10px;
}

.p0{
 padding: 0;
}

.design-projects{
 margin-top: 140px;
}

.design-projects-slider-item-title{
 font-weight: 600;
 font-size: 25px;
 line-height: 30px;
 text-transform: uppercase;
}

.design-projects-slider-item-text{
 padding: 20px 25px;
 background: #F7F7F8;
 position: absolute;
 bottom: 0px;
}


.design-projects-slider-item-subtitle{
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
}

.design-projects .custom-arrow{
 justify-content: center;
 margin-top: 45px;
}

.cw_reviews-item{
 background: #FFFFFF;
 border: 1px solid #C7C7C7;
 padding: 35px;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.cw_reviews-item-top{
 display: flex;
 align-items: end;
 margin-bottom: 25px;
 align-items: center;
}
.cw_reviews-item-top img{
 max-width: 86px;
 margin-right: 25px;
}
.cw_reviews-item-info{

}
.cw_reviews-item-name{
 font-weight: 600;
 font-size: 18px;
 line-height: 104.4%;
 margin-bottom: 17px;
}
.cw_reviews-item-date{
 font-weight: 500;
 font-size: 16px;
 line-height: 104.4%;
 color: #B5B5B5;
}
.cw_reviews-item-text{
 font-weight: 400;
 font-size: 16px;
 line-height: 20px;

 color: #797979;
 position: relative;
 min-height: 285px;
 overflow: hidden;
}


.cw_reviews-item-text:after{
 content: '';
 position: absolute;
 width: 100%;
 height: 151px;
 background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 94.04%);
 bottom: 0px;
 left: 0;
}

.cw_reviews-item-bottom{
 display: flex;
 justify-content: space-between;
 margin-top: 25px;
}
.cw_reviews-item-serv{
 font-weight: 500;
 font-size: 14px;
 line-height: 17px;
 color: #797979;
}

.cw_reviews-item-stars{

}


.cw_reviews{
 margin-top: 100px;
}

.card{
 display: block;
 color: #000000;
}
.card_top{
 position: relative;
 overflow: hidden;
}

.card_info{
 background: #F7F7F8;
 padding: 24px 24px;
}

.card_title{
 font-weight: 600;
 font-size: 25px;
 line-height: 30px;
 text-transform: uppercase;
 color: #121212;
 background: #F7F7F8;
 padding: 26px 25px;
 position: absolute;
 left: 0;
 top: 28px
}

.card_pipe{
 position: absolute;
 right: 0;
 top: 58px;
 font-weight: 600;
 font-size: 16px;
 line-height: 19px;
 text-transform: uppercase;
 color: #FFFFFF;
 padding: 13px 15px;
}

.card_new{
 background: #75B73B;
}

.card_hit{
 background: #75B73B;
}

.card_text{
 font-weight: 500;
 font-size: 16px;
 line-height: 19px;
 background: #f7f7f8;
 z-index: 2;
 padding-right: 6px;
}


.card_plosh{
 background: #f7f7f8;
 z-index: 2;
 padding-left: 6px;
}

.card_price{
 background: #f7f7f8;
 z-index: 2;
 padding-left: 6px;
}

.card_row{
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 position: relative;
 min-height: 30px;
}

.card_row:after{
 content: '';
 height: 1px;
 width: 100%;
 background: #D9D9DC;
 position: absolute;
 bottom: 7px;
 z-index: 1;
}

.card_row:first-child{
 margin-bottom: 23px;
}


.card_plosh{
 font-weight: 300;
 font-size: 18px;
 line-height: 29px;
     width: 400px;
}
.card_plosh span{
 font-weight: 300;
 font-size: 24px;
 line-height: 29px;
}

.card_price{
 font-weight: 500;
 font-size: 20px;
 line-height: 24px;
}

.card_price span{
 font-weight: 500;
 font-size: 28px;
 line-height: 24px;
}
.card_top img{
 max-width: 100%;
 width: 100%;
}


.card .card_top img{
 transform: scale(1);
 transition: ease-in-out .3s;
}
.card:hover .card_top img{
 transform: scale(1.1);
 transition: ease-in-out .3s;
}

.card_sale{
 background: #DD3333;
}

.card_recomend{
 background: #0D89D7;
}

.cards .btn_black{
margin-top: 30px;

}
.btn_black{
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
 color: #FFFFFF;
 background: #121212;
 padding: 20px;
 padding: 25px 53px;
 border: 1px solid #000;
 display: inline-block;
 cursor: pointer;
 transition: ease-in-out .3s;
}

.btn_black:hover{
 border: 1px solid #000;
 background: #fff;
 color: #000;
 transition: ease-in-out .3s;
}

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





.cw_buro{
 margin-top: 70px;
}

.cw_buro_text{
 background: #121212;
 color: #FFFFFF;
 padding: 50px 90px 50px 122px;
}

.cw_buro_name{
 font-weight: 500;
 font-size: 30px;
 line-height: 36px;
 margin-bottom: 8px;
}

.cw_buro_dol{
 font-weight: 300;
 font-size: 24px;
 line-height: 29px;
 color: #C8C8C8;
 margin-bottom: 40px;
}
.cw_buro_opit{
 font-weight: 500;
 font-size: 24px;
 line-height: 29px;
}


.cw_buro_opit_num{
 font-weight: 600;
 font-size: 35px;
 line-height: 42px;
 margin: 0 8px 0 10px;
}

.cw_buro_opit_desc{
 font-weight: 600;
 font-size: 24px;
 line-height: 29px;
}
.buro_text{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
}
.list_white{
 list-style: none;
 padding: 0;
 margin-top: 15px;
}
.list_white li{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 position: relative;
 padding-left: 23px;
 margin-bottom: 14px;
}

.list_white li:before{
 content: '';
 left:0;
 top: 4px;
 position: absolute;
 width: 12px;
 height: 12px;
 background: #D9D9D9;
}

.cw_buro_text hr{
 background: #E7E6E3;
 max-width: 410px;
 margin-top: 23px;
 margin-bottom: 20px;
}


.cw_buro_col{
 margin-left: -110px;
}

.cw_buro_img{
 z-index: 9;
 position: relative;
}
.cw_buro .title_block{
 text-align: left;
 margin-left: 120px;
 margin-bottom: 40px;
}

.cw_buro  .title_block:after{
 left: 0;
 right: auto;
}

.cw_buro_text .btn_white {
 margin-top: 40px;
}


.cw_video_main {
 margin-top: 50px;
}


.col-main-video {
 padding-left: 10px;
 padding-right: 10px;
}

.objects .btn_black{
 margin-top: 40px;
}

.objects_slider_item img{
 max-width: 100%;
 width: 100%;
 height: 350px;
 object-fit: cover;
 transform: scale(1);
 transition: ease-in-out .3s;
}

.objects_slider_item:hover img{
 transform: scale(1.1);
 transition: ease-in-out .3s;
}

.objects_slider_item{

 overflow: hidden;
 height: 100%;
 display: block;
}



.objects_slider_item{
 position: relative;
}

.objects_slider_item:after{
 content: '';
 position: absolute;
 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.1%, #000000 100%);
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}

.objects_slider_item_wrap{
position: absolute;
 bottom: 30px;
 left: 30px;
 z-index: 2;
}

.objects_slider_item_name{
 font-weight: 600;
 font-size: 28px;
 line-height: 34px;
 //text-transform: capitalize;
 color: #FFFFFF;
 margin-bottom: 12px;
}

.objects_slider_item_desc{
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
 text-transform: capitalize;
 color: #FFFFFF;
}

.objects{
 margin-top: 100px;
}

.objects .custom-arrow{
 position: absolute;
 right: 15px;
 bottom: 30px;
 width: auto;
}

.objects h2{
 text-align: left;
}

.objects .title_block:after{
 right: auto;
}

.objects .container{
 position: relative;
}

.technadzor{
color: #fff;
 margin-top: 120px;
 overflow-x: hidden;
}

.technadzor_title{
 font-weight: 600;
 font-size: 24px;
 line-height: 29px;
 margin-bottom: 35px;
}

.technadzor ul{
 list-style: none;
 padding: 0;
 margin: 0;
}

.technadzor ul li{
 padding-left: 35px;
 position: relative;
 font-weight: 500;
 font-size: 20px;
 line-height: 132%;
 margin-bottom: 24px;
}
.technadzor ul li:before{
 content: '';
 background: url(/local/templates/srg/images/check-list.svg) no-repeat;
 width: 20px;
 height: 15.4px;
 position: absolute;
 left: 0;
 top: 5px;
}

.technadzor img{
 max-width: 100%;
 width: 100%;
}

.technadzor_left{
 position: relative;
}
.technadzor_left:before{
 content: '';
 background: #121212;
 width: 100vw;
 height: 356px;
 position: absolute;
 right: -100px;
 z-index: -1;
 top: -60px;
}
.technadzor_right{
 position: relative;
 margin-top: 106px;
 padding-left: 45px;
}
.technadzor_right:after{
 content: '';
 background: #121212;
 width: 100vw;
 height: 714px;
 position: absolute;
 z-index: -1;
 top: -50px;
 left: -100px;
}


.technadzor .title_block{
 color: #fff;
 text-align: left;
}

.technadzor  .title_block:after{
 right: auto;
 background: #fff;
}

.technadzor_img_row{
 gap: 15px;
 display: flex;
 margin-top: 35px;
}

.technadzor .container{
 padding-top: 63px;
}


.cw_reviews .title_block:after{
 width: 100px;
}


.shorts_title{
 display: flex;
 align-items: center;
}
.shorts_title h2{
 font-weight: 600;
 font-size: 40px;
 line-height: 48px;
 text-transform: uppercase;
}

.shorts_lnk{
 display: flex;
 align-items: center;
 text-align: right;
 justify-content: flex-end;
}


.grid_shorts{
 display: grid;
 grid-template-columns: repeat(5, 1fr);
}
.grid_shorts iframe{
 width: 100%;
 height: 435px;
}
.ytp-shorts-mode.ytp-title-enable-channel-logo .ytp-title {
 display: none!important;
}

.youtube_shorts_top{
 margin-bottom: 33px;
 align-items: center;
}

.shorts_title img{
 margin-right: 16px;
}

.shorts_lnk a{
 color: #161616;

}
.shorts_lnk a span{
 border-bottom: 1px solid;
 transition: ease-in-out .3s;
}
.shorts_lnk img{
 margin-right: 10px;
height: 40px;
}

.shorts_lnk a:hover span{
 color: red;
 transition: ease-in-out .3s;
}

.youtube_shorts{
 margin-top: 100px;
}

.shorts_name{
 font-weight: 500;
 font-size: 16px;
 line-height: 19px;
 margin-top: 20px;
 margin-bottom: 10px;
 word-break: break-word;
}

.shorts_vis{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
}

.fos_bottom{
 position: relative;
 padding-top: 30px;
 overflow: hidden;
}

.fos_bottom:after{
 content: '';
 background: #F1F1F2;
 position: absolute;
 width: 100%;
 height: 85%;
 top: 0;
 z-index: -2;
}

.fos_bottom_left img{
 max-width: 311px;
 margin: 0 auto;
 display: block;
}

.fos_bottom_left_name{
 font-weight: 600;
 font-size: 25px;
 line-height: 34px;
 margin-top: 20px;
}
.fos_bottom_left_dol{
 font-weight: 300;
 font-size: 18px;
 line-height: 22px;
}

.fos_bottom_right{
 position: relative;
 color: #fff;
 padding: 70px;
 margin-top: 60px;
}

.fos_bottom_right:before{
 content: '';
 background: #121212;
 width: 100vw;
 height: 420px;
 position: absolute;
 z-index: -1;
 left: 0;
 top: 0;
}

.fos_bottom_right .title_block:after{
 right: auto;
 background: #fff;
}

.fos_bottom_right .title_block{
 text-align: left;
 color: #fff;
 margin-bottom: 40px;
}

.fos_bottom_right_text{
 margin-bottom: 40px;
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 max-width: 568.22px;
}

.fos_bottom_right_row .btn_white{
 margin-right: 40px;
}

.fos_bottom_right_row a{
 margin-right: 25px;
}
.fos_bottom_right_row a img{
 transition: ease-in-out .3s;
}
.fos_bottom_right_row a:hover img{
 color: rgb(255 0 0);
 transition: ease-in-out .3s;
}
.fos_bottom_right_row a svg path{
 transition: ease-in-out .3s;
}
.fos_bottom_right_row a:hover svg path{
 fill: red;
 transition: ease-in-out .3s;
}

.fos_bottom{
 margin-top: 100px;
 margin-bottom: 90px;
}


footer{
 background: #373737;
 padding-top: 34px;
 padding-bottom: 20px;
 color: #FFFFFF;
}

.logo_descr{
 font-weight: 300;
 font-size: 14px;
 line-height: 17px;
 color: #DFDFDF;
}

.footer_phone{
 font-weight: 500;
 font-size: 24px;
 line-height: 29px;
 color: #FFFFFF;
 transition: ease-in-out .3s;
}

.footer_phone:hover{
 color: red;
 transition: ease-in-out .3s;
}

.footer_email{
 font-weight: 500;
 font-size: 24px;
 line-height: 29px;
 color: #FFFFFF;
 transition: ease-in-out .3s;
}

.footer_email:hover{
 color: red;
 transition: ease-in-out .3s;
}

footer .header_btn{
 display: inline-block;
 color: #fff;
}


.footer_logo {
 display: flex;
align-items: center;
 margin-left: 8px;
}

.footer_info{
 justify-content: space-between;
 display: flex;
 align-items: center;
 height: 100%;
}


.footer_title{
 font-weight: 600;
 font-size: 22px;
 line-height: 26px;
 text-transform: uppercase;
 margin-bottom: 16px;
}

.footer_list{
 list-style: none;
 margin: 0;
 padding: 0;
}

.footer_list li{
 margin-bottom: 12px;
}
.footer_list li a{
 font-weight: 500;
 font-size: 16px;
 line-height: 19px;
 color: #FFFFFF;
 transition: ease-in-out .3s;
}

.footer_list li a:hover{
 color: rgb(255 0 0);
 transition: ease-in-out .3s;
}

.footer_menu{
 padding-top: 40px;
 margin-top: 30px;
 border-top: 1px solid #626161;
}

.footer_address{
 font-weight: 500;
 font-size: 16px;
 line-height: 24px;
}

.footer_socials{
 margin-top: 20px;
}

.footer_socials a:not(:last-child){
 margin-right: 12px;
}

.footer_socials a img{
 transition: ease-in-out .3s;
}

.footer_socials a:hover img{
 color: rgb(255 0 0);
transition: ease-in-out .3s;
}

.footer_socials a{
border: 1px solid #fff;
 border-radius: 100%;
 width: 35px;
 height: 35px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}

.footer_socials a svg{
 width: 22px;
 height: 22px;
}

.footer_socials .footer_youtube svg{
 width: 17px;
 height: 17px;
}

.footer_socials a{
 transition: ease-in-out .3s;
}

.footer_socials a:hover{
 border-color: red;
 transition: ease-in-out .3s;
}
.footer_socials a svg path{
 transition: ease-in-out .3s;
}
.footer_socials a:hover svg path{
 fill: red;
 transition: ease-in-out .3s;
}
.cw{
 font-weight: 300;
 font-size: 14px;
 line-height: 22px;
 color: #FFFFFF;
 transition: ease-in-out .3s;
}
.cw:hover{
 color: red;
 transition: ease-in-out .3s;
}

.cw img{
 margin-left: 8px;
 margin-top: -5px;
}

.copyright{
 font-weight: 300;
 font-size: 14px;
 line-height: 22px;
 color: #FFFFFF;
 margin-right: 50px;
 display: inline-block;
}

.footer_policy{
 font-weight: 300;
 font-size: 14px;
 line-height: 22px;
 color: #FFFFFF;
 transition: ease-in-out .3s;
}

.footer_policy:hover{
 color: red;
 transition: ease-in-out .3s;
}


.col_cw{
 text-align: right;
}

.footer_menu{
 margin-bottom: 40px;
}

.row_copy{
 border-top: 1px solid #626161;
 padding-top: 20px;
 align-items: center;
}

.services .comfort-item {
 margin-bottom: 77px;
 display: block;
 color: #121212;
}

.services .comfort-item-title span{
 font-weight: 600;
 font-size: 20px;
 line-height: 122.5%;
}

.services .comfort-item-title span{
 font-weight: 600;
 font-size: 20px;
 line-height: 122.5%;
}

.comfort-item{
position: relative;
 display: block;
 color: #121212;
}

.services .comfort-item:after{
 content: '';
 background: linear-gradient(360deg, #FFFFFF -9.06%, rgba(255, 255, 255, 0) 26.56%);
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
}
.subtitle{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 text-align: center;
 margin-bottom: 40px;
}

.services{
 margin-top: 80px;
 margin-bottom: 40px;
}

.calc-item{
 background: #000000;
 height: calc(100% - 77px);
 display: flex;
 align-items: center;
 flex-direction: column;
 justify-content: center;
}
.calc-item img{
 margin: 0 auto;
 margin-bottom: 30px;
}
.calc-item span{
 font-weight: 600;
 font-size: 26px;
 line-height: 31px;
 text-align: center;
 text-transform: uppercase;
 color: #FFFFFF;
}

.services .title_block{
 margin-bottom: 45px;
}

.card_lg{
 position: relative;
}
.card_lg .card_info{
 display: flex;
 justify-content: space-between;
 position: absolute;
 bottom: 0;
 width: 100%;
 background: none;
}

.card_lg:after{
 content: '';
 background: linear-gradient(360deg, #000000 -3.9%, rgba(63, 62, 62, 0) 50%);
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
}


.card_lg .card_price{
 background: none;
 color: #fff;
}


.card_lg .card_plosh{
 background: none;
 color: #fff;
}

span.old_price{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
 text-decoration-line: line-through;

 color: #DBDBDB;
 margin-right: 15px;
 display: inline-block;
}

.projects{
 margin-top: 50px;
 margin-bottom: 70px;
}

.portfolio{
 margin-top: 50px;
 margin-bottom: 90px;
}
.portfolio_item{
 display: block;
 height: 100%;
 position: relative;
}

.portfolio_item:before{
 content: '';
 background: rgba(0, 0, 0, 0.5);
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
bottom: 0;
 z-index: 2;
}

.portfolio_item img{
 max-width: 100%;
 width: 100%;
 object-fit: cover;
 height: 100%;
}
.portfolio_item_title{
 position: absolute;
 top: 50%;
 transform: translate(0, -50%);
 left: 0;
 right: 0;
 margin: 0 auto;
 z-index: 2;
 font-weight: 600;
 font-size: 28px;
 line-height: 34px;
 text-transform: uppercase;
 color: #FFFFFF;
 text-align: center;
 padding: 0 30px;
}



.stroi_item{
 display: block;
 height: 100%;
 position: relative;
 height: 351px;
 overflow: hidden;
}

.stroi_item:before{
 content: '';
 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.3%, #000000 119.1%);
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 z-index: 1;
}

.stroi_item img{
 max-width: 100%;
 width: 100%;
 object-fit: cover;
 height: 100%;
 transform: scale(1);
 transition: ease-in-out .3s;
}

.stroi_item:hover img{
 transform: scale(1.1);
 transition: ease-in-out .3s;
}


.stroi_item_bottom{
 position: absolute;
 bottom: 0;
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 padding: 28px;
 z-index: 2;
}
.stroi_item_title{
 font-weight: 600;
 font-size: 28px;
 line-height: 34px;
 text-transform: capitalize;
 color: #FFFFFF;
}
.team_item img{
 max-width: 100%;
 max-height: 373px;
 width: 100%;
 object-fit: cover;
 object-position: top;
}
.team_item_wrap{
 width: 90%;
 height: auto;
 background: #000000;
 display: flex;
 align-items: baseline;
 flex-direction: column;
 justify-content: center;
 padding: 27px 23px;
 margin-top: -57px;
 z-index: 2;
 position: relative;
}

.team_item_name{
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
 color: #FFFFFF;
 margin-bottom: 6px;
}

.team_item_dol{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
 color: #FFFFFF;
}

.team .title_block{
 margin-bottom: 40px;
}

.team .subtitle{
  max-width: 830px;
 margin: 0 auto;
 margin-bottom: 40px;
}


.team{
 margin-top: 50px;
 margin-bottom: 90px;
}

.partners_item{
 border: 1px solid #060606;

}

.partners_item_img{
 height: 127px;
 display: flex;
 align-items: center;
 justify-content: center;
}


.partners_item img{
 margin: 0 auto;
 display: block;
 max-width: 100%;
}

.partners_item_text{
 margin-bottom: 12px;
}
.partners_item_text a{
 font-weight: 300;
 font-size: 16px;
 line-height: 132%;
 color: #000000;
}

.partners_item_wrap{
 border-top: 1px solid #D9D9D9;
 margin: 0 30px;
 padding: 30px 0;
 height: 127px;
}

.partners{
 margin-top: 50px;
 margin-bottom: 100px;
}
.partners .title_block{
 margin-bottom: 40px;
}

.partners .title_block:after{
 width: 438px;
}

.partners .subtitle{
 max-width: 1065px;
 margin:  0 auto;
 margin-bottom: 50px;
}

.news_item{
 position: relative;
 margin-bottom: 20px;
}

.news_img{
 text-align: right;
 position: relative;
 overflow: hidden;
}

.news_img:after{
 content: '';
 background: linear-gradient(318.25deg, #000000 6.06%, rgba(0, 0, 0, 0) 34.64%);
 position: absolute;
 width: 100%;
 height: 100%;
 bottom: 0;
 left: 0;
}

.news_img img{
 max-width: 100%;
 width: 100%;
 height: 400px;
 object-fit: cover;
 transform: scale(1);
 transition: ease-in-out .3s;
}

.news_img:hover img{
 transform: scale(1.1);
 transition: ease-in-out .3s;
}


.news_title{
 font-weight: 600;
 font-size: 24px;
 line-height: 29px;
 color: #FFFFFF;
 max-width: 425px;
}

.news_wrap{
 padding: 35px 50px;
 background: #020202;
 display: flex;
 align-items: center;
 justify-content: space-between;
 max-width: 608px;
 position: absolute;
 z-index: 2;
 pointer-events: none;
}

.news_date{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
 color: #FFFFFF;
 position: absolute;
 right: 25px;
 bottom: 25px;
 z-index: 2;

}


.news{
 margin-top: 50px;
 margin-bottom: 100px;
}

.contacts{
 padding-top: 70px;
 padding-bottom: 70px;
 overflow: hidden;
}

.contacts_item_img{
 width: 65px;
 height: 65px;
 min-width: 65px;
 background: #000000;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-right: 18px;
}

.contacts_item{
 display: flex;
 align-items: center;
 margin-bottom: 40px;
}

.contacts_item_phone a{
 font-weight: 600;
 font-size: 24px;
 line-height: 29px;
 color: #000;
 transition: ease-in-out .3s;
}

.contacts_item_phone a:hover{
 color: red;
 transition: ease-in-out .3s;
}

.contacts_email a{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 color: #000000;
 transition: ease-in-out .3s;
}

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

.contacts_email a:hover{
 color: red;
 transition: ease-in-out .3s;
}

.contacts_item_text a{
 font-weight: 300;
 font-size: 16px;
 line-height: 132%;
 color: #000000;
}


.contacts .subtitle{
 font-weight: 300;
 font-size: 24px;
 line-height: 29px;
 text-align: left;
}

.contacts .title_block{
 text-align: left;
 margin-bottom: 50px;
}

.contacts .title_block:after{
 right: auto;
}

.contacts_social{
margin-top: 55px;
}

.contacts_social_title{
 font-weight: 300;
 font-size: 20px;
 line-height: 132%;
 margin-bottom: 15px;
}

.contacts_social a{
 width: 65px;
 height: 65px;
 border: 1px solid #000000;
display: inline-flex;
 align-items: center;
 justify-content: center;
 margin-right: 20px;
 transition: ease-in-out .3s;
}

.contacts_social a:hover{
 background: #000;
 transition: ease-in-out .3s;
}

.contacts_social a:hover svg path{
 fill: #fff;
 transition: ease-in-out .3s;
}

.contacts_social_row{
 display: flex;
 align-items: center;
}


#map {
 width: 100%;
 max-width: 100%;
 height: 100vh;
 padding: 0;
 margin: 0;
 z-index: 2;
 max-height: 498px;
 position: relative;
}
.contacts_right{
 position: relative;
}
.contacts_right:after{
 content: '';
 background: #121212;
 position: absolute;
 height: 100vw;
 left: 200px;
 width: 100vw;
 z-index: -1;
 bottom: -100px;
 top: -100px;

}


.about_left{
 position: relative;
 color: #fff;
 padding-top: 70px;
}

/*.about:before{*/
/* content: '';*/
/* background: #121212;*/
/* position: absolute;*/
/* left: 0;*/
/* width: 100vw;*/
/* height: 557px;*/
/*}*/


.about_left:after{
 content: '';
 height: 557px;
 background: #121212;
 position: absolute;
 width: auto;
 top: 0;
 left: -100vw;
 right: 180px;
 z-index: -1;
}

.about_left .title_block{
 text-align: left;
 margin-bottom: 40px;
 color: #fff;
}
.about_left .title_block:after{
 max-width: 191px;
 background: #fff;
 right: auto;
}
.about_left .subtitle{
 font-weight: 300;
 font-size: 24px;
 line-height: 29px;
 text-align: left;
 max-width: 900px;

}



.about_left  ul li{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 color: #FFFFFF;
 margin-bottom: 14px;
}

.about_text{
 font-weight: 500;
 font-size: 16px;
 line-height: 132%;
 color: #121212;
 max-width: 517px;
 margin-top: 95px;
}

.about_text p{

}

.about_right{
 margin-left: -552px;
 margin-top: 280px;
}

.about_right .about__video-preview{
 height: auto;
}

.about .under_banner{
 margin-top: 85px;
}


.about + .features{
 margin-bottom: 100px;
}

.about_right .about__video-play{
 border: 1px solid #000000;
}


.video_item_img{
 position: relative;
}
/*.video_item_img:after{*/
/* content: '';*/
/* background: rgba(0, 0, 0, 0.4);*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/*}*/

.video_item_name{
 font-weight: 600;
 font-size: 18px;
 line-height: 132%;
 margin-top: 20px;
 margin-bottom: 10px;
}

.video_item_count{
 font-weight: 500;
 font-size: 16px;
 line-height: 104.4%;
 color: #B5B5B5;
 margin-right: 25px;
}

.video_item_date{
 font-weight: 500;
 font-size: 16px;
 line-height: 104.4%;
 color: #B5B5B5;
}

.video_play{
 width: 99px;
 height: 99px;
 background: #FFFFFF;
 border-radius: 100%;
 position: absolute;
 right: 0;
 left: 0;
 margin: 0 auto;
 top: 50%;
 transform: translate(0, -50%);
 z-index: 3;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
}

.video_item_row{
 display: flex;
 align-items: center;
}

.video_item_img img{
 width: 100%;
 object-fit: cover;
}

.video{
 margin-top: 100px;
 margin-bottom: 100px;
}

.video .title_block:after{
 width: 89px;
}

.biznes{
 overflow: hidden;
}
.biznes_bg{
 position: relative;
 padding-top: 50px;
 padding-bottom: 50px;
 color: #fff;
}

.biznes_bg:after{
 content: '';
 background: #121212;
 position: absolute;
 top: 0;
 height: 100%;
 width: 100vw;
 left: -200px;
 z-index: -1;
}

.biznes_title{
 font-weight: 500;
 font-size: 24px;
 line-height: 29px;
 margin: 40px 0 20px;
}

.biznes_text{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
}


.biznes .title_block{
 text-align: left;
 margin-bottom: 40px;
}

.biznes .title_block:after{
 right: auto;
 max-width: 191px;
}

.biznes .subtitle{
 text-align: left;
}

.biznes{
 margin-top: 50px;
}

.biznes .list_white li{
 margin-bottom: 15px;
}

.biznes_img{
 max-width: 96%;
}

.quote{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 text-align: center;
 padding: 30px 50px;
 border: 2px solid #7C7C7C;
 margin-top: 70px;
 margin-bottom: 80px;
}

.biznes_list_title{
 font-weight: 500;
 font-size: 30px;
 line-height: 36px;
 margin-bottom: 35px;
}

.biznes_list .list_white{
 column-count: 3;
}

.biznes + .fos_bottom{
 margin-top: 80px;
}


.proizvodstvo .title_block{
 text-align: left;
 margin-bottom: 40px;
 color: #fff;
}

.proizvodstvo .title_block:after {
 right: auto;
 max-width: 201px;
 background: #fff;
}

.proiz_left{
 text-align: left;
 color: #fff;
 position: relative;
 padding-right: 35px;
 padding-top: 50px;
}

.proiz_left a{
 color: #fff;
 font-weight: 600;
 font-size: 16px;
 line-height: 19px;
 margin-bottom: 20px;
 display: block;
}
.proiz_text{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
}
.proizvodstvo .subtitle{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 text-align: left;
 margin-bottom: 16px;
}

.proiz_left:before{
 content: '';
 background: #000000;
 width: 100vw;
 position: absolute;
 height: 753px;
 z-index: -1;
 right: 0;
 left: auto;
 top: 0;
}


.proiz_img{
 margin: 0 auto;
 margin-top: 124px;
 display: block;
 max-width: 450px;
 width: 100%;
}


.center_slider .slick-slide img {
 width: 100%;
}

.center_slider .slick-track{
 display: flex;
 align-items: center;
}

.center_slider .slick-slide {
 transition: all ease-in-out .3s;
 transform: translate3d(33%, 0, 0) scale(0.8);
 opacity: 1;
 z-index: -1;
 position: relative;
}

.center_slider .slick-slide img{
 width: 412px;
 height: 412px;
 margin-left: auto;
 transition: all ease-in-out .3s;
}
.center_slider .slick-slide:after{
 content: '';
 background: rgba(0, 0, 0, 0.5);
 position: absolute;
left: 0;
 width: 412px;
 height: 100%;
 top:0;
}


.center_slider .slick-active {
 opacity: 1;
}

.center_slider .slick-current {
 transform: scale(1);
 opacity: 1;
 transition: all ease-in-out .3s;
}
.center_slider .slick-current:after{
 content: none;
}


.center_slider .slick-current img{
 width: 644px;
 height: 550px;
 margin: 0 auto;
 transition: all ease-in-out .3s;
}


.center_slider .slick-current ~ .slick-slide {
 transform: translate3d(-33%, 0, 0) scale(0.8);
 z-index: -2;
 position: relative;
 transition: all ease-in-out .3s;

}
.center_slider .slick-current ~ .slick-slide img{
 margin-right: auto;
 margin-left: 0;
 transition: all ease-in-out .3s;
}

.center_slider  .slick-slide:after{
 right: 0;
 left: auto;
}
.center_slider .slick-current ~ .slick-slide:after{
 right: auto;
 left: 0;

}

.center_slider{
 height: 550px;
}




/*.center_slider_item img{*/
/* max-width: 100%;*/
/* height: auto;*/
/*}*/
/*.center_slider{*/
/* text-align: center;*/
/*}*/
/*.center_slider .center_slider_item {*/
/* padding: 0;*/
/*}*/

/*.center_slider  {*/
/* width: 100%;*/
/* margin: 20px auto;*/
/* text-align: center;*/

/*}*/
/*.center_slider .main-slider-item {*/
/* padding: 0;*/
/* height: auto;*/
/*}*/
/*.center_slider .main-slider-item div {*/
/* transition: all 0.2s ease;*/
/* width: 100%;*/
/* height: 412px;*/
/* margin: 30px 0;*/
/* transition: all 0.5s;*/
/* object-fit: cover;*/
/*}*/
/*.center_slider .main-slider-item img{*/
/* width: 100%;*/
/* height: 100%;*/
/* object-fit: cover;*/
/* border-radius: 10px;*/
/*}*/
/*.center_slider .main-slider-item.slick-center div {*/
/* margin: 0;*/
/* height: 550px;*/
/* max-width: initial;*/
/* object-fit: cover;*/
/*}*/



/*.center_slider .slick-track{*/
/* display: flex;*/
/* align-items: center;*/
/* height:  570px;*/
/*}*/








.proizvodstvo .center_slider{
 margin-top: 50px;
}
.proizvodstvo .custom-arrow{
margin-top: 50px;
 justify-content: center;
 position: relative;
 bottom: 0;
}


.proiz_right{
 position: relative;
}

.proiz_right:after{
 content: '';
 background: #F1F1F2;
 height: 312px;
 position: absolute;
 width: 100vw;
 left: -200px;
 z-index: -2;
 top: 300px;
}

.proizvodstvo{
 overflow: hidden;
}

.slider_detail_for_item img{
 max-width: 100%;
 object-fit: cover;
 width: 100%;
 height: 100%;
max-height: 555px;
}

.slider_detail_nav_item img{
 max-width: 100%;
 object-fit: cover;
 width: 100%;
 height: 168px;

}


.slider_detail_nav .slick-list{
 margin: 0 -10px;
}
.slider_detail_nav_item{
 margin: 0 10px;
}

.slider_detail_rel{
 position: relative;

 height: 100%;
}

.slider_detail_rel .custom-arrow{
 position: absolute;
 bottom: 30px;
 z-index: 2;
}

.custom-arrow{
 /*position: absolute;*/
 /*z-index: 3;*/
 /*bottom: 55px;*/
 justify-content: center;
 display: flex;
 width: 100%;
}
.slider_detail_for{
 position: relative;

 height: 555px;
}

.slider_detail_for .slick-track{
 height: 100%;
}

.slider_detail_for .slick-list{
 height: 100%;
}

.slider_detail_for:after{
 content: '';
 background: linear-gradient(180deg, #000000 -10.63%, rgba(63, 62, 62, 0) 32.97%);
 transform: rotate(-180deg);
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
 pointer-events: none;
}

.slider_detail_for:before{
 /*content: '';*/
 background: linear-gradient(134.74deg, #000000 1.85%, rgba(63, 62, 62, 0) 49.46%);
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 3;
 pointer-events: none;
}


.slider_detail_for_item{
 height: 555px;
}

.card_detail_left .title_block{
 color: #fff;
 position: absolute;
 z-index: 5;
 text-align: left;
 top: 80px;
 left: 80px;
}

.card_detail_left .title_block:after{
 background: #fff;
 right: auto;
}

.detail_text img{
 max-width: 100%;
 height: auto;
}

.slider_detail_text{
 font-weight: 300;
 font-size: 15px;
 line-height: 21px;
 margin-top: 12px;
 /*max-height: 192px;*/
position: relative;

 transition: ease-in-out .3s;
}
.slider_detail_text:after{
 content: '';
 background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
 position: absolute;
 width: 100%;
 height: 50px;
 bottom: 0;
 left: 0;
}
.slider_detail_text_open:after{
display: none;
}

.expand_detail_text{
 font-weight: 500;
 color:#000;
 border-bottom: 1px solid ;
 transition:  ease-in-out .3s;
}

.expand_detail_text:hover{
 color: red;
 transition:  ease-in-out .3s;
}

.slider_detail_text + [data-readmore-toggle], .slider_detail_text[data-readmore]{
 display: inline-block;
 max-width: fit-content;
 margin-top: 10px;
}

.card_detail_right{
 color: #fff;
 background: #121212;
 padding: 30px;
}


.card_detail_right{
 max-width: 412px;
 z-index: 3;
 /*position: relative;*/
}

.col-card_detail_right{
 margin-left: -110px;
 /*position: relative;*/
 /*bottom: 0;*/
 /*top: auto;*/
 height: auto;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 margin-top: 160px;
}


.card_detail_right .card_plosh{
 background: none;
}

.card_detail_right  .card_price{
 background: none;
}

.card_detail_right_top{
 display: flex;
 justify-content: space-between;
 border-bottom: 1px solid #FFFFFF;
 padding-bottom: 30px;
}

.card_detail_right_center{
 display: flex;
 justify-content: space-between;
 padding-top: 40px;
 padding-bottom: 30px;
 border-bottom: 1px solid #FFFFFF;
}

.card_detail_right_center img{
 margin-right: 13px;
 margin-top: -11px;
}

.card_detail_right_center_item span{
 font-weight: 500;
 font-size: 26px;
 line-height: 31px;
}

.card_detail_right_center_text{
 font-weight: 500;
 font-size: 16px;
 line-height: 19px;
 max-width: 100px;
 margin-top: 8px;
}


.card_detail_right_bottom_title{
 font-weight: 300;
 font-size: 18px;
 line-height: 22px;
 color: #FFFFFF;
}
.card_detail_right_bottom_tech{
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;

 color: #FFFFFF;
 max-width: 171px;
}

.card_detail_right_bottom{
 display: flex;
 justify-content: space-between;
 padding-top: 30px;
padding-bottom: 30px;
}


.card_detail_right_center_item:nth-child(2){
 max-width: 75px;
}

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

.card_detail_right_btns .btn_white{
 font-weight: 600;
 font-size: 16px;
 line-height: 19px;
 width: 176px;
 padding: 26px 15px;
}

.card_detail_right_btns .btn_transp{
 font-weight: 600;
 font-size: 15px;
 line-height: 19px;
 color: #FFFFFF;
 border: 1px solid #FFFFFF;
 padding: 26px 10px;
 cursor: pointer;
 transition: ease-in-out .3s;
}
.card_detail_right_btns .btn_transp:hover{
 background: #fff;
 color: #000;
 transition: ease-in-out .3s;
}
.card_detail_plan_slider_item_title{
 font-weight: 600;
 font-size: 24px;
 line-height: 29px;
 color: #FFFFFF;
 margin-bottom: 20px;
 pointer-events: none;
}


.card_detail_plan_slider_item img{
 max-width: 100%;
 height: auto;
 width: 100%;
 object-fit: cover;
}


.card_detail_plan{
 margin-top: 70px;
 background: #121212;
 padding-top: 50px;
 padding-bottom: 77px;
}

.card_detail_plan .title_block{
 color: #FFFFFF;
 margin-bottom: 40px;
 text-align: left;
}

.card_detail_plan .title_block:after{
 background: #fff;
 right: auto;
}

.card_detail_plan .subtitle{
 font-weight: 300;
 font-size: 16px;
 line-height: 21px;
 color: #FFFFFF;
 max-width: 530px;
 text-align: left;
 margin-bottom: 0;
}

.card_detail_plan_2{
 height: 480px;
}

.card_detail_plan_2_before{
 width: 1250px;
 width: 1250px;
 height: calc(100% - 51px);
 left: -23vw;
 position: relative;
 object-fit: cover;
}

.card_detail_plan_2_right{
 margin-top: -145px;
 position: relative;
}

.fasad .slick-current img{
 border: 1px solid;
}


.card_detail_plan_2_right .custom-arrow{
 bottom: auto;
 top: 0;
 display: flex;
 justify-content: flex-end;
 right: 15px;
 position: absolute;
 z-index: 2;
}

.card_detail{
 overflow: hidden;
}

.card_detail_plan_fos_flex{
 display: flex;
 position: relative;
}

.card_detail_plan_fos_flex:after{
 content: '';
 background: #F1F1F2;
 position: absolute;
 height: 400px;
 bottom: 0;
 left: 0;
 right: -100vw;
 z-index: -1 ;
}

.card_detail_plan_fos_title{
 font-weight: 500;
 font-size: 30px;
 line-height: 36px;
 margin-right: 25px;
}



.card_detail_plan_fos_text{
 font-weight: 500;
 font-size: 16px;
 line-height: 19px;
 color: #888888;
 max-width: 202px;
}
.card_detail_plan_fos_flex{
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 40px;
}


.card_detail_plan_fos_info{
 display: flex;
 align-items: center;

}


.nav-item{
 position: relative;
}





.fasad .slick-slide img {
 width: 520px;
 height: 325px;
}

.fasad  .slick-current img {
 width: 920px;
 height: 550px;
}

.fasad{
 margin-top: 100px;
 margin-bottom: 100px;
}

.fasad .custom-arrow{
 margin-top: 50px;
}

.other-projects{
 margin-top: 100px;
 margin-bottom: 50px;
}

.other-projects .custom-arrow{
 margin-top: 50px;
}

.ipoteka{
 overflow: hidden;
}

.ipoteka_title_wrap{

 z-index: 2;
 position: relative;

 display: flex;
 align-items: baseline;
 flex-wrap: wrap;
 margin-bottom: 12px;
}

.ipoteka_title{
 font-weight: 500;
 font-size: 30px;
 line-height: 36px;
 margin-bottom: 12px;
}


.ipoteka_title_wrap img{
 margin-left: 7px;
 max-width: 150px;
 max-height: 33px;
 margin-right: 15px;
 margin-bottom: 10px;
 margin-top: 10px;
}

.ipoteka_text{
 font-weight: 500;
 font-size: 16px;
 line-height: 19px;
 margin-bottom: 20px;
 z-index: 2;
 position: relative;
}
.ipoteka_img{
 height: 470px;
}
.ipoteka_link{
 font-weight: 500;
 font-size: 16px;
 line-height: 24px;
 border-bottom: 1px solid;
 text-transform: uppercase;
 color: #363535;
 z-index: 2;
 position: relative;
}

.ipoteka .row{
 align-items: center;
}

.ipoteka_bg{

 padding: 50px 16px;
 position: relative;
}

.ipoteka_bg:after{
 content: '';
 background: #F1F1F2;
 position: absolute;
 height: 100%;
 width: 100vw;
 left: -25px;
 top: 0;
}


.fasad .center_slider .slick-current img{
 background-color: #fff;
}

.service_table .table_compl{
 color: #fff;
}

.table_compl {
 border-collapse: collapse;
 margin: 0;
 padding: 0;
 width: 100%;
 table-layout: fixed;

}

.table_compl thead{
 background: #F7F7F8;

}
.table_compl thead th{
 padding: 20px 50px;
 font-weight: 500;
 font-size: 24px;
 line-height: 29px;

 text-align: center;
 width: 100%;
 max-width: 220px;
}
.table_compl thead th:first-child{
 text-align: left;
 width: 700px;
 max-width: 700px;
}


.table_compl thead th span{
 display: block;
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
 margin-top: 3px;
}
.table_compl tr {
 border-bottom: 1px solid #E7E7E7;
}

.table_compl td {
 padding: 17px 50px;
 text-align: center;
 width: 100%;
 max-width: 220px;
}

.table_compl td:first-child{
 width: 100%;
 max-width: 700px;
}


.table_compl_title{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 margin-bottom: 15px;
 text-align: left;
}

.table_compl_text{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
 text-align: left;
}

@media screen and (max-width: 768px) {
 .table_compl {
  border: 0;
 }

 .table_compl caption {
  font-size: 1.3em;
 }

 .table_compl thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
 }

 .table_compl tr {
  display: block;
  margin-bottom: .625em;
 }

 .table_compl td {
  display: block;
  font-size: .8em;
  text-align: right;
 }

 .table_compl td::before {
  /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);
  */
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
 }

 .table_compl td:last-child {
  border-bottom: 0;
 }
}




.complectation{
 margin-bottom: 20px;
}

.complectation .btn_black{
margin-top: 25px;
}

.detail_fos_left{
 position: relative;
 color: #fff;
 padding: 70px 0;
 margin: 50px 0;
}

.detail_fos_left .title_block{
 text-align: left;
 margin-bottom: 40px;
 color: #fff;
 font-size: 38px;

}

.detail_fos_left .title_block:after{
 right: auto;
 background: #fff;
 max-width: 473px;
}

.detail_fos_left:after{
 content: '';
 background: #121212;
 position: absolute;
 width: 85vw;
 left: -39vw;
 top: 0;
 height: 100%;
 z-index: -1;
}


.detail_fos_left .subtitle{
 text-align: left;
 font-weight: 500;
 font-size: 16px;
 line-height: 25px;
}


.detail_fos{
 margin-top: 100px;
 margin-bottom: 80px;
}
.detail_text{
 margin-top: 25px;
 padding-right: 25px;
}
.news-detail p {
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
 margin-bottom: 24px;
}

.news-detail .custom-arrow{
 margin-top: 30px;
}



.news-detail ul{
 list-style: none;
 padding: 0;
 margin-top: 15px;
}
.news-detail ul li{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
 position: relative;
 padding-left: 23px;
 margin-bottom: 12px;
}

.news-detail ul li:before{
 content: '';
 left:0;
 top: 2px;
 position: absolute;
 width: 12px;
 height: 12px;
 background: #827F7F;
}


.news-detail b{
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
}

.news-detail{
 margin-top: 50px;
}
.news-detail .title_block{
 text-align: left;
 margin-bottom: 40px;
 max-width: 706px;
}

.news-detail .title_block:after{
 right: auto;
 max-width: 304px;
}
.news-back{
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
 border-bottom: 1px solid;
 margin-top: 40px;
 color: #000000;
 transition: ease-in-out .3s;
}
.news-back:hover{
 color: red;
 transition: ease-in-out .3s;
}


.dop_text{
 margin-top: 30px;
 max-width: 935px;
}

.quote_text{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 text-align: center;
padding: 40px 50px;
 border: 2px solid #7C7C7C;
 margin-top: 30px;
 margin-bottom: 30px;
}

.detail_img{
 position: relative;
}

.detail_img img{
 max-width: 100%;
 height: 100%;
}

.detail_img:after{
 content: '';
 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75.45%, #000000 100%);
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.detail_img a{
 position: absolute;
 left: 0;
 bottom: 30px;
 color: #fff;
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 z-index: 3;
 left: 0;
 right: 0;
 margin: 0 auto;
 display: block;
 text-align: center;
 border-bottom: 1px solid;
 width: max-content;
}

.control_top img{
 max-width: 100%;
 height: 100%;
 object-fit: cover;
}
.control_top .title_block{
 text-align: left;
 margin-bottom: 40px;
 margin-top: 7px;
}

.control_top .title_block:after{
 right: auto;

}
.control_top .subtitle{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 text-align: left;
}
.control{
 overflow: hidden;
 margin-top: 50px;
 margin-bottom: 100px;
}

.control_top_right{
 position: relative;
 margin-top: 30px;
 padding: 44px 0;
 color: #fff;
 max-width: 495px;
}

.control_top_right:after{
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100vw;
 background: #121212;
 height: 100%;
 z-index: -1;
 left: -200px;
}
.control_top_title{
 font-weight: 500;
 font-size: 24px;
 line-height: 29px;
}

.control_video_left{
 position: relative;
padding: 40px 0;
 margin: 20px 0;
 padding-right: 28px;
}
.control_video_left:before{
 content: '';
 position: absolute;
 top: 0;
 width: 100vw;
 height: 100%;
 z-index: -1;
 background: #F1F1F2;
 right: -60px;
 left: auto;
}
.control_video_left_text{
 font-weight: 300;
 font-size: 16px;
 line-height: 132%;
 margin-bottom: 18px;
}


.control_video ul li{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
}

.control_video ul li:before{
background: #000;
}

.control_video .row{
 align-items: center;
}


.control_galley .center_slider .slick-slide img{
 border: 1px solid #000;
}

.control_galley .center_slider .slick-slide img{
 width: 412px;
 height: 502.64px;
object-fit: cover;
}

.control_galley .center_slider .slick-current img{
 width: 644px;
 height: 700px;
 object-fit: cover;
}

.control_galley .center_slider {
 height: 793px;
}

.control_galley .custom-arrow{
 margin-top: 50px;
}

.control_galley_item_text{
 display: none;
 font-weight: 300;
 font-size: 16px;
 line-height: 132%;
 color: #FFFFFF;
 padding: 30px;
 max-width: 644px;
 margin: 0 auto;
 background: #000000;
}

.control_galley .center_slider .slick-current .control_galley_item_text{
 display: block;
}

.control_galley{
 margin-top: 140px;
}

.control_galley .title_block{
 max-width: 530px;
 margin: 0 auto;
 margin-bottom: 40px;
}

.control_galley .subtitle{
 max-width: 865px;
 margin: 0 auto;
 margin-bottom: 50px;
}

.table_prices_3_columns td:first-child,
.table_prices_4_columns td:first-child{
 text-align: left;
}

.table_prices_3_columns thead th,
.table_prices_4_columns thead th{
 font-weight: 500;
 font-size: 20px;
 line-height: 132%;
}

.table_prices_3_columns  td,
.table_prices_4_columns  td{
 font-weight: 300;
 font-size: 16px;
 line-height: 132%;
}

.table_prices_3_columns
.table_prices_4_columns {
 margin-top: 50px;
}

.table_prices_3_columns th:nth-child(1){
 width: 100%;
}

.table_prices_3_columns th:nth-child(2){
 width: 10%;
 padding: 0;
}
.table_prices_3_columns th:nth-child(3){
 width: 15%;
 padding: 0;
}

.table_prices_3_columns td:nth-child(2){
 padding: 0;
}

.table_prices_3_columns td:nth-child(3){
 padding: 0;
}

.table_prices_3_columns thead th:first-child{
 width: auto;
}

.table_prices_4_columns thead th:first-child{
 width: auto;
}


.table_prices_4_columns th:nth-child(1){
 width: 100%;
}

.table_prices_4_columns th:nth-child(2){
 width: 10%;
 padding: 0;
}
.table_prices_4_columns th:nth-child(3){
 width: 12%;
 padding: 0;
}

.table_prices_4_columns th:nth-child(4){
 width: 10%;
 padding: 0;
}

.table_prices_4_columns td:nth-child(2){
 padding: 0;
}

.table_prices_4_columns td:nth-child(3){
 padding: 0;
}


.table_prices_4_columns td:nth-child(4){
 padding: 0;
}

.prices{
 margin-top: 50px;
}

.prices .title_block{
 text-align: left;
 margin-bottom: 40px;
}

.prices .title_block:after{
 right: auto;
}

.prices .subtitle{
 font-weight: 500;
 font-size: 18px;
 line-height: 22px;
 margin-bottom: 25px;
 text-align: left;
}
.prices_descr{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
 color: #888888;
margin-bottom: 50px;
}


.table_2{
 margin-top: 100px;
}

.expand_table{
 text-align: center;
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;

 margin: 0 auto;
 text-align: center;
 margin-top: 40px;
position: relative;
}

.expand_table span{
 border-bottom: 1px solid;
 cursor: pointer;
 transition: ease-in-out .3s;
}

.expand_table span:hover{
 color: red;
 transition: ease-in-out .3s;
}

.expand_table:after{
 content: '';
 background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
width: 100%;
 height: 100px;
 position: absolute;
 left: 0;
 bottom: 50px;
}

.expand_table.remove-bg:after{
 content: none;
}


.tr_hide td{
 display: none;
}



.video-container {
 position: relative;
 padding-bottom: 56.25%;
}

.video-container iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.cw_reviews-item-video{
 margin-top: 20px;
}

.cw_reviews-item-video .cw_reviews-item-info{
 margin-top: 20px;
}

.img-fluid{
 max-width: 100%;
}

.services_detail_left{
 position: relative;
 padding-top: 50px;
 padding-bottom: 50px;
}
.services_detail .title_block{
 text-align: left;
 margin-top: 50px;
}

.serv_var .title_block{
 margin-top: 0px;
}
.services_detail .title_block:after{
 right: auto;
}
.services_detail_left:after{
 content: '';
 background: #F1F1F2;
 position: absolute;
 left: -20vw;
 width: 80vw;
 top: 0;
 height: 100%;
 z-index: -1;
}

.services_detail_left p{
 font-weight: 500;
 font-size: 16px;
 line-height: 132%;
}

.services_detail_left .btn_black{
 margin-top: 30px;
}

.services_detail_right{
 position: relative;
}
.services_detail_right ul{
 position: absolute;
 bottom: 0;
 list-style: none;
 padding: 0;
 margin: 0;
 background: rgba(241, 241, 242, 0.9);
}

.services_detail_right ul li{
 font-weight: 600;
 font-size: 16px;
 line-height: 19px;
 padding: 20px 45px;

}
.services_detail_right ul li:not(:last-child){
 border-bottom: 1px solid #B9B9B9;
}
.services_detail_right ul li a{
 color: #121212;
}

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


.service_table{
 background: #121212;
 padding: 40px 49px;
 color: #fff;
 margin-top: 100px;
 margin-bottom: 100px;
}

.service_table .table_compl th,
.service_table .table_compl td{
 padding: 12px 0;
}

.service_table .table_compl thead{
 background: none;
}

.service_table .table_compl tr:last-child{
 border-bottom: none;
}

.service_table_title{
 font-weight: 600;
 font-size: 28px;
 line-height: 132%;
 position: relative;
 margin-bottom: 40px;
}

.service_table_title:after{
 content: '';
 position: absolute;
 max-width: 388px;
 width: 100%;
 height: 3px;
 left: 0;
 right: auto;
 background: #fff;
 margin: 0 auto;
 bottom: -15px;
}


.serv_var_title{
 font-weight: 600;
 font-size: 20px;
 line-height: 24px;
 margin-bottom: 15px;
}

.serv_var .features__image{
 margin-left: 0;
 width: 100%;
 min-height: auto;
 object-fit: cover;
 height: 100%;
}

.serv_var .features{
 margin-top: 0;
}

.serv_var .subtitle{
 text-align: left;
 max-width: 515px;
}

.serv_var  .features__wrapper{
 position: relative;
}

.serv_var  .features__wrapper:after{
content: '';
 width: 100vw;
 height: 100%;
 position: absolute;
 background: #121212;
 left: 0;
 right: -100vw;
 z-index: -1;
}

.services_slider .slick-current img{
 border: 1px solid #000000;
}


.services_detail .custom-arrow{
 margin-top: 50px;
}

.serv_gall .title_block{
  text-align: center;
 margin-top: 0;
}

.serv_gall .title_block:after{
 right: 0;
 max-width: 115px;
}

.serv_file_row{
 display: flex;
}

.serv_file{
 font-weight: 500;
 font-size: 20px;
 line-height: 24px;
 display: flex;
 margin-right: 75px;
 display: flex;
 align-items: center;
 color: #000000;
 margin-bottom: 30px;
}

.serv_file a{
 color: #000000;
}


.serv_file img{
 margin-right: 15px;
}

.serv_file_desc{
 font-weight: 300;
 font-size: 16px;
 line-height: 19px;
 color: #888888;
 margin-top: 8px;
}


.services_detail .quote{
 margin-top: 0;
}


.other-projects .title_block{
 text-align: center;
}

.other-projects .title_block:after{
 right: 0;
}
.other-projects-slider .card_top img{
 height: 385px;
 object-fit: cover;
 object-position: center;
}

.navbar-toggler{
 display: none;
}

.btn-close{
 background: url(/local/templates/srg/images/close-svgrepo-com.svg) no-repeat;
 width: 25px;
 height: 25px;
 background-size: cover;
 border: none;
 padding: 0;
 position: absolute;
 right: 15px;
 top: 15px;
}

.modal-content{
 padding: 35px 35px 40px;
 border-radius: 0;
 border: none;
}

.modal_title{
 text-align: center;
 font-size: 26px;
 margin-bottom: 4px;
 text-transform: uppercase;
}

.modal_subtitle{
 text-align: center;
 font-size: 19px;
 margin-bottom: 20px;
}
.input_wrapper{
 margin-bottom: 15px;
}

.input_wrapper input{
 max-width: 100%;
 width: 100%;
 padding: 12px 15px;
 border: 1px solid #ccc;
 font-size: 18px;
}

.btn_send{
 background: #121212;
 border: 1px solid #121212;
 color: #fff;
 padding: 12px 20px;
 margin: 0 auto;
 display: block;
 width: 100%;
 max-width: 220px;
 font-size: 18px;
 transition: ease-in-out .3s;
}

.btn_send:hover{
 background: #fff;
color: #000;
 transition: ease-in-out .3s;
}

.input_wrapper_btn{
 margin-bottom: 0;
}



/* Customize the label (the container) */
.container-checkbox {
 display: block;
 position: relative;
 padding-left: 27px;
 margin-bottom: 12px;
 cursor: pointer;
 font-size: 16px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
 height: 0;
 width: 0;
}

/* Create a custom checkbox */
.checkmark {
 position: absolute;
 top: 4px;
 left: 0;
 height: 15px;
 width: 15px;
 background-color: transparent;
 border: 1px solid;
}



/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
 content: "";
 position: absolute;
 display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
 display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
 left: 5px;
 top: -3px;
 width: 8px;
 height: 14px;
 border: solid black;
 border-width: 0 2px 2px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.container-checkbox a{
 color: #000;
 border-bottom: 1px solid;
 transition: ease-in-out .3s;
}

.container-checkbox a:hover{
 color: red;
 transition: ease-in-out .3s;
}


.modal-video iframe {
 display: block;
 max-width: 100%;
}

.modal-video .modal-dialog {
 max-width: 1176px;
 width: calc(100% - 30px);
 margin-left: auto;
 margin-right: auto;
}

.modal-video .modal-content{
 padding: 0;
}

.modal-video .btn-close{
 top: -25px;
 right: 0;
}

.col-main-video .video_play{
 width: 55px;
 height: 55px;
}
.col-main-video .video_play svg{
 width: 17px;
}

.video_play{
 transition: ease-in-out .3s;
}
.video_play svg{
 margin-left: 4px;
 transition: ease-in-out .3s;
}
.video_play svg path{
 transition: ease-in-out .3s;
}
.video_play:hover{
 background: #000;
 transition: ease-in-out .3s;
}
.video_play:hover svg path{
 fill: #fff;
 transition: ease-in-out .3s;
}


.cw_reviews-item-video .video_play{
 width: 70px;
 height: 70px;
}

.under_banner + .features{
 margin-bottom: 100px;
}

.cw_buro_mobile_title{
 display: none;
}
.slick-dots{
 list-style: none;
 display: flex;
 justify-content: center;
}

.slick-dots li{
 margin: 5px;
}
.slick-dots li button{

 font-size: 0;
 border: none;
 border-radius: 100%;
 width: 8px;
 padding:0;
 height: 8px;
 background: #ccc;
}

.slick-dots li.slick-active button{
 background: #121212;
}


.fasad .title_block:after{
 width: 100px;
}

.complectation .title_block:after{
 width: 170px;
}

.nav-item.dropdown .nav-item.dropdown .nav-link{
color: #000;
 text-transform: inherit;
 padding: 5px 15px;
}

.pagination{
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 30px;
}


.pagination a{
 color: #030303;
 font-size: 22px;
 font-weight: 300;
 line-height: 22px;
 width: 29px;
 height: 32px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 margin: 0 5px;
}

.pagination b{
 color: #FFF;
 font-size: 22px;
 font-weight: 300;
 line-height: 22px;
 background: #121212;
 width: 29px;
 height: 32px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 margin: 0 5px;
}

.card_lg .card_top img{
 height: 385px;
 object-fit: cover;
 margin-bottom: 0;
}


.dropdown:hover >  .dropdown-menu{
 opacity: 1;
 display: block;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
 border-radius: 0;
}

.dropdown .dropdown .dropdown-menu{
 left: 236px;
 top: -9px;
}


.nav-item.dropdown:first-child  .dropdown-menu .dropdown-menu{
 left: 158px;
}


.card_detail_plan_fos{
 margin-bottom: 70px;
}

.slider_detail_nav_mobile{
 display: none;
}

.card_detail_plan_fos .fos_bottom_right_row{
 display: flex;
 align-items: center;
}

.detail_fos .fos_bottom_right_row{
 display: flex;
 align-items: center;
}

.custom-arrow div{
 cursor: pointer;
 transition: ease-in-out .3s;
}
.custom-arrow div[class^="prev-arrow-"]{
 position: relative;
 left: 0px;
}
.custom-arrow div[class^="prev-arrow-"]:hover{
 left: -10px;
 transition: ease-in-out .3s;
}
.custom-arrow div[class^="next-arrow-"]{
 position: relative;
 right: 0px;
}
.custom-arrow div[class^="next-arrow-"]:hover{
 right: -10px;
 transition: ease-in-out .3s;
}

.custom-arrow .prev-arrow{
 position: relative;
 left: 0px;
}
.custom-arrow .prev-arrow:hover{
 left: -10px;
 transition: ease-in-out .3s;
}
.custom-arrow .next-arrow{
 position: relative;
 right: 0px;
}
.custom-arrow .next-arrow:hover{
 right: -10px;
 transition: ease-in-out .3s;
}

.title_full{
 max-width: 100%!important;
}

.breadcrumbs a{
 color: #696969;
 font-size: 14px;
 font-style: normal;
 font-weight: 300;
 line-height: normal;
}
.breadcrumbs span{
 color: #696969;
 font-size: 14px;
 font-style: normal;
 font-weight: 300;
 line-height: normal;
}
.breadcrumbs{
 border-bottom: 1px solid #D9D9D9;
 height: 42px;
 display: flex;
 align-items: center;
}


.main_menu .navbar-nav > li:first-child > a{
 padding-left: 0;
}

.main_menu .navbar-nav > li:last-child > a{
 padding-right: 0;
}

.bx-breadcrumb-item{
 display: inline-block;
}
.breadcrumbs a span{
 transition: ease-in-out .3s;
}
.breadcrumbs a:hover span{
 color: rgb(255 0 0);
 transition: ease-in-out .3s;
}

.portfolio_item{
 overflow: hidden;
}
.portfolio_item img{
 transform: scale(1);

 transition: ease-in-out .3s;
}

.portfolio_item:hover img{
 transform: scale(1.1);
 transition: ease-in-out .3s;
}

.slider_detail_nav{
 margin-top: 20px;
 max-width: 88%;
}

.slider_detail_for_wrapper{
 position: relative;
}
.portfolio_detail{
 margin-top: 50px;
 margin-bottom: 80px;
}
.portfolio_slider_item img{
 width: 100%;
 height: 700px;
 object-fit: cover;
 object-position: center;
}

.portfolio_slider_wrapper{
 position: relative;
}
.portfolio_slider_wrapper .custom-arrow{
 position: absolute;
 bottom: 30px;
 z-index: 2;
}

.portfolio_slider_item{
 position: relative;
}
.portfolio_slider_item:before{
 content: '';
 background: linear-gradient(180deg, #000000 -10.63%, rgba(63, 62, 62, 0) 32.97%);
 transform: rotate(-180deg);
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
 pointer-events: none;
}



.portfolio_p_item{
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 position: relative;
 min-height: 30px;
 margin-bottom: 15px;

}

.portfolio_p{
 max-width: 800px;
 margin: 0 auto;
 margin-top: 50px;
}

.portfolio_p_item_left{
 font-size: 20px;
 background: #fff;
 z-index: 2;
 padding-right: 6px;
}

.portfolio_p_item_right{
 font-size: 20px;
 background: #fff;
 z-index: 2;
 padding-left: 6px;
}

.portfolio_p_item:after {
 content: '';
 height: 1px;
 width: 100%;
 background: #D9D9DC;
 position: absolute;
 bottom: 7px;
 z-index: 1;
}
.portf_projects_item{
 cursor: pointer;
}
.portf_projects_item img{
 max-width: 100%;
}

.fancybox__slide.has-image>.fancybox__content{
 height: 100%!important;
 width: 100%!important;
}

.portf_projects{
 margin-top: 60px;
}

.portf_projects h2{
 text-align: left;
 margin-bottom: 30px;
}

.portf_projects .title_block:after{
 right: auto;
 max-width: 100px;
}

.nav-item.dropdown:nth-child(2) .dropdown-menu .dropdown-menu{
 right: auto;
 left: 236px;
}

.nav-item.dropdown{
 position: relative;
}
.nav-item.dropdown .nav-item.dropdown:after{
 content: '';
 background: url(/local/templates/srg/images/arrow-menu-black.svg) no-repeat;
 transform: rotate(-90deg);
 width: 7px;
 height: 13px;
 position: absolute;
 background-size: cover;
 top: 9px;
 border: none;
 right: 20px;

}

.nav-item.dropdown .nav-item{
 padding-right: 30px;
}
.nav-item.dropdown .nav-item.dropdown .nav-item{
 padding-right: 0px;
}

.nav-item.dropdown a[href="/about/"] + .dropdown-menu .nav-item{
 padding-right: 0;
}

.nav-item.dropdown a[href="/portfolio/"] + .dropdown-menu .nav-item{
 padding-right: 0;
}


.dropdown-item:hover, .dropdown-item:focus{
 background: none!important;
 color: red!important;
 transition: ease-in-out .3s;
}

.serv-text-1{
 margin-top: 40px;
}

.serv-text-2{
 margin-top: 40px;
}

.serv-text-3{
 margin-top: 40px;
}

.services_detail .other-projects h2{
 margin-top: 0;
}

.serv_gall{
 margin-top: 40px;
}


.bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
 background: #797979;
 height: 1px;
 top: 1px;
}

.bx-filter .bx-ui-slider-range{
 height: 1px;
}

.bx-filter .bx-ui-slider-part{
 background: none;
}


.bx-filter.bx-blue .bx-ui-slider-track {
 background: transparent;
 z-index: 1;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-v {
 background: #000;
 height: 2px;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-vd {
 background: #000;
 height: 2px;
}


.bx-filter.bx-blue .bx-ui-slider-handle.right{
 width: 12px;
 height: 12px;
 background: #000;
 margin-right: 0;
 margin-top: -6px;
 z-index: 99;
}

.bx-filter.bx-blue .bx-ui-slider-handle.left{
 width: 12px;
 height: 12px;
 background: #000;
 margin-left: 0;
 margin-top: -6px;
 z-index: 99;
}

.filter_bg{
 background: #F7F7F8;
 margin-bottom: 50px;
}

.bx-filter.bx-blue .bx-filter-section {
 background: none!important;
 padding-right: 0;
}

.bx-filter-block .checkmark{
 height: 18px;
 width: 18px;
 background-color: #fff;
 border: none;
 top: 1px;
}

.bx-filter-block .container-checkbox .checkmark:after{
 border: none;
 background: url(/local/templates/srg/images/checkbox.svg) no-repeat;
 transform: none;
 width: 13px;
 height: 14px;
 background-size: cover;
 top: 1px;
 left: 3px;
}


.bx-filter .bx-filter-param-label{
 color: #7F7F7F;
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}


.bx-filter .bx-filter-parameters-box-title span{
 color: #121212;
 font-size: 18px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}


.checkbox-row{
 display: flex;
 padding-top: 15px;
}


.checkbox-row .checkbox{
 margin-right: 30px;
}

.bx-filter .fa.fa-angle-up{
 display: none;
}


.bx-filter .bx-filter-select-arrow{
 background-image: url(/local/templates/srg/images/select-arrow.svg);
 background-repeat: no-repeat;
 background-color: #000;
 width: 40px;
 height: 100%;
}


.bx-filter .bx-filter-select-block{
 height: 40px!important;
 border-radius: 0;
}

.bx-filter .bx-filter-select-text{
 line-height: 40px!important;
 color: #7F7F7F;
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}

.bx-filter .bx-filter-select-container{
 border: none!important;
}

.bx-ui-slider-handle.right .max-price,
.bx-ui-slider-handle.left .min-price{
 background: none;
 border: none;
 width: fit-content;
 width: 90px;
 color: #272727;
 font-size: 12px;
 top: -20px;
 position: absolute;
 right: 0;
 left: 0;
 text-align: center;
 margin-left: -38px;
 outline: none!important;
}


.bx-filter .bx-filter-parameters-box-title{
 pointer-events: none;
 padding-bottom: 15px;
}

.bx-filter .bx-ui-slider-track-container {
 padding-top: 30px;
 padding-bottom: 0;
}

.bx-filter-parameters-box{
 margin: 25px 45px 25px 0;
}

.filter-col-2{
 max-width: 264px;
}

.filter-col-3{
 max-width: 181px;
}

.filter-col-61{
 max-width: 181px;
}

.filter-col-195{
 max-width: 264px;
}

.filter-col-186{
 max-width: 210px;
}

.filter-col-187{
 max-width: 210px;
}

.filter_row{
 display: flex;
 align-items: center;
}

#del_filter{
 color: #000;
 font-size: 18px;
 font-family: Museo Sans Cyrl;
 font-style: normal;
 font-weight: 600;
 line-height: normal;
 border: none;
 background: none;
 border-bottom: 1px solid;
 margin-right: 40px;
 padding: 0;
}

.bx-filter-parameters-box-container{
 display: flex;
 flex-direction: row-reverse;
 align-items: center;
 padding-bottom: 0;
 position: relative;
}
.filter_col-left{
 position: relative;
}
.filter_col-left:after{
 content: "";
 border-right: 3px solid #E2E2E2;
 right: 85px;
 position: absolute;
 top: 19px;
 height: 80%;
}

#modef{
 display: none!important;
}

.expand_filter{
 display: flex;
 align-items: center;
 position: absolute;
 z-index: 2;
 left: 0;
 background: #f7f7f8;
 cursor: pointer;
}

.expand_filter span{
 border-bottom: 1px solid #000;
 text-transform: uppercase;
}

.expand_filter svg{
 margin-left: 5px;
}

.filter_col-left{
 height: 145px;
 overflow: hidden;
}

.filter_col-right{
 min-width: 412px;
}

.filter_col-left{
 transition: ease-in-out .3s;
}

.filter_col-left-full{
 height: 271px!important;
 transition: ease-in-out .3s;
}



.h_top .title_block{
 text-align: left;
margin-bottom: 40px;
}

.h_top .title_block:after{
 right: auto;
 max-width: 191px;
}

.h_top .subtitle{
 text-align: left;
 margin-bottom: 12px;
}
.h_description{
 color: #888;
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}


.h_text{
 margin-top: 30px;
 color: #FFF;
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
 background: #121212;
 padding: 50px;
 padding-right: 245px;
}

.h_top_right{
 margin-left: -221px;
 text-align: right;
 margin-top: -48px;
}

.h_top_right img{
 max-width: 100%;
}
.h_top_right_text{
 background: #D9D9D9;
 color: #000;
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
 padding: 21px;
 margin-left: 0;
 max-width: 88%;
 margin-top: -30px;
 z-index: 2;
 position: relative;
 text-align: left;
}


.h_text p:last-child{
 margin-bottom: 0;
}


.h-2{
 padding-top: 123px;
 margin-bottom: 101px;
 position: relative;
 overflow: hidden;
}

.h-2 .h2-bg {
 background: #F1F1F2;
 padding: 50px;
 padding-right: 0;
}

.h-2 .h2-bg:after{
 content: '';
 background: #F1F1F2;
 width: 100vw;
 left: 0;
 right: -100vw;
 position: absolute;
 top: 123px;
 height: 100%;
 z-index: -1;
 left: 60vw;
}

.history{
 margin-top: 50px;
}
.h-2_right{
 margin-left: -110px;
 padding-left: 103px;
}

.h-2_text{
 line-height: normal;
}

.h-2_left{
 margin-top: -130px;
}


.h_description{
 margin-top: 35px;
}

.f-h-text{
 color: #FFF;
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
 position: relative;
 padding: 50px 0;
}

.f-h-text:before{
  content: '';
 background: #121212;
 position: absolute;
 width: calc(100vw + 200px);
 left: -50vw;
 height: 100%;
 z-index: -1;
 top: 0;
}

.f-h-text p:last-child{
 margin-bottom: 0;
}

.h-f-right img{
 max-width: 100%;
}

.h-f .title_block{
 text-align: left;
 margin-bottom: 40px;
}
.h-f .title_block:after{
 right: auto;
 max-width: 267px;
}

.h-f .subtitle{
 text-align: left;
 margin-bottom: 30px;
}


.h-f .h_description{
 padding-right: 100px;
}

.f-h-text{
 padding-right: 50px;
}

.h-uk-left img{
 max-width: 100%;
 height: 350px;
 object-fit: cover;
}

.h-uk-right img{
 max-width: 100%;
 height: 406px;
 object-fit: cover;
 margin-bottom: -20px;
}

.uk-tilte{
 color: #000;
 font-size: 24px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
 margin-top: 30px;
}

.h-uk{
 margin-top: 102px;
 overflow: hidden;
}

.h-ul .title_block{
 margin-bottom: 40px;
}
.h-uk-bg{
 background: #F1F1F2;
 padding-top: 40px;
}
.uk-3{
 padding: 0;
}


.uk-3 img{
 width: 100%;
 max-height: 600px;
 object-fit: cover;
}

.uk-text{
 padding-top: 40px;
 line-height: normal;
 padding-bottom: 40px;
 position: relative;
}
.uk-text p:last-child{
 margin-bottom: 0;
}

.uk-text:after{
 content: '';
 background: #121212;
 position: absolute;
 width: 100vw;
 height: 100%;
 top: 0;
 z-index: -1;
 right: -104vw;
}
.poln{
 margin-top: 100px;
 padding-bottom: 160px;
 overflow: hidden;
}
.poln p{
 line-height: normal;
}

.poln .title_block{
 text-align: left;
 margin-bottom: 40px;
}

.poln .title_block:after{
  right: auto;
}

.poln  .subtitle{
 text-align: left;
}

.poln-right{
 position: relative;
}

.poln-right:after{
 content: '';
 background: #121212;
 position: absolute;
 width: 100vw;
 height: 100%;
 left: 80px;
 top: 0;
 z-index: -1;
}

.poln-1{
 margin-top: 66px;
 margin-bottom: 50px;
}
.poln-2 {
 margin-left: 135px;
 margin-bottom: -67px;
}


.poln p:last-child{
 margin-bottom: 0;
}

.h-uk-bg .list_white li:before{
 background: #000;
}

.h-3-left img{
 max-width: 100%;
}

.h-3-right .title_block{
 margin-bottom: 40px;
 text-align: left;
}

.h-3-right .title_block:after{
 right: auto;
}

.h-3-right .subtitle{
 text-align: left;
}

.h-3-text{
 position: relative;
 color: #fff;
 padding: 40px;
}

.h-3-text:after{
 content: '';
 background: #121212;
 position: absolute;
 width: 100vw;
 height: 100%;
 left: -80px;
 top: 0;
 z-index: -1;
}

.h-3-title{
 font-size: 18px;
}


.h-3-text hr{
 max-width: 410px;
 width: 100%;
 height: 1px;
 color: #fff;
 margin: 20px;
}

.about_company:before{
 height: 275px;
 top: 50%;
 transform: translate(0, -50%);
}

.about__content p:last-child{
 margin-bottom: 0;
}
.about_company .about__content{
 position: relative;
}
.about_company .about__content:after{
 content: '';
 width: 432px;
 height: 564px;
 position: absolute;
 bottom: 55px;
 right: -23px;
 z-index: -2;
 background: #F1F1F2;
}


.h-3{
 overflow: hidden;
}


.h-4 .title_block{
 text-align: left;
 margin-bottom: 40px;
}

.h-4 .title_block:after{
 right: auto;
}

.h-4 .subtitle{
 text-align: left;
}

.h-4 p{
 line-height: normal;
}

.h-4-row{
 align-items: center;
}


.h-5 .features__plus{
color: #fff;
}

.h-5 .title_block{
 text-align: left;
 color: #fff;
 margin-bottom: 40px;
}

.h-5 .title_block:after{
 right: auto;
 background-color: #fff;
}

.h-5 .subtitle{
 text-align: left;
}
.h-5  .features__top{
 margin-top: 0;
}
.h-5 .features__wrapper{
 position: relative;
}
.h-5 .features__wrapper:after{
 content: '';
 background: #121212;
 position: absolute;
 width: 100vw;
 height: 100%;
 left: 0;
 top: 0;
 z-index: -1;
}
.h-5{
 overflow: hidden;
}
.h-5 .row{
 align-items: center;
}

.h-5 .features__wrapper p:last-child{
 margin-bottom: 0;
}



.h-2-1-img{
 margin-left: 60px;
 margin-bottom: -64px;
}


.h-f-right{
 text-align: right;
}

.h-f-2{
 margin-top: -50px;
 position: relative;
 left: -66px;
}

.h-4-right img{
 max-width: 100%;
}

.h-uk .title_block{
 margin-bottom: 40px;
}

.fos_bottom_right_row a svg{
 width: 50px;
 height: 50px;
}


.page_404{
 text-align: center;
 margin-top: 80px;
 margin-bottom: 100px;
}

.title_404{
 font-size: 100px;
}
.subtitle_404{
 font-size: 20px;
}

.page_404 a{
 color: #000;
 border-bottom: 1px solid;
 margin-top: 20px;
 display: inline-block;
 transition: ease-in-out .3s;
}

.page_404 a:hover{
 color: rgb(255 0 0);
 transition: ease-in-out .3s;
}

.summ{
text-align: center;
}


.select2-container .select2-selection--single{
 height: 34px;
 display: flex;
 align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
 height: 32px;
}

label[for="tech"]{
 margin-right: 0!important;
}

.input-file{
 margin-bottom: 10px;
}

.form__block-price .btn_black{
 width: 100%;
 margin-bottom: 10px;
}

.form__block-price .container-checkbox{
 font-size: 12px;
}

.form__block-price .checkmark{
 top:0;
}

.calc{
 margin-top: 50px;
 margin-bottom: 50px;
}




.cw-gallery-sort {
 width: 100%;
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 margin-bottom: 20px;
}
.cw-gallery-link {
 border: 1px solid #ebeef1;
 width: 13%;
 text-align: center;
 padding: 10px 0;
 margin-right: 2%;
 margin-bottom: 2%;
 color: #000;
 box-shadow: 0 3px 7px rgba(0, 0, 0, .4);
}
.cw-gallery-sort:not(:first-child) {
 margin-bottom: 3%}
.cw-body-gallery:not(:first-child) {
 margin-top: 10px;
}
.cw-body-gallery {
 display: grid;
 text-align: center;
 grid-template-columns: repeat(9, 1fr);
 grid-auto-rows: minmax(250px, auto);
 grid-gap: 10px;
 width: 100%;
 margin: 0 auto;
 position: relative;
}
.cw-body-gallery div:first-child {
 grid-column: 1/4;
}
.cw-body-gallery div:nth-child(2) {
 grid-column: 4/10;
}
.cw-body-gallery div:nth-child(3) {
 grid-column: 1/7;
 grid-row: 2/4;
}
.cw-body-gallery div:nth-child(4) {
 grid-column: 7/10;
}
.cw-body-gallery div:nth-child(5) {
 grid-column: 7/10;
}
.cw-gallery-link {
 display: flex;
 justify-content: center;
 align-items: center;
 transition: .6s;
}
.cw-gallery-link:hover {
 background-color: #191c1c;
 color: white;
 border: 1px solid #191c1c;
 transform: scale(1.15);
}
.cw-gallery-img-wrap {
 width: 100%;
 position: relative;
 box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}
.cw-gallery-img-wrap a {
 display: none;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 3;
}
.cw-gallery-img-wrap:hover a {
 display: block;
}
.cw-gallery-img-wrap .dark_block_animate {
 position: absolute;
 width: 100%;
 top: 0;
 left: 0;
 opacity: 0;
 background-color: rgba(0, 0, 0, .6);
 -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
 transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
 display: block;
 height: 100%;
 z-index: 2;
}
.cw-gallery-img-wrap:hover .dark_block_animate {
 opacity: 1;
}
.cw-gallery-img-wrap .dark_block_animate{
 position: absolute;
 width: 100%;
 top: 0;
 left: 0;
 opacity: 0;
 background-color: rgba(0, 0, 0, .6);
 -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
 transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
 display: block;
 height: 100%;
 z-index: 2;
}
.cw-button-view-more-wrap {
 width: 100%;
 margin-top: 25px;
 display: flex;
 justify-content: center;
}
.cw-gallery-img {
 width: 100%;
 height: auto;
}
.cw-link-selected {
 background-color: #191c1c;
 color: white!important;
}
.cw-view-more {
 background: #121212;
 color: white;
 text-transform: uppercase;
 font-size: 13px;
 border: none;
 border-radius: 0;
 padding: 15px 25px;

}
.cw-view-more:hover {
 color: #191c1c;
 background: white;
 outline: 1px solid #191c1c;
}
.input-wrapper .cw_row .cw_rad_vib .cw_rad_vib--active div label {
 padding: 0;
}
.cw-gallery-animation {
 position: fixed;
 top: 40%;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
 width: 100px;
 display: none;
 justify-content: center;
}
.cw-grid-items {
 display: grid;
 text-align: center;
 grid-template-columns: repeat(3, 1fr);
 grid-auto-rows: minmax(auto, auto);
 grid-gap: 10px;
 width: 100%;
 grid-gap: 4%}


.cw-gallery-body{
 margin-top: 50px;
 margin-bottom: 80px;
}

.cw-gallery-loader {
 text-align: center;
 padding: 100px;
 position: absolute;
 left: 0;
 right: 0;
 width: 40px;
 margin: 0 auto;
 display: block;
 z-index: -1;
}

.cw-gallery-body {
 min-height: 600px;
 position: relative;
}



.tablebodytext{
 display: none!important;
}

.load-more-items{
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
 color: #FFFFFF;
 background: #121212;
 padding: 25px 53px;
 border: 1px solid #fff;
 display: inline-block;
 cursor: pointer;
 transition: ease-in-out .3s;
 margin-top: 30px;
}

.load-more-items:hover{
 background: #fff;
 border: 1px solid;
 color: #000;
 transition: ease-in-out .3s;
}

#pag{

text-align: center;
}
#pag-2{

 text-align: center;
}

#pag-3{

 text-align: center;
}

.ipoteka_bg .btn_black{
 z-index: 1;
 position: relative;
margin-top: 10px;
}

.detail_text{
 margin-top: 70px;
}

.video_review{
 margin-top: 40px;
}

.item-content .card_price svg path{
 fill: #fff;
}

.item-content .card_price svg{
 margin-top: -3px;
}

.design-projects-slider-item .card_price svg{
 margin-top: -3px;
}



a[href="/services/"] + .dropdown-menu{
 max-width: 235px;
}

a[href="/services/"] +  .dropdown-menu .dropdown-menu {
 left: 232px;
}

a[href="/projects/"] + .dropdown-menu{
 width: 212px;
}

.main_shorts{
 margin-top: 80px;
 margin-bottom: 100px;
}

.video_start_main {
 position: relative;
}

.video_start_main .video-container{
 z-index: 1;
}

.video_start_main .video_item_img{
 position: absolute;
 width: 100%;
 height: 100%;
z-index: 2;
}

#ipoteka {
 margin-top: 100px;

 background: url(/upload/medialibrary/ccc/i04g1us891bhywy1faupo9sqyad0djla.jpg) right 50vw center no-repeat, url(/upload/medialibrary/86f/gyyl8za4vt799umfzy5075qtpdjkuzap.jpg) left 50vw center no-repeat;
 background-size: 50% auto, 50% auto;
}
.fos1__wrapper {
 padding: 85px 20px 95px;
 background-color: #121212;
}
.fos1-imgs {
 display: flex;
 align-items: center;
 max-width: 550px;
 margin: 0 auto;
 margin-bottom: 30px;
 justify-content: space-around;
}
.fos1-img img{
 height: auto;
 max-width: 150px;
 max-height: 60px;
}

.fos1__heading {
 padding-bottom: 0;
 text-transform: none;

 color: #fff;
 font-size: 26px;
 line-height: 36px;
 max-width: 670px;
 margin: 0 auto;
 margin-bottom: 40px;
}

.fos1__row {
 display: flex;
 justify-content: center;
}

.fos1__input {
 margin-right: 20px;
 width: 100%;
 max-width: 305px;
 color: #fff;
 font-weight: 400;
 font-size: 18px;
 line-height: 22px;
 padding: 25px 54px;
 background-color: #313131;
 border: 1px solid #313131;
 outline: none;
}

.fos1__submit{
 width: fit-content;
 text-decoration: none;
 text-align: center;
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
 color: #000000;
 display: block;
 padding: 25px 54px;
 background-color: #ffffff;
 border: 1px solid #ffffff;
 cursor: pointer;
 transition: 0.3s;
}


#form_ipoteka .container-checkbox{
 text-align: center;
 color: #fff;
 max-width: 400px;
 margin: 0 auto;
}


#form_ipoteka .container-checkbox a{
 color: #fff;
}

#form_ipoteka .container-checkbox .checkmark:after{
 border: solid #fff;
 border-width: 0 2px 2px 0;
}


#form_ipoteka  .form-input{
 max-width: 305px;
 color: #fff;
 font-weight: 400;
 font-size: 18px;
 line-height: 22px;
 padding: 25px 54px;
 background-color: #313131;
 border: 1px solid #313131;
 outline: none;
 margin-right: 20px;
}




#form_ipoteka_2 .container-checkbox{
 text-align: center;
 color: #fff;
 max-width: 400px;
 margin: 0 auto;
}


#form_ipoteka_2 #phone-error{
 color: #fff!important
}


#form_ipoteka_2 .container-checkbox a{
 color: #fff;
}

#form_ipoteka_2 .container-checkbox .checkmark:after{
 border: solid #fff;
 border-width: 0 2px 2px 0;
}


#form_ipoteka_2  .form-input{
 max-width: 305px;
 color: #fff;
 font-weight: 400;
 font-size: 18px;
 line-height: 22px;
 padding: 25px 54px;
 background-color: #313131;
 border: 1px solid #313131;
 outline: none;
 margin-right: 20px;
}


.fos1-img{
 margin: 0 15px
}


.bank2 img{
 max-height: 58px;
}

#phone-error{
 display: block;
 color: #000;
}

.service_table .cw-table-modified{
 color: #fff;
}

.service_table .table-striped > tbody > tr:nth-of-type(odd) > *{
 color: #fff;
}

.cw-table-modified img{
 max-width: 200px;

}


#form_ipoteka #phone-error{
 color: #fff;
}

.other-projects-slider .slick-list{
 margin: 0 -10px;
}
.other-projects-slider .design-projects-slider-item{
 margin: 0 10px;
}

.policy{
 margin-top: 50px;
}

.service_table .table_compl td:first-child{
 padding-left: 0;
 padding-right: 0;
}

.mobile-arrow{
 display: none;
 cursor: pointer;
}

.fancybox-image{
 max-width: 2000px;
 margin: 0 auto;
 display: block;
 left: 0;
 right: 0;
}



/*.col_shorts::after { content: ""; background: transparent; width: 100%; height: 100%; min-height: 1px; position: absolute; top: 0; }*/


.nav-pills .nav-link{
 font-weight: 600;
 font-size: 18px;
 line-height: 22px;
 color: #FFFFFF;
 background: #121212;
 border-radius: 0;
 padding: 15px 40px;
 margin-right: 15px;
 border: 1px solid #121212;
}

.nav-pills .nav-link.active{
 color: #121212;
 background: #FFFFFF;
}

.nav-pills-wrapper{
 border: 1px solid;
 padding: 30px;
}


.accordion-flush .accordion-button{
 width: 100%;
 padding: 40px 20px;
 border: none;
 font-size: 26px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 text-align: left;
}

.accordion-flush .accordion-button span{
 text-decoration: underline;
}

.accordion-flush .accordion-button::after{
content: 'Подробнее';
 text-decoration: underline;
 color: #121212;
}

.accordion-flush .accordion-button:not(.collapsed)::after{
 content: '-';
 text-decoration: none;
 color: #121212;
}

.accordion-child .accordion-button{
 color: #121212;
}
.accordion-child .accordion-button::after{
 content: '+';
 text-decoration: none;
 color: #121212;
}

.accordion-child .accordion-button:not(.collapsed)::after{
 content: '-';
 text-decoration: none;
 color: #121212;
}

.accordion-child  .accordion-button{
 padding: 25px 20px;
 font-size: 22px;
 text-align: left;
}
.accordion-flush .accordion-button div{
 color: #121212;
}
.accordion-flush .accordion-button{
 color: #121212;
}

.accordion-child .grid{
 gap: 10px
}
.col-card_detail_right .card_price svg path{
 fill: #fff;
}


.cards .card_top img{
 height: 300px;
 object-fit: cover;
}

.detail_text iframe{
 display: block;
 margin-top: 20px;
 width: 100%;
}


.accordion-child .accordion-body{
 padding-top: 20px;
 padding-bottom: 20px;
}

.price-kap{
 text-decoration: none!important;
}
.price-kluch{
 text-decoration: none!important;

}

.filter-title{
 display: none;
}




.nav-tabs-portfilio{
 justify-content: center;
 border: none;
 margin-top: 45px;
}

.nav-tabs-portfilio .nav-link{
 border: 1px solid #121212;
 color: #121212;
 border-radius: 0;
 padding: 15px 30px;
 width: 100%;
 transition: ease-in-out .3s;
}


.nav-tabs-portfilio .nav-link.active{
 border: 1px solid #121212;
 background: #121212;
 color: #fff;
 transition: ease-in-out .3s;
}

.nav-tabs-portfilio .nav-item:first-child{
 margin-right: 20px;
}
.nav-tabs-portfilio .nav-item{
 width: 100%;
 max-width: 245px;
}
.nav-tabs-portfilio .nav-link:hover{
 border: 1px solid #121212;
 background: #121212;
 color: #fff;
 transition: ease-in-out .3s;
}
.nav-tabs-portfilio .nav-link.active:hover{
 background: #121212;
 color: #fff;
 transition: ease-in-out .3s;
}

/*.col_shorts_rel{*/
/* position: relative;*/
/* height: 414px;*/
/*}*/
/*.col_shorts img{*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* height: 100%;*/
/* object-fit: cover;*/

/*}*/


/*.col_shorts_rel iframe{*/
/* display: none;*/
/*}*/

/*.play-shorts{*/
/* position: absolute;*/
/* width: 70px;*/
/* height: 70px;*/
/* top: 50%;*/
/* transform: translate(0, -50%);*/
/* left: 0;*/
/* right: 0;*/
/* margin: 0 auto;*/
/* z-index: 2;*/
/*}*/

.main_shorts .custom-arrow{
 display: none;
}


.project-section-text{
 margin-top: 70px;
}
.filter_bg.cw-filter {
    /*display: none;*/
}


.sitemap{
 padding-top: 40px;
 padding-bottom: 40px;
}

.sitemap a{
 color: #121212;
}


.b24-widget-button-wrapper.b24-widget-button-position-bottom-right{
 visibility: visible!important;
}


.card_detail_plan_2_right-two{
 margin-top: 60px;
}

.card_detail_plan_2_right-two .card_detail_plan_slider2{
 display: flex;
 gap: 35px;
 margin-bottom: 50px;
 justify-content: center;
}

.card_detail_plan_2_right-two .card_detail_plan_slider_item_title{
 color: #121212;
}

.card_detail_plan_2{
 height: auto;
}

.card_detail_plan_2_right-two .card_detail_plan_slider_item img{
 height: 100%;
}


.ipoteka_main_banner .main_banner_title{
 margin-bottom: 0;
}

.ipoteka_main_banner .main_banner{
 background-position: right!important;
}


.ipoteka_main_banner .main_banner_wrap {
 padding-top: 120px;
 padding-bottom: 120px;
}

.ipoteka_block2{
 margin-top: 100px;

}

.ipoteka_block2_item{
 padding: 30px;
}
.ipoteka_block2_item_1{
 height: 100%;
 position: relative;
 background: #e5ecf4;
}


.ipoteka_block2_item_1:after{
 content: '';
 background: url(/local/templates/srg/images/ipoteka_block2_item1.png) no-repeat;
 width: 300px;
 height: 200px;
 position: absolute;
 right: -92px;
 bottom: -14px;
 background-size: 300px;
 transform: rotate(-14deg);
 filter: opacity(0.6);
}

.ipoteka_block2_item_2{
 height: 100%;
position: relative;
 background: #efefef;
}

.ipoteka_block2_item_2:after{
 content: '';
 background: url(/local/templates/srg/images/ipoteka_block2_item2.jpeg) no-repeat;
 width: 300px;
 height: 200px;
 position: absolute;
 right: -153px;
 bottom: -80px;
 background-size: 300px;
 transform: rotate(31deg);
 filter: opacity(0.6);
}

.ipoteka_block2_item_3{
 position: relative;
 background: #ffd9bd;
}

.ipoteka_block2_item_3:after{
 content: '';
 background: url(/local/templates/srg/images/ipoteka_block2_item3.png) no-repeat;
 width: 300px;
 height: 200px;
 position: absolute;
 right: -151px;
 bottom: -83px;
 background-size: 181px;
 filter: opacity(0.6);
}



.ipoteka_block2_item_4{
 position: relative;
 background: #ffd9bd;
}

.ipoteka_block2_item_4:after{
 content: '';
 background: url(/local/templates/srg/images/ipoteka_block2_item4.png) no-repeat;
 width: 145px;
 height: 128px;
 position: absolute;
 right: -5px;
 bottom: 0;
 background-size: 130px;
 filter: opacity(0.6);
}

.ipoteka_block2_item_5{
 position: relative;
 background: #ffd9bd;
}

.ipoteka_block2_item_5:after{
 content: '';
 background: url(/local/templates/srg/images/ipoteka_block2_item5.png) no-repeat;
 width: 145px;
 height: 99px;
 position: absolute;
 right: -5px;
 bottom: 0;
 background-size: 167px;
 filter: opacity(0.6);
}

.ipoteka_block2_item_6{
 position: relative;
 background: #ffd9bd;
}

.ipoteka_block2_item_6:after{
 content: '';
 background: url(/local/templates/srg/images/ipoteka_block2_item6.png) no-repeat;
 width: 116px;
 height: 160px;
 position: absolute;
 right: -5px;
 bottom: 0;
 background-size: 102px;
 filter: opacity(0.6);
}

.ipoteka_block2_item_6,
.ipoteka_block2_item_5,
.ipoteka_block2_item_4,
.ipoteka_block2_item_3{
 padding-bottom: 114px;
}

.ipoteka_block2_item_title{
 font-size: 22px;
 max-width: 490px;
 font-weight: 600;
 line-height: 1.3;
 z-index: 2;
 position: relative;
}

.ipoteka_block2_bank{
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 align-items: center;
 gap: 30px;
 z-index: 99;
 position: relative;
}
.ipoteka_block2_bank .fos1-img {
 margin: 0;
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: space-between;
}
.ipoteka_block2_bank .fos1-img:first-child{
 margin-top: 0px;
}
.ipoteka_block2_bank .fos1-img img {
 max-width: 190px;
 max-height: 80px!important;
 margin-bottom: 10px;
}

.fos1-img-wrapper{
 height: 105px;
 display: flex;
 align-items: center;
}

.ipoteka_block2_item{
 overflow: hidden;
}
.ipoteka_block2_item_1 .ipoteka_block2_item_title{
 margin-bottom: 20px;
}

.ipoteka_block2_item_2 .ipoteka_block2_item_title{
 margin-bottom: 20px;

}




.ipoteka_block2_item_4{
 background: #ffbaba;
}

.ipoteka_block2_item_5{
 background: #cfd9ff;
}

.ipoteka_block2_item_6{
 background: #c5ffcf;
}

.grid22{
 margin-top: 22px;
}

.ipoteka_block3_item{
 background: #f7f7f8;
 padding: 20px;
 height: 100%;
}


.ipoteka_block3_item img{
 margin-bottom: 20px;
}

.ipoteka_block3_item_title{
 font-size: 20px;
 font-weight: 600;
 margin-bottom: 10px;
}

.ipoteka_block3{
 margin-top: 100px;
 margin-bottom: 100px;
}


.ipoteka_block4{
 padding-top: 100px;
 padding-bottom: 100px;
 background: #f7f7f8;
}

.ipoteka_block4_item{
 background: #fff;
 padding: 20px;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.ipoteka_block4_item_title{
 text-align: center;
 font-size: 22px;
 margin-bottom: 15px;
}

.ipoteka_block4_item_name{
 color: #949494;
}

.ipoteka_block4_item_text{
 font-size: 20px;
 font-weight: 600;
}

.ipoteka_block4_item_row{
 margin-bottom: 15px;
}

.ipoteka_block4_item .btn_black{
 width: 100%;
 text-align: center;
 margin-top: 15px;
}




.ipoteka_faq .accordion__title{
 color: #fff;
}

.ipoteka_faq .accordion__text{
 color: #fff;
}


.ipoteka_faq .accordion__item{
 background: #000;
 padding: 7px 30px;
}



.ipoteka_faq .accordion__item.expanded .accordion__title:before {
 transform: rotate(90deg);
 transition: 0.3s;
}

.ipoteka_faq .accordion__text {
 overflow: hidden;
 padding-right: 30px;
 max-width: 630px;
 font-weight: 400;
 font-size: 16px;
 line-height: 19px;
 color: #FFFFFF;
 max-height: 0;
 transition: 0.3s;
}

.ipoteka_faq .accordion__item.expanded .accordion__text {
 max-height: 300px;
 padding-bottom: 20px;
 transition: 0.3s;
}



.ipoteka_faq .accordion:before {
 position: absolute;
 content: '';
 height: calc(100% + 100px);
 width: calc(50vw + 65px);
 top: -54px;
 left: -65px;
 background-color: #121212;
 z-index: 1;
}

.ipoteka_faq .accordion:before{
 content: none;
}

.ipoteka_faq .accordion__item {
 position: relative;
 z-index: 2;
 border-bottom: 1px solid #E7E6E3;
}

.ipoteka_faq .accordion__item:last-child {
 border-bottom: none;
}

.ipoteka_faq .accordion__title {
 position: relative;
 font-weight: 600;
 font-size: 20px;
 line-height: 24px;
 color: #FFFFFF;
 padding: 15px 30px 15px 0;
 cursor: pointer;
}

.ipoteka_faq .accordion__title:before {
 position: absolute;
 content: '';
 right: 0;
 top: 19px;
 width: 17px;
 height: 20px;
 background: url(/local/templates/srg/images/accordion-arrow.svg) center center no-repeat;
 background-size: contain;
 transition: 0.3s;
}


.ipoteka_faq{
 margin-top: 100px;
 margin-bottom: 100px;
}

.ipoteka_block5{
 margin-top: 100px;
}

.ipoteka_block5_item_num{
 background: #121212;
 border-radius: 100%;
 color: #fff;
 font-size: 24px;
 width: 50px;
 height: 50px;
 display: flex;
 align-items: center;
 justify-content: center;
 min-width: 50px;
}


.ipoteka_block5_item{
 display: flex;
 gap: 15px;
 margin-bottom: 20px;
}

.ipoteka_main_banner{
 background-position: center!important;
 background-size: cover!important;
}

.gotovie_main_banner .button--black{
 color: #000000;
 background-color: #ffffff;
 border: 1px solid #ffffff;
}

.main_banner_wrap ul{
 padding-left: 20px;
 margin-top: 25px;
 color: #fff;
 font-size: 24px;
}

.main_banner_wrap ul{
 list-style: none;
 padding: 0;
 margin: 0;
 margin-top: 20px;
}
.main_banner_wrap li {
 position: relative;
 padding-left: 20px;
 margin-bottom: 12px;
 max-width: 560px;
}
.main_banner_wrap ul li:before {
 position: absolute;
 content: '';
 top: 12px;
 left: 0;
 width: 10px;
 height: 10px;
 background-color: #fff;
}



.fos1-img a{
 font-size: 14px;
 color: #121212;
border-bottom: 1px solid;
}


.all_projects_ip{
 margin-top: 50px;
}


.ipoteka_objects h2{
 text-align: center;
}

.ipoteka_objects .title_block:after {
 margin: 0 auto;
 right: 0;
}

.ipoteka_objects .btn_black {
 margin-top: 100px;
 font-size: 24px;
 padding: 38px 60px;
}


.cw_h1_subtitle{
 text-align: center;
 font-size: 30px;
 max-width: 800px;
 margin: 0 auto;
 margin-bottom: 50px;
}

.avtor__tech-name {
 margin-top: 15px;
 font-size: 17px;
 margin-bottom: 30px;
}

.avtor__tech img {
 max-height: 350px;
 width: 100%;
 object-fit: cover;
}

.avtor__tech{
 margin-top: 70px;
}

.video__section {
 padding-bottom: 30px;
 padding-top: 50px;
}

.features-2 .features__heading {
 font-size: 26px;
 line-height: 36px;
}


.features__image {
 margin-left: calc(660px - 50vw);
 width: calc(100% + 50vw - 660px);
 min-height: 170px;
 object-fit: cover;
}
.features__wrapper {
 height: 100%;
 display: flex;
 margin-left: -24px;
}


.features__plus {
 padding: 40px;
 background-color: #121212;
}

.features__minus {
 position: relative;
 padding: 40px 15px 40px 40px;
 background-color: #F1F1F2;
}

.features__plus-heading, .features__minus-heading {
 font-weight: 600;
 font-size: 20px;
 line-height: 24px;
 text-transform: uppercase;
 color: #121212;
 margin-bottom: 24px;
}


.features__plus-heading {
 color: #ffffff;
}


.features__plus-list, .features__minus-list {
 list-style: none;
 padding: 0;
 margin: 0;
}


.features__plus-list {
 max-width: 480px;
 display: flex;
 flex-wrap: wrap;
}


.features-2 .features__plus-list {
 max-width: 666px;
}


.features__plus-list li {
 color: #ffffff;
}


.features__plus-list li, .features__minus-list li {
 position: relative;
 font-weight: 400;
 font-size: 16px;
 line-height: 19px;
 padding-left: 35px;
 margin-bottom: 15px;
}


.features-2 .features__plus-list li {
 margin-bottom: 10px;
}



.features__plus-list li:nth-child(2n - 1) {
 width: 48%;
 padding-right: 20px;
}


.features-2 .features__plus-list li:nth-child(2n - 1) {
 width: 100%;
 padding-right: 0;
}


.features__plus-list li:before, .features__minus-list li:before {
 position: absolute;
 content: '';
 top: 2px;
 left: 0;
 width: 20px;
 height: 15px;
}

.features__plus-list li:before {
 background: url(/local/templates/srg/images/features-plus.svg) center center no-repeat;
 background-size: contain;
}
.features__minus-title {
 text-align: center;
 margin-top: 10px;
}

.item__button {
 margin: 30px auto 0;
}

.features__minus img {
 max-width: 200px;
 display: block;
 margin: 0 auto;
}

.features__minus .btn_black{
 padding: 18px 7px;
 text-align: center;
 font-size: 14px;
 margin-top: 20px;
}


.banner_gaz{
 background-size: cover!important;
 background-position: center!important;
 padding-top: 180px;
 padding-bottom: 180px;
 color: #fff;
 position: relative;
}


.banner_gaz:before{
 content: '';
 background: rgba(0,0,0,.5);
 position: absolute;
 width: 100%;
 height: 100%;
 top:0;
 left:0
}
.banner_gaz h2{
 font-size: 56px;
 max-width: 635px;
 font-weight: 600;
 line-height: 1.2;
}

.banner_gaz_subtitle{
 font-size: 22px;
 max-width: 780px;
 line-height: 1.3;
 margin-top: 20px;
 font-weight: 300;
}

.banner_gaz .container{
 z-index: 5;
 position: relative;
}

.banner_gaz_title span{
 font-weight: bold;
}


.catalog__item--desc ul {
 list-style: none;
 padding: 0;
 margin: 0;
 margin-top: 20px;
}

.catalog__item--desc ul li{
 position: relative;
 padding-left: 20px;
 margin-bottom: 12px;
}

.catalog__item--desc ul li:before {
 position: absolute;
 content: '';
 top: 7px;
 left: 0;
 width: 10px;
 height: 10px;
 background-color: #000;
}



.item-views .item {
 border: 1px solid #e7ebee;
 margin-bottom: 10px;
 position: relative;
 z-index: 2;
}

.accordion-head {
 border: 1px solid #d7dee3;
 cursor: pointer;
 padding: 10px 45px 11px 15px;
}
.accordion-type-2 .accordion-head {
 font-size: 14px;
 padding: 20px 25px 20px 60px;
}
.accordion-type-1 .item .accordion-body, .accordion-type-1 .item .accordion-head, .accordion-type-1 .item .panel-collapse, .accordion-type-2 .item .accordion-body, .accordion-type-2 .item .accordion-head, .accordion-type-2 .item .panel-collapse {
 border: none!important;
}

.accordion-body, .accordion-head, .banners-big .btn {
 position: relative;
}
.accordion-type-1 .item .accordion-head, .accordion-type-2 .item .accordion-head {
 margin-bottom: 0!important;
}


.accordion-type-1 .accordion-head a, .accordion-type-2 .accordion-head a {
 display: inline;
 border-bottom: 1px dotted;
 text-decoration: none;
}

.accordion-type-2 .accordion-head a {
 line-height: 18px;
 font-size: 16px;
}

.vacancy.item-views.accordion .pay {
 float: right;
 color: #555;
}


.accordion-head.accordion-open, .accordion-head:hover {
 background: #f8f9fa;
}


accordion-type-2 .accordion-head {
 font-size: 14px;
 padding: 20px 25px 20px 60px;
}


.accordion-body {
 padding: 14px 15px;
 border: 1px solid #d7dee3;
 border-top: none;
}


.accordion-vac .accordion-button{
width: 100%;
 max-width: 100%;
 border: none;
 padding: 20px;
 font-size: 20px;
 text-align: left;
 position: relative;
}


.accordion-vac .accordion-header{
 margin-bottom: 0;
}

.vac{
 margin-top: 70px;
}

.accordion-button::after {
 flex-shrink: 0;
 width: 1.25rem;
 height: 1.25rem;
 margin-left: auto;
 content: "";
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 background-repeat: no-repeat;
 background-size: 1.25rem;
 transition: transform .2s ease-in-out;
 display: block;
 position: absolute;
 right: 30px;
 top: 25px;

}


.accordion-button:not(.collapsed)::after {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 transform: rotate(-180deg);
}

.karkas-preim-item{
 display: flex;
 align-items: center;
 margin-bottom: 20px;
}


.karkas-preim-item img{
 max-width: 48px;
 margin-right: 15px;
}


.video__section--karkas{
 padding-top: 0;
}


.karkas-etap-item img{
 max-width: 60px;
 margin-bottom: 10px;
}


.karkas-etap-item {
 position: relative;
 margin-bottom: 50px;
}
.karkas-etap-item span{
 background: #000;
 color: #fff;
 border-radius: 100%;
 width: 30px;
 height: 30px;
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 top: -10px;
}


.karkas-etap-title{
 font-size: 18px;
 font-weight: 600;
 margin-bottom: 5px;
}


.karkas-etap .finance__item-image img{
 max-width: 50px;
}


.karkas-etap{
 margin-top: 100px;
}

.karkas-etap .finance__list{
 margin-top: 50px;
}

.market-bg{
 position: relative;
}

.market-bg:before {
 position: absolute;
 content: '';
 height: calc(100% - 150px);
 width: calc(50vw + 65px);
 top: 100px;
 left: -65px;
 background-color: #121212;
 z-index: 1;
}


.karkas-why .accordion:before {
 position: absolute;
 content: '';
 height: calc(100% + 90px);
 width: calc(50vw + 65px);
 top: -50px;
 left: -65px;
 background-color: #121212;
 z-index: 1;
}

.karkas-why{
 padding-top: 80px;
 padding-bottom: 80px;
}

.karkas-why h2{
 margin-bottom: 120px;
}
.karkas-why-text{
 margin-top: 90px;
 font-size: 22px;
}


.karkas-vybor{
 margin-top: 100px;
 margin-bottom: 120px;
}


.karkas-form{
 margin-bottom: 100px;
}
.karkas-form .fos2__form-heading{
 color: #121212;
 font-size: 32px;
 text-align: left;
 line-height: 1.2;
}


.karkas-form-subtitle{
 font-size: 26px;
}

.karkas-form .container{
 position: relative;
 z-index: 2;
}
.karkas-form .container:after{
 content: '';
 background: url(/local/templates/srg/images/karkas-form-bg.jpeg);
 background-size: cover;
 position: absolute;
 top: 0;
 right: 15px;
 left: 15px;
 height: 100%;
 z-index: -1;
 opacity: .2;
 filter: grayscale(1);
}

.karkas-form  .fos2__form{
 background: none;
}


.karkas-form-pad{
 padding: 50px 54px 60px;
}


.karkas-form  .fos2__submit{
 background-color: #313131;
 color: #fff;
}

.karkas-form textarea,
.karkas-form input{
 background: #fff;
 color: #121212;

}

.karkas-form .fos2__input + .fos2__input{
 margin-bottom: 16px;
}


.karkas-form  .form-checkbox-input:checked + .form-checkbox-label:after{
 border-bottom: 2px solid #121212;
 border-right: 2px solid #121212;
}




input[type="file"] {
 outline: none;
 padding: 4px;
 margin: -4px;
 margin-bottom:16px;
}

input[type="file"]:focus-within::file-selector-button,
input[type="file"]:focus::file-selector-button {
 outline: 2px solid #0964b0;
 outline-offset: 2px;
}

input[type="file"]::before {
 top: 13px;
}

input[type="file"]::after {
 top: 14px;
}

/* ------- From Step 2 ------- */

input[type="file"] {
 position: relative;
}

input[type="file"]::file-selector-button {
 width: 200px;
 color: transparent;
}

/* Faked label styles and icon */
input[type="file"]::before {
 position: absolute;
 pointer-events: none;
 /*   top: 11px; */
 left: 40px;
 color: #121212;
 content: "Прикрепить файл";
}

input[type="file"]::after {
 position: absolute;
 pointer-events: none;
 /*   top: 10px; */
 left: 16px;
 height: 20px;
 width: 20px;
 content: "";
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23121212'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
}

/* ------- From Step 1 ------- */

/* file upload button */
input[type="file"]::file-selector-button {
 border-radius: 4px;
 padding: 0 16px;
 height: 40px;
 cursor: pointer;
 background-color: white;
 border: 1px solid rgba(0, 0, 0, 0.16);
 box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
 margin-right: 16px;
 transition: background-color 200ms;
}

/* file upload button hover state */
input[type="file"]::file-selector-button:hover {
 background-color: #f3f4f6;
}

/* file upload button active state */
input[type="file"]::file-selector-button:active {
 background-color: #e5e7eb;
}



.ipproj .item__slider{
height: 100%;
}

.ipproj  .item__slider .slick-slide{
 height: 100%;
}
.ipproj  .item__slider .slick-track img{
 height: 100%;
}

.ipproj  .slick-track{
 height: 100%;
}

.ipproj  .slick-list{
 height: 100%;
}


.ipproj  .catalog__item--desc{
 margin-top: 95px
}
.karprreim{
 margin-top: 30px;
 margin-bottom: 20px;
}
.karprreim img{
 max-width: 50px;
 height: auto!important;
 margin-bottom: 0!important;
 margin-right: 20px;
}


.features-g .features__minus img{
 max-width: 100%;
}


.features-g .features__minus .btn_black{
 width: 100%;
}


#portfolio img{
 height: 287px;
}


.news .load-more-items{
 max-width: fit-content;
 margin: 0 auto;
 display: block;
}


.row-comp{
 display: grid;
 grid-template-columns: 100px .4fr 1fr 250px;
 border: 1px solid;
 border-bottom: 0;

}


.col-compl{
 border-right: 1px solid;
 padding: 17px;
}

.col-compl .container-checkbox{
 display: block;
 padding: 0;
 margin: 0 auto;
 width: 19px;
 max-width: 100%;

}


.col-compl:last-child{
 display: flex;
 align-items: center;
 justify-content: center;
}

.row-comp-last{
 border-bottom: 1px solid;
}

.itogo-row{
 padding-top: 30px;
 text-align: right;
 font-size: 24px;
 display: flex;
 justify-content: flex-end;
 padding-bottom: 30px;
}

.total-title{
 font-weight: bold;
}

.nav-new-compl{
 justify-content: center;
 margin-bottom: 20px;
 border: none;
 gap: 20px
}
.nav-new-compl .nav-link{
 border-radius: 0;
 border: 1px solid;
 font-size: 20px;
 padding: 12px 35px;
 color: #000;

}
.nav-new-compl .nav-link.active{
 background: #000;
 color: #fff;
}


.antybot{
 display: none!important;
}


.complnew-item{
 text-align: center;
 margin-bottom: 45px;
}

.complnew-item img{
 max-height: 75px;
 margin: 0 auto;
 display: block;
}

.complnew-item-text{
 margin-top: 20px;
 font-size: 18px;
 font-weight: 600;
 line-height: 1.3;
}


.row-vh-st{
 margin-top: 30px;
}

.row-vh-st h2{
 margin-bottom: 60px;
}

.banner_gaz_title {
    font-weight: 600;
}