/***** 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=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=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

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;
}

* {box-sizing:border-box!important;}

a,button {cursor:pointer;}

input.form-button {font-size:16px !important;}
.yellow-button button,input.form-button {background:#F7BD14;border-radius:10px;width:100%;padding:20px 0;text-align:center;border:unset !important;font-weight:900;box-shadow:0px 5px 5px#0003;font-size:18px;transition:.3s;color:#000;}
.button-flex {margin-top: 50px;width: 100%;display: flex;gap: 20px;
	
box-shadow: inset 0 0 0 0 #D80286;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;}
a.yellow-button {width:100%;}

.yellow-button button:hover, input.form-button:hover {background:#D65228;}
.inv-cat:hover img {transform: scale(1.1);}
.inv-cat:hover .outline-button {background:#fff9; color:#000;}

.finance-link:hover img {transform: scale(1.1);}
/*-------- BODY STYLES --------*/

body {
  font-family: "Mulish", sans-serif;
  box-sizing: border-box;
  line-height:1.5;
   background:url("/siteart/textured-background.png");
}

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


hr{border:#000 1px solid;}

h1,h2,h3,h4,h5,h6,button {font-family: "Barlow Semi Condensed", sans-serif;text-transform:uppercase;}
.bold {font-weight:800;}
/*--- HEADER STYLES ---------------------*/
header {}

.site-header {display: flex;position: relative;background: #000;}
.hero-header {position: relative;}

.hero-overlay {position: absolute;z-index: 1;color: #fff;font-size: 30px;width: 100%;height: 100%; display: flex;align-items: center;background: #0008;}

.hero-overlay h1 {border-left: #F7BD14 solid 14px;line-height: 1;font-size: clamp(1.875rem, 1.1058rem + 3.8462vw, 5.625rem);padding-left: 30px;margin-left:60px;}

.subhero-header .hero-overlay h1 {border-left: #F7BD14 solid 14px;line-height: 1;font-size: clamp(1.875rem, 1.4495rem + 2.1277vw, 4.375rem);;padding-left: 30px;margin-left:60px;}

.dropbtn {
  color:#F7BD14;
  background: unset;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 100%;
}

.mobile-buttons i {font-size:20px;}


.large-buttons.red i {color:#fff;}

#myInput {
    box-sizing: border-box;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 0;
    margin: 0 auto;
    display: flex;
    width: 100%;
    justify-content: center;
}

#myInput:focus {outline: 3px solid #ddd;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: relative;
  background-color: #414141;
  overflow: auto;
  z-index: 99999999999;
  padding: 20px 0;
  width:100%;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}


button#Submit {position: absolute;background: unset;border: none;right: 6.5% !important;top: 40px !important;font-size: 19px;color:#000;}

.search-wrapper {display: flex;justify-content: space-between;border-bottom: solid #F7BD14;padding-bottom: 20px;width: 66%;}

.search-wrapper a {color:#fff;}
.search-wrapper i {color:#F7BD14;}
/*---INVENTORY CAT -------------------*/
.inv-cat img{max-width: 420px;width: 100%;object-fit: cover;height: 579px;border-radius: 10px;transition:0.3s;}
.inv-cat {border-radius: 20px;position: relative;overflow: hidden;line-height: 0 !important;max-width: 23%;}
.inv-cat .overlay{position: absolute;background: #0007;width: 100%;height: 100%;top: 0;z-index: 1;}
.inv-content {
    position: absolute;
    bottom: 13%;
    color: #fff !important;
    font-size: clamp(1.25rem, 1.0372rem + 1.0638vw, 2.5rem);
    text-transform: uppercase;
    font-family: "Barlow Semi Condensed", sans-serif;
    line-height: 1;
    margin-left: 30px;
    width: 86%;}

.bold {font-weight:800;}
section#inventory-cat {padding: 90px 0;}
#inventory-cat .wrapper.flex {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}

.inv-content button  {width: 100%;background: transparent;color: #fff;display: flex;justify-content: space-between;border: #fff solid;margin-top: 30px;padding: 10px 10px;font-family: "Barlow Semi Condensed", sans-serif;text-transform:uppercase;font-weight: 700;font-size:20px;align-items: center;transition:0.3s;}
input#Service_Needed {margin-bottom: 30px;}
/*---ABOUT SECTION -------------------*/
#about-section .wrapper.flex {    display: flex;
   width: calc(100% - 150px);
    margin: 0 auto;
    background: #fff;
	box-shadow:0 0px 10px #0004;
    align-items: center;
    justify-content: space-around;
    padding: 100px 10px;
    border-radius: 10px;}
section#about-section {padding: 70px 0 140px;}
section#about-section.home {padding: 0 0 140px;}
.about-content {width: calc(50% - 200px);}
.about-content h2 { 
	font-size: clamp(1.5625rem, 1.242rem + 1.6026vw, 3.125rem);
    font-weight: 800;
    border-left: #F7BD14 solid 7px;
    padding-left: 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
     height: 41px;}

.finance-link {margin: 0 auto;text-align: center;padding: 40px 60px;box-shadow: 0 0px 10px #888888;}

.finance-link img {width:100%;max-width: 273px;transition:.3s;}
.excavators img {width:100%;max-width:700px;}

.about-content p {margin-bottom:16px;}


/*---REQUEST A SERVICE SECTION -------------------*/
section#request-a-service {position:relative;overflow:hidden;line-height: 0;}
section#request-a-service .overlay{position: absolute;background:#000000b8;width: 100%;height: 100%;top: 0;color: #fff;line-height: 1.4;}

#request-a-service .wrapper.flex {position: relative;text-align: center;margin: 0 auto;width: 40%;bottom: -23%;}
#request-a-service img{object-fit: fill;width: 100%;}
#request-a-service h2 {font-size: clamp(1.875rem, 1.5452rem + 1.6489vw, 3.8125rem);}
#request-a-service .wrapper.flex p {font-weight:700;}
#request-a-service .yellow-button button {max-width: 100%;padding: 15px 0;margin-top: 50px;}

.about-content.long {width: calc(100% - 200px);}
/*---BODY--------------------------------*/


/*---Contact Us----------------*/
.subhero-header img{width: 100%;height: 270px;object-fit: cover;}
.subhero-header {position: relative;line-height: 0;}

#contact-section .wrapper.flex {display: flex; width: calc(100% - 150px);margin: 0 auto;background: #fff;box-shadow:0 0px 10px #0004;max-width: 1750px;align-items: center;justify-content: space-around;padding: 100px 10px;border-radius: 10px;flex-direction: column;}

section#contact-section {padding: 70px 0 140px;}
.contact-form {width: 95%;padding: 60px;border-radius: 30px;margin-top: 70px;background: #e9e9e9;}

.contact-content {width: 80%;}
.formfield {display: flex;justify-content: center;gap: 30px;margin-bottom: 31px;}
.formfield > div {width:100%;}
.contact-content  {width: 90%;}

.contact-content h2 {font-size: clamp(1.5625rem, 1.242rem + 1.6026vw, 3.125rem);
    font-weight: 800;
    border-left: #F7BD14 solid 7px;
    padding-left: 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-bottom: 20px;}

.contact-form {box-shadow: 0px 0 10px #0003;}

/*--------SERVICE STYLES--------------------*/
#service-section .wrapper.flex {display: flex;width: calc(100% - 150px);margin: 0 auto;background: #fff;box-shadow: 0 0px 10px #0004;align-items: center;justify-content: space-around;border-radius: 10px;}

.service-content h2 {font-size: clamp(1.5625rem, 1.242rem + 1.6026vw, 3.125rem);font-weight: 900;border-left: #F7BD14 solid 7px;padding-left: 10px;line-height: 1;display: flex;align-items: center;margin-bottom: 20px;}
section#service-section {padding: 80px 0 80px;}
.service-form {width: 40%;padding: 60px 0;border-radius: 30px;}
.service-content {width: 80%;}
input#Preferred_Date {margin-bottom: 30px;}


/*--------FORM STYLES--------------------*/
.search-content input#keyword {box-sizing: border-box !important;width: 90% !important;padding: 10px 10px !important;border-radius: 5px !important;height: unset !important;line-height: 0 !important;font-size:16px !important;border: unset !important;}

div#formpage input,div#formpage textarea {box-sizing: border-box;width: 100%;border: #ccc solid 1px;border-radius: 10px;padding:15px 10px;}
label p {font-size:16px;font-weight:700;text-transform:uppercase;}

/*-------- FOOTER STYLES ----------------*/
footer{}
.footer {background:#000;color:#fff;padding: 4% 0;}
.footer a {color:#fff;}
.footer a:hover {box-shadow: inset 0 -5px 0 0 #F7BD14;transition: .3s;color: #F7BD14;padding-bottom: 10px;}
.footer i {color:#F7BD14}
.footer-links .wrapper.flex {display: flex;flex-direction: column;align-items: center;}
.links ul {display: flex;gap: 60px;text-transform: uppercase;font-weight: 800 !important;font-family: "Mulish", sans-serif !important;}
.bottom {display: flex;width: 64%;margin: 0 auto;gap: 16%;border-top: solid #F7BD14;padding-top: 20px;justify-content: space-between;}

.links {padding-bottom: 30px;width: 100%;text-align: center;display: flex;justify-content: center;}

.social {font-size: 23px;display: flex;gap: 30px;}
.bottom p {font-weight:700;text-transform:uppercase;font-family: "Barlow Semi Condensed", sans-serif;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.linking-container ul li a.MuiTypography-root.MuiTypography-inherit.MuiLink-root.MuiLink-underlineHover.internal-link-parent,.linking-container ul li a.MuiTypography-root.MuiTypography-inherit.MuiLink-root.MuiLink-underlineHover.crawlerconnectcomhdev-12h0fyw,.linking-container ul li a.MuiTypography-root.MuiTypography-inherit.MuiLink-root.MuiLink-underlineHover.crawlerconnectcomhdev-1c9vf90,.linking-container ul li a.MuiTypography-root.MuiTypography-inherit.MuiLink-root.MuiLink-underlineHover.crawlerconnectcomhdev-1c9vf90,h4.MuiTypography-root.MuiTypography-body1.crawlerconnectcomhdev-guftpo,a.MuiTypography-root.MuiTypography-inherit.MuiLink-root.MuiLink-underlineHover,span.calc-button__text,a.MuiTypography-root.MuiTypography-text.MuiLink-root.MuiLink-underlineHover.crawlerconnectcomhdev-zczmkj,a.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.dealer-contact__link.crawlerconnectcomhdev-xhr93b,button.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.dealer-contact__videochat.crawlerconnectcomhdev-xhr93b,button.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.detail__search-results.crawlerconnectcomhdev-xhr93b {color:#000 !important;}
.ground-bcrumbs {padding-top: 40px;}

.list-redesign .side-container {padding-left:unset !important;}
.detail__breadcrumbs {padding-top: 40px;}

.show-closest-first {background: #fff !important;}
a.view-listing-details-link.des-view-listingDetails.template-branded-button,.list-content .listing-widgets .Currency a,.shipping.listing-widget__shipping a {background: #F7BD14 !important;color:#000 !important;}
a.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButton-colorPrimary.listing-widget__link.crawlerconnectcomhdev-1gmgn39,.listing-carousel .recommended-listings-section .view-all-link .crawlerconnectcomhdev-he0v7p{color:#000 !important;background:#D65228 !important;}
/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width:1700px) {
	.about-content {width: calc(58% - 200px);}
	
}


@media only screen and (max-width:1500px) {
	.about-image img {width: 100%;max-width: 470px;}
	#request-a-service .wrapper.flex {bottom: -17%;width: 50%;}
	.inv-cat img {height: 420px;}
	
}


@media only screen and (max-width:1150px) {
	#about-section .wrapper.flex {flex-direction: column;gap: 50px;}
	.about-content {width: 90%;}
	.about-image {width: 90%;}
	.about-image img{width: 90%;max-width: 270px;}
	.excavators img {display: none;}
}

@media only screen and (max-width:1150px) {
	#about-section .wrapper.flex, section#service-section .wrapper.flex{flex-direction: column;gap: 50px;}
	.about-content, section#contact-section .wrapper.flex{width: 90%;padding-top: 70px;}
	.about-image {width: 90%;}
	.about-image img{width: 90%;max-width: 270px;}
	.excavators img {display: none;}
	.service-form {width: 90%;}
}


@media only screen and (max-width:1372px) {
	.inv-content {width: 77%;}
	
}

@media only screen and (max-width:1350px) {
	#about-section .wrapper.flex,#contact-section .wrapper.flex{width: calc(100% - 50px);gap: 0px;}
	
}


@media only screen and (max-width:1300px) {
	#request-a-service .wrapper.flex {bottom: -11%;width: 50%;}
	#request-a-service .yellow-button button {margin-top: 30px;}
}

@media only screen and (max-width:1200px) {
	#request-a-service .wrapper.flex {bottom: -20%;width: 60%;}
	#request-a-service img {width: 150%;}
	.contact-form {padding: 21px;}
}

@media only screen and (max-width: 1150px) {
	#inventory-cat .wrapper.flex {flex-direction: column;}
	.inv-cat {max-width: 100%;height: 430px;}
	#inventory-cat .wrapper.flex {align-items: center;width: 90%;margin: 0 auto;}
	.inv-cat img {object-position: unset !important;height:unset;max-width:100%;border-radius:none;}
	.inv-cat img {object-position: 49% -190px !important;height:unset;max-width:100%;border-radius:none;}
	.finance-link {margin-top: 40px;}

}

@media only screen and (max-width: 1066px) {
	#inventory-cat .wrapper.flex {flex-direction: column;}
	.inv-cat {max-width: 100%;height: 430px;}
	#inventory-cat .wrapper.flex {align-items: center;width: 90%;margin: 0 auto;}

}

@media only screen and (max-width: 1000px) {
	.links ul {flex-wrap:wrap;gap: 30px;justify-content: center;}
	#request-a-service img {width: 220%;}
	#request-a-service .wrapper.flex {width: 90%;}
	.bottom {width: 89%;}
	.formfield {flex-direction: column;}
	.yellow-button button {padding: 15px 0;}
	button#Submit {right: 8.5% !important;}
	.about-content, section#contact-section .wrapper.flex {padding-top: 20px;}
}


@media only screen and (max-width: 900px) {
	.links ul {flex-wrap:wrap;gap: 30px;justify-content: center;}
	#request-a-service img {width: 220%;}
	#request-a-service .wrapper.flex {width: 90%;}
	.bottom {width: 89%;}
	.formfield {flex-direction: column;}
	#service-section .wrapper.flex,#about-section .wrapper.flex,#contact-section .wrapper.flex{width: calc(100% - 50px);gap: 0px;}
	#about-section .wrapper.flex,section#contact-section .wrapper.flex {padding: 30px 10px 60px;}
	.service-form {padding: 30px 0 60px;}
	.search-content input {width: 100%;}
	.inv-cat img {object-position: 49% -90px !important;}
	.contact-form {width: 96%;}
	section#inventory-cat {padding: 40px 0;}
	.about-content.long {width: 90%;}
	.contact-content .button-flex {margin-top: 40px;gap: 18px;}
	.contact-content {padding-top: 70px;}
}


@media only screen and (max-width: 870px) {
	.logo {max-width: 290px;}
}


@media only screen and (max-width: 760px) {
	.inv-cat img {object-position: 49% -20px !important;}
	.hero-overlay {height: 90%;}
	.subhero-header .hero-overlay {height: 100%;}
	.subhero-header .hero-overlay h1 {border-left: #F7BD14 solid 10px;line-height: 1;font-size: clamp(1.875rem, 1.4495rem + 2.1277vw, 4.375rem);padding-left: 10px;margin-left: 30px;}
	.about-content, section#contact-section .wrapper.flex,.contact-content {padding-top: 30px;}
}



@media only screen and (max-width: 700px) {
	.inv-cat img {object-position: 49% -30px !important;}
	
}



@media only screen and (max-width: 620px) {
	.inv-cat img {object-position: 49% 0px !important;}
	
}



@media only screen and (max-width: 600px) {
	.links ul {flex-direction: column;}
	.footer-links .wrapper.flex {padding: 40px 0;}
	.bottom {flex-direction: column;align-items: center;text-align: center;gap: 20px;}
	#request-a-service img {width: 300%;}
	.inv-cat {max-width: 100%;height: auto;}
}


@media only screen and (max-width: 500px) {
	.button-flex {flex-direction: column;}
	.hero-overlay h1 {margin-left: 20px;}
	.subhero-header img {height: 210px;} 
	.formfield {gap: 10px;margin-bottom: 11px;}

}


@media only screen and (max-width: 460px) {
	.button-flex {flex-direction: column;}
	#request-a-service img {width: 400%;}
	.hero-overlay h1 {padding-left: 15px;margin-left: 10px;line-height: 1.1;}
}


@media only screen and (max-width: 380px) {
	#request-a-service img {width: 650%;}
}