/***** 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 {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}


hr{border:#000 1px solid;}
html {font-family: 'poppins', sans-serif;}

/*--- HEADER STYLES ---------------------*/
header {background: #2E2E2E; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.header-width {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; padding: 8px 0; align-items: center;}
.header-width a {color: #fff;}
.header-socials {display: flex; gap: 15px; padding: 8px 0;} 
.header-phone a {font-size: 14px;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
.herosurround {
    position: relative; top: -40px; z-index: 400;
}
.herosurround .overlaytext {
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	background: rgba(27,27,27,0.25);
}
#hero {
    height: 1582px;
    height: max(824px, 82.39583vw);
    position: relative;
}
.herosurround #hero {
    height: 711px;
    height: max(370px, 37.03125vw);
    display: flex;
    align-items: center;
    z-index: -1;
    overflow: hidden;
}
.player {
    width: 100vw;
    height: 100vh;
}
.mobile-hero-content {display: none;}
.hero-content {background: rgba(25,31,31,0.90); width: 95%; margin: 0 auto; position: relative; top: 22%;}
.hero-content {background: url("/siteart/hero-title.png") no-repeat; background-size: cover; background-position: center;}

#hero-bkgrd {background: #bbb; top: -40px; position: relative;}
#hero-bkgrd iframe {position: absolute; width: 100%; height: 580px;}
.hero-callto {width: 95%; margin: 0 auto; padding-bottom: 45px; padding-top: 170px; z-index: 900; position: relative;}
.hero-callto h1 {width: 620px; text-transform: uppercase; font-family: 'Poppins', sans-serif; color: #fff; font-weight: bold; font-size: 45px; line-height: 50px; margin-bottom: 15px; text-align: left;}
.hero-callto a {font-family: 'Poppins', sans-serif; color: #fff; text-transform: uppercase; font-size: 20px; display: flex; align-items: center; gap: 5px;}
.hero-callto i {border: 2px #fff solid; border-radius: 40px; width: 22px; height: 22px; display: flex; justify-content: center; align-items: center; font-size: 12px;}
.hero-callto span {line-height: 18px; margin-top: 3px;}
.hero-callto a:hover i {padding-left: 20px; transition: .5s; background: #E62D30; border: 2px #E62D30 solid; width: 45px;}

#new-machinery {width: 75%; margin: 0 auto; padding: 80px 0;}
.built-for {padding: 60px 0 80px 0 !important;}
#new-machinery h2 {text-align: center; font-family: 'Poppins', sans-serif; font-size: 40px; line-height: 45px; color: #E62D30; text-transform: uppercase; font-weight: bold;}
.machinery-callto {display: flex; gap: 12px; margin-top: 50px;}
.machinery-callto > a {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 100%;}
.machinery-callto > a:hover {transition: .5s; transform: translateY(-8px);}
.machinery-callto > a > div {width: 90%; margin: 0 auto; text-align: center; padding: 40px 0;}
.machinery-callto a h3 {font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 22px; margin-top: 30px; margin-bottom: 15px; color: #000;}
.machinery-callto p {font-size: 16px; color: #888; line-height: 24px; margin-bottom: 15px;}
.machinery-callto i {color: #E62D30; font-size: 30px;}
.machinery-callto a:hover i {color: #2E2E2E; transition: .5s;}
/*.machinery-callto img {width: 70%;}*/
.machinery-callto img {width: 250px;}
.machinery-button {display: flex; justify-content: space-between; margin-top: 50px; align-items: center;}
.machinery-button p {font-size: 16px; color: #888; line-height: 24px; width: 500px;}
.machinery-button button {background: #E62D30; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 220px; padding: 14px 0 11px 0; font-family: 'Poppins', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; border: none;}
.machinery-button button:hover {background: #2E2E2E; transition: .5s;}

.machinery-callto > div {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 100%;}
.machinery-callto > div > div {width: 90%; margin: 0 auto; text-align: center; padding: 40px 0;}
.machinery-callto div h3 {font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 22px; margin-top: 30px; margin-bottom: 15px; color: #000;}
.xcmg-callto {flex-wrap: wrap;}
.xcmg-callto > div > div {text-align: left; display: flex; justify-content: space-between; gap: 10%;}
/*---POP-UP -----------------------------------*/

*, *:after, *:before {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
}
.box {
                width: 50%;
                margin: 0 auto;
                background: rgba(0,0,0,0.2);
                padding: 35px;
                border-radius: 20px/50px;
                background-clip: padding-box;
                text-align: center;
}
.popup .close {
    top: 45px;
    right: -83px;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #000;

}

.popup .content {
  max-height: 60%;
  overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
                content:"";
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                background: rgba(0, 0, 0, 0.5);
                position: fixed;
                z-index: 99999;
}
.overlay .popup {
                background: #fff;
                border-radius: 0px;
				box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
                width: 100%;
                max-width: 1300px;
                position: absolute;
                top: 92%;
                left: 0;
                right: 0;
                float:none;
                padding: 40px 0;
                margin: 0 auto;
                text-align:left;
                z-index: 99999999;
                -webkit-transition: all 0.6s ease-in-out;
                -moz-transition: all 0.6s ease-in-out;
                transition: all 0.6s ease-in-out;
                color:#000;
                font-size: 16px;font-weight: 400;
}
.overlay .dozers, .overlay .excavators, .overlay .rollers, .overlay .skid-steers, .overlay .backhoes {top: 0% !important;}
.overlay .cranes, .overlay .off-road, .overlay .telehandlers, .overlay .wheel-loaders, .overlay .flex-tracks {top: 20% !important;}
.overlay .light-towers, .overlay .generators, .overlay .water-trucks, .overlay .sweepers, .overlay .trailers {top: 40% !important;}
.overlay .side-by, .overlay .attachments, .overlay .boom-lifts, .overlay .track-carriers {top: 60% !important;}
.overlay .ditch {top: 80% !important;}

.popup-width {width: 95%; margin: 0 auto;}
.popup-header {display: flex; justify-content: space-between;}
.popup-header h3 {margin-top: 10px !important;}
.popup-table {display: flex;}
.popup-table li {line-height: 35px; padding: 6px 0 3px 0; width: 100%;}
.popup-table ul {width: 100%;}
.popup-table ul li:nth-child(2), .popup-table ul li:nth-child(4), .popup-table ul li:nth-child(6), .popup-table ul li:nth-child(8), .popup-table ul li:nth-child(10), .popup-table ul li:nth-child(12), .popup-table ul li:nth-child(14), .popup-table ul li:nth-child(16), .popup-table ul li:nth-child(18), .popup-table ul li:nth-child(20), .popup-table ul li:nth-child(22), .popup-table ul li:nth-child(24), .popup-table ul li:nth-child(26), .popup-table ul li:nth-child(28), .popup-table ul li:nth-child(30), .popup-table ul li:nth-child(32), .popup-table ul li:nth-child(34), .popup-table ul li:nth-child(36), .popup-table ul li:nth-child(38), .popup-table ul li:nth-child(40), .popup-table ul li:nth-child(42), .popup-table ul li:nth-child(44), .popup-table ul li:nth-child(46), .popup-table ul li:nth-child(48), .popup-table ul li:nth-child(50), .popup-table ul li:nth-child(52), .popup-table ul li:nth-child(54), .popup-table ul li:nth-child(56), .popup-table ul li:nth-child(58), .popup-table ul li:nth-child(60), .popup-table ul li:nth-child(62), .popup-table ul li:nth-child(64), .popup-table ul li:nth-child(66), .popup-table ul li:nth-child(68), .popup-table ul li:nth-child(70), .popup-table ul li:nth-child(72), .popup-table ul li:nth-child(74), .popup-table ul li:nth-child(76), .popup-table ul li:nth-child(78), .popup-table ul li:nth-child(80), .popup-table ul li:nth-child(82), .popup-table ul li:nth-child(84), .popup-table ul li:nth-child(86), .popup-table ul li:nth-child(88), .popup-table ul li:nth-child(90), .popup-table ul li:nth-child(92), .popup-table ul li:nth-child(94), .popup-table ul li:nth-child(96), .popup-table ul li:nth-child(98), .popup-table ul li:nth-child(100) {background: #F7F7F7;}
.pop-description li {width: 420px;}

#rent-trucking {marign-top: 50px; margin-bottom: 10px;}
#rent-trucking > div {display: flex; background: #F8F8F8;}
#rent-trucking > div > div {width: 50%;}
#rent-trucking img {width: 100%;}
#rent-trucking h2 {font-family: 'Poppins', sans-serif; font-size: 40px; line-height: 45px; color: #E62D30; text-transform: uppercase; font-weight: bold;}
#rent-trucking p {font-size: 16px; color: #888; line-height: 24px; margin-bottom: 20px; margin-top: 12px;}
#rent-trucking button {background: #E62D30; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 220px; padding: 14px 0 11px 0; font-family: 'Poppins', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; border: none;}
#rent-trucking button:hover {background: #2E2E2E; transition: .5s;}
.rent-width {width: 500px; margin-left: 50px; padding: 140px 0;}
.rent-center-flex {display: flex; align-items: center;}
.rent-img {background: url("/siteart/multi-unit-rental.jpg") no-repeat; background-position: center; background-size: cover; object-fit: cover; overflow: hidden;}
.rent-img-full {display: none;}
.trucking-img {background: url("/siteart/trucking-line.jpg") no-repeat; background-position: left; background-size: cover; object-fit: cover; overflow: hidden;}
.trucking-width h2 {width: 300px;}
.rolloff-img {background: url("/siteart/roll-off.jpg") no-repeat; background-position: right; background-size: cover; object-fit: cover; overflow: hidden;}

#rental-equip {width: 80%; margin: 0 auto; margin-top: 90px; margin-bottom: 100px;}
#rental-equip h2 {text-align: center; font-family: 'Poppins', sans-serif; font-size: 40px; line-height: 45px; color: #E62D30; text-transform: uppercase; font-weight: bold;}
#rental-equip p {font-size: 16px; color: #888; line-height: 24px; margin-bottom: 30px; margin-top: 5px; text-align: center;}
.rental-equip {display: flex; justify-content: space-between; gap: 10px;}
.rental-equip h3 {font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 22px; margin-top: 20px; margin-bottom: 15px; color: #000;}
.rental-equip a img {width: 100%;}
.rental-equip a {text-align: center;}
.rental-equip a:hover img {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.rental-equip a:hover h3 {color: #E62D30;}

#about-bkgrd {background: url("/siteart/about-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; margin-bottom: 10px;}
.about-overlay  div {width: 750px; margin: 0 auto; padding: 80px 0; text-align: center;}
#about-bkgrd h2 {font-family: 'Poppins', sans-serif; font-size: 40px; line-height: 45px; color: #fff; text-transform: uppercase; font-weight: bold;}
#about-bkgrd p {font-size: 16px; color: #fff; line-height: 24px; margin-bottom: 20px; margin-top: 12px;}
#about-bkgrd button {background: #E62D30; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 220px; padding: 14px 0 11px 0; font-family: 'Poppins', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; border: 2px #E62D30 solid;}
#about-bkgrd button:hover {background: none; transition: .5s; border: 2px #fff solid;}
.about-overlay {background: rgba(46,46,46,0.80);}

/*---NEW EQUIPMENT---*/
#xcmg-hero-bkgrd {background: url("/siteart/xcmg-hero.jpg") no-repeat; background-position: center; background-size: cover; top: -40px; position: relative;}
.xcmg-img {background: url("/siteart/xcmg.jpg") no-repeat; background-position: center; background-size: cover; object-fit: cover; overflow: hidden; height: 580px; width: 30% !important;}
.xcmg-content {width: 70% !important;}
.xcmg-content button {background: #E62D30; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 220px; padding: 14px 0 11px 0; font-family: 'Poppins', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; border: none;}
.xcmg-content button:hover {background: #2E2E2E; transition: .5s;}
.thankyou-button {display: flex; gap: 20px;}
.finance-button {display: flex; gap: 10px;}

.buttons-flex {display: flex; gap: 15px; justify-content: center; margin-top: 60px;}
.buttons-flex button {background: #E62D30; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 220px; padding: 14px 0 11px 0; font-family: 'Poppins', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; border: none;}
.buttons-flex button:hover {background: #2E2E2E; transition: .5s;}

/*---RENTAL EQUIPMENT---*/
.rental-flex {flex-wrap: wrap !important;}
.rental-flex a {width: 19%;}
.equip-for-rent {position: relative !important; top: -40px !important;}
.equip-for-rent h2 {margin-bottom: 40px !important;}

#not-seeing {background: #ededed;}
.not-seeing-width {width: 95%; margin: 0 auto; padding: 50px 0;}
.not-seeing-width h4 {font-family: 'Poppins', sans-serif; font-size: 40px; line-height: 45px; color: #000; text-transform: uppercase; font-weight: bold;}
.not-seeing-width p {font-size: 16px; color: #000; line-height: 24px; margin-top: 5px;}
.not-seeing-width p a {color: #E62D30; border-bottom: 1px transparent solid;}
.not-seeing-width p a:hover {border-bottom: 1px #E62D30 solid; transition: .5s;}
.not-seeing-style {background: url("/siteart/plus.png") repeat; background-position: 0 0; background-size: 7px auto;}

/*---ABOUT---*/
#about-hero-bkgrd {background: url("/siteart/about-hero.jpg") no-repeat; background-position: bottom; background-size: cover; top: -40px; position: relative;}
#about-page {display: flex; align-items: center; gap: 30px; width: 90%; margin: 0 auto; padding: 80px 0 80px 0; position: relative; top: -40px;}
#about-page img {width: 45%;}
#about-page h2 {font-family: 'Poppins', sans-serif; font-size: 40px; line-height: 45px; color: #E62D30; text-transform: uppercase; font-weight: bold;}
#about-page p {font-size: 16px; color: #888; line-height: 24px; margin-bottom: 20px; margin-top: 12px;}
.about-img {display: none;}
.store-img {background: url("/siteart/store-front.jpg") no-repeat; background-position: center; background-size: cover; object-fit: cover; overflow: hidden; height: 380px;}
#about-page div {width: 50%;}
.meet-team {text-align: center; width: 80%; margin: 0 auto; padding-bottom: 40px; padding-top: 50px;}
.meet-team h2 {font-family: 'Poppins', sans-serif; font-size: 35px; line-height: 40px; color: #fff; text-transform: uppercase; font-weight: 600;}
.meet-team h3 {font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 22px; margin-top: 15px; color: #fff;}
.meet-team p {font-size: 16px; color: #bbb; line-height: 24px; margin-bottom: 20px; margin-top: 8px;}
.meet-team > div {display: flex; justify-content: space-between;}
.meet-team > div p {margin-top: 5px !important; color: #bbb;}
.contact-section {background: #F8F8F8;}
.team-bkgrd {background: url("/siteart/about-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; margin-top: 10px; margin-bottom: 10px;}
.team-overlay {background: rgba(46,46,46,0.80);}
.about-team {margin-top: 0px !important;}
.not-seeing-flex {display: flex; justify-content: space-between; align-items: center; gap: 100px;}
.not-seeing-flex > div {display: flex; gap: 50px;}
.not-seeing-flex img {width: 280px;}
.not-seeing-flex hr {border: 1px #E62D30 solid;}
.not-seeing-flex li {line-height: 28px; color: #2E2E2E;}
#about-page button {background: #E62D30; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 280px; padding: 14px 0 11px 0; font-family: 'Poppins', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; border: none; margin-top: 10px;}
#about-page button:hover {background: #2E2E2E; transition: .5s;}

/*---CAREERS---*/
#careers-hero-bkgrd {background: url("/siteart/careers-hero.jpg") no-repeat; background-position: center; background-size: cover; top: -40px; position: relative;}
.careers-p p {font-size: 16px; color: #888; line-height: 24px; margin-bottom: 20px; margin-top: 12px; text-align: center;}
.location-team {font-size: 16px; color: #888; line-height: 28px; margin-bottom: 20px; margin-top: 12px; margin-top: 40px; display: flex; justify-content: space-between;}
.location-team p {color: #2E2E2E; margin-bottom: 5px; text-transform: uppercase; font-size: 18px;}
.our-careers {margin-top: 40px;}
.our-careers li {color: #888; font-size: 16px; line-height: 30px;}
.our-careers ul {padding: 20px 0;}
.accordion h4 {text-transform: uppercase;}
.location-team i {color: #2E2E2E;}
.career-buttons button {background: #E62D30; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 280px; padding: 14px 0 11px 0; font-family: 'Poppins', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; border: none; margin-bottom: 10px;}
.career-buttons button:hover {background: #2E2E2E; transition: .5s;}

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

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

.service-section {
    flex: 1;
}

.contact-accord button {
	background: transparent;
    color: #2E2E2E;
    cursor: pointer;
    padding: 15px 0px;
    font-size: 22px;
    width: 100%;
	margin: 0 auto;
    text-align: left;
    border: none;
    outline: none;
	font-family: 'Poppins', sans-serif !important;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    letter-spacing: 1px;
	border-bottom: 2px #2E2E2E solid;
	margin-bottom: 8px;
}

/* 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 {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
	margin: 8px 0;
}

.panel p {
    padding: 0px 0;
}

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

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

/*---MANITOU---*/
#manitou-hero-bkgrd {background: url("/siteart/manitou-hero-1.jpg") no-repeat; background-position: center; background-size: cover; top: -40px; position: relative;}
#new-machinery > a button {background: #E62D30; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 280px; padding: 14px 0 11px 0; font-family: 'Poppins', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; border: none; margin-bottom: 10px;}
#new-machinery > a {display: flex; justify-content: center; margin-top: 60px;}

/*---SDP---*/
.sdp-call-to > div > div {align-items: center !important;}

/*---TRUCKING---*/
#trucking-hero-bkgrd {background: url("/siteart/trucking-hero.jpg") no-repeat; background-position: center; background-size: cover; top: -40px; position: relative;}
.trucking-img {background: url("/siteart/trucking.jpg") no-repeat; background-position: center; background-size: cover; object-fit: cover; overflow: hidden; height: 450px;}

/*---ROLL OFF---*/
#roll-off-hero-bkgrd {background: url("/siteart/roll-off-hero.jpg") no-repeat; background-position: center; background-size: cover; top: -40px; position: relative;}
.roll-off-img {background: url("/siteart/roll-off.jpg") no-repeat; background-position: center; background-size: cover; object-fit: cover; overflow: hidden; height: 450px;}


/*--------FORM STYLES--------------------*/
.consign-form {width: 90%; margin: 0 auto; margin-top: 0px; border-radius: 5px; position: relative; padding: 80px 0 70px 0;}
.consign-form p {color: #CCC; font-size: 15px; margin-bottom: 30px; line-height: 20px;}
.consign-form form input {background: transparent; border: 1px #A8A8A8 solid; width: 100%; padding: 13px 0 13px 17px; font-family: 'inter-variable', sans-serif; font-size: 14px;}
.consign-form td {width: 100%;}
.consign-form form {width: 100%;}
.consign-form form textarea {width: 100%; background: transparent; border: 1px #A8A8A8 solid; padding: 13px 0 13px 17px; font-family: 'inter-variable', sans-serif; font-size: 14px;}
.consign-form form tr {display: flex; gap: 12px; margin-bottom: 12px;}
.consign-form form table {width: 100%;}
.consign-form form .submitselect {background: #E62D30; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 220px; padding: 14px 0 11px 0; font-family: 'Poppins', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; border: none; display: flex; justify-content: center;}
.consign-form form .submitselect:hover {background: #2E2E2E; transition: .5s;}
.consign-form form .CaptchaMessagePanel {color: #9B9B9B; font-weight: normal; font-size: 14px; line-height: 20px;}
.consign-form form .CaptchaWhatsThisPanel a {color: #9B9B9B; border-bottom: 1px transparent solid;}
.consign-form form .CaptchaWhatsThisPanel a:hover {border-bottom: 1px #9B9B9B solid; transition: .5s;}
.consign-form form .submit {background: #E62D30; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 220px; padding: 14px 0 11px 0; font-family: 'Poppins', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; border: none;}
.consign-form form .submit:hover {background: #2E2E2E; transition: .5s; cursor: pointer !important;}
.form-wrapper h2 {color: #2E2E2E; font-family: 'poppins', sans-serif; font-size: 40px; margin-bottom: 10px; line-height: 45px; text-align: center;}
.form-wrapper p {color: #9B9B9B; text-align: center;}
.consign-form .formrow {display: flex; justify-content: center;}


/*-------- FOOTER STYLES ----------------*/
footer {background: #2E2E2E;}
.footer-width {width: 95%; margin: 0 auto; padding: 50px 0 40px 0; display: flex; justify-content: space-between;}
footer img {width: 180px;}
footer ul a {color: #fff; font-size: 16px; line-height: 36px; border-bottom: 1px transparent solid;}
footer ul {margin-top: 20px;}
footer h4 {text-transform: uppercase; font-size: 20px; color: #fff; margin-top: 50px;}
.quick-links {display: flex; gap: 60px;}
.quick-links a {text-transform: uppercase;}
.footer-socials {display: flex; justify-content: flex-end; gap: 20px; margin-top: 70px;}
.footer-socials i {color: #fff; font-size: 25px;}
footer ul a:hover {border-bottom: 1px #fff solid; transition: .5s;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
#inventory-hero-bkgrd {background: url("/siteart/inventory-hero.jpg") no-repeat; background-position: right; background-size: cover; top: -40px; position: relative;}
#sdp-hero-bkgrd {background: url("/siteart/sdp-hero.jpg") no-repeat; background-position: center !important; background-size: cover; top: -40px; position: relative;}
#attachments-hero-bkgrd {background: url("/siteart/attachments-hero.jpg") no-repeat; background-position: center !important; background-size: cover; top: -40px; position: relative;}
.hero-overlay {background: rgba(46,46,46,0.50);}
#inventory-hero-bkgrd .hero-callto h1, #sdp-hero-bkgrd.hero-callto h1 {margin-bottom: 0px !important;}
.list-content {margin-top: 70px !important; margin-bottom: 100px !important;}
.list-top-section .list-listings-count {color: #E62D30 !important;}
.faceted-search-content .selected-facets-container .selected-facet {background: #E62D30 !important;}
.faceted-search-content button.faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-content .list-error-container .info button:not(.login-button) {background: #2E2E2E !important;}
.disclaimer span {font-family: 'Poppins', sans-serif !important; font-size: 16px !important; line-height: 24px !important;}
.inventory-img {display: none;}
.list-top-section .listing-option-bar-content .list-listings-count {display: contents !important;}
.list-redesign {position: relative !important; top: -40px !important;}

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

@media only screen and (max-width: 1460px) {
	.hero-content {top: 20%;}
}
@media only screen and (max-width: 1450px) {
	.herosurround, #xcmg-hero-bkgrd, #inventory-hero-bkgrd, #about-hero-bkgrd, #careers-hero-bkgrd, #sdp-hero-bkgrd {top: -30px;}
}
@media only screen and (max-width: 1400px) {
	.overlay .popup {top: 108%;}
}
@media only screen and (max-width: 1350px) {
	.hero-content {top: 18%;}
	#rental-equip {width: 95%;}
}
@media only screen and (max-width: 1280px) {
	.hero-content {top: 16%;}
}
@media only screen and (max-width: 1240px) {
	#new-machinery {width: 80%;}
	#about-page img {width: 48%;}
	.hero-content {top: 14%;}
	.hero-callto h1 {width: 565px; font-size: 40px; line-height: 45px;}
	.hero-callto a {font-size: 18px;}
	.herosurround, #xcmg-hero-bkgrd, #inventory-hero-bkgrd, #about-hero-bkgrd, #careers-hero-bkgrd, #sdp-hero-bkgrd {top: -25px;}
	.overlay .popup {top: 98%;}
}
@media only screen and (max-width: 1200px) {
	.not-seeing-flex img {width: 80%;}
}
@media only screen and (max-width: 1160px) {
	.hero-content {top: 12%;}
}
@media only screen and (max-width: 1150px) {
	#new-machinery, .meet-team {width: 85%;}
	.rent-width {width: 85%; margin: 0 auto;}
	.rental-equip {flex-wrap: wrap; justify-content: center;}
	.rental-equip a {width: 24%;}
	.overlay .dozers, .overlay .excavators, .overlay .rollers, .overlay .skid-steers {top: 0% !important;}
	.overlay .backhoes, .overlay .cranes, .overlay .off-road, .overlay .telehandlers {top: 10% !important;}
	.overlay .wheel-loaders, .overlay .flex-tracks, .overlay .light-towers, .overlay .generators {top: 25% !important;}
	.overlay .water-trucks, .overlay .sweepers, .overlay .trailers, .overlay .side-by {top: 45% !important;}
	.overlay .attachments, .overlay .boom-lifts, .overlay .track-carriers {top: 65% !important;}
	.overlay .ditch {top: 75% !important;}
}
@media only screen and (max-width: 1100px) {
	#about-page, .meet-team, .consign-form {width: 95%;}
	.hero-content {top: 10%;}
	.popup-table li {font-size: 15px;}
	.popup-header h3 {font-size: 21px;}
	.pop-description li {width: 380px;}
}
@media only screen and (max-width: 1080px) {
	#new-machinery {width: 90%;}
}
@media only screen and (max-width: 1060px) {
	.mobile-hero-content {display: contents;}
	.herosurround {display: none;}
	.hero-bkgrd-overlay {background: #2E2E2E; top: -25px; position: relative;}
	.hero-content {top: 0;}
	.hero-content h1 {color: #fff; font-size: 40px; text-transform: uppercase; line-height: 45px;}
	.hero-content {padding: 60px 0;}
	.hero-content a {color: #fff; font-size: 16px; text-transform: uppercase;}
	.hero-content h1 {margin-bottom: 12px;}
	.mobile-hero-video {top: -20px; position: relative;}
	#xcmg-hero-bkgrd, #inventory-hero-bkgrd, #about-hero-bkgrd, #careers-hero-bkgrd, #sdp-hero-bkgrd {top: -20px;}
	.overlay .popup {top: 138%;}
}
@media only screen and (max-width: 1020px) {
	#new-machinery {width: 95%;}
	.rent-width {padding: 100px 0;}
}
@media only screen and (max-width: 1000px) {
	.not-seeing-flex {flex-wrap: wrap; gap: 40px;}
	.not-seeing-flex div {width: 100%;}
	.not-seeing-flex img {width: 280px;}
	.not-seeing-flex div:last-child {justify-content: space-between;}
	.not-seeing-flex div:first-child {flex-wrap: wrap; justify-content: center;}
	.not-seeing-flex hr {display: none;}
	.not-seeing-flex ul {text-align: center;}
	.popup-table li {font-size: 14px;}
	.pop-description li {width: 350px;}
}
@media only screen and (max-width: 950px) {
	.machinery-callto img {width: 75%;}
	.rental-equip a {width: 32%;}
	.overlay .dozers, .overlay .excavators, .overlay .rollers {top: 0% !important;}
	.overlay .skid-steers, .overlay .backhoes, .overlay .cranes {top: 10% !important;}
	.overlay .off-road, .overlay .telehandlers, .overlay .wheel-loaders {top: 25% !important;}
	.overlay .flex-tracks, .overlay .light-towers, .overlay .generators {top: 45% !important;}
	.overlay .water-trucks, .overlay .sweepers, .overlay .trailers {top: 55% !important;}
	.overlay .side-by, .overlay .attachments, .overlay .boom-lifts {top: 65% !important;}
	.overlay .track-carriers, .overlay .ditch {top: 75% !important;}
}
@media only screen and (max-width: 900px) {
	.machinery-callto {flex-wrap: wrap;}
	.machinery-callto > div > div {display: flex; gap: 25px; text-align: left; align-items: center;}
	.machinery-callto img {width: 220px;}
	#rent-trucking h2, #about-page h2 {width: 100%;}
	.overlay .popup {top: 128%;}
	#WheelLoader .overlay .popup {top: 167% !important;}
	#Rollers .overlay .popup {top: 201% !important;}
	.hero-callto h1 {font-size: 40px; line-height: 45px;}
	.popup-table li {font-size: 13px;}
	.pop-description li {width: 325px;}
}
@media only screen and (max-width: 850px) {
	.footer-width {flex-wrap: wrap;}
	.footer-width > div {width: 100%;}
	.meet-team > div {flex-wrap: wrap;}
	.meet-team > div > div {width: 50%;}
	.location-team {flex-wrap: wrap; gap: 50px;}
	.location-team > div {width: 100%;}
	.career-buttons {text-align: center;}
	.career-buttons button {width: 300px; padding: 16px 0 13px 0;}
	.career-buttons p {margin-bottom: 10px;}
	.popup-table li {font-size: 12px;}
	.pop-description li {width: 300px;}
}
@media only screen and (max-width: 800px) {
	.machinery-callto img {width: 200px;}
	.machinery-button {flex-wrap: wrap; gap: 20px;}
	.machinery-button p {width: 100%;}
	#rent-trucking > div {flex-wrap: wrap;}
	.rent-img, .trucking-img, .rolloff-img {width: 100% !important;}
	.rent-img-full {display: contents;}
	.rent-width {width: 95%;}
	.rent-center-flex {width: 100% !important;}
	.about-overlay div {width: 95%; padding: 100px 0;}
	.store-img, .xcmg-img, .roll-off-img, .trucking-img {display: none;}
	.about-img {display: contents;}
	.about-img-width img {width: 100%;}
	.about-img-width {width: 100%;}
	#about-page {flex-wrap: wrap; gap: 15px;}
	#about-page img {width: 100%;}
	#about-page div {width: 100%;}
	.xcmg-content {width: 100% !important;}
	.xcmg-content button {margin-bottom: 60px;}
	#about-hero-bkgrd {background-position: right;}
	#about-page button {margin-bottom: 50px;}
}
@media only screen and (max-width: 750px) {
	.popup-table li {font-size: 11px;}
	.pop-description li {width: 275px;}
}
@media only screen and (max-width: 700px) {
	.machinery-callto img {width: 180px;}
	.rental-equip a {width: 49%;}
	.pop-description li {width: 250px;}
	.popup-table li {font-size: 10px;}
	.popup-header h3 {font-size: 20px;}
	.overlay .dozers, .overlay .excavators {top: 0% !important;}
	.overlay .rollers, .overlay .skid-steers {top: 10% !important;}
	.overlay .backhoes, .overlay .cranes {top: 15% !important;}
	.overlay .off-road, .overlay .telehandlers {top: 25% !important;}
	.overlay .wheel-loaders, .overlay .flex-tracks {top: 35% !important;}
	.overlay .light-towers, .overlay .generators {top: 45% !important;}
	.overlay .water-trucks, .overlay .sweepers {top: 55% !important;}
	.overlay .trailers, .overlay .side-by {top: 60% !important;}
	.overlay .attachments, .overlay .boom-lifts {top: 70% !important;}
	.overlay .track-carriers {top: 80% !important;}
	.overlay .ditch {top: 90% !important;}
}
@media only screen and (max-width: 650px) {
	.hero-callto h1 {width: 100%;}
	.machinery-callto > div > div {display: block; text-align: center;}
	.machinery-button {justify-content: center;}
	.machinery-button p {text-align: center;}
	.overlay .popup {top: 92%;}
	#WheelLoader .overlay .popup {top: 174% !important;}
	#Rollers .overlay .popup {top: 227% !important;}
	.not-seeing-flex div:last-child {flex-wrap: wrap;}
	.not-seeing-flex ul {width: 100%;}
	.popup-table li {font-size: 9px; line-height: 26px;}
	.popup-header h3 {font-size: 18px;}
	.pop-description li {width: 225px;}
}
@media only screen and (max-width: 600px) {
	.hero-callto {padding-bottom: 35px; padding-top: 150px;}
	.pop-description li {width: 200px;}
	.popup-table li {font-size: 8px; line-height: 22px;}
	.popup-header h3 {font-size: 17px;}
}
@media only screen and (max-width: 550px) {
	.rental-equip a {width: 47%;}
}
@media only screen and (max-width: 500px) {
	.hero-callto h1 {font-size: 35px; line-height: 40px;}
	.hero-callto a {font-size: 17px;}
	.hero-callto i {width: 15px; height: 15px; font-size: 10px;}
	.hero-callto {padding-bottom: 45px;}
	#new-machinery h2 {font-size: 30px; line-height: 35px;}
	.machinery-callto h3 {font-size: 20px; line-height: 25px; margin-bottom: 10px;}
	.machinery-callto p, .careers-p p {font-size: 15px;}
	.machinery-button p {font-size: 15px;}
	#rent-trucking h2, #about-bkgrd h2, #about-page h2, .meet-team h2, .form-wrapper h2, .not-seeing-width h4 {font-size: 30px; line-height: 35px;}
	#rent-trucking p, #about-bkgrd p, #about-page p, .meet-team p, #rental-equip p, .not-seeing-width p {font-size: 15px;}
	.rent-width, .about-overlay div {padding: 80px 0;}
	footer img {width: 160px;}
	footer ul a {font-size: 15px; line-height: 34px;}
	.disclaimer span {font-size: 14px !important; line-height: 24px !important;}
	#inventory-hero-bkgrd .hero-callto h1, #about-hero-bkgrd .hero-callto h1, #xcmg-hero-bkgrd .hero-callto h1, #careers-hero-bkgrd .hero-callto h1, #sdp-hero-bkgrd .hero-callto h1 {font-size: 30px !important; line-height: 35px !important;}
	#inventory-hero-bkgrd .hero-callto, #about-hero-bkgrd .hero-callto, #xcmg-hero-bkgrd .hero-callto, #careers-hero-bkgrd .hero-callto, #sdp-hero-bkgrd .hero-callto {padding-top: 100px !important; padding-bottom: 30px !important;}
	.list-content {margin-top: 50px !important;}
	.meet-team h3 {font-size: 20px;}
	.accordion {font-size: 20px; padding: 12px 0; line-height: 25px;}
	.our-careers li {font-size: 15px;}
	.hero-content h1 {font-size: 30px; line-height: 35px;}
	.finance-button {flex-wrap: wrap;}
	.finance-button button {margin-bottom: 0px !important;}
	#about-page img {margin-top: 40px;}
	#rental-equip h2 {font-size: 30px; line-height: 35px;}
	.location-team {font-size: 15px;}
	.not-seeing-flex li {font-size: 15px;}
	.location-team p {font-size: 17px;}
	#about-page button {margin-bottom: 0px;}
	.buttons-flex {flex-wrap: wrap; text-align: center;}
	.buttons-flex a {width: 100%;}
	.popup-table li {font-size: 7px;}
	.popup-header h3 {font-size: 15px;}
	.pop-description li {width: 175px;}
}
@media only screen and (max-width: 480px) {
	.rental-equip a {width: 100%;}
	.rental-equip {gap: 18px;}
	.overlay .dozers {top: 0% !important;}
	.overlay .excavators {top: 5% !important;}
	.overlay .rollers {top: 10% !important;}
	.overlay .skid-steers {top: 15% !important;}
	.overlay .backhoes {top: 20% !important;}
	.overlay .cranes {top: 23% !important;}
	.overlay .off-road {top: 28% !important;}
	.overlay .telehandlers {top: 33% !important;}
	.overlay .wheel-loaders {top: 38% !important;}
	.overlay .flex-tracks {top: 43% !important;}
	.overlay .light-towers {top: 48% !important;}
	.overlay .generators {top: 53% !important;}
	.overlay .water-trucks {top: 57% !important;}
	.overlay .sweepers {top: 61% !important;}
	.overlay .trailers {top: 67% !important;}
	.overlay .side-by {top: 71% !important;}
	.overlay .attachments {top: 75% !important;}
	.overlay .boom-lifts {top: 80% !important;}
	.overlay .track-carriers {top: 90% !important;}
	.overlay .ditch {top: 95% !important;}
}
@media only screen and (max-width: 450px) {
	.consign-form form tr {flex-wrap: wrap;}
	.header-phone a {font-size: 12px !important;}
	.header-width a {font-size: 14px;}
	.pop-description li {width: 150px;}
	.popup-table li {font-size: 6px; line-height: 18px;}
	.popup-header h3 {font-size: 14px;}
}
@media only screen and (max-width: 420px) {
	.meet-team > div > div {width: 100%;}
}
@media only screen and (max-width: 400px) {
	.quick-links {gap: 5px; justify-content: space-between;}
	footer img {width: 40%;}
	footer ul a {font-size: 14px; line-height: 30px;}
	footer h4 {font-size: 18px;}
	.not-seeing-flex img {width: 80%;}
	.popup-table li {font-size: 6px;}
	.popup-header h3 {font-size: 13px;}
}
@media only screen and (max-width: 380px) {
	.popup-table li {font-size: 5px; line-height: 15px;}
	.popup-header h3 {font-size: 12px;}
	.pop-description li {width: 125px;}
}
@media only screen and (max-width: 350px) {
	.hero-callto h1 {font-size: 30px; line-height: 35px;}
	#new-machinery h2 {font-size: 25px; line-height: 30px;}
	.hero-callto a {font-size: 14px;}
	.hero-callto i {width: 13px; height: 13px; font-size: 8px;}
	.machinery-callto img {width: 80%;}
	.machinery-button a, .machinery-button button, #rent-trucking a, #rent-trucking button, #about-bkgrd a, #about-bkgrd button, .consign-form form .submitselect, .consign-form form .submit {width: 100%;}
	.rent-width {padding: 65px 0;}
	#inventory-hero-bkgrd .hero-callto h1, #about-hero-bkgrd .hero-callto h1, #xcmg-hero-bkgrd .hero-callto h1, #careers-hero-bkgrd .hero-callto h1, #sdp-hero-bkgrd .hero-callto h1 {font-size: 25px !important; line-height: 30px !important;}
	#inventory-hero-bkgrd .hero-callto, #about-hero-bkgrd .hero-callto, #xcmg-hero-bkgrd .hero-callto, #careers-hero-bkgrd .hero-callto, #sdp-hero-bkgrd .hero-callto {padding-top: 90px !important; padding-bottom: 25px !important;}
	.disclaimer span {font-size: 12px !important; line-height: 22px;}
	#about-page {padding: 80px 0 100px 0;}
	#Rollers .overlay .popup {top: 213% !important;}
	#WheelLoader .overlay .popup {top: 155% !important;}
	.mobile-hero-video {top: 0;}
	#xcmg-hero-bkgrd, #inventory-hero-bkgrd, #about-hero-bkgrd, #careers-hero-bkgrd, #sdp-hero-bkgrd {top: 0px;}
	.hero-bkgrd-overlay {top: -4px;}
	.hero-content h1 {font-size: 25px; line-height: 30px;}
	.hero-content a {font-size: 15px;}
	.career-buttons button, #about-page button, #new-machinery > a button {width: 100%;}
	#new-machinery > a {margin-top: 50px;}
	.buttons-flex button {width: 100%;}
	.popup-table li {font-size: 4px;}
}
@media only screen and (max-width: 315px) {

}
@media only screen and (max-width: 280px) {
	.popup-header h3 {font-size: 11px;}
}