body
{ background-color: rgb(7,7,7); }

.head-bottom
{ border-top: 2px solid rgb(7,7,7); }

.search input, .search button
{ color: rgb(27,27,27); }

.video-info h1
{ border-bottom: 1px dotted rgb(67,67,67); }

ul.video-tags li a
{ border: 1px solid rgb(67,67,67); }

img, .bn, .head-open-menu, .head-open-search, .video-block, ul.video-tags li a:hover
{ background-color: rgb(47,47,47); }

.head-wrapper, .head-menu li a:hover, .head-menu li.active a, .sort li a, .thumb:hover, .pages-bl li a:hover, .pages-bl li.active a, .next-prev li a, .categories-list li a, .top-list li a:hover, .player-bn, .video-info, .footer-wrapper, .next-prev li span
{ background-color: rgb(27,27,27); }

.thumb-dur
{ background-color: rgba(27,27,27,0.8); color: rgb(237,237,237); }

body, .categories-list li span.category-total, .top-list li a i
{ color: rgb(127,127,127); }

.search input
{ border: 1px solid rgb(127,127,127); }

a:hover, .logo a span, .searches-list li a i, .searches-list li span, .thumb li a i, .pages-bl li a:hover, .pages-bl li.active a, .top-list li a:hover i, ul.video-tags li i, .footer span
{ color: rgb(255,153,0); }

.head-open-menu.active, .head-open-menu:hover, .head-open-search.active, .head-open-search:hover, .head-menu, .search button:hover, .sort li a:hover, .sort li.active a, .next-prev li a:hover, .letter, .categories-list li a:hover
{ background-color: rgb(255,153,0); color: rgb(0,0,0); }

.head-menu li a { color: rgb(0,0,0); }

.search input:focus, ul.video-tags li a:hover
{ border-color: rgb(255,153,0); }

.head-menu
{ background: linear-gradient(to bottom,rgb(255,173,20),rgb(235,133,0)); border-top: 5px solid rgb(235,133,0); border-bottom: 5px solid rgb(255,173,20); }

a, h1, h2, .top-list li a:hover, .logo a, .head-open-menu, .head-open-search, ul.video-meta li span, .head-menu li a:hover, .head-menu li.active a, .categories-list li a:hover span.category-total
{ color: rgb(247,247,247); }

.head-menu li a
{ background-color: rgba(0,0,0,0.2); }

.head-menu
{ box-shadow: 0 5px 15px -7px rgb(0,0,0); }

.footer-wrapper
{ box-shadow: inset 0 5px 15px -7px rgb(0,0,0); }

.thumb:hover, .pages-bl li a:hover, .pages-bl li.active a, .next-prev li a, .top-list li a:hover, .video-info
{ box-shadow: 0 0 15px -4px rgb(0,0,0); }

.search input
{ background-color: rgba(255,255,255,0.9); }

.search input:focus
{ background-color: rgb(255,255,255); }




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

body { font-family: 'Open Sans', sans-serif; }
input, button { font-family: 'Open Sans', sans-serif; }

li { list-style-type: none; }

img { display: block; }

a { text-decoration: none; transition: 0.2s ease; }

h1, h2 { display: block; font-weight: normal; text-transform: uppercase; }
h1 { font-size: 24px; line-height: 26px; margin: 10px 5px 0 7px; }
h2 { font-size: 22px; margin: 40px 7px 0 7px; }

.head { margin: 0 auto; text-align: center; width: 100%; overflow: hidden; }
.head-top { overflow: hidden; }
.logo { float: left; margin-left: 10px; }
.logo a { text-transform: uppercase; font-size: 20px; height: 50px; line-height: 50px; }

.head-open-menu, .head-open-search { transition: 0.2s ease; height: 50px; line-height: 50px; width: 50px; font-size: 22px; float: right; cursor: pointer; margin-left: 1px; }

.head-bottom { display: none; padding: 0 5px 10px 5px; }

.head-menu { 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 { border-radius: 3px; height: 30px; line-height: 30px; display: block; padding: 0 10px; font-size: 14px; }

.searches-list { margin: 10px auto 0 auto; max-width: 800px; }
.searches-list ul { overflow: hidden; max-height: 50px; font-size: 0; }
.searches-list li { display: inline-block; vertical-align: top; margin: 0 5px; }
.searches-list li a, .searches-list li span { display: block; height: 25px; line-height: 25px; font-size: 14px; text-transform: uppercase; }

.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 { width: 96%; padding: 0 2%; height: 48px; line-height: 48px; }
.search button { background-color: transparent; position: absolute; top: 0; right: -1px; height: 50px; line-height: 50px; width: 50px; cursor: pointer; font-size: 20px; border: 0 none; }

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

.top-bl { overflow: hidden; padding-top: 5px; }
.top-bl h1 { float: left; }
.sort { float: left; overflow: hidden; margin: 8px 5px 0 5px; }
.sort li { display: block; float: left; margin: 2px 2px 0 0; }
.sort li a { height: 26px; line-height: 26px; text-align: center; display: block; padding: 0 10px; font-size: 13px; }

.clear-line { clear: both; }

.thumb-bl { float: left; width: 100%; }
.thumb { position: relative; padding: 7px; transition: 0.2s ease; margin-top: 5px; }
.thumb img { width: 100%; height: auto; max-height: 280px; }
.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-dur { visibility: hidden; position: absolute; 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; }
.next-prev li a, .next-prev li span { width: 70px; height: 80px; line-height: 80px; font-size: 60px; }

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

.categories-list { overflow: hidden; }
.letter { 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 { 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 { display: block; float: right; font-size: 11px; }

.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:hover { text-decoration: underline; }

.video-block { overflow: hidden; margin: 0 10px; }
.player1 { background-color: rgb(0,0,0); position: relative; width: 81%; margin:0 auto; }
.player { background-color: rgb(0,0,0); position: relative; width: 81%; padding-bottom: 39%;margin:0 auto; }
.player iframe, .player object, .player embed { position:absolute; top: 0; left: 0; width: 100%; height: 100%; }

.right-player-col { font-size: 0; text-align: center; padding-bottom: 10px; }
.player-bn { display: inline-block; vertical-align: top; margin: 10px 0 0 0; width: 300px; height: 250px; overflow: hidden; }
.player-bn-2, .player-bn-3 { display: none; }

.video-info { overflow: hidden; margin: 0 10px; padding-bottom: 10px; }
.video-info h1 { 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-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-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; }

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

.footer-wrapper { 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 a { text-decoration: underline; margin-right: 10px; margin-left: 10px; }
.footer a:hover { text-decoration: none; }

#vid-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#ado { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.play img { zoom: 1; border-radius: 50px; box-shadow: 0px 0px 20px 0px #666; width: 100px; height: 100px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
a.play:link { display: block; width: 100%; height: 100%; filter: alpha(opacity=52); opacity: 0.5; }
a.play:hover { filter: alpha(opacity=21); opacity: 0.8; }
	
@media all and (min-width:340px) {
    .bn, .player-bn { margin: 10px 5px 0 5px;  }
}

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

@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; }
    .top-list li a { font-size: 18px; }
}

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

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

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

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

@media all and (min-width:968px) {
    .wrapper { width: 948px; }
    .head { width: 948px; 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, .searches-list { display: table-cell; vertical-align: top; }
    .searches-list li { float: left; margin: 0 10px 0 0; }
    .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: 25%; }
    .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; }
    .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: 948px; }
}


@media all and (min-width:1442px) {
    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: 1422px; }
    .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:1916px) {
    .wrapper, .head, .footer { width: 1896px; }
    .logo a { font-size: 40px; }
    .search { width: 400px; }
    .search input { padding: 0 3%; width: 94%; }
    .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; }
}

.head, .wrapper, .footer { width: 100%; max-width: 1842px; }