@charset "UTF-8";
/* CSS Document */

.preloader {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 100;
  background-size: 100% 100%;
}
.preloader.fixed {
  position: fixed;
}
.preloader.absolute {
  position: absolute;
}

.spinner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 50px;
  width: 50px;
  border-width: 2px;
  border-right-width: 1px;
  border-top-width: 1px;
  border-style: solid;
  animation: spin 600ms infinite linear;
  border-radius: 100%;
  background: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@media (prefers-reduced-motion) {
  @keyframes spin {
    from {
      opacity: 0;
    }
    to {
      transform: 1;
    }
  }
}

/* preloader small */

.preloader.sm {
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.preloader.sm .spinner {
  width: 30px;
  height: 30px;
  border-width: 0;
  border-left-width: 2px;
  border-top-width: 2px;
}

.preloader.sm .spinner {
  width: 20px;
  height: 20px;
  border-width: 0;
  border-left-width: 2px;
  border-top-width: 2px;
}

/* preloader medium */

.preloader.md {
  position: absolute;
  width: 40px;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
}

.preloader.md .spinner {
  width: 40px;
  height: 40px;
}