article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{margin:0px; padding:0px; background:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#fff;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img, fieldset, iframe{border:none; margin:0px; padding:0px; max-width:100%; height:auto;}
textarea{outline:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
input[type="submit"]{-webkit-appearance:none; -webkit-border-radius:3px;}
a, .submit{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
a.join_now_btn{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
/*Add Placeholder opcity 1*/
::-moz-placeholder{opacity:1}
::-webkit-placeholder{opacity:1}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

*::before, *::after {
    box-sizing: border-box;
}
p{ margin-bottom:15px;}

.container{ margin:0 auto;}

@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/bebas-webfont.eot');
    src: url('../fonts/bebas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas-webfont.woff2') format('woff2'),
         url('../fonts/bebas-webfont.woff') format('woff'),
         url('../fonts/bebas-webfont.ttf') format('truetype'),
         url('../fonts/bebas-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'politicabold';
    src: url('../fonts/politica-webfont.eot');
    src: url('../fonts/politica-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/politica-webfont.woff2') format('woff2'),
         url('../fonts/politica-webfont.woff') format('woff'),
         url('../fonts/politica-webfont.ttf') format('truetype'),
         url('../fonts/politica-webfont.svg#politicabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*===============Header===============*/


header.header{ background:#000; padding:14px 0 8px;}

.header .logo{ float:left; width:32%;}
.header .header-thum{ width:26%; float:left; padding-left:60px; position:relative;}
.header .header-point{ float:left; width:23%; padding-left:30px; margin-top:-6px;}
.header .header-login{ float:left; width:19%; text-align:right; padding-left:20px;}

.header .header-thum ul li{ float:left; padding:0 5px; width:33.3333%;}
.header .header-thum .header-model{ position:absolute; left:-30px; top:-14px;}

.header .header-point li{ color:#fff; background:url(../images/bullet.png) left 8px no-repeat; padding-left:14px; font-size:15px; line-height:25px;}

.header .header-login a{ color:#fff; text-transform:uppercase; font-size:15px; text-decoration:underline;}
.header .header-login a.get-password{ display:block; background:url(../images/green-grd.png) left top repeat-x; text-align:center; height:57px; line-height:64px; text-decoration:none; font-family: 'bebasregular'; font-size:25px; word-spacing:3px; margin-top:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.header .header-login{}


/*===============Main Container===============*/

.main-container{ padding:20px 0;}

h2.title{ padding:5px 12px; font-size:18px; color:#fff; background:#000; display:inline-block; font-weight:normal;}
.hottest-video .pagination{ float:right;}

.hottest-video .pagination.bottom{ float:none; text-align:center; margin-top:35px;}


.pagination ul li{ display:inline-block;}
.pagination ul li a{ color:#fff; background:#404040; width:30px; height:28px; line-height:28px; text-align:center; display:block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.pagination ul li a.active,
.pagination ul li a:hover{ background:#fff; color:#dd2e81;}

.four-grid{ margin-top:15px; margin-left:-3px; margin-right:-3px;}
.four-grid li{ width:25%; padding:0 3px 6px; float:left;}
.four-grid li:nth-child(4n+1){ clear:left;}

.four-grid li .video-inner{ background:#000; padding:3px 3px 6px;}


.four-grid li .video-thum{ position:relative;}
.four-grid li .video-thum .play-link{ position:absolute; left:0; top:33%; width:100%; display:none;}
.four-grid li .video-thum .play-link a{ background:url(../images/play-icon.png) center center no-repeat; width:80px; height:80px; display:block; margin:0 auto;}

.four-grid li:hover .video-thum .play-link { display:block;}

.four-grid li .video-detail{ padding:5px 5px 0;}

.four-grid li h3.video-title{ font-size:15px; font-weight:normal; color:#dd2e81; margin-bottom:3px; line-height:18px;}
.four-grid li .video-left{ float:left; width:80%; padding-right:5px;}
.four-grid li .video-time .lengh{ padding-right:7px; background:url(../images/div.png) right center no-repeat;}

.four-grid li .video-rgt{ float:right; width:20%; text-align:right;}


.password-btn{ text-align:center; margin-top:50px;}
.password-btn a{ background:url(../images/get-password.png) left top repeat-x; height:102px; line-height:118px; display:inline-block; padding:0 72px; color:#fff;  font-family: 'bebasregular'; font-size:60px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}


/*===============Footer===============*/
footer.footer{ padding-top:70px; padding-bottom:40px;}
.footer .footer-copy{ text-align:center; color:#7e7e7e; font-size:12px; line-height:18px;}
.footer .footer-copy p{ margin-bottom:0; color:#7e7e7e; font-size:12px; line-height:18px;}



/*===============Join===============*/

.join-sec{ background:#0f0f0f;}
.join-sec .video-box{ width:37%; float:left; position:relative;}
.join-sec .video-box .player-box{background:url(../images/player-transparent.png) center bottom no-repeat; background-size:101% auto; padding-bottom:24px;}
.join-sec .why-join{ width:16%; float:left; padding-left:2px; border-right:2px solid #1a1a1a; }
.join-sec .account-step{ width:26%; float:left;}
.join-sec .choose-member{ width:21%; float:left; padding-left:5px; padding-right:5px;  border-left:2px solid #1a1a1a;}

.join-sec .video-box .member-popup{ position:absolute; left:0; top:0; background:#000; width:75%; padding:18px; position:absolute; left:12%; top:20%; border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px;}
.join-sec .video-box .large-video{ width:100%; height:auto;}

.video-box .member-popup .lock{ float:left; width:42%; padding-right:25px;}
.video-box .member-popup .member-btn{ width:58%; float:left; text-align:center;}
.video-box .member-popup .member-btn .create-btn{ margin-top:14px;}

.join-sec .why-join h2.join-title{font-family: 'politicabold'; font-size:20px; font-weight:normal; color:#fff; background-color:#fb0504; text-transform:uppercase; text-align:center; padding:7px 10px; }

.join-sec .why-join ul{ padding-left:15px; padding-top:5px;}
.join-sec .why-join ul li{color:#fff; background:url(../images/bullet.png) left 8px no-repeat; padding-left:14px; font-size:12px; line-height:22px; margin-bottom:3px;}


.join-sec .account-step{}

.join-sec .account-step h2{ color:#fff; font-family: 'politicabold'; font-size:20px; font-weight:normal; text-transform:uppercase; text-align:center; padding:10px;}
.join-sec .account-step h2 span{ color:#dd2e81;}
.join-sec .account-step .step-1{ border-bottom:2px solid #1a1a1a; padding:0 20px 20px;}
.join-sec .account-step .step-1 li{ margin-bottom:10px;}
.join-sec .account-step .step-1 li label{ display:block; font-size:11px; line-height:18px;}
.join-sec .account-step .step-1 li input[type=text]{ background:#373636; border:none; width:100%; height:32px; line-height:32px; color:#fff; padding:0 10px;}

.join-sec .account-step .step-2{padding:0 20px 20px;}
.join-sec .account-step .step-2 ul li{ float:left; width:50%; padding-left:40px;}
.join-sec .account-step .step-2 ul li input[type="radio"]{ float:left; margin-top:6px; margin-right:5px;}
.join-sec .account-step .step-2 ul li label{ font-size:11px; line-height:18px; color:#fff; }

.join-sec .choose-member .step-3{}
.choose-member .step-3 h2{ color:#fff; font-family: 'politicabold'; font-size:20px; font-weight:normal; text-transform:uppercase; text-align:center; padding:10px;}
.choose-member .step-3 h2 span{color:#dd2e81;}

.choose-member .step-3 ul li{ background:#dd2e81; clear:both; overflow:hidden; margin-bottom:2px;}
.choose-member .step-3 ul li .thread{ width:75%; float:left; background:#373636; padding:20px 13px; position:relative;}
.choose-member .step-3 ul li .price{ width:25%; float:left;}

.choose-member .step-3 ul li .thread .radio{ float:left; width:24px; margin-top:5px;}
.choose-member .step-3 ul li .thread .thread-text{ float:left; width:85%;}
.choose-member .step-3 ul li .thread h3{ font-size:16px; line-height:22px;}
.choose-member .step-3 ul li .thread p{ font-size:10px; margin-bottom:0; line-height:16px;}

.choose-member .step-3 ul li .thread .best-deal{ position:absolute; top:38%; right:0; background:#dd2e81; color:#fff; font-size:12px; line-height:18px; padding:0 5px; text-transform:uppercase;}

.choose-member .step-3 ul li .price{ padding:20px 7px;}
.choose-member .step-3 ul li .price h1{ font-size:24px; line-height:32px;}

.choose-member .step-3 ul li.submit{ background:#0f0f0f; margin-top:5px;}
.choose-member .step-3 ul li.submit input[type=submit]{ background:url(../images/green-grd.png) left top repeat-x; text-align:center; height:57px; line-height:64px; text-decoration:none; font-family: 'bebasregular'; cursor:pointer; font-size:22px; border:none; color:#fff; width:100%; word-spacing:3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}

.video-option{ margin-left:-4px; margin-right:-4px; padding:15px 0; border-bottom:2px solid #313131;}
.video-option ul li{ padding:0 4px; float:left; width:20%; text-align:center;}
.video-option ul li a{ background:url(../images/gray-grd.png) left top repeat-x; height:46px; line-height:46px; display:block; color:#000; font-size:28px; font-weight:700; font-family: 'Open Sans', sans-serif; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.video-option ul li a span{ padding-left:50px; display:inline-block;}

.video-option ul li.comments a span{ background:url(../images/chat-icon.png) left center no-repeat;}
.video-option ul li.favirites a span{background:url(../images/fav-icon.png) left center no-repeat;}
.video-option ul li.share a span{background:url(../images/share-icon.png) left center no-repeat;}
.video-option ul li.embed a span{background:url(../images/embed-icon.png) left center no-repeat;}
.video-option ul li.download a span{background:url(../images/download-icon.png) left center no-repeat;}

.iframe { height:800px;}


/*===============Mobile Menu===============*/
.mobile-nav {
	display:none;
	text-align:left;
	padding-bottom:10px;
}
.mobile-nav a.toggle-icon {
	background-color:#d71100;
	background-image:url(../images/menu-icon.png);
	background-position: 95% center;
	background-repeat:no-repeat;
	color:#fff;
	display:block;
	height:40px;
	line-height:40px;
	padding:0 20px;
	font-weight:700;
	font-size:16px;
	text-decoration:none;
	border-radius:5px 5px 0 0;
}
.mobile-nav #mob-menu {
	background:#2a2a2a;
	border-top:1px solid #fff;
}
.mobile-nav #mob-menu ul{
	padding:0;
	margin:0;
}
.mobile-nav #mob-menu ul li{
	list-style:none;
	position: relative;
	display:block;
}
.mobile-nav #mob-menu ul li a {
	padding:10px 20px;
	text-transform:uppercase;
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:600;
	border-bottom:1px solid #fff;
	background:none;
	margin:0;
}
.mobile-nav #mob-menu ul li a:hover  {
	background-color:#d71100;
	color:#fff;
transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
}
.mobile-nav #mob-menu ul ul li a {
	padding-left:40px;
}
.mobile-nav #mob-menu ul li ul {
	display:none;
	position:absolute;
	top:41px;
	left:0;
	z-index:999;
	list-style-type: none;
	width:200px;
	background: #ffffff;
	border-top:6px solid#eb5255;
	margin:0;
	padding:0;
}
.mobile-nav #mob-menu ul li ul li {
	width:100%;
}
.mobile-nav #mob-menu ul li ul li:hover {
	background-color:#e3e3e3;
}
.mobile-nav #mob-menu ul li ul li:hover a {
	color:#eb5255;
	background:none;
}
.mobile-nav #mob-menu ul li:hover ul,
.mobile-nav #mob-menu1 ul li:hover ul {
	display:block;
}
.mobile-nav #mob-menu ul li ul li a{
	text-decoration:none;
	color:#2d3e50;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	padding:8px;
}