@keyframes blotIn{
0% {transform:translateX(-50%) translateY(-50%) scale(0);opacity:0;}
100% {transform:translateX(-50%) translateY(-50%) scale(1);opacity:1;}
}
@-moz-keyframes blotIn{
0% {transform:translateX(-50%) translateY(-50%) scale(0);opacity:0;}
100% {transform:translateX(-50%) translateY(-50%) scale(1);opacity:1;}
}
@-webkit-keyframes blotIn{
0% {transform:translateX(-50%) translateY(-50%) scale(0);opacity:0;}
100% {transform:translateX(-50%) translateY(-50%) scale(1);opacity:1;}
}


@keyframes rotateCW{
from {transform:translateX(-50%) translateY(-50%) rotate(0deg);}
to {transform:translateX(-50%) translateY(-50%)  rotate(360deg);}
}
@-moz-keyframes rotateCW{
from {transform:translateX(-50%) translateY(-50%) rotate(0deg);}
to {transform:translateX(-50%) translateY(-50%)  rotate(360deg);}
}
@-webkit-keyframes rotateCW{
from {transform:translateX(-50%) translateY(-50%) rotate(0deg);}
to {transform:translateX(-50%) translateY(-50%)  rotate(360deg);}
}



@keyframes r0r100{
from {right:0;}
to {right:100%;}
}
@-moz-keyframes r0r100{
from {right:0;}
to {right:100%;}
}
@-webkit-keyframes r0r100{
from {right:0;}
to {right:100%;}
}



@keyframes rm100r0{
from {right:-100%;}
to {right:0;}
}
@-moz-keyframes rm100r0{
from {right:-100%;}
to {right:0;}
}
@-webkit-keyframes rm100r0{
from {right:-100%;}
to {right:0;}
}