@import url('https://fonts.googleapis.com/css?family=Alegreya|Open+Sans+Condensed:300|Raleway');
html {
	overflow-y:scroll;
}
body {
	background-color:#050808;
	color:#FDFDFD;
}
body,h1,h2,h3,h4,h5,h6,p,li {
	font-family:'Open Sans Condensed', sans-serif;
}
.row {
	margin-left:0px !important;
	margin-right:0px !important;
}
a {
	outline:none;
}
.navbar {
	border:0px;
	border-radius:0px;
	-mox-border-radius:0px;
	background-color:#050808;
	height:100px;
	font-family:'Raleway', sans-serif;
	z-index:20004;
}
.navbar-inverse .navbar-nav > li > a {
	line-height:70px;
	text-transform:uppercase;
	width:150px;
	text-align:center;
	font-size:18px;
}
.navbar-inverse .navbar-nav > li > a:hover {
	background-color:#457F02;
}
.navbar-collapse {
	background-color:#050808;
}
.top-logo {
	height:80px;
}
.fullscreen-bg {
	width:100%;
	overflow:hidden;
	z-index:-100;
	margin-top:100px;
}
.fullscreen-bg video {
	width:100%;
}
#video-overlay {
	position:absolute;
	left:20%;
	right:20%;
	background:transparent;
	z-index:20000;
	margin:0px !important;
}
#video-overlay h2 {
	font-family:'Alegreya', serif;
	font-size:36px;
	font-weight:bolder;
	color:#ffffff;
}
#whatsinthebox img {
	width:100%;
}
.components {
	margin-top:100px;
	margin-left:-200px;
}
.components li {
	padding:10px;
	font-size:18px;
	list-style-type:none;
}
#preorder {
	background-color:#5C5343;
	padding:25px;
	margin-top:0px !important;
}
#preorder form {
	text-transform:uppercase;
}
.form-control, .input-lg {
	border-radius:0px;
}
.dropshadow {
	-webkit-filter:drop-shadow(5px 8px 8px #2e3436);
	filter:drop-shadow(5px 8px 8px #2e3436);
}
#backtop {
	display:none;
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:20002;
	border:none;
	outline:none;
	background-color:#457F02;
	color:#ffffff;
	cursor:pointer;
	padding:15px;
	border-radius:10px;
}
.captcha {
	background-color:#232323;
	color:#dedede;
	width:60px;
	border:0px;
	font-size:18px;
	text-align:center;
}
#backtop:hover {
	background-color:#ffffff;
	color:#010101;
}
.text-uppercase {
	text-transform:uppercase;
}
.text-danger {
	color:red;
}
.text-warning {
	color:orange;
}
.text-white {
	color:#ffffff;
}
.btn {
	border:0px;
	border-radius:0px;
	-moz-border-radius:0px;
}
.btn-lg {
	padding:20px;
}
.btn-white {
	background-color:#ffffff;
	color:#010101;
	font-weight:bolder;
}
.btn-white:hover {
	background-color:#010101;
	color:#ffffff;
}
.tooltip-inner {
	padding:15px;
	border-radius:5px;
	-mox-border-radius:5px;
}
.mobo {
	width:100%;
}
footer {
	padding-top:25px;
	padding-bottom:25px;
	background:transparent;
}
.copyright {
	font-size:16px;
	text-transform:uppercase;
}
.copyright a {
	color:#457F02;
	text-decoration:none;
}
@media screen and (max-width:479px) {
	.top-logo { height:60px;}
	#video-overlay h2 { font-size:12px;}
	.navbar-inverse .navbar-nav > li > a { width:100%;}
	.captcha { width:50px;}
	.preorder { font-size:13px; padding:7px;}
	#preorder h2 { font-size:13px;}
	.components { margin-top:0px; margin-left:0px;}
	.components li { font-size:13px; padding:7px;}
}
@media screen and (min-width:480px) and (max-width:767px) {
	#video-overlay h2{font-size:16px;}
	.navbar-inverse .navbar-nav > li > a{width:100%;}
	.captcha{width:70px;}
	.preorder{font-size:16px;padding:7px;}
	.components{margin-top:0px;margin-left:0px;}
	.components li{font-size:16px;padding:10px;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
	#video-overlay h2{font-size:24px;}
	.preorder{font-size:20px;padding:10px;}
}