/* ANIMATIONS */

/*SPIN*/
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform: rotate(0deg); }
    to {transform: rotate(360deg); }
}

/* BOUNCE */
@-moz-keyframes bounce {
    0% {-moz-transform: translateY(20px); }
    50% {-moz-transform: translateY(-20px); }
    100% {-moz-transform: translateY(20px); }
}
@-webkit-keyframes bounce {
    0% {-webkit-transform: translateY(20px); }
    50% {-webkit-transform: translateY(-20px); }
    100% {-webkit-transform: translateY(20px); }
}
@keyframes bounce {
    0% {transform: translateY(20px); }
    50% {transform: translateY(-20px); }
    100% {transform: translateY(20px); }
}
/* BOUNCE SMALL */

/*@-moz-keyframes bouncesmall {
    0% {-moz-transform: translateY(3px); }
    50% {-moz-transform: translateY(-3px); }
    100% {-moz-transform: translateY(3px); }
}
@-webkit-keyframes bouncesmall {
    0% {-webkit-transform: translateY(3px); }
    50% {-webkit-transform: translateY(-3px); }
    100% {-webkit-transform: translateY(3px); }
}
@keyframes bouncesmall {
    0% {transform: translateY(3px); }
    50% {transform: translateY(-3px); }
    100% {transform: translateY(3px); }
}*/
/* SLIDE-FORWARD */
@-moz-keyframes slide-forward {
    0% {-moz-transform: translateX(0px); }
    50% {-moz-transform: translateX(400px); }
    100% {-moz-transform: translateX(0px); }
}
@-webkit-keyframes slide-forward {
    0% {-webkit-transform: translateX(0px); }
    50% {-webkit-transform: translateX(400px); }
    100% {-webkit-transform: translateX(0px); }
}
@keyframes slide-forward {
    0% {transform: translateX(0px); }
    50% {transform: translateX(400px); }
    100% {transform: translateX(0px); }
}

/* SLIDE-BACKWARD */
@-moz-keyframes slide-backward {
    0% {-moz-transform: translateX(0px); }
    50% {-moz-transform: translateX(-400px); }
    100% {-moz-transform: translateX(0px); }
}
@-webkit-keyframes slide-backward {
    0% {-webkit-transform: translateX(0px); }
    50% {-webkit-transform: translateX(-400px); }
    100% {-webkit-transform: translateX(0px); }
}
@keyframes slide-backward {
    0% {transform: translateX(0px); }
    50% {transform: translateX(-400px); }
    100% {transform: translateX(0px); }
}

/* BLINK */
@-moz-keyframes blink {
	to { visibility: hidden; }
}
@-webkit-keyframes blink {
	to { visibility: hidden; }
}
@keyframes blink {
	to { visibility: hidden; }
}

/* FLASH */
@-moz-keyframes flash {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
@-webkit-keyframes flash {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes flash {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* DASH */
@-moz-keyframes dash {
	to { stroke-dashoffset: -110; }
}
@-webkit-keyframes dash {
	to { stroke-dashoffset: -110; }
}
@keyframes dash {
	to { stroke-dashoffset: -110; }
}

/* SPLINE */
@-moz-keyframes spline {
	to { stroke-dashoffset: 500; }
}
@-webkit-keyframes spline {
	to { stroke-dashoffset: 500; }
}
@keyframes spline {
	to { stroke-dashoffset: 500; }
}

/* CHART */
@-moz-keyframes chart {
	to { stroke-dashoffset: 0; }
}
@-webkit-keyframes chart {
	to { stroke-dashoffset: 0; }
}
@keyframes chart {
	to { stroke-dashoffset: 0; }
}

/* FALL */
@-moz-keyframes fall {
	to { -moz-transform: translateY(0px); }
	to { -moz-transform: translateY(400px); }
}
@-webkit-keyframes fall {
	to { -webkit-transform: translateY(0px); }
	to { -webkit-transform: translateY(400px); }
}
@keyframes fall {
	to { transform: translateY(0px); }
	to { transform: translateY(400px); }
}

/* SVG */

/*.sun {
    -webkit-animation: spin 5s infinite;
    -moz-animation: spin 5s infinite;
    animation: spin 5s infinite;
}
*/
.bird-1 {
    -webkit-animation: bounce 8s infinite;
    -moz-animation: bounce 8s infinite;
    animation: bounce 8s infinite;
}
.bird-2 {
    -webkit-animation: bounce 12s infinite;
    -moz-animation: bounce 12s infinite;
    animation: bounce 12s infinite;
}
.bird-3 {
    -webkit-animation: bounce 10s infinite;
    -moz-animation: bounce 10s infinite;
    animation: bounce 10s infinite;
}
.blink-1 {
    -webkit-animation: blink 2s steps(5, start) infinite;
    -moz-animation: blink 2s steps(5, start) infinite;
    animation: blink 2s steps(5, start) infinite;
}
.blink-2 {
    -webkit-animation: blink 1s steps(5, start) infinite;
    -moz-animation: blink 1s steps(5, start) infinite;
    animation: blink 1s steps(5, start) infinite;
}
.blink-3 {
    -webkit-animation: blink 3s steps(5, start) infinite;
    -moz-animation: blink 3s steps(5, start) infinite;
    animation: blink 3s steps(5, start) infinite;
}
.chart {
	-webkit-animation: chart 3s linear infinite;
	-moz-animation: chart 3s linear infinite;
	animation: chart 3s linear infinite;
}
.cloud-forward {
    -webkit-animation: slide-forward 30s ease-in-out infinite;
    -moz-animation: slide-forward 30s ease-in-out infinite;
    animation: slide-forward 30s ease-in-out infinite;
}
.cloud-reverse {
	-webkit-animation: slide-backward 30s ease-in-out infinite;
	-moz-animation: slide-backward 30s ease-in-out infinite;
	animation: slide-backward 30s ease-in-out infinite;
}
.coin-1 {
	-webkit-animation: fall 10s ease-in-out infinite;
	-moz-animation: fall 10s ease-in-out infinite;
	animation: fall 10s ease-in-out infinite;

	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	animation-delay: 0;
}
.coin-2 {
	-webkit-animation: fall 10s ease-in-out infinite;
	-moz-animation: fall 10s ease-in-out infinite;
	animation: fall 10s ease-in-out infinite;

	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	animation-delay: 4s;
}
.dollar-1 {
	-webkit-animation: fall 10s ease-in-out infinite;
	-moz-animation: fall 10s ease-in-out infinite;
	animation: fall 10s ease-in-out infinite;

	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
.dollar-2 {
	-webkit-animation: fall 10s ease-in-out infinite;
	-moz-animation: fall 10s ease-in-out infinite;
	animation: fall 10s ease-in-out infinite;

	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	animation-delay: 6s;
}
/*.hellicopter-tail {
    -webkit-animation: spin 5s infinite;
    -moz-animation: spin 5s infinite;
    animation: spin 5s infinite;
}*/
.spline {
	-webkit-animation: spline 5s linear infinite;
	-moz-animation: spline 5s linear infinite;
	animation: spline 5s linear infinite;
}
.open-sign {
	-webkit-animation: blink 2s steps(5, start) infinite;
    -moz-animation: blink 2s steps(5, start) infinite;
    animation: blink 2s steps(5, start) infinite;
}
.plane-tail {
	-webkit-animation: dash 10s linear infinite;
	-moz-animation: dash 10s linear infinite;
	animation: dash 10s linear infinite;
}
.radar-1 {
    -webkit-animation: flash 3s infinite;
    -moz-animation: flash 3s infinite;
    animation: flash 3s infinite;

    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}
.radar-2 {
    -webkit-animation: flash 3s infinite;
    -moz-animation: flash 3s infinite;
    animation: flash 3s infinite;

    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.radar-3 {
    -webkit-animation: flash 3s infinite;
    -moz-animation: flash 3s infinite;
    animation: flash 3s infinite;

    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

.dollar-sign-1 {
    -webkit-animation: blink 3s steps(5, start) infinite;
    -moz-animation: blink 3s steps(5, start) infinite;
    animation: blink 3s steps(5, start) infinite;
}
.dollar-sign-2 {
    -webkit-animation: blink 2s steps(5, start) infinite;
    -moz-animation: blink 2s steps(5, start) infinite;
    animation: blink 2s steps(5, start) infinite;

    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

.light-1 {
    -webkit-animation: flash 1.5s infinite;
    -moz-animation: flash 1.5s infinite;
    animation: flash 1.5s infinite;
}
.light-2 {
    -webkit-animation: flash 1.5s infinite;
    -moz-animation: flash 1.5s infinite;
    animation: flash 1.5s infinite;

    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.light-3 {
    -webkit-animation: flash 1.5s infinite;
    -moz-animation: flash 1.5s infinite;
    animation: flash 1.5s infinite;

    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.light-4 {
    -webkit-animation: flash 1.5s infinite;
    -moz-animation: flash 1.5s infinite;
    animation: flash 1.5s infinite;

    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}
.light-5 {
    -webkit-animation: flash 1.5s infinite;
    -moz-animation: flash 1.5s infinite;
    animation: flash 1.5s infinite;

    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

