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

a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after, header #logo img {
    -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;
}

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

.columns.collapse { padding: 0px; }
em { font-size: 12px; }
.inven .row.row { margin: 0px auto; }

/* =============================================================================
   Hosted Inventory Resets                                                               
============================================================================= */
h3#listings-title {
    display: none;
}
.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 {
	font-family: font-family: 'Open Sans', sans-serif !important;
}
.attachment-search .search-checkboxes label .row { margin: 0px; }
.hosted-content .pagination .next, .hosted-content .pagination .prev { width: auto; }
.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; }

.listing-boxed-image a:hover img { opacity: .75; }

.listings-wrapper .hosted-theme .btn, .listings-wrapper .hosted-theme .btn:visited, .hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {
	background: #cc1d25 !important;
	color: #fff;
	border-radius: 3px;
	text-transform: uppercase;	
	position: relative;
	font-family: font-family: 'Open Sans', sans-serif !important;
	padding: 1.35em 1.25em !important;
	line-height: 0 !important;
}
.listings-wrapper .hosted-theme .btn:hover, .listings-wrapper .hosted-theme .btn:focus, .hosted-content .btn:hover, .hosted-content .button:hover {
	background: #f4f4f4 !important;
	color: #cc1d25 !important;
	border-color: transparent !important;
}
.listings-wrapper .hosted-theme .btn:hover:after, .hosted-content input[type='submit']:hover:after, .hosted-content button[type='submit']:hover:after, .hosted-content .btn::after, .hosted-content .button:hover:after { opacity: 1; }
.hosted-content .listings-wrapper .listings-list .category-banner h3 {
    font-size: 2em;
    line-height: 2.5em;
    font-weight: 600;
}
.cf.border-bottom.m-bottom-10 h1 { color: #000; }
/* =============================================================================
   Typeography                                                              
============================================================================= */
body { font-family: 'Open Sans', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', sans-serif; }

h1 {
	font-weight: 300;
	color: #fff;
}
h2 { color: #cc1d25; font-weight: 800; }
h3 { font-weight: 300; }
h4,h5 { color: #cc1d25; font-weight: 600; }


a.button, button, .button, a.button:visited, button:visited, button:visited, input.button, input.button:visited {
	background: #cc1d25;
	color: #fff;
	text-transform: uppercase;
	text-align:left;
	font-weight: 700;
	margin: 15px 0;
	position:relative;
}
a.button:hover, button:hover, .button:hover, a.button:focus, button:focus, button:focus {
	background: #F4F4F4;
	color: #cc1d25;
	opacity: 1;
	padding-right: 50px;
}
input.button:hover, input.button:focus { padding-right: 1em; }
a.button::after, button::after, .button::after, input.button::after, input[type=button]::after, input[type=submit]::after {
	content: ' ';
	background: url(../siteart/right.png) no-repeat center center;
	background-size: 20px;
	width: 20px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 0;
	opacity: 0;
	height: 100%;
	-webkit-transition:all .75s ease;
    -moz-transition:all .75s ease;
    -ms-transition:all .75s ease;
    -o-transition:all .75s ease;
    transition:all .75s ease;
}
a.button:hover:after, button:hover:after, .button:hover:after, a.button:focus:after, button:focus:after, .button:focus:after, input.button:hover:after, input.button:focus:after {
	opacity: 1;
	right: 15px;
}
a, a:visited {
	color: #cc1d25;
}
a:hover, a:focus {
	color: #3d3d3b;
	opacity: .75;
}
/* =============================================================================
   Header                                                              
============================================================================= */
header {
	display: table !important;
	width: 100%;
	padding: 0px 50px;
	background: #fff;	
	z-index: 99999;
	position:fixed;
	box-sizing: border-box;
}
header #logo img { 
	width: 75px; 
	position: relative;
	top: 5px;
	float: left;
}
header h4 {
	position: relative;
    top: 5px;
    left: 15px;
    font-weight: 800;
}
header.onPageScroll {
	position: fixed;	
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
header.onPageScroll h4 { display: none; }
header.onPageScroll #logo img {
	width: 50px;
	top: 3px;
}
header.onPageScroll #menu-main li a {
	padding: 1.5em 1.25em;
}
/* Menu Main */
.menu-main-container ul {
	margin: 0;
	padding:0;
	list-style: none;
	text-align:right;
}
#menu-main a {
	display:block; 
	color: #000; 
	padding: 2.75em 1.25em 2.75em 1.25em;
	margin-right: -5px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	position: relative;
	border-left: 1px solid rgba(0,0,0,0.1);
	text-align:center;
	font-weight: 600;
}
#menu-main li:last-child a { border-right: 1px solid rgba(0,0,0,0.1); }
#menu-main li {
	position: relative;
}
#menu-main > li { 
	display: inline-block; 
} 
#menu-main > li > a { 
	font-family: 'Open Sans', sans-serif;
}
#menu-main li a:hover {
	color: rgba(255,255,255,1);
	background: #cc1d25;
	opacity: 1;
}
#menu-main li a.active {
	color: rgba(255,255,255,1);
	background: #cc1d25;
	opacity: 1;
}
#menu-main > li:hover, 
#menu-main > li:hover > a { 

}
.menu-main-container button.mobile_btn {
	display: none;
}
/* Sub-Menu */
#menu-main ul {
	position: absolute;
	white-space: nowrap;
	z-index: 1;
	left: -99999em;
	background: rgba(255,255,255, .85);
	text-align: left;
}
#menu-main ul li a:hover {
	color: #333;
}
#menu-main > li:hover > ul {
	left: auto;
	min-width: 100%;
}
#menu-main > li li:hover > ul { 
	left: 100%;
	margin-left: 1px;
	top: -1px;
}

/* Dropdown Arrow */
/*#menu-main li > a:after {
    color: #666;
    content: url(../siteart/down.png);
    position: absolute;
    top: -2px;
    padding-left: 3px;
}

#menu-main li > a:hover:after {
    color: #666;
    content: url(../siteart/down.png);
}

#menu-main li > a:only-child:after {
    content: '';
}*/

  	/* Mobile Menu */
	.off-canvas {
		background: #888;
		height: 100%;
		min-height: 100vh;
		display: none;
	}
	.off-canvas header {
		background: transparent;
		padding: 0px;
		position: relative;		
	}
	.off-canvas h2 {
		color: #fff;
		text-align:center;
		font-size: 2em;		
	}
	.mobile.button {
		display: none;
	}
	.off-canvas-wrapper {
		overflow: visible;
	}
	.mobile-nav {
		width: 100%;
		position: relative;
		height: auto;
	}
	.mobile-nav #mobile-menu-main {
		border-top: 1px solid #333;
		margin: 0px;
	}
	.mobile-nav #mobile-menu-main li {
		width: 100%;
		position: relative;
	}
	.mobile-nav #mobile-menu-main li a:hover {
		background: #666;
	}
	.mobile-nav #mobile-menu-main a {
		width: 100%;
		color: #fff;
		display: block;
		text-decoration: none;
		padding: 10px 5%;
		height: 45px;
		position: relative;
		border-bottom: 1px solid #333;
		font-size: 14px;
		box-sizing: border-box;
	}

	/* Sub-Menu */
	.mobile-nav #mobile-menu-main ul {
		position: relative;
		white-space: nowrap;
		z-index: initial;
		left: 0;
		background: transparent;
		text-align: left;
	}
	.mobile-nav ul.sub-menu li ul.sub-menu {
		margin: 0px;
		display: none;
	}
	.mobile-nav ul li a:hover {
		color: #fff !important;
	}
	.mobile-nav #mobile-menu-main > li li:hover > ul {
		left: 0px;
	}
	.mobile-nav #mobile-menu-main > li:hover, #mobile-menu-main > li:hover > a {
		border-color: #333;
	}
	.mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu li a {
		padding: 10px 15%;
	}
	.mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu > li > ul.sub-menu li a {
		padding: 10px 20%;
	}
	.mobile-nav #mobile-menu-main > li > .sub-menu {
		display: none;
		margin: 0px;
	}
	.mobile-nav #mobile-menu-main > li > .sub-menu li a {
		padding: 10px 10%;
	}

	/* Mobile Btn */
	.mobile-nav li button.mobile_btn {
		height: 45px;
		width: 50px;
		position: absolute;
		top: 0;
		right: 0;
		background: #333;
		background-size: 10px;
	}
	button.mobile_btn::after {
		content: ' ';
		position: absolute;
		top: 0;
		background: url(../siteart/mobile_arrow.png) no-repeat center center;
		background-size: 10px;
		width: 100%;
		height: 100%;
		right: 0;
	}
	.mobile-nav li button.mobile_btn.active::after {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

/* =============================================================================
   Body                                                              
============================================================================= */
	
	/* Slider */
	#slider {
		background: url(../siteart/InterstateTrailerAerialPic.JPG) no-repeat 0% 62%;
		background-size: cover;
		width: 100%;
		height: 550px;
		position: relative;
		bottom: 0;
	}
	.interior #slider {
		background: url(../siteart/InterstateTrailerAerialPic2.JPG) no-repeat 0% 50%;
		background-size: 100%;
	}
	
	.interior #slider { height: 300px; }
	
	/* Title */
	#title {
		width: 100%;
		display: table;
		padding: 15px 0;
		text-align:center;
		background: #3d3d3d;
		border-top: 5px solid #cc1d25;
		text-transform:uppercase;
		box-sizing: border-box;
	}
	#title h1 { font-size: 2em; }
	.interior #title::before { 
		content: ' ';
		background: #fff;
		width: 100%;
		position: relative;
		height: 70px;
		display: block;
		border-bottom: 5px solid #cc1d25;
	}
	.interior #title h1 { padding: 15px 0 0 0; }

	/* Main Container */
	#main-container {
		padding: 35px 0;
		display: table;
		width: 100%;	
	}
	#title2 {
		padding-bottom: 35px;
	}
	
	/* Scroll Bar */
	#scrollBar {
		border-top: 5px solid #cc1d25;
		width: 100%;
		overflow: hidden;
		height: 91px;	
	}
	
	/*  SCROLLING INVENTORY
------------------------------------------------*/
	.scrolling-wrap {
		border-top: 5px solid #cc1d25;
		background:#4c5870;
		width:100%;
		height:90px;
		overflow:hidden;
	}
	 
	.scrolling{
		width:100%;
		height:92px;
		max-width:68rem;
		margin:0 auto;
		display:block;
	}

	
	/* We buy trailers */
	ul.parts, ul.credit {
		list-style: none;
		margin: 0px;
	}
	ul.parts li {
		list-style: none;
	}
	ul.credit li { display: inline-block; }
	.creditapp h5 {
		line-height: 1;
		margin: 0;
	}
	.creditapp { position: relative; }
	.creditapp::after {
		border-right: 2px solid rgba(0,0,0,0.1);
		content: ' ';
		position: absolute;
		right: 20px;
		display: block;
		height: 100%;
	}

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

footer {
	background: #3d3d3b;
	color: #fff;
	padding: 25px 0;
	width: 100%;
	display: table;
	position:relative;
}
footer p { font-size: 14px; margin-bottom: .25rem; }
footer a, footer a:visited { color: #fff; }
footer a:hover, footer a:focus { color: #fff; }
.copyright {
	color: #ccc;
}
a.largemap {
	position: absolute;
    background: rgba(255,255,255,.95);
    z-index: 99999999;
    color: blue !important;
    padding: 8px 15px;
    font-size: 10px;
    font-weight: 600;
	top: 15px;
	left: 15px;
}
.map { position: relative; height: 100%; width: 100%; display: table; }
#map { height: 350px }
#main-container a.largemap {
    top: 10px;
    left: 125px;
}
footer #map { height: 150px }

/* =============================================================================
   Mobile                                                              
============================================================================= */
@media only screen and (max-height: 750px) {
	#slider { height: 350px;}
	.interior #slider { height: 250px; }
}
@media only screen and (max-width: 1400px) {
	header h4 { top: 5px; }
	header {
		padding: 0px 10px;
	}
}



@media only screen and (max-width: 1300px) {
		#menu-main a {
		padding: 2.75em 1em;
		font-size: 11px;
	}
	header h4 { font-size: 1.25em; }
	#title {
		padding: 8px 0;
	}
	header #logo img {
		width: 70px;
	}
}
@media only screen and (max-width: 1130px) {
	header { padding: 0; }
	header h4 { display: none; }
	#menu-main a {
		padding: 2.75em 4px;
		font-size: 10px;
	}
	header #logo img {
		width: 65px;
	}
	#title {
		padding: 1px 0;
	}
	header.onPageScroll #menu-main li a { padding: 1.5em 1em; }
	header.onPageScroll #logo img { top: 0; }
}
@media only screen and (max-width: 900px) {

	.off-canvas {
		display: block;
	}
	.mobile.button {
		display: block;
		background: url(../siteart/mobile.png) center center no-repeat;
		background-size: contain;
		height: 45px;
		width: 45px;
		position:absolute;
		color: transparent !important;
		top: 0%;
		right: 75px;
	}
	header.onPageScroll .mobile.button { top: -10px; }
	.mobile.button::after { content: ' '; display: none; }
	.mobile.button:hover, .mobile.button:focus { padding: 0px; opacity: .75; }
	.menu-main-container {
		display: none;
	}
	header { padding: 5px 15px; }
	header #logo img { top: 0; }
	#slider, .interior #slider { height: 250px;}
}
@media only screen and (max-width: 600px) {
	#slider {background-size: 600px; }
}