@charset "utf-8";
/***** BEGIN RESET *****/

* {

    border:0;
    margin:0;
    padding:0;
}

body {
	-webkit-text-size-adjust: none;
	background:#fff;
	overflow-x:hidden;
	font-family: 'Open Sans', sans-serif;
	line-height:1!important;
	background:url("../siteart/topography.png") repeat;
}


ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

/****************************************************************************hover easing style


			-webkit-transition: all .5s ease; /* Safari and Chrome */
  /*  		-moz-transition: all .5s ease; /* Firefox */
  /*  		-ms-transition: all .5s ease; /* IE 9 */
  /*  		-o-transition: all .5s ease; /* Opera */
  /*  		transition: all .5s ease;


/*========================================================
HEADER
=======================================================*/

header {
	width:100%;
	background:rgba(0,0,0,0.70);
	float:left;
	position:relative;
	z-index:4;
	box-shadow: 0 0 10px #000;
}

.headerheight {
	width:100%;
	float:left;
	height:200px;
}

.header-flex {
	display: flex;
}

.wrap {
	width:90%;
	max-width:1400px;
	margin:0 auto;
}

.tophead {
	width:100%;
	/*background:#fa5214;*/
	padding:10px 0;
	float:left;
	border: 1px solid #fa5214;
    background-color: #c43f0d;
}

.tophead p {
	width:100%;
	float:left;
	text-align:right;
	color:#fff;
	font-size:16px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:700;
	font-stretch:condensed;
}

.logo {
/*	width:30%;*/
	float:left;
	padding-right:20px;
	box-sizing:border-box;
	padding:10px 0;
}

.logo img {
	width:100%;
	max-width:250px;
	float:left;
}

.partspecials {position:absolute;width:200px;top:70px;right:10px;z-index:4}
.partspecials img {width:100%;}

/*======================================================================================
SLIDESHOW
=======================================================================================*/
.slide-contain {
	width:100%;
	float:left;
	position:relative;
	z-index:0;
	margin-top:-200px;

}

.cycle-slideshow {
	width:100%;
	overflow:hidden;
	float:left;
	
	display:block;
}
.cycle-slideshow img {display:block; width:100%; float:left;}

/* pager */
.pager { 
    text-align:center; width:100%; margin:-50px 0 -2px; position:relative; z-index:999; float:left;}
.pager span { 
    font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#D30003; color:rgba(255,255,255,0.8); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#fa5214;}
.pager > * { cursor:pointer;}



/*=======================================================================================
CALL TO ACTION
=======================================================================================*/

.cta {
	width:100%;
	float:left;
	border-top:4px solid #fa5214;
}

.ctafourth {
	width:25%;
	float:left;
	box-sizing:border-box;
	border-right:2px solid rgba(187,187,187,1.00);
}

#newtrucks {
	background:url("../siteart/new.jpg");
	background-size:cover;
	background-position:center;
}

#usedtrucks {
	background:url("../siteart/used.jpg");
	background-size:cover;
	background-position:center;
}

#certified {
	background:url("../siteart/certified.jpg");
	background-size:cover;
	background-position:center;
}

#configurator{
	background:url("../siteart/config.jpg");
	background-size:cover;
	background-position:center;
	border-right:0!important;
}

.overlay {
	width:100%;
	float:left;
	background:rgba(0,0,0,0.50);
	padding:40px 10px;
	box-sizing:border-box;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -ms-transition: all .5s ease; /* IE 9 */
  -o-transition: all .5s ease; /* Opera */
  transition: all .5s ease;
}

.ctafourth h2 {
	width:100%;
	float:left;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
	font-family: 'Open Sans Condensed', sans-serif;
	text-shadow: 0 0 5px #000;
}


.ctafourth h3 {
	color: #fa5214;
	font-size:40px;
	width:100%;
	float:left;
	text-align:center;
}

.ctafourth:hover .overlay{
	background:rgba(0,0,0,.10);
}

/*=======================================================
WELCOME
=======================================================*/

.welcome {
	width:100%;
	float:left;
	background:url("../siteart/topography.png") repeat;
	padding:70px 0;
	z-index:1;
	position:relative;
}

.halvsies {
	width:50%;
	float:left;
	padding:0 10px;
	box-sizing:border-box;
}

.halvsies h2 {
	width:100%;
	float:left;
	color:#000;
	font-size:22px;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
}

.halvsies h1 {
	width:100%;
	float:left;
	color:#fa5214;
	font-size:35px;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	
}

.halvsies p {
	width:100%;
	float:left;
	color:#000;
	font-size:18px;
	line-height:25px;
	margin-top:15px;
}

.halvsies img {
	width:100%;
	float:right;

}

.fb-btn{
    border: 1px solid #fa5214;
    padding:10px;
    color:#000!important;
    text-align:center;
    margin:10px 0px;
    border-radius:5px;
    text-decoration:none!important;
    transition:.3s ease
}

.fb-btn:hover{background-color:#fa5214; color: #fff!important;}

.fb-btn-wrap{margin:40px 0px}

/*=======================================================
MANUFACTURERS
=======================================================*/

.manus {
	width:100%;
	float:left;
	background:url("../siteart/home-image.jpg");
	background-size:cover;
	z-index:1;
	position:relative;
	box-shadow: 5px 5px 10px #000;
	background-position:center;
}

.blackover {
	width:100%;
	float:left;
	background:rgba(0,0,0,.70);
	padding:70px 0 40px 0;
}

.manus h2 {

	color:#fff;
	text-transform:uppercase;
	font-size:30px;
	text-align:center;
	display:block;
	font-family: 'Open Sans Condensed', sans-serif;
}

.bar {
	width:100%;
	max-width:200px;
	height:4px;
	background:#fa5214;
	display:block!important;
	margin:0 auto;
	margin-top:10px;
}


.manufourth {
	width:20%;
	float:left;
}

.manufourth img {
	width:100%;
	max-width:250px;
	margin:0 auto;
}

/*=======================================================
S13 INFO SECTION
=======================================================*/
.s13section{
	display: flex;
	width: 100%;
	
}
.s13image{
	width: 80%;
	padding-left: 20px;
}
.s13left{
	width: 50%;
	background: #fa5214;
}
.s13right{
	width: 42%;
    padding: 7% 65px 10px;
    background: #ffffff94;
}
.blkheader{
	font-size: 40px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	text-transform: uppercase;
    padding-bottom: 20px;
}
.blkparagraph{
	font-size: 15px;
    line-height: 25px;
    padding-bottom: 30px;
}
.orangebutton{
	
    padding: 10px 25px;
    color: #000!important;
    text-align: center;
    margin: 10px 0px;
    border-radius: 5px;
    text-decoration: none!important;
    transition: .3s ease;
	font-size: 15px;
	text-transform: uppercase;
	border: 1px solid #fa5214;
}
.orangebutton:hover{
	background-color: #fa5214; color: #fff!important;
}
/*=======================================================
QUICK LINKS
=======================================================*/

.quicklinks {
	width:100%;
	float:left;
	background:url("../siteart/4.png");
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	padding:40px 0;
	position:relative;
	z-index:0;
}

.quickbox {
	width:100%;
	max-width:500px;
	float:left;
	padding:40px 20px;
	box-sizing:border-box;
	background:rgba(0,0,0,.70);
	box-shadow: 0 0 10px #000;
}

.quickbox h2 {
	color:#fff;
	text-transform:uppercase;
	font-size:30px;
	text-align:center;
	display:block;
	font-family: 'Open Sans Condensed', sans-serif;
}

.quickbox a {
	width:100%;
	float:left;
	color:#fff;
	font-size:18px;
	text-align:left;
	border-bottom:2px solid rgba(171,171,171,1.00);
		text-decoration:none;
	padding:5px 10px;
	box-sizing:border-box;
	margin-top:10px;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -ms-transition: all .5s ease; /* IE 9 */
  -o-transition: all .5s ease; /* Opera */
  transition: all .5s ease;
}

.quickbox .bar {
	margin-bottom:20px;
}

.quickbox a:hover {
	border-bottom:2px solid #fa5214!important;
}

.break {
	width:100%;
	float:left;
	height:10px;
}

.quickbox a .fa {
	float:right;
	text-align:right;
	color:#fa5214;
	font-size:25px;
	
}


/*================================================================================
SCROLLING
================================================================================*/

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

.scrolls {
	width:100%;
	float:left;
	background:#fa5214;
	padding:15px 0;
}


/*==============================================================================
FOOTER
==============================================================================*/

footer {
	width:100%;
	float:left;
	background:url("../siteart/topography.png") repeat;
	padding-bottom:20px;
}

.footnav {
	width:100%;
	float:left;
	padding:20px 0;
}

.footnav p {
	width:100%;
	float:left;
	text-align:center;
	color:#000;
	font-size:18px;
}

.footnav p a {
	color:#000;text-decoration:none;
	border-right:2px solid #000;
	padding:5px 20px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	line-height:35px;
}

.footnav p a:hover {
	color:#fa5214;
}

.lastfoot {
	border-right:none!important;
}

.footlogo {
	width:100%;
	float:left;
	margin:20px 0;
}

.footlogo img {
	width:100%;
	margin:0 auto;
	display:block;
	max-width:250px;
	
}

footer p {
	text-align:center;
	width:100%;
	float:left;
	font-size:12px;
	color:#000;
}



/*============================================================================================================================================================================
SUBPAGES
============================================================================================================================================================================*/

.auto-img {max-width:100%;}

.breadcrumbs {margin-bottom:15px;}
.breadcrumbs:after {content:""; display:block; clear:both;}
.breadcrumbs li {color:#000; border-left:1px #444 solid; padding:3px 10px; float:left; display:block;}
.breadcrumbs li:first-child {border-left:none;}
.breadcrumbs a {color:#fa5214; font-weight:700;}

.banner-img {width:100%; display:block; margin-bottom:25px;}
.banner-img img {width:100%; height:auto;}


.title {
	width:100%;
	float:left;
	background:url("../siteart/titlebg3.jpg");
	background-size:100%;
	background-position:top;
	background-attachment:fixed;
	position:relative;
	z-index:0;
	margin-top:-170px;
	padding:110px 0 0 0;
	
}


.title h1 {
	width:100%;
	float:left;
	padding:50px 0;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:40px;
	text-shadow: 2px 2px 5px #000;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
}


.subpages {
	width:100%;
	float:left;
	background:url("../siteart/topography.png") repeat;
	padding:70px 0;
	border-top:3px solid #fa5214
		
}

.subpages p {
	font-size:18px;
	line-height:27px;
}

.subpages h2 {
	text-transform:uppercase;
	font-size:26px;
	line-height:34px;
	font-family: 'Open Sans Condensed', sans-serif;
}


.subpages strong {
	font-size:20px;
	font-family: 'Open Sans Condensed', sans-serif;
}
.leftpage {
	width: calc(100% - 400px);
	float:right;
	padding-left:20px;
	box-sizing:border-box;
}

.leftpage img{
	max-width:300px;
    width:90%
}

.contactright {
	width:380px;
	float:left;
	background:#F7F7F7;
	border:1px solid #fa5214;
	border-radius:10px;
	padding:0 0px 0px;
	box-sizing:border-box;
	margin-right:20px;
    margin-bottom:40px
	
	
	
}

.contactright h2 {
	width:100%;
	float:left;
	text-align:center;
	padding:10px 0;
	background:#fa5214;
	color:#fff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-family: 'Open Sans Condensed', sans-serif;
}

.fin-custom{
	border-radius: 0;
	border: none;
}

.subpages a {
	color:#fa5214;
	text-decoration:none;
}

.subpages a:hover {
	text-decoration:underline;
}

.contactright p {
	font-size:15px;
	line-height:22px;
	width:100%;
	float:left;
	padding:20px;
	box-sizing:border-box;
}

.contactright strong {
	text-transform:uppercase;
	font-stretch:condensed;
}


.hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error {
	font-size:16px;
}

.locmap {
	width:100%;
	float:left;
	height:300px;
	padding:0 20px 20px;
	box-sizing:border-box;
}


.appbutton {
	width:100%;
	float:left;
	padding:10px;
	box-sizing:border-box;
	border-bottom:1px solid #424242;
	font-size:12px;
	color:#424242!important;
}

.appbutton:hover {
	text-decoration:none!important;
	background:#fa5214;
	color:#fff!important;
}

.blue-button {
    background-color: #0077b6; /* Darker blue for better contrast */
    color: #ffffff; /* White text */
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .blue-button:hover {
    background-color: #005a8d; /* Slightly darker on hover */
  }


/*NEW*/
.cf-wrapper{margin:30px 0px}

.list-content{background:#fff;padding:15px}
.legal-text-container{background:#fff;padding:0px 15px!important}

.list-content .list-top-section .sticky-top-menu{display:none}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link {background:#fa5214!important}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color:#000!important}

.list-content .list-title .list-listings-count{color:#fa5214!important}

.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, .list-content .list-listing-mobile .video-chat-link{background-color:#fa5214!important}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text{color:#fa5214!important;border:1px solid #fa5214!important}

.list-container-flexrow .view-listing-details-link, .list-container-flexrow .buy-now-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text{background-color:#fa5214!important}

.list-container-flexrow .price-container .price{color:#fa5214!important}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn{background-color:#fa5214!important}

.detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .detail-main-body .main-detail-data .alternate-retail-price{color:#fa5214!important}

.detail-content .detail-additional-data .data-row .data-label{background-color:#fa5214!important}

.detail-content .search-results{color:#fa5214!important}

.faceted-search-content .selected-facets-container .selected-facet{background-color:#fa5214!important}

.detail-content .dealer-info .phone-and-email .send-email-btn {color:#fa5214!important;border:#fa5214!important}

.list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .contact-btn, .list-content .list-listing-mobile .check-availability, .list-content .list-listing-mobile .email-seller, .list-content .list-listing-mobile .video-chat, .list-content .list-listing-mobile .facebook-messenger, .list-content .list-listing-mobile .whatsapp, .list-content .list-listing-mobile .text{background-color:#fa5214!important}

.paging-container .page-navs .list-page-nav{background-color:#fa5214!important}

.fin-calc{color:#000!important}
.dealer-name{color:#000!important}
.dealer-company-header{color:#000!important}
.address{color:#000!important}
.spec-value{color:#000!important}

.contact-options a, .fin-calc-mobile>a{background-color:#fa5214!important}
.detail-content-mobile .share-listing{color:#000!important}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .contact-btn, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat, .list-content .list-main-section .list-container .list-listing .listing-top-right .facebook-messenger, .list-content .list-main-section .list-container .list-listing .listing-top-right .whatsapp, .list-content .list-main-section .list-container .list-listing .listing-top-right .text{background-color:#fa5214!important}

.detail-content-mobile .detail-main-body .main-detail-data .detail-price, .detail-content-mobile .detail-main-body .main-detail-data .alternate-retail-price{color:#000!important}

.detail-content-mobile .detail-contact-bar .contact-bar-btn{background-color:#fa5214!important}

.detail-content-mobile .detail-additional-data .data-row .data-label{background-color:#fa5214!important}

.info{color:#000!important}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{background-color:#fa5214!important}

.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile{background-color:#fa5214!important}

.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{background-color:#fa5214!important}

.button{background-color:#fa5214!important}



/*=================================================================================================
===================================================================================================
*RESPONSIVE*
===================================================================================================
=================================================================================================*/
@media screen and (max-width: 1735px)  {
	.partspecials {top:140px;}
}
@media screen and (max-width: 1440px)  {
	.s13right {
		    padding: 5% 65px 10px;
	}
	
	
	
}
@media screen and (max-width: 1284px)  {
.s13image {
    width: 97%;
    padding-left: 20px;
}	
.s13left {
    width: 60%;
}	
	.s13right {
    padding: 3% 65px 3%;
	width: 40%;
}
	
}
@media screen and (max-width: 1200px)  {
	.blkheader {
		font-size: 35px;}
	.blkparagraph {
    font-size: 14px;
		line-height: 22px;
	}
	.s13right {
		padding: 5% 65px 5%;}
	.s13image {
    width: 100%;
}
	.logo {
		width:50%;
		float:left;
	}

	.tophead p {
		text-align:center;
	}
	.partspecials {top:150px;width:150px;}
}


@media screen and (max-width: 940px)  {
	.ctafourth h2 {
		font-size:20px;
	}
	
	.ctafourth h3 {
		font-size:25px;
	}
	.s13section{
		flex-wrap: wrap-reverse;
	}
	.s13right{
		width: 100%;
		padding: 12% 60px 15%;
	}
	.s13left{
		width: 100%;
		background-image: url("../siteart/S13_image.png");
		background-size: cover;
		background-repeat: no-repeat;
		height: 415px;
		background-position: center;
	}
	.s13image{
		display: none;
	}
}


@media screen and (max-width: 900px)  {
	.halvsies {
		width:100%;
	}
	
	.halvsies img {
		margin-top:20px;
	}
		
	.title {
		background-size:cover;
	}	
}

@media screen and (max-width: 925px)  {
	.leftpage {
		width:100%;
		padding-left:0;
		padding-bottom:20px;
	}
	
	.contactright {
		width:100%;
	}
	
	.contactright h2 {
		text-align:center;
	}
	
	.contactright p {
		text-align:center;
	}
}

@media screen and (max-width: 770px)  {
	header {
		background:#000;
	}
	
	.slide-contain {
		margin-top:0;
	}
	
	.headerheight {
		height:auto;
	}
	
	.title {
		margin-top:0;
		padding:0;
	}
	
	.partspecials {top:130px;width:150px;z-index:2}
}

@media screen and (max-width: 665px)  {
	.ctafourth {
		width:50%;
		border-bottom:2px solid rgba(187,187,187,1.00)
	}
	
	.footnav p a {
		padding:5px 10px;
		font-size:14px;
	}
	
	
.manufourth {
	width:50%;
	float:left;
}
	
	#lstmanu {
		margin-left:25%!important;
	}
}


@media screen and (max-width: 500px)  {
	.ctafourth {
	width:100%	
	}
	
	.tophead p {
		font-size:12px;
	}
	a.fb-btn{font-size: 13px;}
}
@media screen and (max-width: 357px)  {
	
	.s13right {
    padding: 12% 15px 15%;
}
	.s13left{
		height: 200px;
	}
	.blkheader {
    font-size: 10vw;
}
	.orangebutton{
		font-size: 13px;
	}
}