/* ANIMATION */
@-webkit-keyframes rotate { 
  from { -webkit-transform: rotate(0deg) } 
  to { -webkit-transform rotate(360deg) } }
@-moz-keyframes rotate { 
  from { -moz-transform: rotate(0deg) } 
  to { -moz-transform: rotate(360deg) } }
@keyframes rotate { 
  from { -moz-transform: rotate(0deg) } 
  to { -moz-transform: rotate(360deg) } }


@-webkit-keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }
@-moz-keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }
@keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }


#dark{position:fixed;left:0px;top:0px;min-width:100%;min-height:100%;text-align:center;background:rgba(0,0,0,0.8);z-index:6000;display:block;}
#wait {
border:10px solid black;
  width: 220px;
  height: 220px;
position:fixed;left:50%;top:40%;transform: translate(-50%, -50%);
  border-radius: 50%;background:black;
}

.ring {
position:relative;left:0px;top:0px;
width:200px; height:200px;
  border-radius:50%;
  -webkit-animation: rotate 1s linear infinite;
  -moz-animation: rotate 1s linear infinite;
  -o-animation: rotate 1s linear infinite;
  animation: rotate 1s linear infinite;
}

#content{
position:absolute;top:10px;left:10px;
width:180px;height:180px;
vertical-align:middle;
text-align: center;
background: black;
border-radius: 50%;
}

#content span {
position:relative;
margin:auto;
  text-align: center;
  font-size:2em; 
 font-family:Electrolize, Helvetica, Arial, sans-serif;
color:#FF9933;background: navy;
  vertical-align:middle;
  -webkit-animation: fade 1s linear infinite;
  -moz-animation: fade 1s linear infinite;
  -o-animation: fade 1s linear infinite;
  animation: fade 1s linear infinite
}

#content div {
width:100%;height:100%;
 display: flex;
  justify-content: center;
  align-items: center;
 font-size:2em; 
 font-family:Electrolize, Helvetica, Arial, sans-serif;
color:#FF9933;
  -webkit-animation: fade 1s linear infinite;
  -moz-animation: fade 1s linear infinite;
  -o-animation: fade 1s linear infinite;
  animation: fade 1s linear infinite
}

.orange {
  background: -webkit-linear-gradient(#FF9933,transparent,#FF9933);
  background: -moz-linear-gradient(#FF9933,transparent,#FF9933);
  background: -o-linear-gradient(#FF9933,transparent,#FF9933);
  background: linear-gradient(#FF9933,transparent,#FF9933)
}