/*
Site Name: ebonyhub.co
Description: Website Design and PSD to Responsive HTML5 by AdultDC
URI: http://adultdc.com/
*/
header,section,footer,aside,nav,main,article,figure{display:block}
body{margin:0px; padding:0px; font-family:'Assistant', sans-serif; background-color:#fff;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{border:none; margin:0px; padding:0px; max-width:100%; display:block;}
logoimg{border:none; margin:0px; padding:0px; max-width:100%; display:block;width:258px;height:92px;}
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; font-weight:normal;}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
input[type="submit"]{-webkit-appearance:none; /*-webkit-border-radius:0px;*/}
a, .searchBox{-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;}
.none{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
select{-webkit-appearance:none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
::-webkit-input-placeholder{color:#a5a5a5; opacity:1;}
::-moz-placeholder{color:#a5a5a5; opacity:1;}
:-ms-input-placeholder{color:#a5a5a5; opacity:1;}
:-moz-placeholder{color:#a5a5a5; opacity:1;}

/* font-family:'Bitter', serif; */
.topLinks{background-color:#444;}
.topLinks ul{float:right;}
.topLinks ul li{float:left; font-size:14px; margin-left:15px; letter-spacing:0.025em;}
.topLinks ul li a{line-height:34px; display:block; color:#fff;}
.topLinks ul li a:hover{color:#fd582c;}
.topLinks ul li:first-child{margin-left:0px;}
.centerwrap{width:1500px; margin:auto;}
header{background-color:#f5f5f5; /*padding-top:27px; padding-bottom:27px;*/}
.logo{float:left; padding:15px 0 18px;}
.searchArea{float:right; width:342px; position:relative; margin-top:44px;}
.searchBox{width:100%; height:37px; border:1px solid #838383; border-radius:5px; -webkit-border-radius:5px; padding-left:15px; font-family:'Assistant', sans-serif; font-size:14px; color:#a5a5a5; padding-right:40px; background-color:transparent;}
.searchBox:focus{border-color:#fff;}
.searchIcon{background:url(../images/search.png) no-repeat center center; width:35px; height:35px; cursor:pointer; position:absolute; right:1px; top:1px; border:none;}
.bodyArea{padding-top:28px;}
h2.title, h1.title{font-family:'Bitter', serif; font-size:26px; color:#333; margin-bottom:22px; line-height:28px;}
.categories{ padding-bottom:40px;}
.category{float:left; width:24.25%; margin-right:12px; margin-bottom:12px;}
.category:nth-child(4n){margin-right:0px;}
.categoryPic{position:relative; overflow:hidden;}
.categoryPic a:before{width:0px; height:0px; background-color:rgba(255,255,255,0.1); content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.categoryPic a:hover:before{animation:box .75s; -webkit-animation:box .75s;}
@-webkit-keyframes box{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}
@keyframes box{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}
.categoryPic img{width:1010%;}
.categoryPic span{position:absolute; left:2px; top:2px; font-size:14px; letter-spacing:0.025em; color:#fff; background-color:rgba(0,0,0,0.7); line-height:25px; padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:100%;}
.category p{font-size:16px; letter-spacing:0.025em; text-align:center; background-color:#171a24; line-height:34px;}
.category p a{color:#fff; display:block;}
.category p a:hover{color:#ffd200;}
.allCategories{padding-top:28px;}
.categoriesList{padding-bottom:50px;}
.categoriesList ul{width:100%; column-count:5; -moz-column-count:5; -webkit-column-count:5;}
.categoriesList ul:last-child{margin-right:0px;}
.categoriesList ul li{font-size:15px; letter-spacing:0.025em; border-bottom:1px dashed #969391; *zoom:1;}
.categoriesList ul li:before, .categoriesList ul li:after{content:" "; display:table;}
.categoriesList ul li:after{clear:both;}
.categoriesList ul li a{color:#ccc; float:left; line-height:36px; display:block; width:75%;}
.categoriesList ul li a:hover{color:#fd582c;}
.categoriesList ul li span{float:right; width:22%; line-height:36px; color:#757575; font-size:13px; letter-spacing:0.025em; text-align:right;}
.categoriesList ul li.letter{font-family:'Bitter', serif; color:#ffd200; font-size:21px; line-height:36px;}
.categoriesList ul li.letter:first-child{font-size:26px; border-bottom:none;}
footer{background-color:#f5f5f5; padding:22px 0;}
footer p{font-size:14px; line-height:22px; letter-spacing:0.025em; color:#333; text-align:center; padding-bottom:22px;}
footer p a{color:#fff;}
footer p a:hover{color:#fd582c;}
footer p:last-child{padding-bottom:0px;}

/* Inner */
.cateTLeft{float:left; margin-right:18px;}
.sort{float:left;}
.sort a{line-height:26px; border:0px solid #f60; border-radius:5px; -webkit-border-radius:5px; font-size:14px; letter-spacing:0.025em; color:#333; padding:0 13px; margin-right:10px; float:left;}
.sort a:last-child{margin-right:0px;}
.sort a:hover, .sort a.active{background-color:#f60;color:#fff;}
.pagination{float:right;}
.pagination a, .pagination span{float:left; line-height:26px; min-width:30px; font-size:16px; letter-spacing:0.025em; border:1px solid #f60; border-radius:5px; -webkit-border-radius:5px; text-align:center; color:#333; font-weight:600; margin-left:5px; padding:0 7px;}
.pagination a:hover, .pagination a.active{background-color:#f60;color:#fff;}
.videos{clear:both; padding-bottom:18px;}
.videoBlock{float:left; width:366px; margin-right:12px; margin-bottom:12px;}
.videoBlock:nth-child(4n){margin-right:0px;}
.videoBlock:nth-child(4n + 1){clear:left;}
.videoPic{position:relative; overflow:hidden;}
.videoPic img{width:100%;}
.videoPic a:before{width:0px; height:0px; background-color:rgba(255,255,255,0.1); content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.videoPic a:hover:before{animation:box .75s; -webkit-animation:box .75s;}
.time{position:absolute; right:2px; bottom:2px; font-size:14px; letter-spacing:0.025em; color:#fff; background-color:rgba(0,0,0,0.7); line-height:25px; padding:0 10px;}
.videoType{position:absolute; left:2px; top:2px; background-color:rgba(0,0,0,0.7); padding: 0 8px; font-size: 14px; color: #fff; font-weight: bold;}
a.flag{position:absolute; left:2px; bottom:2px; background:rgba(0,0,0,0.7) url(../images/flag.png) no-repeat center center; width:25px; height:25px;}
a:hover.flag{background-color:#000;}
.videoContent{background-color:#ccc; padding:8px 10px 10px 10px;}
.videoContent h3{font-size:15px; font-weight:400; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;}
.videoContent h3 a{color:#333;}
.videoContent h3 a:hover{color:#fd582c;}
.days{float:left; font-size:13px; color:#333; background:url(../images/date.png) no-repeat left center; padding-left:23px; line-height:28px;}
.siteLink{float:right;}
.siteLink a{background:url(../images/link.png) no-repeat left center; padding-left:23px; font-size:13px; color:#333; line-height:28px; display:block;}
.siteLink a:hover{color:#f60;}
.tags{background:url(../images/tags.png) no-repeat left 2px; padding-left:23px; font-size:13px; color:#826a60; line-height:17px; clear:both; margin-top:1px; float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tags a{color:#333;}
.tags a:hover{color:#f60;}
.bSort{margin-bottom:50px;}
.bPagi{margin-bottom:50px;}
.wrapper{padding:50px 20px;text-align:center}
.wrapper img{margin:auto;}
.wrapper h2{text-indent:-9999px;background:url(../images/404.png) no-repeat;max-width:419px;height:306px;margin:auto;}
.wrapper p{display:none}
.wrapper a{background:#fd582c;border-radius:5px;display:inline-block;line-height:50px;padding:0 40px;color:#fff;font-size:20px;margin-top:20px}
.wrapper a:hover{background:#fff;color:#fd582c}