/*/// Fade in ///*/
.inlineY {
    display: inline-block;
    transform: translateX(-45%);
    transform: translateY(75%);
    transform: translateY(15%);
}

.txtFade {
    opacity: 0;
    transform-origin: bottom;
}

.animateFade {
    opacity: 1;
    transform: translateY(0%) !important;
    transition: 0.3s cubic-bezier(.35, .42, .6, 1.15);
    transform: translateX(0px) translateY(0px) translateZ(0px);
    transition: opacity 800ms ease-out 0s, transform 400ms ease-out 0s;
}

span.inlineY.y1 {
    transition-delay: 0.1s;
}

span.inlineY.y2 {
    transition-delay: 0.3s;
    transition-delay: 1.3s;
}

span.inlineY.y3 {
    transition-delay: 0.5s;
    transition-delay: 1.5s;
}

span.inlineY.y4 {
    transition-delay: 0.7s;
    transition-delay: 1.7s;
}

button.inlineY.y5 {
    transition-delay: 0.9s;
    transition-delay: 1.9s;
}




/*/// Scroll in ///*/
.blockScrollUp {
    opacity: .01;
    transform: translateY(15px);
}

.animateScroll {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 800ms ease-out 0s, transform 400ms ease-out 0s;
}

/*/// Wipe in ///*/
.wipeLeft,
.scrollWipeLeft {
    opacity: 0;
    transform-origin: right;
    display: inline-block;
    transform: translateX(15%);
}

.wipeRight,
.scrollWipeRight {
    opacity: 0;
    transform-origin: left;
    display: inline-block;
    transform: translateX(-15%);
}

.animateWipeLeft,
.animateWipeRight {
    opacity: 1;
    transform: translateX(0%) !important;
    transition: opacity 800ms ease-out 0s, transform 400ms ease-out 0s;
}