/*-----------------------------------------
 Menu
-----------------------------------------*/
@-webkit-keyframes menuAnimation {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes menuAnimation {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

/*-----------------------------------------
 Submenu
-----------------------------------------*/
@-webkit-keyframes submenuAnimation {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes submenuAnimation {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

/*-----------------------------------------
 Title Show
-----------------------------------------*/
@-webkit-keyframes titleShow {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes titleShow {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

/*-----------------------------------------
 Horizontal & Vertical Lines
-----------------------------------------*/
@-webkit-keyframes lineHor {
	0% {
		left: -100%
	}
	to {
		left: 100%
	}
}

@keyframes lineHor {
	0% {
		left: -100%
	}
	to {
		left: 100%
	}
}

@-webkit-keyframes lineVert1 {
	0% {
		top: 100%
	}
	to {
		top: -100%
	}
}

@keyframes lineVert1 {
	0% {
		top: 100%
	}
	to {
		top: -100%
	}
}

/*-----------------------------------------
 Rotate
-----------------------------------------*/
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotateX(0) rotateY(0) rotate(0);
		transform: rotateX(0) rotateY(0) rotate(0)
	}
	to {
		-webkit-transform: rotateX(1turn) rotateY(1turn) rotate(1turn);
		transform: rotateX(1turn) rotateY(1turn) rotate(1turn)
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotateX(0) rotateY(0) rotate(0);
		transform: rotateX(0) rotateY(0) rotate(0)
	}
	to {
		-webkit-transform: rotateX(1turn) rotateY(1turn) rotate(1turn);
		transform: rotateX(1turn) rotateY(1turn) rotate(1turn)
	}
}

/*-----------------------------------------
 Company Animation
-----------------------------------------*/
@-webkit-keyframes companyAnimation1 {
	0% {
		opacity: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		opacity: 1
	}
	to {
		opacity: 1;
		left: 55%;
		bottom: 55%;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes companyAnimation1 {
	0% {
		opacity: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		opacity: 1
	}
	to {
		opacity: 1;
		left: 55%;
		bottom: 55%;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes companyAnimation2 {
	0% {
		opacity: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		opacity: 1
	}
	to {
		opacity: 1;
		left: 40%;
		bottom: 40%;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes companyAnimation2 {
	0% {
		opacity: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		opacity: 1
	}
	to {
		opacity: 1;
		left: 40%;
		bottom: 40%;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes companyAnimation3 {
	0% {
		opacity: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		opacity: 1
	}
	to {
		opacity: 1;
		left: 22%;
		bottom: 22%;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes companyAnimation3 {
	0% {
		opacity: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		opacity: 1
	}
	to {
		opacity: 1;
		left: 22%;
		bottom: 22%;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes companyAnimation4 {
	0% {
		opacity: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		opacity: 1
	}
	to {
		opacity: 1;
		left: 10%;
		bottom: 10%;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes companyAnimation4 {
	0% {
		opacity: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		opacity: 1
	}
	to {
		opacity: 1;
		left: 10%;
		bottom: 10%;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes companyAnimation5 {
	0% {
		opacity: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		opacity: 1
	}
	to {
		opacity: 1;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes companyAnimation5 {
	0% {
		opacity: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		opacity: 1
	}
	to {
		opacity: 1;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

/*-----------------------------------------
 Article Animation
-----------------------------------------*/
@-webkit-keyframes articleAnimation {
	0% {
		left: -20px;
		opacity: 0
	}
	to {
		left: 0;
		opacity: 1
	}
}

@keyframes articleAnimation {
	0% {
		left: -20px;
		opacity: 0
	}
	to {
		left: 0;
		opacity: 1
	}
}