@charset "UTF-8";

/*  <!-- RESPONSIVE
============================================ --> */


/* =============================================================================*/
/* <!-- minw start
    ============================================ --> */
@media only screen and (min-width: 480px) {
    .hide_480 {
        display: none;
    }
}

/* <!-- min-width: 480px --> */
@media only screen and (min-width: 576px) {
    .hide_576 {
        display: none;
    }
}

/* <!-- min-width: 576px --> */
@media only screen and (min-width: 768px) {
    .hide_768 {
        display: none;
    }
}

/* <!-- min-width: 768px --> */
@media only screen and (min-width: 992px) {
    .hide_992 {
        display: none;
    }
}

/* <!-- min-width: 992px --> */
@media only screen and (min-width: 1200px) {
    .hide_1200 {
        display: none;
    }
    .section_screen_main {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        padding-bottom: 270px;
    }
}

/* <!-- min-width: 1200px --> */
@media only screen and (min-width: 1300px) {
    .hide_1300 {
        display: none;
    }
}

/* <!-- min-width: 1300px --> */
@media only screen and (min-width: 1400px) {
    .hide_1400 {
        display: none;
    }
    
}

/* <!-- min-width: 1400px --> */
@media only screen and (min-width: 1500px) {
    .hide_1500 {
        display: none;
    }
}

/* <!-- min-width: 1500px --> */
@media only screen and (min-width: 1600px) {
    .hide_1600 {
        display: none;
    }
}

/* <!-- min-width: 1600px --> */
@media only screen and (min-width: 1700px) {
    .hide_1700 {
        display: none;
    }
    
}

/* <!-- min-width: 1700px --> */
@media only screen and (min-width: 1800px) {
    .hide_1800 {
        display: none;
    }
    .team_img_wr{
        width: 37%;
    }
    .team_img_wr img {
        width: 100%;
    }
    .team_img img{
        width: 100%;
    }

    .team_img_wr i img {
        width: auto;
    }
    .team_img i img{
        width: auto;
    }
    
}

/* <!-- min-width: 1800px --> */
@media only screen and (min-width: 1930px) {
    .section_screen_main {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        padding-bottom: 270px;
    }
    .team_img_wr{
        width: 35%;
    }
    .team_img_wr img {
        width: 100%;
    }
    .team_img img{
        width: 100%;
    }
    .team_img_wr i img {
        width: auto;
    }
    .team_img i img{
        width: auto;
    }

    .w1{
        width: 30%;
    }
    .w2{
        width: 70%;
    }
    .w3{
        width: 100%;
    }
    .w4{
        width: 70%;
    }
    .w5{
        width: 30%;
    }
}
/* <!-- min-width: 1930px --> */
/* <!-- minw end 
    ============================================ --> */
    
@media only screen and (max-height: 860px){
    .section_screen {
        padding-top: 195px;
    }
    button.mfp-close,
    button.mfp-close:active{
        top: 30px !important;
    }
}

@media only screen and (max-height: 768px) and (min-width: 1199px) {
    #header {
        padding-top: 15px;
    }
    .section_footer {
        padding-bottom: 39px;
    }
    .scroll {bottom: 15px;}
    .section_screen {
        padding-top: 150px !important;
        padding-bottom: 150px;
        min-height: 600px !important;
    }
    .swiper_box img {
        max-height: 400px;
        width: auto;
    }
    .scroll {bottom: 39px;}
}

@media only screen and (max-height: 570px){
    .scroll {bottom: 31px;}
    .section_screen {
        padding-top: 100px;
    }
}


/* <!-- maxw start
    ============================================ --> */
@media only screen and (max-width: 1999px) {
	
	#specialization .container-fluid, #team .container-fluid{max-width: 1460px; }
}
@media only screen and (max-width: 1899px) {
    .hide_1899 {
        display: none;
    }
    #specialization .al_left br, #team .al_left br{display: none;}
    
}

/* <!-- max-width: 1899px --> */
@media only screen and (max-width: 1799px) {
	
    .hide_1799 {
        display: none;
    }
    h1, .title1 {
        font-size: 95px;
        line-height: 1.2;
    }
    .section_screen{
        padding-top: 190px;
    }
}

/* <!-- max-width: 1799px --> */
@media only screen and (max-width: 1699px) {
    .hide_1699 {
        display: none;
    }
    .swiper_box{
        font-size: 33px;
        line-height: 55px;
    }
    .swiper_box img{
        max-width: 80%;
    }
    .swiper_box ,
    .swiper-title {
        width: 1240px;
    }
}

/* <!-- max-width: 1699px --> */
@media only screen and (max-width: 1599px) {
	.team_box.tt .team_text {
    max-width: 535px;
	}
    .hide_1599 {
        display: none;
    }
    .section_screen .mb65 {
        margin-bottom: 40px;
    }
    h1, .title1 {
        font-size: 80px;
    }
    .team_img.type2 {
        max-width: calc(100% - 50%);
    }
    .footer_left {
        max-width: 500px;
        padding-right: 70px;
    }
    .footer_left_top .logo {
        margin-right: 60px;
    }
}

/* <!-- max-width: 1599px --> */
@media only screen and (max-width: 1499px) {
    .hide_1499 {
        display: none;
    }
    .team_box.tt .team_text {
    max-width: 435px;
	}
    #specialization .container-fluid, #team .container-fluid {
    padding-right: 210px;
	}
    #header:not(.header_scroll) .menu:not(.type2) .menu_link,
    #header:not(.header_scroll) .menu:not(.type2) .menu_link:hover,
    #header:not(.header_scroll) .menu:not(.type2) .dropdown_box>ul>li>a:hover{
        color: #060606;
    }
    .swiper-title{
        margin-right: 40px;
    }
    .swiper_box img {
        max-width: 70%;
    }
    .swiper_box ,
    .swiper-title {
        width: 940px;
    }
    .swiper_box{
        font-size: 28px;
        line-height: 48px;
    }
    .mxw1350 {
        width: 1100px;
    }
    .mxw1350 br{
        display: none;
    }
    .popup_about_img{
        max-width: 511px;
        margin-right: 30px;
    }
    .js-scrollbar,
    .mCustomScrollbar {
        max-height: 600px;
    }
}

/* <!-- max-width: 1499px --> */
@media only screen and (max-width: 1399px) {
	
	
    .hide_1399 {
        display: none;
    }
    .section_screen {
        min-height: 700px;
    }
    .accordion_head{
        font-size: 50px;
    }
    .swiper_box {
        font-size: 28px;
    }

    .team_box .team_img:not(.type2){
        max-width: 510px;
    }
    .popup_about_img {
        max-width: 445px;
    }
    button.mfp-close, button.mfp-close:active{
        right: 30px !important;
    }
    .work_img_container.type1 .work_img:first-child, .work_img_container.type5 .work_img:first-child{
        margin-right: 175px;
    }
    .work_img_container.type3 .work_img:first-child,
    .work_img_container.type4 .work_img:first-child{
        margin-right: 40px;
    }
    .work_img_container.type3 .work_img:first-child,
    .work_img_container.type1 .work_img:last-child,
    .work_img_container.type4 .work_img:last-child,
    .work_img_container.type5 .work_img:last-child{
        margin-top: 80px;
    }
    .w1 {
        width: 380px;
    }
    .w2 {
        width: 800px;
    }
    .w4 {
        width: 900px;
    }
    .w5 {
        width: 500px;
    }
    h3.work_head_title, .title3.work_head_title {
        font-size: 33px;
        line-height: 1.5;
    }
    .work_head {
        padding-left: 85px;
        padding-right: 30px;
    }
    .work_info{
        padding-left: 85px;
    }
    .work_text{
        margin-left: 85px;
    }
    .section_offset7 {
        padding-top: 120px;
        padding-bottom: 90px;
    }
}

/* <!-- max-width: 1399px --> */
@media only screen and (max-width: 1299px) {
	.team_box.tt .team_text {
    max-width: 360px;
}
    .hide_1299 {
        display: none;
    }
    h1, .title1 {
        font-size: 55px;
    }
    h5, .title5 {
        font-size: 16px;
        line-height: 24px;
    }
    .link{
        font-size: 16px;
    }
    
    .link-icon-right i{
        width: 99px;
        min-height: 10px;
    }
    .link-icon-right i img{
        height: 10px;
    }
    #header {
        padding: 30px 40px;
    }
    .with_title{
        padding-left: 0;
    }
    .with_title_it{
        position: static;
        margin-bottom: 70px;
    }
    .accordion_head{
        font-size: 34px;
        line-height: 41px;
    }
    .ul_list{
        font-size: 16px;
        line-height: 28px;
    }
    .accordion_head i{
        height: 30px;
        min-width: 30px;
        margin-top: -15px;
    }
    .accordion_head i:before,
    .accordion_head i:after{
        width: 15px;
        margin-left: -7.5px;
    }
    .accordion_head:before {
        top: 7px;
        font-size: 12px;
        line-height: 1.3;
    }
    h6, .title6 {
        font-size: 12px;
        line-height: 15px;
    }
    .mb115{
        margin-bottom: 76px;
    }
    .accordion_box:not(:last-child){
        margin-bottom: 60px;
    }
    .protfolio_container [class*="col"]{
        padding-left: 10px;
        padding-right: 10px;
    }
    .protfolio_container .row{
        margin-left: -10px;
        margin-right: -10px;   
    }
    .protfolio_box:after {
        right: 10px;
    }
    .protfolio_box:after,
    .protfolio_link  {
        font-size: 21px;
    }
    .section_contact .section_footer,
    .container-fluid {
        padding-left: 40px;
        padding-right: 40px;
    }
    .section_offset,
    .section_offset2 {
        padding-bottom: 70px;
    }
    footer:before{
        left: 40px;
        right: 40px;
    }    
    .protfolio_container>.row>[class*="col"]:nth-last-child(1),
    .protfolio_container>.row>[class*="col"]:nth-last-child(2),
    .protfolio_container>.row>[class*="col"]:not(:nth-last-child(1)):not(:nth-last-child(2)){
        margin-bottom: 81px;
    }
    footer {
        padding: 78px 0;
    }
    .footer_left_top{
        -webkit-justify-content: flex-start;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
    }
    .footer_left_top .logo{
        margin-right: 85px;
    }
    .footer_title,
    .footer_copyright,
    .footer_box .link,
    .footer_adress, .footer_email, .footer_tel{
        font-size: 14px;
        line-height: 21px;
    }
    .footer_box .social_list{
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .swiper_box 
    h3,.title3{
        font-size: 21px;
        line-height: 31px;
    }
    .swiper_box ,
    .swiper-title {
        width: 740px;
    }
    .swiper_box{
        font-size: 21px;
        line-height: 31px;
    }
    .block_title a,
    .block_title_top a,
    .block_title_top {
        font-size: 18px;
        line-height: 22px;
    }
    
    .team_title{
        margin-bottom: 85px;
    }
    .mxw1350{
        width: 900px;
    }
    .mxw925{
        max-width: 900px;
    }
    .protfolio_container.mb105{
        margin-bottom: 0;
    }
}

/* <!-- max-width: 1299px --> */
@media only screen and (max-width: 1199px) {
	#specialization .container-fluid, #team .container-fluid {
    padding-right: 40px;
	}
    .nav,
    .hide_1199 {
        display: none;
    }
    .link,
    .link-size{
        font-size: 12px;
        line-height: 1.2;
    }
    .protfolio_box:after,
    .protfolio_link  {
        font-size: 21px;
    }
    .header_wrap {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
    }
    .menu_btn{
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
        border: 1px solid #060606;
        border-radius: 50px;
    }
    .menu_btn.white{
        border: 1px solid #f8f8f8;
    }
    .menu_btn.white span:before,
    .menu_btn.white span:after{
        background-color: #f8f8f8;
    }
    .menu_btn.is-active span:before,
    .menu_btn.is-active span:after{
        -webkit-transform: translateY(4px);
            -ms-transform: translateY(4px);
                transform: translateY(4px);
    }
    .menu_btn span{
        position: relative;
        width: 18px;
        height: 8px;
        overflow: hidden;
        -webkit-transition: all ease 0.4s;
             -o-transition: all ease 0.4s;
                transition: all ease 0.4s;
    }
    .menu_btn span:before,
    .menu_btn span:after{
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: #060606;
        display: block;
    }
    .menu_btn span:after{
        bottom: 0;
        top: auto;
    }
    #header.header_scroll .header_wrap>.menu_btn{
        border: 1px solid #f8f8f8;
    }
    #header.header_scroll .header_wrap>.menu_btn span:before,
    #header.header_scroll .header_wrap>.menu_btn span:after{
        background-color: #f8f8f8;
    }

    

    #header.header_scroll_bg.header_scroll .header_wrap>.menu_btn{
        border: 1px solid #fff;
    }
    #header.header_scroll_bg.header_scroll .header_wrap>.menu_btn span:before,
    #header.header_scroll_bg.header_scroll .header_wrap>.menu_btn span:after{
        background-color: #fff;
    }
    #header.header_scroll_bg.header_scroll .header_wrap>.menu_btn.white {
        border: 1px solid #fff;
    }
    #header.header_scroll_bg.header_scroll .header_wrap>.menu_btn.white span:before,
    #header.header_scroll_bg.header_scroll .header_wrap>.menu_btn.white span:after{
        background-color: #fff;
    }

    #header.header_scroll_bg.header_color_white  .header_wrap>.menu_btn{
        border: 1px solid #060606 !important;
    }
    #header.header_scroll_bg.header_color_white  .header_wrap>.menu_btn span:before,
    #header.header_scroll_bg.header_color_white  .header_wrap>.menu_btn span:after{
        background-color: #060606 !important;
    }
    .navigation_menu{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
        height: 100vh;
        width: 100%;
        padding: 28px 36px;
        background-color: #f8f8f8;
        -ms-overflow-y: auto;
            overflow-y: auto;
        -ms-overflow-x: hidden;
            overflow-x: hidden;
        -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
                transform: translateX(100%);
        -webkit-transition: all ease 0.3s; 
             -o-transition: all ease 0.3s; 
                transition: all ease 0.3s; 
    }
    .navigation_menu.is-open{
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    .navigation_menu_head{
        margin-bottom: 60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;   
        -webkit-justify-content: space-between;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
    }
    /*.has_dropdown .menu_link {
        display: none;
    }*/
    .dropdown_box{
        display: block !important;
        padding-top: 0;
        padding-bottom: 0;
        position: static;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }
    .menu{
        display: block;
        -webkit-flex-grow: 20;
                -webkit-box-flex: 20;
                -ms-flex-positive: 20;
                flex-grow: 20;
    }
    .dropdown_box>ul>li,
    .menu_link {
        overflow: hidden;
    }
    .menu_item:not(:last-child){
        margin-right: 0;
    }
    .dropdown_box>ul>li>a,
    .menu_link{
        font-size: 28px;
        line-height: 60px;
        overflow: hidden;
    }
    .dropdown_box>ul>li>a,
    .menu_link>span{
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: transform 0.5s ease 0.5s;
        -o-transition: transform 0.5s ease 0.5s;
        -webkit-transition: -webkit-transform 0.5s ease 0.5s;
        transition: -webkit-transform 0.5s ease 0.5s;
        transition: transform 0.5s ease 0.5s;
        transition: transform 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s;
    }
    .navigation_menu.is-open .menu_link>span,
    .navigation_menu.is-open .dropdown_box>ul>li>a,
    .navigation_menu.is-open .menu_link {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    #header.header_scroll .dropdown_box:after{
        display: none;
    }
    #header.header_scroll .menu .menu_link,
    .menu.type2 .menu_link,
    .dropdown_box>ul>li>a{
        color: #060606 !important;
    }
    .dropdown_box>ul>li:not(:last-child){
        margin-bottom: 0;
    }
    .navigation_menu .section_footer{
        position: static;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 45px;
    }
    .navigation_menu .section_footer .link,
    .navigation_menu .section_footer .link-size{
        font-size: 16px;
        line-height: 21px;
    }
    .section_text{
        padding-left: 0;
    }
    .logo_animate.is-active svg{
        -webkit-transform: translate(-50%, -50%) scale(26);
        -ms-transform: translate(-50%, -50%) scale(26);
        transform: translate(-50%, -50%) scale(26);
    }
    .protfolio_box:hover .link.link-icon-left i, 
    .link.link-icon-left:hover i{
        width: 100px;
    }
    .protfolio_box:hover .protfolio_name {
        padding-left: calc(100px + 24px);
    }
    .section_contact {
        padding-top: 200px;
    }
    .section_contact .section_text{
        padding-left: 58px;
    }
    .section_contact .title3{
        font-size: 30px;
    }
    .map{
        min-height: 400px;
    }
    .swiper_box.d_flex{
        /*display: inline-block;*/
        max-width: 80%;
    }
    .swiper_box img{
        max-width: 80%;
    }
    .scroll{
        margin: auto;
        display: block;
    }
    .scroll.hide_1199{
        display: none !important;
    }
    .block_title a,
    .block_title_top a,
    .block_title_top {
        font-size: 16px;
        line-height: 21px;
    }
    .block_title,
    .block_title_top{
        margin-bottom: 90px;
    }
    
    .block{
        height: auto;
    }
    .block_from, .block_to {
        font-size: 60px;
    }
    .block_from span:before, .block_to span:before{
        top: 18px;
    }
    .block_title.hovered + .block_img {
        opacity: 0;
    }
    h3, .title3,
    .team_name {
        font-size: 28px;
    }
    .team_box .team_img:not(.type2){
        max-width: 270px;
    }
    .team_img.type2 {
        max-width: calc(100% - 35%);
        margin-top: -150px;
    }
    .team_img_wr{
        margin-right: 38px;
    }
    .team_descr{
        font-size: 20px;
    }
    .section_offset5{
        padding-top: 200px;
        padding-bottom: 100px;
    }
    .team_img.type2{
        max-width: 500px;
    }
    .team_img.mb150 {
        margin-bottom: 80px;
    }
    .popup_about_name{
        font-size: 21px;
        line-height: 26px;
    }
    .popup_about_text{
        font-size: 18px;
    }
    .js-scrollbar, .mCustomScrollbar {
        max-height: 460px;
    }
    .popup_about_text {
        padding-top: 30px;
    }
    .popup_about_img {
        max-width: 340px;
    }
    .work_head{
        margin-bottom: 45px;  
    }
    .work_info{
        margin-bottom: 96px;
    }
    .section_offset6 {
        padding-top: 114px;
        padding-bottom: 121px;
    }
    .work_img_container.type1 .work_img:last-child,
    .work_img_container.type4 .work_img:last-child,
    .work_img_container.type5 .work_img:last-child{
        margin-top: 63px;
    }
    .work_img_container.type1 .work_img:first-child,
    .work_img_container.type5 .work_img:first-child{
        margin-right: 114px;
    }
    .work_img_container.type4 .work_img:first-child{
        margin-right: 38px;
    }
    .work_img_container.mb145,
    .work_img_container.mb140 {
        margin-bottom: 91px;
    }
    .work_text.mb140,
    .work_img_container.mb135{
        margin-bottom: 94px;
    }
    .work_img_container.mb150,
    .work_text.mb145{
        margin-bottom: 100px;
    }
    .work_text.mb115{
        margin-bottom: 98px;
    }
.dropdown_box{
	        height: auto !important;
    }
    
}

/* <!-- max-width: 1199px --> */
@media only screen and (max-width: 991px) {
    .hide_991 {
        display: none;
    }
    
    .accordion_head span{
	        display: initial;
    }
    
    
    .section_screen {
        min-height: 650px;
        height: auto;
    }
    h1, .title1 {
        font-size: 45px;
    }
    .protfolio_img{
        display: block;
    }
    .protfolio_img img{
        width: 100%;
    }
    .protfolio_box:after{
        right: 10px;
    }
    .footer_wrap{
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
    }
    .footer_left,
    .footer_right{
        max-width: 100%;
        padding-right: 0;
    }
    .footer_left_top{
        -webkit-justify-content: space-between;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 50px;
    }
    .footer_title{
        margin-bottom: 20px;
    }
    .footer_right>.footer_box:not(:nth-last-child(1)):not(:nth-last-child(2)){
        margin-bottom: 45px;
    }
    .social_list li:not(:last-child){
        margin-right: 30px;
    }
    .footer_open{
        max-width: 50%;
    }
    footer {
        padding-bottom: 100px;
    }
    .footer_copyright  {
        position: absolute;
        bottom: 50px;
    }
    h3, .title3,
    .team_name,
    .section_contact .title3{
        font-size: 21px;
        line-height: 31px;
    }
    .team_descr{
        font-size: 16px;
    }
    .section_contact .section_text{
        padding-left: 0;
    }
    .section_contact .section_footer{
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .section_contact .section_footer .footer_box{
        width: 50%;
        margin-bottom: 40px;
        padding-right: 15px;
    }
    .section_contact .section_footer .footer_adress br{
        display: none;
    }
    .swiper_box.d_flex{
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
    }
    .section_carousel .swiper-container{
        padding-bottom: 50px;
    }
    .swiper_box {
        font-size: 16px;
        line-height: 21px;
    }
    .swiper_box ,
    .swiper_box.d_flex {
        display: inline-block;
        /*max-width: 80%;*/
    }
    .swiper_box ,
    .swiper-title {
        width: 100%;
    }
    .swiper_box.d_flex{
        display: inline-block;
        max-width: 80%;
    }
    .swiper_box img{
        max-width: 100%;
    }
    .block_title a ,
    .block_title_top a,
    .block_title_top,
    .block_from span:before,
    .block_to span:before{
        font-size: 12px;
        line-height: 15px;
    }
    .block_from span:before,
    .block_to span:before{
        top: 12px;
    }

    .block_from, .block_to{
        font-size: 34px;
        line-height: 1;
    }
    .block_from{
        margin-bottom: 24px;
    }
    .block_title,
    .block_title_top{
        margin-bottom: 60px;
    }
    .section_full{
        min-height: 540px;
        height: auto;
        padding: 100px 0;
    }
    
    .team_box.mb150,
    .team_box.mb180 {
        margin-bottom: 75px;
    }
    .section_offset5{
        padding-top: 100px;
        padding-bottom: 75px;
    }
    .mxw1350{
        width: 700px;
    }
    .mxw925{
        max-width: 700px;
    }
    .team_img.type2 {
        max-width: 400px;
    }
    button.mfp-close{
        width: 30px !important;
        height: 30px !important;
    }
    .popup_about_img {
        max-width: 280px;
    }
    .section_video_title{
        font-size: 60px;
    }
    .w1{
        width: 270px;
    }
    .w2{
        width: 501px;
    }
    .w4{
        width: 578px;
    }
    .w5{
        width: 347px;
    }
    h3.work_head_title, .title3.work_head_title {
        font-size: 21px;
        line-height: 31px;
    }
    .work_list {
        font-size: 12px;
        line-height: 18px;
    }
    .work_head_title{
        max-width: 512px;
    }
    .work_text,
    .work_info{
        font-size: 16px;
        line-height: 24px;
    }
    .work_info_it:not(:last-child){
        margin-right: 124px;
    }
    .work_head,
    .work_info{
        padding-left: 40px;
    }
    .work_text{
        margin-left: 40px;
    }
    .popup-youtube button.mfp-close{
        position: absolute;
        top: -55px !important;
        right: 0px !important;
    }
    /*.swiper-button-wr {
        text-align: right;
        position: relative;
    }*/
    /*.swiper-button-next,
    .swiper-button-prev {
        width: 14px;
        height: 37px;
        display: block;
        left: auto;
        top: 40px;
        right: 0;
        cursor: pointer; 
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        display: inline-block;
        
    }
    .swiper-button-next {
        right: 12px;
    }
    .swiper-button-prev {
        right: 70px;
    }
    */
    .section_carousel .swiper_box {
        width: 100%;
    }
    .section_carousel .swiper-container {
        padding-bottom: 150px;
    }
    .swiper-button-next {
        -webkit-transform: translate(0, -20px);
        -ms-transform: translate(0, -20px);
        -o-transform: translate(0, -20px);
        transform: translate(0, -20px);
    }
    .swiper-button-prev {
        -webkit-transform: translate(0, -90px);
        -ms-transform: translate(0, -90px);
        -o-transform: translate(0, -90px);
        transform: translate(0, -90px);
    }
    .swiper-button-wr>div {
        top: 100%;
    }
    .swiper-counter {
        left: auto;
        right: 0;
    }
    .swiper-counter {
        bottom: 8px;
    }
    .container-fluid .section_footer {
        width: auto;
    }
}

/* <!-- max-width: 991px --> */
@media only screen and (max-width: 767px) {
	.has_dropdown > a.menu_link{
	display: none;
}

    #page-preloader {
        display: none !important;
    }
    
    .yellow_box,
    .hide_767 {
        display: none;
    }
    .menu{
        margin-bottom: 78px;
        -webkit-flex-grow: initial;
                -webkit-box-flex: initial;
                -ms-flex-positive: initial;
                flex-grow: initial;
    }
    .navigation_menu .section_footer,
    .navigation_menu .section_footer .social_list{
        -webkit-align-items: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
    }
    .social_list li:not(:last-child){
        margin-right: 0;
    }
    .navigation_menu .section_footer>.link{
        margin-bottom: 28px;
    }
    .navigation_menu .section_footer .link-size{
        line-height: 35px;
    }
    .logo,
    .logo_animate,
    .logo_animate svg,
    .logo_icon{
        width: 75px;
        height: 50px;
    }
    .logo_text{
        top: 50%;
        bottom: auto;
        max-width: 100%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }
    h1, .title1 {
        font-size: 42px;
    }
    .navigation_menu,
    #header {
        padding-left: 17px;
        padding-right: 17px;
    }
    .logo_animate {
        top: 28px;
        left: 14px;
    }
    .logo_animate.is-active{
        -webkit-transform: translate(-40%, 0);
        -ms-transform: translate(-40%, 0);
        transform: translate(-40%, 0);
        -webkit-transition: all ease  1s;
             -o-transition: all ease  1s;
                transition: all ease  1s;
    }
    .protfolio_img{
        margin-bottom: 25px;
    }
    .section_contact {
        padding-top: 124px;
    }
    .section_contact .footer_box .social_list li:not(:last-child){
        margin-right: 30px;
    }
    .block_img {
        top: -30px;
    }.block_from span:before, .block_to span:before{
        position: static;
        display: block;
        margin-bottom: 10px;
    }
    h3 br,.title3 br{
        display: none;
    }
    .team_box .team_img:not(.type2),
    .team_img.type2{
        margin-top: 0;
        max-width: 100%;
    }
    .team_box{
        display: block;
        margin-bottom: 71px;
    }
    .team_box.type2 .team_text,
    .team_img_wr .team_text{
        padding-top: 0;
    }
    .team_img_wr .team_text{
        margin-bottom: 20px;
    }
    .team_box .team_img{
        margin-bottom: 25px;
    }
    .popup_about{
        display: block;
    }
    .popup_about_img {
        max-width: 240px;
    }
    .js-scrollbar, .mCustomScrollbar{
        max-height: 300px;
    }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
        width: 4px;
    }
    .team_img_wr {
        margin-right: 0;
    }
    .section_video_title{
        font-size: 50px;
    }
    .work_info{
        padding-left: 0px;
    }
    .work_head{
        padding-left: 0;
        padding-right: 0;
    }
    .work_text{
        margin-left: 0px;
    }
    .work_img_container.type4 .work_img:first-child,
    .work_img_container.type1 .work_img:first-child, 
    .work_img_container.type5 .work_img:first-child{
        margin-right: 50px;
    }
    .work_img_container.mb150, .work_text.mb145,
    .work_info,
    .work_text.mb85,
    .work_text.mb115,
    .work_img_container.mb145, .work_img_container.mb140,
    .work_text.mb140, .work_img_container.mb135{
        margin-bottom: 65px;
    }
    .section_screen.type2{
        min-height: 100vh;
        padding-top: 110px;
        padding-bottom: 80px;
    }
    .section_contact .section_footer, .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    .social_list {
        display: block;
    }
    .social_list li {
        margin-bottom: 20px;
    }
    nav .social_list li {
        margin-bottom: 6px;
    }
    .protfolio_link  {
        margin-top: -5px;
    }
    .section_carousel .swiper_box {
        width: 100%;
    }
    .section_carousel .swiper-container {
        padding-bottom: 150px;
    }
    .swiper-button-next {
        -webkit-transform: translate(0, -20px);
        -ms-transform: translate(0, -20px);
        -o-transform: translate(0, -20px);
        transform: translate(0, -20px);
    }
    .swiper-button-prev {
        -webkit-transform: translate(0, -90px);
        -ms-transform: translate(0, -90px);
        -o-transform: translate(0, -90px);
        transform: translate(0, -90px);
    }
    .swiper-button-wr>div {
        top: 100%;
    }
    .swiper-counter {
        left: auto;
        right: 0;
    }
    .swiper-counter {
        bottom: 8px;
    }
}

/* <!-- max-width: 767px --> */
@media only screen and (max-width: 575px) {
    .hide_575 {
        display: none;
    }
    .container-fluid {
        padding-left: 17px;
        padding-right: 17px;
    }
    .section_screen .mb65 br{display: none}
    h1, .title1 {
        font-size: 32px;
    }
    .accordion_head{
	    padding-right: 30px;
        margin-bottom: 24px;
        padding-left: 0;
        font-size: 26px;
        line-height: 32px;
    }
    .accordion_box:not(:last-child){
        margin-bottom: 24px;
    }
    .accordion_content{
        padding-left: 0;
        padding-bottom: 50px;
    }
    .ul_list li:before,
    .accordion_head:before{
        display: none;
    }
    .protfolio_container>.row>[class*="col"]:nth-last-child(1), .protfolio_container>.row>[class*="col"]:nth-last-child(2), .protfolio_container>.row>[class*="col"]:not(:nth-last-child(1)):not(:nth-last-child(2)){
        margin-bottom: 40px;
    }
    .protfolio_link,
    .protfolio_box:after,
    .protfolio_name{
        font-size: 16px;
        line-height: 24px;
    }
    .protfolio_box:after{
        bottom: 8px;
    }
    .link-icon-right i{
        width: 60px;
    }
    .section_contact{
        min-height: auto;
    }
    .section_contact .section_footer{
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
        position: static;
    }
    .section_contact .section_footer .footer_box{
        width: 100%;
    }
    .section_contact .section_footer .footer_box:last-child{
        margin-bottom: 0;
    }
    .section_contact .title3,
    h3, .title3 {
        font-size: 16px;
        line-height: 23px;
    }
    .swiper-counter{
        padding-top: 12px;
        font-size: 12px;
    }
    .section_carousel .swiper-container{
        padding-bottom: 150px;
    }
    .swiper-button-wr img {
        width: 9px;
        height: 24px;
    }
    .swiper-button-next {
        -webkit-transform: translate(0, -20px);
        -ms-transform: translate(0, -20px);
        -o-transform: translate(0, -20px);
        transform: translate(0, -20px);
    }
    .swiper-button-prev {
        -webkit-transform: translate(0, -75px);
        -ms-transform: translate(0, -75px);
        -o-transform: translate(0, -75px);
        transform: translate(0, -75px);
    }
    .swiper-counter {
        bottom: 18px;
    }
    .swiper_box, .swiper_box.d_flex{
        max-width: 100%;
    }
    .swiper_box>div br{
        display: none;
    }
    .swiper-title {
        position: static;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .swiper_box>div {
        padding-top: 0;
    }
    .section_carousel .swiper-wrapper,
    .section_carousel .swiper-container .swiper-slide{
        -webkit-align-items: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
    }
    .block_from, .block_to{
        font-size: 26px;
        line-height: 39px;
    }
    .block_from span:before, .block_to span:before{
        position: static;
        display: block;
        margin-bottom: 10px;
    }
    .section_video_logo{
        height: 30px;
        margin-bottom: 80px;
    }
    .section_video_logo img{
        max-height: 100%;
    }
    .section_video_title{
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 80px;
    }
    .section_video_link{
        font-size: 12px;
        line-height: 15px;
    }
    .work_img_container,
    .work_info,
    .work_head{
        display: block;
    }
    h3.work_head_title, .title3.work_head_title{
        margin-bottom: 45px;
        margin-right: 0;
        padding-right: 0;
    }
    h3.work_head_title, .title3.work_head_title,
    .work_list{
        font-size: 16px;
        line-height: 24px;
    }
    .work_info_it:not(:last-child){
        margin-right: 0;
        margin-bottom: 50px;
    }
    .work_img_container.type4 .work_img:first-child, .work_img_container.type1 .work_img:first-child, .work_img_container.type5 .work_img:first-child{
        margin-right: 0;
    }
    .w1,.w2,.w4,.w5{
        width: 100%;
    }
    .work_img_container.type1 .work_img:last-child,
    .work_img_container.type3 .work_img:last-child,
    .work_img_container.type4 .work_img:last-child,
    .work_img_container.type5 .work_img:last-child{
        margin-top: 80px;
    }
    .section_video{
        position: relative;
    }
    .section_video_poster{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

}

/* <!-- max-width: 575px --> */
@media only screen and (max-width: 479px) {
    .hide_479 {
        display: none;
    }
    .navigation_menu{
        padding: 28px 17px;
    }
    .logo_animate.is-active{
        -webkit-transform: translate(-200%, 75%);
        -ms-transform: translate(-200%, 75%);
        transform: translate(-200%, 75%);
        zoom: 0.9;
    }
    .footer_title, .footer_copyright, .footer_box .link, .footer_adress, .footer_email, .footer_tel{
        font-size: 12px;
        line-height: 15px;
    }
    footer:before{
        left: 20px;
        right: 20px;
    }
    .footer_left_top .logo{
        margin-right: 65px;
    }

    .accordion_head{
        font-size: 24px;
    }
    .section_offset6 {
        padding-top: 93px;
        padding-bottom: 100px;
    }
}

/* <!-- max-width: 479px --> */
/* <!-- maxw end 
    ============================================ --> */

@media only screen and (min-height: 650px) and (max-width: 420px) {
.logo_animate svg {
    top: 250px;
    left: 200px;
}
}