@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);
*{
    margin: 0;
    padding: 0;
}
body{
    font-family: 'montserrat', sans-serif;
}
section{
    margin: 0px 100px;
    padding-top: 120px;
}
h1{
    font-size: 48px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: #fff;
}
h2{
    font-size: 40px;
    font-weight: 700; 
}
h2,h3,h4,p{
    margin: 0;
    padding: 0;
}
a{
    margin: 0;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
}
:target{
    scroll-margin-top: 120px;
}
:root{
    --main: #FF9900;
    --gray: #343434;
}
.fixed-top{
    background: #fff;
}
.box-shadow{
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
    transition: 0.4s;
}
.navbar_flex{
    display: flex;
    justify-content: space-between;
}
.orange{
    color: var(--main);
}
.navbar-collapse{
    flex-grow: 0;
}
.navbar{
    --bs-navbar-padding-y: 0rem;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    --bs-gutter-x: 0rem;
}
.container-fluid{
    padding: 0px 100px;
}
.logo{
    display: flex;
    align-items: center;
}
.logo img{
    height: 120px;
    margin-right: 10px;
}
.logo p{
    color: #000;
}
.logo h2{
    font-size: 20px;
    color: #000;
    font-weight: 700;
    max-width: 300px;
}
.name_square{
    display: block;
    height: 80px;
    width: 80px;
    background: linear-gradient(90deg, #FF9900 0%, rgba(255, 153, 0, 0) 100%);
}
.nav-item{
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.nav-link{
    font-weight: 600;
    color: #000;
}
.nav-link:hover{
    color: var(--main);
}
.mr{
    margin-right: 40px;
}
.button_header{
    background: var(--main);
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-radius: 5px;
    color: #fff !important;
    font-weight: 700;
}
.line_bottom{
    opacity: 0;
    transition: 0.3s;
    width: 100%;
    height: 4px;
    background: var(--main);
    position: absolute;
    bottom: 0;
}
.nav-item:hover > .line_bottom{
    opacity: 1;
}
/*верхняя часть меню*/
.pre_nav{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--main);
}
.puncts_pre_nav{
    display: flex;
}
.punct_pre_nav{
    display: flex;
    align-items: center;
    padding: 12px 35px 12px 0px;
    transition: 0.4s;
}
.punct_pre_nav img{
    height: 24px;
    margin-right: 10px;
}
.punct_pre_nav p{
    font-size: 14px;
}
.punct_pre_nav a{
    font-size: 14px;
    color: #000;
}
.social_pre_nav{
    display: flex;
    align-items: center;
}
.social_pre_nav img{
    width: 24px;
    cursor: pointer;
    transition: 0.4s;
}
.social_pre_nav img:hover{
    transform: scale(1.2);
}
/*блок главный*/
.main{
    margin-top: 169px;
    height: 700px;
    background-image: linear-gradient(0deg, #343434 0%, rgba(255, 255, 255, 0) 80%), url('/img/1.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-attachment: fixed;
    padding: 0px 100px;
}
.main_text{
    padding: 0px 150px 100px 150px;
}
.btn_main{
    display: flex;
    margin-top: 60px;
}
.button_main{
    background: var(--main);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.button_main img{
    height: 22px;
    position: relative;
    z-index: 1;
}
.button_main p{
    margin-left: 15px;
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.button_main::before{
    content: "";
    position: absolute;
    top: var(--y);
    left: var(--x);
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    background: var(--gray);
    border-radius: 50%;
    transition: width 0.4s, height 0.4s;
}
.button_main:hover::before{
    width: 300px;
    height: 300px;
}
.button_black.ml{
    margin-left: 30px;
}
.button_black{
    background: var(--gray);
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    border-radius: 5px;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.button_black p{
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.button_black::before{
    content: "";
    position: absolute;
    top: var(--y);
    left: var(--x);
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    background: var(--main);
    border-radius: 50%;
    transition: width 0.4s, height 0.4s;
}
.button_black:hover::before{
    width: 250px;
    height: 250px;
}
.white_block{
    display: flex;
    position: absolute;
    background: #fff;
    top: 693px;
    right: 100px;
}
.white_block_text{
    display: flex;
    align-items: center;
    padding: 40px;
}
.white_block_text p{
    font-weight: 700;
    max-width: 200px;
}
.big_text{
    color: var(--main);
    font-size: 64px;
    font-weight: 700;
}
.mr_15{
    margin-right: 15px;
}
/*блок name*/
.name{
    display: flex;
    align-items: center;
    height: 80px;
}

.name_square_name{
    position: absolute;
    display: block;
    height: 80px;
    width: 80px;
    background: linear-gradient(90deg, #FF9900 0%, rgba(255, 153, 0, 0) 100%);
    z-index: -1;
}
.name_square_name.white{
    z-index: 0;
}
.name h2{
    font-size: 36px;
    margin-left: 40px;
}
.name.white h2{
    font-size: 36px;
    margin-left: 40px;
    z-index: 1;
    color: #fff;
}
/*блок о компании*/
.about{
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.text{
    max-width: 700px;
}
.text h3{
    margin-top: 30px;
    font-size: 40px;
    font-weight: 700;
}
.text p{
    margin-top: 40px;
}
.text p i{
    max-width: 340px;
}
.about_img{
    display: flex;
    justify-content: end;
    position: relative;
}
.about_picture{
    height: 700px;
    width: 440px;
    background-size: cover;
    background-position: center;
    background-image: url('/img/about.png');
}
.sqr{
    display: block;
    height: 300px;
    width: 300px;
    background: var(--main);
    position: absolute;
    bottom: -40px;
    left: 165px;
    z-index: -1;
}
.circle{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 5px solid var(--main);
    position: absolute;
    right: -50px;
    top: 150px;
}
/*блок партнеры*/
.gray_section{
    background: var(--gray);
    margin: 0px;
    margin-top: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 0px;
}
.partners_numbs{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.partners_numb{
    display: flex;
    align-items: center;
}
.partners_numb_p{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-left: 40px;
    max-width: 270px;
}
.partners_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.partners{
    max-width: 410px;
    color: #fff;
    display: flex;
    align-items: start;
    justify-content: center;
    margin-top: 100px;
}
.partners span{
    margin-right: 40px;
}
.partners_imges{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 100px;
    flex-wrap: wrap;
}
.partners_imges_2{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    flex-wrap: wrap;
}
.partners_img_1, .partners_img_2, .partners_img_3, .partners_img_4, .partners_img_5, .partners_img_6, .partners_img_7, .partners_img_8{
    height: 110px;
    width: 200px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .4s;
    cursor: pointer;
}
.partners_img_1:hover, .partners_img_2:hover, .partners_img_3:hover, .partners_img_4:hover, .partners_img_5:hover, .partners_img_6:hover, .partners_img_7:hover, .partners_img_8:hover{
    transform: scale(1.2);
}
.partners_img_1{
    background-image: url('/img/partners/1.png');
}
.partners_img_2{
    background-image: url('/img/partners/2.png');
}
.partners_img_3{
    background-image: url('/img/partners/3.png');
}
.partners_img_4{
    background-image: url('/img/partners/4.png');
}
.partners_img_5{
    background-image: url('/img/partners/5.png');
}
.partners_img_6{
    background-image: url('/img/partners/6.png');
}
.partners_img_7{
    background-image: url('/img/partners/7.png');
}
.partners_img_8{
    background-image: url('/img/partners/8.png');
}
/*swiper slider*/
.swiper_usl {
    width: 100%;
    height: auto;
    margin-top: 60px;
}
.swiper-pagination-bullet-active{
    background: var(--main);
}
.swiper-pagination-bullet{
    height: 10px;
    width: 10px;
}
.hover-text-one {
	overflow: hidden;
	margin: 0;
	width: 100%;
	list-style: none;
	text-align: center;
    position: relative;
}
.hover-text-one .effect-text-three {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	background: var(--main);
	text-align: center;
	cursor: pointer;
    height: 100%;
}
.hover-text-one .effect-text-three img {
	position: relative;
	display: block;
	height: 400px;
	opacity: 1;
}
.text_swiper{
    z-index: 9;
    position: absolute;
    bottom: 15px;
    text-align: left;
    left: 40px;
    color: #fff;
    transition: 0.2s ease-in;
    max-width: 370px;
}
.text_swiper h3{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;
}
.text_swiper h4{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;
    display: none;
}
.text_swiper_opacity{
    display: none;
}
.text_swiper p{
    display: none;
}
.hover-text-one:hover > .text_swiper{
    bottom: 430px;
}
.hover-text-one:hover > .text_swiper p{
    display: block;
}
.hover-text-one:hover > .text_swiper h4{
    display: block;
}


/* Эффект при наведении */
.hover-text-one .effect-text-three {
	background: var(--main);
    position: relative;
}
.hover-text-one .effect-text-three img {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transform: scale(1.1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hover-text-one .effect-text-three:hover img {
	opacity: 0.3;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
    z-index: -1;
}
.text_slider_work_hover{
    position: absolute;
    color: #fff;
    text-align: left;
    padding: 40px;
    height: 100%;
}
.text_slider_work_hover h4{
    font-size: 32px;
    font-weight: 700;
}
.slider_work_price{
    font-size: 32px;
    font-weight: 700;
    position: absolute;
    bottom: 5%;
}
.text_slider_work_hover p{
    margin-top: 20px;
}
.text_slider_work h4{
    position: absolute;
    color: #fff;
    bottom: 40px;
    left: 40px;
    z-index: 10;
    font-size: 32px;
    font-weight: 700;
    text-align: left;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.hover-text-one:hover > .text_slider_work{
    opacity: 0;
}

    
/*блок услуги*/
.uslugi_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.uslugi_nav{
    display: flex;
    justify-content: space-between;
    align-items: center;  
}
.uslugi_nav p{
    font-size: 16px;
    color: #000;
    font-weight: 700;
    transition: 0.4s;
    cursor: pointer;
}
.uslugi_nav p:hover{
    color: var(--main);
}
.uslugi_nav p.active{
    color: var(--main);
}
/* блок услуги скрытие */
.secret, .secret_1, .secret_2{
    display: none;
    transition: 0.4s;
}
.secret.active, .secret_1.active, .secret_2.active{
    display: block;
}

/* блок частые вопросы */
.faq_text img{
    margin-top: 40px;
    width: 340px;
}
.faq_div{
    padding: 20px 0px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}
.faq_div.bb{
    border-top: 0px solid #000;  
}
.faq_div_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.faq_div h4{
    max-width: 480px;
    font-size: 24px;
}
.faq_div img{
    height: 25px;
    width: 25px;
    cursor: pointer;
    transition: 0.4s;
}
.touch.active{
    transform: rotate(135deg);
}
.faq_answer{
    display: none;
    margin: 40px 0px 10px 0px;
}


/* анимация кнопки меню */
.autoflash{
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
 .flash{
   content: "";
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
width: 3em;
display: block;
position: absolute;
top: 0;
left: -4.5em;
-webkit-transform: skewX(-45deg) translateX(0);
transform: skewX(-45deg) translateX(0);
-webkit-transition: none;
transition: none;
}
.lighting {
-moz-animation: moving 3s ease-in-out infinite;
-ms-animation: moving 3s ease-in-out infinite;
-o-animation: moving 3s ease-in-out infinite;
animation: moving 3s ease-in-out infinite;
}
@keyframes moving {  
 30% {  webkit-transform: skewX(-45deg) translateX(33.5em);
    transform: skewX(-45deg) translateX(33.5em);   
    
    }
100% {  webkit-transform: skewX(-45deg) translateX(33.5em);
    transform: skewX(-45deg) translateX(33.5em);   
    }
 }
/* блок как мы работаем */
.how_we_work{
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.how_we_work_p{
    margin-top: 40px;
    font-size: 20px;
}
.numbs{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
}
.numb_how_we_work{
    display: flex;
    align-items: center;
    justify-content: start;
    width: 350px;
    text-align: left;
}
.big_name{
    font-size: 72px;
    color: var(--main);
    font-weight: 700;
    margin-right: 30px;
    transition: .4s;
    cursor: pointer;
}
.big_name:hover{
    color: #fff !important;
}
.name.white.mt{
    margin-top: 120px;
}
/* блок слайдер 2 */

.otzyv_div{
    border: 2px solid var(--main);
    height: 400px;
    position: relative;
    margin-top: 70px;
}
.ava{
    display: block;
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
    background-image: url('/img/otz/1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.ava_one{
    background-image: url('/img/otz/3.jpg');
}
.ava_two{
    background-image: url('/img/otz/2.jpg');
}
.ava_three{
    background-image: url('/img/otz/4.jpg');
}
.cov{
    position: absolute;
    top: 40px;
    right: 40px;
}
.otzyv_div_text{
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: left;
}
.otzyv_div_text h5{
    font-weight: 700;
    font-size: 24px;
}
.otzyv_div_text_p{
    margin-top: 30px;
}
/* блок  заявка */
.bg_zayava{
    background-image: url('/img/bg_zayavka.png');
    height: 400px;
    background-position: center;
    background-size: cover;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0px;
}
.bg_zayava h3{
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}
.zayava_btn_div{
    display: flex;
    align-items: end;
    justify-content: end;
}
.zayava_btn{
    padding: 20px 50px;
    background: var(--gray);
    color: #fff;
    border-radius: 5px;
    transition: 0.4s;
    border: 2px solid var(--gray);
}
.zayava_btn:hover{
    color: var(--main);
}
/* footer */
footer{
    background: var(--gray);
    padding: 100px 0px;
}
.logo.white a{
    color: #fff;
}
.part_1 p{
    color: #fff;
}
.part_1_p{
    margin: 15px 0px;
}
.part_1 a{
    color: var(--main);
}
.part_2 h3{
    color: var(--main);
    font-weight: 700;
    font-size: 20px;
}
.part_2_a_div{
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.part_2_a_div a{
    color: #fff;
    margin-top: 10px;
    transition: .4s;
}
.part_2_a_div a:hover{
    color: var(--main);
}
.footer_flex{
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.cont_footer{
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px;
}
.cont_footer.br{
    border-bottom: 1px solid var(--main);
    border-top: 1px solid var(--main);
}
.cont_footer_text {
    margin-left: 20px;
    color: #fff;
}
.tel_foter{
    font-size: 20px; 
}
.cont_footer_text a{
    color: #fff;
    font-weight: 700;
}
#mobile{
    display: none;
}
#message_form{
    font-weight: 700;
    color: var(--main);
}

/* модальное окно */
.btn-close{
    position: absolute;
    right: 20px;
    top: 20px;
}
.modal_item{
    position: relative;
    padding: 40px;
}
.modal-content{
    width: 600px;
}
.modal_item-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title{
    margin: 20px 0px 60px 0px;
    text-align: center;
}
.title h2{
    font-size: 32px;
}
form{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
input{
    border: 1px solid #707070;
    padding: 18px 30px;
    width: 500px;
    margin-bottom: 30px;
}
.btn_form{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 500px;
}
.btn_form button{
    padding: 20px 40px;
    background: var(--main);
    border-radius: 50px;
    border: 0px;
    font-weight: 600;
    color: #fff;
}
.btn_form p{
    font-size: 11px;
    max-width: 50%;
}
.btn_form a{
    text-decoration: underline;
    font-size: 11px;
}
label{
    text-align: left;
    margin-bottom: 10px;
}
.btn_modal{
    transition: .4s;
    border: 1px solid var(--main) !important;
}
.btn_modal:hover{
    background: #fff;
    color: var(--main);
    border: 1px solid var(--main);
}


/*qwiz*/
.qwiz_flex_input{
    display: flex;
    align-items: start;
    justify-content: start;
    margin: 30px 0px;
    flex-wrap: wrap;
}
.what{
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
}
.flex_qwiz_tel{
    display: flex;
    align-items: center;

}
.qwiz_input{
    margin: 0;
    margin-right: 20px;
}

.line_hor_gray{
    display: block;
    background: #E2E2E2;
    width: 100%;
    height: 2px;
    margin: 10px 0px;
}
.quiz_form{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: start;
}
.qwiz_header_right{
    display: flex;
    margin-left: 0px;
    align-items: center;
}
.qwiz_header_right h2{
    font-size: 24px;
    font-weight: 500;
}
.qwiz_bottom_right{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-left: 30px;
}
.qwiz_header_right img{
    margin-right: 10px;
}
.progress_bar {
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #c1c1c1;
}
.progress {
    height: 100%;
    background: var(--main);
    width: 0;
    transition: .3s ease-in-out;
}
.quiz_blockControl {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.quiz_block {
    display:none;
    width: 100%;
    margin-left: 30px;
}
.quiz_block.active {
    display: block;
    width: 100%;
    margin-left: 30px;
}
.quiz_progress{
    width: 60%;
}
.qwiz_body{
    margin: 20px 0px;
    height: auto;
}
.qwiz_body h3{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.div_img{
    display: flex;
    margin-bottom: 0px;
    margin-right: 20px;
}
.div_img input{
    margin-right: 10px;
}
.div_img {
	display: inline-block;
	margin-right: 10px;
}
.div_img input[type=radio] {
	display: none;
}
.div_img label {
	display: inline-block;
	cursor: pointer;
	padding: 10px 15px;
	border: 1px solid rgb(199, 199, 199);
	border-radius: 6px;
	user-select: none;
}
 
/* Checked */
.div_img input[type=radio]:checked + label {
	background: #ffdeac;
}
 
/* Hover */
.div_img label:hover {
	color: #666;
}
 
/* Disabled */
.div_img input[type=radio]:disabled + label {
	background: #efefef;
	color: #666;
}
.modal-content{
    width: 1200px;
}
.btn_qwiz{
    padding: 15px 20px;
    border-radius: 5px;
    background: var(--main);
    font-weight: 500;
}
.cont_footer a{
    transition: .4s;
}
.cont_footer a:hover{
    color: var(--main);
}
/* about */
.about_div{
    padding: 0;
    height: 500px;
    background: url('/img/main.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.name_about{
    margin-top: 120px;
    margin-bottom: 80px;
}
.about_text{
    position: relative;
}
.cifra{
    font-size: 200px;
    position: absolute;
    left: -120px;
    top: 50px;
    opacity: .2;
    color: var(--main);
    font-weight: 700;
}
.name_flex{
    display: flex;
    align-items: start;
    justify-content: center;
}
.about_text_cov{
    margin-top: 60px;
}
.team_row{
    margin-top: 100px;
    margin-left: 9%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.team_div{
    display: block;
    height: 500px;
    width: 400px;
    background-position: center;
    background-size: cover;
    margin-bottom: 50px;
}
.team_div .effect-text-three img{
    height: 500px;
}
.team_div .hover-text-one .robert{
    background-image: url('/img/team/1.png');
}
.team_div.one{
    background-image: url('/img/team/2.png');
}
.team_div.two{
    background-image: url('/img/team/3.png');
}
.team_div.three{
    background-image: url('/img/team/4.png');
}
.team_div.four{
    background-image: url('/img/team/5.png');
}

.team_div.five{
    background: #fff;
    border: 2px solid var(--main);
    display: flex;
    align-items: end;
    justify-content: start;
}
a .team_div.five h5{
    font-size: 24px;
    font-weight: 700;
    padding: 30px;
    color: #000;
}
.hover-text-one .effect-text-three.spec{
	background: #000;
    position: relative;
}
.about_usludi_row{
    margin-top: 100px;
    align-items: start;
    justify-content: space-between;
    margin-left: 9%;
}
.about_usludi_div{
    text-align: left;
    align-items: start;
}
.about_usludi_div h3{
    font-size: 32px;
    font-weight: 700;
    margin: 30px 0px;
}
.about_usludi_div p{
    font-size: 20px;
    max-width: 360px;
}
.arrow_more{
    margin-top: 40px;
    display: flex;
    align-items: center;
}
.arrow_more p{
    font-size: 20px;
    font-weight: 700;
    margin-right: 20px;
    color: var(--main);
    transition: .4s;
}
.arrow_more img{
    margin-top: 5px;
}
.arrow_more p:hover{
    color: #000;
}
.modal-dialog{
    display: flex;
    align-items: center;
    justify-content: center;
}


.complex{
    background-image: linear-gradient(0deg, #343434 0%, rgba(255, 255, 255, 0) 80%), url('/img/uslugi/complex.jpg');
}
.complex_1{
    background-image: linear-gradient(0deg, #343434 0%, rgba(255, 255, 255, 0) 80%), url('/img/uslugi/wall.jpg');
}
.complex_2{
    background-image: url('/img/uslugi/complex.jpg');
}
.complex_3{
    background-image: linear-gradient(0deg, #343434 0%, rgba(255, 255, 255, 0) 80%), url('/img/uslugi/flor.png');
}
.complex_4{
    background-image: linear-gradient(0deg, #343434 0%, rgba(255, 255, 255, 0) 80%), url('/img/uslugi/santech.png');
}
.complex_5{
    background-image: linear-gradient(0deg, #343434 0%, rgba(255, 255, 255, 0) 80%), url('/img/uslugi/potolock.jpg');
}
.complex_6{
    background-image: linear-gradient(0deg, #343434 0%, rgba(255, 255, 255, 0) 80%), url('/img/uslugi/electro.png');
}
.complex_7{
    background-image: linear-gradient(0deg, #343434 0%, rgba(255, 255, 255, 0) 80%), url('/img/uslugi/dis.jpg');
}
.complex_9{
    background-image: linear-gradient(0deg, #343434 0%, rgba(255, 255, 255, 0) 80%), url('/img/dop/28.jpg');  
}
.complex_wall{
    background-image: url('/img/wall_usl.jpg');
}
.complex_com{
    background-image: url('/img/fasad.jpg');
}
.complex_floar{
    background-image: url('/img/floar_usl.jpeg');
}
.complex_stech{
    background-image: url('/img/stech_usl.jpg');
}
.complex_pot{
    background-image: url('/img/pot_usl.jpg');
}
.complex_el{
    background-image: url('/img/el_usl.jpg');
}
.complex_dis{
    background-image: url('/img/dis_usl.jpg');
}
.complex_zab{
    background-image: url('/img/dop/29.jpg');  
}
.swiper-navigation{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
#swiperNext_1, #swiperNext_2{
    background-image: url('/img/s1.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 40px;
    width: 40px;
    border: 0px;
    border-radius: 50%;
    background-color: var(--main);
    margin-left: 20px;
    transition: .4s;
}
#swiperNext_1:hover, #swiperNext_2:hover{
    background-color: var(--gray);
}
#swiperPrev_1, #swiperPrev_2{
    background-image: url('/img/s2.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 40px;
    width: 40px;
    border: 0px;
    border-radius: 50%;
    background-color: var(--main);
    transition: .4s;
}
#swiperPrev_1:hover, #swiperPrev_2:hover{
    background-color: var(--gray);
}
#otz{
    padding-top: 100px;
}
.about_dop{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.img_usl_dop{
    display: block;
    background-image: url('/img/dop/1.jpg');
    background-position: center;
    background-size: cover;
    height: 200px;
    border-radius: 10px;
    width: 100%;
}
.img_usl_dop_1{
    background-image: url('/img/dop/2.jpg');
}
.img_usl_dop_2{
    background-image: url('/img/dop/3.jpg');
}
.img_usl_dop_3{
    background-image: url('/img/dop/4.jpg');
}
.img_usl_dop_4{
    background-image: url('/img/dop/5.jpg');
}
.img_usl_dop_5{
    background-image: url('/img/dop/6.jpg');
}
.img_usl_dop_6{
    background-image: url('/img/dop/7.jpg');
}
.img_usl_dop_7{
    background-image: url('/img/dop/8.jpg');
}
.img_usl_dop_8{
    background-image: url('/img/dop/9.jpg');
}
.img_usl_dop_9{
    background-image: url('/img/dop/10.jpg');
}
.img_usl_dop_10{
    background-image: url('/img/dop/11.jpg');
}
.img_usl_dop_11{
    background-image: url('/img/dop/12.jpg');
}
.img_usl_dop_12{
    background-image: url('/img/dop/13.jpg');
}
.img_usl_dop_13{
    background-image: url('/img/dop/14.jpg');
}
.img_usl_dop_14{
    background-image: url('/img/dop/15.jpg');
}
.img_usl_dop_15{
    background-image: url('/img/dop/16.jpg');
}
.img_usl_dop_16{
    background-image: url('/img/dop/17.jpg');
}
.img_usl_dop_17{
    background-image: url('/img/dop/18.jpg');
}
.img_usl_dop_18{
    background-image: url('/img/dop/19.jpg');
}
.img_usl_dop_19{
    background-image: url('/img/dop/20.jpg');
}
.img_usl_dop_20{
    background-image: url('/img/dop/21.jpg');
}
.img_usl_dop_21{
    background-image: url('/img/dop/22.jpg');
}
.img_usl_dop_22{
    background-image: url('/img/dop/23.jpg');
}
.img_usl_dop_23{
    background-image: url('/img/dop/24.jpg');
}
.img_usl_dop_24{
    background-image: url('/img/dop/25.jpg');
}
.img_usl_dop_25{
    background-image: url('/img/dop/26.jpg');
}
.img_usl_dop_26{
    background-image: url('/img/dop/27.jpg');
}
.img_usl_dop_27{
    background-image: url('/img/dop/28.jpg');
}
.img_usl_dop_28{
    background-image: url('/img/dop/29.jpg');
}
.dop_drop h4{
    font-size: 20px;
    margin: 20px 0px;
    text-align: center;
    font-weight: 600;
    min-height: 50px;
}
.dop_drop .btn_main{
    padding: 15px 25px;
    border-radius: 10px;
    background: var(--main);
    margin-top: 0;
    color: #fff;
    font-weight: 600;
    transition: .4s;
    margin-bottom: 40px;
}
.dop_drop .btn_main:hover{
    background: var(--gray);
}
.dropdown:hover>.dropdown-menu{
    top: 120px;
    left: 0;
    display: block;
}
.secret_menu{
    display: none;
}
.secret_menu_active{
    display: inline-flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    border: 1px solid rgb(177, 177, 177);
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0px;
}
.secret_menu li a{
    margin-bottom: 5px;
}
.secret_menu li a:hover{
    color: var(--main);
}
.abs_arrow{
    display: flex;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 4;
}
.abs_arrow_a{
    height: 60px;
    width: 60px;
    background-image: url('/img/abs_arrow.svg');
    background-position: center;
    background-size: contain;
}
#thanks{
    height: 100%;
    min-height: 100vh;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.thanks_flex{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.thanks_flex img{
    height: 400px;
    margin-top: 100px;
}
.thanks_flex a{
    margin-top: 40px;
    color: var(--main);
    font-weight: 600;
    margin-bottom: 80px;
}