/*==================================================
ANIMACIONES
==================================================*/

.fade-up{

opacity:0;

transform:translateY(50px);

transition:

opacity .8s ease,

transform .8s ease;

}

.fade-up.show{

opacity:1;

transform:translateY(0);

}

/*================================*/

.fade-left{

opacity:0;

transform:translateX(-60px);

transition:

opacity .8s ease,

transform .8s ease;

}

.fade-left.show{

opacity:1;

transform:translateX(0);

}

/*================================*/

.fade-right{

opacity:0;

transform:translateX(60px);

transition:

opacity .8s ease,

transform .8s ease;

}

.fade-right.show{

opacity:1;

transform:translateX(0);

}

/*================================*/

.zoom{

opacity:0;

transform:scale(.92);

transition:

opacity .8s ease,

transform .8s ease;

}

.zoom.show{

opacity:1;

transform:scale(1);

}

/*================================*/

.delay-1{

transition-delay:.15s;

}

.delay-2{

transition-delay:.30s;

}

.delay-3{

transition-delay:.45s;

}

.delay-4{

transition-delay:.60s;

}

/*================================*/

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}

.hero-right img{

animation:float 7s ease-in-out infinite;

}

/*================================*/

@keyframes fadeIn{

from{

opacity:0;

}

to{

opacity:1;

}

}

body{

animation:fadeIn .6s ease;

}