/*===================== 
	Color information

		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
	@Font-Face 
=======================*/

@font-face {font-family: "Freehand575 BT"; src: url("//db.onlinewebfonts.com/t/0e57303ba910378cb7f4288216ebb1b8.eot"); src: url("//db.onlinewebfonts.com/t/0e57303ba910378cb7f4288216ebb1b8.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0e57303ba910378cb7f4288216ebb1b8.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0e57303ba910378cb7f4288216ebb1b8.woff") format("woff"), url("//db.onlinewebfonts.com/t/0e57303ba910378cb7f4288216ebb1b8.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0e57303ba910378cb7f4288216ebb1b8.svg#Freehand575 BT") format("svg"); }

/*===================== 
	base styles 
=======================*/
.cust-cta-2 {background-image:url("/siteart/inv cta.jpg");}
.cust-cta-3 {background-image:url("../siteart/parts cta.jpg");}
.cust-cta-2, .cust-cta-3 {background-position:center; background-size:cover; background-repeat:no-repeat; margin:1em; min-height:350px; display: inline-block; width:100%; height:100%;}
.cust-cta-2 a, .cust-cta-3 a {display: inline-block; width:100%; height:100%;}
.cust-cta-2:hover:after, .cust-cta-3:hover:after {opacity:.8;}
.row.head.no-gutters.shadow {
    position: relative;
    z-index: 1000;
}
.mycontainer {
	width:90% !important;
	margin:0 5% !important;
	max-width: 90% !important;
}

.cont-bg {background-image:url("/siteart/contact-bg.jpg"); background-size:cover; background-attachment: fixed; background-position: center; padding:50px 0px; position: relative; height:auto;}
.stripe-bot {position:absolute; width:100%; bottom:0px;}

.pad25 {padding:25px;}
.pad50 {padding:50px;}
.tb50 {margin-top:50px; margin-bottom:50px;}
.mar-top-50 {margin-top:50px;}
.pad-top-50	{padding-top:50px;}
.pad-bottom-50 {padding-bottom:50px;}
.p-pad {padding:1em;}
.p-pad2 {padding:2em;}

.script {font-family:"Freehand575 BT" !important;}
.grey-bg {background-color:#f1f1f1}

html {
    font-family: 'Roboto Condensed', sans-serif;
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	overflow-x: hidden;
	}

body {
    margin: 0;
	line-height: 30px;
    font-family: 'Roboto Condensed', sans-serif;
	
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0;} 
	
.scrolling-wrap,iframe.scrolling {width:100%;}	
/*===================== 
	Card/ cta Styles
=======================*/
.brands-cta {
    height: 11vw;
    width: 90%;
    margin: 0 auto 12.5px;
    border: solid 1px #bababa;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    background-size: 90% !important;
}
.brands-cta:hover {
    background-size: 105% !important;
    transition: ease-out .75s;
}

/*===================== 
	Button/ Link Styles
=======================*/
.inv-cta a, .com-cta a, .par-cta a {display: inline-block; width:100%; height:100%; color:#ffffff !important;}
.inv-cta, .com-cta, .par-cta {margin-top:50px; height:150px; background-position: center; background-size:cover; color:#ffffff;}
.inv-cta *, .com-cta *, .par-cta *, .cust-cta-2 *, .cust-cta-3 * {position:relative; z-index: 10;}
.inv-cta:hover:after, .com-cta:hover:after .par-cta:hover:after, .cust-cta-2:hover:after, .cust-cta-3:hover:after {content:""; position: absolute; top:0; left:0; width: 100%; height:100%; background-color:rgba(255,255,255,.5); z-index: 2;}
.inv-cta:hover, .com-cta:hover, .par-cta:hover, .cust-cta-2:hover, .cust-cta-3:hover {text-shadow: 0px 2px 5px rgba(0,0,0,.5);}
.inv-cta {background-image:url("../siteart/inventory-cta.jpg");}
.com-cta {background-image:url("../siteart/company-cta.jpg");}
.par-cta {background-image:url("../siteart/parts-cta.jpg");}



.view-listing-details-link {color: white !important; background-color:#b7000a !important;}





	
/*===================== 
	typography 
=======================*/
.red {color:#b7000a;}
.t-shad{
text-shadow: 1px 2px 5px rgba(0,0,0,.8);}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {font-size: 2em;}

p {
	margin: 0;
	}

	
h1 {
}
h1.script {
    font-size: calc(2em + 2em) !important;
    margin-bottom: -20px !important;
    z-index: 50;
    position: relative;
}
h1 span.script {
    font-size: calc(2em + .5em) !important;
    z-index: 50;
    position: relative;
}

h2 {
}

	
h3 {
}


h4 {
}


h5 {
}


h6 {
}

/*===================== 
	link styles 
=======================*/
a.btn.btn-danger {
    color: #ffffff !important;
    border-radius: 0px !important;
	padding:.375rem 25px !important;
}
.attent-1 a.nav-item, .attent-1 li.nav-item, .attent-2 a.nav-item, .attent-2 li.nav-item {
    color: #000000; font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: relative;
}
.attent-1 a.nav-item:hover, .attent-1 li.nav-item:hover, .attent-2 a.nav-item:hover, .attent-2 li.nav-item:hover {
    color: #000000;
}	
.attent-1 a.nav-item:hover:after, .attent-1 li.nav-item:hover:after {
    width:80%;
	margin-left:10%;
}
 .attent-2 a.nav-item:hover:after, .attent-2 li.nav-item:hover:after  {
    width:100%;
}	
.attent-1 a.nav-item:after, .attent-1 li.nav-item:after {
    width: 0%;
    height: 4px;
    background: #b7000a;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.attent-2 a.nav-item:after, .attent-2 li.nav-item:after {
    width: 0%;
    height: 2px;
    background: #b7000a;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.inv-cta2 h5 {font-size:18px !important;}
.inv-cta2:hover {background-color:#c7575c}
.inv-cta2 {
    background-color: #b7000a;
    border: solid 3px #f1f1f1;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 18px !important;
    margin-bottom: 10px;
}
.inv-cta2 a.inv-link {
    color: #ffffff;
}

.inv-link {color:inherit;}
.inv-chev {color:#000000; margin-left:5px;}
a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color: #b7000a; 
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		}  

/*===================== 
	header styles 
=======================*/
.sidenav {
  height: 100%; font-family: 'Roboto Condensed', sans-serif;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a { font-family: 'Roboto Condensed', sans-serif;
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 15px;
  float:right;
}



a.navbar-brand img.brand-logo, a.navbar-brand img.img-fluid{
    max-width: 19vw !important;
}

header {
	margin: 0 auto;
	width: 100%;
	}

/*===================== 
	footer styles 
=======================*/
#footer {background-color:#000000; font-family: 'Roboto Condensed', sans-serif;}
#footer a {color:#ffffff !important}
#footer a:hover {color:#B7000A !important;}
#footer h5 {color:#fff !important; font-size:17px !important; font-weight: 700 !important;}
#footer p {font-size:14px; color:#ffffff;}

/*===================== 
	nav styles 
=======================*/
a.nav-link {
    display: block;
    padding: 15px 18px !important;
    font-weight: 700;
    color: #000000 !important;
    font-size: 15px !important;
}


.top-nav {background-color:#b7000a; padding-top:5px; padding-bottom:5px; color:#ffffff; font-size:14px !important;}
.top-nav a {color:#ffffff; font-family: 'Roboto Condensed', sans-serif;}


nav.primary {
	padding:0;
	display:block;
	margin:0 auto;
	position:relative;
	text-align: right;
	}

nav ul {
	padding:0;
	margin:0;
}

nav ul li {

}

nav > ul > li {
	display:inline-block;
	list-style-type:none; 
	text-align: ;
	padding: ;
}

nav ul li a {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: ;
	font-weight: ;
	color:;
}	
			
nav ul li a:hover {
	color: ;
}


/* Appearance of the sub-level links */

nav.primary ul li li a { 
	line-height: ;
	color: ;
	text-align:;
	font-size: ;
	font-weight:;
	}
	
nav.primary ul li li a:hover { 
	color: ;
	text-align: ;
	font-size:  ;
	font-weight: ;
	}
	
nav.primary ul li li:hover { 
	}
	
	
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too much */
nav.primary ul ul {
	display: none;
    position: absolute; 
	max-width: 235px;
	background: ;
	/*margin-top: 21px;*/
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 2000 !important;
}
nav.primary ul ul li {
    float: none; 
    position: relative;
	display:block;
    margin:0;
	width:100%;
	padding-left: ;
	padding-right: ;
}

.dropdown_arrow {
	display: inline-block !important;
}

.dropdown_style {
	font-size: ;
	font-weight: ;
}


/******** End of primary Nav ***************/


/*===================== 
	mobile nav
=======================*/

#menu-button{ /* initially will need to be hidden */
	display: block;
	font-size: 32px;
	width:100%;
	position: relative;
	z-index: 400;/* needs to be lower than nav.mobile, adjust as needed */
	padding: ;
	background: rgba(117,56,8,0.6);
	border-bottom: ;
	text-align: right;
	min-height: 0 !important;
	}
	#menu-button a{
		 color:#000;
		 text-decoration: none;
		 text-align: right !important;
	  }

nav.mobile {
	display:block;
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #000;
	z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
	overflow:auto;
}
nav.mobile h3 { /* Menu header styles */
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom: 4px solid #222;
}
nav.mobile .menu-toggle { /* Menu close button */
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-weight: 700;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}
.menu-toggle {
	text-align: right;
	font-size: 28px;
	color: #000;
}

.menu-toggle a:hover {
	color: #000 !important;
}

.close_mobile {
	font-size: 26px !important;
	font-weight: 900;
	text-align: right;
}

nav.mobile .menu-toggle:hover { /* Menu close button on hover */
	color: #fff;
}
nav.mobile ul {
	list-style: none;
	font-weight: 300;
	margin:0;
	padding:0;
}
nav.mobile ul li {
	padding: 8px 0 6px 0 !important;
}
nav.mobile ul li a {
	position: relative;
	display: block;
	padding-left: 14px;
	color: #999;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 1px;
}
nav.mobile ul li a:hover {
	background:;
	color: #2b2b2b;
}


nav.mobile ul li li a { /* appearance of the sub-level links */
	position: relative;
	display: block;
	padding: 0px 10px 0px 15px;
	color: #000;
	text-decoration: none;
	text-transform: none !important;
}
nav.mobile ul li li li a { /* appearance of third level sub-level links if needed */
	background: #666;
	position: relative;
	display: block;
	padding: 10px 10px 10px 25px;
	color: #000;
	text-decoration: none;
}
nav.mobile ul li span.click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
	background:url(../siteart/menu-dropdown-arrow.png) 10px 12px no-repeat;
	background-size:55%;
	position:relative;
	display:block;
	float:right;
	margin:-44px 0 0 0;
	cursor:pointer;
	z-index: 12399994;
	width:44px;
	height:44px;
	-webkit-transition:background-size .3s ease-in-out;
	-moz-transition:background-size .3s ease-in-out;
	transition:background-size .3s ease-in-out;
}
nav.mobile ul li span.click:hover{
	background-size:60%;
}





/*===================== 
	content styles 
=======================*/
ul.inline {list-style:none; width:300px; text-align:right; padding-right:15px;}
ul.inline > li  {display:inline;}
a.soc-cont { background-color:#ffc63e; padding:6px 9px; color:#b7000a !important; border-radius: 25px; margin-left:1em; transition: .5s;}
a.soc-cont:hover {background-color:#fff !important;}

	
/*===================== 
	slideshow styles 
=======================*/



/*===================== 
	banner styles 
=======================*/



/*===================== 
	layout styles 
=======================*/




/*===================== 
	footer styles 
=======================*/

footer {
	margin: 0;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:13px;
	color: #222;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:13px;
		color: #fff;
		}

.footertext {
	font-size:13px; 
	color:#666;
	}

.smallfootertext {
	font-size:10px; 
	color:#666;
	}

.divfooter {
	max-width:1200px; 
	text-align:center; 
	margin:0 auto;
	}

/*========================= 
	 Responsive styles 
===========================*/
.t-nav-l {padding-left:1em !important;}
.t-nav-r {padding-right:1em !important;}

.t-nav-l a, .t-nav-r a {color:#ffffff !important;}
.t-nav-l a:hover, .t-nav-r a:hover {color:#690006 !important;}
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	#myCarousel .carousel-item h1 {font-size:5vw !important; padding:10px 0px;}
	.top-nav {font-size:13px !important; line-height: normal !important;}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#myCarousel .carousel-item {min-height:400px !important;}
	a.navbar-brand img.brand-logo, a.navbar-brand img.img-fluid {
    max-width: 210px !important;
}
	#footer {text-align:center !important;}
	div#footer p {margin-bottom:2em;}

}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.slider-fix {display:none !important;}
	#myCarousel .carousel-item {
    min-height: 320px !important;
}
.t-nav-l, .t-nav-r {
    text-align: center;
    line-height: normal !important;
	padding-left:inherit !important;
	padding-right:inherit !important;
}	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {
	#myCarousel .carousel-item h1 {font-size:40px !important;}
	a.navbar-brand img.brand-logo, a.navbar-brand img.img-fluid {
    margin-bottom: 1em !important;
}
	.t-nav-l, .t-nav-r {line-height:20px !important;}
	a.navbar-brand img.brand-logo, a.navbar-brand img.img-fluid {
    max-width: 270px !important;
}
	.logo-home {
		text-align:center;
	}
#main {
    padding:10px !important;
    float: none;
    margin: 0 auto;
    text-align: center;
	position: relative;
} 
 
}	
	
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
#myCarousel .carousel-item h1 {font-size:24px !important;}
	.slide-adjust {top:3vw;}
 
 
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {


}