/* =========================
   AOS ANIMATIONS
========================= */

/* INITIAL STATE */

[data-aos]{

  opacity: 0;

  transition-property:
  transform,
  opacity;

  transition-duration: 1.2s;

  transition-timing-function: ease;
}

/* ACTIVE */

[data-aos].aos-animate{

  opacity: 1;

  transform: translate(0,0) scale(1);
}

/* FADE UP */

[data-aos="fade-up"]{

  transform: translateY(60px);
}

/* FADE DOWN */

[data-aos="fade-down"]{

  transform: translateY(-60px);
}

/* FADE LEFT */

[data-aos="fade-left"]{

  transform: translateX(60px);
}

/* FADE RIGHT */

[data-aos="fade-right"]{

  transform: translateX(-60px);
}

/* ZOOM IN */

[data-aos="zoom-in"]{

  transform: scale(0.8);
}

/* FLIP LEFT */

[data-aos="flip-left"]{

  transform:
  perspective(1000px)
  rotateY(90deg);
}

/* SLIDE UP */

[data-aos="slide-up"]{

  transform: translateY(100px);
}

/* DELAYS */

[data-aos-delay="100"]{
  transition-delay: 0.1s;
}

[data-aos-delay="200"]{
  transition-delay: 0.2s;
}

[data-aos-delay="300"]{
  transition-delay: 0.3s;
}

[data-aos-delay="400"]{
  transition-delay: 0.4s;
}

[data-aos-delay="500"]{
  transition-delay: 0.5s;
}