@charset "utf-8";
/* CSS Document */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#2c2c2c;
	margin:0;
	padding:0 0 0 0; background: url(images/bg.jpg) no-repeat center top;
}
/*body:before {
	width:100%;
	height:700px;
	position:absolute;
	content:"";
	background-color:rgba(12, 174, 179, 1);
	background-image:url(images/bg.png);
	background-repeat:no-repeat;
	background-position:50% 0;
	background-size:auto 100%;
	z-index:0;
}*/
img {
	border:0px;
}
form {
	margin:0px;
	padding:0px;
}
p {
	margin:0px;
	padding:0px;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.clear {
	clear:both;
	margin:0px;
	padding:0px;
}
.textalignright {
	text-align:right;
}
.textalignleft {
	text-align:left;
}
.textaligncenter {
	text-align:center;
}
a {
	outline:none;
	color:#FFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3, h4 {
	font-family: 'Open Sans Condensed', sans-serif;
	padding:0;
	margin:0;
}
h1 {
	color: #fff;
	font-size:38px;
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);
	line-height:50px;
	padding:10px 0 0;
	max-width:1000px;
	width:100%;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif; font-weight:700;
}
h1 span{ background: #d95459;
    border: 2px dotted #5576a1;
    color: #fff;
    display: inline-block;
    padding: 2px 30px 3px;  margin-top: 10px; font-style:italic;}

h2 {
 font-size:30px;
 color:#fac51c;
 text-align:center;
 background-color:rgba(0, 0, 0, .4); padding:10px 0 ;
}
h3 {
	font-size:25px; line-height:30px;
	color:#000;
	text-align:center;
	font-family: 'Open Sans', sans-serif; font-weight:700; margin:2px 0 10px;
}

.warning{ display:inline-block; background: #ffcd02; border: 2px dashed #5576a1; color: #ff0000; font-size: 24px; border-radius: 4px; padding: 4px 30px;}
.warning span{ font-weight:700;}

.warning1{ text-align:center; margin:20px 0;}
.warning1 span{ display:inline-block; background: #ffcd02; border: 2px dashed #fff; color: #ff0000; font-size: 24px; border-radius: 4px; padding: 12px 30px;}
.warning1 span strong{ font-weight:700;}

header {
	text-align:center;
	color:#000;
	position:relative;
	z-index:1; 
	padding-bottom: 20px;
}
.btmimg {
	height:26px;
	width:218px;
	margin:0 auto;
	background:url(images/header-img.jpg) no-repeat top center;
	margin-bottom:10px;
}
header p {
	margin:0 auto;
	padding:0 10px 20px;
	max-width:750px;
	font-size:24px;
	color:#000;
}
.wrap {
	margin:0 auto;
	padding:0px;
	max-width:900px;
	width:100%;
	position:relative;
}
.video-box {
	width:55%;
	float:right;
	padding:0;
	border: none;
	background:#000;
	border:10px solid #d1d5d8;
	box-shadow: 0 16px 13px -6px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
.video-box iframe {
	width:100%; height: 320px;
}
.cbox { padding:20px; font-size:16px; line-height:20px; background:#fff;}
.cbox strong{ font-weight:700;}
.cbox p{ margin-bottom:14px;}
.cbox p:last-child{ margin-bottom:14px;}

.cbox .box1{ text-align:center;}
.cbox .box1 p{ display:inline-block; width:47%; margin:0 10px; background:#efefef; border: 1px dotted #fff; color:#e14938; font-size:19px; font-weight:700; padding:20px 10px;}
.cbox .box1 p a{ 
color:#e14938;
text-decoration:underline
}
.cbox .box2{ font-size:20px; line-height:22px;}
.cbox .box2 h4{ font-size:24px; font-weight:600; margin-bottom:14px; font-family: 'Open Sans', sans-serif;}
.cbox .box2 p{ margin-bottom:14px;}

.button{ text-align:center;}
.button img{ width:90%!important; }



.cbox1 {
padding:10px;
 margin:0px 0 20px;
 background:rgba(0, 0, 0, 0.7);
}
.cbox1 h5{ color:#fff; font-size:24px; line-height:28px; padding:0 0 10px;}
.leftbox {
	float:right;
	max-width:490px;
	width: 100%;
	font-size:18px;
	line-height:24px; color:#efefef;
	text-align:left;
}
.leftbox ul {
	font-size:16px;
	margin:0;
	padding:15px 0 0;
	list-style-type:none;
}

.leftbox ul li { position:relative; padding:0 0 14px 36px; margin-bottom:14px; border-bottom: dashed 1px #fff; color:#efefef;}
.leftbox ul li:before{ position:absolute; content: "\f14a"; font-family: FontAwesome; left:0; top:2px; font-size:26px; color:#fff;}
.leftbox ul li:last-child{ margin-bottom:0px; border-bottom:none;}

.optinbox {
	float:left;
	max-width:370px;
	width:100%;
	padding:0 0 30px;
	background:#54acd2;
	text-align:center;
	border-radius: 8px;
}
.optinbox h3 {
	background:#2c82c9;
	color:#fff;
	font-size:20px;
	padding:10px 0;
	position:relative;
	border-radius: 8px 8px 0 0;
}
.optinbox h3 span {
	font-size:26px;
	color:#fff;
}
.optinbox h3:before{ position:absolute; z-index:1; bottom:-22px; left:16px; content:''; width:17px; height:45px; background:url(images/dot.png) no-repeat ;}
.optinbox h3:after{ position:absolute; z-index:1; bottom:-22px; right:16px; content:''; width:17px; height:45px; background:url(images/dot.png) no-repeat ;}


.optinbox h4 {
	color:#111;
	font-size:22px;
	padding:20px 10px ;
}




.optinbox input[type="text"] {
	max-width: 70%;
	height: 50px;
	background-color:#fff;
	text-align: center;
	font-size: 16px;
	margin:0 auto 12px;
	width:100%;
	border:2px solid #333;
	border-radius: 4px;
}
input[type="submit"] {
	line-height:60px; width:auto; cursor:pointer; font-size:26px; font-family: 'Open Sans', sans-serif; font-weight:800;
	text-align: center; color:##0d244d; text-shadow:#fff 1px 2px 3px; padding:0 26px; letter-spacing: -1px;
	border: solid 4px #fff; outline:none; vertical-align:top; box-shadow: 0 12px 10px -6px rgba(0, 0, 0, 0.3);
	border-radius: 60px;
	background: -webkit-linear-gradient(#fffa00, #fe6900); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fffa00, #fe6900); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fffa00, #fe6900); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fffa00, #fe6900); /* Standard syntax */
	
}


.footer {
	background:#000;
	color:#FFF;
	padding:20px;
	text-align:center;
}
.footer span{ display:inline-block; padding:0 2px;}

@media(max-width:800px){
h1{ font-size: 40px;  padding: 30px 20px;}
.video-box{ width:90%; margin:0 auto 20px; float:none;}
.optinbox{ max-width: 90%; float:none; margin:auto;}
}

@media(max-width:767px){
.wrap{ margin:0 10px; width:auto;}
header{ padding-bottom: 34px;}
h1 { font-size:32px; line-height: 40px; padding: 20px;}
h2 { font-size:30px; }
.video-box{  max-width: 92%;}
.video-box iframe { height:300px;}
.cbox{ margin-top:0px; padding:20px;}
.footer{ line-height: 27px;}
}

@media(max-width:480px){
.video-box iframe { height:250px;}
.video-box{ width:100%;}
.optinbox{ max-width: 98%;}
}

@media(max-width:360px){
h1{ font-size: 30px; line-height: 34px;}
.video-box iframe { height:200px;}
.optinbox input[type="text"]{ max-width: 82%; font-size: 1em;}
input[type="submit"]{ font-size: 24px;}
}