@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);
}

.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)
    }
}
.huwahuwa-s{
	animation-name: imgro;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1s;
}
@keyframes imgro {
    0% {
        transform: translate(0,0px);
    }

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

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

.fadein {
  opacity: 0;
  animation: fadein 1s 0s forwards;;
}

@keyframes fadein {
  	0% {
		opacity: 0;
		transform: scale(0.1);
	}

	60% {
		opacity: 1;
		transform: scale(1.1)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}

.fadein2 {
  opacity: 0;
  animation: fadein 1s 0.5s forwards;;
}

@keyframes fadein {
  	0% {
		opacity: 0;
		transform: scale(0.1);
	}

	60% {
		opacity: 1;
		transform: scale(1.1)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}

.fadein3 {
  opacity: 0;
  animation: fadein 1s 1s forwards;;
}

@keyframes fadein {
  	0% {
		opacity: 0;
		transform: scale(0.1);
	}

	60% {
		opacity: 1;
		transform: scale(1.1)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}