@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-60px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(60px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate(0, 40px)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate(0, -140px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate(0, -40px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate(0, 140px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.9)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.zoomIn {
    animation-name: zoomIn
}

[data-parallax] {
    background-position: center;
    background-size: cover;
    background-repeat: repeat-y
}

[data-parallax]:not(.has-parallax) {
    background-attachment: fixed;
    background-repeat: no-repeat
}

@media screen {
    body.scroll-to-reveal [data-reveal] {
        transform: translate(0, 0);
        animation-duration: .75s;
        animation-delay: .3s;
        animation-fill-mode: forwards;
        animation-timing-function: ease-out
    }
    body.scroll-to-reveal [data-reveal].scroll-to-reveal-hide {
        opacity: 0
    }
}