body { background-color: #ffecf0; color: #878077; }
.top-place-search-form input { background-color: #fff; color: #878077; }

img, .bn-place, .native-place, .player-right-b, .player-place-meta-value { background-color: #000; }

a, h1, h2, .toplist-place a:hover, .player-place-meta-value span { color: #313131; }
a:hover, .bot-place span, .head-txt span, .player-place-tags a { color: #000000; }

.top-place-ob, .preview-place, .pages-place a:hover, .pages-place span.page, .toplist-place, .bot-place, .video-place-ob, .preview-place-duration, .pages-place span, .top-place-languages-list, .top-place-languages-list li a, .main-title-sort-place a, .top-place-searches
{ background-color: #ffcfe2; }
.top-place-ob, .preview-place, .player-place-meta-value, .bot-place, .top-place-languages-list ul, .top-place-languages-list li a, .main-title-sort-place a, .top-place-searches, .top-place-searches-list li a, .top-place-languages-button, .top-place-sort-buttons li a, .top-place-searches-button, .top-place-searches-list li a, .top-place-search-form input, .top-place-search-form button
{ border-color: #ffb6d0 !important; }
.toplist-place a, .views, .preview-place-duration { color: #9b8b1d; }

.top-place-languages-button, .top-place-sort-buttons li a, .top-place-searches-button, .top-place-searches-list a, .top-place-search-form button, .top-place-search-form input:focus, .top-place-languages-list 
{ background-color: rgba(255,255,255,0.9); color: #313131; }
.top-place-search-form input:focus, .top-place-searches-list a:hover, .preview-place:hover, .pages-place a:hover, .pages-place span.page, .player-place-tags a:hover, .top-place-languages-list li a:hover, .main-title-sort-place a:hover, .top-place-sort-buttons li a:hover, .top-place-searches-button:hover, .top-place-searches-button.active, .top-place-search-form button:hover, .top-place-languages-button:hover, .top-place-languages-button.active, .top-place-searches-list li a:hover
{ border-color: #d40e37 !important; }

.pages-place a span.page, .player-place-tags a
{ background-color: #313131; background: linear-gradient(to bottom,#454545,#1d1d1d); color: #ffffff; }

.top-place-search-form button:hover, .top-place-searches-list a:hover, .preview-place-category:hover .preview-place-title, .player-place-tags a:hover, .pages-place a:hover span.page, .pages-place span.page, .top-place-sort-buttons li a:hover, .top-place-languages-button:hover, .top-place-languages-button.active, .top-place-searches-button:hover, .top-place-searches-button.active
{ background-color: rgb(217,111,164); background: linear-gradient(to bottom,#d40e37,#ff7caa); color: #ffffff; }




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: 'Muli', sans-serif; font-size: 0; }
a {  text-decoration: none; }

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

.top-place-ob { display: none; border-bottom-width: 1px; border-bottom-style: solid; }
.top-place { margin: 0 auto; padding: 10px 0; }

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

.top-place-sort-buttons { overflow: hidden; padding: 8px 10px 0 0; }
.top-place-sort-buttons li { margin: 2px 0 0 4px; float: left; }
.top-place-sort-buttons li a { border-width: 1px; border-style: solid; height: 28px; line-height: 28px; display: block; font-size: 13px; padding: 0 10px;  }

.top-place-search-form { width: 96%; margin: 10px auto 0 auto; }
.top-place-search-form form { display: block; height: 30px; line-height: 30px; width: 100%; overflow: hidden; }
.top-place-search-form input , .top-place-search-form button { font-size: 13px; font-family: 'Muli', sans-serif; text-align: center; border: none; display: block; }
.top-place-search-form input { border-style: solid; border-width: 1px; border-right: 0 none !important; height: 30px; line-height: 30px; text-align: center; outline: 0; width: 80%; padding: 0 10px; text-align: left; float: left; }
.top-place-search-form button { border-style: solid; border-width: 1px; height: 30px; line-height: 25px; cursor: pointer; width: 20%; font-size: 12px; float: right; }

.top-place-searches-button { border-width: 1px; border-style: solid; margin: 10px 5px 0 5px; padding: 0 10px; height: 28px; line-height: 28px; font-size: 13px; text-align: left; cursor: pointer; }
.top-place-searches-button span { font-size: 12px; }

.top-place-languages { float: right; position: relative; max-width: 140px; margin: 10px 5px 0 0; }
.top-place-languages-button { border-width: 1px; border-style: solid; height: 28px; line-height: 28px; font-size: 13px; text-align: left; cursor: pointer; }
.top-place-languages-button span { padding: 0 10px 0 36px; background-position: 10px center; background-size: 16px 11px; background-repeat: no-repeat; }
.top-place-languages-button span i { font-size: 12px; }

.top-place-languages-list { display: none; position: absolute; z-index: 10000; width: 260px; top: 32px; right: 0; }
.top-place-languages-list ul { padding: 8px 9px 10px 9px;  overflow: hidden; border-width: 1px; border-style: solid; }
.top-place-languages-list li { display: block; float: left; width: 50%; text-align: left; }
.top-place-languages-list li a { border-width: 1px; text-transform: capitalize; margin: 2px 1px 0 1px; background-position: 10px center; background-size: 16px 11px; background-repeat: no-repeat; border-style: solid; display: block; height: 28px; line-height: 28px; padding: 0 10px 0 36px; font-size: 12px; }

span.en-fl, .en-fl a { background-image: url(../images/lang-icons/en.png); }
span.de-fl, .de-fl a { background-image: url(../images/lang-icons/de.png); }
span.fr-fl, .fr-fl a { background-image: url(../images/lang-icons/fr.png); }
span.it-fl, .it-fl a { background-image: url(../images/lang-icons/it.png); }
span.ru-fl, .ru-fl a { background-image: url(../images/lang-icons/ru.png); }
span.es-fl, .es-fl a { background-image: url(../images/lang-icons/es.png); }
span.tr-fl, .tr-fl a { background-image: url(../images/lang-icons/tr.png); }
span.vi-fl, .vi-fl a { background-image: url(../images/lang-icons/vi.png); }
span.ja-fl, .ja-fl a { background-image: url(../images/lang-icons/ja.png); }
span.ko-fl, .ko-fl a { background-image: url(../images/lang-icons/ko.png); }
span.th-fl, .th-fl a { background-image: url(../images/lang-icons/th.png); }
span.hi-fl, .hi-fl a { background-image: url(../images/lang-icons/hi.png); }
span.zh-fl, .zh-fl a { background-image: url(../images/lang-icons/zh.png); }
span.zh-cn-fl, .zh-cn-fl a { background-image: url(../images/lang-icons/zh.png); }
span.ar-fl, .ar-fl a { background-image: url(../images/lang-icons/ar.png); }
span.id-fl, .id-fl a { background-image: url(../images/lang-icons/id.png); }
span.ms-fl, .ms-fl a { background-image: url(../images/lang-icons/ms.png); }
span.nl-fl, .nl-fl a { background-image: url(../images/lang-icons/nl.png); }
span.pl-fl, .pl-fl a { background-image: url(../images/lang-icons/pl.png); }
span.pt-fl, .pt-fl a { background-image: url(../images/lang-icons/pt.png); }
span.ur-fl, .ur-fl a { background-image: url(../images/lang-icons/ur.png); }

.center-place { width: 100%; margin: 0 auto; overflow: hidden; }

.main-title-sort-place { overflow: hidden; padding-left: 10px; }
.main-title-sort-place ul { overflow: hidden; }
.main-title-sort-place li { display: inline-block; vertical-align: top; margin: 4px 2px 0 2px; }
.main-title-sort-place a { display: block; height: 28px; line-height: 28px; border-style: solid; border-width: 1px; padding: 0 10px; font-size: 12px; text-transform: uppercase; }

.top-place-searches { display: none; border-top-width: 1px; border-top-style: solid; overflow: hidden; clear: both; }

.top-place-searches-list { overflow: hidden; margin: 0 auto; }
.top-place-searches-list ul { overflow: hidden; padding: 8px 8px 10px 10px;  }
.top-place-searches-list li { float: left; margin: 2px 2px 0 0; }
.top-place-searches-list li a { border-width: 1px; border-style: solid; display: block; height: 28px; line-height: 28px; font-size: 12px; padding: 0 10px; }

.native { padding: 10px 0px 0px; overflow: hidden; text-align: -webkit-center; }

.center-previews { padding-bottom: 20px; overflow: hidden; }

.preview-place { font-size: 14px; margin: 1% 0.5% 0 0.5%; position: relative; width: 49%; height: auto; float: left; overflow: hidden; padding-bottom: 5px; }
.preview-place a { display: block; overflow: hidden; }
.preview-place img { width: 100%; height: auto; max-height: 300px; }
.preview-place-title { margin-top: 5px; font-size: 12px; padding: 0 10px; line-height: 15px; overflow: hidden; text-align: left; display: block; height: 30px; }
.preview-place-duration { position: absolute; top: 0; right: 0; height: 20px; line-height: 20px; font-size: 12px; padding: 0 5px; }

.preview-place-category { padding: 0; }
.preview-place-category .preview-place-title { height: 30px; line-height: 30px; font-size: 14px; text-transform: capitalize; display: block; margin: 0; }

.pages-place { clear: both; }
.pages-place ul { display: block; }
.pages-place li { display: inline-block; vertical-align: top; margin: 0 2px; }
.pages-place span, .pages-place span.page { font-size: 18px; height: 40px; line-height: 40px; display: block; min-width: 30px; padding: 0 40px; transition: none; }

.toplist-place { overflow: hidden; margin: 10px 10px 0 10px; padding-bottom: 10px; }
.toplist-place ul { font-size: 14px; display: inline-block; vertical-align: top; width: 50%; margin-top: 10px; }
.toplist-place li { margin: 0 10px;height: 25px; line-height: 25px; overflow: hidden; text-align: left; text-transform: capitalize; }

.toplist-place a:hover { text-decoration: underline; }

.video-place-ob { width: 98%; overflow: hidden; margin: 20px 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-place-info { overflow: hidden; padding: 10px 8px 10px 10px; text-align: left; }
.player-place-info h1 { margin: 0; }

.player-place-tags-and-meta { overflow: hidden; }
.player-place-tags { overflow: hidden; line-height: 25px; font-size: 14px; padding-top: 8px; }
.player-place-tags span, .player-place-tags a  { text-transform: capitalize; display: block; float: left; margin: 2px 2px 0 0; }
.player-place-tags span { margin-right: 5px; }
.player-place-tags a { height: 25px; line-height: 25px; padding: 0 10px; }

.player-place-meta { overflow: hidden; padding-top: 8px; }
.player-place-meta-value { display: block; float: left; margin: 2px 2px 0 0; padding: 0 10px; font-size: 14px; line-height: 25px; }

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

.player-place-wide-bn-ob { background-color: rgb(10,10,10); padding: 10px; overflow: hidden; clear: both; height: 80px; }
.player-place-wide-bn { width: 1600px; text-align: left; }


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


.bns-place-ob { margin: 10px 0 0 0; }
.bn-place { display: inline-block; vertical-align: top; width: 300px; height: 250px; margin: 10px 5px 0 5px; }
.bn-place-2, .bn-place-3, .bn-place-4, .bn-place-5 { display: none; }
.bns-place-ob.bns-place-pl { margin-top: 0; }
.bns-place-ob.bns-place-pl .bn-place { margin-top: 0; }

.native-place-ob { margin: 10px 0 0 0;}
.native-place { display: inline-block; vertical-align: top; width: 300px; height: 250px; margin: 10px 5px 0 5px; }
.native-place-2, .native-place-3, .native-place-4, .native-place-5 { display: none; }
.native-place-ob.native-place-pl { margin-top: 10px; margin-bottom: 20px;}
.native-place-ob.native-place-pl .native-place { margin-top: 0; }


.bot-place { margin: 20px 0 0 0; padding: 18px 8px; clear: both; font-size: 16px; border-top-width: 1px; border-top-style: solid; }
.bot-place-in { margin: 0 auto; width: 98%; }
.bot-place a { text-decoration: underline; }
.bot-place a:hover { text-decoration: none; }

@media screen and (min-width: 400px) {
.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) {
.bn-place-2 { display: inline-block; }
.native-place-2 { display: inline-block; }
.player-right-b-2 { display: inline-block; }
#on_video { display: block; }
.toplist-place 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: 840px) {
    h1 { text-align:left; font-size: 28px; line-height: 32px; }
    h2 { text-align: left; font-size: 26px; }
    
    .top-place-ob { display: block; }
    .top-place, .top-place-searches-list, .bot-place-in { width: 820px; }
    .top-place { height: 110px; padding: 5px; }
    .top-place-searches-button { float: left; margin: 10px 0 0 0; padding: 0 20px; }
    .top-place-sort-buttons { float: right; padding: 10px 4px 0 0; }
    .top-place-sort-buttons li { margin: 0 0 0 4px; }
    .top-place-sort-buttons li a { padding: 0 20px; }
    .top-place-search-form { float: left; width: 220px; margin: 10px 0 0 4px; }
    .top-place-search-form input { width: 60%; }
    .top-place-search-form button { width: 40%; font-size: 13px; }

    .center-place { width: 820px; }
    
    .main-title-sort-place { padding-top: 10px; padding-right: 10px; }
    .main-title-sort-place h1 { float: left; }
    .main-title-sort-place ul { float: right; padding-top: 10px; }
    .main-title-sort-place li { margin: 0 0 0 2px; }
    .main-title-sort-place li a { height: 38px; line-height: 38px; padding: 0 15px; }
    
    .preview-place { width: 400px; margin: 8px 4px 0 4px; border-style: solid; border-width: 1px; }
    .preview-place img { width: 400px; height: 300px; }
    .preview-place-title { font-size: 14px; height: 30px; line-height: 30px; }
    .preview-place-category .preview-place-title { font-size: 22px; height: 50px; line-height: 50px; padding: 0 20px; }
    
    .pages-place span, .pages-place span.page { font-size: 22px; height: 50px; line-height: 50px; }

    .video-place-ob { margin: 20px 10px 0 10px; width: auto; }
    .player { height: 472px; }
    .player-place-tags { float: left; }
    .player-place-meta { float: right; }

}






@media screen and (min-width: 1250px) {
.center-place, .top-place, .top-place-searches-list, .bot-place-in { width: 1230px; }
    .top-place { height: 50px; }
    .top-place-logo { display: block; float: left; width: 200px; margin: 0 0 0 1px; }
    .top-place-logo a { margin: 0; }
.top-place-search-form { width: 400px; }
    .top-place-search-form input { width: 70%; }
    .top-place-search-form button { width: 30%; }
.player { height: 709px; }
.player-place-info { padding-top: 18px; }
.player-place-tags { line-height: 30px; font-size: 16px; }
.player-place-tags a { height: 28px; line-height: 28px; padding: 0 15px; }
.player-place-meta-value { line-height: 30px; font-size: 16px; }
.und-player { margin-top: 20px; }
.player-right-b-3 { display: block; }
.bn-place { margin: 10px 1px 0 1px; }
.bn-place-3, .bn-place-4 { display: inline-block; }
.native-place { margin: 10px 1px 0 1px; }
.native-place-3, .native-place-4 { display: inline-block; }
.toplist-place ul { width: 12.5%; font-size: 14px; }
}

@media screen and (min-width: 1660px) {
.center-place, .top-place, .top-place-searches-list, .bot-place-in { width: 1640px; }
.top-place-search-form { width: 600px; }
    .top-place-search-form input { width: 80%; }
    .top-place-search-form button { width: 20%; }
.player { height: 945px; }
.player-place-tags { line-height: 40px; font-size: 18px; }
.player-place-tags a { height: 38px; line-height: 38px; padding: 0 20px; }
.player-place-meta-value { line-height: 40px; font-size: 18px; }
.und-player { margin-top: 53px; }
.bn-place { margin: 10px 5px 0 5px; }
.bn-place-5 { display: inline-block; }
.native-place { margin: 10px 5px 0 5px; }
.native-place-5 { display: inline-block; }
.toplist-place h2 { margin-left: 20px; }
.toplist-place li { margin: 0 20px; }
.player-right-b-4 { display: block; }

}