@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,300italic,400italic,600italic,700italic,800,800italic&subset=latin,cyrillic);
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
img {max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none;}
a { color:#0eeaff; text-decoration:none;}
a:hover { color:#0eeaff; text-decoration:underline;}
body {
padding:0;
margin:0;
background:url(../img/new/bg.jpg) no-repeat bottom center #08091b;
font-family:'Open Sans', sans-serif;
font-size:1.125em;
font-weight:400;
color:#838282;
}

.wrapper {
padding:0;
margin:0 auto;
width:100%;
max-width:1260px;
position:relative;
}

header, #container, footer {
padding:0;
margin:0;
width:100%;
clear:both;
position:relative;
float:left;
}
#video-container {
width:100%;
float:left;
position:relative;
margin-top:-20px;
}

#video-container img {
width:100%;
display:block;
}

#top {
position:fixed;
top:0;
left:0;
z-index:2;
width:100%;
background:#0f0b0e;
background:rgba(15, 11, 14, 0.6);
}

#menu {
float:left;
width:85%;
padding:20px 0 0;
margin:0;
text-transform:uppercase;
font-size:88.9%;
}

#menu a {
color:#ffffff;
text-decoration:none;
padding:0 2%;
}
#menu a:first-child { font-weight:700;}
#menu a:hover {
color:#0eeaff;
text-decoration:none;
}

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 1em 0.625em 1em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, 1); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
.slicknav_menu { *zoom: 1 }
.slicknav_menu {font-size:88.9%;	display:none;}
.slicknav_btn {margin: 0; text-decoration:none;}
.slicknav_menu  .slicknav_menutxt { color: #FFF; font-weight: 700;}
.slicknav_menu .slicknav_icon-bar { background-color: #fffff;}
.slicknav_menu { padding:0; position:absolute; z-index:3; top:0;}
.slicknav_nav { color:#fff; margin:0; padding:0;}
.slicknav_nav, .slicknav_nav ul {list-style: none;overflow:hidden;}
.slicknav_nav ul { padding:0;margin:0 0 0 20px;}
.slicknav_nav .slicknav_row { padding:10px 20px; margin:0;}
.slicknav_nav a{padding:10px 20px; margin:0; text-decoration:none;  color:#ffffff; text-transform:uppercase; font-size:88.9%;background:#151015; border-bottom:1px solid #0eeaff;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0;}
.slicknav_nav .slicknav_row:hover {background:#0eeaff;}
.slicknav_nav a:hover{ background:#0eeaff; color:#ffffff;}

.social_icons {
float:left;
width:15%;
padding:5px 0;
margin:0;
text-align:right;
}
.social_icons img {
display:inline-block;
float:right;
}

.logo {
position:absolute;
z-index:1;
text-align:center;
width:100%;
clear:both;
top:15%;
}

.play_button {
position:absolute;
bottom:40%;
z-index:1;
font-size:2.222em;
text-transform:uppercase;
text-align:center;
width:100%;
}

.play_button a {
background-color: rgba(0, 0, 0, 0.4);
display:inline-block;
padding:10px 3%;
-webkit-border-radius:10px;
border-radius:10px;
text-decoration:none;
}

.buttonsBlock {

position:absolute;
bottom:20%;
}


.preorder {
position:absolute;
bottom:10%;
z-index:1;
font-size:2.222em;
text-transform:uppercase;
text-align:center;
width:100%;
}
.preorder a {
background:#f3a826;
display:inline-block;
padding:10px 3%;
-webkit-border-radius:10px;
border-radius:10px;
color:#060406;
text-decoration:none;
}

.demo {
position:absolute;
bottom:19%;
z-index:1;
font-size:1.4em;
text-transform:uppercase;
text-align:center;
width:100%;
}

.demo a {
background:#26f3c3;
display:inline-block;
padding:10px 3%;
-webkit-border-radius:10px;
border-radius:10px;
color:#060406;
text-decoration:none;
}


footer {
background:url(../img/new/footer.png) no-repeat top center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
height:auto;
text-align:center;
padding-top:200px;
padding-bottom:70px;
}

footer h5 {
padding:0 0 20px 0;
margin:0;
font-family:'Open Sans', sans-serif;
font-size:2.000em;
font-weight:300;
color:#ffffff;
text-transform:uppercase;
}

.bottom_nav {
text-transform:uppercase;
border-top:0px solid #19363e;
padding:20px 10%;
color:#19363e;
width: 30%;
margin:0 auto;
}

.bottom_nav a {
color:#ffffff;
text-decoration:none;
}

.copy {
font-size:66.7%;
color:#8c8c8c;
}

#content-home {
padding:70px 0 0;
margin:0;
width:100%;
float:left;
}

.about {
padding:0 0 100px 0;
margin:0;
width:100%;
float:left;
text-align:center;
}

a.about_game_btn {
width:auto;
text-align:center;
background:#133036;
padding:5px 4%;
text-transform:uppercase;
-webkit-border-radius:5px;
border-radius:5px;
margin-top:7px;
}

.about h1, .preorder_container h2 {
padding:0 0 20px 0;
margin:0;
font-family:'Open Sans', sans-serif;
font-size:2.000em;
font-weight:300;
color:#ffffff;
text-transform:uppercase;
}

.about p, .preorder_container p {
padding:0 0 15px 0;
margin:0;
}

.about strong {
color:#ffffff;
font-weight:700;
}

.preorder_container {
padding:0;
margin:0;
width:100%;
float:left;
text-align:center;
}

.preorder_container p {
font-size:79.8%;
}
 
.box_preload {
padding:10px 1%;
margin:40px 2% 0 31%;
width:19%;
float:left;
border:0px solid #232126;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius:5px;
border-radius:5px;
text-align:left;
background:#000;
}

.widget_info {
float:left;
min-height:370px;
}
.widget_info_last {
float:left;
min-height:415px;
}

.box_preload p {
font-size:70.8%;
}


.box_preload_last {
padding:10px 1%;
margin:40px 0 0 0;
width:16%;
float:left;
border:0px solid #232126;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius:5px;
border-radius:5px;
text-align:left;
background:#000;
}

.box_preload img, .box_preload_last img {
width:100%;
display:block;
}

.box_preload h6, .box_preload_last h6 {
padding:0;
margin:0;
font-size:77.8%;
font-weight:400;
}

.box_preload h4, .box_preload_last h4 {
padding:0 0 10px;
margin:0;
font-size:133.3%;
font-weight:600;
color:#f3a826;
}

.box_preload span {
float:left;
width:auto;
font-size:188.9%;
color:#15f1ff;
font-weight:700;
}

.box_preload a {
float:right;
width:auto;
background:#133036;
padding:5px 4%;
text-transform:uppercase;
-webkit-border-radius:5px;
border-radius:5px;
margin-top:7px;
}

.box_preload_last span {
float:left;
width:100%;
font-size:188.9%;
color:#15f1ff;
font-weight:700;
padding-top:50px;
}

.box_preload_last a {
float:left;
width:100%;
background:#133036;
padding:5px 0;
text-transform:uppercase;
-webkit-border-radius:5px;
border-radius:5px;
margin-top:7px;
text-align:center;
}

#content {
padding:200px 0 0;
margin:0;
background:url(../img/new/bg_inner.png) no-repeat top center;
/* -webkit-background-size:contain; */
/* -moz-background-size:contain; */
/* -o-background-size:contain; */
/* background-size:contain; */
width:100%;
float:left;
min-height:1360px;
numeric controls
}

#content h1 {
padding:0 0 20px 0;
margin:0;
font-family:'Open Sans', sans-serif;
font-size:2.000em;
font-weight:300;
color:#ffffff;
text-transform:uppercase;
text-align:center;
}

#news {
	padding:40px 5%;
	margin:150px 0 0;
	width:90%;
	float:left;
	background:#0e0e0e;
	background:rgba(14, 14, 14, 0.9);
}

#news p {
	font-size:88.9%;
}

#news h3 {
padding:0;
margin:0;
font-size:111.1%;
font-weight:700;
color:#ffffff;
}

#update {
width:80%; 
margin-left:15%; 
margin-right:15%
text-align:left
}

#update td {
width: 50%;
padding-left:2%;
}