/***** BEGIN RESET 
Orange: #ff6602;
Dark: #222222;
Off-white: #fafafa;
Grey: #666666;

font-family: neulis-sans, sans-serif;
font-family: "roboto-condensed", sans-serif;
*****/

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;  
} 
html {scroll-behavior: smooth;}
/*-------- 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-condensed", sans-serif !important;}

h1,h2,h3,h4,h5,h6 {font-family: neulis-sans, sans-serif !important;}

p {font-family: "roboto-condensed", sans-serif !important;font-size: 15px;line-height: 1.5 !important}

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


hr{border:none; height: 1px; background: #dadada;width: 100%;margin: 40px 0;}

/*--- HEADER STYLES ---------------------*/
header {border-bottom: 1px solid #d2d2d2;}
.main-header {background:#222222}
.top-head {justify-content: space-between;color:#fff;align-items: center;background:#333;}
.right-side {position:relative;padding: 10px 5% 10px 20px;}
.left-side {padding-left: 5%;}
.right-side:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ff6602;-webkit-transform-origin: 100% 0;-ms-transform-origin: 100% 0;transform-origin: 100% 0;-webkit-transform: skew(-30deg);-ms-transform: skew(-30deg);transform: skew(-30deg);z-index: 1;}
.right-side a {color: #000;}
.right-content {position: relative;z-index: 2;display: flex;gap: 30px;}
span.head-social {display: flex;gap:15px;font-size: 18px;}
.logo {margin-bottom: -30px;padding-top: 5px;position: relative;z-index: 99;}
.logo img {max-width: 100%;width: 200px;}
.main-header .wid90 {align-items: center;justify-content: space-between;}
.head-contain {display: flex;align-items: center;gap: 15px;}
.head-contain span {opacity: .5;}
.search a {color:#fff;}

/* HEADER SEARCH */
.search{cursor: pointer;    padding: 30px 15px;}
.searchbar{border-bottom:1px solid #dddddd;display: none; position: relative; background: #fafafa; width: 100%; z-index: 9;}
.searchbar form{display: flex !important; align-items: center !important; flex-wrap: wrap !important; position: relative !important;    max-width: 90% !important; margin: auto !important;}
.searchbar form:before{position: absolute !important; font-family: "Font Awesome 6 Free" !important; content: "\f002" !important; right: 25px !important; font-size: 24px !important; font-weight: 900 !important; color: #aaa !important;}
.searchbar input[type="text"]{height: auto !important;width: 100% !important; background: #fafafa !important; border: 0 !important; outline: none !important; padding: 40px 20px 30px 20px !important; font-family: neulis-sans, sans-serif !important; font-size: 22px !important; color: #aaa !important;}
.searchbar input[type="submit"]{position: absolute !important; top: 0 !important; right: 0 !important; width: 79px !important; height: 79px !important; opacity: 0 !important; cursor: pointer !important;}

.searchbar ::-webkit-input-placeholder{color: #aaa;}
.searchbar :-moz-placeholder{color: #aaa;}
.searchbar ::-moz-placeholder{color: #aaa;}
.searchbar :-ms-input-placeholder{color: #aaa;}
/*---BODY--------------------------------*/
#pad-xl {padding-top: 50px !important;padding-bottom: 50px !important;}
#pad-l {padding-top: 30px !important;padding-bottom: 30px !important;}
.relative {position: relative;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.wid90{width:90%;margin: 0 auto;}
.center {text-align: center;}
.orangebg {background:#ff6602;}
.darkbg{background:#222222;}
.offwhite{background:#fafafa;}
.grey-bg{background:#666;}
.hero-txt {display: flex;align-items: center;}
.txt-wrap {margin-left: 20%;}
.hero-txt h1 {font-size: 48px;font-weight: 500;margin-bottom: 15px;}
.hero-txt h1:before {border-top: 10px solid #ebebeb;display: block;position: relative;margin: 0px 0px 20px;width: 60px;content: "";}
.hero-txt h1 strong {font-weight: 900;}
.hero-txt p {margin-bottom: 60px;}


/*---POP-UP -----------------------------------*/


.container-bnr {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.bnr {
    position: relative;
    background: none;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 auto;
}



.flex-banner img {
    max-width: 100%;
    height: auto;
    display: block;
}

.bar-right.close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #1128b2;
    z-index: 1000;
}

.image-wrapper {
    position: relative;
    width: 100%;
    display: inline-block;
}

.image-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

.popup-text {
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #1128b2;
    text-align: center;
    font-weight: bold;
    padding: 0 10px;
    width: 100%;
    max-width: 600px;

}

.popup-text p {
    font-size: 32px;
    line-height: 33px!important; /* Adjust as needed for spacing */
    margin: 0 0 10px;
	font-family: neulis-sans, sans-serif !important;
}




/* CUSTOM HERO */

.close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 24px;
  cursor: pointer;
}

.hero-brands {width: 70%;display: inline-block;float: right;box-sizing: border-box;margin-left: 5%;}
.hero-txt { width: 25%;display: inline-block;box-sizing: border-box;}
.brand-slider .slick-track {gap: 1px !important;display: flex !important;}
.brand-slider .expandable-slide{position: relative;color: #fff;transition: ease all 0.5s;min-height: 430px;text-align: center;width: 50% !important;box-sizing: border-box;-moz-background-size: cover;-o-background-size: cover;-webkit-background-size: cover;background-size: cover;-moz-background-position: center center;-o-background-position: center center;-webkit-background-position: center center;background-position: center center;display: flex !important;justify-content: center;align-items: center;background: #000; background-color: black;}
.brand-slider .expandable-slide button {margin-top: 20px;}
.brand-slider .expandable-slide:before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.5);}
.brand-slider .expandable-slide > div{position: relative;}
.brand-slider .expandable-slide:hover{width: 100% !important;}
.brand-slider .expandable-slide .btn-outline-orange{padding: 10px 20px;text-transform: unset;color: #fff !important;opacity: 0;transform: translateY(-20px);transition: ease all 0.3s;display: block;}
.slick-next {right: 0;}
.slick-prev {left: 0;}
.brand-slider button.slick-disabled {opacity: 0.25 !important;}
.brand-slider .expandable-slide:hover .btn-outline-orange, .brand-slider .expandable-slide:focus .btn-outline-orange{opacity: 1;transform: translateY(10px);}
.brand-slider .expandable-slide .btn-outline-orange:hover{background: #fff !important;color: #000 !important;border-color: #fff !important;}
#altoz {background-image: url(/siteart/brands/altoz.jpg);background-repeat: no-repeat;background-color:#000;background-position: center center;background-size: cover;}
#scag {background-image: url(/siteart/brands/scag.jpg);background-repeat: no-repeat;background-color:#000;background-position: 35% center;background-size: cover;}
#big-dog {background-image: url(/siteart/brands/bigdog.jpg);background-repeat: no-repeat;background-color:#000;background-position: 70% center;background-size: cover;}
#grasshopper {background-image: url("/siteart/brands/grasshopper.jpg");background-repeat: no-repeat;background-color:#000;background-position: 25% center;background-size: cover;}
#husqvarna {background-image: url("/siteart/brands/husqvarna.jpg");background-repeat: no-repeat;background-color:#000;background-position: center center;background-size: cover;}
#redmax {background-image: url("/siteart/brands/red-max.jpg");background-repeat: no-repeat;background-color:#000;background-position: center center;background-size: cover;}
#toro {background-image: url("/siteart/brands/toro.jpg");background-repeat: no-repeat;background-color:#000;background-position: center center;background-size: cover;}
span.slide-arrows {display: flex;justify-content: space-between;margin-right: 5%;margin-left: 1%;}
span.slide-arrows button {background: transparent;border: none;font-family: neulis-sans, sans-serif !important;font-size: 16px;transition: .3s all;z-index: 99;cursor: pointer;padding: 20px 0; color: #000!important; }
span.slide-arrows button:hover {opacity: 1;}
.brand-title {overflow: hidden;text-transform: uppercase;letter-spacing: 2px;width: 90%;margin: 0 auto;transition: .5s ease-in-out;max-width: 90%;}
.brand-title h2 {text-shadow: 2px 4px 3px rgba(0,0,0,0.7);transition: .5s ease-in-out;}
.brand-title h2::before {content:"";border-top: 8px solid transparent; display: block;position: relative;margin: 0 auto 15px;width: 45px;transition: .5s ease-in-out;}
.hide {display: inline-block;max-width: 0%;vertical-align: bottom;overflow: hidden;white-space: nowrap;transition: max-width .5s ease-in-out;}
.brand-slider .expandable-slide:hover .hide {max-width: 100%;}
.brand-slider .expandable-slide:hover .brand-title h2::before{border-top: 8px solid rgba(235,235,235,0.50);content:"";}
/*---Home Styles---*/
.grid-cat {gap:2px;padding-top: 15px !important;}
.cat {flex-basis: 20%;text-align: center;background: #000;background-color: #333;background-image: url("/siteart/carbon-fibre.png");border-radius: 5px;}
.cat a {display: inline-block;width: 100%;padding: 20px;box-sizing: border-box;}
.cat img {opacity: .75 !important;max-width: 100%;width: 100px;transition: .5s all;filter: brightness(0) invert(1);}
.service i {opacity: .25;transition:.5s all;}
.cat:hover img {}
.cat h3 {display: block;text-transform: uppercase;color: #fff;font-size: 16px;font-weight: 600;letter-spacing: 1px;}
.home-txt h3 {font-size: 36px;font-weight: 900;}
.home-txt h3 span {margin-bottom: 10px;display: block;font-size: 22px;font-weight: 700; }
p.key-points {font-family: neulis-sans, sans-serif !important;display: flex;justify-content: center;gap: 30px;margin: 15px 0px;}
p.key-points i {color: #666;}
.home-txt {max-width: 1000px;padding-top: 75px !important;padding-bottom: 75px !important;}
.inv-boxes {grid-template-columns: repeat(4, 1fr);gap: 1px;padding-bottom: 50px !important;}
.inv-box {position:relative;}
.inv-box img {width: 100%;height: 100%;object-fit: cover;}
.inv-title { transition: .5s ease;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.5);display: flex;align-items: flex-end;}
.inv-title:hover button i {opacity: 1;}
.inv-title:hover {background: rgba(0,0,0,0.8);}
.inv-title div {width: 80%;margin: 0 auto;color: #fff;margin-bottom: 40px;}
.inv-title div span {display: block;}
.inv-title h4 {text-transform: uppercase;font-size: 24px;letter-spacing: 1px;text-align: left;line-height: 1.25;}
.home-bottom {border-top: 1px solid #ddd;}

/* fadeIn */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.u--fadeIn {
  -webkit-animation: fadeIn 1s ease-in;
  -moz-animation: fadeIn 1s ease-in;
  -o-animation: fadeIn 1s ease-in;
  animation: fadeIn 1s ease-in; }


/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  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);
}
.cat:hover .hvr-bob, .cat:focus .hvr-bob, .cat:active .hvr-bob,.service:hover .hvr-bob, .service:focus .hvr-bob, .service:active .hvr-bob {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Icon Forward */
.orange-btn {
  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);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.orange-btn i {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.orange-btn:hover i, .orange-btn:focus i, .orange-btn:active i {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.promo-arrows .orange-btn:hover i {transform: none !important;}
/*---PROMOTION SLIDER---*/
.home-bottom .wid90 {position: relative;}
.promotion {overflow: hidden;}
.promotion img {max-width: 100%;width: 98%;margin: 0 auto;}
.promotion:not(.slick-active) {opacity: 0.5;}
span.promo-arrows {width: 101%;display: flex;justify-content: space-between;align-items: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
span.promo-arrows button {padding: 10px 30px;}

/*---SUB PAGE STYLES---*/
.sub-pg h1,.contact-form h3 {font-size: 40px;font-weight: 500;margin-bottom: 15px;}
.breadcrumb-pg {background: #fafafa;padding:30px 0;}
.breadcrumb-pg a {color: #000;font-weight: 600;transition:.3s;}
.breadcrumb-pg a:hover {opacity: .5;}
.sub-pg ul {margin-top: 10px;margin-bottom: 15px;list-style: disc;padding-inline-start: 40px;line-height: 2;}
/*---SHOWROOM PAGE---*/
.showroom-wrap{grid-template-columns: repeat(3, 1fr);gap: 1px;}
.parts-wrap{grid-template-columns: repeat(3, 1fr);gap: 1px;}
.showroom-box {height: 200px;padding: 30px;color: #fff;font-size: 18px;position:relative;}
.showroom-box div{transition: .5s ease;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;}
.showroom-box:hover div {background: rgba(0, 0, 0, 0.8);}
.showroom-box h2 {width:90%;margin: 0 auto;text-transform: uppercase;}
.showroom-box h2 span {display: block;font-size: 18px;font-weight: 500;letter-spacing: 2px;margin-top: 10px;}
.showroom-box:hover button i {opacity: 1;}
/*---PARTS PAGE---*/
.parts-box img {max-width: 100%;width: 200px;margin: 0 auto;}
.parts-box h2 {text-transform: uppercase;font-size: 18px;}
.parts-box h2 span {display: block;font-size: 15px;font-weight: 500;letter-spacing: 2px;margin-top: 10px;}
.parts-box:hover button i {opacity: 1;}
a.parts-box {text-align: center;background: #fafafa;border: 1px solid #dddddd;padding: 10px;color: #666666;box-sizing:border-box;}
a.parts-box button {    color: #666666;}
/*---SERVICE PAGE---*/
.services-wrap {grid-template-columns: repeat(5, 1fr);gap: 5px;}
.service {text-align: center;background: #fafafa;border: 1px solid #dddddd;padding: 20px;box-sizing:border-box;position:relative;}
.service h2 {font-size: 20px;font-weight:600;margin-bottom:10px;}
.service h2:before {color: #ff6602;font-weight: 900;content: "\f0ad";font-family: "Font Awesome 6 Free";margin-bottom: 10px;font-size: 32px;display: block;}
.service button {position: absolute;bottom: 20px;left: 20px;right: 20px;max-width: 100%;box-sizing: content-box !important;z-index: 999;}
.service-txt {margin-bottom: 70px !important;}
.service i {font-size: 32px;margin-bottom: 10px;}
.service:hover i {opacity: 1;}
/*---service description page---*/
.flex-container.flex-page {justify-content: space-between;gap: 5%;align-items: flex-start;}
.flex-desc {flex: 3;}
.flex-desc h2 {margin-bottom: 10px;}
.flex-contact {flex: 1;background: #fafafa;border: 1px solid #dddddd;padding: 20px;box-sizing: border-box;}
.flex-contact .social-foot a{transition:.3s all;}
.flex-contact .social-foot a:hover {background: #000;}
.maphold {margin-bottom: 10px;}
.flex-contact a {color:#000;}
.flex-service {display: flex;gap: 10%;flex-wrap: wrap;align-items: baseline;}
.flex-service span {flex-grow: 1;}
/*---ABOUT PAGE---*/
.about-flex {overflow: hidden;}
.about-slider img {max-width: 100%;width: 100%;display: block;}
.about-slider .slick-dots {margin: 0;bottom: -20px;padding-inline-start: 0;list-style: none;}
.about-slider .slick-dotted.slick-slider {margin-bottom: 15px;}
/*----LOCATION PAGE---*/
.map-hold {height: 350px;width:100%;margin: 30px 0;}
.map-hold iframe {position:absolute;top:0;bottom:0;left:0;right:0;}
.contact-pg {flex-direction: row;gap: 1rem;align-items: baseline;justify-content: space-between;}
.contact-box {flex-basis: 33%;}
.contact-box:nth-of-type(even) {border-right: 1px solid #dadada;border-left: 1px solid #dadada;}
.contact-box h2 {text-transform: uppercase;color:#666;letter-spacing: 1px;font-weight:600;margin-bottom: 20px;}
.contact-box a {color:#000;transition:.3s all;}
.contact-box a:hover{opacity: .65;}
.contact-box span.social-foot a {background:#ff6602;transition:.4s all;}
.contact-box span.social-foot a:hover {background: #da5600;opacity: 1;}
.contact-box .wid90 {width: 85%;padding: 20px 0;}
/*--------BUTTON STYLES--------------------*/
.button-wrap {display: inline-flex;margin-top: 50px;vertical-align: middle;gap: 40px;}
button.orange-btn {padding: 15px 20px;background: #ff6602;color: #000;font-family: neulis-sans, sans-serif !important;font-weight: 600;border: 2px solid #ff6602;border-radius: 3px;font-size: 16px;letter-spacing: 1px;cursor: pointer;transition:.3s all;}
button.orange-btn:hover {background:#da5600;border-color:#da5600;}
button.grey-btn {padding: 15px 20px;background: #666666;color: #fff;font-family: neulis-sans, sans-serif !important;font-weight: 600;border: 2px solid #666666;border-radius: 3px;font-size: 16px;letter-spacing: 1px;cursor: pointer;transition:.3s all;}
button.grey-btn:hover {background:#4D4D4D;border-color:#4D4D4D;}
button.white-btn {padding: 15px 20px;background: transparent;color: #fff;font-family: neulis-sans, sans-serif !important;font-weight: 600;border: 2px solid #fff;border-radius: 3px;font-size: 16px;letter-spacing: 1px;cursor: pointer;transition:.3s all;}
button.white-btn:hover {background: #fff;color:#ff6602;}
button.link-btn {padding: 15px 20px;background: transparent;color: #000;font-family: neulis-sans, sans-serif !important;font-weight: 600;border: none;font-size: 16px;letter-spacing: 1px;cursor: pointer}
button.link-btn i {color: #666;}
button.white-link {padding: 15px 0;background: transparent;color: #fff;font-family: neulis-sans, sans-serif !important;font-weight: 500;border: none;font-size: 16px;letter-spacing: 1px;cursor: pointer}
button.white-link i {transition:.3s all;opacity: .35;margin-left: 5px;}
#topBtn {font-family: graphie, sans-serif !important;color: inherit;border: none;font: inherit;cursor: pointer;outline: inherit;position: fixed;bottom: 16px;left: 16px;width: 48px;height: 48px;background: rgba(242, 242, 242, 0.8);transition: background 0.3s ease-out 100ms;border-radius: 48px;padding: 12px;display: none;}
#topBtn:hover {background-color: #555;}

/*-------- FOOTER STYLES ----------------*/
footer{}
footer a {font-family: "roboto-condensed", sans-serif !important;}
.foot-navigation {justify-content: space-between;color:#fff;}
.foot-navigation a {color:#fff;transition:.3s all;}
.foot-navigation a:hover {opacity:.5;}
span.foot-title {display: block;margin-bottom: 10px;text-transform: uppercase;letter-spacing: 1px;font-weight: 800;font-family: neulis-sans, sans-serif !important;font-size:15px;}
.foot-col ul li a {line-height: 2;}
.top-footer {border-bottom: 1px solid #333333;}
.bottom-foot {padding: 10px 0;}
.bottom-foot p {color: #999;font-size: 15px;}
a.foot-address,a.foot-phone{display: block;}
span.social-foot {display: flex;gap: 10px;}
span.social-foot a {color:#fff;display: flex;align-items: center;justify-content: center;background: #333;border-radius: 90px;padding: 10px;}

/*----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: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !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:#ff6602 !important;}
so I 

.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:#ff6602 !important;border-color: #ff6602;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: #da5600 !important; border-color: #da5600 !important;}

.list-top-section .list-title .list-title-text,.faceted-search-content .faceted-section-head .faceted-section-title,.ts-button.template-branded-button{  font-family: neulis-sans, sans-serif !important;}
.faceted-search-content .selected-facets-container .selected-facet,.list-content .listing-description {font-family: "roboto-condensed", sans-serif !important;}

.list-content .list-error-container .info .selected-facet {    background-color: transparent !important;border: none !important; }
.list-content .list-error-container .info .selected-facet button {
    padding: 5px !important;
    background-color: transparent !important;
    color: #000 !important;
    font-size: 14px !important;
}
/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1400px) {
	.hero-txt{align-items: baseline;}
	.hero-txt h1, h1 {font-size: 40px;}
	.hero-txt p {margin-bottom: 40px;}
	.home-txt {padding-top: 50px !important;padding-bottom: 50px !important;}
	.inv-title h4 {font-size: 20px;}
	.brand-slider .expandable-slide {width: 66% !important;}
	.services-wrap {grid-template-columns: repeat(4, 1fr);}
	.service h2 {font-size: 18px;}
	.showroom-box h2 {font-size:22px;}
}

@media screen and (max-width: 1250px) {
		.logo a {display: inline-flex;}
	.logo {padding:8px 0;margin: 0 !important;}
	.logo img {width: 160px;}
	.searchbar input[type="text"] {padding: 30px 20px 30px 20px !important;}
	
}
@media only screen and (max-width: 1200px) {
	.hero-txt h1, h1,.contact-form h3 {font-size: 36px;}
	.hero-txt {width: 100%;margin-bottom: 40px;}
	.hero-txt .txt-wrap {width:100%;margin:0;}
	.hero-brands {margin: 0 auto;width: 100%;float: none;}
	.hero-wrap {width: 90%;margin: 0 auto;}
	span.slide-arrows {width: 100%;margin: 0 auto;}
	.cat img{width:75px;}
	.inv-title h4 {font-size: 18px;}
	.inv-title{align-items: center;}
	.inv-title div{margin-bottom: 0;}
	.showroom-wrap {grid-template-columns: repeat(3, 1fr); }
	
	.parts-wrap{grid-template-columns: repeat(2, 1fr);gap: 1px;}
	
}
@media only screen and (max-width: 1000px) {
	.grid-cat {flex-wrap: wrap;}
	.cat{flex-basis: 33%;flex-grow:1;box-sizing: border-box;}
	.services-wrap {grid-template-columns: repeat(3, 1fr);}
	.flex-container.flex-page {flex-wrap:wrap;gap: 30px;}
	.flex-desc {flex-basis:100%;}
	.overlay .popup {max-width: 85%;}
}
@media only screen and (max-width: 950px) {
	.foot-navigation {flex-wrap:wrap;gap: 50px;}
	.foot-col{flex-basis: 45%;flex-grow:1;}
	.inv-title h4 {font-size: 16px;}	
	.showroom-box h2 {font-size:18px;}
	.showroom-box h2 span {font-size:16px;}
	.contact-box .wid90 {width: 95%;padding: 0;}
	.contact-pg {flex-wrap:wrap;gap:0}
	.contact-box {flex-basis: 100%;padding: 40px 0;}
	.map-hold{margin-bottom: 0;}
	.contact-box:nth-of-type(even) {border-right: none;border-left: none;border-top:1px solid #dadada;border-bottom:1px solid #dadada; }
}

@media only screen and (max-width: 890px) {
	.inv-title h4 {font-size: 20px;}
	.inv-box {max-height: 200px;}
	.inv-boxes {grid-template-columns: repeat(2, 1fr);}
	.brand-slider .expandable-slide {width: 100% !important;min-height: 350px;}
	.brand-slider .hide {width: 100%; max-width:100%;}
	.brand-title h2::before {border-top: 8px solid rgba(235, 235, 235, 0.50);}	
}

@media only screen and (max-width: 850px) {
	.showroom-wrap {grid-template-columns: repeat(2, 1fr); }
	.showroom-box {height: 150px;}
}
@media only screen and (max-width: 700px) {
	span.promo-arrows{display: none;}
	p.key-points{gap:15px;}
	.services-wrap {grid-template-columns: repeat(2, 1fr);}	
	.popup-text p {font-size: 25px; line-height: 24px!important;}
	

}
	
@media only screen and (max-width: 600px) {
	.left-side {display: none;}
	.right-side {width: 100%;flex-basis: 100%;padding: 10px 0;}
	.right-side:before {content: none;}
	.right-side a {font-size: 16px !important;}
	.right-content {width: 90%;margin: 0 auto;justify-content: space-between;}
	.foot-col{flex-basis: 100%;}
	 .txt-wrap button.orange-btn {background: #fff;color: #000;width: 100%;text-align: left;display: flex;justify-content: space-between;align-items: center;border: 1px solid #ff6602;padding: 0 0 0 20px;font-weight: 600;font-weight: 500;color: #666;}
	.txt-wrap button i {padding: 15px 20px;background: #ff6602;color: #fff;border: 1px solid #ff6602;box-sizing: content-box;font-size: 18px;}
	p.key-points {flex-wrap:wrap;gap: 5px;justify-content: center;display: none;}
	.home-txt h3 {margin-bottom: 20px;}
	.button-wrap{gap: 25px;}
	.showroom-wrap,.parts-wrap {grid-template-columns: repeat(1, 1fr);}
	.showroom-box h2 {font-size: 22px;}
	.overlay .popup {max-width: 97%;}
}

@media only screen and (max-width: 500px) {
    .logo img {width: 120px !important;}
	.cat {flex-basis: 100%;}
	.cat a {padding: 10px;}
	.inv-boxes,.services-wrap {grid-template-columns: repeat(1, 1fr);}
	.inv-box {max-height: 150px;}
	.inv-box button.white-link {padding-bottom: 0;}
	.button-wrap {flex-wrap:wrap;justify-content: center;}
	.home-txt h3,.hero-txt h1, h1,.sub-pg h1,.contact-form h3 {font-size: 32px;}
	.home-txt h3 span{font-size: 18px;}
	.popup-text p {font-size: 18px; line-height: 18px!important;}
	
}

@media only screen and (max-width: 400px) {
	.searchbar input[type="text"] {font-size: 18px;padding: 30px 10px 30px 10px !important;font-size: 18px !important;}
	.searchbar form:before{font-size: 22px;}
	
	
}

@media only screen and (max-width: 350px) {
    .popup-text p {
        font-size: 14px;
        line-height: 10px !important;