/*-------------------------
    ## Preloader Css
---------------------------*/
.preloader-inner {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  background-color: $white;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  .loader {
    width: 50px;
    height: 50px;
  }

  .loader {
    animation: name duration timing-function delay iteration-count direction fill-mode;
  }

  .loader svg g g path:first-child {
    animation: loader_one 0.8s ease-in infinite;
  }

  .loader svg g g path:nth-child(2) {
    animation: loader_two 0.8s ease-in infinite;
  }

  .loader svg g g path:last-child {
    animation: loader_three 0.8s ease-in infinite;
  }

  @keyframes loader_one {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 1;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes loader_two {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes loader_three {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    75% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }
}