@charset "utf-8";

/***************animation**********************/

[data-emergence=hidden] {
	-webkit-opacity: 0;
	     -o-opacity: 0;
	   -moz-opacity: 0;
	        opacity: 0;
	    -ms-opacity: 0;
}

[data-emergence=visible] {
	-webkit-opacity: 1;
	     -o-opacity: 1;
	   -moz-opacity: 1;
	        opacity: 1;
	    -ms-opacity: 1;
}

[data-emergence] {
	-webkit-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	   -moz-transition-timing-function: ease;
	        transition-timing-function: ease;
	    -ms-transition-timing-function: ease;
	-webkit-transition-duration: .8s;
	     -o-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	        transition-duration: .8s;
	    -ms-transition-duration: .8s;
	-webkit-transition-property: opacity, transform;
	     -o-transition-property: opacity, transform;
	   -moz-transition-property: opacity, transform;
	        transition-property: opacity, transform;
	    -ms-transition-property: opacity, transform;
}

.fadeInUp[data-emergence=hidden] {
	/* opacity: 0; */
	-webkit-transform: translateY(50px);
	     -o-transform: translateY(50px);
	   -moz-transform: translateY(50px);
	        transform: translateY(50px);
	    -ms-transform: translateY(50px);
}
.fadeInUp[data-emergence=visible] {
	/* opacity: 1; */
	-webkit-transform: translateY(0);
	     -o-transform: translateY(0);
	   -moz-transform: translateY(0);
	        transform: translateY(0);
	    -ms-transform: translateY(0);
}

.fadeInRight[data-emergence=hidden] {
	/* opacity: 0; */
	-webkit-transform: translateX(-50px);
	     -o-transform: translateX(-50px);
	   -moz-transform: translateX(-50px);
	        transform: translateX(-50px);
	    -ms-transform: translateX(-50px);
}
.fadeInRight[data-emergence=visible] {
	/* opacity: 1; */
	-webkit-transform: translateX(0);
	     -o-transform: translateX(0);
	   -moz-transform: translateX(0);
	        transform: translateX(0);
	    -ms-transform: translateX(0);
}

.fadeInLeft[data-emergence=hidden] {
	/* opacity: 0; */
	-webkit-transform: translateX(50px);
	     -o-transform: translateX(50px);
	   -moz-transform: translateX(50px);
	        transform: translateX(50px);
	    -ms-transform: translateX(50px);
}
.fadeInLeft[data-emergence=visible] {
	/* opacity: 1; */
	-webkit-transform: translateX(0);
	     -o-transform: translateX(0);
	   -moz-transform: translateX(0);
	        transform: translateX(0);
	    -ms-transform: translateX(0);
}

.fadeInDown[data-emergence=hidden] {
	/* opacity: 0; */
	-webkit-transform: translateY(-50px);
	     -o-transform: translateY(-50px);
	   -moz-transform: translateY(-50px);
	        transform: translateY(-50px);
	    -ms-transform: translateY(-50px);
}
.fadeInDown[data-emergence=visible] {
	/* opacity: 1; */
	-webkit-transform: translateY(0);
	     -o-transform: translateY(0);
	   -moz-transform: translateY(0);
	        transform: translateY(0);
	    -ms-transform: translateY(0);
}

.zoomIn[data-emergence],
.zoomOut[data-emergence] {
	-webkit-transition-duration: .6s;
	     -o-transition-duration: .6s;
	   -moz-transition-duration: .6s;
	        transition-duration: .6s;
	    -ms-transition-duration: .6s;
}

.zoomIn[data-emergence=hidden] {
	/* opacity: 0; */
	-webkit-transform: scale(0.6);
	     -o-transform: scale(0.6);
	   -moz-transform: scale(0.6);
	        transform: scale(0.6);
	    -ms-transform: scale(0.6);
}
.zoomIn[data-emergence=visible] {
	/* opacity: 1; */
	-webkit-transform: scale(1);
	     -o-transform: scale(1);
	   -moz-transform: scale(1);
	        transform: scale(1);
	    -ms-transform: scale(1);
}

.zoomOut[data-emergence=hidden] {
	/* opacity: 0; */
	-webkit-transform: scale(1.2);
	     -o-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	        transform: scale(1.2);
	    -ms-transform: scale(1.2);
}
.zoomOut[data-emergence=visible] {
	/* opacity: 1; */
	-webkit-transform: scale(1);
	     -o-transform: scale(1);
	   -moz-transform: scale(1);
	        transform: scale(1);
	    -ms-transform: scale(1);
}

[data-emergence=visible].delay-1{
	-webkit-transition-delay: 0.2s;
	     -o-transition-delay: 0.2s;
	   -moz-transition-delay: 0.2s;
	        transition-delay: 0.2s;
	    -ms-transition-delay: 0.2s;
}
[data-emergence=visible].delay-2{
	-webkit-transition-delay: 0.4s;
	     -o-transition-delay: 0.4s;
	   -moz-transition-delay: 0.4s;
	        transition-delay: 0.4s;
	    -ms-transition-delay: 0.4s;
}
[data-emergence=visible].delay-3{
	-webkit-transition-delay: 0.6s;
	     -o-transition-delay: 0.6s;
	   -moz-transition-delay: 0.6s;
	        transition-delay: 0.6s;
	    -ms-transition-delay: 0.6s;
}
[data-emergence=visible].delay-4{
	-webkit-transition-delay: 0.8s;
	     -o-transition-delay: 0.8s;
	   -moz-transition-delay: 0.8s;
	        transition-delay: 0.8s;
	    -ms-transition-delay: 0.8s;
}