@charset "utf-8";

/*ANIMATION*/
@keyframes hover {
0%{opacity:1;}
100%{opacity:0.5;}
}

@keyframes ball1 {
0%{transform:translateY(0);}
100%{transform:translateY(-10%);}
}

@keyframes ball2 {
0%{transform:translateY(0);}
100%{transform:translateY(10%);}
}

@keyframes cta {
0%{transform:scale(1);}
100%{transform:scale(1.03);}
}


/*INVIEW*/
.inviewfadeInUp {
opacity:0;
transform:translate(0,20%);
transition:0.5s ease;
}

.fadeInUp {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInRight {
opacity:0;
transform:translate(20%,0);
transition:0.5s ease;
}

.fadeInRight {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInDown {
opacity:0;
transform:translate(0,-20%);
transition:0.5s ease;
}

.fadeInDown {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInLeft {
opacity:0;
transform:translate(-20%,0);
transition:0.5s ease;
}

.fadeInLeft {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeIn {
opacity:0;
transition:0.5s ease;
}

.fadeIn {
opacity:1;
}

.inviewfadeInLine {
width:0;
transition:0.5s ease;
}

.fadeInLine {
width:70px;
height:1px;
background:#e696b4;
}