/* RESET 
------------------------------------------------*/
html, body, div,  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 { 
/*    margin: 0 auto;  */
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Montserrat', sans-serif;
}



a {
	color:#fff;
	text-decoration:underline;
	
}

a:hover{
	color:#dbac5e;
	text-decoration:none;
}

p{
	padding:7px 0 ;
	color:#000;
	font-weight: 600!important;
}


.fa-map-marker,.fa-user,.fa-phone {color:#a02040!important;}
 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 
	overflow-x: hidden;
}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/

.top-bar {background:#222; color:#fff; padding:10px; }
.top-bar p {font-size: 12px;}
.top-bar a {color:#fff!important;}
.top-bar a:hover {color:#a02040!important; text-decoration: none;}

ul.secondary li {display: inline-block; font-size: 12px; text-align: center; padding:0 7px;}
ul.secondary li span {color:#a02040!important; padding:10px;}

.header{
	width:100%;
	display:inline-block;
	margin:0 auto;
	background:#fff;
	border-bottom: 3px solid #222;
}

.logo{
	text-align:left;
	width:100%;
	margin:0 auto;
	display:inline-block;
	padding:10px;
}
.logo img{
	width:70%;
	margin:0 auto;
}




/* HOME PAGE STYLES
-----------------------------------------------*/

ul.tertiary li  {list-style-type: none!important; display: block; text-align: left; line-height: 20px; padding:10px 0 0;}
ul.tertiary li  a {color:#fff; font-size: 14px; text-decoration: none!important; }

.border-red {border-bottom: 3px solid #a02040; width: 45%; float: right;}
.btn-red {background:#a02040; padding:10px; font-size: 20px; font-weight: 600; margin-bottom:20px!important;}

.btn-light {padding:10px;  background-color: #f8f9fa; color:#222;}
.btn-light a {text-transform: uppercase; color:#222!important; font-weight: bold; font-size: 13px;}

.dark {background:#000; width:100%; overflow: auto; padding:10px 0 0 0;}

h3.side-head {
	background: #a02040;
    color: #fff;
    width: 450px;
    text-align: right;
	padding:10px;
	text-transform:uppercase;
	font-weight: bold;
	border-bottom: 2px solid #fff;
}

.welcome {background:url(/siteart/welcome.png); background-size: cover; overflow: auto; padding:10px;}
.welcome h3{margin: 0 auto;}
.reds {color:#a02040!important; border-bottom: 1px solid #a02040; width:30%;}
h4.reds {color:#a02040!important; border-bottom: 0px!important; width:auto;}
.red-bg {background:#a02040; color:#fff;}

.bold {font-weight: 600;}
.bolder {font-weight: 800;}


.spacer {padding:20px;}

.slant {background:url(/siteart/slant.png) no-repeat; background-size: cover;  color:#fff; height:40px; padding-top: 10px; width:100%;}

.view {color:#fff; border-top:3px solid #a02040; width:90%; text-align: center; line-height: 50px;}
.fa-reply-all {color:#a02040!important;}

.black {color:#000;}

/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#a02040 !important;
}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{
	font-size:20px!important;
	color:#000;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
	font-size: 17px!important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
	font-size: 18px!important;
}

/* =============================================================================
     CTA                                                             
============================================================================= */

			.cta {
			    overflow: auto;
				padding:10px 10px 30px;
				position: relative;
				z-index: 1;
				
			}
			.cta ul { 
				margin:0 auto; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.cta ul li { 
				padding: 0;
				margin: 0px; 
			}
			.cta ul li:first-child { margin-left:0px; }
			
			.cta ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: 80%;
				background-position: 50% 50%;
				padding: 0;
				height: 240px;
				z-index:999;
				margin-bottom: 10px;
			}
			.cta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:bottom;
			}
			.cta a h2 { color: #fff; font-weight: bold; line-height: 1; text-transform:uppercase; font-size:25px;  vertical-align: bottom; width:100%; padding:20px 10px; margin-bottom: -10px; background:transparent!important;}
			.cta a h2 strong { display: block; font-weight: 800; }
			.cta a:hover { opacity: 1; }
			.cta a .overlay {
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 100%;
			}
			.cta ul li .cta1 { background-image:url("/siteart/twister-trailers.PNG");  margin:10px; border:1px solid #fff;}
			.cta ul li .cta2 { background-image:url("/siteart/greatplains-logo.png"); margin:10px; border:1px solid #fff;}
			.cta ul li .cta3 { background-image:url("/siteart/mcfarlane.PNG"); margin:10px; border:1px solid #fff;}
			.cta ul li .cta4 { background-image:url("/siteart/cross-country.png"); margin:10px; border:1px solid #fff;}
			.cta ul li .cta5 { background-image:url("/siteart/kelderman.png"); margin:10px; border:1px solid #fff;}
			.cta ul li .cta6 { background-image:url("/siteart/rhino.png"); margin:10px; border:1px solid #fff;}
			.cta ul li .cta7 { background-image:url("/siteart/mack.png"); margin:10px; border:1px solid #fff;}

			.cta a:hover .overlay { background: rgba(0,0,0,.7); }
			
				/* Interior */
				#interior .cta ul li div:first-child { height: 135px; }


			.cta-btm {
			    overflow: auto;
				padding:10px 10px 30px;
				position: relative;
				z-index: 1;
				
			}
			.cta-btm ul { 
				margin:0 auto; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.cta-btm ul li { 
				padding: 0;
				margin: 0px; 
			}
			.cta-btm ul li:first-child { margin-left:0px; }
			
			.cta-btm ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: cover;
				background-position: 50% 50%;
				padding: 0;
				height: 240px;
				z-index:999;
				margin-bottom: 10px;
			}
			.cta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:bottom;
			}
			.cta-btm a h2 { color: #fff; font-weight: bold;  text-transform:uppercase; font-size:25px;  width:100%; padding:40px 10px 15px;  background:transparent!important; text-align: center; text-shadow: 1px 1px 5px #000;}
			.cta-btm a h2 strong { display: block; font-weight: 800; }
			.cta-btm a:hover { opacity: 1; }
			.cta-btm a .overlay {
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 100%;
				background:rgba(0,0,0,.5);
			}
			.cta-btm ul li .cta-btm1 { background-image:url("/siteart/truck.jpg");  margin:10px; border:1px solid #fff;}
			.cta-btm ul li .cta-btm2 { background-image:url("/siteart/heavy.jpg"); margin:10px; border:1px solid #fff;}
			.cta-btm ul li .cta-btm3 { background-image:url("/siteart/tractor.jpg"); margin:10px; border:1px solid #fff;}
			.cta-btm ul li .cta-btm4 { background-image:url("/siteart/trailer.jpg"); margin:10px; border:1px solid #fff;}
			.cta-btm ul li .cta-btm5 { background-image:url("/siteart/grapple-trucks.png"); margin:10px; border:1px solid #fff;}
			.cta-btm ul li .cta-btm6 { background-image:url("/siteart/crane.png"); margin:10px; border:1px solid #fff;}
			.cta-btm ul li .cta-btm7 { background-image:url("/siteart/rotary-dump.png"); margin:10px; border:1px solid #fff;}
			.cta-btm ul li .cta-btm8 { background-image:url("/siteart/trailer-truck.png"); margin:10px; border:1px solid #fff;}
			.cta-btm ul li .cta-btm9 { background-image:url("/siteart/pickups.png"); margin:10px; border:1px solid #fff;}
			.cta-btm ul li .cta-btm10 { background-image:url("/siteart/cart.png"); margin:10px; border:1px solid #fff;}

			.cta-btm a:hover .overlay { background: rgba(8,102,85,.2); }
			
				/* Interior */
				#interior .cta ul li div:first-child { height: 135px; }



/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#fff;
	font-size:11px;
	text-align:center;
	background:#222;
	padding: 30px 0;
}

.footer p{
	color:#fff;
}
.footer a{
	color:#eaeaea;
	text-decoration:underline;
}

.footer a:hover{
	color:#eaeaea;
	text-decoration:none;
}
.divfooter{
	width:60%;
	margin:20px auto;
}

/* FACETED INVENTORY LAYOUT STYLES */
.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 .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link {background:#a02040 !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;}
.list-content .list-title .list-listings-count{color:#a02040 !important; }
.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #a02040 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}

.contact-options a, .fin-calc-mobile>a{background: #a02040 !important; color: white!important;}
.list-content .list-title .list-title-text{margin: 0!important;}
.dealer-phone-container i{color: white!important;}

/* RESPONSIVE STYLES */

@media screen and (max-width:1700px){
	.border-red { width: 85%; }
}

@media screen and (max-width:992px){
	.border-red {display: none;}
	.carousel-caption {width:70%!important;}
	
	.reds { width:70%;}
}
@media screen and (max-width:768px){
	.logo img {width:200px;}
	.contacts {display: none;}
	h3.side-head {float: none; width:300px;
	}
}

@media screen and (max-width:576px){
	.col-sm-6 {width:50%!important;}
	h3.side-head {float: none; width:100%;}
		 .col-sm-6 {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%!important;
  }
	h3 {font-size: 22px!important;}
	.reds {width:90%}
}