/* -- BEGIN RESET & SUPPORT
--------------------------------------------------------------------------------------------------------------- */

article, footer, header, section { 
	display:block;
	overflow:hidden; 
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box; 
}

/* -- END RESET & SUPPORT
--------------------------------------------------------------------------------------------------------------- */

/* -- BEGIN GLOBAL
--------------------------------------------------------------------------------------------------------------- */

body {background:url(https://www.innovolist.com/images/bg-20.jpg) center center no-repeat;background-size:cover;
	
	color: #ea7c38;
	font-family: 'Open Sans', sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	text-align: center;
}
a { color:#1abde7; text-decoration:none;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }

a:hover {text-decoration:underline;}

.fl{ float:left}
.fr{ float: right}

form {overflow:hidden; background-color:#2a2a2a;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  padding:30px 60px; margin:auto; max-width:450px;color:#fff;text-align: left}
input, select, textarea{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px;padding:14px 20px;width:100%;background:#fff;border:none;margin-bottom:0.5em;font-size:16px; color: #333333; text-align:center; font-weight:300;}
label{
	font-size:16px;
	margin-bottom:0.5em;
	margin-right: 20px;
	width:100%;
	display: block;
	text-align: left;
}
input[type=checkbox], input[type=radio] {
	margin-top: 5px;
	width:10px;
}
form p{color:#fff}
.button {border:none; color:#fff; width:100%;font-family: 'Passion One', cursive; -webkit-border-radius:27px; -moz-border-radius:27px; border-radius:27px;}

.button {background:url(https://www.innovolist.com/images/red-btn-gradient.png) repeat-x;border:2px solid #fff;margin:15px auto 0; font-size:30px; line-height:20px; 
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.button:hover {cursor:pointer; background:url(https://www.innovolist.com/images/blue-btn-gradient.png);}

.wrapper {margin:0 auto;max-width:1140px;overflow:hidden;padding:20px 15px;}

/* -- BEGIN TYPOGRAPHY
--------------------------------------------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	line-height: normal;
	margin:0;
        word-wrap: break-word;
}
h1{ font-size:80px; color:#df0101; text-transform:uppercase; font-weight:700; font-family: 'Passion One', cursive; text-shadow: 0px 2px rgba(0, 0, 0, 0.5); text-align:center; max-width:1170px; padding:30px 0; margin:auto; }
h2{ font-size:50px; color:#31dbff; position: absolute; font-family: 'Passion One', cursive; bottom:7%; text-align:center; font-weight:700; width:100%; }

/* -- BEGIN LAYOUT
--------------------------------------------------------------------------------------------------------------- */
.panel-main {max-width:940px; margin:auto;}

h3{font-size:40px;text-align:center; color: #df0101; display: block;font-weight:700;margin:16px auto;}
p{margin: 2em 0px; line-height:30px;text-align: center;color:#1b1b1b;font-size: 100%;}
p.note{font-size: 80%; line-height:22px; margin: 25px auto;}

#footer{background-color:#fff}
#footer .wrapper {padding:10px 15px; /*48px 16px;*/}
#footer p{margin: 10px 0px;text-align: center;color: #999999; font-family: "Open Sans",sans-serif;font-size:80%;}
#footer .left{float:none}
#footer .right{float:none}
/*#footer a{center;color:#fe6f02;font-size: 100%;}
#footer a{center;color:#fe6f02;font-size: 100%;}*/
/* -- media Query
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 350px){
h2{font-size:25px !important;}
form {padding:20px 10px; }
}
@media screen and (max-width: 480px){
h3{ font-size:20px !important;font-weight:bold; margin-top:0px;}
h1{padding:15px 0;}
h2{font-size:30px;}
}
@media screen and (max-width: 640px){
p{margin:15px 0px; line-height:25px;}
form {padding:30px 30px; }
h1{font-size:50px!important;}
h2{font-size:40px;}

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