#text-bx {
	-skrollr-animation-name: home-animation;
}
@-skrollr-keyframes home-animation {
	0 {
		left: -20%;
	}
	1500 {
		left: -150%;
	}
}

#about-us {
	-skrollr-animation-name: about-animation;
}
@-skrollr-keyframes about-animation {
	0 {
		top: 100%;
		opacity: 0;
	}
	1000 {
		top: 100%;
		opacity: 0;
	}
	2000 {
		top: 0%;
		opacity: 1;
	}
	3000 {
		top: 0%;
	}
	4000 {
		top: -100%;
	}
}

#about-us-inner-wrapper {
	-skrollr-animation-name: about-inner-animation;
}
@-skrollr-keyframes about-inner-animation {
	1500 {
		top: 50%;
	}
	2000 {
		top: 50%;
	}
	2500 {
		top: 0%;
	}
	3000 {
		top: -50%;
	}
	3500 {
		top: -100%;
	}
}

#services {
	-skrollr-animation-name: services-animation;
}
@-skrollr-keyframes services-animation {
	3000 {
		top: 100%;
	}
	4000 {
		top: 0%;
	}
	6000 {
		top: 0%;
	}
	6500 {
		top: -100%;
	}
}

#services-tiles {
	-skrollr-animation-name: services-tiles-animation;
}
@-skrollr-keyframes services-tiles-animation {
	4000 {
		left: 100%;
		opacity: 0;
	}
	4500 {
		left: 50%;
		opacity: 1;
	}
	5000 {
		left: 0px;
		opacity: 1;
	}
	6000 {
		left: -2300px;
		opacity: 1;
	}
}

#services-heading {
	-skrollr-animation-name: services-heading-animation;
}
@-skrollr-keyframes services-heading-animation {
	4000 {
		opacity: 1;
	}
	5700 {
		opacity: 0;
	}
}

#case-studies {
	-skrollr-animation-name: case-studies-animation;
}
@-skrollr-keyframes case-studies-animation {
	6000 {
		top: 100%;
	}
	6400 {
		top: 0%;
	}
	8400 {
		top: 0%;
	}
	8900 {
		top: -100%;
	}
}

#case-studies-tiles {
	-skrollr-animation-name: case-studies-tiles-animation;
}
@-skrollr-keyframes case-studies-tiles-animation {
	6400 {
		left: 100%;
		opacity: 0;
	}
	6900 {
		left: 50%;
		opacity: 1;
	}
	7400 {
		left: 0%;
		opacity: 1;
	}
	8900 {
		left: -150%;
		opacity: 1;
	}
}

#case-studies-heading {
	-skrollr-animation-name: case-studies-heading-animation;
}
@-skrollr-keyframes case-studies-heading-animation {
	6400 {
		opacity: 1;
	}
	8100 {
		opacity: 0;
	}
}

#contact {
	-skrollr-animation-name: contact-animation;
}
@-skrollr-keyframes contact-animation {
	8400 {
		top: 100%;
	}
	8800 {
		top: 0%;
	}
}

#contact-heading {
	-skrollr-animation-name: contact-heading-animation;
}
@-skrollr-keyframes contact-heading-animation {
	8800 {
		opacity: 1;
	}
	10000 {
		opacity: 0;
	}
}

#contact-us {
	-skrollr-animation-name: contact-us-animation;
}
@-skrollr-keyframes contact-us-animation {
	9000 {
		top: 100%;
	}
	10000 {
		top: 0%;
	}
}

#menu-button {
	-skrollr-animation-name: menu-animation;
}
@-skrollr-keyframes menu-animation {
	3000 {
		background-image:url(themes/jmiw/images/hamburger.svg);
	}
	3890 {
		background-image:url(themes/jmiw/images/hamburger-white.svg);
	}
}

#page-footer {
	-skrollr-animation-name: footer-animation;
}
@-skrollr-keyframes footer-animation {
	0 {
		color: rgba(56, 187, 143, 1);
	}
	2500 {
		color: rgba(56, 187, 143, 1);
	}

	3110 {
		color: rgba(56, 187, 143, 1);
	}
	3120 {
		color: rgba(250, 250, 250 ,1);
	}
	5800 {
		color: rgba(250, 250, 250, 1);
	}

	7000 {
		color: rgba(250, 250, 250, 1);
	}
	8500 {
		color: rgba(250, 250, 250, 1);
	}

	9320 {
		color: rgba(250, 250, 250, 1);
	}
	9330 {
		color: rgba(0, 0, 0, 1);
	}
}

#arrowimg {
	-skrollr-animation-name: footer-arrow-animation;
}
@-skrollr-keyframes footer-arrow-animation {
	0 {
		background-position: 0 -44px;
		display: block;
	}

	1000 {
		background-position: 0 -44px;
		display: none;
	}

	2500 {
		background-position: 0 -44px;
		display: block;
	}
	3000 {
		background-position: 0 -44px;
		display: none;
	}
	5000 {
		display: block;
		background-position: 0 0px;
	}
	6000 {
		display: none;
	}
	7500 {
		display: block;
	}
	8400 {
		display: none;
	}
	8800 {
		display: block;
	}
	9000 {
		display: none;
	}
}