@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&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 {
font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5 {font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px;}
p {font-family: 'Roboto', sans-serif; font-size: 16px;line-height: 25px; letter-spacing: .5px;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#CC0000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.header {background: #f1f1f1;}
.header-wrap {width: 90%; margin: 0 auto;display:flex; align-items:center; justify-content:space-between}
.logo {width: 60%; display: flex; align-items: center; gap:45px; padding: 25px 0;}
.logo img {width: auto;max-width:350px; height:auto;}
.header-logos {width: 40%; display:flex; justify-content:flex-end; align-items: center;}
.header-logos img {max-width: 100px;vertical-align: middle; display: inline-block; padding:  0 15px; width: 70%;}
.manu-slider img {width: 100%;}
/*---BODY--------------------------------*/
#l-pad {padding: 20px 0;}
.hp-bg {background: url(/siteart/truck-bg-img.jpg) no-repeat; background-position: center center;background-color: #000;}
.width-60 {width: 60%; margin: 0 auto;}
.width-80 {width: 80%; margin: 0 auto;}
.width {width: 80%; margin: 0 auto;}
.welc-sect  {padding: 35px 0; color:#fff;}
.welc-sect h1 {text-align: center; padding: 10px 0;}
.welc-sect h3 {padding-top:15px; padding-bottom: 10px;}
.loc-sect {background: rgba(34,50,61,.20); padding: 35px 0;background: #f1f1f1;color:#000;}
.loc-sect h2 {text-align: center; padding: 10px 0; color:#000;}
.loc-row {display: flex; flex-direction: row; }
.loc-col {width: 20%; color:#000; text-align: center; padding: 10px 15px;}
.finance_btn {font-family: 'Roboto Condensed', sans-serif;letter-spacing: 1px;font-size: 1.5em;font-weight: bold;text-align:center;margin-top:10px;background-color:#CC0000;color:#fff;padding: 5px 15px!important;display: block;width:fit-content;margin: 10px auto;}
.finance_btn:hover {color: #CC0000;background-color:#000;}
p.column-count {column-count: 2; column-gap: 15px;font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 25px; letter-spacing: .5px; }
.loc-bg{background:rgba(34,50,61,.80)!important }
.loc-left {display: inline-block; width: 55%; vertical-align: top; margin-right: 5%;}
.loc-left h1 {text-align: left;}
.loc-left h2 {color:#92BBC8; text-transform: uppercase;}
.loc-right {width: 35%; display: inline-block; vertical-align: top;}
.loc-right img {width: 100%;}
.loc-right p strong {text-transform: uppercase; letter-spacing: 1px !important;}
.loc-right p a {color:#ddd; transition: .3s ease;}
.loc-right p a:hover {color:#fff;}
.loc-right hr {border:1px solid #92BBC8 }
/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
/* SCROLLING INVENTORY */

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	background: #000; 
	padding: 20px 0;
	margin: 0 auto;
}
 
.scrolling{
    width:80%;
    height:92px;
	margin: 0 auto;
	margin-left: 10%;
}
footer{background: #CC0000; padding: 20px 0;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#ddd;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#000;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#ddd;}

.divfooter {max-width:450px; width: 100%; text-align:center; margin:0 auto;}






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


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .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:#CC0000 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-family:'Roboto Condensed' !important;font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #CC0000 !important;text-transform: uppercase; letter-spacing: 1px;font-family:'Roboto Condensed' !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}






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


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

	.header-logos img {padding: 3px 5px;}
	
	.hp-bg {background:rgba(34,50,61,.80) }
	
}
@media only screen and (max-width: 1050px) {
	.width-60 {width: 90%;}
	.width-80 {width: 90%;}
	.loc-row {display: block;}
	.loc-col {width: 28.8%; display: inline-block; vertical-align: top;}
	.loc-left {width: 100%; display: block;}
	.loc-right {width: 100%; display: block; padding:20px 0;}
	
}

@media only screen and (max-width: 1095px) {
	.header-wrap {text-align: center;}
	.logo {width: 100%; text-align: left; max-width: 600px; margin: 0 auto;}
	.logo img {width: 100%; margin: 0 auto;}
	.header-logos {display: none;}
	.loc-col {width: 27.5%;}
	p.column-count {column-count: 1; column-gap: 15px;}

}


@media only screen and (max-width: 767px) {
	.loc-col {width: 47%; padding: 10px 0;}
	.width {width: 99%;}
	.loc-col p {font-size: 15px;}
}

@media only screen and (max-width: 660px) {
  .logo {
    flex-direction: column;      
    align-items: center;     
    text-align: center;    
    gap: 10px;               
  }

  .logo-text {
    margin: 0;
	padding-top: 5px;
    text-align: center;      
  }
  
  .logo-text br {
    display: none;
  }
}

@media only screen and (max-width: 400px) {
.logo-text {
    font-size: 20px;     
  }
}