@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#2c2c2c;
	margin:0;
	padding:0 0 0 0;
	background: url(images/bg.jpg) repeat;
}
img {
	border:0px;
}
h1 {
	color: #900;
	font-weight:700px;
	font-family:'Ubuntu Condensed', sans-serif!important;
	margin:0px auto; padding:0px;
	letter-spacing:-1px;
	text-align:center;
	margin:15px auto;
	font-size:50px;
}

h2 { font-size:30px; font-weight:700px; text-align:center; color:#e30603; margin: 0 0 10px;}

.text1{ text-align:center; font-size:20px; font-weight:700; margin-bottom:20px;}
.text1 strike{ color:#e30603;}

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:#2c2c2c;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.top-menu {
	background:url(images/menu-bg.jpg) repeat-x top;
	height:64px;
	text-align:center;
	padding:10px 0 0 0;
}
.top-menu .links {
	width:220px;
	display:inline-block;
	height:50px;
	background:#FF6644;
	color:#FFF;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
.top-menu .links span {
	color:#e0f71d;
}
.top-menu .links p {
	color:#e0f71d;
	font-size:16px;
	font-weight:600;
}
.top-menu .links a {
	color:#FFF;
	font-size:18px;
	font-weight:bold;
}
.mainbox {
	width:750px;
	background:#FFF;
	padding:28px;
	margin:0 auto 15px;
	position: relative;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.75);
}
.share-tab {
	position:absolute;
	top:130px;
	left:-42px;
	width:60px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background:#FFF;
	padding:10px;
}
.tw-tab{
}
.fb-tab{
	padding:10px 0 0 7px;
}
.video-box{
	background:url(images/video-box.png) no-repeat;
	width:900px;
	margin-left:37px;
	height:540px;
	padding:31px 0 0 35px;
}
.top-box{
	background:url(images/box-bg.jpg) no-repeat center;
	width:522px;
	height:450px;
	margin:0 auto;
	padding:140px 30px 0 185px
}
.top-box h2{
	padding:15px 0 0 90px;
	font-size:20px;
	color:#383130;
	letter-spacing:-1px;
	margin:0;
}
.top-box h2 span{
	color:#883834;
}
.top-box ul{
	padding:15px 0 0 90px;
	font-size:22px;
	font-size:21px;
	color:#383130;
	letter-spacing:-1px;
	list-style-type:none;
	margin:0;
	font-weight:600;
}
.top-box ul li{
	background:url(images/tic-icon.png) no-repeat 0 0;
	padding:0 0 10px 35px;
}
.fbsharebox{
	position: relative;
	text-align:center
}
.fblike{
	position:absolute;
	left:120px;
	bottom:20px;
}

.fbcomment{
	margin:0 auto;
	text-align:center;
}
.fbcomment h3{
	text-align:left;
	padding:0 0 10px;
	margin:0;
}
.footer{
	font-size:12px;
	color:#000;
	text-align:center;
	padding:0px 0 20px 0;
	line-height:24px;
}
.footer a{
	color:#000;
}
.optinbox {
	width:635px;
	height:150px;
	padding:300px 20px 5px 20px;
	margin:0px auto;
	background:url(images/optin-box.png) no-repeat top center;
}
.input input {
	width: 420px;
	height: 50px;
	background-color:#f9ffc4;
	margin:0 0 10px 0;
	border: none;
	text-align: center;
	font-size: 1.4em;
}
.wrap {
	margin:0px auto;
	padding:0px;
	margin-top:10px; 
	width:1000px;
	position:relative
}

.button a{
	width:100%; max-width:540px; margin:0 auto;
	cursor:pointer;
	font-size:30px; line-height:40px;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	text-align: center;
	color:#28324e;
	text-shadow:#fff 1px 1px 0;
	padding:12px 20px;
	border:none;
	border-bottom: solid 6px #f37934;
	outline:none;
	display:block;
	border-radius: 50px;
	background:#fac51c;
}
.button a:hover{ text-decoration:none;}

.timer1 { display:block; text-align:center; margin:10px auto 30px;}
.timer2 { display:none; text-align:center; margin:10px auto 30px;}

@media(max-width:800px) { /*768*/
.wrap{ width:96%;}
.top-hesd img{ width:100%;}
.video-box{ width:auto; max-width:none; height:370px; margin-left:0; background-size:100%; padding:31px 30px;}
.video-box iframe{ width:100%; height:375px;}
}
@media(max-width:700px) { /*600*/
.video-box{ height:300px; padding:31px 20px;}
.video-box iframe{ height:290px;}
}
@media(max-width:500px) { /*480*/
.video-box{ height:250px; padding:31px 16px 0;}
.video-box iframe{ height:220px;}
.timer1 { display: none; }
.timer2 { display: block; }
}
@media(max-width:400px) { /*360*/
.video-box{ height:180px; padding:31px 12px 0;}
.video-box iframe{ height:160px;}
}
@media(max-width:350px) { /*320*/
.video-box{ height:150px; padding:31px 10px 0;}
.video-box iframe{ height:140px;}
}
