/* ==========================================================================
   base
   ========================================================================== */

body{overflow: hidden;font-family: 'Open Sans', sans-serif;}


/* ==========================================================================
   helpers
   ========================================================================== */

.fixed{position: fixed !important}
.center{text-align: center;}

   
/* ==========================================================================
   browse happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   styles base
   ========================================================================== */

.load{height: 100%;width: 100%;position: fixed;z-index: 9999;background: #fff;}
.load img{width: 417px;height: 374px;position: absolute;left: 50%;top: 50%;margin-left: -208.5px;margin-top: -187px;}

#viewport{overflow: hidden;}
.grid{width: 1000px;height: 680px;position: absolute;left: 50%;margin-left: -500px;top: 50%;margin-top: -340px;}
.canvas{float: left;position: relative;}

.wheelB{position: fixed;top: 0;left: 0;height:100%;width: 100%;z-index: 9999;display: none;}

.current,.slide,.pixel,.lock{display: none}
.current{color:#fff;font-size: 30px;position: fixed;left: 10px;top:60px;z-index: 999;}
.slide{color:#fff;font-size: 30px;position: fixed;left: 10px;top:109px;z-index: 999;}
.pixel{color:#fff;font-size: 30px;position: fixed;left: 10px;top:10px;z-index: 999;}
.lock{color:#fff;font-size: 30px;position: fixed;left: 10px;top:149px;z-index: 999;}

.bg1{height: 100%; width: 100%; position: fixed; z-index: -100;}
.bg1 img{width: 110%;margin-top: 0px}
.seta{z-index: 999;background: url(../img/seta.png) no-repeat;width: 52px;height: 54px;position: fixed;top:23px;right: 21px;cursor: pointer;}
.seta:active{opacity: 0.8}
.seta2{display:none;z-index: 999;background: url(../img/seta2.png) no-repeat;width: 52px;height: 54px;position: fixed;top:23px;left: 21px;cursor: pointer;}


/* ==========================================================================
   media queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
}