.la-spinner,
.la-spinner:before,
.la-spinner:after {
  border-radius: 50%;
}

.la-spinner {
  position: relative;
  width: 10em;
  height: 10em;
  font-size: 5px;
  color: blue;
  text-indent: -99999em;
  box-shadow: inset 0 0 0 .7em;
  transform: translateZ(0);
}

.la-spinner:before,
.la-spinner:after {
  position: absolute;
  content: "";
}

.la-spinner:before {
  top: -.1em;
  left: -.1em;
  width: 5.2em;
  height: 10.2em;
  background: #fff;
  border-radius: 10.2em 0 0 10.2em;
  transform-origin: 5.2em 5.1em;
  animation: load2 1s infinite ease 1.17s;
}

.la-spinner:after {
  top: -.1em;
  left: 5.1em;
  width: 5.2em;
  height: 10.2em;
  background: #fff;
  border-radius:0 10.2em 10.2em 0;
  transform-origin: 0 5.1em;
  animation: load2 1s infinite ease;
}

@keyframes load2 {

  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}