.wp_animals {
width: 32px;
height: 32px;
background-repeat: no-repeat;
position: absolute;
z-index: 99999;
}
.wp_animal_left {
animation: wp_anim_left 0.5s steps(3) infinite;
-webkit-animation: wp_anim_left 0.5s steps(3) infinite;
background-position: 0 -32px;
}
.wp_animal_right {
animation: wp_anim_right 0.5s steps(3) infinite;
-webkit-animation: wp_anim_right 0.5s steps(3) infinite;
background-position: 0 -64px;
}
.wp_animal_up {
animation: wp_anim_up 0.5s steps(3) infinite;
-webkit-animation: wp_anim_up 0.5s steps(3) infinite;
background-position: 0 -96px;
}
.wp_animal_down {
animation: wp_anim_down 0.5s steps(3) infinite;
-webkit-animation: wp_anim_down 0.5s steps(3) infinite;
background-position: 0 0;
}
@keyframes wp_anim_left {
form {
background-position: 0px -32px;
}
to {
background-position: -96px -32px;
}
}
@-webkit-keyframes wp_anim_left {
form {
background-position: 0px -32px;
}
to {
background-position: -96px -32px;
}
} 
@keyframes wp_anim_right {
form {
background-position: 0px -64px;
}
to {
background-position: -96px -64px;
}
}
@-webkit-keyframes wp_anim_right {
form {
background-position: 0px -64px;
}
to {
background-position: -96px -64px;
}
} 
@keyframes wp_anim_up {
form {
background-position: 0px -96px;
}
to {
background-position: -96px -96px;
}
}
@-webkit-keyframes wp_anim_up {
form {
background-position: 0px -96px;
}
to {
background-position: -96px -96px;
}
} 
@keyframes wp_anim_down {
form {
background-position: 0px -0px;
}
to {
background-position: -96px 0px;
}
}
@-webkit-keyframes wp_anim_down {
form {
background-position: 0px 0px;
}
to {
background-position: -96px 0px;
}
}.cube-3d {
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.cube-3d div{
position:absolute;
backface-visibility: visible;
-ms-backface-visibility: hidden;
overflow:hidden;
}  @keyframes anim_xy1 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);
}
}
@keyframes  anim_xy2 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);
}
}
@keyframes  anim_xy3 {
0% {
transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);
}
}
@keyframes  anim_xy4 {
0% {
transform: perspective(800px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);
}
}
@keyframes  anim_xy5 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);
}
}
@keyframes  anim_xy6 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_xy1 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_xy2 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_xy3 {
0% {
-webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);
}
}
@-webkit-keyframes anim_xy4 {
0% {
-webkit-transform: perspective(800px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);
}
}
@-webkit-keyframes anim_xy5 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_xy6 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);
}
} @keyframes anim_x1 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(360deg) rotateY(90deg) rotateZ(0deg);
}
}
@keyframes  anim_x2 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(360deg) rotateY(270deg) rotateZ(0deg);
}
}
@keyframes  anim_x3 {
0% {
transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(450deg) rotateY(0deg) rotateZ(0deg);
}
}
@keyframes  anim_x4 {
0% {
transform: perspective(800px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);
}
}
@keyframes  anim_x5 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(360deg) rotateY(0deg) rotateZ(0deg);
}
}
@keyframes  anim_x6 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(360deg) rotateY(180deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_x1 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(360deg) rotateY(90deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_x2 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(360deg) rotateY(270deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_x3 {
0% {
-webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(450deg) rotateY(0deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_x4 {
0% {
-webkit-transform: perspective(800px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_x5 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(360deg) rotateY(0deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_x6 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(360deg) rotateY(180deg) rotateZ(0deg);
}
} @keyframes anim_y1 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(0deg) rotateY(450deg) rotateZ(0deg);
}
}
@keyframes  anim_y2 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(0deg) rotateY(630deg) rotateZ(0deg);
}
}
@keyframes  anim_y3 {
0% {
transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(-360deg);
}
}
@keyframes  anim_y4 {
0% {
transform: perspective(800px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(-90deg) rotateY(0deg) rotateZ(360deg);
}
}
@keyframes  anim_y5 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(0deg) rotateY(360deg) rotateZ(0deg);
}
}
@keyframes  anim_y6 {
0% {
transform: perspective(800px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}
100% {
transform: perspective(800px) rotateX(0deg) rotateY(540deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_y1 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(450deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_y2 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(630deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_y3 {
0% {
-webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(-360deg);
}
}
@-webkit-keyframes anim_y4 {
0% {
-webkit-transform: perspective(800px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(-90deg) rotateY(0deg) rotateZ(360deg);
}
}
@-webkit-keyframes anim_y5 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(360deg) rotateZ(0deg);
}
}
@-webkit-keyframes anim_y6 {
0% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}
100% {
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(540deg) rotateZ(0deg);
}
}