@charset "utf-8";
/* CSS Document */

/* !- Animate on scroll*/

/* Scale Up animation */
@-webkit-keyframes mk_scale {
	0% {
		-webkit-transform: scale(0.3);
 		opacity: 0.1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@-moz-keyframes mk_scale {
 	0% {
		-moz-transform: scale(0.3);
		opacity: 0.1;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 1;
 	}
}
 @-o-keyframes mk_scale {
	0% {
		-o-transform: scale(0.3);
		opacity: 0.1;
	}
	100% {
		-o-transform: scale(1);
		opacity: 1;
	}
}
@keyframes mk_scale {
	0% {
		transform: scale(0.3);
		opacity: 0.1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}


/* Fade In animation */
@-webkit-keyframes mk_fade {
	0% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes mk_fade {
	0% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes mk_fade {
	0% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}	
}
@keyframes mk_fade {
	0% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}
}

/* Left to Right animation */
@-webkit-keyframes mk_left_to_right {
	0% {
		-webkit-transform: translate(-20px, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes mk_left_to_right {
	0% {
		-moz-transform: translate(-20px, 0);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes mk_left_to_right {
	0% {
		-o-transform: translate(-20px, 0);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes mk_left_to_right {
	0% {
		transform: translate(-20px, 0);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

/* Right To Left animation */
@-webkit-keyframes mk_right_to_left {
	0% {
		-webkit-transform: translate(20px, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes mk_right_to_left {
	0% {
		-moz-transform: translate(20px, 0);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}
@-o-keyframes mk_right_to_left {
	 0% {
		-o-transform: translate(20px, 0);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}

}
@keyframes mk_right_to_left {
	0% {
		transform: translate(20px, 0);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

/* Bottom to Top animation */
@-webkit-keyframes mk_bottom_to_top {
	0% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes mk_bottom_to_top {
	0% {
		-moz-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}
@-o-keyframes mk_bottom_to_top {
	0% {
		-o-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes mk_bottom_to_top {
	0% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

/* Top to Bottom animation */
@-webkit-keyframes mk_top_to_bottom {
	0% {
		-webkit-transform: translate(0, -20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes mk_top_to_bottom {
	0% {
		-moz-transform: translate(0, -20px);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}
@-o-keyframes mk_top_to_bottom {
	0% {
		-o-transform: translate(0, -20px);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes mk_top_to_bottom {
	0% {
		transform: translate(0, -20px);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

.animate-element {
	opacity: 0;
	-webkit-perspective: 1000;
}


.u-guideTop.z-move {
	-webkit-animation: guideTop 1.5s infinite;
	-moz-animation: guideTop 1.5s infinite;
	animation: guideTop 1.5s infinite
}
@-moz-keyframes guideTop {
0% {
-moz-transform:translateY(10px);
opacity:0
}
60% {
-moz-transform:translateY(6px);
opacity:1
}
100% {
-moz-transform:translateY(0px);
opacity:0
}
}
@-webkit-keyframes guideTop {
0% {
-webkit-transform:translateY(10px);
opacity:0
}
60% {
-webkit-transform:translateY(6px);
opacity:1
}
100% {
-webkit-transform:translateY(0px);
opacity:0
}
}

@keyframes guideTop {
0% {
transform:translateY(10px);
opacity:0
}
60% {
transform:translateY(6px);
opacity:1
}
100% {
transform:translateY(0px);
opacity:0
}
}

@-webkit-keyframes arrow {
0% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
}
90% {
opacity:0;
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -10px, 0);
}
}
@-moz-keyframes arrow {
0% {
opacity:1;
-moz-transform:translate3d(0, 20px, 0);
}
90% {
opacity:0;
}
100% {
opacity:0;
-moz-transform:translate3d(0, -10px, 0);
}
}
@keyframes arrow {
0% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
}
90% {
opacity:0;
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -10px, 0);
}
}

/*.animate-element {
	opacity: 1;
}*/

.animate-element.start-animation.FadeInT{
	-webkit-animation: FadeInT 0.5s ease 0s forwards;
	-moz-animation: FadeInT 0.5s ease 0s forwards;
	-o-animation: FadeInT 0.5s ease 0s forwards;
	animation: FadeInT 0.5s ease 0s forwards;
	opacity: 1;
}

.animate-element.start-animation.FadeInB{
	-webkit-animation: FadeInB 0.5s ease 0s forwards;
	-moz-animation: FadeInB 0.5s ease 0s forwards;
	-o-animation: FadeInB 0.5s ease 0s forwards;
	animation: FadeInB 0.5s ease 0s forwards;
	opacity: 1;
}

.animate-element.start-animation.BounceInB{
	-webkit-animation: BounceInB 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-moz-animation: BounceInB 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-o-animation: BounceInB 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	animation: BounceInB 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	opacity: 1;
}

.animate-element.start-animation.arrow{
	-webkit-animation: arrow 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-moz-animation: arrow 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-o-animation: arrow 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	animation: arrow 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	opacity: 1;
}


.animate-element.start-animation.scale-up{
	-webkit-animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-moz-animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-o-animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	opacity: 1;
}

.animate-element.start-animation.fade-in{
	-webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-moz-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-o-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	opacity: 1;
}


.animate-element.start-animation.right-to-left{
	-webkit-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	opacity: 1;
}
.animate-element.start-animation.left-to-right{
	-webkit-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	opacity: 1;
}
.animate-element.start-animation.top-to-bottom{
	-webkit-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	opacity: 1;
}
.animate-element.start-animation.bottom-to-top{
	-webkit-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	opacity: 1;
}