/***** 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: pakenham, sans-serif !important;
	overflow-x: hidden;
}

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

p {
	font-family: pakenham, sans-serif !important;
	font-size: 18px !important;
    line-height: 1.5 !important;
}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}


@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*--- HEADER STYLES ---------------------*/
header {}


.red-bg {
	background: #ee3b43;
}

.red {
	color: #ee3b43;
}
.header-top {
	border-bottom: 1px solid rgba(0,0,0,0.20);
	
}

.main-header .flex-container {
    justify-content: space-between;
	align-items: center;
	width: 90%; 
	margin: 0 auto;
}

.header-top .flex-container {
	justify-content: flex-end;
	gap: 20px;
	padding: 10px 0;
		align-items: center;
	width: 90%; 
	margin: 0 auto;
}

.logo img {
    max-width: 100%;
    width: 220px;
}

.right-side {
    display: flex;
    align-items: center;
    gap: 20px;
}

a.call-us {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #000;
	font-family: interstate, sans-serif !important;
	transition: .3s all;
}
a.call-us .text {
	transition: .3s all;
}

a.call-us:hover .text {
	color: #ee3b43;
		
}

a.call-us .text span {
	color: #000 !important;
		
}

.call-us .icon .fa-solid {
    font-size: 18px;
    padding: 15px;
    color: #fff;
}

.call-us span {
    display: block;
    font-size: 15px;
}
.call-us .text span {
    font-weight: 500;
    margin-bottom: 4px;
}

.call-us .text {
    font-weight: 700;
}

.social-section {
    display: flex;
    gap: 20px;
}
.social-section a {
	font-size: 22px;
	opacity: .5;
    color: #000;
	transition: .3s all;
}
.hour-section .fa-regular,.hour-section .fa-solid {
    opacity: .5;
    color: #000;
	transition: .3s all;
    font-size: 16px;
}

.social-section a:hover {
    opacity: 1
}

/*--- HEAD SEARCH --*/

.search-inv a {
	color: #000;
	font-size: 18px;
	transition: .3s all;
}

.search-inv a:hover {
	color: #ee3b43;
}

.head-search a {
	    font-size: 22px;
    opacity: .5;
	color: #000;
}

.head-search a:hover {
	opacity: 1;
}
.flex-search-top {
  padding: 0 !important;
  width: 90%;
  margin: 0 auto;
  align-items: flex-start !important;
  gap: 10px;
}
#search {
      padding: 10px 0;
    background: #000;
  z-index: 999999999999;
      border-bottom: 1px solid rgba(0,0,0,0.20);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-bg {
  -webkit-animation: slide-down .3s ease-out;
  -moz-animation: slide-down .3s ease-out;
  align-items: center;
  justify-content: center;
}
.search-btn {
  background: transparent;
	border: none;
	padding: 0 !important;
}
.search-btn:hover {
  opacity: 1;
}
#search-header input {
  caret-color: #000 !important;
  background: #000;
}
#search-header input:focus {
  outline-width: 0;
}
.searchTerm::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#000 !important;
  opacity: 1; /* Firefox */
	font-size: 16px;
}
.searchTerm:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000 !important;
	font-size: 16px;
}
.searchTerm::-ms-input-placeholder { /* Microsoft Edge */
  color: #000 !important;
	font-size: 16px;
}
input#search-box:focus {
  outline: none;
}
.search-wrap {
  width: 100%;
    background: #fff;
    padding: 0 30px;
    border-radius: 90px;
    overflow: hidden;
}
.search-wrap i.fa-solid.fa-magnifying-glass {
  font-size: 22px;
}
.search-header input[type="text"]:not([class^="Mui"]) {
  width: 100% !important;
  border: none !important;
  font-size: 16px !important;
	padding: 15px 0 !important;
  color: #000 !important;
	font-family: interstate, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  height: auto !important;
	line-height: 1;
}
#closeSearch {
  float: right;
  background: transparent;
  border: none;
  font-size: 22px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease !important;
  -moz-transition: all 0.4s ease !important;
  -ms-transition: all 0.4s ease !important;
  -o-transition: all 0.4s ease !important;
  color: #fff !important;
  position: absolute;
  right: 40px;
  top: 10px;
}
#closeSearch:hover {
  color: #ee3b43 !important;
}
form.search-header {
  display: flex;
  align-items: center;
}
.link-wrap a {
  width: 100%;
  max-width: 300px;
}

/*

HERO
*/
.hour-section {
    font-family: interstate, sans-serif !important;
	font-weight: 500;
	display: flex;
	gap:20px;
}

.hour-section a {color:#000; transition:.3s all;}
.hour-section a:hover {color:#ee3b43 !important;}
.hour-section a:hover i {color:#ee3b43 !important; opacity: 1; transition:.3s all;}
.hero {
	background: url("/siteart/hero.jpg") no-repeat;
	background-size: 125%;
    background-position: 30% 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.hero-text .text-wrap {
    width: 90%;
    margin: 0 auto;
}


.hero-text button {
    margin-top: 40px;
}

.hero-text {
      background: rgba(255,255,255,0.85);
    padding: 60px 0;
    margin-top: clamp(100px, 20%, 300px) !important;
    flex-basis: 50%;
}

.hero-text h1 {
    font-weight: 500;
    font-size: 44px;
    line-height: 1.1;
    margin-top: 10px;
}
.hero-text h1 strong {
    display: block;
        font-weight: 800;
}

	h2.red {
    font-size: 22px;
}


#nbr{
  margin:44px 0 0 0;
}

section.business-counter {
    background: #fff;
    border-left: 15px solid #ee3b43;
    FONT-VARIANT: ruby;
    border-radius: 0 0 0 15px;
}

.counter-wrap {
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0;
}

.non-count {
    font-size: 45px !important;
    font-weight: 900;
}
.counter-wrap h2 {
    text-align: center;
	color: #ee3b43;
	font-size: 62px;
	flex: 1;
}

.counter-wrap strong {
	color: #000;
	font-size: 28px;
	    display: block;
}

.home-txt .grid-container {
	grid-template-columns: repeat(2, 1fr);
    gap: 7%;
    grid-auto-rows: minmax(100px, auto);
    margin-top: 50px;
}

.home-txt .flex-container {
	align-items: center;
}

.flex hr {
    border: none;
    width: 100px;
    background: #ee3b43;
    height: 1px;
    margin: 10px;
}

span.flex.red {
    display: flex;
    align-items: center;
}

.txt-side h3,.service-section h3,.contact-info h3 {
    font-size: 38px;
    font-weight: 400;
    margin-top: 15px;
	margin-bottom: 20px;
}

.txt-side p {
	margin-bottom: 40px;
}

.txt-side,.home-img{
	flex: 1;
}

.img-holder img {
       max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 0 0 0;
    z-index: 9;
    position: relative;
    margin-left: 3%;
    display: block;
}
.img-holder {
    position: relative;
    overflow: hidden;
	height: 100%;
}


.in-behind {
    position: absolute;
    top: 10%;
    bottom: 0;
    left: 0px;
    right: 0;
    z-index: 1;
    border-radius: 15px 0 0 0;
}

.txt-side {
    margin-left: 10%;
}

.service-section {
    text-align: center;
}

.grid-service {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    grid-auto-rows: minmax(100px, auto);
    margin-top: 50px;
}
.grid-rent{
	grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    grid-auto-rows: minmax(100px, auto);
    margin-top: 50px;
}

.grid-rent .service-col{padding: 20px;}

.service-col,.location {
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
	padding: 40px;
    border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
	transition: .4s all;
	box-sizing: border-box;
	text-align: center;
	background: #fff !important;
}

.service-section span.flex.red {
    justify-content: center;
}

.service-col h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.service-col h4 span {
	display: block;
}
.icon-service {
    font-size: 55px;
    margin-bottom: 20px;
}
.contact-info h3 {
    margin-bottom: 50px;
}

.service-col:hover {
    border-right: 5px solid #ee3b43;
	border-bottom: 5px solid #ee3b43;
	box-shadow: none;
	box-sizing: border-box;
}


.contact-info, .map {
 
   flex: 1;
}

.contact-information {
    margin-bottom: 50px;
    font-size: 18px;
}

.contact-information:last-of-type {
	margin-bottom: 0 !important;
}

.map h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 800;
}

.map-wrap {
	width: 100%; overflow: hidden;
}

.map-wrap iframe {
    margin-top: -65px;
}
/*---BODY--------------------------------*/

#pad-xl {
    padding-top: clamp(70px, 5%, 90px) !important;
    padding-bottom: clamp(70px, 5%, 90px) !important;
}

.flex-container {
	display: flex;
}

.grid-container {
	display: grid;
}

.center {
	text-align: center;
}

.off-white {
	background: #f7f6fb
}

.wid90 {
	margin: 0 auto;
	width: 90%;
}

/*--------SUB PAGE STYLES--------------------*/
.padding-push {
	padding-bottom: 50px !important;
}
.page-wid {
	 width: 90%;
    margin: 0 auto;
    max-width: 1500px;
}

.page-wid h1 {
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 20px;
}

.page-wid h2 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px;
}

.page-wid p {
    max-width: 1200px;
}

.page-wid a {
	color: #000;
	font-weight: 600;
	transition: .3s all;
}

.page-wid a:hover {
	color: #ee3b43;
}
.bread-crumbs {
	background: #f7f6fb;
	padding: 20px 0;
}
span.page-link {
    width: 90%;
    margin: 0 auto;
    display: block;
    max-width: 1500px;
}

span.page-link a {
    color: #000;
	transition: .3s all;
    opacity: .5;
}

span.page-link a:hover {
	opacity: 1;
}

ul.fa-ul {
    font-size: 18px;
    line-height: 2;
	margin-bottom: 10px
}

.grid-locations {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    grid-auto-rows: minmax(100px, auto);
    margin-top: 50px;
}

.location {
    padding: 30px !important;
	text-align: left !important;
}

.location .call-us .icon .fa-solid {
    font-size: 16px;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.location .call-us {
	margin-bottom: 20px;
}
.location h3 {
       margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

/*Accordion*/
.flex-container.flex-services {
    justify-content: space-between;
    gap: 15px;
}

.flex-services .page-head {
    flex: 1;
}

.service-section {
    flex: 1;
}

.accordion {
	background: #f7f6fb;
    color: #000;
    cursor: pointer;
    padding: 20px;
    font-size: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
	font-family: interstate, sans-serif !important;
    transition: 0.4s;
    font-weight: 500;
    display: flex;
    align-items: center;
       justify-content: space-between;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
}

.panel ul.fa-ul {
    padding-inline-start: 0px;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 20px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
	margin: 15px 0;
}

.panel p {
    padding: 10px 0;
}

.accordion:after {
  content: '+'; /* Unicode character for "plus" sign (+) */
  font-size: 28px;
    color: #EF3E3E;
    font-weight: 600;
    float: right;
}

.active:after {
  content: "-";
	 font-size: 28px;
  color: #EF3E3E;
  float: right;
  margin-left: 5px;/* Unicode character for "minus" sign (-) */
}



/*--------SERVICE STYLES--------------------*/


.flex-lease {
    gap: 5%;
}

.text-half {
    flex: 1;
    margin-top: 30px;
}

.cutout-img {
    flex: 1;
}
.cutout-img img {
    max-width: 100%;
    width: 100%;
}

.service .text-half button.red-btn {
    margin-top: 30px;
}

.rent-option{flex: 1;border: 1px solid #e8e8e8;padding:30px;}
.flex-details {
    margin-top: 40px;
}
.flex-details h2 {
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}

.rent-pg h2 {
    text-transform: none !important;
    font-size: 32px;
    font-weight: 400;
}
/*--------BUTTON STYLES--------------------*/

button {
	cursor: pointer;
	transition: .3s all;
}

.buttons {
    margin-top: 30px;
    display: flex;
    gap: 20px;
}
.button-wrap {
    padding-top: clamp(70px, 5%, 90px) !important;
}

button.red-btn {
    background: #ee3b43;
    color: #fff;
    padding: 15px 40px;
    border: none;
    border-radius: 0 0 15px 0;
    font-family: interstate, sans-serif !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
}

button.red-btn:hover {
	background: rgba(233,20,29,1.00);
}
button.dark-btn {
    background: #444444;
    color: #fff;
    padding: 15px 40px;
    border: none;
    border-radius: 0 0 15px 0;
    font-family: interstate, sans-serif !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
}

button.grey-btn {
    background: #f7f6fb;
    color: #000;
    padding: 15px 40px;
    border: none;
    border-radius: 2px;
    font-family: interstate, sans-serif !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
	
}

button.grey-btn:hover {
	background: #000;
	color: #fff;
}

.location .grey-btn {
	padding: 15px 0;
    width: 100%;
}


/*-------- FOOTER STYLES ----------------*/
footer{
	
	background: #000;
}

.foot-wrapper {
    padding-bottom: clamp(40px, 5%, 50px) !important;
}
.finance-banner .flex-container {
    justify-content: space-between;
	background: url("/siteart/foot-bg.jpg") no-repeat;
	    background-size: cover;
    border-radius: 10px;
    color: #fff;
    gap: 50px;
    align-items: center;
    background-position: 50% 15%;
	    padding: 50px;
}
.finance-banner {
    position: relative;
    top: -50px;
}

.finance-banner .red {
    font-size: 72px;
}

.finance-txt {
	flex: 1;
}

.finance-banner h2 {
    font-size: 32px;
    margin-bottom: 10px;
}


.flex-foot {
	justify-content: space-between;
}


.foot-col {
    flex: 1;
}

.flex-foot p, .flex-foot a {
	color: #fff;
	transition: .3s all;
}

.flex-foot a {
	letter-spacing: 1px;
}
.flex-foot a:hover {
	color: #ee3b43;
}

.foot-col img {
    max-width: 100%;
    width: 150px;
	filter: brightness(0) invert(1);
}

p.foot-title {
    font-family: interstate, sans-serif !important;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

.socials a {
    opacity: .5;
}

.socials {
    display: flex;
    gap: 10px;
    font-size: 22px;
    margin-top: 20px;
}

.foot-col li {
    line-height: 2;
}

.c-links a {
    margin-bottom: 15px;
    display: inline-block;
}

.bottom-footer {
    background: #222;
    color: #fff;
}
.wid90.flex-foot-bottom {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
	align-items: center;
}
.flex-foot-bottom p {
    font-size: 16px !important;opacity: .5;
}

span.flex-terms {
    display: flex;
    gap: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
span.flex-terms a {
    color: #fff;
    font-size: 16px;
	opacity: .5;
	transition: .3s;
}

span.flex-terms span {opacity: .5;}
.mobile-show {
	display: none;
}

span.flex-terms a:hover {opacity: 1 !important;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons),.list-top-section .list-title .list-title-text{font-family: interstate, sans-serif !important;} /* Reset font, ignore icons */

.faceted-search-content .selected-facets-container .selected-facet,.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 {
	    font-family: interstate, sans-serif !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	font-size: 12px !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 {
    -moz-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.list-content .list-main-sectio,.faceted-search-content .selected-facets-container,.faceted-search-content .faceted-section-head,.faceted-search-content .faceted-section-box,.faceted-search-content .faceted-search__main-section,.list-content .list-main-section,.faceted-search-content .selected-facets-container,.faceted-search-content .faceted-search__top-section {
	border-color: #ededed !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:#ee3b43 !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:#ee3b43 !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 #ee3b43 !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: #ee3b43 !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 ----------*/

@media only screen and (min-width: 1450px) {
	.hero-text h1 {
		font-size: 62px;
	}
	
	
	
}

@media only screen and (max-width: 1400px) {
	.non-count {
    font-size: 40px !important;
    font-weight: 900;
}
}

@media only screen and (min-width:1200px) and (max-width: 1450px) {
	.hero-text h1 {
		font-size: 52px;
	}
	
	h2.red {
    font-size: 26px;
}
	
	.grid-locations {
    grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width: 1200px) {
	.counter-wrap h2 {
		font-size: 48px;
	}
	.grid-service {
		    grid-template-columns: repeat(2, 1fr);
	}
	
	.finance-banner h2 {
		font-size: 26px;
	}
	
	.finance-banner .flex-container {
		gap: 30px;
		    padding: 40px;
	}
	
	.grid-locations {
    grid-template-columns: repeat(2, 1fr);
	}
	

}

@media only screen and (max-width: 1300px) {
	.grid-rent{
	grid-template-columns: repeat(3, 1fr);
}
	.non-count {
    font-size: 36px !important;
}
}

@media only screen and (max-width: 1150px) {
	.sub-links{display: none;}
	.non-count {
    font-size: 28px !important;
}
}
@media only screen and (max-width: 1000px) {
	header {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
}
	
	.desktop-show {
		display: none;
	}
	
	.mobile-show {
		display: block;
		margin-top: 0 !important;
	}
	
	.mobile-show img {
    max-width: 100%;
    width: 100%;
		    display: block;
}
	
	.hero {
    height: 400px;
		background-size: cover;
	}
	
	.home-txt .grid-container {
		    grid-template-columns: repeat(1, 1fr);
		gap: 0;
		margin-top: 0 !important;
	}
	
	.txt-side {
		width: 90%;
		margin: 0 auto !important;
	}
	
	.flex-contact {
		flex-wrap: wrap;
		gap: 60px;
	}
	
	.contact-info, .map{
		flex-basis: 100%;
	}
	
	.contact-options{
		display: inline-block;
		margin-right: 40px;
	}
	
	.contact-options:last-of-type{
		margin-right: 0 !important;
	}
	
	.finance-banner {
		top: 0;
		width: 100% !important;
	}
	
	
	
	.finance-banner .flex-container {
		margin-bottom: clamp(40px, 5%, 50px) !important;
		border-radius: 0 !important;
	}
	
		.flex-lease {
		flex-wrap: wrap;
		gap: 40px;
	}
	
	.text-half {
		flex-basis: 100%;
		margin: 0 !important;
	}
	
	.cutout-img,.padding-push {
		display: none;
	}
}


@media only screen and (max-width: 850px) {
	.finance-banner .red {
		display: none;
	}
	
	.flex-foot {
		flex-wrap: wrap;
		gap: 50px;
	}
	
	.foot-col {
    flex-basis: 26%;
    flex-grow: 1;
}
	
		.grid-rent{
	grid-template-columns: repeat(2, 1fr);
}
	.flex-details {flex-wrap:wrap;}
	.rent-option{flex-basis:100%;}
	
}

@media only screen and (max-width: 730px) {
	.finance-banner .flex-container {
		flex-wrap: wrap;
	}
	.finance-txt {
		flex-basis: 100%;
	}
	
	.grid-service {
    grid-template-columns: repeat(1, 1fr);
}
	
	.counter-wrap strong {
		font-size: 22px;
	}
	
	.counter-wrap h2 {
    font-size: 36px;
}
	
	.grid-locations {
    grid-template-columns: repeat(1, 1fr);
	}
	.non-count {
    font-size: 24px !important;
}
}

@media only screen and (max-width: 630px) {
	header a.call-us {
		display: none;
	}
	
		.foot-col {
    flex-basis: 100%;
    flex-grow: 1;
}
}


@media only screen and (max-width: 530px) {
	.counter-wrap {
		flex-wrap: wrap;
		padding: 30px 0;
		gap: 30px;
	}
	.counter-wrap h2 {
		flex-basis: 100%;
	}
	
	
	.txt-side h3, .service-section h3, .contact-info h3 {
    font-size: 32px;
	}
	
	.flex hr {
		width: 10%;
	}
	.call-us .text {
    line-break: anywhere;
}
	.buttons {
    flex-wrap: wrap;
}
	
	
		.buttons a{
   flex-basis: 100%;;
}
	
	.buttons button {
		width: 100%;
	}
	
		.grid-rent{
	grid-template-columns: repeat(1, 1fr);
}
	
}
@media only screen and (max-width: 480px) {
	.hour-section {display: none;}
		.page-wid h1 {
    font-size: 32px;
	}
}

@media only screen and (max-width: 400px) {
	.main-header .flex-container {
		flex-wrap: wrap;
	}
	
	.logo {
    flex-basis: 100%;
    text-align: center;
}
	.right-side {
		flex-basis: 100%;
		justify-content: space-between;
	}
	

}