@charset "utf-8";
/* CSS Document */

/* Loading Block */
#loading { width: 100vw; height: 100vh; transition: all 1s; background:linear-gradient(0deg, #FFFFFF 0%, #E8E8E8 50%); position: fixed; top: 0; left: 0; z-index: 9999;}
.spinner { position: absolute; top: calc(50% - 75px); left: calc(50% - 75px); width: 120px;/* margin: 200px auto;*/ text-align: center; font-size: 12px; line-height: 1.5em; color: #000; font-weight: 700;}
.spinner span{ display: block; width: 120px; height: 120px; animation: sk-scaleout 5.0s infinite alternate;}
@keyframes sk-scaleout {
  0% { transform: scale(0.3) rotate(0); opacity: 1;}
  30%{ opacity: 1;}

  100% { transform: scale(1.0) rotate(360deg); opacity: 1;}
}

/* Hide Loading Block */
.loaded { opacity: 0; visibility: hidden;}