/* Start:/bitrix/templates/carrepair_default/css/owl.carousel.css?15949335456564*/
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.slider_back .owl-stage-outer {
  background: #000;
}
.slide_dark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.570);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/bitrix/templates/carrepair_default/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}


.slider_back .owl-controls{position:absolute; width:1260px; left:50%; margin:0 0 0 -630px; top:50%;}
.owl-nav{}
.owl-prev {
	background: url('/bitrix/templates/carrepair_default/css/../img/arleft.png') no-repeat;
	left: 70px;
	margin-top: -30px;
}
.logos_slider .owl-prev {
	background: #fff url('/bitrix/templates/carrepair_default/css/../img/arleftbl.png') no-repeat;
	background-size: 20px;
	background-position: 50% 50%;
	opacity: 1;
	left: -65px;
}
.owl-next {
	background: url('/bitrix/templates/carrepair_default/css/../img/arright.png') no-repeat;
	right: 70px;
	margin-top: -30px;
}
.logos_slider .owl-next {
	background: #fff url('/bitrix/templates/carrepair_default/css/../img/arrightbl.png') no-repeat;
	background-size: 20px;
	right: -65px;
	opacity: 1;
	background-position: 55% 50%;
}
.logos_slider .owl-prev {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	transition: all 0.5s ease;
	cursor: pointer;
	text-indent:-9999em;
	border-radius: 100px;
	border: 1px solid #BBBBBB;
	box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.27);
}
.logos_slider .owl-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	transition: all 0.5s ease;
	cursor: pointer;
	border-radius: 100px;
	text-indent:-9999em;
	border: 1px solid #BBBBBB;
	box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.27);
}
.owl-prev, .owl-next {
	background-size: contain;
	position: absolute;
	top:50%;
	width: 25px;
	height: 60px;
	opacity: 0.4;
	transition: all 0.5s ease;
	cursor: pointer;
	text-indent:-9999em;
}

.owl-next:hover , .owl-prev:hover {opacity: 1;}



.fadeIn {animation-name: fadeIn;}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeOut {animation-name: fadeOut;}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeInLeftBig {animation: fadeInLeftBig  1s ease-in-out;}
@keyframes fadeInLeftBig {
  from {
    transform: translate3d(-40px, 0, 0);
	opacity: 0;
  }
  to {
    transform: none;
	opacity: 1;
  }
}

.fadeInUp {animation: fadeInUp 1s ease-in-out;}
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 20px, 0);
	opacity: 0;
  }
  to {
    transform: none;
	opacity: 1;
  }
}

.sl_img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 400px;
	height: 450px;
	
	}
/* End */


/* Start:/bitrix/templates/carrepair_default/css/jquery.jscrollpane.css?15949335451466*/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 5px;
	width: 9px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #2B2A29;
	position: relative;
}

.jspDrag
{
	background: #807E79;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	opacity: 0.5;
}
.jspDrag:hover {
	opacity: 1;
}
.jspDrag:active {
	opacity: 1;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* End */


/* Start:/bitrix/templates/carrepair_default/css/update_styles.css?15949335452915*/

/*---------------------------------------
------ PERSONAL_INFO (PAGE) ------
---------------------------------------*/

.standartText{line-height: 1.6; color: #131720; padding: 0 0 20px 0;}
.footerPersonalInfo{text-align: right; margin: 15px 0 0 0;}
	.footerPersonalInfo a{color: #818181; font-size: 14px; text-decoration: underline;}
	.footerPersonalInfo a:hover{text-decoration: none;}
	
.society-nav{float: none; text-align: right;}
	.society-nav a{float: none; display: inline-block;}
.btop{bottom: 10px;}

/*---------------------------------------
------ PERSONAL_INFO (PAGE) ------
---------------------------------------*/



/*---------------------------------------
------ PERSONAL_INFO (FORMS/FOOTER) ------
---------------------------------------*/

.modal .personalInfo{padding: 0 46px; font-size: 13px;}
	.modal .personalInfo label:after{top: 1px;}
.personalInfo{margin: 30px 10px 0 10px;}
	.checkboxError{display: none; color: #d41b1b; font-size: 12px; margin: 0 0 10px 0;}
	.personalInfo input{display: none;}
	.personalInfo label{color: #555; font-size: 13px; cursor: pointer; position: relative; padding: 0 0 0 35px; display: inline-block;}
		.personalInfo a:hover{text-decoration: underline;}
		.personalInfo label:after{background-color: #fff; border: 1px solid #E1E1E1; position: absolute; height: 20px; width: 20px;
			content: ""; left: 0; box-sizing: border-box; top: 0;
		}
		.personalInfo label.ckecked:after{line-height: 20px; font-family: FontAwesome; text-align: center; border: none; content: "\f00c";
			font-size: 14px;
		}
		.personalInfo label:hover:after{background-color: #E1E1E1;}
	
.right_ord .personalInfo{margin: 30px auto 0 auto; text-align: left; max-width: 300px;}
	.right_ord .personalInfo label{font-size: 14px; color: #888581;}
	.right_ord .personalInfo a{color: #666;}
	.right_ord .personalInfo label:after{top: 2px;}
	
/*---------------------------------------
------ PERSONAL_INFO (FORMS/FOOTER) ------
---------------------------------------*/



/*-------------------------------------
----- REQUEST FOR CALL BACK -------
-------------------------------------*/

.cb_form, .form_order_parts {height: auto !important;}

/*-------------------------------------
----- REQUEST FOR CALL BACK -------
-------------------------------------*/



/*---------------------------------------
------ OTHER STYLES -----------------
---------------------------------------*/

.left_price{left: -761px;}

@media all and (max-width: 1200px) {
	.btop{left: 0;}
	.footerPersonalInfo{margin: 15px 0 15px 0;}
}

@media all and (max-width: 520px) {
	.society-nav{width: auto;}
}

@media all and (max-width: 420px) {
	.footerPersonalInfo a{display: inline-block; max-width: 250px;}
}

@media all and (max-width: 360px) {
	.footerPersonalInfo a{max-width: 210px;}
}

/*---------------------------------------
------ OTHER STYLES -----------------
---------------------------------------*/
/* End */


/* Start:/bitrix/templates/carrepair_default/css/custom.css?159493354526*/
/* WRITE YOUR CODE HERE */
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/services_tree/style.css?15949335491217*/
/*services_tree*/

.services_tree [menu-selected] > .item-text,
.services_tree [menu-parent-selected] > .item-text
{
	font-weight: 600;
}

div.menu-sitemap-tree
{
	font-size:100%;
}

div.menu-sitemap-tree ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 1em 0 0;
}

div.menu-sitemap-tree ul ul
{
	width: auto;
	margin: -5px 0 17px 0;
	padding: 0 0 0 16px;
}

div.menu-sitemap-tree li
{
	margin: 0px 0 0 0;
	padding: 5px 0 0px 0;
}
div.menu-sitemap-tree > ul > li:hover{
	/*background: #F0F0F0;*/
}
div.menu-sitemap-tree > ul > li
{
	border-bottom: 1px solid #f2f2f2;
}

div.menu-sitemap-tree li li
{
	margin: 0 0 -0.85em 0.0em;
	padding: 4px 0 0 0;
}

div.menu-sitemap-tree li.menu-close ul
{
	display: none;
}

div.menu-sitemap-tree div.item-text
{
	position:relative;
	top:-11px;left:19px;
	color: #383735;
	font-size: 14px;
}

/*Icons*/
div.folder, div.page
{
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	vertical-align: top;
	top: 6px;
	position: relative;
}
div.folder{cursor:pointer; cursor: hand;background-image:url(/bitrix/templates/.default/components/bitrix/menu/services_tree/images/folder_open2.png);}
div.menu-sitemap-tree li.menu-close div.folder{background-image:url(/bitrix/templates/.default/components/bitrix/menu/services_tree/images/folder_close2.png);}
div.page{background-image:url(/bitrix/templates/.default/components/bitrix/menu/services_tree/images/page2.png);}

/* End */


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

.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: #383735; font-weight: 400; font-size: 14px;}
.font400 {font-weight: 400; line-height: 1.5; color: #383735;}
.font500 {font-weight: 500; line-height: 1.5; color: #383735;}
.font700 {font-weight: 700; line-height: 1.5; color: #383735;} 
.mini_title {font-size: 14px; font-weight: 300; padding-left: 10px;}
.forchange {font-weight: 400; line-height: 1.5; color: #383735;}
.page_wrap p {font-weight: 400; line-height: 1.5; color: #383735;}
.top_call { display: none;}
.tl-call-catcher { display: none;}
.btop { display: none;}
.lleft_call_ar { display: none;}
.left_share_wrap { display: none;}
.order_ar { display: none;}
.rev_show_wrap { display: none;}
.work_area img {
            width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }


/* End */


/* Start:/bitrix/templates/carrepair_default/template_styles.css?172737054365012*/
*{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;}
html{height: 100% !important;}
body{position: relative;}
#wrap {min-height: 100%;}
.work_area{max-width: 1100px; margin: 35px auto 35px auto; padding: 0 4%;}
.sidebar{float: left; width: 21.4%; }
.redcode{color: #74706F;}
.redcode:hover{text-decoration:underline;}
.clear {clear:both;}


/*------------------------
------ ШАПКА + МЕНЮ ------
------------------------*/

header { position: relative; z-index: 4; }
	.header_top{position: relative; padding: 15px 4% 15px 4%; max-width: 1100px; margin: auto; text-align: center; }
		.logo { width: 170px; float: left; }
		.logo img { max-width: 100%; max-height: 74px; }
		.top_text {
			font-size: 14px;
			font-weight: 400; 
			margin: 18px 0 0 112px;
			color: #9D9D9D;
			float: left;
			text-align: left;
			line-height: 1.3;
			}
		.topphone {
			font-size: 23px;
			font-weight: 400; 
			float: right;
			margin: 18px auto 0 auto;
			background: url('/bitrix/templates/carrepair_default/img/phone.png') no-repeat;
			background-size: contain;
			padding: 3px 0 3px 43px;
			color: #2B2A29;
			text-align: left;
			font-weight:700;
			}
		.top_call {
			float: right;
			font-size: 12px;
			background: #F9F9F9 url('/bitrix/templates/carrepair_default/img/cb-img.png') no-repeat;
			background-position: 8px 50%;
			background-size: 16px;
			text-transform: uppercase;
			font-weight:700;
			margin-top: 18px;
			margin-right: 45px;
			color: #000;
			border: 1px dotted #BBBBBB;
			padding: 9px 12px 9px 31px;
			cursor: pointer;
			transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			}
			.top_call:hover {border: 1px dotted #8B8B8B; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);}
			.menu_hidden { position: relative; color: #fff; z-index: 2;  display: none; width: 92%;  margin: auto; font-size: 20px; font-weight: 500; cursor: pointer; background: #2B2A29; }
				.menu_hidden_click {padding: 17px 60px; height: 24px; background: url('/bitrix/templates/carrepair_default/img/menu-hid.png') no-repeat; background-size: 28px; background-position: 17px 50%;}
				.menu_hidden img { float: left; width: 30px; margin-right: 15px; }
				.menu_hidden .menu_item a { color: #fff; }
			.menu_hidden_full { position: absolute; left: 0; top: 58px; z-index: 2; color: #000; display: none; background: #3E3C3B; 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: #2B2A29;
					text-align: center;
					position: relative;
				}
				.nav_ins_bord {
					position: absolute;
					bottom: -5px;
					width: 88%;
					left: 50%;
					margin-left: -44%;
					background: linear-gradient(to right, #EAB402, #FFDC41);
					height: 5px;
				}
				.nav_ins_bord1 {
					position: absolute;
					bottom: -5px;
					width: 80%;
					left: 50%;
					margin-left: -40%;
					border-bottom: 5px solid #F5CA00;
				}
				.menu_item, .menu_item_selected { display: inline-block; vertical-align: top; }
				.menu_item a, .menu_item_selected a {
					display: block;
					text-transform: uppercase;
					padding: 20px 21px;
					font-size: 14px;
					font-weight: 700;
					color: #fff;
				}
				nav .lp_href {
					cursor: pointer;
					padding: 20px 21px;
					vertical-align: top;
					font-size: 14px;
					font-weight: 700;
					color: #fff;
					text-transform: uppercase;
				}
					nav .lp_href:hover { background: #434140; }
					.menu_item:hover { background: #434140; }
				.menu_item_selected { background: #434140; }
				.menu_dop_but {
					display: inline-block;
					height: 56px;
					width: 80px;
					background: url('/bitrix/templates/carrepair_default/img/menu_dop_arrow.png') no-repeat;
					background-size: 24px;
					background-position: 50% 47%;
					position: relative;
					vertical-align: bottom;
					cursor: pointer;
				}
					.menu_dop_but:hover { background-color: #434140; }
					.menu_dop_but:hover .menu_dop { display: block; }
				.menu_dop  {
					position: absolute;
					top: 56px;
					right: 0;
					width: 200px;
					background: #434140;
					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: 12px;
					font-weight: 600;
					cursor: pointer;
					color: #fff;
					text-align: left;
				}
				.menu_dop_item_selected a { text-decoration: underline; }
					.menu_dop_item_selected a:hover { background: #2B2A29; }
					.menu_dop_item a:hover { background: #2B2A29; }
				
				

/*---------------------
--- ХЛЕБНЫЕ КРОШКИ ----
---------------------*/

.breadwrap { overflow: hidden; margin: 0 auto; margin-bottom: 10px;}
	.breadwrap i { color: #9D9D9D; font-size: 9px; margin-right: 5px; vertical-align: middle; }
	.breadwrap .bx-breadcrumb-item {
		float: left;
		color: #9D9D9D;
		margin-right: 10px;
		font-weight: 300;
	}
	.breadwrap .bx-breadcrumb-item span { font-family: 'Ubuntu', sans-serif; font-size: 12px; }
	.breadwrap .bx-breadcrumb-item a { display:inline-block; border-bottom: none; text-decoration: none; color: #9D9D9D; font-weight: 300; }
		.breadwrap .bx-breadcrumb-item a:hover { text-decoration:underline; color: #2B2A29; }


/*-------------------------------------------------
---------------- СЛАЙДЕР НА ГЛАВНОЙ ---------------
-- часть кода находится в файле owl.carousel.css --
-------------------------------------------------*/

.slider_back {position: relative; z-index: 1;}
	.slide{
		height: 500px;
		background-size: cover;
		background-position: center;
		position: relative;
		overflow: hidden;
	}
		#order_ar {
			position: absolute;
			bottom: -25px;
			right: 0;
			width: 270px;
			background: url('/bitrix/templates/carrepair_default/img/cbarrow.png') no-repeat;
			background-size: contain;
			text-transform: uppercase;
			padding: 17px 0 15px 60px;
			font-weight: 700;
			font-size: 15px;
			color: #2B2A28;
			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: 16px;
			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: 13px;
			font-weight: 700;
			display: inline-block;
			text-decoration: none;
			padding: 9px 15px;
			background: #fff;
			text-transform: uppercase;
		}
		.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: 80px 0 10px 0;
	max-width: 1150px;
	margin: auto;
	text-align: center;
}
	.about_item {
		width: 19%;
		height: 200px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
		border: 1px dashed #BBBBBB;
		border-radius: 4px;
		display: inline-block;
		margin: 0 2.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 .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: #2B2A29;
			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;
		}
		
		
/* ---------------------
---- УСЛУГИ ГЛАВНАЯ ----
----------------------*/

.services {max-width: 1120px; margin: auto; padding-top: 40px;}
	.serv_img {position: relative;}
	.serv_title h2 {font-size: 28px; text-align: center;  color: #242424; font-weight: 500; margin:0 0 30px 0;}
	.serv_item {
		width: 25%;
		display: inline-block;
		margin:0 4% 45px 4%;
		border-radius: 3px;
		position: relative;
		vertical-align: top;
	}
	.serv_det_but {
	color: #2B2A29;
    padding: 8px 12px 8px 32px;
    background: #F5CA00 url('/bitrix/templates/carrepair_default/img/serv_det_but.png') no-repeat;
    background-size: 16px;
    background-position: 10px 50%;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
	position: absolute;
	bottom: 20px;
	right: 15px;
	display: block;
	transition: background-position 0.1s ease;
    -moz-transition: background-position 0.1s ease;
    -ms-transition: background-position 0.1s ease;
    -o-transition: background-position 0.1s ease;
	}
	.serv_det_but:hover {background-position: 12px 50%;}
	.serv_item .serv_img img {width: 100%;}
	.si_preback {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		display:block;
	}
	.si_title h3 {
		font-size: 16px;
		font-weight: 700;
		padding-top: 7px;
		padding-bottom: 12px;
		color: #2B2A29;
	}
	.si_text {
		display: block;
		font-size: 14px;
		color: #6E6E6E;
		line-height: 1.3;
	}


/*----------------
----- ОТЗЫВЫ -----
----------------*/

.revcont{ padding: 10px 1.4% 50px 1.4%; font-weight: 300; }
	.revcent{ max-width: 1120px; margin: 0 auto; overflow:hidden; text-align: left; }
	.rev_count { display: none; }
	.rev_det_count { display: none; }
			.revtitle h2 { font-size: 28px; text-align: center; color: #242424; font-weight: 500; margin:0 0 30px 0; }
			.review{ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);  border: 1px solid #E4E4E4; position: relative; line-height: 1.3; display: inline-block; width: 38%; margin: 0 3% 30px 8%; vertical-align: top; }
				.rev_img { position: absolute; top: 20px; left: 0; margin-left: -56px;  width: 100px; border: 6px solid #fff; }
				.rev_img 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 dotted #CDCDCD; display: block; font-style: normal; text-align: center; font-weight: 700; font-size: 16px; margin-bottom: 12px; text-align: left; }
				.rev_show_wrap { margin: 10px 0 2px 0; text-align: center; }
				.rev_show {
					display: inline-block;
					color: #2B2A29;
					padding: 11px 15px 11px 38px;
					background: #F5CA00 url('/bitrix/templates/carrepair_default/img/rev_sync.png') no-repeat;
					background-size: 20px;
					background-position: 10px 50%;
					text-transform: uppercase;
					font-size: 13px;
					font-weight: 700;
					text-align: left;
					box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
					border: 1px dotted #827F7C;
					cursor: pointer;
					transition:all 0.2s ease;
					-moz-transition: all 0.2s ease;
					-ms-transition: all 0.2s ease;
					-o-transition: all 0.2s ease;
				}
				.rev_show:hover {
					background-color: #EBC000;
				}


/*-----------------
----- ПРОЕКТЫ -----
-----------------*/

.projects-right { float: right; width: 74%; }
.proj-det-wrap { padding-bottom: 20px; }
.bx_catalog_text { margin-bottom: 15px; }
.bx_catalog_text_ul { list-style: none; }
.bx_catalog_text_ul li{
border-bottom: 1px solid #EAEAEA;
}
.bx_catalog_text_ul li:hover { background: #F0F0F0; }
.bx_catalog_text_title { color: #383735; font-size: 14px; margin: 0; padding: 13px 15px; }

 
/*--------------------
--- ПРОЕКТЫ СЕКЦИЯ ---
--------------------*/

.projects-right h1 { 
	padding: 0 0 12px;
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    color: #2B2A29;
	}
.bx_sitemap_title { 
	padding: 0 0 12px;
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    color: #2B2A29;
	}
.bx_sitemap_title a { color: #2B2A29; text-decoration: none; }
.ccontprojall { max-width: 1000px; margin: 0 auto; }
.proj-one { display: inline-block; vertical-align: top; width: 30%;  margin:15px 5% 10px 0; }
div.proj-one:nth-child(3n+3) { margin-right: 0; }
	.proj-title a{ color:#2B2A29; text-decoration:none; font-weight: 700; }
	.proj-one a{ position: relative; display:block; }
	.proj-two a:hover .proj-two-b { opacity: 1; }
.proj-two-img { width: 100%; display:block; }
.proj-two-b {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height:100%;
	width: 100%;
	background: rgba(0,0,0,.600) url(/bitrix/templates/carrepair_default/img/search1.png) no-repeat center center;
	background-size: 45px;
	opacity: 0;
	-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-title { text-align: left; display: block; padding:8px 0 0 0; font-size: 14px; font-weight: 700; }


/*-------------------------
---- ПРОЕКТЫ ДЕТАЛЬНАЯ ----
-------------------------*/

.proj-det-text { line-height: 1.4; font-size: 14px; color: #383735; margin:0 0 30px 0; }
.proj-det-title h2 {
	padding: 0 0 12px 0;
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 15px;
    color: #2B2A29;}
.proj-det-img { width: 100%; margin-bottom: 32px; }

.steps{font-size: 14px; line-height: 1.5;}
	.block_step{margin:0 0 50px 0; position: relative;}
		.block_step h3{margin:0 0 5px 0; font-size:23px; color: #2B2A29; font-weight: 700;}
		.block_step .images{position:relative; float:left; margin:0 30px 15px 0;  cursor:pointer;}
			.block_step .images img{max-width: 300px; display: block;}
			.block_step .images:hover span.images_hover {
				background:rgba(0,0,0, 0.6);
				height: 100%;
			}
			.block_step .images span.images_hover{position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0, 0.6), rgba(0,0,0,.0)); } 
			.block_step .images span.img_bot_shadow{position:absolute; color:#fff; text-transform:uppercase; bottom:0; right: 0; font-size:13px; font-weight:600;
				 padding: 8px 35px 7px 0; 
				 background: url('/bitrix/templates/carrepair_default/img/all_photos.png') no-repeat;
				 background-size: 17px;
				 background-position: 78px 50%;
				 text-align: right;
			}
		.block_step .step_text{ line-height: 1.4; font-size: 14px; color: #383735;}
		.block_step .step_result{border-top:1px solid #EAEAEA; padding:5px 0 20px 0; margin:0; color:#888; font-size:13px;}
			.block_step .step_result span{color:#383735; font-weight: 700; border-right:1px solid #EAEAEA; margin:0 15px 0 0; padding:0 15px 0 5px;}
		.block_step .imagesAll{position: absolute; top:84px; padding: 20px 10px 10px 30px; background: #2B2A29; width: 400px; display:none; 
			box-sizing:border-box; z-index:1; left: 330px; 
		}
		.block_step .imagesAll span.imgAll_delta {position: absolute; background: #2B2A29; top: 105px; left: -7.5px; width: 15px ;height: 15px; transform: rotate(45deg);}
		.block_step .imagesAll .imagesAll_title {color:#fff; font-size: 14px; padding-bottom: 20px; font-weight: 400;}
			.block_step .imagesAll a{margin: 0 18px 15px 0; display:inline-block;}
				.block_step .imagesAll span.imgAll_span{position: relative; width: 100px; border-radius: 200px; display: inline-block; height:100px; overflow: hidden;}
					.block_step .imagesAll span.imgAll_span:hover span {opacity: 1;}
					.block_step .imagesAll span.imgAll_span span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 200px; 
						background: url('/bitrix/templates/carrepair_default/img/search_black.png') no-repeat ; 
						background-color: rgba(245,202,0, .8);
						background-position: 50% 50%;
						background-size: 25px;
						opacity: 0; 
						-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;
					}
			.block_step .closeFormImages{background: url('/bitrix/templates/carrepair_default/img/cross2.png') no-repeat; width: 22px; height: 22px; position: absolute; top:20px; right:33px;
				cursor: pointer; background-size:contain; transition: transform .5s ease;
			}
			.block_step .closeFormImages:hover {transform: rotate(90deg);}
	.steps .sumStep{color: #383735;}
	.steps .sumStep h3{border-bottom:1px solid #EAEAEA; padding:0 0 5px 0; margin-bottom: 6px; font-size:23px; color: #2B2A29; font-weight: 700;}
	.steps .sumStep span{color:#2B2A29; font-weight: 700; border-right:1px solid #EAEAEA; margin:0 15px 0 0; padding:0 15px 0 5px;}
		

/*----------------------------------
---- ПРОЕКТЫ АДАПТИВНАЯ ВЕРСТКА ----
----------------------------------*/


@media all and (max-width: 820px) {
	.proj-one {width: 47.5%; margin:15px 5% 10px 0;}
	div.proj-one:nth-child(3n+3) {margin-right: 5%;}
	div.proj-one:nth-child(2n+2) {margin-right: 0;}
	.project-index div.proj-onep {width: 87%;}
}
@media all and (max-width: 550px) {
	.proj-one {width: 100%; margin:15px 0 20px 0; display:block;}
	.proj-title {font-size: 17px; padding-top: 15px;}
}
@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%;}
}


/*----------------------------------
----- УСЛУГИ + изменение стиля -----
----------------------------------*/

.left_services .article {border-bottom: 1px solid #E7E7E7; margin-bottom: 30px;}
.art_det_but {
	color: #2B2A29;
    padding: 10px 11px 9px 32px;
    background: #F5CA00 url('/bitrix/templates/carrepair_default/img/serv_det_but.png') no-repeat;
	background-size: 15px;
	background-position: 10px 50%;
    display: inline-block;
    margin-top: 25px;
	text-transform: uppercase;
	font-size: 12px;
    font-weight: 700;
	vertical-align: bottom;
	line-height: 1;
	transition: background-position 0.1s ease;
    -moz-transition: background-position 0.1s ease;
    -ms-transition: background-position 0.1s ease;
    -o-transition: background-position 0.1s ease;
	}
	.art_det_but:hover {background-position: 12px 50%;}


/*------------------------------------
---- СВЯЗАТЬСЯ С НАМИ, ПОДЕЛИТЬСЯ ----
------------------------------------*/

.left_call_wrap {background: #F9F9F9; margin-bottom: 20px; position: relative; border: 1px dotted #BBBBBB;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	}
	.left_call_wrap:hover {border: 1px dotted #8B8B8B; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);}
.left_call_wrap .left_call_ar {transform: rotate(-90deg);}
.left_call_ar {
	position: absolute; 
	top: 18px; 
	right: 12px; 
	background: url('/bitrix/templates/carrepair_default/img/left_call_ar.png') no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	}
.left_call_wrap h2 {
	padding: 16px 14px 16px 50px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1A1A19;
	background:  url('/bitrix/templates/carrepair_default/img/left_serv_ic.png') no-repeat;
	background-size: 27px;
	background-position: 12px 50%;
	cursor: pointer;
}
.left_call {display: none;}
.left_call_but {
	background: #F5CA00 url('/bitrix/templates/carrepair_default/img/cb-img.png') no-repeat;
	background-position: 10px 50%;
	background-size: 20px;
	margin: 7px 14px 0 14px;
	padding: 12px 11px 12px 38px;
	font-size: 12px;
	font-weight: 700;
	color: #1A1A19;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
    border: 1px dotted #827F7C;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.2s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.left_call_text {
	padding: 0 15px 0 15px;
	color: #4A4A4A;
	font-size: 13px;
	line-height: 1.4;
	display: none;
}
.left_order_but {
	background: #fff url('/bitrix/templates/carrepair_default/img/serv_sell.png') no-repeat;
	background-position: 10px 50%;
	background-size: 20px;
	margin: 10px 14px 17px 14px;
	padding: 12px 0 12px 36px;
	font-size: 12px;
	font-weight: 700;
	color: #1A1A19;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.14);
    border: 1px dotted #8A8784;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.left_order_text {
	padding: 6px 15px 30px 15px;
	color: #4A4A4A;
	font-size: 12px;
	line-height: 1.4;
}
.left_share_wrap {
	border: 1px dotted #BBBBBB;
	background: #F9F9F9;margin-bottom: 20px; position: relative;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
	.left_share_wrap:hover {border: 1px dotted #8B8B8B; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);}
.left_share_wrap h2 {
	    padding: 16px 14px 16px 50px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1A1A19;
    background: url('/bitrix/templates/carrepair_default/img/left_share_ic.png') no-repeat;
    background-size: 27px;
    background-position: 12px 50%;
	cursor: pointer;
}
.left_share {padding: 7px 0 17px 0; margin: 0 14px 0 14px; display:none;}


/*----------------------------
---- СОТРУДНИКИ В УСЛУГАХ ----
----------------------------*/

.serv_employees {margin-bottom: -5px; overflow: hidden;}
.serv_employees_wrap div:nth-child(n+2) {margin-right: 0;}
.serv_employees_wrap {padding: 20px 0 10px 0; border-top: none;}
.serv_emp_title {
	font-size: 23px;
	font-weight: 700;
	color: #2B2A29;
}
.serv_employ {
	width: 48%;
	display: inline-block;
	margin-bottom: 30px;
	margin-right: 4%;
}
.serv_employ_inside {
	padding:  20px;
	color: #2B2A29;
	overflow: hidden;
	border: 1px solid #D0D0D0;
	background: #F9F9F9;
}
.serv_emp_img {
	float: left;
	display: block;
	margin-right: 40px;
	border-radius: 200px;
	padding: 3px;
}
.serv_emp_circle {
	display: block;
	border: 2px solid #F9F9F9;
	width: 115px;
	height: 115px;
	border-radius: 200px;
}
.serv_emp_name {
	border-bottom: 1px dotted #C1C1C1;
	display:inline-block;
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: 500;
	margin-top: 20px;
}
.serv_emp_position {
	font-size: 13px;
	font-weight: 400;
	margin-top:4px;
	color: #6E6E6E;
}
.serv_emp_phone {
	font-size: 14px;
	font-weight: 700;
	margin-top: 15px;
	float: left;
	padding: 3px 0 3px 32px;
	background: url('/bitrix/templates/carrepair_default/img/contphone_dark.png') no-repeat;
	background-size: contain;
}


/*--------------------------
---- СПИСОК УСЛУГ СЛЕВА ----
--------------------------*/

.list_serv {margin-bottom: 30px;}
.list_serv_item {
	display: block;
	color: #383735;
    font-size: 14px;
    margin: 0;
    padding: 13px 30px 13px 15px;
	border-bottom: 1px solid #EAEAEA;
	background: url('/bitrix/templates/carrepair_default/img/serv_list_img.png') no-repeat;
	background-position: 95% 50%;
	background-size: 12px;
}
.list_serv_item:hover {background-color: #F1F1F1;}


/*--------------------
------ КОНТАКТЫ ------
--------------------*/

.premap {position: relative;}
	.wrapper_map {
		position: absolute;
		top: 85px;
		left: 50%;
		width: 1100px;
		margin-left: -550px;
		z-index: 3;
		height: 0;
	}
	.map_inside {
		padding: 20px 30px;
		z-index: 3;
		width: 220px;
		background: #2B2A29;
	}
		.contacts_title {
			color: #fff;
			font-size: 24px;
			font-weight: 500;
			text-align: center;
			padding-bottom: 15px;
		}
		
		.cont_adress {background: url('/bitrix/templates/carrepair_default/img/contad.png') no-repeat;}
		.cont_phone {background: url('/bitrix/templates/carrepair_default/img/contphone.png') no-repeat;}
		.cont_mail {background: url('/bitrix/templates/carrepair_default/img/contmail.png') no-repeat;}
		.cont_adress, .cont_phone, .cont_mail {
			padding: 11px 0;
			padding-left: 37px;
			color: #fff;
			font-weight: 300;
			font-size: 14px;
			background-size: 20px;
			background-position: 0 10px;
		}
		.cb_but {
			background: #F5CA00;
			color: #2B2A29;
			padding: 11px 15px;
			width: 70%;
			margin: 30px auto 15px auto;
			text-align: center;
			text-transform: uppercase;
			font-size: 13px;
			font-weight: 700;
			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;}



/*------------------
------ СТАТЬИ ------
------------------*/

.left_articles {width: 74%; float: right; position: relative;}
.left_articles h1 {
	padding: 0 0 12px;
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    color: #2B2A29;
	margin: 0 0 15px 0;
}
.articles {padding: 0 0 15px 0;}
.articles div:last-child {margin-bottom:0 ;}
.article {
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E7E7E7;
	position: relative;
}
.art_date {
	display: inline-block;
	background: #F1F1F1 url('/bitrix/templates/carrepair_default/img/news_cal.png') no-repeat;
	background-size: 15px;
	background-position: 10px 50%;
	font-size: 13px;
	margin-left: 10px;
	padding: 9px 9px 9px 35px;
	font-weight: 700;
	line-height: 1;
	color: #2B2A29;
	vertical-align: bottom;

}
.article_name {
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 12px;
	color: #2B2A29;
}
.article_text {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: #6E6E6E;
}
.art_img {
	display: inline-block;
	width: 30%;
	margin-right: 5%;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}

.art_img img {width: 100%; display: block;}
.article_text {display: inline-block; width: 61%; vertical-align: top;}
.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: #383735;
	padding-top: 35px;
	padding-bottom: 35px;
	font-size: 14px;
}
.art_det_text h3{font-size:20px;}
.art_det_text li{padding:0 0 10px 0;}
.back_main { 
	background: #F9F9F9 url('/bitrix/templates/carrepair_default/img/serv-back.png') no-repeat; background-position: 12px 50%; background-size: 25px;
	display: inline-block; text-decoration:none; font-weight: 700; border: 1px dotted #BBBBBB;   padding: 15px 14px 15px 48px; font-size: 13px;  color: #1A1A19;
	text-transform: uppercase;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	
}
	.back_main:hover {border: 1px dotted #8B8B8B;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);}


/*------------------
----- НОВОСТИ ------
------------------*/

.left_news {width: 72%; float: right;}


/*-------------------------------
----- НОВОСТИ В ЛЕВОМ БЛОКЕ -----
-------------------------------*/

.index_news {
	border: 1px dotted #BBBBBB;
	background: #F9F9F9;
	padding-bottom: 10px;
}
.index_news h2 {
	background: url('/bitrix/templates/carrepair_default/img/all_news_ic.png') no-repeat;
    background-size: 27px;
    background-position: 13px 50%;
	padding: 16px 0 18px 50px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1A1A19;
}
.i_new {margin: 0 20px ; padding: 11px 0 15px 0; display:block; border-top: 1px dotted #BBBBBB;}
	.i_new:hover .i_new_text {text-decoration: underline;}
.i_news_date {
	font-weight: 700;
	font-size: 13px;
	margin: 0 0 7px 0;
	padding: 0 15px 0 20px;
	background: url('/bitrix/templates/carrepair_default/img/news_cal.png') no-repeat;
	background-size: contain;
	background-position: 0 1px;
	color: #2B2A29;
	display:inline-block;
}
.i_new_text {
	font-size: 13px;
	color: #595959;
	line-height: 1.3;
	font-weight: 400;
	display:block;
}

	

/*------------------
---- ПРАЙС-ЛИСТ ----
------------------*/	

.left_price {
	width: 750px;
	background: #2B2A29;
	position: fixed;
	display: none;
	left: 761px;
	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;
}
.lp_title h2 {font-size: 28px !important; padding-bottom: 20px;}
.jspScrollable {outline: none;}
.jspScrollable:focus {outline: none;}
	.price_block div {padding-top: 20px;}
	.left_price h2 {
		font-size: 18px; 
		color: #fff;
		width:90%;
		margin: auto;
		text-align: left;
		font-weight: 500;
	}
	.left_price h2 span {
		display: inline-block;
		padding: 8px 10px 8px 20px;
		background: linear-gradient(to right, #EAB402, #FFDC41);
		color: #000;
	}
	.left_price table{
		width:90%;
		text-align: left;
		border-collapse: collapse;
		margin:20px auto;
		font-weight: 300;
		font-size: 14px;
	}
		.left_price table tr {border-bottom: 1px solid #353433;}
		.left_price table thead th{color: #fff; padding: 12px 20px; font-weight: 700;}
		.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 thead tr.title_model{   background: #353433; border: 1px solid #494846;}
	.left_price table thead tr.title_model th { color: #fff; font-size: 18px;}
	.left_price table td{color: #D0D0D0; /*border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;*/ padding: 12px 20px;}
	#cross2 {background: url('/bitrix/templates/carrepair_default/img/cross2.png') no-repeat; background-size: contain; width: 30px; height: 30px;
		position: absolute; top: 33px; right: 5%; 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);}

	
.left_price .sorting{text-align:left; color: #D0D0D0; margin:19px 5% 0 0; font-weight: 400;}	
.left_price span.sort_mode {border: 2px solid #766413; background: #21201F; color: #fff; padding: 10px 15px 11px 15px; transition: all 0.3s ease;}
.left_price span.sort_mode:hover {border: 2px solid #F5CA00;}
.left_price span.sort_mode_block { background: #21201F; top: 37px; right: 2px;  border: none;}
.left_price span.sort_mode_block span:hover {background: #353433;}
.left_price .sort_block_model .sort_mode_block {right: 0;}

.allsummd {overflow:hidden; font-weight:500; margin: 20px auto 40px auto; width: 90%; font-size: 20px; color: #fff; text-align: left; 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: #F5CA00; color: #000; cursor: pointer; position: relative; }
	

	
/*-------------------------
----- ЗАКАЗ ЗАПЧАСТЕЙ -----
-------------------------*/

.sale_spares {width: 74%; float: right; color: #383735;}
.sale_spares h1 {
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    padding: 0 0 12px 0;
    color: #2B2A29;
}
.sale_spares h1 span {font-size: 17px; font-weight: 300; padding-left: 10px;}	
.order_spare {text-align:right; margin-top: 15px;}
.ord_instruction {text-align: left; display: none; font-size: 14px; padding-bottom: 30px; font-weight: 400; line-height: 1.4; color: #383735;}
.order_spare_block div {text-align: left; padding-bottom: 30px;}

.order_spare .title_section_name{font-size:18px;display: inline-block; vertical-align: bottom; color: #2B2A29; font-weight: 500; margin: 0 0 20px 0; text-align:left; }
.order_spare .title_section_name span {display: inline-block;   padding: 8px 15px 8px 40px; background: linear-gradient(to right, #EAB402, #FFDC41); }
.order_spare .title_element_name td{padding:15px; padding-left: 40px;  background: #F9F9F9; font-size:18px; font-weight: 700; color:#2B2A29; text-align:left; }

.order_spare table {width: 100%; border: 1px solid #D0D0D0; font-size: 14px; font-weight: 400; border-collapse: collapse; text-align:left; margin:0 auto 20px auto;}
.order_spare td {padding: 8px 15px; background: #fff;}
.order_spare table tr td { padding: 10px 15px;}
.list_spare {border-top: 1px solid #EAEAEA;}
.tablehead {background: #F0F0F0; border: 1px solid #D0D0D0; color: #2B2A29;  font-weight: 700; color: #2B2A29;}
.tablehead td {padding-top: 14px!important; padding-bottom: 14px!important; border: 0; margin: 0; outline: none; background: #F0F0F0;}
.tablehead1 {background: #F0F0F0; border: 1px solid #D0D0D0; color: #000; font-size: 16px;}
.tablehead1 td {padding-top: 14px!important; padding-bottom: 14px!important;  background: #F0F0F0;}
.tablebig {font-size: 20px; text-align: center; border-bottom: 1px solid #D0D0D0;}
.tablebig td {padding: 20px 20px; }
.order_spare .tdright {padding-left: 40px; width: 17%;}
.order_spare .tdleft input {border: 1px solid #BBBBBB;box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.17); background: #F9F9F9; outline: none; width: 60px; text-align: center; padding:3px 0;}
.order_spare .tdleftl {text-align: left; width: 20%;}
.tdtopl {border-left: 1px solid #fff; border-top: 1px solid #fff; text-align: center; background: #505050;}
#allsumm{font-weight:500; text-align:center;}
.total{font-weight:500; text-align:right;}
.allnumbers {display: none;}
.button_order {display: inline-block; padding: 12px 21px; text-transform: uppercase; font-weight: 400; font-size: 15px; background: #2B2A29; color: #fff; cursor: pointer; position: relative; }
.pre_ord_block {display: block;	margin-top: -10px;}
.button_order_parts {color: #2B2A29;
    padding: 11px 11px 11px 38px;
    background: #F5CA00 url('/bitrix/templates/carrepair_default/img/sale_icon.png') no-repeat;
    background-size: 20px;
    background-position: 10px 50%;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    border: 1px dotted #827F7C;
    cursor: pointer;
	outline: none;
	transition:all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
	.button_order_parts:hover {background-color: #EBC000;}

.sorting{text-align:left; float: right; font-size: 14px; color: #2B2A29; font-weight: 700; margin:0 0 15px 0;}
	.sort_block_mark{position: relative; display: inline-block;}
	.sort_block_model{position: relative; display: none;}
	.sort_block_model .sort_mode_block {right: 0;}
	span.sort_mode {cursor: pointer; vertical-align:top; line-height: 100%; display: inline-block; width: 160px; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.12);
		background: #F9F9F9 url("/bitrix/templates/carrepair_default/img/strelka.png") no-repeat 168px 15px; padding: 10px 15px 11px 15px; margin-left: 15px; border: 1px solid #D0D0D0;
	}
	span.sort_mode_block {display: none; width: 190px; right: 0; position: absolute; z-index:5; border: 1px solid #D0D0D0;
    box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.12); background: #F9F9F9;}
		span.sort_mode_block span{padding: 7px 5px 7px 15px; display: block; cursor: pointer;}
		span.sort_mode_block span:hover {background: #F0F0F0;}

		

/*---------------------------------
------ ШАБЛОН НОВОЙ СТРАНИЦЫ ------
---------------------------------*/

.left_page_wrap {width: 74%; float: right; color: #4A4A4A;}
.page_title h1 {padding: 0 0 24px 0; font-size: 36px; font-weight: 700; text-align: left; color: #2B2A29;}
@media (max-width: 1050px){
	.left_page_wrap{width:100%; float:none;}
}
@media all and (max-width: 520px) {
	.image40left, .image40right {width: 100%; float: none; margin: 0;}
}
	


/*--------------------------
----- ЗАПИСЬ НА РЕМОНТ -----
--------------------------*/

.right_ord {
	width: 510px;
	display: none;
	background: #2B2A29;
	position: fixed;
	right: -521px;
	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/carrepair_default/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/carrepair_default/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: #F5CA00;
	margin-top: 40px;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}
.garant {
	padding-top: 20px;
	padding-bottom: 50px;
	color: #888581;
	font-size: 14px;
}


/*--------------------
----- ТЕМНЫЙ ФОН -----
--------------------*/

.black_fon {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0, .700); top:0; left:0; z-index: 10; display: none;}


/*-------------------------------------
----- ЗАЯВКА НА ОБРАТНЫЙ ЗВОНОК -------
-------------------------------------*/

.cb_form, .form_order_parts {position: fixed; width: 300px; height: 380px; top: 50%; left: 50%; padding: 25px; margin-left: -175px; margin-top: -224px;
	background: #F4F4F4; z-index: 11; display: none; 
}
	.cb_title { font-size: 20px; font-weight: 700; text-align: center; padding: 15px 0 5px 0;}
	.cbinname {font-size: 16px; color: #2B2A29; font-weight: 400; padding: 22px 10px 10px 10px; width: 87%; margin: 0 auto;}
	.cbinput {display: block; width: 95%; margin: 0 auto; outline: none;  border: 1px solid #CCCCCC; padding: 13px 20px; color: #000; font-size: 15px;
		font-family: 'Roboto', sans-serif; background: #fff; box-sizing: border-box;
	}
	.cbsub, .submit_order_parts {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;
	}
	.cross {width: 28px; height: 28px; position: absolute; top: 15px; right: 15px; background: url('/bitrix/templates/carrepair_default/img/cross.png'); background-size: contain;
		cursor: pointer; transition: all 0.5s ease; 
	}
	.cross:hover {transform: rotate(90deg);}
	.precbin{position:relative; overflow: hidden;}
		.precbin .mark{display:none; background: url('/bitrix/templates/carrepair_default/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;}
	

	

/*-------------------------------
----- ФОРМА ОТПРАВКИ РЕЗЮМЕ -----
-------------------------------*/

.order_summary {
	position: fixed; width: 300px; top: 50%; left: 50%; padding: 45px 25px 60px 25px; margin-left: -175px; margin-top: -176px;
	background: #F4F4F4; z-index: 11; display: none; 
}
.send_summary {
	color: #fff; font-weight: 500; padding: 12px 0; background: #2B2A29; font-size: 15px; width: 70%;
	margin:45px auto 0 auto; text-align: center; 
}
.send_load_file{background:#2B2A29 url('/bitrix/templates/carrepair_default/img/load_file.gif') no-repeat center center; background-size:35px; padding: 20px 0;}
.summary_title{font-size: 20px; font-weight: 700; text-align: center; padding: 15px 0 0 0;}
.summary_name{font-size: 16px; font-weight: 400; color: #2B2A29; padding:25px 10px 10px 10px; width: 87%; margin: 0 auto;}
.summary_send_name, .fileID{display:none;}

.fileform { 
    display: block;
    width: 95%;
    margin: 0 auto;
    outline: none;
    border: 1px solid #ccc;
    padding: 7px 20px;
    color: #000;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    background: #fff;
    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;
	cursor: pointer;
}
.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 { 
	float: right;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	padding: 3px;
	text-align: left;
	width:160px;
}	


/*-----------------------------------------
------ СООБЩЕНИЕ ОБ УСПЕШНОЙ ОТПРАВКЕ -----
-----------------------------------------*/

.message {
font-family: 'Roboto', sans-serif;
background: #F4F4F4;
padding: 40px;
font-size: 18px;
font-weight: 700;
display: none;
margin: -80px -240px 0 0 ;
border-radius: 4px;
box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.45);
width: 400px;
z-index: 11;
position: fixed;
top: 50%;
right: 50%;
line-height: 1.5;
text-align: center;
}


/*--------------------
----- О КОМПАНИИ -----
--------------------*/

.about_page {width: 74%; float: right;}
.about_det_title h1 {padding: 0 0 24px 0; font-size: 36px; font-weight: 700; text-align: left; color: #2B2A29;}
.about_det_wrapper{margin:0 0 30px 0;}

/*---------------------------------
----- О КОМПАНИИ - СОТРУДНИКИ -----
---------------------------------*/

.employees {overflow: hidden; padding:0 0 10px 0;}
.employees_wrap div:nth-child(n+2) {margin-right: 0; }
.employees_wrap {padding: 20px 0 0 0;}
.emp_title {
	font-size: 23px;
	font-weight: 700;
	color: #2B2A29;
	padding: 0 40px 0 0;
}
.employ {
	width: 48%;
	display: inline-block;
	margin: 0 4% 30px 0;
}
.employ_inside {
	padding:  20px;
	color: #2B2A29;
	overflow: hidden;
	border: 1px solid #D0D0D0;
	background: #F9F9F9;
}
.emp_img {
	float: left;
	display: block;
	margin-right: 40px;
	border-radius: 200px;
	padding: 3px;
}
.emp_circle {
	display: block;
	border: 2px solid #F9F9F9;
	width: 115px;
	height: 115px;
	border-radius: 200px;
}
.emp_name {
	border-bottom: 1px dotted #C1C1C1;
	display:inline-block;
	padding-bottom: 3px;
	font-size: 15px;
	font-weight: 500;
	margin-top: 20px;
}
.emp_position {
	font-size: 13px;
	font-weight: 400;
	margin-top:4px;
	color: #6E6E6E;
}
.emp_phone {
	font-size: 14px;
	margin-top: 15px;
	font-weight: 700;
	float: left;
	padding: 3px 0 3px 32px;
	background: url('/bitrix/templates/carrepair_default/img/contphone_dark.png') no-repeat;
	background-size: contain;
}


/*-------------------
---- БРЕНДЫ АВТО ----
-------------------*/

.prelogos {}
	.prelogos h2 {font-size: 23px; font-weight: 700; color: #2B2A29; margin:0 0 20px 0;}
	.logos_wrap {max-width: 946px; margin: auto; padding:20px 40px; position: relative; background: #F9F9F9; border: 1px solid #D0D0D0;}
		.logos_wrap .slide {height: auto;}


/*--------------------
------ ВАКАНСИИ ------
--------------------*/

.left_vac {width: 74%; float: right;}
.left_vac h1 {
    font-size: 36px;
    font-weight: 700;
	text-align: left;
	margin-bottom: 25px;
	color: #2B2A29;
}
.vacancy {position: relative;}
.left_vac h1 span {
    font-size: 16px;
    font-weight: 300;
    padding-left: 10px;
	display: none;
}
.vacancy_wrap {
	background: #F9F9F9;
	padding: 30px;
	margin: 20px 0 30px 0;
	color: #2A2928;
	line-height: 1.4;
    border: 1px solid #D0D0D0;
}
.vac_title {
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	margin:0 0 15px 0;
}
.vac_det_text {margin:0 0 15px 0; font-size: 14px; color: #383735;}
.vactext {font-size: 14px; color: #383735;}
.vactext span {font-weight: 700; color: #2B2A29;}
.send_res_but {
	background: #F5CA00 url('/bitrix/templates/carrepair_default/img/airplane.png') no-repeat;
    background-size: 20px;
    background-position: 10px 50%;
    text-transform: uppercase;
    font-size: 13px;
	margin-top: 25px;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    color: #2B2A29;
    padding: 9px 12px 9px 35px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    border: 1px dotted #827F7C;
    vertical-align: top;
	transition:all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
	.send_res_but:hover {background-color: #EBC000;}


/*---------------------
----- ФУТЕР САЙТА -----
----------------------*/

footer {background: #2B2A29; display: block; background-position: 0 60px; border-top: 10px solid #434140;}
.topfoot {background: #2B2A29; padding: 0 4% 0 4%;}
.topfoot_center{max-width: 1100px; margin: 0 auto;  overflow:hidden; position: relative;}
.left_foot {display: inline-block; max-width: 25%; vertical-align: top;}
.menu_bottom {padding:40px 0 40px 15px; }
.bm_menu_title {font-size: 14px; padding-bottom: 10px; font-weight: 700; text-transform: uppercase; color: #fff;}
.menu_item_bottom {
	display: inline-block;
	padding: 5px 0 5px 0;
	text-align: left;
	font-size: 14px;
	width: 49%; 
	vertical-align: top;
	font-weight: 500;
}
.menu_item_bottom span {color:#818181; text-decoration: none; cursor: pointer;}
	.menu_item_bottom span:hover{text-decoration:underline;}
.menu_item_bottom a {color: #818181; text-decoration: none;}
	.menu_item_bottom a:hover{text-decoration:underline;}
.lf_bottom {
	color: #74706F;
	padding: 10px 0 0 15px;
	font-size: 14px;
	display: none;
}
.time_table {
	color: #fff;
	font-weight: 500;
	display: inline-block;
	padding: 40px 20px 40px 0;
	vertical-align: top;
}
	.tb_title {font-size: 14px; padding-bottom: 10px; text-transform: uppercase; font-weight: 700;}
	.time_table ul {list-style: none; color: #818181; font-size: 14px; margin-top: 10px;}
		.time_table ul li {padding: 2px 0;}
			.time_table ul li span {font-weight: 700; color: #fff;}
.tf_contacts {
	color: #fff;
	font-weight: 500;
	display: inline-block;
	padding: 40px 40px 30px 40px;
	max-width: 25%;
	vertical-align: top;
}
.tf_contacts .cont_adress {background: url('/bitrix/templates/carrepair_default/img/contad.png') no-repeat;}
.tf_contacts .cont_phone {background: url('/bitrix/templates/carrepair_default/img/contphone.png') no-repeat;}
.tf_contacts .cont_mail {background: url('/bitrix/templates/carrepair_default/img/contmail.png') no-repeat;}
.tf_contacts .cont_adress, .tf_contacts .cont_phone, .tf_contacts .cont_mail {
	margin: 10px 0;
    padding:0 0 10px 27px;
    font-weight: 400;
    font-size: 14px;
	color: #818181;
	background-size: 17px;
	background-position: 0 0;
}
.tf_contacts_title {
	font-size: 14px;
	text-transform: uppercase;
    padding-bottom: 10px;
    font-weight: 700;
}
.botfoot {
	max-width: 25%;
	float: right;
	margin: auto;
	padding: 40px 0 40px 0;
	overflow:hidden;
}
.society-nav{float: left;}
	.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;
	background: #434140;
	float: right;
	margin-left: 12px;
	margin-bottom: 12px;
	width: 23px; padding: 8px;  cursor: pointer;
}
	.ione:hover {background: #444444; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.340);}
.btop {
	width: 36px;
	margin-top: 20px;
	background: #F5CA00; 
	position: absolute;
	right: 0;
	bottom: 40px;
	padding: 0 1px;
	cursor: pointer;
	-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;
}
	

/*---------------------
-------- ПОИСК --------
---------------------*/

.search_top_but {
	text-align: left;
	display: inline-block;
    height: 56px;
    width: 80px;
    background: #2B2A29 url('/bitrix/templates/carrepair_default/img/searc_top_img.png') no-repeat;
    background-size: 24px;
    background-position: 50% 50%;
    position: relative;
    vertical-align: bottom;
	cursor: pointer;
}
.search_container {
	text-align: left;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #2B2A29 url('/bitrix/templates/carrepair_default/img/searc_top_img.png') no-repeat;
    background-size: 24px;
	background-position: 30px 50%;
}
	.search_top_but:hover {background-color: #434140;}
.searchinput {padding-left: 10px;}
.searchinput input[type="text"] {
	outline: none;
    border: none;
    padding: 17px;
	font-size: 18px;
    color: #fff;
    background: transparent;
	margin-left: 60px;
	width: 82%;
	box-sizing: border-box;
}
.searchinput input[type="submit"] {
	background: url('/bitrix/templates/carrepair_default/img/search_enter.png') no-repeat;
	width: 40px;
	background-size: contain;
	outline: none;
	border: none;
	height: 34px;
	position: absolute;
	top: 50%;
	right: 80px;
	margin-top: -17px;
	cursor: pointer;
}
.search_cross {
	width: 24px; 
	height: 24px; 
	position: absolute;
	margin-top: -12px;
	top: 50%;
	right: 34px;
	cursor: pointer;
	background: url('/bitrix/templates/carrepair_default/img/search_cross.png') no-repeat;
	background-size: contain;
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	}
	.search_cross:hover {transform: rotate(90deg);}


/*-------------------------------
-------- ПОИСК ДЕТАЛЬНАЯ --------
-------------------------------*/

.search_wrap {width: 74%; float: right;}
.search_det_title h1 {
	padding: 0 0 24px 0;
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    color: #2B2A29;
}
.search-page {max-width: 1000px; }
.search-page table {border-spacing: 0;}
div.search-result {margin:15px 0 0 0; font-size: 13px; color: #9D9D9D;}
	div.search-item {font-size: 13px; line-height: 1.4; color: #595959; padding: 20px 0 15px 0; border-top: 1px solid #EAEAEA;}
	div.search-item h4 {font-size: 15px; color: #2B2A29; font-weight: normal; line-height: 1.2; margin: 0 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 { width:100%; font-size:14px; padding: 10px; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.12);
    background: #F9F9F9; border: 1px solid #D0D0D0;
outline: none; font-family: 'Ubuntu', sans-serif; min-width: 350px;}
div.search-page input.search-button {
	margin-left: 40px; font-size: 13px; font-family: 'Ubuntu', sans-serif;
	text-transform: uppercase;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    border: 1px dotted #827F7C;
    font-weight: 700; cursor: pointer; 
    color: #2B2A29;
    padding: 11px 13px;
    background: #F5CA00 ;
}
	div.search-page input.search-button:hover {background: #EBC000;}


	
/*--------------------
----- ОШИБКА 404 -----
--------------------*/

.error_404{width: 72%; float: right;}
	.img_404{max-width:560px; margin: 60px auto 0 auto;}
		.img_404 img{width:100%;}
	.text_404{vertical-align: top; margin: 20px auto 0 auto; text-align: center;}
		.title_404{font-size: 40px; font-weight: 700; color: #2B2A29; text-transform:uppercase; margin: 0 0 20px 0;}
			.title_404 span{font-size: 18px; text-transform:uppercase; color: #888;}
		.description_404{font-size: 13px; margin: 0 0 20px 0; color: #888;}
		.url_404{
			padding: 13px 20px; color: #FFF; font-size: 13px; text-transform: uppercase; font-weight: 700; margin: 0 auto 10px auto; width: 200px; background: #2B2A29;
			display: block; border-radius: 3px; box-sizing: border-box;
		}
		.back_404{color: #888; font-size: 12px;}
			.back_404 a{text-decoration: underline; color:#2B2A29;}
			.back_404 a:hover{text-decoration: none;}




/*---------------------
------ ПАГИНАЦИЯ ------
---------------------*/

span.modern-page-title {font-weight: 700; font-size: 15px; color: #2B2A29;}
div.modern-page-navigation {text-align: right;  margin-top: -5px; margin-bottom: -25px !important;}
div.modern-page-navigation a, 
span.modern-page-current, 
span.modern-page-dots{
	display: inline-block;
	margin-left: 4px;
	padding: 7px 0 0 0;
	height:26px;
	width: 33px;
	border-radius: 50px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	color: #2B2A29;
	font-weight: 700 !important;
}
span.modern-page-current{
	background: #F5CA00;
	padding: 7px 0 0 0;
	font-size: 16px;
	color: #2B2A29;
	font-weight: 700 !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: 1280px) {
	.slider_back .owl-controls{position:static;}
}

@media all and (max-width: 1200px) {
	.ro_wrap {width: 400px;}
	.owl-controls{position:static;}
	.wrapper_map {position: static; margin: 0; width: auto; height: auto;}
	.map_inside {position: absolute; z-index: 3; top: 80px; left: 10%;}
	.botfoot {max-width: 100%; width: auto; margin: 0; padding: 0 0 10px 0; float: none;}
	.society-nav {float: none; margin-left: -12px;}
	.ione {float: left;}
	.btop {bottom: 22px; right: 0;}
	.tf_contacts {max-width: 35%; }
	.left_foot {max-width: 30%;}
	.employ, .serv_employ {width: 100%; margin-right: 0;}
}
@media all and (max-width: 1180px) {
	.slide_text{font-size:18px;}
	.sl_text_bold{font-size:24px;}
	.sl_img{width: 310px; height: 340px; bottom: 20px}
	.slider_inside{width:700px; margin-left: -350px;}
	.slide {height: 400px;}
	.owl-next {right: 20px;}
	.owl-prev {left: 20px;}
	.slider_for_arrow {width: 870px;}
	.top_text {margin-left: 30px;}
}

@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;}
	.ord_sub{display: block; width: 150px; margin: 30px auto 0 auto; padding: 12px 0;}
	.ro_wrap {width: 500px;}
	.top_text {display: none;}
}
@media all and (max-width: 960px) {
	.about_item {width:44%; margin:0 10px 45px 10px;  height:auto; padding: 20px 0 20px 0;  transition: none;}
	.about {padding: 60px 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; color: #2B2A29; font-size: 15px; position:relative; text-align: left; padding: 0 15px; width: auto; transition: none;}
	.about_det_text{opacity:1; color: #6E6E6E; font-weight: 400; font-size: 13px; line-height: 1.4; padding: 0 15px; text-align: left; transition: none;}
	.si_white_in {transition: none;}
	.si_back{transition: none;}
	.about_item:hover .about_text{opacity:1;}
	.serv_item{width: 41.6%;}
	.services{padding:0 1%;}
}
@media all and (max-width: 940px) {
	nav {margin-bottom: 0;}
	.slider_back {top: -25px;}
	.allsummd {margin-bottom: 50px;}
}
@media all and (max-width: 920px) {
	.serv_employees{margin:0 0 -10px 0;}
	div.modern-page-navigation{margin-bottom: -5px !important;}
	.left_foot{float:none; width:auto;}
	.lf_top{padding:0;}
	nav .lp_href {width:100%; text-transform: uppercase; display:block; font-size: 13px; padding: 15px 0 15px 60px; box-sizing: border-box; font-weight: 500 !important; color: #fff !important; background: inherit;}
	nav .lp_href:hover {background: #2B2A29;}
	.menu_dop_but {display: block; background: inherit; width: auto; height: auto;}
	.menu_dop {position: static; display: block; width: auto; padding: 0; top: 0; background: #3E3C3B;}
	.menu_dop_item a, .menu_dop_item_selected a {width:100%; display:block; padding: 15px 0 15px 60px; box-sizing: border-box; font-weight: 500; background: inherit; font-size: 13px;border-bottom: 1px solid #494949;}
	.menu_dop_item a:hover, .menu_dop_item_selected a:hover {background: #2B2A29;}
	.menu_hidden {display: block;}
	nav{position:static; width:100%;}
	nav .nav_inside{display:none; }
	div.menu_item, div.menu_item_selected {display:block; margin:0; border-bottom: 1px solid #494949;}
	.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 60px; box-sizing: border-box; font-size: 13px; font-weight: 500; background: inherit;}
	.menu_dop_item_selected a {background: #434140; text-decoration: none;}
	.search_top_but {display: none;}
	.search_container {display: block !important; position: relative; background-size: 20px; background-position: 20px 50%;}
	
	.search_cross {display: none;}
	.searchinput input[type="submit"] {right: 22px; width: 25px; margin-top: -12px;}
	.searchinput input[type="text"] {font-size: 15px; width: 70%; margin-left: 60px; padding: 17px 0;}
}

@media all and (max-width: 880px) {
	.slide_text{font-size:16px; padding-top: 40px;}
	.sl_text_bold{font-size:22px;}
	.sl_img{width: 260px; height: 255px; bottom: 40px;}
	.slider_inside{width:640px; margin-left: -320px;}
	.slide {height: 370px;}
	.logos_wrap{padding: 20px 80px;}
	.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 50px; width: 89%;}
	.map_inside {width: 90%; position: relative; padding: 20px 5% 40px 5%; border-radius: 0; left: 0; top: 0; height: auto;}
	.contacts_title {font-size: 28px;}
	#map {height: 300px !important;}
	.cb_but {width: 180px;}
	.searchinput {padding-left: 0;}
	.menu_bottom {padding-left:0;}
	.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;}
	.time_table{display:none;}
	.tf_contacts {padding-left: 12px;}
	.left_foot {max-width: 40%;}
	.tf_contacts {max-width: 40%;}
	.left_price {width: 100%; left: -100%;}
}
@media (max-width: 800px){
	.topadress{display:none;}
	.top_call {display: none;}
}
@media (max-width: 730px){
	.left_price table {width: 95%; }
	.r_art img {width: 25%;}
}
@media (max-width: 640px){
	.slide {height:300px;}
	.slider_inside {padding-top: 40px;}
	.review {width: 88%;}
	.left_foot {max-width: 100%; padding-left: 0;}
	.menu_item_bottom {width: 30%;}
	.tf_contacts {max-width: 100%; padding: 30px 0 20px 0;}
	.menu_bottom {padding: 0 0 40px 0;}
	.topfoot {padding: 0 5%;}
	.map_inside {padding: 20px 5% 30px 5%;}
	.btop {right: 0;}
}
@media (max-width: 690px){
	.left_price .sorting {float: none; margin: 19px 5% 0 5%;}
	.left_price .sorting span.sort_mode {margin-left: 0; margin-right: 15px; margin-bottom: 10px;}
	.left_price span.sort_mode_block {right: auto; left: 2px;}
	.order_spare .sorting {float: none; margin: 0 0 10px 0;}
	.order_spare .sorting span.sort_mode {margin-left: 0; margin-right: 15px; margin-bottom: 10px;}
	.order_spare span.sort_mode_block {right: auto; left: 0;}
}
@media (max-width: 680px){
	.about{padding:60px 1% 0 1%;}
	.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;
	}
	.review {width: 87%;}
}
@media all and (max-width: 575px) {
	.right_ord {width: 100% ; right: -100%;}
}
@media all and (max-width: 560px) {
	.rev_img {top: 0; left: 10%; margin-top: -56px; margin-left: 0;}
	.review{margin:0 0 60px 0; width: 92%;}
	.revcont{padding: 20px 1.4% 40px 1.4%;}
	.rev_show_wrap {margin-top: -20px;}
	.revcent {text-align: center;}
	.revtitle h2 {padding-bottom: 40px;}
	.review p {padding: 60px 30px 20px 30px;}
	.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;}
	.services {padding:0;}
	.serv_item{width: auto; margin: 0 5% 45px 5%; display:block;}
}
@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;}
	.ccontt table {font-size: 14px;}
	.phone_hid{display: none; width:200px}
	.topphone {
		width: 0; 
		padding: 6px 38px 5px 16px;
		font-size: 16px;
		background-position: 100% 50%;
		height: 21px;
		position: absolute;
		right: 15px;
		top: 16px;
		color: #fff;
		font-weight: 500;
		border-radius: 3px;
		}
	.topphone:hover { width: 140px;
    background-color: #2B2A29;}
	.topphone:hover .phone_hid {display: block;}
	.society-nav{width: 200px;}
	.ione {width: 22px;}
	.btop {width: 40px; height: 40px;}
	.lf_bottom{text-align:center; padding: 20px 0 0 0;}
	.ccontt td {padding:5px;}
	.revtitle h2{font-size: 22px;}
	.serv_title h2 {font-size: 22px;}
	.contacts_title {font-size: 22px;}
	.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%;}
	.btop {width: 36px; height: 37px;}
}
@media all and (max-width: 470px) {
	.menu_item_bottom{width: 49%;}
	.ccontt td {padding:0;}
	.ccontt .name_padding{padding:6px 0 6px 6px;}
	.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) {
	.emp_img, .serv_emp_img {float: none; display: inline-block; margin: 0 auto;}
	.emp_name, .serv_emp_name {display: block;}
	.employees_wrap, .serv_employees_wrap {text-align: center;}
	.emp_phone, .serv_emp_phone {display: inline-block; float: none;}
}
@media all and (max-width: 420px) {
	#map {height: 250px !important;}
	#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, .form_order_parts, .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;}
	.left_price table {font-size: 13px;}
}
@media all and (max-width: 380px) {
	.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) {
	.cb_form, .form_order_parts, .order_summary  {width: 230px; margin-left: -140px;}
	#fileformlabel {width: 100px !important;}
}

/* End */
/* /bitrix/templates/carrepair_default/css/owl.carousel.css?15949335456564 */
/* /bitrix/templates/carrepair_default/css/jquery.jscrollpane.css?15949335451466 */
/* /bitrix/templates/carrepair_default/css/update_styles.css?15949335452915 */
/* /bitrix/templates/carrepair_default/css/custom.css?159493354526 */
/* /bitrix/templates/.default/components/bitrix/menu/services_tree/style.css?15949335491217 */
/* /bitrix/templates/carrepair_default/styles.css?17273705431038 */
/* /bitrix/templates/carrepair_default/template_styles.css?172737054365012 */