.loading-circles .circle-item {
  width: 5px;
  height: 5px;
  animation: loading-circles linear 0.75s infinite;
}
.loading-circles .circle-item:first-child {
  margin-top: -14.5px;
  margin-left: -2.5px;
}
.loading-circles .circle-item:nth-child(2) {
  margin-top: -11.26px;
  margin-left: 6.26px;
}
.loading-circles .circle-item:nth-child(3) {
  margin-top: -2.5px;
  margin-left: 9.5px;
}
.loading-circles .circle-item:nth-child(4) {
  margin-top: 6.26px;
  margin-left: 6.26px;
}
.loading-circles .circle-item:nth-child(5) {
  margin-top: 9.5px;
  margin-left: -2.5px;
}
.loading-circles .circle-item:nth-child(6) {
  margin-top: 6.26px;
  margin-left: -11.26px;
}
.loading-circles .circle-item:nth-child(7) {
  margin-top: -2.5px;
  margin-left: -14.5px;
}
.loading-circles .circle-item:last-child {
  margin-top: -11.26px;
  margin-left: -11.26px;
}
@keyframes loading-circles {
  0% {
    background: #dfdfdf;
  }
  90% {
    background: #505050;
  }
  100% {
    background: #dfdfdf;
  }
}
