@charset "UTF-8";

/* CSS Document */

@font-face {
  font-family: 'Catull-Regular';
  src: url('../fonts/CatullExpertBQ-RegularOsF.eot?#iefix') format('embedded-opentype'),  url('../fonts/CatullExpertBQ-RegularOsF.otf')  format('opentype'),
	     url('../fonts/CatullExpertBQ-RegularOsF.woff') format('woff'), url('../fonts/CatullExpertBQ-RegularOsF.ttf')  format('truetype'), url('../fonts/CatullExpertBQ-RegularOsF.svg#Catull-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Catull-Italic';
  src: url('../fonts/CatullExpertBQ-ItalicOsF.eot?#iefix') format('embedded-opentype'),  url('../fonts/CatullExpertBQ-ItalicOsF.otf')  format('opentype'),
	     url('../fonts/CatullExpertBQ-ItalicOsF.woff') format('woff'), url('../fonts/CatullExpertBQ-ItalicOsF.ttf')  format('truetype'), url('../fonts/CatullExpertBQ-ItalicOsF.svg#Catull-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Catull-Medium';
  src: url('../fonts/CatullExpertBQ-MediumOsF.eot?#iefix') format('embedded-opentype'),  url('../fonts/CatullExpertBQ-MediumOsF.otf')  format('opentype'),
	     url('../fonts/CatullExpertBQ-MediumOsF.woff') format('woff'), url('../fonts/CatullExpertBQ-MediumOsF.ttf')  format('truetype'), url('../fonts/CatullExpertBQ-MediumOsF.svg#Catull-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'BauPro-Super';
  src: url('../fonts/BauPro-Super.eot?#iefix') format('embedded-opentype'),  url('../fonts/BauPro-Super.woff') format('woff'), url('../fonts/BauPro-Super.ttf')  format('truetype'), url('../fonts/BauPro-Super.svg#BauPro-Super') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lydian_cursive';
  src: url('../fonts/lydian_cursive.eot?#iefix') format('embedded-opentype'),  url('../fonts/lydian_cursive.woff') format('woff'), url('../fonts/lydian_cursive.ttf')  format('truetype'), url('../fonts/lydian_cursive.svg#lydian_cursive') format('svg');
  font-weight: normal;
  font-style: normal;
}




::-moz-selection {
    background:#fff0ee;
    color:#fff0ee
}

::selection {
    background:#fff0ee;
    color:#fff0ee
}

html,body {
    position:relative;
    height:100%;
    width:100%;
    padding:0;
    margin:0;
}

.link {
    text-decoration:none;
    color:inherit;
    width:auto;
}

.link a {
    text-decoration:none;
    color:inherit;
    font-family:inherit
}

.link:hover {
}


 /* ----------------------------------------------- RAIN --------------------------------------------- */


 #flood {
     width:100%;
     height:0px;
     bottom: 0px;
     position: absolute;
     bottom: 0;
     margin: 0 auto;
     z-index: 999;
     background: rgb(220, 232, 247);
     /* Old browsers */
     background: -moz-linear-gradient(top, rgba(220, 232, 247, 1) 0%, rgba(255, 240, 238, 1) 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(220, 232, 247, 1)), color-stop(100%, rgba(255, 240, 238, 1)));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, rgba(220, 232, 247, 1) 0%, rgba(255, 240, 238, 1) 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, rgba(220, 232, 247, 1) 0%, rgba(255, 240, 238, 1) 100%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, rgba(220, 232, 247, 1) 0%, rgba(255, 240, 238, 1) 100%);
     /* IE10+ */
     background: linear-gradient(to bottom, rgba(220, 232, 247, 1) 0%, rgba(255, 240, 238, 1) 100%);
     /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dce8f7', endColorstr='#FFECEC
', GradientType=0);
     /* IE6-9 */
 }
 
.drop {
    top:-50px;
    position:absolute;
    opacity:0
}

#rainBox {
    width:100%;
    height:100%;
    margin:auto;
    background-color:#FFECEC;
    position:relative;
    overflow:hidden;
    animation:fadein 2s;
    -moz-animation:fadein 2s;
    -webkit-animation:fadein 2s;
    -o-animation:fadein 2s
}

 /* ----------------------------------------------- CONTENT --------------------------------------------- */


#contentwrapper {
    width:100%;
    height:100%;
    bottom:0;
    position:fixed;
    z-index: 999999;
    animation:fadein 2s;
    -moz-animation:fadein 2s;
    -webkit-animation:fadein 2s;
    -o-animation:fadein 2s;
    text-align: center;
    align-content: center;
}

.header {
    top: 0;
    color:#FFF;
    font-family:'Catull-Medium';
    font-size:240px;
    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
    width: 100%;
}

@media (max-width: 30em) and (min-width: 20em) { 
	.header {
    top: 120px;
    color:#FFF;
    font-family:'Catull-Medium';
    font-size:70px;
    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
    width: 100%;
}
}

@media (max-width: 80em) and (min-width: 30em) { 
	.header {
    top: 120px;
    color:#FFF;
    font-family:'Catull-Medium';
    font-size:180px;
    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
    width: 100%;
}
}

.countdown {
	color:#FFF;
    font-family:'Catull-Regular';
    font-size:40px;
    text-align: center;
    margin-bottom: 10%;
}

@media (max-width: 30em) and (min-width: 20em) { 
.countdown {
	color:#FFF;
    font-family:'Catull-Regular';
    font-size:20px;
    text-align: center;
    margin-bottom: 10%;
}
}

 /* ----------------------------------------------- FORM --------------------------------------------- */

.mc-field-group {
	width: 100%;
	position: absolute;
    bottom: 5%;
	margin-left: auto;
	margin-right: auto;
	align-content: center;
}

.text_box {
    width:350px;
    color:#FFF;
    text-align:left;
    font-family:'Catull-Regular';
    padding:17px;
    margin:0px 20px 10px 0px;
    font-size:40px;
    outline:none;
    background-color:transparent;
    cursor:text;
    float:inherit;
    display:inline block;
    position:relative;
    -webkit-appearance: none;
	-webkit-border-radius: 0;
}

@media (max-width: 30em) and (min-width: 20em) { 
.text_box {
    width:200px;
    color:#FFF;
    text-align:left;
    font-family:'Catull-Regular';
    padding:10px;
    margin:0px 10px 0px 0px;
    font-size:20px;
    outline:none;
    background-color:transparent;
    cursor:text;
    float:inherit;
    display:inline block;
    position:relative;
    -webkit-appearance: none;
	-webkit-border-radius: 0;
}
}

.text_box:focus {
  background-color:#dce8f7 !important;
    color: #fff !important;
   /* -- -moz-box-shadow: 0 0 1em #FFF;
    -webkit-box-shadow: 0 0 1em #FFF;
    -webkit-animation-name:boxPulse; --- */
    -webkit-animation-duration:.2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-delay:.2s;
    -webkit-transition:.2s ease;
    -moz-transition:.2s ease;
    -o-transition:.2s ease;
    -ms-transition:.2s ease;
    transition:.2s ease
}

input {
    border:1px solid #FFF;
    margin-left:0;
    padding:0
}

input[type="submit"] {
    padding:0
}

/*.text_box:hover {
	-webkit-transform: rotate(-180deg); 
	-moz-transform: rotate(-180deg); 
	-o-transform: rotate(-180deg); 
}
*/
.text_box:focus {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg)
}

#mc-embedded-subscribe {
    border:1 solid #FFF;
    color:#FFF;
    text-align:center;
    font-size:50px;
    position: relative;
    width:81px;
    height:81px;
    outline:none;
    top: 6px;
    background-color:transparent;
    cursor:hand;
    display:inline-block;
    -webkit-appearance: none;
	-webkit-border-radius: 0;
}

@media (max-width: 30em) and (min-width: 20em) {
	#mc-embedded-subscribe {
    border:1 solid #FFF;
    color:#FFF;
    text-align:center;
    font-size:30px;
    position: relative;
    width:45px;
    height:46px;
    outline:none;
    top: 5px;
    background-color:transparent;
    cursor:hand;
    display:inline-block;
    -webkit-appearance: none;
	-webkit-border-radius: 0;
}
}

.submitwrapper {
    display:inline-block;
    position:relative;
}

.formwrapper {
}

.submit_box:hover {
    background-color:#dce8f7 !important;
    color: #fff !important;
    -webkit-animation-delay:.2s;
    -webkit-transition:.2s ease;
    -moz-transition:.2s ease;
    -o-transition:.2s ease;
    -ms-transition:.2s ease;
    transition:.2s ease;
}

.submit_box:active {
   /* --  -moz-box-shadow: 0 0 1em #FFF;
    -webkit-box-shadow: 0 0 1em #FFF;
    -webkit-animation-name:boxPulse; --*/
    -webkit-animation-duration:.2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-delay:.2s;
    -webkit-transition:.2s ease;
    -moz-transition:.2s ease;
    -o-transition:.2s ease;
    -ms-transition:.2s ease;
    transition:.2s ease
}


#mce-responses {
	font-family:'lydian_cursive';
	font-size: 13px;
	color: #214080;
	width: 100%;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	align-content: center;
}




 /* ----------------------------------------------- ANIMATION KEYFRAMES --------------------------------------------- */

@keyframes fadein {
from {
    opacity:0
}

to {
    opacity:1
}
}

@-moz-keyframes fadein {
/* Firefox */
from {
    opacity:0
}

to {
    opacity:1
}
}

@-webkit-keyframes fadein {
/* Safari and Chrome */
from {
    opacity:0
}

to {
    opacity:1
}
}

@-o-keyframes fadein {
/* Opera */
from {
    opacity:0
}

to {
    opacity:1
}
}