@font-face {
  font-family:'PFDinTextCondPro-Reg';
  src:url('../fonts/pfdintextcondpro-regular-webfont.eot');
  src:url('../fonts/pfdintextcondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/pfdintextcondpro-regular-webfont.woff2') format('woff2'),
      url('../fonts/pfdintextcondpro-regular-webfont.woff') format('woff'),
      url('../fonts/pfdintextcondpro-regular-webfont.ttf') format('truetype'),
      url('../fonts/pfdintextcondpro-regular-webfont.svg#pf_din_text_cond_proregular') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'PFDinDisplayPro-Reg';
  src:url('../fonts/pfdindisplaypro-reg-webfont.eot');
  src:url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/pfdindisplaypro-reg-webfont.woff2') format('woff2'),
      url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'),
      url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'),
      url('../fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
	font-family:'Bebas Neue';
	src:url('../fonts/bebasneue_regular.eot');
	src:url('../fonts/bebasneue_regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/bebasneue_regular.woff') format('woff'),
	url('../fonts/bebasneue_regular.ttf') format('truetype');
	font-weight:400;
	font-style:normal
}

HTML, BODY, DIV, SPAN, APPLET, OBJECT,
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,
U, 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;	
	} 
	 
a {
	color:#ffffff;
	text-decoration:none;
	}

BODY {
	line-height:1;
	font-family:'PFDinDisplayPro-Reg', Arial;
	font-size:1em;
	}
	
OL, UL {
	list-style:none;	
	/*word-spacing: -0.36em;*/
	/*font-size:0;*/
	/*display:table;*/
	}
	
HTML, BODY {
	width:100%;
	height:100%;
	background-color:#354a5e;
	}
	
BODY>div {
	background:#354d67;
	}
	
HEADER {
	position:relative;
	z-index:100;
	top:0;
	left:0;
	width:100%;
	height:83px;	
	background-color:#152133;
	}
	
HEADER .logo {
		position:relative;
		padding-left:38px;
		}
		
.mainBlock980px {
	position:relative;
	width:980px;
	height:auto;
	margin:0 auto;
	}

#topBigPict {
	width:100%;
	height:auto;
	min-height:460px;
	background:
	url(../images/grey60perc.png) repeat,
	url(../images/topEngine.jpg) center no-repeat rgba(0,0,0,1);
	}
	
#offer {
	position:absolute;
	top:82px;
	margin-left:40px;
	width:427px;
	height:296px;	
	font-family:'Bebas Neue';
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	background:url(../images/offer.png) no-repeat;
	}	
		

#form1 {
	position:absolute;
	top:82px;
	left:67%;
	width:286px;
	height:296px;
	background:url(../images/form1.png) no-repeat;
	}
		
/*общие блоки*/	
.main {
	position:relative;
	width:100%;
	height:auto;
	background:#ffffff;	
	padding:0 0 40px 0;
	
	}
	
.siteMap {
	font-size:0.75em;
	color:#969696;
	padding:45px 0 0 0; 
	}

.siteMap i {
	color:#232323;
	font-style:normal;
	}
	
.title, .titleForm {
	font-family:'PFDinTextCondPro-Reg';
	font-size:2.9em;
	color:#4e4e4e;
	text-align:center;
	text-transform:uppercase;
	padding:45px 18px 9px 18px;
	}
	
.titleForm {
	color:#e0e0e0;
	font-size:2.2em;	
	padding:45px 0 18px 0;
	z-index:10;
	}
	
.color .siteMap {
	color:#d5d7d9;
	}
	
.color .siteMap i {
	color:#f7f7f7;
	}
	
.color .title {
	color:#eff0f1;
	}
	
.blocks2 li {	
	word-spacing: normal;
	display:inline-block;
	width:49%;
	text-align:center;
	font-size:1em;
	color:#4e4e4e;
	height:auto;
	vertical-align:top;
	}
	
.blocks3 {
	padding-top:36px;
	}

.blocks3 li {
	display:inline-block;
	width:31%;
	text-align:center;
	font-size:1em;
	color:#4e4e4e;
	height:auto;
	vertical-align:top;
	margin:0 2% 18px 0;
	word-spacing: normal;
	}
			
.color .blocks3 li {
	color:#ffffff;	
	}
	
.blocks3 li p {
	padding:0 0 16px 0;
	}
	
.blocks4 li {
	display:inline-block;
	width:30%;
	text-align:center;
	font-size:1em;
	color:#4e4e4e;
	height:auto;
	vertical-align:top;
	padding:0 3% 18px 0;
	word-spacing: normal;
	}
	
.blocks4 li:last-child {
	padding:0 0 18px 0;
	}
	
.blocks4 p {
	font-family:'PFDinTextCondPro-Reg';
	color:#ffffff;
	font-size:0.9em;
	padding:8px 3px;
	background:rgba(0,0,0,0.48);
	}
		
/*конец общие блоки*/
#ulServices p {
	font-family:'PFDinTextCondPro-Reg';
	text-transform:none;
	text-align:left;
	font-size:.95em;
	line-height:1.15em;
	margin-top:15px;
	}
	
h3 {
	font-family:'PFDinTextCondPro-Reg';
	background:rgba(255,255,255,0.2);
	padding:7px 8px 5px 8px;
	text-align:left;
	display:inline-block;
	text-transform:uppercase;
	font-size:1.15em;
	line-height:1.2em;
	font-weight:normal;
	display:block;
	}
	
#ulEquipment li h3 {	
	text-transform:none;
	display:block;
	font-size:1.4em;
	}
	
#about h3 {
	padding:0 0 20px 0;
	}
	
#about p {
	font-family:Arial, 'PFDinDisplayPro-Reg';
	text-align:left;
	font-size:0.8em;
	line-height:1.15em;
	}
	
.textSmall {	
	display:block;
	text-align:left;
	font-size:0.8em;
	line-height:1.3em;
	margin:20px 20px 20px 2px;
	padding:0 8px;
	}
	
#preferences {
	background:#354a5e;
	background:url(../images/blueEngine.jpg) top 240px center no-repeat;	
	}

#services p {
	text-align:center;	
	text-transform:uppercase;
	}

	
#ulPrices li {
	background:rgba(0,0,0,0.45);
	}
	
#prices {
	background:#314963;
	background:
	url(../images/formBg.png) bottom center no-repeat,
	url(../images/blueEngineBig.jpg) top 300px center no-repeat;
	min-height:540px;
	height:auto;
	}
	
/* 2016-07-07 начало изменения */
#engine {
	background:#181b20;
	background:
	url(../images/formBg.png) bottom center no-repeat,
	url(../images/grey60perc.png),
	url(../images/blueEngine.jpg) top 150px center no-repeat;
	}

#ulEngine {		
	min-height:220px;
	}
/* 2016-07-07 конец */	
	
@media screen and (max-width:1280px){
#equipment .mainBlock980px {
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	}

#equipment img {
	width:100%;
	height:auto;
	}	
	}
	
@media screen and (min-width:1281px){
#equipment.mainBlock980px {
	position:relative;
	width:1280px;
	height:auto;
	margin:0 auto;
	}
	}

#ulEquipment {
	background:#f7f7f7;
	word-spacing:-.36em;
	}

#ulEquipment h3 {
	margin:0;
	padding:5% 5% 0 5%;
	}
	
#ulEquipment .textSmall {
	margin:0;
	padding:2% 5% 5% 5%;
	}

#ulPreferences li, #ulEngine li, #equipment li {
	text-align:left;
	}
	
#ulPrices h3 {
	background:rgba(255,255,255,0);
	padding:20px 20px 0 20px;
	}
	
#ulPrices .textSmall {
	padding:0 20px;
	}
	
#cars {
	padding:40px 0;
	}	
	
#digits {
	background:#354d67;
	/*background: url(../images/digits.jpg) top center no-repeat;
	background-size:100%; */
	}


#digits img {
	width:100%;
	height:auto;
	}	
	
#errors {
	min-height:750px;
	background:#354d67;
	background:
	url(../images/formBg.png) bottom center no-repeat,
	url(../images/grey60perc.png),
	url(../images/engineMercedesBig.jpg) top 280px center no-repeat,
	url(../images/engineMercedesBigBg.jpg);	
	}

#ulErrors li {
	width:46%;
	padding:2em 1%;
	text-align:left;
	color:#dadada;
	line-height:22px;
	font-size:.9em;
	}
	
#first {
	width:200px;
	margin:0 30px 0 0;
	}
	
#first img:first-child {
	margin-top:250px;
	}
	
#first img {
	margin-top:100px;
	}
	
#second {
	width:234px;
	margin:0 36px 0 0;
	}

#third {
	width:480px;
	margin:0;
	}

#third h3 {
	padding:8px 0;
	}

.blocks3 i {
	font-size:0.8em;
	display:block;
	}
	
.blocks3 p i {
	font-size:0.85em;
	display:block;
	}
	
#chrono {
	height:97px;
	background:
	url(../images/chronoYears.png) center top 26px no-repeat,
	url(../images/chronoBg.jpg);
	padding:0;
	}
		
#media {
	min-height:1000px;
	background:
	url(../images/grey80perc.png),
	url(../images/engineMercedesBig.jpg) top 280px center no-repeat,
	url(../images/engineMercedesBigBg.jpg);	
	}		
	
#officialGarage {
	background:#354d67;
	background: url(../images/formBg.png) bottom center no-repeat;
	}
	
#info {
	background:#354d67;
	}
	
#ulInfo li {
	display:inline-block;
	width:40%;
	text-align:center;
	line-height:22px;
	font-size:1em;
	color:#dadada;
	height:auto;
	vertical-align:top;
	padding:2em 1%;
	text-align:left;
	}
#ulInfo {
	padding-left:20%;
	}

#ulInfo li p {	
	padding:10px;
	}
	

/* Форма */

input {
	font-family:Arial;
	padding:0 16px;
	margin:0px;
	font-size:1em;
	background-color:#ffffff;
	border:1px solid #cccccc;
	width:400px;
	height:52px;
	}
	
.postFormSmall input {
	width:186px;
	}
	
input.d {
	display:block;
	font-family:Arial;
	color:#333333;
	padding:0 2px;
	margin:7px 0 10px 20px;
	font-size:0.45em;
	width:170px;
	height:24px;
	border:1px solid #81888d;
	background:#ccd0d2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	}
	
form ul {
	text-align:left;
	}
	
form ul.postFormSmall {
	text-align:center;
	}

form ul li {
	height:70px;
	border:0;
	margin:10px 0;
	display:inline;
	}
	
.postFormSmall li {
	margin:0;
	display:block;
	}

.postForm {
	position:relative;
	width:600px;
	height:70px;
	margin:0 auto;
	z-index:10;	
	}
	
.postFormSmall {
	position:relative;
	width:220px;
	height:100px;
	margin:66px auto 0 auto;
	z-index:10;	
	}
	
.form1Offer {
	font-family:'PFDinTextCondPro-Reg';
	font-size:1.1em;
	color:#e0e0e0;
	text-transform:uppercase;
	line-height:1.2;
	height:auto;
	padding-bottom:10px;
	}
	
		
/*кнопка*/

.postButton {
	position:relative;
	font-family:Arial;
	display:inline;	
	text-align:center;	
	text-decoration:none;
	font-size:0.85em;
	color:#ffffff;
	cursor:pointer;
	height:20px;
	width:100px;
	margin:10px;
	padding:17px 20px;	
	background-color:#be090d;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}

.postFormSmall li.postButton {	
	width:178px;
	display:block;
	margin:0;
	}

.postButton:hover {
	background-color:#ef2c30;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;	
	}
	
/* нижнее меню */

#bottomMenu {
	background:#354d67;
	border-top:60px solid #ffffff;
	}
	
#bottomMenu .title {
	background:#ffffff;
	}

#bottomMenu ul {
	margin-top:20px;
	}

#bottomMenu ul li {
	font-family:'PFDinDisplayPro-Reg';
	display:inline-table;
	font-size:0.75em;
	text-align:left;
	word-spacing:normal;
	margin:0 4px;
	line-height:24px;
	color:#e0e0e0;
	}
	
	
footer iframe {
	width:100%;
	height:320px;
	margin:0;
	padding:0;
	border:0;
	}
	
#servicesA, #pricesA, 
#aboutA, #choicesA, #infoA, #equipmentA {
	padding-top: 120px;
	margin-top: -120px;
	-webkit-background-clip: content-box;
	-moz-background-clip: content-box;
	-o-background-clip: content-box;
	background-clip: content-box;
}

#chronoCarsSmall {
	display:none;
	}
	
.main #chronoCars {
	padding:0;
	}
	
.blocks2 li.euqipmentRightSmallPict {
	display:none;	
	}
	
.blocks2 li.euqipmentRightBigPict {
	display:inline-block;	
	}
	
#youtubeCollection li p {
	background:rgba(0,0,0,0.60);
	top:5px;
	margin:0;
	padding:5px 0;
	}
	
#bigVideo {
	width:854px;
	padding:40px 0 0 0;
	margin:0 auto;
	}

h2 {
	font-family:'PFDinDisplayPro-Reg', Arial;
	padding:0 8px 5px 8px;
	color:#395589;
	text-align:left;
	display:block;
	font-size:2em;
	font-weight:normal;
	display:block;
	}
	
.clientsLogo {
	padding:0 0 20px 0;
	margin:0;
	text-align:left;
	}

.blocks2 li img, .blocks3 li>img, .blocks4 li>img, #clients>img {
	width:100%;
	}
	
#clients ul li {
	padding-top:2em;
	}
	
#moreErrors li {
	font-size:0.7em;
	line-height:1.5em;
	text-align:left;
	}
	
#clients .clientsLogo img {
	width:auto;
	}
	
ul#warranty li {
	font-size:0.6em;
	padding:0 0 0 10px;
	margin:0;
	border:0;
	line-height:14px;
	}
	
#titleText1 {
	font-size:2.2em
	}

#titleText2 {
	font-size:4.5em
	}
	
#titleText3 {
	font-size:4.9em
	}	

#titleText4 {
	font-size:2.5em
	}

#titleText5 {
	font-size:3.05em
	}
	
div#offer div#telButton2 {
	position: relative;
	top:20px;
	font-family: 'PFDinDisplayPro-Reg', Arial;
	font-weight:normal;
	display: inline;
	text-align: center;
	text-decoration: none;
	font-size: 0.75em;
	color: #ffffff;
	cursor: pointer;
	height: 20px;
	width: 100px;
	padding: 17px 20px;
	background-color: #be090d;
	vertical-align:baseline;
	display:none;
	}

@media screen and (max-width:1024px) {

.mainBlock980px {
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	}	
	
.siteMap {
	padding-left:20px;	
	}
	
#offer {	
	width:97%;
	max-width:427px;	
	background-size:97%;
	margin:0 0 0 3%;
	}
	
#titleOfficialGarage, #officialGarage, #errors, .youtubeImg {
	display:none;
	}
	
#form1 {
	left:57%;
	}

.title {
	font-size:5vw;
	}
		
.blocks3 li img {
	max-width:300px;
	height:auto;
	}
	
#cars img {
	width:100%;
	height:auto;
	}
		
#first img:first-child, #first img {
	margin-top:20px;
	}
	
#ulInfo li {
	display:inline-block;
	width:47%;
	text-align:center;
	line-height:22px;
	font-size:1em;
	color:#dadada;
	height:auto;
	vertical-align:top;
	padding:2em 1%;
	text-align:left;
	}
	
#ulInfo {
	padding-left:6%;
	}
	
#first {
	width:20%;
	margin:0 3% 0 0;
	}
	
#second {
	width:24%;
	margin:0 3% 0 0;
	}
	
#third {
	width:50%;
	margin:0;
	padding:0;
	}
	
	#bigVideo {
	max-width:854px;
	width:100%;
	margin:0 auto;
	padding:0;
	}
	
	#bigVideo img, #youtubeCollection li img {
		width:100%;
	}

}

@media screen and (max-width:820px) {
	
	.postForm {
	text-align:center;
	width:500px;	
	}
		
	input {
	width:300px;
	}
		
	#chronoCarsBig, .siteMap {
	display:none;
	}
	
	#chronoCarsSmall {
	display:block;
	width:100%;
	}
	
	#offer {	
	position:relative;
	margin:0 auto;
	}
	
	#form1, #form1 form, ul.blocks3 li.zero {
	display:none;
	}
	
	.title {
	font-size: 2em;
	}
	
	ul.blocks3 li {
	width:98%;
	margin:0 1% 18px 1%;
	}
		
	#ulServices li {
	width:46%;	
	}	
	
	#ulPreferences, #prices {
	background:none;
	}	
	
	ul.blocks2 li {
	display:block;
	width:100%;
	text-align:center;
	}
	
	#cars {
	padding:20px 0 0 0;
	}
	
	.blocks2 li.euqipmentRightSmallPict {
	display:block;	
	}
	
	.blocks2 li.euqipmentRightBigPict {
	display:none;	
	}
	
	div#offer {	
	text-align:center;
	position:relative;
	margin:0 auto;
	}
	
	div#offer div#telButton2 {
		display:inline;
	}
	
}


@media screen and (max-width:600px) {
	#first, #second, #third, #about, #topNav #aboutLi, #topNav #abouti {
		display:none;
	}
	
	.postForm {
		width:90%;	
	}
		
	input {
		width:50%;
	}
		
	.titleForm {
		font-size:2em;
	}
	}
	
@media screen and (max-width:460px) {
	
	div#offer {
		display:inline-table;
		text-align:center;
		}
	
	div#offer > div {
		display:inline;
		font-size:2.4em;
		padding:0 5px 0 0;	
	}
	}


@media screen and (max-width:370px) {
		
	.postForm {
	width:95%;	
		}
		
	input {
		width:40%;
		}
			
	ul#ulInfo li {
	display:block;
	width:98%;	
	padding:0.5em 0 0 0;
	}

	#topBigPict {
	height:auto;
	min-height:400px;	
}
}

div#offer > div {
	/*display:none;*/
	}
	
#offer {	
	background:none;
	}
	
#first_name {
      display: block;
    width: 2px;
    height: 2px;
    margin-bottom: -2px;
    border: none;
    padding: 0;
    opacity: 0.01;
}