html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
/* 	font-size: 100%; */
/* 	font: inherit; */
font-weight:300;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
/* 	line-height: 1em; */
background:#252525;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*:focus {outline: 0;}
::-webkit-input-placeholder {color: #cccccc;}
:-moz-placeholder {color: #cccccc; }
::-moz-placeholder {color: #cccccc;}
:-ms-input-placeholder { color: #cccccc;}

div:hover {
/*   -webkit-filter: blur(10px); */
}

.clearfix:after {  content: ".";  display: block;  clear: both;  visibility: hidden;}
* html .clearfix {height: 1%; }
html {margin: 0;  min-height:100%; height:100%; padding:0; font-family:"myriad-pro";font-weight:300;}
body {margin: 0;  min-height:100%; min-width:960px; padding:0; height:100%;font-size:17px;}

.bg-blue {background:#33a6cd;}
.bg-black {background:#101010;}

.fullw_white {width:100%; background:#fff;}
.fullw_charger{background-image: radial-gradient(#444, #111);}
.fullw_charger_2{background:#efefef;}
.fullw_footer{width:100%; background:#252525;}

.fullw_black {width:100%; background:#000;}

.posrel {
  position:relative;
}
.posfix {
  position:fixed;
  z-index:10;
  top:0;
}
.pt20 {
  padding-top:20px;
}
.mt50 {
  margin-top:50px;
}

.w88p {
  width:88%;
  margin:0 auto;
  color:#333;
}
.w960 {
  width:960px;
  margin:0 auto;
  color:#333;
}
.bg-blue .w960 {
  color:#fff;
}
.bg-black .w960 {
  color:#fff;
}

.w960 h2 {
  font-size:3em;
  padding-top:20px;
  padding-bottom:20px;
  text-align:center; 
}

header{
	width:100%;
	margin:0 auto;
	text-align:center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	position:fixed;
	z-index:10;
	top:0;
	height:60px;
	overflow:hidden;
}
        
header.sticky {
	height:50px;
	margin:-10px 0;
	position: fixed;
	background: #252525;
	overflow:hidden;
}

#topmenu {
  color:#fff;
  text-align:left;
}

header.sticky #topmenu a.menu {
  color:#ddd;
  text-decoration:none;
  font-size:14px;
  margin-top:21px;
  float:right;
  margin-left:20px;
  text-transform:uppercase;
}

#topmenu a.menu {
  color:#ddd;
  text-decoration:none;
  font-size:15px;
  margin-top:22px;
  float:right;
  margin-left:20px;
  text-transform:uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#topmenu a.menu:hover,header.sticky #topmenu a.menu:hover {color:#fff;}

#topmenu a#gohome {
  float:left;
  margin:10px 0 0 0px;
}

#topmenu a#gohome>img {
  margin-top:7px;
  height:24px;
}

a.ks-preorder {
height:50px;
background:#88c543;
  float:right;
  margin:0px 0px 0 50px;
padding:15px 10px 0;
}

header.sticky a.ks-preorder {
height:50px;
background:#88c543;
  float:right;
  margin:10px 0px 0 50px;
padding:5px 10px 0;
}

.fwdiv {
  width:100%;
  background-position:center center;
  background-size:cover;
  height:714px;
  background-repeat:no-repeat;
  background-color:#000;
}
.fwdiv.bgr {background-repeat:repeat;}
.fwdiv>div {width:100%; position:relative;}
.fwdiv>div>img {max-width:40%;margin-left:6%;z-index:3;position:relative;}
.fwdiv>div>div {width:40%;right:6%;position:absolute;top:120px;background:rgba(255,0,0,.5); padding:2.5%; box-sizing:border-box; color:#fff;}
.fwdiv>div>div>h2 {font-size:4em; text-transform:uppercase;line-height:1em;}
.fwdiv>div>div>p {font-size:1.4em; margin-top:40px;}
#feature-home{
  background-image:url(/images/features/main-photo.jpg);
  z-index:4;
  position:relative;
  height:600px;
}
#feature-home>iframe {
  position:absolute;
  right:6%;
  top:111px;
  width:640px;
  height:360px;
}
#feature-oldschool{background-image:url(/images/features/2-old-school.png);}
#feature-oldschool>div>div{background:rgba(79,194,255,.6);}

#feature-control{background-image:url(/images/features/3-new-types-of-control.png);}
#feature-control>div>div{background:rgba(200,148,27,.6);}

#feature-screens{background-image:url(/images/features/4-six-screens.png);}
#feature-screens>div>div{background:rgba(79,194,255,.6);}

#feature-multiplayer{background-image:url(/images/features/5-multiplayer-games.png);}
#feature-multiplayer>div>div{background:rgba(93,144,53,.6);}

#feature-api{background-image:url(/images/features/6-API-NodeJS.png);}
#feature-api>div>div{background:rgba(255,37,47,.6);}

#feature-water{background-image:url(/images/features/7-water-resistance.png);}
#feature-water>div>div{background:rgba(45,66,116,.6);}

#feature-voice{background-image:url(/images/features/8-voice-control.png);}
#feature-voice>div>div{background:rgba(79,194,255,.6);}

#feature-charging{background-image:url(/images/features/9-wireless-charging.png);}
#feature-charging>div>div{background:rgba(0,254,84,.6);}

#feature-linux{background-image:url(/images/features/10-full-fledged-computer.png);}
#feature-linux>div>div{background:rgba(79,194,255,.6);}

#feature-store{background-image:url(/images/features/11-store.png);}
#feature-store>div>div{background:rgba(255,37,47,.6);}


#popup {
  width:30%;
  height:100px;
  position:fixed;
  left:35%;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000));
  background : -moz-linear-gradient(top, #222222 0%, #000000 100%);
  background : -webkit-linear-gradient(top, #222222 0%, #000000 100%);
  background : -o-linear-gradient(top, #222222 0%, #000000 100%);
  background : -ms-linear-gradient(top, #222222 0%, #000000 100%);
  background : linear-gradient(top, #222222 0%, #000000 100%);
  filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 );
  font-size:1.2em;
  color:#ffffff;
  z-index:1000000;
  top:50%;
  margin-top:-50px;
  padding:20px;
  border-radius:10px;
  box-sizing:border-box;
  border:1px solid #fff;
  text-align:center;
  display:none;
}

.form {
  width:100%;
  background:#000000;
  background-image:radial-gradient(#222222, #000000);
  width:100%;
  height:360px;
  text-align:center;
  padding-top:20px;

}

.form h2 {
  font-size:3em;
  color:#fff;
  margin:0 0 20px 0;
}
.form>div input, .form>div a {
  width:400px;
  height:40px;
  font-size:1.2em;
  clear:left;
  margin-bottom:20px;
   font-family:"myriad-pro";  
     border-radius : 10px;
     padding:10px;
     font-weight:normal;
     border:1px solid #000;
}
.form>div>table {
  margin:0 auto;
  width:400px;
}

.form>div a.btn-style{
  height:34px;
  padding-top:16px;
  border-radius : 10px;
  moz-border-radius : 10px;
  font-size : 20px;
  color : #ffffff;
  display:block;
  background : #444444;
  text-decoration:none;
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000));
  background : -moz-linear-gradient(top, #444444 0%, #000000 100%);
  background : -webkit-linear-gradient(top, #444444 0%, #000000 100%);
  background : -o-linear-gradient(top, #444444 0%, #000000 100%);
  background : -ms-linear-gradient(top, #444444 0%, #000000 100%);
  background : linear-gradient(top, #444444 0%, #000000 100%);
  filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 );
}

.form>div a.btn-style:hover {
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000));
  background : -moz-linear-gradient(top, #222222 0%, #000000 100%);
  background : -webkit-linear-gradient(top, #222222 0%, #000000 100%);
  background : -o-linear-gradient(top, #222222 0%, #000000 100%);
  background : -ms-linear-gradient(top, #222222 0%, #000000 100%);
  background : linear-gradient(top, #222222 0%, #000000 100%);
  filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 );
}


/* APPS */

#apps {
padding-top:20px;	
}

#apps .columns{
margin:10px 0 30px;
overflow:hidden;
}

#apps .columns h3{
font-weight:600;
font-size:25px;
text-transform:uppercase;
text-align:center;
padding:0 0 10px;
}

#apps .columns p{
text-align:left;
}

#apps .columns img{
width:220px;
padding:0 0 0 0;
}

#apps .row1, #apps .row3{
float:left;
width:300px;
text-align:center;
}

#apps .row2{
float:left;
width:300px;
margin:0 30px;
text-align:center;
}


/* Specifications */

#specifications {

}

#specifications img {
	margin:10px auto;
} 

#specifications .techpart {
text-align:left;
width:460px;
margin:0 20px 10px 0;
float:left;
overflow:hidden;
}

#specifications .techpart h3 {
  font-size:1.2em;
}

#specifications .techpart p {
margin:20px 0;
}
#specifications .techpart small {
display:block;
font-size:11px;
margin:-3px 0 0;
color:#eee;
}

#specifications .detailpart {
width:470px;
float:right;
overflow:hidden;
}

#specifications .detailpart ul{
text-align:left;
}

#charger {
color:#fff;
padding:20px 0 40px;
}

#charger,#charger_2{
text-align:center;
}

#charger h2{
  width:100%;
  padding:30px 0 0px;
  text-align:center;
  font-size:3em;
  color:#fff;
}

#charger h3{
  width:100%;
  padding:0 0 40px;
  text-align:center;
  font-weight:300;
  color:#fff;
}

#charger .multicolor small,
#charger .magnet small,
#charger .speakers small,
#charger .power small{
display:block;
font-size:13px;
margin:-3px 0 0;
color:#ddd;
}

#charger .multicolor,
#charger .magnet,
#charger .speakers,
#charger .power{
color:#33a6cd;
text-align:left;
font-size:18px;
position: absolute;
}

#charger .multicolor hr,
#charger .magnet hr,
#charger .speakers hr,
#charger .power hr{
position: absolute;
border: 0;
height: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #eee;
}

#charger .multicolor{
width:175px;
left:80px;
top:250px;
}

#charger .magnet{
width:175px;
left:100px;
top:490px;
}

#charger .speakers{
width:175px;
left:715px;
top:358px;
}

#charger .power{
width:175px;
left:715px;
top:470px;
}

#charger .multicolor hr {left:180px; top:3px; width:45px;}
#charger .magnet hr {left:140px; top:3px; width:35px;}
#charger .speakers hr {left:-110px; top:3px; width:95px;}
#charger .power hr {left:-215px; top:3px; width:200px;}

#charger_2{
padding:0 0 15px;
}

#charger_2 .chargersize{
text-align:left;
margin-left:85px;
}

#charger_2 .chargersize span{
padding:0 30px;
display:block;
}
#charger_2 .chargersize strong{
font-weight:600;
}

#advs {
height:45px;
}

/* ABOUT US */
#about{
	margin:0 auto;
	background:#ffffff;
	text-align:center;	
	overflow:hidden;
	color:#000000;
  font-size:1.5em;
  padding:20px 0 60px 0;
}

#about strong {
  text-decoration:underline;
}
#about h2 {font-size:2em;}

#about .ilia{width:400px;margin:50px auto 0; text-align:left;font-size:14px;}
#about .slava{width:400px;margin:100px auto 0;text-align:right;font-size:14px;}

#about .ilia p{width:300px;font-style: italic;}
#about .slava p{width:300px;font-style: italic;float:right;}

#about .ilia p small{font-size:14px;padding:10px 0 0 130px;display:block;font-weight:400;}
#about .slava p small{font-size:14px;padding:10px 0 0;display:block;font-weight:400;}


.bg_red {
	background:rgba(255,37,47,.6);
	color:#fff;
}

#cuberia {
	color:#ffffff;
	padding-bottom:20px;
}

#cuberia .cuberia {
	float:left;
	width:480px;
	margin:20px 0;
}
#cuberia .cuberia>img {
	width:100%;
}
#cuberia .gallery {
	float:right;
	width:480px;
	margin:20px 0;
}
#cuberia .gallery img {
	height:100%;
}
#cuberia .gallery>a {
	float:left;
	width:150px;
	height:100px;
	text-align:center;
	overflow:hidden;
	margin-left:10px;
	margin-bottom:10px;
}

#thanks{
text-align:left;
}

#thanks p{
font-size:18px;
}

#api {
	color:#fff;
}
#api p {
	margin-bottom:20px;
}
#api img {
	border-radius:15px;
	margin-bottom:20px;
}

.bg-blue {
	background:rgba(79,194,255,.6);
}
.bg-green {
	background:rgba(0,254,84,.6);
}

/* FOOTER */
#footer{
font-size:14px;
color:#fff;
padding:40px 0 20px;
overflow:hidden;
}

#footer ul li.title{
font-weight:600;
padding:0 0 5px;
font-size:16px;
}

#footer a{color:#33a6cd;}

#footer ul.contact {
padding:0 0 0 20px;
float:left;
width:700px;
}

#footer ul.links {
float:left;
width:90px;
}

#footer ul.follow{
float:right;
width:90px;
}

#footer .copyright{
margin-top:30px;
padding-top:30px;
border-top:1px solid #999;
display:block;
font-size:12px;
color:#999;
}