/* Comman CSS  */

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,tbody,blockquote
{
	margin:0px; padding:0px;
}
ul,ol,li
{
	list-style-type:none;
}
.fl
{
	float:left;
}
.fr
{
	float:right;
}
.clear
{
	clear:both;
}
body
{
	background-color:#2d2e30;
	font-family: 'Roboto', sans-serif;
	color:#FFFFFF;
}



/* Page CSS */
.wrapper
{
	overflow:hidden;
	background:url("https://www.maxviralmarketing.com/splashimages/page-bg-top3.jpg") repeat-x left top;
	width:100%;
}

.page{
	max-width:928px;
	width:100%;
	margin:auto; 
	
}
.shadow-l{
background-image:url("https://www.maxviralmarketing.com/splashimages/sladow-l3.png");
background-position:top;
background-repeat:no-repeat;
width:15px;
max-height:926px;
}
.shadow-r{
background-image:url("https://www.maxviralmarketing.com/splashimages/sladow-r3.png");
background-position:top;
background-repeat:no-repeat;
width:15px;
max-height:926px;
}

.page-inner{
max-width:898px;
width:100%;
overflow:hidden;

}
.header
{
	width:100%;
	max-width:898px;
	height:519px;
	background:url("https://www.maxviralmarketing.com/splashimages/header-img3.jpg") no-repeat top right;
	overflow:hidden;
}
.header h1
{
	color:#fe0810; 
	font-family: 'Luckiest Guy', cursive;
	font-size:80px;
	text-align:center;
	letter-spacing:5pt;
	
	text-shadow: 3px 3px #000;
	
}
.header .subtitle
{
	color:#000;
	font-family: 'Kaushan Script', cursive;
	font-size:40px;
	margin-top:60px;
	margin-left:30px;
	width:280px;
	position:absolute;
	letter-spacing:0.5;
	line-height:60px;
}

.text
{
width:90%;
text-align:center;
margin:auto;
	font-size:20px;
	font-weight:300;
	
	line-height:35px;
	margin-top:50px;
}
.text h2{
/*font-family: 'Permanent Marker', cursive;
font-family: 'Frijole', cursive;*/
font-family: 'Fredericka the Great', cursive;
font-size:40px;
color:#c9ff30;
margin-bottom:50px;
text-transform:uppercase;
}

.footer 
{
	color:#fff; 
	font-size:13px;
	text-align:center;
	line-height:50px;
	padding-top:30px;
}
.footer a
{
	color:#e51019; 
	text-decoration:none;
}
.footer a:hover
{
	text-decoration:underline;
}


/* ------ Autorespondedor css-----   */

.form-wrapper
{
	width:659px;
	height:220px;
	margin: auto;
	text-align:center;
	background-color:#414448;
	border: 1px solid #ffba00;
	-moz-border-radius: 10px;
    -webkit-border-radius: 1em;
    border-radius: 10px;
}

.form{
max-width:597px;
width:100%;
margin:auto;
margin-top:45px;
}
.form .login-field {
	font-size: 14px;
	color: #414448;
	text-indent:13px;
	height: 45px;
	width:286px;
	background-color:#fff;
	-moz-border-radius: 4px;
    -webkit-border-radius: 0.4em;
    border-radius: 4px;
	border:none;
}
.margin-r{
margin-right:15px;
}
.form .submit-button {
font-family: 'Luckiest Guy', cursive;
font-size:24px;
color: #fff;
width:167px;
height:63px;
cursor:pointer;
background-image:url("https://www.maxviralmarketing.com/splashimages/red-btn3.png");
border:none;
background-color:#414448;
margin-top:35px;
}
.form .submit-button:hover {
color:#ffea52;
text-shadow: 2px 2px #000;
}