*{
    margin: 0;
    padding: 0;
}
@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);
body{
    font-family: 'Montserrat';
    overflow-x: hidden;
}
#mobile{
    display: none;
}
.container{
    width: 100%;
    max-width: 1420px;
}
p,a,h1,h2,h3,h4,h5,h6,button,input,select{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
button,input,select{
    outline: none;
    border: 0px;
}
button:focus,input:focus,select:focus{
    outline: none;
    border: 0px;
}
:root{
    --main: #FF7721;
}
.btn_main{
    padding: 15px 30px;
    background: var(--main);
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    border: 1px solid var(--main) !important;
    transition: .4s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.btn_main_second{
    padding: 15px 30px;
    background: #fff;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    color: var(--main) !important;
    border: 1px solid var(--main) !important;
    transition: .4s;
    margin-left: 20px;
}
.btn_main:hover{
    background: transparent;
    color: var(--main);
}
.btn_main_second:hover{
    background: transparent;
    color: #fff !important; 
}
section{
    padding-top: 120px;
}
h2{
    font-weight: 500;
    font-size: 36px; 
}
.line{
    display: block;
    width: 60px;
    height: 4px;
    background: var(--main);
    margin-top: 20px;
}

/* menu */
header{
    width: 100%;
    height: auto;
}
.menu_one{
    padding: 20px 0px;
}
.navbar-brand img{
    height: 60px;
}
.menu_a img{
    height: 24px;
    width: 24px;
}
.menu_a a, .menu_a p{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-left: 10px;
    transition: .4s;
}
.menu_a a:hover{
    color: var(--main);
}
.soc_menu{
    display: flex;
    width: 100%;
    max-width: 60px;
}
.soc_menu a{
    height: 24px;
    width: 24px;
}
.soc_menu a img{
    transition: .4s;
    height: 24px;
    width: 24px;
}
.soc_menu a img:hover {
    transform: scale(1.2);
}
.menu_one_fixed{
    background-color: #fff !important;
    transition: .4s;
}
.menu_a_acvie a, .menu_a_acvie p{
    color: #000;
}
.img_dark{
    display: none;
}


/* main */
#main{
    padding: 245px 0px 120px 0px;
    background-image: url('/img/bg_main.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
h1{
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}
h1 span{
    color: var(--main);
}
.main_p{
    margin: 40px 0px 50px 0px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.main_btns{
    margin-bottom: 90px;
}
#main a{
    color: #fff;
    transition: .4s;
}
#main a img{
    transition: .4s;
}
#main a:hover img{
    transform: translate(0px, 5px);
}
#main a:hover{
    color: var(--main); 
}

/* uslugi */
.swiper_nav{
    display: flex;
    align-items: center;
    justify-content: end;
}
#swiperNext, #swiperNext_1{
    margin-left: 10px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    transition: .4s;
}
#swiperPrev, #swiperPrev_1{
    cursor: pointer;
    height: 40px;
    width: 40px;
    transition: .4s;
}
#swiperNext img, #swiperNext_1 img, #swiperPrev img, #swiperPrev_1 img{
    width: 100%;
}
#swiperNext:hover, #swiperNext_1:hover, #swiperPrev:hover, #swiperPrev_1:hover{
    scale: 1.2;
}
.swiper_slide_uslugi{
    background: #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 10px 10px;
    position: relative;
    padding: 0;
    width: 460px;
    min-height: 530px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}
.swiper_slide_uslugi_text{
    padding: 30px 20px;
}
.swiper_slide_uslugi img{
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    height: 100vh;
    max-height: 240px;
}
.swiper2{
    margin-top: 60px;
    padding: 10px;
}
.swiper_slide_uslugi h2{
    font-weight: 700;
    font-size: 20px;
}
.swiper_slide_uslugi p{
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin: 20px 0px 30px 0px;
}
/* how_we_work */
#how_we_work{
    margin-top: 120px;
    background: #FFFAF8;
    padding: 80px 0px;
}
.work_row{
    position: relative;
    margin-top: 60px;
}
.how_we_work_line{
    position: absolute;
    left: 0;
    top: 53px;
}
.work_div{
    background: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
}
.work_div span{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    background: #FDE1D0;
    border-radius: 5px;
    margin: 30px 0px 70px 0px;
    z-index: 2;
}
.work_div h3{
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
    max-width: 240px;
}
.work_div span img{
    height: 40px;
    width: 40px;
}
.work_div_gray{
    background: #F4F4F4;
}
.numb{
    font-size: 20px;
    font-weight: 700;
    color: var(--main);
}

/* work */
.swiper3{
    margin-top: 60px;
}
.swiper_slide_work a{
    opacity: 0;
}
.swiper_slide_work{
    width: 100%;
    height: 300px;
    background-image: url('/img/gallery/1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper_slide_work_2{
    background-image: url('/img/gallery/2.webp'); 
}
.swiper_slide_work_3{
    background-image: url('/img/gallery/3.webp'); 
}
.swiper_slide_work_4{
    background-image: url('/img/gallery/4.webp'); 
}
.swiper_slide_work_5{
    background-image: url('/img/gallery/5.webp'); 
}
.swiper_slide_work_6{
    background-image: url('/img/gallery/6.webp'); 
}
.swiper_slide_work_7{
    background-image: url('/img/gallery/7.webp'); 
}
.swiper_slide_work_8{
    background-image: url('/img/gallery/8.webp'); 
}
.swiper_slide_work_9{
    background-image: url('/img/gallery/9.webp'); 
}
.swiper_slide_work_10{
    background-image: url('/img/gallery/10.webp'); 
}
.swiper_slide_work_11{
    background-image: url('/img/gallery/11.webp'); 
}
.swiper_slide_work_12{
    background-image: url('/img/gallery/12.webp'); 
}
.swiper_slide_work_13{
    background-image: url('/img/gallery/13.webp'); 
}
.swiper_slide_work_14{
    background-image: url('/img/gallery/14.webp'); 
}
.swiper_slide_work_15{
    background-image: url('/img/gallery/15.webp'); 
}
.swiper_slide_work_16{
    background-image: url('/img/gallery/16.webp'); 
}
.swiper_slide_work_17{
    background-image: url('/img/gallery/17.webp'); 
}
.swiper_slide_work_18{
    background-image: url('/img/gallery/18.webp'); 
}
.swiper_slide_work_19{
    background-image: url('/img/gallery/19.webp'); 
}
.swiper_slide_work_20{
    background-image: url('/img/gallery/20.webp'); 
}
.swiper_slide_work_21{
    background-image: url('/img/gallery/21.webp'); 
}
.swiper_slide_work_22{
    background-image: url('/img/gallery/22.webp'); 
}
.swiper_slide_work_23{
    background-image: url('/img/gallery/23.webp'); 
}


/* cont */
#cont .form{
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top: 60px;
}
#cont .form input, #cont .form select{
    border-bottom: 1px solid var(--main);
    width: 340px;
    margin: 0;
    margin-right: 20px;
    padding: 10px 0px;
}
#cont .btn_main{
    font-weight: 400;
}


/* footer */
footer{
    margin-top: 120px;
    padding: 60px 0px;
    background: #343434;
    width: 100%;
}
.politic{
    font-weight: 400;
    font-size: 14px;
    color: var(--main);
}
.footer_div a, .footer_div p{
    color: #fff;
    font-size: 14px;
}
footer a{
    transition: .4s;
}
footer a:hover{
    color: var(--main);
}


/* modal */
.modal-content{
    padding: 80px;
    border-radius: 15px;
}
.form_name{
    margin-bottom: 40px;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.form_name h3{
    margin-bottom: 10px;
}
.modal_form input{
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
    width: 100%;
    padding: 10px 0px;
}
.modal_form .btn_main{
    width: 100%;
}
.btn-close{
    position: absolute;
    top: 20px;
    right: 20px;
}
.drug{
    display: none;
    position: absolute;
    right: 20px;
    top: 80px;
}


#politic{
    width: 100%;
    min-height: 100vh;
}
li{
    list-style: none;
}
#politic h2{
    margin-bottom: 40px;
}
#politic h4{
    margin: 20px 0px 40px 0px;
}
#politic p{
    margin-bottom: 20px;
}
#politic li{
    margin-bottom: 10px;
}