.reset,.reset:hover,.resetoverlay:focus {outline:none;} ::-moz-focus-inner {border:0;}
.leftArrow, .leftArrow1,.rightArrow,.rightArrow1:focus {outline:none;} ::-moz-focus-inner {border:0;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

  * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*cursor:default;*/ }
html {-webkit-tap-highlight-color: transparent;}
body {margin:0 auto;font-family: 'Arial',sans-serif;font-weight:400;color:#000;font-size:1.25em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #FAFCFE;overflow: hidden;}
.contentHolder {background: #ffffff ;background: #FFF;width:100%;height:100%;position:relative;display: none;cursor: default;}
.dummy{background: #ffffff ;background: transparent;width:993px;height: 18px;position:absolute;display: none;bottom: 35px;left:0;z-index:9999;}
.contentHolder .contentBgMain{background: #ffffff;width: 100%;height: 94.428%;position: absolute;top: 0;z-index: 1;}
.contentHolder .contentBg{background: #ffffff;background: url(../images/contentbg.png) no-repeat center;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;top: 0;z-index: 1;

}
button::-moz-focus-inner {
  border: 0;
}
@mixin pixelated {
  -ms-interpolation-mode: nearest-neighbor; 
  image-rendering: -webkit-optimize-contrast; 
  image-rendering: -webkit-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: pixelated;
}
.instText{position: relative; color: #000000;display: none;z-index: 9999;display: table-cell;vertical-align: middle;width: 50%;    font-weight: 400;padding-left: 1%;font-size: 12px;}


.contentHolder .clipHolder{display: block;z-index: 999;}
.contentHolder #clip1{width: 5.8%;height: 2%;position:absolute;top: 52.6%;left: 7.7%;cursor:pointer;opacity: 0;z-index: 10;border:1px solid red;}
.contentHolder #clip2{width: 3.4%;height: 3.5%;position:absolute;top: 48%;left: 20.2%;cursor:pointer; opacity: 0;z-index: 10;border:1px solid red;}
.contentHolder #clip3{width: 4.4%;height: 3.6%;position:absolute;top: 64%;left: 20.1%;cursor:pointer;opacity: 0;z-index: 10;border:1px solid red;}
.contentHolder #clip4{width: 5.4%;height: 3.4%;position:absolute;top: 51.9%;left: 30.2%;cursor:pointer;opacity: 0;z-index: 10;border:1px solid red;}
.contentHolder #clip5{width: 7.7%;height: 1.7%;position:absolute;top: 66%;left: 26.3%;cursor:pointer;opacity: 0;z-index: 10;border:1px solid red;}




.contentHolder #clipdummy1{opacity: 0.4;width: 4.7%;height: 2%;position:absolute;top: 52.7%;left: 8.9%;cursor:pointer;background:#FFFF00;display: none;z-index: 2;}
.contentHolder #clipdummy2{opacity: 0.4;width: 3.7%;height: 2%;position:absolute;top: 49.9%;left: 20.2%;cursor:pointer;background:#FFFF00;display: none;z-index: 2;}
.contentHolder #clipdummy3{opacity: 0.4;width: 4.5%;height: 2%;position:absolute;top: 65.8%;left: 20.1%;cursor:pointer;background:#FFFF00;display: none;z-index: 2;}
.contentHolder #clipdummy4{opacity: 0.4;width: 5.5%;height: 2.1%;position:absolute;top: 51.8%;left: 30.2%;cursor:pointer;background:#FFFF00;display: none;z-index: 2;}
.contentHolder #clipdummy5{opacity: 0.4;width: 6.8%;height: 2.2%;position:absolute;top: 65.9%;left: 27.4%;cursor:pointer;background:#FFFF00;display: none;z-index: 2;}


.reset{background: url(../../common-images/reset_1.png) no-repeat center;background-size: 100%;position: absolute;width: 65px;height: 28px;top: 12px !important;cursor: pointer;width: 66px;      height: 30px;}
/*.reset:hover{background: url(../../common-images/reset_2.png) no-repeat center;background-size: 100%;width: 65px;height: 28px;width: 80px;      height: 30px;}*/
.adderHover{background: url(../../common-images/reset_2.png) no-repeat center;background-size: 100%;width: 65px;height: 28px;width: 80px;      height: 30px;}
.zoomout{background: url(../../common-images/minus.png) no-repeat center;background-size: 100% 100%;height: 25px;width: 25px;border: none;position: absolute;top:13px;outline:none;padding: 0;}
.zoom{/* background: url(../images/zoom.png) no-repeat center;background-size: 100% 100%; */}
.zoomin{background: url(../../common-images/plus.png) no-repeat center;background-size: 100%;height: 25px;width: 25px;border: none;position: absolute;top:14px;outline:none;padding:0;}

.contentHolder .explanationDiv{display: none;width: 15%;height: 13%;position:absolute;top: 7%;left: 42%;background:#FFFFC6;border:2px solid #CFCFCF;padding: 0.1%;overflow: auto;z-index: 9999;}
.contentHolder .explanationDiv .heading{color: #FF7A22; padding: 2%;font-weight: bold;}
.contentHolder .explanationDiv .description{color:#000000;padding: 2%;padding-top: 5%;}

.contentHolder .dummyBg{background-color: #f1a1a1;  width: 100%;  height: 100%;  opacity: 0;}

.tooltip {display:none;position:absolute;border:1px solid #fff;background-color:#DE3326;border-radius:5px;padding:5px;color:#fff;font-size:12px;text-align: center;}
.copyright{color: #333333;position: absolute;display: none;z-index:999;top: 22px;font-size: 8px;right: 30px;}
 
.footer{background: #EBEBEB;width: 100%;height: 48px;position:absolute;/* top: 94.8%; */cursor: default;display: table;z-index: 999;bottom: 0;overflow: hidden;left: 0;}
.zoomoutDiv{position: relative;display: table-cell;vertical-align: middle;}
.volumeSeekbarClass{    position: absolute;    width: 100px;            top: 29px;height: 38px;z-index: 99999;}
.volumeSeekbarIcon1{background: #444549;height: 6px;width: 100px;top: 22px;position: absolute;border-radius: 1em;}
.volumeSeekbarIcon2{background: #FF6600;height: 15px;width: 15px;top: 17px;cursor: pointer;z-index: 9999;border-radius: 1em;}
.volumeSeekbarIcon3{ background-color: #FF6600;border-top-left-radius: 10em;border-bottom-left-radius: 10em;border-top-right-radius: 5em;  border-bottom-right-radius: 5em;      height: 7px;      cursor: pointer;      margin-top: 6px;z-index: 999;position: absolute;}
#ascrail2000-hr div{margin-left: 30px;}
#ascrail2000-hr{opacity: 0!important; display: none !important;}
#ascrail2000{opacity: 0!important;display: none !important;}
.clickForMoreIcon{width: 13.05px;height: 13.50px;position: absolute;left: -17px;}
.clickForMore{font-size: 10px;position: absolute;top: 20px;width: 70px;right: 113px;}

::-webkit-scrollbar { width: 14px; height: 18px;z-index: 99}
::-webkit-scrollbar:horizontal{ width: 14px;z-index: 99}
::-webkit-scrollbar:vertical{ width: 16px;z-index: 99}

::-moz-appearance { width: 14px; height: 18px;z-index: 99}
::-moz-appearance:horizontal{ width: 14px;z-index: 99}
::-moz-appearance:vertical{ width: 16px;z-index: 99}

.hide-scrollbar-v ::-webkit-scrollbar:vertical{
    display: none !important;
}

.hide-scrollbar-h ::-webkit-scrollbar:horizontal{
    display: none !important;
}

.show-scrollbar-v ::-webkit-scrollbar:vertical{
    display: block !important;
}

.show-scrollbar-h ::-webkit-scrollbar:horizontal{
    display: block !important;
}

::-webkit-scrollbar-track-piece { background-color: #F1F1F1;cursor: pointer;z-index: 99}
::-webkit-scrollbar-thumb {  background-color: #666666;cursor: pointer;z-index: 99}
::-webkit-resizer { background-color: #666666;cursor: pointer;z-index: 99}
::-webkit-scrollbar-button:horizontal:increment {
        background: url(../../common-images/right.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
    width: 22px;z-index: 99
}
::-webkit-scrollbar-button:horizontal:decrement {
        background: url(../../common-images/left.png) no-repeat center;
    background-size: 100% 100%;cursor: pointer;
    width: 22px;z-index: 99
}
::-webkit-scrollbar-button:vertical:increment {
        background: url(../../common-images/down.png) no-repeat center;
    background-size: 100% 100%;cursor: pointer;
    height: 22px;z-index: 99
}
::-webkit-scrollbar-button:vertical:decrement {
        background: url(../../common-images/up.png) no-repeat center;
    background-size: 100% 100%;cursor: pointer;
    height: 22px;z-index: 99
}


@media (min-width: 1920px){
  .zoomin{right: 209px;top: 13px;}
  .volumeSeekbarClass{ right: 242px !important;top: 1px;}
  .zoomout{right: 350px;top: 13px;}
  .instText{width: 853px;}
  .reset{display: block;right: 393px;width: 80px; height: 30px; }
  .reset:hover{display: block;right: 393px; width: 80px; height: 30px;}
  ::-webkit-scrollbar { width: 18px; height: 18px; }
  ::-webkit-scrollbar:horizontal{ width: 18px;}
  ::-webkit-scrollbar:vertical{ width: 16px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 18px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 18px}
  ::-webkit-scrollbar-button:vertical:increment {height: 18px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 18px}
}
@media (min-width: 1330px) and (max-width: 1920px) {
  .zoomin{right: 209px;top: 13px;}
  .volumeSeekbarClass{ right: 242px !important;top: 1px;}
  .zoomout{right: 350px;top: 13px;}
  .instText{width: 853px;}
  .reset{display: block;right: 393px;width: 80px; height: 30px; }
  .reset:hover{display: block;right: 393px; width: 80px; height: 30px;}
  ::-webkit-scrollbar { width: 18px; height: 18px; }
  ::-webkit-scrollbar:horizontal{ width: 18px;}
  ::-webkit-scrollbar:vertical{ width: 16px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 18px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 18px}
  ::-webkit-scrollbar-button:vertical:increment {height: 18px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 18px}
}

@media (min-width: 1170px) and (max-width: 1330px) {
   .zoomin{right: 208px;top: 13px;}
  .volumeSeekbarClass{ right: 241px;top: 1px;}
  .zoomout{right: 349px;top: 13px;}
  .instText{width: 700px;}
  .reset{display: block;right: 382px; width: 80px; height: 30px;}
  .reset:hover{display: block;right: 382px; width: 80px; height: 30px;}
  ::-webkit-scrollbar { width: 16px; height: 16px;}
  ::-webkit-scrollbar:horizontal{ width: 16px;}
  ::-webkit-scrollbar:vertical{ width: 16px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 16px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 16px}
  ::-webkit-scrollbar-button:vertical:increment {height: 16px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 16px}
}


@media (min-width: 1090px) and (max-width: 1170px) {
   .zoomin{right: 208px;top: 13px;}
  .volumeSeekbarClass{ right: 241px;top: 1px;}
  .zoomout{right: 349px;top: 13px;}
  .instText{width: 600px;}
  .reset{display: block;right: 382px;width: 80px; height: 30px;}
  .reset:hover{display: block;right: 382px;width: 80px; height: 30px;}
  ::-webkit-scrollbar { width: 16px; height: 16px;}
  ::-webkit-scrollbar:horizontal{ width: 16px;}
  ::-webkit-scrollbar:vertical{ width: 16px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 16px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 16px}
  ::-webkit-scrollbar-button:vertical:increment {height: 16px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 16px}

}

@media (min-width: 965px) and (max-width: 1090px) {
  .copyright{display:  none !important;}
  .zoomin{right: 95px;top: 13px;}
  .volumeSeekbarClass{ right: 129px;top: 1px;}
  .zoomout{right: 236px;top: 13px;}
  .instText{width: 600px;}
  .reset{display: block;right: 269px;width: 80px; height: 30px;}
  .reset:hover{display: block;right: 269px;width: 80px; height: 30px;}
  .clickForMore{right: 0px !important;}
  ::-webkit-scrollbar { width: 10px; height: 12px;}
  ::-webkit-scrollbar:horizontal{ width: 10px;}
  ::-webkit-scrollbar:vertical{ width: 12px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 12px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 12px}
  ::-webkit-scrollbar-button:vertical:increment {height: 12px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 12px}
    
}
@media (min-width: 840px) and (max-width: 965px) {
  .copyright{display:  none !important;}
  .zoomin{right: 95px;top: 13px;}
  .volumeSeekbarClass{ right: 129px;top: 1px;}
  .zoomout{right: 236px;top: 13px;}
  .instText{width: 480px;}
  .reset{display: block;right: 269px;width: 80px; height: 30px;}
  .reset:hover{display: block;right: 269px;width: 80px; height: 30px;}
  .clickForMore{right: 0px !important;}
  ::-webkit-scrollbar { width: 10px; height: 12px;}
  ::-webkit-scrollbar:horizontal{ width: 10px;}
  ::-webkit-scrollbar:vertical{ width: 12px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 12px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 12px}
  ::-webkit-scrollbar-button:vertical:increment {height: 12px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 12px}
}
@media (min-width: 690px) and (max-width: 840px) {
  .copyright{display:  none !important;}
  .zoomin{right: 95px;top: 13px;}
  .volumeSeekbarClass{ right: 129px;top: 1px;}
  .zoomout{right: 236px;top: 13px;}
  .instText{width: 330px;}
  .reset{display: block;right: 269px;width: 80px; height: 30px;}
  .reset:hover{display: block;right: 269px;width: 80px; height: 30px;}
  .clickForMore{right: 0px !important;}
  ::-webkit-scrollbar { width: 10px; height: 12px;}
  ::-webkit-scrollbar:horizontal{ width: 10px;}
  ::-webkit-scrollbar:vertical{ width: 12px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 12px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 12px}
  ::-webkit-scrollbar-button:vertical:increment {height: 12px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 12px}
}
@media (min-width: 345px) and (max-width: 690px) {
   .copyright{display:  none !important;}
  .volumeSeekbarClass{ left: 126px;top: 32px;}
  .instText{width: 94%;height: 30px;display: inline-block;padding: 10px;}
  .footer{height: 77px;width: 100%}
  .reset{top: 41px !important;left: 10px;width: 80px; height: 30px;}
  .reset:hover{top: 41px !important;left: 10px;width: 80px; height: 30px;}
  .zoomout{top: 43px;left: 93px;}
  .zoomin{left: 234px;top: 43px;}
  .clickForMore{left: 285px;top: 50px;}
  ::-webkit-scrollbar { width: 8px; height: 10px;}
  ::-webkit-scrollbar:horizontal{ width: 8px;}
  ::-webkit-scrollbar:vertical{ width: 10px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 10px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 10px}
  ::-webkit-scrollbar-button:vertical:increment {height: 10px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 10px}

}
@media (min-width: 200px) and (max-width: 345px) {
   .copyright{display:  none !important;}
  .volumeSeekbarClass{ left: 112px;top: 32px;}
  .instText{width: 94%;height: 30px;display: inline-block;padding: 10px;}
  .footer{height: 77px;width: 100%}
  .reset{top: 41px !important;left:10px;width: 70px; height: 30px;}
  .reset:hover{top: 41px !important;left:10px;width: 70px; height: 30px;}
  .zoomout{top: 43px;left: 81px;}
  .zoomin{left: 218px;top: 43px;}
  .clickForMore{left: 262px;top: 50px; width:55px;}
  ::-webkit-scrollbar { width: 6px; height: 8px;}
  ::-webkit-scrollbar:horizontal{ width: 6px;}
  ::-webkit-scrollbar:vertical{ width: 8px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 8px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 8px}
  ::-webkit-scrollbar-button:vertical:increment {height: 8px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 8px}

}

.animContainer1{position: absolute;top: 65.7%;   left: 14.65%;z-index:999;display:block;}
.animDiv1 {
    background-image: url("../animations/Astroids_anim.png");
    width: 195px;
    height: 229px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-animation: play1 1s steps(42, end) infinite;
    -moz-animation: play1 1s steps(42, end) infinite;
    -ms-animation: play1 1s steps(42, end) infinite;
    -o-animation: play1 1s steps(42, end) infinite;
    animation: play1 1.5s steps(42, end) infinite;
    webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}
@-webkit-keyframes play1 {   from { background-position:    0px; }     to { background-position: -8190px; }}
@-moz-keyframes play1 {   from { background-position:    0px; }     to { background-position: -8190px; }}
@-ms-keyframes play1 {   from { background-position:    0px; }     to { background-position: -8190px; }}
@-o-keyframes play1 {   from { background-position:    0px; }     to { background-position: -8190px; }}
@keyframes play1 {   from { background-position:    0px; }     to { background-position: -8190px; }}

.animContainer2{position: absolute;top: 42.7%;   left: 12.65%;z-index:999;display:block;}
.animDiv2 {
    background-image: url("../animations/Comet_anim.png");
    width: 98px;
    height: 124px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-animation: play2 0.8s steps(17, end) infinite;
    -moz-animation: play2 0.8s steps(17, end) infinite;
    -ms-animation: play2 0.8s steps(17, end) infinite;
    -o-animation: play2 0.8s steps(17, end) infinite;
    animation: play2 1.5s steps(17, end) infinite;
}
	
@-webkit-keyframes play2 {   from { background-position:    0px; }     to { background-position: -1666px; }}
@-moz-keyframes play2 {   from { background-position:    0px; }     to { background-position: -1666px; }}
@-ms-keyframes play2 {   from { background-position:    0px; }     to { background-position: -1666px; }}
@-o-keyframes play2 {   from { background-position:    0px; }     to { background-position: -1666px; }}
@keyframes play2 {   from { background-position:    0px; }     to { background-position: -1666px; }}

.animContainer3{position: absolute;top: 27%;left: 78.7%;z-index:999;display:block;}
.animDiv3 {background-image: url("../animations/Earth.png");width: 47px;height: 48px;top: 0;left: 0;position: absolute;
    -webkit-animation: play3 5s steps(94, end) infinite;
       -moz-animation: play3 5s steps(94, end) infinite;
        -ms-animation: play3 5s steps(94, end) infinite;
         -o-animation: play3 5s steps(94, end) infinite;
            animation: play3 5s steps(94, end) infinite;
}
@-webkit-keyframes play3 {   from { background-position:    0px; }     to { background-position: -4418px; }}
@-moz-keyframes play3 {   from { background-position:    0px; }     to { background-position: -4418px; }}
@-ms-keyframes play3 {   from { background-position:    0px; }     to { background-position: -4418px; }}
@-o-keyframes play3 {   from { background-position:    0px; }     to { background-position: -4418px; }}
@keyframes play3 {   from { background-position:    0px; }     to { background-position: -4418px; }}

.animContainer4{position: absolute;top: 53%;left: 78.7%;z-index:999;display:block;}
.animDiv4 {background-image: url("../animations/Jupiter.png");width: 56px;height: 56px;top: 0;left: 0;position: absolute;
    -webkit-animation: play4 5s steps(103, end) infinite;
       -moz-animation: play4 5s steps(103, end) infinite;
        -ms-animation: play4 5s steps(103, end) infinite;
         -o-animation: play4 5s steps(103, end) infinite;
            animation: play4 5s steps(103, end) infinite;
}
@-webkit-keyframes play4 {   from { background-position:    0px; }     to { background-position: -5768px; }}
@-moz-keyframes play4 {   from { background-position:    0px; }     to { background-position: -5768px; }}
@-ms-keyframes play4 {   from { background-position:    0px; }     to { background-position: -5768px; }}
@-o-keyframes play4 {   from { background-position:    0px; }     to { background-position: -5768px; }}
@keyframes play4 {   from { background-position:    0px; }     to { background-position: -5768px; }}

.animContainer5{position: absolute;top: 34.5%;left: 78.8%;z-index:999;display:block;}
.animDiv5 {background-image: url("../animations/Mars.png");width: 49px;height:49px;top: 0;left: 0;position: absolute;
    -webkit-animation: play5 5s steps(101, end) infinite;
       -moz-animation: play5 5s steps(101, end) infinite;
        -ms-animation: play5 5s steps(101, end) infinite;
         -o-animation: play5 5s steps(101, end) infinite;
            animation: play5 5s steps(101, end) infinite;
}
@-webkit-keyframes play5 {   from { background-position:    0px; }     to { background-position: -4949px; }}
@-moz-keyframes play5 {   from { background-position:    0px; }     to { background-position: -4949px; }}
@-ms-keyframes play5 {   from { background-position:    0px; }     to { background-position: -4949px; }}
@-o-keyframes play5 {   from { background-position:    0px; }     to { background-position: -4949px; }}
@keyframes play5 {   from { background-position:    0px; }     to { background-position: -4949px; }}

.animContainer6{position: absolute;top: 13.5%;left: 79.1%;z-index:999;display:block;}
.animDiv6 {background-image: url("../animations/Mercury.png");width: 33px;height:34px;top: 0;left: 0;position: absolute;
    -webkit-animation: play6 5s steps(90, end) infinite;
       -moz-animation: play6 5s steps(90, end) infinite;
        -ms-animation: play6 5s steps(90, end) infinite;
         -o-animation: play6 5s steps(90, end) infinite;
            animation: play6 5s steps(90, end) infinite;
}
@-webkit-keyframes play6 {   from { background-position:    0px; }     to { background-position: -2970px; }}
@-moz-keyframes play6 {   from { background-position:    0px; }     to { background-position: -2970px; }}
@-ms-keyframes play6 {   from { background-position:    0px; }     to { background-position: -2970px; }}
@-o-keyframes play6 {   from { background-position:    0px; }     to { background-position: -2970px; }}
@keyframes play6 {   from { background-position:    0px; }     to { background-position: -2970px; }}

.animContainer7{position: absolute;top: 82.6%;left: 79.1%;z-index:999;display:block;}
.animDiv7 {background-image: url("../animations/Neptune.png");width: 38px;height:38px;top: 0;left: 0;position: absolute;
    -webkit-animation: play7 5s steps(104, end) infinite;
       -moz-animation: play7 5s steps(104, end) infinite;
        -ms-animation: play7 5s steps(104, end) infinite;
         -o-animation: play7 5s steps(104, end) infinite;
            animation: play7 5s steps(104, end) infinite;
}
@-webkit-keyframes play7 {   from { background-position:    0px; }     to { background-position: -3952px; }}
@-moz-keyframes play7 {   from { background-position:    0px; }     to { background-position: -3952px; }}
@-ms-keyframes play7 {   from { background-position:    0px; }     to { background-position: -3952px; }}
@-o-keyframes play7 {   from { background-position:    0px; }     to { background-position: -3952px; }}
@keyframes play7 {   from { background-position:    0px; }     to { background-position: -3952px; }}

.animContainer8{position: absolute;top: 45%;left: 79.7%;z-index:999;display:block;}
.animDiv8 {background-image: url("../animations/Pluto.png");width: 20px;height:19px;top: 0;left: 0;position: absolute;
    -webkit-animation: play8 5s steps(94, end) infinite;
       -moz-animation: play8 5s steps(94, end) infinite;
        -ms-animation: play8 5s steps(94, end) infinite;
         -o-animation: play8 5s steps(94, end) infinite;
            animation: play8 5s steps(94, end) infinite;
}
@-webkit-keyframes play8 {   from { background-position:    0px; }     to { background-position: -1880px; }}
@-moz-keyframes play8 {   from { background-position:    0px; }     to { background-position: -1880px; }}
@-ms-keyframes play8 {   from { background-position:    0px; }     to { background-position: -1880px; }}
@-o-keyframes play8 {   from { background-position:    0px; }     to { background-position: -1880px; }}
@keyframes play8 {   from { background-position:    0px; }     to { background-position: -1880px; }}

.animContainer9{position: absolute;top: 59.4%;left: 79.2%;z-index:999;display:block;}
.animDiv9 {background-image: url("../animations/Saturn.png");width: 43px;height:91px;top: 0;left: 0;position: absolute;
    -webkit-animation: play9 5s steps(100, end) infinite;
       -moz-animation: play9 5s steps(100, end) infinite;
        -ms-animation: play9 5s steps(100, end) infinite;
         -o-animation: play9 5s steps(100, end) infinite;
            animation: play9 5s steps(100, end) infinite;
			
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}
@-webkit-keyframes play9 {   from { background-position:    0px; }     to { background-position: -4300px; }}
@-moz-keyframes play9 {   from { background-position:    0px; }     to { background-position: -4300px; }}
@-ms-keyframes play9 {   from { background-position:    0px; }     to { background-position: -4300px; }}
@-o-keyframes play9 {   from { background-position:    0px; }     to { background-position: -4300px; }}
@keyframes play9 {   from { background-position:    0px; }     to { background-position: -4300px; }}

.animContainer10{position: absolute;top: 42.3%;left: 44.4%;display: block;z-index: 9999;}
.animDiv10 {background-image: url("../animations/Solar_system_anim.png");width: 127px;height: 56px;position: absolute;}

.animContainer11{position: absolute;top: 26.5%;left: 8.5%;z-index:999;display:block;}
.animDiv11 {background-image: url("../animations/Sun_anim.png");width: 65px;height:66px;top: 0;left: 0;position: absolute;
    -webkit-animation: play11 5s steps(20, end) infinite;
       -moz-animation: play11 5s steps(20, end) infinite;
        -ms-animation: play11 5s steps(20, end) infinite;
         -o-animation: play11 5s steps(20, end) infinite;
            animation: play11 5s steps(20, end) infinite;
}
@-webkit-keyframes play11 {   from { background-position:    0px; }     to { background-position: -1300px; }}
@-moz-keyframes play11 {   from { background-position:    0px; }     to { background-position: -1300px; }}
@-ms-keyframes play11 {   from { background-position:    0px; }     to { background-position: -1300px; }}
@-o-keyframes play11 {   from { background-position:    0px; }     to { background-position: -1300px; }}
@keyframes play11 {   from { background-position:    0px; }     to { background-position: -1300px; }}

.animContainer12{position: absolute;top: 74%;left: 78.9%;z-index:999;display:block;}
.animDiv12 {background-image: url("../animations/Uranus.png");width: 49px;height:33px;top: 0;left: 0;position: absolute;
    -webkit-animation: play12 5s steps(100, end) infinite;
       -moz-animation: play12 5s steps(100, end) infinite;
        -ms-animation: play12 5s steps(100, end) infinite;
         -o-animation: play12 5s steps(100, end) infinite;
            animation: play12 5s steps(100, end) infinite;
}
@-webkit-keyframes play12 {   from { background-position:    0px; }     to { background-position: -4900px; }}
@-moz-keyframes play12 {   from { background-position:    0px; }     to { background-position: -4900px; }}
@-ms-keyframes play12 {   from { background-position:    0px; }     to { background-position: -4900px; }}
@-o-keyframes play12 {   from { background-position:    0px; }     to { background-position: -4900px; }}
@keyframes play12 {   from { background-position:    0px; }     to { background-position: -4900px; }}

.animContainer13{position: absolute;top: 19.5%;left: 78.7%;z-index:999;display:block;}
.animDiv13{background-image: url("../animations/Venus.png");width: 44px;height:45px;top: 0;left: 0;position: absolute;
    -webkit-animation: play13 5s steps(101, end) infinite;
       -moz-animation: play13 5s steps(101, end) infinite;
        -ms-animation: play13 5s steps(101, end) infinite;
         -o-animation: play13 5s steps(101, end) infinite;
            animation: play13 5s steps(101, end) infinite;
}
@-webkit-keyframes play13 {   from { background-position:    0px; }     to { background-position: -4444px; }}
@-moz-keyframes play13 {   from { background-position:    0px; }     to { background-position: -4444px; }}
@-ms-keyframes play13 {   from { background-position:    0px; }     to { background-position: -4444px; }}
@-o-keyframes play13 {   from { background-position:    0px; }     to { background-position: -4444px; }}
@keyframes play13 {   from { background-position:    0px; }     to { background-position: -4444px; }}

.animContainer14{position: absolute;top: 79.6%;left: 14.8%;display: block;z-index: 9999;}
.animDiv14 {background-image: url("../animations/Solar_system_anim.png");width: 127px;height: 56px;position: absolute;}