.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-perspective: 800px;
  perspective: 800px;
  background-color: transparent;
}
.preloader > div {
  position: absolute;
  left: calc(50% - 75px);
  top: calc(50% - 75px);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 3px solid transparent;
}
.preloader div:first-child {
  border-bottom-color: #ee9610;
  -webkit-animation: spin-one 1s linear infinite;
  animation: spin-one 1s linear infinite;
}
.preloader div:nth-child(2) {
  border-right-color: #1b435a;
  -webkit-animation: spin-two 1s linear infinite;
  animation: spin-two 1s linear infinite;
}
.preloader div:nth-child(3) {
  border-top-color: #48af79;
  -webkit-animation: spin-three 1s linear infinite;
  animation: spin-three 1s linear infinite;
}
@-webkit-keyframes spin-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotate(0deg);
    transform: rotateX(35deg) rotateY(-45deg) rotate(0deg);
  }
  to {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotate(1turn);
    transform: rotateX(35deg) rotateY(-45deg) rotate(1turn);
  }
}
@keyframes spin-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotate(0deg);
    transform: rotateX(35deg) rotateY(-45deg) rotate(0deg);
  }
  to {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotate(1turn);
    transform: rotateX(35deg) rotateY(-45deg) rotate(1turn);
  }
}
@-webkit-keyframes spin-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotate(0deg);
    transform: rotateX(50deg) rotateY(10deg) rotate(0deg);
  }
  to {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotate(1turn);
    transform: rotateX(50deg) rotateY(10deg) rotate(1turn);
  }
}
@keyframes spin-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotate(0deg);
    transform: rotateX(50deg) rotateY(10deg) rotate(0deg);
  }
  to {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotate(1turn);
    transform: rotateX(50deg) rotateY(10deg) rotate(1turn);
  }
}
@-webkit-keyframes spin-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotate(0deg);
    transform: rotateX(35deg) rotateY(55deg) rotate(0deg);
  }
  to {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotate(1turn);
    transform: rotateX(35deg) rotateY(55deg) rotate(1turn);
  }
}
@keyframes spin-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotate(0deg);
    transform: rotateX(35deg) rotateY(55deg) rotate(0deg);
  }
  to {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotate(1turn);
    transform: rotateX(35deg) rotateY(55deg) rotate(1turn);
  }
}