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

@-webkit-keyframes fadeInAndUp {
	0% { 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 slideLeft {
	0% { left: 192px; -webkit-animation-timing-function: ease-out; }
	90% { left: 20px; }
	100% { left: 0; -webkit-animation-timing-function: ease-out; }
}


/* Design animations */

@-webkit-keyframes fade-intro {
	0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
	20% { opacity: 0; -webkit-animation-timing-function: ease-in; }
	100% { opacity: 1; }
}


/* Gallery Animations */
@-webkit-keyframes slideOutRight {
	0% { -webkit-transform: translateX(0); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateX(1000px); }
}

@-webkit-keyframes slideInRight {
	0% { -webkit-transform: translateX(1000px); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideOutLeft {
	0% { -webkit-transform: translateX(0); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateX(-1000px); }
}

@-webkit-keyframes slideInLeft {
	0% { -webkit-transform: translateX(-1000px); -webkit-animation-timing-function: ease-out; }
	100% {-webkit-transform: translateX(0); }
}

@-webkit-keyframes flyInSet {
	0% { -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; }
	100% { -webkit-transform: translateX(0); }
}

@-webkit-keyframes fadeDelay {
	0% { opacity: 0; -webkit-animation-timing-function: ease-out; }
	60% { opacity: 0; -webkit-animation-timing-function: ease-out; }
	100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
	0% { opacity: 1; -webkit-animation-timing-function: ease-out; }
	100% { opacity: 0; }
}


