/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.css");

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: #D52B1E; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #D52B1E;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

h1,h2,h3,h4,h5,h6 {font-family: "Barlow Semi Condensed", sans-serif; text-transform:uppercase;}

button,cursor,a {cursor:pointer;}

/*--------TIME STYLES --------*/


.today {
  font-weight: bold;
}


span#todaysHoursDisplay {
    font-weight: bold;
    margin-top: 10px;
	font-size:16px !important;
}

.flex-row.business-hours {display: flex;gap: 8px;justify-content: space-around;box-sizing:border-box;}

/*-------- BODY STYLES --------*/

body {
  font-family: "Roboto", sans-serif;
  box-sizing:border-box;
  font-style: normal;
  line-height:1.6;
}

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


hr{border:#000 1px solid;}

.flex {display:flex;}

/*--- HEADER STYLES ---------------------*/
header {}
.hero {position: relative;}
.hero img {width: 100%;}
.floating-logo img {width:100%;max-width: 150px;}
.floating-logo {position: absolute;bottom: 5%;right: 3%;}


a.white-button {width:100%;}
a.white-button button {background: #fff;color: #000;width: 100%;max-width: 217px;border: unset;padding: 20px 11px;border-radius: 10px;margin-top: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;transition:.3s;}

a.white-button button:hover {background:#fff9;}
/*---BODY--------------------------------*/
.sec-1.long {width:90% !important;}

/*---BUTTONS--------------------------------*/
.button-flex {display: flex;}

a.red-button,input.red-button {width:100%}
a.red-button button,input.red-button{background: #D52B1E;width: 100%;border: unset;font-size: 20px;font-weight:700;color: #fff;border-radius:10px;padding:15px 10px;text-transform:uppercase;font-family: "Barlow Semi Condensed", sans-serif;transition:.3s}

a.red-button button:hover,input.red-button:hover {background:#a51409;}

/*--- INVENTORY SECTION ----------------------*/
.inventory-section .wrapper.flex {flex-wrap: wrap;display: flex;width: 100%;justify-content: center;gap: 30px;}

section.inventory-section {padding: 100px 0;}
.inv-cat {width: 100%;max-width: 550px;}

.inv-content {text-align: right;position: absolute;right: 0;bottom: -11px;width: 370px;transition:.3s;}

.inv-content:hover {width:390px}

.inv-cat {position: relative;color: #fff;}

.inv-overlay {position: absolute;top: 0;background: #0005;width: 100%;height: 445px;display: flex;flex-direction: column;border-radius: 10px;}

.inv-cat img {width:100%;line-height: 0;}


button.red-button { border: none;
  background: none; 
	border-radius: 10px;}
button.red-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #D52B1E; /* Example background color */
   clip-path: polygon(23% 51%,100% 51%,100% 100%,6% 100%);
    z-index: 0;
	border-radius: 10px;transition:.3s;
}


button.red-button p {position: relative; 
    z-index: 1;
    color: white;font-size:18px !important;  margin: 0;padding: 15px 6px;}

.inv-content > p {margin-right:30px;}

.inv-content p {font-size: clamp(1.25rem, 1.1149rem + 0.6757vw, 1.875rem);margin-bottom:20px;text-transform:uppercase;font-weight:700;}

/*--- ABOUT SECTION ----------------------*/
.about-home .wrapper.flex {justify-content: space-around;align-items: center;gap: 40px;}
.about-home .wrapper.flex .sec-1 {width: 40%;}

.about-home .wrapper.flex .sec-2 img{width: 100%;max-width: 530px;}
.about-home.about-page .wrapper.flex .sec-2 img{width: 100%;max-width: 780px;}

section.about-home {background: #000;color: #fff;padding: 100px  0;}

.about-home  .button-flex {margin-top: 40px;gap: 20px;}

.about-home .sec-1 h1 {font-size: clamp(1.875rem, 1.3878rem + 2.4359vw, 3.25rem);}
.about-home .sec-1 p {margin-bottom:20px;}
.about-home .sec-1 .sec-heading p {margin-bottom:unset;text-transform:uppercase;font-family: "Barlow Semi Condensed", sans-serif;font-size:22px;}
.sec-heading {line-height: 1 !important;margin-bottom: 18px;}

/*--- FLEXIABLE SECTION ----------------------*/
.flexiable-tradein .wrapper.flex {justify-content: space-around;align-items: center;width: 90%;margin: 0 auto;}

.flexiable-tradein .wrapper.flex .sec-1 {width: 40%;}
.flexiable-tradein .wrapper.flex .sec-2 img{width: 100%;max-width: 530px;}
section.flexiable-tradein {background: #000;color: #fff;padding: 80px  0;}

.flexiable-tradein  .button-flex {margin-top: 40px;gap: 20px;}

.flexiable-tradeine .sec-1 h1 {font-size: clamp(1.875rem, 1.3878rem + 2.4359vw, 3.25rem);}
.flexiable-tradein .sec-1 p {margin-bottom:20px;}
.flexiable-tradein .sec-1 .sec-heading p {margin-bottom:unset;text-transform:uppercase;font-family: "Barlow Semi Condensed", sans-serif;font-size:22px;}
.sec-heading {line-height: 1 !important;margin-bottom: 18px;}

.option.flex {display: flex;flex-direction: column;gap:20px;margin-top:30px;}
.what-we-offer .wrapper.flex {width: 90%;margin: 0 auto;padding: 1% 0 5%;gap: 70px;flex-direction: column;}

.option-cat {background:#fff;color:#000;box-shadow: 0 0 5px #0004;
    padding: 20px 0;
    text-align: center;
    box-sizing: border-box;
    border-radius: 20px;}

.sign-up .wrapper {width:90%;margin:0 auto;}

/*--- SERVICE SECTION ----------------------*/
.service-cat .service-image{border-radius: 13px;}
.service-categories.flex {justify-content: space-between;gap: 10px;}
.services-provided h2 {font-size: clamp(1.625rem, 1.3173rem + 1.5385vw, 3.125rem);margin-bottom:2%;}


.services-provided .wrapper.flex {    justify-content: space-evenly;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
    padding: 5% 0;}

.service-cat {position: relative;}

.service-image {width:100%;}
.service-image img {max-width: 100%;width: 551px;}

.service-overlay {position: absolute;top: 0;background-image: linear-gradient(180deg ,rgba(0,0,0,0.3),rgba(0, 0, 0, 0.8));color:#fff;border-radius: 13px;display: flex;height: 100%;width: 100%;}

.service-overlay .wrapper.flex {display: flex;flex-direction: column;width: 90%;position: relative;bottom:20px;justify-content: end !important;box-sizing: revert;}

.service-overlay .wrapper.flex h3 {font-size:28px;}
.steps .wrapper {width: 100%;margin: 0 auto;}

.collapsible {
  color: #000;
  cursor: pointer;
	background:unset;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: clamp(1.0625rem, 0.9856rem + 0.3846vw, 1.4375rem);
	font-weight:700;
	margin-bottom: 10px;
	text-transform:uppercase;
	font-family: "Barlow Semi Condensed", sans-serif;
}


.content {
     padding: 0 18px 50px;
    width: 90%;
    overflow: hidden;
}

button.collapsible.source.toggle-button {display: flex;justify-content: space-between;border-bottom: 4px solid #000;}

.toggle-button i {transform: rotate(0deg);transition: .3s;}
.toggle-button.active i {transform: rotate(-180deg);}


.content-image {width: 100%;object-fit: cover;text-align: center;padding-top: 20px;}
.content-image img {width: 100%;margin: 0 auto;}

/*--- NEWS AD SECTION ----------------------*/
.content h2 {font-size: clamp(1.25rem, 0.9936rem + 1.2821vw, 2.5rem);line-height:1;}
.news-today {background:#000;color:#fff;padding: 70px 0;}

.news-today .wrapper.flex {display: flex;flex-direction:row;align-items:center;gap: 50px;width: 90%;margin: 0 auto;}

.news-today .wrapper.flex .content{padding: 0;}

.content,.news-button {width:100%}
.news-button {text-align: right;}
.news-button a.red-button button {max-width: 80%;}

.news-categories div h1 {font-size: clamp(1.25rem, 1.0962rem + 0.7692vw, 2rem);}

/*--- NEWS SECTION ----------------------*/
.news-image {width: 100%;object-fit: cover;max-width: 339px;}

.news-section .wrapper.flex {display:flex;width: 90%;margin: 0 auto;padding: 40px 0;box-sizing: border-box;padding: 40px 2%;}

.news-section a,.archive-content a {color:#000;}

.news-cat {width: 90%;display: flex;align-items: center;gap: 60px;padding: 30px;box-shadow: 0 0 5px #0005;}

.news-cat img {width: 100%;object-fit: contain;height: 200px;}

.news-categories.flex.wrapper {display: flex;flex-direction: column;gap: 30px;border-right: solid;margin-right: 60px;}

.blog-archive {justify-content: right;width: 47%;box-sizing: border-box;}

.news.flex.long-image {width: 100%;object-fit: cover;max-width: 100%;gap: 40px;}
.news.flex {width: 100%;object-fit: cover;max-width: 46%;gap: 40px;}
.news.flex img {width:100%;object-fit: contain;}

.archive-content h3 {line-height:1;}
.archive-image {width: 100%;max-width: 185px;object-fit: cover;}
.archive-image img {width:100%;object-fit: contain;height: 100px;}
.content-wrapper {width: 90%;}
.archive-cat {display: flex;width: 100%;gap: 30px;max-width: 77%;box-shadow: 0 0 5px #0004;margin-bottom: 20px;padding: 13px 8px;align-items: center;}

.news-content h2,.archive-cat h3 {transition:.3s;}

.news-cat:hover h2,.archive-cat:hover h3 {color:#D52B1E;}

/*--- OUR TEAM SECTION ----------------------*/
.sales-cat {    padding: 20px;
    box-shadow: 0 0 5px #0003;
    width: 50%;
    border-radius: 10px;
    margin-top: 20px;
   	max-width: 9%;text-align: center;}


.sales-cat a {color:#D52B1E;}

.our-team .wrapper.flex {flex-direction: column;width: 90%;margin: 0 auto;}
section.our-team {padding: 40px 0;}
.sales-category {display: flex;gap: 10px;flex-wrap: wrap;justify-content: space-between;}
.sales-cat h2 {font-size:17px;}
.sales-cat p{    margin-bottom: 20px;
    line-height: 1.2;
    margin-top: 4px;}
.sales-cat.coming-soon {max-width:100%;}

.sale-popup-flex {flex-direction: column;display: flex;margin-top:10px;}
.popup .content h3{font-size:26px;line-height: 1;margin-top:20px;}

.popup .content {padding:unset;width:unset!important;}
.popup .content img{width: 100%;height: 480px;object-fit: cover;object-position: 0 40%;}

.sale-popup-flex i {color:#D52B1E;}
.sale-popup-flex a {color:#000;font-weight:700;}

.box {
    width: 100%;
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
    padding: 10px 0 22px;
    border: 2px solid #fff;
    border-radius: 20px/50px;
    background-clip: padding-box;
    text-align: center;

}

.box img:hover {transform:scale(1.1);}

.box img {width: 100%;	transition:.3s;}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #D52B1E;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 60px 20px 40px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
     position: absolute;
    top: 0px;
    right: 20px;
    transition: all 200ms;
    font-size: 44px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
  color: #D52B1E;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

/*--- EMPLOYMENT SECTION ----------------------*/
.jobswidget {padding: 5% 0;}
.employment .wrapper.flex {justify-content: space-around;align-items: center;width: 90%;margin: 0 auto;}

section.employment {background: #000;color: #fff;padding: 80px  0;}

.employment .button-flex {padding-top: 30px;}


/*--------CONTACT STYLES--------------------*/

.contact .wrapper.flex {justify-content: space-around;align-items: center;width: 90%;margin: 0 auto;flex-direction: column;gap:30px}

.contact .wrapper.flex .sec-1,.contact .wrapper.flex .sec-2 {width: 90%;}
section.contact {background: #000;color: #fff;padding: 80px  0;}

.contact  .button-flex {margin-top: 40px;gap: 20px;}

.contact .sec-1 h1 {font-size: clamp(1.875rem, 1.3878rem + 2.4359vw, 3.25rem);}
.contact .sec-1 p {margin-bottom:20px;}
.contact .sec-1 .sec-heading p {margin-bottom:unset;text-transform:uppercase;font-family: "Barlow Semi Condensed", sans-serif;font-size:22px;}

.contact .sec-2 a {font-weight:800;color:#fff;}

/*--------FORM STYLES--------------------*/

.formfield input,.formfield  selector,.formfield  textarea {box-sizing:border-box;width:100%;padding:15px 10px;}
.formfield {display: flex;width: 100%;gap: 30px;margin-bottom: 17px;}
.form.flex {justify-content: center;width: 90%;margin: 0 auto;}
.formfield div {width:100%;}
select#State {width: 100%;padding:15px 10px;}
input#CaptchaAnswer {width: 90% !important;padding: 10px !important;}

img#CaptchaImage{width: inherit !important;max-width: unset !important;}

/*-------- FOOTER STYLES ----------------*/
footer{background:#231F20;color:#fff;padding: 30px 0;}
footer a {color:#fff;}
.footer-categories {display: flex;}
.footer-logo {display: flex;flex-direction: column;align-items: center;border-right: solid;width: 36%;justify-content: center;}
.footer .wrapper.flex {    width: 90%;
    margin: 0 auto;
    padding: 5% 0;justify-content: space-evenly;}

.footer-categories {display: flex;width: 40%;justify-content: space-between;}

.foot-cat li {margin-bottom:5px;}

 p.large-text {font-size: clamp(1.0625rem, 0.8958rem + 0.8333vw, 1.875rem);font-family: "Barlow Semi Condensed", sans-serif;font-weight:700;text-transform:uppercase;}

.foot-cat a {transition:.3s;}
.foot-cat a:hover {font-weight:800;}

.main-website-button {position: fixed;z-index: 4;bottom: 30px;right: 0;}
.main-website-button a.red-button button{font-size:18px;padding: 25px 40px;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
input[type="checkbox"] {box-sizing:unset !important;width:inherit !important;padding:unset !important;background:#D52B1E !important;}

.column3.left li a,.linking-container h4 {color:#000 !important;}

.linking-buttons a.active,button.selected-facet.ts-button,.list-container-flexrow .view-listing-details-link {background:#D52B1E !important;color:#fff !important;}
.ground-bcrumbs {padding: 40px 0;}

/*---------- RESPONSIVE STYLES ----------*/



@media only screen and (max-width: 1656px) {
	.service-overlay .wrapper.flex .button-flex {flex-direction:column;margin-top:20px; gap:20px;}
	.service-overlay .wrapper.flex .button-flex a.white-button button {margin-top:unset;}
	
}



@media only screen and (max-width: 1700px) {
	.footer-logo {flex-direction: column;}
	
}


@media only screen and (max-width: 1720px) {
	.footer-logo {flex-direction: column;}
	.sales-cat {max-width: 19%;}
	
}

@media only screen and (max-width: 1500px) {
	.about-home.about-page .wrapper.flex .sec-2 img {max-width: 610px;}
	
}



@media only screen and (max-width: 1200px) {
	.footer-categories {width: 51%;}
	.sales-cat {max-width: 45%;}
	.archive-cat {max-width: 90%;padding: 8px 8px;}
	.about-home.about-page .wrapper.flex {flex-direction: column;}
	.about-home.about-page .wrapper.flex .sec-1{width: 90%;}
	.about-home.about-page .wrapper.flex .sec-2{text-align: center;}
	.about-home.about-page .wrapper.flex .sec-2 img{max-width:90%;}
}


@media only screen and (max-width: 1140px) {
	.footer-logo {flex-direction:column;}
	.service-image img {width: 100%;height: 370px;object-fit: cover;}
	.service-categories.flex {flex-direction: column;gap: 30px;}
	.service-overlay .wrapper.flex .button-flex {flex-direction:row;}
	a.white-button button {max-width: 100%;}
	
}


@media only screen and (max-width: 1000px) {
	.footer-logo {flex-direction:column;}
	.news-today .wrapper.flex {flex-direction: column;justify-content: center;text-align: center;}
	.news-button {text-align:center;}
	.footer .wrapper.flex {flex-direction: column;}
	.footer-logo {flex-direction: column;border-bottom: solid;border-right: unset;width: 100%;}
	.footer-categories {width: 100%;}
	.about-home .wrapper.flex {flex-direction: column;}
	.about-home .wrapper.flex .sec-1 {width: 90%;}
	.inv-cat {width:90%;}
	.inv-cat img {width:100%;}
	.news-section .wrapper.flex {flex-direction: column;border-right: unset;border-bottom:solid;}
	.news-cat {width: 90%;padding: 30px 5%;}
	.blog-archive,.archive-cat {width: 100%;padding: 8px 0;max-width:100%;}
	.service-overlay .wrapper.flex {justify-content: center !important;bottom:unset;}
	.about-home .wrapper.flex .sec-2 img {max-width: 90%;}
	.sec-2 {display:flex;justify-content: center;}
	.sales-cat {max-width: 43%;}
	.our-team .content {padding: 0 0 50px;}
	.archive-cat {flex-direction: column;}
	.archive-image {max-width: 90%;}
	.archive-image img{height:unset;}
	.archive-content {width: 90%;}
	.content-wrapper {width: 100%;}
	.news.flex.long-image {max-width: 100%;}
	.news-categories.flex.wrapper {width: 100% !important;}
	.news-section .wrapper.flex {width: 90%;box-sizing: border-box;padding-right: unset;}
	.new-section.categories {width:100%;margin-left: 0;margin-right:0;}
	.flexiable-tradein .wrapper.flex {flex-direction: column;}
	.flexiable-tradein .wrapper.flex .sec-1,.flexiable-tradein .wrapper.flex .sec-2,.contact .wrapper.flex .sec-2,.contact .wrapper.flex .sec-1 {width: 100%;flex-direction: column;}
}


@media only screen and (max-width: 700px) {
	.footer-categories {flex-direction: column;gap: 30px;}
	.news-cat {flex-direction: column;}
	.news-image {max-width: 90%;}
	.news-cat img {object-fit: cover;}
	a.white-button button {max-width: 100%;margin-top: 20px;}
	.sales-cat {max-width: 90%;}
	.formfield {flex-direction: column;gap: 13px;}
	.contact-form {margin-top: 10px;}
	.news.flex {flex-direction: column;max-width: 100%;}
	.archive-cat {padding: 13px 2%;}
	.news-categories.flex.wrapper {margin-right:unset;}
	.news-section .wrapper.flex {padding: 30px 0;}
	.news-content {width:90%;}
	
	.inv-overlay {height: 96%;}
	section.inventory-section {padding: 30px 0;}
}


@media only screen and (max-width: 600px) {
	.button-flex {display: flex;flex-direction: column !important;}
	.inv-content {bottom: 0px;}
	.floating-logo img {max-width: 80px;}
}




@media only screen and (max-width: 500px) {
	.header-text {padding: 10px 0;border-top: solid;border-left:unset !important;gap: 50px;text-align:center;}
	.inv-content {width: 330px;}
	.logo {flex-direction: column;}
	.button-flex {flex-direction: column;}
}




@media only screen and (max-width: 400px) {
	.inv-content {width: 297px;}
	.inv-content button.red-button p {font-size: 16px !important;}
}


@media only screen and (max-width: 350px) {
	.inv-content {width: 281px;
}