@charset "utf-8";
/* CSS Document */
/* Coding by Mindseye Ltd - If you're reading this you're obviously a nosey developer */
/* ============================== FONTS */
p, ul, li, ol{ font-family: CAL; color:#FFF}
h1, h2, h3, h4, h5{	font-family: ROCK; color:#FFF}

p{	font-size:18px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
h1{	font-size:40px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
h2{	font-size:32px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
h3{	font-size:28px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
h4{	font-size:24px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
h5{	font-size:20px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
ul{}
ol{}
li{	font-size:18px; margin-left:20px; line-height:1.2em; text-align:left; }
a{ 			color:#F00;	text-decoration:none;}
a:hover{ 	color:#00F; text-decoration:underline;}
a:active{	color:#F00; text-decoration:none;}
hr{ width:100%; height:1px; margin:3px 0; color:#F00; border-color:#F00; background-color:#F00;}


/* ============================== MISC */
.wrapper { width:100%; min-height:100%; position:absolute;}
.fw_image{ width:100%; display:block;}
.c_text{ text-align:center;}
.electric:hover{ background:url(../images/navigation/electric.gif) no-repeat; background-size:cover; cursor:pointer; cursor:hand;}




/* ============================== INDEX */
.index_background{	
	width:100%; height:100%; margin:0; padding:0; 
	background:url(../images/general/index_bg.jpg) no-repeat top center;
	background-color:#000;
	-webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;
}
.index_logo{	width:45%;	margin:10px 27.5%;}
.index_slogan{	width:60%;	margin:50px 20% 10px 20%;}
.start_here{ width:10%; min-width:120px; margin:0 auto; overflow:hidden; border-radius:50%;}
.start_here img{ width:100%;  overflow:hidden; border-radius:50%;}

/* ============================== VIDEO BG */
video#bgvid { 
	position: fixed; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background:url(../images/general/index_bg_gen.jpg) no-repeat;
	background-size: cover; 
	background-position:center;
}

video {
	display: block;
} 

/* ============================== HEADER */
.header{ width:100%; overflow:hidden; background:url(../images/general/black_trans.png) repeat;}
.header_wrapper{ width:100%; max-width:1000px; margin:0 auto 0 auto; overflow:hidden;}
.header_left{ width:30%; overflow:hidden; float:left; margin:0;}
.header_right{ width:70%; overflow:hidden; float:right; margin:0;}

/* ====== LEFT SIDE */
.header_logo{	width:100%; max-width:500px; margin:3% 0 0 0}

/* ====== RIGHT SIDE */
/* NAVIGATION */
.navigation{	width:100%; overflow:hidden;}
.nav_option{	width:10%;max-width:100px; margin:1%; float:right; border-radius:50%;}
.nav_option img{	width:100%;}
.nav_option img:hover{	opacity:.8; cursor:pointer; cursor:hand;}
.nav_large{ display:block;}
.nav_menu{ display:none;}

#mob_nav{display:none;}
.mob_nav{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/general/black_trans_darker.png) repeat; z-index:10;}
.mob_nav_container{ width:50%; margin:50px auto; border:3px #FF0000 solid; border-radius:10px; overflow:hidden; background:#000;}
.mob_nav_option{	width:20%;margin:2.5%; float:left; border-radius:50%;}
.mob_nav_option img{	width:100%;}
.mob_nav_option img:hover{	opacity:.8;}


/* ============================== SLIDER */

/* SLIDER */
.slider_section_left{width:12.5%; height:100px; float:left; overflow:hidden;}
.slider_section_right{width:75%; float:left; overflow:hidden;}
.main_slider{ width:100%; overflow:hidden; float:right;}


/* ============================== CONTENT */
.content{ width:100%; padding-bottom:100px; overflow:hidden; background:url(../images/general/black_trans.png) repeat;}
.content_wrapper{ width:90%; max-width:1920px; margin:0 auto; overflow:hidden;}
.content_left{ width: 65%; float:left; margin:2.5% 1.25% 2.5% 2.5%; overflow:hidden;}
.content_full{ width: 100%; overflow:hidden;}

.content_right{ width: 20%; float:right; margin:2.5% 2.5% 1% 1.25%; overflow:hidden;}
.cr_container{ width:100%; overflow:hidden;}
.cr_container img{ width:100%;}
.content_right img:hover{ opacity:.5; cursor:pointer; cursor:hand;}
.facebook{display:block;}
.corbin1 {display:block;}
.corbin2 {display:none;}

/* NEXT EVENT */
.next_event{ width:100%; overflow:hidden;
	background-color:#F30;
	background: -webkit-linear-gradient(#F30, #900); background: -o-linear-gradient(#F30, #900); 
  	background: -moz-linear-gradient(#F30, #900); background: linear-gradient(#F30, #900);
}
.next_event h1{font-family: 'ROCK'; color:#FFF; text-align:center; margin:5px; font-size:40px;}


/* ============================== FOOTER */
.footer{ width:100%; height:100px; position:absolute; bottom:0; left:0; overflow:hidden; background:#000;}
.footer_logos{width:100%; overflow:hidden;}
.speedway_nz{	height:70px;	margin:0 5px; float:left;}
.footer_slogan{	height:70px;	margin:5px 5px 0 5px; float:right; }
.footer_info{width:100%; overflow:hidden; float:right;}
.footer_info p{text-align:right; color:#FFF; font-size:12px; margin:0 20px;}

/* SPONSOR SLIDER SMALL */
.sponsor_slider_small_1920{	width:100%; background:#333; overflow:hidden; display:block;}
.sponsor_slider_small_1000{	display:none;}
.sponsor_slider_small_600{	display:none;}



/* ============================== ABOUT */
.about_button{
	padding: 3px 20px;	margin:1% .5%;	cursor: pointer; cursor: hand;
	text-align:center; color:#FFF;	border:2px #CCC solid;	background-color:#666;	font-family:CAL;	font-size:18px;
	background: -webkit-linear-gradient(#F30, #900); background: -o-linear-gradient(#F30, #900); 
  	background: -moz-linear-gradient(#F30, #900); background: linear-gradient(#F30, #900); 
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.about_button:hover{
	background-color:#F00;
	background: -webkit-linear-gradient(#CCC, #000); background: -o-linear-gradient(#CCC, #000); 
  	background: -moz-linear-gradient(#CCC, #000); background: linear-gradient(#CCC, #000);
}

/* ============================== EVENTS CALENDAR */
.event_listing{
	width:98%; margin:1%; overflow:hidden; border-radius:5px; border:2px solid #333;
	background:#333;
	background: -webkit-linear-gradient(#333, #000); background: -o-linear-gradient(#333, #000); 
  	background: -moz-linear-gradient(#333, #000); background: linear-gradient(#333, #000);
}
.event_number{ width:50px; height:50px; border-radius:50%; overflow:hidden; background:#F00; margin:1%; float:left;}
.event_number h2{ color:#FFF; text-align:center; font-size:35px; margin:2px auto auto auto;}
.event_heading{ overflow:hidden; width:85%; margin:1.2% 1%; float:left;}
.event_heading h2{ color:#FFF; text-align:left; font-size:35px;}
.event_description p{ color:#FFF; text-align:left; margin:1%;}


/* ============================== RIDER PROFILES */
.rider_profiles{width:98%; margin:1%; overflow:hidden;}
.rider_profile_left{width:48%; margin:1%; float:left; overflow:hidden;}
.rider_profile_right{width:48%; margin:1%; float:right; overflow:hidden;}
.rider_profile_right img{width:100%; display:block;}


.rider{width:18%; margin:1%; float:left; overflow:hidden; position:relative; border-radius:5px;}
.rider_name{width:100%; position:absolute; z-index:10; overflow:hidden; bottom:0px;
	background:#F30; background: -webkit-linear-gradient(#F30, #900); background: -o-linear-gradient(#F30, #900); 
  	background: -moz-linear-gradient(#F30, #900); background: linear-gradient(#F30, #900);
}
.rider_name h3{ color:#FFF; text-align:center; margin:1%; font-size:18px;}
.rider img{width:100%; display:block;}
.rider img:hover{ opacity:.5; cursor:pointer; cursor:hand;}

/* ============================== RIDERS */
.rc_left_col{width:50%; float:left; overflow:hidden;}
.rc_right_col{width:50%; float:right; overflow:hidden;}

.rider_class{	width:98%; margin:1%; overflow:hidden; border-radius:5px; border:2px solid #333; float:left;overflow:hidden; background:#000;}
.rider_class_boundary{	width:98%; margin:1%; overflow:hidden;}
.rider_class_header{
	width:98%; margin:1%; overflow:hidden; border-radius:5px; border:2px solid #F30;	background:#F30;overflow:hidden;
	background: -webkit-linear-gradient(#F30, #900); background: -o-linear-gradient(#F30, #900); 
  	background: -moz-linear-gradient(#F30, #900); background: linear-gradient(#F30, #900);
}
.rider_class_header h1{	margin:1% 2%;}
.rider_class_description{	width:98%; margin:1%; float:left; overflow:hidden;}
.rider_class_description p{ font-size:18px;}
.rider_class_image{width:98%; margin:1%; overflow:hidden; float:right; overflow:hidden;}
.rider_class_image img{ width:100%;}




/* ============================== GALLERY */
.video_box{	width:45%;	margin:2.5%; float:left;}
.embed-container{ 	position: relative; 	padding-bottom: 56.25%;	height: 0; 	overflow: hidden; 	max-width: 100%; 	height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
@media screen and (min-width : 1001px) and (max-width : 1300px){

/* ============================== SLIDER */

/* SLIDER */
.slider_section_left{display:none;}
.slider_section_right{width:100%;}



/* ============================== RIDERS */
.rc_left_col{width:100%; float:left; overflow:hidden;}
.rc_right_col{width:100%; float:left; overflow:hidden;}

.rider_class_header h1{	margin:1% 2%;}
.rider_class_description{	width:48%; margin:1%; float:left; overflow:hidden;}
.rider_class_description p{ font-size:16px;}
.rider_class_image{width:48%; margin:1%; overflow:hidden; float:right; overflow:hidden;}
.rider_class_image img{ width:100%;}


	
}

/* ======================================================================================================================== 1000 */
@media screen and (min-width : 601px) and (max-width : 1000px){
/* FONT SIZES */
p{	font-size:16px;}
h1{	font-size:34px;}
h2{	font-size:30px;}
h3{	font-size:26px;}
h4{	font-size:22px;}
h5{	font-size:18px;}
li{	font-size:16px;}
.next_event h1{font-family: 'ROCK'; color:#FFF; text-align:center; margin:5px; font-size:27px;}

/* ============================== HEADER */
.header_left{ width:50%; overflow:hidden; float:left; margin:0;}
.header_logo{	width:100%; max-width:500px; margin:1% 0 0 0}

.header_right{ width:50%; overflow:hidden; float:right; margin:0;}
.nav_option{	width:18%;max-width:100px; margin:2%; float:right; border-radius:50px;}
.nav_large{ display:none;}
.nav_menu{ display:block;}

#mob_nav{display:none;}
.mob_nav{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/general/black_trans_darker.png) repeat; z-index:10;}
.mob_nav_container{ width:50%; margin:50px auto; border:3px #FF0000 solid; border-radius:10px; overflow:hidden; background:#000;}
.mob_nav_option{	width:20%;margin:2.5%; float:left; border-radius:50%;}
.mob_nav_option img{	width:100%;}
.mob_nav_option img:hover{	opacity:.8;}


/* ============================== SLIDER */

/* SLIDER */
.slider_section_left{display:none;}
.slider_section_right{width:100%;}

/* ============================== CONTENT */
.content_wrapper{ width:98%;}
.content_left{ width: 70%; float:left; margin:2.5% 1.25% 2.5% 2.5%; overflow:hidden;}
.facebook{display:block;}

/* SPONSOR SLIDER SMALL */
.sponsor_slider_small_1920{	display:none;}
.sponsor_slider_small_1000{	width:100%; background:#333; overflow:hidden; display:block;}
.sponsor_slider_small_600{	display:none;}

/* ============================== EVENTS */
.event_number h2{ font-size:35px;}
.event_heading{ width:80%; margin:1.2% 1%;}
.event_heading h2{ font-size:20px;}



/* ============================== RIDERS */
.rc_left_col{width:100%; float:left; overflow:hidden;}
.rc_right_col{width:100%; float:left; overflow:hidden;}

.rider_class_header h1{	margin:1% 2%;}
.rider_class_description{	width:48%; margin:1%; float:left; overflow:hidden;}
.rider_class_description p{ font-size:16px;}
.rider_class_image{width:48%; margin:1%; overflow:hidden; float:right; overflow:hidden;}
.rider_class_image img{ width:100%;}


/* ============================== RIDER PROFILES */
.rider_profiles{width:98%; margin:1%; overflow:hidden;}
.rider_profile_left{width:98%; margin:1%; float:left; overflow:hidden;}
.rider_profile_right{width:98%; margin:1%; float:right; overflow:hidden;}
.rider_profile_right img{width:100%; display:block;}

.rider{width:31%; margin:1%; float:left; overflow:hidden; position:relative; border-radius:5px;}
.rider_name h3{ color:#FFF; text-align:center; margin:1%; font-size:18px;}

}

/* ======================================================================================================================== 600 */
@media screen and (max-width : 600px){

/* ============================== VIDEO BG */
video#bgvid { 
	position: fixed; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background:url(../images/general/index_mob_bg_gen.jpg) no-repeat;
	background-size: cover; 
	background-position:center;
}

/* INDEX */	
.index_background{	
	background:url(../images/general/index_mob_bg.jpg) no-repeat top center;
	background-color:#000;
	-webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;
}
.index_logo{	width:80%;	margin:10px 10%;}
.index_slogan{	width:80%;	margin:50px 10% 10px 10%;}
.start_here{ width:10%; min-width:100px; margin:0 auto; overflow:hidden; border-radius:50%;}
	
/* FONT SIZES */
p{	font-size:14px;}
h1{	font-size:32px;}
h2{	font-size:28px;}
h3{	font-size:24px;}
h4{	font-size:20px;}
h5{	font-size:16px;}
li{	font-size:14px;}
.next_event h1{font-family: 'ROCK'; color:#FFF; text-align:center; margin:5px; font-size:20px;}

/* ============================== HEADER */
.header_left{ width:70%; overflow:hidden; float:left; margin:0;}
.header_logo{	width:100%; max-width:500px; margin:3% 0 0 0}

.header_right{ width:15%; overflow:hidden; float:right; margin:2%;}
.nav_option{	width:98%;max-width:100px; margin:1%; float:right; border-radius:50px;}
.nav_large{ display:none;}
.nav_menu{ display:block;}

#mob_nav{display:none;}
.mob_nav{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/general/black_trans_darker.png) repeat; z-index:10;}
.mob_nav_container{ width:45%; margin:10px auto; border:3px #FF0000 solid; border-radius:10px; overflow:hidden; background:#000;}
.mob_nav_option{	width:45%;margin:2.5%; float:left; border-radius:50%;}
.mob_nav_option img{	width:100%;}
.mob_nav_option img:hover{	opacity:.8;}

/* ============================== SLIDER */

/* SLIDER */
.slider_section_left{display:none;}
.slider_section_right{width:100%;}


/* SPONSOR SLIDER SMALL */
.sponsor_slider_small_1920{	display:none;}
.sponsor_slider_small_1000{	display:none;}
.sponsor_slider_small_600{	width:100%; background:#333; overflow:hidden; display:block;}

/* ============================== CONTENT */
.content{ padding-bottom:65px; overflow:hidden;}
.content_wrapper{ width:98%;}
.content_left{ width: 98%; margin:1%;}
.content_right{ width: 98%; float:left; margin:1%;}
.cr_container{ width:48%; margin:1%; overflow:hidden; float:left;}
.facebook{display:block;}
.corbin1{display:none;}
.corbin2{width:80%; margin:1% 10%; display:block;}

.fb_220{ display:block;}
.facebook_feed{ max-width:220px; height:200px; margin:1% auto; overflow:hidden;}

/* ============================== FOOTER */
.footer{ height:65px;}
.speedway_nz{	height:40px;	margin:0 5px; }
.footer_slogan{	height:30px;	margin:5px 5px 0 5px;}
.footer_info p{font-size:10px; margin:0 10px;}

/* ============================== EVENTS */
.event_number h2{ font-size:35px;}
.event_heading{ width:70%; margin:1.2% 1%;}
.event_heading h2{ font-size:25px;}

/* ============================== RIDERS */
.rc_left_col{width:100%; float:left; overflow:hidden;}
.rc_right_col{width:100%; float:left; overflow:hidden;}

.rider_class_header h1{	margin:1% 2%;}
.rider_class_description{	width:98%; margin:1%; float:left; overflow:hidden;}
.rider_class_description p{ font-size:16px;}
.rider_class_image{width:98%; margin:1%; overflow:hidden; float:right; overflow:hidden;}
.rider_class_image img{ width:100%;}

/* ============================== RIDER PROFILES */
.rider_profiles{width:98%; margin:1%; overflow:hidden;}
.rider_profile_left{width:98%; margin:1%; float:left; overflow:hidden;}
.rider_profile_right{width:98%; margin:1%; float:right; overflow:hidden;}
.rider_profile_right img{width:100%; display:block;}

.rider{width:48%; margin:1%; float:left; overflow:hidden; position:relative; border-radius:5px;}
.rider_name h3{ color:#FFF; text-align:center; margin:1%; font-size:18px;}


}