.revealator-fade,
.revealator-slideup,
.revealator-slideleft,
.revealator-slideright,
.revealator-slidedown,
.revealator-zoomin,
.revealator-zoomout,
.revealator-rotateleft,
.revealator-rotateright {

  transition: all 600ms;
}

.revealator-fade {
  opacity: 0;
}
.revealator-fade.revealator-within,
.revealator-fade.revealator-partially-above,
.revealator-fade.revealator-above {
  opacity: 1;
}

.revealator-slideup {
  transform: translate(0, 100px);
  opacity: 0;
}
.revealator-slideup.revealator-within,
.revealator-slideup.revealator-partially-above,
.revealator-slideup.revealator-above {
  transform: translate(0, 0);
  opacity: 1;
}

.revealator-slideleft {
  transform: translate(100px, 0);
  opacity: 0;
}
.revealator-slideleft.revealator-within,
.revealator-slideleft.revealator-partially-above,
.revealator-slideleft.revealator-above {
  transform: translate(0, 0);
  opacity: 1;
}

.revealator-slideright {
  transform: translate(-100px, 0);
  opacity: 0;
}
.revealator-slideright.revealator-within,
.revealator-slideright.revealator-partially-above,
.revealator-slideright.revealator-above {
  transform: translate(0, 0);
  opacity: 1;
}

.revealator-slidedown {
  transform: translate(0, -100px);
  opacity: 0;
}
.revealator-slidedown.revealator-within,
.revealator-slidedown.revealator-partially-above,
.revealator-slidedown.revealator-above {
  transform: translate(0, 0);
  opacity: 1;
}

.revealator-zoomin {
  transform: scale(0.75);
  opacity: 0;
}
.revealator-zoomin.revealator-within,
.revealator-zoomin.revealator-partially-above,
.revealator-zoomin.revealator-above {
  transform: scale(1);
  opacity: 1;
}

.revealator-zoomout {
  transform: scale(1.5);
  opacity: 0;
}
.revealator-zoomout.revealator-within,
.revealator-zoomout.revealator-partially-above,
.revealator-zoomout.revealator-above {
  transform: scale(1);
  opacity: 1;
}

.revealator-rotateleft {
  transform: rotate(20deg);
  opacity: 0;
}
.revealator-rotateleft.revealator-within,
.revealator-rotateleft.revealator-partially-above,
.revealator-rotateleft.revealator-above {
  transform: rotate(0deg);
  opacity: 1;
}

.revealator-rotateright {
  transform: rotate(-20deg);
  opacity: 0;
}
.revealator-rotateright.revealator-within,
.revealator-rotateright.revealator-partially-above,
.revealator-rotateright.revealator-above {
  transform: rotate(0deg);
  opacity: 1;
}
.revealator-skewright {
  transform: skew(35deg, 0deg);
  opacity: 0;
  transition: all 600ms;
}
.revealator-skewright.revealator-within,
.revealator-skewright.revealator-partially-above,
.revealator-skewright.revealator-above {
  transform: skew(0deg, 0deg);
  opacity: 1;
}
.revealator-delay1 {
  transition-delay: 100ms !important;
}
.revealator-delay2 {
  transition-delay: 200ms !important;
}
.revealator-delay3 {
  transition-delay: 300ms !important;
}
.revealator-delay4 {
  transition-delay: 400ms !important;
}
.revealator-delay5 {
  transition-delay: 500ms !important;
}
.revealator-delay6 {
  transition-delay: 600ms !important;
}
.revealator-delay7 {
  transition-delay: 700ms !important;
}
.revealator-delay8 {
  transition-delay: 800ms !important;
}
.revealator-delay9 {
  transition-delay: 900ms !important;
}
.revealator-delay10 {
  transition-delay: 1000ms !important;
}
.revealator-delay11 {
  transition-delay: 1100ms !important;
}
.revealator-delay12 {
  transition-delay: 1200ms !important;
}
.revealator-delay13 {
  transition-delay: 1300ms !important;
}
.revealator-delay14 {
  transition-delay: 1400ms !important;
}
.revealator-delay15 {
  transition-delay: 1500ms !important;
}
.revealator-delay16 {
  transition-delay: 1600ms !important;
}
.revealator-delay17 {
  transition-delay: 1700ms !important;
}
.revealator-delay18 {
  transition-delay: 1800ms !important;
}
.revealator-delay19 {
  transition-delay: 1900ms !important;
}
.revealator-delay20 {
  transition-delay: 2000ms !important;
}
.revealator-speed1,
.revealator-duration1 {
  transition-duration: 100ms !important;
}
.revealator-speed2,
.revealator-duration2 {
  transition-duration: 200ms !important;
}
.revealator-speed3,
.revealator-duration3 {
  transition-duration: 300ms !important;
}
.revealator-speed4,
.revealator-duration4 {
  transition-duration: 400ms !important;
}
.revealator-speed5,
.revealator-duration5 {
  transition-duration: 500ms !important;
}
.revealator-speed6,
.revealator-duration6 {
  transition-duration: 600ms !important;
}
.revealator-speed7,
.revealator-duration7 {
  transition-duration: 700ms !important;
}
.revealator-speed8,
.revealator-duration8 {
  transition-duration: 800ms !important;
}
.revealator-speed9,
.revealator-duration9 {
  transition-duration: 900ms !important;
}
.revealator-speed10,
.revealator-duration10 {
  transition-duration: 1000ms !important;
}
.revealator-speed11,
.revealator-duration11 {
  transition-duration: 1100ms !important;
}
.revealator-speed12,
.revealator-duration12 {
  transition-duration: 1200ms !important;
}
.revealator-speed13,
.revealator-duration13 {
  transition-duration: 1300ms !important;
}
.revealator-speed14,
.revealator-duration14 {
  transition-duration: 1400ms !important;
}
.revealator-speed15,
.revealator-duration15 {
  transition-duration: 1500ms !important;
}
.revealator-speed16,
.revealator-duration16 {
  transition-duration: 1600ms !important;
}
.revealator-speed17,
.revealator-duration17 {
  transition-duration: 1700ms !important;
}
.revealator-speed18,
.revealator-duration18 {
  transition-duration: 1800ms !important;
}
.revealator-speed19,
.revealator-duration19 {
  transition-duration: 1900ms !important;
}
.revealator-speed20,
.revealator-duration20 {
  transition-duration: 2000ms !important;
}