/*normalize*/

div.sessionstudio {
    bottom: 0;
    float: right;
    margin-right: 15px;
    position: fixed;
    right: 0;
    z-index: 2147483647;
}

div.sessionstudio a {
    color: #4D4D4D;
}
[hidden] {display:none}
html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea {font-family:sans-serif}
body {margin:0}
a:focus {outline:thin dotted}
a:active,a:hover {outline:0}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0}
h1 {font-size:2em}
h2 {font-size:1.5em}
h3 {font-size:1.17em}
h4 {font-size:1em}
h5 {font-size:0.83em}
h6 {font-size:0.75em}
abbr[title] {border-bottom:1px dotted}
b,strong {font-weight:bold}
blockquote {margin:1em 40px}
dfn {font-style:italic}
mark {background:#ff0;color:#000}
p,pre {margin:1em 0}
code,kbd,pre,samp {font-family:monospace,serif;font-size:1em}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q {quotes:none}
q:before,q:after {content:'';content:none}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}
dl,menu,ol,ul {margin:1em 0}
dd {margin:0 0 0 40px}
menu,ol,ul {padding:0}
nav ul,nav ol {list-style:none;list-style-image:none}
img {border:0;-ms-interpolation-mode:bicubic}
svg:not(:root) {overflow:hidden}

.l-main {
  left:50%;
  margin:0 0 0 -250px;
  position:absolute;
  text-align:center;
  top:0;
  width:520px;
  z-index:100;
}
.cntDigit {
  background-image:url("../i/digits.png") !important;
}
.cntSeparator {
  color:#818275;
  font-size:54px;
  margin:5px 7px;
  text-shadow:0 2px 2px #000;
}
.comet {
  position:absolute;
  right:-400px;
  top:-40%;
}
.countdown {
  margin:40px 0 0;
  text-align:center;
}
.bg-layer {
  position:absolute;
  width:100%;
}
.bg-layer-stars {
  height:120%;
  opacity:.4;
  width:120%;
}
.bg-layers {
  height:100%;
  list-style:none none outside;
  margin:0;
  padding:0;
  position:relative;
  width:100%;
  z-index:5;
}
.earth {
    background:                 url("../i/planet.png") no-repeat scroll 0% 0% transparent;
    height:                     784px;
    left:                       50%;
    margin:                     -392px 0px 0px -392px;
    position:                   absolute;
    width:                      784px;
    animation:                  100s ease 0s normal none infinite rotate;
    -webkit-animation:          100s ease 0s normal none infinite rotate;
    transform-origin:           50% 50% 0px;
    -moz-transform-origin:      50% 50% 0px;
    -webkit-transform-origin:   50% 50% 0px;
    -o-transform-origin:        50% 50% 0px;
    z-index:                    100;
    top:                        60%;
}


.shuttle-wrap {
  display:block;
  height:39px;
  left:40%;
  margin:20px 0 0 -400px;
  position:absolute;
  top:100%;
  width:50px;
  z-index:9999;
   -o-animation:rotate 180s 0 normal infinite;
  -o-transform-origin:400px 0;
  -ms-animation:rotate 180s 0 normal infinite;
  -ms-transform-origin:400px 0;
  -moz-animation:rotate 180s 0 normal infinite;
  -moz-transform-origin:400px 0;
  -webkit-animation:rotate 180s 0 normal infinite;
  -webkit-transform-origin:400px 0;
  animation:rotate 180s infinite normal;
  transform-origin:400px 0;
}
.shuttle {
  background:url("../i/shuttle.png") no-repeat;
  display:block;
  height:39px;
  width:50px;
    -o-animation:rotate 30s 0 normal infinite;
  -o-transform-origin:50%;
  -ms-animation:rotate 30s 0 normal infinite;
  -ms-transform-origin:50%;
  -moz-animation:rotate 30s 0 normal infinite;
  -moz-transform-origin:50%;
  -webkit-animation:rotate 30s 0 normal infinite;
  -webkit-transform-origin:50%;
  animation:rotate 30s infinite normal;
  transform-origin:50%;
  z-index:9999;
}


@-o-keyframes rotate{
  0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
  0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
  0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotate{
  0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}