* {margin: 0; padding: 0;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

canvas {}
html, body {padding: 0; margin: 0; height: 100%; overflow: hidden}
#unity-container { position: absolute;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#unity-container.unity-desktop {  width: 100%; height: 100% }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: url('preloader.png ') no-repeat center; background-size: cover; }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { display: none }
#unity-logo { width: 300px; height: 130px; background: url('Foranj.png') no-repeat center; background-size: cover;   position: absolute; top: 10px; left: calc(50% - 150px);}
#unity-progress-bar-empty { width: 270px; left: calc(50% - 135px); position: absolute; height: 36px; background: url('buton_sliced_blue.png');background-size: cover; bottom: 64px;}
#unity-progress-bar-full { width: 0%; height: 33px; top:-1px; position: inherit; left: 6px; background: url('line.png') no-repeat left }
#unity-footer { position: relative ; display: none}
.unity-mobile #unity-footer { display: none }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { width: 0 !important; height: 0 !important; display: none }
#bottomAd {width: 1000px; height: 250px; margin: auto;}
#rotate-banner {display:none; width:100%; height:100%; background-color: #333; position:absolute; z-index: 200;}
#rotate-img {width:100%; height:100%; background: url('rotate.png') no-repeat center }
#rotate-text {position: absolute;  left: calc(50% - 150px); top: 63%; width: 300px; text-align: center; color: wheat; font-size: larger;}
#controls {width:200px; position:absolute; left:50px;top:50px;display:none}