/* A4U NORMALIZER */
html { font-size: 100.01%; }
html, body { margin: 0; padding: 0; }
body, input, select, textarea, button { font-family: Arial, helvetica, sans-serif; }
body { font-size: 90%; background-color: #f8f8f8; color: #444; }
a { text-decoration: none;}
a:hover { text-decoration: underline; }
a img { border: none; }
img { max-width: 100vw; max-height: 100vw; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
p { margin-top: 0; }
button, input, textarea, select, th, td, pre { font-size:100%; }
form { margin:0; padding:0; }
/* EOF A4U NORMALIZER */


/* IE10, 11 styleshit */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

}
/* EOF IE10, 11 styleshit */

/* COLUMNS */

/* EOF COLUMNS */


body { background: #333; overflow-y: scroll; font-family: Helvetica, sans-serif; }
.bigWrap { background: #fff; }
.widthFix { width: 100%; max-width: 1000px; margin: auto; }
.languages { text-align: right; position: absolute; }

.logo { height: 21px; width: 190px; font-size: 1px;  }
.logoFix { position: absolute; height: 1px; border: 0px !important; }
.logoFix img { position: relative; left: -92px; top: -70px; }

/* A4U MENU */
.menu { background: rgba(255,255,255,0.23); overflow: hidden; height: 109px; width: 100%; position: absolute; z-index: 5000; }
.inMenu { text-align: center; margin: auto; padding-top: 10px; }
.menu .inMenu div { display: inline-block; padding: 15px; margin-top: 22px; border-left: 1px solid #fff; font-size: 18px; }
.menu .inMenu div.active a { color: #000; }
.menu .inMenu a { color: #fff; }
.mobMenu { display: none; margin-top: 120px; margin-bottom: 10px; }
.mobMenu a { display: block; margin: 10px auto; width: 90%; background: #da4040; border-radius: 3px; padding: 5px 15px; color: #fff; font-weight: bold; text-align: center; font-size: 20px; }
.mobMenuButton { display: none !important; font-size: 50px !important; border: none !important; margin-top: 0px !important; }
.menu .languages { cursor: pointer; }
.menu .languages .ion { color: #fff; }
.menu .languages .langNow { position: relative; top: -2px; border: none; display: inline-block; background: #fff; border-radius: 4px; font-size: 12px; padding: 4px; margin: 0px;}
.availableLanguages { display: none; position: absolute; z-index: 9000; }
.availableLanguages a { color: #444; display: inline-block; background: #fff; border-radius: 4px; font-size: 12px; padding: 4px; margin: 0px; margin-bottom: 2px; }
.availableLanguages a:hover { text-decoration: none; }
@media all and (max-width: 770px) {
	.menu { background: #fff; height: auto; min-height: 109px; box-shadow: 1px 1px 3px #999; }
	.menu .inMenu div { display: none; }
	.menu .inMenu div.logoFix { display: inline-block; }
	.menu .inMenu div.logo { display: inline-block; border: none; float: left; }
	.mobMenuButton { display: inline-block !important; float: right; }
	.menu .languages { display: none; }
	.mobLanguages { text-align: center; }
	.mobLanguages a { display: inline-block !important; width: 25%; margin: 0.5%; background: #444; }
	.mobLanguages a.active { background: #da4040; }
}

.subMenu { border-bottom: 1px solid #c2c2c2; text-align: center; box-shadow: 1px 0px 2px #999;}
.subMenu a { display: inline-block; color: #fff; font-weight: bold; background: #da4040; padding: 7px; border-radius: 4px; margin: 15px 10px; }
/* EOF A4U MENU */

.content { }
.footer { padding: 10px 0px; color: #fff; }

.info { background: #9f9; color: #090; border: 1px solid #090; text-align: center; padding: 10px; box-shadow: 1px 1px 3px #999; }
.error { background: #f99; color: #900; border: 1px solid #900; text-align: center; padding: 10px; box-shadow: 1px 1px 3px #999; }

@media all and (max-width: 500px) {
	.optional { display: none ; }
}

.liveEdit { min-height: 5px; }
.liveEdit:hover { outline: 1px dotted #ccc; }




.floatCont { overflow: auto; }

input, select, textarea { border: 1px solid #a1a1a1; width: 149px; border-radius: 3px; height: 30px; font-size: 13px; line-height: 30px; background: none; color: #919191; padding: 0px; padding-left: 35px; padding-right: 15px; }
select { height: 32px; width: auto; }
input[type="radio"], input[type="checkbox"] { width: auto; height: auto; }
textarea { height: 72px; width: 149px; }
.ionput { position: absolute; margin-left: 15px; margin-top: 8px; color: #000; font-size: 15px; }
button { border: none; cursor: pointer; display: block; text-align: center; margin: auto; background: #d7d7d7; color: #858585; border-radius: 4px; margin-top: 8px; padding: 0px 15px; line-height: 25px; }
button:hover { background: #da4040 !important; color: #fff; }
button.disabled { background: #d7d7d7 !important; cursor: auto; }

h3 { color: #000; margin-bottom: 1px; font-size: 14px; margin-top: 20px;}
.mainSmallText h3 { color: #318891; border-bottom: 1px solid #d9d9d9; padding: 18px; text-align: center; font-size: 14px; margin-bottom: 17px; }
.grayContent { background: #eee; }

.topImg { height: 555px; background-size: cover; background-position: center center no-repeat;}
.midImg { height: 555px; background-size: cover; background-position: center center no-repeat;}

.mainPhone { display: block; background: rgba(0,0,0,0.23); border-radius: 4px; width: 350px; height: 81px; position: relative; top: 260px; left: 100px; color: #fff; font-weight: bold; line-height: 81px; font-size: 35px; text-align: center; }
.mainPhone .ion { font-size: 45px; color: #a7a9ac; position: relative; top: 5px; }
.topImgSearchAndPhone .mainPhone { left: 600px; top: 300px; }
@media all and (max-width: 500px){
	.mainPhone { left: 0px; background: #fff; color: #000; border-radius: 0px; width: 100%; }
	.topImgSearchAndPhone .mainPhone { left: 0px; top: 530px; margin-top: 20px; }
	.topImgSearchAndPhone { height: 615px; }
}

.indexCars { margin-top: -70px; overflow: auto; }
.indexCars .arr { cursor: pointer; margin-top: 27px; background: #d7d7d7; width: 37px; height: 84px; border-radius: 4px; line-height: 84px; font-size: 25px; text-align: center;}
.indexCars .arrLeft { float: left; }
.indexCars .arrRight { float: right; }
.indexCars .scroll { width: calc(100% - 75px); height: 325px; overflow: hidden; }
.indexCars .scrollCont { height: 325px; overflow: hidden; }
.indexCars .car { float: left; width: 220px; margin: 0px 5px; }
.indexCars .car .img { background-position: bottom center; background-repeat: no-repeat; background-size: contain; width: 220px; height: 130px; }
.indexCars .car .subject { text-align: center; font-weight: bold; border-bottom: 1px solid #959595; padding-bottom: 8px; margin-bottom: 12px; }
.indexCars .car .gb, .indexCars .car .fc { overflow: auto; }
.indexCars .car .ion { font-size: 20px; display: inline-block; height: 30px; float: left; margin-right: 10px;  }
.indexCars .car .fc { border-bottom: 1px solid #444; padding-bottom: 11px; }

form.selBox { background: rgba(255,255,255,0.76); padding: 40px 30px; border-radius: 4px; position: relative; top: 53px; width: 334px; right: 34px; float: right;}
form.selBox .subject { text-transform: uppercase; border-bottom: 1px solid #919191; padding-bottom: 19px; margin-bottom: 21px; text-align: center; font-size: 18px; }
form.selBox button { color: #fff; font-size: 18px; background: #919191; padding: 3px 15px; margin-top: 30px; }

.topImg form.selBox { top: 150px; right: auto; float: left; left: 50px; }
.topImgSearchAndPhone form.selBox { top: 70px; }
.ui-dialog form.selBox { top: 0px; margin-top: 20px; }

.mainSmallText { font-size: 12px; background: #fff; border: 1px solid #d8d8d8; width: 225px; padding: 10px; float: left; margin: 40px; margin-top: 80px; margin-bottom: 50px; border-radius: 4px; box-shadow: rgba(0,0,0,0.2) 3px 3px 6px; }
.mainSmallText .mstIcon { width: 95px; height: 95px; border-radius: 47px; background: #eee; margin: auto; margin-top: -57px; }
.mainSmallText .mstIcon .mstIco { width: 83px; height: 83px; border-radius: 41px; background: #eee; margin: auto; position: relative; top: 6px; background-color: #fff; background-repeat: no-repeat; background-position: center; }
.mstt { font-size: 12px; height: 100px; overflow: auto; }

#contact-map { height: 370px; }

.ui-datepicker { z-index: 6000 !important;}
.stepper { border-bottom: 1px solid #c2c2c2; text-align: center; box-shadow: 1px 0px 2px #999; padding: 15px; }
.stepper div { display: inline-block; margin-right: 20px; }
.stepper div.active { font-weight: bold; }

.carList { margin: 0px; padding: 0px; }
.carList .car { width: 100%; margin: 30px 0px; overflow: auto; }
.carList .car .genInfo { float: left; width: 22%; margin: 0px 2% 0px 0px }
.carList .car .genInfo .img { background-position: bottom center; background-repeat: no-repeat; background-size: contain; width: 100%; height: 130px; }
.carList .car .genInfo .subject { text-align: center; font-weight: bold; border-bottom: 1px solid #959595; padding-bottom: 8px; margin-bottom: 12px; }
.carList .car .genInfo .gb, .indexCars .car .geninfo .fc { overflow: auto; }
.carList .car .genInfo .ion { font-size: 20px; display: inline-block; height: 30px; float: left; margin-right: 10px;  }
.carList .car .textInfo { font-size: 14px; float: left; width: 45%; padding: 25px 3% 45px; border-left: 2px solid #d3d3d3; border-right: 2px solid #d3d3d3; margin: 20px 5px 0px; min-height: 100px; }
.carList .car .textInfo .price { font-size: 16px; font-weight: bold; margin-top: 20px; }
.carList .car .textInfo .price .ion { font-size: 30px; margin-right: 1%; position: relative; top: 5px; }
.carList .car .textInfo .price .price { color: #d2474c; }
.carList .car .btn { float: left; margin-top: 100px; width: 20%; text-align: right; }
@media all and (max-width: 600px){
	.carList .car .btn { margin-top: 0px; }
	.carList .car .genInfo { width: 45%; }
	.carList .car .textInfo { width: 45%; border-right: 0px; margin-right: 0px; }
	.carList .car { border-bottom: 2px solid #d3d3d3; padding-bottom: 20px; }
}
@media all and (max-width: 400px){
	.carList .car .genInfo { width: 90%; float: none; margin-left: auto; margin-right: auto; }
	.carList .car .textInfo { width: 90%; float: none; margin-left: auto; margin-right: auto; border: 0px; padding-top: 0px;}
	.carList .car .btn { width: 90%; float: none; margin-left: auto; margin-right: auto; }
	.carList .car { border-bottom: 4px solid #d3d3d3; padding-bottom: 20px; }
}

.inpColon { width: 100%; margin: auto; margin-top: 30px; }
.inpColon div { margin: 5px; float: left; overflow: auto; width: 100%; max-width: 450px; }
.inpColon div label { display: inline-block; width: 50%; text-align: right; }
.inpColon div label:after { content: ': '; }


#contacts { padding: 30px; border-top: 1px solid #999; margin-top: 40px; }