/* CSS Document */
html, html a {
    -webkit-font-smoothing: antialiased !important;
}
body {
    
    padding:0;margin:0;
    height:100%;width:100%;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    background: #fff url(img/bg-1.jpg) !important;
    -webkit-font-smoothing: antialiased !important;
}

h1, h2, h3, h4 {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
margin: 0;
font-weight: 300;
color: #FFF !important;
}

p {
color: #fff !important;
}

a, input {
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #fff;
}

.email-input {
    border: none;
    border-bottom: 3px solid #fff;
    transition: all 1s ease;
    text-align: center;
    
    
    background: none;
    
    margin-bottom:30px;
        width: 300px;
    margin-top: 30px;
    font-size: 25px;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
}

#enter-button .submit-button {
    width: 150px;
    /* border: 1px solid #fff; */
    background: #fff;
    color: #000;
}

#enter-button .submit-button:hover {
opacity:0.5;
}

.sign-up-block h3 {
font-size:25px;
}

.sign-up-block p {
margin-top:0;
margin-bottom:0;
}

input, input:active, input:focus{
    outline: 0;
    outline-style:none;
    outline-width:0;
}

#header {
background: #1a1a1a;
}

#header a {
display:block;
text-align:center;
width:100%;
}

#main-wrapper {
max-width:700px;
min-width:250px;
min-height: 250px;
margin:0 auto;
margin-top:50px;
text-align:center;
background: rgb(0,0,0);
background: rgba(0,0,0,0.7);
padding-bottom:30px;
}

#main-wrapper h1 {
margin-top: -25px;
font-size: 24px;
margin-bottom: 20px;
}

.donate {
    
    transition: all 0.5s ease;
    margin-top:100px;
}

.donate img {
    margin-top: -4px;
    max-width: 20px;
}

.donate a:hover img {
-webkit-filter: invert(100%) !important;
}


.vf-info {
max-width: 500px;
margin: 0 auto;

margin-top: -5px;
margin-bottom: 20px;
padding: 5px;
}

.more-info {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 999;
color: #FFF;
display:none;
}

.more-info-inner {
position: relative;
max-width: 580px;
border: 5px solid #FFF;
margin: 0 auto;
background: #FFF;
color: #222 !important;
padding: 20px;
margin-top: 70px;
}

.close {
position: absolute;
top: 0;
right: 0;
width: 22px;
height: 22px;
display: block;
font-weight: bold;
color: #000;
background: #FFF;
cursor:pointer;
}

.close:hover {
background: #ececec;
}

.fader, .button {
font-family: 'Open Sans', sans-serif;
max-width: 150px;
margin: 0 auto;
border: none;
padding: 5px;
margin-bottom: 10px;
display: block;
width: auto;
border: 1px solid rgb(255,255,255);
color: #fff;
}

.social-share img {
max-width:32px;
}

.social-share {
margin-bottom:10px;

margin-bottom: 10px;
padding-bottom: 10px;
}

.social-share a {
opacity:1;
}

.social-share a:hover {
opacity:0.7;
}

.small {
color: #FFF;
font-size: 11px;
margin-bottom: 7px;
display: block;
}

.social-share p {
    margin: 0.5em 0;
}

.button {
width:200px;
}

.learn-more {
margin-bottom:90px;
}

.fader:hover, .button:hover {
background-color:rgba(255,255,255);
color: #000;
}

.more-info-inner p {
text-align:justify !important;
color: #222 !important;
}

.more-info-inner img {
max-width:100%;
}

.more-info-inner div {
text-align:justify !important;
}

.social a {
opacity:1;
}

.social a:hover {
opacity:0.6;
}



.hidden {
display:none;
}

#raster {
display: block;
position: fixed;
left: 0;
top: 0;
overflow: hidden;
z-index: -998;
height: 100%;
width: 100%;
background: url('img/raster.png');
}



#overlay {
display: none;
width: 100%;
height: 100%;
z-index: 998;
position: fixed;
top:0;
background: rgba(0,0,0,0.5);
overflow:hidden;
}

#supersized img {
top:0 !important;
}


#footer {
display:none;
bottom:0;
width:100%;
z-index:999;
background: #1A1A1A;
}


#footer h3 {
text-align: right;
margin-right:10px;
text-indent: 100px;
float:right;
font-size: 13px;
line-height: 27px;
}

#footer p {
font-size:10px;
margin:0;
padding:0;
line-height: 24px;
}



.rounded {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.seo-text {
text-indent:-9999px;
position:absolute;
}





.invite-from-fb {
margin-top: 10px;
margin-bottom: -15px;
display:none;
}

.invite-from-fb a {
width: 240px;
background: #fff url('img/fb-for-button.png') no-repeat;
padding: 10px;
padding-left: 35px;
display: block;
margin: 0 auto;
margin-bottom:20px;
font-weight: bold;
border-radius: 10px;
text-transform: uppercase;
color: #000;
opacity:0.8;
}

.invite-from-fb a:hover {
opacity:1;
}

.vf-logo {
max-width:98%;
margin:0 auto;
}
.indiegogo {
position: fixed;
right:0;
top:100px;
}

@media screen and (max-width: 400px){
h1 {font-size:15px;}


.indiegogo {
width:224px;
margin:0 auto;
position:relative;
}
}


@media screen and (max-width: 700px){
h1 {
        font-size:22px;}
        
        
.indiegogo {
width:224px;
margin:0 auto;
position:relative;
}
}