/*start of loader style*/

.sharik-spinner-ellipsis {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 120px auto;
  display: block
}

.sharik-spinner-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #B68A35;
  animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.sharik-spinner-ellipsis div:nth-child(1) {
  left: 8px;
  animation: sharik-spinner-ellipsis1 .6s infinite
}

.sharik-spinner-ellipsis div:nth-child(2) {
  left: 8px;
  animation: sharik-spinner-ellipsis2 .6s infinite
}

.sharik-spinner-ellipsis div:nth-child(3) {
  left: 32px;
  animation: sharik-spinner-ellipsis2 .6s infinite
}

.sharik-spinner-ellipsis div:nth-child(4) {
  left: 56px;
  animation: sharik-spinner-ellipsis3 .6s infinite
}

@keyframes sharik-spinner-ellipsis1 {
  0% {
    transform: scale(0)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes sharik-spinner-ellipsis3 {
  0% {
    transform: scale(1)
  }

  100% {
    transform: scale(0)
  }
}

@keyframes sharik-spinner-ellipsis2 {
  0% {
    transform: translate(0, 0)
  }

  100% {
    transform: translate(24px, 0)
  }
}
/*end of loader*/