@charset "UTF-8";
.effect-fade0 {
	opacity : 0;
	transform : translate(0, 0px);
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
	transition : all 1s;
}

.effect-fade0.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}
.effect-fade {
	opacity : 0;
	transform : translate(0, 40px);
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
	transition : all 1s;
}

.effect-fade.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}
.effect-fade-d01 {
	opacity : 0;
	transform : translate(0, 40px);
	-webkit-transition: all 1s 0.2s;
    -moz-transition: all 1s 0.2s;
    -o-transition: all 1s 0.2s;
    -ms-transition: all 1s 0.2s;
	transition : all 1s 0.2s;
}

.effect-fade-d01.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}
.effect-fade-d02 {
	opacity : 0;
	transform : translate(0, 40px);
	-webkit-transition: all 1s 0.4s;
    -moz-transition: all 1s 0.4s;
    -o-transition: all 1s 0.4s;
    -ms-transition: all 1s 0.4s;
	transition : all 1s 0.4s;
}

.effect-fade-d02.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}
.effect-fade-d03 {
	opacity : 0;
	transform : translate(0, 40px);
	-webkit-transition: all 1s 0.6s;
    -moz-transition: all 1s 0.6s;
    -o-transition: all 1s 0.6s;
    -ms-transition: all 1s 0.6s;
	transition : all 1s 0.6s;
}


.effect-fade-d03.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}
.effect-fade-d04 {
	opacity : 0;
	transform : translate(0, 40px);
	-webkit-transition: all 1s 0.8s;
    -moz-transition: all 1s 0.8s;
    -o-transition: all 1s 0.8s;
    -ms-transition: all 1s 0.8s;
	transition : all 1s 0.8s;
}


.effect-fade-d04.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}

.effect-fade-d05 {
	opacity : 0;
	transform : translate(0, 40px);
	-webkit-transition: all 1s 0.01s;
    -moz-transition: all 1s 0.01s;
    -o-transition: all 1s 0.01s;
    -ms-transition: all 1s 0.01s;
	transition : all 1s 0.01s;
}


.effect-fade-d05.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}



.effect-fade-l {
	opacity : 0;
	transform : translate(-40px, 0px);
	-webkit-transition: all 1s 0.02s;
    -moz-transition: all 1s 0.02s;
    -o-transition: all 1s 0.02s;
    -ms-transition: all 1s 0.02s;
	transition : all 1s 0.02s;
}


.effect-fade-l.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}

.effect-fade-r {
	opacity : 0;
	transform : translate(40px, 0px);
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
	transition : all 1s;
}


.effect-fade-r.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}

.effect-fade-ll {
	opacity : 0;
	transform : translate(-800px, 0px);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	transition : all 0.5s;
}


.effect-fade-ll.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}

.effect-fade-rr {
	opacity : 0;
	transform : translate(800px, 0px);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	transition : all 0.5s;
}


.effect-fade-rr.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}
@keyframes firstfade { 
from { 
opacity: 0; 
} 
to { 
opacity: 1; 
} 
}
@keyframes fadein01 { 
from { 
opacity: 0; 
transform: translate(-50px,100px); 
} 
to { 
opacity: 1; 
transform: translate(0); 
} 
}
@keyframes fadein02 { 
from { 
opacity: 0; 
transform: translate(50px,-100px); 
} 
to { 
opacity: 1; 
transform: translate(0); 
} 
} 
@keyframes fadein03 { 
from { 
opacity: 0; 
transform: translate(-50px,100px); 
} 
to { 
opacity: 1; 
transform: translate(0); 
} 
}
@keyframes fadein04 { 
from { 
opacity: 0; 
transform: translate(50px,-100px); 
} 
to { 
opacity: 1; 
transform: translate(0); 
} 
}
@keyframes fadein05 { 
from { 
opacity: 0; 
transform: translate(-50px,100px); 
} 
to { 
opacity: 1; 
transform: translate(0); 
} 
}


.huwahuwa{
	animation-name: imgro;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
}
@keyframes imgro {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-20px)
    }
}
.huwahuwa02{
	animation-name: imgro2;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1s;
}
@keyframes imgro2 {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}
.huwahuwa03{
	animation-name: imgro3;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1s;
}
@keyframes imgro3 {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-18px)
    }
}
.huwahuwa04{
	animation-name: imgro4;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1s;
}
@keyframes imgro4 {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-22px)
    }
}