.anim
{
    transition: 0.7s all;
}
.anim-slow
{
    transition: 1.5s all;
}
.fade-in-to-left
{
    transform: translateX(-100px);
    opacity: 0;
}
.fade-in-to-right
{
    transform: translateX(100px);
    opacity: 0;
}
.fade-in-to-down
{
    transform: translateY(-20px);
    opacity: 0;
}
.fade-in-to-up
{
    transform: translateY(20px);
    opacity: 0;
}

.nav-menu
{
    opacity: 0;
}

.nav-menu-animate{
	animation: 0.8s ease-in-out nav-menu-fade-up;
	animation-fill-mode: forwards;
}


@keyframes nav-menu-fade-up{
	0%{
		transform: translatey(-30px);
		opacity: 0;
	}
	100%{
		transform: translatey(0px);
		opacity: 1;
	}
}



#agencia #flor
{
    top: 50%;
    left: 0;
    transform: translateX(-75%) translateY(-50%) scale(2);
	animation: 120s flor-rotate linear infinite;
	z-index: -1;
}

@keyframes flor-rotate{
	0%{
		transform: translateX(-75%) translateY(-50%) scale(2) rotate(0);
	}
	100%{
		transform: translateX(-75%) translateY(-50%) scale(2) rotate(360deg);
	}
}

#agencia #yaguarete-corriendo
{
	top: 20%;
    left: 100%;
	z-index: -1;
}
#agencia #flor-chica
{
	top: 65%;
    left: 80%;
	z-index: -1;
}


#banner #flecha
{
	top: 80vh;
    left: 50;
	animation: float 1.2s ease-in-out infinite;;
}

@keyframes float {
	0% {
		transform: translateX(-50%) translatey(0px);
	}
	50% {
		transform: translateX(-50%) translatey(-10px);
	}
	100% {
		transform: translateX(-50%) translatey(0px);
	}
}