/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
   font-family: Myriad Pro Regular;
   src: url(../fonts/MyriadProRegular/MyriadProRegular.ttf);
}
@font-face {
   font-family: Bauhaus93;
   src: url(../fonts/Bauhaus93.ttf);
}
@import url('https://fonts.googleapis.com/css?family=Raleway');
a, button, input, p, h1, h2, h3, h4, label, select{
  font-family: Myriad Pro Regular;
  color: #3c3d42;
}

div.inline{
	display: inline-block;
}

/*Header start*/
.navbar{
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 28px;
  padding-bottom: 28px;
}
.navbar-brand{
  font-size: 30px;
  font-weight: 400;
}
ul.nav.navbar-nav li a{
  color:  #747a7a;
  font-size: 18px;
  font-weight: 400;
}
ul.nav.navbar-nav li.active a{
  color:  #3c3d42;
}
.navbar-toggle .icon-bar {
    background-color: black;
}

/*header end*/

.nopadding{
  padding: 0;
}
section.intro{
  padding-bottom: 50px;
}
section.intro .merc-1, section.intro .merc-2{
  background-repeat: no-repeat;
  max-height: 731px;
  min-height: 731px;
  background-size: cover;
  position: relative;
}
section.intro .merc-1{
  background-image: url(../images/merc-1.png);
}
section.intro .merc-2{
  background-image: url(../images/merc-2.png);
}
section.intro .merc-2 .content, section.intro .merc-1 .content{
  /*padding: 250px 0;*/
  /*position: relative;*/
}
section.intro .merc-1 .content{
  position: absolute;
  max-width: 468px;
  right: 50px;
  top: 30%;
}
section.intro .merc-1 .content h1{
  color:  #ffffff;
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
}
section.intro .merc-1 .content h3{
  font-family: Raleway;
  color:  #ffffff;
  font-size: 36px;
  font-weight: 300;
}
section.intro .merc-1 .content p{
  font-family: Raleway;
  color:  #9dc8d1;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
/*Trucks section*/
section.trucks{
  padding: 50px 0;
}
section.trucks .top h2{
  color:  #636c6c;
  font-size: 36px;
  font-weight: 400;
}
section.trucks .top p{
  font-family: Raleway;
  color:  #b0b8b8;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

hr.small{
  max-width: 100px;
}
section.trucks .padding{
  padding-top: 110px;
}
section.trucks .cars{

}
section.trucks .cars:after{
  content: '';
  position: absolute;
  height: 100%;
  right: 0;
  top: 26px;
  width: 1px;
  background-color: #dbe2e2;
}
section.trucks .cars .item{
  cursor: pointer;
  padding-bottom: 25px;
}
section.trucks .cars .item.active:after{
	content: '';
	background-color: #5dca88;
	width: 11px;
	height: 80px;
	position: absolute;
	right: -5px;
	z-index: 1;
	margin-top: -3px;
}
section.trucks .cars .item .desc{
  display: inline-block;
  vertical-align: top;
  padding-top: 6px;
  margin-left: 30px;
}
section.trucks .cars .item .desc h3{
  color:  #9fa9a9;
  font-size: 36px;
  font-weight: 400;
}
section.trucks .cars .item:hover .desc h3, section.trucks .cars .item:hover .desc p{
	color: #646767;
}
section.trucks .cars .item .desc p{
  color:  #9fa9a9;
  font-size: 18px;
  font-weight: 400;
}
section.trucks .cars .item.truck{

}
section.trucks .cars .item.semi-truck{
	padding-left: 12.8%;
}
section.trucks .cars .item.car{
	padding-left: 15.7%;
}
section.trucks .cars .item.suv{
	padding-left: 17.5%;
}
section.trucks .cars .item.rvs{
	padding-left: 18.3%;
}
section.trucks .cars .item.buses{
	padding-left: 24.6%;
}
section.trucks .cars .item.boats{
	padding-left: 17%;
}
section.trucks .options .item.long{
	border-width: 3px;
  border-color: #5dca88;
  border-style: solid;
  padding: 10px 70px;
	position: relative;
	cursor: pointer;
	margin-bottom: 18px;
}
section.trucks .options .item.long h3{
	color: #5dca88;
	font-size: 24px;
	font-weight: 400;
}
section.trucks .options .item.long p{
	color:  #9fa9a9;
	font-size: 18px;
	font-weight: 400;
}
section.trucks .options .item.long p.price{
	color: #5dca88;
	font-size: 24px;
}
section.trucks .options .item.long .r-button{
	position: absolute;
	left: 20px;
	top: 34%;
	visibility: hidden;
}
section.trucks .options .item.long .check{
	display: block;
  position: absolute;
  border: 5px solid #5dca88;
  border-radius: 100%;
	height: 26px;
	width: 26px;
  top: 30px;
  left: 20px;
	/*z-index: 5;*/
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
section.trucks .options .item.long label{
	position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 5;
}
section.trucks .options .item.long:hover .check {
  border: 5px solid #5dca88;
}
section.trucks .options .item.long .check::before{
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 8px;
	width: 8px;
	top: 4px;
	left: 4px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
section.trucks .options .item.long input[type=radio]:checked ~ .check{
	border: 5px solid #5dca88;
}
section.trucks .options .item.long input[type=radio]:checked ~ .check::before{
  background: #5dca88;
}
section.trucks .options .item.long p.hours{
	position: absolute;
  right: 10px;
  top: 12px;
}
section.trucks .options .item.long p.price{
	position: absolute;
	right: 9px;
	bottom: 8px;
}
section.trucks .options .short.options h3{
	color:  #a5afaf;
	font-size: 24px;
	font-weight: 400;
	line-height: 50px;
}
section.trucks .options .short.options .item.short{
	border: 3px solid #5dca88;
	padding: 30px 10px;
	width: 182px;
	height: 83px;
	position: relative;
	cursor: pointer;
}
section.trucks .options .short.options .item.short p.hour{
	position: absolute;
	top: 10px;
	right: 10px;
	color:  #9fa9a9;
	font-size: 18px;
	font-weight: 400;
	line-height: 13px;
}
section.trucks .options .short.options .item.short p.price{
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #5dca88;
	font-size: 24px;
	font-weight: 400;
	line-height: 13px;
}
section.trucks .options .short.options .item.short label{
	color:  #9fa9a9;
	font-size: 16px;
	font-weight: 400;
	pointer-events: none;
}
/* Base for label styling */
section.trucks .options .short.options .item.short [type="checkbox"]:not(:checked),
section.trucks .options .short.options .item.short [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
section.trucks .options .short.options .item.short [type="checkbox"]:not(:checked) + label,
section.trucks .options .short.options .item.short [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}
/* checkbox aspect */
section.trucks .options .short.options .item.short [type="checkbox"]:not(:checked) + label:before,
section.trucks .options .short.options .item.short [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: -2px;
  width: 1.25em; height: 1.25em;
  border: 2px solid #5dca88;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
section.trucks .options .short.options .item.short [type="checkbox"]:not(:checked) + label:after,
section.trucks .options .short.options .item.short [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .05em; left: .2em;
  font-size: 1.1em;
  line-height: 0.8;
  color: #5dca88;
  transition: all .2s;
}
/* checked mark aspect changes */
section.trucks .options .short.options .item.short [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
section.trucks .options .short.options .item.short [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
section.trucks .options .short.options .item.short [type="checkbox"]:disabled:not(:checked) + label:before,
section.trucks .options .short.options .item.short [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #5dca88;
  background-color: #ddd;
}
section.trucks .options .short.options .item.short [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
section.trucks .options .short.options .item.short [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
section.trucks .options .short.options .item.short [type="checkbox"]:checked:focus + label:before,
section.trucks .options .short.options .item.short [type="checkbox"]:not(:checked):focus + label:before {
  /*border: 2px dotted blue;*/
}

/* hover style just for information */
section.trucks .options .short.options .item.short label:hover:before {
  /*border: 2px solid #4778d9!important;*/
}

section.trucks .options .bottom{
	padding-top: 70px;
}
section.trucks .options .bottom .left p{
	color:  #9fa9a9;
	font-size: 18px;
	font-weight: 400;
	display: inline-block;
}
section.trucks .options .bottom .left p.exclamation{
	font-family: Bauhaus93;
	color:  #ca5d5d;
	font-size: 72px;
	font-weight: 400;
}
section.trucks .options .bottom .right p.total{
	color:  #a5afaf;
	font-size: 24px;
	font-weight: 400;
}
section.trucks .options .bottom .right p.total span.price{
	color:  #5dca88;
	font-size: 24px;
	font-weight: 400;
}
section.trucks .options .bottom .right button{
	background-color: #5dca88;
	border: 0;
	padding: 4px 33px;
	color:  #ffffff;
	font-size: 24px;
	font-weight: 400;
}
@media(max-width: 1200px){
	section.trucks .cars .item{
		padding-left: initial !important;
	}
}
@media(max-width: 777px){
	section.trucks .cars .item.active:after{
		right: 0px;
	}
}
/*end of trucks section*/

/*Our Latest Works*/
section.latest-works{
  padding: 50px 0;
}
section.latest-works .top h2{
  color:  #636c6c;
  font-size: 36px;
  font-weight: 400;
}
section.latest-works .top p{
  font-family: Raleway;
  color:  #b0b8b8;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
section.latest-works .top .before-after{
	padding-top: 80px;
}
section.latest-works .top .before-after h3{
	color:  #636c6c;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
}
hr.small{
  max-width: 100px;
}
section.latest-works .slider{
	padding-top: 90px;
}
section.latest-works .slider h3{
	color:  #636c6c;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 20px;
}
section.latest-works .before_clean, section.latest-works .after_clean{
	background-repeat: no-repeat;
	max-height: 731px;
	min-height: 731px;
	background-size: cover;
	position: relative;
}
section.latest-works .before_clean{
	background-image: url(../images/before_clean.png);
}
section.latest-works .after_clean{
	background-image: url(../images/after_clean.png);
}
/*end of Our Latest Works*/
/*Our clients*/
section.our-clients{
  padding: 50px 0;
}
section.our-clients .top h2{
  color:  #636c6c;
  font-size: 36px;
  font-weight: 400;
}
section.our-clients .top p{
  font-family: Raleway;
  color:  #b0b8b8;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
section.our-clients .images img{
	margin-top: 50px;
}
section.our-clients .images .cl-1{
	padding-top: 4%;
}
section.our-clients .images .cl-4{
	padding-top: 4%;
}
section.our-clients .images .cl-5{
	padding-top: 2.5%;
}
section.our-clients .images img{
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
}
section.our-clients .images img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
@media (min-width: 992px){
	section.our-clients .images .cl-1, .cl-2, .cl-3, .cl-4, .cl-5{
		float: right;
	}
}
/*end of our clients*/
/*comments and feedback*/
section.comments{
  padding: 50px 0;
}
section.comments .top h2{
  color:  #636c6c;
  font-size: 36px;
  font-weight: 400;
	margin-bottom: 50px;
}
/*end of comments and feedback*/
.gellery .images img{
		cursor:pointer;
}
@media (max-width: 768px) {
	.gellery .images img{
		width: 100%;
	}
}
#modal-gallery .modal-header{
	border: none;
}
#modal-gallery .modal-content{
	box-shadow: none;
	border: none;
	background: initial;
}
#modal-gallery .carousel-control.right, #modal-gallery .carousel-control.left{
	background-image: none;
}
#modal-gallery .carousel-inner>.item>a>img, .carousel-inner>.item>img{
	width: 100%;
}
#modal-gallery .close{
	font-size: 40px;
}
#optionsModal .input-group{
	width: 100%;
}
@media (min-width: 768px){
	.modal-dialog {
		max-width: 775px;
		width: initial;
	}
}
/*footer*/
footer{
	text-align: center;
	background-color:  #2d312f;
	padding-top: 75px;
	padding-bottom: 50px;
	margin-top: 50px;
}
footer h3{
	color:  #8c9494;
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 30px;
}
footer ul.list-social{
	margin-left: initial;
}
footer ul.list-social li a{
	background-color: #8c9494;
	display: block;
	height: 42px;
	width: 42px;
	line-height: 45px;
	font-size: 23px;
	border-radius: 100%;
}
footer ul.links{
	margin-top: 70px;
}
footer ul.links li a{
	color:  #8c9494;
	font-size: 14px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	line-height: 24px;
}
/*end of footer*/