/**
 *
 * 	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(2,2);
	-moz-transform: scale(2,2);
	-ms-transform: scale(2,2);
	-o-transform: scale(2,2);
	transform: scale(2,2);
    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);
}

.quina-right-bottom-fade {
	opacity: 0;
	-webkit-transform: translate3d(120px, 120px, 0px);
	-moz-transform: translate3d(120px, 120px, 0px);
	-ms-transform: translate3d(120px, 120px, 0px);
	-o-transform: translate3d(120px, 120px, 0px);
	transform: translate3d(120px, 120px, 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;
}

.quina-right-bottom-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);
}
.quina-right-top-fade {
	opacity: 0;
	-webkit-transform: translate3d(120px, -120px, 0px);
	-moz-transform: translate3d(120px, -120px, 0px);
	-ms-transform: translate3d(120px, -120px, 0px);
	-o-transform: translate3d(120px, -120px, 0px);
	transform: translate3d(120px, -120px, 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;
}

.quina-right-top-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);
}

.quina-left-top-fade{
	opacity: 0;
	-webkit-transform: translate3d(-120px, -120px, 0px);
	-moz-transform: translate3d(-120px, -120px, 0px);
	-ms-transform: translate3d(-120px, -120px, 0px);
	-o-transform: translate3d(-120px, -120px, 0px);
	transform: translate3d(-120px, -120px, 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;
}

.quina-left-top-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);
}

.quina-left-bottom-fade{
	opacity: 0;
	-webkit-transform: translate3d(120px, 120px, 0px);
	-moz-transform: translate3d(120px, 120px, 0px);
	-ms-transform: translate3d(120px, 120px, 0px);
	-o-transform: translate3d(120px, 120px, 0px);
	transform: translate3d(120px, 120px, 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;
}

.quina-left-bottom-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);
}

/* UPCOMING ANIMATIONS */