/*************||=============== Animation ===============||*************/

#relaxing-animate {
	position: absolute;
	top: 55px;
	right: 90px;
	width: 700px;
	animation: relaxing 21s infinite linear;
	-webkit-animation: relaxing 21s infinite linear;
	-moz-animation: relaxing 21s infinite linear;
}

@keyframes relaxing {
	0% {opacity: 0; right: 90px;}
	3% {opacity: 1;}
	30% {opacity: 1;}
	35% {opacity: 0; right: -90px; transform: rotate(-6deg);}
	100% {opacity: 0; right: -90px; transform: rotate(-6deg);}
}

@-webkit-keyframes relaxing {
	0% {opacity: 0; right: 90px;}
	3% {opacity: 1;}
	30% {opacity: 1;}
	35% {opacity: 0; right: -90px; -webkit-transform: rotate(-6deg);}
	100% {opacity: 0; right: -90px; -webkit-transform: rotate(-6deg);}
}

@-moz-keyframes relaxing {
	0% {opacity: 0; right: 90px;}
	3% {opacity: 1;}
	30% {opacity: 1;}
	35% {opacity: 0; right: -90px; -moz-transform: rotate(-6deg);}
	100% {opacity: 0; right: -90px; -moz-transform: rotate(-6deg);}
}

@-ms-keyframes relaxing {
	0% {opacity: 0; right: 90px;}
	3% {opacity: 1;}
	30% {opacity: 1;}
	35% {opacity: 0; right: -90px; -ms-transform: rotate(-6deg);}
	100% {opacity: 0; right: -90px; -ms-transform: rotate(-6deg);}
}

#kid-animate {
	position: absolute;
	top: 10px;
	right: 85px;
	width: 500px;
	animation: kid 21s infinite linear;
	-webkit-animation: kid 21s infinite linear;
	-moz-animation: kid 21s infinite linear;
}

@keyframes kid {
	0% {opacity: 0; right: 85px; transform: rotate(0);}
	31% {opacity: 0; right: 85px; transform: rotate(0);}
	36% {opacity: 1;}
	63% {opacity: 1;}
	68% {opacity: 0; right: 220px; transform: rotate(20deg);}
	100% {opacity: 0; right: 220px; transform: rotate(20deg);}
}

@-webkit-keyframes kid {
	0% {opacity: 0; right: 85px; -webkit-transform: rotate(0);}
	31% {opacity: 0; right: 85px; -webkit-transform: rotate(0);}
	36% {opacity: 1;}
	63% {opacity: 1;}
	68% {opacity: 0; right: 220px; -webkit-transform: rotate(20deg);}
	100% {opacity: 0; right: 220px; -webkit-transform: rotate(20deg);}
}

@-moz-keyframes kid {
	0% {opacity: 0; right: 85px; -moz-transform: rotate(0);}
	31% {opacity: 0; right: 85px; -moz-transform: rotate(0);}
	36% {opacity: 1;}
	63% {opacity: 1;}
	68% {opacity: 0; right: 220px; -moz-transform: rotate(20deg);}
	100% {opacity: 0; right: 220px; -moz-transform: rotate(20deg);}
}

@-ms-keyframes kid {
	0% {opacity: 0; right: 85px; -ms-transform: rotate(0);}
	31% {opacity: 0; right: 85px; -ms-transform: rotate(0);}
	36% {opacity: 1;}
	63% {opacity: 1;}
	68% {opacity: 0; right: 220px; -ms-transform: rotate(20deg);}
	100% {opacity: 0; right: 220px; -ms-transform: rotate(20deg);}
}

#ball-animate {
	position: absolute;
	top: 120px;
	right: 182px;
	width: 222px;
	animation: ball 21s infinite linear;
	-webkit-animation: ball 21s infinite linear;
	-moz-animation: ball 21s infinite linear;
}

@keyframes ball {
	0% {opacity: 0; right: 182px; top: 120px; transform: rotate(0);}
	64% {opacity: 0; right: 182px; top: 120px; transform: rotate(0);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: -20px; top: 40px; transform: rotate(150deg);}
}

@-webkit-keyframes ball {
	0% {opacity: 0; right: 182px; top: 120px; -webkit-transform: rotate(0);}
	64% {opacity: 0; right: 182px; top: 120px; -webkit-transform: rotate(0);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: -20px; top: 40px; -webkit-transform: rotate(150deg);}
}

@-moz-keyframes ball {
	0% {opacity: 0; right: 182px; top: 120px; -moz-transform: rotate(0);}
	64% {opacity: 0; right: 182px; top: 120px; -moz-transform: rotate(0);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: -20px; top: 40px; -moz-transform: rotate(150deg);}
}

@-ms-keyframes ball {
	0% {opacity: 0; right: 182px; top: 120px; -ms-transform: rotate(0);}
	64% {opacity: 0; right: 182px; top: 120px; -ms-transform: rotate(0);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: -20px; top: 40px; -ms-transform: rotate(150deg);}
}

#noodle-animate {
	position: absolute;
	top: -25px;
	right: 270px;
	width: 450px;
	animation: noodle 21s infinite linear;
	-webkit-animation: noodle 21s infinite linear;
	-moz-animation: noodle 21s infinite linear;
}

@keyframes noodle {
	0% {opacity: 0; right: 270px; top: -25px; transform: rotate(100deg);}
	64% {opacity: 0; right: 270px; top: -25px; transform: rotate(100deg);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: 370px; top: -25px; transform: rotate(70deg);}
}

@-webkit-keyframes noodle {
	0% {opacity: 0; right: 270px; top: -25px; -webkit-transform: rotate(100deg);}
	64% {opacity: 0; right: 270px; top: -25px; -webkit-transform: rotate(100deg);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: 370px; top: -25px; -webkit-transform: rotate(70deg);}
}

@-moz-keyframes noodle {
	0% {opacity: 0; right: 270px; top: -25px; -moz-transform: rotate(100deg);}
	64% {opacity: 0; right: 270px; top: -25px; -moz-transform: rotate(100deg);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: 370px; top: -25px; -moz-transform: rotate(70deg);}
}

@-ms-keyframes noodle {
	0% {opacity: 0; right: 270px; top: -25px; -ms-transform: rotate(100deg);}
	64% {opacity: 0; right: 270px; top: -25px; -ms-transform: rotate(100deg);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: 370px; top: -25px; -ms-transform: rotate(70deg);}
}

#noodle-green-animate {
	position: absolute;
	top: -90px;
	right: 120px;
	width: 450px;
	animation: noodle-green 21s infinite linear;
	-webkit-animation: noodle-green 21s infinite linear;
	-moz-animation: noodle-green 21s infinite linear;
}

@keyframes noodle-green {
	0% {opacity: 0; right: 120px; top: -100px; transform: rotate(220deg);}
	64% {opacity: 0; right: 120px; top: -100px; transform: rotate(220deg);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: 30px; top: -40px; transform: rotate(184deg);}
}

@-webkit-keyframes noodle-green {
	0% {opacity: 0; right: 120px; top: -100px; -webkit-transform: rotate(220deg);}
	64% {opacity: 0; right: 120px; top: -100px; -webkit-transform: rotate(220deg);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: 30px; top: -40px; -webkit-transform: rotate(184deg);}
}

@-moz-keyframes noodle-green {
	0% {opacity: 0; right: 120px; top: -100px; -moz-transform: rotate(220deg);}
	64% {opacity: 0; right: 120px; top: -100px; -moz-transform: rotate(220deg);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: 30px; top: -40px; -moz-transform: rotate(184deg);}
}

@-ms-keyframes noodle-green {
	0% {opacity: 0; right: 120px; top: -100px; -ms-transform: rotate(220deg);}
	64% {opacity: 0; right: 120px; top: -100px; -ms-transform: rotate(220deg);}
	69% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0; right: 30px; top: -40px; -ms-transform: rotate(184deg);}
}