.ajax-loader {
  -moz-transition: ease-out 750ms;
  -o-transition: ease-out 750ms;
  -webkit-transition: ease-out 750ms;
  transition: ease-out 750ms;
  z-index: 50;
}
.ajax-loader .ajax-loader-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
}
.ajax-loader .ajax-loader-circle {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-animation: ajaxLoaderSpin 1.4s linear infinite;
  -webkit-animation: ajaxLoaderSpin 1.4s linear infinite;
  animation: ajaxLoaderSpin 1.4s linear infinite;
}
.ajax-loader .ajax-loader-circle .ajax-loader-circle-spinner {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-animation: ajaxLoaderDashSpin 1.4s ease-in-out infinite;
  -webkit-animation: ajaxLoaderDashSpin 1.4s ease-in-out infinite;
  animation: ajaxLoaderDashSpin 1.4s ease-in-out infinite;
}
.ajax-loader .ajax-loader-circle circle {
  -moz-animation: ajaxLoaderColors 5.6s ease-in-out infinite, ajaxLoaderDash 1.4s ease-in-out infinite;
  -webkit-animation: ajaxLoaderColors 5.6s ease-in-out infinite, ajaxLoaderDash 1.4s ease-in-out infinite;
  animation: ajaxLoaderColors 5.6s ease-in-out infinite, ajaxLoaderDash 1.4s ease-in-out infinite;
  stroke-dasharray: 1570;
  stroke-dashoffset: 392.5;
  stroke: #fff;
  stroke-width: 19;
  fill: none;
}
.ajax-loader .ajax-loader-letters path {
  fill: #fff;
}

@-moz-keyframes ajaxLoaderSpin {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@-webkit-keyframes ajaxLoaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@keyframes ajaxLoaderSpin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@-moz-keyframes ajaxLoaderColors {
  0% {
    stroke: #35ad0e;
  }
  25% {
    stroke: #d8ad44;
  }
  50% {
    stroke: #d00324;
  }
  75% {
    stroke: #dc00b8;
  }
  100% {
    stroke: #017efc;
  }
}
@-webkit-keyframes ajaxLoaderColors {
  0% {
    stroke: #35ad0e;
  }
  25% {
    stroke: #d8ad44;
  }
  50% {
    stroke: #d00324;
  }
  75% {
    stroke: #dc00b8;
  }
  100% {
    stroke: #017efc;
  }
}
@keyframes ajaxLoaderColors {
  0% {
    stroke: #35ad0e;
  }
  25% {
    stroke: #d8ad44;
  }
  50% {
    stroke: #d00324;
  }
  75% {
    stroke: #dc00b8;
  }
  100% {
    stroke: #017efc;
  }
}
@-moz-keyframes ajaxLoaderDash {
  0% {
    stroke-dashoffset: 1413;
  }
  50% {
    stroke-dashoffset: 392.5;
  }
  100% {
    stroke-dashoffset: 1413;
  }
}
@-webkit-keyframes ajaxLoaderDash {
  0% {
    stroke-dashoffset: 1413;
  }
  50% {
    stroke-dashoffset: 392.5;
  }
  100% {
    stroke-dashoffset: 1413;
  }
}
@keyframes ajaxLoaderDash {
  0% {
    stroke-dashoffset: 1413;
  }
  50% {
    stroke-dashoffset: 392.5;
  }
  100% {
    stroke-dashoffset: 1413;
  }
}
@-moz-keyframes ajaxLoaderDashSpin {
  50% {
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -moz-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@-webkit-keyframes ajaxLoaderDashSpin {
  50% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes ajaxLoaderDashSpin {
  50% {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -moz-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
.ajax-loader, .ajax-loader .ajax-loader-circle, .ajax-loader .ajax-loader-circle .ajax-loader-circle-spinner, .ajax-loader .ajax-loader-circle circle, .ajax-loader .ajax-loader-letters {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

body {
  background: #141414;
}