*{font-family:"Montserrat",Georgia,Serif;box-sizing:border-box;margin:0;padding:0;overflow:auto}@media(orientation :portrait){html{position:absolute;width:100vh;height:100vw;-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);-moz-transform-origin:top left;-ms-transform-origin:top left;-webkit-transform-origin:top left;transform-origin:top left;left:100%}}body{background-color:#050e1c;width:100%;height:100%}.opacity{opacity:.5}h1,h2,h3,h4,p{margin-top:15px;margin-bottom:15px}h4{color:#178198}.photo{width:60%!important;height:auto!important}button{border:0;background-color:#178198;padding:10px;text-align:center;text-decoration:none;display:inline-block;border-radius:5px;color:white!important;width:100%;margin:10px 0 10px 0}button:hover{background-color:rgba(5,14,28,0.9)!important;cursor:pointer}.icon{width:30px;height:30px}.mainicon{width:30%;height:auto}.manualicon{width:80px;height:auto}div#preloader_cont{position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(../assets/background.png);background-color:#0a182c;background-repeat:no-repeat;background-size:cover}div#prelod_static_path{position:absolute;top:80%;left:10%;width:80%;height:2em;margin:auto;background-color:rgba(255,255,255,0.3)}div#prelod_dynamic_path{position:absolute;top:0;left:0;width:0;height:100%;background-color:#0a182c}#percentage{position:absolute;font-size:1.5em;color:white;width:100%;text-align:center!important;z-index:1000}#loaderlogo{top:10%;display:block;text-align:center!important;margin:auto;color:white}#main_canvas_container{position:absolute;left:0;top:0;width:100%;height:100%;transition:margin-left .7s}#mycontrols,#mybuttons{display:none}#infobutton{position:absolute;right:30px;top:30px;cursor:pointer}#settings{position:absolute;right:30px;top:80px;cursor:pointer}#info{position:absolute;text-align:center;z-index:4;background-color:rgba(5,14,28,0.9);color:white;display:none;padding:5%;margin:auto;top:0;right:0;width:100%;height:100%}#info img{margin:5%}#manualhover,#manualmove,#manualpan,#manualmusic{display:inline;width:46%;height:36%;float:left;margin:2%;border-radius:10px;padding:2%;background-color:rgba(255,255,255,0.3)}#infoclose{right:90%;text-align:right!important;font-weight:bold;cursor:pointer}#popup{position:absolute;padding:2%;z-index:4;width:40%!important;height:100%!important;background-color:#050e1c;background-size:cover;color:white;display:none;overflow:auto}#popup::-webkit-scrollbar-track,#info::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#f5f5f5}#popup::-webkit-scrollbar,#info::-webkit-scrollbar{width:12px;background-color:#f5f5f5}#popup::-webkit-scrollbar-thumb,#info::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#178198}#close{width:100%;text-align:right!important;font-weight:bold;cursor:pointer}#popupcontent{margin-top:10%;margin-bottom:20%;text-align:center}#footer{position:absolute;display:block;text-align:center;color:white;bottom:3%;height:5%;width:100%}#datacity,#consultinginfo,#softwareinfo,#webdesigninfo,#contactus,#nvoiceinfo,#yojoinfo,#firesinfo,#team,#icons{display:none}div#control_circle{position:absolute;background-image:url(../assets/controls_150.png);background-size:cover;width:80px;height:80px;visibility:hidden;opacity:.5}div#control_tap{position:absolute;background-image:url(../assets/tap_50.png);width:20px;height:20px;visibility:hidden;background-size:cover}