
/* ================================================================ *\
	#Reset
\* ================================================================ */

* {
	padding: 0;
	margin: 0;
	outline: 0;
}
h1,h2,h3,h4,h5,h6 {
	text-transform: none;
}
a, a:hover, a:visited {
	/*padding: 0;*/
}

/* ================================================================ *\
	#Base
\* ================================================================ */

.responsive-v2-wrapper h1 {
	font-size: 38.5px;
}
.responsive-v2-wrapper h2 {
	font-size: 31.5px;
}
.responsive-v2-wrapper h3 {
	font-size: 24.5px;
}
.responsive-v2-wrapper h4 {
	font-size: 17.5px;
}
.responsive-v2-wrapper h5 {
	font-size: 14px;
}
.responsive-v2-wrapper h6 {
	font-size: 11.9px;
}
article,aside,figcaption,figure,footer,header,main,nav,section {
	display: block;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

.noscroll {
	overflow: hidden;
}
/* ------------------------------------------------------------ *\
	Btn
\* ------------------------------------------------------------ */
.container-fluid .btn:not(.fb-button) {
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	background: #eb5b28 ;
	border: 1px solid transparent ;
	color: #fff ;
	text-shadow: none ;
	padding: 15px;
	text-transform: uppercase;
}

.container-fluid .btn:hover:not(.fb-button) {
	color: #eb5b28 !important;
	background: #fff !important;
	border: 1px solid #eb5b28 !important;
	padding: 15px;
}


/*.fb-button.btn:hover,*/
/*.container-fluid .fb-button.btn:hover{*/
/*	color: #333 !important;*/
/*	background: #fff !important;*/
/*	border: 0.1rem solid #727577 !important;*/
/*}*/
/*.fb-button.btn,*/
/*.container-fluid .fb-button.btn{*/
/*	max-width: 250px;*/
/*	font-weight: 600 !important;*/
/*	background: #fff !important;*/
/*	color: #333 !important;*/
/*	text-transform: none !important;*/
/*	border: 0.1rem solid #727577 !important;*/
/*}*/


.container-fluid .btn--grey {
	background: #808080 !important;
	color: #fff !important;
}
.container-fluid .btn--grey:hover {
	color: #eb5b28 !important;
	background: #fff !important;
	border: 1px solid #eb5b28 !important;
}
.container-fluid .btn.disabled {
	background: #808080 !important;
	color: #fff !important;
}
.container-fluid .btn.disabled:hover {
	border-color: transparent;
}
.container-fluid .btn--block {
	display: block;
}

@media(max-width: 1024px){
	.container-fluid .btn { padding: 15px 20px; }
}

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

#mobilePage .main-content-wrapper {
	min-height: 100vh;
	padding-bottom: 0px;
	position: relative;
}

.container-fluid--alt { padding-left: 0; padding-right: 0; }
.container--alt { padding-left: 0; padding-right: 0; }
.container--alt * { box-sizing: border-box; }

#detailsFooter,
#resultsFooter { margin-top: 0 !important; min-width: 100%; }

header.index { padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
header.index * { box-sizing: border-box; }

header.index > .container > .row  { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 0; }
header.index > .container  {  }
header.index > .container {  }
header.index .user-links { margin-left: auto; }
header.index .logo { min-width: 185px; }

header.index > .container > .row > .span8,
header.index > .container > .row > .span2 { width: auto !important; }

header.index > .container > .row > .span2:last-child { margin-left: auto; }

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {

	html,
	body {
		margin: 0 auto;
		width: 100%;
	}
}

@media(max-width: 1024px){
	header.index .logo { min-width: 145px; }

	/*   Footer   */

	/*#detailsFooter {  }*/

	#resultsFooter {}

	#resultsFooter .container .popular-cars { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
	#resultsFooter .container .popular-cars .span-no-margin { width: 50% !important; }
	#resultsFooter .link-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; padding-left: 15px; padding-right: 15px; }
	#resultsFooter .link-block > h6  { width: 100%; }
	#resultsFooter .link-block .span2.span-no-margin { width: 33.33% !important; }
	#resultsFooter .span12 > .span6 { width: 50% !important; }
	#resultsFooter .footer-description { width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
	#resultsFooter .footer-description .span3 { width: 240px !important; flex-shrink: 0;}

	#footer-bottom { box-sizing: border-box; padding: 0 15px; }
	#footer-bottom * { box-sizing: border-box; }
	#footer-bottom .row { margin: 0; }
	#footer-bottom .row .span12 { width: 100% !important; margin: 0; }
}

@media(max-width: 767px){
	#header .user-menu-head {
		padding-left: 12px;
	}
	#resultsFooter .span12 > .span6,
	#resultsFooter .link-block .span2.span-no-margin,
	#resultsFooter .container .popular-cars .span-no-margin { width: 100% !important; }
	#resultsFooter .footer-description { display: block; }

	#resultsFooter .footer-description .span3,
	#resultsFooter .footer-description .span9 { width: 100% !important; margin: 0; }
}


/* ------------------------------------------------------------ *\
	mobile-nav
\* ------------------------------------------------------------ */

.mobile-nav {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	width: 28px;
	height: 20px;
}

.mobile-nav span {
	display: block;
	width: 100%;
	height: 4px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	transition: top .2s, opacity .2s, transform .2s .25s;
}

.mobile-nav span:nth-child(2) {
	top: 8px;
}

.mobile-nav span:nth-child(3) {
	top: 16px;
}


.menu-collapse-button {
	opacity: 0;
}

.mobile-nav--active {
	position: fixed;
	right: 15px;
	top: 23px;
	left: inherit;
}

.mobile-nav--active span {
	transition: background .2s, top .2s, opacity .2s, transform .2s .25s;
}

.mobile-nav--active span:nth-child(3),
.mobile-nav--active span:nth-child(1) {
	top: 9px;
}

.mobile-nav--active span:nth-child(2) {
	opacity: 0;
}

.mobile-nav--active span:nth-child(1) {
	transform: rotate(45deg);
}

.mobile-nav--active span:nth-child(3) {
	transform: rotate(-45deg);
}

#header #header-inner ul#main-menu.is-active {
	display: block !important;
}

@media(max-width: 800px) {

	.mobile-nav {
		opacity: 1;
		pointer-events: all;
		right: 18px;
		top: 13px;
		display: inline-block;
		z-index: 2;
		cursor: pointer;
	}
}


/* Nav header */
/**************/

#header .logo-img-holder {
	padding-top: 5px;
}

#header .slimmenu li > ul {
	left: unset;
	right: 0;
}

#header {
	padding: 0 !important;
}

#header .responsive-user-widget {
	/*margin-right: -14px;*/
	padding-top: 10px;
}

.responsive-user-widget a img {
	width: 32px;
	height: 32px;
}

#header ul.slimmenu li:first-child a {
	padding-bottom: 9px !important;
}

#main-menu li.menu-item a:hover {
	color: #F06726 !important;
}


#main-menu > li a {
	position: relative;
}


.top-level-nav-old {
	line-height: 18px;
	padding: 17px 25px 17px 12px !important;
}

#header {
	height: 50px !important;
}

@media(max-width: 1280px) {

	#header .responsive-user-widget {
		margin-right: -13px;
	}

}

@media(max-width: 1023px) {
	#main-menu > li:nth-child(2) {
		margin-left: 0;
	}
}

@media(max-width: 800px) {
	#main-menu > li a:after {
		display: block;
	}
}

/* Desktop-specific styles. */
@media all and (min-width: 801px) {
	#header a.active-tab {
		text-decoration: underline;
	}

	#header ul.slimmenu .dropdown-menu {
		background-color: #ffffff;
		color: #404040;
		width: fit-content;
		min-width: 160px;
		padding: 5px 0;
		margin: 0;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-top: none;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}
	#header ul.slimmenu .dropdown-menu a {
		color: #404040;
		font-weight: normal;
	}
	#header ul.slimmenu li {
		border: none;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.dropdown-menu > li > a {
		/*Applies to the top-level links in the header*/
		padding: 14px 15px 12px 14px;
	}
	#main-menu .menu-item {
		clear: both;
	}
	#main-menu .menu-item a {
		/*Applies to the links in the header dropdown menus*/
		padding: 5px 25px 9px 12px;
	}
	#header ul.slimmenu a {
		/*Applies to all header links*/
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 500;
	}

	#header .menu-item {
		display: block;
		float: none;
	}

	#header ul.slimmenu .dropdown-menu .menu-item {
		background: transparent;
	}
	#header ul.slimmenu .sub-toggle {
		display: none;
	}
	#main-menu {
		background: none !important;
	}
	#header-inner {
		margin-right: auto;
		margin-left: auto;
	}
	#header .responsive-user-widget {
		float: right;
	}
	#header .user-menu-head {
		padding: 0 !important;
		/*padding-top: 0 !important;*/
	}
	#header .user-menu-head .user-email {
		display: none;
	}
	#header .responsive-user-widget .dropdown-menu .user-email {
		display: list-item;
		padding: 14px 30px 14px 20px;
	}
	#header .responsive-user-widget .dropdown-menu .top-border:nth-child(n+2) {
		border-top: 1px solid #969696;
	}
	#header .responsive-user-widget .dropdown-menu .bottom-border {
		border-bottom: 1px solid #969696;
	}
}

#footer .container {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	color: #ccc;
}

#footer-bottom{
	background-color: #4c4c4c;
	font-size: 13px;
	line-height: 1.5;
	color: #cbcbcb;
	margin: 40px 0 0 0;
}

#footer-bottom .container {
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	*zoom: 1;
}

#footer-bottom .corporate {
	color: #999;
	font-size: 11px;
	margin: 0px;
	padding-top: 19px;
}

#footer-bottom .corporate .corporate-links-left {
	float: left;
	font-weight: 300;
}

#footer-bottom .corporate .copyright{
	clear: both;
	padding: 19px 0px;
}
span.ga.id96_sitemap_corporate {
	line-height: 2em;
}


#footer-bottom .container:after {
	clear: both;
}
#footer-bottom .container:before, #footer-bottom .container:after {
	display: table;
	content: "";
	line-height: 0;
}

footer#footer-bottom a.id96_sitemap_corporate, .id96_sitemap_corporate span.lnk {
	color: #999;
	font-size: 13px;
	text-decoration: none;
	padding-right: 5px;
	font-weight: 400;
}

/* UserVoice */
.uv-popover-content {
	max-width: 85vw;
}

#carfax-snapshot-iseecars .carfax-snapshot .carfax-logo {
	background-position-x: 10px;
}
