@charset "utf-8";
/* CSS Document */

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

.row {margin:0px;}

body {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 1.1rem;
    line-height: 1.5;
    color: #212121;
	overflow-x:hidden;
	
	
}

h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 36px;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size: 34px;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size: 28px;
}

h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
}


h5 {
    font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
}

a {color:#808080;}

a:hover {color: #fbcb13;}

.btn-yellow {
    background-color: #fbcb13;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}


/* HEADER & NAVIGATION */

.top-header {
    background-color: #000;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Raleway';
    text-transform: uppercase;
    color: #fff !important;
}

.top-header a {
    color:#fff !important;
}

.top-header a:hover {
    color:#fff;
}

.bottom-header {
    background-image: url(../siteart/textured-steel-2.png);
    background-repeat: repeat-x;
    background-color: #fbcb13;
    border-bottom: 5px solid #fbcb13;
}

.steel {
   background-image: url(../siteart/textured-steel-2.png);
    background-repeat: repeat;
}

.smalllogo{
    max-width: 400px;
}

.smallnav {
    background-color: #000;
}

.smallnav a {
    color: #fff!important;
}

.navbar a {
	font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
	font-size: 16px !important;
    text-transform: uppercase !important;
    font-style: normal !important;
	color: #fbcb13 !important;
    padding: 0px !important;
	background: transparent;
}

.navbar a:active {
    color: #fff;
}

.navbar a:hover {
    color: #fff;
}

.mobile-menu {
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 1.25rem !important;
    text-align: left !important;
    color: #212121 !important;
}

.dropdown-menu {
    background-color: #fff;
}

a.dropdown-item {
    padding:10px;
    font-size: .8rem;
}

.section {
  position: relative;
}

.section:not(:last-child)::after {
  position: absolute;
  width: 375px;
  height: 307px;
  bottom: -135px;
  left: calc(15% - 175px);
  background: url(../siteart/logo-v2.png) no-repeat;
  background-size: contain;
  content: "";
  z-index: 1;
}

/*
.section:not(:last-child)::after {
  position: absolute;
  width: 310px;
  height: 236px;
  bottom: -68px;
  left: calc(15% - 175px);
  background: url(../siteart/logo-v2.png) no-repeat;
  background-size: contain;
  content: "";
  z-index: 1;
}
*/


/* QUICK LINKS */

.grid {
    background-image: url(/../siteart/grid.png);
    background-repeat: repeat;
}

.white {
    background-color: #fff;
}

.quick-border{
    border-bottom: 10px solid #000;
}

.quick-links h3{
    text-transform: uppercase;
    color: #fff;
    padding: 30px 0px;
}

.quick-links {
    overflow: hidden;
}

.inventorybox{
    position: relative;
    text-align: center;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.welcome {
    border-bottom: 6px solid #fbcb13;
    border-top: 6px solid #fbcb13;
}

.searchbox {
    background-color: #fbcb13;
}



/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/* SEARCH */


.equipment-search {padding: 25px; box-sizing: border-box; margin-top: 8px;}

.equipment-search input, .detailed-search select { width: 100%; padding: 8px 10px; font-size: 12px !important; background-color: #fff; box-sizing: border-box; color: #555; margin-top: 8px; box-sizing: border-box; outline: none; border-radius: 0; border:1px solid #afafaf; -webkit-appearance: none; border-radius: 0;}

.equipment-search input[type='submit'] {display:inline-block; border:none; background: #2f3791; font-size: 18px; color: #fff; width: 100%; outline: none; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; cursor: pointer; position: relative; padding: 10px; vertical-align:top; margin-bottom: 8px; text-align:center;}

.detailed-search input[type='submit']:hover {color:#000; background:#fbcb13; text-shadow:none; box-shadow:1px 1px 5px #AFAFAF;}


form header {margin: 0 0 20px 0;}
form header div {font-size: 90%; color: #999;}
form header h2 {margin: 0 0 5px 0;}
/*form > div {clear: both; overflow: hidden; padding: 1px; margin: 0 0 10px 0; -webkit-appearance: none;font-family: 'Tajawal', sans-serif; font-weight: 800;}*/
form > div > fieldset > div > div {margin: 0 0 5px 0;}
form > div > label, legend {width: 25%; float: left; box-sizing: border-box;  font-size: 16px;}
form > div > div, form > div > fieldset > div {width: 75%; float: right; box-sizing: border-box;}
form > div > fieldset label {font-size: 90%;}
fieldset {border: 0;padding: 0;}

input[type=text], input[type=email], input[type=url], input[type=password], textarea, select {width: 100%; border: 1px solid #afafaf; padding: 8px 10px; margin-top:8px; box-sizing: border-box; font-size: 12px;}
input[type=text], input[type=email], input[type=url], input[type=password] {width: 100%;}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus {outline: 0; border-color: 1px solid #ed3338;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; float: right; padding: 5px;}
	
input.button, input.button:focus, div.button, div.button:focus {width: 75%; float: right; padding: 7px 0; font-weight: 800;background: #ff0f00; border: 1px solid #000; text-align: center; color: #fff;-webkit-appearance: none; box-sizing: border-box;}
input.button:hover, div.button:hover {background: none; color: #fff; background: #555; border: 1px solid #000; cursor: pointer; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; box-sizing: border-box;}



/* FOOTER */


.pre-footer{
    background-image: url(/../siteart/textured-steel-2.png);
	color: #fff;
    font-size: 12px;
}

.pre-footer a{
    color:#fff;
}

.pre-footer a:hover{
    color:#fff;
}


/* INVENTORY PAGE */

.banner {
    background-image: url(/../siteart/banner.png);
    min-height: 200px;
    color: #fff;
    text-transform: uppercase;
}

.inventory {
    line-height: 2;
}

.inventory a {
    color: #000;
}


/* LISTINGS */

.cf {
    background-color: #fff;
}


/* FINANCING */

.mainbox {
    border-top: 4px solid #96989c;
}

.mainbox a {
    color: #212121;
}

.sheffield {
    width: 25%;
}

.hil {
    width: 25%;
}


/* FORM */
.formbutton {
    padding:10px 12px; 
    background:#fff; 
    border:4px #fab33b solid;
    font-size:14px; 
    line-height:14px; 
    font-weight:bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#212121;
}


/*control the Captcha */
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 0 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000; font-size:12px;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

/* TIMED AUCTIONS */

.auctionTimeLogo{
    width:250px; 
    float:right; 
    position:relative;
    margin-bottom: 30px;
    margin-top: -5px;
}

/* NOUI SLIDER */
.detailed-search {background: #333;}
.detailed-search .hp-slider .example-val {padding: 5px 0;}
.detailed-search .noUi-target{position: relative; direction: ltr}
.detailed-search .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search .noUi-handle{position: relative; z-index: 1}
.detailed-search .noUi-marker, .detailed-search .noUi-pips, .detailed-search .noUi-tooltip, .detailed-search .noUi-value{position: absolute}
.detailed-search .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search .noUi-background{background: #ccc;}
.detailed-search .noUi-connect{background: #fff !important; border: 1px #000 solid;}
.detailed-search .noUi-target{width: calc(95% - 15px); margin: 15px auto 15px auto;}
.detailed-search .noUi-handle{background: #da0000 !important; border: 1px solid #ccc; border-radius: 3px;}
.detailed-search .noUi-handle:after, .detailed-search .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.detailed-search .noUi-handle:after{left: 12px}
.detailed-search .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #fff;}
.detailed-search .example-val{font-size: 12px; font-weight: 600; color: #fff;} .example-val span{font-weight: 400;}
.detailed-search #slider-price-value-lower:before, .detailed-search #slider-price-value-upper:before{content: '$'; padding-right: 2px}

/* Faceted Styles */

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a,.ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button,.view-listing-details-link,.detail-additional-data .data-row .data-label {background:#fbcb13 !important; color: #000 !important;}
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}
.view-listing-details-link .des-view-listingDetails,.view-listing-details-link i, .des-view-listingDetails span,.list-content .list-container .email-seller span,.currency-selector,.parts-list-content .parts-title-and-breadcrumbs .parts-title .parts-listings-count {color: #000 !important;}
.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label,.detail-additional-data .data-row .data-label {background: #fbcb13 !important;text-transform: uppercase; letter-spacing: 1px; color: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title,.compare-listings-container .compare-container .compare-price {color:#000 !important;}
.listing-dealer-info h5{color:black;} .view-listing-details-link i,.des-view-listingDetails span {color:white;} .faceted-search-content-container h5 {color:black;} .lower-detail-data-left button {color:#fbcb13;} .cs-btns a {background:#fbcb13;     color: #000 !important;} .cs-btns a:hover {background:#fbcb13;     color: #000 !important;}
.faceted-search-content .selected-facets-container .selected-facet {color: #000 !important;}

.compare-chkbox-container .compare-listings .fa-check {top: 4px !important;
    left: 2px !important;}
.compare-chkbox-container .compare-listings .compare-label {margin-bottom: 7px !important; margin-left: 2px !important;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin-top: -3px !important;}
.detail-contact-bar {color: #fff !important;}
.dealer-info .phone-and-email .send-email-btn {border: 1px solid #000 !important; color: #000 !important;}
.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3 {font-size: 22px !important; color: #000 !important;}

/* MEDIA QUERIES */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 
    
.quick-links h3 {font-size: 22px;}
    
.banner {background-position: right;}

}

/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 576px) and (max-width: 767px) {
 
.quick-links h3 {font-size: 26px;}

.banner {background-position: right;}
    
}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 768px) and (max-width: 991px) {

.quick-links h3 {font-size: 26px;}
    
.banner {background-position: right;}
}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 992px) and (max-width: 1199px) {
    
.section:not(:last-child)::after {
  position: absolute;
  width: 250px;
  height: 176px;
  bottom: -40px;
  left: calc(20% - 175px);
  background: url(../siteart/logo-v2.png) no-repeat;
  background-size: contain;
  content: "";
  z-index: 1;
}

.navbar a {font-size: 14px;}

.top-header {font-size: 14px;}
    
.quick-links h3 {font-size: 28px;}

}

/*Extra large devices (large desktops)*/
@media (min-width: 1200px) {
    
.navbar a {font-size: 15px;}
.nav-item{padding-left: 0.6rem !important; padding-right: 0.6rem !important;}
.quick-links h3 {font-size: 22px;}    
}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (min-width: 1400px) {   
    
.navbar a {font-size: 18px;}
.nav-item{padding-left: 0.75rem !important; padding-right: 0.75rem !important;}
.quick-links h3 {font-size: 28px;}   
}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (min-width: 1600px) {   
    
   
}