.wp.ok{
	background-color: #FFAE00;
}
.wp_hand_ok{
	width: 100%;
	position: absolute;
	top: 32%;
	right: -10%;

	-webkit-animation:enter_hand_thumb 1500ms ease-in;
    -moz-animation:enter_hand_thumb 1500ms ease-in;
    animation:enter_hand_thumb 1500ms ease-in;
}

.wp_hand_bad{
	width: 100%;
	position: absolute;
	top: 38%;
	right: -10%;

	-webkit-animation:enter_hand_thumb 1500ms ease-in;
    -moz-animation:enter_hand_thumb 1500ms ease-in;
    animation:enter_hand_thumb 1500ms ease-in;
}

.wp_star{
	/*width: 204%;
	position: absolute;
	left: -58%;
	top: -10%;
	opacity: 1;*/

	width: 158%;
	position: absolute;
	right: -71%;
	top: 5%;
	opacity: 1;

	animation:go_star 500ms ease-in;
	-webkit-animation:go_star 500ms ease-in;
	/*-webkit-animation:spin 14s linear infinite;
    -moz-animation:spin 14s linear infinite;
    animation:spin 14s linear infinite;*/

}

.title_ok{
	font-size: 9em;
	color: #fff;
	position: relative;
	margin: 0 auto;
	text-align: center;

	-webkit-animation:apperar 1500ms ease-in;
    -moz-animation:apperar 1500ms ease-in;
    animation:apperar 1500ms ease-in;
}

.response{
	position: relative;
	top: 57%;
}
.response .ok{
	text-align: center;
	font-size: 2.7em;
	color: #11A729;
}

.response .bad{
	text-align: center;
	font-size: 2.2em;
	color: #F30000;
}



@-webkit-keyframes go_star { 
	0% {  opacity: 0; } 
	100% { opacity: 1;}   
}
@keyframes go_star { 
	0% {  opacity: 0; } 
	100% { opacity: 1;}   
}

@-moz-keyframes apperar {
	0% {  opacity: 0; } 
	100% { opacity: 1;}  
}
@-webkit-keyframes apperar { 
0% {  opacity: 0; } 
	100% { opacity: 1;} 
}
@keyframes apperar { 
	0% {  opacity: 0; } 
	100% { opacity: 1;} 
}

@-moz-keyframes enter_hand_thumb { 
	0% { right: -100%; opacity: 0; } 
	75% { right: -100%; opacity: 1;}  
	100% { right: -10%; } 
}
@-webkit-keyframes enter_hand_thumb { 
	0% { right: -100%; opacity: 0; } 
	75% { right: -100%; opacity: 1;} 
	100% { right: -10%; }  
}
@keyframes enter_hand_thumb { 
	0% { right: -100%; opacity: 0; } 
	75% { right: -100%; opacity: 1;} 
	100% { right: -10%; } 
}

@media screen and (min-aspect-ratio: 320/480){
	.wp_star{
		top: 0%;
	}
}