*{
    padding: 0;
    margin: 0;
    outline: none;
    font-family: 'Montserrat', sans-serif !important;
}
html, body{
    height: 100%;
}
.clearfix:after{
    content: '';
    clear: both;
    display: block;
}
.header_mobile_icon{
    display: none;
}
.arrow-r-mob, .arrow-l-mob, .arrow-c-mob, .arrow-s-r-mob, .arrow-s-l-mob{
    display: none;
}
.photo_preview{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
    display: none;
    z-index: 1000000000;
    background: #000;
}
.photo_preview img{
    height: auto;
    width: 100%;
}
.photo_preview_inner{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
    display: flex;
    z-index: 1000000000;
    background: #000;
    justify-content: center;
    align-items: center;
}
.preview_close{
    width: 80px;
    height: 25px;
    text-align: center;
    border-radius: 20px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    position: fixed;
    top: 25px;
    right: 25px;
    line-height: 25px;
    z-index: 10000000000;
}

/* 404 */

.not_found_page{
    width: 100%;
    height: calc(100% - 297px);
    min-height: 800px;
    background-image: url(../img/error-bg.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.central_block{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    width: 630px;
    margin-top: 50px;
}
.central_block .top{
    font-size: 200px;
    font-weight: 900;
    color: #fff;
}
.central_block .middle{
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    color: #fff;
}
.central_block .bottom{
    font-size: 20px;
    font-weight: 500;
    line-height: 45px;
    margin-bottom: 20px;
    color: #fff;
}
.central_block .button{
    width: 225px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    background-color: #ffca28;
    color: #222222;
    text-align: center;
    border: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
}
.central_block .button:hover img{
    transform: translateX(5px);
}
.central_block .button img{
    margin-left: 10px;
    vertical-align: middle;
    margin-bottom: 3px;
    transition: 0.3s;
}

/* modal */

.modal{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fec928;
    z-index: 10000000;
    display: none;
    overflow: scroll;
}
.modal_container{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-bottom: 150px; */
    /* padding-top: 100px; */
}
.close_modal{
    position: absolute;
    top: -60px;
    right: -110px;
    z-index: 111;
    cursor: pointer;
}
.modal_inner{
    width: 562px;
    text-align: center;
    position: relative;
}
.modal_title{
    font-size: 60px;
    line-height: 70px;
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 40px;
}
.modal_subtitle{
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 40px;
    color: #1c1c1c;
}
.modal_input{
    width: 100%;
    height: 30px;
    border: none;
    border-bottom: 1px solid #222222;
    background-color: transparent;
    margin-bottom: 20px;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
}
.modal_input::placeholder{
    color: #222222;
}
.modal_input.error{
    color: red;
    border-color: red;
}
.modal_input.error::placeholder{
    color: red;
}
.modal_textarea{
    width: 100%;
    height: 30px;
    border: none;
    border-bottom: 1px solid #222222;
    background-color: transparent;
    margin-bottom: 15px;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    resize: none;
    margin-top: 60px;
    border-radius: 0;
}
.modal_textarea::placeholder{
    color: #222222;
}
.modal_success_message{
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 30px;
    text-align: left;
    opacity: 0;
}
.modal_button{
    width: 228px;
    height: 60px;
    border-radius: 40px;
    margin: 0 auto;
    background-color: #222222;
    z-index: 20;
    cursor: pointer;
    transition: 0.3s;
    color: #ffca28;
    font-weight: 700;
    font-size: 12px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    border: none;
}
.modal_button img{
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 4px;
    transition: 0.3s;
}
.modal_button:hover{
    background-color: #000;
}
.modal_button:hover img{
    transform: translateX(5px)
}

/* header */

.header{
    width: 1582px;
    height: 32px;
    position: absolute;
    margin: auto;
    line-height: 32px;
    left: 0;
    right: 0;
    top: 84px;
    box-sizing: border-box;
    padding-left: 162px;
    z-index: 10;
}
.header.scroll{
    position: fixed;
    left: 0;
    top: 0;
    height: 72px;
    padding: 20px 40px;
    width: 100%;
    background-color: #1d1d1d;
    z-index: 999;
    animation-duration: 0.3s;
    animation-name: slidein;
}
@keyframes slidein {
    from {
        transform: translateY(-100%)
    }
    to{
        transform: translateY(0)
    }
}
.header_menu_item{
    float: left;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
    margin-right: 34px;
    cursor: pointer;
    display: block;
}
.header_menu_item:hover{
    color: #ffca28;
}
.header_menu_item.drop{
    position: relative;
}
.header_menu_item.drop:hover .header_menu_dropdown_container{
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}
.header_menu_dropdown_container{
    position: absolute;
    top: 32px;
    left: -32px;
    padding-top: 10px;
    width: 280px;
    transition: 0.3s;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
}
.header_menu_dropdown{
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 16px 0;
}
.header_menu_dropdown_item{
    display: block;
    box-sizing: border-box;
    padding-left: 32px;
    font-size: 16px;
    font-weight: 500;
    color: #1c1c1c;
    line-height: 36px;
    text-decoration: none;
    transition: 0.3s;
}
.header_menu_dropdown_item:hover{
    background-color: #ffca28;
}
.header_logo_link{
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -62px;
    height: 135px;
    width: 216px;
}
.header_logo_link .logo{
    position: relative;
    top: 0;
}
.logo{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -62px;
}
.header.scroll .logo{
    height: 50px;
    top: 0;
    bottom: 0;
}
.header.scroll .header_logo_link{
    height: 50px;
    top: 0;
    bottom: 0;
    width: 82px;
}
.header_lang{
    line-height: 32px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    float: right;
    transition: 0.3s;
    margin-left: 30px;
}
.header_lang a{
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
}
.header_lang a:hover{
    opacity: 0.8;
}
.header_button{
    width: 160px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    float: right;
    background-color: #ffca28;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.header_phone{
    float: right;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
    margin-right: 34px;
    position: relative;
    line-height: 24px;
}
.header_phone::after{
    /*content: 'Бесплатно по Украине';
    position: absolute;
    font-size: 11px;
    width: 100%;
    bottom: -11px;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 11px;
    text-align: center;*/
}
.header_phone span{
    color: #ffca28;
}
.header_phone span:first-child{
    margin-right: 5px;
}

/* up btn */

.go_up_btn{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #ffd553;
    position: fixed;
    bottom: 35px;
    right: 15px;
    z-index: 10000;
    transition: 0.3s;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
}
.go_up_btn.active{
    opacity: 1;
    pointer-events: all;
}
.go_up_btn:hover{
    background-color: #ffca28;
}
.go_up_btn img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 20px;
}
.go_up_btn_text{
    transform: rotate(270deg);
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 75px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 600;
}

/* social */

.social_wrapper{
    width: 16px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.social_wrapper a{
    text-decoration: none;
    transition: 0.3s;
    display: block;
    margin-bottom: 22px;
}
.social_wrapper a:hover{
    opacity: 0.6;
}
.social_wrapper a img{
    cursor: pointer;
}

.social_wrapper_mobile{
    width: 16px;
    height: 84px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
}
.social_wrapper_mobile a{
    text-decoration: none;
    transition: 0.3s;
    display: block;
}
.social_wrapper_mobile a:hover{
    opacity: 0.6;
}
.social_wrapper_mobile a img{
    cursor: pointer;
}

/* main circles */

.circles_wrapper{
    width: 100%;
    height: 1500px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.left_top_circle{
    position: absolute;
    top: -50px;
    left: -50px;
}
.wave{
    position: absolute;
    top: 790px;
    margin: auto;
    left: -9999px;
    right: -9999px;
    z-index: 9;
    width: 1920px;
}
.circle_container{
    height: 492.5px;
    overflow: hidden;
    width: 888px;
    position: absolute;
    right: 0;
    /* top: 142px; */
    top: 634.5px;
    z-index: 10;
}
.circle_container_top{
    height: 492.5px;
    overflow: hidden;
    width: 888px;
    position: absolute;
    right: 0;
    top: 142px;
    z-index: 2;
}
.circle_container_top .right_middle_circle{
    position: absolute;
    right: 0;
    top: 0;
}
.right_middle_circle{
    position: absolute;
    right: 0;
    bottom: 0;
}
.right_top_circle{
    position: absolute;
    right: -110px;
    top: 110px;
    z-index: 10;
}
.left_middle_circle{
    position: absolute;
    left: -350px;
    top: 609px;
    z-index: 10;
}
.iphone{
    position: absolute;
    top: 171px;
    right: 186px;
    z-index: 8;
}
.iphone_slide_bg{
    position: absolute;
    z-index: 6;
    position: absolute;
    top: 180px;
    right: 210px;
    background-color: #222222;
    width: 400px;
    height: 714px;
}
.iphone_slide{
    position: absolute;
    top: 180px;
    right: 210px;
    z-index: 7;
    opacity: 0;
}
#iphone_slide_01{
    opacity: 1;
}
.slider_dots{
    height: 16px;
    width: 200px;
    position: absolute;
    right: 300px;
    top: 890px;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider_dots .dot{
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #a4a4a4;
    transition: 0.5s;
    margin-right: 11px;
    box-sizing: border-box;
    cursor: pointer;
}
.slider_dots .dot:last-child{
    margin-right: 0;
}
.slider_dots .dot.active{
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 2px solid #a4a4a4;
}

/* main screen */

.wrapper{
    width: 1582px;
    margin: 0 auto;
    height: 100%; 
}
.main{
    width: 100%;
    height: 940px;
    background-image: url(../img/main-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.main_info_container{
    padding-left: 80px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 600px;
    position: relative;
    z-index: 5;
}
.main_info_container_slider_inner{
    /*opacity: 0; */
    /*display: block;*/
    display: none;
    height: 0;
    overflow: hidden;
}
#main_info_slide_01{
    display: block;
    height: auto;
    opacity: 1; 
}
.main_title_yellow{
    font-weight: 700;
    color: #ffca28;
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 10px;
    text-transform: uppercase;
}   
.main_title_white{
    font-size: 50px;
    line-height: 60px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.main_subtitle{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

/* advantages */

.advantages{
    width: 1582px;
    margin: 0 auto;
    height: 200px;
    position: relative;
}
.adv_call_block{
    height: 62px;
    width: 915px;
    border-radius: 50px;
    box-shadow: 18px 10px 20.58px 0.42px rgba(1, 6, 8, 0.13); 
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 20;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 374px;
}
.adv_call_block_left{
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    line-height: 62px;
    border-radius: 50px 0 0 50px;
    background-color: #ffca28;
    z-index: 23;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    padding-left: 20px;
    text-transform: uppercase;
}
.adv_call_block_corner{
    position: absolute;
    top: 0;
    left: 110px;
    height: 62px;
    z-index: 22;
}
.send_button{
    position: absolute;
    top: 0;
    right: 0;
    width: 176px;
    height: 100%;
    background-color: #222222;
    box-sizing: border-box;
    padding-left: 28px;
    line-height: 62px;
    color: #ffca28;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    border-radius: 0 50px 50px 0;
    letter-spacing: 1.2px;
    transition: 0.3s;
    cursor: pointer;
    text-align: left;
    border: none;
}
.send_button:hover{
    background-color: #000;
}
.send_button:hover img{
    transform: translateX(3px)
}
.send_button img{
    position: absolute;
    margin: auto;
    top: -2px;
    bottom: 0;
    left: 128px;
    transition: 0.3s;
}
.avd_call_icon{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 346px;
}
.adv_input{
    height: 62px;
    border: none;
    outline: none;
    font-size: 25px;
    color: #757575;
    letter-spacing: 1.5px;
    width: 300px;
}
.adv_input.error{
    color: red;
}
.adv_input.error::placeholder{
    color: red;
}
.services_wrapper{
    width: 100%;
    position: absolute;
    height: 242px;
    left: 0;
    top: 252px;
    display: flex;
    justify-content: space-between;
    z-index: 10;
}
.service_block{
    height: 258px;
    width: 258px;
    background-image: url(../img/adv-circle.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    position: relative;
    z-index: 10;
    cursor: pointer
}
.service_block:hover .service_block_hover{
    transform: scale(1.2)
}
.service_block:hover .service_block_inner{
    box-shadow: 0px 0px 20.58px 0.42px rgba(1, 6, 8, 0.45); 
    padding-top: 52px;
}
.service_block:hover .services_subtitle{
    opacity: 1;
}
.service_block:hover .services_arrow{
    opacity: 1;
}
.service_block:hover .services_icon{
    opacity: 0;
    transform: translateY(-20px)
}
.service_block_inner{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 228px;
    height: 228px;
    border-radius: 100%;
    background-color: #fff;
    z-index: 20;
    transition: 0.3s;
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    padding-top: 142px;
    text-align: center;
    overflow: hidden;
}
.service_block_hover{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 228px;
    height: 228px;
    border-radius: 100%;
    background-color: #ffca28;
    z-index: 19;
    transition: 0.3s;
}
.services_icon{
    position: absolute;
    top: 40px;
    margin: auto;
    left: 0;
    right: 0;
    transition: 0.2s;
    height: 82px;
}
.services_title{
    text-align: center;
    color: #222222;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.3s;
}
.services_subtitle{
    font-size: 16px;
    font-weight: 600;
    color: #222222;
    margin: 10px auto 15px;
    width: 180px;
    transition: 0.3s;
    opacity: 0;
}
.services_arrow{
    opacity: 0;
    transition: 0.3s;
}



/* about */

.about{
    width: 100%;
    min-height: 720px;
    padding-top: 372px;
    padding-bottom: 100px;
    background-color: #1c1c1c;
    position: relative;
    overflow: hidden;
}
.about_wrapper{
    width: 1582px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
}

/* photo grid */


.about_photo_grid{
    height: 720px;
    width: 872px;
    position: absolute;
    top: 392px;
    left: -150px;
}
.about_photo_grid_mobile{
    display: none;
}
.row_top{
    height: 354px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;;
}
.row_top .left{
    width: 524px;
    height: 100%;
    background-image: url(../img/about-photo-1.jpg);
    background-size: cover;
    background-position: center;
}
.row_top .right{
    width: 336px;
    height: 100%;
    background-image: url(../img/about-photo-2.jpg);
    background-size: cover;
    background-position: center;
}
.row_bottom{
    height: 354px;
    display: flex;
    justify-content: space-between;
}
.row_bottom .left{
    width: 428px;
    height: 100%;
}
.row_bottom .right{
    width: 432px;
    height: 100%;
    background-image: url(../img/about-photo-6.jpg);
    background-size: cover;
    background-position: center;
}
.row_bottom .left .top{
    height: 180px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}
.row_bottom .left .top .left{
    width: 206px;
    height: 100%;
    background-image: url(../img/about-photo-3.jpg);
    background-size: cover;
    background-position: center;
}
.row_bottom .left .top .right{
    width: 210px;
    height: 100%;
    background-image: url(../img/about-photo-4.jpg);
    background-size: cover;
    background-position: center;
}
.row_bottom .left .bottom{
    width: 100%;
    height: 162px;
    background-image: url(../img/about-photo-5.jpg);
    background-size: cover;
    background-position: center;
}

/* about content */

.about_content{
    width: 782px;
    position: relative;
}
.how_it_works_top_circle{
    position: absolute;
    top: -70px;
    right: -188px;
}
.how_it_works_mail_block{
    width: 140px;
    height: 140px;
    position: absolute;
    top: 116px;
    cursor: pointer;
    right: 2px;
}
.how_it_works_mail_block.mobile{
    display: none;
}
.how_it_works_mail_circle{
    position: relative;
    margin: 0 auto 16px;
    width: 116px;
    height: 116px;
    border-radius: 100%;
    background-color: #ffca28;
}
.how_it_works_mail_circle img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.how_it_works_mail_title{
    width: 100%;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.how_it_works_mail_block:hover .how_it_works_mail_title img{
    transform: translateX(5px)
}
.how_it_works_mail_title img{
    position: absolute;
    transition: 0.3s;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
}
.about_title{
    position: relative;
    font-size: 60px;
    color: #ffca28;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 18px;
}
.about_title img{
    position: absolute;
    left: -16px;
    top: -50px;
}
.about_text, .about_text>p{
    width: 550px;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 46px;
    text-align: justify;
}
.how_we_work_title{
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(255,255,255,1);
    line-height: 25px;
    margin-bottom: 26px;
}
.how_we_work_container{
    width: 100%;
    /* height: 146px; */
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}
.how_we_work_mobile{
    display: none;
}
.how_we_work_block{
    text-align: center;
    cursor: pointer;
    width: 100px;
}
.how_we_work_block.active .how_we_work_circle{
    background-image: url(../img/how-it-works-circle-hover.png);
}
.how_we_work_circle{
    width: 94px;
    height: 94px;
    background-image: url(../img/how-it-works-circle.png);
    background-position: 0 0;
    line-height: 94px;
    text-align: center;
    font-size: 35px;
    color: #ffca28;
    margin: 0 auto 14px;
    transition: 0.3s;
}
.how_we_work_block_title{
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #ffca28;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 4px;
}
.how_we_work_arrow{
    transition: 0.3s;
    opacity: 0;
    transform: translateY(-5px);
}
.how_we_work_block.active .how_we_work_arrow{
    opacity: 1;
    transform: translateY(0);
}
.how_we_work_container .separator{
    width: 25px;
    height: 2px;
    margin-top: 50px;
    background-color: #353535;
}
.how_it_works_subtext{
    width: 100%;
    box-sizing: border-box;
    border: 1px dashed #353535;
    padding: 24px 34px;
    font-size: 14px;
    line-height: 25px;
    color: rgba(255,255,255,0.8);
    position: relative;
    z-index: 2;
    min-height: 125px;
}
.how_it_works_subtext_inner{
    display: none;
}
#how_it_works_subtext_01{
    display: block
}

/* cases */

.how_it_works_bottom_circle{
    position: absolute;
    right: 0;
    top: -134px;
    z-index: 1;
}
.main_cases{
    position: relative;
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 100px;
}
.cases_wrapper{
    width: 1582px;
    margin: 0 auto;
}
.cases_title{
    text-align: center;
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #ffca28;
}
.cases_subtitle{
    font-weight: 500;
    font-size: 16px;
    color: #222222;
    margin-bottom: 60px;
    text-align: center;
}
.cases_container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    perspective-origin: 0 50%;
    perspective: 500px;
}
.case_block{
    width: 780px;
    height: 520px;
    margin-bottom: 22px;
    margin-right: 22px;
    perspective-origin: 0 50%;
    perspective: 600px;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.case_block:nth-child(even){
    margin-right: 0;
}
.case_block:hover .case_inner{
    transform: rotateY(5deg);
}
.case_block:hover .case_info_conteiner{
    transform: translateY(-42px);
}
.case_block:hover .case_learn_more_block{
    opacity: 1;
}
.case_block:hover .case_side_line{
    opacity: 1;
    transform: rotateY(-60deg);
    left: -15px
}
.case_inner{
    height: 100%;
    width: 100%;
    background-image: url(../img/case-cover.jpg);
    background-size: cover;
    background-position: center;
    position: relative; 
    transition: 0.3s;
    cursor: pointer;
    perspective-origin: 0 50%;
    perspective: 600px;
    z-index: 5;
}
.case_side_line{
    width: 20px;
    height: 512px;
    position: absolute;
    left: -10px;
    top: 4px;
    background-color: #a1a0a0;
    transform: rotateY(-90deg);
    opacity: 0;
    transition: 0.2s;
}
.case_info_conteiner{
    position: absolute;
    bottom: 30px;
    left: 45px;
    z-index: 2;
    transition: 0.3s;
}
.case_logo{
    margin-bottom: 10px;
}
.case_text{
    color: #fff;
    width: 600px;
    font-size: 16px;
    line-height: 25px;
}
.case_learn_more_block{
    font-size: 10px;
    color: #ffca28;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    height: 36px;
    width: 200px;
    z-index: 2;
    position: absolute;
    left: 45px;
    bottom: 30px;
    transition: 0.3s; 
    opacity: 0;
}
.case_learn_more_block img{
    margin-bottom: 5px;
    display: block;
}
.case_fade{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.case_right_part{
    height: 100%;
    width: 296px;
    position: absolute;
    bottom: 0;
    right: 5px;
    z-index: 8;
    transform: rotateY(-5deg) translateY(30px);
    box-shadow: -19px 6px 18.9px 2.1px rgba(30, 28, 33, 0.43); 
    opacity: 0;
    transition: 0.3s;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    perspective-origin: 0 50%;
    perspective: 600px;
}
.case_block:hover .case_right_part{
    opacity: 1;
    transform: rotateY(-5deg) translateY(0);
}
.case_right_side_part{
    width: 20px;
    height: 514px;
    position: absolute;
    right: -14px;
    top: 3px;
    background-color: #a1a0a0;
    transform: rotateY(40deg);
    z-index: 10;
    /* opacity: 0; */
    /* transition: 0.2s; */
}
.all_cases_btn{
    width: 228px;
    height: 60px;
    border-radius: 40px;
    position: absolute;
    bottom: -30px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #222222;
    z-index: 20;
    cursor: pointer;
    transition: 0.3s;
    color: #ffca28;
    font-weight: 700;
    font-size: 12px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}
.all_cases_btn img{
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 4px;
    transition: 0.3s;
}
.all_cases_btn:hover{
    background-color: #000;
}
.all_cases_btn:hover img{
    transform: translateX(5px)
}

/* reviews */

.reviews_block{
    height: 856px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.reviews_bg{
    position: absolute;
    bottom: 0;
    height: 100%;
    width: auto;
    margin: auto;
    left: -9999px;
    right: -9999px;
    z-index: 4;
}
.reviews_wrapper{
    width: 100%;
    margin: 0 auto;
    padding-top: 70px;
    position: relative;
    z-index: 5;
}
.reviews_title{
    font-size: 60px;
    color: #222222;
    line-height: 70px;
    margin-bottom: 50px;
    text-align: center;
    font-weight: 700;
}
.reviews_tabs_header{
    width: 540px;
    display: flex;
    /* justify-content: space-between; */
    justify-content: center;
    margin: 0 auto;
}
.reviews_tabs_header_item{
    line-height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #bd7800;
    cursor: pointer;
    transition: 0.3s;
    border-bottom: 3px solid transparent;
    margin-right: 20px;
}
.reviews_tabs_header_item:last-child{
    margin-right: 0;
}
.reviews_tabs_header_item:hover{
    color: #222222;
}
.reviews_tabs_header_item.active{
    color: #222222;
    border-bottom: 3px solid #222222;
}

/* reviews slider */

.reviews_slider_tab_body{
    height: 596px;
    width: 100%;
    position: relative;
}
.reviews_slider_container{
    height: 596px;
    width: 100%;
    display: none;
    /* opacity: 0; */
    /* pointer-events: none; */
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
}
.reviews_slider_container.reviews{
    height: auto;
    position: relative;
    z-index: 20;
}
.reviews_slider_container.reviews .review_block{
    margin: 0;
    margin-right: 22px;
    margin-bottom: 22px;
}
#main-reviews-1{
    display: block;
}
.reviews_slider_inner{
    height: 580px;
    width: 1650px;
    margin: 0 auto;
}
/* .reviews_slider_inner .slick-slide[aria-hidden=true]{
    transform: none;
} */
.review_slide{
    height: 495px;
    width: 791px;
    padding-top: 50px;
    padding-bottom: 35px;
    /* padding-left: calc((100vw - 1582px)/2); */
    /* padding-right: calc((100vw - 1582px)/2); */
    font-size: 0;
    /* box-sizing: border-box; */
}
.review_block{
    height: 495px;
    width: 778px;
    background-color: #fff;
    box-shadow: 0px 0px 27.52px 4.48px rgba(33, 30, 35, 0.4); 
    padding: 40px 440px 40px 36px;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}
/* .review_block:first-child{
    margin-right: 22px;
} */
.review_photo_block{
    position: absolute;
    top: 0;
    height: 495px;
    width: 390px;
    right: 0;
    background-size: cover;
    background-position: center;
}
.review_fade{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.review_name{
    font-size: 20px;
    line-height: 22px;
    color: #fec928;
    font-weight: 600;
    position: absolute;
    bottom: 50px;
    left: 40px;
    z-index: 2;
}
.review_position{
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    position: absolute;
    left: 40px;
    bottom: 20px;
    z-index: 2;
}
.quote_icon{
    margin-bottom: 5px;
}
.review_title{
    font-size: 26px;
    color: #222222;
    font-weight: 600;
    margin-bottom: 30px;
}
.review_text{
    color: #4b4b4b;
    font-size: 13px;
    line-height: 22px;
}
.review_slider_dots .slick-dots{
    height: 16px;
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.review_slider_dots .slick-dots li {
    height: 8px;
    width: 8px;
    transition: 0.3s;
    margin-right: 11px;
    box-sizing: border-box;
    cursor: pointer;
    list-style: none;
    font-size: 0;
    border: none;
}
.review_slider_dots .slick-dots li button{
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #222222;
    transition: 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    list-style: none;
    font-size: 0;
    border: none;
}
.review_slider_dots .slick-dots li:last-child{
    margin-right: 0;
}
.review_slider_dots .slick-dots li.slick-active{
    height: 16px;
    width: 16px;
}
.review_slider_dots .slick-dots li.slick-active button{
    height: 16px;
    width: 16px;
    background-color: transparent;
    border: 2px solid #222222;
}
.bottom_part{
    padding-top: 60px;
    position: relative;
    overflow: hidden;
}
.footer_left_circle{
    position: absolute;
    z-index: 1;
    top: 172px;
    left: -130px;
}
.footer_right_circle{
    position: absolute;
    top: 72px;
    right: -80px;
    z-index: 1;
}
.bottom_posts{
    width: 1582px;
    margin: 0 auto 60px;
    height: 500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    position: relative;
}
.post_block{
    display: block;
    height: 500px;
    width: 460px;
    background-color: #222222;
    padding: 360px 90px 60px 40px;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
}
.post_cat{
    position: absolute;
    background-color: #ffca28;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #222222;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    top: 18px;
    left: 18px;
    z-index: 2;
}
.post_block:hover .post_block_photo_block{
    filter: grayscale(0%);
}
.post_block_photo_block{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 318px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: grayscale(100%);
    transition: 0.3s;
}
.post_block:hover .post_learn_more_block{
    opacity: 1;
}
.post_learn_more_block{
    width: 72px;
    height: 72px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    transition: 0.3s;
}
.post_block:hover .post_learn_more_outer{
    transform: scale(1.5);
}
.post_learn_more_outer{
    width: 72px;
    height: 72px;
    position: absolute;
    border-radius: 100%;
    background-color: #ffca28;
    opacity: 0.5;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    transition: 0.3s;
}
.post_learn_more{
    width: 72px;
    height: 72px;
    position: relative;
    border-radius: 100%;
    background-color: #ffca28;
    z-index: 3;
}
.post_learn_more img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
}
.post_block:hover .post_title{
    color: #ffca28;
}
.post_title{
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
    text-decoration: none;
    transition: 0.3s;
}
.post_date{
    font-size: 12px;
    color: #757575;
    line-height: 30px;
    position: absolute;
    bottom: 16px;
    left: 40px;
}
.post_read_btn{
    width: 42px;
    height: 16px;
    position: absolute;
    bottom: 23px;
    right: 29px;
    text-transform: uppercase;
    color: #fff;
    font-size: 8px;
    letter-spacing: 1.6px;
    font-weight: 700;
    text-align: right;
}
.post_block:hover .read_btn_underline{
    width: 100%;
}
.read_btn_underline{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25px;
    height: 3px;
    background-color: #ffca28;
    transition: 0.3s;
}
.posts_all_btn{
    width: 108px;
    text-decoration: none;
    display: block;
    color: #222222;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 2px;
}
.footer{
    width: 1582px;
    margin: 0 auto;
    height: auto;
    font-size: 0;
    display: flex;
    padding-bottom: 50px;
}
.footer_logo{
    margin-right: 118px;
}
.footer_links{
    margin-right: 90px;
}
.footer_links.social{
    margin-right: 90px;
}
.footer_links_title{
    font-size: 12px;
    color: #000;
    line-height: 18px;
    letter-spacing: 0.6px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
}
.footer_link{
    font-weight: 500;
    font-size: 12px;
    color: #424242;
    line-height: 30px;
    text-decoration: none;
    display: block;
}
.footer_social_link{
    font-weight: 500;
    font-size: 12px;
    color: #424242;
    line-height: 30px;
    text-decoration: none;
    display: block;
    position: relative;
    padding-left: 26px;
    box-sizing: border-box;
    margin-bottom: 4px;
}
.footer_social_link img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0
}
.subscribe_block{
    height: 45px;
    width: 620px;
    border-radius: 50px;
    box-shadow: 18px 10px 20.58px 0.42px rgba(1, 6, 8, 0.13); 
    z-index: 20;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 225px;
    position: relative;
    margin-top: 40px;
}
.subscribe_block_left{
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    line-height: 45px;
    border-radius: 50px 0 0 50px;
    background-color: #ffca28;
    z-index: 23;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    box-sizing: border-box;
    padding-left: 15px;
    text-transform: uppercase;
}
.subscribe_block_corner{
    position: absolute;
    top: 0;
    left: 80px;
    height: 45px;
    z-index: 22;
}
.subscribe_send_button{
    position: absolute;
    top: 0;
    right: 0;
    width: 154px;
    height: 100%;
    background-color: #222222;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 45px;
    color: #ffca28;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    border-radius: 0 50px 50px 0;
    letter-spacing: 1.2px;
    transition: 0.3s;
    cursor: pointer;
}
.subscribe_send_button:hover{
    background-color: #000;
}
.subscribe_send_button:hover img{
    transform: translateX(5px)
}
.subscribe_send_button img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 115px;
    transition: 0.3s;
}
.subscribe_input{
    height: 45px;
    border: none;
    outline: none;
    font-size: 16px;
    color: #757575;
    width: 200px;
}
.subscribe_success{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 40px;
    color: #1c1c1c;
    font-size: 14px;
    line-height: 40px;
    padding-left: 20px;
    display: none;
}
.subscribe_success.error{
    color: red;
}
.bottom_line{
    width: 100%;
    height: 14px;
    background-color: #ffca28;
}
.bottom_line_wrapper{
    width: 1582px;
    margin: 0 auto;
}
.bottom_line_text{
    width: 270px;
    text-align: center;
    height: 14px;
    background-color: #fff;
    line-height: 14px;
    font-size: 12px;
    font-weight: 500;
    color: #636362;
}

/* cases */


.main.cases{
    height: 460px;
    background-image: url(../img/cases-bg.jpg);
}
.main.cases .circles_wrapper{
    height: 460px;
}
.main.cases .circle_container{
    overflow: visible;
}
.main.cases .main_info_container{
    padding-top: 50px;
}
.main.cases .main_subtitle{
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
}
.main.cases .wave {
    top: 348px;
    z-index: 15;
}
.cases_cases{
    position: relative;
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 120px;
}
.cases_cases.post{
    padding-bottom: 0;
}
.cases_cases.reviews{
    background-color: transparent;
    z-index: 10;
    padding-bottom: 80px;
}
.cases_cases .cases_container{
    margin-bottom: 40px;
    z-index: 10;
    position: relative;
}
.cases_overflow{
    overflow: hidden;
    padding-top: 40px;
    max-height: 1100px;
    transition: 0.8s;
}
.cases_overflow .cases_container{
    margin: 0 auto;
    width: 1582px;
}
.cases_overflow .cases_container .case_block{
    margin-bottom: 30px;
}
.breadcrumbs{
    height: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
}
.breadcrumbs.cases_limited{
    margin-bottom: 0;
}
.breadcrumbs a{
    line-height: 16px;
    font-size: 12px;
    font-weight: 500;
    color: #5d5d5d;
    border-bottom: 1px dashed #5d5d5d;
    display: block;
    margin-right: 13px;
    text-decoration: none;
}
.breadcrumbs span{
    line-height: 16px;
    font-size: 12px;
    font-weight: 500;
    color: #898989;
    display: block;
    margin-right: 13px;
    text-decoration: none;
}
.breadcrumbs img{
    display: block;
    margin-right: 13px;
}
.reload_btn{
    width: 180px;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    color: #222222;
    font-weight: 700;
    letter-spacing: 2px;
    cursor: pointer;
    z-index: 10;
    position: relative;
}
.reload_btn img{
    margin: 0 auto 10px;
    transition: 0.6s;
}
.reload_btn:hover img{
    transform: rotate(360deg)
}
.cases_contact_form_wrapper{
    height: 900px;
    width: 1582px;
    margin: 0 auto;
    position: relative;
    padding-top: 120px;
    box-sizing: border-box;
    z-index: 5;
}
.cases_form{
    width: 572px;
    display: block;
}
.cases_form_input{
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    color: #979797;
    font-size: 25px;
    margin-bottom: 14px;
    width: 100%;
    border: none;
    appearance: none;
    padding-left: 22px;
    box-sizing: border-box;
}
.cases_form_input.error{
    color: red;
}
.cases_form_input.error::placeholder{
    color: red;
}
.cases_textarea{
    height: 152px;
    line-height: 35px;
    background-color: #fff;
    color: #979797;
    font-size: 25px;
    margin-bottom: 14px;
    width: 100%;
    border: none;
    appearance: none;
    padding-left: 22px;
    padding-top: 12px;
    box-sizing: border-box;
    resize: none;
}
.cases_form_title{
    font-size: 80px;
    line-height: 85px;
    font-weight: 800;
    color: #222222;
    width: 500px;
    margin-bottom: 40px;
}
.cases_form button{
    width: 224px;
    height: 60px;
    line-height: 60px;
    background-color: #222222;
    border: none;
    border-radius: 50px;
    color: #ffca28;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.2px;
    font-weight: 700;
    box-sizing: border-box;
    padding-left: 10px;
    transition: 0.3s;
    cursor: pointer;
}
.cases_form button:hover{
    background-color: #000;
}
.cases_form button:hover img{
    transform: translateX(5px)
}
.cases_form button img{
    margin-left: 20px;
    vertical-align: middle;
    transition: 0.3s;
}
.bottom_part.cases {
    margin-top: -320px;
}
.bottom_part.cases .footer_left_circle{
    top: initial;
    bottom: 100px;
    left: -200px;
    z-index: 2;
}
.bottom_part.cases .footer{
    z-index: 3;
    position: relative;
}
.cases_bottom_big_circle{
    width: 950px;
    height: 950px;
    border-radius: 100%;
    z-index: 2;
    background-color: #ffca28;
    position: absolute;
    left: -30px;
    top: 0;
}
.cases_bottom_text_block{
    width: 1100px;
    height: 600px;
    text-align: right;
    font-size: 178px;
    line-height: 155px;
    letter-spacing: -0.5px;
    font-weight: 900;
    position: absolute;
    right: -10px;
    top: 250px;
    color: #ffca28;
    text-transform: uppercase;
    z-index: 3;
}
.cases_big_arrow{
    position: absolute;
    top: 195px;
    right: 665px;
}

/* contacts */

.main.contacts{
    height: 480px;
    background-image: none;
}
.main.contacts .circles_wrapper{
    height: 480px;
}
.contacts_header{
    width: 1920px;
    position: absolute;
    top: 0;
    left: -9999px;
    right: -9999px;
    margin: auto;
    z-index: 3;
}
.contacts_main_block{
    height: 560px;
    margin-top: -120px;
    position: relative;
}
.contacts_main_block #map{
    position: absolute;
    width: 100%;
    height: 560px;
    z-index: 1;
    top: 0;
    left: 0;
}
.bottom_part.contacts{
    height: auto;
}
.contacts_wrapper{
    width: 1582px;
    margin: 0 auto;
    padding-top: 200px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    pointer-events: none;
}
.contacts_info_block{
    width: 402px;
    height: 290px;
    background-color: #ffca28;
    box-shadow: 0px 0px 23.49px 3.51px rgba(1, 6, 8, 0.71); 
    box-sizing: border-box;
    padding: 18px;
    pointer-events: all;
}
.contacts_info_inner{
    background-color: #fff;
    box-shadow: 0px 0px 23.49px 3.51px rgba(1, 6, 8, 0.71); 
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 40px 40px 40px 60px;
}
.contacts_info_title{
    color: #000;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.6px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.contacts_adress{
    color: #424242;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
}
.contacts_phone{
    display: block;
    color: #424242;
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    text-decoration: none;
}
.main.contacts .wrapper{
    padding-top: 60px;
}
.main_info_container.contacts{
    padding: 0;
    width: 848px;
    margin: 0 auto;   
    align-items: center;
}
.main_info_container.contacts .main_title_yellow{
    font-size: 50px;
    line-height: 55px;
    text-transform: none;
    text-align: center;
}
.main_info_container.contacts .main_subtitle{
    text-align: center;
    margin-bottom: 20px;
}
.start_work_btn{
    width: 225px;
    height: 62px;
    line-height: 62px;
    background-color: #ffca28;
    border-radius: 50px;
    text-align: center;
    font-weight: 700;
    color: #171871;
    letter-spacing: 1.2px;
    transition: 0.3s;
    cursor: pointer;
}
.start_work_btn:hover img{
    transform: translateX(5px)
}
.start_work_btn img{
    vertical-align: middle;
    transition: 0.3s;
    cursor: pointer;
}

/* blog */

.main.blog{
    height: 460px;
    background-image: url(../img/blog-bg.jpg);
}
.main.blog .circles_wrapper{
    height: 460px;
}
.main.blog .circle_container{
    overflow: visible;
}
.main.blog .main_info_container{
    padding-top: 50px;
}
.main.blog .main_title_yellow{
    font-size: 30px;
    line-height: 38px;
}
.main.blog .main_subtitle{
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
}
.main.blog .wave {
    top: 348px;
    z-index: 15;
}

.blog_categories{
    width: 540px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 60px;
}
.blog_category{
    line-height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #222222;
    cursor: pointer;
    transition: 0.3s;
    border-bottom: 3px solid transparent;
    text-decoration: none;
}
.blog_category:hover{
    color: #222222;
    border-bottom: 3px solid #222222;
}


.blog_search_block{
    height: 62px;
    width: 100%;
    border-radius: 50px;
    box-shadow: 18px 10px 20.58px 0.42px rgba(1, 6, 8, 0.13); 
    position: relative;
    z-index: 20;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 320px;
    margin-bottom: 60px;
}
.blog_search_block_left{
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    line-height: 62px;
    border-radius: 50px 0 0 50px;
    background-color: #ffca28;
    z-index: 23;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    padding-left: 20px;
    text-transform: uppercase;
    text-align: center;
}
.blog_search_block_corner{
    position: absolute;
    top: 0;
    left: 110px;
    height: 62px;
    z-index: 22;
}
.blog_search_send_button{
    position: absolute;
    top: 0;
    right: 0;
    width: 176px;
    height: 100%;
    background-color: #222222;
    box-sizing: border-box;
    padding-left: 64px;
    line-height: 62px;
    color: #ffca28;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    border-radius: 0 50px 50px 0;
    letter-spacing: 1.2px;
    transition: 0.3s;
    cursor: pointer;
}
.blog_search_send_button:hover{
    background-color: #000;
}
.blog_search_send_button img{
    position: absolute;
    margin: auto;
    top: -2px;
    bottom: 0;
    left: 36px;
}
.blog_search_input{
    height: 62px;
    border: none;
    outline: none;
    font-size: 25px;
    color: #757575;
    width: 900px;
}
.reload_btn.blog{
    width: 200px;
    margin-bottom: 50px;
}
.blog_cats_container{
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    margin-bottom: 40px;
}
.blog_cat_button{
    display: block;
    width: 300px;
    height: 78px;
    position: relative;
    overflow: hidden;
    background-color: #ffca28;
    color: #000;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    text-decoration: none;
    margin-right: 20.5px;
    margin-bottom: 20px;
}
.blog_cat_button:nth-child(5),.blog_cat_button:nth-child(10){
    margin-right: 0;
}
.blog_text{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #000;
    padding-left: 90px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
    z-index: 3;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.blog_text_inner{
    line-height: 20px;
}
.blog_cat_button:hover .left_circle{
    width: 400px;
    border-radius: 0;
}
.blog_cat_button:hover .blog_text{
    color: #ffca28;
}
.blog_cat_button.active .left_circle{
    width: 400px;
    border-radius: 0;
}
.blog_cat_button.active .blog_text{
    color: #ffca28;
}
.blog_cat_button img{
    position: absolute;
    margin: auto;
    left: 10px;
    top: 0;
    bottom: 0;
    z-index: 3;
    max-width: 55px;
    max-height: 55px;
}
.blog_cat_button .left_circle{
    width: 110px;
    height: 110px;
    border-radius: 100%;
    background-color: #1d1d1d;
    position: absolute;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    left: -28px;
    z-index: 2;
    transition: 0.3s;
}

.blog_container{
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 20;
}
.blog_container .post_block{
    margin-right: 101px;
    margin-bottom: 60px;
}
.blog_container .post_block:nth-child(3n + 3){
    margin-right: 0;
}
.paginator{
    width: 300px;
    height: 36px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.paginator_page{
    width: 36px;
    height: 36px;
    border-radius: 100%;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #222222;
    font-weight: 500;
    text-decoration: none;
}
.paginator_page.active{
    background-color: #ffca28;
}
.paginator_page.dots{
    letter-spacing: 2px;
    margin: 0 5px;
}
.bottom_part.blog{
    margin-top: -600px;
}
.blog_bottom{
    height: 600px;
}

/* reviews */

.main.reviews{
    height: 460px;
    background-image: url(../img/reviews-bg.jpg);
}
.main.reviews .circles_wrapper{
    height: 460px;
}
.main.reviews .circle_container{
    overflow: visible;
}
.main.reviews .main_info_container{
    padding-top: 50px;
}
.main.reviews .main_subtitle{
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
}
.main.reviews .wave {
    top: 348px;
    z-index: 15;
}
.reviews_tabs_header.reviews{
    margin-bottom: 60px;
}
.reviews_tabs_header.reviews .reviews_tabs_header_item{
    color: #ffca28;
    border-bottom: 3px solid transparent;
}
.reviews_tabs_header.reviews .reviews_tabs_header_item.active{
    color: #222222;
    border-bottom: 3px solid #222222;
}
.reviews_tab_body{
    width: 100%;
    min-height: 500px;
}
.reviews_container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 20;
    margin-bottom: 40px;
}
.reviews_container .review_block{
    margin-right: 22px;
    margin-bottom: 22px;
}
.reviews_container .review_block:nth-child(even){
    margin-right: 0;
}

/* dev */

.main.dev{
    height: 460px;
    background-image: url(../img/dev-bg.jpg);
}
.main.dev .circles_wrapper{
    height: 460px;
}
.main.dev .circle_container{
    overflow: visible;
}
.main.dev .main_info_container{
    padding-top: 50px;
}
.main.dev .main_subtitle{
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
}
.main.dev .wave {
    top: 348px;
    z-index: 15;
}
.main_title_services_second{
    font-size: 35px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
}
.dev_wrapper{
    overflow: hidden;
    position: relative;
}
.dev_wrapper_inner{
    width: 1582px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 80px;
    position: relative;
}
.dev_wrapper .breadcrumbs{
    position: relative;
    z-index: 5;
}
.dev_call_block{
    height: 54px;
    width: 100%;
    border-radius: 50px;
    box-shadow: 18px 10px 20.58px 0.42px rgba(1, 6, 8, 0.13); 
    margin: 30px 0 40px;
    z-index: 20;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 456px;
    position: relative
}
.dev_call_block_left{
    position: absolute;
    top: 0;
    left: 0;
    width: 380px;
    height: 100%;
    line-height: 54px;
    border-radius: 50px 0 0 50px;
    background-color: #ffca28;
    z-index: 23;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    padding-left: 20px;
    text-transform: uppercase;
    text-align: center;
}
.dev_call_block_corner{
    position: absolute;
    top: 0;
    left: 240px;
    height: 54px;
    z-index: 22;
}
.dev_send_button{
    position: absolute;
    top: 0;
    right: 0;
    width: 176px;
    height: 100%;
    background-color: #222222;
    box-sizing: border-box;
    padding-left: 28px;
    line-height: 54px;
    color: #ffca28;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    border-radius: 0 50px 50px 0;
    letter-spacing: 1.2px;
    transition: 0.3s;
    cursor: pointer;
    text-align: left;
}
.dev_send_button:hover{
    background-color: #000;
}
.dev_send_button:hover img{
    transform: translateX(3px)
}
.dev_send_button img{
    position: absolute;
    transition: 0.3s;
    margin: auto;
    top: -2px;
    bottom: 0;
    left: 128px;
}
.dev_call_icon{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 426px;
}
.dev_input{
    height: 54px;
    border: none;
    outline: none;
    font-size: 25px;
    color: #757575;
    letter-spacing: 1.5px;
    width: 500px;
}
.dev_input.error{
    color: red;
}
.dev_input.error::placeholder{
    color: red;
}
.dev_title{
    width: 860px;
    font-size: 60px;
    margin: 0 auto 50px;
    color: #ffca28;
    line-height: 60px;
    text-align: center;
    font-weight: 800;
    position: relative;
    z-index: 5;
}
.dev_types{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 5;
}
.dev_type_block{
    width: 200px;
}
.dev_type_circle{
    width: 140px;
    height: 140px;
    margin: 0 auto 8px;
    background-image: url(../img/dev-type-circle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.dev_type_circle_inner{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 13px 0px rgba(7, 9, 10, 0.38); 
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.dev_type_circle_inner img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.dev_type_title{
    text-align: center;
    color: #1c1c1c;
    font-size: 18px;
    line-height: 20px;
    font-weight: 800;
}
.dev_wave{
    position: absolute;
    bottom: 0;
    width: 1920px;
    margin: auto;
    left: -9999px;
    right: -9999px;
}
.dev_cases_block{
    background-color: #f5f4f4;
    width: 100%;
    margin-top: -200px;
    padding-top: 240px;
    overflow: hidden;
}
.dev_cases_title{
    text-align: center;
    font-weight: 800;
    color: #222222;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 40px;
}
.dev_cases_block .cases_container{
    margin: 0 auto;
    width: 1582px;
    margin-bottom: 50px;
}
.smm_cases_bock .cases_container{
    margin: 0 auto;
    width: 1582px;
    margin-bottom: 50px;
}
.stages_block{
    overflow: hidden;
    background-color: #1c1c1c;
    position: relative;
    width: 100%;
    transition: 0.3s;
}
.stages_block .wave{
    position: absolute;
    margin: auto;
    top: 0;
    left: -9999px;
    right: -9999px;
    z-index: 1;
}
.stages_wrapper{
    position: relative;
    width: 1582px;
    margin: 0 auto;
    z-index: 2;
    padding-top: 50px;
    padding-bottom: 90px;
}
.stages_title{
    text-align: center;
    font-weight: 800;
    color: #222222;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 50px;
}
.stages_nums_blocks_container{
    width: 1262px;
    margin: 0 auto 70px;
    display: flex;
    justify-content: space-between;
}
.stage_block{
    width: 140px;
    height: 140px;
    margin: 0 auto 8px;
    background-image: url(../img/dev-type-circle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
}
.stage_block.active{
    background-image: url(../img/stage-active-circle.png);
}
.stage_block.active .stage_inner{
    background-color: #ffca28;
}
.stage_inner{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 13px 0px rgba(7, 9, 10, 0.38); 
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 50px;
    color: #1c1c1c;
    text-align: center;
    line-height: 100px;
    font-weight: 800;
    transition: 0.3s;
}
.stages_content{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.stages_content .left{
    width: 582px;
    text-align: center;
}
.stages_content .left .title{
    font-weight: 800;
    color: #ffca28;
    line-height: 40px;
    font-size: 35px;
    margin-bottom: 30px;
}
.stages_content .left input{
    height: 58px;
    line-height: 58px;
    background-color: #fff;
    color: #979797;
    font-size: 18px;
    margin-bottom: 14px;
    width: 100%;
    border: none;
    appearance: none;
    padding-left: 22px;
    box-sizing: border-box;
}
.stages_content .left input.error{
    color: red;
}
.stages_content .left input.error::placeholder{
    color: red;
}
.stages_content .left button{
    width: 225px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    background-color: #ffca28;
    color: #222222;
    text-align: center;
    border: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 20px;
    cursor: pointer;
}
.stages_content .left button:hover img{
    transform: translateX(5px);
}
.stages_content .left button img{
    margin-left: 10px;
    vertical-align: middle;
    margin-bottom: 3px;
    transition: 0.3s;
}
.page_form_success_message{
    font-size: 14px;
    color: #ffca28;
    margin-top: 20px;
    opacity: 0;
}


.stages_content .right{
    width: 762px;
}
.stages_tabs_body .title{
    font-weight: 800;
    color: #ffca28;
    line-height: 40px;
    font-size: 35px;
    margin-bottom: 40px;
}
.stages_tabs_inner{
    display: none;
}
#stage-1{
    display: block
}
.quote_block{
    width: 100%;
    /* height: 76px; */
    line-height: 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px;
    padding-left: 100px;
    padding-right: 20px;
    background-image: url(../img/stages-quote-icon.png);
    background-position: 22px center;
    background-repeat: no-repeat;
    background-color: #313131;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
}
.stages_check_block{
    background-image: url(../img/check-yellow.png);
    background-repeat: no-repeat;
    background-position: 22px 0;
    /* padding-top: 10px; */
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding-left: 64px;
    display: block;
    text-decoration: none;
}
a.stages_check_block:hover{
    color: #ffca28;
    transition: 0.3s;
}
.stages_check_block:last-child{
    background-color: #8bc34a;
    padding: 15px;
    padding-left: 64px;
    box-sizing: border-box;
    background-image: url(../img/check-black.png);
    background-repeat: no-repeat;
    background-position: 22px 15px;
    color: #222222;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-top: 30px;
}
.green_block{
    background-color: #8bc34a;
    padding: 15px;
    padding-left: 64px;
    box-sizing: border-box;
    background-image: url(../img/check-black.png);
    background-repeat: no-repeat;
    background-position: 22px 15px;
    color: #222222;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-top: 30px;
}
.work_scheme_block{
    background-color: #ffca28;
    padding: 50px 0 80px;
    text-align: center;
}
.work_scheme_title{
    text-align: center;
    font-weight: 800;
    color: #222222;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 80px;   
}
.work_scheme_subtitle{
    width: 420px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-size: 25px;
    color: #222222;
    margin-bottom: 16px;
}
.work_scheme_img{
    width: 661px;
    height: 544px;
    margin: 0 auto;
    background-image: url(../img/work-scheme.png);
    background-size: cover;
}
.complex_work_block{
    width: 100%;
    padding: 50px 0;
    text-align: center;
    background-image: url(../img/complex-work-bg.jpg);
    background-size: cover;
}
.complex_work_title{
    font-size: 40px;
    line-height: 45px;
    font-weight: 800;
    color: #1c1c1c;
    margin-bottom: 40px;
}
.complex_work_wrapper{
    height: 846px;
    width: 1118px;
    position: relative;
    margin: 0 auto;
}
.complex_work_wrapper .circle{
    width: 356px;
    height: 356px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 26.19px 0.81px rgba(9, 11, 12, 0.27); 
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.complex_work_wrapper .circle.first{
    left: 222px;
    top: 0;
}
.complex_work_wrapper .circle.second{
    top: 0;
    right: 222px
}
.complex_work_wrapper .circle.third{
    top: 243px;
    right: 0;
}
.complex_work_wrapper .circle.fourth{
    bottom: 0;
    right: 222px;
}
.complex_work_wrapper .circle.fifth{
    bottom: 0;
    left: 222px;
}
.complex_work_wrapper .circle.six{
    top: 243px;
    left: 0;
}
.complex_work_wrapper .circle.central{
    width: 288px;
    height: 288px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    box-shadow: none;
    background-image: url(../img/complex-work-circle.png);
    background-position: center;
    background-size: cover;
}

.complex_work_wrapper .circle img{
    margin-bottom: 10px;
}
.complex_work_wrapper .circle .title{
    width: 306px;
    font-size: 22px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 10px;
    color: #1c1c1c
}
.complex_work_wrapper .circle .text{
    width: 286px;
    font-size: 18px;
    line-height: 20px;   
    font-weight: 500;
    color: #1c1c1c
}



.technologies_block{
    padding: 50px 0 20px;
    text-align: center;
}
.technologies_title{
    text-align: center;
    font-weight: 800;
    color: #222222;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 40px;   
}
.technologies_container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1582px;
    margin: 0 auto;
}
.technology_block{
    width: 280px;
    margin-bottom: 60px;
}
.technology_circle{
    width: 218px;
    height: 218px;
    margin: 0 auto 20px;
    background-image: url(../img/technologies-circle.png);
    position: relative;
}
.technology_circle_inner{
    width: 162px;
    height: 162px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 13px 0px rgba(7, 9, 10, 0.38); 
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 50px;
    color: #1c1c1c;
    text-align: center;
    line-height: 100px;
    font-weight: 800;
}
.technology_icon{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 102px;
    max-width: 102px;
}
.technology_block_title{
    color: #1c1c1c;
    font-size: 25px;
    line-height: 20px;
    font-weight: 800;
}
.order_dev_block{
    background-image: url(../img/web-bg.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 80px;
    padding-bottom: 50px;
}
.order_dev_wrapper{
    width: 1582px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.garanty{
    width: 778px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 60px;
    padding-right: 140px;
    position: relative;
}
.garanty_icon{
    position: absolute;
    top: 60px;
    right: 60px;
}
.garanty .title{
    width: 300px;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 30px;
    color: #1c1c1c;
    font-weight: 800;
}
.garanty .text{
    font-size: 16px;
    line-height: 25px;
    color: #1c1c1c;
    margin-bottom: 40px;
}
.garanty_btn{
    color: #1c1c1c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    display: inline-block;
    border-bottom: 2px solid #ffca28;
    text-decoration: none;
    text-transform: uppercase;
}
.order_dev_wrapper .right{
    width: 582px;
    margin-right: 120px;
}
.order_dev_wrapper .right .title{
    font-size: 30px;
    line-height: 30px;
    color: #ffca28;
    margin-bottom: 20px;
    font-weight: 800;
    width: 420px;
}
.order_dev_wrapper .right input{
    height: 58px;
    line-height: 58px;
    background-color: #fff;
    color: #979797;
    font-size: 18px;
    margin-bottom: 14px;
    width: 100%;
    border: none;
    appearance: none;
    padding-left: 22px;
    box-sizing: border-box;
}
.order_dev_wrapper .right input.error{
    color: red;
}
.order_dev_wrapper .right input.error::placeholder{
    color: red;
}
.order_dev_wrapper .right textarea{
    height: 152px;
    line-height: 35px;
    background-color: #fff;
    color: #979797;
    font-size: 18px;
    margin-bottom: 30px;
    width: 100%;
    border: none;
    appearance: none;
    padding-left: 22px;
    padding-top: 12px;
    box-sizing: border-box;
    resize: none;
}
.order_dev_wrapper .right button{
    width: 225px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    background-color: #ffca28;
    color: #222222;
    text-align: center;
    border: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}
.order_dev_wrapper .right button:hover img{
    transform: translateX(5px);
}
.order_dev_wrapper .right button img{
    margin-left: 10px;
    vertical-align: middle;
    margin-bottom: 3px;
    transition: 0.3s;
}
.support_block{
    padding: 60px 0 70px;
}
.support_inner{
    width: 1582px;
    margin: 0 auto;
    display: flex;
    box-shadow: 0px 0px 24px 0px rgba(7, 9, 10, 0.29); 
}
.support_advantages{
    width: 1582px;
    margin: 30px auto 0;
    display: flex;
    justify-content: space-between;
}
.subbpot_adv_block{
    width: 242px;
    border-top: 5px solid #ffca28;
    padding-top: 18px;
    padding-left: 60px;
    position: relative;
    box-sizing: border-box;
}
.subbpot_adv_block_img{
    position: absolute;
    top: 23px;
    left: 0;
    height: 45px;
    width: auto;
}
.subbpot_adv_block_title{
    font-weight: 600;
    color: #1c1c1c;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
}
.subbpot_adv_block_text{
    color: #1c1c1c;
    font-size: 14px;
    line-height: 20px;
}
.support_img{
    width: 50%;
    background-image: url(../img/support-bg.jpg);
    background-size: cover;
    background-position: center;
}
.support{
    width: 50%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 60px;
    padding-right: 140px;
    position: relative;
}
.support_icon{
    position: absolute;
    top: 60px;
    right: 60px;
}
.seo_form_block{
    padding: 80px 0;
    position: relative;
    background-image: url(../img/web-bg.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
}
.seo_form_top_line{
    width: 582px;
    height: 15px;
    background-color: #ffca28;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
}
.seo_form_title_top{
    color: #ffca28;
    font-size: 60px;
    line-height: 50px;
    font-weight: 700;
}
.seo_form_title_bottom{
    color: #ffca28;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 60px;
}
.seo_form_block form{
    width: 582px;
    margin: 0 auto;
}
.seo_form_block input{
    height: 58px;
    line-height: 58px;
    background-color: #fff;
    color: #979797;
    font-size: 18px;
    margin-bottom: 12px;
    width: 100%;
    border: 1px solid #bab9b9;
    appearance: none;
    padding-left: 22px;
    box-sizing: border-box;
}
.seo_form_block input.error{
    color: red;
}
.seo_form_block input.error::placeholder{
    color: red;
}
.seo_form_block textarea{
    height: 152px;
    line-height: 35px;
    background-color: #fff;
    color: #979797;
    font-size: 18px;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #bab9b9;
    appearance: none;
    padding-left: 22px;
    padding-top: 12px;
    box-sizing: border-box;
    resize: none;
}
.seo_form_block button{
    width: 225px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    background-color: #ffca28;
    color: #222222;
    text-align: center;
    border: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    display: block;
}
.seo_form_block button img{
    margin-left: 10px;
    vertical-align: middle;
    margin-bottom: 3px;
    transition: 0.3s;
}
.seo_form_block button:hover img{
    transform: translateX(5px)
}






.support .title{
    width: 300px;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 30px;
    color: #1c1c1c;
    font-weight: 800;
}
.support .text{
    font-size: 16px;
    line-height: 25px;
    color: #1c1c1c;
    margin-bottom: 40px;
}
.support_btn{
    color: #1c1c1c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    display: inline-block;
    border-bottom: 2px solid #ffca28;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}
.web_reviews_block{
    padding: 60px 0;
    background-color: #ffca28;
}
.web_reviews_block .reviews_slider_container{
    position: relative;
}
.web_reviews_title{
    font-size: 60px;
    color: #222222;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
.bottom_part.dev .web_reviews_title{
    margin-bottom: 60px;
}
.bottom_part.dev .footer_right_circle{
    top: 215px;
}
.bottom_part.dev .footer_left_circle{
    top: 382px;
}
.all_reviews_web{
    width: 228px;
    height: 60px;
    border-radius: 40px;
    display: block;
    margin: 40px auto 0;
    background-color: #222222;
    z-index: 5;
    cursor: pointer;
    transition: 0.3s;
    color: #ffca28;
    font-weight: 700;
    font-size: 12px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}
.all_reviews_web img{
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 4px;
    transition: 0.3s;
}
.all_reviews_web:hover{
    background-color: #000;
}
.all_reviews_web:hover img{
    transform: translateX(5px)
}

/* smm */

.main.smm{
    height: 460px;
    background-image: url(../img/smm-bg.jpg);
}
.main.smm .circles_wrapper{
    height: 460px;
}
.main.smm .circle_container{
    overflow: visible;
}
.main.smm .main_info_container{
    padding-top: 50px;
}
.main.smm .main_subtitle{
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
}
.main.smm .wave {
    top: 348px;
    z-index: 15;
}
.dev_call_block.smm{
    padding-left: 550px;
}
.dev_call_block.smm .dev_call_block_left{
    width: 490px;
}
.dev_call_block.smm .dev_call_block_corner{
    left: 340px;
}
.dev_call_block.smm .dev_call_icon{
    left: 522px;
}
.dev_title.smm{
    width: 100%;
}
.smm_social_container{
    width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.smm_block{
    width: 247px;
    text-align: center;
}
.smm_block img{
    margin-bottom: 16px;
}
.smm_block .title{
    font-size: 18px;
    line-height: 20px;
    color: #1c1c1c;
    font-weight: 800;
}
.command_work_block{
    background-color: #1c1c1c;
    width: 100%;
    margin-top: -200px;
    padding-top: 240px;
    padding-bottom: 60px;
}
.command_work_title{
    text-align: center;
    font-weight: 800;
    color: #ffca28;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 60px;
}
.command_work_wrapper{
    width: 1582px;
    margin: 0 auto;
    height: 470px;
    position: relative;
}
.command_mini_block{
    width: 380px;
    height: 184px;
    border: 2px dashed #ffca28;
    position: absolute;
    box-sizing: border-box;
    padding: 0 50px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.command_mini_block .title{
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 14px;
}
.command_mini_block .subtitle{
    font-size: 16px;
    line-height: 20px;
    color: #aaaaaa;
    font-weight: 500;
    margin-top: -5px;
    margin-bottom: 14px;
}
.command_mini_block .text{
    font-size: 16px;
    line-height: 20px;
    color: #aaaaaa;
    font-weight: 500;
}
.command_mini_block.t-l{
    top: 0;
    left: 0;
}
.command_mini_block.t-m{
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}
.command_mini_block.t-r{
    top: 0;
    right: 0;
}
.command_mini_block.b-l{
    bottom: 0;
    left: 110px
}
.command_mini_block.b-m{
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.command_mini_block.b-r{
    bottom: 0;
    right: 110px;
}
.command_work_wrapper .arrow-l{
    position: absolute;
    top: 84px;
    left: 400px
}
.command_work_wrapper .arrow-r{
    position: absolute;
    top: 84px;
    right: 400px
}
.command_work_wrapper .arrow-b{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 200px
}
.command_work_wrapper .arrow-b-l{
    position: absolute;
    left: 433px;
    top: 190px;
}
.command_work_wrapper .arrow-b-r{
    position: absolute;
    right: 435px;
    top: 190px;
}
.success_smm_block{
    background-color: #ffca28;
    padding: 50px 0 140px;
}
.success_smm_title{
    text-align: center;
    font-weight: 800;
    color: #1c1c1c;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 70px;
}
.succes_smm_timeline{
    width: 1001px;
    height: 213px;
    margin: 0 auto;
    background-image: url(../img/success-timeline.png);
    background-position: center;
    background-size: cover;
    position: relative;
}
.succes_smm_timeline .block{
    position: absolute;
}
.succes_smm_timeline .block.first{
    width: 125px;
    text-align: center;
    top: -12px;
    left: -70px;
    padding-top: 31px;
}
.succes_smm_timeline .block.second{
    width: 220px;
    text-align: center;
    top: -12px;
    left: 345px;
    padding-top: 31px;
}
.succes_smm_timeline .block.third{
    width: 190px;
    padding-right: 35px;
    top: 22px;
    right: -12px;
    text-align: right;
}
.succes_smm_timeline .block.fourth{
    left: 190px;
    top: 94px;
    width: 150px;
    text-align: left;
    padding-top: 31px;
}
.succes_smm_timeline .block.fifth{
    left: 400px;
    top: 198px;
    width: 130px;
    padding-top: 31px;
    text-align: center;
}
.succes_smm_timeline .block.six{
    left: 736px;
    top: 198px;
    width: 240px;
    padding-top: 31px;
    text-align: center;
}
.succes_smm_timeline .block.fourth .circle{
    left: 0;
    right: initial;
}
.succes_smm_timeline .block.third .circle{
    top: 0;
    bottom: 0;
    left: initial;
    right: 0;
}
.succes_smm_timeline .block .circle{
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background-color: #ff9c00;
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.succes_smm_timeline .block .circle .inner{
    width: 14px;
    height: 14px;
    border-radius: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
}
.succes_smm_timeline .block .title{
    font-size: 16px;
    color: #1c1c1c;
    line-height: 20px;
    font-weight: 700;
}
.smm_cases_bock{
    padding: 50px 0;
}
.smm_cases_title{
    text-align: center;
    font-weight: 800;
    color: #1c1c1c;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 60px;
}
.smm_cases_container{
    width: 1582px;
    margin: 0 auto 50px;
    display: flex;
    justify-content: space-between;
}
.smm_cases_block{
    width: 514px;
    height: 332px;
    display: block;
    padding: 30px 40px 130px;
    box-sizing: border-box;
    background-position: center;
    background-size: cover;
    text-decoration: none;
    position: relative;
}
.smm_cases_block img{
    display: block;
    margin-bottom: 20px;    
    max-height: 50px;
}
.smm_cases_block .title{
    font-size: 20px;
    line-height: 25px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 15px;
}
.smm_cases_block .google{
    font-size: 20px;
    color: #b7b7b7;
    font-weight: 500;
    line-height: 35px;
}
.smm_cases_block .google span{
    color: #ffca28;
}
.spending_block{
    width: 200px;
    height: 82px;
    box-sizing: border-box;
    border: 1px dashed #fff;
    bottom: 40px;
    left: 40px;
    position: absolute;
    padding-top: 16px;
    padding-left: 56px;
}
.spending_block img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 10px;
}
.spending_block .title{
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}
.spending_block .text{
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
}
.profit_block{
    width: 200px;
    height: 82px;
    box-sizing: border-box;
    border: 1px dashed #fff;
    bottom: 40px;
    left: 265px;
    position: absolute;
    padding-top: 16px;
    padding-left: 56px;
}
.profit_block img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 10px;
}
.profit_block .title{
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}
.profit_block .text{
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
}
.smm_cases_all{
    display: block;
    margin: 0 auto;
    width: 110px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    text-decoration: none;
    color: #222222;
}

.brand_block{
    padding: 100px 0 70px;
    background-image: url(../img/brand-bg.jpg);
    background-size: cover;
    background-position: center;
}
.brand_wrapper{
    width: 1582px;
    margin: 0 auto;
    height: 580px;
    position: relative;
}
.brand_central_block{
    width: 582px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -50px;
}
.brand_central_block .title{
    font-weight: 800;
    font-size: 60px;
    color: #ffca28;
    margin-bottom: 50px;
    text-align: center;
}
.brand_central_block input{
    height: 58px;
    line-height: 58px;
    background-color: #fff;
    color: #979797;
    font-size: 18px;
    margin-bottom: 12px;
    width: 100%;
    border: 1px solid #bab9b9;
    appearance: none;
    padding-left: 22px;
    box-sizing: border-box;
}
.brand_central_block input.error{
    color: red;
}
.brand_central_block input.error::placeholder{
    color: red;
}
.brand_central_block textarea{
    height: 152px;
    line-height: 35px;
    background-color: #fff;
    color: #979797;
    font-size: 18px;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #bab9b9;
    appearance: none;
    padding-left: 22px;
    padding-top: 12px;
    box-sizing: border-box;
    resize: none;
}
.brand_central_block button{
    width: 225px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    background-color: #ffca28;
    color: #222222;
    text-align: center;
    border: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    display: block;
}
.brand_central_block button img{
    margin-left: 10px;
    vertical-align: middle;
    margin-bottom: 3px;
    transition: 0.3s;
}
.brand_central_block button:hover img{
    transform: translateX(5px)
}
.brand_mini_block{
    height: 110px;
    width: 220px;
    box-sizing: border-box;
    border: 2px dashed #ffca28;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px;
    font-size: 16px;
    line-height: 20px;
    color: #ffca28;
    font-weight: 800;
    text-align: center;
}
.brand_mini_block.t-l{
    left: 142px;
    top: 0;
}
.brand_mini_block.s-l{
    left: 142px;
    top: 158px;
}
.brand_mini_block.m-l{
    left: 142px;
    top: 316px;
}
.brand_mini_block.b-l{
    left: 142px;
    bottom: 0;
}
.brand_mini_block.t-r{
    right: 142px;
    top: 158px;
}   
.brand_mini_block.s-r{
    right: 142px;
}
.brand_mini_block.m-r{
    right: 142px;
    top: 316px;
}
.brand_mini_block.b-r{
    right: 142px;
    bottom: 0;
}
.brand_img{
    position: absolute;
}
.brand_img.t-l{
    left: 375px;
    top: 40px;
}
.brand_img.s-l{
    left: 375px;
    top: 192px;
}
.brand_img.m-l{
    left: 375px;
    top: 362px;
}
.brand_img.b-l{
    left: 375px;
    bottom: 34px;
}
.brand_img.t-r{
    right: 375px;
    top: 40px;
}   
.brand_img.s-r{
    right: 375px;
    top: 192px;
}
.brand_img.m-r{
    right: 375px;
    top: 362px;
}
.brand_img.b-r{
    right: 375px;
    bottom: 34px;
}

/* ppc */

.main.ppc{
    height: 460px;
    background-image: url(../img/ppc-bg.jpg);
}
.main.ppc .circles_wrapper{
    height: 460px;
}
.main.ppc .circle_container{
    overflow: visible;
}
.main.ppc .main_info_container{
    padding-top: 50px;
    width: 680px;
}
.main.ppc .main_subtitle{
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
}
.main.ppc .wave {
    top: 348px;
    z-index: 15;
}
.main.ppc .main_title_yellow{
    text-transform: none;
    line-height: 70px;
    margin-bottom: 30px;
}
.dev_title.ppc{
    width: 100%;
}
.stages_block.ppc{
    margin-top: -180px;
    padding-top: 180px;
}
.dev_wrapper_inner.ppc{
    padding-bottom: 0;
}
.dev_wave.ppc{
    bottom: 110px;
    z-index: 2;
}
.dev_types.ppc{
    width: 1262px;
    margin: 0 auto;
}
.dev_types.ppc .dev_type_block{
    width: 140px;
}
.dev_types.ppc .dev_type_title{ 
    color: #fff;
}
.stages_title.ppc{
    color: #ffca28;
    width: 1000px;
    margin: 0 auto 50px;
}
.certificates_wrapper{
    width: 1582px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.certificate_block{
    width: 216px;
    height: 234px;
    background-image: url(../img/certificate.png);
    background-size: cover;
    background-position: center;
    position: relative;
}
.certificate_block img{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 30px;
    max-width: 140px;
}
.ppc_adv_block{
    background-color: #1c1c1c;
    padding: 50px 0 60px;
}
.ppc_adv_title{
    text-align: center;
    font-weight: 800;
    color: #ffca28;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 60px;
}
.ppc_adv_wrapper{
    width: 1582px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ppc_adv_mini_block{
    width: 515px;
    height: 330px;
    margin-bottom: 15px;
    background-color: #fff;
    padding: 60px 110px;
    padding-right: 60px;
    box-sizing: border-box;
    position: relative;
}
.ppc_adv_mini_block img{
    position: absolute;
    top: 45px;
    left: 30px;
}
.ppc_adv_mini_block .title{
    font-size: 30px;
    line-height: 25px;
    color: #1c1c1c;
    font-weight: 800;
    height: 60px;
}
.ppc_adv_mini_block ul{
    list-style: none;
}
.ppc_adv_mini_block ul li{
    font-size: 20px;
    line-height: 35px;
    color: #1c1c1c;
    font-weight: 500;
    padding-left: 38px;
    background-image: url(../img/adv-li-mark.png);
    background-position: 0 center;
    background-repeat: no-repeat;
}
.payment_block{
    background-color: #fff;
    padding: 50px 0 60px;
}
.payment_title{
    text-align: center;
    font-weight: 800;
    color: #1c1c1c;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 50px;
}
.payment_wrapper{
    width: 1582px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.payment_mini_bock{
    width: 33%;
    padding: 0 25px;
}
.payment_mini_bock .title{
    height: 60px;
    padding-left: 80px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
    color: #1c1c1c;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 800;
}
.payment_mini_bock .title img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
}
.payment_mini_bock .text{
    font-size: 16px;
    line-height: 25px;
    color: #1c1c1c;
    font-weight: 500;
}

/* seo */

.main.seo{
    height: 460px;
    background-image: url(../img/seo-bg.jpg);
}
.main.seo .circles_wrapper{
    height: 460px;
}
.main.seo .circle_container{
    overflow: visible;
}
.main.seo .main_info_container{
    padding-top: 50px;
    width: 650px;
}
.main.seo .main_subtitle{
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
}
.main.seo .wave {
    top: 348px;
    z-index: 15;
}
.dev_wrapper_inner.seo{
    padding-bottom: 110px;
}
.dev_wave.seo{
    bottom: 0;
    z-index: 2;
}
.stages_block.seo{
    margin-top: -180px;
    padding-top: 40px;
}
.seo_certificates_block{
    padding: 40px 0 26px;
    overflow: hidden;
}
.seo_sertificates_wrapper{
    width: 1582px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative
}
.seo_sertificates_circle{
    position: absolute;
    width: 939px;
    height: 939px;
    border-radius: 100%;
    background-color: #ffca28;
    left: -200px;
    top: -420px;
    z-index: 1;
}
.seo_sertificates_title{
    width: 540px;
    box-sizing: border-box;
    padding-top: 78px;
    padding-left: 45px;
    color: #222222;
    font-size: 60px;
    line-height: 70px;
    font-weight: 800;
    position: relative;
    z-index: 2;
}
.seo_certificates_container{
    width: 780px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.seo_certificates_square{
    width: 233px;
    height: 233px;
    box-sizing: border-box;
    border: 13px solid #ffca28;
    position: relative;
    margin-bottom: 34px;
}
.seo_certificates_square img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 207px;
    /* max-width: 200px; */
    /* max-height: 200px; */
}
.seo_clients_block{
    background-color: #e2e2e2;
    padding: 30px 0;
    position: relative;
}
.seo_clients_block_left_circle{
    position: absolute;
    left: 0;
    top: -120px
}
.seo_clients_block_right_circle{
    position: absolute;
    right: 0;
    bottom: 12px;
}
.seo_clients_title{
    color: #1c1c1c;
    font-size: 60px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 30px;
}
.seo_clients_slider_wrapper{
    width: 1582px;
    margin: 0 auto 30px;
    height: 245px;
    position: relative;
}
.seo_slider_left{
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    transition: 0.3s;
    cursor: pointer;
    opacity: 0.7;
}
.seo_slider_left:hover{
    opacity: 1;
}
.seo_slider_right{
    position: absolute;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    transition: 0.3s;
    cursor: pointer;
    opacity: 0.7;
}
.seo_slider_right:hover{
    opacity: 1;
}
.seo_clients_slider_wrapper_inner{
    position: absolute;
    height: 245px;
    width: 1465px;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
}
.seo_slide_block_outer{
    height: 245px;
    display: inline-block;
}
.seo_slide_block{
    width: 232px;
    height: 245px;
    position: relative;
    display: block;
    margin: 0 auto;
}
.seo_slide_block_inner{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 220px;
    height: 220px;
    background-color: #fff;
    z-index: 2;
}
.seo_slide_block_icon{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 200px;
    max-width: 200px;
}
.seo_slide_block_badge{
    width: 75px;
    height: 75px;
    z-index: 3;
    border-radius: 100%;
    position: absolute;
    background-color: #ffca28;
    top: 0;
    right: 0;
    text-align: center;
    color: #1c1c1c;
    font-size: 15px;
    line-height: 14px;
    font-weight: 800;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.support_block.seo{
    background-color: #222222;
}
.support_block.seo .support_img{
    background-image: url(../img/seo-warranty.jpg)
}

/* apps */

.main.app{
    height: 460px;
    background-image: url(../img/app-bg.jpg);
}
.main.app .circles_wrapper{
    height: 460px;
}
.main.app .circle_container{
    overflow: visible;
}
.main.app .main_info_container{
    padding-top: 50px;
    width: 650px;
}
.main.app .main_subtitle{
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
}
.main.app .wave {
    top: 348px;
    z-index: 15;
}
.dev_title.app{
    width: 1080px;
}
.dev_wrapper.app{
    background-color: #fff;
}
.apps_choose_platform_container{
    width: 1250px;
    margin: 0 auto 40px;
    display: flex;
    justify-content: space-between;
}
.apps_choose_platform_container .btn{
    width: 590px;
    height: 250px;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 7.76px 0.24px rgba(9, 11, 12, 0.25);
    box-sizing: border-box;
    padding-left: 340px;
    padding-top: 35px;
    cursor: pointer;
    transition: 0.3s;
}
.apps_choose_platform_container .btn ul li{
    font-size: 18px;
    color: #1c1c1c;
    line-height: 45px;
    font-weight: 700;
}
.apps_choose_platform_container .btn img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 45px;
}
.apps_choose_platform_container .btn.active{
    box-shadow: 0px 13px 26.19px 0.81px rgba(9, 11, 12, 0.46); 
}
.apps_slider_suptitle{
    text-align: center;
    font-weight: 800;
    color: #222222;
    font-size: 30px;
    line-height: 45px;
    width: 50%;
    margin: 0 auto 45px;
}
.apps_slider{
    width: 1582px;
    margin: 0 auto;
    height: 715px;
    position: relative;
}
.apps_slider_ios{
    height: 665px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 1s;
    opacity: 1;
}
.apps_slider_ios.hidden{
    opacity: 0;
    pointer-events: none;
}
.ios_slides_container{
    position: absolute;
    top: 19px;
    height: 627px;
    width: 1450px;
    margin: 0 auto 70px;
    left: 0;
    right: 0;
}
.slide{
    width: 290px;
    height: 627px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.slide::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    transition: 0.6s;
}
.slide.slick-slide{
    transition: 0.6s;
    transform: scale(0.9);
    animation-delay: 0.3s;
}
.slide.slick-center{
    opacity: 1;
    transform: scale(1)
}
.slide.slick-center::after{
    opacity: 0;
}
.apps_slider .slick-center + .slick-slide + .slick-slide{
    transform: translateX(-60px) scale(0.85);
    z-index: -1;
}
.slick-slide[aria-hidden=true]{
    /* transform: scale(0.6) !important; */
}
.apps_slider .slick-slide[aria-hidden=true] + .slick-slide[aria-hidden=false]{
    transform: translateX(60px) scale(0.85);
}
.ios_slider_frame{
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    height: 665px;
    z-index: 3;
}
.iphone_slider_left_arrow{
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    width: 108px;
    height: 18px;
    background-image: url(../img/app-slider-left.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s;
    cursor: pointer;
    z-index: 3;
}
.iphone_slider_left_arrow:hover{
    background-image: url(../img/app-slider-left-hover.png);
}
.iphone_slider_right_arrow{
    position: absolute;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: 108px;
    height: 18px;
    background-image: url(../img/app-slider-right.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s;
    cursor: pointer;
    z-index: 3;
}
.iphone_slider_right_arrow:hover{
    background-image: url(../img/app-slider-right-hover.png);
}


.apps_slider_android{
    height: 665px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 1s;
    opacity: 1;
}
.apps_slider_android.hidden{
    opacity: 0;
    pointer-events: none;
}
.android_slides_container{
    position: absolute;
    top: 30px;
    height: 627px;
    width: 1500px;
    margin: 0 auto 70px;
    left: 0;
    right: 0;
}
.android_slides_container .slide{
    width: 300px;
    height: 610px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.slide::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    transition: 0.6s;
}
.slide.slick-slide{
    transition: 0.6s;
    transform: scale(0.9);
    animation-delay: 0.3s;
}
.slide.slick-center{
    opacity: 1;
    transform: scale(1)
}
.slide.slick-center::after{
    opacity: 0;
}


.android_slides_container .slick-center + .slick-slide + .slick-slide{
    transform: translateX(-65px) scale(0.85);
    z-index: -1;
}
.android_slides_container .slick-center + .slick-slide{
    transform: translateX(-15px) scale(0.9);
}
/* .android_slides_container .slick-slide[aria-hidden=true]{
    transform: scale(0.6);
} */
.android_slides_container .slick-slide[aria-hidden=true] + .slick-slide[aria-hidden=false]{
    transform: translateX(65px) scale(0.85);
}
.android_slides_container .slick-slide[aria-hidden=true] + .slick-slide[aria-hidden=false] + .slick-slide[aria-hidden=false]{
    transform: translateX(15px) scale(0.9);
}


.android_slider_frame{
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    height: 665px;
    z-index: 3;
}
.android_slider_left_arrow{
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    width: 108px;
    height: 18px;
    background-image: url(../img/app-slider-left.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s;
    cursor: pointer;
    z-index: 3;
}
.android_slider_left_arrow:hover{
    background-image: url(../img/app-slider-left-hover.png);
}
.android_slider_right_arrow{
    position: absolute;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: 108px;
    height: 18px;
    background-image: url(../img/app-slider-right.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s;
    cursor: pointer;
    z-index: 3;
}
.android_slider_right_arrow:hover{
    background-image: url(../img/app-slider-right-hover.png);
}



.apps_process{
    background-color: #1c1c1c;
    padding: 100px 0;
}
.apps_process_container{
    width: 1582px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.apps_process_container .left{
    width: 502px;
    text-align: center;
}
.apps_process_container .left .title{
    font-weight: 800;
    color: #ffca28;
    line-height: 40px;
    font-size: 35px;
    margin-bottom: 30px;
}
.apps_process_container .left input{
    height: 58px;
    line-height: 58px;
    background-color: #fff;
    color: #979797;
    font-size: 18px;
    margin-bottom: 14px;
    width: 100%;
    border: none;
    appearance: none;
    padding-left: 22px;
    box-sizing: border-box;
}
.apps_process_container .left input.error{
    color: red;
}
.apps_process_container .left input.error::placeholder{
    color: red;
}
.apps_process_container .left button{
    width: 225px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    background-color: #ffca28;
    color: #222222;
    text-align: center;
    border: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 20px;
    cursor: pointer;
}
.apps_process_container .left button:hover img{
    transform: translateX(5px);
}
.apps_process_container .left button img{
    margin-left: 10px;
    vertical-align: middle;
    margin-bottom: 3px;
    transition: 0.3s;
}
.apps_process_container .right{
    width: 1020px;
}
.apps_process_container .right .title{
    font-weight: 800;
    color: #ffca28;
    line-height: 40px;
    font-size: 35px;
    margin-bottom: 30px;
    text-align: center;
}
.process_block_wrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.process_block_titles{
    width: 170px;
    padding-top: 18px;
}
.process_block_titles div{
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 36px;
    font-weight: 500;
}
.process_block_titles div:last-child{
    color: #8bc34a;
}
.process_block_container{
    width: 836px;
    height: 582px;
    position: relative;
}
.vertical_lines{
    height: 546px;
    width: 704px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
}
.vertical_lines div{
    height: 100%;
    width: 1px;
    box-sizing: border-box;
    border-left: 2px dashed #3e3e3e;
}
.horizontal_lines{
    width: 762px;
    height: 490px;
    position: absolute;
    left: 6px;
    top: 24px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.horizontal_lines div{
    width: 100%;
    height: 4px;
    background-color: #3e3e3e;
    position: relative;
}
.horizontal_lines div .inner{
    position: absolute;
    top: 0;
    height: 4px;
    background-color: #ffca28;
}
.horizontal_lines div .inner.one{
    left: 0;
    width: 62px;
}
.horizontal_lines div .inner.two{
    left: 61px;
    width: 140px;
}
.horizontal_lines div .inner.three{
    left: 96px;
    width: 176px;
}
.horizontal_lines div .inner.four{
    left: 272px;
    width: 108px;
}
.horizontal_lines div .inner.five{
    left: 380px;
    width: 245px;
}
.horizontal_lines div .inner.six{
    left: 0;
    width: 100%;
}
.horizontal_lines div .inner.seven{
    left: 693px;
    width: 34px;
}
.horizontal_lines div .inner.eight{
    left: 727px;
    width: 36px;
}
.bottom_horizontal_line{
    position: absolute;
    width: 100%;
    height: 1px;
    box-sizing: border-box;
    bottom: -10px;
    left: 7px;
    border-top: 2px dashed #3e3e3e;
}
.bottom_horizontal_line .inner{
    width: 68px;
    top: -4px;
    height: 4px;
    position: absolute;
    background-color: #8bc34a;
    right: 0;
}
.weeks_block{
    width: 100%;
    height: 45px;
    position: absolute;
    bottom: 16px;
    left: 0;
    display: flex;
    justify-content: space-between;
}
.week_block{
    font-weight: 500;
    font-size: 14px;
    color: #363636;
    line-height: 18px;
    width: 60px;
    text-align: center;
}

/* post */

.post_wrapper{
    width: 1582px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.post_container{
    width: 980px;
}
.post_container h1{
    font-weight: 700;
    font-size: 40px;
    line-height: 42px;
    color: #5d5d5d;
    margin-bottom: 40px;
}
.post_container h2{
    font-weight: 700;
    font-size: 35px;
    line-height: 37px;
    color: #5d5d5d;
    margin-bottom: 40px;
}
.post_container h3{
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #5d5d5d;
    margin-bottom: 40px;
}
.post_container h4{
    font-weight: 700;
    font-size: 25px;
    line-height: 47px;
    color: #5d5d5d;
    margin-bottom: 40px;
}
.post_container h5{
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #5d5d5d;
    margin-bottom: 40px;
}
.post_container h6{
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #5d5d5d;
    margin-bottom: 40px;
}
.post_container p{
    font-size: 16px;
    line-height: 22px;
    color: #5d5d5d;
    margin-bottom: 40px;
}
.post_container a{
    color: #ff9728;
    text-decoration: none;
}
.post_container ul{
    box-sizing: border-box;
    padding-left: 20px;
}
.post_container ol{
    box-sizing: border-box;
    padding-left: 20px;
}
.post_container img{
    width: 100% !important;
    margin-bottom: 40px;
}
.post_container a:hover{
    text-decoration: underline;
}
.post_sidebar{
    width: 540px;
}
.sidebar_header{
    height: 70px;
    line-height: 70px;
    background-color: #ffca28;
    box-sizing: border-box;
    padding-left: 32px;
    color: #1f1f1f;
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 25px;
}
.sidebar_rubrics{
    padding-left: 45px;
    padding-bottom: 60px;
}
.sidebar_rubric_link{
    display: block;
    text-decoration: none;
    font-size: 18px;
    color: #5d5d5d;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 35px;
    transition: 0.3s;
}
.sidebar_rubric_link:hover{
    color: #222222;
}
.sidebar_rubric_link.active{
    color: #222222;
    padding-left: 45px;
    position: relative;
}
.sidebar_rubric_link.active::after{
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: 37px;
    height: 3px;
    background-color: #ffca28;
}
.sidebar_post_block{
    width: 100%;
    height: 155px;
    display: block;
    margin-bottom: 60px;
    position: relative;
    box-sizing: border-box;
    padding-left: 185px;
    text-decoration: none;
}
.sidebar_post_block .title{
    font-size: 18px;
    line-height: 22px;
    color: #5d5d5d;
    font-weight: 600;
    margin-bottom: 5px;
    text-decoration: none;
    transition: 0.3s;
}
.sidebar_post_block:hover .title{
    color: #ffca28;
}
.sidebar_post_block .text{
    font-size: 14px;
    line-height: 20px;
    color: #5d5d5d;
    font-weight: 400;
    max-height: 60px;
    overflow: hidden;
    margin-bottom: 12px;
}
.sidebar_post_block .date{
    color: #a0a0a0;
    font-size: 12px;
    line-height: 16px;
}
.sidebar_post_block .date_block{
    display: flex;
    justify-content: space-between;
    height: 16px;
}
.sidebar_post_block .photo{
    width: 155px;
    height: 155px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: grayscale(100%);
    transition: 0.3s;
}
.sidebar_post_block:hover .photo{
    filter: grayscale(0%);
}
.sidebar_post_block:hover .post_learn_more_block{
    opacity: 1;
}
.sidebar_post_block:hover .post_learn_more_outer{
    transform: scale(1.5);
}
.sidebar_post_block .post_read_btn{
    width: 42px;
    height: 16px;
    position: relative;
    top: initial;
    right: initial;
    bottom: initial;
    text-transform: uppercase;
    color: #1d1d1d;
    font-size: 8px;
    letter-spacing: 1.6px;
    font-weight: 700;
    text-align: right;
}
.sidebar_post_block:hover .read_btn_underline{
    width: 100%;
}


/* case */

.main.case{
    height: 460px;
}
.main.case .circles_wrapper{
    height: 460px;
}
.main.case .circles_wrapper .right_top_circle{
    right: -220px;
}
.main.case .circle_container{
    overflow: visible;
}
.main.case .main_info_container{
    padding-top: 50px;
    width: 650px;
}
.main.case .main_subtitle{
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
}
.main.case .wave {
    top: 348px;
    z-index: 15;
}
.bottom_part.case{
    margin-top: 0;
}
.bottom_part.case .footer_left_circle{
    top: -200px;
    left: -200px;
    z-index: -1;
}
.wrapper.case{
    position: relative;
}
.case_lider_circle{
    position: absolute;
    right: 70px;
    top: 160px;
    z-index: 20;
}
.case_lider_inner{
    height: 268px;
    width: 268px;
    background-color: #ffca28;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 46px;
    font-weight: 800;
    line-height: 42px;
    color: #1c1c1c;
    border-radius: 100%;
    position: absolute;
    top: 208px;
    right: 120px;
    z-index: 20;
}
.case_wrapper{
    width: 1582px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.text_with_photo{
    width: 100%;
    /* height: 400px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}
.text_with_photo .text{
    width: 766px;
}
.text_with_photo .text .title{
    font-size: 35px;
    color: #1c1c1c;
    line-height: 40px;
    font-weight: 800;
    margin-bottom: 20px;
}
.text_with_photo .text .text{
    color: #1c1c1c;
    font-size: 16px;
    line-height: 22px;
}
.text_with_photo .text .text p{
    margin-bottom: 20px;
}
.text_with_photo .text ul{
    color: #1c1c1c;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
    padding-left: 26px;
    list-style: none;
}
.text_with_photo .text ul li{
    position: relative;
}
.text_with_photo .text ul li::before{
    position: absolute;
    left: -18px;
    top: 0;
    bottom: 2px;
    margin: auto;
    content: '';
    background-color: #ffca28;
    width: 7px;
    height: 7px;
}
.text_with_photo .text ol{
    color: #1c1c1c;
    font-size: 16px;
    line-height: 45px;
    margin-bottom: 30px;
    padding-left: 26px;
}
.text_with_photo .text ol li{
    padding-left: 20px;
    position: relative;
}
.text_with_photo .text ol li::before{
    position: absolute;
    left: -30px;
    top: 4px;
    margin: auto;
    content: '';
    background-color: #ffca28;
    width: 36px;
    height: 36px;
    z-index: -1;
    border-radius: 100%;
}
.text_with_photo .photo{
    width: 780px;
}
.wide_banner{
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}
.case_text_container{
    /* column-count: 2; */
    /* column-gap: 20px; */
    margin-bottom: 60px;
}
.case_text_container blockquote{
    margin-bottom: 30px;
    padding: 80px;
    padding-left: 100px;
    position: relative;
    font-size: 20px;
    line-height: 30px;
    color: #1c1c1c;
    font-style: italic;
    font-weight: 700;
}
.case_text_container blockquote::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffca28;
    z-index: -1;
}
.case_text_container blockquote::after{
    content: '';
    position: absolute;
    width: 60px;
    height: 45px;
    background-image: url(../img/case-q.png);
    background-size: cover;
    background-position: center;
    z-index: -1;
    top: 54px;
    left: 56px;
}
.case_text_container img{
    width: 100% !important;
    margin-bottom: 30px;
}
.case_text_container iframe{
    width: 100%;
    margin-bottom: 30px;
}
.case_text_container h1{
    font-weight: 700;
    color: #ffca28;
    font-size: 80px;
    margin-bottom: 30px;
}
.case_text_container h2{
    font-size: 60px;
    color: #222222;
    margin-bottom: 30px;
    font-weight: 700;
}
.case_text_container h3{
    font-weight: 800;
    color: #1c1c1c;
    font-size: 35px;
    margin-bottom: 30px;
}
.case_text_container p{
    color: #1c1c1c;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
}
.case_text_container ul{
    color: #1c1c1c;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
    padding-left: 26px;
    list-style: none;
}
.case_text_container ul li{
    position: relative;
}
.case_text_container ul li::before{
    position: absolute;
    left: -18px;
    top: 0;
    bottom: 2px;
    margin: auto;
    content: '';
    background-color: #ffca28;
    width: 7px;
    height: 7px;
}
.case_text_container ol{
    color: #1c1c1c;
    font-size: 16px;
    line-height: 45px;
    margin-bottom: 30px;
    padding-left: 26px;
}
.case_text_container ol li{
    padding-left: 20px;
    position: relative;
}
.case_text_container ol li::before{
    position: absolute;
    left: -30px;
    top: 4px;
    margin: auto;
    content: '';
    background-color: #ffca28;
    width: 36px;
    height: 36px;
    z-index: -1;
    border-radius: 100%;
}
.achievments_block{
    margin-bottom: 50px;
}
.achiv_title{
    font-weight: 800;
    color: #1c1c1c;
    font-size: 35px;
    margin-bottom: 30px;
}
.achiv_container{
    height: 300px;
    display: flex;
    justify-content: space-between;
}
.achiv_block{
    position: relative;
    box-sizing: border-box;
    padding: 30px;
    padding-right: 50px;
    padding-bottom: 50px;
    box-shadow: 0px 0px 16.38px 1.62px rgba(6, 8, 10, 0.1); 
    width: 500px;
}
.achiv_block img{
    position: absolute;
    top: 54px;
    right: 40px;
}
.achiv_block .title{
    font-size: 20px;
    line-height: 45px;
    font-weight: 800;
    color: #1c1c1c;
    padding-left: 35px;
    margin-bottom: 10px;
}
.achiv_block .subtitle{
    font-size: 55px;
    color: #ffca28;
    line-height: 45px;
    font-weight: 800;
    margin-bottom: 25px;
}
.achiv_block .text{
    font-size: 14px;
    line-height: 20px;
    color: #1c1c1c;
    padding-left: 10px;
}
.cases_page_cases{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    padding-bottom: 40px;
}
.cases_page_cases .title{
    text-align: center;
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 40px;
    color: #1c1c1c;
    font-weight: 800;
}
.cases_page_cases .container{
    width: 100%;
    height: 275px;
    margin-bottom: 20px;
}
.cases_page_cases .container .case{
    display: block;
    height: 275px;
    width: 25%;
    text-align: center;
}
.cases_page_cases .container .case img{
    height: 100%;
    display: inline-block;
}
.cases_slider_dots .slick-dots{
    height: 16px;
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.cases_slider_dots .slick-dots li {
    height: 8px;
    width: 8px;
    transition: 0.3s;
    margin-right: 11px;
    box-sizing: border-box;
    cursor: pointer;
    list-style: none;
    font-size: 0;
    border: none;
}
.cases_slider_dots .slick-dots li button{
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #222222;
    transition: 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    list-style: none;
    font-size: 0;
    border: none;
}
.cases_slider_dots .slick-dots li:last-child{
    margin-right: 0;
}
.cases_slider_dots .slick-dots li.slick-active{
    height: 16px;
    width: 16px;
}
.cases_slider_dots .slick-dots li.slick-active button{
    height: 16px;
    width: 16px;
    background-color: transparent;
    border: 2px solid #222222;
}
.ios_slider_dots .slick-dots{
    height: 16px;
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.ios_slider_dots .slick-dots li {
    height: 8px;
    width: 8px;
    transition: 0.3s;
    margin-right: 11px;
    box-sizing: border-box;
    cursor: pointer;
    list-style: none;
    font-size: 0;
    border: none;
}
.ios_slider_dots .slick-dots li button{
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #222222;
    transition: 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    list-style: none;
    font-size: 0;
    border: none;
}
.ios_slider_dots .slick-dots li:last-child{
    margin-right: 0;
}
.ios_slider_dots .slick-dots li.slick-active{
    height: 16px;
    width: 16px;
}
.ios_slider_dots .slick-dots li.slick-active button{
    height: 16px;
    width: 16px;
    background-color: transparent;
    border: 2px solid #222222;
}


.android_slider_dots .slick-dots{
    height: 16px;
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.android_slider_dots .slick-dots li {
    height: 8px;
    width: 8px;
    transition: 0.3s;
    margin-right: 11px;
    box-sizing: border-box;
    cursor: pointer;
    list-style: none;
    font-size: 0;
    border: none;
}
.android_slider_dots .slick-dots li button{
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #222222;
    transition: 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    list-style: none;
    font-size: 0;
    border: none;
}
.android_slider_dots .slick-dots li:last-child{
    margin-right: 0;
}
.android_slider_dots .slick-dots li.slick-active{
    height: 16px;
    width: 16px;
}
.android_slider_dots .slick-dots li.slick-active button{
    height: 16px;
    width: 16px;
    background-color: transparent;
    border: 2px solid #222222;
}
/* mobile */

.mobile_menu_button{
    display: none;
}
.side_drawer{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.3s;
    padding-top: 50px;
    z-index: 1000;
    transform: translateX(100%);
    z-index: 10000000000;
}
.side_drawer.open{
    transform: translateX(0)
}
.side_drawer_close{
    position: absolute;
    top: 0;
    right: 50px;
    width: 40px;
    height: 40px;
    padding-top: 30px;
    color: #ffca28;
    text-transform: uppercase;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 10px;
    font-weight: 700;
}
.side_drawer_close img{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
}
.side_drawer_wrapper{
    width: 728px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 70px;
}
.side_drawer_menu_item{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px; 
    font-weight: 500;
    color: #fff;
    display: block;
    text-decoration: none;
    position: relative;
    width: 80%;
}
.side_drawer_menu_item img{
    position: absolute;
    margin: auto;
    top: 4px;
    bottom: 0;
    left: 80px;
    transition: 0.3s;
}
.side_drawer_menu_item.active img{
    transform: rotate(180deg);
}
.header_mobile_menu_dropdown{
    display: none;
}
.header_mobile_menu_dropdown_item{
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 10px; 
    font-weight: 500;
    color: #fff;
    display: block;
    text-decoration: none;
    position: relative;
}


.main_mobile_circle{
    display: none;
}
.advantages_wave{
    display: none;
}


@media screen and (max-width: 1600px){
    .main{
        height: 742px;
    }
    .header{
        width: 1180px;
        padding-left: 0;
    }
    .wrapper{
        width: 1180px;
    }
    .header_phone{
        /* position: absolute;
        right: 160px;
        top: -10px */
    }
    .header_phone + .header_phone{
        /* position: absolute;
        right: 160px;
        top: 15px */
        display: none
    }
    .circle_container{
        height: 354px;
        width: 648px;
        top: 529px;
    }
    .circle_container_top{
        height: 354px;
        width: 648px;
        top: 175px
    }
    .right_middle_circle{
        height: 708px;
    }
    .iphone{
        width: 338px;
        right: 120px;
    }
    .iphone_slide_bg{
        width: 306px;
        top: 191px;
        right: 135px;
        height: 540px;
    }
    .wave{
        top: 600px;
        width: 1600px
    }
    .right_top_circle{
        width: 785px;
        top: 130px;
    }
    .iphone_slide{
        right: 120px;
        right: 139px;
        width: 303px;
    }
    .main_info_container{
        padding-left: 0;
    }
    .slider_dots{
        right: 188px;
        top: 700px;
    }
    .left_top_circle{
        height: 146px;
    }
    .advantages{
        width: 1180px;
    }
    .adv_call_block{
        width: 780px;
        padding-left: 324px;
    }
    .adv_call_block_left{
        font-size: 14px;
        width: 250px;
    }
    .adv_call_block_corner{
        left: 82px;
    }
    .avd_call_icon{
        left: 286px;
    }
    .service_block{
        width: 210px;
        height: 210px;
    }
    .service_block_inner{
        width: 180px;
        height: 180px;
        padding-top: 120px;
    }
    .service_block_hover{
        width: 180px;
        height: 180px;
    }
    .services_icon{
        height: 68px;
    }
    .services_title{
        font-size: 24px;
    }
    .service_block:hover .service_block_inner{
        padding-top: 32px;
    }
    .services_subtitle{
        width: 150px;
        font-size: 12px;
    }
    .services_wrapper{
        top: 182px;
    }
    .left_middle_circle{
        top: 450px;
    }
    .about{
        padding-top: 302px;
    }
    .about_wrapper{
        width: 1180px;
    }
    .about_content{
        width: 572px;
    }
    .about_text, .about_text>p{
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .how_it_works_top_circle{
        top: 260px;
        left: -5px;
        right: initial;
    }
    .about_photo_grid{
        top: 302px;
        left: 0;
        height: 590px;
        width: 720px;
    }
    .row_top{
        height: 290px;
        margin-bottom: 10px;
    }
    .row_top .left{
        width: 420px;
    }
    .row_top .right{
        width: 290px;
    }
    .row_bottom{
        height: 290px;
    }
    .row_bottom .left{
        width: 356px;
    }
    .row_bottom .right{
        width: 354px;
    }
    .row_bottom .left .top{
        height: 140px;
        margin-bottom: 10px;
    }
    .row_bottom .left .top .left{
        width: 173px;
    }
    .row_bottom .left .top .right{
        width: 173px;
    }
    .row_bottom .left .bottom{
        height: 140px;
    }
    .about_text{
        height: 500px;
    }
    .how_we_work_title{
        width: 1180px;
        margin-left: -602px;
        text-align: center;
    }
    .how_we_work_container{
        width: 1180px;
        margin-left: -602px;
    }
    .how_it_works_subtext{
        width: 1180px;
        margin-left: -602px;
    }
    .how_it_works_mail_block {
        top: 456px;
        right: 252px;
    }
    .cases_wrapper{
        width: 1180px;
    }
    .cases_overflow{
        max-height: 840px;
    }
    .cases_overflow .cases_container {
        margin: 0 auto;
        width: 1180px;
    }
    .case_block{
        width: 580px;
        height: 390px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .case_right_part{
        width: 220px;
        height: 99%;
    }
    .case_right_side_part{
        height: 382px;
        right: -15px;
        top: 2px;
    }
    .case_side_line{
        top: 3px;
        height: 384px;
    }
    .case_info_conteiner{
        left: 30px;
    }
    .case_learn_more_block{
        left: 30px;
    }   
    .main_cases{
        padding-bottom: 70px;
    }
    .reviews_block{
        height: 766px;
    }
    .reviews_slider_inner{
        width: 1300px;
        height: 460px;
    }
    .review_block{
        width: 578px;
        height: 368px;
        padding: 30px 252px 30px 30px;
    }
    .review_photo_block{
        width: 202px;
        height: 368px
    }
    .bottom_posts{
        width: 1180px;
        position: relative;
        height: 540px;
        align-items: flex-start;
    }
    .posts_all_btn{
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 480px;
    }
    .post_block{
        height: 430px;
        width: 382px;
        padding-top: 305px;
    }
    .post_block_photo_block{
        height: 275px;
    }
    .post_title{
        font-size: 14px;
        line-height: 20px;
    }
    .footer{
        width: 1180px;
    }
    .bottom_line_wrapper{
        width: 1180px;
    }
    .subscribe_block{
        width: 295px;
        height: 135px;
        box-shadow: none;
        border-radius: 0;
        background-color: transparent;
        padding: 0;
        margin-top: 0;
    }
    .subscribe_block_corner{
        display: none;
    }
    .subscribe_block_left{
        width: 100%;
        height: 36px;
        line-height: 36px;
        text-align: center;
        padding: 0;
        border-radius: 50px;
        position: relative;
        margin-bottom: 10px;
    }
    .subscribe_input{
        width: 220px;
        display: block;
        margin: 0 auto 20px;
        border-bottom: 1px solid #757575;
        height: 30px;
        line-height: 30px;
    }
    .subscribe_send_button{
        width: 150px;
        margin: 0 auto;
        height: 35px;
        line-height: 35px;
        position: relative;
        border-radius: 50px;
    }
    .footer_logo{
        margin-right: 70px;
    }
    .footer_links{
        margin-right: 60px;
    }

    /* dev */

    .main.dev{
        height: 360px;
    }
    .main.dev .wave{
        top: 264px;
    }
    .main.dev .main_title_yellow{
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 5px;
    }
    .main.dev .main_title_services_second{
        font-size: 29px;
        line-height: 29px;
        margin-bottom: 5px;
    }
    .main.dev .main_subtitle{
        font-size: 25px;
        line-height: 30px;
    }
    .main.dev .circle_container{
        top: 500px
    }
    .dev_wrapper .breadcrumbs{
        z-index: 20;
    }
    .dev_wrapper_inner{
        width: 1180px;
    }
    .dev_title{
        font-size: 45px;
        line-height: 55px;
    }
    .dev_cases_block .cases_container{
        width: 1180px;
    }
    .stages_wrapper{
        width: 1180px;
    }
    .stages_nums_blocks_container{
        width: 1180px;
    }
    .stages_content .right{
        width: 568px;
    }
    .stages_content .left{
        width: 518px;
    }
    .technologies_container{
        width: 1180px;
    }
    .technology_block{
        width: 236px;
    }
    .order_dev_wrapper{
        width: 1180px;
    }
    .garanty{
        width: 558px;
        padding: 40px;
        margin-top: 10px;
    }
    .garanty_icon{
        top: 40px;
        right: 40px;
    }
    .order_dev_wrapper .right{
        margin-right: 0;
    }
    .support_inner{
        width: 1180px;
    }
    .support{
        padding: 40px;
    }
    .support_icon{
        top: 40px;
        right: 40px;
    }
    .web_reviews_title{
        font-size: 50px;
        line-height: 60px;
    }
    .reviews_slider_container{
        height: 476px;
    }
    .review_slide{
        height: 368px;
    }

    /* ppc */

    .main.ppc{
        height: 380px;
    }
    .main.ppc .wave{
        top: 284px;
    }
    .main.ppc .main_title_yellow{
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 5px;
    }
    .main.ppc .main_title_services_second{
        font-size: 29px;
        line-height: 29px;
        margin-bottom: 10px;
    }
    .main.ppc .main_subtitle{
        font-size: 25px;
        line-height: 30px;
    }
    .main.ppc .circle_container{
        top: 500px
    }
    .dev_types.ppc{
        width: 1180px;
    }
    .smm_cases_title{
        font-size: 30px;
        line-height: 35px;
    }
    .smm_cases_container{
        width: 1052px;
    }
    .certificates_wrapper{
        width: 1080px;
    }
    .ppc_adv_wrapper{
        width: 1180px;
    }
    .ppc_adv_mini_block{
        width: 380px;
        padding-top: 50px;
        padding-right: 20px;
        padding-left: 90px;
    }
    .ppc_adv_mini_block .title{
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .ppc_adv_mini_block img{
        top: 40px;
        left: 20px;
    }
    .ppc_adv_mini_block ul li{
        font-size: 16px;
        line-height: 30px;
    }
    .payment_wrapper{
        width: 1180px;
    }

    /* apps */

    .main.app{
        height: 360px;
    }
    .main.app .wave{
        top: 264px;
    }
    .main.app .main_title_yellow{
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 5px;
    }
    .main.app .main_title_services_second{
        font-size: 29px;
        line-height: 29px;
        margin-bottom: 5px;
    }
    .main.app .main_subtitle{
        font-size: 25px;
        line-height: 30px;
    }
    .main.app .circle_container{
        top: 500px
    }
    .apps_choose_platform_container{
        width: 1180px;
    }
    .apps_choose_platform_container .btn{
        width: 572px;
    }
    .apps_slider{
        width: 1180px;
        height: 608px;
    }
    .apps_slider_ios{
        height: 608px;
    }
    .apps_slider_android{
        height: 608px;
    }
    .ios_slides_container{
        width: 1180px;
        height: 540px;
        margin-bottom: 40px;
    }
    .android_slides_container{
        width: 1180px;
        height: 540px;
        margin-bottom: 40px;
    }
    .ios_slider_frame{
        height: 540px;
        top: 3px;
    }
    .android_slider_frame{
        height: 540px;
        top: 2px;
    }
    .android_slides_container .slide{
        height: 500px;
    }
    .slide{
        height: 510px;
    }
    .apps_process_container{
        width: 1180px;
        flex-direction: column-reverse;
        align-items: center;
    }

    /* seo */

    .main.seo{
        height: 360px;
    }
    .main.seo .wave{
        top: 264px;
    }
    .main.seo .main_title_yellow{
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 5px;
    }
    .main.seo .main_title_services_second{
        font-size: 29px;
        line-height: 29px;
        margin-bottom: 5px;
    }
    .main.seo .main_subtitle{
        font-size: 25px;
        line-height: 30px;
    }
    .main.seo .circle_container{
        top: 500px
    }
    .seo_sertificates_wrapper{
        width: 1180px;
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    .seo_certificates_container{
        width: 100%;
        z-index: 20;
        position: relative;
    }
    .seo_sertificates_title{
        padding: 0;
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 50px;
    }
    .seo_sertificates_circle{
        width: 750px;
        height: 750px;
        margin: auto;
        left: 0;
        right: 0;
        top: -130%;
    }
    .seo_certificates_square{
        width: 207px;
        height: 207px;
        background-color: #fff;
    }
    .seo_certificates_square img{
        width: 181px;
    }
    .seo_clients_slider_wrapper{
        width: 1180px;
        height: 220px;
    }
    .seo_slide_block_inner{
        width: 200px;
        height: 200px;
    }
    .seo_slide_block{
        width: 210px;
        height: 220px;
    }
    .seo_slide_block_icon{
        max-width: 180px;
        max-height: 180px;
    }
    .seo_clients_slider_wrapper_inner{
        width: 1080px;
        height: 220px;
    }
    .support_advantages{
        width: 1180px;
    }
    .subbpot_adv_block{
        width: 170px;
        padding-left: 0;
    }
    .subbpot_adv_block_img{
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 5px;
    }

    /* smm */

    .main.smm{
        height: 360px;
    }
    .main.smm .wave{
        top: 264px;
    }
    .main.smm .main_title_yellow{
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 5px;
    }
    .main.smm .main_title_services_second{
        font-size: 29px;
        line-height: 29px;
        margin-bottom: 5px;
    }
    .main.smm .main_subtitle{
        font-size: 25px;
        line-height: 30px;
    }
    .main.smm .circle_container{
        top: 500px
    }
    .command_work_wrapper{
        width: 1180px;
    }
    .command_mini_block{
        width: 350px;
        padding: 0 65px;
        background-color: #1c1c1c;
    }
    .command_mini_block.b-l{
        left: 0;
    }
    .command_mini_block.b-r{
        right: 0;
    }
    .command_work_wrapper .arrow-l{
        left: 350px;
    }
    .command_work_wrapper .arrow-r{
        right: 350px;
    }
    .command_work_wrapper .arrow-b-l{
        left: 245px;
    }
    .command_work_wrapper .arrow-b-r{
        right: 245px;
    }
    .smm_cases_bock .cases_container{
        width: 1180px;
    }
    .brand_wrapper{
        width: 1180px;
    }
    .brand_central_block{
        width: 500px;
    }
    .brand_central_block .title{
        font-size: 50px;
    }
    .brand_mini_block.t-l{
        left: 0;
        top: 0;
    }
    .brand_mini_block.s-l{
        left: 0;
        top: 158px;
    }
    .brand_mini_block.m-l{
        left: 0;
        top: 316px;
    }
    .brand_mini_block.b-l{
        left: 0;
        bottom: 0;
    }
    .brand_mini_block.t-r{
        right: 0;
        top: 158px;
    }   
    .brand_mini_block.s-r{
        right: 0;
    }
    .brand_mini_block.m-r{
        right: 0;
        top: 316px;
    }
    .brand_mini_block.b-r{
        right: 00;
        bottom: 0;
    }
    .brand_img{
        position: absolute;
    }
    .brand_img.t-l{
        left: 230px;
        top: 40px;
    }
    .brand_img.s-l{
        left: 230px;
        top: 192px;
    }
    .brand_img.m-l{
        left: 230px;
        top: 362px;
    }
    .brand_img.b-l{
        left: 230px;
        bottom: 34px;
    }
    .brand_img.t-r{
        right: 230px;
        top: 40px;
    }   
    .brand_img.s-r{
        right: 230px;
        top: 192px;
    }
    .brand_img.m-r{
        right: 230px;
        top: 362px;
    }
    .brand_img.b-r{
        right: 230px;
        bottom: 34px;
    }
    .contacts_wrapper{
        width: 1180px;
    }

    /* blog */

    .blog_container .post_block {
        margin-right: 16px;
        margin-bottom: 16px;
    }
    .main.blog .main_info_container{
        padding-top: 20px;
    }
    .blog_search_input{
        width: 780px;
    }
    .blog_cat_button{
        width: 290px;
        margin-right: 6px;
        margin-bottom: 6px;
    }
    .blog_cat_button:nth-child(4n + 4){
        margin-right: 0;
    }
    .blog_cat_button:nth-child(5),.blog_cat_button:nth-child(10){
        margin-right: 6px;
    }
    .reload_btn.blog{
        margin-top: 50px;
    }
    .post_wrapper{
        width: 1180px;
    }
    .post_sidebar{
        width: 400px;
    }
    .sidebar_rubrics{
        padding-left: 15px;
        padding-bottom: 30px;
    }
    .sidebar_post_block{
        padding-left: 0;
        height: auto;
    }
    .sidebar_post_block .title{
        height: 165px;
        padding-left: 165px;
    }
    .post_container{
        width: 728px;
    }

    /* cases */

    .cases_contact_form_wrapper{
        width: 1180px;
    }
    .cases_form_title{
        font-size: 40px;
        line-height: 40px;
    }
    .cases_form{
        width: 472px;
    }
    .cases_bottom_big_circle {
        width: 760px;
        height: 760px;
        left: -90px;
        top: 50px;
    }
    .bottom_part.cases {
        margin-top: -220px;
    }
    .cases_bottom_text_block {
        width: 800px;
        height: 460px;
        font-size: 98px;
        line-height: 115px;
        top: 200px;
    }
    .cases_big_arrow {
        position: absolute;
        top: 145px;
        right: 375px;
        width: 300px;
    }
    .case_wrapper{
        width: 1180px;
    }
    .text_with_photo .text{
        width: 580px;
    }
    .case_text_container ul{
        color: #1c1c1c;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
        padding-left: 26px;
        list-style: none;
    }
    .case_text_container ul li{
        position: relative;
    }
    .case_text_container ul li::before{
        position: absolute;
        left: -18px;
        top: 0;
        bottom: 2px;
        margin: auto;
        content: '';
        background-color: #ffca28;
        width: 7px;
        height: 7px;
    }
    .case_text_container ol{
        color: #1c1c1c;
        font-size: 16px;
        line-height: 45px;
        margin-bottom: 30px;
        padding-left: 26px;
    }
    .case_text_container ol li{
        padding-left: 20px;
        position: relative;
    }
    .case_text_container ol li::before{
        position: absolute;
        left: -30px;
        top: 4px;
        margin: auto;
        content: '';
        background-color: #ffca28;
        width: 36px;
        height: 36px;
        z-index: -1;
        border-radius: 100%;
    }
    .text_with_photo .photo{
        width: 580px;
        height: 298px;
    }
    .wide_banner{
        height: 298px;
    }
    .achiv_block{
        width: 375px;
    }
    .achiv_block img{
        right: 20px;
    }
    .achiv_block .subtitle{
        font-size: 45px;
    }
    .case_lider_inner{
        right: 0;
    }
    .case_lider_circle{
        right: -50px;
    }
    .cases_page_cases .container{
        height: 236px;
    }
    .cases_page_cases .container .case{
        height: 236px;
    }
    .quote_icon{
        margin-bottom: 15px;
    }
    .review_title{
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 24px;
    }
    .review_text {
        font-size: 12px;
        line-height: 20px;
    }
    .review_photo_block{
        width: 242px;
    }
    .review_name{
        left: 20px;
    }
    .review_position{
        left: 20px;
    }


}

@media screen and (max-width: 1180px){
    .main{
        height: 540px;
    }
    .header{
        width: 728px;
        top: 50px;
        box-sizing: border-box;
        padding-right: 136px;
    }
    .logo{
        right: initial;
        left: 25px;
        top: -30px;
        height: 98px;
    }
    .header_logo_link{
        right: initial;
        left: 25px;
        top: -30px;
        height: 98px;
        width: 172px;
    }
    .header_logo_link .logo{
        left: 0;
        height: 98px;
    }
    .wrapper{
        width: 728px;
    }
    .social_wrapper{
        display: none;
    }
    .main_info_container{
        width: 300px;
        display: block;
        padding-top: 180px;
    }
    .main_title_yellow{
        font-size: 40px;
        line-height: 45px;
    }
    .main_title_white{
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .main_subtitle{
        font-size: 14px;
        line-height: 24px;
    }
    .header_phone{
        display: none
    }
    .header_menu_item{
        display: none;
    }
    .circle_container{
        height: 272.5px;
        width: 498px;
        top: 393px;
        right: -50px;
    }
    .circle_container_top{
        height: 272.5px;
        width: 498px;
        top: 120px;
        right: -50px;
    }
    .right_middle_circle{
        height: 545px;
    }
    .iphone{
        width: 270px;
        top: 125px;
        right: 20px;
    }
    .iphone_slide_bg{
        width: 244px;
        top: 139px;
        right: 35px;
        height: 520px;
    }
    .wave{
        top: 470px;
        width: 1200px;
    }
    .right_top_circle{
        width: 583px;
        top: 95px;
        right: -125px;
    }
    .iphone_slide{
        right: 36px;
        width: 237px;
        top: 132px;
    }
    .main_info_container{
        padding-left: 0;
    }
    .slider_dots{
        right: 52px;
        top: 530px;
    }
    .left_top_circle{
        display: none;
    }
    .advantages{
        width: 728px;
    }
    .adv_call_block{
        width: 728px;
        padding-left: 274px;
    }
    .adv_call_block_left{
        font-size: 12px;
        width: 210px;
    }
    .adv_call_block_corner{
        left: 40px;
    }
    .avd_call_icon{
        left: 246px;
    }
    .service_block{
        width: 138px;
        height: 138px;
    }
    /* .service_block:last-child{
        display: none;
    } */
    .service_block_inner{
        width: 108px;
        height: 108px;
        padding-top: 68px;
    }
    .service_block_hover{
        width: 108px;
        height: 108px;
    }
    .services_icon{
        height: 40px;
        top: 18px
    }
    .services_title{
        font-size: 14px;
    }
    .service_block:hover .service_block_inner{
        padding-top: 15px;
    }
    .services_subtitle{
        width: 100px;
        font-size: 10px;
        margin-bottom: 10px;
    }
    .services_wrapper{
        top: 192px;
        height: 138px;
    }
    .left_middle_circle{
        display: none;
    }
    .about{
        padding-top: 212px;
    }
    .about_wrapper{
        width: 728px;
    }
    .about_text, .about_text>p{
        width: 100%;
    }
    .about_content{
        width: 100%;
        text-align: center;
    }
    .about_title img{
        left: 0;
        right: 0;
        margin: auto;
    }
    .how_it_works_top_circle{
        top: initial;
        bottom: 840px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 0;
    }
    .about_photo_grid{
        left: 0;
        right: 0;
        margin: auto;
        top: initial;
        height: 590px;
        width: 720px;
        bottom: 500px;
    }
    .about_text{
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        padding: 0 30px;
        height: auto;
        margin-bottom: 820px;
    }
    .how_we_work_title{
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .how_we_work_container{
        width: 100%;
        margin-left: 0;
    }
    .how_it_works_subtext{
        width: 100%;
        margin-left: 0;
        text-align: left;
    }
    .how_it_works_mail_block{
        top: initial;
        bottom: 1020px;
        right: 0;
        left: 0;
        margin: auto;
        text-align: left;
    }
    .cases_wrapper{
        width: 728px;
    }
    .cases_container{
        justify-content: center;
        align-items: center;
    }
    .case_block{
        margin-right: 0;
    }
    .reviews_block{
        height: 866px;
    }
    .reviews_slider_inner{
        width: 100%;
        height: 550px;
    }
    .review_block{
        width: 728px;
        height: 468px;
        padding: 40px 400px 40px 40px;
    }
    .review_photo_block{
        width: 350px;
        height: 468px
    }
    .bottom_posts{
        width: 728px;
        position: relative;
        height: 540px;
        justify-content: center;
    }
    .posts_all_btn{
        top: 500px;
    }
    .bottom_posts .post_block:nth-child(1){
        margin-right: 16px;
    }
    .bottom_posts .post_block:nth-child(3){
        display: none
    }
    .post_block{
        height: 500px;
        width: 460px;
        padding: 360px 90px 60px 40px;
    }
    .post_block_photo_block{
        height: 275px;
    }
    .footer{
        width: 728px;
    }
    .bottom_line_wrapper{
        width: 728px;
    }
    .subscribe_block{
        display: none;
    }
    .footer_logo{
        margin-right: 40px;
    }
    .footer_links{
        margin-right: 40px;
    }
    .footer_links.social{
        margin-right: 0;
    }
    .footer_left_circle{
        display: none;
    }
    .footer_right_circle{
        display: none;
    }
    .mobile_menu_button{
        display: block;
        position: absolute;
        height: 30px;
        width: 40px;
        text-align: center;
        padding-top: 20px;
        color: #ffca28;
        text-transform: uppercase;
        box-sizing: border-box;
        font-size: 10px;
        line-height: 10px;
        font-weight: 700;
        right: 50px;
        top: 2px;
    }
    .header.scroll .mobile_menu_button{
        bottom: 0;
        margin: auto;
        right: 10px;
    }
    .mobile_menu_button img{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .header.scroll .header_button{
        margin-right: 60px;
    }

    /* dev */

    .main.dev{
        height: 420px;
    }
    .main.dev .wave{
        top: 348px;
        left: initial;
        right: 0;
    }
    .main.dev .main_title_yellow{
        font-size: 52px;
        line-height: 59px;
        margin-bottom: 5px;
    }
    .main.dev .main_title_services_second{
        font-size: 23px;
        line-height: 33px;
        margin-bottom: 5px;
    }
    .main.dev .main_subtitle{
        font-size: 19px;
        line-height: 27px;
    }
    .main.dev .main_info_container{
        padding-top: 150px;
        padding-left: 25px;
    }
    .dev_wrapper .breadcrumbs{
        z-index: 20;
    }
    .dev_wrapper_inner{
        width: 728px;
    }
    .main.dev .circle_container {
        top: 380px;
        right: -125px;
    }
    .main.dev .right_top_circle{
        right: -205px;
    }
    .dev_title{
        font-size: 40px;
        line-height: 50px;
        width: 100%;
    }
    .dev_title.app{
        width: 100%;
    }
    .dev_cases_block .cases_container{
        width: 728px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .dev_call_block{
        padding-left: 288px;
    }
    .dev_call_icon{
        left: 268px;
    }
    .dev_input{
        width: 350px;
    }
    .dev_call_block_left{
        width: 240px;
        line-height: 20px;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .dev_call_block_corner{
        left: 90px;
    }
    .dev_type_block{
        width: 140px;
    }
    .dev_type_circle{
        width: 112px;
        height: 112px;
        background-size: contain;
    }
    .dev_type_circle_inner{
        height: 82px;
        width: 82px;
    }
    .dev_type_circle_inner img{
        max-width: 50px;
        max-height: 50px;
    }
    .dev_type_block:first-child .dev_type_circle_inner img{
        max-width: 70px;
        max-height: 70px;
    }
    .dev_type_title{
        font-size: 13px;
    }
    .dev_wave{
        bottom: 30px;
    }
    .dev_cases_block{
        padding-top: 220px;
    }
    .stages_wrapper{
        width: 728px;
    }
    .stages_nums_blocks_container{
        width: 728px;
        margin-bottom: 40px;
    }
    .stages_block .wave{
        height: 240px;
    }
    .stage_block{
        width: 80px;
        height: 80px;
    }
    .stage_inner{
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 28px;
    }
    .stages_content{
        flex-direction: column-reverse;
        align-items: center;
        height: auto;
    }
    .stages_content .right{
        width: 568px;
        margin-bottom: 30px;
    }
    .stages_content .left{
        width: 518px;
    }
    .technologies_container{
        width: 728px;
    }
    .technology_block{
        width: 132px;
    }
    .technology_circle{
        width: 132px;
        height: 132px;
        background-size: contain;
    }
    .technology_circle_inner{
        width: 98px;
        height: 98px;
    }
    .technology_icon{
        max-width: 70px;
        max-height: 70px;
    }
    .technology_block_title{
        font-size: 15px;
    }
    .order_dev_wrapper{
        width: 728px;
        flex-direction: column
    }
    .garanty{
        width: 100%;
        padding: 40px;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .order_dev_wrapper .right .title{
        text-align: center;
        width: 100%;
    }
    .order_dev_wrapper .right button{
        display: block;
        margin: 0 auto;
    }
    .order_dev_wrapper .right{
        margin-right: 0;
    }
    .support_inner{
        width: 728px;
    }
    .support_img{
        display: none
    }
    .support{
        padding: 40px;
        width: 100%
    }
    .support_icon{
        top: 40px;
        right: 40px;
    }
    .web_reviews_title{
        font-size: 50px;
        line-height: 60px;
    }
    .reviews_slider_container{
        height: 576px;
    }
    .review_slide{
        height: 468px;
    }
    .close_modal{
        right: 0;
    }

    /* smm */

    .main.smm{
        height: 420px;
    }
    .main.smm .wave{
        top: 348px;
        left: initial;
        right: 0;
    }
    .main.smm .main_title_yellow{
        font-size: 52px;
        line-height: 59px;
        margin-bottom: 5px;
    }
    .main.smm .main_title_services_second{
        font-size: 23px;
        line-height: 33px;
        margin-bottom: 5px;
    }
    .main.smm .main_subtitle{
        font-size: 19px;
        line-height: 27px;
    }
    .main.smm .main_info_container{
        padding-top: 150px;
        padding-left: 25px;
    }
    .main.smm .circle_container {
        top: 380px;
        right: -125px;
    }
    .main.smm .right_top_circle{
        right: -205px;
    }
    .smm_social_container{
        width: 728px;
    }
    .command_work_title{
        width: 600px;
        margin: 0 auto 40px;
    }
    .command_work_wrapper{
        width: 728px;
        height: 695px;
    }
    .arrow-l, .arrow-l, .arrow-b-l, .arrow-b-r, .arrow-b{
        display: none;
    }
    .command_mini_block.t-m{
        width: 378px;
    }
    .command_mini_block.t-l{
        width: 240px;
        height: 240px;
        top: 220px;
        left: 66px;
        padding: 0 20px;
    }
    .command_mini_block.t-r{
        width: 240px;
        height: 240px;
        top: 220px;
        right: 66px;
        padding: 0 20px;
    }
    .command_mini_block.b-l{
        width: 210px;
        height: 210px;
        left: 25px;
        padding: 0 20px;
    }
    .command_mini_block.b-r{
        width: 210px;
        height: 210px;
        right: 25px;
        padding: 0 20px;
    }
    .command_mini_block.b-m{
        width: 210px;
        height: 210px;
        padding: 0 20px;
    }
    .arrow-r-mob{
        display: block;
        position: absolute;
        top: 85px;
        right: 32px;
    }
    .arrow-l-mob{
        display: block;
        position: absolute;
        top: 85px;
        left: 32px;
    }
    .arrow-c-mob{
        display: block;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 180px
    }
    .arrow-s-r-mob{
        display: block;
        position: absolute;
        top: 168px;
        right: 240px;
    }
    .arrow-s-l-mob{
        display: block;
        position: absolute;
        top: 168px;
        left: 240px;
    }
    .succes_smm_timeline{
        width: 693px;
        background-image: url(../img/success-timeline-tablet.png)
    }
    .succes_smm_timeline .block.first{
        left: 30px;
    }
    .succes_smm_timeline .block.second{
        left: 225px;
    }
    .succes_smm_timeline .block.fourth{
        left: 40px;
    }
    .succes_smm_timeline .block.fifth{
        left: 120px;
    }
    .succes_smm_timeline .block.six{
        left: 440px;
    }
    .brand_wrapper{
        width: 728px;
    }
    .brand_central_block .title{
        margin-bottom: 160px;
    }
    .brand_wrapper{
        height: 780px;
    }
    .brand_img{
        display: none;
    }
    .brand_mini_block{
        width: 174px;
        height: 108px;
        padding: 0 10px;
    }
    .brand_mini_block.t-l{
        top: 30px;
        left: 0;   
    }
    .brand_mini_block.s-l{
        top: 30px;
        left: 185px;   
    }
    .brand_mini_block.m-l{
        top: 30px;
        left: initial;   
        right: 185px;
    }
    .brand_mini_block.b-l{
        top: 30px;
        left: initial;   
        right: 0;
    }
    .brand_mini_block.t-r{
        bottom: 0;
        left: 0;  
        right: initial; 
        top: initial;
    }
    .brand_mini_block.s-r{
        bottom: 0;
        left: 185px;  
        right: initial; 
    }
    .brand_mini_block.m-r{
        bottom: 0;
        left: initial;   
        right: 185px;
        top: initial;
    }
    .brand_mini_block.b-r{
        bottom: 0;
        left: initial;   
        right: 0;
        top: initial;
    }
    
    

    /* ppc */

    .main.ppc{
        height: 420px;
    }
    .main.ppc .wave{
        top: 348px;
        left: initial;
        right: 0;
    }
    .main.ppc .main_title_yellow{
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 5px;
    }
    .main.ppc .main_title_services_second{
        font-size: 23px;
        line-height: 33px;
        margin-bottom: 5px;
    }
    .main.ppc .main_subtitle{
        font-size: 19px;
        line-height: 27px;
    }
    .main.ppc .main_info_container{
        padding-top: 150px;
        padding-left: 25px;
    }
    .main.ppc .circle_container {
        top: 380px;
        right: -125px;
    }
    .main.ppc .right_top_circle{
        right: -205px;
    }
    .main.ppc .main_info_container{
        width: 300px;
    }
    .dev_types.ppc{
        width: 100%;
    }
    .dev_types.ppc .dev_type_block{
        width: 90px;
    }
    .dev_types.ppc .dev_type_circle{
        width: 82px;
        height: 82px;
    }
    .dev_types.ppc .dev_type_circle_inner{
        width: 62px;
        height: 62px;
    }
    .dev_types.ppc .dev_type_circle_inner img{
        max-width: 40px;
        max-height: 40px;
    }
    .dev_types.ppc .dev_type_circle_inner img:first-child{
        max-width: 40px;
        max-height: 40px;
    }
    .dev_types.ppc .dev_type_title{
        font-weight: 700;
        line-height: 16px;
        font-size: 11px;
    }
    .stages_title.ppc{
        width: 100%;
    }
    .stages_tabs_body .title{
        text-align: center;
    }
    .stages_tabs_body{
        min-height: 100%;
    }
    .smm_cases_bock .cases_container{
        width: 728px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .work_scheme_title{
        margin-bottom: 40px;
    }
    .certificates_wrapper{
        width: 728px;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .ppc_adv_wrapper{
        width: 728px;
        flex-wrap: wrap;
    }
    .ppc_adv_mini_block{
        width: 358px;
        padding-right: 10px;
    }
    .payment_wrapper{
        width: 728px;
        flex-direction: column;
    }
    .payment_mini_bock{
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 25px;
    }

    /* seo */

    .main.seo{
        height: 420px;
    }
    .main.seo .wave{
        top: 348px;
        left: initial;
        right: 0;
    }
    .main.seo .main_title_yellow{
        font-size: 52px;
        line-height: 59px;
        margin-bottom: 5px;
    }
    .main.seo .main_title_services_second{
        font-size: 23px;
        line-height: 33px;
        margin-bottom: 5px;
    }
    .main.seo .main_subtitle{
        font-size: 19px;
        line-height: 27px;
    }
    .main.seo .main_info_container{
        padding-top: 150px;
        padding-left: 25px;
        width: 300px;
    }
    .main.seo .circle_container {
        top: 380px;
        right: -125px;
    }
    .main.seo .right_top_circle{
        right: -205px;
    }
    .dev_call_block.smm .dev_call_block_left{
        width: 240px;
    }
    .dev_call_block.smm .dev_call_block_corner {
        left: 92px;
    }
    .dev_call_block.smm .dev_call_icon {
        left: 265px;
    }
    .dev_call_block.smm {
        padding-left: 285px;
    }
    .dev_wave.seo{
        bottom: 40px;
    }
    .seo_sertificates_wrapper{
        width: 728px;
    }
    .seo_sertificates_circle{
        top: -80%;
    }
    .seo_clients_slider_wrapper{
        width: 728px;
    }
    .seo_slider_left{
        display: none
    }
    .seo_slider_right{
        display: none;
    }
    .seo_clients_slider_wrapper_inner{
        width: 728px;
    }
    .support_advantages{
        width: 728px;
        flex-wrap: wrap;
    }
    .subbpot_adv_block{
        width: 200px;
        margin-bottom: 20px;
    }

    /* apps */

    .main.app{
        height: 420px;
    }
    .main.app .wave{
        top: 348px;
        left: initial;
        right: 0;
    }
    .main.app .main_title_yellow{
        font-size: 52px;
        line-height: 59px;
        margin-bottom: 5px;
    }
    .main.app .main_title_services_second{
        font-size: 23px;
        line-height: 33px;
        margin-bottom: 5px;
    }
    .main.app .main_subtitle{
        font-size: 19px;
        line-height: 27px;
    }
    .main.app .main_info_container{
        padding-top: 150px;
        padding-left: 25px;
    }
    .main.app .circle_container {
        top: 380px;
        right: -125px;
    }
    .main.app .right_top_circle{
        right: -205px;
    }
    .apps_choose_platform_container{
        width: 728px;
    }
    .apps_choose_platform_container .btn{
        width: 351px;
        padding-left: 180px;
    }
    .apps_choose_platform_container .btn img{
        left: 20px;
        width: 110px;
    }
    .apps_slider{
        width: 728px;
    }
    .iphone_slider_left_arrow{
        display: none
    }
    .iphone_slider_right_arrow{
        display: none;
    }
    .ios_slides_container{
        margin-left: -226px;
    }
    .android_slider_left_arrow{
        display: none
    }
    .android_slider_right_arrow{
        display: none;
    }
    .android_slides_container{
        margin-left: -226px;
    }

    .apps_process_container{
        width: 728px;
    }
    .apps_process_container .right{
        width: 728px;
    }
    .process_block_titles{
        width: 125px;
    }
    .process_block_container{
        width: 610px;
        height: 438px;
    }
    .process_block_titles div{
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 25px;
    }
    .horizontal_lines{
        height: 350px;
        width: 546px;
    }
    .horizontal_lines div .inner.one{
        width: 48px;
    }
    .horizontal_lines div .inner.two{
        left: 47px;
        width: 100px;
    }
    .horizontal_lines div .inner.three{
        left: 71px;
        width: 126px;
    }
    .horizontal_lines div .inner.four{
        left: 195px;
        width: 78px;
    }
    .horizontal_lines div .inner.five{
        left: 270px;
        width: 175px;
    }
    .horizontal_lines div .inner.six{
        left: 0;
        width: 100%;
    }
    .horizontal_lines div .inner.seven{
        left: 494px;
        width: 26px;
    }
    .horizontal_lines div .inner.eight{
        left: 520px;
        width: 26px;
    }
    .bottom_horizontal_line .inner{
        width: 58px;
    }
    .vertical_lines{
        height: 385px;
        width: 500px;
    }
    .week_block{
        font-size: 10px;
        width: 40px;
    }
    .bottom_horizontal_line{
        bottom: 10px;
    }
    .work_scheme_title{
        width: 600px;
        margin:  0 auto 40px;
    }
    .complex_work_title{
        width: 600px;
        margin:  0 auto 40px;
    }
    .complex_work_wrapper{
        width: 728px;
        height: 552px;
    }
    .complex_work_wrapper .circle.central{
        width: 190px;
        height: 190px;
    }
    .complex_work_wrapper .circle img{
        height: 56px;
    }
    .complex_work_wrapper .circle .title{
        font-size: 13px;
        line-height: 14px;
        width: 180px;
        margin-bottom: 5px;
    }
    .complex_work_wrapper .circle .text{
        font-size: 11px;
        width: 180px;
        line-height: 16px;
    }
    .complex_work_wrapper .circle{
        width: 230px;
        height: 230px;
    }
    .complex_work_wrapper .circle.second{
        right: 142px
    }
    .complex_work_wrapper .circle.first{
        left: 142px
    }
    .complex_work_wrapper .circle.third{
        margin: auto;
        top: 0;
        bottom: 0;
    }
    .complex_work_wrapper .circle.fourth{
        right: 142px
    }
    .complex_work_wrapper .circle.fifth{
        left: 142px
    }
    .complex_work_wrapper .circle.six{
        margin: auto;
        top: 0;
        bottom: 0;
    }
    .contacts_wrapper{
        width: 728px;
    }
    .main_info_container.contacts{
        width: 90%;
        height: 90%;
        box-sizing: border-box;
        display: flex;
    }
    .main_info_container.contacts .main_title_yellow{
        font-size: 40px;
        line-height: 43px;
    }

    /* blog */

    .main.blog .main_info_container{
        padding-top: 160px;
        height: auto;
    }
    .post_block {
        height: 430px;
        width: 356px;
        padding-top: 305px;
    }
    .blog_container .post_block:nth-child(3n + 3){
        margin-right: 16px;
    }
    .blog_container .post_block:nth-child(even){
        margin-right: 0;
    }
    .blog_search_block_left{
        width: 220px;
        padding-top: 14px;
        line-height: 20px;
    }
    .blog_search_block_corner{
        left: 52px;
    }
    .blog_search_block{
        padding-left: 260px;
    }
    .blog_search_input{
        font-size: 20px;
        width: 300px;
    }
    .reload_btn.blog{
        margin-top: 50px;
    }
    .blog_cat_button{
        width: 361px;
    }
    .blog_cat_button:nth-child(4n + 4){
        margin-right: 6px;
    }
    .blog_cat_button:nth-child(2n + 2){
        margin-right: 0;
    }
    .main.blog .main_subtitle {
        font-weight: 300;
        font-size: 25px;
        line-height: 30px;
    }
    .post_wrapper{
        width: 728px;
        flex-direction: column;
    }
    .post_container{
        margin-bottom: 40px;
    }
    .post_sidebar{
        width: 100%;
    }
    .cases_wrapper .breadcrumbs{
        flex-wrap: wrap;
        height: auto;
        margin-bottom: 30px;
    }
    .cases_wrapper .breadcrumbs *{
        margin-bottom: 10px;
    }
    .blog_categories{
        margin-bottom: 10px;
    }
    .post_container h1{
        font-size: 35px;
        line-height: 40px;
    }
    .post_container h2{
        font-size: 30px;
        line-height: 37px;
    }
    .post_container h3{
        font-size: 25px;
        line-height: 32px;
    }
    .post_container h4{
        font-size: 22px;
        line-height: 47px;
    }
    .post_container h5{
        font-size: 20px;
        line-height: 22px;
    }
    .main.cases .main_info_container {
        padding-top: 180px;
        pointer-events: none;
    }
    /* .case_fade{
        height: 100%;
    } */
    .main.cases .main_title_yellow{
        font-size: 40px;
        line-height: 50px;
    }
    .main.cases .main_subtitle {
        font-weight: 300;
        font-size: 35px;
        line-height: 35px;
    }
    .cases_contact_form_wrapper{
        width: 472px;
    }
    .cases_bottom_big_circle {
        width: 720px;
        height: 720px;
        left: 0;
        right: 0;
        margin: auto;
        top: 600px;
    }
    .cases_form_title{
        width: 100%;
        font-size: 30px;
        line-height: 35px;
        text-align: center;
    }
    .cases_form button{
        margin: 0 auto;
        display: block;
    }
    .bottom_part.cases{
        padding-top: 580px;
    }
    .cases_bottom_text_block{
        width: 680px;
        margin: auto;
        left: 0;
        right: 0;
        top: 120px;
    }
    .cases_big_arrow{
        transform: rotate(270deg);
        top: 235px;
        right: 225px;
        z-index: -1;
        width: auto;
    }
    .main.case .main_info_container {
        padding-top: 100px;
        width: 370px;
    }
    .main.case .main_title_yellow {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 0;
    }
    .main.case .main_title_services_second {
        font-size: 25px;
        line-height: 25px;
    }
    .main.case .main_subtitle {
        font-weight: 300;
        font-size: 20px;
        line-height: 20px;
    }
    .case_wrapper{
        width: 728px;
    }
    .text_with_photo{
        flex-direction: column;
        height: auto;
    }
    .text_with_photo .text{
        margin-bottom: 30px;
        width: 100%;
    }
    .text_with_photo .photo{
        width: 728px;
        height: 372px;
    }
    .wide_banner{
        width: 100%;
        height: 182px;
    }
    .achiv_container{
        width: 100%;
        height: auto;
        flex-direction: column
    }
    .achiv_block{
        width: 100%;
        margin-bottom: 15px;
    }
    .case_lider_circle {
        right: 0;
        width: 260px;
    }
    .case_lider_inner{
        width: 198px;
        height: 198px;
        font-size: 36px;
        right: 30px;
        top: 192px;
    }
    .dev_wrapper.case .dev_wrapper_inner{
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .quote_icon{
        margin-bottom: 15px;
    }
    .review_title{
        font-size: 22px;
        margin-bottom: 10px;
        line-height: 26px;
    }
    .review_text {
        font-size: 13px;
        line-height: 20px;
    }
    .reviews_slider_container.reviews .review_block{
        margin-right: 0;
        box-shadow: 0px 0px 27.52px 4.48px rgba(33, 30, 35, 0.4); 
    }
    .cases_cases.reviews{
        padding-bottom: 0;
    }
    .cases_cases.reviews + .bottom_part.blog{
        margin-top: -650px;
    }
    .apps_slider_suptitle{
        width: 90%;
        font-size: 20px;
        line-height: 30px;
    }
    .cases_overflow .cases_container{
        width: 100%;
    }
    .cases_overflow{
        max-height: 100000px;
    }
    .reload_btn{
        display: none;
    }
    .adv_input{
        letter-spacing: 0.5px;
    }
    .dev_input{
        letter-spacing: 0.5px;
    }
}

@media screen and (max-width: 720px){
    .header_lang {
        float: left;
        margin-left: 45px;
        line-height: 22px;
        font-size: 12px;
    }
    .header_mobile_icon {
        display: block;
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 15px;
    }
    .header_mobile_icon img{
        height: 20px;
    }
    .header.scroll .header_mobile_icon img{
        margin-top: 26px;
    }
    .main{
        height: 380px;
    }
    .header{
        width: calc(100% - 40px);
        top: 36px;
        box-sizing: border-box;
        padding-right: 0;
    }
    .side_drawer{
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        overflow: scroll;
        padding-bottom: 20px;
        padding-top: 40px;
    }
    .side_drawer_wrapper{
        width: 100%;
    }
    .mobile_menu_button{
        right: 0;
    }
    .side_drawer_close{
        right: 0;
    }
    .logo{
        right: 0;
        left: 0;
        top: -25px;
        height: 65px;
    }
    .header_logo_link{
        right: 0;
        left: 0;
        top: -25px;
        height: 65px;
        width: 104px;
    }
    .wrapper{
        width: 280px;
    }
    .social_wrapper{
        display: none;
    }
    .main.blog .main_info_container{
        padding-top: 140px;
        height: auto;
    }
    .main_info_container{
        width: 280px;
        padding-top: 80px;
        text-align: center;
    }
    .main_title_yellow{
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 0;
        margin-top: 8px;
    }
    .main.blog .main_title_yellow{
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 0;
        margin-top: 8px;
    }
    .main_title_white{
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .main_subtitle{
        display: none;
    }
    .header.scroll .header_button{
        display: none;
    }
    .header_button{
        position: absolute;
        top: 245px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .circle_container{
        height: 140px;
        width: 280px;
        top: 293px;
        right: 0;
        left: 0;
        margin: auto;
    }
    .circle_container_top{
        height: 140px;
        width: 280px;
        top: 154px;
        right: 0;
        left: 0;
        margin: auto;
    }
    .right_middle_circle{
        display: none;
    }
    .circles_wrapper{
        height: 800px;
    }
    .circle_container_top .main_mobile_circle{
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: initial;
    }
    .main_mobile_circle{
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .right_middle_circle{
        height: 545px;
    }
    .iphone{
        width: 136px;
        top: 159px;
        right: 0;
        left: 0;
        margin: auto;
    }
    .iphone_slide_bg{
        width: 124px;
        top: 167px;
        right: 0;
        left: 0;
        margin: auto;
        height: 239px;
    }
    .wave{
        top: 330px;
        width: 720px;
    }
    .right_top_circle{
        width: 312px;
        top: 138px;
        right: 0;
        left: 0;
        margin: auto
    }
    .iphone_slide{
        width: 124px;
        top: 165px;
        margin: auto;
        left: 0;
        right: 0;
    }
    .slider_dots{
        display: none;
    }
    .left_top_circle{
        display: none;
    }
    .advantages{
        width: 100%;
        height: 1320px;
    }
    .adv_call_block{
        width: 280px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0;
        box-shadow: none;
        height: 184px;
        background-color: transparent;
        border-radius: 0;
        text-align: center;
        top: 80px;
    }
    .adv_call_block_left{
        background-color: transparent;
        height: 40px;
        border-radius: 0;
        text-align: center;
        padding: 0;
        width: 100%;
        font-size: 18px;
        line-height: 22px;
        position: relative;
        margin-bottom: 30px;
    }
    .send_button{
        position: relative;
        width: 175px;
        margin: 0 auto;
        height: 46px;
        line-height: 46px;
        border-radius: 40px;
        padding-left: 30px;
        box-sizing: border-box;
        text-align: left;
    }
    .adv_input{
        padding-left: 30px;
        font-size: 19px;
        height: 44px;
        margin-bottom: 22px;
        box-sizing: border-box;
    }
    .adv_call_block_corner{
        display: none;
    }
    .avd_call_icon{
        left: 0;
    }
    .service_block:last-child{
        display: block;
    }
    .service_block{
        width: 210px;
        height: 210px;
        margin-bottom: 25px;
    }
    .services_icon{
        top: 40px;
    }
    .service_block_inner{
        width: 180px;
        height: 180px;
        padding-top: 120px;
    }
    .service_block_hover{
        width: 180px;
        height: 180px;
    }
    .services_icon{
        height: 68px;
    }
    .services_title{
        font-size: 24px;
    }
    .service_block:hover .service_block_inner{
        padding-top: 32px;
    }
    .services_subtitle{
        width: 150px;
    }
    .services_wrapper{
        top: 300px;
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
        width: 280px;
        left: 0;
        right: 0;
        margin: auto;
        align-items: center;
    }
    .advantages_wave{
        display: block;
        position: absolute;
        bottom: -50px;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        z-index: 1;
    }
    .about{
        padding-top: 212px;
    }
    .about_wrapper{
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .about_content{
        width: 100%;
        text-align: center;
    }
    .how_it_works_top_circle{
        display: none;
    }
    .about_photo_grid{
        display: none;
    }
    .about_title{
        font-size: 40px;
        margin-bottom: 0;
    }
    .about_text{
        padding: 0;
        height: auto;
        margin-bottom: 0;
        text-align: justify;
    }
    .how_we_work_title{
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .about_photo_grid_mobile{
        /* display: block; */
        height: 220px;
        position: relative;
        margin-bottom: 20px;
    }
    .about_photo_grid_mobile_inner{
        width: 720px;
        display: flex;
        justify-content: space-between;
        position: absolute;
        height: 220px;
        top: 0;
        margin: auto;
        left: -9999px;
        right: -9999px;
    }
    .cases_overflow .cases_container{
        width: 480px;
    }
    .about_photo_grid_mobile_inner div{
        width: 232px;
        height: 220px;
        background-size: cover;
        background-position: center;
    }
    .about_photo_grid_mobile_inner div:first-child{
        background-image: url(../img/about-photo-1.jpg)
    }
    .about_photo_grid_mobile_inner div:nth-child(2){
        background-image: url(../img/about-photo-3.jpg)
    }
    .about_photo_grid_mobile_inner div:last-child{
        background-image: url(../img/about-photo-2.jpg)
    }
    .how_we_work_container{
        display: none;
    }
    .how_it_works_subtext{
        display: none;
    }
    .how_it_works_mail_block{
        display: none;
    }
    .how_it_works_mail_block.mobile{
        display: block;
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        margin: 20px auto 40px;
    }
    .how_we_work_mobile{
        width: 100%;
        display: block;
    }
    .how_we_work_mobile_block{
        margin-bottom: 20px;
    }
    .how_we_work_mobile_block.active .how_we_work_mobile_header{
        color: #ffca28;
    }
    .how_we_work_mobile_block.active .how_we_work_mobile_header::after{
        color: #ffca28;
        content: '-'
    }
    .how_we_work_mobile_header{
        width: 100%;
        height: 52px;
        position: relative;
        padding-left: 68px;
        line-height: 52px;
        text-align: left;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 500;
        color: #616161;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        transition: 0.3s;
    }
    .how_we_work_mobile_block.active .how_we_work_mobile_circle{
        background-image: url(../img/how-it-works-circle-hover.png);
        color: #ffca28;
    }
    .how_we_work_mobile_circle{
        width: 52px;
        height: 52px;
        background-image: url(../img/how-it-works-circle.png);
        background-size: contain;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        font-size: 25px;
        font-weight: 500;
        color: #616161;
        text-transform: uppercase;
    }
    .how_we_work_mobile_header::after{
        position: absolute;
        content: '+';
        top: 0;
        right: 0;
        font-size: 25px;
        font-weight: 500;
        color: #616161;
        transition: 0.3s;
    }
    .how_we_work_mobile_body{
        text-align: left;
        padding: 15px 0;
        box-sizing: border-box;
        border-bottom: 1px dashed #616161;
        font-size: 14px;
        line-height: 24px;
        color: rgba(255,255,255,0.8);
        display: none;
    }
    .how_it_works_bottom_circle{
        display: none;
    }
    .cases_wrapper{
        width: 480px;
    }
    .cases_title{
        font-size: 40px;
    }
    .cases_subtitle{
        display: none;
    }
    .case_right_part{
        display: none;
    }
    .cases_container{
        justify-content: center;
        align-items: center;
    }
    .case_block{
        width: 100%;
        height: 320px;
    }
    .case_block:hover .case_inner{
        transform: none;
    }
    .case_side_line{
        display: none;
    }
    .case_info_conteiner{
        left: 20px;
        bottom: 20px;
        width: 280px;
    }
    .case_info_conteiner .case_logo{
        height: 42px;
    }
    .case_text{
        font-size: 12px;
        line-height: 18px;
        width: 100%;
    }
    .reviews_block{
        height: 1110px;
    }
    .reviews_title{
        font-size: 40px;
    }
    .reviews_tabs_header{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .reviews_slider_inner{
        width: 100%;
        height: 740px;
        margin: 50px 0;
    }
    .review_slide{
        box-sizing: border-box;
        height: 740px;
        padding: 0;
    }
    .review_block{
        box-shadow: none;
        width: 420px;
        height: 740px;
        padding: 40px 20px 345px 20px;
    }
    .review_photo_block{
        width: 420px;
        height: 365px;
        top: initial;
        bottom: 0;
    }
    .bottom_posts{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        position: relative;
        height: auto;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .posts_all_btn{
        position: relative;
        top: initial;
        left: initial;
        right: initial;
    }
    .bottom_posts .post_block:nth-child(1){
        display: block;
        margin-right: 0;
    }
    .bottom_posts .post_block:nth-child(2){
        display: block;
    }
    .post_block{
        padding: 350px 20px 20px 20px;
        margin-bottom: 40px;
        width: 480px;
        height: 480px;
    }
    .post_block_photo_block{
        height: 320px;
    }
    .footer{
        width: 280px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .bottom_line_wrapper{
        width: 280px;
    }
    .subscribe_block{
        display: none;
    }
    .footer_logo{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .footer_links{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .footer_links.social{
        margin-right: 0;
        margin-bottom: 20px;
    }
    /* .go_up_btn{
        display: none;
    } */

    /* dev */

    .main.dev{
        height: 350px;
    }
    .main.dev .wave{
        top: 304px;
        left: -9999px;
        right: -9999px;
    }
    .main.dev .main_title_yellow{
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 5px;
    }
    .main.dev .main_title_services_second{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .main.dev .main_subtitle{
        font-size: 16px;
        line-height: 24px;
        display: block;
    }
    .main.dev .main_info_container{
        padding-top: 110px;
        padding-left: 0;
        width: 100%;
    }
    .main.dev .right_middle_circle{
        display: block;
        right: -450px;
        bottom: -200px;
    }
    .main.dev .right_top_circle {
        width: 662px;
        top: 138px;
        right: -530px;
        left: initial;
    }
    .breadcrumbs img{
        margin-right: 5px;
    }
    .breadcrumbs span{
        margin-right: 5px;
    }
    .breadcrumbs a{
        margin-right: 5px;
    }
    .main.dev .circles_wrapper{
        height: 360px;
    }
    .dev_wrapper .breadcrumbs{
        z-index: 20;
    }
    .dev_wrapper_inner{
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        padding-top: 20px;
    }
    .main.dev .circle_container {
        display: block;
    }
    .main.dev .right_middle_circle{
        right: -320px;
    }
    .dev_title{
        font-size: 30px;
        line-height: 40px;
        width: 100%;
    }
    .dev_cases_block .cases_container{
        width: 480px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .case_right_side_part{
        display: none;
    }
    .dev_call_block{
        width: 280px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0;
        box-shadow: none;
        height: 184px;
        background-color: transparent;
        border-radius: 0;
        text-align: center;
        top: 0;
        margin-bottom: 20px;
    }
    .dev_call_icon{
        left: 0;
    }
    .dev_input{
        padding-left: 30px;
        font-size: 19px;
        height: 44px;
        margin-bottom: 22px;
        box-sizing: border-box;
    }
    .dev_call_block_left{
        background-color: transparent;
        height: 40px;
        border-radius: 0;
        text-align: center;
        padding: 0;
        width: 100%;
        font-size: 18px;
        line-height: 22px;
        position: relative;
        margin-bottom: 30px;
    }
    .dev_call_block_corner{
        display: none;
    }
    .dev_send_button{
        position: relative;
        width: 175px;
        margin: 0 auto;
        height: 46px;
        line-height: 46px;
        border-radius: 40px;
        padding-left: 30px;
        box-sizing: border-box;
        text-align: left;
    }
    .side_drawer_wrapper{
        padding-left: 0;
    }
    .dev_types{
        height: auto;
        flex-direction: column;
    }
    .dev_type_block{
        width: 100%;
        margin-bottom: 20px;
    }
    .dev_type_circle{
        width: 140px;
        height: 140px;
        background-size: contain;
    }
    .dev_type_circle_inner{
        height: 100px;
        width: 100px;
    }
    .dev_type_circle_inner img{
        max-width: 80px;
        max-height: 90px;
    }
    .dev_type_block:first-child .dev_type_circle_inner img{
        max-width: 90px;
        max-height: 90px;
    }
    .dev_type_title{
        font-size: 16px;
    }
    .dev_wave{
        bottom: 30px;
    }
    .dev_cases_title{
        font-size: 30px;
        line-height: 40px;
    }
    .stages_wrapper{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .stages_nums_blocks_container{
        width: 100%;
        margin-bottom: 40px;
        flex-wrap: wrap;
    }
    .stages_block .wave{
        height: 240px;
    }
    .stages_title{
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 30px;
    }
    .stages_tabs_body .title{
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 20px;
    }
    .quote_block{
        padding-left: 90px;
        font-size: 14px;
        height: auto;
        min-height: 76px;
    }
    .stages_check_block{
        font-size: 14px;
        padding-left: 40px;
        background-position: 0 0;
    }
    .stages_check_block:last-child{
        font-size: 16px;
    }
    .stages_content .left .title{
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 20px;
    }
    /* .stage_block{
        width: 32px;
        height: 32px;
    }
    .stage_inner{
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 11px;
    } */
    .stages_content{
        flex-direction: column-reverse;
        align-items: center;
        height: auto;
    }
    .stages_content .right{
        width: 100%;
        margin-bottom: 20px;
    }
    .stages_content .left{
        width: 100%;
    }
    .work_scheme_title{
        width: 280px;
        margin: 0 auto 30px;
        font-size: 30px;
        line-height: 35px;
    }
    .work_scheme_subtitle{
        width: 230px;
        font-size: 16px;
    }
    .work_scheme_img {
        width: 300px;
        height: 243px;
    }
    .technologies_title{
        font-size: 30px;
        line-height: 35px;
        width: 300px;
        margin: 0 auto 30px;
    }
    .technologies_container{
        width: 280px;
    }
    .technology_block{
        width: 132px;
    }
    .technology_circle{
        width: 132px;
        height: 132px;
        background-size: contain;
    }
    .technology_circle_inner{
        width: 98px;
        height: 98px;
    }
    .technology_icon{
        max-width: 70px;
        max-height: 70px;
    }
    .technology_block_title{
        font-size: 15px;
    }
    .order_dev_wrapper{
        width: calc(100% - 40px);
        flex-direction: column
    }
    .garanty{
        width: 100%;
        padding: 20px;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .garanty_icon{ 
        display: none;
    }
    .garanty .title{
        width: 100%;
        font-size: 26px;
    }
    .order_dev_wrapper .right{
        width: 100%;
    }
    .order_dev_wrapper .right .title{
        text-align: center;
        width: 100%;
        font-size: 18px;
        line-height: 26px;
    }
    .order_dev_wrapper .right button{
        display: block;
        margin: 0 auto;
    }
    .order_dev_wrapper .right{
        margin-right: 0;
    }
    .support_inner{
        width: 100%;
    }
    .support_block{
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .support_icon{
        display: none;
    }
    .support_img{
        display: none
    }
    .support{
        padding: 20px;
        width: 100%
    }
    .support .title{
        width: 100%;
        font-size: 18px;
        line-height: 26px;
    }
    .web_reviews_title{
        font-size: 30px;
        line-height: 35px;
    }
    .support_advantages{
        width: 100%;
    }
    .subbpot_adv_block{
        width: 100%;
    }
    .reviews_slider_container{
        height: 778px;
    }
    .review_slide{
        height: 740px;
    }
    .social_wrapper_mobile{
        display: flex;
    }
    .modal{
        overflow: scroll
    }
    /* .modal_container{
        height: auto;
        margin: 60px 0;
    } */
    .modal_inner{
        width: 300px
    }
    .modal_title{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .modal_subtitle{
        font-size: 14px;
        line-height: 16px;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .modal_input{
        height: 26px;
        font-size: 16px;
        margin-bottom: 15px;
        border-radius: 0;
    }
    .modal_textarea{
        height: 26px;
        font-size: 16px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .modal_success_message{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .close_modal{
        top: -40px;
    }
    .post_title{
        font-size: 12px;
        line-height: 18px;
    }
    .post_date{
        left: 20px;
    }

    /* ppc */

    .main.ppc{
        height: 350px;
    }
    .main.ppc .wave{
        top: 304px;
        left: -9999px;
        right: -9999px;
    }
    .main.ppc .main_title_yellow{
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 5px;
    }
    .main.ppc .main_title_services_second{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .main.ppc .main_subtitle{
        font-size: 16px;
        line-height: 24px;
        display: block;
    }
    .main.ppc .main_info_container{
        padding-top: 110px;
        padding-left: 0;
        width: 100%;
    }
    .main.ppc .right_middle_circle{
        display: block;
        right: -450px;
        bottom: -200px;
    }
    .main.ppc .right_top_circle {
        width: 662px;
        top: 138px;
        right: -530px;
        left: initial;
    }
    .main.ppc .circles_wrapper{
        height: 360px;
    }
    .main.ppc .circle_container {
        display: block;
    }
    .main.ppc .right_middle_circle{
        right: -320px;
    }
    .dev_types.ppc .dev_type_title{
        color: #1c1c1c;
    }
    .dev_types.ppc{
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .dev_types.ppc .dev_type_circle{
        background-image: none;
        width: 50px;
        height: 50px;
        margin: 0;
    }
    .dev_types.ppc .dev_type_circle_inner{
        box-shadow: none;
        border-radius: 0;
        width: 50px;
        height: 50px;
        background-color: transparent;
    }
    .dev_types.ppc .dev_type_block{
        width: 50%;
        display: flex;
        align-items: center;
    }
    .dev_types.ppc .dev_type_circle_inner img{
        max-width: 50px;
        max-height: 50px;
    }
    .dev_types.ppc .dev_type_title{
        font-size: 10px;
        line-height: 11px;
        font-weight: 600;
        width: 40%;
        margin-left: 10px;
    }
    .stages_block.ppc{
        margin-top: 0;
        padding-top: 0;
    }
    .smm_cases_bock .cases_container{
        width: 480px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .certificates_wrapper{
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .ppc_adv_title{
        width: 280px;
        margin: 0 auto 30px;
        font-size: 30px;
        line-height: 35px;
    }
    .ppc_adv_wrapper{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        flex-direction: column;
    }
    .ppc_adv_mini_block{
        width: 100%;
        height: auto;
    }
    .ppc_adv_mini_block .title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0px;
    }
    .ppc_adv_mini_block ul li {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 10px;
    }
    .payment_title{
        width: 100%;
        margin: 0 auto 40px;
        font-size: 30px;
        line-height: 35px;
    }
    .payment_wrapper{
        width: 100%;
    }
    .payment_mini_bock{
        padding: 0;
    }
    .payment_mini_bock .title{
        font-size: 20px;
        line-height: 22px;
    }

    /* seo */

    .main.seo{
        height: 350px;
    }
    .main.seo .wave{
        top: 304px;
        left: -9999px;
        right: -9999px;
    }
    .main.seo .main_title_yellow{
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 5px;
    }
    .main.seo .main_title_services_second{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .main.seo .main_subtitle{
        font-size: 16px;
        line-height: 24px;
        display: block;
    }
    .main.seo .main_info_container{
        padding-top: 110px;
        padding-left: 0;
        width: 100%;
    }
    .main.seo .right_middle_circle{
        display: block;
        right: -450px;
        bottom: -200px;
    }
    .main.seo .right_top_circle {
        width: 662px;
        top: 138px;
        right: -530px;
        left: initial;
    }
    .main.seo .circles_wrapper{
        height: 360px;
    }
    .main.seo .circle_container {
        display: block;
    }
    .main.seo .right_middle_circle{
        right: -320px;
    }
    .dev_wave.seo{
        bottom: 110px;
    }
    .stages_block.seo {
        margin-top: -210px;
        padding-top: 30px;
    }
    .seo_certificates_block{
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .seo_sertificates_wrapper{
        width: 100%;
    }
    .seo_sertificates_title{
        width: 100%;
        margin: -15px auto 30px;
        font-size: 24px;
        line-height: 28px;
    }
    .seo_sertificates_circle{
        width: 380px;
        height: 380px;
        top: -22%;
        left: -9999px;
        right: -9999px;
    }
    .seo_clients_title{
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        margin: 0 auto 30px;
        font-size: 30px;
        line-height: 35px;
        position: relative;
        z-index: 20;
    }
    .seo_clients_slider_wrapper{
        width: 288px;
    }
    .seo_clients_slider_wrapper_inner{
        width: 288px;
    }
    .all_reviews_web{
        position: relative;
        z-index: 20;
    }
    .seo_form_block{
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        padding-bottom: 20px;
    }
    .seo_form_top_line{
        width: 100%;
    }
    .seo_form_title_top{
        width: 100%;
        margin: 0 auto;
        font-size: 30px;
        line-height: 35px;
    }
    .seo_form_title_bottom{
        width: 100%;
        margin: 0 auto 30px;
        font-size: 30px;
        line-height: 35px;
    }
    .seo_form_block form{
        width: 100%;
    }
    .dev_call_block.smm .dev_call_block_left{
        width: 100%;
    }
    .dev_call_block.smm{
        padding: 0;
    }
    .dev_call_block.smm .dev_call_icon{
        left: 0;
    }

    /* smm */

    .main.smm{
        height: 350px;
    }
    .main.smm .wave{
        top: 304px;
        left: -9999px;
        right: -9999px;
    }
    .main.smm .main_title_yellow{
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 5px;
    }
    .main.smm .main_title_services_second{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .main.smm .main_subtitle{
        font-size: 16px;
        line-height: 24px;
        display: block;
    }
    .main.smm .main_info_container{
        padding-top: 110px;
        padding-left: 0;
        width: 100%;
    }
    .main.smm .right_middle_circle{
        display: block;
        right: -450px;
        bottom: -200px;
    }
    .main.smm .right_top_circle {
        width: 662px;
        top: 138px;
        right: -530px;
        left: initial;
    }
    .main.smm .circles_wrapper{
        height: 360px;
    }
    .main.smm .circle_container {
        display: block;
    }
    .main.smm .right_middle_circle{
        right: -320px;
    }
    .smm_social_container{
        width: 288px;
        flex-direction: column;
        align-items: center;
        margin-bottom: 60px;
    }
    .smm_block{
        margin-bottom: 30px;
    }
    .command_work_title{
        width: 100%;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto 30px;
        font-size: 30px;
        line-height: 35px;
    }
    .command_work_wrapper{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        height: auto;
    }
    .disable-arrows{
        display: none;
    }
    .arrow-l-mob{
        display: none;
    }
    .arrow-r-mob{
        display: none;
    }
    .arrow-c-mob{
        display: none;
    }
    .arrow-s-l-mob{
        display: none;
    }
    .arrow-s-r-mob{
        display: none;
    }
    .command_mini_block{
        position: static;
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
    .success_smm_title{
        width: 280px;
        margin: 0 auto 30px;
        font-size: 30px;
        line-height: 35px;
    }
    .succes_smm_timeline{
        width: 238px;
        height: 499px;
        background-image: url(../img/success-timeline-mobile.png);
    }
    .succes_smm_timeline .block.first{
        left: -32px;
    }
    .succes_smm_timeline .block.second{
        padding-top: 0;
        padding-right: 30px;
        top: 88px;
        left: -9px;
    }
    .succes_smm_timeline .block.second .circle{
        top: 0;
        bottom: 0;
        left: initial;
        right: 0;
    }
    .succes_smm_timeline .block.second .title{
        text-align: right;
    }
    .succes_smm_timeline .block.third{
        padding-top: 0;
        padding-right: 0;
        padding-left: 30px;
        top: 193px;
        left: -8px;
    }
    .succes_smm_timeline .block.third .circle{
        top: 0;
        bottom: 0;
        left: 0;
        right: initial;
    }
    .succes_smm_timeline .block.third .title{
        text-align: left;
    }
    .succes_smm_timeline .block.fourth{
        left: 10px;
        top: 294px;
    }
    .succes_smm_timeline .block.fifth{
        padding-top: 0;
        padding-right: 30px;
        top: 398px;
        left: 86px;
    }
    .succes_smm_timeline .block.fifth .circle{
        top: 0;
        bottom: 0;
        left: initial;
        right: 0;
    }
    .succes_smm_timeline .block.fifth .title{
        text-align: right;
    }
    .succes_smm_timeline .block.six{
        left: -8px;
        top: 483px;
    }
    .brand_wrapper{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        height: 780px;
    }
    .brand_block{
        padding-top: 130px;
    }
    .brand_central_block{
        width: calc(100% - 40px);
        top: -90px;
    }
    .brand_central_block .title{
        width: 240px;
        margin: 0 auto 360px;
        font-size: 30px;
        line-height: 35px;
    }
    .brand_mini_block{
        border: none;
        position: relative;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: auto;
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
        color: #fff;
        text-align: left;
        box-sizing: border-box;
        background-image: url(../img/check-yellow.png);
        background-repeat: no-repeat;
        background-position: center left;
        padding: 5px 0;
        padding-left: 40px;
    }

    /* apps */

    .main.app{
        height: 350px;
    }
    .main.app .wave{
        top: 304px;
        left: -9999px;
        right: -9999px;
    }
    .main.app .main_title_yellow{
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 5px;
    }
    .main.app .main_title_services_second{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .main.app .main_subtitle{
        font-size: 16px;
        line-height: 24px;
        display: block;
    }
    .main.app .main_info_container{
        padding-top: 110px;
        padding-left: 0;
        width: 100%;
    }
    .main.app .right_middle_circle{
        display: block;
        right: -450px;
        bottom: -200px;
    }
    .main.app .right_top_circle {
        width: 662px;
        top: 138px;
        right: -530px;
        left: initial;
    }
    .main.app .circles_wrapper{
        height: 360px;
    }
    .main.app .circle_container {
        display: block;
    }
    .main.app .right_middle_circle{
        right: -320px;
    }
    .dev_title.app{
        width: calc(100% - 40px);
    }
    .apps_choose_platform_container{
        width: calc(100% - 40px);
        flex-direction: column;
    }
    .apps_choose_platform_container .btn{
        width: 100%;
        height: 188px;
        padding-left: 140px;
    }
    .apps_choose_platform_container .btn:first-child{
        margin-bottom: 20px;
    }
    .apps_choose_platform_container .btn img{
        width: 80px;
    }
    .apps_choose_platform_container .btn ul li{
        font-size: 16px;
        line-height: 32px;
    }
    .apps_slider{
        width: 280px;
    }
    .ios_slides_container {
        margin-left: -450px;
    }
    .android_slides_container {
        margin-left: -450px;
    }
    .apps_process_container{
        width: 100%;
    }
    .apps_process_container .right{
        width: 100%;
        overflow: hidden;
    }
    .apps_process_container .right .title{
        width: calc(100% - 40px);
        margin: 0 auto 30px;
        font-size: 30px;
        line-height: 35px;
    }
    .apps_process_wrapper_outer{
        overflow: scroll;
    }
    .process_block_wrapper{
        width: 728px;
        padding: 0 20px;
    }
    .apps_process_wrapper_outer::webkit-scrollbar{
        display: none
    }
    .process_block_wrapper::webkit-scrollbar{
        display: none
    }
    .apps_process_container .right::webkit-scrollbar{
        display: none
    }
    .apps_process_container .left{
        width: calc(100% - 40px);
    }
    .apps_process{
        padding: 50px 0;
    }
    .complex_work_title{
        width: 280px;
        margin: 0 auto 30px;
        font-size: 30px;
        line-height: 35px;
    }
    .complex_work_wrapper{
        width: 280px;
        height: 1360px;
    }
    .complex_work_wrapper .circle.central{
        top: 0;
        left: 0;
        right: 0;
        bottom: initial;
    }
    .complex_work_wrapper .circle.first{
        top: 164px;
        left: 0;
        right: 0;
        bottom: initial;
        margin: auto;
    }
    .complex_work_wrapper .circle.second{
        top: 354px;
        left: 0;
        right: 0;
        bottom: initial;
        margin: auto;
    }
    .complex_work_wrapper .circle.third{
        top: 544px;
        left: 0;
        right: 0;
        bottom: initial;
        margin: auto;
    }
    .complex_work_wrapper .circle.fourth{
        top: 724px;
        left: 0;
        right: 0;
        bottom: initial;
        margin: auto;
    }
    .complex_work_wrapper .circle.fifth{
        top: 924px;
        left: 0;
        right: 0;
        bottom: initial;
        margin: auto;
    }
    .complex_work_wrapper .circle.six{
        top: 1124px;
        left: 0;
        right: 0;
        bottom: initial;
        margin: auto;
    }

    /* other */

    .about_text, .about_text>p{
        width: 100%;
    }

    /* contacts */

    .contacts_wrapper{
        width: 100%;
        padding-top: 0;
    }
    .main.contacts .header_button{
        display: none;
    }
    .contacts_main_block{
        margin-top: -50px; 
        height: 850px;
    }
    .contacts_info_block{
        width: 100%;
        height: auto;
        padding-top: 50px;
    }
    .contacts_info_inner{
        padding: 30px;
    }
    .contacts_main_block #map{
        height: 100%;
    }
    .main_info_container.contacts .main_title_yellow{
        font-size: 27px;
        line-height: 30px;
    }
    .main_info_container.contacts .main_subtitle{
        display: block;
        font-size: 10px;
        line-height: 13px;
    }

    /* blog */

    .main.blog .right_top_circle{
        top: 268px;
        right: -440px;    
    }
    .main.blog .header_button{
        top: 285px;
    }
    .main.blog .main_subtitle{
        display: block;
        font-size: 16px;
        line-height: 22px;
    }
    .main.blog .right_middle_circle{
        display: block;
        height: 295px;
    }
    .main.blog .circle_container{
        top: 433px;
        right: -390px;
    }
    .blog_categories{
        width: 480px;
        margin: 0 auto 30px;
    }
    .paginator{
        margin-bottom: 40px;
    }
    .main.blog + .cases_cases{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        margin: 0 auto;
        padding-top: 0;
    }
    .main.blog + .cases_cases .cases_wrapper{
        width: 100%;
    }
    .blog_container .post_block{
        margin-right: 0 !important;
    }
    .blog_search_block_left{
        display: none;
    }
    .blog_search_block_corner{
        display: none;
    }
    .blog_search_block{
        padding-left: 0;
        height: 42px;
        box-sizing: border-box;
    }
    .blog_search_send_button{
        width: 42px;
        padding: 0;
        font-size: 0;
        border-radius: 100%;
    }
    .blog_search_send_button img{
        margin: auto;
        left: 0;
        right: 0;
    }
    .blog_search_input{
        font-size: 16px;
        width: 100%;
        height: 42px;
        border-radius: 50px;
        padding-left: 16px;
        box-sizing: border-box;
        border: 1px solid rgba(0,0,0,0.1);
    }
    .reload_btn.blog{
        margin-top: 50px;
    }
    .blog_cat_button{
        width: 100%;
        margin-right: 0 !important;
    }
    .blog_cat_button:nth-child(4n + 4){
        margin-right: 0;
    }
    .blog_cat_button:nth-child(2n + 2){
        margin-right: 0;
    }
    .main.blog .main_subtitle {
        font-weight: 300;
        font-size: 25px;
        line-height: 30px;
    }
    .post_wrapper{
        width: 100%;
        /* padding-left: 20px; */
        /* padding-right: 20px; */
        box-sizing: border-box;
    }
    .post_container{
        margin-bottom: 30px;
        width: 100%;
    }
    .post_sidebar{
        width: 100%;
    }
    .cases_wrapper .breadcrumbs{
        flex-wrap: wrap;
        height: auto;
        margin-bottom: 10px;
    }
    .post_container h1{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .post_container h2{
        font-size: 19px;
        line-height: 23px;
        margin-bottom: 20px;
    }
    .post_container h3{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .post_container h4{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .post_container h5{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .post_container h6{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .sidebar_rubric_link{
        font-size: 12px;
        line-height: 24px;
    }
    .sidebar_rubrics{
        padding-left: 0;
    }
    .sidebar_post_block .photo{
        width: 130px;
        height: 130px;
    }
    .sidebar_post_block .title {
        height: 145px;
        padding-left: 145px;
        font-size: 12px;
        line-height: 20px;
    }
    .main.cases .right_top_circle{
        top: 268px;
        right: -440px;    
    }
    .main.cases .header_button{
        top: 285px;
    }
    .main.cases .main_subtitle{
        display: block;
        font-size: 16px;
        line-height: 22px;
    }
    .main.cases .right_middle_circle{
        display: block;
        height: 295px;
    }
    .main.cases .circle_container{
        top: 433px;
        right: -390px;
    }
    .cases_cases{
        padding-top: 0;
    }
    .cases_cases .cases_wrapper .breadcrumbs{
        width: 100%;
        margin: 0 auto 30px;
    }
    .blog_container{
        width: 480px;
        margin: 0 auto 30px;
    }
    .cases_contact_form_wrapper{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .cases_form{
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
    }
    .cases_bottom_big_circle{
        left: -9999px;
        right: -9999px;
    }
    .cases_bottom_text_block{
        width: 300px;
        height: 230px;
        font-size: 48px;
        line-height: 55px;
        top: 150px;
    }
    .bottom_part.cases{
        padding-top: 340px;
    }
    .cases_bottom_big_circle{
        top: 390px;
    }
    .cases_big_arrow {
        transform: rotate(270deg);
        top: 105px;
        right: 131px;
        z-index: -1;
        width: 200px;
    }
    .case_wrapper{
        width: calc(100% - 40px);
    }
    .main.case .main_info_container{
        width: 100%;
    }
    .case_lider_circle{
        width: 120px;
        margin: auto;
        left: 0;
        right: 0;
        top: 330px;
    }
    .case_lider_inner{
        width: 100px;
        height: 100px;
        font-size: 18px;
        line-height: 26px;
        margin: auto;
        left: 0;
        right: 0;
        top: 340px
    }
    .main.case .circles_wrapper .right_top_circle{
        display: none;
    }
    .text_with_photo .text .title{
        font-size: 24px;
        line-height: 32px;
    }
    .text_with_photo .photo {
        width: 100%;
        height: auto;
    }
    .wide_banner{
        width: 100%;
        height: auto;
    }
    .achiv_block .title{
        line-height: 25px;
        padding-left: 25px;
    }
    .achiv_block img {
        top: 35px;
    }
    .achiv_block .subtitle{
        font-size: 35px;
    }
    .cases_page_cases .container{
        height: 200px;
    }
    .cases_page_cases .container .case{
        height: 200px;
    }
    .quote_icon{
        margin-bottom: 30px;
    }
    .review_title{
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 26px;
    }
    .review_text {
        font-size: 13px;
        line-height: 26px;
    }
    .review_photo_block{
        height: 365px;
    }
    .reviews_slider_container.reviews .review_block{
        margin: 0 auto 30px;
        box-shadow: 0px 0px 27.52px 4.48px rgba(33, 30, 35, 0.4); 
    }
    .cases_cases.reviews{
        padding-bottom: 0;
    }
    .cases_cases.reviews + .bottom_part.blog{
        margin-top: -650px;
    }
    .not_found_page{
        height: 600px;
        min-height: 600px;
    }
    .central_block{
        width: 300px;
        margin-top: 0;
    }
    .central_block .top{
        font-size: 100px;
    }
    .central_block .middle{
        font-size: 25px;
        line-height: 30px;
    }
    .central_block .bottom{
        font-size: 18px;
        line-height: 24px;
    }
    .not_found_page .header_button{
        display: none;
    }
    .header_logo_link .logo{
        height: 65px;
    }
    .main.cases .main_info_container{
        padding-top: 150px;
    }
    .main.contacts .wrapper{
        width: 100%;
        padding: 60px 20px 0;
        box-sizing: border-box;
    }
    .payment_block{
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

}

@media screen and (max-width: 530px){
    .main.blog + .cases_cases{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .cases_cases .cases_wrapper .breadcrumbs{
        width: calc(100% - 40px);
    }
    .blog_categories{
        width: calc(100% - 40px);
    }
    .blog_container{
        width: 320px;
    }
    .post_wrapper{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 485px) {
    .post_block{
        width: 320px;
        padding-top: 240px;
        height: 360px;
    }
    .post_block_photo_block{
        height: 222px;
    }
    .cases_overflow .cases_container{
        width: 100%;
    }
    .cases_wrapper{
        width: 100%;
    }
    .smm_cases_bock .cases_container{
        width: 100%;
    }
    .brand_wrapper{
        height: 880px;
    }
    .brand_central_block .title{
        margin-bottom: 420px;
    }
}

@media screen and (max-width: 425px) {
    .seo_sertificates_circle{
        top: -25%;
    }
    .apps_choose_platform_container .btn{
        padding-left: 130px;
    }
    .apps_choose_platform_container .btn ul li{
        font-size: 14px;
    }
    .stage_block{
        height: 50px;
        width: 50px;
    }
    .stage_inner{
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 18px;
    }
    .stages_block.ppc .stage_block{
        height: 40px;
        width: 40px;
    }
    .stages_block.ppc .stage_inner{
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .reviews_block{
        height: 1110px;
    }
    .reviews_title{
        font-size: 40px;
    }
    .reviews_tabs_header{
        width: 280px;
    }
    .reviews_slider_inner{
        width: 100%;
        margin: 50px 0;
    }
    .review_slide{
        box-sizing: border-box;
        padding: 0;
    }
    .review_block{
        box-shadow: none;
        width: 100%;
        padding: 30px 20px 345px 20px;
    }
    .quote_icon{
        margin-bottom: 20px;
    }
    .review_photo_block{
        width: 100%;
        top: initial;
        bottom: 0;
    }
    /* .smm_cases_bock .cases_container{
        width: 320px;
    } */
    .case_block{
        height: 284px;
    }
    /* .cases_wrapper{
        width: 320px;
    } */

}

@media screen and (max-width: 380px) {
    .brand_wrapper{
        height: 900px;
    }
    .brand_central_block .title{
        margin-bottom: 450px;
    }
    .review_text{
        line-height: 22px;
    }
    .case_block{
        height: 250px;
    }
}

@media screen and (max-width: 340px){
    .case_block{
        height: 214px;
    }
    .brand_central_block .title{
        margin-bottom: 480px;
    }
    .brand_wrapper{
        height: 920px;
    }
    .seo_sertificates_circle{
        top: -23%;
    }
}



@media screen and (max-height: 420px) {
    .modal_title {
        font-size: 24px;
        line-height: 20px;
        color: #1c1c1c;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .modal_subtitle {
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
        color: #1c1c1c;
    }
    .modal_input {
        width: 100%;
        height: 26px;
        border: none;
        border-bottom: 1px solid #222222;
        background-color: transparent;
        margin-bottom: 10px;
        color: #222222;
        font-size: 16px;
        font-weight: 500;
        border-radius: 0;
    }
    .modal_textarea {
        width: 100%;
        height: 26px;
        border: none;
        border-bottom: 1px solid #222222;
        background-color: transparent;
        margin-bottom: 0;
        color: #222222;
        font-size: 16px;
        font-weight: 500;
        resize: none;
        margin-top: 0;
        border-radius: 0;
    }
    .modal_success_message {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 5px;
        text-align: left;
        opacity: 0;
    }
    .modal_button {
        width: 228px;
        height: 50px;
        border-radius: 40px;
        margin: 0 auto;
        background-color: #222222;
        z-index: 20;
        cursor: pointer;
        transition: 0.3s;
        color: #ffca28;
        font-weight: 700;
        font-size: 12px;
        line-height: 50px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        border: none;
    }
    .close_modal{
        top: 0;
        right: -50px;
    }
    .modal_inner {
        width: 420px;
    }
}