/*Мобильное меню*/
.navbar-toggle{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    display: none;
    margin: 0;
}	
.navbar-toggle .icon-bar {
    background: #FFF;
    display: block;
    height: 8px;
    margin-top: 6px;
    width: 44px;
}
.navbar-toggle .icon-bar:first-child{
	margin-top: 0;
}
.navbar-toggle.active {
    background: rgba(219, 45, 25, 0.8) none repeat scroll 0 0;
    padding: 10px;
}
a.logo {
	font-size: 36px;
}
@media (max-width: 1700px){
	.slider_block .bx-controls a.bx-prev {
		margin-left: -50px;
	}
	.slider_block .bx-controls a.bx-next {
		margin-right: -50px;
	}
}
@media (max-width: 1240px){
	.block_inside,
	.service .block_inside{
		max-width: 990px;
	}
	.header_form .title_form {
		font: 900 46px Raleway,sans-serif;
	}	
	nav ul li {
		margin-right: 40px;
	}	
	.why .content_why .row .desc{
		font-size: 16px;
	}
	.garant .text_block {
		width: 490px;
	}
	.garant .text_block p {
		font: 18px/29px Raleway,sans-serif;
	}
	.garant .text_block .info {
		font: 700 16px/37px Raleway,sans-serif;
	}
	.garant .video {
		width: 440px;
	}	
	.garant .video iframe{
		width: 100%;
	}
	.consalting .form {
		background: rgba(219, 45, 25, 0.8) none repeat scroll 0 0;
		height: 472px;
		margin-right: 0;
		margin-top: 0;
		width: 370px;
	}	
	.consalting .form .inside_form {
		margin: 45px 0 0;
		padding: 0 60px;
		width: 100%;
	}
	.consalting .form .phone_form {
		width: 100%;
	}	
	.service .row .info_service {
		width: 600px;
	}
	.calk .title {
		width: 300px;
		font: 27px/37px Raleway;	
	}
	.calk .title span {
		font: 600 27px/36px Raleway;
	}
	.menu_top ul li {
		margin-right: 15px;
	}
	.menu_top .phone{
		display: none;
	}
}
@media (max-width: 1000px){
	.menu_top  {
		display: none !important;
	}
	.block_inside,
    .block_inside, .service .block_inside {
        max-width: 730px;
        display: grid
;
    }
	.service .row.even.second .form {
    order: 2;
}
	.navbar-toggle{
		display: inline-block;
		margin: 10px 0;
		padding: 10px;
	}
	.navbar-toggle .title,
	.navbar-toggle .icon_menu{
		float: left;
	}
	.navbar-toggle .title {
		color: #fff;
		font: 600 18px Raleway;
		margin: 7px 10px 0 0;
	}
	nav{
		padding: 0;
	}
	nav ul {
		display: none;
		background: rgba(219, 45, 25, 0.8) none repeat scroll 0 0;
		left: 0;
		padding: 15px 0;
		position: absolute;
		top: 66px;
		width: 100%;	
		z-index: 10;
	}
	nav ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	nav ul li:last-child{
		margin-bottom: 0;
	}
	nav ul li a {
		font: 800 17px Raleway;
	}	
	.center_header .contact_block {
		font: 12px/16px Raleway;
		width: 214px;
	}
	.center_header .phone_call {
		width: 173px;
	}	
	.center_header .phone_call .phone {
		font: bold 19px Raleway;
	}	
	.center_header .phone_call .callback {
		font: 500 14px Raleway;
	}	
	.header_form .title_form {
		font: 900 33px Raleway;
	}	
	.header_form .description {
		font: 300 25px/39px Raleway;
		margin: 7px 0 52px;
	}	
	.header_form .form{
		background: rgba(219, 45, 25, 0.8) none repeat scroll 0 0;
	}
	.header_form .form form {
		margin: 40px auto 0;
	}	
	.header_form .inp .desc{
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		margin-bottom: 40px;
		text-align: center;
		width: 100%;
	}
	.header_form .inp .desc span {
		font-size: 34px;
	}
	.header_form .sub .desc{
		display: none;
	}
	.header_form .sub{
		text-align: center;
	}
	.header_form .sub input,
	.header_form .inp input{
		margin: 0;
		float: none;
		display: inline-block;
	}
	.header_form .inp.ph {
		margin-bottom: 24px;
		text-align: center;
	}
	.service .row {
		background-size: cover !important;
		height: auto !important;
		padding-bottom: 40px;
	}	
	.service .row .info_service {
		width: 100%;
		margin-top: 40px;
	}
	.service .row .form {
		height: auto !important;
		margin-top: 40px;
		padding: 30px 60px;
		width: 100%;
	}
	.service .row .form .title_form span {
		font: 300 30px/27px Raleway;
	}	
	.why .content_why .row {
		width: 33.33%;
	}	
	.why {
		background-size: cover ;
		height: auto;
	}	
	.project .controls a {
		font: 19px Raleway;
		margin-right: 29px;
	}	
	.title_block {
		font: 29px/34px Raleway;
		padding-bottom: 30px;
		padding-top: 40px;
	}
	.why .content_why .row .title {
		font: 800 20px Raleway;
	}
	.why .content_why .row .desc {
		font-size: 14px;
	}
	.project {
		padding-bottom: 40px;
	}
	.project .title {
		font: bold 29px Raleway;
		padding-top: 40px;
	}	
	.project .row .photo{
		border-right: medium none;
		display: block;
		height: auto;
		margin-right: 0;
		text-align: center;
		width: 100%;
		padding: 15px 0;
	}
	.project .row .photo div{
		display: inline-block;
	}
	.project .row .info {
		margin-left: 0;
		padding-left: 0;
		padding-top: 10px;
		text-align: center;
	}	
	.project .row {
		margin-top: 40px;
		padding-bottom: 20px;
	}	
	.garant {
		background-size: cover;
		height: auto;
	}		
	.garant .text_block {
		width: 100%;
	}
	.garant .text_block .title_block {
		padding-top: 40px;
	}	
	.garant .text_block p {
		font: 16px/23px Raleway;
		margin: 35px 0 25px;
	}
	.garant .text_block .info {
		font: 700 14px/24px Raleway;
		margin-bottom: 40px;
	}
	.garant .video{
		margin: 30px 0 40px;
		width: 100%;
	}
	.garant .text_block .send_order {
		font: 700 18px/49px Raleway;
		max-width: 452px;
	}
	.consalting .text_block .title {
		font: 23px/32px Raleway;
	}
	.consalting .text_block .title span {
		font: 900 47px Raleway;
	}	
	.consalting .text_block {
		width: 310px;
	}	
	.calk {
		padding: 40px 0;
	}	
	.calk .title{
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		margin-right: 0;
		text-align: center;
		padding-left: 0;	
		width: 100%; 
		margin-bottom: 25px;
	}
	.calk .title span{
		display: inline;
	}	
	.calk form {
		width: 100%;
	}	
	.calk .steps{
		margin-top: 30px;
		text-align: center;
		width: 100%;
	}
	.calk form .stp .button,
	.calk form .ploshad,
	.calk form .tel{
		width: 100%;
	}
	.calk form .stp .button:last-child{
		margin-top: 10px;
	}
}
@media (max-width: 730px){
	.nav ul li a {
		font-size: 18px;
		text-decoration: none;
		color: #000;
		line-height: 23px;
		background-color: #ffffff;
		display: block;
		height: 100%;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content: center;
		padding: 12px 17px;
		font-weight: 500;
	}
	.nav ul li {
		width: 100%;
		list-style: none;
	}
	.nav ul {
		display: flex;
		gap: 20px;
		justify-content: center;
		flex-wrap: wrap;
	}
	.block_inside,
	.service .block_inside{
		max-width: 350px;
	}
	.center_header .contact_block{
		display: none;
	}
	.center_header .phone_call {
		margin-top: 20px;
		text-align: center;
		width: 100%;
	}
	.header_form {
		margin-top: 28px;
	}
	.header_form .title_form {
		font: 900 28px Raleway,sans-serif;
	}

	.header_form .description {
		font: 300 24px/35px Raleway,sans-serif;
		margin: 30px 0 50px;
	}
	.header_form .form form {
		margin: 20px auto 0;
	}	
	.header_form .form {
		height: auto;
		padding: 0 20px 20px;
	}
	.header_form .inp .desc {
		margin-bottom: 28px;
	}
	.header_form .inp.ph {
		margin-bottom: 15px;
	}	
	.header_form .inp input{
		line-height: 56px;
		width: 100%;
	}
	.header_form .check {
		margin-top: 16px;
		text-align: left;
	}	
	.service .row .title_row .css_arrow{
		display: none;
	}
	.service .row .title_row {
		font: 600 24px/31px Raleway,sans-serif;
		padding: 0;
	}	
	.service .row .price {
		font: 300 20px Raleway,sans-serif;
		margin: 25px 0;
		padding: 0;
	}
	.service .row .price {
		font: 300 17px Raleway,sans-serif;
	}
	.service .row .read_more {
		font-size: 17px;
	}
	.service .row .form {
		padding: 30px 20px;
	}	

	.service .row .form .title_form,
	.service .row .form .title_form span	{
		font: 300 23px/27px Raleway,sans-serif;
	}
	form .ph input {
		background: #fff url("../images/css/i_phone.png") no-repeat scroll 15px center;
		font: italic 13px/47px Raleway;
		padding: 0 10px 0 46px;
	}
	.form .phone_form {
		font: 500 16px Raleway;
	}
	.form .phone_form a.phone {
		font: bold 21px Raleway;
	}	
	.why .content_why .row {
		margin-bottom: 20px;
		padding-right: 0;
		text-align: center;
		width: 100%;
	}
	.title_block {
		font: 22px/29px Raleway;
		padding-top: 30px;
	}
	.why .content_why {
		padding-top: 40px;
	}	
	.why .content_why .row i {
		background-position: center center !important;
		margin-bottom: 15px;
	}
	.project .controls a {
		border-bottom: medium none;
		display: block;
		font: 19px Raleway;
		margin-right: 0;
		text-decoration: underline;
	}
	.project .row{
		padding: 0 20px 20px;
	}	
	.project .row .info .button a{
		width: 100%;
		margin-right: 0;
	}
	.project .row .info .button div{
		width: 100%;
		margin-top: 15px;
	}
	.project .row .info .project_name {
		font: bold 21px/28px Raleway;
	}	
	.project .row .info .desc {
		font: 14px/22px Raleway;
		margin: 14px 0;
	}	
	.photo img {
		max-width: 100%;
	}
	.project .row .info .price {
		font: bold 17px Raleway;
		margin-bottom: 24px;
	}	
	.garant .text_block .send_order {
		font: 700 12px/39px Raleway;
	}	
	.consalting {
		background-size: cover;
		height: auto;
		overflow: hidden;
		text-align: center;
	}
	.consalting .text_block {
		margin: 30px 0;
		width: 100%;
	}	
	.consalting .text_block .title span {
		font: 900 37px Raleway;
	}	
	.consalting .text_block .desc {
		font: 21px Raleway;
	}	
	.consalting .form .inside_form {
		margin: 30px 0 0;
		padding: 0 20px;
		width: 100%;
	}	
	.consalting .form {
		height: auto;
		margin-bottom: 30px;
		padding-bottom: 20px;
		width: 100%;
	}
	.map{
		height: 471px;
		overflow: hidden;
	}
	.map .contact .row {
		font: 18px/21px Raleway;
	}
	.map .contact .row.phone a {
		font: bold 19px Raleway;
	}
	.map .contact .order_call {
		font: 500 18px Raleway;
	}	
	.map .contact .inside_contact {
		padding: 25px;
	}	
	.map .contact .inside_contact{
		margin-top: 40px;
	}
	.slider_block .bx-controls {
		margin-top: 20px;
		position: relative;
		top: 0;
		text-align: center;
	}
	.slider_block .bx-controls a{
		float: none !important;
		display: inline-block;
	}
	.slider_block .bx-controls a.bx-prev{
		margin-left: 0;
	}
	.slider_block .bx-controls a.bx-next {
		margin-right: 0;
		margin-left: 20px;
	}	
	.documents {
		padding-bottom: 20px;
		height: auto;
		background-size: cover;
	}
	.garant .video .title_video {
		font: 900 15px/48px Raleway;
	}	
	.header_form .sub input {
		font: 900 18px Raleway;
		width: 100%;
	}
	.form_in .form_vn,
	.popup-message .form_vn{
		padding: 43px 20px 50px;
	}

	.reviews {
		background-size: cover;
		height: auto;
		padding-bottom: 20px;
	}
}

@media (max-width: 400px){
	.block_inside, .service .block_inside {
	    max-width: 400px;	
    }
	img{
		max-width: 100%;		
	}
	.project .row .info .button *{
		font: bold 14px/45px Raleway;
	}
	.header_form .title_form {
		font: 900 22px Raleway;
	}
	.header_form .description {
		font: 300 17px/39px Raleway;
	}
	
}