@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	50% {
		opacity: 0;
		-webkit-animation-timing-function: linear;
	}
	to {
		opacity: 1;
		-webkit-animation-timing-function: ease-out;
	}
}

@-webkit-keyframes fadeInAndUp {
	from {
		opacity: 0; bottom: -40px; 
		-webkit-animation-timing-function: ease-out;
	}
	65% {
		opacity: 0; bottom: -39px;
	}
	100% {
		opacity: 1; bottom: 0;
		-webkit-animation-timing-function: ease-out;
	}
}

@-webkit-keyframes alertViewShow {
	from {
		-webkit-transform: scale3d(0.4,0.4,0.4);
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}
	
	66% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		-webkit-animation-timing-function: ease-out;
	}
	
	84% {
		-webkit-transform: scale3d(0.9,0.9,0.9);
		-webkit-animation-timing-function: ease-out;
	}
	
	to {
		-webkit-transform: scale3d(1,1,1);
		-webkit-animation-timing-function: ease-out;
	}
}

@-webkit-keyframes slideLeft {
	from {
		left: 192px;
		-webkit-animation-timing-function: ease-out;
	}
	90% {
		left: 20px;
	}
	to {
		left: 0;
		-webkit-animation-timing-function: ease-out;
	}
}

@-webkit-keyframes flipDown {
	from {
		-webkit-transform: rotateX(-100deg);
		-webkit-animation-timing-function: ease-out;
	}
	
	40% {
		-webkit-transform: rotateX(60deg);
		-webkit-animation-timing-function: linear;
	}
	
	60% {
		-webkit-transform: rotateX(-40deg);
		-webkit-animation-timing-function: linear;
	}
	
	80% {
		-webkit-transform: rotateX(30deg);
		-webkit-animation-timing-function: linear;
	}
	
	90% {
		-webkit-transform: rotateX(-20deg);
		-webkit-animation-timing-function: linear;
	}
	
	to {
		-webkit-transform: rotateX(0deg);
		-webkit-animation-timing-function: ease-out;
	}
}

/* AppStore Animations */

@-webkit-keyframes shadowFadeIn {

	from {
		opacity:0;
	}
	
	60% {
		opacity:0;
		-webkit-animation-timing-function: ease-in;
	}

	to {
		opacity:1;
	}
}

@-webkit-keyframes popUp {

	from {
		-webkit-transform: scale(0.5, 0.5);
		-webkit-animation-timing-function: ease-out;
	}
	
	45% {
		-webkit-transform: scale(0.5, 0.5);
		-webkit-animation-timing-function: ease-out;
	}

	67% {
		-webkit-transform: scale(1.05, 1.05);
		-webkit-animation-timing-function: ease-out;
	}

	86% {
		-webkit-transform: scale(0.96, 0.96);
		-webkit-animation-timing-function: ease-out;
	}

	to {				
		-webkit-transform: scale(1.0, 1.0);
	}

}

@-webkit-keyframes imageDown {

	from {
		-webkit-transform: translate3d(0px,-200px,0px);
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: translate3d(0px,0px,0px); 
	}
}

@-webkit-keyframes mapFlip {

	from {
		-webkit-transform: rotateY(-110deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}
	
	15% {
		-webkit-transform: rotateY(-76deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}

	66% {
		-webkit-transform: rotateY(-33deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	86% {
		-webkit-transform: rotateY(-40deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: rotateY(-36deg);
		opacity:1;
	}

}

@-webkit-keyframes scrabbleFlip {

	from {
		-webkit-transform: rotateY(-110deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}
	
	55% {
		-webkit-transform: rotateY(-76deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}

	76% {
		-webkit-transform: rotateY(-33deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	90% {
		-webkit-transform: rotateY(-40deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: rotateY(-36deg);
		opacity:1;
	}

}

@-webkit-keyframes shazamFlip {

	from {
		-webkit-transform: rotateY(-110deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}
	
	65% {
		-webkit-transform: rotateY(-76deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}

	80% {
		-webkit-transform: rotateY(-33deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	92% {
		-webkit-transform: rotateY(-40deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: rotateY(-36deg);
		opacity:1;
	}

}


@-webkit-keyframes yelpFlip {

	from {
		-webkit-transform: rotateY(110deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}
	
	15% {
		-webkit-transform: rotateY(76deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}

	66% {
		-webkit-transform: rotateY(33deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	86% {
		-webkit-transform: rotateY(40deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: rotateY(36deg);
		opacity:1;
	}

}

@-webkit-keyframes urbanFlip {

	from {
		-webkit-transform: rotateY(110deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}
	
	55% {
		-webkit-transform: rotateY(76deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}

	76% {
		-webkit-transform: rotateY(33deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	90% {
		-webkit-transform: rotateY(40deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: rotateY(36deg);
		opacity:1;
	}

}

@-webkit-keyframes movieFlip {

	from {
		-webkit-transform: rotateY(110deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}
	
	65% {
		-webkit-transform: rotateY(76deg);
		opacity:0;
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.0);
	}

	80% {
		-webkit-transform: rotateY(33deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	92% {
		-webkit-transform: rotateY(40deg);
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: rotateY(36deg);
		opacity:1;
	}

}

/* Design animations */

@-webkit-keyframes fade-h1 {

	from {
		opacity:0;
		-webkit-animation-timing-function: ease-in;
	}

	to {
		opacity:1;		
	}
}

@-webkit-keyframes fade-intro {

	from {
		opacity:0;
		-webkit-animation-timing-function: ease-in;
	}

	20% {
		opacity:0;
		-webkit-animation-timing-function: ease-in;
	}

	to {
		opacity:1;
	}
}

@-webkit-keyframes moveIn {

	from {
		-webkit-transform: translateX(1300px);				
		opacity:0;
		-webkit-animation-timing-function: ease-out;
	}

	10% {
		-webkit-transform: translateX(1300px);
		opacity:1;
		-webkit-animation-timing-function: ease-in-out;

	}

	to {
		-webkit-transform: translateX(0px);
		opacity:1;		
	}
}

/* Gallery Animations */
@-webkit-keyframes slideOutRight {

	from {
		-webkit-transform: translateX(0px);
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: translateX(1000px);
	}
}

@-webkit-keyframes slideInRight {

	from {
		-webkit-transform: translateX(1000px);
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: translateX(0px);
	}
}

@-webkit-keyframes slideOutLeft {

	from {
		-webkit-transform: translateX(0px);
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: translateX(-1000px);
	}
}

@-webkit-keyframes slideInLeft {

	from {
		-webkit-transform: translateX(-1000px);
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: translateX(0px);
	}
}

@-webkit-keyframes flyInSet {

	from {
		-webkit-transform: translateX(500px);
		-webkit-animation-timing-function: ease-out;
	}

	66% {
		-webkit-transform: translateX(-10px);
		-webkit-animation-timing-function: ease-out;
	}

	84% {
		-webkit-transform: translateX(5px);
		-webkit-animation-timing-function: ease-out;
	}

	to {
		-webkit-transform: translateX(0px);
	}
}

@-webkit-keyframes fadeDelay {

	from {
		opacity:0;
		-webkit-animation-timing-function: ease-out;
	}

	60% {
		opacity:0;
		-webkit-animation-timing-function: ease-out;
	}

	to {
		opacity:1;
	}
}

@-webkit-keyframes fadeOut {

	from {
		opacity:1;
		-webkit-animation-timing-function: ease-out;
	}

	to {
		opacity:0;
	}
}