.revealator-fade,
.revealator-slideup,
.revealator-slideleft,
.revealator-slideright,
.revealator-slidedown,
.revealator-zoomin,
.revealator-zoomout,
.revealator-rotateleft,
.revealator-rotateright {
    transition: all 300ms
}

.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(0);
    opacity: 1
}

.revealator-rotateright {
    transform: rotate(-20deg);
    opacity: 0
}

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

.revealator-delay1 {
    transition-delay: 100ms !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
}