/*Animations*/

[data-animate-in] {
    opacity: 0;
    transition: transform 0.1s ease, opacity 0.8s ease
}

[data-animate-in="up"] {
    transform: translate3d(1%, 10%, 0)
}


[data-animate-in="left"] {
    transform: translate3d(-10%, 5%, 0)
}

[data-animate-in="right"] {
    transform: translate3d(10%, -5%, 0)
}

[data-animate-in="down"] {
    transform: translate3d(-1%, -10%, 0)
}

[data-animate-in="fadeIn"] {
    transform: translate3d(1%, -15%, 0)
}

[data-animate-in].in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 0.8s ease, opacity 0.8s ease;
}

.fade-in {
    opacity: 0;
    transition: opacity 1.5s ease
}

.page-loaded .fade-in,.page-loaded.fade-in {
    opacity: 1;
}

.isSafari.isTouch [data-animate-in],.isSafari.isTouch [data-animate-in="up"] {
    opacity: 1;
    transition: none;
    transform: none
}