@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);

/* CSS Document */

*{ margin:0; padding:0;}

ul, li{ list-style:none; padding:0; margin:0;}

#wrapper {
	margin:0 auto;
	max-width:768px;
}

.header{
	padding:0 0 24px;
}

.bodyContainer{
	margin:10px auto;
	text-align:center;
	width:96%;
}


h2{
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	line-height:34px;
	font-weight:800;
	color:#303030;
	letter-spacing:0.01em;
	padding:0 0 10px;
	text-align:center;
	margin:0;
}

.subtitle{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:20px;
	color:#585858;
	padding-bottom:28px;
	letter-spacing:0.01em;
}

.video{
	margin:0 auto 32px; 
}

.share{
	padding-bottom:34px;
}

.share-btn{
	float:right;
	width:auto;
	padding:5px 20px 0 0;
}

.title{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:24px;
	color:#121212;
	text-align:center;
	padding-bottom:20px;
	letter-spacing:0.01em;
	width:89%;
	margin:0 auto;
}

.footer {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:28px;
	color:#656565;
	letter-spacing:0.01em;
	width:96%;
}

.footer li{
	display:inline;
}

.footer li a{
	color:#656565;
	text-decoration:none;
	margin:0 10px;
}

.footer li a:hover{
	color:#005dad;
	text-decoration:none;
	margin:0 10px;
}


/* SOCIAL LINKS */

.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }

.vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/*
 * Socialite Look-a-like defaults
 */

.social-buttons { display: block; list-style: none; padding: 0; letter-spacing:0.01em; }
.social-buttons > li { display: inline-block; margin: 0; padding: 5px; }
.social-buttons .socialite { display: block; position: relative; background:url(../images/social-sprite.png) no-repeat 0 0; }
.social-buttons .socialite-loaded { background: none !important; }

.social-buttons .twitter-share { width: 55px; height: 65px; background-position: 0 0; }
.social-buttons .googleplus-one { width: 50px; height: 65px; background-position: -75px 0; }
.social-buttons .facebook-like { width: 50px; height: 65px; background-position: -145px 0; }
.social-buttons .linkedin-share { width: 60px; height: 65px; background-position: -215px 0; }

/* / SOCIAL LINKS */

.pure-hidden-phone { display:block;}
.pure-hidden-desktop { display:none;}

.video-thumbPanl{
	height:100%;
	overflow:hidden;
	padding:0 0 7px;
}

.video-thumbPanl h2, .video-thumbPanl h2 a{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:20px;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:7px 0 0 0;
	text-align:left;
	letter-spacing:-0.5px;
}

.video-thumbPanl h2 a:hover{
	text-decoration:underline;
}

.video-thumbPanl .tag{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:18px;
	color:#4b4b4b;
	letter-spacing:0.01em;	
}

.videos {
	text-align:left;
	padding-bottom:20px;
/*	width:25%;
	float:left;
*/}

#clock1,
#clock2,
#clock3{
	background:url("../images/coundown.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0);	
	display:block;
	height:77px;
	margin:13px 0 0 0;
}
#clock1 b,
#clock2 b,
#clock3 b{
	width: 58px;
    display: inline-block;
	line-height:41px;	
	font-size:33px;
	color:#fff;
	font-family:"Open Sans",sans-serif;
	font-weight:bold;
}

.headerbg{
	background:url(../images/shadow.jpg) no-repeat 50% 100% #ffa33d;
	overflow:hidden;
}
.logopan{
	float:left;
	text-align:left;
	width:50%;
}
.logopan img{
	max-width:100%;	
}
.header-right{
	font-size:17px;
	line-height:60px;
	text-align:right;	
	font-family:"Open Sans",sans-serif!important;
	display:inline-block; 
	text-align:right; 
	float:right; 
	letter-spacing:2px;
	width:50%;
}
.fb_button{
	display:inline-block;
	margin:0 20px 0 0;	
}
.tw_button{
	display:inline-block;
}
.mob-image{
	display:none;	
}
.likepan{
	padding:0 30px 0 0;	
}
.more-link{
	letter-spacing:0;
	margin-bottom: 10px;	
}
.more-link a{
	text-decoration:underline;	
}
.more-link a:hover{
	color:#0067b3;	
}
.video-bottom{
	/*max-width:560px;*/
	margin:0 auto;
	margin-top: 20px;
	text-align:center;
	letter-spacing:0;
}
.video-bottom h3{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	line-height:26px;
	font-weight:600;
	margin:1em 0;	
}
/*.video-bottom h3 span{
	text-decoration:line-through;	
}
.video-bottom h3 strong{
	color:#38974c;
	font-weight:800;	
}*/
.countdownbg{
	background:url(../images/coundown.png) no-repeat 50% 0;
	min-height:70px;
}
.countdownbg > input {
    background-color: transparent;
    border: 0 none;
    font: 33px/41px 'Open Sans', sans-serif;
    text-align: center;
	color:#fff;
    width: 56px;
	margin:0 2px;
}
.button1{
	background:url(../images/button-bg.png) repeat-x 0 0;
	color:#292929;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px!important;
	font-weight:bold;
	padding:10px 15px;
	text-align:center;
	margin:15px auto 35px;
	display:inline-block;
	border:5px solid #e3e3e3;
	letter-spacing:0;
}
.button1 a{
	text-decoration:none!important;
	color:#292929!important;
}
.button1 a:hover{
	color:#666666!important;	
}
@media screen and (max-width:767px) {
	#wrapper, .footer{
		width:96%;
	}
	
	iframe{
		width:100%;
		height:100%;
	}
	
    .header div, .share div {
		margin:0 auto;
		text-align:center;
	}
	
	.share ul {
		margin:0 auto;
		text-align:center !important;
		width:100%;
	}
	
	.share li{
		text-align:center;
	}
	
	.share-phone{
		text-align:center;
	}
	
	.facebookComments{
		width:100%;
		margin:0 auto;
	}
	
	.footer{
		font-size:11px;
		line-height:15px;
	}
	
	.pure-hidden-phone { display:none;}
	.pure-hidden-desktop { display:block; }
	
	.video embed, .video object, .video iframe {width: 300px; height: 166px;}
	
	/*.video-thumbPanl {
		margin:0 auto;
		width:96%;
	}
	
	.videos{
		width:50%;
		float:left;
	}*/
	.headerbg{
		padding:0 10px;	
	}
	.logopan{
		display:inline-block; 
		text-align:center;
		width:100%;
	}
	.header-right{
		font-size:17px;
		line-height:20px;
		padding:20px 0;
		text-align:right;	
		font-family:"Open Sans",sans-serif!important;
		display:inline-block; 
		text-align:center; 
		float:none; 
		letter-spacing:2px;
	}
	.mob-image{
		display:block;	
		margin:0 auto;
	}
	.big-image{
		display:none;	
	}
	.likepan{
		padding:0 0 0 0;	
	}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {

	.video embed, .video object, .video iframe {width: 420px; height: 231px;}

}

@media only screen and (max-width: 480px) and (min-width: 320px) {
.video-thumbPanl h2, .video-thumbPanl h2 a {
	font-size:14px;
}
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
	.pure-g-r.video-thumbPanl{
		width:80%;
		margin:0 auto 0 11%;
		letter-spacing:-0.5px;
	}
	
	.pure-u-1-4.videos{
		float:left !important;
		width:45% !important;
		margin:0 5px;
	}
}