@font-face { font-family: "Mulish"; font-weight: 400 700; font-style:  italic; src: url("../fonts/Mulish-Italic-VariableFont_wght.ttf") format("truetype"); }
@font-face { font-family: "Mulish"; font-weight: 400 700; font-style:  normal; src: url("../fonts/Mulish-VariableFont_wght.ttf") format("truetype"); }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Mulish", "Open Sans", sans-serif; }

body { width: 100%; height: 100%; border: 0; margin: 0; padding: 0; background-color: white; font-size: 100%; overflow: hidden;
        
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

#AppStartView { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 0; margin: 0; padding: 0; display: none; }

/* LOAD IMAGE */
.LoadingBg  { position: absolute; height: 100%; width: 100%; top: 0; left: 0; margin: 0; border: 0; background-color: white; overflow: hidden; }
.LoadingImg { position: absolute; height: 100%; width: 100%; top: 0; left: 0; margin: 0; border: 0;
              background-repeat:no-repeat; background-position: center; background-size: 12%; background-image: url('../images/load/diamond.png'); overflow: hidden; 
              -webkit-animation: Spin 8s linear infinite;
}
@-moz-keyframes    Spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes Spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes         Spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@-moz-keyframes    SpinReset { 100% { -moz-transform: rotate(0); } }
@-webkit-keyframes SpinReset { 100% { -webkit-transform: rotate(0deg); } }
@keyframes         SpinReset { 100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); } }