/**
 *
 * 	Animations CSS -
 *
 * 	Generate default classes for CSS3 Animations.
 * 	Gera classes padrões de animações CSS 3.
 *
 * 	@author Lenon Azzi
 * 	@version 1.0
 *
 * 	@copyright Copyright (c) 2016, AGÊNCIA GH - http://agenciagh.com.br/
 * 
 */

.top-to-fade {
    opacity: 0;
    -webkit-transform: translate3d(0, -70px, 0px);
    -moz-transform: translate3d(0, -70px, 0px);
    -ms-transform: translate3d(0, -70px, 0px);
    -o-transform: translate3d(0, -70px, 0px);
    transform: translate3d(0, -70px, 0px);
    transform-origin: left top 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1) .3s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) .3s;
    will-change: transform, opacity;
}

.top-to-fade-anim {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.right-to {
    -webkit-transform: translate3d(200%, 0, 0px);
    -moz-transform: translate3d(200%, 0, 0px);
    -ms-transform: translate3d(200%, 0, 0px);
    -o-transform: translate3d(200%, 0, 0px);
    transform: translate3d(200%, 0, 0px);
    transform-origin: left top 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1) .3s;
    will-change: transform;
}

.right-to-anim {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.right-to-fade {
    opacity: 0;
    -webkit-transform: translate3d(70px, 0, 0px);
    -moz-transform: translate3d(70px, 0, 0px);
    -ms-transform: translate3d(70px, 0, 0px);
    -o-transform: translate3d(70px, 0, 0px);
    transform: translate3d(70px, 0, 0px);
    transform-origin: left top 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1) .3s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) .3s;
    will-change: transform, opacity;
}

.right-to-fade-anim {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.bottom-to-fade {
    opacity: 0;
    -webkit-transform: translate3d(0, 70px, 0px);
    -moz-transform: translate3d(0, 70px, 0px);
    -ms-transform: translate3d(0, 70px, 0px);
    -o-transform: translate3d(0, 70px, 0px);
    transform: translate3d(0, 70px, 0px);
    transform-origin: left top 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1) .3s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) .3s;
    transition-delay: .3s, .3s;
    will-change: transform, opacity;
}

.bottom-to-fade-anim {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.left-to {
    -webkit-transform: translate3d(-200%, 0, 0px);
    -moz-transform: translate3d(-200%, 0, 0px);
    -ms-transform: translate3d(-200%, 0, 0px);
    -o-transform: translate3d(-200%, 0, 0px);
    transform: translate3d(-200%, 0, 0px);
    transform-origin: left top 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition-delay: .3s;
    will-change: transform;
}

.left-to-anim {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.left-to-fade {
    opacity: 0;
    -webkit-transform: translate3d(-70px, 0, 0px);
    -moz-transform: translate3d(-70px, 0, 0px);
    -ms-transform: translate3d(-70px, 0, 0px);
    -o-transform: translate3d(-70px, 0, 0px);
    transform: translate3d(-70px, 0, 0px);
    transform-origin: left top 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1) .3s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) .3s;
    will-change: transform, opacity;
}

.left-to-fade-anim {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.center-to-fade {
    opacity: 0;
    -webkit-transform: scale(3, 3);
    -moz-transform: scale(3, 3);
    -ms-transform: scale(3, 3);
    -o-transform: scale(3, 3);
    transform: scale(3, 3);
    transform-origin: center center 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) .3s, opacity .5s cubic-bezier(0.19, 1, 0.22, 1) .3s;
    will-change: transform, opacity;
}

.center-to-fade-anim {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

/* UPCOMING ANIMATIONS */