@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(-50px, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes mk_left_to_right {
	0% {
		-moz-transform: translate(-50px, 0);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

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

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

}
@keyframes mk_right_to_left {
	0% {
		transform: translate(50px, 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, 50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes mk_bottom_to_top {
	0% {
		-moz-transform: translate(0, 50px);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}
@-o-keyframes mk_bottom_to_top {
	0% {
		-o-transform: translate(0, 50px);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes mk_bottom_to_top {
	0% {
		transform: translate(0, 50px);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

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

.animate-element {
	opacity: 0;
	-webkit-perspective: 1000;
}
/*.animate-element {
	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.robot{
	-webkit-animation: mk_right_to_left 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: mk_right_to_left 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: mk_right_to_left 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: mk_right_to_left 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
	opacity: 1;
}
.animate-element.start-animation.bounce{
	-webkit-animation: bounce 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: bounce 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: bounce 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: bounce 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	opacity: 1;
}

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