header,section,footer,aside,nav,main,article,figure{display:block}
body{margin:0px; padding:0px; font-family:'Assistant', sans-serif; background-color:#320033;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{border:none; margin:0px; padding:0px; max-width:100%; display:block;}
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: #320033;}
.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:#f89cfa;}
.topLinks ul li:first-child{margin-left:0px;}
.centerwrap{width:1500px; margin:auto;}
header{background-color:#1f0020; /*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:#fff; margin-bottom:22px; line-height:48px;}
.categories{ padding-bottom:40px;}
.category{float:left; width:16.6667%; padding: 0 2px 2px 2px;}
.category:nth-child(6n){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;}
.category p{font-size:16px; letter-spacing:0.025em; text-align:center; background-color:#1f0020; line-height:34px;}
.category p a{color:#fff; display:block;}
.category p a:hover{color:#f89cfa;}
.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:#f89cfa;}
.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:#f89cfa; font-size:21px; line-height:36px;}
.categoriesList ul li.letter:first-child{font-size:26px; border-bottom:none;}
footer{background-color:#1f0020; padding:22px 0;}
footer p{font-size:14px; line-height:22px; letter-spacing:0.025em; color:#fff; text-align:center; padding-bottom:22px;}
footer p a{color:#fff;}
footer p a:hover{color:#f89cfa;}
footer p:last-child{padding-bottom:0px;}

/* Inner */
.cateTLeft{float:left; margin-right:18px;}
.sort{float:left;}
.sort a{line-height:35px; border:0px solid #fff; border-radius:5px; -webkit-border-radius:5px; font-size:14px; letter-spacing:0.025em; color:#fff; padding:0 13px; margin-right:10px; float:left;background-color:#1f0020;min-width:88px;text-align:center;}
.sort a:last-child{margin-right:0px;}
.sort a:hover, .sort a.active{background-color:#f89cfa;color:#1f0020;}
.pagination{float:right;}
.bottom{float: none;text-align: center;}
.pagination a, .pagination span{float:left; line-height:26px; min-width:48px; font-size:16px; letter-spacing:0.025em; border:0px solid #fff; border-radius:5px; -webkit-border-radius:5px; text-align:center; color:#fff; font-weight:600; margin-left:5px; padding:10px;background-color:#1f0020;}
.pagination a:hover, .pagination a.active{background-color:#f89cfa;color:#1f0020;}
.videos{clear:both; padding-bottom:18px;}
.videoBlock{float:left; width:16.6667%; padding: 0 2px 2px 2px;}
.videoBlock:nth-child(6n){margin-right:0px;}
.videoBlock:nth-child(6n + 1){clear:left;}
.videoPic{position:relative; overflow:hidden;}
.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;}
@-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}}
.videoPic img{width:1010%;}
.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:#1f0020; 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:#fff;}
.videoContent h3 a:hover{color:#f89cfa;}
.days{float:left; font-size:13px; color:#ccc; 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:#ccc; line-height:28px; display:block;}
.siteLink a:hover{color:#f89cfa;}
.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:#ccc;}
.tags a:hover{color:#f89cfa;}
.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:#f89cfa;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:#f89cfa}
#goToTopBtn {display: none; position: fixed; bottom: 20px; right: 20px; font-size: 16px; padding: 10px 15px; background-color: #b566b6; color: white; border: none; cursor: pointer;}