@charset "utf-8";header, section, footer, aside, nav, main, article, figure{display:block;}
@font-face {
    font-family: Kallio;
    src: url(Kallio200.ttf);
}
*{font-family:Kallio, Helvetica, Arial, sans-serif;}
p{font-family:Helvetica, Arial, sans-serif;font-size:0.9em;color:#aaa;}
html{height:100%;width:100%;}
body{margin:0px 0px 0px 0px;width:100%;background-color:#000;z-index:-10;color:#fff; cursor:default;}
a{color:inherit;font-size:inherit; text-decoration:none;}
.decobox1 {color:black;background-color:white;}
.decobox2 {  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0)', endColorstr='rgba(255, 255, 255, 1)', GradientType=1);
	opacity:0.3;
}
.decobox6 {  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 1)', endColorstr='rgba(255, 255, 255, 0)', GradientType=1);	opacity:0.3;
}
nav div.btn{background-color:transparent; color:inherit;display:block;padding-left:5px;}
nav a{color:#000;}
nav>a{display:inline-block;}
nav>div.btn{display:inline-block;}
nav div nav div a {display:block;}
.decobox3 {background-color:#666666;color:black;}
.decobox4 {background-color:#4d4d4d;color:black;}
.decobox5 {background-color:#1a1a1a;color:black;}
.titlebox {background-color:#aaaaaa;color:black;padding:0 3px;display:inline-block;}
.txtbtn:hover {color:#666666;cursor:pointer;}
header.btn:hover {background-color:#aaa;cursor:pointer;}
nav>a{background-color:#666666;}
nav>div.btn{background-color:#666666;}
nav div {display:inline-block;position:relative;}
nav div nav {display:none;position:absolute;width:100%;background-color:#1a1a1a;font-size:0.8em;color:#666666;}
nav div nav div{padding: 5px 5px;}
nav div nav div:hover{background-color:#000000;}
nav div.btn:hover{background-color:#4d4d4d;cursor:pointer;}
nav div:hover nav {display:block;}
nav div nav div{display:block;}  
.wrapper {min-width:900px;width:100%;}
header>section {display:inline-block;}
.footwrap {position:absolute;bottom:0px;overflow:hidden;height:80px;-webkit-transition:0.6s;transition:0.6s;}
footer {position:absolute;border-top:thin #666666;padding-bottom:10px;background-color:rgba(0,0,0,0.5);font-size:0.5em;height:60px;margin:0 10%;border-top-style:solid;width:80%;color:#aaaaaa;}
footer header{font-size:1.6em;position:absolute;left:0;margin-left:2%;cursor:pointer;}
footer header:hover{color:#666666}
footer table{width:100%;position:absolute;bottom:0; border-collapse:collapse;empty-cells: show;}
footer>table td{padding:0;}
footer table table {width:10%;}
footer>table>tbody>tr:last-of-type>td{background-color:#666666;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(1) {width:2px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(2) {width:2px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(3) {width:2px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(4) {width:2px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(5) {width:10%;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(6) {width:13%;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(7) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(8) {width:2px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(9) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(10) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(11) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(12) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(13) {width:10%;padding-left:10px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(14) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(15) {width:2px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(16) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(17) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(18) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(19) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(20) {width:10%;padding-left:10px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(21) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(22) {width:2px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(23) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(24) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(25) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(26) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(27) {width:10%;padding-left:10px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(28) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(29) {width:2px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(30) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(31) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(32) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(33) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(35) {width:10%;padding-left:10px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(34) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(36) {width:2px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(37) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(38) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(39) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(40) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(41) {width:10%;padding-left:10px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(42) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(43) {width:2px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(44) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(45) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(46) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(47) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(48) {}
footer>table>tbody>tr:last-of-type>td:nth-of-type(49) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(50) {width:2px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(51) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(52) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:nth-of-type(53) {width:1px;}
footer>table>tbody>tr:last-of-type>td:nth-of-type(54) {width:1px;background-color:rgba(0,0,0,0);}
footer>table>tbody>tr:last-of-type>td:last-of-type {width:40px;text-align:center;}

.fullscreen-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;min-width:900px;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

/*@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('img/videoframe.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}*/

#menuvid{
position:fixed;display:inline-block;
left:20px;
top:20%;
}

#metervid{
	position:fixed;display:inline-block;
right:20px;
top:20%;
}

@media (max-height: 600px) {
	#metervid{display:none;}
}

@media (max-height: 325px) {
	#menuvid{display:none;}
}

@media (max-width: 650px) {
	img {clear:both;}
}

@media (max-height: 250px) {
 .footwrap{height:0;}
}

@media (max-device-width:780px) {
/* on the basis of ipad width, and video wont autoplay for mobile*/

  .fullscreen-bg__video {
    display: none;}
	
canvas {display:none}
}