/* 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;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}
::-moz-selection{background: #009d60; color: #fff; text-shadow: none} ::selection{background: #009d60; color: #fff; text-shadow: none}

strong{font-weight: 700;}
ul.bullet-list{list-style: disc;  font-size: 14px; line-height: 28px; margin-left: 15px}
select, input[type="text"], input[type="submit"]{background: #fff; border: 1px #ccc solid;}


/* BASE TYPOGRPHY */
h1, h2, h3, h4, h5{font-weight: 700; text-transform: uppercase;}
h1, h2, h3{color: #009d60}
h4, h5{color: #555; line-height: 30px}
h1{font-size: 24px}
h2{font-size: 22px}
h3{font-size: 20px}
h4{font-size: 18px}
h5{font-weight: 400; font-size: 16px}
p{font-size: 14px; line-height: 25px}
.small{font-size: 11px; line-height: 20px}
a{color: inherit; text-decoration: underline; transition: all .2s ease-in-out;}
a:hover{color: #009d60}
a.btn, a.button, a.center-btn{display: block; padding: 18px 0; box-sizing: border-box; margin: 10px 0 0; background: #008552; font-weight: 700; font-size: 12px; text-align: center; text-decoration: none !important; text-transform: uppercase; color: #fff; border: none}
a.btn:hover, a.button:hover, a.center-btn:hover{background: #007E4D; color: #fff !important}
a.center-btn{max-width: 350px; margin: 0 auto}
a.btn{display: inline-block; padding: 15px 50px}
.small-text{ font-size: 12px}
.line{display: block; width: 100%; height: 1px; background: #ccc; margin: 10px 0}

/* SITE FRAMEWORK */

html, body{background: #333; font-family: 'Montserrat', sans-serif !important;  font-size: 14px;}
.main{background: #fff; padding: 50px 0;}
.container-1{max-width: 1200px; margin: 0 auto;}

.lrgcontainer-1{max-width: 1500px; margin: 0 auto;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float:left; padding: 0 25px 0 0; box-sizing: border-box;}
.column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .clear{clear:both;line-height:0;}

/* HEADER */

.header{position: fixed; top: 0; width: 100%; z-index: 99999999; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);}
#top-header{position: relative; padding: 15px 0; background: #fff; transition: all .2s ease-in-out;}
#phone{float: left; font-weight: 700; font-size: 24px; color: #009d60; padding: 5px 0 0;margin-top:23px;color:#000;}
#phone a{text-decoration:none;}
#phone a:hover{color: #009d60 !important;}
.shrink #top-header{display: none}
.push{height: 160px}
.mobile-logo{width: 225px; margin: 0 auto; padding: 15px 0}
.mainlogo {width:775px;float:left;}
.mainlogo img {width:300px;float:left;margin-bottom:-40px;position:relative;z-index:999}
.mainlogo h2 {padding-left:10px;margin-top:30px;float:left;font-size:27px;}
.covid-banner {text-align: center; margin: 0 auto; background: #354447; padding:13px 0; font-size: 16px; color:#fff; }
.width-90 {margin: 0 auto; width: 90%;}
/* SEARCH */

#search{text-transform: uppercase; float: right; width: 300px;margin-top:21px;}
.search{float: right; width: 100%; position: relative}
.search:before{position: absolute; top: 12px; left: 15px; line-height: 18px; font-family: 'Font Awesome 5 Free'; font-weight: 700; content: '\f002'; text-align: center; color: #bfbfbf;}
.searchTerm{    
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box !important;
    width: 100%;
    background: #fff;
    padding: 13px 12px 12px 38px !important;
    border: 1px solid #ccc !important;
    border-radius: 10px !important;
    color: #000;
    outline: 0;
    height: 42px !important;
}
.searchButton{position: absolute; top: 0; left: 0; width: 42px !important; height: 42px; opacity: 0; cursor: pointer}

/* HOME STYLES */
.desktop{display:block;}
.mobileonly{display:none;}
.grey-box, .home-search, .home-search button{box-sizing: border-box}
.hero{background-repeat:no-repeat;background-position:bottom center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; padding: 80px 0 20px}
.hero-message{font-weight: 400; font-size: 16px; line-height: 28px; margin-top: 25px; color: #fff}
.hero-message p{font-weight: 400; font-size: 16px; line-height: 28px; color: #fff}
.example-val, .home-search button, .why-buy a, .why-icons .column2{font-weight: 700;}
.hero-message h1{font-size: 32px; line-height: 36px; color: #fff; margin-bottom: 10px}
.hero-message .button{padding: 10px 0; max-width: 300px}
img[usemap], map area{outline: 0}
.home-search{background: rgba(255, 255, 255, .8); border: 1px solid #ccc; padding: 25px; font-size: 12px}
.home-search .column6{padding: 0 12px 0 0}
.home-search .last{padding: 0}
.home-search input, .home-search select{width: 100%; padding: 10px; box-sizing: border-box; margin: 7px 0}
.home-search button{position: relative; width: 100%; padding: 12px; margin: 14px 0 0; background: #008552; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #fff; cursor: pointer; border: none}
.home-search button:hover{background: #00b26d}
.example-val{font-size: 15px}
.home-search label{display: block; margin: 5px 0;}
.slider{margin: 8px 0 12px}
.noUi-connect{background: #aaa !important}
.active{background: #009D60 !important}
option:disabled{font-weight: 700; margin-bottom: 10px}
.grey-box{background: #f5f5f5; border: 1px solid #ccc; margin: 20px 0; padding: 25px; text-align: center; color: #333}
.grey-box img{max-height: 95px; margin-bottom: 10px}
.text-left{text-align: left !important}
.why-buy{font-size: 36px; font-weight: 300; text-align: center; margin: 0 0 10px;}
.why-buy a{display: block; font-size: 16px; font-weight: 700; padding: 5px 0; text-decoration: underline; color: #555}
.why-buy a:hover{color: #009d60;}
.why-icons{display: flex;}
.why-icons .why-icon{flex: 1; background: #fff; border: 1px #ccc solid; font-size: 12px; font-weight: 700; text-decoration: underline; text-align: center; padding: 20px 10px; margin: 5px; border-radius: 3px; box-sizing: border-box;}
.why-icons .why-icon:hover{border: 1px #009d60 solid;}
.why-icons .why-icon img{margin: 0 0 10px;}
.modal-window .small-text{display: block; margin: 15px 0; line-height: 20px}
.black{color: #000 !important;}
.green{color: #009d60 !important;}
.green-title{background: #008552; padding: 20px; color: #fff}
.green-title h3{color: #fff}
.select-container-1{position: relative;}
.buyboxes{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.buy-box{background:#fafafa; width:31.33%;margin:1%;text-align:center;border:#ccc 1px solid;box-sizing:border-box;padding:30px 15px;float:left;}
.buy-box h3{margin-bottom: 10px;}
.buy-box a{text-decoration:underline;color:#009d60;}
.buy-box a:hover{text-decoration:none;color:#009d60;}
/*Multile Pop Up*/
.multiplePopUp .popupBox {
  display: none;
}
.multiplePopUp .popupBox.myshowPop {
  display: block;
}
.multiplePopUp .staticBox .popClick {
  cursor: pointer;
  display: inline-block;
  padding: 20px 0;
	
	width:100%;
	margin:1%;
	text-align:center;
	border:#ccc 1px solid;	
	transition: .3s ease;
}
.multiplePopUp .staticBox .popClick:hover {background: #fff; box-shadow: 1px 1px 5px #ccc;}
.multiplePopUp .popupBox .popConte {
  position: fixed;
  top: 50%;
  background: #fafafa;
  left: 0;
  width: 100%;
	max-width: 500px;
	text-align: center;
  right: 0;
  margin: auto;
  transform: translate(0px, -50%);
}
.multiplePopUp .staticBox .popClick  {font-size: 16px; display: inline-block; vertical-align: middle;}
.multiplePopUp .staticBox .popClick img  {height: 25px; width: auto; display: inline-block; vertical-align: middle; margin-right: 10px; background-color: white;}
.multiplePopUp .popupBox span {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 0;
  width: 30px;
  height: 30px;
	color: #fff;
  background: #009D60;
}
.multiplePopUp .popConte {
  padding: 50px;
}
.multiplePopUp .back {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}
.multiplePopUp .staticBox .popClick:hover {
  animation: scale-up-center 2s infinite alternate-reverse both;
}
.multiplePopUp .popUpSec {
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.multiplePopUp {
  position: relative;
}
.mypop {width: 33%; margin: .5% 1%;}
.multiplePopUp .popupBox span:before {
  position: absolute;
  content: "+";
  font-size: 20px;
  font-weight: 900;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  display: flex;
	align-items: stretch;
	align-content: stretch;
	
  transform: rotate(45deg);
}
.multiplePopUp .popConte h5 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 900;
}
.multiplePopUp .popConte #change button, .multiplePopUp .popConte #plans button, .multiplePopUp .popConte #limit button {border:0; padding: 0; background: 0; text-decoration: underline;font-family: 'Montserrat', sans-serif !important; font-size: 14px; transition: .3s ease;}
.multiplePopUp .popConte #change button:hover, .multiplePopUp .popConte #plans button:hover, .multiplePopUp .popConte #limit button:hover {color:#009D60}
.maplist ul{list-style:none;column-count: 4; -moz-column-count: 4; -webkit-column-count: 4;text-align:left;	margin:0 0 20px;}
.maplist ul li{margin: 0 0 15px 0;}
.maplist ul li a{}
.container-1 h1 {color:#fff; font-size: 40px;}
.container-1.big-text p {color:#fff; font-size: 40px; line-height: normal;}
p.big-text.covid {margin-top: 25px;color: #000;font-size: 40px;text-transform: uppercase;font-weight: 700;line-height: normal;}

/* MODAL */

.modal-2{text-align: center; width: 100%;}
.modal-content-2{position: fixed; bottom: 25px; margin-left: auto; margin-right: auto; left: 0; right: 0; width: 500px; max-width: 95%; background: #fff; border: 1px #ccc solid; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15); -webkit-animation-name: animatetop; -webkit-animation-duration: .4s; animation-name: animatetop; animation-duration: .4s; z-index: 9999999;}
.modal-head-2{padding: 15px; font-weight: 700; font-size: 18px; color: #555;}
.modal-main-2{padding: 15px; border-top: 1px #ddd solid; border-bottom: 1px #ccc solid; line-height: 24px;}
.modal-main-2 a{font-weight: 700; text-decoration: underline; margin: 8px 10px 0 0;}
.modal-buttons-2{background: #f5f5f5; padding: 15px 25px;}
.modal-buttons-2 a{display: block; background: #009d60; padding: 12px; box-sizing: border-box; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; cursor: pointer;}
.modal-buttons-2 a:hover{background: #007E4D; color: #fff;}

@-webkit-keyframes animatetop{
  from{bottom: -300px; opacity: 0;}
  to{bottom: 25px; opacity: 1;}
}

@keyframes animatetop{
  from{bottom: -300px; opacity: 0;}
  to{bottom: 25px; opacity: 1;}
}

/* INVENTORY */

#dynamicContent{text-align: left !important; line-height: 24px;}
#dynamicContent a{display: block; font-weight: 400; text-decoration: underline;}
#dynamicContent strong{display: block; color: #555; font-size: 16px; margin-top: 10px;}

.mobile-location{text-align: left !important; line-height: 24px;}
.mobile-location a{display: block; font-weight: 400; text-decoration: underline;}
.mobile-location strong{display: block; color: #555; font-size: 16px; margin-top: 10px;}

.detail__title {
  color:#000!important;
}

a.all-link{margin-bottom: 15px;}
.inventory-search{box-sizing: border-box}
.inventory-search h5{font-weight: 700; color: #009d60; margin: 0 0 10px;}
#filter-menu{background: #F2F2F2; border: 1px solid #ddd; border-top: none;}
#filter-menu h3{font-weight: 700; font-size: 12px; color: #333; cursor: pointer; box-sizing: border-box; margin: 5px 0}
#filter-menu h3 span{float: right; font-size: 18px; position: relative; top: -3px}
#filter-menu li{list-style-type: none; font-size: 12px; padding: 10px 12px; border-top: 1px #ddd solid}
#filter, .inventory-search button{width: 100%; box-sizing: border-box; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer}
#filter-menu ul ul{display: none; padding: 10px 0;}
#filter-menu ul ul li{border: none; padding: 0;}
#filter-menu ul ul li strong{display: block; margin: 10px 0 4px}
#filter-menu input[type=text], #filter-menu select{display: block; padding: 5px; width: 100%; box-sizing: border-box}
input[type=radio]{position: relative; top: 2px; margin: 0 6px 0 0}
#filter-menu label{display: block; line-height: 28px}
.inventory-search button{display: block; position: relative; padding: 12px; margin: 20px 0 0; background: #009d60; border: none; font-family: 'Montserrat', sans-serif;}
#filter:hover, .inventory-search button:hover{background: #00B26D}
#filter{display: none; padding: 13px 0; margin: 10px 0 0; background: #009d60; font-size: 12px; text-align: center}

/* TRUCK TYPES */

.truck-types{width: 25%; padding: 15px 25px; box-sizing: border-box; float: left; font-weight: 700; text-align: center;}
.comparison-container-1{max-width: 100%; padding: 0 0 15px; margin: 0 0 25px;}
.comparison-container-1 table{width:100%;table-layout:fixed;}
.comparison-container-1 table td{padding:5px;}
.comparison-container-1 #box-trucks tr:nth-child(odd){background: #f5f5f5;}
.comparison-container-1 #box-trucks tr td{font-size:12px;}

.comparison-group{margin: 20px 0;}
.comparison-group a{font-weight: 700; text-decoration: underline;}
.comparison-group h2{display: block; background: #f5f5f5; font-size: 20px; text-align: left; color: #555; padding: 10px 0 12px 28px; margin: 15px 0 0}
.triangle{background: url(/siteart/triangle.png) no-repeat; height: 32px; position: relative; width: 30px}
.table-row{padding: 5px 10px; box-sizing: border-box; font-size: 12px; line-height: 18px;}
.table-row .column4:first-child, .table-row .column3:first-child{font-weight: 700; text-align: right; color: #555;}
.table-row:nth-child(even){background: #f5f5f5;}

/* FAQ */
h1.h1header {margin-top:25px; color:#000;}
.faq {padding: 10px 0;}
.faq-title h2 {color:#000; border-bottom: .5px solid #ddd; padding: 10px 0;  margin:25px 0 10px 0;}
.faq h3{padding: 10px 0; text-transform: none; }
.faq ul {margin-left:35px;}
.faq ul li {list-style:inside; color:#000; font-size: 14px; line-height: 25px  }

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


/* INVENTORY */

.hosted-content .listings-wrapper .listings-list .listing-banner h2{font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 20px; color:#009D60;}
.hosted-content h3{font-family: 'Montserrat', sans-serif !important; font-weight: 700; line-height: normal !important; padding-bottom: 10px;}
.hosted-content .listings-detail-wrapper{width: 100%;}
.hosted-content .listings-wrapper .listings-list .listing-name a{font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; font-weight: normal;}
.hosted-content .listings-wrapper{width: 100%;}

.hosted-content .btn{background:#009D60; font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 12px;}
.hosted-content .btn:hover{background: #007E4D; color: #fff !important;}
body .full .has-quote-forms #listing-top-information, .hosted-content .widgets-container-1{width: 100% !important; padding: 0; margin: 10px 0;}
.contact-info-section{line-height: 24px;}

.hosted-content .listings-wrapper{position:relative;padding-top:80px;}
.hosted-content .pagination{position:absolute;top:0;padding: 10px 10px 8px !important;border: #f1f1f1 1px solid;box-sizing: border-box;}
.hosted-content .currency-capital-price-container-1{display:none;}
.hosted-content .legal{display:none;}
.hosted-content .information-box:last-child{display:none;}
.hosted-content a.email{display:none !important;}
.hosted-content a.email-seller{display:none !important;}
.hosted-content .compare-link{display:none;}

.hosted-content .no-print a{
	text-decoration: none;
	background: #333;
	color: #fff;
	padding: 6px 21px;
	border-radius: 2px;
	text-transform:uppercase;
	font-weight:bold;
	display: inline-block;
	margin-top: 10px;
	position: fixed;
	right: 80px;
	bottom: 25px;
	z-index: 999;
}

.hosted-content .no-print a:hover{background: #555;}
.hosted-content .no-print a img{
	display:none;
}
.hosted-content .no-print a:before{
	content: " Detailed Search";
}

.hosted-content .no-print a:after {
  content: "\f078";
  font-family: "FontAwesome";
  margin-left:10px;
  font-weight:normal;
}

#listings-title{display: none;}
#footer-links img{display: inline;}

.small-button{display: inline-block; float: right; background: #009d60; padding: 14px 50px; margin: 0 0 15px; box-sizing: border-box;font-size: 12px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;text-decoration:none;}
.small-button:hover{background: #007E4D; color: #fff !important;}

.inv-note{display: inline-block;
    width: 60%;
    border: #ccc 0px solid;
    padding: 0 0;
    float: right;
    margin-right: 15px;
    max-width: 680px;
	box-sizing:border-box;
}

label[for=TruckSearchCriteria_HorsePowerMin], label[for=TruckSearchCriteria_HorsePowerMax], label[for=TruckSearchCriteria_WheelBaseMin], label[for=TruckSearchCriteria_WheelBaseMax], label[for=TruckSearchCriteria_MinLength], label[for=TruckSearchCriteria_MaxLength], label[for=TruckSearchCriteria_DriveSide], label[for=Location_CountryList]{display:none;}

#TruckSearchCriteria_HorsePowerMin, #TruckSearchCriteria_HorsePowerMax, #TruckSearchCriteria_WheelBaseMin, #TruckSearchCriteria_WheelBaseMax, #TruckSearchCriteria_MinLength, #TruckSearchCriteria_MaxLength, #TruckSearchCriteria_DriveSide, .listingsearchtrucksleeperspecs, #Location_CountryList, .hosted-content .listings-detail-wrapper .listing-details a.email-seller{display:none;}

.header{z-index: 9999;}
a{color: inherit;}

.widget-email{display:none!important;}


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

.list-content .list-main-section .list-container-1 .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container-1 .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-1 .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-1-flexrow .view-listing-details-link {background:#009D60 !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;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #009D60 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container-1 .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;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container-1 label input {margin-right: 5px;}
.list-content .spec-value {font-size: 11px; line-height: 25px; letter-spacing: .75px;}
.list-container-1-flexrow .spec-label  {font-size: 10px !important; line-height: 25px; letter-spacing: .75px; text-transform: uppercase;}
.list-content .add-update-time {margin-bottom: 5px;}
.list-container-1-flexrow .price-container-1 .price, .detail-content .search-results span {color:#009D60;}
#contact-info {padding-top:10px;}
.page-nav, .listing-option-mobile .listing-option-bar{background: #009D60 !important;}
.listing-option-mobile .listing-option-bar .listing-option-bar-option {color:#fff !important; font-size: 14px;font-weight: bold; letter-spacing: 1px;}
.list-container-1-flexrow .email-seller-link {display: none !important;}
@media screen and (max-width: 1024px){
.inv-note{
    display: inline-block;
    width: 100%;
    border: #ccc 1px solid;
    padding: 9px;
    text-align: center;
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
    max-width: none;
    box-sizing:border-box;
}
}

@media screen and (max-width: 480px){
    .small-button{display: block; float: none; width: 100%; padding: 12px; margin: 5px 0;}
	.hosted-content .listings-wrapper .call-it-listing{width: 100%;}
	.hosted-content a.call-it{font-weight: bold; color: #fff;}
	.inv-note{margin-top: 5px;margin-bottom: 0;}
	.inv-note p{font-size:18px !important;}
	
}
@media screen and (max-width: 370px){

	.inv-note p{font-size:14px !important;}
	
}




@media screen and (max-width: 500px){
	.table-row .column3, .table-row .column4, .table-row .column8{display: block; width: 100%;}
	.table-row .column4:first-child, .table-row .column3:first-child, .table-row{text-align: left;}
	.comparison-group{text-align: center;}
	.covid-banner {text-align: center; margin: 0 auto; background: #354447; padding:10px 0; font-size: 13px; color:#fff; }

}

/* FOOTER */

.contact-us, .contact-us a{text-transform: uppercase; text-align: center; font-weight: 700;}
.advancedsearch, .contact-us, .contact-us a{font-weight: 700;}
.contact-us{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; padding: 100px 0; font-size: 36px; color: #fff}
.contact-us a{display: block; font-size: 18px; max-width: 300px; margin: 25px auto 0; border: 3px solid #fff; padding: 15px;text-decoration:none;}
.contact-us a:hover{color: #009D60; background: #fff}
.advancedsearch, .scrollToTop2{position: fixed; bottom: 25px; border-radius: 3px; cursor: pointer; z-index: 99999}
.scrollToTop2{display: none; right: 25px; background: #008552; padding: 11px 13px; font-size: 18px; color: #fff; border: 1px #ccc solid; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);}
.scrollToTop2:hover{background: #007E4D; color: #fff}
.advancedsearch{right: 80px; background: #333; padding: 14px 50px 14px 15px; color: #fff; border: 1px #ccc solid; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);}
.advancedsearch:hover{background: #555; color: #fff}
.advancedsearch:after{position: relative; left: 35px; font-family: 'Font Awesome 5 Free'; font-weight: 700; content: '\f078'}

.footer{background: #333; color: #aaa; padding: 35px 0; width: 100%;}
.footer #footer-phone a{color: #aaa !important;}
.footer #footer-phone a:hover{color: #009d60 !important;}
#footer-phone{font-weight: 700; font-size: 24px; text-align: right;}
#footer-phone a{text-decoration:none;}
#footer-links{text-align: right; margin: 15px 0 0;}
#footer-links a{font-weight: 700; margin: 0 10px;color:#aaa;text-decoration:none;}
#footer-links a:hover{color: #fff;}
#footer-links img{position: relative; top: 14px; width: 80px; margin: 0 0 0 7px;}

.bottom-footer{background: #333; padding: 10px 0; border-top: 1px #666 solid; font-weight: 700; font-size: 12px; text-transform: uppercase; color: white;}
#copyright{float: left;}

#host{float: right;}
#host ul li{display: inline-block; text-decoration: underline; padding: 0 10px; border-left: 1px #777 solid;}
#host ul li:first-child{border-left: none;}
#host ul li a:hover{color: #fff;}
 
/* RESPONSIVE STYLES */

.mobile-header{display: none; background: #fff;}
.show{display: block;}
.show-500{display: none;}

.list-content .list-title .list-title-text {color:#000 !important}

@media screen and (max-width: 1300px){
	.mainlogo {
		width:430px;
	}
	.mainlogo img {width:200px;margin-bottom:0;}
	.mainlogo h2 {font-size:25px;width:calc(100% - 200px);box-sizing:border-box;margin-top:10px;}
}

@media screen and (max-width: 920px){
	.mainlogo {
		width:220px;
	}
	.mainlogo img {width:200px;margin-bottom:0;}
	.mainlogo h2 {display:none;}
}

@media screen and (max-width: 1025px){
select, input[type="text"], input[type="submit"]{-webkit-appearance: none; background: #fff; border: 1px #ccc solid;}
.select-container-1:after{position: absolute; top: 20px; right: 10px; font-family: 'Font Awesome 5 Free'; font-weight: 700; content: '\f0d7'; color: #aaa;}
	.multiplePopUp .staticBox .popClick {font-size: 12px;}

}

@media screen and (max-width: 1300px) and (min-width: 970px) {
    .container-1{padding: 0 25px;}
	.multiplePopUp .staticBox .popClick {font-size: 15px;}

	
}

@media screen and (max-width: 970px) and (min-width: 769px) {
    .hide{display: none;}
    .container-1{padding: 0 25px;}
    .column3, .column5, .column7, .column9{width: 100%; padding: 0;}
    .comparison-group .column4{width: 33.3333%; padding: 0 25px 0 0;}
    .comparison-group .column3{width: 25%; padding: 0 25px 0 0;}
    #search{width: 250px;}
    .hero{border-bottom: 1px #ccc solid;}
    .hero .container-1{padding: 0;}
    .hero .column5{width: 100%; padding: 0;}
    .hero .column7{width: 100%; padding: 0 25px;}
    .hero-message{margin-top: 35px;}
    #filter{display: block;}
    .inventory-search{display: none;}
}

@media screen and (max-width: 768px)  {
    .mobile-header.shrink {
        position: fixed;
          top: 0;
          width: 100%;
        z-index: 9999;
    }
    .mobile-header.shrink .mobile-logo {
        display: none;
    }
}

@media screen and (max-width: 768px) and (min-width: 501px) {
    .hide{display: none;}
    .main{padding: 25px 0;}
    .container-1{padding: 0 25px;}
    .column2{width: 33.3333%; padding: 0;}
    .column3, .column4, .column5, .column7, .column8, .column9{width: 100%; padding: 0;}
    .comparison-group .column4{width: 33.3333%; padding: 0 25px 0 0;}
    .comparison-group .column3{width: 25%; padding: 0 25px 0 0;}
    .mobile-header{display: block;}
    .header{display: none;}
    .push{height: 0;}
    .hero{background: #fff; background-image:none !important; border-bottom: 1px #ccc solid; padding: 0 0 25px;}
    .hero-message{font-size: 14px; line-height: 22px; color: #333;}
    .hero-message h1{font-size: 24px; line-height: 28px; color: #333; margin-bottom: 5px;}
	.hero-message p{color: #333; line-height:22px;font-size:14px; }
    .hero-message .button{max-width: 100%;}
    .hero-message .button, a.center-btn{max-width: 100%;}
	.hero .center-btn{width:100%;max-width: 100%;}
    .hero .container-1{padding: 0;}
    .hero .column5{width: 100%; padding: 0;}
    .hero .column7, .hero .column12{width: 100%; padding: 0 25px;}
    .hero-message{margin-top: 35px;}
    .home-search{background: #f5f5f5;}
    .cycle-slideshow{display: none;}
    .why-icons{display: block;}
    .why-icons .why-icon{flex: inherit; display: block;}
    .truck-types{width: 50%;}
    .footer{text-align: center; padding: 20px 0;}
    #footer-links{display: none;}
    #footer-phone{text-align: center; margin-top: 10px;}
    #filter{display: block;}
    .inventory-search{display: none;}
	.desktop{display:none;}
	.mobileonly{display:block;}
	.buy-box{width:48%;}
	.multiplePopUp .popUpSec {display: block;}
	.mypop { width: 100%; margin: 0 auto; }
	.multiplePopUp .staticBox .popClick {padding-left: 5%;width:95%; text-align: left;}
	.why-buy{text-align: left;}


}

@media screen and (max-width: 500px){
	.multiplePopUp .popUpSec {display: block;}
	.mypop { width: 100%; margin: 0 auto; }
	.multiplePopUp .staticBox .popClick {padding-left: 5%;width:92%; text-align: left; font-size: 14px;}
	.multiplePopUp .popupBox .popConte {max-width: 300px;}
	.why-buy{text-align: center; font-size: 25px; }
	.hide{display: none;}
    .show-500{display: inline; text-decoration: underline;}
    .main{padding: 25px 0;}
    .container-1{padding: 0 25px;}
    p{line-height: 22px;}
    a.btn{display: block;}
    .home-search input, .home-search select{padding: 8px;}
    .select-container-1:after{top: 16px;}
    .column2{width: 50%; padding: 0;}
    .column3, .column4, .column5, .column6, .column7, .column8, .column9{width: 100%; padding: 0;}
    .mobile-header{display: block;}
    .header{display: none;}
    .push{height: 0;}
    .hero{background: #fff; background-image:none !important; border-bottom: 1px #ccc solid; padding: 0 0 25px;}
    .hero-message{font-size: 14px; line-height: 22px; color: #333;}
    .hero-message h1{font-size: 17px; line-height: 28px; color: #333; margin-bottom: 5px; text-align: center;}
	.hero-message p{color: #333; line-height:22px;font-size:14px; text-align: center; }
    .hero-message .button{max-width: 100%;}
	.hero .center-btn{width:100%;max-width: 100%;}
    .hero .container-1{padding: 0;}
    .hero .column5{width: 100%; padding: 0;}
    .hero .column6{width: 50%; padding: 0 10px 0 0;}
    .hero .column7, .hero .column12{width: 100%; padding: 0 25px;}
    .hero-message{margin-top: 35px;}
    .home-search{background: #f5f5f5;}
    .home-search .last{padding: 0;}
    .cycle-slideshow{display: none;}
    .comparison-group h2{font-size: 16px;}
    .comparison-group img{max-width: 200px; margin: 10px 0 0;}
    .why-icons{display: block;}
    .why-icons .why-icon{flex: inherit; display: block;}
    .truck-types{width: 100%;}
    a.btn, a.center-btn{max-width: 100%;}
    .footer{text-align: center; padding: 20px 0;}
    #footer-links{display: none;}
    #footer-phone{text-align: center; margin-top: 10px;}
    #copyright, #host{float: none; width: 100%; margin: 5px 0; text-align: center;}
    #filter{display: block;}
    .inventory-search{display: none;}
.desktop{display:none;}
.mobileonly{display:block;}
	.buy-box{width:98%;}
.maplist ul{list-style:none;column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;text-align:left !important;	margin:20px 0 20px;    background: #fafafa; border: #ccc 1px solid;}
.maplist ul li{margin: 0 0 15px 0; font-size: 13px; padding:10px;line-height:1.8em; display: inline-block; vertical-align: top; width: 43.5%; align-items: stretch; text-align: left;}
		.maplist ul li.last-list{ width: 100%;}
	.container-1 h1 {color:#fff; font-size: 20px; line-height: 30px;}
 

}