/***** BEGIN RESET *****/
@import url("https://use.typekit.net/dqx6rnw.css");
@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;	
}

html {scroll-behavior: smooth;}

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

button,a {cursor: pointer;}

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background:#FD5A02; 
    color: #000;
    text-shadow: none;
}
::selection {
    background:#FD5A02;
    color: #000;
    text-shadow: none;
}


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

/*-------- ANIMATION STYLES --------*/

.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left{
   -webkit-transition: all 1000ms ease;
        -moz-transition: all 1000ms ease;
        -o-transition: all 1000ms ease;
        transition: all 1000ms ease;
        opacity: 0;
        -moz-transform: translate3d(-100px, 0px, 0px);
        -webkit-transform: translate3d(-100px, 0px, 0px);
        -o-transform: translate(-100px, 0px);
        -ms-transform: translate(-100px, 0px);
        transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate3d(0px, 0px, 0px);
}


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

body {
background:#262626;
color:#fff;
box-sizing:border-box;
line-height:1.5;
position:relative;
font-family: "segoe-ui-historic", sans-serif;
}

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


hr{border:#000 1px solid;}

.flex {display:flex;}

h1,h2,h3,h4,h5,h6,.hero-content p,button,label,.inventory-title  {font-family: "gineso", sans-serif;text-transform:uppercase;font-style: normal;}

.heading {width:100%;max-width:90%;margin:0 auto;}
.heading h2 {font-size: clamp(1.25rem, 0.9797rem + 1.3514vw, 2.5rem);margin-bottom: 30px;}
.about h2 {font-size: clamp(1.5625rem, 1.2247rem + 1.6892vw, 3.125rem);}


.sub-page.hero h1,span.inventory-title{font-size: clamp(2.5rem, 1.9595rem + 2.7027vw, 5rem);text-align:center;font-weight: 700;}

/*---SWIPER STYLES ---------------------*/

.swiper-wrapper {align-items: center;}

.swiper-slide img{width:100%;max-width:80%;height:100%;object-fit:cover;}
section.gallery {overflow:hidden;text-align: center;}


/*--- BUTTON STYLES ---------------------*/
a.orange-button {width:100%}
a.orange-button button,button.orange-button {width:100%;background:#FD5A02;border:none;max-width: 100%;font-weight:900;padding: 8% 0;font-size: clamp(1rem, 0.9595rem + 0.2027vw, 1.1875rem);border-radius:10px;transition:.3s;color:#000;}

a.orange-button button:hover,button.orange-button:hover,.inv-cat:hover button.orange-button  {background:#fff;}

button.orange-button {margin-top:20px;padding: 2% 0;font-weight:700;}

.crane-image {line-height:0;}

.hero .button-flex {margin-top: 25px;display: flex;gap: 10px;}

.hover-contact {position: fixed;left: 0;z-index: 100;top: 20%;background:#FD5A02;width: 100%;max-width: 80px;border-radius: 0 10px 10px 0;box-shadow: 0 0 10px #0008;overflow:hidden;}

.hover-cat {text-align: center;padding: 20px 10px;font-size: clamp(1.125rem, 1.0304rem + 0.473vw, 1.5625rem);color: #000;transition:.3s;}

.hover-cat:hover {background:#fff;}

.hover-cat.border {border-bottom:solid 3px;}

.hover-contact .wrapper.flex {flex-direction:column;}

.inv-cat button.orange-button {padding: 20px 0;width: 100%;max-width: 90%;background:#FD5A02;border:none;border-radius:10px;font-size: clamp(1rem, 0.9595rem + 0.2027vw, 1.1875rem);font-weight:800;transition:.3s;}

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

section.hero {background: url("../siteart/texture-background.webp");background-color: #000;background-size: cover;background-repeat: no-repeat;position:relative;border-bottom:solid #FD5A02 10px;}

.hero h1{font-size: clamp(6.25rem, 5.9309rem + 1.5957vw, 8.125rem);font-weight:700;}

section.sub-page.hero {height: 360px;display: flex;justify-content: center;align-items: end;padding: 0 0 50px;box-sizing: unset;}

.sub-page.hero .wrapper.flex{justify-content:center;}

.hero-content p {font-size: clamp(0.9375rem, 0.8349rem + 0.5128vw, 1.4375rem);font-weight:900;text-align:center;}


.hero-content {position: absolute;right: 20%;bottom: 16%;}



.hero .small-text {justify-content: center;border-top: solid;border-bottom: solid;padding: 13px 0;align-items: center;gap: 32px;display: flex;}

.small-text div:nth-child(1),.small-text div:nth-child(2),.small-text div:nth-child(3){border-right:solid;padding-right:26px;}

.small-text a {color:#fff;}

.crane-image {width:100%;}
.crane-image img {width:100%;max-width: 78%;height:100%;}

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


/*---INVENTORY CATEGORIES ----------*/

.inventory-items .wrapper.flex{justify-content: center;gap: 20px;}

.inv-cat {position: relative;width: 100%;max-width: 17%;object-fit: cover;}


.inv-cat div {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;text-align: center;bottom: -20px;}

.inv-cat img {    width: 100%;
    height: 391px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
    border-radius: 20px;
    transition: .3s;}


section.inventory-items {padding: 5% 0 8%;}


.inv-cat:hover button.orange-button{max-width:100%;}

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

section.about {background:url("/siteart/about-texture.webp");width:100%;height:100%;background-color:#000;position:relative;}

section.about .wrapper.flex {gap: 20px;align-items: center;padding: 3% 0 4%;}

section.about .sec-1 {width:100%;max-width:50%;}
section.about .sec-1 img{position:relative;z-index:200;width: 100%;}

.orange-background {background: #FD5A02;width: 100%;max-width: 95%;height: 187px;position: absolute;top: 36%;border-radius: 0 10px 10px 0;top: 38%;}

section.about a.orange-button button {padding: 3% 0;max-width: 46%;font-weight:900;margin-top:20px;}

.about .wrapper.flex .sec-2 {width: 100%;max-width: 29%;display: flex;flex-direction: column;justify-content: space-between;height: 100%;gap: 40px;}

.about.thankyou .wrapper.flex .sec-2 {max-width: 46%;}

/*--------CONTACT STYLES--------------------*/
section.contact-section {padding: 8% 0;}
.contact-section .wrapper.flex  {width: 100%;max-width: 91%;margin:0 auto;gap: 30px;}

.contact-section .wrapper.flex .sec-1 {width: 100%;max-width: 50%;}

.form.flex.wrapper {justify-content:center;}

.contact-section .wrapper.flex .sec-1 {width: 100%;max-width: 100%;margin: 0 auto;background-image: linear-gradient(to top, rgba(56,56,56,1),rgba(81,80,80,1),rgba(89,89,89,1));border-radius: 20px;display: flex;flex-direction: column;justify-content: center;align-items: start;padding: 5% 0;gap: 20px;}

.contact-section .wrapper.flex .heading {width:100%;max-width: 84%;display: flex;align-items: center;justify-content: space-between;}

.contact-section .wrapper.flex .heading h2 {margin-bottom: 16px;}

.contact-section .wrapper.flex .sec-1 h2 {text-align:left;}

.contact-section .wrapper.flex .sec-2 {width: 100%;max-width: 39%;}
.contact-section .wrapper.flex .sec-2 iframe{border-radius: 20px;}

.form.flex {gap: 20px;margin-bottom: 20px;}

.contact-buttons {display: flex;width: 100%;max-width: 53%;gap: 6px;}
.contact-buttons a.orange-button button {font-size:17px;}

section.contact-section.subpage {padding: 4% 0;}

section.contact-section.home .wrapper.flex .sec-2 {max-width: 49%;}

/*--------FORM STYLES--------------------*/
label {font-weight:600;margin-bottom:15px;padding-bottom:10px;}
.formfield input {padding:20px 10px;border-radius:10px;}
.formfield textarea {padding:30px 10px;border-radius:10px;}
.formfield {width:100%;}
.formfield input,.formfield select,.formfield textarea {width:100%;box-sizing:border-box;border:unset;}

.form.flex.wrapper {width:100%;max-width: 84%;justify-content: center;}
.form.flex.wrapper form {width:100%;}


/*-------- FOOTER STYLES ----------------*/
footer{background:#1A1919;border-top:#FD5A02 solid 10px;}

.foot-categories {display: flex;width: 100%;max-width: 45%;}

.footer-placer {background: gray;width: 100%;height: 0;padding: 13% 0;}

.footer-logo {width: 100%;max-width: 490px;}
.footer-logo .logo img {width:100%;max-width: 100%;height:100%;}

.footer .wrapper.flex {justify-content: space-between;width: 100%;max-width: 90%;margin: 0 auto;align-items: center;padding: 5% 0 7%;}
.foot-cat {width: 100%;}

.foot-cat ul {margin-top:12px;}
.foot-cat li {margin-bottom:10px;}
.foot-cat i {color:#FD5A02;}

.foot-cat a {font-family: "segoe-ui-historic", sans-serif;color:#fff;font-weight:600;transition:.3s;}

.foot-cat a:hover {color:#FD5A02;;}

span.large-text {font-family: "gineso-extended", sans-serif;text-transform:uppercase;font-size:25px;font-weight:500;font-weight: 800;}

.bottom-footer {text-align: center;font-family: "gineso-extended", sans-serif;text-transform: uppercase;background:#3b3a3a;font-weight: 600;padding: 2% 0;display: flex;align-items: center;justify-content: center;}

	.bottom-footer.inventory {padding:3% 5% 6%;}

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

.ground-bcrumbs {padding-top:30px;}

.side-container,.show-closest-first,.media-buttons,.list-listing-card-wrapper,.detail__media-buttons.media-buttons a,option.currency-selector-option, div#listing-carousel{color: #000 !important;}


.detail__breadcrumbs nav ul li a,p.breadcrumbs__link,.detail__search-results,.options-popper-div button,select#retail-currency,.calc-button-wrapper button,span.detail__machine-location-address,.detail__machine-location a,.column3.left  ul li a,.linking-container h4,.paging-container ul li button{color:#fff !important;}

.options-popper-btn {color:#fff !important;}

.sub-hero .wrapper.flex, .inventory.hero .wrapper.flex {width:90%;margin:4% auto 0;}

.list-top-section .list-bcrumbs-and-title .ground-bcrumbs {padding-top: 50px;}


div#filters,.listing-card-grid.listing-data-selector,.ts-modal-content,.show-closest-first,.bottom-region,span.section-title-text,.media-buttons {color: #000 !important;}
.detail__breadcrumbs,.linking-container h4, .column3.left ul li a {color:#fff !important;}

.calc-button-wrapper button, nav.breadcrumbs ul li a,.breadcrumbs__link, button.detail__search-results, select#retail-currency {
color:#fff !important;}

nav.breadcrumbs,.breadcrumbs {padding: 30px 0;}

a.view-listing-details-link.des-view-listingDetails.template-branded-button,.list-redesign .widget-container .listing-widgets .shipping a,button#compare-page-print-this,.compare-listings-container .compare-container .cs-btns a {background:#FD5A02 !important;color:#000!important;}

ul.MuiPagination-ul li button,.options-popper-div button,button#share,button#detail-page-email-seller,.bottom-region a strong, span.ub-num, .detail-wrapper, .bottom-region span{color:#000 !important;}
 option.currency-selector-option, .list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-mobile .right-area .price-contain .price, p.listing-category, span.spec-label, .list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-mobile .right-area .specs-container .spec-value, .list-redesign .specs-container .specs-button,.ts-modal-content,h2#dialog-label,input#copylink,.ts-modal-header.des-modal-header label,.ts-modal-header.des-modal-header,.ts-modal-header.des-modal-header label span,.ts-modal-header.des-modal-header i.fas.fa-times,.MuiInputAdornment-root.MuiInputAdornment-positionEnd.MuiInputAdornment-outlined.MuiInputAdornment-sizeSmall.zquipmentllccomhdev-1ti6y9h,.zquipmentllccomhdev-1mb8t2f,div#privacy-policy-text label,div#privacy-policy-text span,div#privacy-policy-text a,.form-main-content .form-el label span,.compare-listings-container .compare-container {color:#000 !important;}

input#copylink {    color: #000 !important;
    -webkit-text-fill-color: currentcolor !important;}

.MuiInputBase-formControl {border: #000 solid 2px !important;}
.detail__title-container button.options-popper-btn{color: #fff !important;}

.bread-crumbs-heading .return-links .return-links-link span,.bread-crumbs-heading .return-links .return-links-link i,  #no-compare-listings,.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,.compare-listings-container .compare-container .compare-price,.cs-row,.list-media,span.media-icon  {color:#fff !important;}

span.media-icon {filter: invert(1);}

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


@media only screen and (max-width: 1700px) {
	.hero-content {right: 6%;}
}


@media only screen and (max-width: 1600px) {
	.crane-image img {max-width: 87%;}
}

@media only screen and (max-width: 1410px) {
	.hero-content {right: 3%;bottom: 12%;}
	.orange-background {height: 197px;}
	.contact-section .wrapper.flex .heading {flex-direction: column;align-items: start;}
	.contact-section .wrapper.flex .heading h2 {margin-bottom:1%;}
	.contact-section .wrapper.flex .sec-1 {gap: 27px;}
	.contact-buttons {max-width: 100%;}
	a.orange-button button {padding: 5% 0;}
}

@media only screen and (max-width: 1410px) {
	.orange-background {height: 177px;}
		.inv-cat {max-width: 29%;}
	.inventory-items .wrapper.flex {flex-wrap: wrap;gap: 50px 20px;}
	.inv-cat img {height: 401px;}
	
}


@media only screen and (max-width: 1200px) {
	.hero-content {bottom: 6%;}
	.crane-image img {max-width: 81%;}
	.hero h1 {font-size: clamp(3.125rem, 0.8929rem + 7.1429vw, 6.25rem);text-align: center;}

}


@media only screen and (max-width: 1150px) {
	
	.bottom-footer.inventory {padding:5% 5% 19%;}
	.footer .wrapper.flex {flex-direction: column;}
	.foot-categories {width: 100%;max-width: 95%;text-align: center;}
	.bottom-footer {padding: 5% 0;}
}



@media only screen and (max-width: 1100px) {
	.footer .logo {text-align: center;}
	.hero-content {right: 3%;bottom: 5%;}
	.hero .small-text {gap: 11px;}
	.small-text div:nth-child(1), .small-text div:nth-child(2), .small-text div:nth-child(3) {padding-right: 13px;}
	.hero .small-text {gap:5px;}
	.about .wrapper.flex .sec-2 {max-width: 39%;gap: 18px;}
}


@media only screen and (max-width: 1000px) {
	.contact-section .wrapper.flex .sec-1,.contact-section .wrapper.flex .sec-2 {max-width: 100%;gap: 7px;padding: 10% 0;}
	.contact-section .wrapper.flex .sec-2 iframe {height:400px;}
	.contact-section .wrapper.flex {flex-direction: column;}
	.crane-image img {max-width: 86%;}
	.small-text div:nth-child(1), .small-text div:nth-child(2), .small-text div:nth-child(3) {padding-right: 5px;}
	section.about .sec-1,section.about .sec-2 {max-width:100%;}
	.about .wrapper.flex .sec-2,.about.thankyou .wrapper.flex .sec-2 {width:100%;max-width: 90%;}
	section.about a.orange-button button {max-width: 100%;}
	.about .wrapper.flex .sec-2 div {width:90%;margin:0 auto;}
	section.contact-section.home .wrapper.flex .sec-2 {max-width: 100%;}
	section.about .wrapper.flex {flex-direction: column-reverse;}
	
}

@media only screen and (max-width: 900px) {
.hero-content {top: 22%;left: 0;right: 0;width: 100%;max-width: 80%;margin: 0 auto;}
	section.hero {height: 860px;}
	.crane-image img {max-width: 86%;}
	.crane-image.animation-element.slide-left.in-view {position: absolute;bottom: 8px;}
	
}

@media only screen and (max-width: 880px) {
	section.sub-page.hero {height: 200px;}
}

@media only screen and (max-width: 800px) {
	
	section.about .wrapper.flex {padding: 6% 0;}
	.about .wrapper.flex {flex-direction:column-reverse;gap:50px;}
	.orange-background {height: 147px;width:100%;max-width: 90%;left: 0;right: 0;margin: 0 auto;border-radius:10px; }
	.inv-cat img {height: 541px;}
	
	.inv-cat {max-width: 90%;}
	.inventory-items .wrapper.flex {flex-direction: column;align-items: center;gap: 40px;}
}

@media only screen and (max-width: 700px) {
	.foot-categories {flex-direction: column;gap: 21px;}
	.footer-logo .logo img {max-width: 100%;}
	.bottom-footer {padding: 5% 5%;}
	.orange-background {height: 77px;max-width: 90%;margin: 0 auto;text-align: center;left: 0;right: 0;border-radius:10px;}
	.hero h1 {text-align: center;}
	a.orange-button button {padding: 4% 0;}
	.hero.small-text {justify-content: space-between;}
}



@media only screen and (max-width:660px) {
	.hero .small-text {flex-direction: column;}
	.small-text div:nth-child(1), .small-text div:nth-child(2), .small-text div:nth-child(3) {border-right:unset;}
	.small-text div {width: 99%;}
	.small-text div:nth-child(1),.small-text div:nth-child(2), .small-text div:nth-child(3) {border-bottom:solid;}
	.hero-content p {padding: 6px;}
	.hero .small-text {padding: 0;}
	a.orange-button button {padding: 13% 0;}
	.hero-content {max-width:90%;}
	.crane-image {display:none;}
	.hero .button-flex {flex-direction: column;}
	.hero .button-flex a.orange-button button {padding:3%;}
}



@media only screen and (max-width:600px) {
	.contact-buttons {flex-direction: column;}
	.contact-buttons a.orange-button button {padding: 3% 0;}
	section.contact-section.subpage button.orange-button{padding: 4% 0;}
	.form.flex {flex-direction:column;}
	.hero h1 {font-size: clamp(3.125rem, 2.2739rem + 4.2553vw, 8.125rem);}
}


@media only screen and (max-width:500px) {
	section.contact-section.subpage {padding: 22% 0;}
	.hero .button-flex {flex-direction: column;}
	.hero .button-flex a.orange-button button {padding: 4% 0;}
	section.inventory-items {padding: 7% 0 18%;}
	.heading h2 {margin-bottom: 20px;}
	.hero h1 {font-size: clamp(1.75rem, -0.3125rem + 11vw, 3.125rem);}
	.inv-cat img {height: 370px !important;}
}


@media only screen and (max-width:450px) {
	.hero-content {top: 19%;}
	section.hero {height: 590px;}
}



@media only screen and (max-width:400px) {
	.hero .small-text {flex-direction: column;}
	.small-text div:nth-child(1), .small-text div:nth-child(3) {border-right:unset;}
	.small-text div {width: 90%;}
	.small-text div:nth-child(2),.small-text div:nth-child(3) {border-right:unset;}
	.small-text div:nth-child(4) {border-left:unset;}
	.small-text div:nth-child(1),.small-text div:nth-child(2), .small-text div:nth-child(3) {border-bottom:solid;}
	.hover-contact {max-width:60px;}
	.bottom-footer.inventory {padding:5% 5% 43%;}
}