.loader {
  width: 100%;
  height: 100%;
  position: fixed;
  @include display-flex();
  @include align-items(center);
  @include justify-content(center);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  @include transition(all $speed);


  &.active {
    opacity: 1;
    visibility: visible;
  }

  .fa {
    z-index: 99999;
  }
}

#wrapper {
  @include transition(filter $speed);
  &.blur {
    filter: blur(5px);
  }
}