/**
 * LexyLazy
 *
 * @author Lex Lexter <hi@leximo.cz>
 * @version 1.0.0
 * @website https://leximo.cz/
 */

 .lexylazy {
  -webkit-animation-duration: 850ms;
          animation-duration: 850ms;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/*
  - Zoom in
  ---
*/

.lexylazy--effect-zoom_in {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}
.lexylazy--effect-zoom_in.lexylazy--run {
  -webkit-animation-name: lazy_zoom_in;
          animation-name: lazy_zoom_in;
}

/* keyframes */

@-webkit-keyframes lazy_zoom_in {

  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

}

@keyframes lazy_zoom_in {

  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

}

/*
  - Fade in
  ---
*/

.lexylazy--effect-fade_in {
  opacity: 0;
}
.lexylazy--effect-fade_in.lexylazy--run {
  -webkit-animation-name: fade_in;
          animation-name: fade_in;
}

/* keyframes */

@-webkit-keyframes fade_in {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

}

@keyframes fade_in {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

}

/*
  - Fade in up
  ---
*/

.lexylazy--effect-fade_in_up {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}
.lexylazy--effect-fade_in_up.lexylazy--run {
  -webkit-animation-name: fade_in_up;
          animation-name: fade_in_up;
}

/* keyframes */

@-webkit-keyframes fade_in_up {

  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

}

@keyframes fade_in_up {

  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

}

/*
  - Fade in down
  ---
*/

.lexylazy--effect-fade_in_down {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}
.lexylazy--effect-fade_in_down.lexylazy--run {
  -webkit-animation-name: fade_in_down;
          animation-name: fade_in_down;
}

/* keyframes */

@-webkit-keyframes fade_in_down {

  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

}

@keyframes fade_in_down {

  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

}

/*
  - Fade in left
  ---
*/

.lexylazy--effect-fade_in_left {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
}
.lexylazy--effect-fade_in_left.lexylazy--run {
  -webkit-animation-name: fade_in_left;
          animation-name: fade_in_left;
}

/* keyframes */

@-webkit-keyframes fade_in_left {

  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

}

@keyframes fade_in_left {

  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

}

/*
  - Fade in right
  ---
*/

.lexylazy--effect-fade_in_right {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
}
.lexylazy--effect-fade_in_right.lexylazy--run {
  -webkit-animation-name: fade_in_right;
          animation-name: fade_in_right;
}

/* keyframes */

@-webkit-keyframes fade_in_right {

  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

}

@keyframes fade_in_right {

  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

}

/*
  - duration
  ---
*/

.lexylazy--duration-50 {
  -webkit-animation-duration: 50ms;
          animation-duration: 50ms;
}
.lexylazy--duration-100 {
  -webkit-animation-duration: 10ms;
          animation-duration: 10ms;
}
.lexylazy--duration-150 {
  -webkit-animation-duration: 150ms;
          animation-duration: 150ms;
}
.lexylazy--duration-200 {
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
}
.lexylazy--duration-250 {
  -webkit-animation-duration: 250ms;
          animation-duration: 250ms;
}
.lexylazy--duration-300 {
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
}
.lexylazy--duration-350 {
  -webkit-animation-duration: 350ms;
          animation-duration: 350ms;
}
.lexylazy--duration-400 {
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
}
.lexylazy--duration-450 {
  -webkit-animation-duration: 450ms;
          animation-duration: 450ms;
}
.lexylazy--duration-500 {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.lexylazy--duration-550 {
  -webkit-animation-duration: 550ms;
          animation-duration: 550ms;
}
.lexylazy--duration-600 {
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
}
.lexylazy--duration-650 {
  -webkit-animation-duration: 650ms;
          animation-duration: 650ms;
}
.lexylazy--duration-700 {
  -webkit-animation-duration: 700ms;
          animation-duration: 700ms;
}
.lexylazy--duration-750 {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
}
.lexylazy--duration-800 {
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
}
.lexylazy--duration-850 {
  -webkit-animation-duration: 850ms;
          animation-duration: 850ms;
}
.lexylazy--duration-900 {
  -webkit-animation-duration: 900ms;
          animation-duration: 900ms;
}
.lexylazy--duration-950 {
  -webkit-animation-duration: 950ms;
          animation-duration: 950ms;
}
.lexylazy--duration-1000 {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
}

/*
  - delay
  ---
*/

.lexylazy--delay-50 {
  -webkit-animation-delay: 50ms;
          animation-delay: 50ms;
}
.lexylazy--delay-100 {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}
.lexylazy--delay-200 {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
.lexylazy--delay-250 {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}
.lexylazy--delay-300 {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}
.lexylazy--delay-350 {
  -webkit-animation-delay: 350ms;
          animation-delay: 350ms;
}
.lexylazy--delay-400 {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
.lexylazy--delay-450 {
  -webkit-animation-delay: 450ms;
          animation-delay: 450ms;
}
.lexylazy--delay-500 {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
.lexylazy--delay-550 {
  -webkit-animation-delay: 550ms;
          animation-delay: 550ms;
}
.lexylazy--delay-600 {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}
.lexylazy--delay-650 {
  -webkit-animation-delay: 650ms;
          animation-delay: 650ms;
}
.lexylazy--delay-700 {
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
}
.lexylazy--delay-750 {
  -webkit-animation-delay: 750ms;
          animation-delay: 750ms;
}
.lexylazy--delay-800 {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}
.lexylazy--delay-850 {
  -webkit-animation-delay: 850ms;
          animation-delay: 850ms;
}
.lexylazy--delay-900 {
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
}
.lexylazy--delay-950 {
  -webkit-animation-delay: 950ms;
          animation-delay: 950ms;
}
.lexylazy--delay-1000 {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}