/*
	Theme Name: Drive Time Smart Web Pros
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------------------------------------------*\
    MAIN
\*------------------------------------------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 16px/1.4 'LatoWeb', Arial, sans-serif;
	background: #FAFAFA;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
/*------------------------------------*\
    LINKS
\*------------------------------------*/
a {
	color: #444;
	text-decoration:none;
}
a:hover {
	color: #666;
}
.page_body a {
	color: #CA0100;
	text-decoration:none;
}
.page_body a:hover {
	color: #251F1F;
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
button:focus,
button:focus {
    outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
a.btn {
	display: inline-block;
	border: 2px solid #333333;
	color: #333;
	margin-top: 8px;
	padding: 8px 15px;
	border-radius: 3px;
	font: 700 16px/1.4 'Oxygen', Arial, sans-serif;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

a.css3button4{
	background: #ca1000;
	color: #ffffff;
	border-radius: 0;
}

a.css3button4:hover{
	background: #12C8BC;
}

a.feat-btn3,
a.feat-btn2{
	color: #ca1000;
	border-color: #ca1000;
}

a.feat-btn3:hover,
a.feat-btn2:hover{
	background: #ca1000;
	color: #fff;
}

a.feat-btn4{
	color: #ffffff;
	border-color: #fff;
	z-index: 4;
	width: 200px;
	margin: 10px auto;
}

a.feat-btn4:hover{
	background: #ffffff;
	color: #000;
}

p {
	margin: 0;
}
/*------------------------------------------------------------------------*\
    STRUCTURE
\*------------------------------------------------------------------------*/
/* mobile only */
.mobile-only {
	display: none;
}
/* pagewidth */
.page-width{
	margin: 0 15%;
}

.page_body{
}

.page_body p {
	margin: 0 0 20px;
}

.page-title {
   display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: url('/wp-content/themes/drive_time_swp/img/drive-time-page-title-bg.jpg')no-repeat;
    background-size: cover;
    min-height: 250px;
    -webkit-box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.5);
    margin-bottom: 50px;
}

	.page-title h1,
	#breadcrumbs{
		padding: 50px 100px;
		margin: 0;
		color: #fff !important;
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
	}
	.page-title h1 {
		font-size: 3em;
		line-height: 1em;
		/* width: 65%; */
		flex-grow: 2;
	}

	#breadcrumbs{
		text-align: right;
		/* width: 35%; */
		flex-grow: 2;
	}
	#breadcrumbs a{
		color: #f9f9f9;
	}

.page-content{
	overflow: auto;
	padding-right:  5px;
}

.page-flex {
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*------------------------------------*\
    WRAPPER
\*------------------------------------*/
.wrapper {
	/* max-width:1280px; */
	/* width:95%; */
	/* margin:0 auto; */
	/* position:relative; */
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
.header {
 	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	background: #251F1F;
	border-bottom: 3px solid #008000;
	padding: 0 10px;
}

/*------------------------------------*\
    LOGO
\*------------------------------------*/
.logo {
	width: 25%;

}
.logo-img {

}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
.nav ul, .nav il {
	padding: 0;
	margin: 0;
	list-style: none;
}

.hamburger-nav-icon{
	display: none;
}

.nav {
	width: 75%;
	text-align: right;
	height: 91px;
}

	.nav ul {
		height: 91px;
	}

		.nav ul li {
			display: inline-block;
			position: relative;
			height: 91px;
			-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			-o-transition: all .2s ease;
			transition: all .2s ease;
		}

			.nav ul li a {
				display: block;
				display: table-cell;
    			vertical-align: bottom;
				height: 91px;
				line-height: 91px;
				letter-spacing: .5px;
				color: #f9f9f9;
				padding: 10px 25px;
				font: 500 20px/1.14 'Oxygen', Arial, sans-serif;
			}
		
		.nav ul li:hover {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1919+0,af0000+100 */
			background: rgb(255,25,25); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(255,25,25,1) 0%, rgba(175,0,0,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,25,25,1)), color-stop(100%,rgba(175,0,0,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1919', endColorstr='#af0000',GradientType=0 ); /* IE6-9 */

		}


/* SUB MENU--------------------------*/
	.nav ul li:hover > .sub-menu {
		display:block;
		
	}
	
.sub-menu{
	position: absolute;
	top: 100%;
	min-width: 250px;
	z-index: 9999;
	background: #251F1F;
	height: auto !important;
	display: none;
	text-align: left !important;
	white-space: nowrap;
}

.sub-menu li {
    display: block !important;
    height: auto !important;
    border-bottom: 1px solid #797e80;
}

.sub-menu li a {
    padding: 10px 10px 10px 5px !important;
    display: block !important;
    height: auto !important;
    line-height: 20px !important;
}

.animate {
    -webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slideInDown2 {
	-webkit-animation-name: slideInDown2;
	-moz-animation-name: slideInDown2;
    animation-name: slideInDown2;
}

@-webkit-keyframes slideInDown2 {
  from {
    -webkit-transform: translate3d(0, -10%, 0);
    -moz-transform: translate3d(0, -10%, 0);
	transform: translate3d(0, -10%, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/* FOOTER MENU------------------------*/
/* ACTIVE LINKS-----------------------*/
		.nav ul li.current_page_item {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1919+0,af0000+100 */
			background: rgb(255,25,25); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(255,25,25,1) 0%, rgba(175,0,0,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,25,25,1)), color-stop(100%,rgba(175,0,0,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1919', endColorstr='#af0000',GradientType=0 ); /* IE6-9 */

		}
/*------------------------------------*\
    SIDE BAR
\*------------------------------------*/
.sidebar {
	position: fixed;
	right: 5px;
	bottom: 0;
	width: 270px;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border: 1px solid #2C2D2D;
	border-bottom: none;
	z-index:  999999999999999999999;
}

	.site-wide-contact{
		font: 500 16px/1.4 'Oxygen', Arial, sans-serif;
		color: #f8f8f8;
		text-shadow: 1px 1px 2px rgb(62, 62, 62);
	}

		.site-wide-contact-title{
			text-align: center;
			padding: 10px;
			background: #12c8bc;
			-webkit-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
		}

			.contact-icon:before {
				content: "\e010";
				font-size: 20px;
				padding: 5px;
			}

		.site-wide-contact-form{
			display: none;
			border-top: 1px solid #2C2D2D;
			background: #0eb3a2;
			font-size: 14px;
			padding: 5px;
		}

			.site-wide-contact-form p{
				margin: 5px 0 10px
			}
	.site-wide-contact:hover > .site-wide-contact-form{
		display: block;
	}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer {
	background: #2C2D2D;
	color: #797e80;
	padding: 20px 15% 0;
}

	.footer-box a {
		color: #797e80;
		display: block;
	}

	.footer-box a:hover {
		color: #f1f1f1;
	}

.footer h4 {
	color: #D8D8D8 !important;
	margin: 0 0 5px;
	font: 500 18px/1.14 'Oxygen', Arial, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
	letter-spacing: 1px;
}

.footer-box {
	  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer-links{
	width: 20%;
	/* min-width: 150px; */
}

.footer-address{
	  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	width: 40%;
	min-width: 390px;
	font-size: 14px;
}
	.address-1,
	.address-2 {
		width: 50%;
	}

	.footer-address h4{
		width: 100%;
	}

	.footer-address .hours{
		font-size: 14px;
		padding-top: 5px;
		color: #797e80;
	}

.footer-address .address-line-1, 
.footer-address .address-line-2, 
.footer-address .address-line-3 {
    display: block;
    color: #A7A7A7;
}

/* FOOTER LINKS------------------------*/
.footer ul,
.footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-links{
	text-align:center;
	margin-top: 5px;
	font-size: 30px;
	border-bottom: 1px solid #454646;
	border-top: 1px solid #000;
}

.inner-social-links{
	border-top: 1px solid #454646;
	border-bottom: 1px solid #000;
}

.social-links a {
	padding: 10px 20px;
	display: inline-block;
}

.twitter-icon:before {
    content: "\e0ab";
}

.facebook-icon:before {
    content: "\e0aa";
}

.youtube-icon:before {
    content: "\e0ba";
}

.linkedin-icon:before {
    content: "\e0b4";
}

/* COPYRIGHT---------------------------*/
.copyright{
	text-align: center;
}


/*------------------------------------*\
    HOMEPAGE
\*------------------------------------*/

.home-slide{
	position: relative;
	width: 100%;
	height: 600px;
	z-index: 5;
	text-shadow: 1px 1px 1px #000000;
}

.home-text-slide-1,
.home-text-slide-2,
.home-text-slide-3 {
	display: none !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	transition: all .3s linear;
	filter: opacity(0);
	opacity: 0;
}

	.home-text-slide-1.active,
	.home-text-slide-2.active,
	.home-text-slide-3.active{
		display: block !important;
		filter: opacity(1);
		opacity: 1;
		z-index: 3;
	}

	.home-text-slide-1:before{
		content: '';
		background: url('/wp-content/themes/drive_time_swp/img/drive-time-slide-bg-1.jpg')no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		height: 100%;
		z-index: -1;
	}

	.animation-1-line-1,
	.animation-1-line-2,
	.animation-1-line-3,
	.animation-1-btn a {
		display: block;
		padding: 10px 20px;
	}
	.animation-1-line-1{
		position: absolute;
		top: 10%;
		right: 32%;
		font: 300 45px/1.4 'Righteous', Arial, sans-serif;
		color: #FFFFFF;
	}

	.animation-1-line-2{
		position: absolute;
		top: 20%;
		right: 10%;
		font: 700 45px/1.4 'Oxygen', Arial, sans-serif;
		color: #CA0100;
	}

	.animation-1-line-3{
		position: absolute;
		top: 30%;
		right: 8%;
		font: 300 55px/1.4 'Oxygen', Arial, sans-serif;
		color: #ffffff;
	}

	.animation-1-btn{
		position: absolute;
		top: 45%;
		right: 20%;
		padding: 10px 20px 10px 10px;
		font: 300 24px/1.4 'Oxygen', Arial, sans-serif;
	}
		
		.animation-1-btn a {
			color: #ffffff;
			border-left: 15px solid #0EB3A2;
			background: #199688;
			width: 180px;
		}


	.home-text-slide-2:before{
		content: '';
		background: url('/wp-content/themes/drive_time_swp/img/drive-time-slide-bg-7.jpg')no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		height: 100%;
		z-index: -1;
 		-webkit-filter: brightness(.8);
  		filter: brightness(.8);
  		filter: opacity(.9);
		opacity: .9;
	}

	.animation-2-line-1,
	.animation-2-line-2,
	.animation-2-line-3,
	.animation-2-line-4,
	.animation-2-line-5,
	.animation-2-btn a {
		display: block;
		padding: 10px 20px;
	}

	.animation-2-line-1 {
		position: absolute;
		top: 10%;
		right: 11%;
		font: 300 45px/1.4 'LatoWeb', Arial, sans-serif;
		color: #fff;
	}

	 .animation-2-line-1 .color-text {
	 	/* font: 300 45px/1.4 'Righteous', Arial, sans-serif; */
	 	color: #FBFF47;
	 }

	.animation-2-line-2 {
		position: absolute;
		top: 20%;
		right: 25%;
		font: 300 45px/1.4 'Poiret One', Arial, sans-serif;
		color: #0EB3A2;
	}

	.animation-2-line-3 {
		position: absolute;
		top: 30%;
		right: 15%;
		font: 300 45px/1.4 'Oxygen', Arial, sans-serif;
		color: #ca0100;
	}

	.animation-2-line-4 {
		position: absolute;
		top: 40%;
		right: 18%;
		font: 600 45px/1.4 'Josefin Sans', Arial, sans-serif;
		color: #202D4E;
	}

	.animation-2-line-5 {
		position: absolute;
		top: 50%;
		right: 3%;
		font: 300 48px/1.4 'LatoWeb', Arial, sans-serif;
		color: #ffffff;
	}

	.animation-2-btn {
		position: absolute;
		top: 65%;
		right: 5%;
	}
		.animation-2-btn a {
			font: 300 30px/1.4 'Righteous', Arial, sans-serif;
			color: #ffffff;
			border-left: 15px solid #0EB3A2;
			background: #199688;
		}

	.home-text-slide-3:before{
		content: '';
		background: url('/wp-content/themes/drive_time_swp/img/drive-time-slide-bg-3.jpg')no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		height: 100%;
		z-index: -1;
	}

	.animation-3-line-1,
	.animation-3-line-2,
	.animation-3-btn a {
		display: block;
		padding: 10px 20px;
	}

	.animation-3-line-1 {
		position: absolute;
		top: 34%;
		right: 11%;
		font: 300 55px/1.4 'LatoWeb', Arial, sans-serif;
		color: #FBFBFB;
	}

	 .animation-3-line-2 {
		position: absolute;
		font: 300 55px/1.4 'LatoWeb', Arial, sans-serif;
		top: 44%;
		right: 11%;
	 	color: #FBFF47;
	 }

		.animation-3-btn {
			position: absolute;
			top: 60%;
			right: 12%;
		}
		.animation-3-btn a {
			font: 300 30px/1.4 'LatoWeb', Arial, sans-serif;
			color: #ffffff;
			border-left: 15px solid #0EB3A2;
			background: #199688;
		}

.animation-1-line-1 {
	animation-delay: .75s;
	-webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
}

.animation-1-line-2 {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
}

.animation-1-line-3 {
	animation-delay: 3s;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
}

.animation-1-btn {
	animation-delay: 4s;
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
}

.animation-2-line-2 {
	animation-delay: .75s;
	-webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
}

.animation-2-line-3 {
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	text-shadow: none;
}

.animation-2-line-4 {
	animation-delay: 3.25s;
	-webkit-animation-delay: 3.25s;
	-moz-animation-delay: 3.25s;
	text-shadow: none;
}

.animation-2-line-5 {
	animation-delay: 4s;
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
}

.animation-2-btn {
	animation-delay: 5s;
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
}

.home-vehicle-search {
	  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	padding: 15px;
	background: #251F1F;
	/* border: 3px solid #008000; */
	border-left: none;
	border-right: none;
}

	.home-vehicle-search label {
		margin: 5px;
	}

	.home-vehicle-search .search-title{
		font-size: 25px;
		font: 700 30px/1.14 'Oxygen', Arial, sans-serif;
		padding-right: 20px;
		color: #f1f1f1;
	}

	.home-vehicle-search input[type="submit"]{
		background: transparent;
		border: 2px solid #f9f9f9;
		padding: 5px 15px 3px;
		color: #f9f9f9;
		font-size: 18px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 5px 10px;
	}

		.home-vehicle-search input[type="submit"]:hover {
			background: #f9f9f9;
			color: #333333;
		}

.feat-3-box{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	padding: 50px 10%;
	perspective: 1000;
	background: #F3F3F3;
}

	.feat-3-box-1,
	.feat-3-box-2,
	.feat-3-box-3 {
		width: 250px;
		min-height: 250px;
		text-align:center;
	}
	
	.feat-3-box-1 .front ,
	.feat-3-box-2 .front ,
	.feat-3-box-3 .front,
	.feat-3-box-1 .back,
	.feat-3-box-2 .back,
	.feat-3-box-3 .back{
		background-position: 50% 50%;
		border-radius: 250px;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		background-color: #0EB3A2;
		color: #f9f9f9 !important;
	}

	.feat-3-box-1 .back,
	.feat-3-box-2 .back,
	.feat-3-box-3 .back{
		border: 1px solid #333;
	}

	.feat-3-box-1 .front h2 ,
	.feat-3-box-2 .front h2 ,
	.feat-3-box-3 .front h2 ,
	.feat-3-box-1 .back p,
	.feat-3-box-2 .back p,
	.feat-3-box-3 .back p{
		position: relative;
 	 	top: 50%;
  		transform: translateY(-50%);
  		margin: 0;
  		padding: 15px;
	}

	.feat-3-box-1 .front h2 ,
	.feat-3-box-2 .front h2 ,
	.feat-3-box-3 .front h2 {
		font-size: 45px;
		color: #fff !important;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
		z-index:  5;
	}

	.feat-3-box-1 .front {
		background: url('/wp-content/themes/drive_time_swp/img/drive-time-finance-info.png')no-repeat;
	}
	.feat-3-box-2 .front {
		background: url('/wp-content/themes/drive_time_swp/img/drive-time-refer-a-friend.png')no-repeat;
	}
	.feat-3-box-3 .front {
		background: url('/wp-content/themes/drive_time_swp/img/drive-time-inventory.png')no-repeat;
	}

	.feat-3-box-1 .front:after,
	.feat-3-box-2 .front:after,
	.feat-3-box-3 .front:after {
		content: '';
		position:absolute;
		top:0;
		right:0;
		left:0;
		bottom: 0;
		background: rgba(255, 255, 255, 0.32);
		border-radius: 300px;
	}
	
	.feat-3-box-1:hover, 
	.feat-3-box-2:hover,
	.feat-3-box-3:hover {
		transform: rotateY(180deg);
	}

	.feat-3-box-1,
	.feat-3-box-2,
	.feat-3-box-3 {
		transition: 0.9s;
		transform-style: preserve-3d;
		position: relative;
		
	}

	.front, .back {
		backface-visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}

	.front {
		z-index: 2;
		/* for firefox 31 */
		transform: rotateY(0deg);
	}

	.back {
		transform: rotateY(180deg);
	}

.home-content-bad-credit{
	position: relative;
	background: url('/wp-content/themes/drive_time_swp/img/drive-time-bg-driving.jpg')no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	padding: 100px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	z-index: -1;
	text-align:  center;

}
.home-content-bad-credit:after{
	content: '';
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.74);
}

.bad-credit-line-1,
.bad-credit-line-2 {
	font-size: 55px;
	color: #f9f9f9;
	font-weight: 700;
	z-index: 3;
}

.home-content-info {
	min-height: 350px;
}

.home-content-info-2{
	text-align: center;
}

.home-content-info,
.home-content-info-2{
	padding: 50px 10%;
	background: #F3F3F3;
}

	.home-content-info h3,
	.home-content-info-2 h3{
		font-size:  30px;
		margin: 0;
	}

.home-content-finance {
	position: relative;
	background: url('/wp-content/themes/drive_time_swp/img/drive-time-slide-bg-4.jpg')no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	padding: 80px 20%;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	z-index: 0;
	text-align:  center;
	font-size: 25px;
	color: #f9f9f9;
}

.home-content-finance:after{
	content: '';
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.74);
}

.home-content-finance p,
.home-content-finance h3 {
	z-index: 4;
	margin: 0;
}


 /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('/wp-content/themes/drive_time_swp/img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01-99-66 .p            (normal)
        .jssort01-99-66 .p:hover      (normal mouseover)
        .jssort01-99-66 .p.pav        (active)
        .jssort01-99-66 .p.pdn        (mousedown)
        */
        .jssort01-99-66 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 99px;
            height: 66px;
        }
        
        .jssort01-99-66 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01-99-66 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01-99-66 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 95px;
            height: 62px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('/wp-content/themes/drive_time_swp/img/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01-99-66 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 95px;
            height: 62px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01-99-66 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 97px;
            height: 64px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01-99-66 .p.pdn .c {
            background-position: 50% 50%;
            width: 95px;
            height: 62px;
            border: #000 2px solid;
        }
        
        * html .jssort01-99-66 .c, * html .jssort01-99-66 .pdn .c, * html .jssort01-99-66 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 99px;
            height /**/: 66px;
        }
/*------------------------------------------------------------------------*\
    CONTENT
\*------------------------------------------------------------------------*/

.page-about-us{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.about-menu {
	width: 15%;
}

	.about-menu ul {
		margin: 0;
		padding: 0;
	}

		.about-menu ul li{
			margin: 0;
			padding: 0;
			list-style: none;
			border-bottom: 1px solid #333;
		}

		.about-menu ul li.active,
		.about-menu ul li:hover{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1919+0,af0000+100 */
			background: rgb(255,25,25); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(255,25,25,1) 0%, rgba(175,0,0,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,25,25,1)), color-stop(100%,rgba(175,0,0,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1919', endColorstr='#af0000',GradientType=0 ); /* IE6-9 */
			border-bottom: none;
		}

		.about-menu ul li:hover > a,
		.about-menu ul li.active a{
			color: #fff;
		}

			.about-menu ul li a{
				display: block;
				padding: 5px 10px;
			}

.employee-img img {
	width: 250px;
}

.employee-name {
	font: 300 25px/1.4 'Oxygen', Arial, sans-serif;
}

.emplyee-title {
	font-style:  italic;
}

.emp-contact-icon:before {
    content: "\77";
}

.refer-a-friend-title{
	text-align: center;
}

	.refer-a-friend-title img {
		padding-bottom: 30px;
	}

.form-refer-a-friend{
	background: #008000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	padding-top: 10px;
}

	.form-refer-a-friend .your-info,
	.form-refer-a-friend .friends-info{
		width: 50%;
		float: left;
		padding: 10px 20px;
	}

	.form-refer-a-friend .message-info{
		padding: 0 20px;
	}

	.form-refer-a-friend textarea{
		height: 100px;
	}

	.form-refer-a-friend input[type="submit"]{
		color: #fff;
		border-color: #fff;
	}

.single-vehicles-page{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.vehicle-title {
	width: 100%;
	border-bottom: 5px solid #000;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

	.vehicle-title .vehicle-name{
		flex-grow: 2;
	}

	.vehicle-title .vehilce-price {
		text-align:  right;
		flex-grow: 2;
		position:  relative;
	}
	.vehicle-title .old-price {
		font: 300 20px/1.4 'LatoWeb', Arial, sans-serif;
		color: #CA1000;
	}

.mo-price-btn{
	font: 500 25px/1.8 'Oxygen', Arial, sans-serif;
	padding: 5px;
	cursor: pointer;
	position:  relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#mo-price.pop-up-form {
    top: 0;
    height: 450px;
}
.main-vehicle-content{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%
}

	.main-vehicle-content .vehicles-images{
		overflow: hidden;
		width: 55%;
		background: #24262E;
		flex-grow: 2;
		max-height:  546px;
	}
	.main-vehicle-content .vehicles-images .no-photo-image-box,
	.main-vehicle-content .vehicles-images .single-photo-image-box{
		position: relative;
		height: 100%;
		min-height: 320px;
	}
	.main-vehicle-content .vehicles-images .single-photo-image-box img{
		position: absolute;
		top: -100px;
	}
	.main-vehicle-content .vehicles-images .no-photo-image-box img{
		position: absolute;
		top: -10%;
	}
	.main-vehicle-content .vehicles-images .no-photo-image-box .text-no-image {
		position: absolute;
		top: 0;
		right: 15px;
		z-index: 44444;
		font: 500 35px/1.8 'Oxygen', Arial, sans-serif;
		color: #000;
	}
 
	.main-vehicle-content .vehicle-info {
		display: flex;
		flex-direction: column;
		justify-content: center;
		/* text-align: center; */
		flex-grow: 2;
		background: #BCBCBC;
	}

	.main-vehicle-content .vehicle-info .vehicle-info-inner{
		height: 100%;
	}

	.main-vehicle-content  .vehicle-info-row{
		padding: 10px 15px;
		font-weight:  bold;
	}
	.main-vehicle-content  .vehicle-info-row .v-field{
		float: right;
	}
	.main-vehicle-content  .vehicle-info-row:nth-child(odd){
		background: #E7E7E7;
	}

	.main-vehicle-content .vehicle-description{
		width: 100%;
		background: #F6F6F6;
	}

	.vehicle-name{
		font: 500 50px/1.8 'Oxygen', Arial, sans-serif;
		color: #ca1000;
	}

	.price{
		font: 300 35px/1.4 'LatoWeb', Arial, sans-serif;
		color: #777777;
	}

	.bi-weekly-payment{
		font: 300 25px/1.4 'LatoWeb', Arial, sans-serif;
		color: #aaaaaa;
	}

	.phone-number{
		font: 300 30px/1.4 'LatoWeb', Arial, sans-serif;
		color: #12C8BC;
	}

	a.credit-link{
		font: 300 25px/1.4 'Oxygen', Arial, sans-serif;
		color: #333;
	}

.vehicle-description{
	width: 63%;
	padding: 30px 5 30px 20px;
	background: #E7E7E7;
	min-height: 300px;
}
.feat-text{
	font: 300 20px/1.4 'Oxygen', Arial, serif;
	font-style: italic;
}

.vehicle-links{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	width: 100%;
	padding: 40px 0;
	background: #F6F6F6;
}

.test-drive, .trade-in-quote, .more-info, .apply-credit{
	position: relative;
	margin: 10px;
}

.test-drive-btn, .trade-in-quote-btn, .more-info-btn, .apply-credit-btn{
	padding: 15px 20px;
	font: 300 16px/1 'Oxygen', Arial, sans-serif;
	border: 1px solid #333;
	color: #ffffff;
	background: #12C8BC;
	cursor: pointer;
	width: 200px;
	text-align: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.test-drive-btn:hover,
.trade-in-quote-btn:hover,
.more-info-btn:hover,
.apply-credit-btn:hover{
	background: #ca1000;

}

	.pop-up-form{
		display: none;
		position: absolute;
		bottom: 0;
		left:  -25%;
		height: 557px;
		width: 500px;
		border: 1px solid #333;
		background: #f9f9f9;
		padding: 20px;
		z-index: 99999999999999999;
		-webkit-box-shadow: 1px 1px 1px 1px #E3E3E3;
		box-shadow: 1px 1px 1px 1px #E3E3E3;
	}

	.pop-up-form img {
		width: 200px;
		float: left;
	}

	.pop-up-form p{
		margin: 0;
	}

	.vehicle-page-form{
		padding-top: 5px;
		margin-top: 5px;

	}

	.vehicle-page-form input,
	.vehicle-page-form textarea {
		border-radius: 5px !important;
		-webkit-border-radius: 5px !important;
		border: 1px solid rgba(51, 51, 51, 0.5) !important;
		color: #ca1000;
		padding: 8px 10px !important;
		margin-bottom: 10px;
	}
	
	.vehicle-page-form input[type='submit']{
		background: #ca1000;
		color: #fff;
		padding: 3px 15px !important;
		border-radius: 0 !important;
		margin-top: 5px;
		-webkit-border-radius: 0 !important;
	}

	.vehicle-page-form input[type='submit']:hover{
		color: #ca1000;
		background: #fff;
	}

	::-webkit-input-placeholder { opacity: 1; color: rgba(202, 16, 0, 0.8); } /* gray80 */
	:-moz-placeholder           { opacity: 1; color: rgba(202, 16, 0, 0.8); } /* Firefox 18- (one color)*/
	::-moz-placeholder          { opacity: 1; color: rgba(202, 16, 0, 0.8); } /* Firefox 19+ (double colons) */
	:-ms-input-placeholder      { opacity: 1; color: rgba(202, 16, 0, 0.8); }


.extra-vehicle-info{
	width: 40%;
	height: 450px;
}
	.extra-vehicle-info h2{
		margin: 0 !important;
	}
	.extra-vehicle-info div{
		padding: 8px 5px;
		font-size: 20px;
	}
	.extra-vehicle-info div:nth-child(even){
		background: #DEDEDE;
	}
	.extra-vehicle-info div:nth-child(odd){
		background: #fff;
	}

.vehicle-video{
	width: 33%;
	min-height: 200px;
	float:  right;
}
	
	.vehicle-video iframe{
		height: 300px;
		width: 100%;
	}

.finance-info{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background:  #f6f6f6;
}

.finance-info .finance-block-info{
	width: 100%;
	margin: 0 !important;
	padding:  20px 10px;
	/* background: #ddd; */
}

.finance-info .finance-cal-results {
	width: 40%;
	padding: 10px;
	background: #008000
}

.finance-info .finance-cal {
	width: 60%;
	padding: 10px;
}

.vehicle-extras{
	width: 100%;
	background: #f6f6f6;
	padding: 5px 10px;
}

.disclaimer {
	padding: 35px;
	background: #f6f6f6;
}
.disclaimer p {
	margin: 0px;
	font-size: 13px;
	font-style: italic;
}

.tabs {
	padding: 0;
	margin: 0;
}

	.tabs li {
		display: inline-block;
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.tabs li a {
			display: block;
			padding: 15px 25px 5px;
			background: #008000;
			border-radius: 7px 7px 0 0;
			-webkit-border-radius: 7px 7px 0 0;
			color: #ffffff;
			/* margin-bottom: -1px; */
		}
		
.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0;
}

.box-wrap {
	position: relative;
	min-height: 250px;
}

.box-wrap div:first-child {
	z-index: 1;
}

.tabbed-area div div {
	background: #fff;
	padding: 20px;
	border:  1px solid;
	min-height: 250px;
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
}
.all-features-text {
	background: #fff;
	padding: 20px;
	border:  1px solid;
	/* white-space: pre-line; */
	display:  none;
}
#feat-entertainment:target, 
#feat-exterior:target,
#feat-interior:target,
#feat-mechanical:target,
#feat-safety:target,
#feat-technical:target {
	z-index: 1;
}

.all-features-title{
	position: relative;
	padding: 10px 28px !important;
	font-size: 20px;
	background: #12C8BC !important;
	color: #fff !important;
	border: 1px solid #000;
	/* border-bottom:  none; */
	z-index: 2;
}
.all-features-title{
	/* border-radius: 7px 7px 0 0; */
	/* -webkit-border-radius: 7px 7px 0 0; */
	/* padding: 18px 28px 4px !important; */
}

#open-features {
	float: right;
	font-size: 30px;
}

#trade-in-quote.pop-up-form {
    height: 606px;
    width:  500px;
}

#test-drive.pop-up-form {
    height: 523px;
}

#trade-in-quote .personal-info {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

	#trade-in-quote .personal-info .f-name{
		width: 99% !important;

	}
	#trade-in-quote .personal-info p{
		width:49%;
	}

.form-vehicle-info {
    overflow: auto;
}

.f-vehicle-name{
	background: #ca1000;
	color: #fff;
	font-size: 28px;
	text-align: right;
	padding: 5px 10px;
	border-top: 5px solid #000;
}

.f-vehicle-price {
	text-align: right;
	padding: 5px 10px;
	font-size: 25px;
}

#trade-in-quote .trade-vehicle-info {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

	#trade-in-quote .trade-vehicle-info p {
		width: 32%;
	}

	#trade-in-quote .trade-vehicle-info .f-trim,
	#trade-in-quote .trade-vehicle-info .f-odometer {
		width: 49%;
	}

.pop-up-form textarea {
	height: 100px;
}

div#down-payment-slider,
div#term-length-slider,
div#interest-rate-slider {
    margin: 40px 30px 50px;
}


span#vehicle-amount {
    display: none;
}

.tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	font: 400 12px/12px Arial;
	border-radius: 3px;
	background: #fff;
	top: -28px;
	padding: 5px;
	left: -9px;
	text-align: center;
	color: rgb(42, 42, 42);
	padding: 5px;
	min-width: 50px;
}

.noUi-connect {
    background: #ca1000 !important;
}
.noUi-handle {
    border: 1px solid #aaaaaa !important;
    border-radius: 3px;
    background: #333 !important;
    cursor: default;
    box-shadow: inset 0 0 1px #aaaaaa,inset 0 1px 7px #aaaaaa,0 3px 6px -3px #aaaaaa !important;
}
.noUi-active{
	box-shadow: inset 0 0 1px #779cd7,inset 0 1px 7px #6781cb,0 3px 6px -3px #6b72b9 !important;
}

.bad-credit-page .page-content{
	width: 70%;
}

.bad-credit-page .side-bar{
	width: 30%;
}

	.side-bar .rebuild-credit-box{
		position: relative;
		overflow: hidden;
		height: 160px;
		text-align: center;
	}
	
	.side-bar .rebuild-credit-box span{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		font-size: 45px;
		z-index: 666;
		letter-spacing: 2px;
		line-height: 80px;
		color: #FFF;
		text-shadow: 2px 2px 2px #5C5C5C;
	}

	.side-bar .rebuild-credit-box img {
		z-index: -1;
		-webkit-filter: opacity(.5);
  		filter: opacity(.5);
	}

	.side-bar .rebuild-credit-box:hover {
		translateX: 1;
	}

	.side-bar .rebuild-credit-box:hover > img {
		-webkit-filter: opacity(.8);
  		filter: opacity(.8);
  		-webkit-filter: grayscale(.7);
 		filter: grayscale(1.7);
	}

	.more-bad-credit-info-form {
		background: #12c8bc;
	}

	.bad-credit{
		font-size: 25px;
		text-align: center;
		padding: 15px 5px 0;
	}
		.bad-credit p{
			margin: 0;
		}

		.bad-credit-steps{
			font-size: 16px;
			text-align:  left;
			padding: 0 10px 5px;
		}

			.bad-step-1,
			.bad-step-2 {
			
			}

		.bad-step-1:before {
			content: "\6c";
		}

		.bad-step-2:before {
			content: "\e090";
		}

		.bad-step-1:before,
		.bad-step-2:before {
			color:  #f6f6f6;
			padding: 0 15px 5px 5px;
			font-size: 20px;
		}

	.bad-credit-form{
		width: 95%;
		margin: 0 auto;
	}

	.bad-credit-form input,
	.bad-credit-form textarea {
		border: 1px solid #333 !important;
	}

/* full vehicle page */
.vehicle-search-icon{
	display:none;
}
.vehicle-search-form {
	width: 25%;
	overflow: auto;
	/* min-width:  260px; */
}

.vehicle-search-form-box{
	background: #717171;
	border: 1px solid #717171;
	padding: 15px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	text-align:center;
	overflow:  auto;
}
.vehicle-search-form-box .vehicle-search-title{
	font-size: 30px;
	display: block;
	padding: 0 0 10px;
}

.vehicle-search-content {
	background: #f2f2f2;
	/* border-radius: 3px; */
	/* -webkit-border-radius: 3px; */
	/* overflow:  auto; */
}

.option-box{
	text-align: left;
	margin: 0 0 2px;
	padding: 5px;
	color: #000;
	overflow: auto;
	line-height: 100%;
	font-size: 17px;
	
	border-bottom: 1px solid #717171;
}

.option-box .ui-widget-header {
	border: 1px solid #ca1000;
	background: #CA1000;
}

.option-box input {
	background: #f2f2f2;
}

.option-box label {
	float: right;
	width: 75%
}

.option-box select {
	width: 100%
}

.vehicle-search-form input[type="submit"] {
	display: block;
	float:  right;
	margin: 10px 10px 15px;
	background: #F2F2F2;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #404040;
	padding: 5px 15px;
}

	.vehicle-search-form input[type="submit"]:hover {
		background: #F2F2F2;
		color:  #ca1000;
	}

.option-box-slider-label input{
	width: auto !important;
}

.option-box .option-box-name {
	line-height: 29px;
}

#year-vehicle-slider,
#price-vehicle-slider{
	margin: 10px;
}

.vehicle-page {
	width: 75%;
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.vehicle-page article {
	width: 33%;
	min-width:  265px;
}

.vehicle-box {
	min-height: 655px;
	min-width: 260px;
    background: #333333;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid rgba(167, 157, 157, 0.4);
    margin: 0 10px 20px;
}

.full-vehicle-name {
	background: #333;
	padding: 10px;
	height: 70px;
	width: 400px;
	text-align: center;
	font: 900 18px/1.4 'Oxygen', Arial, sans-serif;
	color: #fff;
	vertical-align: text-bottom;
	-webkit-border-radius: 5px 5px 0 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.view-larger-img img {
	display: none;
}

.vehicle-info {
    /* padding: 5px; */
    display: flex;
    flex-direction: row;
    min-height: 150px;
    flex-wrap: wrap;
    background: #f2f2f3;
    align-content: center;
}

.vehicle-info-blurb{
	width: 400px;
	padding: 5px 1px;
	background:  #333;
	/* text-align: center; */
	height: 62px !important;
	color: #ccc;
	font-style: oblique;
	font: 300 13px/1.2 'Oxygen', Arial, sans-serif;
	z-index: 2;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.vehicle-info .vehicle-info-content {
	width: 50%;
	font-size: 14px;
}

	.vehicle-info .vehicle-info-content .v-info-title {
		font-weight: bold;
	}

	.vehicle-info .vehicle-info-content .v-info-content {
		padding-left: 3px;
	}

.vehicle-image{
	position: relative;
}

.vehicle-image:hover > .hidden-info{
	display: flex;
	-webkit-animation-name: fadeInUp2;
    animation-name:fadeInUp2;
}
@-webkit-keyframes fadeInUp2{
	0%{opacity:0;-webkit-transform:translate3d(100%,100%,100%);transform:translate3d(100%,100%,100%);height:0;}
	100%{opacity:1;-webkit-transform:none;transform:none;height: 100%;}
}
@keyframes fadeInUp2{
	0%{opacity:0;-webkit-transform:translate3d(100%,100%,100%);transform:translate3d(100%,100%,100%);height:0;}
	100%{opacity:1;-webkit-transform:none;transform:none;height: 100%;}
}
.hidden-info{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(4, 164, 204, 0.9);
	/* display: flex; */
	justify-content: center;
	align-items: center;
	align-content: center;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index:  1;
}

.hidden-info .hidden-inside-box {
	width: 33%;
	text-align: center;
	font-size:  25px;
	z-index:  1;
}

.vehicle-price-box {
	text-align: center;
	height: 100px;
	padding: 10px 5px;
	color: #ffffff;
}

.vehicle-price-box-3  .vehicle-price,
.request-price-box { 
	height: 100%;
	line-height: 80px !important;
}

.vehicle-price-box .vehicle-price,
.new-vehicle-price {
	font-size: 40px;
	font-weight:  bold;
}
.request-price-box{
	font-size: 30px;
	font-weight:  bold;
}
.vehicle-price-box .vehicle-bi-weekly-payment,
.old-vehicle-price {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.72);
}
.old-vehicle-price span {
	text-decoration: line-through;
}

.vehicle-page article:nth-child(4n+1) .vehicle-price-box {
	background: #ca1000;
}
.vehicle-page article:nth-child(4n+2) .vehicle-price-box {
	background: #04a4cc;
}
.vehicle-page article:nth-child(4n+3) .vehicle-price-box {
	background: #199688;
}
.vehicle-page article:nth-child(4n+4) .vehicle-price-box {
	background: #116131;
}
.full-vehicle-links {
    padding: 20px 10px 20px;
    background: #f2f2f3;
    border-radius: 0 0 8px 8px;
    text-align: center;
}

.full-vehicle-links a {
	display: inline-block;
	padding: 8px 5px;
	margin: 0 5px;
	border: 1px solid #333;
	background: #ca1000;
	color: #fff;
}

.view-img-icon{
	cursor: pointer;
	color: #ca1000;
}

	.view-img-icon:hover{
		color: #000;
	}

.view-img-icon:before  {
    content: "\e054";
}

.facebook-vehicle-icon:before {
    content: "\e093";
}

.view-page-icon:before {
    content: "\e02c";
}

.feat-vehicles-box {
    /* min-width: 260px; */
    margin: 5px;
    /* height: 260px; */
}

.home-featured-vehicles {
    background: #251F1F;
    padding: 50px 0
}

.feat-vehicles-box {
    margin: 10px 5px;
}

.feat-vehicles-box span{
	/* position:absolute; */
	bottom: 10px;
	/* font-size: 20px; */
	padding: 0 5px;
	white-space: pre-wrap;
	color: #fff;
}

.feat-vehicles-box img {
    opacity: .5;
}
.feat-vehicles-box img:hover{
    opacity: 1;
}

.slick-prev.slick-arrow{
    left: 0;
}

.slick-next.slick-arrow{
    right: 0;
}
.slick-next.slick-arrow:before {
    content: "\34";
    left: 50px;
}
.slick-prev.slick-arrow:before {
    content: "\35";
    right: 50px;
}
.slick-prev.slick-arrow:before,
.slick-next.slick-arrow:before {
	position: absolute;
	color: #000;
	font-size: 95px;
	top: 0;
	bottom: 0;
	line-height: 300px !important;
}
.slick-prev.slick-arrow:hover:before,
.slick-next.slick-arrow:hover:before {
	color: #ca1000;
}
.slick-next.slick-arrow,
.slick-prev.slick-arrow {
    position: absolute !important;
    bottom: 0;
    width: 300px;
    top: 0;
    z-index: 999999999999999;
    background: rgba(255, 255, 255, 0.32);
    border: none;
    color: transparent;
}

.contact-info {
    overflow: auto;
    /* width:  80%; */
}
	.contact-info img {
		width: 450px;
	}


.phone-numbers {
    font: 800 25px/1.4 'Oxygen', Ariel, serif;
    color: #ca1000;
}

.black-text{
	color: #444;
}

.contact-form{
	width: 20%;
	margin-bottom: 10px;
}

	.contact-form-drivetime {
		background: #0eb3a2;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 1px 1px 1px 1px rgba(191,191,191,.62);
		box-shadow: 1px 1px 1px 1px rgba(191,191,191,.62);
		border: 1px solid #aaa;
	}

	.contact-form-drivetime h3 {
		padding: 8px 8px 0;
		margin: 0 0 7px;
		color: #FFFFFF !important;
	}

	.contact-form-drivetime p {
		padding: 5px 8px;
		margin: 0;
	}

	.contact-form-drivetime input[type="submit"] {
		border: 2px solid #fff;
		color: #fff !important;
	}
	.contact-form-drivetime input[type="submit"] {
		border: 2px solid #fff;
		color: #fff !important;
	}

.locations {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}

    .locations .fist-st-location,
    .contact-form-drivetime {
        width: 48%;

    }

.first-st-map {
	position: relative;
	height: 200px;
	margin-bottom: 10px;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	text-align: center;
	padding: 20px;
}

.first-st-map:after,
.dundas-st-map:after{
	content: '';
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right:0;
	background: url('/wp-content/uploads/drive-time-first-st-london-ontario.png')no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	z-index:-1;
}
.dundas-st-map:after{
	background: url('/wp-content/uploads/drive-time-dundas-st-london-ontario.png')no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.first-st-map span,
.dundas-st-map span{
	font-size: 35px;
	 font-weight: bold;
}

.testimonials-box {
    padding: 25px 0;
   
}

.testimonials-box:nth-child(odd) {
    background: #f2f2f2;
}

.testimonials-box:nth-child(even) {
    background: #FFFFFF;
}

.testimonials-box blockquote {
    font-style: italic;
}

.testimonials-box blockquote .author {
    float: right;
}

.write-a-review:before {
    content: "\6c";
    padding-right: 10px;
 
}

.write-a-review {
	display: inline-block;
	background: #CA1000;
	color: #fff;
	margin: 0 15px;
	float:  right;
	padding: 6px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.write-a-review:hover {
	background: #444;
}

.links-box {
    width: 50%;
    min-width: 200px;
}

.links-box h3 {
    color: #ca1000 !important;
    font-size: 25px;
}

.links-box h3:hover {
    color: #000 !important;
}

.page-login .wp-logout-btn{
	display: block;
	background: #ca0100;
	border: 1px solid #000;
	color:  #fff;
	font-weight:  bold;
	padding: 5px 12px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	float: right;
}

.user-links, .user-help-links {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.user-links a,
.user-help-links a{
	margin: 10px;
	display: inline-block;
	width: 300px;
	text-align: center;
	padding: 20px;
	background: #ca0100;
	border: 1px solid #000;
	font-size: 25px;
	color:  #fff;
	font-weight:  bold;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.user-links a:hover,
.user-help-links a:hover,
.page-login .wp-logout-btn:hover{
	background: #0eb3a2;
	color: #251f1f;
}
.user-help-links a{
	padding:10px 5px;
	font-size: 16px;
	width: 200px;
}

.user-help-links{
	margin-bottom: 50px;
}

.vehicle-instructions{
	margin: 100px 0;
}

/* HEADLINES--------------------------*/
#content h1 {
	color: #008000;
}
#content h2 {
	color: #008000;
	margin: 0 0 20px;
}

#content h3 {
	color: #008000;
}

#content h4 {

}

/* FORMS--------------------------*/
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
textarea {
	width: 100%;
	border: none;
	padding: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input[type="submit"]{
	display: block;
	background: transparent;
	border: 2px solid #000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 8px;
	font-weight: bold;
}

/*------------------------------------------------------------------------*\
    FORMATTING
\*------------------------------------------------------------------------*/

.crossed-out{
	text-decoration: line-through;
}

.red-text{
	color: #CA0100;
}

.green-text {
	color: #008000;
}

textarea {
	height: 100px;
}

select {
    padding:3px;
    margin: 0;
    /* -webkit-border-radius:4px; */
    /* -moz-border-radius:4px; */
    /* border-radius:4px; */
    /* -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; */
    /* -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; */
    /* box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; */
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right: 50px;}
}

label {position:relative}
label:after {
    content:'<>';
    font: 17px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right: 2px;
    top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px;
    top:0px;
    width:20px;
    height: 20px;
    background: #f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}


/*------------------------------------------------------------------------*\
	TYPOGRAPHY
\*------------------------------------------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('/wp-content/themes/drive_time_swp/fonts/font-name.eot');
	src:url('/wp-content/themes/drive_time_swp/fonts/font-name.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/drive_time_swp/fonts/font-name.woff') format('woff'),
		url('/wp-content/themes/drive_time_swp/fonts/font-name.ttf') format('truetype'),
		url('/wp-content/themes/drive_time_swp/fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* Webfont: Lato-Regular */
@font-face {
    font-family: 'LatoWeb';
    src: url('/wp-content/themes/drive_time_swp/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/drive_time_swp/fonts/Lato-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/drive_time_swp/fonts/Lato-Regular.woff') format('woff2'), /* Modern Browsers */
         url('/wp-content/themes/drive_time_swp/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('/wp-content/themes/drive_time_swp/fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'ElegantIcons';
	src:url('/wp-content/themes/drive_time_swp/fonts/ElegantIcons.eot');
	src:url('/wp-content/themes/drive_time_swp/fonts/ElegantIcons.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/drive_time_swp/fonts/ElegantIcons.woff') format('woff'),
		url('/wp-content/themes/drive_time_swp/fonts/ElegantIcons.ttf') format('truetype'),
		url('/wp-content/themes/drive_time_swp/fonts/ElegantIcons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
#open-features,
.twitter-icon,
.facebook-icon,
.linkedin-icon,
.youtube-icon,
.contact-icon,
.emp-contact-icon,
.bad-step-1:before,
.bad-step-2:before,
.facebook-vehicle-icon,
.view-page-icon,
.view-img-icon,
.slick-prev.slick-arrow:before,
.slick-next.slick-arrow:before,
.write-a-review:before,
.hamburger-nav-icon,
.sub-menu li:before,
.vehicle-search-icon {
	font-family: 'ElegantIcons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

#lightbox {
	position: absolute;
	top: 0;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	background: #fff;
	z-index: 1001;
	display: none;
}
#lightbox-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index: 1000;
	display: none;
}


/*------------------------------------------------------------------------*\
    RESPONSIVE
\*------------------------------------------------------------------------*/

@media only screen and (max-width:1550px) {
	/*footer*/
	.footer {
		padding: 20px 5% 0;
	}
	/*page width*/
	.page-width {
		margin: 0 10%;
	}
	
}

@media only screen and (max-width:1370px) {
	/*navigation*/
	.nav ul li a {
		padding: 10px 13px;
	}
	/*header*/
	.header {
		padding: 0 2px;
	}
	/*page width*/
	.page-width {
		margin: 0 5%;
	}
	
}
@media only screen and (max-width:1223px) {
	/*nav*/
	.nav ul li a {
		font-size: 18px;
	}
	.nav {
		width: 80%;
	}
	/*logo*/
	.logo {
		width: 20%;
	}
	/*footer*/
	.footer {
		padding: 20px 1% 0;
	}
	/*page width*/
	.page-width {
		margin: 0 1%;
	}
	.vehicle-search-form {
		width: 20%;
	}
	.vehicle-page {
		width: 80%;

	}
	/*page-title*/
	.page-title h1, #breadcrumbs {
		padding: 25px;
		text-align: center;
	}
}

@media only screen and (max-width:1024px) {
	/*page width*/
	.page-width {
		margin: 0 1%;
	}

	/* footer */
	.footer {
		padding: 20px 1% 0;
	}

	.footer-box div {
		padding: 0 5px 5px
	}

	.footer-links{
		min-width: 130px;
	}
	
	/*logo*/
	.logo {
		width: 75%;
	}

		.logo img {
			height: 60px;
		}

	/*menu*/
	.hamburger-nav-icon{
		display: block;
	}

	.nav {
		position: relative;
		width: 25%;
		text-align: right;
		height: 70px;
	}

	.hamburger-nav-icon  {
		content: "\61";
		font-size: 65px;
		padding: 0 15px;
		line-height: 73px !important;
		color: #ffffff;
		cursor: pointer;
	}
	
		.nav ul {
			height: auto;
			display: none;
			position:  absolute;
			top:  100%;
			right: -2px;
			/* width:  100%; */
			z-index: 999999 !important;
			text-align: right;
		}

			.nav ul li {
				display: block;
				position: relative;
				height: auto;
				background: #333333;
				border-bottom: 1px solid #000;
			}

			.sub-menu {
				position: relative !important;
				display: block !important;
				background: #333 !important;
				height: auto !important;
				text-align: right !important;
				white-space: nowrap;
				
			}

				.sub-menu li {
					padding-right: 40px !important;
					background: #2d2d2d !important;
				}

				.sub-menu li:before {
					content: "\44";
					position: absolute;
					right: 28px;
					font-size: 22px
				;
					line-height: 40px;
				}

				.sub-menu li:first-child {
					border-top: 1px solid #000;
				}

				.sub-menu li:last-child {
					border-bottom: none;
				}

				.nav ul li a {
					display: block;
					height: auto;
					letter-spacing: .5px;
					color: #f9f9f9;
					font-size: 18px;
					padding: 10px 15px !important;
				}

			.nav ul li:hover {
				background: #333;
			}

	
	/*page-title*/
	.page-title h1, #breadcrumbs {
		padding: 15px;
	}
	.page-title {
		min-height: 200px;
	}
	/*content*/
	.home-text-slide-1{
		text-align:center;
	}
	.slick-next.slick-arrow, 
	.slick-prev.slick-arrow {
		width: 100px;
	}
	.slick-next.slick-arrow:before {
		left: 5px;
	}
	.slick-prev.slick-arrow:before {
		right: 5px;
	}
	.home-content-finance {
		font-size: 16px
	}
	.home-content-finance h3 {
		font-size: 30px
	}
	.bad-credit-line-1, .bad-credit-line-2 {
		font-size: 25px;
	}
	.feat-3-box-1, .feat-3-box-2, .feat-3-box-3{
		margin: 5px;
	}
	.home-content-bad-credit,
	.home-content-info, 
	.home-content-info-2,
	.home-content-finance,
	.feat-3-box {
		padding: 50px;
		z-index: 3;
	}
	.vehicle-search-form {
		width: 100%;
		padding-bottom: 5px;
	}
	.vehicle-page {
		width: 100%;
	}
	.nav ul li.current_page_item:hover {
		background: rgb(255,25,25);
		background: -moz-linear-gradient(top, rgba(255,25,25,1) 0%, rgba(175,0,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,25,25,1)), color-stop(100%,rgba(175,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(255,25,25,1) 0%,rgba(175,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1919', endColorstr='#af0000',GradientType=0 );
	}
	.vehicle-search-form-box .search{
		display:none;
		cursor: default;
	}
	.vehicle-search-form-box{
		cursor: pointer;
	}
	.vehicle-search-icon,
	.vehicle-search-form-box .vehicle-search-title{
		display: inline-block;
		font-size: 30px;
		padding: 0 5px
	}
	.vehicle-video {
		margin: 0 auto;
		width: 400px;
		min-height: 350px;
		float: none;
	}
	.sidebar{
		display: none;
	}
	#more-info.pop-up-form{
		left: -200%;
	}
	.main-vehicle-content .vehicles-images,
	.contact-form,
	.contact-info {
		width: 100%;

	}
	.contact-info img {
		display: none;
	}
	.contact-info{
		text-align: center;
		margin-bottom: 10px
	}
	.main-vehicle-content .vehicles-images .no-photo-image-box, .main-vehicle-content .vehicles-images .single-photo-image-box {
		min-height: 420px;
	}
}
@media only screen and (max-width:860px) {
	.animation-1-line-1 {
		top: 5%;
		display: block;
   		padding: 5px;
	}
	.animation-1-line-2 {
		top: 20%;
		padding: 5px;
	}
	.animation-1-line-3 {
		top: 45%;
		padding: 5px;
	}
	.animation-1-btn {
		top: 80%;
		padding: 5px;
	}
	.vehicle-title .vehicle-name,
	.vehicle-title .vehilce-price {
		text-align: center;
	}
	.pop-up-form {

		left: -10%;

	}
	#trade-in-quote.pop-up-form{
		left: -150%;
	}

	.main-vehicle-content .vehicles-images .no-photo-image-box, .main-vehicle-content .vehicles-images .single-photo-image-box {
		min-height: 300px;
	}
	.vehicle-page {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
}
@media only screen and (max-width:580px) {
	#trade-in-quote.pop-up-form{
		left: -220%;
	}
	#more-info.pop-up-form{
		left: -20%;
	}
	.main-vehicle-content .vehicles-images .no-photo-image-box, 
	.main-vehicle-content .vehicles-images .single-photo-image-box {
		min-height:0;
	}
	.main-vehicle-content .vehicles-images .single-photo-image-box img,
	.main-vehicle-content .vehicles-images .no-photo-image-box img {
		position: relative;
		top:  0;
	}
	.logo{
		text-align: center;
	}
	.logo,
	.nav,
	.footer-box div {
		width: 100%;
	}
}
@media only screen and (max-width:480px) {
	/* mobile only */
	.mobile-only {
		display: block;
	}

	.no-mobile {
		display: none;
	}
	/*footer*/
	.footer-box div {
		text-align:center;
	}

	.address-1, .address-2 {
		width: 100%;
	}
	/*content*/
	.animation-1-line-1 {
		top: 5%;
		right: 28%;
		font: 300 35px/1.4 'Righteous', Arial, sans-serif;
	}
	.animation-1-line-2 {
		top: 13%;
		right: 1%;
		font: 700 35px/1.4 'Oxygen', Arial, sans-serif;
	}
	.animation-1-line-3 {
		top: 30%;
		right: 1%;
		font: 300 41px/1.4 'Oxygen', Arial, sans-serif;
	}
	.animation-1-btn {
		top: 60%;
	}
	.home-content-bad-credit,
	.home-content-info, 
	.home-content-info-2,
	.home-content-finance,
	.feat-3-box {
		padding: 5% 1%;
	}
	.home-vehicle-search{
		text-align: center;
	}
	.home-content-info img,
	.vehicle-video {
		display: none
	}
	.locations div {
		width: 100%;
	}
}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------------------------------------------*\
    MISC
\*------------------------------------------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------------------------------------------*\
    WORDPRESS CORE
\*------------------------------------------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------------------------------------------*\
    PRINT
\*------------------------------------------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}