@font-face {
 font-family: 'nm';
 src: url('fonts/Neue Haas Grot Disp-65 Medium.eot');

 font-family: 'nl';
 src: url('fonts/Neue Haas Grot Disp-45 Light');

  font-family: 'ni';
 src: url('fonts/Neue Haas Grot Disp-45 Light Italic');

}

html { 
  background: url(rv.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


body{margin:0px}



.Button {

    background-color:transparent;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #fff;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:15px;
    font-weight:bold;
    padding:6px 18px;

}
.myButton:hover {
    background-color:#fff;
}
.myButton:active {
    position:relative;
    top:1px;
}



#set {
  position: fixed;
  z-index: 13;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -48px;
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: url(#drop-shadow);
    -webkit-filter: drop-shadow(12px -4px 2px rgba(0,0,0,0.75));
    filter: drop-shadow(12px -4px 2px rgba(0,0,0,0.75));


}

#set2 {
    position: absolute;
    z-index: 13;
    top: 25px;
    left: 25px;
    font-size: 1.1em;
    color: white;
    font-family: nm, sans-serif;
    text-align: left;
    letter-spacing: 2;
    font-weight: 300;
    -webkit-animation: an 6s;/* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: once;
    animation: an 6s;
    animation-iteration-count: once;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes an {
    0%   {opacity: 0;}
    70%  {opacity: 0;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes an {
    0%   {opacity: 0;}
    70%  {opacity: 0;}
    100% {opacity: 1;}
}

#setz {
    position: absolute;
    z-index: 13;
    top: 25px;
    right: 25px;
    font-size: 1.1em;
    color: white;
    font-family: nm, sans-serif;
    text-align: right;
    letter-spacing: 2;
    font-weight: 300;
     animation: fadein 8s ease-in;
    -moz-animation: fadein 8s ease-in; /* Firefox */
    -webkit-animation: fadein 8s ease-in; /* Safari and Chrome */
    -o-animation: fadein 8s ease-in; /* Opera */
}
@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;
    }
}

#set3 {
    position: absolute;
    width:540px;
    height:400px;
    left:50%;
    top:50%;
    margin:-130px 0 0 -270px;
    z-index: 10;
    font-family: nl, sans-serif;
    color: white;
    text-align: center;
    font-size:1.8em;
    font-weight: 300;
    -webkit-animation: an 3s;/* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: once;
    animation: an 3s;
    animation-iteration-count: once;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes an {
    0%   {opacity: 0;}
    70%  {opacity: 0;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes an {
    0%   {opacity: 0;}
    70%  {opacity: 0;}
    100% {opacity: 1;}
}


#foot {
    display: inline-block;
    padding: 20px;
    font-size: 1em;
    color: white;
    font-family: nl, sans-serif;
    text-align: left;
    letter-spacing: 2;
    font-weight: 400;

}

#foot3 {

    font-size: 22px;
}



#foot2 {
    display: inline-block;
    text-decoration: underline;
    padding: 20px;
    font-size: 1em;
    color: white;
    font-family: nm, sans-serif;
    text-align: left;
    letter-spacing: 2;
    font-weight: 700;

}

#buttflap3 {
    position: fixed;
    bottom: 25px;
    left: 25px;
    width:322px; 
    z-index: 13;
    animation: fadein 8s ease-in;
    -moz-animation: fadein 8s ease-in; /* Firefox */
    -webkit-animation: fadein 8s ease-in; /* Safari and Chrome */
    -o-animation: fadein 8s ease-in; /* Opera */
}
@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;
    }
}


#buttflap4 {
    position: fixed; 
    right: 25px;
    bottom: 25px;
    z-index: 12;
     animation: fadein 8.5s ease-in;
    -moz-animation: fadein 8.5s ease-in; /* Firefox */
    -webkit-animation: fadein 8.5s ease-in; /* Safari and Chrome */
    -o-animation: fadein 8.5s ease-in; /* Opera */
}
@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;
    }
}

#buttflap2 {
    height: 80px; 
    position: fixed; 
    bottom:0%;
    width:100%; 
    z-index: 12;
    color: white;
    background-color: black;
    opacity: 0.3;
}

#buttflap {
    height: 100%; 
    position: fixed; 
    width:100%; 
    z-index: 11;
    color: white;
    background-color: black;
opacity: 0;

   -webkit-animation: an 40s;/* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation: an 40s;
    animation-iteration-count: infinite;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes an {
    0%   {opacity: 1;}
    15%   {opacity: 0;}
    98%  {opacity: 0;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes an {
    0%   {opacity: 1;}
    15%   {opacity: 0;}
    98%  {opacity: 0;}
    100% {opacity: 1;}
}


    }

#mc_embed_signup { border: none; text-align: center; width: 100%; } /* Signup form container */

.mc-field-group { display: inline-block; } /* positions input field horizontally */

#mce-EMAIL {         background-color:transparent;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #fff;
    display:inline-block;
    color:#fff;
    font-size:15px;
    font-weight: bold;
    cursor: text;
    padding:6px 18px; 
    display: inline-block; 
    margin-bottom: 4px;
}

.clear { display: inline-block; } /* positions button horizontally in line with input */

:-webkit-input-placeholder { color: #fff ; } /* WebKit browsers */ 
:-moz-placeholder { color: #fff ; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #fff ; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #fff ; } /* Internet Explorer 10+ */

@media (max-width: 100px) { /* positions input field and button underneath each other with 100% width for tablet and mobile */
  
.mc-field-group { display: block; max-width: 100%; }
#mce-EMAIL {    padding: 1.7em 0 .7em 1em; width: 96%; margin-bottom: 4px; }
.clear { display: block; width: 100% }

  
}


    @media only screen and (max-width: 450px) {
        

        #buttflap3 {
            bottom: 65px;
            }

        #buttflap4  {
            right: auto;
            left: 28px;
            }