@keyframes appearOpacity {	
	0%   {opacity:0;}	
	100% {opacity:1;}
}
@keyframes appearOpacityY {
	0%   {opacity:0; transform: translateY(20px);}	
	100% {opacity:1; transform: translateY(0px);}
}
@keyframes appearFromLeft {
	0%   {opacity:0; left:-50%;}	
	100% {opacity:1; left:0px;}
}
@keyframes bounceInRight {
    0% { transform: translate3d(300%, 0, 0); opacity:1; }
    58% { transform: translate3d(-27px, 0, 0) }
    73% { transform: translate3d(12px, 0, 0) }
    88% { transform: translate3d(-8px, 0, 0)}
	100% {opacity:1;}
}
@keyframes skewInRight {
    from {opacity: 0; transform: translateX(100%) skewX(40deg)}
    70% { transform: skewX(30deg) }
	100% {opacity:1;}
}
@keyframes doorCloseLeft {
    from, to {transform: perspective(400px); transform-origin: left;}
    from {transform: rotateY(90deg); opacity: 0;}
    to { opacity: 1 }
}
@keyframes pushReleaseFromLeft {
    from { transform: translateX(-100%) }
    30% { transform: translateX(100px) }
}
@keyframes flipX {
    from {transform: perspective(600px) rotateX(-180deg); opacity: 0;}
    to { transform: perspective(600px) rotateX(-360deg); opacity: 1}
}
@keyframes rollFromTop {
    from {transform: translateY(-100%) perspective(600px) rotateY(180deg); opacity: 0}
    to {transform: translateY(0) perspective(600px) rotateY(0deg); opacity: 1}
}
@keyframes electricity {
    from, 37%, 67%, 85%, 93% { transform: translateY(30px) }
    4%, 64%, 88% { transform: translateY(10px) }
    8%, 24%, 32%, 44% { transform: translateY(5px) }
    12%, 52%, 60%, 20% { transform: translateY(10px) }
    16%, 40% { transform: translateY(5px) }
    28%, 56% { transform: translateY(10px) }
    48%, 72%, 80%, 96% { transform: translateY(30px) }
    76%, to { transform: translateY(0px); opacity: 1}
}
@keyframes heartbeatFast {
    14%, 42% { transform: scale(1.3) }
    28%, 70% { transform: scale(1) }
	100% {opacity:1;}
}