/* LINKS */                                                        
                                 
a:link {color:inherit ;  text-decoration: none; *color:#fff;}      /* unvisited link */
a:visited {color:inherit;  text-decoration: none; *color:#fff;}  /* visited link */
a:hover {color:inherit; *color:#ccc;}  /* mouse over link */
a:active {color:inherit;  border:none; text-decoration: none; *color:#fff;}  /* selected link */

/* IE LINK BORDER REMOVAL */
a, img {
border:none;
}






/* SCROLLBAR */									 


/* SCROLL BAR STYLING CHROME OPERA SAFARI */
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
::-webkit-scrollbar-track-piece{background: rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.60);-webkit-border-radius:0;}
::-webkit-scrollbar-thumb:vertical{height:50px;background-color: rgba(100, 101, 106, 0.60);-webkit-border-radius:0;}
::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:8px;}

/* SCROLL BAR STYLING FIREFOX*/
scrollbar {
-moz-appearance: none !important;
background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
-moz-appearance: none !important;
background-color: rgb(0,0,255) !important;
}
thumb:hover,scrollbarbutton:hover {
-moz-appearance: none !important;
background-color: rgb(255,0,0) !important;
}
scrollbarbutton {
display: none !important;
}
scrollbar[orient="vertical"] {
min-width: 15px !important;
}

/* SCROLL BAR STYLING IE*/

body{
scrollbar-base-color: #C0C0C0;
scrollbar-base-color: #C0C0C0;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-highlight-color: #C0C0C0;
scrollbar-track-color: #EBEBEB;
scrollbar-arrow-color: black;
scrollbar-shadow-color: #C0C0C0;
scrollbar-dark-shadow-color: #C0C0C0;
}





/* HARD RETURN, HEADLINE FONTS, PARAGRAPH */

div
{
overflow:hidden;
}

img
{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
}

hr
{
height:1px;
margin:0;
margin-left:2%;
margin-right:2%;
position:relative;
float:left;
width:96%;
}

h1, h2, h3, p
{
font-weight:400;
text-decoration: none;
font-weight:100;
font-family: 'Open Sans', sans-serif;
}

h1
{
font-size:2.2em;
}

h2
{   
font-size:2em;
}

h3
{   
font-size:1.8em;
}

p
{
font-size:1.6em;
line-height:1.3em;
margin:10px;
padding:10px;
text-align:left;
}

p.center, p.left, p.right
{
width:auto;
height:auto;
text-align:center;
left:0;
right:0;
font-size:2.6em;
font-family: 'Bangers', cursive;
}

p.left
{
text-align:left;
}

p.right
{
text-align:right;
}

/* BODY AND BACKGROUND */



body
{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow-x:hidden;
    overflow-y: scroll;
	font-size:62.5%;
}

.bg
{
	height:110%;
	width:auto;
	position:fixed;
	top:0;
	left:0;
	right:0;
	overflow:hidden;
	background: url(../img/bg/bg_image.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



/* BANNER */

.banner
{
height:350px;
width:100%;
position:relative;
text-align:center;
z-index:500;
overflow:visible;
}

.logo-lrg, .overlay
{
height:100%;
width:auto;
position:absolute;
margin:0 auto;
left:50%;
margin-left:-642px;
z-index:600;

}

.logo-sm
{
display:none;
}

.banner .trigger
{
right:50%;
margin-right:-560px;
top:80px;
height:100px;
width:30px;
position:absolute;
-ms-transform: rotate(-9deg); /* IE 9 */
-webkit-transform: rotate(-9deg); /* Chrome, Safari, Opera */
transform: rotate(-9deg);
z-index:900;
cursor:pointer;
}

.overlay
{
display:none;
}

.banner .trigger:hover + .overlay
{
display:block;
}

.ticket
{
	width:auto;
	height:100%;
	position:relative;
	margin:0 auto;
	display:none;
	overflow:hidden;
}

.ticket img
{
	width:auto;
	height:100%;
	position:relative;
	margin:0 auto;
	z-index:600;
}



/* NAVIGATION */

.navigation
{
height:50px;
width:75%;
max-width:1300px;
position:relative;
text-align:center;
z-index:800;
margin:0 auto;
border-radius:10px 10px 0 0;
overflow:visible;
}


/* LARGE MENU */

.menu-lg .btn
{
height:50px;
width:12.5%;
float:left;
line-height:50px;
text-align:center;
color:white;
position:relative;
float:left;
font-family:sans-serif;
font-size:1.8em;
}

.menu-lg .btn:after
{
content: '';
height:0;
width:auto;
left:0;
right:0;
bottom:0;
position:absolute;
/*background-color:#FFBE00;*/
background-color:rgba(255, 190, 0, 0.6);
/* Firefox */
-moz-transition: all 0.25s ease;
/* WebKit */
-webkit-transition: all 0.25s ease;
/* Opera */
-o-transition: all 0.25s ease;
/* Standard */
transition: all 0.25s ease;
display:block;
overflow:visible;
}

.menu-lg .btn:hover
{
cursor:pointer;
color:#f5f5f5;
}

.menu-lg .btn:hover:after
{
height:10px;
z-index:800;
}

.menu-sm
{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	display:inline-block;
	z-index:7000;
	height: 50px;
	overflow: hidden;
	background:rgba(0,0,0,1);
}

select 
{
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.menu-sm select 
{
	width: 90%;
	padding: 5px;
	font-size: 1em;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 100%;
	-webkit-appearance: none;
	background:rgba(0,0,0,1);
	background:url("../img/toggle.gif") no-repeat right #000;
	color:#ccc;
	padding-left:20px;
	padding-right:40px;
}

.menu-lg
{
display:block;
}

.menu-sm
{
display:none;
}

#shop-menu .btn
{
width:12.5%;
}




/* IMAGE SLIDER */


ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	color:rgb(255, 190, 0);
	text-decoration: none;
	color:#fff;
font-size:1.6em;
}

ul.bjqs-controls.v-centered li a:hover{
	cursor:pointer;
color:rgb(255, 190, 0);
}


ul.bjqs-controls.v-centered li a:after
{
content: '';
height:auto;
width:0;
top:0;
right:0;
bottom:0;
position:absolute;
/*background-color:#FFBE00;*/
background-color:rgba(255, 190, 0, 0.6);
/* Firefox */
-moz-transition: all 0.25s ease;
/* WebKit */
-webkit-transition: all 0.25s ease;
/* Opera */
-o-transition: all 0.25s ease;
/* Standard */
transition: all 0.25s ease;
display:block;
overflow:visible;
}

ul.bjqs-controls.v-centered li a:hover:after
{
width:5px;
z-index:800;
}

ol.bjqs-markers {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
top: 0;
position:absolute;
z-index:1000;
text-align:right;
}

ol.bjqs-markers li a
{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin-left:5px;
	text-decoration: none;
	font-size:1.4em;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover
{
	background:rgb(255, 190, 0);
	background-color:rgba(255, 190, 0, 0.6);
}

p.bjqs-caption
{
	background: rgba(255,255,255,0.8);
	padding-left:50px !important;
}

ul.bjqs-controls.v-centered li.bjqs-prev a
{
margin-left:-40px;
padding-right:10px;
}

ul.bjqs-controls.v-centered li.bjqs-next a
{
margin-right:-40px;
padding-left:10px;
}

ul.bjqs-controls.v-centered li.bjqs-next a:after
{
left:0;
right:auto;
}



/* STAGE */

.stage
{
height:auto;
width:100%;
position:relative;
text-align:center;
z-index:500;
margin-bottom:140px;
margin-top:0px;
overflow:visible;
}

.stage h1
{
}

.stage h2
{
height:75px;
line-height:75px;
width:100%;
padding-left:50px;
position:relative;
float:left;
}

.stage .headline
{
	height:0;
	width:auto;
	position:relative;
	top:0;
	left:0;
	right:0;
	background-color:#FFBE00;
	z-index:700;
	line-height:75px;
	font-size:3em;
	text-align:left;
	font-family:sans-serif;
	padding-left:50px;
	border-radius:10px 10px 0 0;
	/* Firefox */
	-moz-transition: all 2s ease;
	/* WebKit */
	-webkit-transition: all 2s ease;
	/* Opera */
	-o-transition: all 2s ease;
	/* Standard */
	transition: all 2s ease;
	overflow:hidden;
}


.stage .wrap
{
	height:auto;
	width:auto;
	padding-left:10%;
	padding-right:10%;
	max-width:1350px;
	position:relative;
	text-align:center;
	margin:0 auto;
	z-index:500;
	padding-top:0;
	background-repeat: repeat;
	overflow:hidden;
	border-radius:5px;
}





.stage .float
{
height:auto;
width:100%;
position:relative;
margin:0 auto;
text-align:center;
z-index:600;
background-color:rgba(255,255,255,0.85);
-webkit-box-shadow: 0 5px 15px -5px #000000;
box-shadow: 0 5px 15px -5px #000000;
border-radius:0 0 10px 10px;
overflow:hidden;
margin-bottom:20px;
}


.home-content, .history-content, .parent-content, .camp-content
{
width:auto !important;
padding:40px;
}

.shop-content
{
overflow:visible !important;
}

/* MAIN STAGE FRAMES */

.full, .half, .quarter
{
height:auto;
width:auto;
position:relative;
float:left;
z-index:800;
text-align:left;
font-family:sans-serif;
}

.full
{
width:100%;
}

.half
{
width:50%;
}


.board, .wheel, .truck, .bushing, .safety, .glove, .misc, .snow 
{
background-repeat:repeat;
overflow:visible;
padding-bottom:10px;
}

.board
{
	background: url('../img/product/bg/griptape.jpg');

}

.wheel
{
	background: url('../img/product/bg/wheel-tile.png');
}

.truck
{
	background: url('../img/product/bg/scratched-metal.jpg');
}

.bushing
{
	background: url('../img/product/bg/bushing.jpg');
}

.safety
{
	background: url('../img/product/bg/plastic.jpg');
}
.glove
{
	background: url('../img/product/bg/nylon.jpg');
}

.misc
{
	background: url('../img/product/bg/plywood.jpg');
}

.snow
{
	background: url('../img/product/bg/snow.jpg'); 
}

.slider-wrap
{
height:600px;
width:auto;
overflow:visible;
}


.category
{
height:75px;
width:auto;
position:relative;
background-color:#FFBE00;
z-index:700;
line-height:75px;
padding-left:50px;
font-size:2.4em;
}

.product
{
height:200px;
width:200px;
position:relative;
left:0;
right:0;
float:left;
background-color:#f5f5f5;
background-color:rgba(255,255,255,0.6);
z-index:700;
line-height:200px;
float:left;
text-align:center;
overflow:visible;
font-size:28px;
margin-left:10px;
margin-top:10px;
}

.product:hover
{
cursor:pointer;
z-index:1000;
opacity:0.95;
}

.product .image
{
height:150px;
width:150px;
position:absolute;
top:50%;
left:50%;
margin-top:-75px;
margin-left:-75px;
}


.product .shade
{
height:100%;
width:100%;
position:absolute;
top:0;
line-height:200px;
text-align:center;
display:none;
z-index:900;
background-color:rgba(255, 190, 0, 0.9);
overflow:visible;
}


.product .shade .image
{
position:absolute;
height:70px;
width:70px;
top:50%;
left:50%;
margin-left:-35px;
margin-top:-35px;
background:rgba(255,255,255,0.95);
-webkit-box-shadow: 0 5px 15px -5px #000000;
box-shadow: 0 5px 15px -5px #000000;
border-radius:50%;
z-index:1500;
}

.product .shade .in-stock, .product .shade .name
{
height:15px;
width:auto;
padding:10px;
position:absolute;
z-index:900;
line-height:15px;
font-size:15px;
background:rgba(255,255,255,0.95);
white-space: nowrap;
z-index:1001;
-webkit-box-shadow: 0 5px 15px -5px #000000;
box-shadow: 0 5px 15px -5px #000000;
border-radius:15px;
}

.product .shade .in-stock
{
bottom:10px;
left:55%;
border-radius:60px 10px 10px 60px;
}

.product .shade .name
{
top:10px;
right:55%;
border-radius:10px 60px 60px 10px;
}


.product .shade .in-stock i
{
color:green;
}

.product:hover > .shade
{
display:block;
}


.scroll-top
{
	position:fixed;
	height:50px;
	width:50px;
	border-radius:50px;
	background:rgba(51, 25, 73, 0.4);
	-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -5px #000;
	left:50%;
	margin-left:-25px;
	font-size:2em;
	bottom:10px;
	z-index:2000;
	text-align:center;
	line-height:47px;
	color:#fff;
	opacity:0;
}


/* BLOG PAGE */

.blog
{
text-align:center;
}

.blog a:hover
{
text-decoration:underline;
}


.blog h2
{
	text-align:left;
}

.blog p
{
	padding-left:50px;
	padding-right:50px;
}


.blog img
{
width:90%;
height:auto;
position:relative;
margin-left:5%;
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 20px -5px #000;
}

.blog padding
{
}



/* TEAM RIDER PAGE */

.rider
{
height:300px;
width:300px;
position:relative;
float:left;
z-index:900;
margin-left:10px;
margin-top:10px;
cursor:pointer;
}

.rider:hover
{
}

.rider div{
/* Firefox */
-moz-transition: all 0.25s ease;
/* WebKit */
-webkit-transition: all 0.25s ease;
/* Opera */
-o-transition: all 0.25s ease;
/* Standard */
transition: all 0.25s ease;
}

.rider:hover > .image
{
left:-100%;
}

.rider:hover > .name
{
height:0;
}

.rider:hover > .lshade
{
width:0;
}

.rider:hover > .rshade
{
width:0;
}

.rider:hover > .tshade
{
height:0;
}

.rider .lshade, .rshade, .tshade
{
height:auto;
width:10px;
position:absolute;
background:rgba(255,255,255,0.7);
z-index:1000;
}

.rider .lshade
{
top:10px;
left:0;
bottom:40px;
}

.rider .rshade
{
top:10px;
right:0;
bottom:40px;
}

.rider .tshade
{
top:0;
left:0;
right:0;
width:auto;
height:10px;
}

.rider .image
{
height:100%;
width:200%;
position:absolute;
left:0;
top:0;
z-index:900;
overflow:hidden;
}

.rider .image img
{
height:100%;
width:auto;
position:absolute;
left:0;
top:0;
}

.rider .name
{
height:40px;
width:auto;
position:absolute;
left:0;
right:0;
bottom:0;
z-index:900;
background:rgba(255,255,255,0.7);
line-height:40px;
text-align:center;
font-size:1.6em;
}


.rider *[bio] { display: none; }

.rider-overlay
{
	position:absolute;
	height:auto;
	width:100%;
	z-index:2000;
	text-align:center;
	display:none;
}

.rider-content
{
	position:relative;
	height:auto;
	width:50%;
	z-index:2000;
	top:10px;
	margin:0 auto;
	overflow:hidden;
}

.rider-firstname, .rider-lastname
{
	position:absolute;
	top:10px;
	font-size:2.6em;
font-family: 'Bangers', cursive;
padding:10px;
}

.rider-firstname
{
	
	right:50%;
	margin-right:60px;
}

.rider-lastname
{

	left:50%;
	margin-left:60px;
}

.rider-pic
{
	position:absolute;
	height:100px;
	width:100px;
	background:rgba(0,0,0,0.90);
	z-index:2000;
	border-radius:100px;
	top:20px;
	left:50%;
	margin-left:-50px;
		-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 25px -5px #000;
}

.rider-pic
{
	position:absolute;
	height:100px;
	width:100px;
	background:rgba(0,0,0,0.90);
	z-index:2000;
	border-radius:100px;
	top:25px;
	left:50%;
	margin-left:-50px;
		-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 25px -5px #000;
}

.rider-pic img
{
	position:absolute;
	height:100%;
	width:auto;
	right:0;
	top:0;
	left:auto;
}

.rider-bio
{
	position:relative;
	height:auto;
	width:95%;
	float:left;
	margin-left:2.5%;
	margin-bottom:2.5%;
	height:auto;
	overflow:hidden;
	background:rgba(255,255,255,1);
	margin-top:110px;
	-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -5px #000;
}

/* PARENT PAGE */

.parent h2
{
position:relative;
width:100%;
float:left;
font-size:2.6em;
font-family: 'Bangers', cursive;
}

.parent h2 + p
{
background:rgba(255,255,255,0.8);
position:relative;
float:left;
margin:20px;
padding:30px;
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -5px #000;
}



/* HISTORY PAGE */

.history
{
text-align:center;
}

.history img
{
width:90%;
height:auto;
position:relative;
margin:0 auto;
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 20px -5px #000;
}

/* LINKS PAGE */

.link
{
	
}


.link a
{
position:relative;
float:left;
height:auto;
line-height:20px;
width:auto;
margin:20px;
padding:10px;
border-radius:10px 60px 60px 10px;
overflow:visible;
font-family: 'Open Sans', sans-serif;
font-weight:300;
font-size:1.6em;
}

.link a .wheel-1, .link a .wheel-2, .link a .wheel-3, .link a .wheel-4
{display:none}

.link a .wheel-1
{
	position:absolute;
height:3px;
width:20px;
top:-3px;
left:10%;
background-color:#FFBE00;
}

.link a .wheel-2
{
	position:absolute;
height:3px;
width:20px;
top:-3px;
right:20%;
background-color:#FFBE00;
}


.link a .wheel-3
{
	position:absolute;
height:3px;
width:20px;
bottom:-3px;
left:10%;
background-color:#FFBE00;
}

.link a .wheel-4
{
	position:absolute;
height:3px;
width:20px;
bottom:-3px;
right:20%;
background-color:#FFBE00;
}

.link a:hover
{
background:#fff;
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -5px #000;
}

.link a:hover > .wheel-1
{
display:block;
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -5px #000;
}

.link a:hover > .wheel-2
{
display:block;
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -5px #000;
}

.link a:hover > .wheel-3
{
display:block;
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -5px #000;
}

.link a:hover > .wheel-4
{
display:block;
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -5px #000;
}



/* CONTACT PAGE */

.contact .card
{
height:auto;
width:auto;
margin:20px;
background:rgba(255,255,255,0.9);
-webkit-box-shadow: 0 0 15px -5px #000;
box-shadow: 0 0 15px -5px #000;
padding:20px;
overflow:hidden;
float:left;
position:relative;
}

.contact .card iframe
{
position:absolute;
height:100%;
}

.contact .card h2
{
padding:10px; 
height:40px;
line-height:40px;
}

.contact .card p
{
padding:10px; 
margin:0;
position:relative;
float:left;
}

.contact .card table
{
font-size:1.6em;
}

.contact .card table tr td
{
padding:10px; 
font-family: 'Open Sans', sans-serif;
font-weight:300;
}

.contact #hours
{
padding:20px;
height:auto;
width:auto; 
}

/*
  ______          _            
 |  ____|        | |           
 | |__ ___   ___ | |_ ___ _ __ 
 |  __/ _ \ / _ \| __/ _ \ '__|
 | | | (_) | (_) | ||  __/ |   
 |_|  \___/ \___/ \__\___|_|   
                               
                               
							   */

.footer
{
height:auto;
width:100%;
position:fixed;
text-align:center;
z-index:200;
bottom:40px;
margin: 0 auto;
left:0;
}

.footer a 
{
padding:20px;
opacity:0.5;
-webkit-filter: blur(2px);
font-size:1.4em;
}


.footer a:hover
{
opacity:0.9;
-webkit-filter: blur(0);
}


#facebook
{
	color:#3D5B99;
}

#twitter
{
	color:#4099FF;
}

#youtube
{
	color:#DC4639;
}


#instagram
{
	color:#AC846A;
}