/***** BEGIN RESET *****/
@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");
@import url('https://fonts.googleapis.com/css2?family=Sarala:wght@400;700&display=swap');
@import url("https://use.typekit.net/ugl6kgg.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;  
} 

h1,h2,h3,h4,h5,h6,.hero-image p {font-family: "segoe-ui", sans-serif;text-transform:uppercase;}
/*-------- 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;
}

button,a,input.black-button.form{cursor: pointer;}

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

body {
 font-family: "Sarala", sans-serif;
 font-style: normal;
line-height: 1.9;
 box-sizing:border-box;
 overflow-x: hidden;
 background:#E0E0E0;
}

body.inventory {background:#fff;}

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


hr{width: 90%;border: #000 3px solid;margin: 11px auto 25px;}

/*--- BUTTON STYLES ---------------------*/
a.black-button {width:100%;}
a.black-button button,input.black-button.form,.collapsible {background: #000;border:solid 4px #000;color: #fff;font-family: "segoe-ui", sans-serif;width: 100%;text-transform: uppercase;padding: 15px 0;font-weight: 800;transition:.3s;font-size: 16px;}

a.black-button button:hover,input.black-button.form:hover,.collapsible:hover  {border:solid 4px #000;background:transparent;color:#000;}

a.white-button {width:100%;}

a.white-button button {background: #fff;color: #000;font-family: "segoe-ui", sans-serif;width: 100%;text-transform: uppercase;padding: 15px 5%;display: flex;justify-content: center;align-items: center;transition:.3s;margin-top: 18px;border:#fff solid 4px;font-weight: 900;font-size:16px;}

a.white-button button:hover {border:#fff solid 4px;background:#0005;color:#fff;}

.button.flex {max-width: 78%;width: 100%;justify-content: space-between;gap: 30px;}
.hero-content .button.flex a.white-button {width: 100%;max-width: 460px;}
.hero-content .button.flex {margin-top: 40px;}
a.white-button {width: 100%;max-width: 100%;}


.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #fff;
}

.CaptchaWhatsThisPanel a {}
/*--- HEADER STYLES ---------------------*/
header {}




/*---BODY--------------------------------*/
.flex {display:flex;}

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

.floating-background > .wrapper.flex {flex-direction:column;background:#fff;width:100%;max-width:95%;margin:0 auto;position:relative;right:0;left:0; box-shadow: 0 10px 15px #0004;}

.floating-background {position:relative;top: -70px;z-index: 700; }

.floating-background {margin: 0 auto -160px;}

.hero-image {background:url("../siteart/hero.webp");background-color:#000;aspect-ratio: 11/6;background-repeat:no-repeat;background-size: cover;position:relative;}
.hero-overlay {position: ABSOLUTE;background: #0007;z-index: 700;width: 100%;height: 100%;}

.sub-page.hero-image {aspect-ratio: 5/1;}

.hero-image p {font-size: clamp(0.9375rem, 0.5781rem + 1.7969vw, 2.375rem);font-weight: 700;text-align: center;}

.hero-content {display: flex;flex-direction: column;justify-content: center;align-items: center;top: 30%;position: relative;color:#fff;line-height:1;width: 90%;margin: 0 auto;}
.hero-content h1 {font-size: clamp(1.125rem, 0.0815rem + 5.2174vw, 5.625rem);}

/*--------INVENTORY CATEGORIES-------*/
section.inv-section h2 {font-size: clamp(1.125rem, 0.8062rem + 1.5942vw, 2.5rem);}

section.inv-section {text-align: center;padding: 3% 0 6%;}

.inv-categories {display: flex;justify-content: center;width: 90%;margin: 0 auto;gap:20px;}

.inv-cat {overflow: hidden;box-shadow:0 5px 5px #0005;position:relative;line-height: 0;transition:.3s;}
.inv-cat img {max-width: 420px;width: 100%;object-fit: cover;height: 389px;transition: 0.3s;transition:.3s;}

.inv-cat:hover .inv-overlay{background-image: linear-gradient(180deg ,rgba(255,255,255,0.6),rgba(255, 255, 255, 0.5));color:#000;}
.inv-cat:hover img{transform:scale(1.1);}

.inv-overlay {position: absolute;top: 0;width: 100%;height: 100%;background-image: linear-gradient(180deg ,rgba(0,0,0,0.3),rgba(0, 0, 0, 0.5));color: #fff;text-align: center;line-height: 1.4;transition:.3s;}

.inv-content {position: absolute;left: 0;right: 0;bottom: 32px;}

.inv-content p{font-size: clamp(1.25rem, 1.1824rem + 0.3378vw, 1.5625rem);font-family: "segoe-ui", sans-serif;text-transform:uppercase;font-weight:700;}

.inv-content .small-text{font-size:16px;}

sec.inv-section {width: 90%;margin: 0 auto;}



/*--------APPLY FOR FINANCING STYLES------*/
.financing .wrapper.flex {gap: 30px;}
.financing .wrapper.flex .sec-1{line-height:0;}
.apply-today {color:#fff;background:#000;display:flex;width:100%;max-width: 61%;padding: 4% 0;}
.apply-today .wrapper.flex {flex-direction: column;justify-content:center;max-width: 66%;gap: 3px;}
.apply-today .wrapper.flex h2{font-size: clamp(1.25rem, 1.0585rem + 0.9574vw, 2.375rem);line-height: 1.4;}
section.financing {padding-bottom: 3%;}

.financing .wrapper.flex .sec-1 img{width: 100%;max-width: 100%;height: 100%;object-fit: cover;}

/*--------ABOUT US STYLES------*/

.about-us .wrapper.flex h2 {font-size: clamp(1.5625rem, 1.3598rem + 1.0135vw, 2.5rem);line-height: 1.1;}

.about-us .wrapper.flex .sec-1 {width: 100%;max-width: 710px;display: flex;flex-direction: column;justify-content: center;}
.about-us .button-flex {display:flex; justify-content: space-between;gap:30px;margin-top:30px;}

.about-us .wrapper.flex {justify-content: space-between;padding: 3% 0 5%;gap: 80px;}

.about-us .wrapper.flex .sec-2 {width: 100%;max-width: 50%;}
.about-us .wrapper.flex .sec-2 img {width: 100%;object-fit: cover;height: 100%;}


.map {width: 90%;margin: 0 auto;padding-bottom: 7%;}

/*--------CONTACT STYLES------*/
.contact-us .wrapper.flex h2 {font-size: clamp(1.5625rem, 1.3598rem + 1.0135vw, 2.5rem);line-height: 1.1;}

.contact-us .button-flex button {padding: 31px 0;}

.contact-us .wrapper.flex .sec-1 {width: 100%;display: flex;flex-direction: column;justify-content: center;}

.form .wrapper.flex .sec-1 {flex-direction:column;}

.form.flex {flex-direction: column;}
.form {width: 100%;max-width: 100%;}
.contact-us .button-flex {display:flex; justify-content: space-between;gap:30px;margin-top:10px;}

.contact-us .wrapper.flex {justify-content: space-between;padding: 3% 0;gap: 70px;}
.map {width: 90%;margin: 0 auto;padding-bottom: 7%;}

section.contact-us .wrapper.flex hr {width:100%;}



/*--------ABOUT US STYLES------*/

.thankyou-us .wrapper.flex h2 {font-size: clamp(1.5625rem, 1.3598rem + 1.0135vw, 2.5rem);line-height: 1.1;}

.thankyou-us .wrapper.flex .sec-1 {width: 100%;max-width: 100%;display: flex;flex-direction: column;justify-content: center;}
.thankyou-us .button-flex {display:flex; justify-content: space-between;gap:30px;margin-top:30px;}

.thankyou-us .wrapper.flex {justify-content: space-between;padding: 3% 0 3%;}
.map {width: 90%;margin: 0 auto;padding-bottom: 7%;}

/*--------FORM STYLES--------------------*/
.formfield input,.formfield select,.formfield textarea {box-sizing:border-box;width:100%;border:solid #000 2px;}
.formfield input,.formfield select {padding:2% 1%;}
.formfield textarea {padding:3% 2%;font-family: "Sarala", sans-serif;}
.formfield {padding-bottom: 13px;}
.form .wrapper.flex{padding-bottom: 7%;}
.CaptchaWhatsThisPanel a {color:#000;}


/*-------- FOOTER STYLES ----------------*/
footer{display: block;}

.footer-logo {background: #fff;display: flex;align-items: center;width: 100%;max-width: 30%;justify-content: center;}

footer .black-background .wrapper {margin: 74px auto 0;}

.footer-categories {display: flex;justify-content: space-evenly;width: 100%;align-items: start;}

.foot-cat.last-section {border-right:unset;}

footer .black-background {background: #000;display: flex;width: 100%;padding: 4% 0 0;height: 330px;}

.footer p, .footer a {color:#fff;transition:.3s;border-bottom: 2px solid transparent;}

.footer a:hover {border-bottom: 2px solid #fff;
				color:#fff;}

.footer p {font-family: "segoe-ui", sans-serif;text-transform:uppercase;font-size:20px;font-weight:600;}

.foot-cat {border-right: solid #fff 3px;padding-right: 60px;}

footer .black-background.inventory {padding:unset;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-container-flexrow .view-listing-details-link,.list-redesign .widget-container .listing-widgets .shipping a,button#list-page-print-this,.financing.listing-widget__financing.Currency a{background:#000 !important;color:#fff !important;}

.list-top-section .list-listings-count {color:#000 !important;}

ul.breadcrumbs__list,.ground-bcrumbs {padding-top:3%;}

.column3.left ul li a,.linking-container h4,.calc-button-wrapper button, .detail__machine-location a, .dealer-contact__details_right-col a, .dealer-contact__phone button.dealer-contact__videochat span,span.detail__search-results-text,nav.breadcrumbs ul li a{color:#000 !important;}


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

@media only screen and (max-width: 1300px) {
	.inv-categories {flex-wrap: wrap;}
	.apply-today {padding: 6% 0;}
	
}

@media only screen and (max-width: 1100px) {
	.financing .wrapper.flex {flex-direction: column-reverse;}
	.apply-today .wrapper.flex {flex-direction: column !important;max-width: 80%;}
	.about-us .sec-2 {display:none;}
	.apply-today {max-width:100%;padding: 17% 0;}
	.footer.flex {flex-direction: column;}
	footer .black-background {padding:unset;}
	.footer-logo {max-width: 100%;padding: 26% 0 12%;text-align: center;}
	.map {width:90%;}
	a.white-button button:hover {border:#000 solid 4px;background:#000;color:#fff;}
	.hero-content .button.flex {flex-direction: column;gap:10px;}
	.floating-background {top: 180px;margin: 0 auto 125px;}
	.hero-content .button.flex {    position: absolute;
    top: 200px;margin-top:unset;}
	.hero-content .button.flex,.hero-content .button.flex a.white-button {width:100%;max-width:100%;gap: unset;}
	.hero-content .button.flex a.white-button {padding: unset;margin-top: 7px;}
	
	.hero-content .button.flex a.white-button button{padding: 16px 5%;margin-top: unset;box-shadow: 0 4px 15px #0004;}
	
	.hero-image{width: 100%;height: 340px;aspect-ratio:unset;background-position: 56%;}
	
	section.sub-page.hero-image {height: 130px;background-position: unset;}
	.hero-content {width: 95%;}
    .subpage.floating-background {top: -20px;margin: 0 auto -95px;}
}

@media only screen and (max-width: 1005px) {
	.inv-cat img {height: 320px;}
	.contact-us .button-flex {flex-direction: column;gap: 10px;margin-top:0;}
	.contact-us .wrapper.flex {flex-direction: column;}
}

@media only screen and (max-width: 800px) {
	footer .black-background {height:unset;}
	.footer-logo img {width:100%;max-width:70%;}
	.foot-cat.last-section {border-bottom:unset !important;}
	.footer-categories {flex-direction:column;}
	.foot-cat {border-right:unset;border-bottom:solid #fff 3px;padding-right:unset;width: 100%;padding-bottom:30px;padding-top: 30px;}
	footer .black-background .wrapper {margin:0 auto !important;}
	.thankyou-us .wrapper.flex,.about-us .wrapper.flex,.contact-us .wrapper.flex  {padding: 8% 0 8%;}
}


@media only screen and (max-width: 600px) {
	.thankyou-us .button-flex {gap: 10px;flex-direction: column;}
}


@media only screen and (max-width: 500px) {
	.about-us .button-flex {flex-direction: column;margin-bottom: 30px;gap: 12px;}
	.about-us.button-flex {gap: 16px;}
	.logo img {max-width: 100%;}
	.hero-image p {margin-bottom: 9px;line-height: 1.4;}
}

@media only screen and (max-width: 400px) {
}