html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}

body { background-color: rgb(210,210,210); color: rgb(110,110,110); font-size: 0; font-family: 'Open Sans', sans-serif; }

img{background-color:rgb(170,170,170);border:0 none;}

li{list-style-type:none;}

a { color: rgb(35,35,35); text-decoration: none; }
a:hover { color: rgb(80,169,225); }
h1 { color: rgb(36,35,30); margin: 10px 1px 0 1px; display: block; line-height: 25px; font-size: 24px; font-weight: normal; }
h2 { color: rgb(36,35,30); margin: 10px 1px 0 1px; display: block; line-height: 25px; font-size: 16px; font-weight: normal; text-transform: uppercase; }

.head-cont { background-color: rgb(20,20,20); background: linear-gradient(to bottom,rgb(20,20,20),rgb(30,30,30)); }
.head { margin: 0 auto; padding: 0 0 10px 0; text-align: center; overflow: hidden; }
.logo a { background-color: rgb(80,169,225); background: linear-gradient(to bottom,rgb(100,189,245),rgb(60,149,205)); color: rgb(255,255,255); font-size: 22px; text-transform: uppercase; font-weight: bold; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; height: 40px; line-height: 40px; padding: 0 20px;  }
.logo a span { color: rgb(0,0,0); }
.lnk a { background-color: rgb(23, 25, 28); color: rgb(255,255,255); font-size: 16px; font-weight: bold; display: inline-block; vertical-align: top; margin: 30px 5px 0 5px; height: 10px; line-height: 10px; padding: 0 10px;  }
.head ul { display: block; margin: 8px 0 0 0; }
.head li { display: inline-block; vertical-align: top; margin: 2px 0.5% 0 0.5%; width: 48%; height: 30px; line-height: 30px; font-size: 12px; }
.head li a { background-color: rgb(60,60,60); background: linear-gradient(to bottom,rgb(70,70,70) 50%,rgb(50,50,50) 50%); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); display: block; border-radius: 3px; padding: 0 10px; }
.head li a:hover, .head li.active a { background-color: rgb(80,169,225); background: linear-gradient(to bottom,rgb(90,179,235) 50%,rgb(70,159,215) 50%); }

.head li.search { clear: both; display: block; height: 40px; line-height: 40px; width: 96%; margin: 10px auto 0 auto; }
.head li.search form { width: 100%; overflow: hidden; border-radius: 3px; }
.head li.search input, .head li.search button { display: block; float: left; border: 0 none; height: 40px; line-height: 40px; font-family: 'Open Sans', sans-serif; }
.head li.search input { background-color: rgb(246,245,240); color: rgb(46,45,40); outline-color: rgb(80,169,225); width: 80%; text-align: center; font-size: 14px; }
.head li.search button { background-color: rgb(216,215,210); background: linear-gradient(to bottom,rgb(236,235,230),rgb(196,195,190)); color: rgb(46,45,40); cursor: pointer; width: 20%; font-size: 18px; }
.head li.search button:hover { background: rgb(80,169,225); color: rgb(255,255,255); }

.wrapper { background-color: rgb(230,230,230); box-shadow: 0 15px 30px -10px rgb(110,110,110); margin: 0 auto; width: 98%; }

.content { text-align: center; padding-bottom: 20px; }

.thumbs-wrapper { padding-top: 8px; }

.thumb { background-color: rgb(250,250,250); display: inline-block; vertical-align: top; margin: 1% 0.5% 0 0.5%; width: 96%; border-radius: 3px; overflow: hidden; position: relative; }
.thumb a { background-color: rgb(0,0,0); display: block; border-radius: 3px; }
.thumb img { width: 100%; height: auto; }
.thumb:hover img { opacity: 0.9; }
.thumb .title { background-color: rgb(250,250,250); display: block; overflow: hidden; font-size: 12px; height: 25px; line-height: 25px; padding: 0 10px; text-align: left; }
.thumb .views, .thumb .dur, .thumb .added, .ct-videos { background-color: rgba(255,255,255,0.7); color: rgb(35,35,35); font-size: 10px; padding: 0 5px; position: absolute; height: 20px; line-height: 20px; }
.thumb .views { left: 5px; bottom: 25px; border-radius: 3px 3px 0 0; }
.thumb .added { right: 5px; bottom: 25px; border-radius: 3px 3px 0 0; }
.thumb .dur { top: 0; right: 5px; border-radius: 0 0 3px 3px; }
.thumb:hover { box-shadow: 0 0 0 1px rgb(80,169,225); }

.thumb-ct .title { font-weight: bold; font-size: 16px; }
.ct-videos { font-size: 14px; left: 5px; bottom: 25px; border-radius: 3px 3px 0 0; }

.right-content { background-color: rgb(55,55,55); padding: 0 0 20px 0; overflow: hidden; margin: 20px 0 0 0; text-align: center; }
.right-content h2 { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); }

.clr-line { border-top: 1px solid rgb(75,75,75); box-shadow: 0 -1px 0 0 rgb(35,35,35); clear: both; margin: 20px 11px 0 11px; }

.popular-categories { padding-top: 8px; }
.popular-categories a { background-color: rgb(25,25,25); background: linear-gradient(to bottom,rgb(35,35,35) 50%,rgb(15,15,15) 50%); color: rgb(225,225,225); height: 25px; line-height: 25px; border-radius: 3px; font-size: 11px; text-transform: uppercase; display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 128px; padding: 0 10px; text-align: left; }
.popular-categories a:hover { background-color: rgb(80,169,225); background: linear-gradient(to bottom,rgb(90,179,235) 50%,rgb(70,159,215) 50%); color: rgb(255,255,255); }
.popular-categories a.all-categories-link { background-color: rgb(80,169,225); background: linear-gradient(to bottom,rgb(90,179,235) 50%,rgb(70,159,215) 50%); color: rgb(255,255,255);  text-align: center; }
.popular-categories a.all-categories-link:hover { background: rgb(100,189,245); }
.popular-categories a i { color: rgb(90,179,235); }
.popular-categories a:hover i { color: rgb(255,255,255); }

.thumb-friends { padding-top: 8px; }
.thumb-friends a { background-color: rgb(35,35,35); position: relative; overflow: hidden; width: 148px; display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.thumb-friends a img { width: 100%; height: auto; max-height: 112px; }
.thumb-friends a span { background-color: rgba(0,0,0,0.7); color: rgb(225,225,225); text-decoration: underline; width: 138px; display: block; height: 22px; line-height: 22px; overflow: hidden; padding: 0 5px; font-size: 11px; position: absolute; left: 0; bottom: 0; }
.thumb-friends a:hover span { background-color: rgba(0,0,0,0.9); text-decoration: none; }

.link-friends { padding-top: 8px; }
.link-friends a { background-color: rgb(45,45,45); color: rgb(165,165,165); text-shadow: 1px 1px 0 rgb(0,0,0); height: 30px; line-height: 30px; overflow: hidden; width: 274px; display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; font-size: 18px; padding: 0 10px; }
.link-friends a:hover { background-color: rgb(35,35,35); }
.link-friends a i { color: rgb(205,205,205); }

.pages { margin: 18px 0 0 0; text-align: center; }
.pages span, .pages a { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; text-shadow: 1px 1px 0 rgb(0,0,0); height: 35px; line-height: 35px; border-radius: 20px; min-width: 25px; padding: 0 5px; font-size: 12px; font-weight: bold; text-align: center; }
.pages a { background-color: rgb(60,60,60); background: linear-gradient(to bottom,rgb(70,70,70) 50%,rgb(50,50,50) 50%); color: rgb(255,255,255); }
.pages span { background-color: rgb(220,220,220); text-shadow: none;  }
.pages span.active { text-shadow: 1px 1px 0 rgb(0,0,0); }
.pages span.active, .pages a:hover { background-color: rgb(80,169,225); background: linear-gradient(to bottom,rgb(90,179,235) 50%,rgb(70,159,215) 50%); color: rgb(255,255,255); }

.b-block { margin: 18px 0 0 0; text-align: center; }
.b-ho { background-color:rgb(170,170,170); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; }
.b-ho-2, .b-ho-3, .b-ho-4 { display: none; }

.player-wrapper { background-color: rgb(0,0,0); padding: 0 10px 10px 10px; overflow: hidden; }
.player-block h1 { color: rgb(221,221,221); }
.player { margin-top: 10px;  width: 100%; height: 250px; position: relative; }
.player iframe, .player object, .player embed { width: 100%; height: 100%; }

.player-block .meta { margin: 8px 0 0 0; }
.player-block .meta span { height: 25px; line-height: 25px; background-color: rgb(30,30,30); color: rgb(130,130,130); display: inline-block; vertical-align: top; margin: 2px 2px 0 0; border-radius: 3px; padding: 0 10px; font-size: 12px; }
.player-block .meta span i { color: rgb(170,170,170); }

.video-categories { margin: 8px 0 0 0; }
.video-categories a { height: 25px; line-height: 25px; background-color: rgb(40,40,40); background: linear-gradient(to bottom,rgb(50,50,50) 50%,rgb(30,30,30) 50%);  color: rgb(255,255,255); display: inline-block; vertical-align: top; margin: 2px 2px 0 0; border-radius: 3px; padding: 0 10px; font-size: 12px; }
.video-categories a:hover { background-color: rgb(80,169,225); background: linear-gradient(to bottom,rgb(90,179,235) 50%,rgb(70,159,215) 50%); }
.video-categories a i { color: rgb(90,179,235); }
.video-categories a:hover i { color: rgb(255,255,255); }

.player-b-block { margin: 18px 0 0 0; text-align: center; }
.player-b-ve { background-color:rgb(40,40,40); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; }
.player-b-ve-2, .player-b-ve-3, .player-b-ve-4 { display: none; }

.footer { margin: 30px 0 0 0; margin: 0 auto; padding: 15px 0; font-size: 13px; text-align: center; line-height: 22px; }
.footer span { font-weight: bold; color: rgb(80,169,225);  }
.footer a { text-decoration: underline; display: inline-block; vertical-align: top; margin: 0 5px; font-size: 11px; text-transform: uppercase; }
.footer a:hover { text-decoration: none; }























@media all and (min-width: 400px) {
.thumb { width: 48%; }
.player { height: 300px; }
}

@media all and (min-width: 500px) {
.head li { margin: 2px 1px 0 1px; width: auto; }
.player { height: 350px; }
}

@media all and (min-width: 600px) {
.player { height: 400px; }
}

@media all and (min-width: 620px) {
.b-ho-2, .player-b-ve-2 { display: inline-block; }
}

@media all and (min-width: 700px) {
.thumb { width: 31%; }
.player { height: 450px; }
}

@media all and (min-width: 800px) {
.player { height: 500px; }
}

@media all and (min-width: 900px) {
.player { height: 550px; }
}


@media all and (min-width: 960px) {
.head { width: 944px; padding: 0; min-height: 60px; text-align: left; display: table; }
.logo { display: table-cell; vertical-align: top; width: auto; }
.logo a { margin: 0; height: 60px; line-height: 60px; font-size: 24px; }
.head ul { display: table-cell; vertical-align: top; margin: 0; overflow: hidden; }
.head li { margin: 15px 2px 15px 0; width: auto; display: block; float: left; }
.head li.head-categories { float: right; margin-left: 10px; margin-right: 0; }
.head li.search { float: right; margin: 10px 0; clear: none; width: 260px; }
.wrapper, .footer { width: 944px; }
.main-cont { display: table; width: 100%; }
.content, .right-content { display: table-cell; vertical-align: top; }
.content { padding: 0 10px 20px 10px; text-align: left; }
.thumb { width: 300px; margin: 2px 1px 0 1px; }
.thumb img { width: 300px; height: 225px; }
.right-content { width: 320px; margin: 0; }
.popular-categories a.all-categories-link { clear: both; width: 280px; }
.link-friends a { text-align: left; }
.pages span, .pages a { height: 40px; line-height: 40px; border-radius: 20px; min-width: 30px; }
.player-wrapper { margin: 0 -10px; }
.player { height: 360px; }
.player-b-block { margin: 8px 10px 0 10px; }
.player-b-ve, .player-b-ve-2, .player-b-ve-3, .player-b-ve-4 { display: block; margin: 2px 0 0 0;}
}

@media all and (min-width: 1260px) {
.head { width: 1246px; }
.head li { font-size: 13px; }
.head li a { padding: 0 15px; }
.head li.search { width: 400px; }
.wrapper, .footer { width: 1246px; }
.b-ho-3 { display: inline-block; }
.player { height: 520px; }
.player-block .info { overflow: hidden; }
.player-block .meta { float: left; text-align: left; }
.video-categories { float: right; text-align: right; }
.video-categories a { margin: 2px 0 0 2px; } 
}

@media all and (min-width: 1570px) {
.head { width: 1548px; }
.head li { font-size: 14px; }
.head li a { padding: 0 20px; }
.head li.search { width: 510px; }
.wrapper, .footer { width: 1548px; }
.b-ho-4 { display: inline-block; }
.player { height: 680px; }
}