/*

FACE

Гайдлайн

Шрифт заголовков — Bebas Neue Book
Шрифт текста — Roboto

Размер h1 — 94px
Размер h2 — 48px

Серый — #a7a7a7
Серый 2 — #d1d1d1
Оранжевый — #f86b0d


*/

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin,cyrillic);

@font-face {
    font-family: Bebas;
    src: url(../fonts/BebasNeueBook.otf);
    src: url(../fonts/BebasNeueBook.ttf);
   }

body{background:#fff;font-family: "Roboto", sans-serif!important}
.container {width: 1280px;}
.container2 {width: 960px;margin: 0 auto}



#intro {
	height:700px;
	background-size: cover!important;
	color: #fff;
}
#intro h1 {font-size: 94px!important;margin-top: 100px;}
h1, h2 {
	font-size: 48px;
	text-align: center;
	font-family: Bebas;
}


.intro__header {padding: 20px 0}
.intro__header span {color: #f86b0d;display: block;font-size: 18px}
.intro__header strong {font-size: 18px;font-weight: 300}

#descriptor {font-size: 24px;font-weight: 300}

.services__tabs a {text-align: center;border:0!important;}
.services__tabs a:hover {background: none!important;}
.services__tabs .nav {
	margin: 30px 0;
}

.services__tabs a span {display: inline-block;border-bottom: 4px solid #d1d1d1;margin-top:20px;color: #000;font-size: 18px;}
.services__tabs li.active a span, .services__tabs a:hover span {border-bottom: 4px solid #f86b0d;}

.tab-content {border-top:1px solid #f86b0d;padding: 20px;background: #f6f6f6;}
.tab-pane { font-size:18px;}
.tab-pane h3 {color:#f86b0d;font-weight:bold;}

#car {background: #e6e7e9;padding: 50px 0;position: relative;}
.car__block {
	margin: 0 auto;
	width: 656px;
	height: 563px;
	background: url(../img/car0.png);
	transition:.5s;
	position:relative;
}

.car_caption {position: absolute;width: 200px;}
.car_caption h3 {border-bottom: 1px solid rgba(0,0,0,0)}
.car_caption.caption1 {
	margin-top: 80px;
    margin-left: -275px;
    top: 0;
}
.car_caption.caption2 {
	margin-top: 380px;
    margin-left: -350px;
    top: 0;
}
.car_caption.caption2-9 {
	    margin-top: 155px;
    margin-right: -250px;
    top: 0;
    right:0;
}
.car_caption.caption3 {
	    margin-top: 265px;
    margin-right: -270px;
    top: 0;
    right:0;
}
.car_caption.caption4 {
	    margin-top: 420px;
    margin-right: -230px;
    top: 0;
    right:0;
}
.car_caption:hover h3 {border-bottom: 1px solid #e7bca5;display: inline-block;}
.car_caption.caption1:hover .arrow1 {background: url(../img/arrow__dvig-h.png);}
.car_caption.caption2:hover .arrow2 {background: url(../img/arrow__podkril-h.png);}
.car_caption.caption2-9:hover .arrow2-9 {background: url(../img/arr_sm2.png) no-repeat;}
.car_caption.caption3:hover .arrow3 {background: url(../img/arrow__zad-pruzh-h.png);}
.car_caption.caption4:hover .arrow4 {background: url(../img/arrow__prostav-h.png);}

.car_caption .arrow {position: absolute;}
.car_caption .arrow1 {width: 216px;height: 158px;background: url(../img/arrow__dvig.png);    margin-left: 195px;margin-top: 25px;top: 0;}
.car_caption .arrow2 {width: 261px;height: 150px;background: url(../img/arrow__podkril.png);    margin-left: 150px;margin-top: -110px;top: 0;}
.car_caption .arrow2-9 {width: 100px;height: 60px;background: url(../img/arr_sm.png) no-repeat; margin-left: -105px;margin-top: 10px;top: 0;}
.car_caption .arrow3 {width: 221px;height: 115px;background: url(../img/arrow__zad-pruzh.png);margin-left: -250px;margin-top: -25px;top: 0;-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);}
.car_caption .arrow4 {width: 325px;height: 86px;background: url(../img/arrow__prostav.png);margin-left: -350px;margin-top: -25px;top: 0;-webkit-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);}



/*Блок наши "наши услуги" раздел "агрегатный ремонт" подблок ремонт двигателя*/
#services .tlc-lp .block1 {
    background: #f6f6f6;
    color: #000;
}



#works { scroll-margin:80px;}

#reviews {
    scroll-margin:40px;
	/*height: 700px;*/
	padding: 40px 0;
	background: url(../img/reviews__bg.jpg) no-repeat center center;
	background-size: cover;
}
.reviews__slider .item {
	    padding: 120px 50px 40px 70px;
	width: 1366px;
	height:344px;
	background: url(../img/review__bg.png) no-repeat center center;
	background-size: cover;
}
#reviews h2 {color:#fff;padding:20px;background: rgba(0,0,0,0.5);display: inline-block;}
#reviews .caption {color:#fff;font-size: 18px;}

#video {padding: 40px 0}
#video .caption {height:204px;background: #f5f5f5;}

#contacts {height: 700px}
.contacts__form {padding:20px 30px;background: rgba(0,0,0,0.7);width: 400px;position:absolute;left:10%;z-index: 10;margin-top: 150px}
#contacts h2 {color:#000;padding:20px;background: rgba(255,255,255,0.5);display: inline-block;position: absolute;z-index:10;left: 50%;margin-left: -150px;margin-top: 50px;}
#contacts h3 {color: #fff;border-bottom: 1px solid #818181;padding-bottom: 15px}
.contacts__form input {width: 100%;height: 50px;font-size: 18px;padding: 0 20px}

.contacts__form button {background: #ea6b27;height: 50px;width: 100%;border: 0;margin-top: 20px;color:#fff;font-size: 18px}

.agreg__items img { width:100%;}











/*........................Начало стили второй коректировок...................*/
.intro__header {
	position: relative;
	z-index: 9;
}

#intro {
	position: relative;
	margin-top: 90px;
}
.headPic1 {
	height: 700px;
	background: url(../img/intro__bg.jpg) no-repeat center center;
}
.headPic2 {
	height: 700px;
	background: url(../img/120+150.jpg) no-repeat center center;
}
.headPic3 {
	height: 700px;
	background: url(../img/100+76.jpg) no-repeat center center;
}

.header-slider__items .slick-dots li button:before{
	font-size: 20px;
}
.header-slider__items .slick-dots li {
	margin: 0 20px;
}
.header-slider__items .slick-dots {
	bottom: 15px;
}
.header-slider__items .slick-dots li.slick-active button:before{
	color: #F86B0D;
}
.header-slider__items .slick-dots li button:before {
	color: #F86B0D;
}
.servIrk h2 {
	margin: 40px 0;
}
.servIrk .servIrk-text, .servIrk .servIrk-icon {
	text-align: center;
}
.servIrk .servIrk-text {
	margin-top: 20px;
	font-size: 18px;
	line-height: 30px;
}
.workWith {
	padding: 40px 0;
}
.workWith .workWith-content_text {
	font-size: 20px;
	text-align: center;

}
.workWith-slider {
	margin: 50px 0;
}
.workWith-slider .item {
	border: 1px solid #DDDDDD;
	text-align: center;
	border-bottom: none;

}
.workWith-slider .workWith-pic img {
	height: 160px;
	display: inline;
}
.workWith-slider a {
	text-decoration: none;
	color: #000;
}
.workWith-link span {
	font-size: 18px;
	display: block;
	padding: 10px 0;
	transition: .3s;
}
.workWith-slider a:hover span {
	background: #FF6B14;
	color: #fff;
}


#contacts{
	margin-top: 50px;
}
.slider-bottom {
	margin: 50px 0;
}
.slider-bottom img{
	height: 500px;
}
.slider-bottom_text, .slider-bottom_pic{
	position: relative;
} 
.slider-bottom_text {
	padding: 30px 0;
}

#slider, .slider-bottom {
	display: none;
}

.car__block .caption4 ol{
	padding-left: 15px;
}


.reviews-video .vd-wrap{
	margin: 10px 0;
}
.our-work_video .vd-wrap {
	margin: 10px 0;
}

/*........................Начало стили блока история одной машины..................*/

.historyCar .historyCar-text a{
	color: #000;
}
.historyCar .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #EB6C29;
    cursor: default;
    background-color: #fff;
    border: 1px solid #EB6C29;
    border-bottom-color: transparent;
}

.historyCar-text .tab-content{
	height: 580px;
}
.historyCar-pic {
	margin-top: 50px;
}

.historyCar-text .tab-content ol {
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset: num; /* Задаём имя счетчика */
   }
.historyCar-text .tab-content li::before {
    content: counter(num) '. '; /* Выводим число */
    counter-increment: num; /* Увеличиваем значение счётчика */
    color: #EB6C29;
   }
.historyCar-pic_inside div{
height: 580px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.car1-pic1{
	background-image: url(../img/historyCar/car1/1.jpeg);
}
.car1-pic2{
	background-image: url(../img/historyCar/car1/2.jpeg);
}
.car1-pic3{
	background-image: url(../img/historyCar/car1/3.jpeg);
}
.car1-pic4{
	background-image: url(../img/historyCar/car1/4.jpeg);
}
.car1-pic5{
	background-image: url(../img/historyCar/car1/5.jpeg);
}
.car1-pic6{
	background-image: url(../img/historyCar/car1/6.jpeg);
}


.car2-pic1{
	background-image: url(../img/historyCar/car2/1.JPG);
}
.car2-pic2{
	background-image: url(../img/historyCar/car2/2.JPG);
}
.car2-pic3{
	background-image: url(../img/historyCar/car2/3.JPG);
}
.car2-pic4{
	background-image: url(../img/historyCar/car2/4.JPG);
}

.car3-pic1{
	background-image: url(../img/historyCar/car3/1.jpg);
}
.car3-pic2{
	background-image: url(../img/historyCar/car3/2.jpg);
}
.car3-pic3{
	background-image: url(../img/historyCar/car3/3.jpg);
}
.car3-pic4{
	background-image: url(../img/historyCar/car3/4.jpg);
}
.car3-pic5{
	background-image: url(../img/historyCar/car3/5.jpg);
}
.car3-pic6{
	background-image: url(../img/historyCar/car3/6.jpg);
}
.car3-pic7{
	background-image: url(../img/historyCar/car3/7.jpg);
}
.car3-pic8{
	background-image: url(../img/historyCar/car3/8.jpg);
}
/*........................Конец стили блока история одной машины...................*/
.faq-wrap .panel-heading .panel-title a {
	text-decoration-line: none;
}
.faq-wrap ul{
    list-style-type: none; /* Прячем исходные маркеры */
}
.faq-wrap li:before {
	font-size: 30px;
	color: #EB6C29; /* Цвет маркера */
	content: "•"; /* Сам маркер */
	padding-right: 10px;
	vertical-align: middle;
}

.faq-wrap .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #EB6C29;
}
.pn-active{
	border-color: #EB6C29;
}
.pn-hd_active{
	background-color: #EB6C29 !important;
	color: #fff !important;
}

/*...........Наши услуги..........*/
#services .services__tabs .tab-content {
    height: 100vh;
    overflow-y: scroll;
}


/* .serPic-item {
    height: 340px;
    width: 580px;
    position: relative;
}
.serPic-item img{
    position: absolute;
}

.serPic-item {
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
    width: 580px !important;
}


.ser1-pic1 {
    background-image: url(../img/regular.jpg);
    
}


.ser2-pic1 {
    background-image: url(../img/1-1.jpg);
 
} 

.ser2-pic1{
    background-image: url(../img/1-2.jpg);

}
.ser2-pic2{
    background-image: url(../img/1-3.jpg);

}
.ser2-pic3{
    background-image: url(../img/agregat.JPG);

}


.ser3-pic1 {
    background-image: url(../img/kuzov.jpg);
}

.ser4-pic1{
    background-image: url(../img/egr.jpg);
}
.ser4-pic2{
    background-image: url(../img/rt-200.jpg);
}
.ser4-pic3{
    background-image: url(../img/rt-200-2.jpg);
}
 */
/*........................Конец стили второй коректировок...................*/


/*menu*/
.HeaderFixedMenu {
    height: 90px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    left: 0;
    background: #333333;
}
/* -/-menu*/


.pageRegular .tab-content>.tab-pane {
    display: block;
}
.pageAgregat .tab-content>.tab-pane {
    display: block;
}

.pageKuzov .tab-content>.tab-pane {
    display: block;
}

.pageTuning .tab-content>.tab-pane {
    display: block;
}


.pageRegular .tab-content, .pageAgregat .tab-content,
.pageKuzov .tab-content, .pageTuning .tab-content {
    border-top: none;
    height: 100% !important;
    overflow-y: visible !important;
    padding: 0;
}
table.tormoza td {
    width: 25%;
}
 img.logoPic {
     height: 50px !important;
 }

.matoriLK td:nth-child(4n){
    padding-right: 0;
}
.matoriLK td:nth-child(1n){
    padding-left: 0;
}


/*tipa lazy load*/
/* .wrapper {
    max-width: 680px;
    margin: 80px auto;
    padding: 0 20px;
} */

.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	/*opacity: 0.7;*/
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
/*-/-tipa lazy load*/


/*icon tabs*/
.icon-tab1{
    height: 111px;
    width: 108px;
    display: inline-block;
    background: url(/img/icon-tab1.png) no-repeat;
    background-size: contain;
}.icon-tab2{
    height: 111px;
    width: 108px;
    display: inline-block;
    background: url(/img/icon-tab2.png) no-repeat;
    background-size: contain;
}.icon-tab3{
    height: 111px;
    width: 108px;
    display: inline-block;
    background: url(/img/icon-tab3.png) no-repeat;
    background-size: contain;
}.icon-tab4{
    height: 111px;
    width: 108px;
    display: inline-block;
    background: url(/img/icon-tab4.png) no-repeat;
    background-size: contain;
}


.services__tabs li a:hover .icon-tab1 {
     background: url(/img/iconO-tab1.png) no-repeat;
    background-size: contain;
}.services__tabs li a:hover .icon-tab2 {
     background: url(/img/iconO-tab2.png) no-repeat;
    background-size: contain;
}.services__tabs li a:hover .icon-tab3 {
     background: url(/img/iconO-tab3.png) no-repeat;
    background-size: contain;
}.services__tabs li a:hover .icon-tab4 {
     background: url(/img/iconO-tab4.png) no-repeat;
    background-size: contain;
}

.icon-tab1-active {
     background: url(/img/iconO-tab1.png) no-repeat;
    background-size: contain;
}.icon-tab2-active {
     background: url(/img/iconO-tab2.png) no-repeat;
    background-size: contain;
}.icon-tab3-active {
     background: url(/img/iconO-tab3.png) no-repeat;
    background-size: contain;
}.icon-tab4-active {
     background: url(/img/iconO-tab4.png) no-repeat;
    background-size: contain;
}




.hlebnieKroshki a{
    text-decoration: none;
    color: #000;
}

.hlebnieKroshki a:hover {
    color: #949494;
}

.hlebnieKroshki .hlebnieKroshki-active {
    color: #949494;
}

/* car */
#car .car_caption a {
    /* text-decoration: none; */
    color: #000;
}
#car .car_caption a:hover {
    color: #f86b0d;
}
/* /car */