/* 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, section, tr, th, td { 
    margin: 0 ;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Roboto Condensed', sans-serif;
}

a {
	text-decoration:none;
	
}

p{
	padding:15px 0;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}
 

a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after {
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;
} 

body {
	background: #333;
}




.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, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#a10604 !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: #a10604 !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;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.dealer-btns-bottom a {background: #a10604 !important;}
.page-nav{background-color:#a10604!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#a10604!important}
.return-links span, .return-links i {color:#a10604!important;}

.body-wrapper {background-color:white!important;}



.list-top-section .list-title .list-listings-count,
.list-content .price-container .price,
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price,
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count {color:#a10604!important;}




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

*{
	box-sizing:border-box;
}



/* Pop up styles */
#popupContainer {
	display:none; position:absolute; z-index:12000; top:10% !Important; left:0; right:0; width:50%; height:auto; margin:0 auto; padding:20px 30px 30px 20px;
	color:#fff; border:2px #fff solid; background:#a10604;
	box-sizing:border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

#popupContainer h2 {margin:0 0 10px 0; font-size:28px; font-weight:700; font-family: 'Roboto', sans-serif;}
#popupContainer p, #popupContainer a {
	    font-family: 'Roboto', sans-serif;
	font-weight: 300;
    font-size:19px;
    color: #fff;
    line-height: 135%;	
}


#popupContainer img {width:100%;}

#popupClose {
	position:absolute; top:16px; right:16px; padding:1px 3px; font-size:20px; line-height:20px; color:#22313F; cursor:pointer; background:#fff;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);
}

#popupOverlay {position:fixed; z-index:11000; display:none; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}




/* HEADER 
----------------------------------------------*/
header {
	width: 100%;
	background: #fff;
	border-top: 6px solid #a10604;
	border-bottom: 6px solid #a10604;
}

.header-wrapper {
	width:96%;
	margin: 0 auto;
	padding: 1% 0;
}

.header-top-row {
	width: 96%;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	padding-right: 1.5%;
	margin: 0 auto;
}

.header-top-row a{
	color: #a10604;
}

.address {
	display: inline;
}

.phone {
	display: inline;
}

.header-bottom-row {
	width: 100%;
	text-transform: uppercase;
	display: flex;
	margin: 0 auto;
}

.logo-wrapper {
	width: 20%;
	/*margin: 0 auto;*/
}

.logo-wrapper img {
	width: 100%;
}

.nav-wrapper {
	/*width: 65%;*/
	width:80%;
}

/* HOME PAGE STYLES
-----------------------------------------------*/
.hero {
	width: 100%;
	margin: 0 auto;
}

.hero img {
	width: 100%;
	margin: 0 auto;
}

.quick-buttons {
	color: #fff;
	text-transform: uppercase;
	margin: 0 auto;
}

.quick-buttons a {
	color: #fff;
}

.qk-btn-row {
	width: 100%;
	display: flex;
	background: #333;
}

.qk-btn {
	width:25%;
	position: relative;
}

.qk-btn-bg {
	width: 100%;
}

.qk-btn-bg img {
	width: 100%;
	border: solid 3px #333;
}

.qk-btn-text {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 45%;
	text-shadow: 1px 3px 4px rgba(0, 0, 0, 1);
}

.fadein img{
opacity:1.0;
transition: 1s ease;
}

.fadein img:hover{
opacity:0.7;
transition: 1s ease;
}

.invt-scroller {
	width: 100%;
	background: #333;
	margin-top: -0.5%;
}

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

.home-main {
background:url(../siteart/backgrounds/main-bg.png);
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.home-main a {
	color: #333;
}

.home-main-text {
	width: 60%;
}

.home-map {
	width:40%;
}

.home-map iframe {
	width: 100%;
}

.main-text-wrapper {
	width: 90%;
	margin: 0 auto;
	padding: 2% 0;
	color: #333;
}

.home-main-headline {
	text-transform: uppercase;
	color: #a10604;
	font-size: 120%;
}

.thin {
	font-weight: 400;
}

.brands {
	width: 100%;
	background: #333;
	margin: 0 auto;
}

.brands-wrapper {
	width: 90%;
	display: flex;
	margin: 0 auto;
	position: relative;
}

.brand-box {
	width: 16%;
	padding: 1%;
	margin: 0 auto;
}

.brand-box img {
	width: 100%;
	margin: 0 auto;
}

/* SHOWROOM PAGE STYLES
-----------------------------------------------*/
.showroom {
	width: 95%;
	margin: 2.5% auto;
	color:white;
}

.showroom img {
	width: 120%;
}

/* 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:#a10604 !important;
}
.hosted-content h1{
	font-size:20px;
	color:#000;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}

.inventory-width {
	width: 80%;
	height: auto;
	min-height: 400px;
	margin: 0 auto;
	padding:25px 0; 
	background: #fff;
}

/* COMING SOON PAGE STYLES
-----------------------------------------------*/
.soon-bg {
	width: 100%;
	background:url(../siteart/backgrounds/main-bg.png);
}

.soon-wrapper {
	width: 60%;
	padding: 3% 0;
}

.soon-wrapper h1 {
	text-transform: uppercase;
	color: #a10604;
	text-align: center;
}

/* PARTS & SERVICE PAGE STYLES
-----------------------------------------------*/
.parts-serv-hero {
	width: 100%;
	display: flex;
	height: 550px;
}

.parts-serv-hero img {
	width: 100%;
}

.parts-serv-bg {
	width: 100%;
	background:url(../siteart/backgrounds/main-bg.png);
}

.parts-serv-wrapper {
	width: 60%;
	padding: 3% 0;
}

.parts-serv-wrapper h1 {
	text-transform: uppercase;
	color: #a10604;
}
/* ABOUT PAGE STYLES
-----------------------------------------------*/
.about-hero {
	width: 100%;
	display: flex;
	height: 550px;
}

.about-hero img {
	width: 100%;
}

.about-bg {
	width: 100%;
	background:url(../siteart/backgrounds/main-bg.png);
}

.about-wrapper {
	width: 60%;
	padding: 3% 0;
}

.about-wrapper h1 {
	text-transform: uppercase;
	color: #a10604;
}

/* CONTACT PAGE STYLES
-----------------------------------------------*/
.contact-hero {
	width: 100%;
	display: flex;
}

.contact-bg {
width: 100%;
	background:url(../siteart/backgrounds/main-bg.png);	
}

.contact-wrapper {
	width: 90%;
	padding: 3% 0;
}

.contact-wrapper h1 {
	text-transform: uppercase;
	color: #a10604;
}

.contact-content {
	width: 100%;
	padding: 2% 0;
	display: flex;
}

.contact-headline {
	width: 100%;
}

.contact-content-left, .contact-content-center, .contact-content-right, .contact-hour {
	width: 33%;
	color: #333;
}

.contact-content-left {
	padding-right: 1%;
}

.contact-content-center, .contact-content-right {
	padding: 0 1%;
}

.contact-hour {
	padding-left: 1%;
}

.contact-content-left a, .contact-content-center a, .contact-content-right a {
	color: #333;
}

.contact-content h2 {
	padding-bottom: 1%;
}
/* FOOTER
-----------------------------------------------*/
footer {
	background: #a10604;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: .9rem;
	margin: 0 auto;
}

.footer-wrapper {
	width: 50%;
	margin: 0 auto;
	padding: 2% 0;
}

footer a {
	color: #fff;
}


/* MEDIA QUERIES
-----------------------------------------------*/
@media screen and (max-width: 1375px) {
	#popupContainer {width:75%;}
	.contact-content-center, .contact-content-left {
		width: 21%;
	}	
	
	.contact-content-right, .contact-hour {
		width: 28%;
	}
	
	.contact-wrapper {
    	width: 98%;
}
}

@media screen and (max-width: 1300px) {
.parts-serv-wrapper {
    width: 80%;
}
	
.about-wrapper {
    width: 80%;
}	
}

@media screen and (max-width: 1130px) {
	.contact-wrapper {
		font-size: 90%;
	}	
}


@media screen and (max-width: 1100px) {
	.qk-btn-text {
		font-size: 66%;
	}
	
	.brands-wrapper {
	width: 96%;
}
}

@media screen and (max-width: 1015px) {
.contact-wrapper {
		font-size: 80%;
	}
}

@media screen and (max-width: 1000px) {
.parts-serv-hero {
    height: 400px;
}
	
	.about-hero {
    height: 400px;
}
}

@media screen and (max-width: 915px) {
.contact-wrapper {
	font-size: 100%;
	text-align: center;
	}
	
	.contact-content {
    flex-direction: column;
}
	
.contact-content-center, .contact-content-left {
    width: 100%;
}	
	
.contact-content-right, .contact-hour {
    width: 100%;
}	
	
	.contact-content-center, .contact-content-right, .contact-hour {
		padding-top: 2.5%;
	}	
	
	.contact-content-center, .contact-content-right, .contact-hour {
    padding: 0;
}
	
	.contact-content-center, .contact-content-right, .contact-hour {
		padding-top: 2%;
	}
}

@media screen and (max-width: 900px) {
.qk-btn-text {
		font-size: 50%;
	}
	
.home-main {
    flex-direction: column;
}	
	
.home-main-text {
    width: 96%;
}	
	
.home-map {
    width: 100%;
}	
	
.footer-wrapper {
	width: 70%;
}
}

@media screen and (max-width: 875px) {
	#popupContainer {width:90%;}
.header-top-row {
    text-align: center;
}
	
.logo-wrapper {
    width: 100%;
}

.nav-wrapper {
    width: 30%;
}	
}

@media screen and (max-width: 725px) {
	.qk-btn-row {
		flex-wrap: wrap;
	}
	
	.qk-btn {
		width:50%;
		margin-top: -0.75%;
	}
	
	.qk-btn-text {
		font-size: 80%;
	}
	
	.invt-scroller {
	margin-top: -0.75%;
}

.brand-box {
    width: 17%;
    padding: .5%;
}	

.parts-serv-hero {
    height: 300px;
}

.about-hero {
    height: 300px;
}
	
	
.parts-serv-wrapper {
    width: 90%;
}
	
.about-wrapper {
    width: 90%;
}
	
	.contact-content-center, .contact-content-right, .contact-hour {
		padding-top: 3%;
	}	
	
	.inventory-width {
	width: 96%;
	}
}

@media screen and (max-width: 650px) {
.home-main-text {
    width: 98%;
}	
	
.main-text-wrapper {
    width: 98%;
}
.hosted-content .p-tb-10 {
	margin-top:13px;
}

@media screen and (max-width: 600px) {
.qk-btn-text {
		font-size: 75%;
	}
	
.brands-wrapper {
    width: 98%;
}
	
.brand-box {
    padding: .25%;
}		
	
	.footer-wrapper {
	width: 80%;
}
	
footer {
	font-size: .75rem;
}
}

@media screen and (max-width: 500px) {
.qk-btn {
		margin-top: -1%;
	}

.invt-scroller {
	margin-top: -1.25%;
}

	
	.home-map iframe {
    height: 400px;
}	
	
.home-main-headline {
    font-size: 100%;
}

.parts-serv-wrapper h1 {
    font-size: 1.65rem;
}
	
.parts-serv-hero {
    height: 200px;
}	

.about-hero {
    height: 200px;
}	
	
.about-wrapper h1 {
    font-size: 1.65rem;
}
	
	.contact-content-center, .contact-content-right, .contact-hour {
		padding-top: 4%;
	}	
	
.brands-wrapper {
    flex-direction: column;
	padding: 2% 0;
}
	
	.brand-box {
		width: 45%;
	}
.qk-btn-text {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 18%;
	text-shadow: 1px 3px 4px rgba(0, 0, 0, 1);
}	
	
}

@media screen and (max-width: 400px) {
	.home-map iframe {
    height: 300px;
}	
}