body {
  font-family: 'Cairo', sans-serif;
  text-align: right;
  /* background: url('../images/bg-1.png') repeat top left; */
  background: #E8EAF6;
  font-size: 16px;
}

/* Preloader */
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width: 100vw;
  background-color:rgba(255, 255, 255, 1);
  z-index:999999;
}

.container-loader{
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%;
	width: 200px;
}

#img-logo-loader {
    position: absolute;
    -webkit-perspective: 800px;
    perspective: 800px;
    margin-top: -200px;
    margin-left: -100px;
}
#cube-logo-loader {
  display: block;
  position: relative;
  margin: 30px auto;
  height: 200px;
  width: 200px;
  -webkit-transform-style: flat;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform-style: flat;
  transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-animation: upyourscache1471769471711 5s infinite linear;
  animation: upyourscache1471769471711 5s infinite linear;

}

@-webkit-keyframes upyourscache1471769471711 {
  0% { -webkit-transform: rotateY(0) ;}
  100% { -webkit-transform: rotateY(360deg) ;}
}
@keyframes upyourscache1471769471711 {
  0% { transform: rotateY(0) ;}
  100% { transform: rotateY(360deg) ;}
}