/* 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 { 
    margin: 0;  
    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, h1,h2,h3,h4,h5,h6{
	padding:10px 0;
	
	font-family: 'Montserrat', sans-serif !important;
}



 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 

}

.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;
}

.sub h1{
	color:#E21F26;
	font-weight:500;
	font-size:32px;
	text-transform:uppercase;
	padding:10px 0 30px 0;
}




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



/* HEADER 
----------------------------------------------*/
.header{
	width:100%; position: relative; z-index: 1004;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:transparent;
}

.sub > .header{background:url(../siteart/main.jpg) no-repeat; background-size:cover;}
.logo{
	text-align:left;
	width:50%;
	margin:0 auto;
	display:inline-block;
	padding:30px 20px;
	vertical-align:top;
}
.logo img{
	width:320px;
	max-width: 100%;
}

.contact-header{
	width:49%;
	display:inline-block;
	vertical-align:top;
	padding:20px;
	text-align:right;
}

.contact-header p{
	color:#fff;
	text-transform:uppercase;
	font-size:22px;
	font-weight:500;
	text-shadow:1px 1px 3px #000;
}

.head-dealer-logo{
	display: inline-block;
	width:49%;
	vertical-align: middle;
	margin: 0 auto;
	max-width:250px;
}

.break{
	width:100%;
	height:45px;
	background:url(../siteart/dark-matter.png);
}

.cat-bar{
	width:100%;
	display:inline-block;
	text-align:center;
	margin:0 auto;
	padding:0;
}

.cat{
	width:19.93%;
	display:inline-block;
	vertical-align:middle;
	padding:40px 0;
	margin:0 .5px;
	text-align:center;
}

.cat h3{
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	color:#fff;
	text-shadow:1px 1px 3px #000;
	padding:20px 0;
	font-size:26px;
}

.cat .view-btn{
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	font-weight:100;
	letter-spacing:3px;
	text-transform:uppercase;
	padding:10px 30px;
	transition:ease-in .3s;
	font-size:22px;
}

.cat .view-btn:hover{
	background:#fff;
	color:#000;
	transition:ease-out .3s;
}

#trucks{
	background:url(../siteart/trucks.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#trailers{
	background:url(../siteart/trailers.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#truck-parts{
	background:url(../siteart/truck-parts.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#construction{
	background:url(../siteart/construction.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#additional{
	background:url(../siteart/additional-items.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

/*welcome section*/


.welcome{
	width:100%;
	display:inline-block;
	padding:60px 0;
	text-align:center;
	margin:0 auto;
}

.welcome-left{
	width:69%;
	display:inline-block;
	text-align:left;
	margin:0 auto;
	padding:0 100px 0 0;
	vertical-align:bottom;
}

.welcome-left h1{
	text-align:left;
	color:#000;
	font-weight:100;
	font-size:32px;
	text-transform:uppercase;
	padding-bottom:30px;
}

.welcome-left h1 span{
	font-weight:700;
}

.welcome-right{
	width:30%;
	text-align:left;
	border:2px solid #000;
	padding:40px 30px;
	display:inline-block;
	vertical-align:bottom;
	color:#000;
}
.welcome-right h3{
	text-transform:uppercase;
	font-size:22px;
	font-weight:500;
	text-align:left;
	padding-bottom:10px;
}

.welcome-right p{
	font-size:16px;
	text-align:left;
}
        
/*search on home page */

.home-search{
	width:100%;
	display:inline-block;
	background:#000;
	text-align:center;
	margin:0 auto;
}

.hs-left{
	width:50%;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	padding:60px;
}

.hs-left h3{
	font-size:24px;
	font-weight:500;
	text-transform:uppercase;
	color:#fff;
	text-align:left;
	padding:10px 0;
}

.hs-right{
	width:49%;
	display:inline-block;
	margin:0 auto;
	background:url(../siteart/search-img.jpg) no-repeat;
	background-size:cover;
	height:400px;
	vertical-align:middle;
}

	




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

.home-hero{
	background:url(../siteart/main.jpg) no-repeat;
	background-size:cover;
	width:100%;
}


.main-overlay{
	width:100%;
	text-align:left;
	margin:37vh 0 20vh 0;
}

.main-overlay h1{
	color:#fff;
	text-transform:uppercase;
	font-weight:200;
	font-size:3vw;
	text-align:left;
	text-shadow:1px 1px 3px #000;
}

.main-overlay h1 span{
	font-weight:700;
}


/*CONTACT PAGE */
.contact-page{
	width:100%;
	display:flex;
	margin:0 auto;
	vertical-align:middle;
	text-align:center;
	padding:20px 0 60px 0;
}

.contact-info{
	width:40%;
	text-align:left;
	border:2px solid #000;
	padding:40px 30px;
	display:block;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	vertical-align:bottom;
	color:#000;
}
.contact-info h3{
	text-transform:uppercase;
	font-size:22px;
	font-weight:500;
	text-align:left;
	padding-bottom:10px;
	display:block;
}

.contact-info p{
	font-size:16px;
	text-align:left;
	display:block;
}

.contact-info a{color:#000; text-decoration:none;}
.contact-info a:hover{color:#E21F26; text-decoration:none;}

.map{
	width:60%;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	vertical-align:bottom;
	margin:0 auto;
}
    





/* INVENTORY
------------------------------------------------*/

.list-top-section .list-title .list-title-text {
	font-family: 'Montserrat', sans-serif !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 {color:#e21f26 !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, .selected-facet, .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 {background:#e21f26 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #e21f26 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #e21f26 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !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 {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}


/* FOOTER
------------------------------*/

.footer{
	background:url(../siteart/dark-matter_opacity.png);
	padding:100px 0;
	text-align:center;
	display:inline-block;
	margin:0 auto;
	width:100%;
	overflow-x:hidden;
}

.footer .half{
	width:49%;
	display:inline-block;
	margin:0 auto;
	padding-right:20px;
	vertical-align:top;
}

.footer a{
	color:#121212;
	text-decoration:none;
	font-size:16px;
}

.footer a:hover{
	color:#E21F26;
	text-decoration:none;
}

.footer-left{
	width:60%;
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
	text-align:left;
	padding:0 0 0 150px;
}

.footer h4{
	color:#121212;
	font-weight:700;
	text-transform:uppercase;
	padding:10px 0;
	text-align:left;
	font-size:20px;
}
.footer p{color:#121212;}

.footer-right{
	width:39%;
	display:inline-block;
	text-align:left;
	background:#fff;
	border-left:6px solid #eee;
	padding:20px 50px;
	box-shadow:inset -1px 2px 6px #afafaf;
	margin-right:-20px;
	vertical-align:middle;
}

.legal{background:#A0A0A0; color:#000;}

.legal .half{
	width:49%;
	display:inline-block;
	margin:0 auto;
	vertical-align:top;
}

.legal p{color:#000; font-size:14px; padding:0;}
.legal a{color:#000; text-decoration:none;}
.legal a:hover{color:#E21F26; text-decoration:none;}





@media screen and (max-width:1540px){
	.cat h3{font-size:22px;}	
	.cat .view-btn{font-size:16px;}
}

@media screen and (max-width:1440px){
	.logo{width:35%;}
	.contact-header{width:64%;}
	
	.main-overlay{margin:290px 0 170px 0;}
	
	.cat{width:19.8%;}
	
	.footer-left{padding: 0 0 0 70px;}
}

@media screen and (max-width:1320px){
	.main-overlay h1{font-size:4vw;}
	
	.footer-left{padding:0 0 0 10px; width:67%;}
	.footer-right{width:32%;}
}

@media screen and (max-width:1230px){
	.cat{width:29%; margin:.5px;}
	.cat-bar{background:url(../siteart/dark-matter.png);}
	
	.hs-left{width:59%; padding:40px;}
	.hs-right{width:40%;}
}

@media screen and (max-width:1100px){
	.welcome-left{padding:0 70px 0 0;}
	
	.footer{padding:50px 0;}
	.footer-left{width:100%; padding:20px 20px 60px 20px;}
	.footer-right{width:100%;}
}

@media screen and (max-width:1000px){
	.contact-header p{font-size:20px;}
	
	.main-overlay{margin:180px 0 100px 0;}
	
	.cat{width:49%;}
}

@media screen and (max-width:950px){
	.welcome-left{width:100%; padding:20px 0;}
	.welcome-right{width:60%; text-align:center;}
	.welcome-right h3{text-align:center;}
	.welcome-right p{text-align:center;}
	
	.contact-page{display:block;}
	.contact-info{width:100%;}
	.map{width:100%;}
}

@media screen and (max-width:820px){
	.logo{width:100%; text-align:center;}
	.logo img{margin:0 auto;}
	.contact-header{width:100%; text-align:center;}
	
	.hs-left{width:100%;}
	.hs-right{display:none;}	
	
	.footer .half {width:35%;}
	.footer .half:nth-child(2){width:64%;}
	.footer .half .half{width:49%;}
}

@media screen and (max-width:700px){
	.main-overlay h1{font-size:6vw;}
	.main-overlay{margin:80px 0 50px 0;}
	
	.cat{width:100%; padding:50px 0; margin:0;}
	.cat h3{padding: 0 0 20px 0;}
	
}

@media screen and (max-width:600px){
	.welcome-right{width:90%;}	
	
	.footer .half {width:100%; text-align:center; padding:0;}
	.footer .half:nth-child(2){width:100%;}
	.footer .half .half{width:100%;}
	
	.footer h4{text-align:center;}
	
	.footer-right{margin-right:0; box-shadow:none; border-left:none; text-align:center;}
}

@media screen and (max-width:550px){
	.legal .half{width:100%; text-align:center !important;}
	.legal .half .right{text-align:center;}
}

@media screen and (max-width:480px){
	.contact-header p{font-size:16px;}
	.main-overlay{margin:20px 0 30px 0;}
	
	.hs-left h3{font-size:22px;}
	
	.welcome-left h1{font-size:28px;}
	.welcome-right{padding:30px 20px;}
	.welcome-right h3{font-size:20px;}
	.welcome-right p{font-size:14px;}
	
	.contact-info{padding:30px 10px 30px 20px;}
}