/***** 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 --------*/
:root {
--red: #A61919 !important;
--grey: #464F4C !important;
--dark: #231F20 !important;
--offwhite: #F8F8F8 !important;
--offgrey:#DDDDDD !important;
--charcoal:#272929 !important;
--black: #000000 !important;
--white: #ffffff !important;
--header: industry, sans-serif !important;
--body: noto-sans, sans-serif !important;
}
html{scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6{font-family: var(--header) !important;line-height: 1.25}
body {font-family: var(--body) !important;overflow-x: hidden;}
p {font-family: var(--body) !important;font-size: 16px;line-height:2;}
a:link, a:visited, a:active {text-decoration:none;color:#000;}
a:hover {text-decoration:none;}

hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {border-bottom: 1px solid #ddd;}
.phone-links {padding: 10px 0;gap: 30px; align-items: baseline;}
.phone-links a {color: var(--white);text-transform: uppercase;font-size: 16px;}
.phone-links a[href^="tel:"]:before {content:"\f095";font-family:"Font Awesome 7 Free";font-weight: 900;margin-right: 5px;}
.phone-links a[href^="tel:"] strong {letter-spacing: .5px;font-weight: 800;}
.logo {
    width: 25%;
    display: inline-flex;
    align-items: center;
    min-width: 300px;
    max-width: 650px;
}
.logo a {display:inline-flex;align-items: center;width: 100%;}
.logo img {max-width: 100%;width: 100%;}
.nav-wrap {flex: 1;}
.main-header .flex-container {gap: 30px;padding: 15px 0;align-items: center;}
button.search-btn.blue-btn {order: -1;}
.search-bar {align-content: center;}
.search-container form {display: flex;gap: 0px;border-radius: 4px;overflow: hidden;background: #f3f3f3;}
input.search-field {width: 100%;padding: 10px 10px 10px 0 !important;border: none !important;line-height: 2 !important;background: transparent !important;font-family: var(--body);font-size: 14px !important;text-indent: 10px;min-width: 200px;height: auto !important;}
input.search-field:focus{outline: none;}
button.search-btn {background: transparent;border: none;padding: 10px;box-sizing: border-box;color: #8b8b8b;cursor:pointer;}
.social-icons a {transition: .3s all;font-size: 18px;padding: 0 5px;}
.social-icons a:hover {opacity: .5}

/*---BODY--------------------------------*/
.wid90 {width:90%;margin:0 auto;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.page-wid {max-width: 1400px;}
.center {text-align: center;}
.pad-xl{padding-top:60px !important;padding-bottom:60px !important;}
.pad-xl-top{padding-top:60px !important;}
.pad-l-top{padding-top:40px !important;}
.pad-l-bottom{padding-bottom:40px !important;}
.pad-xl-bottom{padding-bottom:60px !important;}
.pad-l{padding-top:40px !important;padding-bottom:40px !important;}
.relative {position: relative;}
.base-align {align-items: baseline;}
.align-center {align-items:center;}
.center-content {align-content:center;}
.just-center{justify-content: center;}
.just-between{justify-content: space-between;}
.just-end{justify-content: flex-end;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.block,#block {display: block;}
#red-txt {color:var(--red)}
.light-bg {background: rgb(175 203 239 / 15%);}
.inline {display: inline;}
.half-pg {flex-basis: 50% !important;}
.quarter-pg {flex-basis: 25%;}
.full-pg {flex: 1;}
.page-img {overflow: hidden;display: inline-flex !important;}
.page-img img {height: 100%;width:100%;object-fit: cover;}
.page-content a {color:#111;}
.page-content a:hover {color:var(--grey);}
.red-bg {background-color:var(--red);}
.offwhite {background-color:var(--offwhite);}
.flex-pg {gap: 5%;}
.grey-bg{background: linear-gradient(135deg, #F8F8F8 0%, #E8E8E8 50%, #D9D9D9 100%);}
.half-map {position: relative;}
.half-map iframe {position: absolute;top: 0;bottom: 0;left: 0;right:0;height:100%;width:100%;}
.breadcrumb-wrap {padding: 30px 0;}
nav[aria-label="breadcrumb"] {padding: 0 0 15px 0;}
nav[aria-label="breadcrumb"] ul {font-size: 14px;display: flex;list-style: none;padding: 0;margin: 0;width: 100%;}
nav[aria-label="breadcrumb"] li+li:before {content: ">";padding: 8px 10px;}
nav[aria-label="breadcrumb"] a {padding: 8px 0;border-radius: 90px;font-size: 14px;color: var(--red);font-weight: 800;transition:.3s all;opacity: .85;text-decoration: none;box-sizing: border-box;}
nav[aria-label="breadcrumb"] a:hover {opacity: 1;}
nav[aria-label="breadcrumb"] li {padding: 0;line-height: 2;text-transform: uppercase;}
nav[aria-label="breadcrumb"] span {padding: 8px 0;font-size: 14px;font-weight: 500;text-decoration: none;box-sizing: border-box;}

/*---HOME PAGE---*/
.heroSwiper { height: 55vh; min-height: 500px;}
.hero-txt {position: absolute;top: 50%;left: 50%;transform: translate(-90%, -50%);width: 50%;margin: auto;}
.heroSwiper .swiper-slide {background-color:var(--charcoal)}
.heroSwiper .swiper-slide img {height: 100%;width: 100%;filter: brightness(0.75);object-fit: cover !important;}
.hero-txt h1 {text-transform: uppercase;color: #fff;font-size: 62px;font-weight: 900;font-style: italic;text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(0, 0, 0, .5);line-height: 1;}
.hero-txt p {font-size: 18px;color:#fff;text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);}

.grid-cats {grid-template-columns: repeat(3, 1fr);padding: 40px 0;gap: 30px;}
.grid-cats a {padding: 40px;box-sizing: border-box;background: var(--offwhite);position: relative;overflow: hidden !important;transition: box-shadow 0.3s ease;padding-bottom: 0px;text-align: center}
.grid-cats a:hover span {color:var(--red)}
.grid-cats a:hover {box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.grid-cats img {max-width: 100%;width: 90%;margin: 0 auto;transition: transform 0.3s ease;}
.grid-cats a:hover img {transform: scale(1.15);transition: transform 0.3s ease;}
.cat-txt h2 {text-transform: uppercase;font-size: 28px;font-weight: 900;}
.cat-txt h2 span {display: block;font-weight: 400;letter-spacing: 2px;transition:.3s all;}
.grid-cats a i {position: absolute;right: 0;top: 0;font-size: 24px;color: var(--red);padding: 30px;transform: rotate(-45deg);}
.home-txt .main-txt {align-content: center;}
.home-txt .page-txt {width: 80%;margin: 0 auto;padding: 90px 0;}
.half-pg.main-txt h2 {font-size: 36px;text-transform: uppercase;font-weight: 900;margin-bottom: 5px;}
.half-pg.main-txt h3 {text-transform: uppercase;font-size: 22px;font-weight: 400;letter-spacing: 2px;margin-bottom: 15px;}
.manu-title h2 {text-transform: uppercase;font-size: 22px;letter-spacing: 2px;font-weight: 500;}
.manu-logo img {width: 100%;height: 100%;object-fit: contain;}
.logo-contain {max-width: 250px;width: 100%;padding: 0 20px;display: inline-block;transition:.3s all;box-sizing: border-box;}
.manu-wrap .flex-container {flex-wrap:wrap;gap: 30px;justify-content: center;}
.manu-title {width: 100%;}
.cat-txt {text-align: left !important;}
/*---ABOUT US---*/
.flex-about {gap: 2%;align-items: stretch;}
.flex-about .half-pg {box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;padding: 40px;box-sizing: border-box;border-radius: 15px;background:#fff;}
.top-img {border-radius: 8px;overflow: hidden;display: inline-flex;flex:1;}
.top-img img {height: 100%;width: 100%;object-fit: cover;}
.flex-row {flex-direction: column;gap: 20px;height: 100%;}
.grid-features {grid-template-columns: repeat(2, 1fr); gap:15px;}
.feature {background: var(--offwhite);border-radius: 5px;box-sizing: border-box;padding: 20px;}
.feature h2 {font-size: 22px;text-transform: uppercase;letter-spacing: 1px;font-style: italic;font-weight: 900;}
.flex-about h1 span,.location-pg h1 span {display: block;font-weight: 400;letter-spacing: 2px;transition:.3s all;font-size:22px;text-transform: uppercase;color: var(--red);}
.flex-about h1,.location-pg h1 {font-size: 48px;}
.flex-about h1 {margin-bottom: 30px;}
.grid-services { grid-template-columns: repeat(3, 1fr); gap: 40px; align-items: stretch}
.about-us {    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;padding: 40px;box-sizing: border-box;border-radius: 15px;background: #fff;}
.about-us .flex-container {gap: 5%;}
.about-us .half-pg.pad-xl {align-content: center;}

.service-opt img {height:100%;object-fit: cover; width: 100%;}
.service-img {height: 190px;overflow: hidden;margin-bottom: 20px;}
.service-opt { padding: 30px; box-sizing: border-box; border: 1px solid #f8f8f8; background: #fff;}
.service-opt h3 {font-size: 24px;}
.service-opt span,.flex-location .half-pg span { font-family: var(--body); font-weight: 800; transition: .3s all; font-size: 15px; margin-bottom: 5px; color: var(--red); display: block;}
.service-opt a {color:var(--red);font-weight: 900;transition:.3s all;line-height: 3;display: inline-block;margin-top: 10px;font-family: var(--header);font-size: 15px;letter-spacing: 1px;font-weight: 800;text-transform: uppercase;}
.service-opt a:hover {color:var(--grey)}

.flex-location {gap: 2%;align-items: stretch;}
.manu-wrap {border-top: 1px solid #d8d8d8;}
.flex-location .location-info {box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;padding: 40px;box-sizing: border-box;border-radius: 15px;background:#fff;}
.flex-location .half-pg iframe {margin-bottom: 20px;}
.hour-flex li {    line-height: 2;display: flex;justify-content: space-between;list-style: none;padding: 5px;}
.hour-flex li:nth-of-type(odd) {background: var(--offwhite);}
.hour-flex li span {font-weight: normal !important;color:#000 !important;}
.flex-location .half-pg p {margin-bottom: 10px;}
.flex-location h2 {text-transform: uppercase;font-size: 24px;letter-spacing: 1px;}

.flex-location .half-pg a {transition:.3s all;}
.flex-location .half-pg a:hover {color:var(--red)}
/*--------FORM STYLES--------------------*/
.red-btn {padding: 15px 20px;font-size: 15px;line-height: 2;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--body);color:var(--white) !important;background:var(--red);font-weight: 500;border-radius: 3px;border: 1px solid var(--red);display: inline-block;text-align: center;text-transform: uppercase;letter-spacing: 1px;}


.black-btn {padding: 15px 20px;font-size: 15px;line-height: 2;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--body);color:var(--white) !important;background:var(--black);font-weight: 500;border-radius: 3px;border: 1px solid var(--black);display: inline-block;text-align: center;text-transform: uppercase;letter-spacing: 1px;}

.red-btn:hover {background:rgba(112,16,16,1.00);border-color:rgba(112,16,16,1.00)}
.dark-btn {padding: 15px 20px;font-size: 15px;line-height: 2;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--body);color: var(--white) !important;background: rgba(18, 18, 18, 0.5);font-weight: 500;border-radius: 3px;border: 1px solid rgba(18, 18, 18, 0.65);display: inline-block;text-align: center;text-transform: uppercase;letter-spacing: 1px;backdrop-filter: blur(5px);}

.dark-btn:hover {background:#000;border-color:#000;}
.hero a.red-btn {margin-bottom: 15px;}
/*-------- FOOTER STYLES ----------------*/
footer{color:var(--white);background:var(--dark)}
.flex-foot {gap:5%;}
.foot-col {flex-basis: 25%;}
.foot-col ul li {margin-bottom: 10px;display: block;font-size: 14px;line-height: 1.5;}
.foot-col ul li a {color:var(--white);font-size: 14px;line-height: 1.5;transition:.3s all;}
.foot-col ul li a:hover {opacity:.75}
.foot-col ul li strong {font-family:var(--body);font-size: 15px;padding-bottom:10px;margin-bottom: 10px;display:block; width: 100%;font-weight: 600;}
#foot-address:before {content: "\f3c5";font-family: "Font Awesome 7 Free";font-weight: 900;margin-right: 15px;color: var(--white);opacity: .25;}
#foot-phone:before {content: "\f095";font-family: "Font Awesome 7 Free";font-weight: 900;margin-right: 15px;color: var(--white);opacity: .25;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.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: 5px !important;
    -o-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !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:var(--red) !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:var(--red) !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 var(--red) !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: #fff !important; color: var(--red) !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: #fff !important; color: #000 !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: transparent !important; color: #000!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 ----------*/
.search-mobile {display: none;}

@media only screen and (max-width:1450px) {
	.hero-txt {width: 90%;transform: translate(-50%, -50%);}
}


/*

*/

@media screen and (max-width: 1250px) {
	.cat-txt h2 {font-size: 22px;}
	.about-us .flex-container{flex-wrap:wrap;}
	.about-us .flex-container:nth-of-type(even){flex-wrap:wrap-reverse}
	.about-us .half-pg {flex-basis: 100% !important;width: 100% !important;}
	.about-us .flex-container .half-pg {padding-bottom: 0 !important;}
}

@media only screen and (max-width:1200px) {
	.hero-txt h1 {font-size: 48px;}	
	.flex-about {flex-wrap:wrap;gap: 30px;}
	.flex-about .half-pg {flex-basis: 100% !important;}
	.search-container form {width: 150px;}
}
@media only screen and (max-width:1090px) {
	.nav-wrap {display: none;}.search-bar {display: inline-flex;gap: 20px;align-items: center;}
	.main-header .flex-container {justify-content: space-between;}
	    .search-container form {width: 100%;}
}

@media only screen and (max-width: 990px) {
	.cat-txt h2 {font-size: 18px;}
	.flex-location {flex-wrap:wrap;gap:30px;}
	.flex-location .location-info {flex-basis: 100%;}
	.manu-title{flex-basis: 100%;}
	.manu-wrap .flex-container {flex-wrap:wrap;gap: 15px;justify-content: center !important;}
	.manu-logo {flex-basis: 30%;text-align: center}
}

@media only screen and (max-width: 900px) {
	.cat-txt h2 {font-size: 18px;}
	.home-txt .half-pg {flex-basis: 100% !important;}
	.home-txt .flex-container {flex-wrap: wrap-reverse;width: 90%;margin: 0 auto;}
	.home-txt .page-txt{width: 100%;padding: 0;}
	.home-txt .flex-container {flex-wrap: wrap-reverse;width: 90%;margin: 0 auto;padding: 45px 0;gap: 45px;}
	.manu-title h2{font-size: 18px;}
	.grid-services {grid-template-columns: repeat(1, 1fr);}
	.hero-txt h1 {font-size: 36px;}
}


@media only screen and (max-width: 850px) {
	.search-desktop {display: none;}
	.search-mobile {display:  block;}
}

@media only screen and (max-width: 800px) {
	.grid-cats {grid-template-columns: repeat(1, 1fr);}
	.grid-cats a {padding: 40px;}
	.grid-cats a img {display: none;}
	.cat-txt h2 {font-size: 22px;}
}

@media only screen and (max-width: 700px) {
	.phone-links span {display: none;}
	
	.manu-logo {flex-basis: 45%;}
	.flex-foot {flex-wrap:wrap;gap:30px;}
	.foot-col {flex-basis: 45%;}
	.feature h2 {font-size: 18px;}
	.flex-about h1 {font-size: 36px;}
	.flex-about h1 span{font-size: 16px;}
}

@media only screen and (max-width: 500px) {
	.manu-logo {flex-basis: 100%;display: inline-flex;vertical-align: middle;justify-content: center;margin-bottom: 15px;}
	.foot-col {flex-basis: 100%;}
	.manu-title{text-align: center;}
	.phone-links {flex-wrap:wrap-reverse;justify-content: center !important;text-align: center !important;gap: 10px;}
	.logo {width: 100%;max-width: 100% !important;min-width: auto !important;}
	.grid-features {grid-template-columns: repeat(1, 1fr);}
	.logo a {min-width: 100%;width: 100%;}
	.heroSwiper { height: 55vh; min-height: 600px;
}
}

@media only screen and (max-width: 390px) {
	.cat-txt h2 {font-size: 18px;}.hero-txt h1 {font-size: 32px;}
	.phone-links a {flex-basis: 100%;}
	.main-header .flex-container {flex-wrap:wrap;gap:5px;}
	
	.main-header .flex-container .logo,.search-bar {flex-basis: 100%;justify-content: center;}
	
}