@import 'elements.less';
@import 'font-awesome.less';

//Colors
@black: #000000;
.black-bg{
	background-color: @black;
}
.black-col{
	color: @black;
}
@white: #ffffff;
.white-col{
	color: @white;
}
.white-bg{
	background-color: @white;
}
.white-bg-hover{
	.transition();
	&:hover{
		background-color: @white;
	}
}
@white-dark: #f3f4f5;
.white-dark-bg{
	background-color: @white-dark;
}
@brown: #161616;
.brown-col{
	color: @brown;
}
.brown-bg{
	background-color: @brown;
}
.brown-bg-hover{
	.transition();
	&:hover{
		background-color: @brown;
	}
}
@red: #e03434;
.red-bg{
	background-color: @red;
}
.red-col{
	color: @red;
}
.red-bg-hover{
	.transition();
	&:hover{
		background-color: @red;
	}
}
.red-col-hover{
	.transition();
	&:hover{
		color: @red;
	}
}
@grey: #797979;
.grey-col{
	color: @grey;
}
.grey-bg{
	background-color: @grey;
}
@grey-light: #c8c8c8;
.grey-light-bg{
	background-color: @grey-light;
}
.grey-light-col{
	color: @grey-light;
}
.grey-light-bg-hover{
	.transition();
	&:hover{
		background-color: @grey-light;
	}
}
@form: #e7e8e8;
@text: #b3b3b3;
@text-dark: #7d7d7d;

@grey-submit: #b5bcc0;
.grey-submit-light-bg{
	background-color: @grey-submit;
}

//Fonts
@FontAwesome: 'FontAwesome';

//Keyframes
.keyframes(
	movedown,
	{
		50% {
			.translate(0, 20px);
			}
		51% {
			opacity: 0;
		}
		52% {
			.translate(0, -20px);
			opacity: 1;
		}
		100% {
			.translate(0, 0);
		}
	}
);

.keyframes(
	moveleft,
	{
		50% {
			.translate(-20px, 0);
			}
		51% {
			opacity: 0;
		}
		52% {
			.translate(20px, 0);
			opacity: 1;
		}
		100% {
			.translate(0, 0);
		}
	}
);

.keyframes(
	moveright,
	{
		50% {
			.translate(20px, 0);
			}
		51% {
			opacity: 0;
		}
		52% {
			.translate(-20px, 0);
			opacity: 1;
		}
		100% {
			.translate(0, 0);
		}
	}
);

//Wrapper
.wrapper{
	max-width: 1700px;
	margin: 0 auto;
}
.wrapper-header{
	max-width: 800px;
	margin: 0 auto;
}
.wrapper-inside{
	max-width: 960px;
	margin: 0 auto;
}
//Align
.left{
	float: left;
}
.right{
	float: right;
}

//Header
header{
	text-align: center;
	padding: 29px 0;
	nav{
		float: left;
		text-transform: uppercase;
		width: 38.5%;
		text-align: right;
		margin-top: 11px;
		&.right-menu{
			text-align: left;
		}
		.menu-icon-left, .menu-icon-right{
			font-size: 34px;
			text-align: center;
			display: none;
			i{
				width: 34px;
				height: 34px;
				line-height: 34px;
				cursor: pointer;
				&:hover{
					opacity: 0.8;
				}
			}
		}
		>ul{
			>li{
				display: inline-block;
				&:before{
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 100%;
					height: 100%;
					background: @black;
					.skew(-24deg);
					opacity: 0;
					.transition();
				}
				&.current-menu-item{
					&:before{
						opacity: 1;
					}
					>a{
						color: @white;
					}
				}
				&:first-of-type{
					>a{
						&:before{
							display: none;
						}
					}
				}
				>a{
					display: block;
					color: @black;
					position: relative;
					padding: 8px 14px;
					&:before{
						content: "/";
						position: absolute;
						left: -4.5px;
						opacity: 0.5;
					}
				}
				&:hover{
					&:before{
						opacity: 1;
					}
					&:after{
						content: "";
						display: block;
						width: 100%;
						height: 100%;
						position: absolute;
						top: 100%;
						left: 0;
						z-index: 1;
					}
					>a{
						color: @white;
					}
				}
				>ul{
					position: absolute;
					top: 176%;
					left: 0;
					margin-left: -50%;
					&:before{
						content: "";
						display: block;
						width: 0;
						height: 0;
						position: absolute;
						top: -5px;
						left: 50%;
						margin-left: -3px;
						border-bottom: 6px solid @white;
						border-left: 6px solid transparent;
						border-right: 6px solid transparent;
					}
					li{
						background: @white;
						.transition();
						&.menu-item-has-children{
							&:after{
								content: "\f105";
								font-family: @FontAwesome;
								position: absolute;
								top: 0;
								right: 0;
								display: block;
								width: 9px;
								height: 100%;
								background: rgba(0,0,0,0.1);
								color: @white;
								line-height: 42px;
								text-align: center;
								.transition();
							}
							&:hover{
								&:after{
									background: rgba(0,0,0,0);
								}
							}
						}
						&:hover{
							background-color: @red;
							>a{
								color: @white;
							}
						}
						a{
							display: block;
							padding: 14px 36px;
							white-space: nowrap;
							color: @black;
						}
						>ul{
							position: absolute;
							top: 0;
							left: 100%;
							li{
								background-color: @red;
								a{
									color: @white;
									&:hover{
										text-decoration: underline;
									}
								}
							}
						}
					}
				}
			}
		}
		ul{
			.transition();
			li{
				position: relative;
				>ul{
					opacity: 0.5;
					height: 0;
					overflow: hidden;
				}
				&:hover{
					>ul{
						opacity: 1;
						height: auto;
						overflow: visible;
						z-index: 1;
					}
				}
			}
		}
	}
	.sitelogo{
		position: relative;
		float: left;
		width: 23%;
		a{
			font-size: 40px;
			color: #d1dadf;
			font-style: italic;
			font-weight: 900;
			text-transform: lowercase;
			position: relative;
			display: inline-block;
			padding: 2px 10px;
			&:hover{
				.background{
					background-color: @red;
				}
			}
			img{
				max-width: 100%;
			}
			.text{
				position: relative;
				letter-spacing: -1px;
			}
			.background{
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 100%;
				height: 100%;
				.rounded(100%);
				.rotation(-10deg);
				.transition();
			}
		}
	}
}

//Home Slider
.home-slider{
	position: relative;
	.slides{
		article{
			text-align: center;
			position: relative;
			padding: 160px 0;
			h1 {
				text-transform: none;
				color: @black;
				text-align: center;
				font-size: 203px;
				font-weight: 700;
				margin-bottom: 0;
				position: absolute;
				top: 84px;
				width: 100%;
				.opacity(0.05);
				z-index: -1;
				span {
					font-weight:300;
				}
			}
			.text{
				.details {
					position:absolute;
					left: 50%;
					margin-left: 260px;
					top: 33.5%;
					.citroen_logo {
						display: inline-block;
						a{
							font-size: 14px;
							font-weight: 600;
							display: block;
							padding: 0 20px;
							line-height: 56px;
							span {
								font-weight: 200;
								font-size: 14px;
							}
						}
					}
					.car-price {
						clear: both;
						display: inline-block;
						line-height: 76px;
						background-color: @white;
						font-size: 43px;
						padding: 0 20px;
					}
				}
			}
		}
	}
	.flex-direction-nav{
		a{
			position: absolute;
			top: 50%;
			left: 1.6%;
			margin-top: -26px;
			display: block;
			width: 52px;
			height: 52px;
			line-height: 52px;
			text-align: center;
			background: rgba(0,0,0,0.1);
			font-size: 16px;
			color: @white;
			&:before{
				content: "\f053";
				font-family: @FontAwesome;
			}
			&.flex-next{
				left: auto;
				right: 1.6%;
				&:before{
					content: "\f054";
				}
			}
			&:hover{
				background: @white;
				color: @black;
			}
		}
	}
	.flex-control-nav{
		position: absolute;
		bottom: 36px;
		left: 0;
		width: 100%;
		text-align: center;
		li{
			display: inline-block;
			margin: 0 11px;
			a{
				display: block;
				width: 6px;
				height: 6px;
				text-indent: 200%;
				.rounded(100%);
				overflow: hidden;
				background: rgba(255,255,255,0.2);
				&.flex-active{
					background: rgba(255,255,255,0.5);
				}
			}
		}
	}
}

//Home single post
.home-single-post{
	width: 50%;
	.box-sizing();
	padding: 7.8% 0 14.2% 3%;
	h2{
		font-size: 22px;
		text-transform: none;
		margin-bottom: 13px;
	}
	.string{
		color: #909090;
		font-size: 13px;
		line-height: 24px;
		margin-bottom: 58px;
		p{
			margin-bottom: 0;
			line-height: 24px;
		}
	}
	.more{
		display: inline-block;
		&:hover{
			i{
				&:before{
					.animation(moveright 600ms 1);
				}
			}
		}
		i{
			display: inline-block;
			vertical-align: top;
			width: 52px;
			height: 52px;
			line-height: 52px;
			text-align: center;
			font-size: 26px;
			margin-right: 33px;
		}
		span{
			display: inline-block;
			vertical-align: top;
			line-height: 52px;
		}
	}
}

//Home description
.home-description{
	position: relative;
	img{
		width: 100%;
		height: auto;
	}
	h2{
		position: absolute;
		top: 23%;
		left: 0;
		width: 100%;
		font-size: 63px;
		font-weight: 900;
		color: @black;
		text-align: center;
		span{
			font-weight: 300;
			color: @white;
			position: relative;
			i{
				font-size: 15px;
				font-style: normal;
				position: absolute;
				left: 0;
				bottom: -15px;
			}
		}
	}
	.details{
		position: absolute;
		left: 0;
		top: 88.4%;
		width: 47.4%;
		.box-sizing();
		padding: 5.7% 0 4.9% 0;
		.text{
			width: 431px;
			h3{
				font-size: 22px;
				color: @white;
				text-transform: none;
				margin-bottom: 46px;
			}
			p{
				color: @grey-light;
				margin-bottom: 14px;
				&:last-of-type{
					margin-bottom: 70px;
				}
				span{
					color: @grey;
				}
			}
			.price{
				font-size: 43px;
				color: @white;
			}
		}
	}
}

//blog-brand-pesonal
.blog-brand-pesonal{
	padding-top: 9px;
	padding-bottom: 75px;
	h2{
		font-size: 50px;
		font-weight: 600;
		line-height: 50px;
		text-transform: none;
		margin-bottom: 70px;
		span{
			font-size: 11px;
			font-weight: 400;
			line-height: 14px;
			color: @grey-light;
			margin-left: 20px;
			display: inline-block;
			max-width: 150px;
			vertical-align: top;
			margin-top: 15px;
		}
	}
}

//Home blog
.home-blog{
	width: 48%;
	margin-right: 4%;
	.isotope-gutter{
		.gutter{
			width: 4.4%;
		}
		.item{
			width: 47.8%;
			text-align: center;
			background: @white;
			.box-sizing();
			padding: 5% 6% 6% 6%;
			position: relative;
			&:hover{
				.text{
					.link{
						opacity: 1;
					}
				}
			}
			&.rounded{
				.image{
					.rounded(100%);
					overflow: hidden;
					width: 92%;
					margin: 0 auto;
					margin-top: 7px;
					margin-bottom: 29px;
				}
			}
			&.absolute{
				padding: 0;
				.text{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0,0,0,0.5);
					padding: 11%;
					.category{
						margin-bottom: 53%;
					}
					.details{
						position: absolute;
						width: 100%;
						left: 0;
						bottom: 11%;
						text-align: center;
					}
				}
			}
			img{
				width: 100%;
				height: auto;
			}
			.text{
				.box-sizing();
				.category{
					font-size: 10px;
					text-transform: lowercase;
					display: inline-block;
					margin-bottom: 16px;
					a{
						color: @grey-light;
					}
				}
				h3{
					font-size: 18px;
					font-weight: 600;
					text-transform: none;
					margin-bottom: 10px;
				}
				.string{
					color: #9b9b9b;
					line-height: 18px;
					margin-bottom: 50px;
					p{
						line-height: 18px;
						margin-bottom: 0;
					}
				}
				.details{
					text-align: left;
					color: @grey-light;
					font-size: 10px;
					text-transform: lowercase;
					span{
						margin-right: 14px;
						i{
							margin-right: 5px;
							font-size: 13px;
						}
					}
				}
			}
		}
	}
}

//Home brands
.home-brands{
	width: 48%;
	.slider{
		background: @white;
		position: relative;
		article{
			.box-sizing();
			padding: 14% 13.5%;
			.image{
				width: 44%;
				margin-right: 12%;
				img{
					width: 100%;
					height: auto;
				}
			}
			.text{
				width: 44%;
				padding-top: 13px;
				h3{
					font-size: 18px;
					font-weight: 600;
					text-transform: none;
					margin-bottom: 13px;
				}
				p{
					color: #9b9b9b;
					line-height: 18px;
					margin-bottom: 0;
				}
			}
		}
		.flex-direction-nav{
			a{
				display: block;
				width: 24px;
				height: 24px;
				line-height: 24px;
				text-align: center;
				font-size: 14px;
				color: @grey-light;
				position: absolute;
				top: 50%;
				left: 2.5%;
				margin-top: -12px;
				&:before{
					content: "\f104";
					font-family: @FontAwesome;
				}
				&:hover{
					background-color: @grey-light;
					color: @white;
				}
				&.flex-next{
					left: auto;
					right: 2.5%;
					&:before{
						content: "\f105";
					}
				}
			}
		}
	}
	hr{
		margin: 41px 0;
		border-top: 1px dashed @grey-light;
		border-bottom: none;
	}
	.home-person{
		background: @white;
		position: relative;
		.image{
			width: 41.5%;
			margin-right: 8%;
			img{
				width: 100%;
				height: auto;
			}
		}
		.text{
			width: 50%;
			.box-sizing();
			padding: 13.3% 4% 4% 4%;
			h3{
				font-size: 23px;
				font-weight: 600;
				text-transform: none;
				margin-bottom: 13px;
			}
			.number{
				font-size: 14px;
				color: @grey-light;
				display: inline-block;
				margin-bottom: 24px;
			}
			p{
				line-height: 18px;
				color: #9b9b9b;
			}
		}
		.link{
			position: absolute;
			bottom: -40px;
			right: 0;
			font-size: 18px;
			color: @white;
			opacity: 1;
			width: auto;
			height: auto;
			.agent{
				padding: 20px 26px;
				width: 182px;
				text-align: right;
				.box-sizing();
			}
			a{
				display: block;
				background-color: #b5bcc0;
				height: 82px;
				line-height: 82px;
				padding: 0 36px;
				position: relative;
				&:before{
					content: "";
					width: 0;
					height: 0;
					border-right: 5px solid #b5bcc0;
					border-top: 5px solid transparent;
					border-bottom: 5px solid transparent;
					position: absolute;
					top: 50%;
					left: -5px;
					margin-top: -5px;
				}
				&:hover{
					i{
						.translate(6px, 0);
					}
				}
				i{
					margin-left: 5px;
					font-size: 14px;
					line-height: 82px;
					vertical-align: top;
					.transition();
					display: inline-block;
					width: auto;
					height: auto;
				}
			}
		}
	}
}

//Home Subscribe
.home-subscribe {
	margin: 0 auto;
	text-align: center;
	padding: 50px 0;
	border-top: 1px dashed @grey-light;
	.wrapper-inside{
		.mc4wp-form{
			margin: 0;
			label {
				margin-bottom: 5px;
				color: #b3b3b3 !important;
				display: inline-block !important;
				font-weight:400 !important;
			}
		}
		p  {
			display: inline;
			color: #b3b3b3;
			font-size: 18px;
			line-height: 51px;
		}
		&> div > form > p:first-child > input {
			display: inline-block;
			vertical-align: top;
			max-width: 390px;
			width: 100%;
			margin-left: 24px;
			color: #b3b3b3;
			height: 53px;
			background-color: transparent;
			font-size: 14px;
			.rounded(5px);
		}
		&> div > form > p:nth-child(2) > input {
			display: inline-block;
			vertical-align: top;
			margin-left: 0px;
			position: absolute;
			width: 55px;
			height: 53px;
			background-color: transparent;
			.rounded(5px);
			text-indent: -9999px;
		}
		&> div > form > p:nth-child(2) {
			width: 55px;
			height: 54px;
			display: inline-block;
			vertical-align: top;
			margin-left: 8px;
			position: relative;
			&:hover{
				&:before {
					background-color: @red;
				}
			}
		}
		&> div > form > p:nth-child(2):before {
			font-family: "FontAwesome";
			content: "\f00c";
			position: absolute;
			color: @white;
			background-color: #b5bcc0;
			left: 0;
			top: 0;
			top: 0;
			left: 0;
			display: block;
			width: 51px;
			height: 51px;
			text-align: center;
			line-height: 51px;
			.rounded(5px);
			.transition();
		}
		span {
			font-size: 18px;
			color: #b3b3b3;
		}
	}
}

//Home text
.home-text{
	padding: 80px 0;
	border-top: 1px dashed @grey-light;
	.wrapper-inside{
		.columns(250px, 3, 40px);
		h2{
			font-size: 24px;
			text-transform: none;
		}
		p{
			font-size: 12px;
			color: #909090;
			line-height: 20px;
		}
	}
}

//Home partners
.home-partners{
	text-align: center;
	padding: 20px 0 95px 0;

	a{
		display: inline-block;
		width: 8%;
		margin: 0 2%;
		&:hover{
			img{
				filter: 1;
				-webkit-filter: grayscale(0);
				opacity: 1;
			}
		}
		img{
			width: 100%;
			height: auto;
			filter: gray;
			-webkit-filter: grayscale(100%);
			.transition();
			opacity: 0.2;
		}
	}
}

//Listing
.home-listing{
	.item{
		width: 25%;
		background: @white;
		position: relative;
		&.big{
			width: 50%;
			.text{
				padding: 30px 30px 10px 30px;
				h2{
					width: 35.5%;
					line-height: 36px;
					font-size: 30px;
					margin-top: 29px;
					margin-bottom: 0;
					span{
						font-weight: 700;
						display: block;
					}
				}
				.details{
					width: 48%;
					margin-top: 27px;
				}
				.information{
					width: 16.5%;
				}
				.information{
					position: relative;
					left: auto;
					bottom: auto;
					margin-top: 12px;
					i{
						margin: 0 0 18px 0;
						display: block;
						width: 16px;
						height: 16px;
						float: right;
						clear: both;
						&:last-of-type{
							margin: 0;
						}
					}
				}
			}
		}
		img{
			width: 100%;
			height: auto;
		}
		.text{
			position: relative;
			.box-sizing();
			padding: 30px;
			min-height: 194px;
			h2{
				font-size: 18px;
				text-transform: none;
				margin-bottom: 12px;
			}
			.details{
				p{
					margin-bottom: 0;
					line-height: 19px;
					.caption{
						color: @grey;
						width: 70%;
					}
					span{
						color: @grey-light;
						width: 30%;
					}
				}
			}
			.information{
				position: absolute;
				bottom: 26px;
				left: 30px;
				i{
					font-size: 16px;
					margin-right: 14px;
					opacity: 0.6;
					&.fa-gavel{
						.rotation(-135deg);
					}
				}
			}
		}
		a{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			&:hover{
				.box-shadow(inset 0 0 0 6px @red);
			}
		}
	}
}
.show-more{
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	padding: 44px 0;
	a{
		display: inline-block;
		position: relative;
		&:before{
			content: "";
			display: block;
			width: 1000px;
			height: 1px;
			background: @black;
			opacity: 0.1;
			position: absolute;
			top: 50%;
			right: 183px;
		}
		&:after{
			content: "";
			display: block;
			width: 1000px;
			height: 1px;
			background: @black;
			opacity: 0.1;
			position: absolute;
			top: 50%;
			left: 183px;
		}
		&:hover{
			i{
				&:before{
					.animation(movedown 600ms 1);
				}
			}
		}
		i{
			display: inline-block;
			width: 24px;
			height: 24px;
			line-height: 24px;
			margin-left: 14px;
		}
	}
}
.archive-page-listing{
	margin-bottom: 86px;
	.item{
		width: 25%;
		background: @white;
		position: relative;
		img{
			width: 100%;
			height: auto;
		}
		&.big{
			width: 50%;
			.text{
				padding: 30px 30px 10px 30px;
				h2{
					width: 35.5%;
					line-height: 36px;
					font-size: 30px;
					margin-top: 29px;
					margin-bottom: 0;
					span{
						font-weight: 700;
						display: block;
					}
				}
				.details{
					width: 48%;
					margin-top: 27px;
				}
				.information{
					width: 16.5%;
				}
				.information{
					position: relative;
					left: auto;
					bottom: auto;
					margin-top: 12px;
					i{
						margin: 0 0 18px 0;
						display: block;
						width: 16px;
						height: 16px;
						float: right;
						clear: both;
						&:last-of-type{
							margin: 0;
						}
					}
				}
			}
		}
		.text{
			position: relative;
			.box-sizing();
			padding: 30px 30px 50px 30px;
			min-height: 194px;
			h2{
				font-size: 18px;
				text-transform: none;
				margin-bottom: 12px;
			}
			.details{
				p{
					margin-bottom: 0;
					line-height: 19px;
					.caption{
						color: @grey;
						width: 70%;
					}
					span{
						color: @grey-light;
						width: 30%;
					}
				}
			}
			.information{
				position: absolute;
				bottom: 26px;
				left: 30px;
				i{
					font-size: 16px;
					margin-right: 14px;
					opacity: 0.6;
					&.fa-gavel{
						.rotation(-135deg);
					}
				}
			}
		}
		a{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			&:hover{
				.box-shadow(inset 0 0 0 6px @red);
			}
		}
	}
}
.single-listing-page{
	padding-top: 65px;
	.image-box{
		width: 52.3%;
		margin-right: 3%;
		margin-bottom: 36px;
		.slider{
			margin-bottom: 19px;
			img{
				width: 100%;
				height: auto;
			}
		}
		.slider-nav{
			li{
				box-sizing: border-box;
				margin-right: 0.2%;
				max-width: 33%;
				img{
					width: 100%;
					height: auto;
					cursor: pointer;
				}
			}
		}
	}
	.details{
		width: 44.4%;
		margin-bottom: 36px;
		h2{
			font-size: 30px;
			text-transform: none;
			margin-bottom: 9px;
			span{
				font-weight: 600;
			}
		}
		.price{
			color: #797979;
			font-size: 14px;
			font-weight: 600;
			display: inline-block;
			margin-bottom: 21px;
			span{
				font-size: 18px;
			}
		}
		.car-details{
			margin-bottom: 32px;
			ul{
				li{
					width: 48%;
					position: relative;
					.box-sizing();
					padding-left: 18px;
					font-size: 15px;
					color: #797979;
					margin-bottom: 7px;
					&:before{
						content: "\f192";
						font-family: @FontAwesome;
						color: @red;
						position: absolute;
						top: 3px;
						left: 0;
						font-size: 10px;
					}
					span{
						color: #c8c8c8;
					}
				}
			}
		}
		.share{
			h3{
				display: inline-block;
				margin-right: 16px;
				vertical-align: bottom;
				margin-bottom: 0;
				font-size: 12px;
				text-transform: none;
				margin-right: 16px;
			}
			ul{
				display: inline-block;
				li{
					display: inline-block;
					margin-right: 15px;
					.rounded(50px);
					a {
						display: block;
						width: 20px;
						height: 20px;
						line-height: 20px;
						.rounded(100%);
						background: #616365;
						text-align: center;
						color: @white;
						font-size: 10px;
						&:hover{
							background: @red;
						}
						i{
							vertical-align: top;
							line-height: 20px;
							opacity: 0.9;
							&.fa-circle{
								font-size: 6px;
							}
						}
					}
				}
			}
		}
	}
	.additional-info{
		color: @text-dark;
		margin-bottom: 26px;
		h3{
			font-size: 22px;
			text-transform: none;
			margin-bottom: 14px;
		}
	}
	.information{
		margin-bottom: 68px;
		.tabs{
			>ul{
				position: relative;
				z-index: 1;
				li{
					&.ui-tabs-active{
						a{
							color: @red;
							border-bottom: 1px solid transparent;
						}
					}
					a{
						display: block;
						font-size: 15px;
						font-weight: 600;
						color: #797979;
						padding: 13px 40px;
						background: @form;
						border: 1px solid #dbdbdb;
						&:hover{
							color: @red;
						}
					}
				}
			}
			.item{
				background: @form;
				top: -1px;
				position: relative;
				.box-sizing();
				padding: 22px 32px;
				border: 1px solid #dbdbdb;
				ul{
					li{
						width: 33%;
						position: relative;
						.box-sizing();
						padding-left: 18px;
						font-size: 15px;
						color: #797979;
						margin-bottom: 7px;
						&:before{
							content: "\f192";
							font-family: @FontAwesome;
							color: @red;
							position: absolute;
							top: 3px;
							left: 0;
							font-size: 10px;
						}
						span{
							color: #c8c8c8;
						}
					}
				}
			}
		}
	}
	.similar-cars{
		margin-bottom: 50px;
		h2{
			font-size: 44px;
			font-weight: 600;
		}
		.item{
			width: 25%;
			background: @white;
			position: relative;
			img{
				width: 100%;
				height: auto;
			}
			.text{
				position: relative;
				.box-sizing();
				padding: 30px 30px 50px 30px;
				min-height: 194px;
				h2{
					font-size: 18px;
					text-transform: none;
					margin-bottom: 12px;
					font-family: 'Arial';
				}
				.details{
					width: 100%;
					margin-bottom: 0;
					p{
						margin-bottom: 0;
						line-height: 19px;
						.caption{
							color: @grey;
							width: 70%;
						}
						span{
							color: @grey-light;
							width: 30%;
						}
					}
				}
				.information{
					position: absolute;
					bottom: 26px;
					left: 30px;
					margin-bottom: 0;
					i{
						font-size: 16px;
						margin-right: 14px;
						opacity: 0.6;
						&.fa-gavel{
							.rotation(-135deg);
						}
					}
				}
			}
			a{
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 100%;
				height: 100%;
				&:hover{
					.box-shadow(inset 0 0 0 6px @red);
				}
			}
		}
	}
	.comments-block{
		padding-bottom: 108px;
	}
}

//Blog
.blog-archive-page{
	.isotope-gutter{
		padding-bottom: 56px;
		.gutter{
			width: 2%;
		}
		.item{
			width: 23.5%;
			text-align: center;
			background: @white;
			.box-sizing();
			padding: 24px 3% 24px 3%;
			position: relative;
			&:hover{
				.text{
					.link{
						opacity: 1;
					}
				}
			}
			&.rounded{
				.image{
					.rounded(100%);
					overflow: hidden;
					width: 92%;
					margin: 0 auto;
					margin-top: 7px;
					margin-bottom: 29px;
				}
			}
			&.absolute{
				padding: 0;
				.text{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0,0,0,0.5);
					padding: 28px 3% 28px 3%;
					.category{
						margin-bottom: 26%;
					}
					.details{
						position: absolute;
						width: 100%;
						left: 0;
						bottom: 11%;
						text-align: center;
					}
				}
			}
			&.big{
				width: 49%;
				padding: 0;
				.text{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0,0,0,0.5);
					padding: 28px 3% 28px 3%;
					.category{
						margin-bottom: 17%;
					}
					h3{
						font-size: 28px;
						font-weight: 400;
					}
					.details{
						position: absolute;
						width: 100%;
						left: 0;
						bottom: 11%;
						text-align: center;
					}
				}
			}
			img{
				width: 100%;
				height: auto;
			}
			.text{
				.box-sizing();
				.category{
					font-size: 10px;
					text-transform: lowercase;
					display: inline-block;
					margin-bottom: 16px;
					a{
						color: @grey-light;
					}
				}
				h3{
					font-size: 18px;
					font-weight: 600;
					text-transform: none;
					margin-bottom: 10px;
				}
				.string{
					color: #989898;
					line-height: 18px;
					margin-bottom: 50px;
					p{
						line-height: 18px;
						margin-bottom: 0;
					}
				}
				.details{
					text-align: left;
					color: @grey-light;
					font-size: 10px;
					text-transform: lowercase;
					span{
						margin-right: 14px;
						i{
							margin-right: 5px;
							font-size: 13px;
						}
					}
				}
			}
		}
	}
}

//Blog 1
.page-template-blog-1{
	article{
		margin-bottom: 32px;
		background: @white;
		&:last-of-type{
			margin-bottom: 92px;
		}
		.image{
			margin-bottom: 3px;
			img{
				width: 100%;
				height: auto;
			}
		}
		.text{
			.box-sizing();
			padding: 5%;
			.author-logo{
				width: 10.3%;
				margin-right: 5.6%;
				.rounded(100%);
				overflow: hidden;
				margin-bottom: 24px;
				img{
					width: 100%;
					height: auto;
				}
			}
			.details{
				width: 84.1%;
				margin-bottom: 24px;
				color: @text;
				.author-name{
					font-size: 11px;
				}
				h2{
					font-size: 24px;
					text-transform: none;
					margin-bottom: 8px;
				}
				.date{
					font-size: 10px;
					text-transform: lowercase;
				}
			}
			.string{
				color: @text;
				p{
					margin-bottom: 0;
				}
			}
		}
	}
}

//Blog 2
.page-template-blog-2{
	article{
		margin-bottom: 18px;
		background: @white;
		position: relative;
		&:last-of-type{
			margin-bottom: 120px;
		}
		&:hover{
			.link{
				opacity: 1;
			}
			.image{
				a{
					opacity: 1;
				}
			}
		}
		.image{
			width: 41%;
			background: @black;
			a{
				opacity: 0.5;
				img{
					max-width: 100%;
					height: auto;
				}
			}
		}
		.text{
			width: 59%;
			.box-sizing();
			padding: 6.2%;
			text-align: center;
			color: @text;
			.details{
				text-transform: lowercase;
				font-size: 10px;
				margin-bottom: 4px;
				span{
					margin: 0 2px;
				}
			}
			h2{
				font-size: 18px;
				text-transform: none;
			}
			.string{
				font-size: 14px;
				p{
					text-align: center;
				}
			}
		}
	}

}

//Gallery
.gallery-archive-page{
	.text-block{
		margin: 0 auto;
		max-width: 870px;
		text-align: center;
		color: @text-dark;
		padding: 82px 0 76px 0;
		h2{
			font-size: 22px;
			text-transform: none;
			margin-bottom: 17px;
		}
		p{
			text-align: center;
			margin-bottom: 0;
		}
	}
	.isotope{
		.item{
			width: 33.333333%;
			img{
				width: 100%;
				height: auto;
			}
			.overlay{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0.85);
				opacity: 0;
				&:hover{
					opacity: 1;
				}
				.link{
					bottom: 50%;
					right: 50%;
					margin-right: -18px;
					margin-bottom: -18px;
					opacity: 1;
					.transition();
				}
			}
		}
	}
}

//Gallery 1
.page-template-gallery-1{
	padding-top: 84px;
	.isotope-gutter{
		margin-bottom: 116px;
		.gutter{
			width: 2%;
		}
		.item{
			width: 49%;
			background: @white;
			.image{
				img{
					width: 100%;
					height: auto;
				}
			}
			.text{
				width: 76%;
				.box-sizing();
				padding: 5.6% 6%;
				h2{
					font-size: 18px;
					text-transform: none;
					margin-bottom: 8px;
				}
				.details{
					color: @text;
					font-size: 10px;
					text-transform: lowercase;
				}
			}
			.like{
				width: 24%;
				background: @form;
				height: 80px;
				text-align: center;
				a{
					color: @text-dark;
					display: inline-block;
					line-height: 20px;
					margin-top: 30px;
				}
			}
		}
	}
}

//Gallery 2
.page-template-gallery-2{
	padding-top: 84px;
	.isotope{
		margin-bottom: 116px;
		.item{
			width: 36.7%;
			position: relative;
			&.big{
				width: 63.3%;
				.text{
					width: 50%;
				}
			}
			&:hover{
				.overlay{
					opacity: 1;
				}
				.text{
					opacity: 1;
				}
			}
			img{
				width: 100%;
				height: auto;
			}
			.overlay{
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0.6);
				.box-shadow(0 -4px 0 @red);
				opacity: 0;
			}
			.text{
				position: absolute;
				bottom: 9.6%;
				left: 9%;
				width: 82%;
				color: @white;
				font-size: 11px;
				opacity: 0;
				.transition();
				h2{
					font-size: 18px;
					margin-bottom: 8px;
				}
				.string{
					p{
						margin-bottom: 0;
					}
				}
			}
		}
	}
}

//Our team
.our-team-archive-page{
	padding-top: 81px;
	padding-bottom: 62px;
	section{
		margin-bottom: 62px;
		h2{
			font-size: 44px;
			font-weight: 700;
			margin-bottom: 48px;
		}
		//Categories
		.isotope-gutter{
			.gutter{
				width: 2%;
			}
			.item{
				width: 32%;
				background: @white;
				.image{
					display: block;
					img{
						width: 100%;
						height: auto;
					}
				}
				.text{
					.box-sizing();
					padding: 10.7% 6.2%;
					color: @text;
					h3{
						font-size: 18px;
						text-transform: none;
						margin-bottom: 4px;
					}
					.team-post{
						font-size: 13px;
						color: @text-dark;
						margin-bottom: 14px;
						display: inline-block;
					}
					.string{
						margin-bottom: 15px;
						p{
							margin-bottom: 0;
						}
					}
					.phone{
						margin-bottom: 10px;
						i{
							font-size: 18px;
							color: #666666;
							margin-right: 7px;
						}
					}
					.email{
						color: @red;
						margin-bottom: 10px;
						i{
							font-size: 16px;
							color: #666666;
							margin-right: 7px;
						}
					}
					.social{
						padding-top: 18px;
						.share{
							li{
								display: inline-block;
								margin-right: 15px;
								a{
									font-size: 10px;
									color: @white;
									display: block;
									width: 19px;
									height: 19px;
									text-align: center;
									line-height: 19px;
									.rounded(100%);
								}
							}
						}
					}
				}
			}
		}
		//form
		.form-car{
			.dropdown{
				background-color: @form;
				display: block;
				width: 24.25%;
				float: left;
				margin-right: 1%;
				margin-bottom: 1%;
				&:nth-child(3){
					width: 49.45%;
					margin-right: 0;
				}
				&:nth-child(4){
					width: 49.45%;
				}
				&:nth-child(6){
					margin-right: 0;
				}
				&:nth-child(9){
					width: 49.45%;
					margin-right: 0;
				}
				.selected{
					height: 50px;
					line-height: 50px;
					color: #b3b3b3;
				}
				.carat{
					line-height: 50px;
				}
			}
			.submit{
				position: relative;
				color: @white;
				.rounded(3px);
				.transition();
				input{
					color: @white;
					height: 50px;
					width: 100%;
					padding: 0 78px 0 30px;
					text-transform: none;
					letter-spacing: 0;
				}
				i{
					position: absolute;
					font-size: 17px;
					line-height: 51px;
					top: 0;
					right: 34px;
				}
			}
		}
	}
}

//Special offers
.page-archive-special-offers{
	padding-top: 74px;
	.item{
		background: @white;
		margin-bottom: 26px;
		&:last-of-type{
			margin-bottom: 104px;
		}
		.image{
			position: relative;
			width: 42%;
			.reduction{
				font-size: 17px;
				position: absolute;
				top: 7px;
				left: 7px;
				display: inline-block;
				line-height: 41px;
				padding: 0 12px;
			}
			img{
				width: 100%;
				height: auto;
			}
		}
		.text{
			width: 58%;
			.box-sizing();
			padding: 3.4%;
			color: @text-dark;
			h2{
				font-size: 27px;
				text-transform: none;
				margin-bottom: 8px;
				span{
					font-weight: 600;
				}
			}
			.string{
				margin-bottom: 21px;
				p{
					margin-bottom: 0;
				}
			}
			.details{
				font-size: 15px;
				span{
					display: block;
					width: 33.3%;
					float: left;
					i{
						color: @text;
						margin-right: 8px;
					}
					&.date{
						text-align: center;
					}
					&.price{
						text-align: right;
					}
				}
			}
		}
	}
}

//About
.page-template-about{
	.text-block{
		background: #1f1f1f;
		color: #a1a1a1;
		padding: 21px 0 40px 0;
		.box-sizing();
		.story{
			.columns(250px, 2, 30px , rgba(0,0,0,0));
			line-height: 24px;
			p{
				line-height: 24px;
			}
		}
	}
	.information{
		position: relative;
		overflow: hidden;
		background: #1f1f1f;
		&:before{
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-left: 1297px solid @white-dark;
			border-top: 390px solid transparent;
			border-bottom: 0 solid transparent;
			position: absolute;
			top: 38px;
			left: 0;
		}
		&:after{
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-right: 1297px solid @white-dark;
			border-top: 390px solid transparent;
			border-bottom: 0 solid transparent;
			position: absolute;
			top: 38px;
			right: 0;
		}
		.wrapper-inside{
			position: relative;
			z-index: 1;
			text-align: center;
			article{
				text-align: center;
				width: 352px;
				height: 352px;
				.rounded(100%);
				.box-sizing();
				padding: 6.8% 6%;
				margin-top: 16px;
				position: relative;
				overflow: hidden;
				&.big{
					width: 384px;
					height: 384px;
					margin-top: 0;
					padding: 8.8% 7%;
					i{
						margin-bottom: 43px;
					}
				}
				&:nth-child(2){
					margin-left: -66px;
					&:before{
						content: "";
						display: block;
						width: 352px;
						height: 352px;
						position: absolute;
						top: 16px;
						left: -288px;
						background: rgba(0,0,0,0.05);
						.rounded(100%);
					}
				}
				&:nth-child(3){
					margin-left: -66px;
					&:before{
						content: "";
						display: block;
						width: 386px;
						height: 386px;
						position: absolute;
						top: -16px;
						left: -322px;
						background: rgba(0,0,0,0.05);
						.rounded(100%);
					}
				}
				i{
					font-size: 48px;
					margin-bottom: 46px;
				}
				h2{
					font-size: 18px;
					color: @white;
					text-transform: none;
					margin-bottom: 14px;
				}
				p{
					font-size: 11px;
					text-align: center;
					margin-bottom: 0;
					line-height: 18px;
				}
			}
		}
	}
	.video{
		text-align: center;
		padding: 64px 0 59px 0;
		h2{
			font-size: 47px;
			font-weight: 600;
			letter-spacing: -0.5px;
			margin-bottom: 63px;
		}
		h3{
			font-size: 22px;
			text-transform: none;
			margin-bottom: 17px;
			.box-sizing();
		}
		p{
			text-align: center;
			color: @text-dark;
			line-height: 18px;
			margin-bottom: 74px;
			.box-sizing();
		}
		.image{
			position: relative;
			width: 716px;
			margin: 0 auto;
			img{
				width: 100%;
				height: auto;
			}
			.overlay{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0.6);
				i{
					position: absolute;
					top: 50%;
					left: 50%;
					margin-top: -48px;
					margin-left: -48px;
					display: block;
					width: 96px;
					height: 96px;
					line-height: 96px;
					font-size: 42px;
					text-align: center;
					cursor: pointer;
					.transition();
					&:hover{
						.scale(1.2);
					}
				}
			}
		}
	}
}

//Reservation
.reservation-text{
	text-align: center;
	padding: 82px 0 34px 0;
	max-width: 860px;
	h2{
		font-size: 22px;
		text-transform: none;
		margin-bottom: 16px;
	}
	.story{
		color: @text-dark;
		p{
			text-align: center;
		}
	}
}
.reservation-listing{
	max-width: 100%;
	overflow: auto;
	.scroll-pane {
		height: auto;
		max-height: 200px;
	}
	.scroll{
		.item{
			width: 170px;
			position: relative;
			margin-bottom: 58px;
			&:hover{
				a{
					opacity: 1;
				}
			}
			.text{
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				.box-sizing();
				padding: 45px 15px 15px 15px;
				.gradient(rgba(0,0,0,0),rgba(0,0,0,0.7),rgba(0,0,0,0));
				h2{
					font-size: 13px;
					color: @white;
					text-transform: none;
					span{
						font-size: 18px;
						display: block;
						font-weight: 600;
					}
				}
			}
			a{
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 100%;
				height: 100%;
				.box-shadow(inset 0 0 0 4px @red);
				opacity: 0;
				&:before{
					content: "";
					display: block;
					width: 0;
					height: 0;
					border-right: 39px solid @red;
					border-top: 39px solid transparent;
					border-left: 39px solid transparent;
					position: absolute;
					right: 0;
					bottom: 0;
				}
				i{
					position: absolute;
					right: 6px;
					bottom: 6px;
					color: @white;
				}
			}
		}
	}
}
.reservation-form{
	max-width: 492px;
	padding: 56px 0;
	input[type="text"]{
		background: @form;
		border: none;
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		height: 52px;
		padding: 0 25px;
		font-size: 14px;
		&:nth-child(2){
			margin-right: 0;
		}
		&:nth-child(4){
			margin-right: 0;
		}
	}
	.input{
		background: @form;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		float: left;
		position: relative;
		.rounded(3px);
		input{
			width: 100%;
			margin-right: 0;
			margin-bottom: 0;
			position: relative;
			background: transparent;
		}
		i{
			position: absolute;
			top: 20px;
			right: 20px;
			color: @text-dark;
			line-height: 52px;
		}
	}
	textarea{
		background: @form;
		border: none;
		width: 100%;
		height: 106px;
		font-size: 14px;
		padding: 15px 25px;
		margin-bottom: 2%;
	}
	.submit{
		position: relative;
		.rounded(3px);
		margin-bottom: 26px;
		input{
			width: 100%;
			height: 52px;
			color: @white;
			position: relative;
			text-transform: none;
			text-indent: -36px;
			letter-spacing: 0;
		}
		i{
			position: absolute;
			color: @white;
			line-height: 52px;
			left: 61%;
		}
	}
	p{
		color: @grey-light;
		font-size: 11px;
		text-align: center;
		line-height: 14px;
		display: block;
		padding: 0 9%;
	}
}

//Service
.page-template-service{
	.text-block{
		background: #1f1f1f;
		color: #a1a1a1;
		padding: 21px 0 40px 0;
		.story{
			.columns(250px, 2, 30px , rgba(0,0,0,0));
			line-height: 24px;
			h2{
				font-size: 22px;
				color: @white;
				text-transform: uppercase;
			}
			p{
				line-height: 24px;
			}
		}
	}
	.information{
		position: relative;
		overflow: hidden;
		background: #1f1f1f;
		&:before{
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-left: 1297px solid @white-dark;
			border-top: 390px solid transparent;
			border-bottom: 0 solid transparent;
			position: absolute;
			top: 38px;
			left: 0;
		}
		&:after{
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-right: 1297px solid @white-dark;
			border-top: 390px solid transparent;
			border-bottom: 0 solid transparent;
			position: absolute;
			top: 38px;
			right: 0;
		}
		.wrapper-inside{
			position: relative;
			z-index: 1;
			padding-bottom: 40px;
			text-align: center;
			article{
				text-align: center;
				width: 352px;
				height: 352px;
				.rounded(100%);
				.box-sizing();
				padding: 6.8% 6%;
				margin-top: 16px;
				position: relative;
				overflow: hidden;
				&.big{
					width: 384px;
					height: 384px;
					margin-top: 0;
					padding: 8.8% 7%;
					i{
						margin-bottom: 43px;
					}
				}
				&:nth-child(2){
					margin-left: -66px;
					&:before{
						content: "";
						display: block;
						width: 352px;
						height: 352px;
						position: absolute;
						top: 16px;
						left: -288px;
						background: rgba(0,0,0,0.05);
						.rounded(100%);
					}
				}
				&:nth-child(3){
					margin-left: -66px;
					&:before{
						content: "";
						display: block;
						width: 386px;
						height: 386px;
						position: absolute;
						top: -16px;
						left: -322px;
						background: rgba(0,0,0,0.05);
						.rounded(100%);
					}
				}
				i{
					font-size: 48px;
					margin-bottom: 46px;
				}
				h2{
					font-size: 18px;
					color: @white;
					text-transform: none;
					margin-bottom: 14px;
				}
				p{
					font-size: 11px;
					text-align: center;
					margin-bottom: 0;
					line-height: 18px;
				}
			}
		}
	}
	.stats{
		position: relative;
		color: @white;
		padding: 69px 0;
		img{
			width: 100%;
			height: auto;
		}
		.inside-box{
			position: absolute;
			top: 69px;
			left: 50%;
			margin-left: -480px;
			padding-top: 3.9%;
			max-width: 960px;
			.box-sizing();
			h2{
				font-size: 63px;
				color: @white;
				text-align: center;
				letter-spacing: 1px;
				margin-bottom: 7.9%;
			}
			.item{
				width: 38.3%;
				position: relative;
				padding-left: 73px;
				.box-sizing();
				&:nth-of-type(2){
					width: 39.3%;
				}
				&:nth-of-type(3){
					width: 22.4%;
					padding-left: 80px;
				}
				i{
					font-size: 50px;
					position: absolute;
					top: 0;
					left: 0;
				}
				span{
					text-transform: uppercase;
					font-weight: 600;
					display: block;
					&:first-of-type{
						font-size: 81px;
						line-height: 61px;
						margin-bottom: 12px;
					}
					&:last-of-type{
						font-size: 24px;
					}
				}
			}
		}
	}
	.details{
		padding: 10px 0 65px 0;
		h2{
			font-size: 50px;
			font-weight: 600;
			text-transform: none;
			letter-spacing: 0.5px;
		}
		>div{
			background: @white;
		}
		article{
			width: 33.3333%;
			position: relative;
			.box-sizing();
			padding: 56px 11px 21px 83px;
			&:nth-of-type(4),&:nth-of-type(5),&:nth-of-type(6){
				padding: 56px 11px 47px 83px;
			}
			i{
				position: absolute;
				top: 48px;
				left: 32px;
				font-size: 28px;
			}
			h3{
				font-size: 18px;
				text-transform: none;
				margin-bottom: 12px;
			}
			p{
				color: @text-dark;
				letter-spacing: -0.6px;
			}
		}
	}
}

//Contact
.page-template-contact{
	.text-block{
		padding: 84px 0 40px 0;
		h2{
			font-size: 22px;
			text-transform: none;
		}
		.story{
			color: @text-dark;
			line-height: 24px;
			p{
				line-height: 24px;
			}
		}
	}
	.contact-form{
		width: 50.5%;
		margin-right: 6%;
		input[type="text"]{
			background: @form;
			border: none;
			float: left;
			width: 49%;
			margin-right: 2%;
			margin-bottom: 2%;
			height: 52px;
			padding: 0 25px;
			font-size: 14px;
		}
		input[type="email"]{
			background: @form;
			border: none;
			float: left;
			width: 49%;
			margin-bottom: 2%;
			height: 52px;
			padding: 0 25px;
			font-size: 14px;
		}
		textarea{
			background: @form;
			border: none;
			float: left;
			width: 100%;
			margin-bottom: 2%;
			height: 147px;
			padding: 15px 25px;
			font-size: 14px;
		}
		.submit{
			position: relative;
			.rounded(3px);
			margin-bottom: 80px;
			input{
				width: 100%;
				height: 52px;
				color: @white;
				position: relative;
				text-transform: none;
				text-indent: -36px;
				letter-spacing: 0;
			}
			i{
				position: absolute;
				color: @white;
				line-height: 52px;
				left: 57%;
				font-size: 16px;
			}
		}
	}
	.contact-data{
		width: 43.5%;
		p{
			display: block;
			position: relative;
			padding-left: 29px;
			line-height: 18px;
			.box-sizing();
			i{
				position: absolute;
				top: 0;
				left: 0;
			}
		}
		.phone{
			font-size: 28px;
			margin-bottom: 35px;
			i{
				font-size: 16px;
			}
			span{
				font-weight: 600;
			}
		}
		.email{
			font-size: 16px;
			margin-bottom: 30px;
			i{
				font-size: 16px;
			}
		}
		.address{
			font-size: 14px;
			i{
				font-size: 16px;
			}
			span{
				display: block;
				font-size: 18px;
				font-weight: 600;
			}
		}
	}
	.map{
		position: relative;
		overflow: hidden;
		.ale_map_canvas{
			margin-bottom: 0;
			height: 545px !important;
		}
		.shadow{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 1px;
			.box-shadow(0 0 50px 2px rgba(0,0,0,1));
		}
	}
}

//Footer
footer{
	.top-line{
		border-bottom: 1px solid rgba(255,255,255,0.1);
		nav{
			li{
				line-height: 130px;
				position: relative;
				margin-right: 35px;
				display: inline-block;
				&.current-menu-item{
					a{
						text-shadow: 0 0 24px @white;
						&:before{
							opacity: 0.8;
						}
					}
				}
				a{
					color: @white;
					text-transform: uppercase;
					display: block;
					&:before{
						content: "";
						width: 100%;
						height: 1px;
						background: @grey;
						position: absolute;
						bottom: -1px;
						left: 0;
						opacity: 0;
						.transition();
					}
					&:hover{
						text-shadow: 0 0 24px @white;
						&:before{
							opacity: 0.8;
						}
					}
				}
			}
		}

		.social {
			display: inline-block;
			line-height: 130px;
			li{
				display: inline-block;
				margin-left: 32px;
				.rounded(50px);
				a {
					display: block;
					width: 20px;
					height: 20px;
					line-height: 20px;
					.rounded(100%);
					background: @white;
					text-align: center;
					opacity: 0.3;
					&:hover{
						opacity: 1;
						.box-shadow(0 0 30px rgba(255,255,255,0.7));
					}
					i{
						vertical-align: top;
						line-height: 20px;
						opacity: 0.9;
						&.fa-circle{
							font-size: 6px;
						}
					}
				}
			}
		}
	}
	.bottom-line{
		padding: 74px 0 85px 0;
		.logo{
			a{
				color: #1f1f1f;
				position: relative;
				display: inline-block;
				.background{
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 100%;
					height: 100%;
					.rounded(100%);
					.rotation(-10deg);
					.transition();
					opacity: 0.14;
				}
				.text{
					position: relative;
					font-size: 40px;
					font-weight: 900;
					font-style: italic;
					text-transform: lowercase;
				}
			}
		}
		.contacts{
			h2{
				font-size: 18px;
				color: @white;
				text-transform: none;
				margin-bottom: 24px;
			}
			ul{
				font-size: 11px;
				color: @text-dark;
				li{
					margin-bottom: 13px;
				}
			}
		}
		.twitter{
			.box-sizing();
			padding-left: 6px;
			padding-top: 5px;
			h2{
				font-size: 12px;
				text-transform: none;
				color: @white;
				position: relative;
				.box-sizing();
				padding-left: 33px;
				margin-bottom: 24px;
				i{
					font-size: 22px;
					color: #5ad2ff;
					margin-right: 10px;
					position: absolute;
					top: -4px;
					left: 0;
				}
			}
			.p_text2{
				color: @text-dark;
				line-height: 18px;
				span{
					display: block;
					opacity: 0.5;
					line-height: 29px;
				}
				a{
					color: @white;
					&:hover{
						text-decoration: underline;
					}
				}
			}
		}
	}
}

//Single post page
.single-post-page{
	.post-slider{
		position: relative;
		.slides{
			li{
				img{
					max-width: 100%;
					height: auto;
				}
			}
		}
		.flex-direction-nav{
			li{
				a{
					position: absolute;
					bottom: 138px;
					left: 50%;
					margin-left: 376px;
					display: block;
					width: 52px;
					height: 52px;
					line-height: 52px;
					text-align: center;
					background: rgba(0, 0, 0, 0.1);
					font-size: 16px;
					color: @white;
					background-color: @red;
					&:before{
						content: "\f053";
						font-family: @FontAwesome;
					}
					&.flex-next{
						margin-left: 428px;
						.box-shadow(inset 1px 0 0 0 rgba(0,0,0,0.1));
						&:before{
							content: "\f054";
						}
					}
					&:hover{
						background: @white;
						color: @black;
					}
				}
			}
		}
	}
	.post-image{
		img{
			width: 100%;
			height: auto;
		}
	}
	.wrapper-inside{
		position: relative;
		margin-top: -138px;
		overflow: hidden;
		padding: 98px 4%;
		.box-sizing();
		article{
			>h2{
				font-size: 46px;
				font-weight: 600;
				margin-bottom: 42px;
			}
			.author{
				font-size: 18px;
				margin-right: 32px;
			}
			.date{
				font-size: 11px;
				color: @text;
			}
			.story{
				padding-top: 53px;
			}
			.image{
				position: relative;
				background: @black;
				.rounded(4px);
				padding: 28px 0;
				img{
					width: 100%;
					height: auto;
				}
				.overlay{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0,0,0,0.6);
					i{
						position: absolute;
						top: 50%;
						left: 50%;
						margin-top: -48px;
						margin-left: -48px;
						display: block;
						width: 96px;
						height: 96px;
						line-height: 96px;
						font-size: 42px;
						text-align: center;
						cursor: pointer;
						.transition();
						&:hover{
							.scale(1.2);
						}
					}
				}
			}
		}
	}
}

//Comments
.comments-block{
	h2{
		font-size: 50px;
		line-height: 50px;
		font-weight: 600;
		text-transform: none;
		margin-bottom: 44px;
		i{
			font-size: 34px;
			line-height: 53px;
			margin-left: 14px;
			color: #d4dad9;
			vertical-align: top;
		}
	}
	.comment{
		border-bottom: 1px solid @text;
		padding-top: 28px;
		padding-bottom: 20px;
		&.parent{
			border-bottom: 1px solid transparent;
			.comment1{
				border-bottom: 1px solid @text;
			}
		}
		&:first-of-type{
			border-top: 1px dotted @text;
		}
		&:after {
			content: " ";
			visibility: hidden;
			display: block;
			height: 0;
			clear: both;
		}
		.img{
			float: left;
			width: 8.4%;
		}
		.content{
			float: left;
			width: 91.6%;
			padding-top: 9px;
			h3{
				text-transform: none;
				position: relative;
				.name{
					font-size: 18px;
					display: inline-block;
					margin-right: 8px;
				}
				.date{
					font-size: 10px;
					display: inline-block;
					color: @text;
					text-transform: lowercase;
				}
			}
			.text{
				color: @text-dark;
				p{
					line-height: 18px;
				}
			}
			.comment-reply-link{
				position: absolute;
				top: 6px;
				right: 0;
				font-size: 12px;
				color: @text;
				display: inline-block;
				&:hover{
					color: @red;
				}
				&:after{
					content: "\f064";
					font-family: @FontAwesome;
					font-size: 8px;
					margin-left: 6px;
				}
			}
		}
		.depth-2{
			width: 91.2%;
			margin-left: 8%;
			.img{
				width: 9.2%;
			}
			.content{
				width: 89.6%;
			}
		}
	}
	.depth-2{
		border-bottom: 1px solid @text;
	}
	.form-box{
		padding-top: 28px;
		color: @text;
		a{
			color: @text-dark;
			&:hover{
				color: @red;
			}
		}
		h4{
			font-size: 22px;
			text-transform: none;
			margin-bottom: 31px;
		}
		form{
			input[type="text"]{
				background: @form;
				border: none;
				float: left;
				width: 49.5%;
				margin-right: 1%;
				margin-bottom: 1%;
				height: 52px;
				padding: 0 25px;
				font-size: 14px;
			}
			input[type="email"]{
				background: @form;
				border: none;
				float: left;
				width: 49.5%;
				margin-bottom: 1%;
				height: 52px;
				padding: 0 25px;
				font-size: 14px;
			}
			textarea{
				background: @form;
				border: none;
				float: left;
				width: 100%;
				margin-bottom: 1%;
				height: 147px;
				padding: 15px 25px;
				font-size: 14px;
			}
			.submit{
				position: relative;
				display: inline-block;
				.rounded(3px);
				input{
					width: 164px;
					height: 52px;
					color: @white;
					position: relative;
					text-transform: none;
					text-indent: -36px;
					letter-spacing: 0;
				}
				i{
					position: absolute;
					color: @white;
					line-height: 52px;
					left: 68%;
					font-size: 16px;
				}
			}
		}
	}
}

//Pop up window
.pop-up{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	box-sizing: border-box;
	padding: 4% 2%;
	z-index: 9999;
	display: none;
	.exit{
		font-size: 20px;
		color: @white;
		text-align: center;
		line-height: 22px;
		width: 22px;
		height: 22px;
		position: absolute;
		top: 24px;
		right: 24px;
		i{
			cursor: pointer;
			.transition(all 300ms ease-in-out);
			opacity: 0.8;
			&:hover{
				opacity: 1;
			}
		}
	}
	.content-wrapper{
		position: absolute;
		width: 1110px;
		left: 50%;
		margin-left: -555px;
		.item{
			width: 100%;
			iframe, embed{
				width: 100%;
				height: 500px;
			}
		}
	}
}

//Link
.link{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	background-color: @grey-light;
	font-size: 18px;
	color: @white;
	opacity: 0;
	overflow: hidden;
	text-align: center;
	display: block;
	width: 36px;
	height: 36px;
	&:hover{
		background-color: @red;
		i{
			.animation(moveright 600ms 1);
		}
	}
	i{
		display: block;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
}

//Isotope
.isotope, .isotope-gutter{
	.item{
		position: relative;
	}
}

//Gradient
.gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	&:before{
		content: "";
		display: block;
		width: 100%;
		height: 1300px;
		position: absolute;
		top: 0;
		left: 0;
		.gradient(rgba(0,0,0,0), rgba(0,0,0,0), rgba(221,230,235,1));
	}
}

//Page header
.page-header {
	background-color: #1f1f1f;
	padding: 45px 0;
	.box-sizing();
	.page-name {
		float: left;
		font-size: 80px;
		font-weight: 900;
		line-height: 80px;
		color: @white;
		letter-spacing: 0.4px;
	}
	.breadcrumbs{
		line-height: 80px;
	}
}

//Page
.blog-archive-page .isotope-gutter .item.sticky {
  background: #303034;
}
.blog-archive-page .isotope-gutter .item.story-box {
 height: 300px;
  width: 100%;
}
.search-more {
  margin-top: 50px;
  text-align: center;
  p {
	text-align: center;
  }
}
input#searchsubmit {
  background: @red;
  color:#ffffff;
  font-size: 12px;
  .rounded(3px);

  &:hover {
	background: @black;
  }
}
.story {
  img {
	max-width: 100%;
	height: auto;
  }
  .wp-caption {
	max-width: 100%;
	height: auto;
  }
}
.typical-page{
	&.page-padding{
		padding-top: 84px;
	}
	&:after {
		content: " ";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}
	.content_box{
		width: 71.2%;
		margin-right: 3%;
		&.story-box{
			.box-sizing();
			padding: 2.5%;
		}
	}
	.sidebar{
		width: 25.8%;
		background: @white;
		.box-sizing();
		padding: 2.5%;
	}
}
//Filter Listing
.filter-form{
	color: @white;
	padding: 43px 0;
	.box-sizing();
	i{
		font-size: 28px;
		line-height: 38px;
		margin-right: 4%;
	}
	.rangeSlider{
		width: 33%;
		margin-right: 4.2%;
		p{
			display: inline-block;
			margin-bottom: 0;
		}
		input{
			padding: 2px;
			background: transparent;
			border: none;
			width: 43%;
		}
		.pricebox{
			display: inline-block;
			width: 55%;
		}
		.rangeSldier__amount{
			display: inline-block;
			vertical-align: top;
			width: 54%;
		}
		.ui-slider-horizontal {
			position: relative;
			height: 3px;
			z-index: 1;
		}
		.ui-widget-header {
			background: @red;
			height: 100%;
			position: relative;
			.border-radius(10px, 10px, 10px, 10px);
			opacity: 0.3;
		}
		.ui-widget-content {
			background: @black;
			border: none;
			.border-radius(10px, 10px, 10px, 10px);
			margin-top: 17px;
			display: inline-block;
			vertical-align: top;
			width: 45%;
		}
		.ui-slider .ui-slider-handle{
			display: block;
			width: 7px;
			height: 7px;
			background: @red;
			z-index: 2;
			position: absolute;
			margin-top: -5px;
			.rounded(100%);
			overflow: hidden;
			&:after{
				content: "";
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: @white;
				opacity: 0.03;
			}
			&:last-child{
				margin-left: -7px;
			}
		}
	}
	.dropdown{
		float: left;
		width: 17%;
		margin-right: 3%;
	}
	.submit{
		position: relative;
		&:hover{
			input{
				color: @red;
			}
			&:after{
				border-left: 10px solid @white;
			}
		}
		&:after{
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-left: 10px solid @red;
			border-top: 19px solid transparent;
			border-bottom: 19px solid transparent;
			position: absolute;
			top: 0;
			left: 100%;
			.transition();
		}
		input{
			font-size: 14px;
			text-transform: none;
			color: @white;
			padding: 0 30px 0 40px;
			.transition();
		}
	}
}

//Pagination
.pagination-box{
	padding: 100px 0 50px 0;
}
.pagination{
	text-align: center;
	.box-shadow(inset 0 1px 0 0 rgba(0,0,0,0.1));
	position: relative;
	clear: both;
	ul{
		li{
			display: inline-block;
			line-height: 92px;
			font-size: 14px;
			margin: 0 6px;
			&:hover{
				a{
					color: @black;
				}
			}
			.current{
				display: block;
				color: @black;
				position: relative;
				padding: 0 6px;
				&:before{
					content: "";
					display: block;
					width: 100%;
					height: 3px;
					background-color: @red;
					position: absolute;
					top: 0;
					left: 0;
				}
			}
			a{
				color: @grey-light;
				display: block;
				padding: 0 6px;
				&.prev{
					position: absolute;
					top: 50%;
					left: 0;
					margin-top: -12px;
					display: block;
					width: 24px;
					height: 24px;
					line-height: 24px;
					cursor: pointer;
					font-size: 16px;
					color: @white;
					background-color: @grey-light;
					padding: 0;
					overflow: hidden;
					&:before{
						content: "\f104";
						font-family: @FontAwesome;
					}
					&:hover{
						background-color: @red;
						&:before{
							.animation(moveleft 600ms 1);
						}
					}
				}
				&.next{
					position: absolute;
					top: 50%;
					right: 0;
					margin-top: -12px;
					display: block;
					width: 24px;
					height: 24px;
					line-height: 24px;
					cursor: pointer;
					font-size: 16px;
					color: @white;
					background-color: @grey-light;
					padding: 0;
					overflow: hidden;
					&:before{
						content: "\f105";
						font-family: @FontAwesome;
					}
					&:hover{
						background-color: @red;
						&:before{
							.animation(moveright 600ms 1);
						}
					}
				}
			}
		}
	}
	.pseudo-link{
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -12px;
		display: block;
		width: 24px;
		height: 24px;
		line-height: 24px;
		cursor: pointer;
		font-size: 16px;
		color: @white;
		overflow: hidden;
		&:hover{
			&:before{
				.animation(moveleft 600ms 1);
			}
		}
		&.last{
			left: auto;
			right: 0;
			&:hover{
				&:before{
					.animation(moveright 600ms 1);
				}
			}
		}
	}
}

//Sidebar
.sidebar{
	font-size: 14px;
	color: #b3b3b3;
	line-height: 18px;
	.dropdown-select, .dropdown{
		background: #e7e8e8;
		margin-bottom: 9px;
		.selected{
			color: #b3b3b3;
			font-size: 14px;
		}
	}
  select {
	width:100%;
  }
	a{
		color: @text;
		&:hover{
			color: @red;
		}
	}
	input{
		background: #e7e8e8;
		border: none;
		width: 100%;
		margin-bottom: 2%;
		height: 38px !important;
		padding: 0 14px;
		font-size: 14px;
	}
	input[type="checkbox"]{
		width: auto;
		height: auto !important;
	}
	input[type="submit"]{
		width: 100%;
		height: 38px;
		color: @white;
		background-color: @red;
		.transition();
		&:hover{
			background-color: #b5bcc0;
		}
	}
	ul{
		li{
			position: relative;
			margin-bottom: 6px;
			padding-left: 20px;
			.box-sizing();
			&:before{
				content: "\f105";
				font-family: @FontAwesome;
				color: @red;
				margin-right: 12px;
				position: absolute;
				left: 0;
				.transition();
			}
			&:hover{
				&:before{
					left: 6px;
				}
			}
		}
	}
	img{
		max-width: 100%;
		height: auto;
		margin-bottom: 12px;
	}
	h4{
		font-size: 14px;
	}
	.widget{
		.box-sizing();
		margin-bottom: 20px;
	}
	.widget_aletheme_popular_widget{
		.item{
			width: 49%;
			margin-right: 2%;
			margin-bottom: 2%;
			background-color: #e7e8e8;
			text-align: center;
			&:nth-child(2n){
				margin-right: 0;
			}
			h4{
				margin-bottom: 0;
				line-height: 14px;
			}
			a{
				color: @black;
				&:hover{
					color: @red;
				}
			}
			span{
				font-size: 10px;
				display: inline-block;
				margin-bottom: 10px;
			}
		}
	}
	.aletheme-blog-widget{
		.item{
			margin-bottom: 20px;
		}
	}
	.dropdown-select li, .dropdown li{
		margin-bottom: 0;
		&:before{
			display: none;
		}
	}
	.widget_aletheme_filter_widget{
		.find_car, .vehicle_type,.rangeSlider{
			margin-bottom: 24px;
		}
		label{
			display: block;
			margin-bottom: 8px;
		}
		.rangeSlider{
			width: 100%;
			p{
				display: inline-block;
				margin-bottom: 0;
			}
			input{
				padding: 2px;
				background: transparent;
				border: none;
				width: 20%;
			}
			.pricebox{
				display: inline-block;
				width: 100%;
				input{
					width: 45%;
				}
			}
			.rangeSldier__amount{
				display: inline-block;
				vertical-align: top;
				label{
					font-size: 20px;
					text-transform: uppercase;
					color: #000000;
				}
			}
			.ui-slider-horizontal {
				position: relative;
				height: 3px;
				z-index: 1;
			}
			.ui-widget-header {
				background: @red;
				height: 100%;
				position: relative;
				.border-radius(10px, 10px, 10px, 10px);
				opacity: 0.3;
			}
			.ui-widget-content {
				background: @black;
				border: none;
				.border-radius(10px, 10px, 10px, 10px);
				margin-bottom: 20px;
				display: inline-block;
				vertical-align: top;
				width: 100%;
			}
			.ui-slider .ui-slider-handle{
				display: block;
				width: 7px;
				height: 7px;
				background: @red;
				z-index: 2;
				position: absolute;
				margin-top: -5px;
				.rounded(100%);
				overflow: hidden;
				&:after{
					content: "";
					display: block;
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					background: @white;
					opacity: 0.03;
				}
				&:last-child{
					margin-left: -7px;
				}
			}
		}
	}
	.widget_recent_entries{
		ul{
			li{
				padding-left: 0;
				&:before{
					display: none;
				}
			}
		}
	}
	.widget_tag_cloud{
		.tagcloud{
			&:after {
				content: " ";
				visibility: hidden;
				display: block;
				height: 0;
				clear: both;
			}
			a{
				float: left;
				padding: 10px 18px;
				background-color: #e7e8e8;
				margin-right: 3px;
				margin-bottom: 3px;
				&:hover{
					background-color: @red;
					color: @white;
				}
			}
		}
	}
	.aletheme-flickr{
		.picture{
			width: 32%;
			float: left;
			margin-right: 2%;
			margin-bottom: 2%;
			&:nth-child(3n+3){
				margin-right: 0;
			}
			img{
				width: 100%;
			}
		}
	}
	.widget_aletheme_recent_widget{
		.recent_post{
			margin-bottom: 20px;
		}
	}
	.widget_calendar {
		width: 100%;
		#wp-calendar{
			width: 100%;
			caption {
				text-align: right;
				color: #333;
				font-size: 12px;
				margin-top: 10px;
				margin-bottom: 15px;
			}
			thead {
				font-size: 10px;
				th {
					padding-bottom: 10px;
					text-align: center;
					font-weight: 600;
				}
			}
			tbody {
				color: #aaa;
				td {
					background: #f5f5f5;
					border: 1px solid #fff;
					text-align: center;
					padding: 8px 0;
					&:hover {
						background: #fff;
					}
				}
				.pad {
					background: none;
				}
			}
			tfoot{
				#next {
					font-size: 10px;
					text-transform: uppercase;
					text-align: right;
				}
				#prev {
					font-size: 10px;
					text-transform: uppercase;
					padding-top: 10px;
				}
			}
		}
	}
	.caption{
		font-size: 20px;
		font-style: normal;
		color: #000000;
		font-family: Arial;
		text-align: left;
		text-transform: uppercase;
		margin-bottom: 17px;
	}
	.line{
		opacity: 0;
	}
}

//Category list
.category-list {
	text-align:center;
	li{
		display: inline-block;
		padding: 39px 0;
		position: relative;
		margin: 0 25px;
		&:before{
			content: "";
			.transition();
		}
		&:hover{
			&:before{
				display: block;
				width: 100%;
				height: 4px;
				position: absolute;
				top: 0;
				background-color: @red;
			}
			a{
				color: @black;
			}
		}
		a{
			color: #b3b3b3;
		}
	}
	.current-cat{
		&:before{
			content: "";
			display: block;
			width: 100%;
			height: 4px;
			position: absolute;
			top: 0;
			background-color: @red;
		}
		a{
			color: @black;
		}
	}
}

//Dropdown
.dropdown-select, .dropdown {
	position:relative;
	width:205px;
	display: inline-block;
	cursor: pointer;
	background: @black;
	border-radius:3px;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	div {
		.transition(all 300ms ease-in-out);
		position:absolute;
		height:0;
		left: 0;
		right: 0;
		top: 100%;
		background: @white;
		border-radius:0 0 3px 3px;
		overflow:hidden;
		opacity:0;
		.rounded(3px);
	}
	li {
		.transition(all 300ms ease-in-out);
		display:block;
		font-size:11px;
		line-height:1;
		color: #777777;
		text-align: left;
		padding:12px 16px;
		overflow:hidden;
		white-space:nowrap;
		list-style:none;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	div::after {
		.transition(all 300ms ease-in-out);
	}
	.carat {
		position:absolute;
		right:12px;
		top: 0;
		line-height: 39px;
		&:before{
			content: "\f107";
			font-family: @FontAwesome;
			color: #777777;
			font-size: 14px;
		}
	}
	.old {
		position: absolute;
		left: 0;
		top: 0;
		height: 0;
		width: 0;
		overflow: hidden;
	}
	select {
		position:absolute;
		left: 0;
		top: 0;
	}
	.selected {
		display:block;
		font-size:11px;
		text-align: left;
		line-height:1;
		color: @white;
		padding: 0 14px;
		overflow:hidden;
		white-space:nowrap;
		height: 38px;
		line-height: 38px;
	}
	ul {
		position:absolute;
		left:0;
		top:0;
		height:100%;
		width:100%;
		list-style:none;
		overflow:hidden;
	}
	li.focus {
		background: @red;
		position:relative;
		z-index:3;
		color:#ffffff;
	}
	li.active {
		font-weight:700;
	}
}
//Dropdown list
.dropdown-select.scrollable div::after, .dropdown.scrollable div::after {
	-webkit-pointer-events:none;
	-moz-pointer-events:none;
	-ms-pointer-events:none;
	pointer-events:none;
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:50px;
	box-shadow:inset 0 -50px 30px -35px @white;
}
.dropdown-select.open,.dropdown.open  {
	z-index:2;
	.carat {
		&:before{
			content: "\f106";
			font-family: @FontAwesome;
			color: #777777;
			font-size: 14px;
		}
	}
	div {
		opacity:1;
		z-index:2;
		.box-shadow(0 2px 4px 1px rgba(0,0,0,0.1));
	}
}
.dropdown-select.disabled .carat, .dropdown.disabled .carat {
	border-top-color:#999999;
}
.dropdown-select.disabled .selected, .dropdown.disabled .selected {
	color:#999999;
}
.dropdown-select.touch .old, .dropdown.touch .old {
	width:100%;
	height:100%;
}
.dropdown-select.touch select, .dropdown.touch select {
	width:100%;
	height:100%;
	opacity:0;
}
.dropdown-select.scrollable.bottom div::after, .dropdown.scrollable.bottom div::after {
	opacity:0;
}
.dropdown-select.scrollable.open ul, .dropdown.scrollable.open ul {
	overflow-y:auto;
}

//Breadcrumbs
.breadcrumbs{
	font-size: 11px;
	color: @white;
	a{
		color: #b3b3b3;
		&:hover{
			color: @white;
		}
	}
	.fa-home{
		margin-right: 6px;
	}
}

//Scrollpane
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #b5bcc0;
	position: relative;
}

.jspDrag
{
	background: #b5bcc0;
	position: relative;
	top: -3.5px;
	left: 0;
	cursor: pointer;
	width: 6px;
}

.jspHorizontalBar .jspTrack{
	float: left;
	height: 1px;
}

.jspHorizontalBar .jspDrag{
	float: left;
	height: 7px;
}

.jspArrow
{
	background: #b5bcc0;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #b5bcc0;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

//Datepicker
.ui-datepicker {
	background-color: #e7e8e8;
	padding:12px;
	.rounded(4px);
	.box-shadow(0 0 6px 3px rgba(0,0,0,0.1));
	.ui-datepicker-next, .ui-datepicker-prev {
		top:.9em;
		border:none;
		margin-right: 2em;
	}
	.ui-datepicker-next{
		float: right;
		margin-right: 0;
	}
	.ui-datepicker-title {
		margin-top:.4em;
		margin-bottom:.3em;
		color: #5f6062;
	}
	.ui-datepicker-prev-hover {
		top:.9em;
		border:none;
		left:2px;
	}
	.ui-datepicker-next-hover {
		top:.9em;
		border:none;
		right:2px;
	}
	.ui-datepicker-next span {
		background-image:url(images/ui-icons_ffffff_256x240.png);
		background-position:-32px 0;
		margin-top:0;
		top:0;
		font-weight:normal;
	}
	.ui-datepicker-prev span {
		background-image:url(images/ui-icons_ffffff_256x240.png);
		background-position:-32px 0;
		background-position:-96px 0;
		margin-top:0;
		top:0;
		font-weight:normal;
	}
	table {
		margin:0;
	}
	th {
		padding:1em 0;
		color:#5f6062;
		font-size:13px;
		font-weight:normal;
		border:none;
		border-top:1px solid #3a414d;
	}
	td {
		border:none;
		padding:0;
	}
}
.ui-datepicker-header {
	border:none;
	background:transparent;
	font-weight:normal;
	font-size:15px;
	.ui-state-hover {
		background:transparent;
		border-color:transparent;
		cursor:pointer;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
	}
}
td {
	.ui-state-active, .ui-state-hover {
		background:#2e3641;
	}
	.ui-state-default {
		background:transparent;
		border:none;
		text-align:center;
		padding:.5em;
		margin:0;
		font-weight:normal;
		color: #5f6062;
		font-size:16px;
	}
}
.ui-state-disabled {
	opacity:1;
	.ui-state-default {
		color: #5f6062;
	}
}