/*===================== 
	Color information
	
	red - #ed1b24
	gray - #ababab
	-
		 
=======================*/
/*===================== 
	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 
=======================*/


/*===================== 
	base styles 
=======================*/

html {
    font-family: 'Montserrat', sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    margin: 0;
	overflow-x: hidden;
	}

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

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {font-size: 3em;font-weight:800;}

.h1 {
    font-size: 1.5em;
}

p {
	margin: 0;
	font-weight: 500;
	line-height: 1.5rem;
	}

b, strong {
    font-weight: bold;
	}

.red {color: #ed1b24;}
.black {color: #000;}
.white {color:#fff;}
.uppercase {text-transform:uppercase;}
.italic {font-weight:700; font-style:italic;}
.disp-in {display:inline-block;}

/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color: #aaa; 
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		color: #ccc;
		}
		
[class*="ghost"] {
	border: 2px solid;
	padding: 1rem 2.5rem;
	transition: ease all .5s;
	font-weight: 700;
	text-transform: uppercase;
	}
	a.ghost-w {
		border-color: #fff;
		color: #fff;
		}
		a.ghost-w:hover {
			background: #fff;
			color: #ed1b24;
			}
	a.ghost-r {
		border-color: #ed1b24;
		color: #ed1b24;
        padding: 1rem 0.5rem;
		}
		a.ghost-r:hover {
			background: #ed1b24;
			color: #fff;
			}

/*===================== 
	header styles 
=======================*/


.contact-info{
    text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	
	position: relative;
}
.contact-info .address a{
    color: #ed1b24;
	background: #000;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	letter-spacing: 1px;
	font-size: 17px;
	
	padding: 3px 7px;
}
.contact-info .phone-and-fax{
    display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
.contact-info .phone-and-fax a{
    color: #ed1b24;
	background: #000;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	letter-spacing: 1px;
	
	font-size: 17px;
	padding: 3px 7px;
}
.contact-info .subnav{
    color: #fff;
	background: #000;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	letter-spacing: 1px;
	
	font-size: 15px;
	padding: 3px 7px;
	
	position: absolute;
	bottom: 0;
	width: 100%;
	
	display: flex;
	justify-content: space-around;
}
.contact-info .subnav a{
    color: #fff;
}
.nav-border{
    border-right: solid 2px #fff;
}

/*===================== 
	nav styles 
=======================*/

nav.primary {
	}
	nav ul {
		}
		nav ul li {
			}
			nav ul li a {
				}	
			nav ul li a:hover {
				}

/*===================== 
	content styles 
=======================*/

#scrolling-inv, .manufacturers {
	overflow: hidden;
	}	

.header-wrap, header, .wrap, .container, .footer {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	}

.gray-bg {
	background: #a1a1a1;
	padding: .3rem 0;
	}
	.gray-bg a {
		color: #000;
		font-weight: 700;
		font-size: 14px;
		transition: ease all .3s;
		}
		.gray-bg a:hover {
			color: #ccc;
			}
		img.sm-icon {
			width: 5%;
			margin-bottom: -3px;
			display: inline-block;
			}
		.gray-bg i {
			font-size: 24px;
			}
		
.black-bg {
	background: url('../siteart/black-bg.png') repeat;
	padding: 1rem 0 .7rem;
	}
.header-bar {
	padding: 2rem 0 2rem;
	background: url("/siteart/header-bg.jpg") center center;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	}
	.primary-logo {
		width: 55%;
		}
	.header-bar p {
		text-align: center;
		font-weight: 700;
		font-size: 1.2rem;
		margin: 0 1rem;
		}
	.header-bar p.disp-in a {
		color: #000;
		transition: ease all .3s;
		}
		.header-bar p.disp-in a:hover {
			color: #ababab;
			}

.textured-bg {
	background:#fff; /* url('../siteart/textured-bg.png') repeat; */
	}
	
.export-banner {
	background: #ed1b24;
	margin-top: -.4rem;
	padding: 2rem 0;
	}
	
.export-banner p {
	margin: 0 .5rem;
	}
	
.welcome {
	margin: 0 auto;
	padding: 3rem 0 4rem;
	}
	.welcome h2, .welcome .h1, .welcome p.button {
		text-align: center;
	}
	.welcome h2, .welcome .h1 {
		margin-bottom: 2rem;
	}
	.welcome p {
		margin-bottom: 1rem;
	}
	.welcome p.button {
		margin-top: 3rem;
		margin-bottom: 0;
	}
	
.about, .rockster {
	margin: 0 auto;
	padding: 2rem 0 3rem;
	}
	.about img, .rockster img {
		width: 100%;
		border: 10px solid #ababab;
		box-sizing: border-box;
		}
	.about h2, .rockster h2, .about .h1, .rockster .h1  {
		margin: 1rem 0;
		}
	.about p, .rockster p {
		font-weight: 500;
		margin-bottom: 1rem;
		}
	.about p.button, .rockster p.button {
		margin-top: 3rem;
		margin-bottom: 0;
		}
	
.contact {
	padding: 2rem 0;
	}
	.contact .map iframe {
		box-sizing: border-box;
		width: 100%;
		}
	.indivd {
		margin: 1rem 0;
		}
	.contact h3 {
		margin: .5rem 0;
		}
	.contact p {
		font-weight: 500;
		}
	.contact p span {
		display: block;
		}
	.contact a {
		color: #676767;
		transition: ease all .3s;
		}
		.contact a:hover {
			color: #ed1b24;
			}

.parts-manu, .parts-list {
	padding: 2rem 0;
	}
	.parts-manu h2,
.parts-manu .h1 {
		padding-bottom: 1rem;
		margin-bottom: 1rem;
		border-bottom: 2px solid #ccc;
		}

	.parts-manu div.col-1-3 {
		marging: 0 auto;
		text-align: center;
		padding: 1rem 0;
		}
	.parts-manu img {
		width: 50%;
		}
	.parts-list {
		background: #ababab;
		}
	.parts-list h2, .parts-list .h1, .parts-list p {
		margin-bottom: 1rem;
		}
	.parts-list p {
		font-weight: 500;
		}
	.parts-list table {
		font-size: .75rem;
		color: #fff;
		width: 100%;
		border-collapse:collapse;
		}
		td.uppercase {
			font-weight: 700;
			padding-left: 1rem;
			}
		tr {
			background: #6C6C6C;
			}
		tr.d-gray-bg {
			background: #333;
			}
		.parts-list ul li {
			line-height: 1.3rem;
			}
	#mobile-table {
		display: none;
		}

.new-equip {
	padding: 2rem 0;
	}
	.new-equip h2,
.new-equip .h1 {
		padding-bottom: 1rem;
		margin-bottom: 1rem;
		border-bottom: 2px solid #ccc;
		}
	.new-equip-box {
		margin: 1rem 0 2rem;
		padding: 2rem 2rem;
		background: #E9E9E9;
		border: 2px solid #000;
		}
		.new-equip-box > div.flex {
			margin-top: 1.5rem;
			}
		.new-equip-box img, .new-equip-box h3 {
			margin-bottom: .5rem;
			}
		.new-equip-box p.link {
			margin: 1rem 0;
			}	
		.new-equip-box p.link a {
			color: #ed1b24;
			transition: ease all .3s;
			}
			.new-equip-box p.link a:hover {
				color: #333;
				}
		.add-vids {
			margin-top: 1.5rem;
			}
	.button-margin {
		margin-top: 2.5rem;
		}

/*===================== 
	INV CATEGORIES 
=======================*/
.outer {
	width: 23.5%;
    margin: .5rem;
    height: 150px;
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
	}

.inner {
	width: 100%;
	height: 100%;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    transition: ease all .5s;
	}

.inner::before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(237, 27, 36, .75);
	}

.outer:hover .inner:before,
.outer:focus .inner:before {
    display: block;
	}

.outer:hover .inner,
.outer:focus .inner {
    transform: scale(1.2);
	}

.inner span {
    color: white; /* Good thing we set a fallback color! */
    text-align: center;
    position: relative;
    z-index: 500;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.3rem;
	}

.outer span {
    display: block;
    text-shadow: 2px 2px #000;
    font-size: 1.5rem;
	}

.outer a {
	text-decoration: none;
	}

[class*="inv-cat-"] {
	background-size: cover;
	background-color: #000;
    background-repeat: no-repeat;
	background-position: center center;
	}

.inv-cat-01 {background-image: url('../siteart/inv-cat/inv-cat-01.jpg');}
.inv-cat-02 {background-image: url('../siteart/inv-cat/inv-cat-02.jpg');}
.inv-cat-03 {background-image: url('../siteart/inv-cat/inv-cat-03.jpg');}
.inv-cat-04 {background-image: url('../siteart/inv-cat/inv-cat-04.jpg');}
.inv-cat-05 {background-image: url('../siteart/inv-cat/inv-cat-05.jpg');}
.inv-cat-06 {background-image: url('../siteart/inv-cat/inv-cat-06.jpg');}
.inv-cat-07 {background-image: url('../siteart/inv-cat/inv-cat-07.jpg');}
.inv-cat-08 {background-image: url('../siteart/inv-cat/inv-cat-08.jpg');}
.inv-cat-09 {background-image: url('../siteart/inv-cat/inv-cat-09.jpg');}
.inv-cat-10 {background-image: url('../siteart/inv-cat/inv-cat-10.jpg');}
.inv-cat-11 {background-image: url('../siteart/inv-cat/inv-cat-11.jpg');}
.inv-cat-12 {background-image: url('../siteart/inv-cat/inv-cat-12.jpg');}
.inv-cat-13 {background-image: url('../siteart/inv-cat/inv-cat-13.jpg');}
.inv-cat-14 {background-image: url('../siteart/inv-cat/inv-cat-14.jpg');}
.inv-cat-15 {background-image: url('../siteart/inv-cat/inv-cat-15.jpg');}
.inv-cat-16 {background-image: url('../siteart/inv-cat/inv-cat-16.jpg');}
.inv-cat-17 {background-image: url('../siteart/inv-cat/inv-cat-17.jpg');}

/*===================== 
	slideshow styles 
=======================*/
.cycle-slideshow {
	position: relative;
	}

.cycle-slide {
	width: 100%;
	}

.cycle-overlay {
	position: absolute;
	bottom: 3%;
	right: 0;
	background: rgba(0,0,0,.8);
	color: #fff;
	padding: 2rem 4% 3rem 2rem;
	box-sizing: border-box;
	}

.overlay-content {
	max-width: 400px;
	width: 100%;
	}
	.overlay-content h1 {
		font-size: 1.5rem;
		}
	.overlay-content h2 {
		color: #ababab;
		}
    .overlay-content .slideshow-h2 {
            color: white;
        }
	.overlay-content p.button {
		box-sizing: border-box;
		margin-top: 2rem;
		}
	.overlay-content p {
		font-size: 12px;
		font-weight: 600;
		}
	.overlay-content .link {
		color: #ed1b24;
		transition: ease all .3s;
		text-transform: uppercase;
		}
		.overlay-content .link:hover {
			color: #fff;
			}
	
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;
	}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ccc; cursor: pointer; 
	}
.cycle-pager span.cycle-pager-active { color: #ed1b24;}
.cycle-pager > * { cursor: pointer;}

[id*="toggleText"] {
	display: none;
	}

/*===================== 
 scrolling logos styles 
=======================*/

.scrolling-logos {
	padding: 1.5rem 0;
	}
.scrolling-logos img {
	width: 50%;
	margin: 0 auto;
	}

/*===================== 
	layout styles 
=======================*/
.flex {display:flex;}
.flex-spc-btwn {justify-content:space-between;}
.flex-spc-arnd {justify-content:space-around;}
.flex-jus-cnt {justify-content:center;}
.flex-align-cnt {align-items:center;}
.flex-align-stretch {align-items:stretch;}
.flex-wrap {flex-wrap:wrap;}

.left {float: left;}
.right {float: right;}
	
.col-1-6 { width: 16%;}
.col-1-5 { width: 20%;}
.col-1-4 { width: 24%;}
.col-1-3 { width: 33%;}
.col-1-2 { width: 49%;}
.col-2-3 { width: 65%;}
.col-3-4 { width: 75%;}

/*===================== 
	footer styles 
=======================*/
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:13px;
	color: #666;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:13px;
		color: #ccc;
		}

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

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

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

@media screen and (max-width: 1240px)  {
/*------------ SLIDESHOW -------------*/
.cycle-overlay {
	padding: 2% 2% 5% 2%;
	bottom: 9%;
	}
	.cycle-overlay h1 {
		font-size: 1.5rem;
		}
	
}

@media screen and (max-width: 1100px)  {
/*------------ INVENTORY CATEGORIES -------------*/
.parts-manu h2,
    .parts-manu .h1 {
	padding: 0 1rem 1rem;
	}

.outer {
	width: 31%;
	}
	
/*------------ PARTS PAGE -------------*/
.parts-manu, .parts-list {
	padding: 1rem 1rem 2rem;
	}

/*------------ ABOUT PAGE -------------*/
.about {
	padding: 1rem 1rem 2rem;
	}
	.about p.button {
		text-align: center;
		}
	
/*------------ CONTACT PAGE -------------*/
.contact {
	padding: 1rem 1rem 2rem;
	}
	
/*------------ ROCKSTER PAGE -------------*/
.rockster {
	padding: 1rem 1rem 2rem;
	}

/*------------ NEW EQUIP PAGE -------------*/
.new-equip {
	padding: 1rem 1rem 2rem;
	}
	.new-equip-box {
		box-sizing: border-box;
		}
	.new-equip-box iframe {
		width: 100%;
		}
	.new-equip-box > div.flex {
		flex-direction: column;
		}
	.new-equip-box div.col-1-3 {
		margin-top: 1rem;
		}
	.add-vids iframe {
		width: 48%;
		margin: 0 .5rem .5rem 0;
		}
}

@media screen and (max-width: 1000px)  {
/*------------ HEADER & NAV -------------*/
.gray-bg, .contact-info {
	display: none;
	}
.equip-logo {
	margin: 0 auto;
	width: 268px;
	}
	.primary-logo {
		width: 100%;
		}

/*------------ SLIDESHOW -------------*/
.cycle-pager, .cycle-overlay {
	display: none;
	}

/*------------ WELCOME SECTION -------------*/
.welcome.col-3-4 {
	width: 95%;
	}
}

@media screen and (max-width: 760px)  {
/*------------ EXPORT BANNER -------------*/
.export-banner div.flex {
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	}
	.export-banner p {
		margin: 1.5rem 0 0;
		font-size: .8rem;
		}

/*------------ WELCOME SECTION -------------*/
.welcome {
	padding: 1rem 0 2rem;
	}
	.welcome h2,
    .welcome .h1 {
		margin-bottom: 1rem;
		}
	.welcome p {
		font-size: .9rem;
		}
	.welcome p.button {
		font-size: .8rem;
		}
	
/*------------ INVENTORY CATEGORIES -------------*/
.outer {
	width: 47%;
	}

/*------------ PARTS PAGE -------------*/	
.parts-list table td {
	font-size: .7rem;
	}
	.parts-list h2 {
		margin-bottom: 1rem;
		}
	.parts-list p {
		font-size: .9rem;
		}

/*------------ ABOUT PAGE -------------*/
.about img {
	border: 5px solid #ababab;
	}
.about p {
	font-size: .9rem;
	}
	.about p.button {
		font-size: .8rem;
		}

/*------------ CONTACT PAGE -------------*/
.contact iframe {
	border: 5px solid #ababab !important;
	height: 300px;
	}
	.contact div.flex {
		flex-direction: column;
		}
	.contact div.col-1-2 {
		margin: 0 auto;
		width: 98%;
		}
	.contact p {
		font-size: .9rem;
		}

/*------------ ROCKSTER PAGE -------------*/
.rockster img {
	border: 5px solid #ababab !important;
	}
	.rock-brochure {
		max-width: 400px;
		}
	.rockster div.flex {
		flex-direction: column-reverse;
		}
	.rockster .col-1-2 {
		width: 100%;
		}
	.rockster .col-1-2:nth-of-type(2), .rockster p.button {
		text-align: center;
		}
	.rockster p {
		font-size: .9rem;
		}
	.rockster p.button {
		font-size: .8rem;
		}
		
/*------------ NEW EQUIP PAGE -------------*/
.new-equip-box div.col-3-4, .new-equip-box div.col-1-3 {
	width: 100%;
	}
	.new-equip-box iframe {
		height: 100%;
		}
}

@media screen and (max-width: 540px)  {
/*------------ INVENTORY CATEGORIES -------------*/
.outer {
	width: 98%;
	}

/*------------ PARTS PAGE -------------*/
.parts-manu .col-1-3 {
	width: 48%;
	}

table {
	display: none;
	}
	#mobile-table {
		display: block;
		border: 2px solid #333;
		}
	#mobile-table div {
		padding: 1.2rem 1rem 1.2rem;
		color: #fff;
		}
	#mobile-table h3 {
		text-transform: uppercase;
		}
	.d-gray-bg {
		background: #333;
		padding: 1.2rem 0;
		}
	#mobile-table ul li {
			line-height: 1.5rem;
			}
			
/*------------ NEW EQUIP PAGE -------------*/
.add-vids iframe {
	width: 100%;
	margin: 0 0 .5rem 0;
	}
}

@media screen and (max-width: 420px)  {
h2, .h1 {font-size: 1.2rem;}
[class*="ghost"] {padding: 1rem 1.5rem;}

/*------------ HEADER & NAV -------------*/
.equip-logo {
	max-width: 200px;
	}

/*------------ SCROLLING LOGOS -------------*/
.scrolling-logos img {
	width: 85%;
	}

/*------------ PARTS PAGE -------------*/
.parts-manu .col-1-3 {
	width: 98%;
	}

#mobile-table div {
	font-size: .8rem;
	}
	#mobile-table ul {
		padding-left: 15px;
		}
		#mobile-table ul li {
			font-weight: 600;
			}
/*===================== 
	footer styles 
=======================*/
a.footerlink:link, a.footerlink:visited, a.footerlink:active, a.footerlink:hover, .footertext, .smallfootertext, .divfooter { 
	font-size:8px;
	}
}

.contact .h1 {
    margin-bottom: 0.5em;
}