.loader-51 {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  margin-bottom: 10px;
}

.loader-51:after,
.loader-51:before {
  content: "";
  width: 48px;
  height: 48px;
  border: 2px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: rotationBreak 3s ease-in-out infinite alternate;
  animation: rotationBreak 3s ease-in-out infinite alternate;
}

.loader-51:after {
  border-color: #35a0b6;
  animation-direction: alternate-reverse;
}

.loader-51.light:before {
  border-color: #000;
}

@keyframes rotationBreak {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}