@charset "utf-8";

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

@keyframes btn {
0%{transform:scale(1);}
100%{transform:scale(1.02);}
}

@keyframes mv_bg {
0%{opacity:1;}
100%{opacity:0;}
}

@keyframes door_left {
0%{transform:translate(0,0);}
50%{transform:translate(0,0);}
100%{transform:translate(-100%,0);}
}

@keyframes door_right {
0%{transform:translate(0,0);}
50%{transform:translate(0,0);}
100%{transform:translate(100%,0);}
}



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

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

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

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

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

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

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

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

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

.fadeIn {
opacity:1;
}

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

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

.inviewfadeInSlow {
opacity:0;
transition:3s ease;
}

.fadeInSlow {
opacity:1;
}



/*INVIEW*/
.inviewfadeInMv {
opacity:1;
transition:5s ease;
}

.fadeInMv {
opacity:0;
}

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

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

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

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



/*DELAY*/
.delay1 {
    transition-delay:0.1s;
}

.delay2 {
    transition-delay:0.2s;
}

.delay3 {
    transition-delay:0.3s;
}

.delay4 {
    transition-delay:0.4s;
}

.delay5 {
    transition-delay:0.5s;
}

.delay6 {
    transition-delay:0.6s;
}

.delay7 {
    transition-delay:0.7s;
}

.delay8 {
    transition-delay:0.8s;
}

.delay9 {
    transition-delay:0.9s;
}

.delay10 {
    transition-delay:1.0s;
}
.delay11 {
    transition-delay:1.1s;
}

.delay12 {
    transition-delay:1.2s;
}

.delay13 {
    transition-delay:1.3s;
}

.delay14 {
    transition-delay:1.4s;
}

.delay15 {
    transition-delay:1.5s;
}
.delay16 {
    transition-delay:1.6s;
}

.delay17 {
    transition-delay:1.7s;
}

.delay18 {
    transition-delay:1.8s;
}

.delay19 {
    transition-delay:1.9s;
}

.delay20 {
    transition-delay:2.0s;
}