*{margin:0;padding:0;border:0}html,body{width:100%;height:100%}body{width:100%;height:100%;background-image:url(../img/bg.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:center center}.seo { text-indent: -9999px; position: absolute; }.preload-bg{width:100%;height:100%;display:block;position:fixed;background-color:#000;opacity:1;z-index:99999}.preload-img{width:960px;height:auto;display:block;position:absolute;top:-45%;margin-top:-224.5px;left:50%;margin-left:-480px;filter:drop-shadow(10px 10px 10px rgba(0,0,0,0.5));-webkit-filter:drop-shadow(10px 10px 10px rgba(0,0,0,0.5));z-index:999999}.ui.loader{width:2.2585em;height:2.2585em;font-size:1em;display:block;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:all 400ms ease-out;-webkit-transition:all 400ms ease-out}.ui.loader:before,.ui.loader:after{width:2.2585em;height:2.2585em;margin:0 0 0 -1.12925em}.ui.loader:before{position:absolute;content:'';top:0;left:50%;border-radius:500rem;border:.2em solid rgba(0,0,0,0.1)}.ui.loader:after{position:absolute;content:'';top:0;left:50%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#aaa transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}@-webkit-keyframes loader{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.preload-img img{max-width:100%}#close{color:#fff;font:23px/100% arial,sans-serif;line-height:31px;position:absolute;right:5px;cursor:pointer;top:-20px;width:30px;height:30px;border-radius:20px;border:3px solid #fff;text-align:center}.wrapper{width:960px;height:544px;position:absolute;left:50%;margin-left:-480px;top:50%;margin-top:-272px;display:block}.wrapper.blur{filter:blur(5px);-webkit-filter:blur(5px)}.wrapper .overlay{max-width:960px;height:auto;position:absolute;z-index:2;display:block;margin:0 auto}.wrapper .overlay img{max-width:100%}.wrapper .keys{max-width:960px;height:auto;position:absolute;display:block;margin:0 auto;z-index:1;top:245px}#keys-sprite{max-width:100%;background-size:100%;background-image:url(../img/keys-sprite.png)}.key-0{background-position:0 0;background-size:100%}.key-1{background-position:0 5.55555555556%;background-size:100%}.key-2{background-position:0 11.1111111111%;background-size:100%}.key-3{background-position:0 16.6666666667%;background-size:100%}.key-4{background-position:0 22.2222222222%;background-size:100%}.key-5{background-position:0 27.7777777778%;background-size:100%}.key-6{background-position:0 33.3333333334%;background-size:100%}.key-7{background-position:0 38.8888888889%;background-size:100%}.key-8{background-position:0 44.4444444445%;background-size:100%}.key-9{background-position:0 50%;background-size:100%}.key-10{background-position:0 55.5555555556%;background-size:100%}.key-11{background-position:0 61.1111111112%;background-size:100%}.key-12{background-position:0 66.6666666667%;background-size:100%}.key-13{background-position:0 72.2222222223%;background-size:100%}.key-14{background-position:0 77.7777777778%;background-size:100%}.key-15{background-position:0 83.3333333334%;background-size:100%}.key-16{background-position:0 88.888888889%;background-size:100%}.key-17{background-position:0 94.4444444445%;background-size:100%}.key-18{background-position:0 100%;background-size:100%}.key-container{width:838px;max-width:100%;height:235px;display:block;position:absolute;left:50%;margin-left:-416px;top:260px;opacity:0;z-index:3}.white-key{display:inline-block;width:72.6px;height:230px;padding-top:0;background-color:#fff;position:relative;opacity:1;float:left;border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;z-index:9999;padding-left:1px}.black-key{display:block;width:50px;height:170px;padding-top:0;background-color:#000;position:absolute;opacity:1;float:left;z-index:99999}.key:nth-child(2){left:49px}.key:nth-child(4){left:123px}.key:nth-child(7){left:276px}.key:nth-child(9){left:353px}.key:nth-child(11){left:429px}.key:nth-child(14){left:584px}.key:nth-child(16){left:660px}.autoplay-btn{position:absolute;width:57.5px;height:55px;background:url(../img/demo-btn.png) no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;top:141px;left:145px;cursor:pointer;background-position:0 0}.pressed{background-position:0 -55px}#whatsapp-btn{display:block!important;position:absolute!important;width:54.5px!important;height:55px!important;background:url(../img/whatsapp-btn.png) no-repeat!important;-webkit-background-size:100%!important;-moz-background-size:100%!important;-o-background-size:100%!important;background-size:100%!important;top:141px!important;left:200px!important;cursor:pointer!important;background-position:0 0!important}#whatsapp-btn:active{background-position:0 -55px!important}.email-btn{display:block!important;position:absolute!important;width:54.5px!important;height:55px!important;background:url(../img/email-btn.png) no-repeat!important;-webkit-background-size:100%!important;-moz-background-size:100%!important;-o-background-size:100%!important;background-size:100%!important;top:141px!important;left:200px!important;cursor:pointer!important;background-position:0 0!important}.email-btn:active{background-position:0 -55px!important}.facebook-btn{display:block;position:absolute;width:54.5px;height:55px;background:url(../img/facebook-btn.png) no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;top:141px;left:757px;cursor:pointer;background-position:0 0}.facebook-btn:active{background-position:0 -55px!important}.twitter-btn{display:block;position:absolute;width:55px;height:55px;background:url(../img/twitter-btn.png) no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;top:141px;left:705px;cursor:pointer;background-position:0 0}.twitter-btn:active{background-position:0 -55px!important}