/*===================== 
	Color information
	
	- Red #ed1c24;
	-

=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
	}

body {
	font-family: 'Open Sans', sans-serif;
    margin: 0;
	padding:0;
	}



svg:not(:root) {overflow: hidden;/*reset*/}
	
.clear { clear: both;}

img { border: 0;} 
.w-100{width:100%;}
	
/*===================== 
	  typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}
	h1 {font-size: 40px; font-weight: 400;}
	.hero-wrap h1{font-size: calc(16px + 2vw); font-weight: 400; text-align: center; color:#fff; top:calc(35vh - 140px); position: relative;}
	h2 {font-size: 24px; font-weight:400;}
	.service-wrap h2, .service-wrap-fleets h2{color:#fff; font-size: calc(18px + 1.5vw); text-align: center; text-transform: uppercase;}
	h3 {font-size: 24px; font-weight:700;}
	h4 {font-size: 21px; font-weight: 700;}
	h5 {font-size: 18px; font-weight: 700;}
/*	.h-indent{padding-left:2%;}*/

p {
	margin: 0;
	font-size: 18px;
	padding: 2% 0;
	line-height: 28px;
	}
.p-flex{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.p-flex p{padding:0 2%;}
p.lg-txt{font-size: 16px;}
p.ex-lg-txt{font-size: 25px;}

.bold {font-weight: bold;}
.red-txt{color:#ed1c24;}
.white-txt{color:#fff;}
.txt-upper{text-transform: uppercase;}
.txt-center{text-align: center;}
.red-border-lt{border-left: #ed1c24 4px solid; padding-left:1%;}
.red-border-bt{border-bottom: #ed1c24 1px solid; margin-bottom:3%;}
.black-border-lt{border-left: #000 4px solid; padding-left:1%;}

.numeral{
	text-align: center;
	font-size: 52px;
	color:#ed1c24;
}

.CaptchaMessagePanel{color:#fff;}


.italic {
	font-style: italic;
}
.black {
	color: #000000;
}
.white {
	color: #ffffff;
}
.underline {
	text-decoration: underline;
}
.intro a.underline {
    text-decoration: underline;
}
.red {color: #ed1c24;}
.red-bg {
    background-color: #ed1c24;
}
.grey-bg {
    background-color: #636363;
}

.serv-row {
    display: flex;
}
.box {
    border: #c7c9cc 1px solid;
    display: flex;
    flex: 1;
	box-sizing: border-box;
	justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 15px 40px;
	margin: 20px;
	border-radius: 5px;
	background-color: #f3f3f3;
}
.l-half {
    text-align: center;
}
section.home-services-wrap {
    padding: 0% 2% 2%;
/*    background-color: #f8f8f8;*/
/*    color: #fff;*/
}
.box i {
    font-size: 30px;
    margin-top: 15px;
	color: #ed1c24;
}
.box p {
    text-align: center;
}

.italic {
	font-style: italic;
}

/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color: inherit; 
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: underline;
		}  

.hero-btn-flex{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	top:calc(55vh - 140px);
}
a.hero-otl-btn{
	font-size: calc(16px + 1vw);
    color: #fff;
    border: #fff solid 1px;
    text-transform: uppercase;
    width: 27%;
    margin: 0 2%;
    padding: 4% 1% 1% 1%;
	transition:.2s ease-in-out;	
}
a.hero-otl-btn:hover{
	border: #ed1c24 solid 1px;
	background: rgba(45,45,45,0.5);
	text-decoration: none;
}
a.otl-btn-link{
	font-size: 16px;
	border: #c7c9cc 1px solid;
	text-align: center;
	padding:2% 4%;
	box-sizing: border-box;
	display: block;
	width:50%;
	font-weight: bold;
	border-radius: 5px;
	margin: 2% 0;
	color:#000;
	transition:.2s ease-in-out;	
}
a.otl-btn-link:hover{
	color:#fff;
	background: #000;
	text-decoration: none;
}

a.otl-btn-link-wht{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	border: #fff 1px solid;
	text-align: center;
	padding:1% 4%;
	box-sizing: border-box;
	width:350px;
	font-weight: bold;
	border-radius: 5px;
	margin: 1% 5% 1% 0;
	color:#fff;
	transition:.2s ease-in-out;	
}
a.otl-btn-link-wht:hover{
	color:#000;
	background:#FFF;
	text-decoration: none;
}
a.otl-red-btn{
	font-size: 16px;
	text-align: center;
	background: #ed1c24;
	padding:2% 4%;
	box-sizing: border-box;
	display: block;
	width:50%;
	font-weight: bold;
	border-radius: 5px;
	margin: 2% 0;
	color:#000;
	transition:.2s ease-in-out;	
}

section.manus-wrap {
    margin: 5% 2%;
}
.manu-slider img {
    max-height: 150px !important;
/*	filter: grayscale(100%);*/
}
.manu-slider {
    text-align: center;
}

.media-buttons i {
    color: #000 !important;
}


/*===================== 
	header styles 
=======================*/
header {
	width: 100%;
	margin: 0;
	border-bottom: 2px solid #ed1c24;
	box-sizing: border-box;
	position: relative;
	}
.top-bar{
	background: #000;
	display: flex;
	justify-content: flex-end;
	color:#ed1c24;
	box-sizing: border-box;
	padding:.5% 4%;
}
.top-bar a{padding:0 1%;}
.top-bar a:hover{color:#fff;}
.header-flex{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #fff;
}
.main-logo{
	padding:1% 0 1% 4%;
}
a.main-logo img {
    max-width: 100%;
    width: 100%;
}

.service-request-wrap {
    margin: 0 auto;
    width: 70%;
    padding: 50px 0;
}

/*===================== 
	nav styles 
=======================*/

#menu-button{display: none;}
nav.mobile { display:none;}

nav.primary {
	padding:47px 6% 47px 0;
	display:block;
	margin:0;
	position:relative;
	}
	nav.primary ul {
		margin:0; 
		padding:0;
		display: flex;
		}
		nav.primary ul li {
			margin:0;
			list-style-type:none; 
			}
			nav.primary ul li a {
				color:#000;
				font-size:14px!important;
				text-decoration:none;
				padding:0 15px;
				display:block;
				margin:0;
				text-align:center;
				text-transform:uppercase;
				transition:.2s ease-in;	
				font-weight:400;
				border-top: #fff solid 2px;
				}	
			nav.primary ul li a:hover {
				border-top: #ed1c24 solid 2px;
				}
			/* Appearance of the sub-level links */
			nav.primary ul li li a { 
				font-size:15px;
				line-height:16px;
				padding:10px;
				color:#fff;
				background: #181818;
				text-align:left;
				border-right:none;
				border-left:none;
			}
			/* Appearance of the sub-level links on hover 
			nav.primary ul li li a:hover { 
			}*/
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute; 
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 100;
}
nav.primary ul ul li {
    float: none; 
	width: 250px;
    position: relative;
    margin:0;
	box-sizing: border-box;
}
button.search-btn{
	position: absolute;
    right: 4%;
    top: 90px;
    border: none;
    transition: .2s ease-in;
    font-size: 18px;
    background: none;	
}
button.search-btn:hover{
	color:#ed1c24;
	cursor: pointer;
}

/*===================== 
	Form styles 
=======================*/
form.consign {
	width: 100%;
	box-sizing: border-box;
	color: #000;
	margin: 0;
  }
  form.consign select {
	width: 100%;
	padding: 9px 10px;
	box-sizing: border-box;
	display: inline-block;
  }
  form.consign input, form.consign textarea {
	width: 100%;
	padding: 9px 10px;
	box-sizing: border-box;
	display: inline-block;
	font-family: inherit;
	background: #444;
	border: none;
	color:#fff;
  }
  .service-request-wrap form.consign input, form.consign textarea {
	width: 100%;
	padding: 9px 10px;
	box-sizing: border-box;
	display: inline-block;
	font-family: inherit;
	background: #000;
	border: none;
	color:#fff;
  }
 
  form.consign textarea {
	height: 100px;
  }
  form.consign input.consignButton {
	width: 50%;
	display: block;
	margin: 30px auto 20px auto;
	background: #f60001; 
	font-size: 21px;
	font-weight: bold;
	color: #000;
	border: none;
	transition:.2s ease-in;	
  }
  form.consign input.consignButton:hover {
	cursor: pointer;
	background: #000;
	color:#fff;
  }
  form.consign input::-webkit-input-placeholder, form.consign textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
  }
  form.consign input::-moz-placeholder, form.consign textarea::-moz-input-placeholder { /* Firefox 19+ */
	color: #fff;
  }
  form.consign input:-ms-input-placeholder, form.consign textarea::-mx-input-placeholder { /* IE 10+ */
	color: #fff;
  }
  form.consign input:-moz-placeholder, form.consign textarea:-moz-placeholder { /* Firefox 18- */
	color: #fff;
	opacity: 1;
  }
  form.consign input::placeholder, form.consign textarea::placeholder {
	color: #fff;
	opacity: 1;
  }
  form.consign div.col-1-2 {
	width: 49%;
	box-sizing: border-box;
	float: left;
	padding: 1%;
  }
  form.consign div.col-1-3 {
	width: 32.7%;
	box-sizing: border-box;
	float: left;
	padding: 1%;
  }
  form.consign div.col-1-4 {
	width: 24%;
	box-sizing: border-box;
	float: left;
	padding: 1%;
  }
  form.consign div.col-1 {
	width: 96%;
	padding: 1%;
  }
.CaptchaWhatsThisPanel a {
    color: #fff;
}
  /***** SEARCH FORM *****/
.search-area{
	display: none;
	width:100%;	
	padding:2% 0;
	border-bottom:#cecece solid 1px;
}
#inv-search{
	width:80%;
	margin: auto;
}
#inv-search input.keyword{
	width:89%;
	padding:10px;
	border-radius: 0;
	border: #333 1px solid;
	box-sizing: border-box;
}
#inv-search button.submit-btn{
	width:10%;
	padding:10px 0;
	border-radius: 0;
	border: #ed1c24 1px solid;
	background:#ed1c24;
	font-size: 14px;
	color:#fff;
	transition:.2s ease-in;	
}
#inv-search button.submit-btn:hover{
	background:#000;
	border: #000 1px solid;
	cursor: pointer;
}

/*===================== 
	layout styles 
=======================*/

.wrap {
	width: 100%;
	margin: 0;
	padding: 3% 0;
	}
.wrap-bk {
	width: 100%;
	margin: 0;
	padding: 3% 0;
	background-color: #000;
	position: relative;
	z-index: 0;
	}
.location-wrap-bk {
	width: 100%;
	margin: 0;
	padding:0 0 3% 0;
	background-color: #000;
	position: relative;
	z-index: 0;
	}

.hero-wrap {
	background: url(/siteart/main-hero.jpg) no-repeat fixed;
	background-color: #000!important;
	background-size: cover;
	width: 100%;
	margin: 0;
	height: calc(100vh - 144px); 
	}	

.service-wrap{
	background: url(/siteart/service-banner.jpg) no-repeat fixed;
	background-size: cover;
	background-color: #000;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	padding:5% 2%;
}
.service-wrap-fleets{
	background: url("/siteart/service-fleet-banner.jpg") no-repeat fixed;
	background-size: cover;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	padding:5% 2%;
}
.finance-wrap{
	background: url("/siteart/finance-banner.jpg") no-repeat fixed;
	background-size: cover;
	background-color: #000;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	padding:5% 2%;
}
.about-wrap {
	background: url("/siteart/about/aboutbg.jpg") no-repeat fixed;
	background-size: cover;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	padding:9% 2%;
}
.fleet-wrap {
	background: url("/siteart/truck-lineup.jpg") no-repeat fixed;
	background-size: cover;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	padding:9% 2%;
}
.off-bk-wrap{
	background:#151515;
	padding:3% 0;
}

.container {
	max-width: 1500px;
	margin: 0 auto;
	padding:0 2%;
	box-sizing: border-box;
	}
.sm-container {
	max-width: 1300px;
	margin: 0 auto;
	padding:1%;
	box-sizing: border-box;
	position: relative;
	z-index: 5;
}
.loc_contain{
	max-width: 900px;
	margin: auto;
}

.sm-container .col-1-2 {padding:0 !important;}

.contact-stack {
  display: flex;
  flex-direction: column;
  gap: 10px; /* optional spacing between phone and address */
}
.contact-stack .col-1-2 {
  width: 100%;
}


.col-flex{display: flex; flex-direction: row; align-items: center;justify-content: center;gap: 2vw;}
.al-top{align-items:flex-start;}
.ex-pad{padding:8% 1%;}
.col-1-6 { width: 16%; box-sizing:border-box;}
.col-1-5 { width: 20%; box-sizing:border-box;}
.col-1-4 { width: 25%; box-sizing:border-box; padding:1%;}
.col-1-3 { width: 33%; box-sizing:border-box; padding:2% 1%;}
.col-1-2 { width: 49%; box-sizing:border-box; position: relative; margin: 2%;}
.sm-container .col-1-2{width:50%; box-sizing:border-box; position: relative; padding:2%; margin: 0;width: 100%;}
.col-2-3 { width: 65%; box-sizing:border-box;}
.col-3-4 { width: 75%; box-sizing:border-box;}

.lt-bg{background-color: #333; color:#fff; }
.con-card{width:100%; padding:2% 5%; border-radius: 20px; box-sizing: border-box;}
.highlight-card{width:100%; padding:4% 2%; border-radius: 20px; margin: 1%; box-sizing: border-box;}

.rd-bg img {
    display:block;
    width: 100%;
    max-width: 100%;
    margin: auto;
	position: relative;
	z-index: 2;
} 

.rd-bg {
    position: relative;
}
    
.rd-bg::before {
    content: "";
    width: 98%;
    z-index: 0;
    position: absolute;
    top: -14px;
    bottom: 14px;
    left: -14px;
    background-color: #ed1c24;
}

.circle-feat{
	background: #000;
    border-radius: 100%;
    box-shadow: 0px 0px 6px 3px rgba(69, 69, 69, .7);
    width: 150px;
	height: 140px;
	margin: -60px auto 0 auto;
    position: relative;
    z-index: 9;
}
.circle-feat img{
	width:60%;
	display: block;
	margin: auto;
	padding-top: 35px;
}
.staff-flex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.o-staff{
	background:#151515;
	padding:8% 0;
	width:90%;
	margin: auto;
}
.o-staff img{
	max-width:140px;
	margin: auto;
	display: block;
	border-radius: 100%;
}
.o-staff p{
	text-align: center;
}



/*===================== 
	 banner styles 
=======================*/
.banner{
	background: #000;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-right: #ed1c24 solid 30px;
	width: calc(100% - 30px);
	padding:2% 0;
}
.banner h2{
	font-size:48px;
	font-weight: 400;
	color:#fff;
	margin: 1% 0 1% 5%;
}

/*===================== 
	Inventory styles 
=======================*/
/*--------------------------------------------------------------------------------
.body-content .body-wrapper {padding:10px 0; color:#fff;}

.list-content {padding-bottom: 10px !important;}

h3.listing-portion-title {color:#fff;}
.list-content .list-listing,.list-content .spec-icon{background:#222 !important;}
.list-top-section .list-title .list-listings-count{color:#ed1c24 !important;}
.list-content .list-listing-title-link {
    color: #fff!important;
    text-decoration: none;
}
.list-container-flexrow .listing-card .listing-content {background: #222222!important;}
.list-container-flexrow {background: #222222!important;}
.ts-modal-container .ts-modal-content {background: #222222!important;}
.show-closest-first-container .sort-button-spoof .sort-option-container .sort-option.selected-option {
    background-color: #cecece;
    color: #000!important;
}
.show-all-modal .show-all-modal-title {
    color: #fff !important;
}
.show-all-modal .all-options-container .option-container .faceted-option-checkbox-container label {
    color: #fff !important;
}

.show-closest-first-container .show-closest-first {background: #222222!important;}

.breadcrumbs__link {color: #fff !important;}
.currency-selector .currency-select {color: #fff !important;}
.currency-selector .currency-select option, .iti__selected-dial-code {color: #000 !important;}
.listing-prices__retail-price {color: #fff !important;}
.ts-modal-header .close {background-color: transparent !important; color: #fff !important;}

.MuiInputBase-input:value {color: #fff !important;}

.section-title-text, .bottom-region strong {color: #000;}

.view-all-link {background: #ed1c24 !important;} 

/*----View Details Button----*/ 
/*
.view-listing-details-link {background:#ed1c24 !important; color: #fff !important;}
.view-listing-details-link:hover {background:#000 !important; color: #fff !important;} */

/*----Price----*/
/*
.list-container-flexrow .price-container .price {color:#ed1c24 !important;} */

/*------- Faceted Search------*//*
.faceted-search-content .selected-facets-container .selected-facet{background: #ed1c24 !important; color:#fff !important;}
.faceted-search-content .faceted-section-head{background:#000 !important;}

.show-all-modal .show-all-modal-content{color:#000;}

.detail__media-buttons{color:#666;} --------------------------------------------------------*/

/*===================== 
	NEW Inventory styles 
=======================*/

/*--Dark Inventory Styles---*/

#inventory-wrapper,.inventory-links{background-color: #000 !important;font-family: 'golos-text', sans-serif!important;}
#inventory-wrapper h1,#inventory-wrapper h2,#inventory-wrapper h3,#inventory-wrapper h4,#inventory-wrapper h5,#inventory-wrapper h6 {font-size: initial !important;
    line-height: initial !important;}
/*
.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}
*/
.detail__title {font-size: 1.5rem !important;}

.side-container {background:#fff !important}

.faceted-search-content .faceted-section-box, .faceted-search-content {background: #000!important;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, 
#no-compare-listings, 
.bread-crumbs-heading .return-links .return-links-link i, 
.list-content .price-container .price,
.detail__machine-location a,
.ts-disclaimer a,
#privacy-policy-text a,
.compare-listings-container .compare-container .compare-price{
	color:#ed1c24 !important;
}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, 
.view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a, .show-all-apply-filter, 
.compare-listings-container .compare-container .email-seller:hover, .compare-listings-container .compare-container .compare-phone-text-container a:hover{
	background:#ed1c24 !important;
}

.show-all-modal button {background-color:#ed1c24!important;}

p.disclaimer {
    color: #fff !important;
}

.linking-buttons a {background: #fff !important; color: #222222!important;}
.linking-buttons a:hover {border: none!important; background:#ed1c24!important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #fff !important; /*border: solid 1px #fff !important;*/ transition: ease all 0.2s !important;color:#222222 !important;}

.list-content .list-title .list-listings-count, 
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, 
#parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, 
#inv .error-message, 
#inv .info, 
.detail-content .detail-main-body .main-detail-data .detail-price, 
.detail-content .search-results, 
.list-content .list-top-section .listing-option-bar .list-listings-count, 
.detail-price, 
.compare-price, 
.compare-title, 
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-count,
span.rent-title-details,
button.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.MuiButton-colorPrimary.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.MuiButton-colorPrimary.options-popper-btn.liftxtexascomwpstg-8o1c5x,
strong.listing-prices__retail-price, 
.sort-option,
.info,
.list-top-section .list-listings-count,
.list-content .list-listing-title-link,
.compare-listings-container .compare-container .compare-price,
.bread-crumbs-heading .return-links .return-links-link span,
a.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.dealer-contact__link.illinoisliftcomwpstg-1aeryl3,
button.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.dealer-contact__videochat.illinoisliftcomwpstg-1aeryl3,
.illinoisliftcomwpstg-l50j6d,
a.payments-as-low-as-route,
.options-popper-div .options-popper-btn, 
.show-all-modal-content .top-row h2,
.show-all-modal-content .all-options-container .faceted-option-checkbox-container label span,
.scrollToTop a,
a.dealer-phone-call
{
	color: #fff !important;
}

.compare-listings-container .list-media img, .media-buttons .print-this {background: #fff;}
.compare-listings-container .list-media img, .detail__media-buttons .print-this {background: #ed1c24;}
.compare-listings-container .list-media img, .detail__media-buttons .print-this:hover {background: #9c9c9c;}

.detail__specs-label {
    background-color: #222222 !important;
    color: #fff !important;
}

.ts-modal-content {
	background-color: #222222 !important;
}

.ts-modal-title{
	span{
		color: #fff !important;
	}
}

option.currency-selector-option{
	color: #222222;
}

.calculator-modal{
	.ts-modal-content {
		background-color: #fff !important;
	}
	.ts-modal-title, 
	.form-main-content .form-el label, 
	.form-main-content .form-el label+select, 
	.form-main-content .form-el label+select option,
	.calculator-form .calculator-disclaimer p,
	.finance-box span,
	.finance-box strong,
	.slider-container p span
	{color: #222222 !important;}
}

.calculator-form .slide-power {
	h2,
	p,
	.modal-main label strong,
	.modal-main label+select,
	.modal-main label+select option,
	.close-power i
	{color: #222222;}
	
	.close-power {opacity: 1!important;}
}

button#compare-page-print-this {
	background-color: #ed1c24 !important;
	color: #000 !important;
}

.cs-btns{
	button{
		background-color: #ed1c24 !important;
		color: #222222 !important;	
	}
}

.detail__cta-buttons button, 
a.view-all-link,
.list-content .list-error-container .info button:not(.login-button),
.ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button,
.compare-listings-container .dealer-btns-bottom .view-details {
	background-color: #ed1c24!important; font-family: 'golos-text', sans-serif!important; color: #fff!important; transition: all .4s ease-out; border-radius: 25px !important; padding: 11px 33px !important;
}
a.view-all-link:hover,
.list-content .list-error-container .info button:not(.login-button):hover,
.show-all-modal button:hover, .show-all-modal button:hover,
.compare-listings-container .dealer-btns-bottom .view-details:hover
{
	background: #fff!important;
}

.detail__cta-buttons button:hover {background-color: #9c9c9c !important;}
.ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button:hover {background-color: #9c9c9c !important;}

.compare-listings-container .compare-container .email-seller, .compare-listings-container .compare-container .compare-phone-text-container a {/*border-radius: 50px!important; background: #fff!important;*/ transition: all .4s ease-out;}

.show-all-modal button {transition: all .4s ease-out;}

.listing.no-evaluator,
.recommended-listings-container,
.section-title,
.list-redesign .page-type-toggle .active,
.list-redesign .specs-container .specs-button,
.show-closest-first,
button.ts-button.faceted-section-head.section-head0, 
.list-redesign .other-site-data-section .rent-lease .rent-title, 
.list-content .spec-icon, 
.list-content .list-error,
a.sort-option.selected-option
{
	background-color: #222222 !important;
}

.ts-modal-header button i,
.video-chat-service-container select,
.video-chat-service-container select option,
.right-col .comment-element textarea,
.iti__country .iti__country-name,
.iti__country .iti__dial-code,
.iti__selected-dial-code,
.show-all-modal button,
.dealer-contact__header h2{
	color: #222222 !important;
}

.ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button span {color: #fff !important; font-weight: 700;}

.ts-modal-header .close{
	padding: 2px 7px 2px 10px !important;
}


.body-wrapper{
	padding: 50px 0px;
	background-color: #000 !important;
	color: #fff !important;
	font-family: 'golos-text', sans-serif!important;

	span.list-title-text{
		font-size: 30px !important;
		font-family: 'new-science', sans-serif!important;
		font-weight: 700 !important;
		color: #fff !important;
	}
}


.or-line{
	color: #222222;
}

.selected-facet.ts-button{
	b{
		color: #fff !important;
	}
}

span.rent-title{
	background-color: transparent;
	color: #fff;
	margin: 5px 0px !important;
	font-weight: 700;
	font-size: 14px !important;
}

a.list-listing-title-link{
	font-family: 'new-science', sans-serif!important;
	font-size: 20px;
}

.list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-category {
    font-size: 14px !important;
    font-family: 'golos-text', sans-serif!important;
    font-weight: 900 !important;
}

.listing-widgets {
    display: none !important;
}

button.ts-button.faceted-section-head.section-head{
	background-color: #222222 !important;
	color: #fff;
}

/*
.faceted-search-content .faceted-search__top-section, 
.show-closest-first-container,
.faceted-search-content .faceted-section-box,
.faceted-search-content .faceted-search__main-section, 
.faceted-search-content .selected-facets-container,
main#main-content, div#main-content,
.compare-listings-container .dealer-btns-bottom a {
	border: none !important;
}
*/


.list-redesign .list-container-flexrow .list-listing-card-wrapper{
	box-shadow: none !important;
}

.list-redesign .list-container-flexrow .list-listing-card-wrapper .ListingParentElement{
	border: 1px #ffffff50 solid !important;
}

.faceted-search-content .faceted-section-head{
	border-bottom: 1px #ffffff50 solid !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label{
	display: flex;
	gap: 5px;
}

.list-redesign .page-type-toggle{
	background-color: #222222 !important;
}

.list-top-section .list-bcrumbs-and-title .ground-bcrumbs .media-buttons .email-this{
		background-color: #222222 !important;
		border: 1px #ffffff50 solid !important;
}


.list-top-section .list-bcrumbs-and-title .ground-bcrumbs .media-buttons .print-this, 
.list-top-section .list-bcrumbs-and-title .ground-bcrumbs .media-buttons .email-this {background-color: #fff !important;}


span.listing-widget__text{
	text-align: center;
}

.list-content .listing-widgets .Currency a{
	background-color: #ed1c24 !important;
	font-family: 'golos-text', sans-serif!important;
}

.list-redesign .widget-container .listing-widgets .shipping a{
	background-color: #fff !important;
	font-family: 'golos-text', sans-serif!important;
}

button.selected-facet.ts-button{
	background-color: #ed1c24 !important;
	color: #222222 !important;
/*	border-radius: 30px !important;*/
	padding: 5px !important;
}

a.view-listing-details-link.des-view-listingDetails.template-branded-button{
	background-color: #ed1c24;
	color: #fff;
/*
	border-radius: 30px;
	padding: 15px;
*/
	transition: all .4s ease-out;
	border: none!important;
}

a.view-listing-details-link.des-view-listingDetails.template-branded-button:hover {background: #000!important;}

/*
a.dealer-phone-call{
	padding: 15px !important;
    border-radius: 30px !important;
}
*/

.list-heading{
	padding-bottom: 25px !important;
	align-items: baseline !important;
}

span.listing-category{
	color: #fff !important;
	font-family: 'new-science', sans-serif!important;
	font-weight: 700 !important;
	font-size: 17px !important;
}

.list-listing.listing-data-selector{
	background-color: #222222 !important;
	border: 1px #ffffff50 solid !important;
}

a.email-seller.des-email-seller.collapsible-contact-list-item, a.video-chat.des-video-chat.collapsible-contact-list-item {
/*
	margin: 0px;
	border-radius: 30px;
*/
	margin-top: 7px;
/*	padding: 20px;*/
/*	background-color: #fff;*/
	color: #fff;
	white-space: nowrap;
	display: flex;
	align-items: center;
	line-height: 0px;
	transition: all .4s ease-out;
}

a.email-seller.des-email-seller.collapsible-contact-list-item:hover, a.video-chat.des-video-chat.collapsible-contact-list-item:hover, .list-container-flexrow .listing-card-small .whatsapp:hover {background: #000 !important; color: #fff !important;}

.dealer-phone-container a:hover {background: #000!important;}

.email{
	display: flex !important;
	justify-content: center;
	align-items: center;
	line-height: 0px;
	gap: 3px;
}

.entry-content{
	background-color: #222222;
}

.compare-container{

	color: #fff !important;

	h2{
		color: #fff !important;
		font-size: 1.3rem !important;
		line-height: auto !important;
	}

	a{
		color: #222222 !important;
	}
}


.cs-btns{
		a{
			background-color: #222222 !important;
			color: #222222 !important;
		}
}

.breadcrumbs{
	color: #fff !important;

	a{
		color: #fff !important;
	}
}

.breadcrumbs__link {
    color: #fff !important;
	font-weight: 700 !important;
}

.list-container-flexrow .contact-options a, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text{
	background-color: #333 !important;
}

.list-content .list-listing, .list-content .spec-icon {background-color: #222 !important;}

.dealer-phone-container{
	border-radius: 30px !important;
}
.dealer-phone-container a {transition: all .4s ease-out;}

.list-redesign .contact-container .shared{
	display: flex !important;
}

/*
a.video-chat.des-video-chat.collapsible-contact-list-item{
	display: none !important;
}
*/

.ts-modal-content.show-all-modal-content-container{
	color: #222222;

	label{
		display: flex;
		gap: 5px;
	}

	button.close.ts-button{
		padding: 2px 7px 2px 10px !important;
	}
}


.ts-modal-container.send-a-message{
.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.Mui-disabled.MuiInputBase-formControl.MuiInputBase-sizeSmall.MuiInputBase-adornedEnd.liftxtexascomwpstg-10t4719{
	background-color: #fff !important;
}

}

	
.list-content .listing-description{
	text-transform: lowercase !important;
}

.list-redesign .page-type-toggle .sort{
	padding: 5px 10px !important;
}

.list-redesign .other-site-data-section .rent-lease .rent-lease-price{
	color: #ed1c24 !important;
	font-weight: 700 !important;
}

.detail__specs-label {
	background-color: #242424 !important;
	color: #fff !important;
}

.dealer-contact.dealer-contact_retail{
	background-color: #fff !important;
	color: #222222 !important;

	a,p,span{
		color: #222222 !important;
	}
}


.dealer-contact.dealer-contact_rental{
	background-color: #fff !important;
	color: #222222 !important;

	span,p{
		color: #222222 !important;
	}
}

.dealer-contact__details{
	color: #222222 !important;

	a{
		color: #222222 !important;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}


.detail__breadcrumbs,
select#retail-currency{
	color: #fff;
	font-weight: 700;

}

span.listing-prices__retail-price{
	color: #ed1c24;
}

.detail__specs-value{
	font-weight: 700;
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButton-colorPrimary.use-beta-site-cookie-button.illinoisliftcomwpstg-f5lzj{
	background-color: #ed1c24;
	color: #fff;
	font-weight: 700;
}

/*-------Inventory Banner------*/
.inv-banner {display: flex; justify-content: center; align-items: center; justify-self: center; background-color: #000; width: 70%; padding: 15px 0; margin-bottom: 10px; border: 1px #fff solid; border-radius: 5px; font-size: 16px; color: #fff !important; font-weight: 600; transition: .3s all ease;}
.inv-banner:hover {text-decoration: none; background-color: #fff; color: #000 !important;}

/*------------------------------Compare Page---------------------------------*/
.cs-btns a{
	background:#222222 !important; color:#fff !important;
}
.cs-btns a:hover{
	background:#ed1c24 !important; color:#fff !important;
}


/*===================== 
	footer styles 
=======================*/

footer {
	margin: 0;
	padding: 2% 0;
	width: 100%;
	background:#fff;
	text-align: center;
	color:#000;
	border-top: #ed1c24 solid 2px;
	}
	

/*========================== 
	  Responsive styles 
============================*/
@media screen and (min-width: 2000px)  {
	.hero-wrap h1{font-size: 48px;}
	a.hero-otl-btn{font-size: 36px;}
}
@media screen and (max-width: 1500px)  {
	.main-logo{
		padding:2% 0 2% 5%;
		width:280px;
	}
	.main-logo img{width:100%;}
	
	nav.primary {
		padding:40px 7% 40px 0;
		display:block;
		margin:0;
		position:relative;
		}
	nav.primary ul li a {
		color:#000;
		font-size:14px;
		padding:0 12px;
	}	
	button.search-btn{
		top: 76px;
		right: 4%;
		font-size: 18px;
	}
}
@media screen and (max-width: 1130px)  {
	.hd-mobile{display: none;}
	.col-flex{display: flex; flex-direction: column; align-items: center;}
	.col-1-2 { width: 95%; box-sizing:border-box; position: relative; margin: 2% auto;}
	.col-1-4 { width: 75%; box-sizing:border-box; padding:2% 1%;}
	.col-1-3 { width: 95%; box-sizing:border-box; padding:5%;}
	.col-2-3 { width: 95%; box-sizing:border-box; position: relative; margin: 2% auto;}
	.sm-container .col-1-2{width:95%; box-sizing:border-box; position: relative; padding:2%; margin: 2% auto;} 
	.banner {
		flex-direction: column;
		justify-content:unset;
		border-right: #ed1c24 solid 30px;
	}
	.banner h2{
		font-size:38px;
		font-weight: 400;
		color:#fff;
		margin: 1% 0;
		text-align: center;
	}
	a.otl-btn-link-wht{
		padding:1.5% 4%;
		width:50%;
		margin: 1% auto;
	}
	.red-border-bt{margin-top:4%;}
	.con-card{width:100%; padding:2% 5%; border-radius: 20px; margin: auto;}
	.highlight-card{width:100%; padding:4% 2%; border-radius: 20px; margin: 1%; box-sizing: border-box;}

	.staff-flex{
		display: flex;
		flex-direction: column;
		align-content: center;
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 1020px)  {
	nav.primary ul li a {
		color:#000;
		font-size:14px;
		padding:0 10px;
	}
}
@media screen and (max-width: 1300px)  {

	.main-logo{
		padding:1% 0 1% 5%;
		width:300px;
	}
	button.search-btn{
		top: 55px;
		right: 4%;
		font-size: 18px;
	}
	#inv-search input.keyword{
		width:69%;
		padding:10px;
	}
	#inv-search button.submit-btn{
		width:30%;
		padding:10px 0;
	}

	.hero-wrap {
		background-size: cover;
		height: auto; 
		}	
	.hero-wrap h1{top:0; padding:6% 0;}
	.hero-btn-flex{
		top:0;
		padding:3% 0;
	}
	
	form.consign div.col-1-3 {
		width: 98%;
		box-sizing: border-box;
		float: none;
		padding: 1%;
	  }

	/*==============================
		Mobile Nav Styles			
	================================*/	
	nav.primary{display:none;}
	#menu-button{ 
		width: 100%;
		display: block;
		font-size: 24px;
		position: relative;
		line-height:60px; 
		z-index: 0; /* needs to be lower than nav.mobile, adjust as needed */
		background: #000;
		}
		#menu-button a{
			 color:#fff;
			 text-decoration: none;
			 padding:0 0 0 .8em; 
			 font-weight:normal;
		  }
	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #333;
		z-index: 9; /* needs to be higher than #menu-button, adjust as needed */
		overflow:auto;
	}
	/* MENU HEADER SOCIAL MEDIA */
		nav.mobile .social-media {
			position: relative;
			text-decoration: none;
			display: inline-block;
			font-size:16px;
			word-spacing:13px;
			padding:0 0 0 15px;
			color: #ccc !important;
		}

		nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
		nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}

	/* MENU HEADER STYLES */
	nav.mobile .mobile_top {
		position: relative;
		display:block;
		padding: 0;
		margin:15px 0 10px 0;
		color: #999;
		font-size: 18px;
		font-weight: 400;
	}

	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {
		position: absolute;
		padding: 3px 8px 3px;
		font-family: Arial, sans-serif;
		font-size:24px;
		font-weight: bold;
		line-height: 1;
		background: #222;
		color: #999;
		text-decoration: none;
		top:-4px;
		right:13px;
	}
	nav.mobile .menu-toggle:hover { /* Menu close button on hoveer */
		color: #fff;
	}

	/* MENU LIST STYLE */
	nav.mobile ul {
		list-style: none;
		font-weight: 300;
		margin:0;
		padding:0;
	}
	nav.mobile ul li {
		border-top: 1px solid #454545;
		border-bottom: 1px solid #151515;
		position:relative;
	}

	/* FIRST LEVEL */
	nav.mobile ul li a {
		position: relative;
		display: block;
		font-size:15px;
		padding: 10px;
		color: #999;
		text-decoration: none;
		border-left:4px #333 solid;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {
		background:rgba(45,45,45,0.5); 
		color: #fff; 
		border-left:4px #C8102E solid; /* border highlight - Change to fit match site colors */
	}

	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {
		background: #444;
		position: relative;
		display: block;
		padding: 10px 10px 10px 15px;
		border-left:4px #444 solid;
		color: #ccc;
		text-decoration: none;
	}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}

	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {
		background: #555;
		position: relative;
		display: block;
		padding: 10px 10px 10px 25px;
		color: #ccc;
		text-decoration: none;
		border-left:4px #555 solid;
	}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}

	nav.mobile ul li .click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
		position:absolute;
		display:block;
		cursor:pointer;
		z-index: 12399994;
		top:0;
		right:0;
		width:auto;
		height:auto;
		padding: 17px 20px;
		color:#fff;

	}
	.nav-footer {color:#999; position:relative; text-align:center; font-size:14px; line-height:16px; padding:15px 0;}

	/* FONT AWESOME ICONS */
	nav.mobile ul li a i{
		width:25px;
		padding:8px 3px;
		margin:0 6px 0 0;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}

	nav.mobile ul li .fa-chevron-down {color:#999;}
}
@media screen and (max-width: 1100px) {
	.serv-row {
		flex-direction: column ;
	}
	.box {
		flex-direction: row;
		align-items: center;
		background-color: #f3f3f3;
		margin: 10px 20px;
		gap: 10px;
	}
	.box p {
		padding: 1% 0;
	}
	.r-half p {
		text-align: left;
	}
	.l-half {
		flex: 1;
	}
	.r-half {
		flex: 5;
	}
}
@media screen and (max-width: 660px)  {
	.hero-btn-flex{
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-wrap: wrap;
	}
	a.hero-otl-btn{
		width: 60%;
		margin: 2% auto;
		padding: 4% 1% 1% 1%;
		transition:.2s ease-in-out;	
	}
	.box {
		flex-direction: column;
	}
	.r-half {
		text-align-last: center;
	}
	.r-half p {
        text-align: center;
    }
}
@media screen and (max-width: 540px)  {
	#inv-search input.keyword{
		width:100%;
		padding:10px;
	}
	#inv-search button.submit-btn{
		width:100%;
		padding:10px 0;
		margin: 5px 0 0 0;
	}
	.main-logo{
		padding:1% 0 1% 5%;
		width:250px;
		margin: auto;
	}
	button.search-btn{
		top: 105px;
		right: 4%;
		font-size: 18px;
		color:#fff;
		z-index: 450;
	}
	.inv-banner {
		width: 100%;
	}
}