.loadingScreen {
  font-size: 12px;
  font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
  color:#a4a4a4;
  display:inline-block !important;
}
.loadingScreen .flip-it-box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left:-140px;
  margin-top:-30px;
  width: 300px;
}
.loadingScreen .flip-it-text {
  border-top:1px dotted #ccc;
  width:140px;
  text-align: center;
  line-height: 1.42857143;
  position: absolute;
  margin-top:50px;
  top: 50%;
  left: 50%;
  margin-left:-85px;
}
.flip-it-text .initializing {
  margin-top: 7px;
  font-size: 30px;
  color: #ff670b;
}
.flip-it-text .one-moment {
  margin-top: 5px;
}
.flip-it-box .flip-it {
  width: 50px;
  height: 50px;
}
.flip-it-box .flip-it::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  animation: flip 3s 0s infinite ease normal;
}
@keyframes flip {
  0% { transform: translate(0, 0)       rotateX(0)    rotateY(0);       background:#ff670b; }
  12.5% { transform: translate(100%, 0)   rotateX(0)    rotateY(180deg);   background:#e1dfdf; }
  25% { transform: translate(200%, 0)   rotateX(0)    rotateY(360deg);   background:#ff670b; }
  37.5% { transform: translate(300%, 0)   rotateX(0)    rotateY(180deg);   background:#e1dfdf; }
  50% { transform: translate(400%, 0)   rotateX(0)    rotateY(0deg);    background:#ff670b; }
}