/* -- 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: #d7dde5;
	color: #495260;
	font-family: "Open Sans",sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	text-align: center;
}
a { color:#ffcf09; 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;}
img {max-width: 100%; height: auto; width: auto9; /* ie8 */}

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

form {overflow:hidden; background-color:#ffecc4;border:solid 1px #ffcc5f; padding:35px 50px; margin:auto; max-width:415px;text-align: left;}
input, select, textarea{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;padding:13px 20px;width:100%;background:#fff;border:none;margin-bottom:0.5em;font-size:16px;border:#f1d18f solid 1px;}
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;
}
.button {border:none; color:#fff; width:100%; text-transform:uppercase;}
.button {background:url(https://www.innovolist.com/images/red-btn-2d.png) repeat-x center;border:1px solid #fe0000;margin:15px auto 0; font-size:21px; font-weight:bold;
-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/bg-18.png); background-size:400px 100px}

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

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

h1,h2,h3,h4,h5,h6 {
	line-height: normal;
	margin:0;
        word-wrap: break-word;
}
h1{ font-size:100px; color:#ffcf09; text-transform:uppercase; text-align:center; margin-bottom:10px;text-shadow: 0px 2px rgba(0, 0, 0, 0.5); font-family:Impact; font-weight:normal;}
h2{ font-size:40px; color:#fff; font-weight:700; text-align:center; text-transform:uppercase; text-shadow: 0px 2px rgba(0, 0, 0, 0.5)}
h3{font-size:50px;text-align:center; color: #1a202a; display: block;font-weight:400;margin:16px auto;}
h3 span{color: #d50000;font-weight:700;}
p{margin: 2em 0px; line-height:35px;text-align: center;color: #48525f;font-size:20px;}
p.note{font-size: 80%; line-height:22px; margin: 25px auto;}
/* -- BEGIN LAYOUT
--------------------------------------------------------------------------------------------------------------- */
.banner{background: #730500 url(https://www.innovolist.com/images/bg-18.png); background-size:cover; padding:20px 0 20px 0;}
.panel-main { background:#fff; margin:auto; }

ul.orange-tick {padding:10px 0 10px 5px;list-style: none;}
ul.orange-tick li{font-size:25px; color:#FFFFFF; font-family:Impact; text-align:left; margin:0px 0px; padding:7px 0px 10px 43px; background: url(https://www.innovolist.com/images/orange-bullet.png) 0px 13px no-repeat;}

.left-section{float: right; text-align:right; margin:auto;}
.left-section img {	width:90%;}

.right-section{float: left; width: 50%; text-align:left;}
.right-section p.note{font-size: 80%; color:#ffcf09; margin: 15px auto;}

#footer{background:url(https://www.innovolist.com/images/bg-18.png) center top; background-size:cover; padding:10px 0 10px 0;}
#footer .wrapper {padding:10px 15px; /*48px 16px;*/}
#footer p{margin: 0px 0px;text-align:center;color: #b7d1e4; font-family: "Open Sans",sans-serif;font-size:90%;}

/* -- media Query
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 320px){
.button { font-size:18px;}
}
@media screen and (max-width: 480px){
h3{ font-size:30px !important;font-weight:bold;}
.banner{padding:0px 0 0px 0;}
}
@media screen and (max-width: 640px){
form {padding:20px 20px; }

#footer .left, #footer .right {float:none !important;}
}
@media screen and (max-width: 800px){
.left-section, .right-section {float:none !important;width:100% !important;text-align:center !important; }
.left-section img {	width:100%; max-width:50%;}
.banner{padding:0px 0 0px 0;}
}

@media screen and (max-width: 950px){
.left-section{float: right; width:50%; text-align:right; margin:auto;}
.left-section img {	width:100%;}
}