/*
** Efeito scroll
** ================================================== */
[data-animar] {
	opacity: 0;
}

/* cima */
.fade-top {
	position: relative;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0s;
}
.fade-top.animar-ativo {
	opacity: 1;
	visibility: visible;
	top: 0;
}

/* baixo */
.fade-bottom {
	position: relative;
	bottom: 50px;
	opacity: 0;
	visibility: hidden;
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0s;
}
.fade-bottom.animar-ativo {
	opacity: 1;
	visibility: visible;
	bottom: 0;
}

/* Esquerda */
.fade-left {
	position: relative;
	left: 50px;
	opacity: 0;
	visibility: hidden;
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0s;
}
.fade-left.animar-ativo {
	opacity: 1;
	visibility: visible;
	left: 0;
}

/* Direita */
.fade-right {
	position: relative;
	right: 50px;
	opacity: 0;
	visibility: hidden;
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0s;
}
.fade-right.animar-ativo {
	opacity: 1;
	visibility: visible;
	right: 0;
}

/* fade in */
.fade-in {
	position: relative;
	opacity: 0;
	visibility: hidden;
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.1s;
	transform: scale(0.3);
}
.fade-in.animar-ativo {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

/* fade in */
.fade-in-rotate {
	position: relative;
	opacity: 0;
	visibility: hidden;
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.1s;
	transform: scale(0.3) rotate(-15deg);
}
.fade-in-rotate.animar-ativo {
	opacity: 1;
	visibility: visible;
	transform: scale(1) rotate(0);
}


/* delays alt */
.animar-delay-0-1 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.1s;
}
.animar-delay-0-2 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.2s;
}
.animar-delay-0-3 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.3s;
}
.animar-delay-0-4 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.4s;
}
.animar-delay-0-5 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.5s;
}
.animar-delay-0-6 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.6s;
}
.animar-delay-0-7 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.7s;
}
.animar-delay-0-8 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.8s;
}
.animar-delay-0-9 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 0.9s;
}
.animar-delay-1 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 1s;
}
.animar-delay-1-1 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 1.1s;
}
.animar-delay-1-2 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 1.2s;
}
.animar-delay-1-3 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 1.3s;
}
.animar-delay-1-4 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 1.4s;
}
.animar-delay-1-5 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 1.5s;
}
.animar-delay-1-6 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 1.6s;
}
.animar-delay-1-7 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 1.7s;
}
.animar-delay-1-8 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 1.8s;
}
.animar-delay-1-9 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 1.9s;
}
.animar-delay-2 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 2s;
}
.animar-delay-2-5 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 2.5s;
}
.animar-delay-3 {
	transition: all 1.5s cubic-bezier(.23,1,.32,1) 3s;
}