/***** BEGIN 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;}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

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

/* Clearfix */
.cf:before,
.cf:after {content:" ";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

body {font-size:18px;line-height:28px;-webkit-text-size-adjust:none; font-family: 'Roboto Condensed', sans-serif !important;}
h1, h2, h3 ,h4 {font-weight:700; line-height:normal;margin-bottom:5px; text-transform: uppercase}
h1{font-size: 34px }
h2{font-size: 26px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
strong {font-weight:700;}

a:link, a:visited, a:active {text-decoration:none; color:#932832;}
a:hover {text-decoration:underline; color:#cc9933;}

.primarywrap {width:80%; display:inline-block;vertical-align:top;text-align:right;}
.wrapper {margin:0 auto;width:100%;max-width:80%;padding:3% 0px;}

.mainbg, .taglinequote {background-repeat:no-repeat;margin:0 auto;height:auto;width:100%;text-align:center;color:#fff;font-size:28px;line-height:normal;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;}


button.viewparts {background:#932832;padding:2% 5%;margin:5% 0;box-sizing:border-box;font-size:28px;font-weight:700;color:#fff;line-height:normal;border:2px solid #ccc;border-radius:5px;}
button.viewparts:hover {background:#444;cursor:pointer;}

.red-bg{background:linear-gradient(#932832, #85232d)} .red{color: #932832} .gold{color: #cc9933;}
.mainbg {background:url("../siteart/bg.png")no-repeat;background-position:center center; padding: 50px 0;}
.taglinequote {background:url("../siteart/taglinebg.png")no-repeat;background-position:center center;padding:4% 0px; font-size: inherit; background-color:black;}

.mainbg.contactbg {background:url("../siteart/contact-bg.png")no-repeat;background-position:center center; padding: 70px 0;}
.mainbg.aboutbg {background:url("../siteart/about-bg.png")no-repeat;background-position:center center; padding: 70px 0;}
.mainbg.invbg {background:url("../siteart/invbg.png")no-repeat;background-position:center center; padding: 70px 0;}


.twocols {width:100%;max-width:50%;display:inline-block;box-sizing:border-box;vertical-align:top;}

#pad{padding: 20px 0; } #l-pad{padding: 40px 0;} #xl-pad{padding: 60px 0;}


/*---HEADER----------------------*/
.header{width: 100%; background: linear-gradient(#932832, #85232d);position: relative;  box-shadow: 0px 6px 10px -7px #767676; }
.header .inner{width: 95%; margin: 0 auto; display: flex; padding: 4px 0;}

.header .left{justify-content: flex-start; width: 20%;}
.header .left img{width: 100%; max-width: 150px; position:absolute; z-index: 99; background: #fff; padding:10px 20px; border-bottom-left-radius: 6px;  border-bottom-right-radius: 6px; top: 0;}

.header .right{justify-content: flex-start; width: 80%; text-align: right}
.header .right .head-contact{margin-bottom: 10px;}
.header .right .head-contact p{display: inline-block; margin-left: 30px; font-size: 16px; font-weight: 400;} 
.header .right .head-contact a{color: #fff;} 
.header .right .head-contact .fa, .header .right .head-contact .fab{font-size: 18px; margin-right: 5px;}
.hide-mobile{display: inline-block}

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


/**--manu slider--*/
.brands-wrap{width:100%; background: rgba(255,255,255,.9)}
.brands-wrap h2{font-size: 25px; color: #000;}
.brandslider{width:80%; margin:0 auto;}
.brandslider img{padding: 0 15px !important; width: 200px !important; text-align: center; margin: 0 auto !important}


.fourcols a:link, .fourcols a:visited, .fourcols a:active {text-decoration:none;color:#fff;}
.fourcols a:hover {text-decoration:underline;color:#fff;}
.fourcols {width:100%;max-width:25%;display:inline-block;box-sizing:border-box;vertical-align:top;}

.primarywrap span {font-size:18px;line-height:normal;font-weight:700;padding-right:18px;}
.primarywrap span  a:link, .primarywrap span  a:visited, .primarywrap span  a:active {text-decoration:none;color:#fff;}
.primarywrap span  a:hover {text-decoration:underline;color:#fff;}

/*--inventory--*/
.black-bg{background: #000;}
.invbtnwrap{display: flex; width:100%; margin: 0 auto; align-content: center;}
.inv-btn{justify-content: flex-start; width: 20%; background: #932832; color: #fff !important; padding: 10px 0; text-align: center; margin: 5px; text-decoration: none !important; font-weight: 700;}
.inv-btn:hover{background: #fff; color: #000 !important}

/*--footer--*/
.footer{display: flex; color: #fff; width: 80%; margin: 0 auto }
.footer .foot-col{justify-content: flex-start; width:33.3%;} 
.footer .foot-col ul li{line-height: 28px; font-size: 15px;} .footer .foot-col a{color: #fff;}
.footer .foot-col p{display: block; line-height: 28px; font-size: 15px; margin-bottom: 8px;}

/************************************************ Responsive Styles **/
@media screen and (max-width: 1480px)  {
    .primarywrap span {padding-right:8px;}

}

@media screen and (max-width: 1200px){
    .primarywrap span {padding-right:15px;}

}

@media screen and (max-width: 1024px){
.header .left img{max-width: 100px; padding:10px 20px; }
.header .right{padding-bottom: 10px;}
.header .right .head-contact p{margin-left: 10px;} 
.header .right .head-contact .fa, .header .right .head-contact .fab{margin-right: 0px;}
.hide-mobile{display: none !important}

.taglinequote h1 {font-size:26px;line-height:normal;}
.primarywrap span {padding-right:0px; display: block; margin-top: 15px;}
	
	

}



@media screen and (max-width: 800px){

.fourcols {max-width:50%;}
.hide {display:none;}
.twocols {max-width:100%;}

/*--footer--*/
.footer{display: block; color: #fff; width: 80%; margin: 0 auto }
.footer .foot-col{justify-content: flex-end; width:100%; text-align: center; margin: 20px auto} 
.footer .foot-col p{display: block; line-height: 28px; font-size: 15px; margin-bottom: 8px;}
	.footer .foot-col img{display: block; text-align: center; margin: 0 auto 20px auto; float: none; max-width: 100px;}	
}
 
 

@media screen and (max-width:500px){
    .fourcols {max-width:100%;}

}