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


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.header {
	display: flex;
	background: #000;
}
.squares{
    background: url(/siteart/squares.png);
    width: 30%;
    background-size: cover;
    background-repeat: no-repeat
}
.headerlogosect{
	width: 20%;
	display: flex;
}
.headerlogo{
	width: 60%;
}
.headerlogo img{
	width: 95%;
}
.headerright{
	width: 80%;
	display: flex;
	flex-wrap: wrap;
}
.headertop{
    width: 100%;
    display: flex;
    border-bottom: 3px solid #fbb618;
    justify-content: flex-end;
    padding: 10px 5% 10px 10px;
    align-items: center;
}
.headerinfo i{
	font-size: 16px;
	padding: 0px 5px;
}
.headerinfo a{
		color: #fbb618;
		font-family: 'League Spartan', sans-serif;
		font-weight: 700;
		font-size: 14px;
		text-transform: uppercase;
}
.whatsapp{
	font-size: 20px!important;
}
.headerinfo{
	padding: 0px 15px;
	color: #fbb618;
}
.mobileheaderinfo i{
	font-size: 16px;
	padding: 0px 15px;
	color: #fbb618;
}
.mobileheaderinfo{
	display: none;
}
.headerbottom{
	display: flex;
	width: 100%;
	padding: 0% 6%;
	align-items: center;
    justify-content: flex-end;
	font-family: 'Oswald', sans-serif;
}
.navbtn{
	color: #000;
	background: #fbb618;
	padding: 5px 20px;
	font-weight: 500;
	text-transform: uppercase
}
.herosect{
	background: url("/siteart/iandj_heroimage.jpg");
	background-size: cover;
	background-position: center;
	height: 700px;
	display: flex;
	align-items: center;
}
.mobileherotextsect{
	display: none;
}
.herotextsect{
	background:#fbb618e6;
	padding: 3% 5%;
	border-bottom: solid 2px #000;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	width: 48vh;
}
.heroheader{
	font-family: 'Oswald', sans-serif;
	line-height: 46px;
    font-size: 45px;
	padding-bottom: 10px;
}
.blkunderline{
	height: 3px;
	background: #000;
	width: 100%;
}
.herosubtext{
	font-family: 'League Spartan', sans-serif;
	font-size: 18px;
	padding: 20px 0px;
	line-height: 22px;
	font-weight: 500;
}
.blkbtn{
	color: #fff;
	font-family: 'Oswald', sans-serif;
	background: #000;
	font-weight: 500;
	padding: 7px 28px;
	font-size: 15px;
}
.blkbtn:hover{
	background: #1a1a1a;
	box-shadow: 0px 1px 4px #1a1a1a;
	}
.hpinvsearchsect{
	background: #000;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 3%;
}
.hpinvsearchsect h2{
	width: 100%;
	text-align: center;
}
.whiteheader{
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 28px;
}
.hpinvsearchsect form{
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 20px 0%;
}
.invformfield{
	font-family: 'Oswald', sans-serif;
    width: 20%;
    background: #fff6e0;
    border: none;
    padding: 4px 8px;
    font-size: 16px;
	margin: 5px;
	color: #000!important;
	border-radius: 0px!important;
}
.searchbtn{
	font-family: 'Oswald', sans-serif;
	background: #fbb618;
	padding: 6px 35px;
	border: none;
	margin: 5px;
	font-weight: 600;
	color: #000!important;
	border-radius: 0px!important;
	cursor: pointer;

}
.yellowbtn{
	font-family: 'Oswald', sans-serif;
	background: #fbb618;
	color: #000;
	padding: 6px 35px;
	font-weight: 600;
}
.yellowbtn:hover{
	background: #ffc235;
    box-shadow: 0px 1px 4px #ffc235;

}
.hpaboutsect{
	display: flex;
	margin: 2% 0%;
	align-items: center;
}
.hpaboutleft{
	width: 45%;
	
}
.hpaboutright{
	width: 40%;
	padding: 0% 5%;
}
.blkheader{
	font-family: 'Oswald', sans-serif;
	color: #000;
	font-size: 28px;
}
.blackpara{
	font-family: 'League Spartan', sans-serif;
	color: #000;
	line-height: 30px;
	font-size: 15px;
}
.auctionpadding{
	margin:2% auto;
	width:80%; 
	text-align:center;
}
/*---BODY--------------------------------*/
.cpformsect{
	background: #000;

    margin: 0% 2% 2% 0%;
}
.cpformsect h3{
	padding: 5% 5% 0% 5%;
}
.cpformsect form{
	padding: 0% 5% 5% 5%;
}
.squaresbackground{
	background: url("/siteart/transparent-square.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: -18%;
}
.cpinfosect{
	background: #fbb618;
	padding: 2% 5%;
    margin: 2% 2% 2% 0%;
    border: #000 3px solid;
    border-left: 0px;
}
.lgblkheader{
	font-family: 'Oswald', sans-serif;
	color: #000;
	font-size: 34px;
}
.cpthirds{
	display: flex;
	padding: 2% 0%;
	justify-content: space-between;
}
.cpinfoboxes{
	width: 20%;
}
.cpsubhead{
	font-family: 'Oswald', sans-serif;
	color: #000;
	font-size: 18px;
}
.cplink{
		font-family: 'League Spartan', sans-serif;
	color: #000;
	line-height: 30px;
	font-size: 18px;
	text-transform: uppercase;
}
.cplink:hover{
color:#252525; 
	
}
.formfields{
	height: 30px;
	padding: 5px 10px;
	width: 30%;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	margin-top: 10px;
	background: #fff6e0;
	font-size: 16px;
	margin-right: 8px;
	border-radius: 0px!important;
}
.comments{
	height: 120px;
	padding: 5px 10px;
	width: calc( 90% + 74px );
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	margin-top: 15px;
	background: #fff6e0;
	font-size: 16px;
	cursor: pointer;
}
.CaptchaMessagePanel{
	color: #fff6e0;
	font-family: 'League Spartan', sans-serif;
	font-weight: 400!important;
	font-size: 15px;
}
.CaptchaWhatsThisPanel a{
	color: #fff6e0;
	font-family: 'League Spartan', sans-serif;
	font-weight: 500!important;
	font-size: 15px;
}
.submit{
	font-family: 'Oswald', sans-serif;
	background: #fbb618;
	color: #000;
	padding: 6px 35px;
	font-weight: 600;
	border: none!important;
	border-radius: 0px!important;
	font-size: 15px!important;
	cursor: pointer;
}
.CaptchaPanel {
	padding: 0px!important;
}
.center{
	text-align: center;
}
/*--------THANK YOU STYLES--------------------*/
.thankyoupadding{
    margin: 10vh 0% 10vh 13vh;
    background: #000;
    padding: 2% 0%;
}
.thankyousquare{
	background: url("/siteart/transparent-square.png");
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 113%;
    padding: 1% 0%;
}
.thankyoutextbox{
    background: #fbb618;
    border: 3px #000 solid;
    padding: 6% 5% 6% 5%;
    position: relative;
    margin: 6% 10%;
    right: 15%;
    width: 60vh;
}


/*-------- FOOTER STYLES ----------------*/
.footer{
	display: flex;
	box-sizing: content-box;
}

.footerleft{
	width: 20%;
	padding: 3% 8% 3% 5%;
	background: #000;
	box-sizing: content-box;

}
.footerright{
	width: 65%;
	display: flex;
	background: #fbb618;
	padding: 3% 5%;
	box-sizing: content-box;

}
.footerlogo{
	width: 100px;
}
.yellowline{
	background: #fbb618;
	height: 2px;
}
.footerheader{
	color: #fbb618;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	padding: 10px 0px;
	font-size: 18px;
	font-weight: 500;
}
.footerleft i{
	color: #fbb618;
	font-size: 18px;
	padding: 0px 10px 0px 0px;
}
.footerthirdsleft{
	width: 38%;
	display: flex;
    flex-wrap: wrap;
}
.footerthirdsleft a{
width: 50%;
}
.footerthirdsmiddle a{
width: 100%;
}
.footerthirdsmiddle{
	width: 28%;	
	display: flex;
    flex-wrap: wrap;
}
.footerthirdsright{
	width: 33%;	
	text-align: right;
}
.footersubhead{
	width: 100%;
	color: #000;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
}
.footerlinks{
	color: #000;
	font-family: 'League Spartan', sans-serif;
	font-weight: 400;
	
}
.footerlinks:hover{
color:#252525; 
}

.footersmtext{
	font-family: 'League Spartan', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
}
/*----GOOGLE TRANSLATE STYLES----*/
.goog-te-gadget .goog-te-combo {
    font-family: 'League Spartan'!important;
    padding: 5px 27px 5px 5px!important;
}
.goog-te-gadget {
    font-family: 'League Spartan'!important;
    font-size: 12px!important;
    color: #c5c5c5!important;
    white-space: nowrap;
	display: flex;
	flex-wrap: wrap;
}
.VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd:link, .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited, .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover, .VIpgJd-ZVi9od-l4eHX-hSRGPd:active{
	color: #9f9f9f!important;
	font-family: 'League Spartan'!important;

}
#google_translate_element{
	padding: 10px 0px;
}
#\:0\.targetLanguage{
	width: 100%;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
}
.show-closest-first-container .show-closest-first{
	    background: #000;
}
.list-redesign .page-type-toggle{
	background-color: #fbb618!important;
	color: #000!important;
}
.list-redesign .specs-container .specs-button{
	background: #000000!important;
}
.price-contain .retail-price-container .price {color: #000!important;}
.invpadding{
	background: #000;
	border-top: #fbb618 solid 10px;
	padding: 3% 0% 10% 0%;
	font-family: 'League Spartan', sans-serif!important;
	color: #fff;
}
.cf{
	background: url("/siteart/transparent-square.png")!important;
}
.list-top-section .list-title .list-title-text{
	font-family: 'Oswald', sans-serif!important;
	text-transform: uppercase;
}
.list-top-section .list-title .list-listings-count{
	color: #fff!important;
	font-family: 'League Spartan', sans-serif!important;

}
.show-closest-first-container .sort-button-spoof .sort-option-container .sort-option.selected-option{
    background-color: #414141!important;	
}
.ts-modal-container .ts-modal-content{
background-color: #000000!important;	
}
.list-content .listing-portion-title{
	font-family: 'Oswald', sans-serif!important;
	color: #000!important;
	font-size: 17px!important;
}
.list-content .list-listing{
	background: #000!important;
}
.list-content .spec-value {color: #000!important;}
.list-content .spec-label {color: #000!important;}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
	color: #000!important;
    background: #fbb618!important;
	font-family: 'Oswald', sans-serif!important;
	border: none!important;
	border-radius: 0px!important;
	padding: 8px 35px!important;
}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{
		color: #fbb618!important;

}
.list-content .price-container .price {
	color: #fbb618!important;
}
.view-listing-details-link{
	color: #000!important;
    background: #fbb618!important;
	font-family: 'Oswald', sans-serif!important;
	border: none!important;
	border-radius: 0px!important;
	padding: 8px 35px!important;
}
.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text{
		border-radius: 0px!important;

}
.mobile-option-bar .mobile-option-bar-filter{
color: #000!important;	
}
.faceted-search-content .mobile-done-button-container .mobile-done-button:hover{
	background: #f5ab00!important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
	color: #000!important;
    background: #fbb618!important;
	font-family: 'Oswald', sans-serif!important;
	border-radius: 0px!important;
    font-size: 16px!important;
	text-transform: uppercase;
}
.faceted-search-content .selected-facets-container .selected-facet{
	color: #000!important;
    background: #fbb618!important;
}
.list-content .list-error-container .info button{
	background-color: #fbb618!important;
	color: #000!important;
}
.list-content .list-error-container .info .selected-facet button{
	background: transparent!important;
}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn{
    background: #fbb618!important;
    color: #000000!important;	
}
.faceted-search-content .faceted-search__main-section{
	background: #000!important;
}
.faceted-search-content .faceted-section-head{
	background: #000!important;
}
.list-content .spec-icon{
	background-color: #333333!important;
}
.breadcrumbs__link{
	    color: #ffffff!important;
}
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price{
	color: #fbb618!important;
}
.currency-selector .currency-select{
	color: #fff!important;
}
.detail__specs-label, .inspection__spec-label{
	color: #000!important;
	background: #fbb618!important;
}
.iandjequipmentsalescomhdev-8l1pne{
	color: #000!important;
    background-color: #fbb618!important;	
}
.iandjequipmentsalescomhdev-19g5tmz{
	color: #ffffff!important;
}
.mc-thumb-toggles .mc-btn{
	color: #f3f3f3!important;
}
.list-content .list-listing-mobile{
	background: #000!important;
}
.list-content .list-listing-mobile .dealer-phone-container a{
	    border: 1px solid #fbb618!important;
		color: #fbb618!important;
}
.detail__title{
	color: #fff!important;
}
.faceted-search-content .mobile-done-button-container{
	background: #000!important;
}
.faceted-search-content{
		background: #000!important;

}
.show-all-modal{
		background:#0000008c!important;
	
}
.show-all-modal .show-all-modal-content-container{
			background: #000!important;

}
.show-all-modal .back-button{
	 border: 1px solid #fbb618!important;
		color: #fbb618!important;
}
.show-all-modal .apply-button{
		color: #000!important;
    background-color: #fbb618!important;
}
.ts-modal-header .close{
	background: #000!important;
}
.show-all-modal .nuf-button{
		color: #000!important;
    background-color: #fbb618!important;
}
.list-top-section .sticky-top-menu{
	    background: #000!important;
	    border-bottom: 1px #fbb618 solid!important;
}

.sort-button-spoof {color: #000;}

.listing-top-left section .listing-main-stats .list-listing-title .listing-portion-title {color: #fff!important;}
.listing-top-left section .listing-main-stats .list-listing-title .listing-portion-title .list-listing-title-link {color: #fff!important;}
.listing-top-left section .listing-main-stats .spec-container .spec-label {color: #fff!important;}
.listing-top-left section .listing-main-stats .spec-container .spec-value {color: #fff!important;}

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



@media only screen and (max-width: 1360px) {
.footerleft {
    width: 18%;
    padding: 3% 3% 3% 5%;	
	}
.footerright {
	width: 64%;
}
}
@media only screen and (max-width: 1285px) {
.headerright {
	width: 75%;
}
.headerlogosect {
	width: 25%;
}
	.thankyoupadding {
    margin: 12vh 0% 12vh 13vh;
    padding: 4% 0%;
}
}

@media only screen and (max-width: 1200px) {
	.hpaboutsect{
	flex-wrap: wrap;	
	}
	.hpaboutright {
    width: 38%;
    padding: 0% 3%;
}
	.hpaboutleft {
    width: 56%;
}
	.formfields{
	width: 26%;	
	}
	.comments {
	    width: calc( 78% + 74px );
	}
}
@media only screen and (max-width: 1170px) {
	.invformfield{
		width: 28%;
	}
	
	
}
@media only screen and (max-width: 1110px) {
	.herotextsect{
		padding: 6% 5%;
	}
}
@media only screen and (max-width: 1085px) {
.hpaboutleft {
    width: 100%;
}	
.hpaboutright {
    width: 85%;
    padding: 10% 7%;
}	
.hpaboutsect{
	margin: 6% 0% 0% 0%;
}	
}
@media only screen and (max-width: 1030px) {
	.footerright{
	padding: 3% 5%;
    box-sizing: content-box;
    flex-wrap: wrap-reverse;
    justify-content: space-around;	
	}
	.footerthirdsmiddle {
	width: 30%;
	}
	.footer {
	    background: #000;
    align-items: center;	
	}
	.footerthirdsright{
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
}
@media only screen and (max-width: 1023px) {
	.headerbottom{
	display: none;
	}
	.headerlogosect {
    width: 36%;
}
	.headerright {
    width: 64%;
}
}	
@media only screen and (max-width: 1000px) {
	.whatsapp{
		font-size: 26px!important;
	}
.mobileheaderinfo i{
		font-size: 20px;
	}
	.mobileheaderinfo{
		display: flex;
		align-items: center;
	}
	.headerinfo{
		display: none;
	}
	.headertop{
		border-bottom: none;
	}
}
@media only screen and (max-width: 964px) {
	.footerthirdsleft {
		width: 56%;
	}
	.footerleft {
		width: 24%;}
	.footerright {
    width: 58%;
}

}
@media only screen and (max-width: 900px) {
	.thankyoutextbox{
	    right: 25%;	
		padding: 10% 5% 10% 5%;
		width: 46vh;
	}
	.lgblkheader{
		line-height: 35px;
	}
}
@media only screen and (max-width: 870px) {
	.hpinvsearchsect form{
	flex-wrap: wrap;
	}	

	.invformfield {
    width: 100%;
	padding: 8px!important;
    font-size: 16px;
    margin: 7px 5px;
}
	.searchbtn{
	font-size: 15px;
    border: none;
    margin: 10px 5px;	
	}
	.hpinvsearchsect .yellowbtn{
		display: none;
	}
}
@media only screen and (max-width: 760px) {
	.footer{
		flex-wrap: wrap;
	}
.footerleft {
    width: 100%;
	padding: 7% 6% 9% 5%;
}
	.footerright {
    width: 100%;
}
}
@media only screen and (max-width: 700px) {

	.headerright {
    width: 30%;
}
	.headerlogosect {
    width: 65%;
}
	.headerlogo img {
    width: 170px;
}
	.squares{
		width: 20%;
	}
	.formfields {
    width: 90%;
}
	.cpformsect h3 {
    padding: 10% 5% 0% 5%;
}
	.cpformsect form {
    padding: 0% 5% 10% 5%;
}
	.comments {
    width: 90%;
}
}
@media only screen and (max-width: 670px) {
	.herotextsect{
		display: none;
	}	
	.mobileherotextsect{
		display: inline-block;
		background:#fbb618e6;
		padding: 8% 5%;
		border-top: solid 2px #000;
		width: 90%;
	}
	.herosect{
		height: 465px;
		background-position: right;
	}
	.cpinfoboxes {
    width: 100%;
    padding: 10px 0px;
}
	.cpthirds{
		flex-wrap: wrap;
	}
	.thankyoupadding{
		background: transparent;
		margin: 6vh 0%;
	}
	.thankyousquare{
		background: transparent;
	}
	.thankyoutextbox {
    right: 0%;
    padding: 10% 5%;
    width: 85%;
    margin: 5% 1%;
}
	.thankyoupadding {
		margin: 4vh 0% 12vh 0%;}
	.auctionpadding{
		width: 95%;
	}
	.cpinfosect{
		padding: 10% 5%;
	}
}

@media only screen and (max-width: 510px) {
	
.footerthirdsmiddle {
    width: 100%;
	padding: 10px 0px;
}	
.footerthirdsleft {
    width: 100%;
	padding: 10px 0px;

}
	.footerthirdsleft a {
    width: 50%;
    padding: 5px 0px;
}
	.footerthirdsmiddle a{
	    padding: 5px 0px;
	
	}

}
@media only screen and (max-width: 450px) {
	.heroheader{
	line-height: 38px;
    font-size: 38px;	
	}	
	.mobileherotextsect{
		padding: 15% 5%;
	} 
	.herosect {
		height: 365px;
	}
	
	.hpinvsearchsect{
		padding: 12% 3%;
	
	}
.hpaboutright {
    width: 94%;
    padding: 10% 2%;
}
	
}
@media only screen and (max-width: 405px) {
	.squares{
		display: none;
	}
	.headerlogo {
    width: 70%;
    padding-left: 24px;
	}
	}
@media only screen and (max-width: 300px) {
.headerlogo img {
    width: 100%;
}	
.headerlogo {
    width: 75%;
    padding: 10px;
}
.headerright {
    width: 25%;
}
.header{
	align-items: center;
}
	.footerthirdsleft a{
	width: 100%;	
	}
}

@media only screen and (max-width: 250px) {
	.heroheader {
    line-height: 32px;
    font-size: 30px;
}
	.herosubtext{
		font-size: 16px;
	}	
	.blkbtn{
		font-size: 13px;
		    padding: 7px 18px;
	}
	.hpaboutright {
    width: 92%;
    padding: 23% 4%;
}
	.cplink{
	line-height: 26px;
    font-size: 16px;	
	}
	.whatsapp{
		display: none;
	}





}