.g-reveal-hidden, .g-reveal-hidden-bottom, .g-reveal-hidden-left, .g-reveal-hidden-right, .g-reveal-hidden-top {
    opacity: 0
}

.g-reveal-hidden-bottom {
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px)
}

.g-reveal-hidden-top {
    -webkit-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    transform: translate(0, -40px)
}

.g-reveal-hidden-left {
    -webkit-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    transform: translate(-40px, 0)
}

.g-reveal-hidden-right {
    -webkit-transform: translate(40px, 0);
    -ms-transform: translate(40px, 0);
    transform: translate(40px, 0)
}

.g-reveal-visible-bottom, .g-reveal-visible-left, .g-reveal-visible-right, .g-reveal-visible-top {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity .6s ease, -webkit-transform .6s ;
    transition: opacity .6s ease, -webkit-transform .6s ;
    -o-transition: transform .6s , opacity .6s ease;
    transition: transform .6s , opacity .6s ease;
    transition: transform .6s , opacity .6s ease, -webkit-transform .6s
}