@import "reset.css" screen;
 
body {
	background-color:#f9f9fa;
	font-family: 'PT Sans Narrow', sans-serif;
}
html,body {
	width:100%;
	height:100%;
}

#topmain {
	width:100%;
	background:#1d1a1a;
	height:50px;
	float:left;
}
	#top {
		max-width:1100px;
		width:100%;
		margin:0px auto;
		overflow:hidden;
	}
		#top .logo {
			color:#fff;
			text-decoration:none;
			font-weight:bold;
			font-size:17pt;
			float:left;
			margin-top:10px;
		}
		#top ul {
			float:right;
		}
			#top ul li {
				float:left;
				height:48px;
				border-bottom:2px solid #1d1a1a;
				margin-left:30px;
				margin-top:0px;
				-webkit-transition: all .2s;
				-moz-transition: all .2s;
				transition: all .2s;
			}
				#top ul li a {
					padding-top:14px;
					float:left;
					display:block;
					height:calc(100% - 14px);
					font-size:11pt;
					text-decoration:none;
					color:#efefef;
					-webkit-transition: all .2s;
					-moz-transition: all .2s;
					transition: all .2s;
				}
				#top ul li:hover  {
					border-color:#e49494;
					border-bottom: 3px solid #e49494;
				}	
				#top ul li:hover a {
					color:#fff6f6;
				}
	
#p-m {
	max-width:100%;
	width:100%;
	background: url(img/bg1.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #464646;
	background-attachment:fixed;
	height:86%;
	float:left;
	margin-bottom:45px;
	padding-top:10%;
}
	#p-m h1  {
		font-size:35pt;
		max-width:100%;
		text-align:center;
		width:100%;
		font-weight:bold;
		color:#f6f6f6;
		float:left;
		margin-top:10%;
	}
		#p-m h1 span {
			font-size:100pt;
		}
		#p-m h1 span:last-child {
			margin-left: 25px;
		}
		#p-m h1 span:first-child {
			margin-right: 25px;
		}
	.hrm {
		max-width:100%;
		float:left;
		width:100%;
	}
	.hr {
		height:1px;
		max-width:15%;
		width:100%;
		margin:30px auto;
		background:rgba(255,255,255, .4)
	}
	#p-m h2 {
		color:#fff;
		float:left;
		font-size:23pt;
		max-width:100%;
		text-align:center;
		width:100%;
	}
.pos-c {
	width:100%;
	float:left;
	margin-bottom:25px;
}	
.pos-cv {
	width:100%;
	float:left;
	margin-bottom:40px;
	margin-top:40px;
	text-align:center;
}	
#about {
	max-width:1100px;
	width:calc(100% - 70px);
	background:#fbfbfb;
	padding:15px 35px;
	margin:0px auto;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	font-size:12pt;
	color:#6b6b6b;
}
	#about h4 {
		max-width:100%;
		text-align:center;
		width:100%;
		color:#a18d8d;
		font-size:16pt;
		font-weight:bold;
		background:url(img/about.jpg) center bottom no-repeat;
		padding-bottom:20px;
		margin-bottom:23px;
		float:left;
	}
	#about p {
		padding-bottom:15px;
		line-height:20px;
	}
#preim {
	max-width:1100px;
	width:100%;
	margin:0px auto;
	color:#989898;
}
	#preim h4 {
		font-size:20pt;
		color:#927575;
		font-weight:bold;
		width:100%;
		text-align:center;
		
	}
	#preim ul {
		width:100%;
		margin-top:40px;
	}
		#preim ul li {
			max-width:230px;
			width:100%;
			float:left;
			margin-right:45px;
			height:auto;
			max-height:auto;
		}
		#preim ul li:last-child {
			margin-right:none;
		}
			.preimp {
				width:100%;
				float:left;
				height:220px;
				border:4px solid #eadfdf;
				border-radius:140px;
				margin-bottom:15px;
			}
			.preimp1 {
				width:calc(94% - 16px);
				float:left;
				height:190px;
				border:15px solid #f9f9fa;
				border-radius:140px;
				background:none;
				-webkit-transition: all .2s;
				-moz-transition: all .2s;
				transition: all .2s;
				
			}
			.preimp:hover .preimp1 {
				border:15px solid #f9f9f9;
				background-color:#f1eded;
			}
			.pr1 {
				background:url(img/money.png) center center no-repeat;
			}
			.pr2 {
				background:url(img/security.png) center center no-repeat;
			}
			.pr3 {
				background:url(img/time.png) center center no-repeat;
			}
			.pr4 {
				background:url(img/maps.png) center center no-repeat;
			}
		#preim ul li p {
			line-height:17px;
		}
#avtomain {
	max-width:100%;
	width:100%;
	float:left;
	margin-bottom:25px;
	background: url(img/avto.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top:70px;
	padding-bottom:20px;
}
#avtomaina {
	max-width:100%;
	width:100%;
	float:left;
	margin-top:30px;
	padding-bottom:20px;
}
	#avto {
		max-width:1100px;
		width:100%;
		margin:0px auto;
		
	}
		#avto h4 {
			font-weight:bold;
			font-size:20px;
			color:#fff;
			width:100%;
			text-align:center;
			float:left;
			margin-top:15px;
		}
		#avto ul {
			width:100%;
			margin-top:30px;
			margin-bottom:30px;
			float:left;
		}
			#avto ul li {
				max-width:240px;
				width:100%;
				float:left;
				margin-right:45px;
				
				
			}
				#avto ul li:last-child {margin-right:0px;}
				#avto ul li .avto-img {
					width:240px;
					max-height:270px; !important;
					
					overflow:hidden;
					position:relative;
				}
				#avto ul li .avto-img img {
					-webkit-transition: all .2s;
					-moz-transition: all .2s;
					transition: all .2s;
					float:left;
					 align-self:center; 
				}
				.eff {
					width:100%;
					height:100%; 
					background:rgba(255, 255, 255, 0.2);
					position	: absolute;
					cursor:pointer;
				}
				.eff2 {
					width:100%;
					height:100%; 
					background-color:rgba(0, 0, 0, 0.4);
					background:rgba(0, 0, 0, 0.6) url(img/gues.png) center center no-repeat;
					cursor:pointer;
					opacity:0;
					-webkit-transition: all .2s;
					-moz-transition: all .2s;
					transition: all .2s;
				}
					.eff2 span{
						width:100%;
						text-align:center;
						opacity:0.7;
						color:#fff;
						float:left;
						padding-top:70%;
					}
				.eff:hover .eff2 {
					opacity:1;
				}
				.avto-img:hover img  {
					 -webkit-transform: scale(1.2);
					 -moz-transform: scale(1.2);
					 -o-transform: scale(1.2);
				}
			#avto .avto-a {
				width:calc(100% - 20px);
				float:left;
				-webkit-border-bottom-right-radius: 15px;
				-webkit-border-bottom-left-radius: 15px;
				border-bottom-right-radius: 15px;
				border-bottom-left-radius: 15px;
				background:#1d1a1a;
				padding: 8px 10px;

			}
			.avto-a a {
				color:#f0e4e4;
				text-decoration:none;
			}
			.aav {
				color:#f7dddd;
				text-decoration:none;
				font-size:13pt;
				padding:10px 15px;
				border:2px solid rgba(255,255,255, 0.5);
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				border-radius:10px;
			}
			.aav:hover {
				text-decoration:underline;
			}
			
			#avtoa {
		max-width:1100px;
		width:100%;
		margin:0px auto;
		
	}
		#avtoa h4 {
			font-weight:bold;
			font-size:20px;
			color:#927575;
			width:100%;
			text-align:center;
			float:left;
			margin-top:15px;
		}
		#avtoa ul {
			width:87%;
			margin-top:30px;
			margin-bottom:30px;
			float:left;
			padding-left:13%;
		}
			#avtoa ul li {
				max-width:240px;
				width:100%;
				float:left;
				margin-right:45px;
				margin-bottom:20px;
			}
				#avtoa ul li:last-child {margin-right:0px;}
				#avtoa ul li .avto-img {
					width:240px;
					max-height:270px; !important;

					overflow:hidden;
					position:relative;
				}
				#avtoa ul li .avto-img img {
					-webkit-transition: all .2s;
					-moz-transition: all .2s;
					transition: all .2s;
					float:left;
				}
				.eff {
					width:100%;
					height:100%; 
					background:rgba(255, 255, 255, 0.2);
					position	: absolute;
				}
				.eff2 {
					width:100%;
					height:100%; 
					background-color:rgba(0, 0, 0, 0.4);
					background:rgba(0, 0, 0, 0.6) url(img/gues.png) center center no-repeat;
					cursor:pointer;
					opacity:0;
					-webkit-transition: all .2s;
					-moz-transition: all .2s;
					transition: all .2s;
				}
					.eff2 span{
						width:100%;
						text-align:center;
						opacity:0.7;
						color:#fff;
						float:left;
						padding-top:70%;
					}
				.eff:hover .eff2 {
					opacity:1;
				}
				.avto-img:hover img  {
					 -webkit-transform: scale(1.2);
					 -moz-transform: scale(1.2);
					 -o-transform: scale(1.2);
				}
			#avtoa .avto-a {
				width:calc(100% - 20px);
				float:left;
				-webkit-border-bottom-right-radius: 15px;
				-webkit-border-bottom-left-radius: 15px;
				border-bottom-right-radius: 15px;
				border-bottom-left-radius: 15px;
				background:#1d1a1a;
				padding: 8px 10px;

			}
			.avto-a a {
				color:#f0e4e4;
				text-decoration:none;
			}
			.aava {
				color:#927575;
				text-decoration:none;
				font-size:13pt;
				padding:10px 15px;
				border:2px solid #927575;;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				border-radius:10px;
			}
			.aava:hover {
				text-decoration:underline;
			}
#arbeit {
	max-width:1100px;
	width:100%;
	margin:15px auto;
	color:#989898;
}
	#arbeit h4 {
		font-size:20pt;
		color:#927575;
		font-weight:bold;
		width:100%;
		text-align:center;
		
}
	#arbeit ul {
		width:100%;
		float:left;
		margin-top:35px;
		
	}
		#arbeit ul li {
			width:calc(100% - 30px);
			background:#f6f2f2;
			color:#595959;
			padding:10px 15px;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			border-radius:10px;
			margin-bottom:7px;
		}
		#arbeit ul li span {
			font-weight:bold;
			font-size:13pt;
			color:#927575;
		}
		.hps {
			width:1px;
			height:20px;
			background:#e2dddd;
			margin:0px auto 7px;
		}
	.aab {
				color:#a19b9b;
				text-decoration:none;
				font-size:13pt;
				padding:10px 15px;
				border:2px solid #d6c1c1;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				border-radius:10px;
			}
			.aab:hover {
				text-decoration:underline;
			}
	 @keyframes dzin-dzin {
		 from {
			bottom:15px; 
		 }
		 to {
			bottom:17px; 
		 }
	 }		
	 @-webkit-keyframes dzin-dzin {
		 from {
			bottom:15px; 
			right:15px;
		 }
		 to {
			bottom:16px;
			right:16px;
		 }
	 }		
	#fixed {
		width:77px;
		height:77px;
		background:url(img/icon.png);
		position:fixed;
		right:15px;
		bottom:15px;
		animation:dzin-dzin .2s infinite alternate;
		-webkit-animation: dzin-dzin .2s infinite alternate;
	}
#contactsmain {
	max-width:100%;
	width:100%;
	background:#0b0909;
	float:left;
}
	#contacts {
		max-width:1100px;
		width:100%;
		margin:0px auto;
	}
	#contacts h4 {
		font-weight:bold;
		font-size:20px;
		color:#fff;
		width:100%;
		text-align:center;
		float:left;
		margin-top:15px;
	}
		.con-left {
			float:left;
			height:100%;
			color:#dfcece;
			font-size:13pt;
			padding-bottom:30px;
			margin-top:25px;
		}
			.con-left ul {
				float:left;
				
			}
				.con-left ul li{
					font-style:italic;
					padding-left:37px;
					padding-top:5px;
					padding-bottom:5px;
					background:url(img/mob.jpg) left center no-repeat;
					margin-bottom:15px;
				}
				.con-left ul li:last-child {
					margin-top:10px;
				}
		.con-right {
			float:right;
			margin-top:25px;
		}
		.con-right iframe {
			width:660px;
		}
		
#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#000;
	display:none;
	}
#boxes .window {
	position:absolute;
	left:0;
	top:0;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	font-size: 25px;
	
	}
#boxes #dialog {
	width:70%;
	height:auto;
	background-color:#eaeaea;
	margin-top:450px;
	}
	#boxes #dialog-sot {
	width:70%;
	height:auto;
	background-color:#eaeaea;
	margin-top:140px;
	}
	#boxes #dialog-con {
	width:30%;
	height:auto;
	background-color:#eaeaea;
	position:fixed;
	
	}
	#boxes #dialog-ph {
	width:45%;
	height:auto;
	background-color:#eaeaea;
	position:fixed;
	}
	#boxes #dialog-ph, #boxes #dialog-ph1, #boxes #dialog-ph2, #boxes #dialog-ph3 {
	width:45%;
	height:auto;
	background-color:#eaeaea;
	position:fixed;
	}
	
	.dialog-top {
		max-width:100%;
		width:94%;
		margin-left:3%;
		padding-bottom:15px;
		padding-top:15px;
		border-bottom:1px solid #c5c5c5;
		font-size:15pt;
		color:#453636;
		font-weight:bold;
		
	}
	.dialog-content {
		max-width:100%;
		width:94%;
		margin-left:3%;
		padding-bottom:15px;
		padding-top:15px;
		font-size:12pt;
		color:#171717;
		line-height:20px;
	}
		.dialog-content span {
			color:#706868;
			font-weight:bold;
			line-height:45px;
			width:100%;
		}
		.dialog-content a {
			color:#674d4d;
		}
		.dialog-content ul {
			list-style:disc inside;
			color:#171717;
		}
		.cu li {
			list-style-type:decimal;
		}
			.dialog-content ul li {
				color:#171717;
				margin-bottom:5px;
			}
		#form {
			width:100%;
		}
			#form input {
				width:calc(90% - 20px);
				height:40px;
				margin-bottom:8px;
				border:1px solid #f2d6d6;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				border-radius:10px;
				padding:0px 10px;
				margin-left:4%;
			}
			#form input:focus {
				output:none;
			}
			#form input:last-child {
				background:#a62e2e;
				width:50%;
				margin-left:25%;
				border:none;
				color:#fff;
				padding:0px;
			}
.close {
	float:right;
	margin-top:-20px;
	text-decoration:none;
	color:#a8a8a8;
	text-weight:normal;
	}
	
	
	
#slider-wrap{ /* Оболочка слайдера и кнопок */
    width:90%; 
	margin-left:5%;
    }
#slider{ /* Оболочка слайдера */
    width:95%;
    height:360px;
    overflow: hidden;
    border:#eee solid 10px;
    position:relative;}
.slide{ /* Слайд */
    width:100%;
    height:100%;
    }
.sli-links{ /* Кнопки смены слайдов */
    margin-top:10px;
    text-align:center;
	width:100%;}
.sli-links:last-child {
	display:none;
}
.sli-links .control-slide{
    margin:2px;
    display:inline-block;
    width:16px;
    height:16px;
    overflow:hidden;
    text-indent:-9999px;
    background:url(img/rad.png) center bottom no-repeat;}

.sli-links .control-slide:hover{
    cursor:pointer;
    background-position:center center;}
.sli-links .control-slide.active{
    background-position:center top;}

@media screen and (min-width:1120px) and (max-width: 1200px) {
	#top ul {margin-right:3%;}
	.logo {margin-left:3%;}
	#p-m {height:60%;background: url(img/bg1-2.jpg);background-attachment:fixed;}
	#preim {width:100%;margin-left:4%;}
	#preim ul li {max-width:20%;margin-right:4%;}
	.con-left {margin-left:3%;}
	.con-right {margin-right:3%;}
}
@media screen and (max-width: 1119px) {
	#top ul {margin-right:3%;}
	.logo {margin-left:3%;}
	/*#p-m h1  {margin-top:7%;}*/
	#p-m {height:60%;background: url(img/bg1-2.jpg);background-attachment:fixed;}
	#preim {max-width:auto;width:100%;}
		#preim ul {margin-left:3%;}
		#preim ul li {max-width:20%;width:100%;}
			.preimp {max-height:50%;height:50%;}
			.preimp1 {height:170px;border:10px solid #f9f9fa;width:calc(100% - 20px);}
			.preimp:hover .preimp1 {border:10px solid #f9f9f9;}
	#avto {max-width:100%;}
	#avto ul li {max-width:20%;width:100%;float:left;margin-right:5%;}
				#avto ul li:first-child {margin-left:2%;}
			#avto ul li .avto-img {width:100%;max-height:270px; !important;}
	.con-left {margin-left:1%;}
	.con-right {margin-right:1%;}
	#boxes #dialog {margin-top:400px;}
}
@media screen and (max-width: 1030px) {
	
	.con-left {margin-left:35%}
	.con-right {margin-left:17%;float:left;text-align:center;margin-bottom:25px;margin-top:0px;}
}
@media screen and (max-width: 920px) {
	
	#preim ul li {margin-right:4%;}
	
}
@media screen and (max-width: 870px) {
	
	.preimp1 {height:130px;border:10px solid #f9f9fa;width:calc(100% - 20px);}
	.con-right {margin-left:8%;}
	.pr1 {background:url(img/money-1.png) center center no-repeat;}
	.pr2 {background:url(img/security-1.png) center center no-repeat;}
	.pr3 {background:url(img/time-1.png) center center no-repeat;}
	.pr4 {background:url(img/maps-1.png) center center no-repeat;}
}
@media screen and (max-width: 750px) { 
	#p-m {height:50%;}
	.con-right {margin-left:15%}
	.con-right iframe {width:500px;}
	#boxes #dialog {width:96%;margin-top:450px;}
	#boxes #dialog-sot {width:96%;margin-top:200px;}
	#boxes #dialog-con {width:80%;}
}
@media screen and (max-width: 700px) {
	.con-left {margin-left:20%;}
	
	.con-right {margin-left:15%}
	.con-right iframe {width:400px;}
	#boxes #dialog {width:96%;margin-top:650px;}
	#boxes #dialog-sot {width:96%;margin-top:350px;}
}	
@media screen and (max-width: 640px) {
	
	#topmain {width:100%;background:#1d1a1a;height:auto;float:left;}
	#top {max-width:100%;width:100%;margin:0px auto;overflow:visible;text-align:center;padding:15px 0px;
	}
		#top .logo {color:#fff;text-decoration:none;font-weight:bold;font-size:17pt;float:none;margin-top:10px;margin-left:-1%;}
		#top ul {float:none;width:100%;margin-top:25px;}
			#top ul li {float:none;width:100%;border:none;padding:0px;float:left;margin-left:-1%;}
				#top ul li a {float:left;height:auto;background:#2f2b2b;width:50%;padding:10px 0px;margin:0px 25%;font-weight:bold;}
				#top ul li:hover  {border:none;}	
				#top ul li:hover a {color:#fff6f6;}
	#p-m {height:60%;background: url(img/bg1-2.jpg);background-attachment:fixed;background-position: center top;background-repeat:no-repeat;}
	.preimp1 {height:100px;}
	#avto {max-width:90%;width:100%;margin:0px auto;padding-left:10%;	}
	#avto ul {width:100%;max-width:100%;margin-left:0%;}
	#avto ul li {max-width:44%;width:100%;float:left;margin-right:2%;margin-bottom:20px;}
				#avto ul li:first-child {margin-right:2%;margin-left:0px;}
			#avto ul li .avto-img {width:100%;max-height:270px; !important;}
	#boxes #dialog {width:96%;margin-top:650px;}
	#boxes #dialog-sot {width:96%;margin-top:350px;}
	#boxes #dialog-con {width:80%;}		
}
@media screen and (max-width: 450px) {
	#p-m {height:35%;}
	#p-m h1  {font-size:25pt;}
		#p-m h1 span {font-size:60pt;}
	.hr {max-width:40%;}
	#preim ul li {max-width:43%;height:320px;}
	#top ul li a {float:left;height:auto;background:#2f2b2b;width:70%;padding:10px 0px;margin:0px 15%;font-weight:bold;}
	.preimp1 {height:140px;border:10px solid #f9f9fa;width:calc(100% - 20px);}
	.con-right {margin-left:15%}
	.con-right iframe {width:300px;}
	#boxes #dialog {width:96%;margin-top:850px;}
	#boxes #dialog-sot {width:96%;margin-top:550px;}
}
@media screen and (max-width: 320px) {
	.con-right {display:none;}
	#p-m h1 span:last-child {margin-left: 5px;}
	#p-m h1 span:first-child {margin-right: 5px;}	
	#boxes #dialog {width:96%;margin-top:1200px;}
	#boxes #dialog-sot {width:96%;margin-top:750px;}
}
@media screen and (min-height: 700px) {
	#p-m h1  {margin-top:7%;}
}
@media screen and (max-height: 700px) {
	#p-m h1  {margin-top:-10%;}
}

#gallery {
	margin:0px auto;
	padding-top:20px;
}
#avtoa h5 {
			font-weight:bold;
			font-size:20px;
			color:#927575;
			width:100%;
			text-align:center;
			float:left;
			margin-top:15px;
			margin-bottom:20px;
		}
		
.cont-op {
	width:calc(82% - 20px);
	float:left;
	
	background:#fff;
	margin:15px 9%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:10px;
}
.cont-op ul {
			float:none;
			margin:0px;
		}
			.cont-op ul li {
				max-width:100%;
				float:none;
				margin:0px;
			}

.opsavto {
	width:60%;
	float:left;
}
.opsavto span {
	float:left;
	width:100%;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #EAE2E1;
}
.priceco {
	width:30%;
	float:right;
	margin:0px;
	max-width:100%;
	padding:0px;
}
	.priceco span {
		width:100%;
		
		float:left;
		text-align:center;
		margin:0px;
		padding:0px;
		padding-bottom:5px;
		margin-bottom:10px;
		border-bottom:3px solid #EAE2E1;
	}