.rolet{z-index:1;position:absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;animation:rotateright linear 36s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:rotateright linear 36s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-moz-animation:rotateright linear 36s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-o-animation:rotateright linear 36s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-ms-animation:rotateright linear 36s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;}

.rolet-1 {z-index:2;position:absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;animation:rotateleft linear 36s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:rotateleft linear 36s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-moz-animation:rotateleft linear 36s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-o-animation:rotateleft linear 36s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-ms-animation:rotateleft linear 36s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;}

.rolet-2{z-index:3;position:absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;animation:rotateright linear 15s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:rotateright linear 15s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-moz-animation:rotateright linear 15s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-o-animation:rotateright linear 15s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-ms-animation:rotateright linear 15s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;}

.rolet-3{z-index:4;position:absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;animation:rotateleft linear 5s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:rotateleft linear 5s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-moz-animation:rotateleft linear 5s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-o-animation:rotateleft linear 5s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-ms-animation:rotateleft linear 5s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;}

.rolet-4{z-index:5;position:absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;animation:rotateleft linear 1s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:rotateleft linear 1s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-moz-animation:rotateleft linear 1s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-o-animation:rotateleft linear 1s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-ms-animation:rotateleft linear 1s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;}


@keyframes rotateright{
0%{transform:rotate(0deg) scaleX(1) scaleY(1);}
50%{transform:rotate(180deg) scaleX(1) scaleY(1); }
100%{transform:rotate(360deg) scaleX(1) scaleY(1);}}
@-moz-keyframes rotateright{0%{-moz-transform:rotate(0deg) scaleX(1) scaleY(1);
}50%{-moz-transform:rotate(180deg) scaleX(1) scaleY(1);  
}100%{-moz-transform:rotate(360deg) scaleX(1) scaleY(1);}}
@-webkit-keyframes rotateright{0%{-webkit-transform:rotate(0deg) scaleX(1) scaleY(1);}
50%{-webkit-transform:rotate(180deg) scaleX(1) scaleY(1);}   }
100%{-webkit-transform:rotate(360deg) scaleX(1) scaleY(1);}}
@keyframes rotateleft{0%{transform:rotate(0deg) scaleX(1) scaleY(1);}
50%{transform:rotate(-180deg) scaleX(1) scaleY(1);}
100%{transform:rotate(-360deg) scaleX(1) scaleY(1);}}
@-moz-keyframes rotateleft{0%{-moz-transform:rotate(0deg) scaleX(1) scaleY(1)}
50%{-moz-transform:rotate(-180deg) scaleX(1) scaleY(1);}
100%{-moz-transform:rotate(-360deg) scaleX(1) scaleY(1);}}
@-webkit-keyframes rotateleft{0%{-webkit-transform:rotate(0deg) scaleX(1) scaleY(1);}
50%{-webkit-transform:rotate(-180deg) scaleX(1) scaleY(1);}
100%{-webkit-transform:rotate(-360deg) scaleX(1) scaleY(1);         }}