@charset "utf-8";

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



/*INVIEW*/
.inviewfadeInTop {
opacity:0;
transform:translate(10%,0);
transition:0.7s ease;
}

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

.inviewfadeInUp {
opacity:0;
transform:translate(0,10%);
transition:0.7s ease;
}

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

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

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

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

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

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

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

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

.fadeIn {
opacity:1;
}

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

.fadeInLine {
width:70px;
height:1px;
}

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

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

.inviewfadeInBalloon2 {
opacity:0;
transform:translate(10%,0);
transition:1.5s ease;
}

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

.inviewfadeInBalloon3 {
opacity:0;
transform:translate(10%,0);
transition:2.5s ease;
}

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

.inviewfadeInBalloon4 {
opacity:0;
transform:translate(10%,0);
transition:3.5s ease;
}

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

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

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

.inviewfadeInFunction2 {
opacity:0;
transform:translate(0,10%);
transition:1.5s ease;
}

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

.inviewfadeInFunction3 {
opacity:0;
transform:translate(0,10%);
transition:2.5s ease;
}

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