@charset "utf-8";
/* CSS Document */

a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after, .topBar a::before, .cta a .overlay, .cta a p::after, a img, header, header.onPageScroll, .reveal, #menu-main li > a:after, .accordionHeader {
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;
}
* { outline: none; }
body { overflow-x:hidden; }

::-webkit-scrollbar-track, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
::-webkit-scrollbar-track {	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.25); }

/* =============================================================================
   Foundation Resets                                                               
============================================================================= */

.row { max-width: 72rem; }
.hidden { display:none; }
.columns.collapse { padding: 0; }
img.thumbnail { width: 300px; }
img.float-left { margin: 10px 10px 10px 0; }
.inven select { width: auto; }
hr { max-width: 100%; }

/* =============================================================================
   Hosted Inventory Resets                                                               
============================================================================= */
.hosted-content #main-search .form-row { margin: 0px; }
.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .hosted-content .listings-wrapper, .hosted-content .listings-detail-wrapper, .hosted-content .listings-drilldown-wrapper, .hosted-content label, .hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .hosted-content input[type=button], .hosted-content input[type=color], .hosted-content input[type=date], .hosted-content input[type=datetime], .hosted-content input[type=datetime-local], .hosted-content input[type=email], .hosted-content input[type=file], .hosted-content input[type=hidden], .hosted-content input[type=image], .hosted-content input[type=month], .hosted-content input[type=number], .hosted-content input[type=password], .hosted-content input[type=range], .hosted-content input[type=reset], .hosted-content input[type=search], .hosted-content input[type=submit], .hosted-content input[type=tel], .hosted-content input[type=text], .hosted-content input[type=time], .hosted-content input[type=url], .hosted-content input[type=week], .hosted-content select, .hosted-content textarea, .hosted-content .listings-wrapper .listings-list .category-banner h3, .hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {
	font-family: 'Montserrat', sans-serif !important;
	line-height: 1.35 !important;
}
.hosted-content textarea, .hosted-content .listings-wrapper .listings-list .category-banner h3 { font-size: 1.75em; font-weight: 600; }
.listings-wrapper .listing-smallcard .listing-smallcard-image a:hover { opacity: .65; }
.hosted-content .listings-wrapper .listings-list .listing-banner h2 { font-size: 2em; }
.hosted-content .pagination>span { margin: 0 5px !important; }
.pagination .drop-down-form select { width: auto; padding: 0 1.5em 0 0.5em !important; }
.hosted-content .pagination .next, .hosted-content .pagination .prev { width: auto; }
.hosted-content .pagination>span { margin: 0px 5px !important; }
iframe.financial-calc { width: 100%; height: 450px; }
.listing-details h5 { line-height: 1.25; font-style:normal; font-weight: 600; }
.listing-details h5 a { line-height: 1.25; }
.hosted-content h3 { font-size: 1.75em; }
.listings-detail-wrapper h1 { font-size: 2.5em; }
.hosted-content .listings-wrapper .currency-box { text-align: left !important; top: 8px; }
.listings-wrapper .listing-smallcard .listing-smallcard-title { min-height: auto; }
.inven #wide_col { float: left; }
.hosted-content .columns.small-12 {
    width: 25%;
    float: left;
    padding: 0;
}
.attachment-search { width: 100% !important; }
form#main-search-form, .hosted-content .column12, .hosted-content #main-search label { font-size: 12px; }
.hosted-content #main-search input, .hosted-content #main-search select { margin: 0 0 8px !important; }
.hosted-content .pagination .next, .hosted-content .pagination .prev { line-height: 2.25 !important; }

.hosted-content .listings-wrapper .flex>div, .hosted-content .listings-detail-wrapper .flex>div { float: left; width: 50%; }
body .full .has-quote-forms .quote-forms { width: 100%; }
body .full .has-quote-forms #listing-top-information, body .full .has-quote-forms #listing-bottom-information { width: 100%; }

@media only screen and (min-width: 800px) {
	.listings-wrapper .hosted-theme .btn { font-size: 12px; padding: .5rem 1.8rem !important; width: auto; }
	.listings-wrapper .listing-boxed .listing-boxed-details { width: 55%; padding: 0 10px 0 10px; }
	.listings-wrapper .listing-boxed .listing-boxed-pricing { width: 25%; padding: 0 15px 0 0; }
	.listings-wrapper .listing-boxed .listing-border { padding: 10px; }
}
/* =============================================================================
   Typeography                                                              
============================================================================= */
body,p,a,field,input,select,option,h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; line-height: 1.25; }
h1,h2,h3,h4,h5,h6 { line-height: 1.15; }

h1 { font-weight: 700; color: #c62127; }
h2 { font-weight: 200; }

h6 { font-weight: 300; color: #888; }

p, ul { font-size: 13px; color: #222; line-height: 1.4em; }

a.button, button, .button, a.button:visited, button:visited, .button:visited {
	background: #c62127;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid #c62127;
	font-size: 12px;
}
a.button:hover, button:hover, .button:hover, a.button:focus, button:focus, .button:focus {
	color: #c62127;
	background: transparent;
}
a.button.white-h:hover, button.white-h:hover, .button.white-h:hover, a.button.white-h:focus, button.white-h:focus, .button.white-h:focus {
	color: #c62127;
	background: #fff;
	border-color: #fff;
}

a, a:visited { color: #c62127; font-weight: 500; }
a:hover, a:focus { color: #666; }

.red {
	color: #c62127;
	font-weight: 700;
}

/* =============================================================================
   Header                                                              
============================================================================= */
.head { height: 84px; }
header {
	display: table;
	width: 100%;
	padding: 0 25px;
	border-bottom: 1px solid #eee;
	top: -115px;
}
header img { width: 125px; }

header.onPageScroll {
	position: fixed;
	z-index: 999999999;
	top: 0;
	background: #fff;
}
header.onPageScroll #menu-main::before, header.onPageScroll .topBar { display: none; }
header.onPageScroll img { width: 75px; }
header.onPageScroll .menu-main-container { position: relative; top: 10px; }

.topBar {
	width: 100%;
	text-align:right;
	display:table;
	font-size: 12px;
	margin: 10px 0;
	font-weight: 300;
}
.topBar ul { 
	margin: 0px; 
	list-style:none; 
	width: 100%;
}
.topBar ul li { display: inline-block; }
.topBar a, .topBar a:visited { 
	color: #222; 
	padding: 0 1.75em;
	position:relative;
}
.topBar a:hover, .topBar a:focus { color: #c62127; }
.topBar a::before {
    content: ' ';
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: -8px;
    top: -5px;
}
.topBar li:first-child a::before { background: url(../siteart/phone.png) no-repeat 50% 50% / cover; }
.topBar li:nth-child(2) a::before { background: url(../siteart/email.png) no-repeat 50% 50% / cover; }
.topBar li:last-child a::before { background: url(../siteart/credit.png) no-repeat 50% 50% / cover; }

.topBar a:hover:before { filter: grayscale(100%); }

/* Fixes Parallax in IE */
@media screen\0 {
	html{
		overflow: hidden;
		height: 100%;    
	}
	body{
		overflow: auto;
		height: 100%;
	} 
	header {
		position: fixed;
		z-index: 999999999;
		top: 0;
		background: #fff;
		height: 84px;
	}
}

/***** Menu Main *****/
.menu-main-container ul, .mobile-nav ul {
	margin: 0;
	padding:0;
	list-style: none;
}
.menu-main-container {
	width: 100%;
	display: table;
}
#menu-main { text-align:right; }
#menu-main::before {
	content: ' ';
	border-top: 2px solid #c62127;
	display: block;
	width: 70%;
	margin: 0 0 5px auto;
}
#menu-main a {
	display:block; 
	color: #c62127; 
	padding: 0.5em 1em;
	font-size: 13px;
	letter-spacing: .5px;
	font-weight: 800;
	position: relative;
	border-radius: 5px;
	text-transform: uppercase;
}
#menu-main a:hover, #menu-main a.active {
	background: #c62127;
	color: #fff;
}
#menu-main li {
	position: relative;
	display: inline-block;
}

/***** Main Sub-Menu *****/
#menu-main ul {
	position: absolute;
	white-space: nowrap;
	z-index: 999999999;
	left: -99999em;
	background: rgba(255,255,255, 1);
	text-align: left;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,.05);
	border-top: 2px solid #c62127;
	margin-top: 10px;
}
#menu-main li ul li a { 
	border-radius: 0; 
	letter-spacing: 0;
	font-weight: 400;
	color: #666;
}
#menu-main li ul li a:hover, #menu-main li ul li a.active {
	background: #eee;
	color: #c62127;
}
#menu-main li ul li { display:block; padding: 0 !important; }
#menu-main > li:hover > ul {
	left: auto;
	min-width: 100%;
}
#menu-main > li li:hover > ul { left: 100%; }

/***** Dropdown Arrow *****/
#menu-main li {
	padding-bottom: 10px;
}
#menu-main li > a:after {
	content: ' ';
    background: url(../siteart/down.png) no-repeat 40% 60% / 6px;
    top: 0;
    position: absolute;
    width: 15px;
    height: 100%;
}
#menu-main li > a:hover:after { background: url(../siteart/down-h.png) no-repeat 40% 60% / 6px; }
#menu-main li > a:only-child:after { content: none; }

	/***** Mobile Menu Toggle *****/
	.off-canvas-container { 
		position: relative; 
		min-height: 100vh;	
	}
	.off-canvas-inner {
	    position: relative;
		width: 100%;
		display: block;
		overflow:hidden;
		min-height: 100vh;
	}
	.off_canvas {
		position: relative;
		height: 100vh;
		max-height: 100%;
		background: #21252b;
		position: fixed;
		overflow-x:hidden;
		top: 0;
    	z-index: 1;
	}
	.mobile.button, .off_canvas { display: none; }
	.off_canvas_content.is_open, .off_canvas_content.open_right.is_open {
		filter: blur(3px);
		position:fixed;
		width: 100%;
	}
	.off_canvas_content.is_open { transform: translateX(300px); }
	.off_canvas_content.open_right.is_open { transform: translateX(-300px); }
	.position_left, .position_right {
		width: 300px;
		overflow: scroll;
		overflow-x: hidden;
	}
	.position_left {
		transform: translateX(-300px);
		left: 0	
	}
	.position_right {
		transform: translateX(300px);
		right: 0;	
	}
	.position_left.is_open, .position_right.is_open {
		transform: translateX(0px);
		z-index: 999999;
		-webkit-box-shadow: 2px 0 20px 2px #222;
        box-shadow: 2px 0 20px 2px #222;
	}
	.off_canvas_content, .off_canvas_content.is_open, .position_left, .position_left.is_open, #off_canvas_cover.is_open, #off_canvas_cover, .position_right.is_open, .position_right {
		-webkit-transition: all 0.75s ease;
		-moz-transition: all 0.75s ease;
		-o-transition: all 0.75s ease;
		transition: all 0.75s ease;		
	}
	.off_canvas::-webkit-scrollbar-track, .off_canvas::-webkit-scrollbar, .off_canvas::-webkit-scrollbar-thumb { width: 4px; }
	.off_canvas::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.35); }
		/***** Close Btn *****/
		.close {
			background: url(../siteart/close.png) no-repeat 50% 50% / 20px transparent;
			width: 20px;
			height: 20px;
			position: absolute;
			right: 12px;
			top: 15px;
			display: block;		
			border:none;
		}
		.close:hover {
			cursor:pointer;
			background: url(../siteart/close.png) no-repeat 50% 50% / 20px transparent;
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		#off_canvas_cover, #off_canvas_cover.is_open { transform: rotate(0) !important; }
		#off_canvas_cover {
			visibility:hidden;
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index:-1;
			background: rgba(255,255,255,0);
		}
		#off_canvas_cover.is_open {
			background: rgba(255,255,255,.65);
			visibility:visible;
			z-index:99999;
		}

  	/***** Mobile Menu *****/
	.off_canvas header {
		background: transparent;
		padding: 0px;
		position: relative;
		border:none;		
		top: 0;
	}
	.off_canvas h2 {
		color: #fff;
		text-align:left;
		font-size: 1.5em;
		margin: 10px;		
	}
	.mobile-nav #mobile-menu-main { border-top: 1px solid #333; }
	.mobile-nav #mobile-menu-main li {
		width: 100%;
		position: relative;
	}
	.mobile-nav #mobile-menu-main a {
		width: 100%;
		color: #999;
		min-height: 45px;
		display: block;
		text-decoration: none;
		padding: 10px 0 10px 3%;
		position: relative;
		font-size: 15px;
		border-bottom: 1px solid #30363e;
	}
	.mobile-nav #mobile-menu-main li ul.sub-menu a { border-bottom: 1px solid #282d35 }
	.mobile-nav #mobile-menu-main li a:hover { color: #fff; }

	/***** Mobile Sub-Menu *****/
	.mobile-nav #mobile-menu-main ul {
		position: relative;
		z-index: initial;
		left: 0;
		background: #30363e;
		text-align: left;
		width: 100%;
		padding: 0px;
		display:none;
	}
	.mobile-nav ul li a:hover { color: #fff !important; }
	
	/* 1st & 2nd Dropdown */ .mobile-nav #mobile-menu-main > li li:hover > ul , .mobile-nav #mobile-menu-main > li > .sub-menu li a { left: 0; margin: 0; }
	/* 3rd Dropdown */ .mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu li a { margin: 0 0 0 3%;	}
	/* 4th Dropdown */ .mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu > li > ul.sub-menu li a {	margin: 0 0 0 6%; }
	/* 5th Dropdown */ .mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu li a { margin: 0 0 0 9%; }

	/***** Mobile Dropdown Btn *****/
	.mobile-nav li button.mobile_btn {
		height: 44px;
		width: 50px;
		position: absolute;
		top: 0;
		right: 0;
		background: #40464f;
		border:none;
		border-radius:0;
	}
	.mobile-nav li button.mobile_btn:hover { cursor: pointer }
	.mobile-nav button.mobile_btn::after {
		content: ' ';
		position: absolute;
		top: 0;
		left: 0;
		background: url(../siteart/mobile-arrow.png) no-repeat 50% 50% / 20px;
		width: 100%;
		height: 100%;
	}
	.mobile-nav li button.mobile_btn.active { background: #5d626a; }
	.mobile-nav li button.mobile_btn.active::after {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

/* =============================================================================
   Body                                                              
============================================================================= */

#main-container { 
	display: table;
	width: 100%;
	margin: 50px 0;
}
a:hover img { opacity: .65; }

/***** Slider *****/
#slider {
	overflow:hidden;
	position:relative;
	width: 100%;
	background: #222;
	display: table;
}
#slider h1 {
	line-height: 1.25;
	font-size: 3.5em;
	color: #fff;
	text-shadow: 3px 3px 5px #000;
	font-weight: 700;
}
#slider .orbit-container {
	height: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	height: 55vh !important;
	width: 100%;
	text-align:left;
}
#slider .orbit-slide {
	background-repeat: no-repeat;
	background-size: cover;
	height: 55vh;
	background-position: 50% 50%;
	width: 100%;
	z-index: 9999;
	padding: 0;
}
#slider .orbit-caption {
	display: table;
	height: 100%;
	width: 100%;
	top: 0;
	position:absolute;
	background: rgba(0,0,0,.15);
	padding: 50px;
	z-index: 999999;
}

.orbit-next::after, .orbit-previous::after { display: none; }
.orbit-next, .orbit-previous, .orbit-next:focus, .orbit-previous:focus, .orbit-next:active, .orbit-previous:active { 
	z-index: 999999999; 
	cursor: pointer;
	background: transparent;
	border:none;
}
.orbit-next:hover, .orbit-previous:hover { background: rgba(0,0,0,.5); color: #fff; }
.orbit-next:hover, .orbit-previous:hover, .orbit-next:focus, .orbit-previous:focus { padding: 1rem; }
.orbit-next, .orbit-previous { background: transparent; }

	/* Interior */
	#interior #slider .orbit-container, #interior #slider .orbit-slide { height: 20vh !important; }
	#interior #slider .orbit-caption h1 { display: none; }


/***** Search *****/
.searchBar {
	background: #c62127;
	display: table;
	width: 100%;
	padding: 10px 0;
	position: relative;
}
select:disabled, input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background: #fff; }
select:disabled { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>") }
.searchBar label { color: #fff; font-weight: 700; }
.searchBar .column.column-block { margin-bottom: 0px; }
.searchBar select {
	height: 1.75em;
	font-size: 13px;
	font-weight: 300;
	padding: 0 5px;
	margin: 0;
	background-position: 96% 50%;
	background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 9px 6px;
	border:none;
}
.searchBar input[type=text] {
	height: 1.75em;
	padding: 0 5px;
	font-size: 13px;
	font-weight: 300;
	border:none;
}
.searchBar input.button, .searchBar input.button:visited {
	position:relative;
	color: #c62127;
	font-weight: 700;
	text-transform: uppercase;
	padding: .65em 1.8em;
	margin: 0px auto;
	display: table;
	border-radius: 2px;
	background: #fff;
}
.searchBar input.button:hover, .searchBar input.button:focus {
	background: #545454;
	color: #fff;
	border-color: #545454;
}
.searchBar h5 { margin: 0; }

	/* Inventory */
	.inven .searchBar { background: transparent; color: #222; }
	.inven .searchBar .medium-3 { width: 100%; }
	.inven .searchBar input[type=text], .inven .searchBar select { margin: 0 0 10px; border: 1px solid #E4E4E4; color: #54545e; }
	.inven .searchBar select { background-color: #F7F7F7; width: 100%; }
	.inven .searchBar label { line-height: 1.4; color: #54545e; font-weight: 300; }

/***** CTA *****/
.cta ul { 
	margin: 35px 0; 
	list-style:none; 
	width: 101.4%;
	display: table;
	position: relative;
}
.cta ul li { 
	padding: 0 10px 0;
	margin: 0px; 
}
.cta ul li:first-child { margin-left: -10px; }
.cta ul li:last-child { padding: 0 0 0 10px; }

.cta ul li div:first-child {
	list-style:none;
	position: relative;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	padding: 0;
	height: 145px;
	z-index:999;
}
.cta a span {
	text-align: center;
	display: table-cell; 
	vertical-align:middle;
}
.cta a h2 { 
	color: #fff; 
	font-weight: 200; 
	line-height: 1.25;
	font-size: 2em; 
}
.cta a p {
	color: #444;
	padding: 10px 35px;
	line-height: 1.25;
	text-align: center;
    font-weight: 300;
    font-size: 13px;
	position: relative;
}
.cta a p::after {
	content: ' ';
	width: 25px;
	height: 25px;
	background: url(../siteart/ctaBtn.png) no-repeat 50% 50% / cover;
	display: block;
	margin: 10px auto;
	position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
}
.cta a:hover { opacity: 1; }
.cta a .overlay {
	background: rgba(198,33,39,.55);
	position:absolute;
	top:0;
	bottom: 0;
	display: table;
	width: 100%;
	height: 100%;
}
.cta ul li .cta1 { background-image:url(../siteart/parts.jpg); }
.cta ul li .cta2 { background-image:url(../siteart/trucks.jpg); }
.cta ul li .cta3 { background-image:url(../siteart/equipment.jpg); }
.cta a:hover .overlay { background: rgba(198,33,39,.80);}
.cta a:hover p { color: #999; }
.cta a:hover p::after { filter: grayscale(100%); }

	/* Interior */
	#interior .cta ul li div:first-child { height: 115px; }
	#interior .cta ul li p, #interior .cta ul li p::after { display: none; }
	#interior .cta { margin: 20px 0; }
	
/***** Quote *****/
#quote {
	background: url(../siteart/quote.jpg) no-repeat 50% 50% / cover;
	display: table;
	width: 100%;
	margin: 45px 0 25px;
	background-attachment: fixed;
}
#quote .overlay {
	width: 100%;
	display: table;
	background: rgba(0,0,0,.75);
	padding: 50px 0;
}
#quote h2 { color: #fff; }
#quote .button { 
	position: relative;
	top: 40px;
	margin: 0px auto;
	display: table;
	font-size: 14px;
}
	
	#interior #quote { margin: 0px 0 25px; }
	
.reveal-overlay { 
	z-index: 9999999999;
    background-color: hsla(0,0%,4%,.65); 
}
.reveal {
    background: #f0f0f0;
    border-radius: 4px;
	overflow: visible;
}
.reveal p, .reveal h5 { margin: 5px 0; }
.reveal button.close-button {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f0f0f0;
    color: #c62127;
    font-size: 20px;
    border: 2px solid;
	box-shadow: -1px 1px 5px #000;
}
.reveal button.close-button:hover {
	cursor: pointer;
	color: #fff;
	background: #c62127;
	border-color: #c62127;
}
.reveal.small { width: 38vw; margin-top: 50px; }

	/* Contact Form */
	.reveal ul.contact { width: 80%; margin: 0px auto; display: block; }
	ul.contact { margin: 0; list-style:none; }
	ul.contact input[type=text], ul.contact input[type=number], ul.contact input[type=email], ul.contact input[type=tel], ul.contact textarea {
		height: 2em;
		padding: 0 5px;
		font-size: 14px;
		font-weight: 300;
		border:1px solid #f5f5f5;
		border-bottom:3px solid #c62127;
		box-shadow: none;
	}
	ul.contact textarea { padding: 10px; }
	
/***** Sidebar *****/
.sidebar ul { list-style:none; margin: 0; }
.sidebar ul li { 
	position:relative; 
	padding: 5px 0 5px 25px;
}
.sidebar ul li::before {
	content: ' ';
	background: url(../siteart/mobile-arrow.png) no-repeat 50% 50% / 10px #c62127;
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	left: 0;
	top: 7px;
}

/* Progress Bar */
.progress-bar ol {
	margin: 0;
	list-style:none;
}
div{
    -webkit-animation: fadein 5s linear 1 normal forwards;
}

.progress-bar ol li {
	width: 100%;
	display: table;
	background: #eee;
	position:relative;
	color: #fff;
	font-weight: 600;
	margin: 10px 0;
	overflow:hidden;
	height: 35px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	border-radius: 2px;
	font-size: 14px;
}
@keyframes truck {
    from {width: 0;}
    to {width: 100%;}
}
@keyframes trailer {
    from {width: 0;}
    to {width: 95%;}
}
@keyframes parts {
    from {width: 0;}
    to {width: 90%;}
}
@keyframes customer {
    from {width: 0;}
    to {width: 95%;}
}
.progress-bar ol li span {
	width: 0;
	background: #c62127;
	padding: 5px 10px;
	line-height: 2;
	height: 100%;
	position:absolute;
}
.progress-bar ol li:first-child span {
	-webkit-animation: truck 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: truck 2s;
    animation-fill-mode: forwards;
}
.progress-bar ol li:nth-child(2) span {
	-webkit-animation: trailer 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: trailer 2s;
    animation-fill-mode: forwards;
}
.progress-bar ol li:nth-child(3) span {
	-webkit-animation: parts 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: parts 2s;
    animation-fill-mode: forwards;
}
.progress-bar ol li:last-child span {
	-webkit-animation: customer 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: customer 2s;
    animation-fill-mode: forwards;
}

/* Accordion Box */
.accordionContent { display: table; width: 100%; }
.accordionHeader { 
	display: none; 
	background: url(../siteart/down.png) no-repeat 90% 50% / 15px #eee;
	border-radius: 2px;
	padding: .8em 1.8em;
	margin-bottom: 15px;
}
.accordionHeader:hover {
	cursor: pointer;
	background-color: #ccc;
}

/* To Top */
.toTop, .toTop:visited {
	background: url(../siteart/toTop.png) no-repeat 50% 50% / 35px rgba(0,0,0,.55);
	width: 45px;
	height: 45px;
	border-radius: 5px;
	position:fixed;
	bottom: 45px;
	right: 45px;
	visibility: hidden;
	z-index: 999999999999;
	padding: 0;
	opacity: 0;
}
.toTop:hover, .toTop:focus {
	background: url(../siteart/toTop.png) no-repeat 50% 50% / 35px rgba(0,0,0,.75);
	cursor: pointer;
}
.toTop.show { visibility: visible; opacity: 1; }

/* =============================================================================
   Footer                                                              
============================================================================= */

footer {
	background: #222;
	color: #fff;
	width: 100%;
	display: table;
	padding: 20px 0;
	text-transform: uppercase;
}
footer #title::after { 
	content: ' ';
	width: 65%;
	display: block;
	margin: 5px 0 12px;
	border-bottom: 2px solid #c62127; 
}
footer ul { margin: 0; list-style: none; }
footer ul li { 
	font-size: 12px; 
	font-weight: 600; 
	line-height: 1.5;
	color: #fff;
}
footer strong { display: block; }
footer a, footer a:visited { color: #fff; font-weight: 300; }
footer a:hover, footer a:focus { color: rgba(255,255,255,.5); }

footer ul.sub-menu { display: none; }

.copyright {
	display: table;
	width: 100%;
	color: #999;
	padding: 10px 0;
	font-weight: 300;
	font-size: 10px;
	text-align: center;
}
.copyright a, .copyright a:visited { color: #999; }
.copyright a:hover, .copyright a:focus { color: #222; }

/* =============================================================================
   Mobile                                                              
============================================================================= */

@media only screen and (max-width: 900px) {

	.off_canvas, .mobile.button { display: block; }
	.mobile.button {
		background: url(../siteart/mobile.png) no-repeat 95% 50% / 30px transparent;
		height: 45px;
		width: 95px;
		position:absolute;
		right: 20px;
		color: #222 !important;
		top: 40px;
		border:none;
		text-align: left;
		font-weight: 600;
	}
	header.onPageScroll .mobile.button { top: 0; }
	.menu-main-container, .topBar ul li:last-child { display: none; }
	.topBar { 
		text-align: center; 
		margin: 0;
		padding: 8px 0;
		border-bottom: 1px solid #eee;
	}
	.head { height: 94px; position:relative; }
	header { padding: 0 8px; }
	header img { width: 85px; }
	.medium-10.columns {
		float: none !important;
		width: 100%;		
	}
	
	#slider h1 { font-size: 2em; }
	#slider .orbit-container, #slider .orbit-slide { height: 225px !important; }
	#interior #slider .orbit-container, #interior #slider .orbit-slide { height: 175px !important; }

	.cta a h2 { font-size: 1.5em } 
	
	.reveal button.close-button { top: 5px; right: 5px; }
	.hosted-content .listings-wrapper .flex>div, .hosted-content .listings-detail-wrapper .flex>div { width: 100%; }
	
}

@media only screen and (max-width: 640px) {
	
	.topBar a, .topBar a:visited { padding: 0 1.5em; font-size: 11px; }
	
	.searchBar input[type=text] { margin: 1px 0; }
	.searchBar label { line-height: 1.15 }
	.searchBar .medium-3.small-6.columns { margin: 0 0 5px; }
	
	.reveal.small {
		width: 90vw;
		margin-top: 50px;
		margin: 0px auto;
	}
		
	.cta ul li:first-child { margin: 0; }
	.cta ul { width: 100%; margin: 25px 0 10px; }
	.cta ul li:last-child { padding: 0 10px; }
	.cta a p::after, .cta a h2 br { display: none; }
	.cta a p { padding: 5px; margin: 0 0 10px; }
	.cta ul li div:first-child { height: 95px; }
	.cta a h2 { font-size: 1.5em } 
	#interior .cta ul li { margin: 8px 0; }
	#interior .cta ul li div:first-child { height: 75px; }
	
	#quote { margin: 5px 0; }
	#quote .overlay { padding: 25px 0; text-align: center; }
	#quote .button { top: 0; }
	
	footer .small-6 { margin: 5px 0; }
	
	.searchBar .medium-3.small-6.columns { margin: 0; }
	
	/* Accordion Box */
	.accordionContent, .inven .searchBar h5 { display: none; }
	.accordionHeader h5, .accordionHeader { display: block !important; }
	
	.toTop, .toTop:visited { bottom: 10px; right: 10px; }

}

@media print {
	a[href]:after {	content: none !important; }
}