/********************************************** START 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;	
}
*{box-sizing:border-box}
a, img {border:none;outline:none;color:#E22924;}
a:hover {color:#00437D;}
ol, ul {list-style: none;}

.clear {clear:both;}
/********************************************** END RESET */


/********************************************** START GLOBAL */
.site-width {
	width:80%;
	margin:0 auto;
	max-width: 1200px;
}
.tle-container {
	width:80%;
	margin:25px auto !important;
	max-width: 1200px;
	display: block;
	float: none !important;
}

.featured-equipment .slick-dots, .featured-equipment .slick-arrow{display: none !important;}
.featured-equipment .slick-dotted.slick-slider{margin: 0 !important;}
body {
	font-family: open-sans, sans-serif;
	font-size:13px;
	line-height:30px;
	position: relative;
    height: auto !important;
	/*background: #0057A2;*/
}
.red-button {
	font-family: sofia-pro, sans-serif !important;
	
	display:block;
	padding:15px !important;
	font-size:20px !important;
	text-align:center;
	color:#fff;
	border: none !important;
	outline: none !important;
	
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.5);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e82a25+0,c3221e+100 */
	background: rgb(232,42,37); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(232,42,37,1) 0%, rgba(195,34,30,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(232,42,37,1) 0%,rgba(195,34,30,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(232,42,37,1) 0%,rgba(195,34,30,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	transition: none !important;
}

.buttons .btn {width: unset !important;}

.buttons  {
	display: flex !important;
	flex-direction: row !important;
	gap: 20px !important;
}
.contactForm .red-button {
	max-width: 300px;
	width: 100%;
}
.red-button:hover {
	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c11f1f+0,a81a1a+100 */
	background: rgb(193,31,31) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(193,31,31,1) 0%, rgba(168,26,26,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(193,31,31,1) 0%,rgba(168,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(193,31,31,1) 0%,rgba(168,26,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: none !important;
	outline: none !important;
}
/********************************************** END GLOBAL */

/********************************************** START HEADER */
.header {
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0057a2+0,00427b+100 */
	background: rgb(0,87,162); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,87,162,1) 0%, rgba(0,66,123,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,87,162,1) 0%,rgba(0,66,123,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,87,162,1) 0%,rgba(0,66,123,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#main-logo {
	width:30%;
	min-width:200px;
	float:left;
	margin:15px 10px;
}
#main-logo img {
	width:100%;
}
.truck-header {
	width:25%;
	min-width:160px;
	float:left;
	margin: 15px 0;
}
.truck-header img {
	width:100%;
}
.header .header-right {
	float:right;
	margin:15px 0;
}

.header-bottom {
	width:100%;
	max-width: 294px;
	float:right;
	padding-bottom:6px;}

input[type="submit"]{background: rgb(195,34,30) !important; color: #fff !important; padding: 1px 6px !important;border-radius: unset !important; border: none !important; font-size: 13px !important;}

input#Keywords {width: 82% !important; padding: 0px 7px !important;}
/********************************************** END HEADER */

/********************************************** START NAV */
#navcontain {
	display:block;
}
.menu-icon-toggle {
	display:none;
}
/********************************************** END NAV */

/********************************************** START SLIDESHOW */
.slideshow-container {
	width:100%;
	background:#3a3737;
	padding:15px 0;
	overflow:hidden;
	float:left;
}
.slideshow-image {
	position:relative;
	width:50%;
	float:left;
}
.slideshow-image img {
	width:100%;
}
.slideshow-text-box {
	position:relative;
	background:#d6d6d6;
	width:48%;
	float:right;
	color:#2b2b2b;
	padding:15px;
}
.slideshow-text-box h1 {
	font-family: sofia-pro, sans-serif;
	color:#C4221E;
	line-height: 40px;
	font-weight: 600;
	font-size:35px;
	margin: 7px 0;
}
.slideshow-text-box h3 {
	font-family: sofia-pro, sans-serif;
	color:#2b2b2b;
	font-size:31px;
	margin: 7px 0;
}
.slideshow-text-box .red-button {
	margin:15px auto;
}

/* responsive slideshow style */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
/********************************************** END SLIDESHOW */

/********************************************** START CONTENT */
/* all */
.content-container {
	margin: 25px 0;
	background:#fff;
}
.content-container h1, .tle-container h1, .typography h1 {
	font-size:28px;
	font-weight:600;
	font-family: sofia-pro, sans-serif;
}
.content-container p, .tle-container p, .typography p {
	margin:10px 0;
	font-size: 17px;
	font-family: open-sans, sans-serif;
}
.page-right-col {
	width:48%;
	float:right;
}
/* home */
.home-page-text {
	float:left;
	width:100%;
	padding:15px;
	font-size: 16px;
}
.page-left-col .google-map {
	width:100%;
}
.home-top .google-map {
	width:100%;
}
.home-top .google-map > div {
	height:100%;
}
.google-map {
	float:right;
	height:250px;
	margin: 15px 0;
	border: 5px solid #6f6d6d;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
}
.google-map iframe {
	width:100%;
	height:100%;
}
.inv-boxes {
	width:100%;
	margin:10px;
	position: relative;
  	top: 20px;
}


.inv-boxes a { 
    display: flex;
	text-align:center;
	font-size:28px;
	color:#fff;
}
.home-box {
	position:relative;
	display:inline-block;
	float:left;
	width: calc(100% - 20px);
	margin:10px;
}
.home-box img {
	width: 100%;
}
.overlay {
    position: absolute;
    width: 100%;
	height: calc(100% - 20px);
    background: rgba(58,55,55,.75);
    top: 0;
    left: 0;
    padding: 80px 0 0 0;
}
.overlay:hover {
	background:rgba(58,55,55,.45);
}

/* =================
INVENTORY PAGE
============== */
.hosted-content #listings-title {
	font-family: sofia-pro, sans-serif;
	color:#2b2b2b;
	font-size:31px;
	margin: 7px 0;
}
.hosted-content .listings-wrapper .listings-list .listing-name a {
    font-family: sofia-pro, sans-serif;
	color:#2b2b2b;
	font-size:18px;
}
.hosted-content .dealers-list-wrapper .control-box .button, .hosted-content .listings-wrapper .control-box .button {
	position: static;
}

/********************************************** END CONTENT */


.noheading h1{
	display: none !important;
}
#Form_EditForm {
	margin:20px;
}

/********************************************** START FOOTER */
div#carousel_container.JMyCarousel {
	width:100%!important;
}
.main-footer-container {
	padding: 20px 0;
	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005298+0,00427b+100 */
	background: rgb(0,82,152); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,82,152,1) 0%, rgba(0,66,123,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,82,152,1) 0%,rgba(0,66,123,1) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom,  rgba(0,82,152,1) 0%,rgba(0,66,123,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.footerlink {
	color:#fff;
}
.footerlink:hover {
	color:#E82A26;
}
.left-footer {
	font-size:24px;
	width:30%;
	float:left;
}
.right-footer {
	width:66%;
	float:right;
	text-align:right;
}
/********************************************** END FOOTER */
 .detail-content .detail-additional-data .data-row .data-label {
	background: rgb(0,87,162) !important;
}
.detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {
    background: rgb(0,87,162) !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
    padding: 0px 3px !important;
}
/********************************************** START RESPONSIVE */

@media screen and (max-width:1199px) {
.offset-md-1.col-xl-2.undefined.undefined.undefined.undefined {margin-left: 0 !important;}
	
	span.overlay, div.overlay {font-size: 28px !important; padding-top: 40px !important;}
}

@media screen and (max-width:1096px) {
.home-box {
		width: calc(100% - 10px);
		margin:10px 5px;
		font-size:34px;
	}
}


@media screen and (max-width:952px) {
button.shEditorInsertButton.sheditorinsertedbutton.btn.red-button {
	font-size: 16px !important;
	}
}

@media screen and (max-width:910px) {
	#navcontain {
		display:none;
	}
	.menu-icon-toggle {
		display:block;
		margin:15px;
		position:absolute;
		top:0;
		left:0;
		z-index:10;
		cursor: pointer;
	}
	.site-width, .tle-container {
		width:90%;
	}
	.slideshow-image {
		width:100%;
	}
	.slideshow-text-box {
		width:100%;
	}
	.home-top .google-map {
		float:left;
		width:100%;
	}
	.home-page-text {
		width:100%;
		padding:0
	}
	.page-right-col {
		width:100%;
		float:right;
	}
	.overlay {
		padding: 60px 0 0 0;
	}
}
@media screen and (max-width:780px) {
	.header .header-right {
		float:right;
		width: 80%;
		margin:15px 0;
	}
	.header .header-right .red-button {
		float:right;
		width: 100%;
		padding:5px 0 !important;
		font-size:15px !important;
		line-height:22px !important;
	}
	
	button.shEditorInsertButton.sheditorinsertedbutton.btn.red-button {width: 100% !important;}
	
	input#Keywords {width: 90% !important;}
	
	.header-bottom {max-width: 100% !important;}
	
	#main-logo {
		width:50%;
	}
	.truck-header {
		width:40%;
	}
	.overlay {
		padding: 40px 0 0 0;
	}
	
	.home-top > .row{display: flex; flex-direction: column-reverse;}
	.home-top > .row > div{width: 100% !important; margin: 0 !important;}
}
@media screen and (max-width:645px) {
	.left-footer {
		width:100%;
		text-align:center;
		margin:10px 0;
	}
	.right-footer {
		width:100%;
		text-align:center;
		margin:10px 0;
		font-size:10px!important;
	}
	.overlay {
		padding: 20px 0 0 0;
	}
}
@media screen and (max-width:579px) {
input#Keywords {width: 88% !important;}
	
	.header-bottom {max-width: 100% !important;}
}
@media screen and (max-width:550px) {
	.home-box {
		width: 100%;
		margin:10px 0;
		font-size:34px;
	}
	.overlay {
		padding: 50px 0 0 0;
	}
}
@media screen and (max-width:500px) {
	#main-logo {
		width:100%;
		margin:0;
	}
	.truck-header {
		/* display: block; */
		position: relative;
		width: 100%;
		margin:0 auto;
	}
}
@media screen and (max-width:483px) {
input#Keywords {width: 85% !important;}
	
	.header-bottom {max-width: 100% !important;}
}
@media screen and (max-width:483px) {
input#Keywords {width: 80% !important;}
	
	.header-bottom {max-width: 100% !important;}
}
/********************************************** END RESPONSIVE */