.stage{position:absolute;top:30%;left:0;width:100%;height:100%;overflow:hidden;z-index:100;}
.far-clouds{background:transparent url(../images/far-clouds.png) 305px 10px repeat-x;top:0px;}
.near-clouds{background:transparent url(../images/near-clouds.png) 305px 162px repeat-x;top:40px}
.mainContent{width:100%;position:absolute;top:0;left:0;z-index:101;}
.element-animation:hover{animation:animationFrames linear 1s;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation:animationFrames linear 1s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-moz-animation:animationFrames linear 1s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-o-animation:animationFrames linear 1s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-ms-animation:animationFrames linear 1s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%;}
@keyframes animationFrames{0%{transform:translate(0px,0px);}
10%{transform:translate(-10px,0px);}
20%{transform:translate(10px,0px);}
30%{transform:translate(-10px,0px);}
40%{transform:translate(10px,0px);}
50%{transform:translate(-10px,0px);}
60%{transform:translate(10px,0px);}
70%{transform:translate(-10px,0px);}
80%{transform:translate(10px,0px);}
90%{transform:translate(-10px,0px);}
100%{transform:translate(0px,0px);}
}
@-moz-keyframes animationFrames{0%{-moz-transform:translate(0px,0px);}
10%{-moz-transform:translate(-10px,0px);}
20%{-moz-transform:translate(10px,0px);}
30%{-moz-transform:translate(-10px,0px);}
40%{-moz-transform:translate(10px,0px);}
50%{-moz-transform:translate(-10px,0px);}
60%{-moz-transform:translate(10px,0px);}
70%{-moz-transform:translate(-10px,0px);}
80%{-moz-transform:translate(10px,0px);}
90%{-moz-transform:translate(-10px,0px);}
100%{-moz-transform:translate(0px,0px);}
}
@-webkit-keyframes animationFrames{0%{-webkit-transform:translate(0px,0px);}
10%{-webkit-transform:translate(-10px,0px);}
20%{-webkit-transform:translate(10px,0px);}
30%{-webkit-transform:translate(-10px,0px);}
40%{-webkit-transform:translate(10px,0px);}
50%{-webkit-transform:translate(-10px,0px);}
60%{-webkit-transform:translate(10px,0px);}
70%{-webkit-transform:translate(-10px,0px);}
80%{-webkit-transform:translate(10px,0px);}
90%{-webkit-transform:translate(-10px,0px);}
100%{-webkit-transform:translate(0px,0px);}
}
@-o-keyframes animationFrames{0%{-o-transform:translate(0px,0px);}
10%{-o-transform:translate(-10px,0px);}
20%{-o-transform:translate(10px,0px);}
30%{-o-transform:translate(-10px,0px);}
40%{-o-transform:translate(10px,0px);}
50%{-o-transform:translate(-10px,0px);}
60%{-o-transform:translate(10px,0px);}
70%{-o-transform:translate(-10px,0px);}
80%{-o-transform:translate(10px,0px);}
90%{-o-transform:translate(-10px,0px);}
100%{-o-transform:translate(0px,0px);}
}
@-ms-keyframes animationFrames{0%{-ms-transform:translate(0px,0px);}
10%{-ms-transform:translate(-10px,0px);}
20%{-ms-transform:translate(10px,0px);}
30%{-ms-transform:translate(-10px,0px);}
40%{-ms-transform:translate(10px,0px);}
50%{-ms-transform:translate(-10px,0px);}
60%{-ms-transform:translate(10px,0px);}
70%{-ms-transform:translate(-10px,0px);}
80%{-ms-transform:translate(10px,0px);}
90%{-ms-transform:translate(-10px,0px);}
100%{-ms-transform:translate(0px,0px);}
}
.demo2{float:left;clear:both;width:1015px;height:220px;overflow:hidden;position:relative;margin:0px;}
.demo2t{float:right;clear:both;width:100%;height:230px;overflow:hidden;position:relative;margin:0px;}
.demo2 .inside{position:absolute;top:50%;left:0;height:50px;margin-top:-53px;}
.demo2t .insidet{position:absolute;top:50%;left:0;height:50px;margin-top:-53px;}
.demo2 a{display:block;position:absolute;width:100px;height:100px;overflow:hidden;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;border:5px solid #fff;}
.demo2t a{display:block;position:absolute;width:100px;height:100px;overflow:hidden;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;border:5px solid #fff;}