@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');

/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	overflow-x:hidden;
	font-family:"Myriad Pro", "Calibri"!important;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--header--*/

.headerlogo img {margin-top: 5%;}

.header-container {
    width: 100%;
}

.headerlogo {
    padding-left: 5%;
    position: absolute;
    z-index: 400;
}

.top-bar {
	padding: 1% 5%;
    margin: 0 auto;
    text-align: right;
    background-color: #f7b304;
}

.top-bar a {
    color: #242424;
    font-size: 15px;
}
	
.top-bar a:hover {
	color:#a70a00;
}

.top-bar a:visited {
	color:#a70a00;
}

/*---BODY--------------------------------*/

body {
	font-family: "Myriad Pro", "Calibri"!important;
	line-height:20px;
	background:#b7b1a4;
	color:#242424;
}

/*  hero trucks
------------------------------------------------*/

#mid {
	background:#d8d1c3 url('../siteart/mid-bg.jpg') top center no-repeat;
    width: 100%;
}

.hero {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*justify-content: center; REMOVING FOR IE*/
    align-items: center;
    align-content: center;
    width: 90%;
    margin: 0 5%;
    padding-top: 5%;
}

.left, .right {
	display: inline-block;
    width: 45%;
    margin: 0 auto;
}

.left img {width:100%;}

.right img {width:100%;}

/*  copy
------------------------------------------------*/

.intro {
	color: #000;
    text-align: center;
    padding: 5%;
}

/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/*  contact page
------------------------------------------------*/

.contact-container {
	width:100%;
	margin:0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: baseline;
	align-content: stretch;
}

.left-side {
	display:inline-block;
	width:60%;
	color:#000;
	padding:4%;
}

.right-side {
	display:inline-block;
	width:40%;
	text-align:left;
	color:#000;
	padding:4%;
}

.left-side h1 {padding:3% 0;}

/*--------TEXT FORMATTING--------*/


a:link, a:visited {color:#242424; text-decoration:none;}
a:hover, a:active {color:#f7b304; text-decoration:none;}


h1,h2,h3,h4,h5{line-height:normal;}
.xl-heading{font-size:30px; margin-bottom:10px;}
.lg-heading{font-size:21px;}
.md-heading{font-size:18px; margin:0px 0px 3px;}
.sm-heading{font-size:16px;}
.xs-heading{font-size:14px; font-style:italic;}


.logo-container {
    background-color: #fff;
    padding: 3%;
    margin: 0 auto;
	text-align:center;
}

.our-brands{display: inline-block;margin:3%;}

/*--------FORM STYLES--------------------*/


/*-------- FOOTER STYLES ----------------*/

footer {padding:3%;background-color:#A70A00!important;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:none; font-family:"Myriad Pro", "Calibri", sans-serif;font-size:13px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:"Myriad Pro", "Calibri", sans-serif;font-size:13px;}

.footertext{font-family:"Myriad Pro", "Calibri", sans-serif;font-size:13px; color:#fff;}

.smallfootertext{font-family:"Myriad Pro", "Calibri", sans-serif;font-size:10px; color:#fff;}

.divfooter {width:75%; text-align:center; margin:0 auto;}



/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

body {font-family:"Myriad Pro", "Calibri", sans-serif;}


.body-wrapper {margin-top:3%;}

.list-title-text, .bold {color:#000;}

.list-content .list-title .list-listings-count {color:#000!important;}

.list-content .list-main-section {background-color: #000;}

.faceted-search-content-container {background-color: #000;}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color:#A70A00!important;}

.view-listing-details-link {background-color:#f7b304!important; color:#000!important;}

.fa-arrow-left, .detail-content .search-results, .dealer-company-header {color:#000!important;}

.detail-price {color:#A70A00!important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn  {background-color:#f7b304!important;color:#242424!important;}

.detail-content .detail-additional-data .data-row .data-label {background-color:#a70a00!important;}

#contact-info {color: white!important;  margin-top: 5%;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .detail-content .dealer-info .phone-and-email .send-email-btn {color: #a70a00!important;border: 1px solid #a70a00!important;}

.modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder input {background-color:#f7b304; color:#242424;}

.faceted-search-content .selected-facets-container .selected-facet {background:#a70a00!important;}


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width:1000px){
	.list-content .list-listing-mobile .price-container .price {color:#A70A00!important;}

	.view-listing-details-link {background-color:#f7b304!important; color:#000!important;}
	
	.list-content .list-title {text-align:center;}

	.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text {border:1px solid #a70a00!important; color:#a70a00!important;}
	
	.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .faceted-search-content .mobile-done-button-container .mobile-done-button {background-color:#f7b304!important;color:#242424!important;}

	.detail-content-mobile .detail-additional-data .data-row .data-label {background-color:#a70a00!important;}
	
	.detail-content-mobile .share-listing {color:#000!important;}
	
	.detail-content-mobile .detail-contact-bar .contact-bar-btn, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {background-color:#f7b304!important;color:#242424!important;}

}


@media only screen and (max-width: 800px) {
	.headerlogo img {margin-top: 0; width:50%;}
	
	.headerlogo {padding: 1%; position: relative; text-align: center; background-color:#fff;}
	
	.top-bar {text-align: center;}
	
	.contact-container {display:block; width:100%;}
	
	.left-side, .right-side {text-align:center; width:90%;}
}

@media only screen and (min-width:768px) and (max-width: 1130px) {
	
}

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