/* =========================== Written by Peter ============================ */
@-webkit-keyframes logo-animation {
	from {
		background-position: 0 center;
	}
	to {
		background-position: -504px center;
	}
}
@-moz-keyframes logo-animation {
	from {
		background-position: 0 center;
	}
	to {
		background-position: -504px center;
	}
}
@keyframes logo-animation {
	from {
		background-position: 0 center;
	}
	to {
		background-position: -504px center;
	}
}
@-webkit-keyframes logo-walk {
	0%, 50%, 100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	22.5%, 27.5% {
		-webkit-transform: translateX(-40%);
		-moz-transform: translateX(-40%);
		transform: translateX(-40%);
	}
	72.5%, 77.5% {
		-webkit-transform: translateX(40%);
		-moz-transform: translateX(40%);
		transform: translateX(40%);
	}
}
@-moz-keyframes logo-walk {
	0%, 50%, 100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	22.5%, 27.5% {
		-webkit-transform: translateX(-40%);
		-moz-transform: translateX(-40%);
		transform: translateX(-40%);
	}
	72.5%, 77.5% {
		-webkit-transform: translateX(40%);
		-moz-transform: translateX(40%);
		transform: translateX(40%);
	}
}
@keyframes logo-walk {
	0%, 50%, 100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	22.5%, 27.5% {
		-webkit-transform: translateX(-40%);
		-moz-transform: translateX(-40%);
		transform: translateX(-40%);
	}
	72.5%, 77.5% {
		-webkit-transform: translateX(40%);
		-moz-transform: translateX(40%);
		transform: translateX(40%);
	}
}
@-webkit-keyframes logo-rotate {
	0% , 100% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
	22.5% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
	27.5% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	72.5% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	77.5% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
}
@-moz-keyframes logo-rotate {
	0% , 100% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
	22.5% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
	27.5% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	72.5% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	77.5% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
}
@keyframes logo-rotate {
	0% , 100% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
	22.5% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
	27.5% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	72.5% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	77.5% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
}
@-webkit-keyframes animateTop {
	0% {
		-webkit-transform: translateY(-150%);
		-moz-transform: translateY(-150%);
		transform: translateY(-150%);
	}
	70% {
		-webkit-transform: translateY(20%);
		-moz-transform: translateY(20%);
		transform: translateY(20%);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@-moz-keyframes animateTop {
	0% {
		-webkit-transform: translateY(-150%);
		-moz-transform: translateY(-150%);
		transform: translateY(-150%);
	}
	70% {
		-webkit-transform: translateY(20%);
		-moz-transform: translateY(20%);
		transform: translateY(20%);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes animateTop {
	0% {
		-webkit-transform: translateY(-150%);
		-moz-transform: translateY(-150%);
		transform: translateY(-150%);
	}
	70% {
		-webkit-transform: translateY(20%);
		-moz-transform: translateY(20%);
		transform: translateY(20%);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes animateLeft {
	from {
		-webkit-transform: translateX(-150%);
		-moz-transform: translateX(-150%);
		transform: translateX(-150%);
	}
	to {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}
@-moz-keyframes animateLeft {
	from {
		-webkit-transform: translateX(-150%);
		-moz-transform: translateX(-150%);
		transform: translateX(-150%);
	}
	to {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes animateLeft {
	from {
		-webkit-transform: translateX(-150%);
		-moz-transform: translateX(-150%);
		transform: translateX(-150%);
	}
	to {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes animateRight {
	from {
		-webkit-transform: translateX(150%);
		-moz-transform: translateX(150%);
		transform: translateX(150%);
	}
	to {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}
@-moz-keyframes animateRight {
	from {
		-webkit-transform: translateX(150%);
		-moz-transform: translateX(150%);
		transform: translateX(150%);
	}
	to {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes animateRight {
	from {
		-webkit-transform: translateX(150%);
		-moz-transform: translateX(150%);
		transform: translateX(150%);
	}
	to {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes animateZoom {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes animateZoom {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes animateZoom {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.logo-animation {
	-webkit-animation: logo-animation 3.5s steps(4) infinite;
	-moz-animation: logo-animation 3.5s steps(4) infinite;
	animation: logo-animation 3.5s steps(4) infinite;
}
.logo-walk {
	-webkit-animation: logo-walk 40s linear infinite;
	-moz-animation: logo-walk 40s linear infinite;
	animation: logo-walk 40s linear infinite;
}
.logo-rotate {
	-webkit-animation: logo-rotate 40s linear infinite;
	-moz-animation: logo-rotate 40s linear infinite;
	animation: logo-rotate 40s linear infinite;
}
.parallel-animate .animateTop {
	-webkit-animation: animateTop 0.8s ease-in-out forwards;
	-moz-animation: animateTop 0.8s ease-in-out forwards;
	animation: animateTop 0.8s ease-in-out forwards;
}
.parallel-animate .animateLeft, .parallel-animate .servicetitle {
	-webkit-animation: animateLeft 0.8s ease-in-out forwards;
	-moz-animation: animateLeft 0.8s ease-in-out forwards;
	animation: animateLeft 0.8s ease-in-out forwards;
}
.parallel-animate .animateRight, .parallel-animate .serviceinfo {
	-webkit-animation: animateRight 0.8s ease-in-out forwards;
	-moz-animation: animateRight 0.8s ease-in-out forwards;
	animation: animateRight 0.8s ease-in-out forwards;
}
.parallel-animate .servicepic {
	-webkit-animation: animateZoom 0.8s ease-in-out forwards;
	-moz-animation: animateZoom 0.8s ease-in-out forwards;
	animation: animateZoom 0.8s ease-in-out forwards;
}
.parallel-animate .animateLeft, .parallel-animate .animateRight, .Service .waterfall-item:nth-child(odd) .servicepic, .Service .waterfall-item:nth-child(odd) .servicetitle, .Service .waterfall-item:nth-child(odd) .serviceinfo {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.Service .waterfall-item:nth-child(even) .servicepic, .Service .waterfall-item:nth-child(even) .servicetitle, .Service .waterfall-item:nth-child(even) .serviceinfo {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}