/* css3animations.css */


h1,h2,h3,h4,div.header {
	animation: opacityUp 0.6s 1 ease-in-out;
	-webkit-animation: opacityUp 0.6s 1 ease-in-out;
	-moz-animation: opacityUp 0.6s 1 ease-in-out;
	-o-animation: opacityUp 0.6s 1 ease-in-out;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
}

@keyframes opacityUp
{
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes opacityUp
{
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes opacityUp
{
	from { opacity: 0; }
	to { opacity: 1; }
}

@-o-keyframes opacityUp
{
	from { opacity: 0; }
	to { opacity: 1; }
}

.slideDownAnimation {
	animation: slideDown 0.5s 1 ease-out;
	-webkit-animation: slideDown 0.5s 1 ease-out;
	-moz-animation: slideDown 0.5s 1 ease-out;
	-o-animation: slideDown 0.5s 1 ease-out;
}

.cssanimated-reveal, .symb img, .symbol img, .symbol, .symbol-sprite {
	animation: symbReveal 1.2s 1 ease-out;
	-webkit-animation: symbReveal 1.2s 1 ease-out;
	-moz-animation: symbReveal 1.2s 1 ease-out;
	-o-animation: symbReveal 1.2s 1 ease-out;
/*
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;*/

	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
}

@keyframes symbReveal
{
	from { transform: rotateX(90deg); opacity: 0; }
	to { transform: rotateX(0deg); opacity: 1; }
}

@-webkit-keyframes symbReveal
{
	from { -webkit-transform: rotateX(90deg); opacity: 0; }
	to { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@-moz-keyframes symbReveal
{
	from { -moz-transform: rotateX(90deg); opacity: 0; }
	to { -moz-transform: rotateX(0deg); opacity: 1; }
}

@-o-keyframes symbReveal
{
	from { -o-transform: rotateX(90deg); opacity: 0; }
	to { -o-transform: rotateX(0deg); opacity: 1; }
}

.wind-img, .wind-sprite {
	animation: rotationAnimation 1.2s 1 ease-in-out;
	-webkit-animation: rotationAnimation 1.2s 1 ease-in-out;
	-moz-animation: rotationAnimation 1.2s 1 ease-in-out;
	-o-animation: rotationAnimation 1.2s 1 ease-in-out;
}

@keyframes rotationAnimation
{
	from { transform: rotate(-140deg); opacity: 0; }
	to { transform: rotate(0deg); opacity: 1; }
}

@-webkit-keyframes rotationAnimation
{
	from { -webkit-transform: rotate(-140deg); opacity: 0; }
	to { -webkit-transform: rotate(0deg); opacity: 1; }
}

@-moz-keyframes rotationAnimation
{
	from { -moz-transform: rotate(-140deg); opacity: 0; }
	to { -moz-transform: rotate(0deg); opacity: 1; }
}

@-o-keyframes rotationAnimation
{
	from { -o-transform: rotate(-140deg); opacity: 0; }
	to { -o-transform: rotate(0deg); opacity: 1; }
}

/* Add elements one by one */

.child-0 img,.child-0 div
{
	animation-delay: 0s !important;
	-webkit-animation-delay: 0s !important;
	-moz-animation-delay: 0s !important;
	-o-animation-delay: 0s !important;
}
.child-1 img,.child-1 div
{
	animation-delay: 0.15s !important;
	-webkit-animation-delay: 0.15s !important;
	-moz-animation-delay: 0.15s !important;
	-o-animation-delay: 0.15s !important;
}
.child-2 img,.child-2 div
{
	animation-delay: 0.3s !important;
	-webkit-animation-delay: 0.3s !important;
	-moz-animation-delay: 0.3s !important;
	-o-animation-delay: 0.3s !important;
}
.child-3 img,.child-3 div
{
	animation-delay: 0.45s !important;
	-webkit-animation-delay: 0.45s !important;
	-moz-animation-delay: 0.45s !important;
	-o-animation-delay: 0.45s !important;
}
.child-4 img,.child-4 div
{
	animation-delay: 0.6s !important;
	-webkit-animation-delay: 0.6s !important;
	-moz-animation-delay: 0.6s !important;
	-o-animation-delay: 0.6s !important;
}
.child-5 img,.child-5 div
{
	animation-delay: 0.75s !important;
	-webkit-animation-delay: 0.75s !important;
	-moz-animation-delay: 0.75s !important;
	-o-animation-delay: 0.75s !important;
}
.child-6 img,.child-6 div
{
	animation-delay: 0.9s !important;
	-webkit-animation-delay: 0.9s !important;
	-moz-animation-delay: 0.9s !important;
	-o-animation-delay: 0.9s !important;
}
.child-7 img,.child-7 div
{
	animation-delay: 1.05s !important;
	-webkit-animation-delay: 1.05s !important;
	-moz-animation-delay: 1.05s !important;
	-o-animation-delay: 1.05s !important;
}
.child-8 img,.child-8 div
{
	animation-delay: 1.2s !important;
	-webkit-animation-delay: 1.2s !important;
	-moz-animation-delay: 1.2s !important;
	-o-animation-delay: 1.2s !important;
}
.child-9 img,.child-9 div
{
	animation-delay: 1.35s !important;
	-webkit-animation-delay: 1.35s !important;
	-moz-animation-delay: 1.35s !important;
	-o-animation-delay: 1.35s !important;
}
.child-10 img,.child-10 div
{
	animation-delay: 1.5s !important;
	-webkit-animation-delay: 1.5s !important;
	-moz-animation-delay: 1.5s !important;
	-o-animation-delay: 1.5s !important;
}
.child-11 img,.child-11 div
{
	animation-delay: 1.65s !important;
	-webkit-animation-delay: 1.65s !important;
	-moz-animation-delay: 1.65s !important;
	-o-animation-delay: 1.65s !important;
}
.child-12 img,.child-12 div
{
	animation-delay: 1.8s !important;
	-webkit-animation-delay: 1.8s !important;
	-moz-animation-delay: 1.8s !important;
	-o-animation-delay: 1.8s !important;
}
.child-13 img,.child-13 div
{
	animation-delay: 1.95s !important;
	-webkit-animation-delay: 1.95s !important;
	-moz-animation-delay: 1.95s !important;
	-o-animation-delay: 1.95s !important;
}
.child-13 img,.child-14 div
{
	animation-delay: 2.1s !important;
	-webkit-animation-delay: 2.1s !important;
	-moz-animation-delay: 2.1s !important;
	-o-animation-delay: 2.1s !important;
}

.rain div.bar {
	animation: scaleUp 0.5s ease-in-out;
	-webkit-animation: scaleUp 0.5s ease-in-out;
	-moz-animation: scaleUp 0.5s ease-in-out;
	-o-animation: scaleUp 0.5s ease-in-out;
}

@keyframes scaleUp
{
	from { transform: scaleY(0); opacity:0; }
	to { transform: scaleY(1); opacity:1; }
}

@-webkit-keyframes scaleUp
{
	from { -webkit-transform: scaleY(0); opacity:0; }
	to { -webkit-transform: scaleY(1); opacity:1; }
}

@-moz-keyframes scaleUp
{
	from { -moz-transform: scaleY(0); opacity:0; }
	to { -moz-transform: scaleY(1); opacity:1; }
}

@-o-keyframes scaleUp
{
	from { -o-transform: scaleY(0); opacity:0; }
	to { -o-transform: scaleY(1); opacity:1; }
}

.wind-img, .wind-sprite {
	animation: jiggleAnimation 0.5s infinite ease-in-out;
	-webkit-animation: jiggleAnimation 0.5s infinite ease-in-out;
	-moz-animation: jiggleAnimation 0.5s infinite ease-in-out;
	-o-animation: jiggleAnimation 0.5s infinite ease-in-out;

	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-o-animation-direction: alternate;
}

@keyframes jiggleAnimation
{
	from { transform: rotate(5deg); }
	to { transform: rotate(-5deg); }
}

@-webkit-keyframes jiggleAnimation
{
	from { -webkit-transform: rotate(5deg); }
	to { -webkit-transform: rotate(-5deg); }
}

@-moz-keyframes jiggleAnimation
{
	from { -moz-transform: rotate(5deg); }
	to { -moz-transform: rotate(-5deg); }
}

@-o-keyframes jiggleAnimation
{
	from { -o-transform: rotate(5deg); }
	to { -o-transform: rotate(-5deg); }
}

@keyframes slideDown
{
	from { transform: translate(0px,-5px) scaleY(0.8); opacity:0; }
	to { transform: translate(0px,0px) scaleY(1); opacity:1; }
}

@-webkit-keyframes slideDown
{
	from { -webkit-transform: translate(0px,-5px) scaleY(0.8); opacity:0; }
	to { -webkit-transform: translate(0px,0px) scaleY(1); opacity:1; }
}

@-moz-keyframes slideDown
{
	from { -moz-transform: translate(0px,-5px) scaleY(0.8); opacity:0; }
	to { -moz-transform: translate(0px,0px) scaleY(1); opacity:1; }
}

@-o-keyframes slideDown
{
	from { -o-transform: translate(0px,-5px) scaleY(0.8); opacity:0; }
	to { -o-transform: translate(0px,0px) scaleY(1); opacity:1; }
}