@charset "utf-8";
     /* CSS Document */ @import url(http: //fonts.googleapis.com/css?family=Dosis:400, 500, 800);
     /* === GENERAL === */ body  {
     font-family:  "Dosis",  sans-serif;
     background-color:  #E9E9E9;
     margin:  0;
 }
 #wrap  {
     width:  800px;
     height:  500px;
     margin: 0 auto;
     text-align:  center;
     padding:  0;
     padding-top:  120px;
 }
 #timer  {
     margin: 0 auto;
     text-align:  center;
 }
 /* === HEADER === */ #header  {
     margin-top:  400px;
     color:  #999;
     line-height:  25px;
 }
 #logo  {
     position:  absolute;
     text-align:  center;
     width:  800px;
     margin-top:  200px;
 }
 #logo img  {
     display:  inline;
 }

 #header h1  {
     font-size:  60px;
     font-weight:  500;
     margin-bottom:  18px;
     color:  #797979;
     text-shadow:  1px 1px 1px white;
     line-height:  normal;
 }
 #header a { color: #5da0d2; }
 #topwrap  {
     height:  470px;
     margin-top:  -40px;
     width:  100%;
     background-color:  #F1F1F1;
     border-bottom:  1px solid #CCC;
 }
 /* === EMAIL SUBSCRIPTION FORM === */ .email-subscribe  {
     width:  600px;
     height:  50px;
     margin: 0 auto;
     background-color:  #F1F1F1;
     border-radius:  6px;
     padding:  10px;
     margin-top:  330px;
     border:  1px solid #CCC;
     box-shadow:  0px 1px 2px #CCC,  0px 1px 1px white inset;
 }
 .signup  {
     width:  28%;
     height:  50px;
     float:  right;
     background-color:  #F1F1F1;
     border-radius:  3px;
     margin-top:  -50px;
     display:  none;
     -webkit-box-sizing:  border-box;
     -moz-box-sizing:  border-box;
     box-sizing:  border-box;
     text-align:  center;
     line-height:  50px;
     color:  #797979;
     transition:  width 2s ease;
     -webkit-transition:  width 2s ease;
 }
 .signup-waiting  {
     background-image:  url("../images/ajax-loader.gif");
     background-repeat:  no-repeat;
     background-position:  center;
 }
 .signup-error  {
     background-color:  red;
     color:  white;
     background-image:  -ms-linear-gradient(top,  #FF6161 0%,  #FF0000 100%);
     background-image:  -moz-linear-gradient(top,  #FF6161 0%,  #FF0000 100%);
     background-image:  -o-linear-gradient(top,  #FF6161 0%,  #FF0000 100%);
     background-image:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #FF6161),  color-stop(1,  #FF0000));
     background-image:  -webkit-linear-gradient(top,  #FF6161 0%,  #FF0000 100%);
     background-image:  linear-gradient(to bottom,  #FF6161 0%,  #FF0000 100%);
 }
 .signup-success  {
     background-color:  green;
     width:  100%;
     color:  white;
     background-image:  -ms-linear-gradient(top,  #10DE25 0%,  #24A10C 100%);
     background-image:  -moz-linear-gradient(top,  #10DE25 0%,  #24A10C 100%);
     background-image:  -o-linear-gradient(top,  #10DE25 0%,  #24A10C 100%);
     background-image:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #10DE25),  color-stop(1,  #24A10C));
     background-image:  -webkit-linear-gradient(top,  #10DE25 0%,  #24A10C 100%);
     background-image:  linear-gradient(to bottom,  #10DE25 0%,  #24A10C 100%);
 }
 .enteremail  {
     height:  50px;
     padding-left:  20px;
     padding-right:  20px;
     width:  70%;
     font-family:  "Dosis",  sans-serif;
     outline:  none;
     border:  none;
     border-radius:  3px;
     background-color:  #E9E9E9;
     color:  #797979;
     font-size:  16px;
     float:  left;
     -webkit-box-sizing:  border-box;
     -moz-box-sizing:  border-box;
     box-sizing:  border-box;
     border:  1px solid #CCC;
 }
 .enteremail:focus  {
     box-shadow:  0px 1px 5px #CCC inset;
 }
 .email-subscribe input[type='submit']  {
     width:  28%;
     height:  50px;
     background-color:  #497689;
     outline:  none;
     float:  right;
     font-family:  "Dosis",  sans-serif;
     font-size:  16px;
     border:  none;
     border-radius:  3px;
     color:  white;
     background-image:  -ms-linear-gradient(bottom,  #65A2BD 0%,  #9AD0DE 100%);
     background-image:  -moz-linear-gradient(bottom,  #65A2BD 0%,  #9AD0DE 100%);
     background-image:  -o-linear-gradient(bottom,  #65A2BD 0%,  #9AD0DE 100%);
     background-image:  -webkit-gradient(linear,  left bottom,  left top,  color-stop(0,  #65A2BD),  color-stop(1,  #9AD0DE));
     background-image:  -webkit-linear-gradient(bottom,  #65A2BD 0%,  #9AD0DE 100%);
     background-image:  linear-gradient(to top,  #65A2BD 0%,  #9AD0DE 100%);
     cursor:  pointer;
     -webkit-box-sizing:  border-box;
     -moz-box-sizing:  border-box;
     box-sizing:  border-box;
     border:  1px solid #999;
 }
 .email-subscribe input[type='submit']:active  {
     padding-top:  5px;
     background-image:  -ms-linear-gradient(top,  #65A2BD 0%,  #9AD0DE 100%);
     background-image:  -moz-linear-gradient(top,  #65A2BD 0%,  #9AD0DE 100%);
     background-image:  -o-linear-gradient(top,  #65A2BD 0%,  #9AD0DE 100%);
     background-image:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #65A2BD),  color-stop(1,  #9AD0DE));
     background-image:  -webkit-linear-gradient(top,  #65A2BD 0%,  #9AD0DE 100%);
     background-image:  linear-gradient(to bottom,  #65A2BD 0%,  #9AD0DE 100%);
 }
 /* === SOCIAL MEDIA BAR === */ .social-container  {
     margin-top:  40px;
 }
 .social  {
     display:  inline-block;
     text-decoration:  none;
     color:  #797979;
     width:  50px;
     height:  50px;
     background-color:  #F1F1F1;
     border:  1px solid #CCC;
     border-radius:  3px;
     box-shadow:  0px 1px 2px #CCC,  0px 1px 1px white inset;
     background-repeat:  no-repeat;
     background-position:  center;
     margin-right:  15px;
 }
 .social.twitter  {
     background-image:  url("../images/twitter.png");
 }
 .social.facebook  {
     background-image:  url("../images/facebook.png");
 }
 .social.googleplus  {
     background-image:  url("../images/gplus.png");
 }
 .social.linkedin  {
     background-image:  url("../images/linkedin.png");
 }
 .social.tumblr  {
     background-image:  url("../images/tumblr.png");
 }
 .social.pinterest  {
     background-image:  url("../images/pinterest.png");
 }
 .social.vimeo  {
     background-image:  url("../images/vimeo.png");
 }
 .social.youtube  {
     background-image:  url("../images/youtube.png");
 }
 .social.flickr  {
     background-image:  url("../images/flickr.png");
 }
 .social.email  {
     background-image:  url("../images/email.png");
 }
 .social:hover  {
     box-shadow:  0px 1px 2px #CCC inset,  0px 1px 1px white;
 }
 .social:active  {
     box-shadow:  0px 2px 5px #999 inset,  0px 1px 1px white;
 }
 /* === CSS ANIMATIONS === */ /* Animation that plays on page load,  whereby everything except countdown gradually fades in */ @keyframes fadeIn  {
     0%  {
     opacity:  0;
 }
 50%  {
     opacity:  0;
 }
 100%  {
     opacity:  1;
 }
 }
 @-webkit-keyframes fadeIn  {
     0%  {
     opacity:  0;
 }
 15%  {
     opacity:  0;
 }
 100%  {
     opacity:  1;
 }
 }
 /* If you don't want to use the animation,  remove the following code: */ #header,  .email-subscribe,  .social-container  {
     animation:  fadeIn 4s ease;
     -webkit-animation:  fadeIn 4s ease;
 }