﻿/*General style*/
body {
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.5;
}
.container-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0px 20px;
}
.resp-img img{
	width: 100%;
}
.button_style {
	background: #FFF;
	border: 1px solid #555;
	padding: 10px 15px;
	transition: .4s all;
	cursor: pointer;
}

	.button_style:hover {
		background: #222;
		color: #FFF;
	}
blockquote:before {
	content: " ";
	height: 100%;
	width: 4px;
	position: absolute;
	left: -40px;
	display: block;
	background: darkred;
}

blockquote {
	position: relative;
}
/*Stock*/
.item-grid {
	display: flex;
	flex-wrap: wrap;
}

.item-wrap {
	width: calc(33% - 40px);
	padding: 0 20px;
	margin-bottom: 50px;
}
@media only screen and (max-width: 600px) {
	.item-wrap {
		width: calc(50% - 40px);
		padding: 0 20px;
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 400px) {
	.item-wrap {
		width: calc(100% - 40px);
		padding: 0 20px;
		margin-bottom: 50px;
	}
}
.item-img img {
	width: 100%;
}

a.item-wrap {
	color: #222;
	text-decoration: none;
}

	a.item-wrap:hover {
		color: #333;
		text-decoration: none;
	}
.vehicleDataPagerCtn span.label {
	font-weight: bold;
}
.vehicleDataPagerCtn a:not([disabled]) {
	cursor: pointer;
}
.vehicleDataPagerCtn a[disabled="disabled"], .pagerCurrent {
	color: #999;
}
.item-price {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sorting-container, .pager-container {
	width: 100%;
	padding: 0px 20px;
	text-align: right;
}
.item-title span {
	font-weight: bold;
	display: block;
}
/*Search*/
.stockAndFilterWrapper {
	display: flex;
	flex-wrap: wrap;
}

div#searchpluginDemo {
	width: 20%;
}

div#stockpluginDemo2 {
	width: 80%;
}
@media only screen and (max-width: 600px) {
	div#searchpluginDemo {
		width: 100%;
	}

	div#stockpluginDemo2 {
		width: 100%;
	}
}
select {
	padding: 8px 12px;
	margin-bottom: 20px;
}

div#searchpluginDemo select {
	width: 100%;
}
/*Details*/
.cd_wrapper {
	display: flex;
	flex-wrap: wrap;
}

.cd_img_gallery {
	width: 75%;
}

.cd_siderbar {
	width: 25%;
}

.cd_options {
	width: 100%;
}

.cd_contactdata {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.cd_contactdata_info {
	width: 30%;
}

.cd_contactdata_form {
	width: 70%;
}
@media only screen and (max-width: 600px) {

	.cd_img_gallery {
		width: 100%;
	}

	.cd_siderbar {
		width: 100%;
	}
	
	.cd_options {
		width: 100%;
	}

	.cd_contactdata {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.cd_contactdata_info {
		width: 100%;
	}

	.cd_contactdata_form {
		width: 100%;
	}
}
.cd_wrapper img {
	width: 100%;
}

.cd_sidebar_inner {
	padding: 0px 20px 20px 20px;
}
@media only screen and (max-width: 600px) {
	.cd_sidebar_inner {
		padding: 20px 0px 20px 0px;
	}
}
.cd_siderbar_item label {
	color: #555;
}

.cd_sidebar_item_value {
	font-weight: bold;
}

.cd_siderbar_item {
	margin-bottom: 8px;
}

.cd_options ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-top: 0;
}

	.cd_options ul li {
		width: 33%;
		list-style-type: none;
	}

		.cd_options ul li.liCategory {
			width: 100%;
			margin: 10px 0px 5px;
		}
@media only screen and (max-width: 680px) {
	.cd_options ul li {
		width: 50%;
	}
}
@media only screen and (max-width: 400px) {
	.cd_options ul li {
		width: 100%;
	}
}
.cd_options h3 {
	margin-bottom: 0;
}
.cd_siderbar_price {
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 2px solid #999;
}
/*Car Details Form*/
.form-group label {
	display: block;
	font-size: 0.9em;
	color: #555;
}

.form-group input, .form-group textarea {
	width: calc(100% - 24px);
	padding: 8px 10px;
	border: 2px solid rgba(204, 204, 204, 0.5);
}

.form-group {
	margin-bottom: 15px;
}