/* -- 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; 
}


video {
  width: 100%    !important;
  height: auto   !important;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 9%;
	left: 19%;
	width: 63.5%;
	height: 68%;
}
.videoWrapper img {
	position: absolute;
	top: 9%;
	left: 19%;
	width: 63.5%;
	height: 68%;
        outline: 1px solid #000;
}


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

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

body {background:url(https://www.innovolist.com/images/bg-7.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:#0d1417;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  padding:30px 60px; margin:auto; max-width:550px}
input, select, textarea{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px;padding:14px 20px;width:100%;background:#272c30;border:none;margin-bottom:0.5em;font-size:16px; color:#FFFFFF; text-align:center; font-weight:300;}
label{
	font-size:16px;
	margin-bottom:0.5em;
	margin-right: 20px;
	display: inline-block;
    text-align: left;
}
input[type=checkbox], input[type=radio] {
	margin-top: 5px;
	width:10px;
}
form p{
    margin:5px 1% !important;
}
.button {border:none; color:#fff; width:100%;font-family: 'Lobster', cursive;background:url(https://www.innovolist.com/images/orange-btn-gradient.png) repeat-x;border:1px solid #f5965d;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); border:#18c1e8 solid 1px;}

.wrapper {margin:0 auto;max-width:1140px;overflow:hidden;padding:20px 15px;}
.banner{width: 99%; text-align:left;padding-right:1%; background:url(https://www.innovolist.com/images/desktop.png);
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;}

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

h1,h2,h3,h4,h5,h6 {
	line-height: normal;
	margin:0;
word-wrap: break-word;
}
h1{ font-size:60px; color:#ee7e3b; font-family: 'Lobster', cursive; text-shadow: 0px 2px rgba(0, 0, 0, 0.5); bottom:10px; text-align:center; width:100%;}
h2{ font-size:25px; color:#e75f0f; font-weight:300;}

/* -- BEGIN LAYOUT
--------------------------------------------------------------------------------------------------------------- */
.panel-main { background:#17191b; max-width:940px; margin:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:3px solid #1f1f1f; }

h3{font-size:35px;text-align:center; color: #fff; display: block;font-weight:400;margin:16px auto;}
p{margin: 2em 0px; line-height:30px;text-align: center;color:#71819b;font-size: 100%;}
p.note{font-size: 80%; line-height:22px; margin: 25px auto;}

#footer .wrapper {padding:10px 15px; max-width:970px;}
#footer p{margin: 10px 0px;text-align: center;color: #b7d1e4; font-family: "Open Sans",sans-serif;font-size:80%;}
#footer .left{float:left}
#footer .right{float:right}
/*#footer a{center;color:#fe6f02;font-size: 100%;}
#footer a{center;color:#fe6f02;font-size: 100%;}*/
/* -- media Query
--------------------------------------------------------------------------------------------------------------- */

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

@media screen and (max-width: 640px){
p{margin:15px 0px; line-height:25px;}
form {padding:20px 20px; }
h1{font-size:35px!important;}
#footer .left, #footer .right {float:none !important;}
}

@media screen and (max-width: 480px){
h3{ font-size:20px !important;font-weight:bold; margin-top:0px;}
h1{font-size:25px!important; position:relative; margin-top:15px;}
.videoWrapper iframe {width: 63%; height: 64%;}
.videoWrapper img {width: 63%; height: 64%;}
}