/*--------------- animation / transition related ----------------*/
.i-fade {
  opacity: 0;
  transform: translateY(20px);
  transition: transform 500ms, opacity 800ms;
}
.i-fade-r {
  opacity: 0;
  transform: translateX(25px);
  transition: transform 500ms, opacity 800ms;
}
.i-fade-l {
  opacity: 0;
  transform: translateX(-25px);
  transition: transform 500ms, opacity 800ms;
}
.i-fade-cascade {
  opacity: 0;
  transform: translateY(25px);
  transition: transform 2300ms, opacity 2400ms;
}
.i-fade-cascade:nth-child(1) {
  transition: transform 500ms, opacity 800ms;
}
.i-fade-cascade:nth-child(2) {
  transition: transform 1000ms, opacity 1300ms;
}
.i-fade-cascade:nth-child(3) {
  transition: transform 1500ms, opacity 1800ms;
}
.i-fade-cascade:nth-child(4) {
  transition: transform 2000ms, opacity 2300ms;
}
.fadedIn,
html:not(.js) .fadeIn
  /*.no-js .btn*/ {
  opacity: 1 !important;
  transform: translateY(0px) !important;
}