

/* Start:/bitrix/templates/repair_default_copy/styles.css?1697361494670*/
/* Стили для визуального редактора*/

.full-image {width: 100%;}
.image40left {width: 40%; float: left; margin-right: 15px;}
.image40right {width: 40%; float: right; margin-left: 15px;}
.type_text {line-height: 1.5; color: #4A4A4A; font-weight: 400; }
.font400 {font-weight: 400; line-height: 1.5; color: #4A4A4A;}
.font500 {font-weight: 500; line-height: 1.5; color: #4A4A4A;}
.font700 {font-weight: 700; line-height: 1.5; color: #4A4A4A;} 
.mini_title {font-size: 16px; font-weight: 300; padding-left: 10px;}
.forchange {font-weight: 400; line-height: 1.5; color: #4A4A4A;}
.page_wrap p {font-weight: 400; line-height: 1.5; color: #4A4A4A;}
/* End */


/* Start:/bitrix/templates/repair_default_copy/template_styles.css?169736149454749*/
*{margin: 0; padding: 0; font-family: 'Ubuntu', sans-serif;}
ol,ul{list-style-position:inside;}
h1,h2,h3,h4,h5,h6 {font-weight: 400;}
a {color: #000; text-decoration: none;}
img {border: none;}
#wrap {min-height: 100%;}
.redcode{color: #677f89;}
.redcode:hover{text-decoration:underline;}
.clear {clear:both;}
html{height: 100% !important;}
body{position: relative;}


header {position: relative; z-index: 4;}
	.header_top{padding: 6px 30px 6px 30px; max-width: 1000px; margin: auto; text-align: center;}
		.logo {width: 190px; float: left;}
		.logo img {max-width: 100%; max-height: 100px;}
		.topadress {
			font-size: 16px;
			font-weight: 400; 
			margin: 31px auto 14px auto;
			background: url('/bitrix/templates/repair_default_copy/img/marker.png') no-repeat;
			background-size: 18px;
			padding: 2px 0 0 35px;
			color: #6E6E6E;
			display: inline-block;
			text-align: left;
			}
			.adress_bd {font-weight:700; color: #2B2A29;}
		.topphone {
			font-size: 16px;
			font-weight: 400; 
			float: right;
			margin: 31px auto 14px auto;
			background: url('/bitrix/templates/repair_default_copy/img/phone.png') no-repeat;
			background-size: 28px;
			padding: 2px 0 0 45px;
			color: #6E6E6E;
			text-align: left;
			}
			.phone_bd {font-weight:700; color: #2B2A29;}

			.menu_hidden {position: relative; color: #000; z-index: 2;  display: none; width: 82%; height: 24px; margin: auto; font-size: 20px; font-weight: 500; padding: 17px 5%; cursor: pointer; background: #f2f2f2;}
				.menu_hidden img {float: left; width: 25px; margin-right: 15px;}
				.menu_hidden .menu_item a {color: #000;}
			.menu_hidden_full {position: absolute; left: 0; top: 58px; z-index: 2; color: #000; display: none; background: #f2f2f2; width: 100%; padding: 0 0; margin: auto;}	
				.menu_hidden_full a {color: #fff; font-weight: 500; text-decoration: none;}

			nav {width: 100%; position: relative; margin-bottom: -25px;}
				.nav_inside {
					margin: auto;
					max-width: 1100px;
					background: #f2f2f2;
border: 1px solid #cbcbcb;
					text-align: center;
					position: relative;
				}
				.nav_ins_bord {
					position: absolute;
					bottom: -5px;
					width: 82%;
					left: 50%;
					margin-left: -41%;
					border-bottom: 5px solid #ff2929;
				}
				.nav_ins_bord1 {
					position: absolute;
					bottom: -5px;
					width: 80%;
					left: 50%;
					margin-left: -40%;
					border-bottom: 5px solid #ff2929;
				}
				.menu_item, .menu_item_selected {display: inline-block;}
				.menu_item a, .menu_item_selected a {
					display: block;
					text-transform: uppercase;
					padding: 21px 25px 21px 25px;
					font-size: 15px;
					font-weight: 700;
					color: #000;
					transition: background 0.2s ease;
					-moz-transition: background 0.2s ease;
					-ms-transition: background 0.2s ease;
					-o-transition: background 0.2s ease;
				}
				.lp_href {cursor: pointer;}
				.lp_href span {
					display: block;
					text-transform: uppercase;
					padding: 21px 30px 21px 33px;
					font-size: 15px;
					font-weight: 700;
					color: #fff;
					transition: background 0.2s ease;
					-moz-transition: background 0.2s ease;
					-ms-transition: background 0.2s ease;
					-o-transition: background 0.2s ease;
				}
				.lp_href span:hover {background: #cbcbcb;}
				.menu_item_selected a {background: #cbcbcb;}
				.menu_item_selected a span {
					background: url('/bitrix/templates/repair_default_copy/img/y_circle.png') no-repeat;
					background-size: 8px;
					background-position: 0 50%;
					padding: 0 0 0 14px;
				}
				.menu_item a:hover, .menu_item_selected a:hover {background: #cbcbcb;}
				.menu_dop_but {
					display: inline-block;
					height: 59px;
					width: 80px;
					background: url('/bitrix/templates/repair_default_copy/img/menu_dop_arrow.png') no-repeat;
					background-size: 24px;
					background-position: 50% 47%;
					position: relative;
					vertical-align: bottom;
				}
				.menu_dop_but:hover {
					background: #f2f2f2 url('/bitrix/templates/repair_default_copy/img/menu_dop_arrow.png') no-repeat;
					background-size: 24px;
					background-position: 50% 47%;
					cursor: pointer;
				}
				.menu_dop_but:hover .menu_dop {display: block;}
				.menu_dop  {
					position: absolute;
					top: 59px;
					right: 0;
					width: 200px;
					background: #f2f2f2;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #cbcbcb;
					display: none;
					padding: 10px 0;
				}
				.menu_dop_item_selected a, .menu_dop_item a {
					display: block;
					text-transform: uppercase;
					padding: 14px 0 14px 28px;
					font-size: 13px;
					font-weight: 700;
					cursor: pointer;
					color: #000;
					text-align: left;
					transition: background 0.2s ease;
					-moz-transition: background 0.2s ease;
					-ms-transition: background 0.2s ease;
					-o-transition: background 0.2s ease;
				}
				.menu_dop_item_selected a {
					background: url('/bitrix/templates/repair_default_copy/img/y_circle.png') no-repeat;
					background-size: 6px;
					background-position: 16px 50%;
				}
				.menu_dop_item_selected a:hover {
					background: #cbcbcb url('/bitrix/templates/repair_default_copy/img/y_circle.png') no-repeat;
					background-size: 6px;
					background-position: 16px 50%;
				}
				.menu_dop_item a:hover {background: #cbcbcb;}
				
				

/* breadcrumbs */
.breadwrap { }
	.breadwrap1 {max-width: 1000px;  margin: 0 auto;}
		.bx-breadcrumb {margin:0 ;padding: 12px 0 2px 0; }
		.bx-breadcrumb i {color: #4A4A4A; font-size: 9px; margin-right: 5px;}
		.bx-breadcrumb .bx-breadcrumb-item {
			float: left;
			margin-bottom: 10px;
			color: #4A4A4A;
			margin-right: 10px;
		}
		.bx-breadcrumb .bx-breadcrumb-item span {font-family: 'Ubuntu', sans-serif; font-size: 13px;}
		.bx-breadcrumb .bx-breadcrumb-item a {display:inline-block; border-bottom: none; text-decoration: none; color: #4A4A4A; font-weight: 700;}
		.bx-breadcrumb .bx-breadcrumb-item a:hover {text-decoration:underline;}


/* Слайдеры */
.slider_back {position: relative; z-index: 1;}
	.slide{
		height: 500px;
		background-size: cover;
		background-position: center;
		position: relative;
		overflow: hidden;
	}
	.logos_wrap .slide {height: auto;}
		#order_ar {
			position: absolute;
			bottom: -25px;
			right: 0;
			width: 270px;
			background: url('/bitrix/templates/repair_default_copy/img/cbarrow.png') no-repeat;
			background-size: contain;
			text-transform: uppercase;
			padding: 17px 0 15px 60px;
			font-weight: 700;
			font-size: 15px;
			color: #fff;
			z-index: 1;
			cursor: pointer;
		}
		.slider_inside {
			position: absolute;
			left: 50%;
			width: 900px;
			top: 0;
			height: 100%;
			margin-left: -450px;
			padding-top: 50px;
		}
		.slider_for_arrow {
			position: absolute;
			width: 930px;
			left: 50%;
			margin-left: -490px;
			top:0;
			height: 100%;
		}
		.slide_text {
			font-size: 18px;
			font-weight: 100;
			color: #EAEAEA;
			float: left;
			padding-top: 70px;
		}
		.sl_text_bold {
			font-weight: 700;
			font-size: 32px;
			padding-bottom: 12px;
			color: #fff;
		}
		.detail_slide {padding-top: 20px;}
		.detail_slide a {
			color: #000;
			font-size: 16px;
			font-weight: 500;
			display: inline-block;
			text-decoration: none;
			padding: 7px 15px;
			border: 2px solid #fff;
			background: #fff;
			border-radius: 2px;
		}
		.stat_form {
			float: right;
			width: 264px;
			height: 340px;
			border: 4px solid #fff;
			border-radius: 10px;
		}
		.stf_title {
			color: #fff;
			text-align: center;
			padding-top: 15px;
			font-size: 18px;
			font-weight: 400;
		}
		
		
/* Тезисы под слайдером*/
.about {
	padding: 70px 0 10px 0;
	max-width: 1080px;
	margin: 0 auto;
	text-align: center;
}
	.about_item {
		width: 21%;
		height: 210px;
		border: 2px solid #D5D5D5;
		display: inline-block;
		margin: 0 1.5% 0 1.5%;
		transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		position: relative;
		vertical-align: top;
	}
	.about_item:hover {border: 2px solid #94938A;}
	.about_item:hover .about_pic {top: 0;}
	.about_item:hover .about_text {top: 20%; opacity: 0;}
	.about_item:hover .about_det_text {opacity: 1;}
		.about_pic {
			width: 100px;
			height: 100px;
			position: absolute;
			left: 50%;
			top: 42%;
			margin-left: -50px;
			margin-top: -50px;
			background: #fff;
			transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			border-radius: 50px;
		}
		.about_pic img {width: 80%; display: block; margin:9px auto;}
		.about_text {
			text-transform: uppercase;
			position: absolute;
			font-size: 13px;
			width: 100%;
			text-align: center;
			top: 66%;
			left: 0;
			color: #4A4A4A;
			transition:all 0.4s ease;
			-moz-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			font-weight: 700;
		}
		.about_det_text {
			padding: 50px 18px 0 18px;
			opacity: 0;
			transition:all 0.4s ease;
			-moz-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			font-weight: 500;
			font-size: 14px;
			color: #4A4A4A;
		}


/* ОТЗЫВЫ */
.revcont{ padding: 20px 1.4% 20px 1.4%; font-weight: 300;}
	.revcent{max-width: 1050px; margin: 0 auto; overflow:hidden; text-align: center;}
	.rev_count {display: none;}
	.rev_det_count {display: none;}
			.revtitle h2 {font-size: 20px; text-transform: uppercase; color: #242424; font-weight: 700; margin:0 0 30px 0;}
			.review{ position: relative; line-height: 1.3; display: inline-block; width: 40%; margin: 0 2% 30px 6%; vertical-align: top; border: 1px solid #D5D5D5;}
				.rev_img {position: absolute; top: 20px; left: 0; margin-left: -56px;  width: 100px; border: 6px solid #fff;}
				.review img{ display:block; width: 100%;}
				.review p {font-size: 14px; color: #6E6E6E; font-weight: 400; vertical-align: top;display: block; padding: 20px 30px 20px 70px; text-align: left;}
				.recallname {color: #4A4A4A; padding:10px 0 0 0; margin: 12px 0 0 0; border-top: 1px solid #DEDDCF; display: block; font-style: normal; text-align: center; font-weight: 700; font-size: 16px; margin-bottom: 12px; text-align: left;}
				.recalldate { font-size: 14px; font-style: normal;  display: block; padding-top: 15px;}
				.rev_show {
					display: inline-block;
					background: #ff2929;
					padding: 14px 18px;
					font-size: 13px;
					font-weight: 700;
					border-radius: 2px;
					color: #fff;
					text-transform: uppercase;
					cursor: pointer;
					transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
				}



/* БРЕНДЫ АВТО */
.logos_wrap {max-width: 1050px; margin: auto; padding: 20px 0 15px 0;}
.logos_slider img {
	transition: all 0.2s ease;
	opacity: 0.4;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.logos_slider img:hover {
	opacity: 1;
	-webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

/* Проекты */
.projects-wrap{max-width: 1000px; margin: 27px auto 40px auto;}
	.projects-left{float: left; width: 23.4%;margin-top: 32px; border: 1px solid #D5D5D5; }
	.projects-right{float: right; width: 72%;}
	.bx_catalog_text_ul{list-style: none;}
	.bx_catalog_text_ul li{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #F2F2F2;

	}
	.bx_catalog_text_ul li:hover {background: #E4E4E4; }
	.bx_catalog_text_title{color: #4A4A4A; font-size: 13px; margin: 0; padding: 12px 18px;}
	.bx_catalog_text_title a{color: #4A4A4A; text-decoration: none; font-weight: 700;}
	.bx_catalog_text_title a:hover {text-decoration: none;}
	.proj-det-wrap {padding-bottom: 20px;}

 
/* Проекты секция */
.proj-all-title h2 { padding: 0 0 5px 0;
	margin: 0 1% 15px 1%;
    border-bottom: 3px solid #2B2A29;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    color: #2B2A29;}
.bx_sitemap_title {padding: 0 0 5px 0;
	margin: 0 1% 15px 1%;
    border-bottom: 3px solid #2B2A29;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    color: #2B2A29;}
.bx_sitemap_title a {color: #2B2A29; text-decoration: none;}
.proj-index {padding-bottom: 30px;}
.proj-index-title h2 {text-align: center; font-size: 26px; font-weight: 400; padding:0 15px 20px 15px;}
.proj-all{overflow: hidden;}
.ccontprojall {max-width: 1000px; margin: 0 auto;}
.proj-one {display: inline-block; vertical-align: top; float: left; width: 33.3%; transition: background 0.15s ease, color 0.15s ease; margin:0 0 30px 0;}
	.proj-title a{color:#2B2A29; text-decoration:none; font-weight: 700;}
	.proj-one a{position: relative; display:inline-block;}
	.proj-two a:hover .proj-two-b{width:100%;}
	.proj-two a:hover .proj-lup{display:block;}
.proj-two-img {width: 100%; display:block;}
.proj-two-img-index{width: 100%;  display:block;}
.proj-lup {position: absolute; left: 38%; top: 38%; width: 20%; display: none;}
.proj-two-b {
position: absolute; right: 0; top: 0; height:100%; width: 0; background: rgba(0,0,0,.600);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.proj-title {text-align: center; padding:5px 0 0 0; font-size: 15px; font-weight: 500;}
.proj-onep {width: 93%; margin: 0 auto; }
.proj-price {position: absolute; right: 15px; bottom: 25px; color: #fff; background: rgba(123, 0, 0, .777); padding: 3px 7px;  border-radius: 3px; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg);}
.proj-price1 {-webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); transform: skew(20deg); font-weight: 500;}


.proj-det-text {line-height: 1.5; font-size: 15px; color: #4A4A4A;}
.proj-det-title {margin-bottom: 10px;}
.proj-det-title h2 {    padding: 0 0 5px 0;
    border-bottom: 3px solid #2B2A29;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 15px;
    color: #2B2A29;}
.proj-det-img {width: 100%;  margin-bottom: 10px;}
.proj-krat-wrap { padding: 10px 0;background: #F9F9F9; border: 1px solid #D5D5D5; margin-bottom: 20px;  color: #2B2A29;}
.proj-krat { padding: 10px 15px; font-size: 14px;}
.proj-krat-dark { padding: 10px 15px; font-size: 14px;}
.proj-krat-bold {font-weight: 700;}
.proj-gal-img {width: 33%; float: left; height: 120px; overflow: hidden;}
.proj-gal-img img {width: 97%; margin: 0 auto; }
.proj-gallery {margin-bottom: 35px; margin-top: 15px; padding:0 10px 15px 10px; background: #F9F9F9; border: 1px solid #D5D5D5;}
.proj-det-op {font-size: 24px; font-weight: 500; margin: 15px 0 20px 0;}

.proj-det-one {height: 90px; overflow: hidden; float: left; width: 25%; padding-top: 15px;   transition: background 0.15s ease, color 0.15s ease;}
.proj-det-two {position: relative; overflow: hidden;}
	.proj-det-one a{position: relative; display:inline-block;}
	.proj-det-two a:hover .proj-det-two-b{width:100%;}
	.proj-det-two a:hover .proj-det-lup{display:block;}
.proj-det-two-img { width: 130%; display:block; margin-left: -15%;}
.proj-det-lup {position: absolute; left: 20px; top: 20px; width: 30px; display: none;}
.proj-det-two-b {
position: absolute; right: 0; top: 0; height:100%; width: 0; background: rgba(0,0,0,.666);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.proj-det-onep {width: 93%; margin: 0 auto; }

@media all and (max-width: 1040px) {
	.projects-left {float: none; width: auto;}
	.projects-wrap {padding: 0 4%;}
	.projects-right {float: none; width:100%; margin-top: 20px;}
	.proj-det-one {width: 50%; height: 150px;}
}
@media all and (max-width: 940px) {
	.projects-wrap {margin-top: 15px;}
}
@media all and (max-width: 820px) {
	.proj-one {width: 50%; margin:0 0 20px 0;}
	.project-index div.proj-onep {width: 87%;}
}
@media all and (max-width: 715px) {
	.proj-det-one {height: 120px;}
}
@media all and (max-width: 550px) {
	.proj-det-one {height: 90px;}
}
@media all and (max-width: 430px) {
	.proj-det-two-img { width: 100%; margin-left: 0;}
	.proj-one {width: 100%;}
	.proj-index .proj-onep {width: 87%;}
}
@media all and (max-width: 400px) {
	.proj-det-one {width: 100%; height: auto;}
	.proj-det-lup {top: 50%; left: 38%; width: 20%; margin-top: -8%;}
}


/* УСЛУГИ Главная */
.services {
	max-width: 1070px;
	margin: auto;
	padding-top: 30px;
	text-align: center;
}
	.serv_title h2 {font-size: 20px; text-transform: uppercase; color: #242424; font-weight: 700; margin:0 0 30px 0;}
	.serv_item {
		width: 26%;
		display: inline-block;
		margin:0 3% 45px 3%;
		border-radius: 3px;
		position: relative;
		height: 150px;
		cursor: pointer;
	}
	.serv_item:hover .si_text {opacity: 1;}
	.serv_item:hover .si_white_in {width: 100%;}
	.serv_item:hover .si_back {
		-webkit-filter: grayscale(90%) ;
		-moz-filter: grayscale(90%);
		-ms-filter: grayscale(90%);
		-o-filter: grayscale(90%);
		filter: grayscale(90%);
	}
	.serv_item:hover .si_dark {background: rgba(0,0,0, .700);}
	.serv_item:hover .si_dark img{right: 10%;}
	.si_preback {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		display:block;
	}
	.si_dark {
		display:block;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: background 0.2s ease;
		-moz-transition: background 0.2s ease;
		-ms-transition: background 0.2s ease;
		-o-transition: background 0.2s ease;
	}
	.si_dark img {
		position: absolute;
		width: 40px;
		height: 40px;
		top: 20%;
		right: -100px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
	}
	.si_back {
		display:block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: filter 0.2s ease;
		-moz-transition: filter 0.2s ease;
		-ms-transition: filter 0.2s ease;
		-o-transition: filter 0.2s ease;
	}
	.si_img {
		width: 60px;
		height: 60px;
		border-radius: 100px;
		background: #ff2929;
		position: absolute;
		left: 0;
		top: 50%;
		margin-left: -34px;
		margin-top: -34px;
		border: 4px solid #fff;
		transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		opacity: 0;
	}
	.sit_bord {
		border-top: 4px solid #323130;
		position: absolute;
		width: 80%;
		right: 0;
		top: -4px;
		display:block;
	}
	.si_img img {width: 100%; display: block;}
	.si_title {
		text-transform: uppercase;
		position: absolute;
		bottom: 10%;
		right: -7px;
		padding: 8px 10px;
		margin-top: -8px;
		transition: all 0.3s ease;
		-moz-transition: aall 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		text-align: left;
		background: #ff2929;
		font-weight: 700;
		color: #323130;
		display:block;
	}
	.si_title h4 {font-size: 13px; text-transform: uppercase; font-weight: 700; color: white}
	.si_text {
		font-size: 14px;
		font-weight: 300;

		text-align: left;
		text-transform: none;
		padding-right: 20px;
		padding-top: 12px;
		transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		opacity: 0;
	}
	.si_white {position: relative;}
	.si_white_in {border-bottom: 1px solid #ff2929; position: absolute; top:0; left:0; width: 0; height: 100%; 
		transition: all 1.2s ease; 
		-moz-transition: all 1.2s ease; 
		-ms-transition: all 1.2s ease; 
		-o-transition: all 1.2s ease; }


/* УСЛУГИ детально + изменение стиля*/
.left_services .art_img img {bottom: 6% !important; }
.left_services .art_img:hover .book {width: 15% !important;}
.left_services .article {border-bottom: 1px solid #E7E7E7; margin-bottom: 20px;}
.left_services .articles {padding-top: 15px;}
.left_call_wrap {
	float: left;
	width: 23.4%;
	margin-top: 44px;
	
}
.left_call {
	padding: 20px 0; 
	border: 1px solid #D5D5D5;
    background: #55AB64;
    border-radius: 15px;
}
.left_call_but {
	margin-left: 20px;
	margin-right: 20px;
	background: #FEFD09 url('/bitrix/templates/repair_default_copy/img/cb-img.png') no-repeat;
	/*border: 1px solid #E0E0E0;*/
	background-position: 10px 50%;
	background-size: 18px;
	padding: 13px 0 13px 36px;
	font-size: 13px;
	font-weight: 700;
	color: #4A4A4A;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
/*.left_call_but:hover {
	background: #E1E1E1 url('/bitrix/templates/repair_default_copy/img/cb-img.png') no-repeat;
	background-position: 10px 50%;
	background-size: 18px;
	border: 1px solid #D3D3D3;
}*/
.left_call_text {
	padding: 20px 20px 0px 20px;
	color: #000;
	font-size: 13px;
	line-height: 1.4;
}
.topWindow {
    position: fixed;
    top: 10px;
    z-index:0; /* Чтобы приклеенный элемент располагался над всеми остальными элементами страницы */
    }
	.topWindowPlaceholder{
		display: none;
	}

/* КОНТАКТЫ */
.premap {position: relative;}
	.map_inside {
		position: absolute;
		top: 85px;
		padding: 20px 30px;
		z-index: 3;
		width: 240px;
		height: 290px;
		left: 120px;
		border-radius: 2px;
border: 1px solid #cbcbcb;

		background: #fff;
	}
		.contacts_title {
			color: #000;
			font-size: 26px;
			font-weight: 500;
			text-align: center;
			padding-bottom: 15px;
		}
		.cont_adress, .cont_phone, .cont_mail {
			padding-left: 37px;
			margin: 22px 0;
			color: #000;
			font-weight: 300;
			font-size: 16px;
		}
		.cont_adress {
			background: url('/bitrix/templates/repair_default_copy/img/contad.png') no-repeat;
			background-size: 20px;
		}
		.cont_phone {
			background: url('/bitrix/templates/repair_default_copy/img/contphone.png') no-repeat;
			background-size: 20px;
		}
		.cont_mail {
			background: url('/bitrix/templates/repair_default_copy/img/contmail.png') no-repeat;
			background-size: 20px;
		}
		.cb_but {
			/*background: #ff2929;
			color: #FFFFFF;
			padding: 9px 10px;
			width: 70%;
			margin: 40px auto 0 auto;
			border-radius: 2px;
			text-align: center;
			font-weight: 500;*/
			cursor: pointer;
		}
		.cb_true {
			width: 250px;
			background: #fff;
			text-align: center;
			padding: 20px;
			font-size: 20px;
			font-weight: 500;
			top: -10%;
			left: 50%;
			margin-top: -60px;
			margin-left: -148px;
			position: fixed;
			display:none;
			transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			border: 3px solid #2B2A29;
			z-index: 10;
		}
#map{width:100%; height:500px;}


/* СТАТЬИ */
.art_wrap {max-width: 1000px; margin: 15px auto 0 auto;}
.left_articles {width: 72%; float: right;}
.sect_title h2 {
	padding: 12px 0 5px 0;
	border-bottom: 3px solid #2B2A29;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
	color: #2B2A29;
}
.sect_title span {
	font-size: 16px;
	 font-weight: 300;
	 padding-left: 10px;
}
.articles {
	padding: 15px 0 15px 0;
	padding-bottom: 50px;
}
.article {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 3px solid #E7E7E7;
	position: relative;
	cursor: pointer;
}
	.article_text:hover .article_name{text-decoration:underline;}
.art_date {
	position: absolute;
	left: 38%;
	bottom: 0;
	background: #E7E7E7 url('/bitrix/templates/repair_default_copy/img/news_cal.png') no-repeat;
	background-size: 17px;
	background-position: 5% 60%;
	font-size: 13px;
	padding: 5px 8px 5px 30px;
	font-weight: 700;
	color: #4A4A4A;
}
.article_name {
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 12px;
	color: #4A4A4A;
}
.article_text {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	color: #6E6E6E;
}
.art_img {
	display: inline-block;
	width: 33%;
	margin-right: 5%;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
.art_img span {
	position: absolute;
	right: 150%;
	bottom: 9%;
	font-weight: 700;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: right;
}
.art_img:hover .art_img_black {right: -63%; bottom: -82%}
.art_img:hover  span {right: 26%;}
.art_img_black {
	position: absolute;
	right: -155%;
	bottom: -215%;
	background: rgba(0,0,0,.600);
	width: 200%;
	height: 240%;
	transform: rotate(45deg);
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.book {
	position: absolute;
	right: 2%;
	bottom: 2%;
	width: 11% !important;
}
.art_img:hover .book {width: 18%!important;}
.art_img img {width: 100%; display: block;}
.article_text {
	display: inline-block;
	width: 58%;
	vertical-align: top;
}
.art_det_left {
	width: 72%;
	float: right;
	padding-bottom:40px;
}
.back_main { 
background: #2B2A29 url('/bitrix/templates/repair_default_copy/img/serv-back.png') no-repeat; background-position: 10px 50%; background-size: 20px;
display: inline-block; text-decoration:none; font-weight: 500; padding: 12px 15px 12px 35px; font-size: 14px; color: #fff;  margin-top: 5px; border-radius: 2px;
}
.art_det_title  {position: relative;}
.art_det_title span {
	position: absolute;
	right: 0;
	bottom: 0;
}
.art_det_title h2 {
	padding: 12px 0 5px 0;
	border-bottom: 3px solid #2B2A29;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
	text-align: left;
	margin-bottom: 15px;
	color: #2B2A29;
}
.art_det_img {
	display: block;
	width: 100%;
	max-width: auto;
	margin: 0 auto;
}
.soc_share {
	margin-top: -40px;
	margin-left: 15px;
	margin-bottom: 15px;
	height: 24px;
}
.art_det_text {
	line-height: 1.5;
	color: #4A4A4A;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 15px;
	margin:0 0 25px 0;
}
.art_det_text h3{font-size:20px;}
.art_det_text li{padding:0 0 10px 0;}


/* СТАТЬИ СПРАВА */
.r_art {
	padding:15px 12px;
	color: #4A4A4A;
	display:block;
}
	.r_art:hover {background: #F2F2F2;}
.r_art img {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	margin-right: 5%;
}
.r_art_noimg {
	display: inline-block;
	width: 63%;
	vertical-align: top;
}
.r_art_date {
	font-weight: 700;
	font-size: 14px;
	background-size: contain;
	display:block;
}
.r_art_text {
	font-size: 13px;
	padding: 9px 0 0 0;
	line-height: 1.3;
	font-weight: 400;
	color: #6E6E6E;
	display:block;
}
.r_art_link {
	text-align: right;
	font-size: 13px;
	text-transform: uppercase;
	background: url('/bitrix/templates/repair_default_copy/img/blacklink.png') no-repeat;
	background-position: 100% 50%;
	background-size: contain;
	padding-right: 23px;
	margin: 12px 12px 12px 0;
	font-weight: 700;
}
	.r_art_link a { color: #4A4A4A;}
	.r_art_link a:hover {text-decoration: underline;}
.right_arts {
	float: right;
	width: 28.4%;
	border-top: 3px solid #2B2A29;
}
.arts_bord {border: 1px solid #D5D5D5; border-top: none; }
.right_arts h2 {
	padding: 14px 12px;
	background: #F2F2F2;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #2B2A29;
}



/* НОВОСТИ */
.news_wrap {
	max-width: 1000px;
	margin: 15px auto 0 auto;
}
.left_news {width: 72%; float: right;}


/* НОВОСТИ И СТАТЬИ НА ГЛАВНОЙ */
.news_articles {max-width: 970px; margin: 30px auto 20px auto;}
.index_art {float: left; width: 70%;}
.index_art h2 {
	font-size: 20px;
	font-weight: 700;
	padding: 0 12px 12px 12px;
	text-transform: uppercase;
	display: inline-block;
	color: #242424;
}
.i_art {
	width: 42%;
	display: inline-block;
	padding: 3.7% 3% 3.7% 2%;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.3;
	cursor: pointer;
	vertical-align: top;
	border-bottom: 2px solid #E7E7E7;
	margin-right: 2%;
	color: #4A4A4A;
}
.i_art:hover {background: #F2F2F2;}
.i_art img {
	width: 37%;
	display: inline-block;
	margin-right: 4%;
	vertical-align: top;
}
.i_art_text {
	display: inline-block;
	width: 57%;
	vertical-align: top;
	color: #6E6E6E;
	font-weight: 400;
	font-size: 13px;
}
.i_art_name {
	font-weight: 700;
	padding-bottom: 7px;
	display: block;
	color: #4A4A4A;
	font-size: 14px;
}
.i_art_title a {
	text-transform: uppercase;
	font-size: 13px;
	background: url('/bitrix/templates/repair_default_copy/img/blacklink.png') no-repeat;
	background-position: 100% 50%;
	background-size: contain;
	padding-right: 23px;
	color: #4A4A4A;
	font-weight: 700;
}
.i_art_title a:hover {text-decoration: underline;}
.index_news {
	display: none;
	float: left;
	width: 23.4%;
	border-top: 1px solid #D5D5D5;
	background: #fff;
	margin-top: 30px;
	margin-bottom: 60px;
}
.index_news h2 {
	padding: 14px;
	background: #F2F2F2;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	color: #4A4A4A;
}
.news_bord {border: 1px solid #D5D5D5; border-top: none;}
.i_new {padding: 12px; display:block;}
	.i_new:hover{background: #F2F2F2;}
.i_news_date {
	font-weight: 700;
	font-size: 15px;
	background: url('/bitrix/templates/repair_default_copy/img/news_cal.png') no-repeat;
	background-size: contain;
	padding: 0 0 0 28px;
	color: #4A4A4A;
	display:block;
}
.i_new_text {
	font-size: 13px;
	padding: 7px 0 0 28px;
	color: #6E6E6E;
	line-height: 1.3;
	font-weight: 400;
	display:block;
}
.i_news_link {
	text-align: right;
	font-size: 13px;
	text-transform: uppercase;
	background: url('/bitrix/templates/repair_default_copy/img/blacklink.png') no-repeat;
	background-position: 100% 50%;
	background-size: contain;
	padding-right: 23px;
	font-weight: 700;
	margin: 12px 12px 12px 0;
	color: #4A4A4A;
}
	.i_news_link a {color: #4A4A4A;}
	.i_news_link a:hover {text-decoration: underline; color: #4A4A4A;}

	

/* ПРАЙС-ЛИСТ*/	
.left_price {
	width: 60%;
	background: #2B2A29;
	position: fixed;
	display: none;
	left: -61%;
	top:0;
	height:100%;
	padding-top: 30px;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, .777);
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	z-index: 10;
	overflow-y: scroll;
	text-align:center;
}
.jspScrollable {outline: none;}
.jspScrollable:focus {outline: none;}
	.left_price h2 {margin:10px auto 5px auto; padding: 0 0 10px 0; width: 90%; font-weight: 500; color:#fff; text-align: left;  font-size: 22px; border-bottom: 5px solid #ff2929;}
	.left_price table{
		width:90%;
		text-align: left;
		border-collapse: collapse;
		/*border: 1px solid #e1e1e1;*/
		margin:0 auto 60px auto;
		background:#2B2A29;
		font-weight: 300;
		font-size: 14px;
	}
		.left_price table thead th{
			color: #fff;
			text-transform: uppercase;
			font-size: 14px;
			/*border-bottom: 2px solid #c1c1c1;
			border-right: 1px solid #e1e1e1;*/
			padding: 12px;
			font-weight: 500 !important;
		}
		.left_price table thead .th_long{width:40%;}
		.left_price table thead .th_small{width:15%;}
		.td_hidden input{outline: none; background: #21201F; border: none; color: #fff; width: 94%; padding-left: 6%; line-height: 1.8;}
	.left_price table tbody tr:nth-child(even) td{background: #3B3A38;}
	.left_price table td{color: #D0D0D0; /*border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;*/ padding: 12px;}
	#cross2 {background: url('/bitrix/templates/repair_default_copy/img/cross2.png') no-repeat; background-size: contain; width: 30px; height: 30px;
		position: absolute; top: 15px; right: 15px; cursor: pointer; 
		transition: all 0.5s ease; 
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	#cross2:hover {transform: rotate(90deg);}


.allsummd {overflow:hidden; font-weight:500; margin: auto; margin-bottom: 40px; width: 90%; font-size: 20px; color: #fff; text-align: left; border-top: 5px solid #ff2929; padding-top: 15px;}
#allsumm{padding-left: 10px; color: #fff; text-align: left;}
.allnumbers {display: none !important;}
.sale_sp_but {float:right; display: inline-block; padding: 12px 21px; text-transform: uppercase; font-size: 13px; font-weight: 700; margin-top: -7px; background: #ff2929; color: #000; cursor: pointer; position: relative; }
	



/* Шаблон новой страницы */
.page_wrap {
	max-width: 1000px;
    margin:15px auto 60px auto;
	color: #4A4A4A;
}
.left_page_wrap {
	width: 72%;
    float: right;
	min-height: 450px;
}
.page_title h2 {
	padding: 12px 0 5px 0;
    border-bottom: 3px solid #2B2A29;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 15px;
    color: #2B2A29;
}
@media (max-width: 1050px){
	.left_page_wrap{width:100%; float:none;}
}
@media (max-width: 1040px){
	.page_wrap {padding: 0 4%;}
}
@media all and (max-width: 520px) {
	.image40left, .image40right {width: 100%; float: none; margin: 0;}
}
	


/* ЗАПИСЬ НА РЕМОНТ*/
.right_ord {
width: 40%;
display: none;
background: #2B2A29;
position: fixed;
right: -41%;
top:0;
height:100%;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, .777);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index: 10;
overflow-y: auto;
text-align:center;
}
.ro_wrap {
	width: 500px;
	margin: auto;
}
.right_ord h2 {margin:80px 0 15px 0; font-weight: 500; color:#fff; padding-bottom: 20px;}
#cross3 {background: url('/bitrix/templates/repair_default_copy/img/cross2.png') no-repeat; background-size: contain; width: 30px; height: 30px;
position: absolute; top: 15px; right: 15px; cursor: pointer; 
transition: all 0.5s ease; 
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#cross3:hover {transform: rotate(90deg);}
.ord_red {border-bottom: 3px solid rgba(178,0,0, .600) !important;}
.ord_red:focus {border-bottom: 3px solid rgba(178,0,0, .999) !important;}
.ord_top {
	outline: none;
	border: none; 
	border-bottom: 3px solid rgba(245,202,0, .400);
	padding: 2.5%;
	color: #fff;
	background: #21201F;
	margin: 22px 10px 0 10px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	width: 34%;
	font-size: 15px;
}
.ord_top:focus {border-bottom: 3px solid rgba(245,202,0, .999); background: #121211;}
.od_wrap {position: relative;}
.date_img {
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
	width: 20px;
	height: 20px;
	background: url('/bitrix/templates/repair_default_copy/img/dates.png') no-repeat;
	background-size: contain;
	opacity: 0.4;
	cursor: pointer;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.date_img:hover {opacity: 1;}
.auto_ch {
	outline: none;
	border: none; 
	margin: 32px 10px 0 10px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	display: inline-block;
	width: 39%;
	text-align: left;
	color: #A39F9B;
	background:#21201F;
	position: relative;
}
.right_ord textarea {
	width: 79%;
	height: 90px;
	background: #21201F;
	outline: none;
	border: none;
	margin-top: 10px;
	padding: 10px;
	color: #fff;
	resize:none;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	}
.right_ord textarea:focus {background: #121211;}
.types_jobs_text {padding: 50px 6% 0 6%; color: #A39F9B;}
.ord_sub {
	display: inline-block;
	padding: 12px 25px;
	background: #ff2929;
	margin-top: 40px;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
}
.garant {
	padding-top: 20px;
	padding-bottom: 50px;
	color: #888581;
	font-size: 14px;
}



/* ЗАЯВКА НА ОБРАТНЫЙ ЗВОНОК*/
.cb_form {
	position: fixed;
	width: 300px;
	height: 380px;
	top: 50%;
	left: 50%;
	padding: 25px;
	margin-left: -175px;
	margin-top: -224px;
	background: #fff;
	z-index: 11;
	display: none;
}
.cb_title {font-size: 20px; text-align: center; padding: 15px 0 5px 0;}
.cbinname {font-size: 16px; padding: 22px 10px 10px 10px; width: 87%; margin: 0 auto;}
.cbinput {
	display: block;
	width: 95%;
	margin: 0 auto;
	outline: none;
	border: 1px solid #D7D7D7;
	padding: 13px 20px;
	color: #000;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	background: #F4F4F4;
	box-sizing: border-box;
}
.cbsub {
	color: #fff; 
	font-weight: 500;
	padding: 12px 0;
	background: #2B2A29;
	font-size: 15px;
	cursor: pointer;
	width: 70%;
	margin: 45px auto 0 auto;
	text-align: center;
	border-radius: 2px;
}
.cross {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 15px;
	right: 15px;
	background: url('/bitrix/templates/repair_default_copy/img/cross.png');
	background-size: contain;
	cursor: pointer;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.cross:hover {transform: rotate(90deg);}
.black_fon {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .700);
	top:0;
	left:0;
	z-index: 10;
	display: none;
}
.precbin{position:relative; overflow: hidden;}
	.precbin .mark{display:none; background: url('/bitrix/templates/repair_default_copy/img/mark.png') no-repeat right center; background-size:contain; position:absolute; right:19px; top:14px; width:19px; height:19px;}
.for_order_parts{margin: 25px 0 -10px 0; text-align: center; display:none;}
	.for_order_parts span{font-weight:500;}
	
	
.fileform { 
    display: block;
    width: 95%;
    margin: 0 auto;
    outline: none;
    border: 1px solid #D7D7D7;
    padding: 7px 20px;
    color: #000;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    background: #F4F4F4;
    box-sizing: border-box;
	height: 45px;
}
 
.fileform .selectbutton { 
    background-color: #2B2A29;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
	border-radius: 2px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 4px 6px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
 
.fileform #upload{
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    -moz-opacity: 0; 
    filter: alpha(opacity=0); 
    opacity: 0; 
    font-size: 150px; 
    height: 30px; 
    z-index:20;
}

.fileform #fileformlabel { 
background-color: #F4F4F4;
float: right;
height: 22px;
line-height: 22px;
overflow: hidden;
padding: 3px;
text-align: left;
text-align: right;
vertical-align: middle;
width:160px;
}	
	

/* Отправить резюме */
.order_summary {position: fixed; width: 300px; top: 50%; left: 50%; padding: 45px 25px 60px 25px; margin-left: -175px; margin-top: -176px;
	background: #fff; z-index: 11; display: none;
}
.send_summary {color: #fff; font-weight: 500; padding: 12px 0; background: #2B2A29; font-size: 15px; cursor: pointer; width: 70%;
	margin:45px auto 0 auto; text-align: center; border-radius: 2px;
}
.send_load_file{background:#2B2A29 url('/bitrix/templates/repair_default_copy/img/load_file.gif') no-repeat center center; background-size:35px; padding: 20px 0;}
.summary_title{font-size: 20px; text-align: center; padding: 15px 0 0 0;}
.summary_name{font-size: 16px; padding:25px 10px 10px 10px; width: 87%; margin: 0 auto;}
.summary_send_name, .fileID{display:none;}


/* Сообщение об успешной отправки */
.message {
font-family: 'Roboto', sans-serif;
background: #F4F4F4;
padding: 40px;
font-size: 22px;
font-weight: 700;
display: none;
color: #4A4A4A;
margin: -80px -240px 0 0 ;
width: 400px;
z-index: 11;
position: fixed;
border: 1px solid #D7D7D7;
top: 50%;
right: 50%;
line-height: 1.5;
text-align: center;
}




/* О КОМПАНИИ */
.about_det_wrap {
	max-width: 1000px;
    margin:15px auto 60px auto;
}
.left_det_about {
	width: 72%;
    float: right;
	min-height: 450px;
}
.about_det_title h2 {
	    padding: 12px 0 5px 0;
    border-bottom: 3px solid #2B2A29;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 15px;
    color: #2B2A29;
}
.about_det_title h2 span {
    font-size: 16px;
    font-weight: 300;
    padding-left: 10px;
}


/* Вакансии */
.vac_wrap {
	max-width: 1000px;
	margin: 15px auto 0 auto;
}
.left_vac {
	width: 72%;
	float: right;
	padding-bottom: 50px;
}
.vacancies_title h2 {
	padding: 12px 0 5px 0;
	border-bottom: 3px solid #2B2A29;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
	color: #2B2A29;
}
.vacancy {position: relative;}
.vacancies_title h2 span {
    font-size: 16px;
    font-weight: 300;
    padding-left: 10px;
}
.vacancy_wrap {
	border: 1px solid #D5D5D5;
	background: #F9F9F9;
	padding: 20px;
	margin: 30px 0;
	color: #4A4A4A;
	line-height: 1.4;
}
.vac_title {
	font-size: 18px;
	font-weight: 700;
}
.vac_det_text {
	padding: 15px 0;
	font-size: 14px;
}
.vactext {font-size: 14px;}
.vactext span {font-weight: 700;}
.vacancy:hover .send_res_but{opacity: 1;}
.send_res_but {
	background: #2B2A29 url('/bitrix/templates/repair_default_copy/img/airplane.png') no-repeat;
    background-position: 10px 50%;
    background-size: 20px;
    position: absolute;
	border-radius: 2px;
	right: 0;
	bottom: 0;
    text-decoration: none;
    font-weight: 700;
    padding: 12px 15px 12px 35px;
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
	cursor: pointer;
	opacity: 0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}



/* ФУТЕР САЙТА*/
footer {background: #252423; display: block; background-position: 0 60px;}
.topfoot {background: #f5f6fb;}
.topfoot_center{max-width: 1000px; margin: 0 auto; padding: 50px 20px; overflow:hidden; }
.left_foot {float: right; width: 80%;}
.lf_top {border-bottom: 1px dashed #484645; padding: 5px 0 0 0;}
.searchinput {padding-left: 10px;}
.searchinput input {
	outline: none;
    border: none;
    padding: 12px 20px 12px 50px;
    color: #000;
    background: #f5f6fb url('/bitrix/templates/repair_default_copy/img/search.png') no-repeat;
	background-size: 36px;
	background-position: 0 50%;
    transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	border-radius: 2px;
	width: 250px;
}
.searchinput input:focus {width: 300px;}
.menu_bottom {padding:10px 0 15px 15px;}
.menu_item_bottom {
	display: inline-block;
	padding: 10px 0 10px 0;
	text-align: left;
	width: 22%; 
	vertical-align: top;
	font-weight: 500;
}
.menu_item_bottom span {color: #3e3e3f; text-decoration: underline; cursor: pointer;}
	.menu_item_bottom span:hover{text-decoration:none;}
.menu_item_bottom a {color: #3e3e3f; text-decoration: underline;}
	.menu_item_bottom a:hover{text-decoration:none;}
.lf_bottom {
	color: #677f89;
	padding: 10px 0 0 15px;
	font-size: 14px;
}
.time_table {
	color: #3e3e3f;
	font-weight: 300;
	display: inline-block;
	float: left;
	border: 1px dashed #484645;
	padding: 20px;
	border-radius: 6px;
}
	.tb_title {font-size: 18px; padding-bottom: 10px; font-weight: 500;}
	.time_table ul {list-style: none; color: #677f89; font-size: 14px;}
		.time_table ul li {padding: 2px 0;}
			.time_table ul li span {font-weight: 500; color: #3e3e3f;}
.botfoot {
	max-width: 1000px;
	margin: auto;
	padding: 20px 15px;
	overflow:hidden;
	
}
.society-nav{float: left; margin-top: 12px;}
.society-nav a:nth-child(7) {margin-right: 0;}
.ione img {width: 100%; display: block}
.ione {
vertical-align: top;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display:inline-block;
margin-right: 10px;
width: 27px; padding: 7px; border-radius: 50px; cursor: pointer;
}
.ione:hover {background: #f2f2f2;}
.btop {
	float: right;
	border-radius: 2px;
	padding: 0 1px;
	cursor: pointer;
	margin-top: 9px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btop:hover {background: #f2f2f2;}
	



/* Поиск */
.search-page {max-width: 1000px; margin: 30px auto 60px auto; padding: 0 10px;}
div.search-advanced {}
div.search-result {font-size: 14px; margin:15px 0 0 0;}
	div.search-item {font-size: 14px; padding: 0 0 1.5em; border-top: 1px solid #dbdbdb;}
	div.search-item h4 {font-size: 16px; font-weight: normal; line-height: 1.2; margin: 1.3em 0 0.4em;}
		div.search-item h4 a{text-decoration:underline;}
		div.search-item h4 a:hover{text-decoration:none;}
	div.search-preview {margin: 0.5em 0;}
div.search-page input.search-query {border: 1px solid #D5D5D5; border-bottom: 3px solid #D5D5D5; width:100%; font-size:14px; padding: 8px; 
outline: none; font-family: 'Roboto', sans-serif; min-width: 350px;}
div.search-page input.search-button { font-size: 14px; margin-left: 30px; padding: 9px; background: #343434; color: #000; cursor: pointer; 
border: 1px solid #D5D5D5; background: #F2F2F2; font-family: 'Roboto', sans-serif;}


/* Навигация */
span.modern-page-title {font-weight: 700; font-size: 15px; color: #4A4A4A;}
div.modern-page-navigation {text-align: right;  margin-top: 35px; margin-right: 1%;}
div.modern-page-navigation a, 
span.modern-page-current, 
span.modern-page-dots{
	display: inline-block;
	margin-left: 4px;
	background: #F2F2F2;
	padding: 8px 0 0 0;
	height:24px;
	width: 32px;
	border-radius: 50px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	color: #747474;
	font-weight: 700 !important;
	border: 1px solid #D5D5D5 !important;
}
span.modern-page-current{
	background: #E3E3E3;
	padding: 8px 0 0 0;
	font-size: 14px;
	color: #4A4A4A;
	font-weight: 700 !important;
	border: 1px solid #B4B4B4 !important;
}
span.modern-page-current {font-weight: 500;}
div.modern-page-navigation a, 
span.modern-page-current, 
div.modern-page-navigation a.modern-page-previous, 
span.modern-page-dots {display: inline-block;}


/* Адаптивная верстка */

@media all and (max-width: 1200px) {
	.ro_wrap {width: 400px;}
	.logos_wrap{max-width:800px;} 
}
@media all and (max-width: 1140px) {
	.slide_text{font-size:18px;}
	.sl_text_bold{font-size:24px;}
	.sl_img{width: 320px; height: 317px;}
	.slider_inside{width:700px; margin-left: -350px;}
	.slide {height: 400px;}
	.owl-next {right: 20px;}
	.owl-prev {left: 20px;}
	.slider_for_arrow {width: 870px;}
}
@media all and (max-width: 1090px) {
	.ccontt {width: auto;}
}
@media all and (max-width: 1020px) {
	.index_art{float:none; width:auto; margin: 0 6% 40px 6%;}
	.right_arts{float:none; width:auto; margin: 0 6%;}
	.r_art img {width: 15%;}
	.owl-carousel .owl-item img{width:100%; margin:0 auto;}
	.logos_wrap{max-width:770px;}
	.ord_sub{display: block; width: 150px; margin: 30px auto 0 auto; padding: 12px 0;}
	.left_price {width: 100%; left: -100%;}
	.right_ord {width: 100% ; right: -100%;}
	.ro_wrap {width: 500px;}
}
@media all and (max-width: 960px) {
	.about_item {width:44%; margin:0 10px 45px 10px; border: 2px solid #94938A;border-bottom: 4px solid #94938A; height:auto; padding: 30px 0 20px 0;  transition: none;}
	.about {padding: 90px 0 0 0;}
	.about_pic {left: auto; right: 10%; top: 0; width: 80px; height: 80px; margin-top: -40px;}
	.about_text{margin: 0 0 10px 0; font-size: 15px; position:relative; text-align: left; padding: 0 15px; width: auto; transition: none;}
	.about_det_text{opacity:1; padding: 0 15px; text-align: left; transition: none;}
	.si_white_in {transition: none;}
	.si_back{transition: none;}
	.about_item:hover .about_text{opacity:1;}
	.about_item:hover {border: 2px solid #94938A;border-bottom: 4px solid #94938A;}
	.serv_item{width: 43%;}
	.services{padding:30px 20px 0 20px;}
}
@media all and (max-width: 940px) {
	nav {margin-bottom: 0;}
	.slider_back {top: -25px;}
	.breadwrap {border-bottom: none;}
	.map_inside {left: 60px;}
	.lp_href span {width:100%; display:block; font-size: 13px; padding: 15px 0 15px 20px; box-sizing: border-box; font-weight: 500 !important; color: #fff !important; background: inherit;}
	.lp_href span:hover {background: #2B2A29;}
	.menu_dop_but {display: block; background: inherit; width: auto; height: auto;}
	.menu_dop {position: relative; display: block; width: auto; padding: 0; top: 0;}
	.menu_dop_item a, .menu_dop_item_selected a {width:100%; display:block; padding: 15px 0 15px 20px; box-sizing: border-box; font-weight: 500; background: inherit; font-size: 13px;border-bottom: 1px solid #565656;}
	.menu_dop_item a:hover, .menu_dop_item_selected a:hover {background: #2B2A29;}
	.menu_dop_item_selected a span {background: url('/bitrix/templates/repair_default_copy/img/y_circle.png') no-repeat; background-size: 8px;
		background-position: 0 50%; padding: 0 0 0 14px;
	}
	.menu_hidden {display: block;}
	nav{position:static; width:100%;}
	nav .nav_inside{display:none; }
	div.menu_item, div.menu_item_selected {text-transform: initial; display:block; margin:0; font-size: 14px; border-bottom: 1px solid #565656;}
	.menu_back.menu_item{padding:0; margin:0;}
	.menu_back{background:none;}
	div.menu_item a:hover, div.menu_item_selected a:hover {background: #2B2A29;}
	div.menu_item a, div.menu_item_selected a{width:100%; display:block; padding: 15px 0 15px 20px; box-sizing: border-box; font-size: 13px; font-weight: 500; background: inherit;}
	
}
@media all and (max-width: 920px) {
	.time_table{display:none;}
	.left_foot{float:none; width:auto;}
	.lf_top{padding:0;}
	.searchinput input{width:100% !important; box-sizing:border-box;}
	.logos_wrap{max-width:670px;}
}
@media all and (max-width: 880px) {
	.slide_text{font-size:16px; padding-top: 40px;}
	.sl_text_bold{font-size:22px;}
	.sl_img{width: 257px; height: 255px;}
	.slider_inside{width:600px; margin-left: -300px;}
	.slide {height: 370px;}
	.logos_wrap{max-width:625px;}
	.search-page{width: 92%;}
	div.search-page input.search-query{min-width:auto;}
	.search-page table {width: 100%;}
	.slider_for_arrow{width:850px;}
}

@media (max-width: 820px){
	.review {margin: 0 0 30px 45px; width: 90%;}
	.map_inside {position: relative; width: 90%; padding: 20px 5% 40px 5%; left: 0; top: 0; border-radius: 0; height: auto;}
	#map {height: 300px !important;}
	.cb_but {width: 180px;}
	.topfoot_center {padding: 20px 4%;}
	.searchinput {padding-left: 0;}
	.menu_bottom {padding-left:0;}
}
@media (max-width: 800px){
	.topadress{display:none;}
}

@media (max-width: 770px){
	.logos_wrap{max-width:590px;}
}
@media (max-width: 750px){
	.sl_img {display: none;}
	.slider_inside {left: 0; width: 100%; text-align: center; margin-left: 0;}
	.slide_text {width: 100%; font-size: 20px;}
	.sl_text_bold {font-size: 26px;}
	.slider_for_arrow {width: 100%; left:0; margin-left: 0;}
	#order_ar {right: 50%; margin-right: -145px; width: 230px;}
}
@media (max-width: 730px){
	.i_art{width:100%; box-sizing: border-box; display:block;}
	.i_art_name{text-decoration:underline;}
	.logos_wrap{max-width:520px;}
	.serv_item{width: auto; margin: 0 6% 45px 6%; display:block;}
	.left_price table {width: 95%; font-size: 15px;}
	.left_price table td {padding: 10px;}
	.r_art img {width: 25%;}
	.services {padding: 30px 0 0 0;}
}
@media (max-width: 640px){
	.logos_wrap{max-width:420px;}
	.slide {height:300px;}
	.slider_inside {padding-top: 40px;}
}
@media (max-width: 680px){
	.about{padding:80px 4% 0 4%;}
	.about_item{ width: 92%; min-height: auto; margin: 0 0 45px 0;}
}
@media all and (max-width: 610px) {
	.jspVerticalBar {width: 5px;}
	.logos_slider .slide img{
	opacity: 1;
	-webkit-filter: none ;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
	}
}
@media all and (max-width: 575px) {
	.ccontt table {font-size: 16px;}
	.ccontt td {padding: 6px 8px; font-size: 14px;}
	.tablebig td {font-size: 18px; padding: 15px;}
	.tablehead {font-size: 14px;}
}
@media all and (max-width: 560px) {
	.rev_img {top: 0; left: 10%; margin-top: -56px; margin-left: 0;}
	.review{margin:0 0 60px 0;}
	.revcont{padding: 20px 1.4% 40px 1.4%;}
	.revtitle h2 {padding-bottom: 40px;}
	.review p {padding: 60px 30px 20px 30px;}
	.logos_wrap{max-width:370px;}
	.slide_text{font-size:14px;}
	.sl_text_bold{font-size:20px;}
	.ro_wrap {width: 450px;}
	.index_art h2{display:block; padding:0 0 5px 2%;}
	.i_art_title a{padding: 0 23px 0 2%; display:inline-block; margin:0 0 15px 0;}
}
@media all and (max-width: 540px) {
	#messages {width: 220px; margin-right: -140px; font-size: 16px; padding: 30px; margin-top: -65px;}
	.message {width: 220px; margin-right: -140px; font-size: 16px; padding: 30px; margin-top: -65px;}
}
@media all and (max-width: 520px) {
	.send_res_but {position: static;}
	.header_top {padding: 10px 0;}
	.ccontt table {font-size: 14px;}
	.topphone{display:none;}
	.logo{display: block; margin: 0 auto; float:none; text-align: center;}
	.logos_wrap{max-width:320px;}
	.society-nav{width: 200px;}
	.ione {width: 22px;}
	.btop {width: 40px; height: 40px;}
	.lf_bottom{text-align:center; padding: 20px 0 0 0;}
	.topfoot_center{padding: 20px;}
	.menu_item_bottom{width: 49%;}
	.ccontt td {padding:5px;}
	.revtitle h2{font-size: 20px;}
	.index_art h2{font-size: 18px;}
	.td_hidden {display:none;}
	.left_price table thead .th_long {width: 50%;}
	.left_price table thead .th_small {width: 25%;}
	.left_price h2 {font-size: 22px;}
	.allsummd {display: none !important;}
}
@media all and (max-width: 470px) {
	.ccontt td {padding:0;}
	.ccontt .name_padding{padding:6px 0 6px 6px;}
	.tablebig td {font-size: 16px; padding:10px 0;}
	.tablehead td{font-size: 12px; text-transform: capitalize;}
	.logos_wrap{max-width:270px;}
	.ccontt .table_not_mobile{display:none;}
	.ccontt .table_right_mobile{border-right:1px solid #D5D4C7;}
	.ro_wrap {width: 400px;}
}
@media all and (max-width: 430px) {

}
@media all and (max-width: 420px) {
	#map {height: 250px !important;}
	.logos_wrap{max-width:220px;}
	#order_ar{width: 210px; padding: 16px 0 16px 70px; margin-right: -140px; font-size: 14px;}
	.owl-next, .owl-prev {top: auto; bottom: 40px; width: 18px; height: 45px;}
	.owl-next {right: 80px;}
	.owl-prev {left: 80px;}
	.cb_form {width: 270px; margin-left: -160px;}
	.order_summary {width: 270px; margin-left: -160px;}
	#fileformlabel {width: 140px !important;}
	.ro_wrap {width: 360px;}
}
@media all and (max-width: 400px) {
	.i_art img{width:100%; margin:0 0 15px 0; display:inline;}
	.i_art_text{height:auto !important; display:inline; width:auto;}
	span.sort_mode{display:block; box-sizing: border-box; width: 100%; margin: 10px 0 0 0; background:#FFF url("/bitrix/templates/repair_default_copy/img/strelka.png") no-repeat 95% 50%;
	padding: 7px 15px;}
	span.sort_mode_block{width: 100%; top: 60px; left: 0; box-sizing: border-box;}
	.left_price table {font-size: 13px;}
}
@media all and (max-width: 380px) {
	.ccontt table {font-size: 13px;}
	.tablebig td {font-size: 14px; padding: 8px ;}
	.tablehead {font-size: 13px;}
	.serv_title h2 {font-size: 18px;}
	.revtitle h2{font-size: 18px;}
	.tablehead td{font-size: 12px;}
	.ro_wrap h2 {font-size: 22px; padding-bottom: 0;}
	.ro_wrap {width: auto;}
	.ord_top {width: 70%; padding: 4%; border-bottom: 2px solid rgba(245,202,0, .999);
	background: #121211; font-size: 16px;}
	.auto_ch {width: 78%;}
	.right_ord textarea {width: 70%; padding: 4%; background: #121211;}
	.ord_red {border-bottom: 2px solid rgba(178,0,0, .999) !important;}
	.types_jobs_text {padding-top: 30px;}
}
@media all and (max-width: 360px) {
	.logos_wrap{max-width:170px;}
	.cb_form {width: 230px; margin-left: -140px;}
	.order_summary {width: 230px; margin-left: -140px;}
	#fileformlabel {width: 100px !important;}
}
@media all and (max-width: 320px) {
	.logos_wrap{max-width:150px;}
}
/* End */


/* Start:/bitrix/templates/repair_default_copy/style_change.css?16973614942160*/
.nav_inside {max-width: 1020px;}
.nav_ins_bord {display: none;}
.nav_ins_bord1 {display: none;}
	nav {background:#FFF; margin-bottom:0;}
.headback {border-bottom: 56px solid #3B3838;}
.menu_item, .menu_item_selected {width: 17.5%;}
.menu_item a, .menu_item_selected a {padding: 21px 0 21px 0;}
.menu_dop_but {width: 10%;}


@media (max-width: 1040px){
	.breadwrap1 {padding: 0 3%;}
	.news_wrap {padding:0 4%;}
	.new_det_img{width:100%;}
	.art_det_img{width:100%; max-width:initial;}
	.about_det_wrap{padding:0 4%;}
	.art_wrap{padding:0 4%;}
}
@media (max-width: 1050px){
	.send_res_but {opacity: 1;}
	.articles {padding-bottom: 0;}
	.left_det_about{width:100%; float:none;}
	.new_det_left{float: none; width:100%;}
	.index_news{display:none;}
	.left_call {display: none;}
	.left_news{width:auto; float:none;}
	.left_articles{width:auto; float:none;}
	.art_det_left{width:auto; float:none;}
	.left_vac {width:auto; float:none; padding-left: 4%; padding-right: 4%;}
	.article_name{text-decoration:underline;}
}
@media (max-width: 970px){
	.right_arts{width:36%;}
	.news{padding:10px 0 30px 0;}
}
@media (max-width: 940px){
	.breadwrap { width: 86%; padding: 0 3%; margin: 15px auto 0 auto;}
	nav {background: none;}
	.menu_hidden {display: block;}
	nav .nav_inside {display: none;}
	.news_wrap{margin:10px auto 0 auto;}
	.about_det_wrap{margin:10px auto 40px auto}
	.art_wrap{margin:10px auto 0 auto;}
	.menu_item, .menu_item_selected {width: auto;}
	.menu_dop_but {width: auto;}
}
@media (max-width: 800px){
	.new_text{padding:0;}
	.new_name{text-decoration:underline;}
}
@media (max-width:720px){
	.art_date{left: 0; bottom: -26px;}
	.article {margin-bottom: 40px;}
}
@media (max-width:590px){
	.art_img{width:35%; }
	.article_text {width: 55%;padding-top: 0;}
}
@media (max-width:390px){
	.art_img{display:block; width:100%; margin:0;}
	.article_text{display:block; width:100%; padding:10px 0 0 0; text-align:justify;}
	.article_name{text-align:left;}
	.article{margin:0 0 60px 0; }
	.articles {padding-top: 0;}
	.serv_sail_but {display: block; padding: 12px 15px 12px 35px;}
}
@media (max-width: 350px){
	.about_det_title h2 span{display:block; padding:0;}
}
/* End */
/* /bitrix/templates/repair_default_copy/styles.css?1697361494670 */
/* /bitrix/templates/repair_default_copy/template_styles.css?169736149454749 */
/* /bitrix/templates/repair_default_copy/style_change.css?16973614942160 */
