/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FONT STUFF
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@font-face {
  font-family: "Vonnes Cond Bold";
  src: url("../fonts/94f0a642-2055-4ae4-abea-5e8b585859f7-2.eot");
  src: url("../fonts/94f0a642-2055-4ae4-abea-5e8b585859f7-2.eot?#iefix") format("embedded-opentype"),
       url("../fonts/94f0a642-2055-4ae4-abea-5e8b585859f7-3.woff") format("woff"),
       url("../fonts/94f0a642-2055-4ae4-abea-5e8b585859f7-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Vonnes Cond Medium";
  src: url("../fonts/6d80773b-c8ba-40e7-afbe-741ef2166c8f-2.eot");
  src: url("../fonts/6d80773b-c8ba-40e7-afbe-741ef2166c8f-2.eot?#iefix") format("embedded-opentype"),
       url("../fonts/6d80773b-c8ba-40e7-afbe-741ef2166c8f-3.woff") format("woff"),
       url("../fonts/6d80773b-c8ba-40e7-afbe-741ef2166c8f-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Vonnes Cond Book";
  src: url("../fonts/3350e92d-51e5-466a-9be5-a0d0ad10ce45-2.eot");
  src: url("../fonts/3350e92d-51e5-466a-9be5-a0d0ad10ce45-2.eot?#iefix") format("embedded-opentype"),
       url("../fonts/3350e92d-51e5-466a-9be5-a0d0ad10ce45-3.woff") format("woff"),
       url("../fonts/3350e92d-51e5-466a-9be5-a0d0ad10ce45-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
	font-family: "social-icons";
	src:url("../fonts/social-icons.eot");
	src:url("../fonts/social-icons.eot?#iefix") format("embedded-opentype"),
		url("../fonts/social-icons.woff") format("woff"),
		url("../fonts/social-icons.ttf") format("truetype"),
		url("../fonts/social-icons.svg#social-icons") format("svg");
	font-weight: normal;
	font-style: normal;
}

	.icon-twitter:before {
	  content: "a";
	}
	.icon-facebook:before {
	  content: "d";
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Body - General Layout Structure	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
	background-color: #000000;
	/*font: 12px/20px "Vonnes Cond Book", Verdana, Arial, geneva, sans-serif;*/
	font: 12px/20px 'Playfair Display', Verdana, Arial, geneva, sans-serif;
	/*text-transform: uppercase;*/
	text-align: left;
	color: #000000;
	overflow: hidden;

	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	}
	
	img {
		border: 0;
		padding: 0;
		border-style: none;
		}
	
	/*a { font: 11px/20px "Vonnes Cond Book", Verdana, Arial, geneva, sans-serif; }*/
	a { font: 12px/20px 'Playfair Display', Verdana, Arial, geneva, sans-serif; }
	a:link { color: #656765; text-decoration: none; }
	a:active { color:#656765; text-decoration: none; outline:none; }
	a:visited { color: #656765; text-decoration: none; }
	a:hover { color: #ee162d; text-decoration: none; }
	a:focus { outline:none; }
	
	.tweenAll_025 {
		-webkit-transition: all 0.25s cubic-bezier(0.25,1,0.25,1);
		   -moz-transition: all 0.25s cubic-bezier(0.25,1,0.25,1);
			-ms-transition: all 0.25s cubic-bezier(0.25,1,0.25,1);
			 -o-transition: all 0.25s cubic-bezier(0.25,1,0.25,1);
				transition: all 0.25s cubic-bezier(0.25,1,0.25,1);
		}
	.tweenAll_05 {
		-webkit-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
		   -moz-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
			-ms-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
			 -o-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
				transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
		}
	.tweenAll_75 {
		-webkit-transition: all 0.75s cubic-bezier(0.25,1,0.25,1);
		   -moz-transition: all 0.75s cubic-bezier(0.25,1,0.25,1);
			-ms-transition: all 0.75s cubic-bezier(0.25,1,0.25,1);
			 -o-transition: all 0.75s cubic-bezier(0.25,1,0.25,1);
				transition: all 0.75s cubic-bezier(0.25,1,0.25,1);
		}
	.tweenAll_1 {
		-webkit-transition: all 1s cubic-bezier(0.25,1,0.25,1);
		   -moz-transition: all 1s cubic-bezier(0.25,1,0.25,1);
			-ms-transition: all 1s cubic-bezier(0.25,1,0.25,1);
			 -o-transition: all 1s cubic-bezier(0.25,1,0.25,1);
				transition: all 1s cubic-bezier(0.25,1,0.25,1);
		}

h1 {
	display: block;
	position: relative;
	/*font: 34px/42px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;*/
	font: 34px/42px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0;
	}
h2 {
	display: block;
	position: relative;
	font: 24px/25px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
h3 {
	display: block;
	position: relative;
	font: 18px/25px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
h4 {
	display: block;
	position: relative;
	font: 14px/15px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
h5 {
	display: block;
	position: relative;
	font: 12px/15px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

div {
	-webkit-backface-visibility: hidden;
	-webkit-transform:translateZ(0);
}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GENERIC STUFF
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#header {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		height: 50px;
		width: 100%;
		background-color: rgba(0,0,0,0);
		}
		#header.dark {
			background-color: rgba(0,0,0,.5);
			}
			
		#header_nav {
			display: block;
			position: fixed;
			right: 20px;
			top: 0;
			padding: 0;
			margin: 0;
			white-space: nowrap;
			}
			#header_nav li {
				display: inline-block;
				margin: 10px 10px 0px 10px;
				padding: 0;
				float: none;
				}
			#header_nav li a {
				font: 12px/16px "Vonnes Cond Medium", Verdana, Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				font-style: normal;
				}
			.social-icon {
				position:  relative;
				font: 16px/16px "social-icons", Verdana, Arial, geneva, sans-serif !important;
				color: #fff;
				font-style: normal !important;
				font-weight: normal !important;
				font-variant: normal !important;
				text-transform: none !important;
				speak: none;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				vertical-align: middle;
				}
				.social-icon:hover {
					color: #ee162d;
					}
				
	#logo {
		display: block;
		position: fixed;
		top: 0px;
		left: 50px;
		width: 60px;
		height: 70px;
		background-color: #ee162d;
		-webkit-transform-origin: left top;
		   -moz-transform-origin: left top;
			-ms-transform-origin: left top;
			 -o-transform-origin: left top;
				transform-origin: left top;
		display: none;
		}
		#logo-icon {
			display: block;
			position: absolute;
			left: 17px;
			bottom: 12px;
			width: 25px;
			height: 45px;
			background: url(../img/logo.png) no-repeat left top;
			}
				
	#wrapper {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		/*z-index: 100;
		width: 1%;*/
		}
		.trigger {
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
			}
			
			/*
			#wrapper {
				z-index: 100;
				width: 1%;
				}
			.trigger1 { background-color: green; }
			.trigger2 { background-color: red; }
			.trigger3 { background-color: blue; }
			.trigger4 { background-color: yellow; }
			.trigger4_1 { background-color: white; }
			.trigger5 { background-color: red; }
			.trigger5_1 { background-color: blue; }
			.trigger6 { background-color: green; }
			.trigger6_1 { background-color: red; }
			.trigger7 { background-color: blue; }
			.trigger7_1 { background-color: purple; }
			.trigger8 { background-color: yellow; }
			*/

	#content {
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		text-align: center;
		}
		.section {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			}
			#section3,
			#section4,
			#section5,
			#section6,
			#section7,
			#section8 {
				color: #ffffff;
				}
			.section .background {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				overflow: hidden;
				}
				.section .background img {
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					}
					
				/* INTRO */
				#intro .background {
					background-color: #000000;
					}
				/* 5 MINUTE */
				#section1 .background {
					}
				/* PRODUCT OVERVIEW */
				#section2 .background {
					background-color: #000000;
					}
					
				/* PRODUCT 1 - BIKE 3D */
				#section3 {
					background-color: #000000;
					}
					
				.vr-image {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;			
				}
					
				/* PRODUCT 2 - BRAKES & WHEELS & TIRES */
				#section4 .background {
					background-color: #000000;
					background: url(../img/backgrounds/wheels.jpg) no-repeat center center;
					background-size: cover;
					}
					#section4_1 .background {
						background-color: #000000;
						background: url(../img/backgrounds/spokes.jpg) no-repeat center center;
						background-size: cover;
						}
				
				
				/* PRODUCT 3 - HELMET */
				#section5 .background {
					background-color: #000000;
					background: url(../img/backgrounds/helmet.jpg) no-repeat center center;
					background-size: cover;
					}
					
					#section5_1 .background {
						background-color: #000000;
						}
						
						.background-vent1 {
							position: absolute;
							width: 50%;
							height: 100%;
							top: 0;
							left: 0;
							background-color: #000000;
							background: url(../img/backgrounds/vent1.jpg) no-repeat center center;
							background-size: 100% auto;
						}
						.background-vent2 {
							position: absolute;
							width: 50%;
							height: 100%;
							top: 0;
							right: 0;
							background-color: #000000;
							background: url(../img/backgrounds/vent2.jpg) no-repeat center center;
							background-size: 100% auto;
						}
						
						
				/* PRODUCT 4 - SUIT */
				#section6 .background {
					background-color: #000000;
					background: url(../img/backgrounds/suit.jpg) no-repeat center center;
					background-size: cover;
					}
					#section6_1 .background {
						background-color: #000000;
						background: url(../img/backgrounds/textile.jpg) no-repeat center center;
						background-size: cover;
						}
						
					
				/* PRODUCT 5 - SHOES */
				#section7 .background {
					background-color: #000000;
					background: url(../img/backgrounds/shoe1.jpg) no-repeat center center;
					background-size: cover;
					}
					#section7_1 .background {
						background-color: #000000;
						background: url(../img/backgrounds/shoe2.jpg) no-repeat center center;
						background-size: cover;
						}
					
				/* VIDEO SECTION */
				#section8 .background {
					background-color: #000000;
					}
					
					
					
				
			.copy {
				display: block;
				position: absolute;
				/*text-transform: uppercase;*/
				color: #000000;
				}
				.copy h3 {
					display: block;
					/*text-shadow: 0px 0px 10px rgba(0, 0, 0, .5);*/
					}
				.copy p {
					display: inline-block;
					margin: 0px 0px 10px 0px;
					/*text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);*/
					}
				
				.copy a { color: #ee162d; text-decoration: none; }
				.copy a:hover { color: #ffffff; text-decoration: none; }
	
				#preloader .copy,
				#section1 .copy,
				#section3 .copy,
				#section4 .copy,
				#section4_1 .copy,
				#section5 .copy,
				#section5_1 .copy,
				#section6 .copy,
				#section6_1 .copy,
				#section7 .copy,
				#section7_1 .copy,
				#section8 .copy  {
					color: #ffffff;
					}
						
				.copy-left {
					top: 50%;
					left: 8%;
					width: 500px;
					height: 200px;
					margin: -100px 0px 0px 0px;
					text-align: left;
					}
					.copy-left p {
						width: 400px;
						text-align: left;
						}
						
				/* Special Copy Placement */
				.copy-5minutes {
					top: 25%;
					left: 4%;
					width: 500px;
					height: 200px;
					margin: 0px 0px 0px 0px;
					text-align: left;
					}
					.copy-5minutes p {
						width: 400px;
						text-align: left;
						}
				.nowrap {
					white-space: nowrap;
				}
				.copy-venge0 {
					top: 25%;
					left: 8%;
					width: 500px;
					height: 200px;
					margin: 0px 0px 0px 0px;
					text-align: left;
					}
					.copy-venge0 p {
						width: 365px;
						text-align: left;
						}
						.copy-venge0 p a.inline,
						.copy-venge5 p a.inline {
							display: inline-block;
							margin: 0px 15px 0px 0px;
						}
						.copy-venge0 p img,
						.copy-venge5 p img {
							width: 250px;
							height: auto;
							}
				.copy-venge1 {
					top: 20%;
					left: 5%;
					width: 500px;
					height: 200px;
					margin: 0px 0px 0px 0px;
					text-align: left;
					}
					.copy-venge1 p {
						width: 400px;
						text-align: left;
						}
				.copy-venge2 {
					top: 50%;
					left: 55%;
					width: 425px;
					height: 200px;
					text-align: left;
					}
					.copy-venge2 p {
						text-align: left;
						}
				.copy-venge3 {
					top: 15%;
					left: 12%;
					width: 500px;
					height: 200px;
					margin: 0px 0px 0px 0px;
					text-align: left;
					}
					.copy-venge3 p {
						width: 405px;
						text-align: left;
						}
				.copy-venge4 {
					top: 60%;
					left: 8%;
					width: 500px;
					height: 200px;
					margin: 0px 0px 0px 0px;
					text-align: left;
					}
					.copy-venge4 p {
						width: 480px;
						text-align: left;
						}
				.copy-venge5 {
					top: 30%;
					left: 10%;
					width: 500px;
					height: 200px;
					margin: 0px 0px 0px 0px;
					text-align: left;
					}
					.copy-venge5 p {
						width: 400px;
						text-align: left;
						}
						
				.copy-brakes {
					bottom: 25%;
					left: 15%;
					width: 500px;
					text-align: left;
					}
					.copy-brakes p {
						width: 400px;
						text-align: left;
						}
				.copy-tires {
					top: 70%;
					left: 10%;
					width: 500px;
					height: 300px;
					margin: -150px 0px 0px 0px;
					text-align: left;
					}
					.copy-tires p {
						width: 400px;
						text-align: left;
						}
				.copy-spokes {
					top: 15%;
					left: 8%;
					width: 500px;
					text-align: left;
					}
					.copy-spokes p {
						width: 415px;
						text-align: left;
						}
				.copy-skinsuit {
					top: 30%;
					right: 60%;
					width: 300px;
					height: 200px;
					margin: -100px 0px 0px 0px;
					text-align: left;
					}
					.copy-skinsuit p {
						width: 295px;
						text-align: left;
						}
				.copy-texture {
					top: 15%;
					left: 8%;
					width: 60%;
					text-align: left;
					}
					.copy-texture p {
						text-align: left;
						}
				.copy-helmet {
					top: 15%;
					left: 8%;
					width: 500px;
					text-align: left;
					}
					.copy-helmet p {
						width: 450px;
						text-align: left;
						}
				.copy-vent {
					bottom: 12%;
					left: 10%;
					width: 30%;
					height: 150px;
					text-align: center;
					}
					.copy-vent p {
						text-align: center;
						}
				.copy-closure {
					bottom: 12%;
					right: 10%;
					width: 30%;
					height: 150px;
					text-align: center;
					}
					.copy-closure p {
						text-align: center;
						}
				.copy-shoe {
					top: 15%;
					left: 15%;
					width: 500px;
					text-align: left;
					}
					.copy-shoe p {
						width: 400px;
						text-align: left;
						}
				.copy-shoe2 {
					top: 15%;
					left: 15%;
					width: 600px;
					text-align: left;
					}
					.copy-shoe2 p {
						width: 530px;
						text-align: left;
						}
						
					.scroll-down {
						display: block;
						position: absolute;
						bottom: 10px;
						left: 50%;
						width: 150px;
						margin: 0px 0px 0px -75px;
						font: 14px/25px "Vonnes Cond Book", Verdana, Arial, geneva, sans-serif;
						text-transform: uppercase;
						text-align: center;
						color: #000000;
					}
					a.scroll-down {
						color: #000000;
					}
					.products {
						display: block;
						position: absolute;
						top: 10%;
						left: 0;
						width: 100%;
						color: #fff;
						text-align: center;
						}
						.products p {
							display: block;
							width: 60%;
							text-align: center;
							margin: 0 auto 30px auto;
							}
						.products .thumbs {
							display: block;
							width: 100%;
							}
							.product {
								display: inline-block;
								position: relative;
								width: 17%;
								height: auto;
								margin: 10px 5px 0px 5px;
								}
								
								.product .thumb {
									width: 100%;
									height: auto;
									}
									.product .meters {
										position: absolute;
										width: 100%;
										top: 0;
										left: 0;
										text-align: center;
										}
										.product .meters .dial {
											display: inline-block;
											position: relative;
											width: 35%;
											height: auto;
											margin: 35px 5px 10px 5px;
											opacity: 0;
											}
									.product .info {
										position: absolute;
										top: 45%;
										left: 0;
										width: 100%;
										font: 18px/20px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;
										color: #fff;
										text-align: center;
										margin: 0;
										}
										.product .info .title {
											font: 18px/20px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;
											color: #fff;
											text-transform: uppercase;
											text-align: center;
											margin: 0;
											opacity: 0;
											}
										.product .info .savings {
											font: 12px/20px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;
											color: #ee162d;
											text-align: center;
											margin: 0px 0px 0px 0px;
											margin: 0;
											padding: 0;
											opacity: 0;
											}
											
					.lounge {
						display: block;
						position: absolute;
						top: 10%;
						left: 0;
						width: 100%;
						color: #fff;
						text-align: center;
						}
						
					.lounge {
						display: block;
						position: absolute;
						top: 5%;
						left: 0;
						width: 100%;
						color: #fff;
						text-align: center;
						}
						.lounge h1 {
							display: block;
							text-align: center;
							}
						.lounge p {
							display: block;
							text-align: center;
							margin: 10px auto 0px auto;
							width: 700px;
							}
						.lounge .thumbs {
							display: block;
							width: 100%;
							}
						.lounge .thumbs a {
							color: #fff;
							}
					.video-feature-thumb {
						display: inline-block;
						width: 20%;
						margin: 10px 5px 0px 5px;
						text-align: center;
						max-width: 450px;
						}
						.video-feature-thumb img {
							width: 100%;
						}
					.video-thumb {
						display: inline-block;
						width: 15%;
						margin: 10px 5px 0px 5px;
						text-align: center;
						max-width: 250px;
						}
						.video-thumb img {
							width: 100%;
						}
				
				#nav-side {
					display: block;
					position: fixed;
					width: 200px;
					top: 50%;
					right: -175px;
					margin: -110px 0px 0px 0px;
					background-color: #000;
					background-color: rgba(0,0,0,1);
					z-index: 55;
					color: #fff;
					padding: 2px 0px 2px 0px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					
					width: 25px;
					right: 20px;
					overflow: hidden;
					}
					#nav-side a {
						display: block;
						font: 12px/20px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;
						color: #fff;
						-webkit-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
						   -moz-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
							-ms-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
							 -o-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
								transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
						text-transform: uppercase;
						vertical-align: middle;
						height: 20px;
						width: 200px;
					}
					#nav-side a.mini:hover .nav-text,
					#nav-side a.mini.active .nav-text,
					#nav-side a:hover,
					#nav-side a.active {
						color: #ee162d;
					}
						#nav-side a .nav-text {
							display: block;
							margin: 0px 0px 0px 20px;
						}
						
						#nav-side a.mini .nav-text {
							color: #999999;
						}
						
					.circle {
						display: block;
						background: #fff;
						width: 8px;
						height: 8px;
						border-radius: 4px;
						margin: 6px 15px 0px 8px;
						float: left;
						}
					.mini {
						color: #999999;
					}
					.mini .circle {
						display: block;
						background: #999999;
						width: 4px;
						height: 4px;
						border-radius: 2px;
						margin: 7px 17px 0px 10px;
						float: left;
						}
						#nav-side a:hover .circle,
						#nav-side a.active .circle {
							background: #ee162d;
						}
		#footer {
			display: block;
			position: relative;
			width: 100%;
			height: 50px;
			background-color: #000;
			color: #fff;
			text-align: center;
			padding: 10px 0px 0px 0px;
			}
			
			
	
	#modal-media {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #000000;
		z-index: 75;
		display: none;
		}
		#modal-media .video-container {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 853px;
			height: 480px;
			margin: -240px 0px 0px -426px;
			background-color: #770b17;
		}
		#modal-media .close {
			position: absolute;
			top: 25px;
			right: 25px;
			width: 25px;
			height: 25px;
			background-color: #ee162d;
			}
			
			
	
	#preloader_3d {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba( 0, 0, 0, .6 );
		font: 12px/20px "Vonnes Cond Bold", Verdana, Arial, geneva, sans-serif;
		color: #FFF;
		}		
	
	#sweepstakes {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		width:100%;
		height:100%;
		background-color: rgba(0, 0, 0, .75);
		font: 12px/20px "Vonnes Cond Bold", Verdana, Arial, geneva, sans-serif;
		color: #FFF;
		-webkit-transform: translateZ(10px);
		   -moz-transform: translateZ(10px);
			-ms-transform: translateZ(10px);
			 -o-transform: translateZ(10px);
				transform: translateZ(10px);
		z-index: 100;
		}
		#sweepstakes .inner {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 380px;
			background-color: #000;
			margin: -200px 0px 0px -190px;
			}
			#sweepstakes .form {
				position: relative;
				width: 340px;
				margin: 20px 0px 15px 20px;
				}
				#sweepstakes .form h1 {
					font: 30px/30px "Vonnes Cond Bold", Verdana, Helvetica, Arial, sans-serif;
					width: 300px;
					}
				#sweepstakes .form p {
					margin: 0px 0px 5px 0px;
					}
				#sweepstakes .form a {
					font: 12px/12px "Vonnes Cond Bold", Verdana, Arial, geneva, sans-serif;
					color: red;
					}
				#sweepstakes .form input {
					margin:0px 0px 5px 0px;
					}
					#sweepstakes .form input.textfield {
						width: 335px;
						height: 22px;
						}
					select {
						display: inline-block;
						height: 25px;
        				line-height: 25px;
						margin: 0px 0px 10px 0px;
						}
					#sweepstakes .form input.btn {
						margin: 5px 0px 0px 0px;
						padding: 5px 10px 5px 10px;
						border: 0;
						background-color: #ee162d;
						color: #ffffff;
						font: 12px/12px "Vonnes Cond Bold", Verdana, Arial, geneva, sans-serif;
						text-align: center;
						}
						#sweepstakes .form #form-error {
							color: #ee162d;
							text-transform: uppercase;
						}
		#sweepstakes .close {
			position: absolute;
			top: 25px;
			right: 25px;
			width: 25px;
			height: 25px;
			background-color: #ee162d;
			}
			
	#terms {
		background-color: #000;
		overflow: auto;
		font: 12px/20px Verdana, Arial, geneva, sans-serif;
	}
	#termscopy {
		width: 80%;
		color: #fff;
		margin: 0 auto;
		}
		#terms a {
			font: 12px/20px Verdana, Arial, geneva, sans-serif;
			color: red;
		}
	
	#preloader {
		position: fixed;
		top: 0px;
		left: 0px;
		width:100%;
		height:100%;
		background-color: #000000;
		font: 12px/20px "Vonnes Cond Bold", Verdana, Arial, geneva, sans-serif;
		color: #FFF;
		-webkit-transform: translateZ(10px);
		   -moz-transform: translateZ(10px);
			-ms-transform: translateZ(10px);
			 -o-transform: translateZ(10px);
				transform: translateZ(10px);
		z-index: 100;
		}
		#preloader_3d .icon,
		#preloader .icon {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100px;
			height: 100px;
			margin: -50px 0px 0px -50px;
			}
			#preloader_3d .icon .text ,
			#preloader .icon .text {
				display: block;
				position: absolute;
				top: 50%;
				left: 0;
				width: 100%;
				margin: -10px 0px 0px 0px;
				text-align: center;
				}
			#preloader_3d .icon .percentage,
			#preloader .icon .percentage {
				display: block;
				position: absolute;
				top: 50%;
				left: 0;
				width: 100%;
				margin: 10px 0px 0px 0px;
				font: 10px/20px "Vonnes Cond Book", Verdana, Arial, geneva, sans-serif;
				color: #999;
				text-align: center;
				}
		/*
		#Lounge {
			z-index: 55;
			background-color: black;
		}
		*/
			
			
		/* HACKING TO MAKE THE LAST SECTION SCROLLABLE*/
		/*#Lounge {
			height: 10px;
		}
		#section8 {
			position: relative;
			background-color: red;
			width: 100%;
			height: 100%;
		}
			*/
			
/**********************************************************************************
NON SCROLLING
**********************************************************************************/
	@media screen and (max-width: 900px) {
		#modal-media .video-container {
			width: 700px;
			height: 394px;
			margin: -197px 0px 0px -350px;
		}
		#modal-media .video-container iframe {
			width: 700px;
			height: 394px;
		}
		.lounge p {
			width: 80%;
			}
	}
	@media screen and (max-width: 700px) {
		#modal-media .video-container {
			width: 400px;
			height: 225px;
			margin: -113px 0px 0px -200px;
		}
		#modal-media .video-container iframe {
			width: 400px;
			height: 225px;
		}
	}
			
	@media screen and (min-width: 200px) and (max-width: 750px) {
		.copy-center,
		.copy-top,
		.copy-bottom,
		.copy-right,
		.copy-left,
		.copy-brakes,
		.copy-tires,
		.copy-spokes,
		.copy-skinsuit,
		.copy-texture,
		.copy-helmet,
		
		.copy-venge0,
		.copy-venge1,
		.copy-venge2,
		.copy-venge3,
		.copy-venge4,
		.copy-venge5,
		
		.copy-shoe,
		.copy-shoe2 {
			display: block;
			position: absolute;
			top: 5%;
			left: 5%;
			width: 90%;
			height: auto;
			margin: 0;
			text-align: center;
			}
			
			/* POSITION CERTAIN TEXT AT BOTTOM */
		.copy-5minutes,
		.copy-brakes,
		.copy-tires,
		.copy-cockpit,
		.copy-skinsuit,
		.copy-texture {
			position: absolute;
			top: auto;
			bottom: 5%;
			left: 5%;
			width: 90%;
			height: auto;
			margin: 0;
			text-align: center;
			}
			
			.copy-center p,
			.copy-top p,
			.copy-bottom p,
			.copy-right p,
			.copy-left p,
			.copy-5minutes p,
			.copy-cockpit p,
			.copy-brakes p,
			.copy-tires p,
			.copy-spokes p,
			.copy-skinsuit p,
			.copy-texture p,
			.copy-helmet p,
			
			.copy-venge0 p,
			.copy-venge1 p,
			.copy-venge2 p,
			.copy-venge3 p,
			.copy-venge4 p,
			.copy-venge5 p,
		
			.copy-shoe p,
			.copy-shoe2 p {
				width: 100%;
				text-align: center;
				}
			
		#section1 .copy,
		.copy-5minutes {
			color: #000;
			height: auto;
		}
	}
	
	
	
	
/**********************************************************************************
GLOBAL MOBILE
**********************************************************************************/
	body.isMobile {
		height: 100%;
		overflow: auto;
		}
		body.isMobile #wrapper {
			display: none;
		}
		body.isMobile #content {
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
			left: auto;
			top: auto;
			height: auto;
			}
			body.isMobile .section {
				display: block;
				position: relative;
				width: 100%;
				height: 600px;
				top: auto;
				left: auto;
				}
				body.isMobile #section1 .background {
					background-color: #000000;
					background: url(../img/intro/intro_101.jpg) no-repeat center center;
					background-size: cover;
					}
				body.isMobile #section3 .background {
					background-color: #000000;
					background: url(../360/3d/0_0.jpg) no-repeat center center;
					background-size: cover;
					margin: 50px 0px 0px 0px;
					}
		body.isMobile #intro,
		body.isMobile #preloader,
		body.isMobile #preloader_3d,
		body.isMobile #sequence-threed {
			display: none;
		}
		body.isMobile #logo {
			display: block;
			}
			
		body.isMobile #nav-side {
			display: none;
		}
		
		body.isMobile .copy-venge1,
		body.isMobile .copy-venge2,
		body.isMobile .copy-venge3,
		body.isMobile .copy-venge4,
		body.isMobile .copy-venge5 {
					display: none;
					}
		
		body.isMobile h1 img {
			max-width: 90%;
			height: auto;
		}
			
/**********************************************************************************
TABLET
**********************************************************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body {
		/*font: 10px/16px "Vonnes Cond Book", Verdana, Arial, geneva, sans-serif;*/
		font: 10px/16px 'Playfair Display', Verdana, Arial, geneva, sans-serif;
	}
	#nav-side {
		display: none;
	}
	.scroll-down {
		display: none;
	}
		.copy-5minutes {
			top: 15%;
			}
			.copy-5minutes p {
				width: 250px;
				}
		.products p {
			width: 80%;
			}
			.product .info {
				top: auto;
				bottom: 10px;
				}
				.product .info .title {
					opacity: 1;
					}
				.product .info .savings {
					opacity: 1;
					}		
											
	.copy-venge0 {
		top: 15%;
		}
	.copy-tires {
		width: 400px;
		}
		.copy-venge1,
		.copy-venge2,
		.copy-venge3,
		.copy-venge4,
		.copy-venge5 {
			display: none;
			}
}


/**********************************************************************************
MOBILE
**********************************************************************************/
@media screen and (max-device-width: 480px) {
	#header_nav {
		position: absolute;
		}
	#logo {
		position: absolute;
		left: 10px;
		}
	#nav-side {
		display: none;
	}
	body {
		/*font: 10px/16px "Vonnes Cond Book", Verdana, Arial, geneva, sans-serif;*/
		font: 10px/16px 'Playfair Display', Verdana, Arial, geneva, sans-serif;
	}
	
	h1 img {
		height: auto;
		max-width: 300px;
		margin-bottom:10px;
	}

	#section1 .background {
		background-color: #000000;
		background: url(../img/intro/intro_70.jpg) no-repeat center center;
		background-size: cover;
		}
	.products,
	.lounge {
		top: 5%;
		}
		.products p {
			width: 80%;
			}
			.product {
				margin: 10px 1px 0px 5px;
				}
				body.isMobile #section3 .background {
					background-position: 55% 50px;
					
					}	
	.scroll-down {
		display: none;
		}
		.copy-5minutes {
			bottom: 5%;
			background-color: #000;
			background-color: rgba(0, 0, 0, .75);
			text-shadow: none;
			padding-top: 5px;
            padding-bottom: 5px;

			}
			.copy-5minutes p {
				width: 90%;
				text-shadow: none;
				color: #fff;
				}
		
		h1 img {
			height: auto;
			width: 80%;
			margin-bottom: 5px;

		}
		.copy-venge0 {
			margin: -40px 0px 0px 0px;
			}
			.copy-venge0 p img,
			.copy-venge5 p img {
				width: 150px;
				height: auto;
				}
		.copy-vent {
			position: absolute;
			top: auto;
			bottom: 10%;
			left: 10%;
			width: 80%;
			}
		.copy-closure {
			position: absolute;
			top: 10%;
			bottom: auto;
			left: 10%;
			width: 80%;
			}
			.copy-vent p,
			.copy-closure p {
				width: 100%;
				text-align: center;
				}
		.copy-venge1,
		.copy-venge2,
		.copy-venge3,
		.copy-venge4,
		.copy-venge5 {
			display: none;
			}
}