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