.solar-3d{
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

  .planet-slider3D{
    position: relative !important ;
    min-height: 400px;
    clear: both;
  }

  .solar-3d {
  line-height: 1; }



  .solar-3d {
  font-size: 10px;
  font-weight: 300;
  background-color: #08090A; }

#universe {
  z-index: 1;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-position: center 40%;
  background-repeat: no-repeat;
  background-size: cover; }

#galaxy {
  position: relative;
  width: 100%;
  height: 100%;
  /*perspective: 4000;*/ }

#solar-system3D {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d; }

.orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform-style: preserve-3d;
  animation-name: orbit;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.orbit .orbit {
  animation-name: suborbit; }

.pos {
  position: absolute;
  top: 50%;
  width: 2em;
  height: 2em;
  margin-top: -1em;
  margin-left: -1em;
  transform-style: preserve-3d;
  animation-name: invert;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

#sun, .planet3D, #earth .moon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em;
  border-radius: 50%;
  transform-style: preserve-3d; }

#sun {
  background-color: #FB7209;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 60px rgba(255, 160, 60, 0.4); }

.planet3D {
  background-color: #202020;
  background-repeat: no-repeat;
  background-size: cover;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.ring {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%; }

#saturn .ring {
  width: 2em;
  height: 2em;
  margin-top: -1em;
  margin-left: -1em;
  border: 0.3em solid rgba(160, 147, 130, 0.7);
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

#saturn .ring:after {
  border-radius: 50%;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: 2.2em;
  height: 2.2em;
  margin-top: -1.1em;
  margin-left: -1.1em;
  border: 0.07em solid rgba(160, 147, 130, 0.5);
  box-sizing: border-box;
  box-sizing: border-box; }

/* --------------------------------------------------------------------------- planets index */
#mercury {
  z-index: 10; }

#venus {
  z-index: 9; }

#earth {
  z-index: 8; }

#moon {
  z-index: 7; }

#mars {
  z-index: 6; }

#jupiter {
  z-index: 5; }

#saturn {
  z-index: 4; }

#uranus {
  z-index: 3; }

#neptune {
  z-index: 2; }

#sun {
  z-index: 1; }

/* --------------------------------------------------------------------------- animations */
@keyframes orbit {
  0% {
    transform: rotateZ(0deg); }

  100% {
    transform: rotateZ(-360deg); } }

@keyframes suborbit {
  0% {
    transform: rotateX(90deg) rotateZ(0deg); }

  100% {
    transform: rotateX(90deg) rotateZ(-360deg); } }

@keyframes invert {
  0% {
    transform: rotateX(-90deg) rotateY(360deg) rotateZ(0deg); }

  100% {
    transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg); } }

/* --------------------------------------------------------------------------- opening */
.view-3D .opening #sun,
.view-3D .opening .orbit,
.view-3D .opening .pos,
.view-3D .opening .planet3D,
.view-3D .opening .satelite,
.view-3D .opening .ring {
  transition-duration: 4s; }

#universe.opening #sun {
  box-shadow: 0 0 0 rgba(255, 160, 60, 0); }

/* --------------------------------------------------------------------------- 2D view */
.view-2D.zoom-large #sun {
  transform-style: flat; }

.view-2D.zoom-large .orbit {
  transform-style: flat; }

.view-2D #sun,
.view-2D .ring {
  transform: rotateX(0deg); }

.view-2D .planet3D,
.view-2D .moon {
  transform: rotateX(90deg); }

/* --------------------------------------------------------------------------- 3D view */
.view-3D.zoom-large #sun {
  transform-style: preserve-3d; }

.view-3D.zoom-large .orbit {
  transform-style: preserve-3d; }

.view-3D #solar-system3D {
  transform: rotateX(75deg); }

.view-3D #sun {
  transform: rotateX(-90deg); }

.view-3D .ring {
  transform: rotateX(90deg); }

.view-3D .planet3D,
.view-3D .moon {
  transform: rotateX(0deg); }

/* --------------------------------------------------------------------------- large zoom */
.zoom-large #solar-system3D {
  width: 100%; }

.zoom-large.view-2D .scale-stretched #solar-system3D {
  font-size: 26%; }

.zoom-large.view-3D .scale-stretched #solar-system3D {
  font-size: 40%; }

.zoom-large.view-2D .scale-d #solar-system3D {
  font-size: 22%; }

.zoom-large.view-3D .scale-d #solar-system3D {
  font-size: 48%; }

.zoom-large.view-2D .scale-s #solar-system3D {
  font-size: 7%; }

.zoom-large.view-3D .scale-s #solar-system3D {
  font-size: 14%; }

/* --------------------------------------------------------------------------- close zoom */
.zoom-close #solar-system3D {
  width: 200%;
  font-size: 100%; }

.zoom-close .scale-stretched #solar-system3D {
  margin-left: -100%; }

.zoom-close .scale-d #solar-system3D {
  margin-left: -106%; }

.zoom-close.view-2D .scale-d #solar-system3D {
  font-size: 84%; }

.zoom-close.view-3D .scale-d #solar-system3D {
  font-size: 84%; }

.zoom-close .scale-s #solar-system3D {
  margin-left: -145%; }

.zoom-close.view-2D .scale-s #solar-system3D {
  font-size: 40%; }

.zoom-close.view-3D .scale-s #solar-system3D {
  font-size: 40%; }

.zoom-close .orbit,
.zoom-close .pos,
.zoom-close .planet3D,
.zoom-close .satelite,
.zoom-close .ring {
  animation-play-state: paused!important;
  animation-duration: 0s!important;
  animation: none!important; }

.zoom-close.view-2D .planet3D,
.zoom-close.view-2D .moon {
  transform: rotateX(0deg); }

.zoom-close.view-3D .planet3D {
  transform: rotateX(-90deg); }

.zoom-close.view-3D .moon {
  transform: rotateX(90deg); }

.zoom-close .pos {
  left: 100%!important;
  top: 50%!important; }

/* --------------------------------------------------------------------------- data */
/* --------------------------------------------------------------------------- speed */
/* sideral years */
#mercury .pos,
#mercury .planet3D,
#mercury.orbit {
  animation-duration: 2.89016s; }

#venus .pos,
#venus .planet3D,
#venus.orbit {
  animation-duration: 7.38237s; }

#earth .pos,
#earth .planet3D,
#earth.orbit {
  animation-duration: 12.00021s; }

#earth .orbit .pos,
#earth .orbit {
  animation-duration: 0.89764s; }

#mars .pos,
#mars .planet3D,
#mars.orbit {
  animation-duration: 22.57017s; }

#jupiter .pos,
#jupiter .planet3D,
#jupiter.orbit {
  animation-duration: 142.35138s; }

#saturn .pos,
#saturn .planet3D,
#saturn.orbit,
#saturn .ring {
  animation-duration: 353.36998s; }

#uranus .pos,
#uranus .planet3D,
#uranus.orbit {
  animation-duration: 1008.20215s; }

#neptune .pos,
#neptune .planet3D,
#neptune.orbit {
  animation-duration: 1977.49584s; }

/* --------------------------------------------------------------------------- planets sizes */
/* --------------------------------------------------------------------------- stretched sizes */
.scale-stretched #sun {
  font-size: 24em; }

.scale-stretched #mercury .planet3D {
  font-size: 1.5em; }

.scale-stretched #venus .planet3D {
  font-size: 3.72em; }

.scale-stretched #earth .planet3D {
  font-size: 3.92em; }

.scale-stretched #earth .moon {
  font-size: 1.2em; }

.scale-stretched #mars .planet3D {
  font-size: 2.9em; }

.scale-stretched #jupiter .planet3D {
  font-size: 12em; }

.scale-stretched #saturn .planet3D {
  font-size: 10.8em; }

.scale-stretched #uranus .planet3D {
  font-size: 4.68em; }

.scale-stretched #neptune .planet3D {
  font-size: 4.9em; }

/* --------------------------------------------------------------------------- scaled sizes */
/*
(planets radius * 2) * ratio
*/
/*$distanceScaleRatio:   0.000075em;*/
/* --------------------------------------------------------------------------- planets distance scale sizes */
.scale-d #sun {
  font-size: 41.73048em; }

.scale-d #mercury .planet3D {
  font-size: 0.14634em; }

.scale-d #venus .planet3D {
  font-size: 0.36306em; }

.scale-d #earth .planet3D {
  font-size: 0.38226em; }

.scale-d #earth .moon {
  font-size: 0.08226em; }

.scale-d #mars .planet3D {
  font-size: 0.20334em; }

.scale-d #jupiter .planet3D {
  font-size: 4.19466em; }

.scale-d #saturn .planet3D {
  font-size: 3.49392em; }

.scale-d #uranus .planet3D {
  font-size: 1.52172em; }

.scale-d #neptune .planet3D {
  font-size: 1.47732em; }

/* --------------------------------------------------------------------------- planet size scale sizes */
.scale-s #sun {
  font-size: 417.3048em; }

.scale-s #mercury .planet3D {
  font-size: 1.4634em; }

.scale-s #venus .planet3D {
  font-size: 3.6306em; }

.scale-s #earth .planet3D {
  font-size: 3.8226em; }

.scale-s #earth .moon {
  font-size: 0.8226em; }

.scale-s #mars .planet3D {
  font-size: 2.0334em; }

.scale-s #jupiter .planet3D {
  font-size: 41.9466em; }

.scale-s #saturn .planet3D {
  font-size: 34.9392em; }

.scale-s #uranus .planet3D {
  font-size: 15.2172em; }

.scale-s #neptune .planet3D {
  font-size: 14.7732em; }

/* --------------------------------------------------------------------------- stretched orbits */
.scale-stretched #mercury.orbit {
  width: 32em;
  height: 32em;
  margin-top: -16em;
  margin-left: -16em; }

.scale-stretched #venus.orbit {
  width: 40em;
  height: 40em;
  margin-top: -20em;
  margin-left: -20em; }

.scale-stretched #earth.orbit {
  width: 56em;
  height: 56em;
  margin-top: -28em;
  margin-left: -28em; }

.scale-stretched #earth .orbit {
  width: 6em;
  height: 6em;
  margin-top: -3em;
  margin-left: -3em; }

.scale-stretched #mars.orbit {
  width: 72em;
  height: 72em;
  margin-top: -36em;
  margin-left: -36em; }

.scale-stretched #jupiter.orbit {
  width: 100em;
  height: 100em;
  margin-top: -50em;
  margin-left: -50em; }

.scale-stretched #saturn.orbit {
  width: 150em;
  height: 150em;
  margin-top: -75em;
  margin-left: -75em; }

.scale-stretched #uranus.orbit {
  width: 186em;
  height: 186em;
  margin-top: -93em;
  margin-left: -93em; }

.scale-stretched #neptune.orbit {
  width: 210em;
  height: 210em;
  margin-top: -105em;
  margin-left: -105em; }

/* --------------------------------------------------------------------------- scaled orbits */
/* --------------------------------------------------------------------------- distance scale orbits */
.scale-d #mercury.orbit {
  width: 44.74176em;
  height: 44.74176em;
  margin-top: -22.37088em;
  margin-left: -22.37088em; }

.scale-d #venus.orbit {
  width: 47.35737em;
  height: 47.35737em;
  margin-top: -23.67869em;
  margin-left: -23.67869em; }

.scale-d #earth.orbit {
  width: 49.50959em;
  height: 49.50959em;
  margin-top: -24.75479em;
  margin-left: -24.75479em; }

.scale-d #mars.orbit {
  width: 53.58356em;
  height: 53.58356em;
  margin-top: -26.79178em;
  margin-left: -26.79178em; }

.scale-d #jupiter.orbit {
  width: 82.2042em;
  height: 82.2042em;
  margin-top: -41.1021em;
  margin-left: -41.1021em; }

.scale-d #saturn.orbit {
  width: 115.91713em;
  height: 115.91713em;
  margin-top: -57.95857em;
  margin-left: -57.95857em; }

.scale-d #uranus.orbit {
  width: 191.00471em;
  height: 191.00471em;
  margin-top: -95.50235em;
  margin-left: -95.50235em; }

.scale-d #neptune.orbit {
  width: 275.64709em;
  height: 275.64709em;
  margin-top: -137.82355em;
  margin-left: -137.82355em; }

/* Moon */
.scale-d #earth .orbit {
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em; }

/* --------------------------------------------------------------------------- size scale orbits */
.scale-s #mercury.orbit {
  width: 441.3048em;
  height: 441.3048em;
  margin-top: -220.6524em;
  margin-left: -220.6524em; }

.scale-s #venus.orbit {
  width: 457.3048em;
  height: 457.3048em;
  margin-top: -228.6524em;
  margin-left: -228.6524em; }

.scale-s #earth.orbit {
  width: 473.3048em;
  height: 473.3048em;
  margin-top: -236.6524em;
  margin-left: -236.6524em; }

.scale-s #mars.orbit {
  width: 489.3048em;
  height: 489.3048em;
  margin-top: -244.6524em;
  margin-left: -244.6524em; }

.scale-s #jupiter.orbit {
  width: 561.3048em;
  height: 561.3048em;
  margin-top: -280.6524em;
  margin-left: -280.6524em; }

.scale-s #saturn.orbit {
  width: 705.3048em;
  height: 705.3048em;
  margin-top: -352.6524em;
  margin-left: -352.6524em; }

.scale-s #uranus.orbit {
  width: 817.3048em;
  height: 817.3048em;
  margin-top: -408.6524em;
  margin-left: -408.6524em; }

.scale-s #neptune.orbit {
  width: 881.3048em;
  height: 881.3048em;
  margin-top: -440.6524em;
  margin-left: -440.6524em; }

/* Moon */
.scale-s #earth .orbit {
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em; }

/* --------------------------------------------------------------------------- text infos data */
/* --------------------------------------------------------------------------- speed */
.set-speed dl.infos dd span:after {
  content: attr(data-orbit);
 }

.set-speed #sun dl.infos dd:after {
  content: '0 km/h'; }

.set-speed #mercury dl.infos dd:after {
  content: '170,503 km/h'; }

.set-speed #venus dl.infos dd:after {
  content: '126,074 km/h'; }

.set-speed #earth dl.infos dd:after {
  content: '107,218 km/h'; }

.set-speed #mars dl.infos dd:after {
  content: '86,677 km/h'; }

.set-speed #jupiter dl.infos dd:after {
  content: '47,002 km/h'; }

.set-speed #saturn dl.infos dd:after {
  content: '34,701 km/h'; }

.set-speed #uranus dl.infos dd:after {
  content: '24,477 km/h'; }

.set-speed #neptune dl.infos dd:after {
  content: '19,566 km/h'; }

/* --------------------------------------------------------------------------- size */
.set-size dl.infos dd span:after {
  content: 'Equatorial Circumference'; }

.set-size #sun dl.infos dd:after {
  content: '4,370,005 km'; }

.set-size #mercury dl.infos dd:after {
  content: '15,329 km'; }

.set-size #venus dl.infos dd:after {
  content: '38,024 km'; }

.set-size #earth dl.infos dd:after {
  content: '40,030 km'; }

.set-size #mars dl.infos dd:after {
  content: '21,296 km'; }

.set-size #jupiter dl.infos dd:after {
  content: '439,263 km'; }

.set-size #saturn dl.infos dd:after {
  content: '365,882 km'; }

.set-size #uranus dl.infos dd:after {
  content: '159,354 km'; }

.set-size #neptune dl.infos dd:after {
  content: '154,704 km'; }

/* --------------------------------------------------------------------------- distance */
.set-distance dl.infos dd span:after {
  content: 'From Sun'; }

.set-distance #sun dl.infos dd span:after {
  content: 'From Earth'; }

.set-distance #sun dl.infos dd:after {
  content: '149,598,262 km'; }

.set-distance #mercury dl.infos dd:after {
  content: '57,909,227 km'; }

.set-distance #venus dl.infos dd:after {
  content: '108,209,475 km'; }

.set-distance #earth dl.infos dd:after {
  content: '149,598,262 km'; }

.set-distance #mars dl.infos dd:after {
  content: '227,943,824 km'; }

.set-distance #jupiter dl.infos dd:after {
  content: '778,340,821 km'; }

.set-distance #saturn dl.infos dd:after {
  content: '1,426,666,422 km'; }

.set-distance #uranus dl.infos dd:after {
  content: '2,870,658,186 km'; }

.set-distance #neptune dl.infos dd:after {
  content: '4,498,396,441 km'; }

/* --------------------------------------------------------------------------- planets starting position and lighting effect */
/* --------------------------------------------------------------------------- mercury ; pos: Top */
#mercury .pos {
  left: 50%;
  top: -1%; }

#mercury .planet3D {
  animation-name: shadow-mercury; }

@keyframes shadow-mercury {
  0% {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
    /* TOP */ }

  25% {
    box-shadow: inset 4px 0 2px rgba(0, 0, 0, 0.5);
    /* LEFT */ }

  50% {
    box-shadow: inset 13px -5px 4px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  50.01% {
    box-shadow: inset -13px -5px 4px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  75% {
    box-shadow: inset -4px 0 2px rgba(0, 0, 0, 0.5);
    /* RIGHT */ }

  100% {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
    /* TOP */ } }

.scaled.view-2D #mercury .planet3D,
.scaled.view-3D #mercury .planet3D {
  box-shadow: inset -4px 0 2px rgba(0, 0, 0, 0.5);
  /* RIGHT */ }

/* --------------------------------------------------------------------------- venus ; pos: Left */
#venus .pos {
  left: 0;
  top: 50%; }

#venus .planet3D {
  animation-name: shadow-venus; }

@keyframes shadow-venus {
  0% {
    box-shadow: inset 4px 0 2px rgba(0, 0, 0, 0.5);
    /* LEFT */ }

  25% {
    box-shadow: inset 22px -20px 10px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  25.5% {
    box-shadow: inset -22px -20px 10px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  50% {
    box-shadow: inset -4px 0 2px rgba(0, 0, 0, 0.5);
    /* RIGHT */ }

  75% {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
    /* TOP */ }

  100% {
    box-shadow: inset 4px 0 2px rgba(0, 0, 0, 0.5);
    /* LEFT */ } }

.scaled.view-2D #venus .planet3D,
.scaled.view-3D #venus .planet3D {
  box-shadow: inset -4px 0 2px rgba(0, 0, 0, 0.5);
  /* RIGHT */ }

/* --------------------------------------------------------------------------- earth ; pos: Right */
#earth .pos {
  left: 100%;
  top: 50%; }

#earth .planet3D {
  animation-name: shadow-earth; }

@keyframes shadow-earth {
  0% {
    box-shadow: inset -4px 0 2px rgba(0, 0, 0, 0.5);
    /* RIGHT */ }

  25% {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
    /* TOP */ }

  50% {
    box-shadow: inset 4px 0 2px rgba(0, 0, 0, 0.5);
    /* LEFT */ }

  75% {
    box-shadow: inset 24px -20px 15px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  75.01% {
    box-shadow: inset -24px -20px 15px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  100% {
    box-shadow: inset -4px 0 2px rgba(0, 0, 0, 0.5);
    /* RIGHT */ } }

.scaled.view-2D #earth .planet3D,
.scaled.view-3D #earth .planet3D {
  box-shadow: inset -4px 0 2px rgba(0, 0, 0, 0.5);
  /* RIGHT */ }

/* --------------------------------------------------------------------------- moon */
#earth .orbit .pos {
  left: 100%;
  top: 50%; }

/* --------------------------------------------------------------------------- mars ; pos: Bottom */
#mars .pos {
  left: 50%;
  top: 100%; }

#mars .planet3D {
  animation-name: shadow-mars; }

@keyframes shadow-mars {
  0% {
    box-shadow: inset -18px -10px 10px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  25% {
    box-shadow: inset -4px 0 2px rgba(0, 0, 0, 0.5);
    /* RIGHT */ }

  50% {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
    /* TOP */ }

  75% {
    box-shadow: inset 4px 0 2px rgba(0, 0, 0, 0.5);
    /* LEFT */ }

  99.99% {
    box-shadow: inset 18px -10px 10px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  100% {
    box-shadow: inset -18px -10px 10px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ } }

.scaled.view-2D #mars .planet3D,
.scaled.view-3D #mars .planet3D {
  box-shadow: inset -4px 0 2px rgba(0, 0, 0, 0.5);
  /* RIGHT */ }

/* --------------------------------------------------------------------------- jupiter ; pos: Right */
#jupiter .pos {
  left: 100%;
  top: 50%; }

#jupiter .planet3D {
  animation-name: shadow-jupiter; }

@keyframes shadow-jupiter {
  0% {
    box-shadow: inset -16px 0 5px rgba(0, 0, 0, 0.5);
    /* RIGHT */ }

  25% {
    box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.5);
    /* TOP */ }

  50% {
    box-shadow: inset 16px 0 5px rgba(0, 0, 0, 0.5);
    /* LEFT */ }

  75% {
    box-shadow: inset 94px -30px 40px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  75.01% {
    box-shadow: inset -94px -30px 40px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  100% {
    box-shadow: inset -16px 0 5px rgba(0, 0, 0, 0.5);
    /* RIGHT */ } }

.scaled.view-2D #jupiter .planet3D,
.scaled.view-3D #jupiter .planet3D {
  box-shadow: inset -16px 0 5px rgba(0, 0, 0, 0.5);
  /* RIGHT */ }

/* --------------------------------------------------------------------------- saturn ; pos: Left */
#saturn .pos {
  left: 0%;
  top: 50%; }

#saturn .planet3D {
  animation-name: shadow-saturn; }

@keyframes shadow-saturn {
  0% {
    box-shadow: inset 16px 0 5px rgba(0, 0, 0, 0.5);
    /* LEFT */ }

  25% {
    box-shadow: inset 80px -30px 50px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  25.01% {
    box-shadow: inset -94px -30px 40px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  50% {
    box-shadow: inset -16px 0 5px rgba(0, 0, 0, 0.5);
    /* RIGHT */ }

  75% {
    box-shadow: inset -2px 3px 2px rgba(0, 0, 0, 0.5);
    /* TOP */ }

  100% {
    box-shadow: inset 16px 0 5px rgba(0, 0, 0, 0.5);
    /* LEFT */ } }

.scaled.view-2D #saturn .planet3D,
.scaled.view-3D #saturn .planet3D {
  box-shadow: inset -16px 0 5px rgba(0, 0, 0, 0.5);
  /* RIGHT */ }

/* --------------------------------------------------------------------------- saturn ring */
/*

#saturn .ring           { animation-name:     shadow-saturn-ring; }

@keyframes 
shadow-saturn-ring{ 0%   { box-shadow: inset -16px  0      4px   rgba(20, 40, 50, 0.45); opacity: .4; }
                  25%    { box-shadow: inset -5px   -30px   12px  rgba(20, 40, 50, 0.3);  opacity: 1; }
                  25.01% { box-shadow: inset 5px    -30px   12px  rgba(20, 40, 50, 0.3);  opacity: 1; }
                  50%    { box-shadow: inset 16px   0      4px   rgba(20, 40, 50, 0.45);  opacity: .4; }
                  75%    { box-shadow: inset 0      30px  50px  rgba(20, 40, 50, 0);  opacity: .3; }
                  100%   { box-shadow: inset -16px  0      4px   rgba(20, 40, 50, 0.45);  opacity: .4; }
                }

.scaled.view-2D #saturn .ring,
.scaled.view-3D #saturn .ring { box-shadow: inset 16px   0      4px   rgba(20, 40, 50, 0.6); }

*/
/* --------------------------------------------------------------------------- uranus ; pos: Left */
#uranus .pos {
  left: 0;
  top: 50%; }

#uranus .planet3D {
  animation-name: shadow-uranus; }

@keyframes shadow-uranus {
  0% {
    box-shadow: inset 8px 0 5px rgba(0, 0, 0, 0.5);
    /* LEFT */ }

  25% {
    box-shadow: inset 40px -15px 40px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  25.01% {
    box-shadow: inset -40px -15px 40px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  50% {
    box-shadow: inset -8px 0 5px rgba(0, 0, 0, 0.5);
    /* RIGHT */ }

  75% {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
    /* TOP */ }

  100% {
    box-shadow: inset 8px 0 5px rgba(0, 0, 0, 0.5);
    /* LEFT */ } }

.scaled.view-2D #uranus .planet3D,
.scaled.view-3D #uranus .planet3D {
  box-shadow: inset -8px 0 5px rgba(0, 0, 0, 0.5);
  /* RIGHT */ }

/* --------------------------------------------------------------------------- neptune ; pos: Top */
#neptune .pos {
  left: 50%;
  top: 0; }

#neptune .planet3D {
  animation-name: shadow-neptune; }

@keyframes shadow-neptune {
  0% {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
    /* TOP */ }

  25% {
    box-shadow: inset 12px 0 5px rgba(0, 0, 0, 0.5);
    /* LEFT */ }

  50% {
    box-shadow: inset 50px -15px 40px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  50.01% {
    box-shadow: inset -50px -15px 40px rgba(0, 0, 0, 0.5);
    /* BOTTOM */ }

  75% {
    box-shadow: inset -12px 0 5px rgba(0, 0, 0, 0.5);
    /* RIGHT */ }

  100% {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
    /* TOP */ } }

.scaled.view-2D #neptune .planet3D,
.scaled.view-3D #neptune .planet3D {
  box-shadow: inset -12px 0 5px rgba(0, 0, 0, 0.5);
  /* RIGHT */ }

/* --------------------------------------------------------------------------- DEBUG 
.pos, 
.planet3D, 
.orbit,
.ring { animation-duration: 20s!important; }

/* */
/* --------------------------------------------------------------------------- navigation styles */
dl.infos {
  position: absolute;
  display: block;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin-top: -90%;
  margin-left: 90%;
  padding-left: 100%;
  transform-origin: 100% 100%;
  transform-style: preserve-3d;
  transform: rotateX(90deg); }

dl.infos:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 30px;
  left: 15px;
  bottom: 0;
  border-top: 1px solid white;
  border-left: 1px solid white;
  transform-style: preserve-3d;
  transform: skew(-45deg, 0deg);
  box-shadow: inset 1px 1px black; }

dl.infos dt {
  position: absolute;
  left: 50px;
  margin-bottom: 26px;
  bottom: 30px;
  color: #FFF;
  font-size: 14px;
  text-shadow: 1px 1px 2px black; }

dl.infos dd:after {
  position: absolute;
  left: 50px;
  bottom: 30px;
  width: 300px;
  color: #FFF;
  font-size: 22px;
  text-shadow: 1px 1px 2px black; }

dl.infos dd span:after {
  position: absolute;
  left: 50px;
  bottom: 14px;
  width: 300px;
  color: #FFF;
  font-size: 11px;
  text-shadow: 1px 1px 2px black; }

.sun3D #sun .infos,
.mercury3D #mercury .infos,
.venus3D #venus .infos,
.earth3D #earth .infos,
.mars3D #mars .infos,
.jupiter3D #jupiter .infos,
.saturn3D #saturn .infos,
.uranus3D #uranus .infos,
.neptune3D #neptune .infos {
  display: block;
  opacity: 1;
  transform: rotateX(0deg); }

.mercury3D #mercury.orbit,
.venus3D #venus.orbit,
.earth3D #earth.orbit,
.mars3D #mars.orbit,
.jupiter3D #jupiter.orbit,
.saturn3D #saturn.orbit,
.uranus3D #uranus.orbit,
.neptune3D #neptune.orbit {
  border: 1px solid rgba(255, 255, 255, 0.8); }

.hide-UI h1,
.hide-UI #dataSolar,
.hide-UI dl.infos,
.hide-UI #controls {
  opacity: 0!important;
  margin-top: -30px; }

.hide-UI #dataSolar {
  margin-bottom: -30px; }

.hide-UI .orbit {
  border: 1px solid rgba(255, 255, 255, 0.2) !important; }

h1 {
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8); }

h1 span, #navbar h1 a {
  display: inline;
  position: relative;
  padding: 0;
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5); }
}

#navbar, #controls, #dataSolar {
  background: rgba(0, 0, 0, 0.4); }

#navbar {
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px;
  width: 100%;
  height: 48px; }

#navbar a, #dataSolar a, #controls label {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  position: relative;
  text-decoration: none; }

#navbar a:hover, #dataSolar a:hover, #controls label:hover {
  color: #FFF; }

#dataSolar a.active {
  color: #0CF; }

#navbar a {
  position: absolute;
  top: 0;
  height: 48px;
  padding: 16px;
  font-size: 14px; }

#toggle-data {
  left: 0; }

#toggle-controls {
  right: 0; }

#dataSolar, #controls {
  z-index: 99;
  position: relative;
  opacity: 1;
  top: 49px;
  padding: 16px; }

.data-close #dataSolar {
  left: -100%; }

.data-open #dataSolar {
  left: 0px; }

.controls-close #controls {
  right: -100%; }

.controls-open #controls {
  right: 0px; }

#dataSolar a {
  margin-bottom: 1px;
  padding: 6px 10px;
  font-size: 18px; }

#controls label {
  opacity: .6;
  height: 24px;
  margin-bottom: 28px; }

#controls label:hover {
  opacity: 1; }

#controls label:before {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  text-align: center;
  color: #FFF;
  z-index: 99; }

#controls label span {
  display: block;
  margin-left: 36px;
  padding-top: 4px;
  font-size: 18px;
  color: #FFF; }

#controls input {
  display: block;
  appearance: none; }

#controls input[type="radio"]:before {
  content: '';
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid #FFF;
  border-radius: 16px; }

#controls input:checked[type="radio"]:after {
  content: '';
  display: block;
  top: 3px;
  margin-left: 3px;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #FFF;
  z-index: 99; }

#controls input[type="checkbox"]:before {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 22px;
  border: 2px solid #FFF;
  border-radius: 16px; }

#controls input[type="checkbox"]:after {
  content: '';
  display: block;
  top: 3px;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #FFF;
  z-index: 99; }

#controls label.set-view:before {
  font: bold small-caps 11px/20px sans-serif; }

.view-3D #controls label.set-view:before {
  content: '2D';
  margin-left: 82px; }

.view-2D #controls label.set-view:before {
  content: '3D';
  margin-left: 7px; }

.view-3D #controls .set-view input:after {
  margin-left: 3px; }

.view-2D #controls .set-view input:after {
  margin-left: 81px; }

#controls label.set-zoom:before {
  font: normal small-caps 18px/14px sans-serif; }

.zoom-large #controls label.set-zoom:before {
  content: '+';
  margin-left: 82px; }

.zoom-close #controls label.set-zoom:before {
  content: '-';
  margin-left: 7px; }

.zoom-large #controls .set-zoom input:after {
  margin-left: 3px; }

.zoom-close #controls .set-zoom input:after {
  margin-left: 81px; }

/* --------------------------------------------------------------------------- transitions */
.pos {
  transition-property: top, left; }

#solar-system3D, .orbit,
.planet3D,
.satelite,
.ring {
  transition-property: width, height, top, left, margin-left, margin-top, webkit-transform; }

#sun, .icon {
  transition-property: width, height, webkit-transform; }

#solar-system3D,
#sun,
.orbit,
.pos,
.planet3D,
.satelite,
.ring,
.infos,
.icon {
  transition-duration: .8s;
  transition-timing-function: ease-in-out; }

#solar-system3D,
#sun,
.planet3D,
.satelite,
.ring {
  transition-delay: 0s; }

.pos {
  transition-delay: 1s; }

.opening #solar-system3D,
.opening #sun,
.opening .orbit,
.opening .pos,
.opening .planet3D,
.opening .satelite,
.opening .ring,
.opening .infos,
.opening h1,
.opening #dataSolar,
.opening dl.infos,
.opening #controls {
  transition-duration: 0s;
  transition-delay: 0s; }

.opening .pos {
  transition-delay: 0s; }

h1, #dataSolar, #controls {
  transition-property: opacity, margin;
  transition-duration: .8s;
  transition-timing-function: ease-in-out; }

h1 {
  transition-delay: .35s; }

#dataSolar {
  top: 80%;
  position: absolute !important;
  display: inline-flex;
  transition-delay: .7s;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
 }

#controls {
  transition-delay: 1s; }

/* --------------------------------------------------------------------------- images */
.solar-3d{
  background: transparent !important;
}

#sun {
  background-image: url(data:image/png;base64,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); }

#mercury .planet3D {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAABGdBTUEAALGPC/xhBQAAADBQTFRFqqWjubWzoZyZjoiFqqWiu7e1nZaToZyarqmnAAAAq6Wi2tXSurSxy8bCxL670czJ3zIDEAAAAAp0Uk5TclBQUOvj+xCAAOCI6hkAAACSSURBVAjXAYcAeP8AmZeEbeWHmZAAmTSq7M2kKZAAk2rN7O7M4ZAAdKzf7f/s/nAAjt2+u7/f/YAAXf/7u/3vzlAA6uv/u97d/aAAasv+/93+3GAAz+//3t3+ymAAWr3f/93+7lAAjOzrv73f3oAAdKzLv/3t5XAAk6rM/87qopAAmTbOzOzGKZAAmZeErsWHmZDnbFcFNI0NnwAAAABJRU5ErkJggg==); }

#venus .planet3D {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAGBQTFRFnHlVuYpjfWdJpX5aqoFcu4xkm3lWjnFQj3JQdmNFhGxMk3RSmXhUqoFcq4JdgGlKr4VelHVSim9OvIxkon1ZvIxkvIxkvIxkvIxkvIxkvIxkvIxkvIxkvIxkAAAAvIxkls4uvQAAACB0Uk5Tm/1srVqO0Ycro9cNHcDU6ezowbzpv8Lgx8zq5dLbAOwHjDEIAAAB2UlEQVQoz12TiZbqMAiG49Zq16TZIAF5/7e8pLXOzMVjPfEr8EPAvE+b7g9fBGO63afvn+aEjxg51ZovJLz0z7/4AQk5FmYWNfLz9RceE2LKQkBCIlkwpWDGE49JsBR1IqkgtfkLhNv4wamdSymZcgIPO5YlbAd+6AFzjoBECSKwZA0lwfUNP/eXiQCIqQoCE2gCssE9FT+OYFoPqru0H9Aima17vc10UInY3HPBijH6iAJLcJO5f3CJCUBDFwCtC6RUDNvd+BNLSlgoJaoAiUplO2+90XYcwXPOFRGlUkvSLGyb4fSRBj5mxlqYmGvV0mpwqzm63Iw5A9TMKaZWt2jw1cgvQypau5TjlGYNjuUHq3Qp55kuLbePtdlFsj5V74E1I83d8DI6BtH7jJK91zuve4PJs6Z2iu+FPO36kteaFTPo61mvzK1XM3HxdGTLgE0W7wnssq3rZN63E2thfOhCjWFV2KtdqG09azMkPn+agErdsLYLffdWSJVXbeW3RBu6Ybgew3Rb2NfK+ily9ER9t2E7R9HMMxChDqo06XbpNk08fgfZdMuiHBVbq65uXV/jrzXouy4swS52CTtc+79L9Ow351yn3wZf/y1R27LrNqxDY9efFfwHiRFWry5LGJMAAAAASUVORK5CYII=); }

#earth .planet3D {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAGBQTFRFGDRdAyFNIDxkQld5CCZTIztsJD1lAAAArsblO230dJfgP2vUnLbbbovAOF2vN1GERnb0Un/yW3asWH3PeY+uhKfyYXaVjafNT2WNeJ3zv9f0nrzzX4rzkLHzrcjzbZX0L9IPbAAAAAh0Uk5TfSC49Uv+4wC/XoCAAAACEUlEQVQoz12T2WKrMAxECWDC4n1fZOv//7IiaXp760cOtkaj0fT8nHXe1LLEmJd5/fk4feDGGFPeR0U/5G39H290zXohhJUi+czY9gs/lhytsM4JvvPEebJZsccH3zSldDrX6uhw8jMl/+Y33nKWibdQChhTsDRzXdbm5Y1nla1LYxAwGjsChvPmcb7xGrMVrtemQdPB0ltt6C6Z80p4y164CxpqMMcBZdRWey9O2rg9p5VlIS5ttMGCiGFUgn20xoXP6zQrJd2JAKW83q11tF5Cb9zZPE9btPIcI5AmLKXXEfoIASGchLeJ5eTCKNA7GMReu8HR26AGLqnUxFRyF3U7aqFrpQVjXrXBOJGXKUexl5fgPsgzqjpIV2sAztk4ZZ/2gVBqfb8NJH/QwcC5j1P0KTU0UOttKrUHh8Y2qL/9jcUZAsCrJTwOHYyG3so3XrJNJ7U1Xn4UfWiAW1nrPPllmqk4v1lrRQMarQ2QPKonBNmyLlScGg1Ik6C6QG8XbA3P5NlKI6EonGHoA2gY5BwZVqAAReIeyXNlyvJ9DJpWozcPU8hzJFNsvAf6pIySOooDUBA6tRBCP5OUav4OE1NSXHu9nQ+kn9LiklXbTxSJS7fvt1kAx+Wc9H57/Aty9FImms3Or+uSBOPy+LUGc/RkT6KgO0lVY57/LpHKlEnrvacV+LtE7xVkSuW8bL9W8AvOdz8ZXmQqKAAAAABJRU5ErkJggg==); }

#earth .moon {
  background-color: white; }

#mars .planet3D {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAABGdBTUEAALGPC/xhBQAAAGBQTFRFsW89lWA2jVwzsm8+qGo72oVJrW08h1gxlWA15IpMrW09jlw0l2E2nGM3v3ZC3YdK3odKyHtE75BP8JFQ8JFQ8JFQ8JFQ8JFQw3hD8JFQ8JFQ8JFQ8JFQ8JFQ8JFQAAAAe3ooYQAAACB0Uk5Tk0+hrcTz6g7P5tkiYurz49bk79XR3vvm2PH26ezi2QCQ4vSgAAABm0lEQVQoz1VSWXaEMAzLLAw7ZHMSx0vvf8uaTtvX+icQYSRbch/vGrf7ftV0v43fV+59bNP+Oo6jtXAs0/YHWg1o4TxnqyG05bn+QOt0AUIRKWVV39qyvqF1f4VTFSqiZgWuerarz6D7KwyoqkI19k5UFYfjeUHbdJzEkLQS9cLCSELDsX24cVoCVYYMHXsphQk0Aw2v0W17OCv2CPwFIWnSBDAfmzOmSt0KmZhj1ZwERLU5N72GwsyIREwCKZtIsAe/uL3NpapW42ciMTWitXI8g9uDj/aCAEZoaqRHtf8ZmduPFAtW1kz2BWntXQRUo0FhTrVcKxLTZmNbi7Fd0NR8Vhsz5x6jZMHIrJrS3Nx98WAQ5lyJsXdGGxs0eeduS5Brs1+y2dZRe0EBajc3LuaHEKRks8qFIYrC0EZb79KM31qUbCO9l44mJWyXKY9mbMnkJzAeo0Ni/3hb+WynqDGkDJHNa/Okrd8BWJpPag1gHpdO5vL6G5tnC15rRBaI6sNj/Ru25Wjez3E+LTTbvxxaRB/PdtVj+4noJ91nOp3NTB6wAAAAAElFTkSuQmCC); }

#jupiter .planet3D {
  background-image: url(data:image/png;base64,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); }

#saturn .planet3D {
  background-image: url(data:image/png;base64,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); }

#uranus .planet3D {
  background-image: url(data:image/png;base64,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); }

#neptune .planet3D {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAABGdBTUEAALGPC/xhBQAAAGBQTFRFZoGyU2ybWHKiU2yZV3CgVm+eVm+dV3GhVG2bAAAAmLjslbbqk7ToZIO3aovBZ4e7cJTMkLHmbI/FYX+yXnusWnWlja7kiavhc5fRg6bdhqjfeZ3WgKTbdprUfqHZe5/XTjN33QAAAAp0Uk5T82DQILiggOhMAI3C2HIAAAPgSURBVEjHjZaLVqNAEEQxkoAmIAYIb/j/v9yuqp4BNetum8R4Dtfq6elX8vbE8kt6apsWdkov+bNHkp/QOWvbpqlhTQM6O+f/5F4Mag0qPmSFwUBffuXyLEBleaeVpaNZ/lfuNTWoMMSYqur7pTerqjtQI9PX51yekSICW2DTsvTV/U7yKLlzFxP7gJIAMZPZAlSal5/cuW0oFigA9t62jSi9bdrzdw4YKTw6TfrcgNkX+wpvywOYRCcd29YNLzy+8su6umRvYB1cFZfjbMD4FF6rPmR0lr6aYr5zrxmxBWpusz7nnQNYlUWbvUYubS2ScjJgMxD/2MH+/lG3aeByHs6xmTaY2R/DwL94UESnj56Co5cW/wM2DuMo3N5z8NWyB4KZuJe2LuglqIEUbNhtlq/IuwqCL+SypvDDyb9h6Dqj8BpHvgdydoc6YZOBy1t5KTnY2BkI6/gDZXELr988zY07Q245yAE7GhQRG+QPU7VozsbRzckxONZ1j91cGorh9o3L3hK6aVm5Omfe2eOfZvglshsV1G0Ld5gnF7qJpJoVC8p93m4gRUNS14iaWsBdkvToJgQld7uRjCDzgLVojtZNmpwQTXDrzn2Cu15vDhvIE+p8POAp0S2Qm3l1D9e7wggqOkrThQdsWnJL5HAH0rte39/fAUZuVmB6BibohXtwvZu4d+eMHDzXvnKLH5B3/l3vU5hu8AvXRy44+lWvG0NuH7gi6s2Bo6PCwHVDyG1dfCHO7h2NyxMmCN5iOJVpIWFUSsmpcS4mWoioru/xCAmq3BZ3snypwcWL8JuHIl4Pcp37OakgrMckFwsMywh+oikMI2/iEbIsFgTzs1dYLlYPTShbNbChe8RCwuEcw/mm2Clyrz8JsuMOLNZDAVLMK16cdSbVu2W2WrvVYaz3HTMvvFH47Z3VX4qyNykLjY2gNQR1bxPhCryK2EHZzyyi08YjTmjP86HJhCYhrj/0M+ufjIwlG2OqQhyjDfHqvPhq75+MjA0jVu+ssA7sGV/a7jSFbpbF+aCxogGxBXBW9/agqH169wzzyMeY0m3dfEqEoUQnUOmSS4/zT9OWU5qp6hMmjsItrAfNYf5xkn0I3CaN5n1qhoLlblA3+ff57iCig55+mNUcfhzTdXP5sU94cBZ2rYnbhLQnbjEVl5/zk/0Faw9Kaln21Wfa1KQxh57tL9qXdI991UdQ/4ar1vN9Ke5nZRkWNC5pKPAKa6GlV/7LPlhD1Ha7SssgpAyCj3/bB+P+GdfP0n7ugGzx/WX/9H0XO3Khfdd+FVhbm3/su0/2a9uw/2e/3vf59td9/g/87+wnzrJ1rQAAAABJRU5ErkJggg==); }

/* --------------------------------------------------------------------------- responsive styles */
@media screen and (max-width: 299px) {
  #universe {
    font-size: 20%; } }
@media screen and (min-width: 300px) {
  #universe {
    font-size: 24%; } }
@media screen and (min-width: 500px) {
  #universe {
    font-size: 36%; } }
@media screen and (min-width: 600px) {
  #universe {
    font-size: 44%; } }
@media screen and (min-width: 760px) {
  #universe {
    font-size: 58%; } }
@media screen and (min-width: 1000px) {
  #universe {
    font-size: 73%; }

  #navbar, #controls, #dataSolar {
    background: transparent; }

  #navbar a {
    display: none; }

  h1 {
    font-size: 22px;
    margin-top: 8px; }

  #controls {
    padding-right: 32px;
    top: 12px; }

  #dataSolar {
    position: relative;   
    width: 100%;
    text-align: center; }

  #dataSolar a {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    padding: 15px 15px; }

  .data-open #dataSolar, .data-close #dataSolar {
    left: 0px; }

  .controls-open #controls, .controls-close #controls {
    right: 0px; } }
@media screen and (min-width: 1300px) {
  #universe {
    font-size: 100%; } }
@media screen and (min-width: 1600px) {
  .zoom-close .scale-d #solar-system3D {
    margin-left: -120%; } }


    
    .hdq_quiz_start.hdq_button{
    display: inline-block;
    margin: 0 auto;
    padding: 12px 22px 12px 22px;
    text-align: center;
    border: 1px solid #00b19d !important;
    background: #00031B !important;
    color: #fff !important;
    text-transform: uppercase !important;
    cursor: pointer;

  }

  .planet_description a button.btn_more1{
    background: #00031B !important;
  }