// https://colorscheme.ru/#3v11TjnUJw0w0
/*
@color-d:#2929CC;
@color-m:#33f;
@color-l:#5C5CFF;
@color-el:#ccf;
*/

/*
@color-d:#122faa;
@color-m:#0000ff;
@color-l:#42aaff;
@color-el:#a6caf0;
*/


@color-d:#042D4E;
@color-m:#bd2a39;
@color-l:#d85448;
@color-el:#e55c4f;

@logo-color:#db3727;
@service-color:#55BB00;

//@btn-color-1:#f00;
//@btn-color-2:#008000;

@btn-color-1:#f00;
@btn-color-2:#c00;

@color-1:#51a4dd;
@color-2:#6694B2;
@color-3:#66B8ED;
@color-4:#8DCDF6;
@color-5:#A9D8F6;

@footer-color:#fff;
@oferta-color:#fcfcff;

@color-bg:#fff;
/*@color-bg:#f0f0ff;*/
@font-color:#444;

@color-white:#fff;
@color-black:#000;
@color-light:#fcfcfc;
@color-gray:#ccc;
@color-dark-gray:#777;
@color-dark-red:#c00;
@color-red:#F22;
@color-green:#0c0;
@color-green-dark:#090;

@menu-height:44px;
@header-height:100px;

@font-size:12px;
@font-size-menu:15px;
@font-size-header-phone:16px;
@font-size-header-address:16px;
@font-size-icon-big:40px;

//@font-family:Arial, Helvetica, sans-serif;
@font-family: 'PTSansRegular',Arial,sans-serif;
@font-fa:'FontAwesome';

//@site-width:1170px;
@site-width:940px;

@font-face {
	font-family: 'PTSansRegular';
	src: url('../fonts/PTS55F-webfont.eot');
	src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTS55F-webfont.woff') format('woff'),
		 url('../fonts/PTS55F-webfont.ttf') format('truetype'),
		 url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'PTSansBold';
	src: url('../fonts/PTS75F-webfont.eot');
	src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTS75F-webfont.woff') format('woff'),
		 url('../fonts/PTS75F-webfont.ttf') format('truetype'),
		 url('../fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'PTSansItalic';
	src: url('../fonts/PTS56F-webfont.eot');
	src: url('../fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTS56F-webfont.woff') format('woff'),
		 url('../fonts/PTS56F-webfont.ttf') format('truetype'),
		 url('../fonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

.transition {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
	-webkit-transition: .3s ease-out;
}

.transition-0 {
	-o-transition:none;
	transition:none;
	-webkit-transition:none;
}

.clear {
	&:after,&:before {
		content:'';
		display:table;
		clear:both;
		width:100%;
	}
}

* {
	font-family:@font-family;
	box-sizing:border-box;
}

h3,h4 {
	font-size:20px;
}

html {
	height:100%;
}

.left-col-link {
	position:absolute;
	left:0;
	top:390px;
	width:1px;
	height:500px;
}

.right-col-link {
	position:absolute;
	right:0;
	top:390px;
	width:1px;
	height:500px;
}

body {
	padding:0;
	margin:0;
	background:url('/img/pir-motors.jpg?_=1') no-repeat center 144px;
	min-height:100%;
	overflow-y:scroll;

	&.modal-open {
		overflow-y:scroll;
		padding-left:15px;
	}

	.center {
		text-align:center;
	}

	.modal {
		form {
			border:none;
			outline:none;

			label {
				font-weight:bold;
			}
		}

		.send-ok {
			display:none;
			text-align:center;
			line-height:40px;

			i.fa {
				display:inline-block;
				font-size:25px;
				margin:-3px 5px 0 0;
				position:relative;
				vertical-align:middle;
			}
		}
	}

	h1,
	h1.page-head {
		color:@font-color;
		font-weight:normal;
		font-size:24px;
		line-height:40px;
		margin:15px 0;
	}

	h2,h3,h4 {
		color:@font-color;
		font-weight:normal;
	}
}

header {
	width:100%;
	height:@header-height;
	background:#f2f2f2;

	& > .inner {
		width:@site-width;
		margin:0 auto;
	}

	a {
		outline:none;
	}

	.left-col {
		width:30%;
		float:left;
		font-family:'PTSansBold',Arial,sans-serif;
		font-size:30px;
		color:@logo-color;
		line-height:95px;
		font-weight: bold;
		text-decoration: none;
		white-space:nowrap;
		padding-left:13px;

		& > span {
			//color:@color-l;
		}
	}

	.center-col {
		width:40%;
		float:left;
		font-family: 'PTSansRegular',Arial,sans-serif;
		color:#333;
		font-size: 14px;
		line-height: 18px;
		padding:13px 0 0 0;
		text-align:center;

		& > span {
			display:inline-block;
			width:100%;
			font-family: 'PTSansBold',Arial,sans-serif;
			font-weight: bold;
			font-size: 22px;
			line-height: 28px;
			color:#333;
			word-spacing: 1px;
		}
	}

	.right-col {
		width:30%;
		float:left;
		padding:0 15px 0 0;

		& > .enter {
			float:right;
			margin-bottom:10px;
		}

		& > .order-credit {
			.transition;

			float:right;
			background:-webkit-gradient(linear, left top, left bottom, from(@btn-color-1),to(@btn-color-2));
			background:-webkit-linear-gradient(top, @btn-color-1 0%,@btn-color-2 100%);
			background:-o-linear-gradient(top, @btn-color-1 0%,@btn-color-2 100%);
			background:linear-gradient(to bottom, @btn-color-1 0%,@btn-color-2 100%);
			border:none;
			color:#fff;
			font-weight:bold;
			height:40px;
			font-size: 1.1rem;
			line-height:28px;
			letter-spacing:0.5px;

			&:active,&:hover,&:focus {
				background:-webkit-gradient(linear, left top, left bottom, from(@btn-color-2),to(@btn-color-1));
				background:-webkit-linear-gradient(top, @btn-color-2 0%,@btn-color-1 100%);
				background:-o-linear-gradient(top, @btn-color-2 0%,@btn-color-1 100%);
				background:linear-gradient(to bottom, @btn-color-2 0%,@btn-color-1 100%);
				color:#fff;
			}
		}
	}
}

.menu-top {
	width:100%;
	min-width:@site-width;
	height:@menu-height;
	overflow:hidden;
	background:#042D4E;

	& > nav {
		display:table;
		width:@site-width;
		margin:0 auto;
	}

	a {
		//.transition;

		display:table-cell;
		height:@menu-height;
		line-height:@menu-height + 4;
		white-space:nowrap;
		font: bold 13px/44px Arial, Helvetica, sans-serif;
		color:#fff;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		outline:none;

		&:last-child {
			border-right:0;
		}

		&:hover,&:active,&:focus {
			background:#484E52;
			color:#fff;
		}
	}
}

.main-bg {

}

.overall {
	margin:0 auto;
	width:@site-width;
	position:relative;
	//min-height:565px;
	min-height:800px;
	overflow:hidden;
	padding:0 15px 15px;
	background:#fff;
	//background:@color-bg;
	//box-shadow:0 0 10px rgba(0,0,0,0.3);


	&:after {
		content:'';
		display:table;
		width:100%;
		clear:both;
	}

	.sub-head {
		font-size:25px;
		color:#000;
		padding:0;
		margin:30px 0 15px 0;
		font-weight:normal;
		text-align:center;
		font-weight:500;
	}

	.marks-block {
		display:block;
		width:100%;
		min-height:50px;
		padding:0;
		list-style:none;
		margin:0 auto;
		text-align:center;
		padding-bottom:15px;
		border-bottom:2px solid #ccc;

		&:after {
			content:'';
			display:table;
			width:100%;
			clear:both;
		}

		li {
			margin:15px 0 0 0;
			width:10%;
			min-height:80px;
			display:inline-block;
			border-right:1px solid #eaeaea;
			white-space:nowrap;

			&:last-child,
			&:nth-child(10n){
				border-right:none;
			}

			a {
				text-decoration:underline;
				display:block;
				width:100%;
				color:#5f79aa;
				font-size:13px;
				text-align:center;
				font-stretch:90%;

				&:hover {
					color:#262626;
				}

				img {
					width:50px;
					height:50px;
					margin:0 auto;
					display:block;
					margin-bottom:5px;
				}
			}
		}
	}

	.home-slider {
		margin-top:15px;

		.slide {
			border-radius:4px;
			margin:0 auto;
			width:98%;
			height:245px;
			border:1px solid #e1e1e1;
			background:-webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#f2f9ff));
			background:-webkit-linear-gradient(top, #ffffff 0%,#f2f9ff 100%);
			background:-o-linear-gradient(top, #ffffff 0%,#f2f9ff 100%);
			background:linear-gradient(to bottom, #ffffff 0%,#f2f9ff 100%);

			& > div {
				width:300px;
				height:215px;
				margin:0 auto;

				& > .icon {
					display:block;
					width:100%;
					height:85px;
					margin:20px 0 10px 0;
					text-align:center;

					& > img {
						display:inline;
						width:auto;
						height:auto;
					}
				}

				& > .head {
					font-size:18px;
					text-align:center;
					color:#000;
					font-weight:bold;
				}

				& > p {
					font-size:14px;
					line-height:18px;
					text-align:center;
					padding-bottom:5px;
					margin-bottom:0;

					& > span {
						color:#f00;
					}
				}
			}
		}

		.owl-nav {
			& > button.owl-next,
			& > button.owl-prev {
				display:block;
				width:40px;
				height:40px;
				border-radius:20px;
				//border:1px solid #ccc;
				text-align:center;
				float:left;
				position:relative;
				top:-130px;
				left:-20px;
				//background:#fff;
				outline:none;

				&:hover,&:focus {
					//box-shadow:0 0 5px rgba(0,0,0,0.3);
				}

				& > span {
					position:relative;
					font-size:50px;
					top:-23px;
					left:-1px;
				}
			}

			& > button.owl-next {
				float:right;
				left:20px;

				& > span {
					left:2px;
				}
			}
		}
	}

	.last-cars {
		width:100%;
		margin-bottom:-15px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
			-ms-flex-pack:justify;
				justify-content:space-between;
		-ms-flex-line-pack:justify;
			align-content:space-between;
	   -webkit-box-orient: horizontal;
	   -webkit-box-direction: normal;
		   -ms-flex-flow: row wrap;
			   flex-flow: row wrap;

		.car {
			.transition;

			width:25%;
			background:@color-light;
			margin-bottom:0;
			padding:10px;
			box-shadow:0 0 2px @color-gray;

			&:hover,&:focus {
				position:relative;
				box-shadow:0 0 20px rgba(0,0,0,0.3);
			}

			.preivew {
				display:block;
				width:100%;
				height:166px;
				background-size:cover;
				background-position:center center;
				background-repeat:no-repeat;
				text-decoration:none;
			}

			.name {
				.transition;

				display:block;
				width:100%;
				height:50px;
				line-height:25px;
				text-transform:uppercase;
				font-size:16px;
				color:@font-color;
				text-decoration:none;
				margin:5px 0 0 0;
				text-align:center;

				&:hover {
					color:@color-2;
				}
			}

			.vol,
			.km {
				width:35%;
				float:left;
				height:30px;
				line-height:30px;
				font-size:13px;
			}

			.year,
			.kp {
				width:25%;
				float:left;
				height:30px;
				line-height:30px;
				font-size:13px;
			}

			.vol {
				width:25%;
			}

			.old-price {
				width:100%;
				float:left;
				height:14px;
				line-height:14px;
				text-align:right;
				font-size:14px;
				color:#999;
				text-decoration:line-through;
				margin:-5px 0 -3px;
			}

			.price {
				font-weight:bold;
				width:50%;
				float:left;
				height:30px;
				line-height:30px;
				text-align:right;
				white-space:nowrap;
			}

			.credit {
				.transition;

				width:40%;
				float:left;
				height:30px;
				line-height:30px;
				background:#f00 ;
				color:@color-white;
				text-align:center;
				text-decoration:none;
				border-radius:2px;

				&:hover,&:focus {
					color:#fff;
					background:#008000;
				}
			}

			.detail {
				.transition;

				&:before {
					content:'';
					display:table;
					clear:both;
					width:100%;
				}

				float:left;
				display:block;
				height:30px;
				width:100%;
				line-height:30px;
				margin:15px 0 0;
				text-align:center;
				color:#fff;
				text-decoration:none;
				background:#042D4E;
				border-radius:2px;
				box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.5);

				&:hover,&:focus {
					color:#fff;
					background:#042D4E;
					box-shadow: 5px 7px 7px rgba(0, 0, 0, 0.5);
				}
			}
		}
	}

	.map-block {
		display:block;
		width:100%;
		height:600px;
		margin:45px 0 15px 0;
	}

	.under-map {
		& > .order-credit {
			background:-webkit-gradient(linear, left top, left bottom, from(@color-m),to(@color-d));
			background:-webkit-linear-gradient(top, @color-m 0%,@color-d 100%);
			background:-o-linear-gradient(top, @color-m 0%,@color-d 100%);
			background:linear-gradient(to bottom, @color-m 0%,@color-d 100%);
			color:#fff;
			font-weight:700;
			width:49%;
			height:40px;
			line-height:27px;
			text-align:center;
			float:left;
			letter-spacing:0.5px;

			&:hover,&:focus {
				background:-webkit-gradient(linear, left top, left bottom, from(@color-m),to(@color-l));
				background:-webkit-linear-gradient(top, @color-m 0%,@color-l 100%);
				background:-o-linear-gradient(top, @color-m 0%,@color-l 100%);
				background:linear-gradient(to bottom, @color-m 0%,@color-l 100%);
/*
				background: -webkit-gradient(linear, left top, left bottom, from(#016bc1),color-stop(29%, #0b76cd),color-stop(79%, #2592ea),to(#2c99f2));
				background: -webkit-linear-gradient(top, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
				background: -o-linear-gradient(top, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
				background: linear-gradient(to bottom, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
*/
			}
		}

		& > .auto-search {
			background: -webkit-gradient(linear, left top, left bottom, from(#eaecef),color-stop(11%, #e9ebed),color-stop(49%, #e2e5e7),color-stop(73%, #dee1e3),to(#dadedf));
			background: -webkit-linear-gradient(top, #eaecef 0%,#e9ebed 11%,#e2e5e7 49%,#dee1e3 73%,#dadedf 100%);
			background: -o-linear-gradient(top, #eaecef 0%,#e9ebed 11%,#e2e5e7 49%,#dee1e3 73%,#dadedf 100%);
			background: linear-gradient(to bottom, #eaecef 0%,#e9ebed 11%,#e2e5e7 49%,#dee1e3 73%,#dadedf 100%);
			-webkit-box-shadow: 1px 1px 1px 0px rgba(115, 18, 19, 1);
			box-shadow: 1px 1px 1px 0px rgba(155, 155, 155, 1);
			letter-spacing:0.5px;

			color:#000;
			font-weight:700;
			width:49%;
			height:40px;
			line-height:27px;
			text-align:center;
			float:right;

			&:hover,&:focus {
				background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f2),color-stop(12%, #f0f1f1),color-stop(49%, #eaeced),color-stop(73%, #e6e8ea),to(#e1e5e6));
				background: -webkit-linear-gradient(top, #f1f1f2 0%,#f0f1f1 12%,#eaeced 49%,#e6e8ea 73%,#e1e5e6 100%);
				background: -o-linear-gradient(top, #f1f1f2 0%,#f0f1f1 12%,#eaeced 49%,#e6e8ea 73%,#e1e5e6 100%);
				background: linear-gradient(to bottom, #f1f1f2 0%,#f0f1f1 12%,#eaeced 49%,#e6e8ea 73%,#e1e5e6 100%);
			}
		}
	}

	.services-block {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		background:@color-light;
		padding:0;
		-webkit-box-pack:justify;
			-ms-flex-pack:justify;
				justify-content:space-between;
		-ms-flex-line-pack:justify;
			align-content:stretch;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-flow: row wrap;
				flex-flow: row wrap;

		a {
			display:block;
			overflow:hidden;
			text-decoration:none;
			width:33%;

			&.trade-in {
				background:url('/img/trade-in.jpg') no-repeat 0 0;
				background-size:contain;
			}

			&.vykup {
				background:url('/img/vykup.jpg') no-repeat 0 0;
				background-size:contain;
			}

			&.credit {
				background:url('/img/credit.jpg') no-repeat 0 0;
				background-size:contain;
			}

			span {
				.transition;

				display:block;
				text-decoration:none;
				text-align:center;
				text-transform:uppercase;
				color:#fff;
				font-size:23px;
				line-height:80px;
				height:80px;
				margin-top:220px;
				//background:rgba(102,148,178,0.6);
				//-webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
				//clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
				//background:url('/img/bg_slider_content.png');
				//background:rgba(255,199,4,0.6)
				//background:rgba(152,38,47,0.6);
				background:rgba(4, 45, 78, 0.6);
			}

			&:hover,&:focus {
				span {
					margin-top:180px;
					height:120px;
					background:rgba(4, 45, 78, 0.8);
					//background:rgba(152,38,47,0.8);
					//background:rgba(255,199,4,0.8)
					//background:rgba(102,148,178,0.8);
				}
			}
		}
	}

	.breadcrumb {
		padding:0;
		margin:15px 0 0 0;
		list-style: none;
		background-color: transparent;
		border-radius: 0;

		& > li {
			display: inline-block;

			&.active {
				color: #555;
			}
		}

		& > li + li:before {
			content: "/\00a0";
			padding: 0 5px;
			color: #ccc;
		}
	}

// информационные страницы
	.info-page {
		.btn-info {
			border:none;
			background: #2c99f2;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top, #2c99f2 0%, #2592ea 21%, #0b76cd 71%, #016bc1 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c99f2), color-stop(21%,#2592ea), color-stop(71%,#0b76cd), color-stop(100%,#016bc1));
			background: -webkit-linear-gradient(top, #2c99f2 0%,#2592ea 21%,#0b76cd 71%,#016bc1 100%);
			background: -o-linear-gradient(top, #2c99f2 0%,#2592ea 21%,#0b76cd 71%,#016bc1 100%);
			background: -ms-linear-gradient(top, #2c99f2 0%,#2592ea 21%,#0b76cd 71%,#016bc1 100%);
			background: linear-gradient(to bottom, #2c99f2 0%,#2592ea 21%,#0b76cd 71%,#016bc1 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c99f2', endColorstr='#016bc1',GradientType=0 );

			&:hover,&:active,&:focus {
				background: #016bc1;
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top, #016bc1 0%, #0b76cd 29%, #2592ea 79%, #2c99f2 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#016bc1), color-stop(29%,#0b76cd), color-stop(79%,#2592ea), color-stop(100%,#2c99f2));
				background: -webkit-linear-gradient(top, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
				background: -o-linear-gradient(top, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
				background: -ms-linear-gradient(top, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
				background: linear-gradient(to bottom, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016bc1', endColorstr='#2c99f2',GradientType=0 );
			}
		}

		p {
			line-height:22px;
			font-size:16px;

			&.intro {
				background:#eef1f7;
				color:@color-black !important;
				padding: 10px !important;
				border-radius: 5px !important;

				img {
					width: 75px;
					float: right;
					margin: 10px 10px 10px 50px;
				}

				&:hover {
					img {
						animation: rotate 0.5s 1 ease-in-out;
						-moz-animation: rotate 0.5s 1 ease-in-out;
						-webkit-animation: rotate 0.5s 1 ease-in-out;
					}
				}
			}

			&.shead {
				color: #c00 !important;
				font-size: 19px !important;

				&:before {
					content: "\f138";
					padding: 0 10px;
					font-family:@font-fa !important;
				}
			}

			&.intro2 {
				color: #3e6f93 !important;
				font-size: 18px !important;
				padding: 10px !important;
				text-align: center !important;
				font-weight: normal;
				margin: 0 auto;
				width: 90% !important;
				border-top: 1px solid #3e6f93;
			}
		}

		ul.atrade {
			margin-left: 40px;

			li {
				list-style: none;
				padding: 3px 5px;
				font-size:16px;

				&:before {
					content: "\f046";
					padding-right: 5px;
					font-family:@font-fa !important;
					margin-left: -20px;
				}
			}
		}

		.tradeinForm {
			background:@color-white;
			display: block;
			width: 800px;
			padding: 20px;
			box-shadow: 0 0 20px #ccc;
			margin: 20px auto;

			&:after {
				content:'';
				display:table;
				width:100%;
				clear:both;
			}

			.formCol {
				display: block;
				width: 50%;
				float: left;
				padding-right: 20px;

				.colName {
					width: 100%;
					float: left;
					font-size: 18px;
					color: #207257;
				}

				input,
				select {
					display: block;
					float: left;
					width: 100%;
					padding: 0 3px;
					height: 30px;
					line-height: 30px;
					margin: 5px 0;
					font-size:16px;
				}

				textarea {
					display: block;
					float: left;
					width: 100%;
					padding: 3px 3px;
					height: 114px;
					line-height: 20px;
					font-size:16px;
					resize: none;
					margin: 3px 0;
				}

				.btn {
					width:100%;
					margin: 5px 0;
				}
			}
		}
	}

// листалка страниц
	.pagination {
		margin-top:10px;

		.pagination-name {
			background:none;
			border:none;
		}
	}

// список машин
	.list-cars {
		width:100%;
		margin-top:20px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;
		-ms-flex-line-pack:start;align-content:flex-start;
	   -webkit-box-orient: horizontal;
	   -webkit-box-direction: normal;
		   -ms-flex-flow: row wrap;
			   flex-flow: row wrap;

		.car {
			.transition;

			width:100% / 3;
			background:@color-light;
			margin-bottom:0;
			padding:10px;
			box-shadow:0 0 2px @color-gray;

			.price-list,
			.old-price-list {
				display:none;
			}

			&:hover,&:focus {
				position:relative;
				box-shadow:0 0 20px rgba(0,0,0,0.3);
			}

			.preivew {
				display:block;
				width:100%;
				height:166px;
				background-size:cover;
				background-position:center center;
				background-repeat:no-repeat;
				text-decoration:none;
			}

			.name {
				.transition;

				display:block;
				width:100%;
				height:50px;
				line-height:25px;
				text-transform:uppercase;
				font-size:16px;
				color:@font-color;
				text-decoration:none;
				margin:5px 0 0 0;
				text-align:center;

				&:hover {
					color:@color-2;
				}
			}

			.vol,
			.km {
				width:35%;
				float:left;
				height:30px;
				line-height:30px;
				font-size:13px;
			}

			.year,
			.kp {
				width:25%;
				float:left;
				height:30px;
				line-height:30px;
				font-size:13px;
			}

			.vol {
				width:25%;
			}

			.old-price {
				width:100%;
				float:left;
				height:14px;
				line-height:14px;
				text-align:right;
				font-size:14px;
				color:#999;
				text-decoration:line-through;
				margin:-5px 0 -3px;
			}

			.price {
				font-weight:bold;
				width:50%;
				float:left;
				height:30px;
				line-height:30px;
				text-align:right;
				white-space:nowrap;
			}

			.credit {
				.transition;

				width:40%;
				float:left;
				height:30px;
				line-height:30px;
				background:#f00 ;
				color:@color-white;
				text-align:center;
				text-decoration:none;
				border-radius:2px;

				&:hover,&:focus {
					color:#fff;
					background:#008000;
				}
			}
			.detail {
				.transition;

				&:before {
					content:'';
					display:table;
					clear:both;
					width:100%;
				}

				float:left;
				display:block;
				height:30px;
				width:100%;
				line-height:30px;
				margin:15px 0 0;
				text-align:center;
				color:#fff;
				text-decoration:none;
				background:#042D4E;
				border-radius:2px;
				box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.5);

				&:hover,&:focus {
					color:#fff;
					background:#042D4E;
					box-shadow: 5px 7px 7px rgba(0, 0, 0, 0.5);
				}
			}
		}
	}

// поиск машин
	.leftCol {
		display:block;
		width:75%;
		min-height:10px;
		float:left;

		h1 {
			border-bottom:1px solid #444;
			width:95%;
		}

		.auto-search-form {
			display:block;
			width:70%;
			float:left;
			min-height:10px;
			padding-top:20px;

			#bodyTypeLabel,
			#brandLabel,
			#modelLabel,
			#engineTypeLabel,
			#gearboxTypeLabel {
				padding:38px 15px 0 0;
				text-align:right;
			}

			#totalAuto {
				padding-top:6px;
				display:imline-block;
				float:left;
			}

			.form-group {
				label {
					font-weight:bold;
				}

				&.empty-label {
					padding-top:32px;
				}

				&.separator-after {
					&:after {
						position: absolute;
						right: -5px;
						background: #555;
						height: 1px;
						width: 10px;
						content: "";
						top: 50%;
						margin-top: 7px;
						display: inline-block;
					}
				}
			}
		}

		.slide-auto-label {
			width:30%;
			float:left;
			min-height:10px;

			#searchInfo {
				height:30px;
				width:250px;
				margin:0 0 0 10px;
				float:left;
				overflow:hidden;
				display:none;

				.arrow {
					width:0;
					height:0;
					float:left;
					border-top: 15px solid transparent;
					border-right: 10px solid #eee;
					border-bottom: 15px solid transparent;
				}

				.info {
					width:220px;
					height:30px;
					float:left;
					line-height:30px;
					background:#eee;
					padding:0 20px;
				}
			}
		}

		.list_config {
			width:100%;
			min-height:100px;
			padding:10px 0 20px 0;
			float:left;
			overflow:hidden;

			.input-group {
				padding:10px 0;
			}

			.btn {
				margin-right:10px !important;
			}

			.srch_details {
				.param_line {
					height:25px;
					line-height:25px;

					&:before {
						content:"";
						width:180px;
						white-space:nowrap;
						padding-right:10px;
						font-weight:bold;
						float:left;
					}

					&.total:before {content:'Найдено позиций:';}
					&.bodyType:before {content:'Кузов:';}
					&.brand:before {content:'Марка:';}
					&.model:before {content:'Модель:';}
					&.engineType:before {content:'Двигатель:';}
					&.gearboxType:before {content:'КПП:';}
					&.year:before {content:'Год выпуска:';}
					&.price:before {content:'Цена:';}

					b {
						color:#25567B;
					}
				}
			}
		}
	}

	.rightCol {
		display:block;
		width:25%;
		float:left;

		.total-in-sale {
			color: #444;
			font-weight: normal;
			font-size: 17px;
			line-height: 40px;
			margin: 15px 0;
			border-bottom:1px solid #444;
			text-align:center;
		}

		ul.marks {
			list-style: none;
			margin:0 0 0 60px;
			padding-bottom: 10px;

			li {
				list-style: none;

				a {
					font-size: 16px;
					color: #003;
					text-decoration:none;

					&:hover {
						text-decoration:underline;
					}
				}

				ul.models {
					padding-bottom: 10px;

					li {
						a {
							font-size: 15px;
							color: #339;
							text-decoration:none;

							&:hover {
								text-decoration:underline;
							}
						}
					}
				}
			}
		}
	}

// страница автомобиля
	.auto-page {
		.banki-partnery {
			padding-top:30px;

			h3 {
				margin-bottom:15px;
			}
		}

		.order-credit {
			&:after {
				content:'';
				display:table;
				width:100%;
				clear:both;
			}

			h4 {
				text-align:center;
				font-size:20px;
				white-space:nowrap;
			}

			#order-credit {
				width:100%;
			}
		}

		.no-auto {
			display: block;
			text-align: center;
			background: #eef url('/img/gray-car-sm.png') no-repeat center 220px;
			background-size: 70% auto;
			height: 589px;
			color: #999;
			font-size: 40px;
			text-transform: uppercase;
			padding-top: 130px;
		}

		.print-page {
			float:right;
			margin-top:-50px;
			cursor:pointer;
		}

		.image-gallery {
			margin-top:15px;

			.fotorama {
				width:100%;

				.fotorama__wrap {
					width:100% !important;
				}

				img {
					width:100%;
				}
			}
		}

		.car-params {
			margin-top:15px;

			.param-price {
				&:after {
					content:'';
					display:table;
					width:100%;
					clear:both;
				}

				.price {
					background: #fff;
					border: 1px solid #dddcdc;
					color: #333;
					font-size: 28px;
					line-height: 30px;
					display: inline-block;
					vertical-align: top;
					padding:7px 15px;
					margin-bottom:15px;
					width:200px;
					text-align:center;
					white-space:nowrap;

					&.credit {
						width:100%;
					}
				}

				.credit-btn {
					float:right;
					width:230px;
					height:46px;
					line-height:32px;
					font-size:22px;
					border:none;
					background: #e40101;
					background: -moz-linear-gradient(top, #e40101 0%, #df0102 24%, #d60001 50%, #cd0000 96%, #731213 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e40101), color-stop(24%,#df0102), color-stop(50%,#d60001), color-stop(96%,#cd0000), color-stop(100%,#731213));
					background: -webkit-linear-gradient(top, #e40101 0%,#df0102 24%,#d60001 50%,#cd0000 96%,#731213 100%);
					background: -o-linear-gradient(top, #e40101 0%,#df0102 24%,#d60001 50%,#cd0000 96%,#731213 100%);
					background: -ms-linear-gradient(top, #e40101 0%,#df0102 24%,#d60001 50%,#cd0000 96%,#731213 100%);
					background: linear-gradient(to bottom, #e40101 0%,#df0102 24%,#d60001 50%,#cd0000 96%,#731213 100%);
					-webkit-box-shadow: 1px 1px 1px 0px rgba(115, 18, 19, 1);
					-moz-box-shadow: 1px 1px 1px 0px rgba(115, 18, 19, 1);
					box-shadow: 1px 1px 1px 0px rgba(115, 18, 19, 1);

					&:hover,&:active,&:focus {
						background: #f93e40;
						background: -moz-linear-gradient(top, #f93e40 0%, #e93031 22%, #d82122 48%, #ca1616 71%, #c20f0f 95%, #ad1e1e 100%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f93e40), color-stop(22%,#e93031), color-stop(48%,#d82122), color-stop(71%,#ca1616), color-stop(95%,#c20f0f), color-stop(100%,#ad1e1e));
						background: -webkit-linear-gradient(top, #f93e40 0%,#e93031 22%,#d82122 48%,#ca1616 71%,#c20f0f 95%,#ad1e1e 100%);
						background: -o-linear-gradient(top, #f93e40 0%,#e93031 22%,#d82122 48%,#ca1616 71%,#c20f0f 95%,#ad1e1e 100%);
						background: -ms-linear-gradient(top, #f93e40 0%,#e93031 22%,#d82122 48%,#ca1616 71%,#c20f0f 95%,#ad1e1e 100%);
						background: linear-gradient(to bottom, #f93e40 0%,#e93031 22%,#d82122 48%,#ca1616 71%,#c20f0f 95%,#ad1e1e 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f93e40', endColorstr='#ad1e1e',GradientType=0 );
					}
				}
			}

			.params-block {
				padding:5px;
				background:#fff;
				border:1px solid #ccc;
				box-shadow:0 0 3px rgba(0,0,0,0.2);

				.param-row {
					font-size:17px;
					padding-left:5px;
					border-bottom:1px solid #eee;
					min-height:35px;

					&:after {
						content:'';
						display:table;
						width:100%;
						clear:both;
					}

					&:last-child {
						border-bottom:none;
					}

					& > span.row-name {
						display:inline;
						padding:0 5px 0 0;
						color:#333;
						float:left;
						//width:130px;
						font-weight:bold;
						line-height:35px;
					}

					& > span.row-val {
						display:inline;
						//width:320px;
						float:left;
						line-height:20px;
						padding-top:7px;
						padding-bottom:7px;
					}
				}

				&.credit-params {
					.param-row {
						& > span.row-val {
							//width:200px;
						}
					}
				}
			}

			.order-call {
				display:block;
				margin:15px auto 0 auto;
			}
		}

		.equipment {
			margin-top:15px;

			h3 {
				border-bottom:1px solid #ccc;
				padding-bottom:5px;
			}

			&:after {
				content:'';
				width:100%;
				display:table;
				clear:both;
			}

			.options {
				width: 33.33%;
				float: left;
				padding:15px 20px 15px 0;

				h5 {
					font-size:18px;
				}

				ul {
					list-style:none;
					padding:0;
					margin:0;

					li {
						padding:0 20px 5px 20px;
						font-size:15px;

						&:before {
							content:'\f046';
							float:left;
							width:15px;
							display:inline-block;
							font-family:@font-fa;
							margin-left:-20px;
							color:#999;
						}
					}
				}
			}

			.clearfix {
				display:table;
				width:100%;
				clear:both;
			}

/*
			ul {
				&:after {
					content:'';
					width:100%;
					display:table;
					clear:both;
				}

				list-style:none;
				padding:0;
				margin:0;

				li {
					&:before {
						content:'\f046';
						float:left;
						width:15px;
						display:inline-block;
						font-family:@font-fa;
						margin-left:-20px;
						color:#999;
					}

					width:33.3%;
					float:left;
					padding:0 20px 5px 20px;
				}
			}
*/
		}

		.additionally {
			margin-top:15px;

			h3 {
				border-bottom:1px solid #ccc;
				padding-bottom:5px;
			}

			pre {
				font-size:16px;
				white-space:normal;
				font-family:Tahoma, Helvetica, Arial;
			}
		}

		.similar {
			h3 {
				border-bottom:1px solid #ccc;
				padding-bottom:5px;
			}

			.similar-cars {
				margin-top:15px;
				width:100%;
				display:-webkit-box;
				display:-ms-flexbox;
				display:flex;
				-webkit-box-pack:justify;
					-ms-flex-pack:justify;
						justify-content:space-between;
				-ms-flex-line-pack:justify;
					align-content:space-between;
			   -webkit-box-orient: horizontal;
			   -webkit-box-direction: normal;
				   -ms-flex-flow: row wrap;
					   flex-flow: row wrap;

				.car {
					.transition;

					width:25%;
					background:@color-light;
					margin-bottom:0;
					padding:10px;
					box-shadow:0 0 2px @color-gray;

					&:hover,&:focus {
						position:relative;
						box-shadow:0 0 20px rgba(0,0,0,0.3);
					}

					.preivew {
						display:block;
						width:100%;
						height:166px;
						background-size:cover;
						background-position:center center;
						background-repeat:no-repeat;
						text-decoration:none;
					}

					.name {
						.transition;

						display:block;
						width:100%;
						height:50px;
						line-height:25px;
						text-transform:uppercase;
						font-size:16px;
						color:@font-color;
						text-decoration:none;
						margin:5px 0 0 0;
						text-align:center;

						&:hover {
							color:@color-2;
						}
					}

					.vol,
					.km {
						width:35%;
						float:left;
						height:30px;
						line-height:30px;
						font-size:13px;
					}

					.year,
					.kp {
						width:25%;
						float:left;
						height:30px;
						line-height:30px;
						font-size:13px;
					}

					.vol {
						width:25%;
					}

					.old-price {
						width:100%;
						float:left;
						height:14px;
						line-height:14px;
						text-align:right;
						font-size:14px;
						color:#999;
						text-decoration:line-through;
						margin:-5px 0 -3px;
					}

					.price {
						font-weight:bold;
						width:50%;
						float:left;
						height:30px;
						line-height:30px;
						text-align:right;
						white-space:nowrap;
					}

					.credit {
						.transition;

						width:40%;
						float:left;
						height:30px;
						line-height:30px;
						background:#f00 ;
						color:@color-white;
						text-align:center;
						text-decoration:none;
						border-radius:2px;

						&:hover,&:focus {
							color:#fff;
							background:#008000;
						}
					}

					.detail {
						.transition;

						&:before {
							content:'';
							display:table;
							clear:both;
							width:100%;
						}

						float:left;
						display:block;
						height:30px;
						width:100%;
						line-height:30px;
						margin:15px 0 0;
						text-align:center;
						color:#fff;
						text-decoration:none;
						background:#042D4E;
						border-radius:2px;
						box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.5);

						&:hover,&:focus {
							color:#fff;
							background:#042D4E;
							box-shadow: 5px 7px 7px rgba(0, 0, 0, 0.5);
						}
					}
				}
			}
		}
	}
}

footer {
	.clear;

	margin:15px 0 0 0;
	width:100%;
	//background:#FcFcFc;
	background:#042D4E;
	//background:@color-el;
	padding:0 0 15px 0;
	color:@footer-color;
	font-size:14px;
	line-height:23px;
	position:relative;
	//box-shadow:0 0 10px rgba(0,0,0,0.3);
	//height:225px;
	border-top: 1px solid #D1D6DF;

	.menu-bottom {
		padding:8px 15px 0px;
		width:100%;
		height:45px;
		background:url('/img/bg_footer_top.jpg');
		border-bottom: 1px solid #999;
		margin-bottom:5px;

		.inner {
			width:@site-width;
			margin:0 auto;

			display:table;

			& > div {
				display:table-cell;
				text-align:center;
				vertical-align:middle;


				a {
					.transition;

					height:30px;
					line-height:30px;
					text-decoration:none;
					white-space:nowrap;
					font-size:14px;
					outline:none;
					color:#293848;

					&:hover,&:active,&:focus {
						text-decoration:underline;
					}
				}
			}
		}
	}

	.bottom {
		width:@site-width;
		margin:0 auto;
		padding-top:15px;

		.left-col {
			width:50%;
			float:left;

			& > a {
				display:inline-block;
				line-height:18px;
				color:@footer-color;
				text-decoration:underline;

				&:first-of-type {
					padding-right:10px;
					//border-right:1px solid #ccc;
				}

				&:last-of-type {
					padding-left:5px;
				}

				&:hover,&:active {
					text-decoration:none;
				}
			}

			&:before {
				content:'\f041';
				display:block;
				font-family:@font-fa;
				color:@footer-color;
				font-size:30px;
				width:30px;
				height:30px;
				line-height:30px;
				float:left;
				margin:0 10px 20px 0;
			}
		}

		.right-col {
			width:50%;
			float:left;
			text-align:right;

			&:before {
				content:'\f095';
				display:block;
				font-family:@font-fa;
				color:@footer-color;
				font-size:30px;
				width:30px;
				height:50px;
				line-height:30px;
				float:right;
				margin:0 0 20px 10px;
			}
		}

		.oferta {
			.clear;

			display:block;
			float:left;
			width:100%;

			margin-top:20px;

			color:@oferta-color;
			font-size:11px;
			line-height:13px;
			text-align:center;
			padding:5px 0;
		}
	}

	.change-device {
		text-align:center;

		a {
			color:#fff;

			&:hover {
				color:#fff;
			}
		}
	}
}

@media print {
	.btn,
	.breadcrumb,
	.print-page,
	footer,
	header,
	.menu-top,
	.menu-top a,
	.similar {
		display:none !important;
	}

	pre {
		outline:none;
		border:none;
	}

	.auto-page {
		.price {
			border:none !important;
			outline:none !important;
		}
	}
}

.overall .auto-page .car-params .buy-for-cash {
	display: block;
	margin: 15px auto 0 auto;
	border:none;
	background: #2c99f2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f22c47 0%, #ea2549 21%, #cd0b14 71%, #c10101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c99f2), color-stop(21%,#2592ea), color-stop(71%,#0b76cd), color-stop(100%,#016bc1));
	background: -webkit-linear-gradient(top, #f22c47 0%,#ea2549 21%,#cd0b14 71%,#c10101 100%);
	background: -o-linear-gradient(top, #f22c47 0%,#ea2549 21%,#cd0b14 71%,#c10101 100%);
	background: -ms-linear-gradient(top, #f22c47 0%,#ea2549 21%,#cd0b14 71%,#c10101 100%);
	background: linear-gradient(to bottom, #f22c47 0%,#ea2549 21%,#cd0b14 71%,#c10101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c47', endColorstr='#c10101 ',GradientType=0 );
	box-shadow: inset 0 1px #f55c5c, inset 0 -1px #9c0101;

	&:hover,&:active,&:focus {
		background: #016bc1;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #c10101 0%, #cd0b14 29%, #ea2549 79%, #f22c47 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#016bc1), color-stop(29%,#0b76cd), color-stop(79%,#2592ea), color-stop(100%,#2c99f2));
		background: -webkit-linear-gradient(top, #c10101 0%,#cd0b14 29%,#ea2549 79%,#f22c47 100%);
		background: -o-linear-gradient(top, #c10101 0%,#cd0b14 29%,#ea2549 79%,#f22c47 100%);
		background: -ms-linear-gradient(top, #c10101 0%,#cd0b14 29%,#ea2549 79%,#f22c47 100%);
		background: linear-gradient(to bottom, #c10101 0%,#cd0b14 29%,#ea2549 79%,#f22c47 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10101', endColorstr='#f22c47',GradientType=0 );
	}
}

#order-credit,
.overall .auto-page .car-params .order-call {
	border:none;
	background: #2c99f2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #2c99f2 0%, #2592ea 21%, #0b76cd 71%, #016bc1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c99f2), color-stop(21%,#2592ea), color-stop(71%,#0b76cd), color-stop(100%,#016bc1));
	background: -webkit-linear-gradient(top, #2c99f2 0%,#2592ea 21%,#0b76cd 71%,#016bc1 100%);
	background: -o-linear-gradient(top, #2c99f2 0%,#2592ea 21%,#0b76cd 71%,#016bc1 100%);
	background: -ms-linear-gradient(top, #2c99f2 0%,#2592ea 21%,#0b76cd 71%,#016bc1 100%);
	background: linear-gradient(to bottom, #2c99f2 0%,#2592ea 21%,#0b76cd 71%,#016bc1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c99f2', endColorstr='#016bc1',GradientType=0 );

	&:hover,&:active,&:focus {
		background: #016bc1;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #016bc1 0%, #0b76cd 29%, #2592ea 79%, #2c99f2 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#016bc1), color-stop(29%,#0b76cd), color-stop(79%,#2592ea), color-stop(100%,#2c99f2));
		background: -webkit-linear-gradient(top, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
		background: -o-linear-gradient(top, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
		background: -ms-linear-gradient(top, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
		background: linear-gradient(to bottom, #016bc1 0%,#0b76cd 29%,#2592ea 79%,#2c99f2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016bc1', endColorstr='#2c99f2',GradientType=0 );
	}
}

.hidden {
	display:none;
}

.viewBlock {
	float:right;
	width:70px;

	& > label {
		height:35px;
		width:35px;
		border:1px solid #fff;
		border-radius:3px;
		padding:3px 4px 0 4px;
		float:right;
		cursor:pointer;

		& > img {
			width:25px;
			height:25px;
		}

		&.tabs-view {
			padding:2px 6px;

			& > img {
				width:21px;
				height:21px;
			}
		}

		&:hover {
			border-color:#ccc;
		}
	}
}

#list-view:checked ~ .viewBlock > label.list-view,
#tabs-view:checked ~ .viewBlock > label.tabs-view {
	background:#ccc;
}

#list-view:checked ~ .list-cars {
	.car {
		.clear;

		width:100%;
		margin:0 0 10px 0;

		padding-left:245px;

		.preivew {
			display:block;
			float:left;
			width:221.5px;
			height:166px;
			background-size:cover;
			background-position:center center;
			background-repeat:no-repeat;
			text-decoration:none;
			margin-left:-235px;
		}

		.name {
			float:left;
			text-align:left;
			height:30px;
			font-weight:bold;
		}

		.price,.old-price {
			display:none;
			white-space:nowrap;
		}

		.vol,.km,.year,.kp {
			width:10%;
		}

		.km {
			width:70%;
		}

		.credit {
			width:30%;
			margin:15px 15px 0 0;
		}

		.detail {
			width:30%;
			text-transform:none;
		}

		.price-list {
			display:inline-block;
			font-weight:bold;
			float:left;
			height:55px;
			line-height:30px;
			font-size:18px;
			width:50%;
			white-space:nowrap;
		}

		.old-price-list {
			display:inline-block;
			float:left;
			font-size:14px;
			color:#999;
			text-decoration:line-through;
			height:55px;
			line-height:30px;
			padding-right:10px;
		}
	}
}

#order-credit, .overall .auto-page .car-params .order-call {
	background:-webkit-gradient(linear, left top, left bottom, from(@color-m),to(@color-d));
	background:-webkit-linear-gradient(top, @color-m 0%,@color-d 100%);
	background:-o-linear-gradient(top, @color-m 0%,@color-d 100%);
	background:linear-gradient(to bottom, @color-m 0%,@color-d 100%);
	color:#fff;

	&:hover,&:focus {
		background:-webkit-gradient(linear, left top, left bottom, from(@color-m),to(@color-l));
		background:-webkit-linear-gradient(top, @color-m 0%,@color-l 100%);
		background:-o-linear-gradient(top, @color-m 0%,@color-l 100%);
		background:linear-gradient(to bottom, @color-m 0%,@color-l 100%);
	}
}

@media (max-width:1900px) {
	body {
		background:url('/img/pir-motors-2.jpg?_=1') no-repeat center 144px;
	}
}

@media (max-width:1650px) {
	body {
		background:url('/img/pir-motors-3.jpg?_=1') no-repeat center 144px;
	}
}