@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';

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

.head-top-bl, .prev, .tl-list-col { box-shadow: 0 5px 15px -7px rgb(0,0,0); }
.foot-col { box-shadow: 0 -5px 15px -7px rgb(0,0,0); }

img, .bt-h-b, .player-right-b { background-color: rgba(255,255,255,0.1); }

a, h1, h2, .tl-list-col a:hover, .info-val span { color: rgb(245,245,245); }
a:hover, .foot-col span, .head-txt span, .tags a { color: rgb(243,232,73); }

.head-top-bl, .prev, .navi-col a:hover, .navi-col span.page, .tl-list-col, .foot-col, .player-col, .prev-dur, .navi-col span { background-color: rgb(45,45,45); }
.head-top-bl, .prev, .info-val, .foot-col, .searches-list-sep, .tl-list { border-color: rgb(5,5,5); }
.tl-list-col a, .views, .prev-dur { color: rgb(145,145,145); }

.head-srch input { background-color: rgba(255,255,255,0.9); color: rgb(35,35,35); }
.head-srch input { border-color: rgb(225,225,225) !important; }
.head-srch input:focus, .searches-list-col a:hover, .prev:hover, .navi-col a:hover, .navi-col span.page, .tags a:hover { border-color: rgb(243,232,73) !important; }

.head-srch button, .searches-list-col a, .navi-col a span.page, .tags a
{ background-color: rgb(225,225,225); background: linear-gradient(to bottom,rgb(245,245,245),rgb(205,205,205)); color: rgb(5,5,5); }

.head-srch button:hover, .searches-list-col a:hover, .prev-ct:hover .prev-tit, .tags a:hover, .navi-col a:hover span.page, .navi-col span.page
{ background-color: rgb(243,232,73); background: linear-gradient(to bottom,rgb(255,252,93),rgb(223,212,53)); color: rgb(5,5,5); }




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;
}

li { list-style-type: none; }
img { display: inline; border: 0 none; }
body { text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 0; }
a {  text-decoration: none; }

h1 { margin-top: 10px; text-transform: capitalize; line-height: 28px; font-size: 28px; display: block; font-weight: normal; text-transform: uppercase; }
h2 { margin: 20px 1px 0 1px;  line-height: 28px; font-size: 26px; display: block; font-weight: normal; text-transform: uppercase; }

.head-top-bl { display: none; border-bottom-width: 1px; border-bottom-style: solid; }
.head-top { margin: 0 auto; padding: 10px 1px; overflow: hidden; }

.head-lg a { font-size: 12px; background-image: url(http://xxxgaytubez.com/images/xxxgaytubez.png); display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; background-repeat: no-repeat; width: 200px; height: 50px; background-size: 200px 50px; }

.head-txt { font-size: 11px; line-height: 12.5px; height: 50px; overflow: hidden; }

.head-srch { width: 96%; margin: 10px auto 0 auto; }
.head-srch form { display: block; height: 30px; line-height: 30px; width: 100%; overflow: hidden; }
.head-srch input , .head-srch button {  font-size: 12px; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; text-align: center; border: none; text-align: center; display: block; }
.head-srch input { border-radius: 3px 0 0 3px; border-width: 1px; border-style: solid; height: 30px; line-height: 30px; text-align: center; outline: 0; width: 75%; padding: 0 10px; text-align: left; float: left; }
.head-srch button { border-radius: 0 3px 3px 0; height: 30px; line-height: 28px; cursor: pointer; width: 25%; font-size: 12px; float: right; }

.main-col { width: 100%; margin: 0 auto; overflow: hidden; }

.searches-list-col { overflow: hidden; margin: 0 2px; height: 32px; }
.searches-list-col a, .searches-list-col span { display: inline-block; vertical-align: top; height: 28px; line-height: 28px; text-transform: uppercase; font-size: 12px;  margin: 4px 2px 0 0; }
.searches-list-col a { border-radius: 3px; padding: 0 10px; }
.searches-list-col span { margin-right: 10px; }
.list-sort { height: 70px; }

.searches-list-sep { margin: 10px 2px 0 2px; border-top-width: 1px; border-top-style: solid; }

.prevs-col { padding-top: 8px; }

.prev { font-size: 14px; margin: 1% 0.5% 0 0.5%; border-radius: 3px; position: relative; width: 99%; height: auto; display: inline-block; vertical-align: top; overflow: hidden; padding-bottom: 5px; }
.prev a { display: block; overflow: hidden; }
.prev img { width: 100%; height: auto; max-height: 300px; }
.prev-tit { margin-top: 5px; padding: 0 10px; line-height: 16px; overflow: hidden; text-align: left; display: block; height: 32px; }
.prev-dur { position: absolute; top: 0; right: 0; height: 20px; line-height: 20px; font-size: 12px; padding: 0 5px; }

.prev-ct { padding: 0; }
.prev-ct .prev-tit { height: 30px; line-height: 30px; font-size: 16px; text-transform: uppercase; text-align: center; margin: 0; display: block; width: 100%; padding: 0; }

.navi-col { clear: both; margin: 18px 0 0 0; }
.navi-col ul { display: block; }
.navi-col li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.navi-col span, .navi-col span.page { border-radius: 3px; font-size: 13px; height: 40px; line-height: 40px; display: block; min-width: 30px; padding: 0 5px; transition: none; }

.tl-list-col { border-radius: 3px; overflow: hidden; margin: 20px 0 0 0; padding-bottom: 10px; }
.tl-list { margin-top: 10px; border-top-width: 1px; border-top-style: solid; }
.tl-list-col h2 { margin: 10px 10px 0 10px;  }
.tl-list-col ul { font-size: 14px; display: inline-block; vertical-align: top; width: 50%; margin-top: 10px; }
.tl-list-col li { margin: 0 10px;height: 25px; line-height: 25px; overflow: hidden; text-align: left; text-transform: capitalize; }

.tl-list-col a:hover { text-decoration: underline; }

.vid-wr { width: 98%; overflow: hidden; margin: 10px auto 0 auto; }
.player { background-color: rgb(0,0,0); position: relative; width: 100%; height: 200px; }
.player iframe, .player object, .player embed {  width: 100%; height: 100%; }

.player-col .info { overflow: hidden; padding-bottom: 10px; }

.info { padding-left: 10px; }

.tags { overflow: hidden; padding: 8px 8px 0 0; line-height: 25px; font-size: 14px; }
.tags span, .tags a  { text-transform: uppercase; display: block; float: left; margin: 2px 2px 0 0; }
.tags span { margin-right: 5px; }
.tags a { border-radius: 3px; height: 25px; line-height: 25px; padding: 0 10px; }

.info-val { border-right-width: 1px; border-right-style: solid; display: block; float: left; margin: 10px 10px 0 0; padding: 0 10px 0 0; font-size: 14px; line-height: 25px; text-transform: uppercase; }
.info-val:last-child { border-right: 0; }

.und-player { display: none; margin-top: 20px; }
.und-player img { width: 100%; height: auto; }

.player-spots { padding-top: 8px;  }
.player-right-b  { display: inline-block; vertical-align: top; width: 300px; height: 250px; margin: 2px 1px 0 1px; }
.player-right-b-2, .player-right-b-3, .player-right-b-4 { display: none; }


#on_video { display: none; }
#on_video iframe { width: 300px !important; height: 250px !important; }

.bt-hs-col { margin: 10px 0 0 0; }
.bt-h-b { display: inline-block; vertical-align: top; width: 300px; height: 250px; margin: 10px 5px 0 5px; }
.bt-h-b-2, .bt-h-b-3, .bt-h-b-4, .bt-h-b-5 { display: none; }

.foot-col { margin: 20px 0 0 0; padding: 8px; clear: both; font-size: 16px; border-top-width: 1px; border-top-style: solid; }


@media screen and (min-width: 400px) {
.prev { width: 49%; }
.prev img { max-height: 240px; }
.player { height: 250px; }
}

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

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

@media screen and (min-width: 630px) {
.bt-h-b-2 { display: inline-block; }
.player-right-b-2 { display: inline-block; }
#on_video { display: block; }
.prev { width: 32%; }
.tl-list-col ul { width: 25%; }
}

@media screen and (min-width: 710px) {
.player { height: 400px; }
}
    
@media screen and (min-width: 810px) {
.player { height: 450px; }
}


@media screen and (min-width: 940px) {
.bt-h-b-3 { display: inline-block; }
.player { height: 500px; }
.prev img { max-height: 230px; }
}


@media screen and (min-width: 986px) {
    h1 {text-align:left; overflow: hidden; }
    h2 { text-align: left;  }
    
    .head-top-bl { display: block; }
    
    .head-top { height: 50px; width: 966px; }
    .head-lg { display: block; float: left; width: 200px; margin: 0 0 0 1px; }
    .head-lg a { margin: 0; }
    .head-txt { display: block; float: left; margin: 0 0 0 10px; width: 500px; text-align: justify; }
    .head-srch { display: block; float: right; width: 220px; margin: 10px 1px 0 0; }
    .searches-list-col span { font-size: 20px; }

.main-col { width: 966px; }
.searches-list-col { text-align: left; margin-top: 6px; }
.searches-list-col h1 { font-size: 20px; float: left; margin-right: 20px; margin-top: 4px; }
.list-sort { height: 32px; }
.prevs-col { padding-top: 8px; }

.prev { width: 318px; margin: 2px 1px 0 1px; border-width: 1px; border-style: solid; }
.prev img { width: 318px; height: 210px; }
.prev-tit {  width: 70%; }
.views { width: 30%; }
.prev-ct .prev-tit { font-size: 18px; }

.navi-col span, .navi-col span.page { font-size: 16px; height: 50px; line-height: 50px; min-width: 40px; }

.vid-wr { margin: 8px 1px 0 1px; width: auto; }
.vid-tb { display: table; width: 100%; }
.player-col, .player-r-line { display: table-cell; vertical-align: top; }
.player { height: 378px; }
.player-col .info { display: table; width: 100%; padding: 8px 0 0 0; }
.tags, .meta { display: table-cell; vertical-align: top; margin: 0; }
.tags { width: 70%; text-align: left; padding: 0 10px; }
.tags span { float: none; }
.meta { width: 30%; }
.meta-wr { display: table; width: 100%; }
.info-val { float: none; width: 50%; display: table-cell; vertical-align: top; text-align: center; border-right-width: 0; border-left-width: 1px; border-left-style: solid; }
.info-val span { display: block; margin: 2px 0; }
.player-r-line { width: 2px; }

.player-spots { display: table-cell; vertical-align: top; width: 300px; padding-top: 0; }
.player-right-b { display: block; margin: 2px 0 0 0; }
.player-right-b:first-child { margin-top: 0; }
.player-right-b-3, .player-right-b-4 { display: none; }

.und-player { display: block; }

}






@media screen and (min-width: 1279px) {
.main-col, .head-top { width: 1264px; }
.head-txt { width: 810px; height: 42px; margin-top: 4px; line-height: 14px; }
.searches-list-col span, .searches-list-col h1 { font-size: 22px; }
.prev { width: 312px; }
.prev img { width: 312px; height: 206px; }
.prevs-col { padding-top: 8px; }
.player { height: 570px; }
.player-col .info { padding-top: 20px; }
.tags { line-height: 30px; font-size: 16px; }
.tags a { height: 28px; line-height: 28px; padding: 0 15px; }
.info-val { line-height: 30px; font-size: 16px; }
.und-player { margin-top: 40px; }
.player-right-b-3 { display: block; }
.bt-h-b-4 { display: inline-block; }
.tl-list-col ul { width: 12.5%; font-size: 14px; }
}

@media screen and (min-width: 1630px) {
.main-col, .head-top { width: 1610px; }
.head-txt { width: 1150px; font-size: 13px; }
.searches-list-col span, .searches-list-col h1 { font-size: 24px; }
.prev { width: 318px; }
.prev img { width: 318px; height: 210px; }
.player { height: 754px; }
.player-col .info { padding-top: 33px; }
.tags { line-height: 40px; font-size: 18px; }
.tags a { height: 38px; line-height: 38px; padding: 0 20px; }
.info-val { line-height: 40px; font-size: 18px; }
.und-player { margin-top: 53px; }
.bt-h-b-5 { display: inline-block; }
.tl-list-col h2 { margin-left: 20px; }
.tl-list-col li { margin: 0 20px; }
.player-right-b-4 { display: block; }

}