/***** BEGIN RESET 
red: #8a171d;
offwhite: #f8f8f8;
grey: #333;
dark-grey: #111111;

*****/

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: "proxima-nova", sans-serif !important;}
p {font-family: "proxima-nova", sans-serif !important;font-size: 16px;line-height: 1.5;}
h1,h2,h3,h4,h5,h6{font-family: expressway, 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 {background: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;position: relative;z-index: 9;}
.flex-head {align-items: center;justify-content: space-between}
.logo a {display: inline-block;}
.logo img {max-width: 100%;width: 180px;}
.flex-container.flex-right {gap: 5px;}
a.head-icon {box-sizing: content-box;background: #8a171d;height: 25px;width: 25px;border-radius: 90px;display: flex;align-items: ceter;align-items: center;justify-content: center;color: #fff;padding: 5px;transition:.3s all;}
a.head-icon:hover {background: #611014;}
.nav-wrap {flex: 1;text-align: center;}
.plus-minus{color:#000!important;transition:.4s ease;line-height: 1;margin: 0;font-size: 16px !important;font-weight:900}
nav.primary ul li:hover .plus-minus{color:#8a171d !important;transform:rotate(90deg);transform-origin:center;}

/*---BODY--------------------------------*/
.flex-container {display: flex;}
.center {text-align: center;}
.wid90{width:90%;margin:0 auto;}
.relative{position:relative;}
.grid-container {display:grid;}
.page-wid {max-width: 1400px;}
#pad-50 {padding: 50px 0 !important;}
.off-white {background: #f8f8f8;}
/*---HOME---*/
.hero {margin-bottom: 5px;}
.half-hero {flex-basis: 50%;}
.hero-txt {background: #f8f8f8;display: flex;align-items: center;}
.hero-img img {height: 100%;width: 100%;object-fit: cover;}
.hero-wrap {width: 70%;margin: 0 auto;padding: 15% 0;}
.hero-wrap h1 {font-size: 48px;text-transform: uppercase;font-weight: 800;letter-spacing: 1px;margin-bottom: 10px;}
.hero-wrap h1 span {display: block;font-size: 28px;font-weight: 500;}
.search-bar input {font-family: "proxima-nova", sans-serif !important;flex: 1;padding: 10px 20px;box-sizing: border-box;background: rgb(255 255 255 / 0.75);border: none;line-height: 3;font-size: 18px;border-radius: 0 !important;}
.search-bar input::placeholder {color: rgba(0,0,0,0.85);}
button.search-btn {background: #f8f8f8;min-width: 65px;border: none;font-size: 22px;color:#8a171d;cursor: pointer;transition:.3s all;}
button.search-btn:hover {background:#8a171d;color: #fff; border-radius: 0 !important;}
/*---hero search--*/
.hero-search {position: absolute;bottom: 0;right: 0;width: 50%;}
.search-bar {display: flex;}
/*-HOME CATS--*/
.home-categories{grid-template-columns: repeat(4, 1fr);margin-bottom: 5px;}
.cat img {object-fit: cover;height:100%;width:100%;}
.cat .overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(138,23,29,.75);transition: .5s ease;opacity: 0;display:flex;justify-content: center;align-items: center;}
.cat-text {color: #fff;border: 2px solid #fff;position: absolute;bottom: 10%;top: 10%;left: 10%;right: 10%;display: flex;align-items: center;justify-content: center;text-align: center;}
.cat:hover .overlay {opacity: 1;}
.cat-text h2 {text-shadow: 2px 4px 3px rgba(0,0,0,0.3);text-transform: uppercase;font-size: 28px;font-weight: 800;}
.cat-text h2 span {display: block;font-weight: 400;font-size: 22px;letter-spacing: 2px;}
.contact-wrap h3 {text-transform: uppercase;font-size: 32px;font-weight: 800;}
.contact-wrap h4 {text-transform: uppercase;font-size: 22px;font-weight: 400;letter-spacing: 2px;margin-bottom: 20px;}
.map-bg {position: relative; flex-basis: 50%;height: 500px;}
.map-bg iframe {height: 100%;width: 100%;position:absolute;top:0;left:0;right:0;bottom:0;}
.half-contact {flex-basis: 50%;background:#333;color: #fff;display: flex;align-items: center;}
.contact-wrap {width: 90%;margin: 0 auto;}
ul.contact-list li::before {font-weight: 900;font-family: "Font Awesome 6 Free";margin-right: 5px;background: #8a171d;height: 25px;width: 25px;border-radius: 90px;display: inline-flex;align-items: center;justify-content: center;color: #fff;padding: 5px;transition: .3s all;}
li.location-pin::before {content: "\f3c5";}
li.phone-pin::before {content: "\f095";}
li.email-pin::before {content: "\f0e0"; }
li.hours-pin::before {content: "\f017";}
.contact-wrap li {margin-bottom: 15px;}
.contact-wrap li a:hover .contact-wrap ul li::before {background: #fff;color:#8a171d;}
.contact-wrap li a {color: #fff;}
/*---SUB PAGE---*/
.page-wid h1 {text-transform: uppercase;font-size: 36px;margin-bottom: 15px;}
/*---CONTACT PAGE---*/
.contactpg {gap:5%;}
.contacthalf {padding: 3% 0;}
.contacthalf, .contactmap {flex-basis: 50%;}
.contactmap {border: 1px solid #eee;position:relative;}
.contactmap iframe {width: 100%;height: 100%;position:absolute;top: 0;bottom:0;left: 0;right:0;}
.contacthalf .contact-list {display: flex;flex-direction: column;gap: 15px;}
.contacthalf .contact-list a {color: #000 !important;transition: .4s ease all;}
.contacthalf .contact-list a:hover {font-weight: 900;letter-spacing: 1px;}
/*--------FORM STYLES--------------------*/
button.red-round {font-size: 16px;padding: 15px 20px;background:#8a171d;border-radius: 90px;font-family: expressway, sans-serif !important;text-transform: uppercase;font-weight: 800;letter-spacing: 1px;color: #fff;border: 1px solid #8a171d;cursor: pointer;transition:.3s all;}
button.red-round:hover {background:#611014;border: 1px solid #611014;}

button.white-round {font-size: 16px;padding: 15px 20px;background:#fff;border-radius: 90px;font-family: expressway, sans-serif !important;text-transform: uppercase;font-weight: 800;letter-spacing: 1px;color: #8a171d;border: 1px solid #fff;cursor: pointer;transition:.3s all;}

/*-------- FOOTER STYLES ----------------*/
footer{background: #111;padding: 40px 0;}
.flex-footer{justify-content: space-between;align-items: baseline;color:#fff;}
.flex-footer a{color:#fff;}
span.foot-title {font-family: expressway, sans-serif !important;text-transform: uppercase;font-weight: 800;letter-spacing: 1px;margin-bottom: 10px;display: block;}
ul.foot-nav li {margin-bottom: 10px;}
footer button.red-round:hover{background: #fff;border:1px solid #fff; color:#8a171d;}
/* Underline From Center */
.hvr-underline-from-center {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;overflow: hidden;}
.hvr-underline-from-center:before {content: "";position: absolute;z-index: -1;left: 51%;right: 51%;bottom: 0;background: #8a171d;height: 3px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {left: 0;right: 0;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-title .list-title-text,.list-top-section .list-listings-count,.faceted-search-content .faceted-section-head,.list-content .price-container .price,.ts-button.template-branded-button{font-family: expressway, sans-serif !important;}
.list-content .list-listing .listing-main-stats .spec-label,.list-content .spec-container,.list-content .listing-description,.list-content .spec-value,.list-content .spec-label, .list-content .dealer-data,.faceted-search-content .selected-facets-container .selected-facet{font-family: "proxima-nova", sans-serif !important;}
.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,.list-content .list-error-container .info button:not(.login-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-head .faceted-section-title{text-transform: uppercase !important;}
.list-content .list-error-container .info .selected-facet{    background-color: transparent !important;border: none !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;}

.list-content .list-error-container .info .selected-facet button {font-family: "proxima-nova", sans-serif !important;padding: 5px !important;background: transparent !important;color: #000 !important;font-size: 14px !important;border: none !important;}
.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i,.list-top-section .list-listings-count {color:#8a171d !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,.ts-button.template-branded-button {background:#8a171d !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,.ts-button.template-branded-button{border: solid 1px #8a171d !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,.ts-button.template-branded-button:hover {background: #611014 !important; color: #fff !important;border-color: #611014 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #333 !important; border-color: #333 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: #333 !important; border-color: #333!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}



/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1500px) {
	.hero-wrap h1 {font-size: 36px;}
	.hero-wrap h1 span{font-size: 22px;}
}

@media only screen and (max-width: 1300px) {
	.cat-text h2{font-size: 22px;}
	.cat-text h2 span {font-size: 18px;}
	button.search-btn {min-width: auto;padding: 20px !important;}
	.hero-search {width: 100%;}	
}



@media only screen and (max-width: 1200px) {
	.hero-wrap h1 {font-size: 32px;}
	.contact-wrap h3 {font-size: 28px;}
	.hero-wrap {width: 90%;}
	    .cat-text h2,.hero-wrap h1 span,.contact-wrap h4 {font-size: 18px;}
	.cat-text span {font-size: 16px;}
}

@media only screen and (max-width: 990px) {
	.home-categories {grid-template-columns: repeat(2, 1fr);}
	a.cat {max-height: 200px;}

}
@media only screen and (max-width: 900px) {
	.nav-wrap {flex: none;text-align: right;}
	.header-buttons {display: none;}
	.hero .flex-container{flex-wrap:wrap;}
	.half-hero {flex-basis: 100%;}
	.hero-img {order: -1;max-height: 35vh;}
	.hero-wrap {padding: 50px 0;}
}
@media only screen and (max-width: 800px) {
	.contactpg{flex-wrap:wrap;}
	.contacthalf {flex-basis: 100%;}
	.contactmap {display: none;}
}

@media only screen and (max-width: 700px) {
	.contact-section{flex-wrap:wrap-reverse}
	.half-contact{padding: 50px 0;}
	.map-bg,.half-contact{flex-basis: 100%;}
	.map-bg {height: 250px;}
	.flex-footer {flex-wrap:wrap;gap: 30px;}
	.foot-col {flex-basis: 100%;}
}

@media only screen and (max-width: 500px) {
	.cat .overlay {opacity: 1;background: rgb(51 51 51 / 85%);}
	.home-categories {grid-template-columns: repeat(1, 1fr);gap: 5px;}
	a.cat {max-height: 150px;}
	.cat-text{left: 5%;right: 5%;bottom: 15%;top: 15%;}
	.page-wid h1{font-size: 32px;}
}

@media only screen and (max-width: 350px) {
	ul.contact-list li::before {height: 20px;width: 20px;font-size: 14px;}
	
}