body {
  text-align: center; }

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22vmin;
  height: 22vmin;
  margin-left: -11vmin;
  margin-top: -11vmin; }

.loader-block {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  opacity: 0;
  width: 6vmin;
  height: 6vmin;
  background: #488ce4;
  -webkit-animation: show 0.88s step-end infinite alternate, pulse 0.88s linear infinite alternate;
  animation: show 0.88s step-end infinite alternate, pulse 0.88s linear infinite alternate; }

.loader-block:nth-child(1) {
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-animation-delay: 0.065s;
  animation-delay: 0.065s; }

.loader-block:nth-child(2) {
  -moz-transform: translate(8vmin, 0);
  -ms-transform: translate(8vmin, 0);
  -webkit-transform: translate(8vmin, 0);
  transform: translate(8vmin, 0);
  -webkit-animation-delay: 0.13s;
  animation-delay: 0.13s; }

.loader-block:nth-child(3) {
  -moz-transform: translate(16vmin, 0);
  -ms-transform: translate(16vmin, 0);
  -webkit-transform: translate(16vmin, 0);
  transform: translate(16vmin, 0);
  -webkit-animation-delay: 0.195s;
  animation-delay: 0.195s; }

.loader-block:nth-child(4) {
  -moz-transform: translate(0, 8vmin);
  -ms-transform: translate(0, 8vmin);
  -webkit-transform: translate(0, 8vmin);
  transform: translate(0, 8vmin);
  -webkit-animation-delay: 0.325s;
  animation-delay: 0.325s; }

.loader-block:nth-child(5) {
  -moz-transform: translate(8vmin, 8vmin);
  -ms-transform: translate(8vmin, 8vmin);
  -webkit-transform: translate(8vmin, 8vmin);
  transform: translate(8vmin, 8vmin);
  -webkit-animation-delay: 0.13s;
  animation-delay: 0.13s; }

.loader-block:nth-child(6) {
  -moz-transform: translate(16vmin, 8vmin);
  -ms-transform: translate(16vmin, 8vmin);
  -webkit-transform: translate(16vmin, 8vmin);
  transform: translate(16vmin, 8vmin);
  -webkit-animation-delay: 0.455s;
  animation-delay: 0.455s; }

.loader-block:nth-child(7) {
  -moz-transform: translate(0, 16vmin);
  -ms-transform: translate(0, 16vmin);
  -webkit-transform: translate(0, 16vmin);
  transform: translate(0, 16vmin);
  -webkit-animation-delay: 0.39s;
  animation-delay: 0.39s; }

.loader-block:nth-child(8) {
  -moz-transform: translate(8vmin, 16vmin);
  -ms-transform: translate(8vmin, 16vmin);
  -webkit-transform: translate(8vmin, 16vmin);
  transform: translate(8vmin, 16vmin);
  -webkit-animation-delay: 0.26s;
  animation-delay: 0.26s; }

.loader-block:nth-child(9) {
  -moz-transform: translate(16vmin, 16vmin);
  -ms-transform: translate(16vmin, 16vmin);
  -webkit-transform: translate(16vmin, 16vmin);
  transform: translate(16vmin, 16vmin); }

@-webkit-keyframes pulse {
  from,
  40% {
    background: #488ce4; }
  to {
    background: #3778cd; } }
@-webkit-keyframes show {
  from, 40% {
    opacity: 0; }
  41%, to {
    opacity: 1; } }
@keyframes pulse {
  from,
  40% {
    background: #488ce4; }
  to {
    background: #3778cd; } }
@keyframes show {
  from, 40% {
    opacity: 0; }
  41%, to {
    opacity: 1; } }
/* Body styling 

html,
body {
  height: 100%;
}

body {
  @include background(#999 radial-gradient(circle farthest-side, #333, #111));
}

*/

/*# sourceMappingURL=loader.css.map */