/* DM-ajax preloader */
#preloader__wrap{
  position: fixed;
  align-items: center;
  justify-content: center;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 12px 0;
  background: var(--color-black-bg);
  display: flex;
  z-index: -1;
  opacity: 0;
}

#preloader{
  width: 80px;
}

/* Active ajax */
.dm-ajax #preloader__wrap {
  opacity: 1;
  z-index: 10;
}

.dm-ajax #preloader-brick-1 {
  animation: brick-1 1s infinite;
}

.dm-ajax #preloader-brick-2 {
  animation: brick-2 1s infinite;
}

.dm-ajax #preloader-brick-3 {
  animation: brick-3 1s infinite;
}

.dm-ajax #preloader-brick-4 {
  animation: brick-4 1s infinite;
}

/* Animate */
@keyframes brick-1 {
  0%, 19% {
    opacity: 0;
  }
  20%, 100% {
    opacity: 1;
  }
}

@keyframes brick-2 {
  0%, 39% {
    opacity: 0;
  }
  40%, 100% {
    opacity: 1;
  }
}

@keyframes brick-3 {
  0%, 59% {
    opacity: 0;
  }
  60%, 100% {
    opacity: 1;
  }
}

@keyframes brick-4 {
  0%, 79% {
    opacity: 0;
  }
  80%, 100% {
    opacity: 1;
  }
}

/* MEDIA  */
@media (min-width: 1024px) {

  #preloader__wrap{
    padding: 20px 0;
  }

  #preloader{
    width: 130px;
  }
}