body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }

body { background-color: rgb(68,59,60); color: rgb(168,159,160); font-family: 'Asap Condensed', sans-serif; }
input, button { font-family: 'Asap Condensed', sans-serif; }

li { list-style-type: none; }

img { background-color: rgb(108,99,100); display: block; }

a { color: rgb(248,239,240); text-decoration: none; transition: 0.2s ease; }
a:hover { color: rgb(241,131,91); }

h1, h2 { display: block; font-weight: normal; text-transform: uppercase; }
h1 { color: rgb(248,239,240); font-size: 24px; line-height: 26px; margin: 10px 5px 0 10px; }
h2 { color: rgb(248,239,240); font-size: 22px; margin: 40px 10px 0 10px; }
 
.head-wrapper { background-color: rgb(48,39,40); }
.head { margin: 0 auto; text-align: center; width: 100%; overflow: hidden; }
.head-top { overflow: hidden; }
.logo { float: left; margin-left: 10px; }
.logo a { color: rgb(248,239,240); text-transform: uppercase; font-size: 20px; height: 50px; line-height: 50px; }
.logo a span { color: rgb(241,131,91); }

.head-open-menu, .head-open-search { background-color: rgb(128,119,120); color: rgb(248,248,248); transition: 0.2s ease; height: 50px; line-height: 50px; width: 50px; font-size: 22px; float: right; cursor: pointer; margin-left: 1px; }
.head-open-menu.active, .head-open-menu:hover, .head-open-search.active, .head-open-search:hover { background-color: rgb(241,131,91); color: rgb(255,255,255); }

.head-bottom { border-top: 2px solid rgb(68,59,60); display: none; padding: 0 5px 10px 5px; }

.head-menu { background-color: rgb(241,131,91); background: linear-gradient(to bottom,rgb(255,151,111),rgb(221,111,71)); box-shadow: 0 5px 15px -7px rgb(18,9,10); border-top: 5px solid rgb(221,111,71); border-bottom: 5px solid rgb(255,151,111); display: none; font-size: 0; padding: 8px 4px 10px 4px; text-align: center; }
.head-menu li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; text-transform: uppercase; position: relative; }
.head-menu li a { background-color: rgba(0,0,0,0.2); color: rgb(255,255,255); border-radius: 3px; height: 30px; line-height: 30px; display: block; padding: 0 10px; font-size: 14px; }
.head-menu li a:hover, .head-menu li.active a { background-color: rgb(48,39,40); color: rgb(255,255,255); }

.searches-list { margin: 10px 0 0 10px; }
.searches-list ul { overflow: hidden; max-height: 25px; font-size: 0; }
.searches-list li { float: left; margin: 0 10px 0 0; }
.searches-list li a, .searches-list li span { display: block; height: 25px; line-height: 25px; font-size: 14px; text-transform: uppercase; }
.searches-list li a i, .searches-list li span { color: rgb(241,131,91); }

.search { margin: 10px auto 0 auto; width: 100%; max-width: 800px; }
.search form { position: relative; }
.search input, .search button { display: block; font-size: 14px; outline: none; text-transform: uppercase; transition: 0.2s ease; }
.search input { background-color: rgba(255,255,255,0.9); border: 1px solid rgb(168,159,160); color: rgb(68,59,60); width: 96%; padding: 0 2%; height: 48px; line-height: 48px; }
.search input:focus { background-color: rgb(255,255,255); border-color: rgb(241,131,91); }
.search button { background-color: transparent; color: rgb(168,159,160); position: absolute; top: 0; right: -1px; height: 50px; line-height: 50px; width: 50px; cursor: pointer; font-size: 20px; border: 0 none; }
.search button:hover { background-color: rgb(241,131,91); color: rgb(255,255,255); }

.wrapper { margin: 0 auto; width: 98%; text-align: left; }

.top-bl { overflow: hidden; padding-top: 5px; }
.top-bl h1 { float: left; }
.sort { float: left; overflow: hidden; margin: 8px 8px 0 5px; }
.sort li { display: block; float: left; margin: 2px 2px 0 0; }
.sort li a { background-color: rgb(48,39,40); height: 26px; line-height: 26px; text-align: center; display: block; padding: 0 10px; font-size: 13px; }
.sort li a:hover, .sort li.active a { background-color: rgb(241,131,91); color: rgb(255,255,255); }

.clear-line { clear: both; }

.thumb-bl { float: left; width: 100%; }
.thumb { position: relative; padding: 10px; transition: 0.2s ease; margin-top: 5px; }
.thumb:hover { background-color: rgb(48,39,40); box-shadow: 0 0 15px -4px rgb(18,9,10); }
.thumb img { width: 100%; height: auto; max-height: 240px; }
.thumb-name { line-height: 20px; height: 20px; font-size: 16px; overflow: hidden; margin-top: 5px; }
.thumb p { line-height: 15px; height: 15px; font-size: 13px; overflow: hidden; margin-top: 5px; }
.thumb ul { overflow: hidden; margin-top: 5px; height: 15px; line-height: 15px; }
.thumb li { float: left; margin: 0 5px 0 0; font-size: 13px; }
.thumb li a { text-decoration: underline; }
.thumb li a:hover { text-decoration: none; }
.thumb li a i { color: rgb(241,131,91); }
.thumb-dur { position: absolute; background-color: rgba(48,39,40,0.8); color: rgb(248,248,248); height: 20px; line-height: 20px; padding: 0 5px; font-size: 12px; top: 10px; right: 10px; }

.thumb-ctr .thumb-name {text-transform: uppercase; margin-top: 8px; }

.pages-bl { overflow: hidden; margin-top: 20px; text-align: center; font-size: 0; padding-bottom: 10px; }
.pages-bl li { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.pages-bl li a, .pages-bl li span { min-width: 30px; border-radius: 50%; display: block; height: 40px; line-height: 40px; padding: 0 5px; font-size: 14px; }
.pages-bl li a:hover, .pages-bl li.active a { background-color: rgb(48,39,40); color: rgb(241,131,91); box-shadow: 0 0 15px -4px rgb(18,9,10); }
.next-prev li a, .next-prev li span { width: 70px; height: 80px; line-height: 80px; font-size: 60px; }
.next-prev li span { background-color: rgb(78,69,70); }
.next-prev li a { background-color: rgb(48,39,40); box-shadow: 0 0 15px -4px rgb(18,9,10); }
.next-prev li a:hover { background-color: rgb(241,131,91); color: rgb(255,255,255); }

.bns-bl { margin-top: 10px; text-align: center; overflow: hidden; font-size: 0; }
.bn { background-color: rgb(108,99,100); display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.bn-2, .bn-3, .bn-4, .bn-5 { display: none; }

.categories-list { overflow: hidden; }
.letter { background-color: rgb(241,131,91); color: rgb(255,255,255); text-align: center; width: 50px; height: 50px; line-height: 50px; font-size: 32px; display: inline-block; vertical-align: top; margin: 20px 10px 0 10px; }
.categories-list ul { overflow: hidden; padding: 8px 8px 0 10px; }
.categories-list li { width: 100%; }
.categories-list li a { background-color: rgb(48,39,40); margin: 2px 2px 0 0; display: block; overflow: hidden; height: 35px; line-height: 35px; padding: 0 10px; }
.categories-list li span.category-name { display: block; float: left; font-size: 13px; text-transform: uppercase; }
.categories-list li span.category-total { color: rgb(168,159,160); display: block; float: right; font-size: 11px; }
.categories-list li a:hover { background-color: rgb(241,131,91); color: rgb(255,255,255); }
.categories-list li a:hover span.category-total { color: rgb(255,255,255); }

.top-list { margin-top: 8px; overflow: hidden; padding-bottom: 10px; }
.top-list ul { width: 50%; float: left; }
.top-list li { margin: 2px 10px 0 10px; }
.top-list li a { height: 35px; line-height: 35px; padding: 0 10px; font-size: 14px; display: block; overflow: hidden; }
.top-list li a i { color: rgb(168,159,160); }
.top-list li a:hover { background-color: rgb(48,39,40); color: rgb(248,239,240); box-shadow: 0 0 15px -4px rgb(18,9,10); text-decoration: underline; }
.top-list li a:hover i { color: rgb(241,131,91); }

.video-block { background-color: rgb(28,19,20); overflow: hidden; margin: 0 10px; }
.player { background-color: rgb(0,0,0); position: relative; width: 100%; height: 250px; }
.player iframe, .player object, .player embed { width: 100%; height: 100%; }

.right-player-col { font-size: 0; text-align: center; padding-bottom: 10px; }
.player-bn { background-color: rgb(85,85,85); display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.player-bn-2, .player-bn-3 { display: none; }

.video-info { background-color: rgb(48,39,40); box-shadow: 0 0 15px -4px rgb(18,9,10); overflow: hidden; margin: 0 10px; padding-bottom: 10px; }
.video-info h1 { border-bottom: 1px dotted rgb(88,79,80); padding-bottom: 10px; }
.video-info ul { overflow: hidden; padding-left: 10px; }
.video-info li { float: left; text-transform: uppercase; }
ul.video-meta li { font-size: 14px; margin: 10px 10px 0 0; }
ul.video-meta li span { color: rgb(248,239,240); }
ul.video-tags { padding-top: 8px; }
ul.video-tags li { margin: 2px 2px 0 0; }
ul.video-tags li a, ul.video-tags li span { font-size: 14px; display: block; }
ul.video-tags li a { border: 1px solid rgb(88,79,80); border-radius: 3px; height: 30px; line-height: 30px; padding: 0 10px; display: block; }
ul.video-tags li span { height: 32px; line-height: 32px; margin-right: 5px; }
ul.video-tags li i { color: rgb(241,131,91); }
ul.video-tags li a:hover { background-color: rgb(38,29,30); border-color: rgb(241,131,91); }

.video-share-buttons { margin: 10px 10px 0 10px; min-height: 35px; }

.footer-wrapper { background-color: rgb(88,79,80); box-shadow: inset 0 5px 15px -7px rgb(18,9,10); color: rgb(188,179,180);  margin-top: 20px; }
.footer { margin: 0 auto; overflow: hidden; text-align: center; padding: 10px 0 20px 0; width: 98%; font-size: 16px; line-height: 22px; }
.footer p { margin-top: 10px; }
.footer span { color: rgb(241,131,91); }
.footer a { text-decoration: underline; margin-right: 10px; margin-left: 10px; }
.footer a:hover { text-decoration: none; }

@media all and (min-width:380px) {
    .logo a { font-size: 24px; }
    .thumb-bl { width: 50%; }
    .categories-list li { float: left; width: 50%; }
    .player { height: 300px; }
}

@media all and (min-width:400px) {
    .logo a { font-size: 24px; }
    .top-list li a { font-size: 16px; }
}

@media all and (min-width:500px) {
    .logo a { font-size: 26px; }
    .player { height: 350px; }
    .top-list li a { font-size: 18px; }
}

@media all and (min-width:600px) {
    .logo a { font-size: 28px; }
	.thumb-bl { width: 33.3333%; }
    .categories-list li { width: 33.3333%; }
    .top-list ul { width: 25%; }
    .top-list li a { font-size: 14px; }
    .player { height: 400px; }
}

@media all and (min-width:700px) {
    .player { height: 450px; }
	.bn-2, .player-bn-2 { display: inline-block; }
    .top-list li a { font-size: 15px; }
}

@media all and (min-width:800px) {
	.player { height: 500px; }
    .top-list li a { font-size: 16px; }
    .sort { float: right; }
}

@media all and (min-width:900px) {
	.player { height: 510px; }
    .categories-list li { width: 25%; }
    .top-list li a { font-size: 17px; }
}

@media all and (min-width:980px) {
    .wrapper { width: 960px; }
    .head { width: 960px; display: table; padding: 5px 0; }
    .head-top { display: table-cell; vertical-align: top; text-align: left; }
    .head-open-menu, .head-open-search { display: none; }
    .logo { float: none; }
    .logo a { font-size: 30px; }
    .head-bottom { display: table-cell !important; vertical-align: top; border-top: 0 none; margin: 0; padding: 0 0 0 20px; }
    .head-menu { padding: 0; display: block !important; }
    .head-menu li { margin: 0 0.5px; }
    .head-menu li a { background-color: transparent; height: 50px; line-height: 50px; font-size: 18px; border-radius: 0; padding: 0 15px; }
    .head-searches-block { width: 100%; display: table; }
    .search { display: table-cell; vertical-align: top; }
    .search { width: 240px; padding: 0 10px 0 0; }
    .search input { padding: 0 4%; width: 92%; font-size: 16px; }
    h1 { font-size: 28px; line-height: 30px; }
    h2 { font-size: 32px; }
    .sort li a { height: 30px; line-height: 30px; font-size: 14px; min-width: 40px; }
    .thumb-bl { width: 320px; }
    .thumb a img { width: 300px; height: 225px; }
    .thumb-ctr .thumb-name { font-size: 18px; }
	.bn-3 { display: inline-block; }
	.categories-list li span.category-name { font-size: 15px; }
    .top-list li a { font-size: 18px; height: 40px; line-height: 40px; }
	.video-tab { display: table; width: 100%; }
	.player-col, .right-player-col { display: table-cell; vertical-align: top; }
	.player { height: 530px; }
	
    .video-info { padding-bottom: 15px; }
    .video-info h1 { margin: 15px 15px 0 15px; }
    .video-info ul { padding-left: 15px; }
    ul.video-meta li { margin: 15px 15px 0 0; }
    ul.video-tags { padding-top: 13px; }
    .video-share-buttons { margin: 15px 15px 0 15px; }
	
	.video-info h1 { font-size: 32px; padding-bottom: 15px; }
	.video-info li { font-size: 18px; }
    .right-player-col { width: 320px; }
    .player-bn { margin: 10px 10px 0 10px; display: block; }
    .player-bn-3 { display: none; }
    .footer { width: 960px; }
}


@media all and (min-width:1300px) {
    h1 { font-size: 30px; line-height: 34px; }
    h2 { font-size: 34px; }
    .head { padding: 10px 0; }
    .sort li a { height: 34px; line-height: 34px; font-size: 15px; min-width: 60px; }
    .wrapper, .head, .footer { width: 1280px; }
    .logo a { font-size: 34px; }
    .search { width: 300px; }
    .searches-list li a, .searches-list li span { font-size: 15px; }
    .head-menu li a { min-width: 120px; font-size: 20px; }
    .bn-4 { display: inline-block; }
    .categories-list li { width: 20%; }
    .categories-list li a { height: 40px; line-height: 40px; }
    .top-list ul { width: 12.5%; }
    .top-list li a { font-size: 14px; }
	.video-info h1 { font-size: 34px; }
}

@media all and (min-width:1620px) {
    .wrapper, .head, .footer { width: 1600px; }
    .logo a { font-size: 40px; }
    .search { width: 400px; }
    .search input { padding: 0 3%; width: 94%; }
    .player { height: 790px; }
    .bn-5 { display: inline-block; }
    .player-bn-3 { display: block; }
    .categories-list li { width: 16.6666%; }
	.categories-list li span.category-name { font-size: 16px; }
	.categories-list li span.category-total { font-size: 12px; }
    .top-list li a { font-size: 16px; }
	.video-info h1 { font-size: 36px; }
}

.mo-av, .mo-av div {overflow: visible !important; }
@media all and (min-width:1000px) {
.mo-av { display: none; }
}