/* -- 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/orange-bg.jpg);
	color: #495260;
	font-family: 'Open Sans', sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	text-align: center;
}
a { color:#043650; 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; margin:auto; color:#fff;}
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;}
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;  width:100%;background: url(https://www.innovolist.com/images/yello-gradient-btn.png);margin:10px auto 0; padding:10px 20px; font-size:25px; letter-spacing:0.5pt; font-weight:bold;color:#383838; font-family: 'Oswald', sans-serif; border-bottom:#f79100 solid 3px;
-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/le-blue-btn.png); border-bottom:#00eaff solid 3px;}
.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-family: 'Oswald', sans-serif; font-size:60px; color:#fff; font-weight:700; letter-spacing:1pt; text-transform:uppercase;text-shadow: 0px 3px rgba(0, 0, 0, 0.5);}


/* -- BEGIN LAYOUT
--------------------------------------------------------------------------------------------------------------- */
.panel-main {max-width:1140px; margin:auto; }
#headline .wrapper{padding:10px 5px;}
.main-bg{ background:#FFFFFF; overflow:hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.left-section{float: left; width: 50%;  text-align:center; background-color:#FFFFFF;}
.left-section img {	margin:0 auto; 	width:100%;}

.right-section{text-align:left; background: url(https://www.innovolist.com/images/bg-19-1.png)left center; padding:20px 0;}
.right-section h3{font-size:35px;text-align:left;color:#fff; display:block;font-weight:400;margin:16px auto; font-family:'Oswald', sans-serif;}
.right-section p{margin: 2em 0px;text-align: left;color: #fff; font-family: "Open Sans",sans-serif;font-size: 100%;}
.right-section p.note{font-size: 80%; margin: 25px auto;}

.row {
    display: table; width: 100%;
}

.col {
    display: table-cell;
    width: 50%;/* depends on the number of columns */
	text-align: left;
}

#footer .wrapper {padding:10px 15px; /*48px 16px;*/}
#footer p{margin: 10px 0px;text-align: center;color: #fff; font-family: "Open Sans",sans-serif;font-size:90%;}
#footer .left{float:left}
#footer .right{float:right}
/* -- media Query
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 480px){
h3{ font-size:30px !important;font-weight:bold;}
h1{font-size:40px !important;}

.right-section p{margin:20px 0px;}
.button {margin:5px auto 0;}
}
@media screen and (max-width: 640px){
form {padding:10px 0px; }

#footer .left, #footer .right {float:none !important;}
.row {display:block; }
h1{font-size:35px;}

}
@media screen and (max-width: 768px){
.col {display: block !important; width: 100% !important;}
.row {display: block!important; width: 100% !important;}

.left-section{float: none !important; width: 100% !important;}
.img{ height:200px;}
h1{font-size:40px;}
.right-section h3, .right-section p, .right-section p.note{ text-align:center !important;}
}