@charset "utf-8";
/* CSS Document */



@keyframes up_and_down {
	from {	transform: translate3d(0, -10px, 0px) rotate(180deg);		}
	to {	transform: translate3d(0, 10px, 0px) rotate(180deg);		}
}

.arrow {
	animation: up_and_down 2s ease-in-out infinite alternate;
}

@keyframes blinking {
	0% {		opacity: 1.0;		}
	2% {		opacity: 0.0;		}
	4% {		opacity: 1.0;		}
	6% {		opacity: 0.0;		}
	8% {		opacity: 1.0;		}
	10% {		opacity: 1.0;		}
	12% {		opacity: 1.0;		}
	14% {		opacity: 1.0;		}
	100% {		opacity: 1.0;		}
}


.ipad .step_1 .number,
.mobile .step_1 .number {
	animation: blinking 3800ms linear 0ms infinite normal;
}
.standard .step_1:hover .number {
	animation: blinking 3800ms linear 0ms infinite normal;
}






@keyframes ring {
	0% {		transform: rotate(-45deg); 	filter: blur(0px);	}
	2% {		transform: rotate(-55deg);	filter: blur(2px);	}
	4% {		transform: rotate(-35deg);		}
	6% {		transform: rotate(-55deg);		}
	8% {		transform: rotate(-35deg);		}
	10% {		transform: rotate(-55deg);		}
	12% {		transform: rotate(-35deg);	filter: blur(2px);	}
	14% {		transform: rotate(-45deg);	filter: blur(0px);	}
	100% {		transform: rotate(-45deg);		}
}

.ipad .step_2 .number,
.mobile .step_2 .number {
	animation: ring 2000ms linear 0ms infinite normal;
}
.standard .step_2:hover > .number {
	animation: ring 2000ms linear 0ms infinite normal;
}






@keyframes pulse {
	0% {	transform: scale(1.0) rotate(-45deg); 	}
	80% {	transform: scale(1.3) rotate(-45deg);	}
	100% {	transform: scale(1.0) rotate(-45deg);	}
}
.ipad .step_3 .number,
.mobile .step_3 .number {
	animation: pulse 600ms linear 0ms infinite normal;
}
.standard .step_3:hover > .number {
	animation: pulse 600ms ease-in-out 0ms infinite normal;
}




@keyframes call2action {
	0% {		transform: scale(0.95); 		}
	50% {		transform: scale(1.05);		}
	100% {		transform: scale(0.95);		}
}