html,button,input,select,textarea {
color: #222
}
body {
font-size: 1em;
line-height: 1.4
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none
}
::selection {
background: #b3d4fc;
text-shadow: none
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
img {
vertical-align: middle
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
textarea {
resize: vertical
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0
}
* {
margin: 0;
padding: 0;
outline: 0
}
body,html {
height: 100%;
width: 100%
}
body {
overflow: hidden;
padding: 0;
margin: 0;
height: 100%;
width: 100%
}
.clear {
clear: both
}
p {
margin: 10px;
padding: 0;
letter-spacing: 0px
}
#Background-Image {
width: 100%;
height: 100%;
position: absolute;
z-index: -1
}
a img {
border: 0
}
#wrapper {
position: absolute;
z-index: 5;
overflow: auto;
height: 100%;
width: 100%
}
.clear {
clear: both
}
body {
font-size: 18px;
line-height: 26px;
font-family: 'Open Sans', sans-serif;
color: #555555;
min-width: 480px
}
#cont {
position: relative;
top: 100px;
width: 600px;
margin: 0 auto
}
header p,#box .Headline,#box p,#countdown-container p,#footer p.note,#footer p.legal {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word
}
header {
width: 600px;
margin: 0 auto;
text-align: center
}
header .header-image {
margin: 0;
padding: 0;
display: inline-block;
width: 285px;
vertical-align: middle
}
header p {
width: 266px;
text-align: left;
display: inline-block;
vertical-align: middle;
font-weight: normal;
color: #2D9ADF;
font-size: 28px;
line-height: 30px;
margin: 25px 0;
padding: 0 0 0 40px;
letter-spacing: -1.5px
}
header p a {
color: #39A0E1;
text-decoration: underline
}
.arrow-up {
position: absolute;
top: 9px;
width: 0;
height: 0;
margin-left: 457px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid white;
z-index: 20
}
#box {
position: relative;
width: 600px;
margin: 0 auto;
z-index: 2;
padding-top: 29px
}
#Box-Top {
position: relative;
background: #fff;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
padding: 24px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
z-index: 1
}
#Box-Bottom {
position: relative;
background: #2792D6 url('bg1.png') top left repeat;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
z-index: 0
}
#box .Headline {
margin: 0 auto;
padding: 0px 30px 5px;
font-size: 24px;
color: #39A0E1;
text-align: center;
font-weight: 600;
letter-spacing: -.5px
}
#box .Headline a {
color: #39A0E1;
text-decoration: underline
}
#box p {
/*font-size: 22px;*/
text-align: center;
font-weight: 300;
/*font-weight: 100\9;
*font-weight: 100;*/
letter-spacing: -.5px;
color: #777777;
padding: 0px;
margin: 0
}
#box p a {
color: #777777;
text-decoration: underline
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
#box p {
letter-spacing: -1px
}
}
#box #countdown-container {
position: relative;
margin: 0;
background: #2792D6 url('bg1.png') top left repeat;
text-align: center
}
@-moz-document url-prefix() {
#box #countdown-container {
padding: 0
}
}
#countdown-container .launch-text {
width: 30%;
margin: 5px 0 0 5px;
display: inline-block;
line-height: 22px;
padding: 20px;
font-size: 24px;
color: #ffffff;
text-align: left;
float: left
}
#timer {
width: 62%;
display: inline-block;
position: relative;
margin: 0
}
ul.countdown {
list-style: none;
margin: 0px 0;
padding: 5px;
display: block;
text-align: center;
width: 300px;
/*height: 90px;*/
font-weight: bold;
}
ul.countdown li {
display: inline-block;
}
ul.countdown li span {
font-size: 40px;
line-height: 40px;
}
ul.countdown li.seperator {
font-size: 40px;
line-height: 35px;
vertical-align: top;
}
ul.countdown li p {
color: #a7abb1;
font-size: 16px;
margin: 10px 0px;
}
/**/
ul.countdown li.countdown_time{
color: #FFF;
border-radius: 6px;
background-color: #1099c6;
width: 50px;
height: 66px;
/*padding: 5px 5px;*/
font-size: 40px;
font-weight: 700;
}
li.seperator{
color:#1099c6;
}
#form {
width: 100%;
text-align: center
}
.field-holder {
display: block;
width: 100%;
vertical-align: top
}
.name {
margin-right: 8px
}
.email,
.name {
display: inline-block;
height: 50px;
width: 55%;
background: #ededed;
border-radius: 4px;
box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.1);
border: none;
color: #999999;
font-size: 18px;
font-style: italic;
padding: 0px 12px;
line-height: 50px\9;
*line-height: 50px;
vertical-align: top;
margin-right: 5px
}
.fluidText {
width: 25%
}
#wrapper .video-holder {
float: none;
clear: both;
/*width: 100%;*/
position: relative;
/*background: #2792D6 url('bg1.png') top left repeat;*/
padding-bottom: 59.25%;
height: 0px;
}
#wrapper .video-holder iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.submit1 {
-webkit-box-shadow: 0px 1px 0px 0px rgba(250, 250, 250, 0.6) inset, 0px -1px 0px 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 1px 0px 0px rgba(250, 250, 250, 0.6) inset, 0px -1px 0px 1px rgba(0, 0, 0, 0.1) inset;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fce446), color-stop(1, #efcc32));
background: -moz-linear-gradient(center top, #fce446 5%, #efcc32 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fce446', endColorstr='#efcc32');
background-color: #fce446;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 0px 0px 5px 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
display: table-cell;
*display: inline-block;
color: #a48700;
font-size: 26px;
font-weight: bold;
padding: 18px 20px;
text-decoration: none;
text-align: center;
max-width: 750px;
width: 750px;
overflow: hidden;
min-height: 50px;
vertical-align: middle
}
.submit1:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #efcc32), color-stop(1, #fce446));
background: -moz-linear-gradient(center top, #efcc32 5%, #fce446 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#efcc32', endColorstr='#fce446');
background-color: #efcc32
}
#form p {
font-size: 22px;
font-weight: bold;
margin-left: 0px;
width: 100%;
text-align: center;
font-weight: 600;
text-decoration: none;
max-width: 100%;
height: auto;
letter-spacing: -0.50px;
cursor: pointer;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
color: #a48700;
border-radius: 2px;
letter-spacing: 1px
}
#footer {
position: relative;
width: 600px;
margin: 0px auto;
padding-top: 10px;
color: #fff;
font-size: 14px;
z-index: 20;
text-align: center
}
#footer p.legal {
width: 600px;
position: relative;
text-align: center;
margin-top: 5px;
z-index: 20
}
#footer p.note {
width: 600px;
position: relative;
text-align: center;
margin-top: 12px;
z-index: 20
}
.cta-link {
margin: 5px auto 30px auto;
letter-spacing: .5px
}
.cta-link a {
font-family: "Source Sans Pro";
color: #ffef83;
font-size: 18px;
font-weight: 100
}
#footer p a {
color: #fff;
text-decoration: underline
}
#footer b {
color: #2792D6
}
#footer span {
font-size: 16px;
color: #fce447;
background;
text-decoration: underline;
padding: 10px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 5px 5px 5px 5px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)
}
@media only screen and (max-width: 650px) {
#cont {
top: 10px
}
#cont,
header,
#box,
#footer {
width: 94%;
margin: 0 auto
}
header #Logo-Image {
float: none;
display: block;
margin: 0 auto
}
header p {
padding-left: 0;
margin: 0 auto;
float: none;
text-align: center
}
.email,
.name {
width: 90%;
display: block;
margin: 0 auto
}
.submit {
margin: 10px auto 0 auto;
margin-top: 10px;
display: block
}
#Box-Bottom {
background: #2792D6 url('bg1.png') repeat left top
}
#countdown-container .launch-text {
width: 100%;
text-align: center;
margin: 0;
padding: 0;
margin-bottom: 20px
}
#timer {
width: 380px;
display: block;
margin: 0 auto
}
.arrow-up {
margin-left: 150px
}
#footer p.legal,
#footer p.note {
width: 100%;
margin: 0 auto
}
#box p {
margin-left: 30px;
margin-right: 30px
}
.submit {
width: 70%
}
header p {
width: 100%
}
.fluidText {
margin-top: 5px;
margin-left: 5px
}
#form p {
font-size: 21px;
margin: 5px 5px 5px 5px
}
@media only screen and (max-width: 480px) {
#Logo-Image{
max-width: 240px !important;
}
#Box-Top{
padding:10px;
}
#box .Headline {
padding: 0px 10px 5px;
}
#box p {
margin-left: 5px;
margin-right: 5px;
}
#timer {
width: 230px
}
header #logo {
width: 200px
}
header p {
font-size: 24px
}
#form{
margin-top: 43px;
}
.submit1{
font-size: 20px;
padding: 13px 20px;
}
#form p {
font-size: 20px;
margin: 5px 5px 5px 5px
}
.ui-editable-video{
max-height: 205px !important;
}
ul#countdown li{
width: 40px;
}
#Box-Bottom{
display: none;
}
#footer p.note, #footer p.legal{
white-space: normal;
}
}
@media only screen and (max-width: 350px) {
.arrow-up {
margin-left: 70%
}
}
@media only screen and (max-width: 280px) {
#cont, header, #box, #footer {
width: 257px;
margin: 0 auto
}
}
}
.fb_hidden {
position: absolute;
top: -10000px;
z-index: 10001
}
.fb_invisible {
display: none
}
.fb_reset {
background: none;
border: 0;
border-spacing: 0;
color: #000;
cursor: auto;
direction: ltr;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
margin: 0;
overflow: visible;
padding: 0;
text-align: left;
text-decoration: none;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-spacing: normal
}
.fb_reset>div {
overflow: hidden
}
.fb_link img {
border: none
}