.rotate-up {
	display:block;
	margin:0;
	width:242px;
	height:242px;
	overflow:hidden;
	-webkit-animation: rotate-scale-up 0.65s linear both;
	animation: rotate-scale-up 0.65s linear both;
}
	.rotate-up IMG {width:100%;}
	@-webkit-keyframes rotate-up {
		0% {-webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0);}
		50% { -webkit-transform: scale(2) rotateZ(180deg); transform: scale(2) rotateZ(180deg);}
		100% {-webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg);}
	}
	@keyframes rotate-scale-up {
		0% {-webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0);}
		50% {-webkit-transform: scale(2) rotateZ(180deg); transform: scale(2) rotateZ(180deg);}
		100% {-webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg);}
	}
.rotate-down {
	display:block;
	margin:18px 0 0 27px;
	width:227px;
	height:227px;
	text-align:center;
	-webkit-animation: rotate-down 0.65s linear both;
	animation: rotate-down 0.65s linear both;
}
	.rotate-down IMG {width:100%;}
	@-webkit-keyframes rotate-down {
	  0% {-webkit-transform:scale(1) rotateZ(0); transform: scale(1) rotateZ(0);}
	  50% {-webkit-transform:scale(0.5) rotateZ(180deg); transform:scale(0.5) rotateZ(180deg);}
	  100% {-webkit-transform:scale(1) rotateZ(360deg); transform:scale(1) rotateZ(360deg);}
	}
	@keyframes rotate-down {
	  0% {-webkit-transform:scale(0) rotateZ(0); transform:scale(0) rotateZ(0);}
	  50% {-webkit-transform:scale(0.5) rotateZ(180deg); transform:scale(0.5) rotateZ(180deg);}
	  100% {-webkit-transform:scale(1) rotateZ(360deg); transform:scale(1) rotateZ(360deg);}
	}


#RODA {
	display:block;
	margin:0;
	width:296px;
	height:296px;
	-webkit-animation: ANIMA_RODA 5s infinite linear;
	animation: ANIMA_ZOOM 5s infinite linear;
}
@-webkit-keyframes ANIMA_ZOOM {
	10% {-webkit-transform:scale(0.8); transform:scale(0.8);}
	50% {-webkit-transform:scale(1); transform:scale(1);}
	100% {-webkit-transform:scale(1); transform:scale(1);}
}
@-webkit-keyframes ANIMA_RODA {
	from {-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	50% {-webkit-transform:scale(0.9) rotateZ(180deg); transform:scale(0.9) rotateZ(180deg);}
	80% {-webkit-transform:scale(1) rotateZ(180deg); transform:scale(1) rotateZ(180deg);}
	to {-webkit-transform:rotate(359deg); transform:rotate(359deg);}
}

.bounce {
	display:block;
	margin:0;
	width:296px;
	height:296px;
}
	.bounce span {
		display:block;
		animation: bounce 0.75s cubic-bezier(0.05, 0, 0, 1) infinite alternate;
		transform: translate3d(0, 0, 0);
	}
	@keyframes bounce {
	  0% {transform: translate3d(0, 0, 0);}
	  100% {transform: translate3d(0, -1em, 0);}
	}

.stars {
    background-color:#ccc;
    height: 30px;
    width: 30px;
    border-radius: 0;
    animation-iteration-count: infinite;
  }
  .star {
    margin-top: 10%; 
    margin-left: 60%;
    animation-duration: 1s;
    animation-name: twinkle;
  }
  @keyframes twinkle {
    20% {transform: scale(0.5); opacity: 0.5;}
  }


/*
.bounce {
	display:block;
	margin:0;
	width:296px;
	height:296px;
	animation: bounce 8s infinite;
}

@keyframes bounce {
  10%, 20%, 30%, 40%, 50% {transform: translateY(0px);}
  15% {transform: translateY(-15px);}
  25% {transform: translateY(-10px);}
  35% {transform: translateY(-5px);}
  45% {transform: translateY(0px);}
}

*/