@import url('https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,700&display=swap');
/* RESET 
------------------------------------------------*/
* { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Abel', sans-serif;
}



a {
	color:#000;
	text-decoration:none;
	
}

a:hover{
	color:#000;
	text-decoration:underline;
}

p{
	padding:20px 0;
}


h1, h2, h3, h4 {font-family: 'Quantico', sans-serif;}
 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 

}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}

.sub-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:60px 20px;
	position:relative;
}

.sub-wrapper h1{
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 1.3px;
	padding-bottom: 20px;
}

.inv-wrapper {
	margin:0 auto;
	padding:60px 20px;
	position:relative;
}

::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.small-ban {background: #E9AF33; padding: 5px 0; width: 100%; float: right;}
.socials {width: 80%; margin: 0 auto; text-align: right;}
.socials h4 {display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 14px; letter-spacing: 1px;font-family: 'Quantico', sans-serif; padding-right: 10px;}
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#fff;
	position: relative;
}

.header-wrap {width: 80%; margin: 0 auto;}
.logo{
	vertical-align: middle;
	text-align: left;
	width:54%;
	margin:0 auto;
	display:inline-block;
	padding:5px;
}

.logo img{

	width: 100%;
	max-width: 250px;
}

.header-right{
	width:45%;
	text-align: right;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0;
}

.header-contact{
	display: inline-block;
	padding: 5px 0;
}

.header-contact p{
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0px;
	text-transform: uppercase;
	font-family: 'Quantico', sans-serif; font-weight: 400;
}
.header-contact p a {font-weight: 700;}
.header-contact .fab{display: inline-block; vertical-align: middle; margin: 0 auto;padding: 0 2px; font-size: 22px; color:#333; transition: .3s ease;}
.header-contact .fab:hover{display: inline-block; vertical-align: middle; margin: 0 auto;padding: 0 2px; font-size: 22px; color:#ccc}
.header-contact a{color:#000; text-decoration: none;font-family: 'Quantico', sans-serif; font-weight: 400;}
.header-contact a:hover{color:#000; text-decoration: underline;}


/*STICKY NAV*/


/* HOME PAGE STYLES
-----------------------------------------------*/
.width {width: 80%; margin: 0 auto;}
/* SLIDESHOW */

.hero-slider .slider{position:relative; width: 100%; z-index:0; background: #333; overflow:hidden;height:50vh;}
.hero-slider .slide_group{position:relative;width:100%;}
.hero-slider .slide{display:none; position: absolute; width:100%; height:auto; max-height: 600px;}
.hero-slider .slide img{display: block; position: relative; width: 100%; height: auto;}
.hero-slider .slide video{position: relative; width: 100%; height: auto;}

.hero-slider .slide:first-child{display:block;}
.hero-slider .slide_buttons{text-align:center;position:absolute;top:15px; right: 35px;z-index:9;}
.hero-slider a.slide_btn{font-size:25px;color:#fff;margin:0 1px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.hero-slider .slide_btn.active, .slide_btn:hover{font-size:25px;color:#000;cursor:pointer;}

.hero-slider .slide .slide-link{position:absolute; width: 100%; max-width: 700px; padding: 0 25px; box-sizing: border-box; font-weight: 700; color: #fff; top: 40px; z-index: 30; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); line-height: normal; text-align: right; right: 25px;}
.hero-slider .slide .slide-link .link-text h2{font-family: 'Quantico', sans-serif;font-size: 45px; text-transform: uppercase; color: #E9AF33; margin-top:20px; font-weight: 800;}
.hero-slider .slide .slide-link .link-text p{font-size: 16px; color: #fff; margin: 5px 0;font-weight: 300;  width: 100%; text-align: right;  padding: 10px 0;}
.hero-slider .slide .button-link a{display:block; margin: 15px 0; background: #212121; padding: 15px; text-transform: uppercase; text-align: center; text-decoration: none; box-sizing: border-box; color: #fff; max-width: 230px;transition: .3s ease; float: right; letter-spacing: 2px; font-size: 16px;}
.hero-slider .slide .button-link a:hover{ background: #E9AF33; }

.link-text h4 {font-size: 30px;font-family: 'Quantico', sans-serif; font-weight: 400;}
.link-text h3 {font-size: 35px;font-family: 'Quantico', sans-serif; font-weight: 400;}

/* quick links */
.linkboxes{padding:40px 0;background:#fff;}
.linkbox{float:left;display:block;width:18%;height:220px;margin:1%;text-align:center;position:relative;box-sizing:border-box;padding: 60px 20px 20px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;text-shadow: 2px 2px 2px #000000;}
.linkbox p{position:relative;z-index:10;font-size:24px;line-height:1em;font-family: 'Quantico', sans-serif;}
.linkbox p span{display:block;font-size:16px;font-weight:700;border-top: #fff 1px solid;margin-top: 10px;padding-top: 10px;}
a .linkbox{color:#fff;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.linkbox:after {content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.4; transition: .3s all;display:block;}
.linkbox:hover:after {opacity: 0.8;background: #E9AF33;}

#agriculture{background-image:url(../siteart/agriculture.jpg);}
#construction{background-image:url(../siteart/construction.jpg);}
#trucks{background-image:url(../siteart/trucks.jpg);}
#trailers{background-image:url(../siteart/trailers.jpg);}
#aggregate-equipment {background-image:url(../siteart/aggregate_equipment.jpg);}

.ribbon{text-align:center;color:#fff;background:#38b749;border-bottom:#216c2b 5px solid;position:relative;}
.ribbon h2{color:#fff;}


/* welcome section */

.welc-section{
	width:100%;
	display:flex;
	flex-direction: row;
	align-items: stretch;
	margin: 0 auto;
	background:url(/siteart/welcome-bg.jpg); 
	background-position: center bottom;
	border-top:10px solid #000;
}

.welc-left{
	width:100%;
	padding: 180px 100px;
	text-align: left;
	margin: 0 auto;
	vertical-align: top;
}

.welc-left h1{
	font-size: 22px;
	line-height: 1;
	text-align: left;
	font-weight: normal;
	position: relative;
	margin: 0 auto;
	font-family: 'Quantico', sans-serif;
}

.welc-left h1 span{
	text-transform: uppercase;
	font-size: 32px;
	letter-spacing: 1.3px;
	font-family: 'Quantico', sans-serif;
	font-weight: 700;
}

.welc-left h1 hr{
	position: absolute;
	z-index: -1;
	height: 10px;
	background: #E9AF33;
	left: -100px;
	bottom: 0;
	border: 0;
	margin: 0;
	width: 420px;
}

.welc-left p{padding: 20px 0; line-height: 1.5;}

.welc-btn{
	display: inline-block;
	padding: 10px 30px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	border:1px solid #000;
	color:#000;
	text-decoration: none;
	letter-spacing: 1.5px;
	transition: ease .3s;
}

.welc-btn:hover{background:#000; color:#fff;  text-decoration: none; transition: ease .3s;}

.welc-right{
	width:100%;
	background:rgba(255,255,255,.5);
	position: relative;
	margin: 0 auto;
	vertical-align: top;
}

.left-line{
	width:10px;
	background:#E9AF33;
	height: 120px;
	position: absolute;
	left: 35px; 
	top:50px;
}

.welc-right img{
	width:94%;
	display: block;
	position: absolute;
	top:50px;
	right: 0;
}


/* detailed search */

.det-search{
	width:100%;
	background: #000;	
	position: relative;
	padding: 40px 0;
}

.det-search:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: -167px;
    left: 0;
    z-index: -1;
    background: #000;
    transform-origin: bottom left;
    -ms-transform: skewY(5deg);
    -webkit-transform: skewY(5deg);
    transform: skewY(5deg);
	box-shadow: 0 -3px 6px 0px rgba(0, 0, 0, 0.42);
}

.det-search h2{
	color: #E9AF33;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 25px;
	font-weight: normal;
}

.skew-also:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 45px;
    left: 0;
    z-index: -2;
    background: #f1f1f1;
    transform-origin: bottom left;
    -ms-transform: skewY(-5deg);
    -webkit-transform: skewY(-5deg);
    transform: skewY(-5deg);
}





/* WE BUY EQUIP PAGE
------------------------------------------------*/

.accordion-panel {
  width:100%;
  background:#fff;
	border:1px solid #f1f1f1;
	margin-bottom: 10px;
}

.accordion-panel .accordion .cols3 {
	column-count: 3;
}

.accordion-panel ul{line-height: 2;}
.accordion-panel ul li{list-style:none;}

.accordion-panel .accordion dt {
  display: block;
  padding: 25px;
  color: #555;
  cursor: pointer;
  position: relative;
  user-select: none;
}
.accordion-panel .accordion dd {
  height: 0;
  overflow: hidden;
  transition: height .35s ease-out;
  margin-left: 0;
  background: #F4F4F4;
}
.accordion-panel .accordion .content {
  padding: 25px;
  overflow: auto;
}
.accordion-panel .plus-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  transition: transform 0.35s ease-out;
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -12px;
}
.accordion-panel .plus-icon:before,
.accordion-panel .plus-icon:after {
  content: '';
  background: #000;
  position: absolute;
}
.accordion-panel .plus-icon:before {
  width: 2px;
  height: 15px;
  margin-left: -0.5px;
  left: 50%;
}
.accordion-panel .plus-icon:after {
  width: 15px;
  height: 2px;
  margin-top: -0.5px;
  top: 50%;
  opacity: 1;
  transition: opacity 0.35s ease-out;
}
.accordion-panel .is-open .plus-icon {
  transform: rotate(90deg);
}
.accordion-panel .is-open .plus-icon:after {
  opacity: 0;
}
.accordion-panel .hidden {
  display: none;
}
.accordion-panel .open-btn,
.accordion-panel .close-btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 90px;
}
.accordion-panel .buttons-wrapper {
  position: relative;
}
.accordion-panel .buttons-wrapper .plus-icon {
  position: absolute;
  right: 10px;
  top: 12px;
}





/* CONTACT PAGE
------------------------------------------------*/

.contact-left{
	width:30%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}

.contact-right{
	width:69%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}








/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}

.list-top-section .list-listings-count {color:#333 !important; padding-left: 12px !important;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#E9AF33 !important;
}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{
	font-size:22px !important;
	color:#000;
	text-transform:uppercase;
	padding-bottom:0 !important;
	font-weight:bold;
	letter-spacing: 1.3px;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin:3px 0 0 3px !important;}

.list-top-section .list-title .list-listings-count,
.list-content .price-container .price,
.listing-prices__retail-price,
.listing-prices__discount-formatted-price,
.listing-prices__alternate-retail-price,
.listing-prices__exclusive-wholesale-price {color:#333 !important;}

.mobile-option-bar .mobile-option-bar-filter{color:#000 !important;}

.view-listing-details-link,
.faceted-search-content .mobile-done-button-container .mobile-done-button,
.show-all-modal .apply-button,
.faceted-search-content .selected-facets-container .selected-facet,
.list-content .list-error-container .info button {color:#000 !important; background:#E9AF33 !important;}

.faceted-search-content .mobile-done-button-container .mobile-done-button:hover {color:#fff !important; background:#000 !important;}

.show-all-modal .back-button {color:#E9AF33 !important; border:1px #E9AF33 solid !important;}

.list-top-section .list-title {padding:0 !important; letter-spacing:0 !important; text-transform:capitalize !important;}



/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#000;
	display: inline-block;
	background:url(../siteart/footer-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 80px 0;
}

.foot-left{
	width:60%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	text-align: left;
	font-weight:600; 
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);*/
}

.foot-left .col2{
	width:49%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}

.foot-left h3{
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 1.3px;
	font-weight: normal;
}

.foot-left ul{padding: 10px 0;}
.foot-left ul li{list-style: none; line-height: 1.5;}

.foot-left p{padding: 10px 0;}

.foot-left a{color:#000; text-decoration: none;}
.foot-left a:hover{color:#000; text-decoration: underline;}



.foot-right{
	width:39%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	text-align: right;
}

.foot-right img{width:280px; padding-bottom: 30px;}

.divfooter{
	width:100%;
	display: inline-block;
	margin-right: 0;
	font-size: 12px;
}
.divfooter a{
	color:#000;
	text-decoration:underline;
}

.divfooter a:hover{
	color:#000;
	text-decoration:none;
}



.widget-price-container {float: right;}
@media screen and (max-width:1670px){
	.welc-left{padding: 110px 100px;}
	.welc-right img{width: 90%;}
}

@media screen and (max-width:1530px){
	
	.welc-right{height: 400px;}
	.left-line{left: 45px}
	
	.skew-also:before{top:-25px;}
	.det-search:before{top:-135px;}
}


@media screen and (max-width:1350px){
	.hero h1{width: 60%;}
	
	.welc-right{height: 330px;}
	.left-line{left: 35px}
	.linkbox p {font-size: 18px;}
	.link-text h3, .link-text h4 {font-size: 22px;}
}

@media screen and (max-width:1200px){
	.welc-section{display: block;}
	.welc-right{display: none;}
	.hero-slider .slide .slide-link .link-text h2 {font-size: 30px;}
	.link-text h3, .link-text h4 {font-size: 22px;}
	
	
}

@media screen and (max-width:1090px){
	.logo {width: 45%; text-align: left; float: left;}
	.hero-slider .slide .slide-link .link-text h2 {display: none;}
	.linkbox {width: 48%;}
	
}

@media screen and (max-width:950px){
	.hero{padding: 80px 20px; height: auto;}
	
	.skew-also:before{top:-85px;}
	
	.foot-left{width: 100%;}
	.foot-right{width: 100%; text-align: center; margin-top: 30px;}
	.divfooter{width: 70%;}
}

@media screen and (max-width:850px){
	.header-right{text-align: center; padding: 20px 20px 0 20px}
	
	.welc-left{padding: 80px;}
}


@media screen and (max-width:650px){
	.socials {width: 90%;}
	.header-wrap {width: 90%;}
	.contact-left{width: 100%;}
	.contact-right{width: 100%; text-align: center;}
	.header-right {width: 100%; text-align: center; padding: 0;}
	.logo {width: 100%; float: none; text-align: center;}
	
	.welc-section{padding-bottom: 150px;}
	.link-text, .button-link {display: none;}
	.header-contact p {font-size: 14px;}
	.socials {text-align: center;}
}

@media screen and (max-width:500px){
	.hero h1{font-size: 8vw;}
	.hero .l2{font-size: 13vw;}
	.hero .l3{font-size: 17vw;}
	
	.welc-left{padding: 40px 20px;}
	
	.det-search:before{top:-105px;}
	
	.accordion-panel .accordion .cols3{column-count: 2;}
	
	.divfooter{width: 95%;}
	.linkbox {width: 100%;}
	
}


@media screen and (max-width:420px){
	.hero h1{font-size: 7vw;}
	.hero .l2{font-size: 11.5vw;}
	.hero .l3{font-size: 16vw;}
	
}