/*
Theme Name: Pro BBTube Theme 1.1
Description: Turn Wordpress into Tube video Site, RESPONSIVE!
Version: 1.1
Author: XWPThemes.com
Tags: Xvideos 

*/
/* =============================================================================
   RESET AND NORMALIZE CSS
============================================================================= */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{margin:0px; padding:0px; font-family:'open_sansregular'; background:url(images/bg.jpg) repeat;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img, fieldset{border:none; margin:0px; padding:0px;}
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{-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;}
/*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;}


/* Theme CSS */
.headertopbg{background-color:#22282f;}

/* Theme CSS Close */
@font-face {
    font-family:'open_sansregular';
    src: url('fonts/opensans-regular_0-webfont.eot');
    src: url('fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular_0-webfont.woff') format('woff'),
         url('fonts/opensans-regular_0-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular_0-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'open_sansbold';
    src: url('fonts/opensans-bold_0-webfont.eot');
    src: url('fonts/opensans-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold_0-webfont.woff') format('woff'),
         url('fonts/opensans-bold_0-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold_0-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'open_sanssemibold';
    src: url('fonts/opensans-semibold_0-webfont.eot');
    src: url('fonts/opensans-semibold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold_0-webfont.woff') format('woff'),
         url('fonts/opensans-semibold_0-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold_0-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'oswaldregular';
    src: url('fonts/oswald-webfont.eot');
    src: url('fonts/oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-webfont.woff2') format('woff2'),
         url('fonts/oswald-webfont.woff') format('woff'),
         url('fonts/oswald-webfont.ttf') format('truetype'),
         url('fonts/oswald-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

header{background-color:#fff;}
.centerwrap{width:1260px; margin:auto;}
.top_header{height:48px; border-bottom:3px solid #51a200; border-top:1px solid #DE363D}
.top_header p{float:left; font-size:15px; color:#fff; line-height:44px;}
.top_header ul{float:right;}
.top_header ul li{float:left; font-size:15px; border-left:1px solid #2e353d;}
.top_header ul li a{line-height:44px; display:block; color:#fff; padding:0 18px;}
.top_header ul li a:hover, .top_header ul li a.active{background-color:#de363d; color:#fff;}
.top_header ul li:first-child{border-left:0px;}
.logo{float:left; padding-top:23px; padding-bottom:20px;}
.logo img{display:block;}
.searcharea{float:right; position:relative; width:324px; margin-top:47px;}
.searchbox{border:2px solid #dddddd; background-color:#f9f9f9; color:#271e23; height:38px; width:100%; padding:0 52px 0 12px; font-family:'open_sansregular'; font-size:15px;}
.searchbox:focus{background-color:#ddd;}
.search_icon{background:#efefef url(images/search.png) no-repeat center 6px; border:none; border-left:2px solid #dddddd; height:34px; width:40px; position:absolute; right:2px; top:2px; cursor:pointer;}
nav{background-color:#22282f; height:50px; box-shadow:inset 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.5);}
nav ul{width:1260px; margin:auto;}
nav ul li{font-size:15px; text-transform:uppercase; display:inline-block; position:relative}
nav ul li a{color:#fff; line-height:50px; padding:0 22px; display:block; margin:0 -2px;}
nav ul li a:hover, nav ul li a.active{background-color:#de363d; color:#fff;}

nav ul li ul{display:none;}
nav ul li:hover a{background-color:#de363d; color:#fff;}
nav ul li:hover ul{display:block; position:absolute; background-color:#22282f; width:180px; z-index:10; left:-2px;}
nav ul li li{line-height:normal; display:block; text-align:left;}
nav ul li:hover li a{color:#fff; background-color:#22282f; margin:0px;}
nav ul li:hover li a:hover{background-color:#de363d; color:#fff;}

.videoarea{box-shadow:inset 0px 5px #DE363D, 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0px 5px #DE363D, 0 0 10px rgba(0,0,0,0.1); padding:15px 15px 10px 15px; border-radius:5px; -webkit-border-radius:5px; background:#fff;}
.title{overflow:hidden}
.title h2{font-family:'oswaldregular'; color:#271e23; font-weight:normal; position:relative; padding-right:25px; margin-bottom:20px; font-size:24px;}
.title h2 span{width:13px; height:13px; position:absolute; background-color:#7db940; border-radius:8px; -webkit-border-radius:8px; top:12px; margin-left:15px;}
.title h2 span:after{content:''; height:1px; background-color:#7db940; width:1200px; position:absolute; top:6px;}
.videoposts{}
.videopost{float:left; width:228px; margin-right:15px; margin-bottom:15px;}
.videopost p {
    font-size: 15px;
    overflow: hidden;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.videopost .video_meta{
box-shadow: 0 7px 18px -6px rgba(0, 0, 0, 0.2) inset;
padding: 7px 8px 6px;
}
.videopost p a{color:#2e353d; font-weight: bold; line-height: 20px;}
.videopost p a:hover{color:#de363d;}
.video_pic{position:relative;}
.video_pic img{display:block; height: 180px; width: 100%;}
.video_pic span{position:absolute; right:2px; top:2px; background-color:rgba(0,0,0,0.5); line-height:22px; padding:0 12px; font-size:12px; color:#fff;}
.videopost p.view{background:url(images/view.png) no-repeat left 3px; font-size:14px; color:#2e353d; padding-left:28px; float:left; margin-top:1px;}
.stars{float:right;
color: #2e353d;
font-size: 14px;
margin-top: 1px;
padding-left: 28px;
}
.stars li{float:left; padding-left:1px;}
.videopost.last{margin-right:0px;}
.pagination{ padding-top:25px; padding-bottom:20px;}
.pagination ul{text-align:center;}
.pagination ul li{display:inline-block; font-family:'open_sansbold'; font-size:16px; text-transform:uppercase; padding:0 3px;}
.pagination ul li a{display:inline-block; background-color:#2e3b48; border-radius:5px; -webkit-border-radius:5px; line-height:34px; min-width:35px; padding:0 12px; color:#fff;}
.pagination ul li a:hover, .pagination ul li.active a{background-color:#de363d;}
.footer_ads{padding:10px 0 30px 0;}
.footer_ad{float:left; margin-right:20px;}
.footer_ad img{display:block;}
.footer_ad.last{margin-right:0px;}
footer{background:#22282f url(images/footer_bg.jpg) repeat-x;}
.f_logo{float:left; padding:28px 0;}
.f_logo img{display:block;}
footer p{font-size:15px; line-height:25px; color:#fff; padding-top: 5px; text-align:center;}


/* Video CSS */
.videoblock{float:left; width:816px;}
.videohere{margin-bottom:10px;}
.videohere img{display:block; max-width:100%;}
.video_details{float:left; width:50%; padding-right:15px;}
.video_details h3{font-family:'open_sanssemibold'; font-weight:normal; font-size:17px; color:#7db940; text-transform:uppercase; padding-bottom:10px;}
.video_details p{color:#2e353d; line-height:24px; font-size:15px;}
.video_details p a{color:#de363d;}
.video_details p a:hover{color:#7db940;}
.video_details p span{color:#6e7b8a;}
.buttons{padding-top:18px;}
.buttons li{float:left; padding-right:7px; font-size:14px; padding-bottom:7px;}
.buttons li a{color:#fff; min-width:125px; text-align:center; background-color:#2e3b48; border-radius:3px; -webkit-border-radius:3px; line-height:34px; display:block}
.buttons li a:hover{background-color:#de363d;}
.buttons li:last-child{padding-right:0px;}
.fright{float:right;}
.fleft{float:left;}
.smallbtn{float:left; padding-left:10px;}
.smallbtn li{float:left; font-size:14px; padding-right:7px; padding-bottom:7px;}
.smallbtn li a{color:#fff; line-height:26px; display:block; padding:0 10px; background-color:#6e7b8a; border-radius:3px; -webkit-border-radius:3px;}
.smallbtn li a:hover{background-color:#de363d;}
.categories{margin-bottom:3px; margin-top:10px;}
.categories p{float:left; clear:left;}
.tags{margin-bottom:5px;}
.tags p, .rating p{float:left; clear:left;}
.rating{padding-bottom:10px;}
.rating .stars{float:left; margin-left:10px; margin-top:3px;}
.video_ads{float:right; background-color:#f9f9f9; box-shadow:inset 0 0 40px rgba(0,0,0,0.15); -webkit-box-shadow:inset 0 0 40px rgba(0,0,0,0.15); border-radius:5px; -webkit-border-radius:5px; width:394px; padding-top:40px; padding-left:47px; padding-right:46px; padding-bottom:10px; border:1px solid #bdbdbd;}
.video_ad{margin-bottom:30px;}
.video_ad img{display:block;}

/*Responsive menu*/
.responsive_menu{padding-top:6px;}
.responsive_menu select{display:block;width:200px;height:38px;padding:5px 12px;font-size:14px;line-height:normal;color:#fff;vertical-align:middle;border:none; text-align:center; cursor:pointer; border:1px solid #393939; background:#0A0A0A url(images/dropdown.png) no-repeat 95% center; margin:auto; font-family:'open_sanssemibold';}
.responsive_menu select option{padding:2px 0;}
/*Responsive menu close*/

#Loading{display: none;}
.player_ad{
    background-color: #101010;
    border: 1px solid #313131;
	border-radius: 0px 0px 0px 0px;
	padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:0px;
	position: absolute;
	
}
.video-container iframe, .video-container object, .video-container embed {
background: #000000;
}
.video-container {
position: relative;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.footmenu, .ad-body  {
text-align: center;
}
.footmenu li {
    display: inline;
    padding: 2px;
}
.footmenu li a{
	color: #fc1f02;
}
.footmenu li {
    color: #9c9c9c;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12.5px;
    line-height: 34px;
}
.widget_nav_menu ul li a {
text-align: left;
font-weight: bold;
}
.ad-body {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.videoblock .videopost {
width: 31%;
}