/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26.06.2017, 9:56:58
    Author     : Ivan and Nikolay
*/

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25.05.2017, 13:51:44
    Author     : ivan
*/
@media screen and (max-width : 1600px){

}

@media screen and (max-width : 1400px){
	#main_form,
	#prof,
	#top-services{
		background-size: cover;
	}
}
@media screen and (max-width : 1300px){
    inner{
        width: 90%;
        /*        padding: 0 1% 0 1%;*/
    }
}
@media screen and (max-width : 1170px){
    .block{min-width: 960px;}
    .inner{
        width: 90%;

    }
    .main-header .inner{
        width: 95%;
    }
    .main-header .catalog_list{
        font-size: 15px;
    }

    body{
        font-size: 16px;
    }
    nav .catalog_list li {
        margin-right: 19px;
    }
    #top-services .inner img{
        height: 100%;
        width: 100%;
    }
    #top-services{
        height: auto;
    }
 
    .service-list{
        margin-left: 0;
    }
    .reception-row{
        width: 100%;
        justify-content: center;

    }

    #footer .ask_title{
        font-size: 18px;
        width: 200px;
    }

    /* h2{
         font-size: calc( 32px + 6 * ((100vw - 500px) / 1500));
     }*/
    /*  .hleb .left{
          padding: 40px 0;
      }*/

    /*h1,h2 {
        font-weight: 200;
    }*/

    .catalog_item {
        position: relative;
        width: 32%;
    }

    #footer h3{
        font-size: 18px;
    }
    .main_about .right{
        font-size: 16px;
    }


    #menu .inner{
        padding-bottom: 100px;
    }

    #menu .inner >div.logo_block{
        width: 100%;
        justify-content: flex-start;
    }
    #menu a.logo{
        margin-right: 30px;
    }
    #menu .inner .ask_block{
        position: absolute;
        bottom: 0;
        width: auto;
        right: 0;
    }
    .service-download, .service-download.center{
        margin-top: 10px;
        margin-bottom: 30px;
        width: 364px;
    }
    #main-appointment{
        margin-top: 10px;
        margin-bottom: 30px;
    }

    li.progect-list-item{
        width: 49%;
    }
    .ya-map{
        height: 70vh;
    }
    .left-block{
        flex-direction: row;

    }
	.reviews .review{
		padding: 30px;
		justify-content: space-between;
		position: relative;
	}
	.reviews .img {
		width: 150px;
	}
	.reviews .img img{width: 100%}
	.reviews .cont .title{
		font-size: 20px;
	}
	.reviews .review .last_text{
		flex-direction: column;
		align-items: flex-start;
	}
	.reviews .review .last_text p{
		margin-bottom: 10px;
	}
	.footer_cont{
		width: 18%;
	}
}



@media screen and (max-width : 1000px){
    .block{
        min-width: 100%;
    }
    /*#page_top{
        padding-left: 8%;
    }*/
    .main-header .inner{
        width: 90%;
    }
    .nav-icon-block{
        display: flex;
    }
    ul.progett-list {
        justify-content: center;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }
    li.progect-list-item{
        width: 100%;
    }
    .mobile_inner{
        margin: 0 auto;
    }
    .inner, .mobile_inner{
        width: 90%;
        /*        padding: 0 1% 0 1%;*/
    }
    .main-header{
        padding-left: 70px;
    }
    .nav-icon2{
        display: block;
    }
    html.popup_open{
        margin: 0;
    }
    #header .logo_block{
        flex-basis: 70%;
    }

    #top-services .inner img{
        display: none;
    }
    nav {
        display: none;
    }
    ul.progett-list{
        justify-content: center;
        align-items: center;
    }
    #main-appointment{
        margin-top: 10px;
    }
    .service-download, .service-download.center{
        margin-top: 10px;
        margin-bottom: 30px;
        width: 290px;

    }
    #main-appointment{
        margin-top: 10px;
        margin-bottom: 10px;
        width: 290px;
    }
    .top-services-block h1{
        text-align: center;
    }
    .order-block {
        flex-direction: column;
        align-items: center;
    }
    .order-info{
        align-items: center;
    }
    .order-info p{
        text-align: center;
    }
    .order-block hr{
        display: none;
    }
    #slider, #slider .inner, .slide{
        height: 480px;
    }
    #menu h3, #menu h3 a{
        font-size: 20px;    
    }
    #menu .inner >div{
        width: 49%;
    }
    .catalog_item .catalog_title{
        font-size: 16px;
    }
  
    #page a.check_in{
        max-width: 100%;

    }
    #text img,
    #text div{
        height: auto !important;
        max-width: 100%;
    }
    .page_256 #wrapper,
    .page_257 #wrapper,
    .page_258 #wrapper,
    .page_259 #wrapper{
        background: #f8f8f8;
    }
    .order-info{
        padding-bottom: 30px;
        border-bottom: 1px solid #fff;
    }
    #order-form{
        padding-top: 30px;
    }
    #back-order h2{
        padding-bottom: 15px;
    }
    #back-order{
        padding-bottom: 50px;
    }
    .servise-block-item{
        margin-left: 1%;
    }
	#chill .item{
		width: 49%;
	}
	section h2,
#tasks h2,
	#prof h2{
		font-size: 28px;
		line-height: 1.5;
	}
	#tasks .items .item{
		font-size: 16px;
	}
	#problems .item:nth-of-type(2n) .right{
		margin-right: 40px;
	}
	#problems .items .right{
		margin-left: 40px;
	}
	#new_life .list_img img,
	#problems .item img{
		width: 100%;
	}
	#new_life .list_img .img,
	#problems .item .img{
		width: 40%;
		
	}
	#wrapper section{
		padding: 60px 0;
	}
	.top-services-block{
		height: auto;
	}
	.top-services-block{
		padding-top: 0;
	}
	#new_life .items .item{
		width: 47%;
	}
	#clients .item_wrapp .img{
		display: none;
	}
	#clients .item_wrapp .right{
		width: 100%;
		padding: 30px;
		padding-left: 50px;
	}
	#main_form .inner .form form{
		width: 100%;
		height: auto;
		padding: 30px;
	}
	#main_form .inner .form{
		width: 50%;
	}
	.catalog_list li{
		border: none;
	}
}


@media screen and (max-width : 808px){
    /*    .inner,.mobile_inner{
            width: 600px;
        }*/
    p.copitight{
        display: none;
    }
    .copitight.last{
        display: flex;
    }
    h1{
        font-size: 36px;
    }
    .logo_title{
        display: none;
    }
    #header .logo_block{
        flex-basis: unset;
    }
    #slider, #slider .inner, .slide {
        height: 375px;
    }
    .top_footer .ask_block{
        font-size: 18px;
    }

    .top_footer .logo_block{
        margin-right: 15px;
        flex-basis: 25%;
    }
    .logo .img, .logo_footer .img{
        width: 32px;
    }
    .main_gallery,
    .main_about{
        padding: 60px 0;
    }
    .top-services-block{

        margin-left: 0; 

        align-items: center;
    }
    .main_gallery h2{
        margin-bottom: 0;
    }

    #menu .logo_title{
        display: block;
    }
    .sidebar_show #sidebar{
        display: none;
    }
    .sidebar_show #page{
        width: 100%;
    }
    .servise-row{
        align-items: center;
    }
    .service-list{
        align-items: center;
    }
    .about-block{
        flex-direction: column;

    }
    .about-item{
        width: 100%;
        margin-bottom: 20px;
    }
    .top-footer {
        display: none;
    }
    .footer-line{
        flex-direction: column;
    }
    section{
        padding-bottom: 45px;
    }
    #back-order{
        padding-bottom: 45px;
    }
    #back-order h2{
        padding-top: 30px;
    }
    #about-company{
        padding-top: 50px;
    }

   
    .about-item{
        min-height:380px;
    }

    .servise-block-item {
        text-align: left;
    }
    .servise-block-item h2{
        text-align: center;
    }

    #text ul, .nice_ul{
        padding-left: 0;
        margin-left: 0;
    }
	#main_form .inner{
		flex-wrap: wrap;
	}
	#main_form .inner .txt{
		width: 100%;
	}
	#main_form .inner .form{
		width: 400px;
		margin: 0 auto;
		margin-top: 40px;
	}
	footer .footer_logo{
		width: 36%;
	}
	.footer_menu ul li{
		width: 100%;
	}
	.footer_cont,
	.footer_menu{
		width: 30%;
	}
	.top-services-block h1{
		font-size: 28px;
		line-height: 1.5;
	}
	.header-phone a{
		font-size: 15px;
	}
	#main_form, #prof, #top-services{
		background-position: left center;
	}
	#wrapper #prof {
		padding-bottom: 120px;
	}
	#prof .text{
		width: 100%;
	}
	.right_circle span{
		display: none;
	}
	.right_circle {
    align-items: center;
    width: 283px;
    height: 80px;
    right: auto;
    bottom: -100px;
	border-radius: 10px;
	}
	#tasks .items.show{
		column-count: 1;
	}
	#new_life .ask .cont .phone{
		margin-left: 0;
		font-size: 20px;
	}
	#new_life .ask .cont .right{
		width: 30%;
	}
	#clients .item_wrapp .sub{
		flex-direction: column;
	}
	#main_form .inner .txt p{
		width: 100%;
	}
	#new_life p{
		width: 100%;
	}
	.main_btn{
		margin-right: 20px;
	}
	.video_btn{
		/*padding-left: 60px;*/
	}
	.types{
		width: 100%;
	}
	.types div{
		font-size: 15px;
		padding: 0 30px;
	}
	#content{
		padding-top: 0;
	}
	#text{
		padding: 0;
	}
}



@media screen and (max-width: 700px){
    #logo{
        margin-left: 40px;
    }

    #slider_baker,     .slide_baker{
        height: 420px;
    }
    #footer .footer_item:nth-child(3),
    #footer .footer_item{
        width: 48%;
    }
    .servise-block-item{
        margin-left: 4%;
    }
/*    .servise-block-item h2:before{
        width: 35px;
        height: 35px;
        margin-left: -60px;
    }*/
    #footer .footer_item:nth-of-type(2){
        display: none;
    }
    #header .logo_block{
        width: auto;
    }
    .top_header .inner,
    .top_header{
        height: 80px;
    }
    #header .logo_block{
        margin-left: 80px;
    }
    #nav-icon2{
        width: 55px;
        top: 20px;
    }
    .main_gallery h2, .main_about h2{
        margin-bottom: 30px;
    }
    .main_gallery{
        padding-bottom: 0;
    }
    #menu a{
        font-size: 20px;
    }
    #menu .logo_block{
        margin-left: 40px;
    }
    #menu .logo_block .logo_title {
        font-size: 13px;
    }
    #menu .inner >div.ask_block{
        font-size: 16px;
    }
    .logo{
        display: none;
    }
    /* #menu .inner{
         justify-content: space-between;
     }*/
    #menu .inner >div{
        width: 48%;
    }
    .logo .img, .logo_footer .img{
        height: 60px;
    }
    #menu a.logo{
        margin-left: 40px;
    }
}

@media screen and (max-width: 640px){
    /*    .inner,.mobile_inner {
            width: 520px;
        }*/
    #main_sliders .left{
        flex-wrap: wrap;
        text-align: center;
    }
    .slider_title{
        width: 50%;
    }
    .main-header .inner{
        padding: 0;
    }
    .slider_title:last-child{
        width: 50%;
    }
    .slider_title:nth-child(1),
    .slider_title:nth-child(2){
        border-bottom: 1px solid #ccc;
    }
    .slider_title:nth-child(2n){
        border-right: none;
    }
    #slider, #slider .inner, .slide{
        height: 325px;
    }

    .main_about .left .img{
        height: 60vw;
    }
    .service-list{
        flex-wrap: nowrap;
        width: 100%;
    }
    .main_about .left,
    .main_about .right{
        width: 100%;
        margin-bottom: 20px;
    }
    .gallery_item_wrap{
        width: 31%;
    }
    .footer_tel{
        display: none;
    }

    .logo .img, .logo_footer .img{
        width: 30px;
    }
    .top_footer .ask_block{
        font-size: 16px;
    }
    .logo .img, .logo_footer .img{
        height: 60px;
    }
    #nav-icon2{
        left: 20px;
    }
    #menu a.logo{
        margin-left: 0;
    }
    #menu .inner >div.logo_block{
        flex-direction: column;
        margin-right: 0;
    }
    #menu .logo_title{
        text-align: left;
        align-self: flex-start;
    }
	#new_life .items .item{
		width: 100%;
	}
	section h2, #tasks h2, #prof h2 , section h2{
		font-size: 26px;
		font-weight: 500;
	}
	#clients .item_wrapp .review{
		display: none;
	}
	#partners .item img{
		max-width: 90%;
		display: block;
		margin: 0 auto;
	}
	.reviews .review{
		flex-direction: column;
	}
	.reviews .cont {
		width: 100%;
	}
	.footer_menu,
	footer .footer_logo{
		width: 45%;
	}
	.footer_cont{
		position: absolute;
		left: 0;
		top: 160px;
	}
	.header-phone{
		text-align: left;
	}
	.types{
		width: 100%;
		flex-direction: column;
	}
	.types div{
		width: 100%;
	}
	.types div.left,
	.types div.right{
		border-radius: 0;
	}
	#chill .item{
		width: 100%;
	}
	#new_life .list_img,
	#problems .item:nth-of-type(2n),
	#problems .item{
		flex-direction: column;
	}
	#new_life .list_img .img{
		width: 100%;
	}
	#new_life .list_img .img,
	#problems .item .img{
		margin: 0 auto;
		margin-bottom: 20px;
	}
	#new_life .list_img .right,
	#problems .items .right{
		margin-left: 0;
	}
	#new_life .items .item span {
		width: calc(100% - 65px);
	}
	.goals{
		flex-direction: column;
	}
	.goals div.left{
		margin-bottom: 40px;
	}
	.goals div{
		width: 100%;
	}
	.video_btn span {
		width: 160px;
	}
	#clients .item_wrapp .goal{
		width: 100%;
	}
}

@media screen and (max-width: 560px){
    #logo{
        margin-left: 65px;
    }
    .logo{
        display: none;
    }
    .progect-list-item a img{
        width: 100%;
    }
    #slider, #slider .inner, .slide{
        height: 260px;
    }
    .logo{
        display: none;
    }
    .main-header .inner{

    }
    li.progect-list-item{
        width: 100%;
    }
    .order-info{
        width: 100%;
    }

    .show-more{
        width: 60%;
    }
    .service-download.center{
        width: 240px;
    }
    .service-download div:before, .service-download.center div:before{
        display: none;
    }

}


@media screen and (max-width: 530px){
    /*    .inner,.mobile_inner {
            width: 415px;
        }*/
    .gallery_item_wrap {
        width: 48%;
    }
    .catalog_item{
        width: 48%;
    }
    #order-form{
        width: 100%;
    }
    #back-order .inner h2{
        font-size: 40px;
        padding-bottom: 20px;
    }
    .progect-list-item a div h3{
        font-size: 27px;
    }
    .about-item{
        padding: 28px 20px 30px 20px;
    }
	.footer_cont{
		top: 180px;
	}
	#new_life .ask .cont{
		flex-direction: column-reverse;
	}
	#new_life .ask .cont .right{
		width: 100%;
		text-align: center;
	}
	#new_life .ask .cont .phone{
		border-right: none;
	}
	#new_life .ask .img{
		margin-right: 0;
		margin-top: 20px;
	}
	#new_life .ask .cont .phone{
		margin-right: 0;
		padding-right: 0;
	}
	#wrapper section{
		padding: 50px 0;
	}
	.servise-row{
		flex-direction: column;
	}
	.main_btn{
		max-width: 100%;	
		margin-right: 0;
	}
	.video_btn span{
		width: 100%;
	}
	.btn{
		width: 100%;
	}
	form textarea{
		width: 100%;
	}
	#main_form .inner .form form{
		padding: 20px;
	}
	.owl-next, .owl-prev{
		top: auto;
		bottom: 0;
	}
	#clients .item_wrapp .right{
		padding: 20px;
		padding-bottom: 80px;
	}
	#partners .item{
		width: 50%;
	}
	#partners .item:nth-child(2n){
		border-right: none;
		
	}
#partners .item:nth-child(5), #partners .item:nth-child(6){
		border-bottom: 1px solid #ccc;
	}

}


@media screen and (max-width: 455px){
    /*    .inner,.mobile_inner {
            width: 360px;
        }*/
    .contact_city br{
        display: none;
    }
    #header .logo_block {
        margin-left: 60px;
    }
    .order-info a{
        font-size: 24px;
    }
    #slider, #slider .inner, .slide {
        height: 230px;
    }
    #order-form .order-row input, #order-form .add-file{
        width: 100%;
    }
    /* #wrapper h2{
         font-size: 34px;
         padding-bottom: 20px;
     } */  
    #menu .inner >div{
        width: 100%;
    }
    #menu{
        overflow: auto;
    }
    #menu .inner .ask_block{
        width: 100%;
    }

    .slider_title,
    .slider_title:last-child{
        width: 100%;
        border: none;

    }
    .slider_title{
        border-bottom: 1px solid #ccc;
    }

    .top_footer{
        padding: 20px 0;
    }
    .progect-list-item a div h3{
        font-size: 23px;
    }
    .progect-list-item a div{
        padding: 5px 20px 5px 20px;
    }
    .btn-input-file{
        width: 100%;
        margin-bottom: 2%;
    }
	.footer_cont{
		top: 200px;
	}
	
}

@media screen and (max-width: 440px){

    /*    .inner,.mobile_inner{
            width: 380px;
        }*/
    footer .footer_item:nth-child(3), #footer .footer_item {
        width: 100%;
    }
    #footer{
        height: 500px;
        margin-top: -500px;
    }
    /*    #wrapper{
            padding-bottom: 500px;
        }*/
    #nav-icon2{
        width: 50px;
    }
    .logo_block{
        margin-right: 10px;
    }
    .order-row input{
        width: 100%;
        margin-bottom: 10px;
    }
    .page_253 #text img{
        margin: 0 auto !important;
        margin-bottom: 20px !important;
        float: none !important;
    }
    #nav-icon2.open span:nth-child(5),
    #nav-icon2.open span:nth-child(6){
        top: 20px;
    }
    /*    .show-more {
            width: 100%;
        }*/
    .top-services-block h1{
        font-size: 24px;
    }
    div.order-row{
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;
    } 
    .order-row button{
        width: 100%;
        margin-bottom: 10px;
    }
    .file-name{
        margin-bottom: 2%;
    }
	.footer_menu, footer .footer_logo{
		width: 100%;
		margin-bottom: 25px;
	}
	footer .inner{
		flex-direction: column;
	}
	.footer_cont{
		position: static;
		width: 100%;
	}
	footer .footer_logo .slogan{
		margin: 15px 0;
	}
	footer .footer_logo a{
		line-height: 1;
	}
	#menu .catalog_list li a{
		line-height: 1.4;
		height: auto;
		margin-bottom: 20px;
	}
	.top-services-block h1,
	section h2, #tasks h2, #prof h2, section h2{
		font-size: 18px;
	}
	#prof .text p,
	#main_form .inner .txt p{
		font-size: 16px;
	}
	#new_life .item .title,
	#problems .item .title{
		text-align: center;
	}
	#main_form .inner .form{
		width: 100%;
	}
	.nav-icon2{
		width: 50px;
		height: 35px;
	}
	.nav-icon-block.open{
		right: 10px;
		left: unset;
	}
	#menu{
		padding: 40px 20px;
	}
	#menu .catalog_list li{
		border: none;
	}
	#menu .catalog_list li a{
		font-size: 16px;
	}
	.servise-row{
		width: 100%;
	}
	.nav-icon2{
		width: 60px;
		margin-top: 3px;
	}
	#text li{
		margin-left: 0 !important;
	}
	#text ul ul{
		margin-top: 7px;
	}
}


@media screen and (max-width: 400px){
    .progect-list-item a div h3{
        font-size: 22px;
    }
    .progect-list-item a div p{
        font-size: 15.3px;
    }
    .servise-item{
        font-size: 18px;
    }
    .servise-block-item h2:before{
        display: none;
    }
  
    .show-more {
        width: 90%;
    }
    .footer-line, .order-info, #order-form{
        width: 93%;
        margin: 0 auto;
    }
    .main-header{
        padding: 15px 0 20px 0;
    }
    .header-logo{
        margin-left: 80px;
    }
    
    #page_top .inner{
        width: 90%;
    }
    .servise-block-item h2{
        text-align: left;
    }
	.nav-icon-block{
		width: 50px;
	}
	.header-logo {
		margin-left: 60px;
	}
	.nav-icon2.open span:nth-child(5),
	.nav-icon2.open span:nth-child(6){
		top: 12px;
	}
	.header-logo img{
		margin-right: 10px;
		width: 130px;
	}
}
@media screen and (max-width: 370px){
    .about-item a{
        width: 100%;
    }
    #back-order .inner h2{
        font-size: 32px;
    }
    .main-header .inner{
        justify-content: space-between;
    }
    .header-phone{
    }
}




@media screen and (max-width: 330px){
    /*    .inner,.mobile_inner{
            width: 280px;
        }*/

    .miniature {
        width: 86px;
        height: 66px;
    }

    .main-header{
        padding: 15px 5px 20px 75px;
    }
    .header-logo{
        display: none;
    }


}

@media screen and (max-width: 300px){
    /*    .inner,.mobile_inner{
            width: 92%;
        }*/
    .about-item h5{
        font-size: 26px;
    }
    .header-logo img{
        display: none;
    }
    .main-header .inner{
        padding-top: 10px;
    }
    .top-services-block h1{
        font-size: 20px;
    }
    .servise-item{
        font-size: 15px;
    }
    #main-appointment{
        width: 100%
    }
    .service-download{
        width: 100%;
    }

}



/*@media screen and (max-width : 1170px){
    .block{min-width: 960px;}
    .inner{width: 960px;}
    
}



@media screen and (max-width : 1000px){
    .block{
        min-width: 100%;
    }
   
    .inner{
        width: 768px;
    }

}


@media screen and (max-width : 808px){
    .inner{
        width: 600px;
    }

 
}



@media screen and (max-width: 640px){
    .inner {
        width: 520px;
    }
}



@media screen and (max-width: 530px){
    .inner {
        width: 415px;
    }

}


@media screen and (max-width: 455px){
    .inner {
        width: 360px;
    }


}

@media screen and (max-width: 440px){

    .inner{
        width: 360px;
    }
 

}


@media screen and (max-width: 370px){
    .inner{
        width: 320px;
    }

   
}




@media screen and (max-width: 330px){
    .inner{
        width: 280px;
    }






}*/