﻿/***** 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: 'Open Sans', sans-serif;
}

p {font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 1.75;}

h1,h2,h3,h4,h5,h6{font-family: 'Oswald', sans-serif !important;}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}

.top-header {padding: 30px 0;}
.top-header .flex-container {justify-content: space-between}
.logo-center img {max-width: 100%;width: 400px;margin: 0 auto;}
.head-call, .head-location {min-width: 200px;}
.head-call {text-align: right;}
.head-call span,.head-location span {display: block;font-size: 20px;padding-bottom: 4px;font-weight: 600;text-transform: uppercase;font-family: Oswald, sans-serif !important;color:#fff;}
.head-call a, .head-location a {font-size: 16px !important;font-family: "Open Sans", sans-serif !important;line-height: 22px !important;transition: 0.2s ease-in-out;color:#fff;}
.navigation-bar{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;background: #fff;text-align: center;}
/*---BODY--------------------------------*/
.grey-bg {background:#333;}
.wid90{margin:0 auto;width: 90%;}
.site-wid {max-width: 1300px !important;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.center {text-align: center;}
#pad-xl {padding-top: 50px !important;padding-bottom: 50px !important;}
.site-wid h1 {text-transform: uppercase;}
.relative {position:relative;}
.red-bg {background:#7F251A}
/*------SLIDESHOW-------------------*/
.slide {position:relative;margin: 0 2px;}
.slide .blur-overlay {backdrop-filter: blur(8px);background: rgba(255, 255, 255, 0.2);position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;transition:.4s all;}
.slide.slick-active .blur-overlay {display: none;}
.slide img {width: 100%;max-width: 100%;}

.about-slider .slide img {height: 100% !important;width: 100% !important;object-fit: cover !important;max-width: auto !important;}
/*---HOME SEARCH---*/
.search-box {background-color: #333;padding:40px 0;margin: -30px auto 0 auto;width: 100%;max-width: 1200px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;z-index: 9 !important;width: 90% !important;position: relative;box-sizing: border-box;}
.search-box .grid-container {gap: 15px;grid-template-columns: repeat(3, 1fr);width: 90%;margin: 0 auto;}
.search-head {color: #fff;font-family: 'Oswald', sans-serif;font-size: 30px;text-transform: uppercase;text-align: center;margin-bottom: 18px;}
.small-searchhead {color: #fff;font-family: 'Oswald', sans-serif;font-size: 18px;text-transform: uppercase;padding-bottom: 5px;}
.t-search, .c-search, .p-search {background-color: #ab3323;  padding: 20px;width: 100%;box-sizing: border-box;}
.home-search {display: inline-flex !important;align-content: center;align-items: center;border-radius: 5px;border: none;background: #fff;padding: 8px 15px;margin-bottom: 0 !important;width: 100%;box-sizing: border-box;}
.searchTerm {box-sizing: border-box !important;background: none !important;color: #000 !important;outline: 0 !important;border: none !important;font-size: 16px !important;padding: 0 !important;margin: 0 !important;height: auto !important;line-height: 22px !important;flex: 5;}
.searchButton {border: none !important;padding: 0 !important;cursor: pointer !important;height: 18px !important;background: url("/siteart/search.webp") center no-repeat;-webkit-appearance: none;-webkit-border-radius: 0;color: rgba(255, 255, 255, 0.0);background-size: contain;width: 18px;}
#search-img {width: 18px;height: auto;}
.home-txt h1 {font-size: 32px;font-weight: 400;text-transform: uppercase;}
.home-txt strong {font-weight: 600;color: #AB3323 !important;}
.home-txt hr {margin: 20px auto; height: 1px; border: none;background: #ddd;max-width: 250px;width: 100%;}
.contact-section {grid-template-columns: repeat(2, 1fr);}
.home-map {height: 450px;}
.home-map iframe {position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;}
.contact-home{display:flex;align-items: center;}
.contact-wrap {max-width: 450px;margin: 0 auto;width: 100%;color:#fff;}
.contact-wrap h2 {text-transform: uppercase;font-size: 32px;font-weight: 600;}
.contact-wrap a {color:#fff;font-size: 18px;padding: 10px 0;transition:.3s all;line-height: 1.25;}
.contact-wrap a:hover {opacity:.75;}
.contact-wrap hr {height: 2px; border: none;background: rgba(255,255,255,0.25);max-width: 250px;width: 100%;margin: 20px 0;}
.contact-wrap li {display: flex;align-items: center;gap: 10px;margin-bottom: 20px;}
.address-link:before {content: "\f5a0";font-family: "Font Awesome 6 Free";font-weight: 900;color: #fff;font-size: 28px;}
.phone-linkz:before {content: "\f095";font-family: "Font Awesome 6 Free";font-weight: 900;color: #fff;font-size: 28px;}
.email-link:before {content: "\f1d8";font-family: "Font Awesome 6 Free";font-weight: 900;color: #fff;font-size: 28px;}

/*---Sub Page---*/
.flex-page h1,.sub-pg h1 {text-transform: uppercase;font-size: 48px;font-weight:400;text-align: left;line-height: 1;}
.flex-page h1 > span,.sub-pg h1 > span {color: rgb(171, 51, 35);font-size: 24px;text-transform: uppercase;font-weight: 800;margin-bottom: 5px;display: block;}
.sub-pg h1 {margin-bottom: 15px;}
.sub-pg h2 {font-size: 20px;text-transform: uppercase;font-weight: 600;letter-spacing: .5px;color: #333;}
.flex-page a {color:#222;font-weight: 600;transition:.3s all;}
.flex-page a:hover {color:#ab3323;}
.flex-page {gap: 50px;align-items: flex-start;}
.third-pg {flex:1;}
.full-pg {flex: 2;}
.half-pg {flex-basis: 50%;flex: 1;}
.about-slider {overflow: hidden;}
.about-slider .slide {max-height: 410px;}

/*---CONTACT PAGE---*/
.contact-info a {color:#000;font-size: 20px;text-transform: uppercase;font-weight: 500;font-family: Oswald, sans-serif !important;line-height: 1.25;transition:.3s all;}
.contact-info li {display: flex; gap: 15px;align-items: center;margin-bottom: 30px;}
.contact-info a:hover {color: #ab3323;}
li.contact-location:before {content: "\f5a0";font-family: "Font Awesome 6 Free";font-weight: 900;color: #ab3323;font-size: 40px;}
li.contact-phone:before {content: "\f095";font-family: "Font Awesome 6 Free";font-weight: 900;color: #ab3323;font-size: 40px;}
li.contact-message:before {content: "\f1d8";font-family: "Font Awesome 6 Free";font-weight: 900;color: #ab3323;font-size: 40px;}
.location-map {position:relative;width:100%;height: 300px;}
.location-map iframe {height: 100%;width:100%;position:absolute;top:0;left:0;bottom:0;right:0;}
a.continue-btn {color: #000;text-transform: uppercase;font-weight: 600;display: inline-block;font-family: 'Oswald', sans-serif !important;padding: 10px;font-size: 18px;letter-spacing: .5px;opacity: .5;transition: .3s all;}
a.continue-btn:hover {opacity:1.0}
/*-----  SCROLLING INVENTORY ---------*/
.scrolling-wrap {width:100%;height:90px;overflow:hidden;}
.scrolling{width:100%;height:90px;display: block;}

/*--------FORM STYLES--------------------*/
.red-btn {font-size: 16px;font-family: Oswald, sans-serif;text-transform: uppercase;font-weight: 600;color: rgb(255, 255, 255);cursor: pointer;padding: 8px 20px;transition: 0.4s all;background: #AB3323;border: 1px solid #AB3323;border-radius: 4px;}
.red-btn:hover {background:#333;border-color:#333;}

.black-btn {font-size: 16px;font-family: Oswald, sans-serif;text-transform: uppercase;font-weight: 600;color: rgb(255, 255, 255);cursor: pointer;padding: 8px 20px;transition: 0.4s all;background: #000;border: 1px solid #000;border-radius: 4px;}
.black-btn:hover {background:#111;border-color:#111;}

/*-------- FOOTER STYLES ----------------*/
footer{}
.footer-main {border-top: 5px solid #AB3323;padding: 30px 0;}
.foot-logo img {max-width: 100%;width: 250px;margin: 0 auto;}
.footer-main .flex-container {justify-content: space-between;}
.foot-nav {flex-basis: 25%;}
span.foot-title {color:#fff;text-transform: uppercase;font-size: 16px;padding-bottom: 8px;font-weight: 400;font-family: Oswald, sans-serif !important;display: block;}
.foot-nav ul li a{color: #fff;font-size: 15px;line-height: 1.5;font-family: "Open Sans", sans-serif !important;transition: 0.2s ease-in-out;}
.foot-nav ul li {margin-bottom: 10px;}
.foot-nav ul li a:hover {opacity: .5;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#AB3323 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#AB3323 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #AB3323 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #000 !important; border-color: #000 !important;}

.parts-redesign .parts-list-content .grid .parts-listing-container .view-listing-details-link {color:#fff !important;}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width:1200px) {
	.contact-wrap {max-width: 80%;}
	.home-search{padding: 5px;}
	.small-searchhead {font-size: 16px;}
}

@media only screen and (max-width: 990px) {
	.search-box .grid-container{grid-template-columns: repeat(1, 1fr);}
	.full-pg {flex: 1;}
	.flex-page h1 {font-size: 36px}
	.flex-page h1 > span {font-size: 22px;}
	.about-flex {flex-wrap:wrap-reverse !important; gap: 30px !important;}
	.about-flex .half-pg {flex-basis: 100%;}
	.small-searchhead {font-size: 20px;}
}

@media only screen and (max-width:800px) {
	.logo-center img {max-width: 350px;width: 100%;}
	.head-call, .head-location {min-width: auto !important;}
	.head-call span, .head-location span {font-size: 16px;}
	.head-call a, .head-location a {font-size: 15px;}
}

@media only screen and (max-width: 750px) {
	.footer-main .flex-container {flex-wrap:wrap;gap:20px;}
	.foot-logo {order:-1;}
	.foot-logo,.foot-nav {flex-basis: 100%;}
}

@media only screen and (max-width: 650px) {
	.contact-wrap h2 {font-size: 24px;}
	.flex-page {flex-wrap:wrap;gap:15px;}
	.contact-section {grid-template-columns: repeat(1, 1fr);}
	.contact-wrap {width: 90%;padding: 40px 0;}
	.home-map {height: 250px;}
	.contact-page {gap: 40px;}
	.full-pg,.third-pg {flex-basis: 100%;}
	.head-call, .head-location {display: none;}
	.top-header .flex-container {justify-content: center;}
}

@media only screen and (max-width: 550px) {
	.search-box {padding: 20px 0;}	
	.home-txt h1 {font-size: 28px;}
	    .small-searchhead {font-size: 22px;}
}
@media only screen and (max-width: 450px) {
	.contact-info li {flex-wrap:wrap;justify-content: center;text-align: center;}
	.contact-info li:before{flex-basis: 100%;}
	.contact-info a {flex-basis:100%;}
	
	.small-searchhead {font-size: 18px;}
}

@media only screen and (max-width: 320px) {
	
	.search-box {width: 100% !important;}
}


