@keyframes slider-image-3 {
	0 { opacity: 1; }
	-400 { opacity: 0; }
}

@keyframes slider-image-2 {
	-1200 { opacity: 1; }
	-1600 { opacity: 0; }
}

@keyframes slider-knob-desktop {
	0 {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
		-ms-transform: translateX(0);
		 -o-transform: translateX(0);
			transform: translateX(0);
	}
	-1600 {
		-webkit-transform: translateX(649px);
		   -moz-transform: translateX(649px);
			-ms-transform: translateX(649px);
			 -o-transform: translateX(649px);
				transform: translateX(649px);
	}
}

@keyframes slider-knob-mobile {
	0 {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
		-ms-transform: translateX(0);
		 -o-transform: translateX(0);
			transform: translateX(0);
	}
	-1600 {
		-webkit-transform: translateX(320px);
		   -moz-transform: translateX(320px);
			-ms-transform: translateX(320px);
			 -o-transform: translateX(320px);
				transform: translateX(320px);
	}
}

@keyframes computer {
	800 	 { !background-position: -636px -1638px; }
	200 { !background-position: -842px -1638px; }
	-400 { !background-position: -1048px -1638px; }
	-800 { !background-position: -1254px -1638px; }
}

@keyframes number-1 { 800 { display:none; } -100  { display:block; } }
@keyframes number-2 { 800 { display:none; } -500  { display:block; } }
@keyframes number-3 { 800 { display:none; } -900  { display:block; } }
@keyframes number-4 { 800 { display:none; } -1300 { display:block; } }
@keyframes number-5 { 800 { display:none; } -1700 { display:block; } }
@keyframes number-6 { 800 { display:none; } -2100 { display:block; } }
@keyframes number-7 { 800 { display:none; } -2500 { display:block; } }

@keyframes winner { 800 { display:none; } -3000 { display:block; } }

@keyframes hand {
	300   { !transform: translate(0, 0); }
	-50  { !transform: translate(-180px, -280px); }
	-450  { !transform: translate(-65px, -53px); }
	-850  { !transform: translate(-175px, -171px); }
	-1250 { !transform: translate(51px, -225px); }
	-1650 { !transform: translate(-177px, -111px); }
	-2050 { !transform: translate(-177px, -222px); }
	-2450 { !transform: translate(-177px, -52px); }
	-2950 { !transform: translate(-64px, -172px); }
	-3450 { !transform: translate(-64px, 300px); }
}

@keyframes sign-b {
	800  { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); opacity: 0.8; }
	0 	 { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); opacity: 0.8; }
	-300 { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; }
}

@keyframes sign-n {
	800  { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); }
	-300 { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); }
	-600 { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes sign-g {
	800  { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); opacity: 0.8; }
	-600 { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); opacity: 0.8; }
	-900 { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; }
}

@keyframes sign-o {
	800  { -webkit-transform: rotate(15deg) translate(7px, 112px); -moz-transform: rotate(15deg) translate(7px, 112px); -ms-transform: rotate(15deg) translate(7px, 112px); -o-transform: rotate(15deg) translate(7px, 112px); transform: rotate(15deg) translate(7px, 112px); }
	-600  { -webkit-transform: rotate(15deg) translate(7px, 112px); -moz-transform: rotate(15deg) translate(7px, 112px); -ms-transform: rotate(15deg) translate(7px, 112px); -o-transform: rotate(15deg) translate(7px, 112px); transform: rotate(15deg) translate(7px, 112px); }
	-1100 { -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); }
}

@keyframes web-and-cracks {
	800 { opacity: 1; }
	-300 { opacity: 1; }
	-1100 { opacity: 0; }
}

@keyframes sign-bg-broken {
	800 { opacity: 1; }
	-300 { opacity: 1; }
	-600 { opacity: 0; }
}

@keyframes light-1 { 800 { display: none; }  -300 { display: block; } }
@keyframes light-2 { 800 { display: none; }  -350 { display: block; } }
@keyframes light-3 { 800 { display: none; }  -400 { display: block; } }
@keyframes light-4 { 800 { display: none; }  -450 { display: block; } }
@keyframes light-5 { 800 { display: none; }  -500 { display: block; } }
@keyframes light-6 { 800 { display: none; }  -550 { display: block; } }
@keyframes light-7 { 800 { display: none; }  -600 { display: block; } }
@keyframes light-8 { 800 { display: none; }  -650 { display: block; } }
@keyframes light-9 { 800 { display: none; }  -700 { display: block; } }
@keyframes light-10 { 800 { display: none; } -750 { display: block; } }
@keyframes light-11 { 800 { display: none; } -800 { display: block; } }
@keyframes light-12 { 800 { display: none; } -850 { display: block; } }
@keyframes light-13 { 800 { display: none; } -900 { display: block; } }
@keyframes light-14 { 800 { display: none; } -950 { display: block; } }
@keyframes light-15 { 800 { display: none; } -1000 { display: block; } }
@keyframes light-16 { 800 { display: none; } -1050 { display: block; } }
@keyframes light-17 { 800 { display: none; } -1100 { display: block; } }
@keyframes light-18 { 800 { display: none; } -1150 { display: block; } }
@keyframes light-19 { 800 { display: none; } -1200 { display: block; } }
@keyframes light-20 { 800 { display: none; } -1250 { display: block; } }
@keyframes light-21 { 800 { display: none; } -1300 { display: block; } }

@keyframes case-study-1 {
	800 { opacity: 1; }
	0 { opacity: 1; }
	-400 { opacity: 0; }
}

@keyframes case-study-2 {
	800 { opacity: 1; }
	-1200 { opacity: 1; }
	-1600 { opacity: 0; }
}