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

.page-nav a, .page-nav b
{ background-color: rgb(35,34,37); }

.preview figure, .primary-nav, .footer-links-section, .page-nav a:hover, .page-nav a.selected, .page-nav a.view-all, .profile-field a:hover, .sidebar-label, .sidebar-group a:after, .action-links a:hover
{ background-color: rgb(3,2,5); }

.site-sidebar, .stream-container, .profile-field a
{ background-color: rgb(29,27,41); }

.site-sidebar a:hover, .site-sidebar a.selected, .site-sidebar nav::-webkit-scrollbar-thumb, .action-links a, .performer-data
{ background-color: rgb(39,47,71); }

.page-header, .find-box
{ background-color: rgb(168,2,148); }

.find-box input::placeholder
{ color: rgb(165,90,156); }

.find-box .field-wrap
{ border-color: rgb(172,103,164); background-color: rgb(117,1,103); }

body
{ color: rgb(175,174,177); }

a.site-brand, .find-box button, .find-box input, .find-box .field-wrap, .sidebar-btn, .find-btn, .bottom-section-title, .viewer-count, .user-years
{ color: rgb(255,255,255); }

a, h1, h2, .sidebar-label, .site-sidebar a, .page-nav a, .page-nav b, .profile-field label
{ color: rgb(245,244,247); }

.preview figure:before, .player-wrapper:before, .error-icon, .find-box button:hover, .site-sidebar a.selected, .bottom-section .footer-links a:hover, .bottom-section .footer-links a:before, .page-nav a:hover, .page-nav a.selected, .page-nav a.view-all:after, .action-links a.msg-btn, .profile-field a:hover
{ color: rgb(246,228,142); }

#back-to-top, .page-nav a.view-all:hover, .sidebar-group a:before
{ background-color: rgb(246,228,142); color: rgb(3,2,5); }

.status-badge, .page-nav a.view-all:hover:after
{ color: rgb(3,2,5); }

body.sidebar-overlay:after, body.search-overlay:after
{ background-color: rgba(3,2,5,0.7); }

.preview-data
{ background: linear-gradient(to bottom,transparent,rgba(3,2,5,0.8)); text-shadow: 1px 1px 0 rgba(0,0,0,0.4); }

.model-username
{ background-color: rgba(255,255,255,0.2); }

.model-username
{ color: rgb(255,210,35); }

.status-badge
{ background-color: rgb(6,196,106); }

@font-face{font-family: 'Open Sans'; font-weight: normal; font-style: normal; src: url(../fonts/font/OpenSans-Regular.ttf) format("truetype"); font-display: swap; }
@font-face{font-family: 'Open Sans'; font-weight: bold; font-style: normal; src: url(../fonts/font/OpenSans-Bold.ttf) format("truetype"); font-display: swap; }
@font-face{font-family: 'Line Awesome Free'; font-weight: 900; src:url(../fonts/iconfont/la-solid-900.woff2) format("woff2"); font-display: swap; }

body,html,div,p,a,ul,li,input,button,form,header,main,article,section,footer,aside,figure,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }
header { display: block; }

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

:after, :before { font-family: 'Line Awesome Free'; display: inline-block; vertical-align: top; font-weight: bold; height: inherit; line-height: inherit; text-rendering: optimizeLegibility !important; overflow: hidden; }
li { list-style-type: none; }
img { display: block; }
a { text-decoration: none; box-sizing: content-box; cursor: pointer; }

body { font-size: 14px; line-height: 20px; padding-top: 45px; }
body.sidebar-overlay, body.search-overlay { overflow: hidden; }
body.sidebar-overlay:after, body.search-overlay:after { content: ''; z-index: 89999; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

main { overflow: hidden;  }

h1, h2, h3 { font-weight: normal; font-size: 18px; line-height: 20px; margin: 10px 10px 0 10px; clear: both; }
h2 { font-size: 18px; line-height: 22px; margin-top: 40px; }
h3 { font-size: 16px; line-height: 20px; }

.content-wrap { overflow: hidden; clear: both; margin: 0 auto; min-width: 320px; }

.page-header { position: fixed; z-index: 99999; top: 0; left: 0; right: 0; height: 45px; }
.page-header .content-wrap { overflow: visible; }

.sidebar-btn { background: none; display: block; float: left; border: 0 none; cursor: pointer; margin: 5px 0 0 10px; width: 30px; height: 35px; line-height: 35px; font-weight: bold; font-size: 24px; }
.sidebar-btn:before { content: "\f0c9"; }

.find-btn { background: none; display: block; float: right; border: 0 none; cursor: pointer; margin: 5px 10px 0 0; width: 30px; height: 35px; line-height: 35px; font-weight: bold; font-size: 22px; }
.find-btn:before { transform: rotate(-90deg); content: "\f002"; }
.find-btn.active:before { content: "\f00d"; }

a.site-brand { margin: 5px 10px 0 10px; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; text-transform: uppercase; display: block; float: left; height: 35px; line-height: 35px; font-size: 18px; }
a.site-brand img { width: auto; height: inherit; }

.find-box { display: none; overflow: hidden; padding: 5px 10px; position: absolute; top: 45px; left: 0; right: 0; }
.find-box.active { display: block; }
.find-box form { position: relative; overflow: hidden; }
.find-box .field-wrap { border-radius: 50px; border-width: 1px; border-style: solid; overflow: hidden; height: 33px; line-height: 33px; padding: 0 40px 0 20px; }
.find-box input { background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 16px; height: inherit; line-height: normal; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.find-box button { background: none; overflow: hidden; position: absolute; top: 0; right: 5px; border: 0 none; cursor: pointer; outline: 0 none; font-size: 22px; width: 33px; height: 33px; line-height: 33px; }
.find-box button:before { transform: rotate(-90deg); content: "\f002"; }

.site-sidebar { display: none; position: fixed; z-index: 99999; top: 45px; left: 0; bottom: 0; width: 250px; padding-bottom: 20px; }
.site-sidebar.active { display: block; }
.sidebar-section { overflow: hidden; margin: 10px 10px 0 10px; }
.site-sidebar nav { overflow-y: auto; height: 100%; }
.site-sidebar nav::-webkit-scrollbar { width: 5px; }
.site-sidebar nav::-webkit-scrollbar-thumb { border-radius: 6px; }
.site-sidebar a { margin-top: 4px; display: block; height: 34px; line-height: 34px; padding: 0 10px 0 38px; border-radius: 8px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; }
.sidebar-label { border-radius: 8px; display: block; height: 34px; line-height: 34px; font-size: 14px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }
.sidebar-label:before { width: 22px; font-size: 22px; float: left; display: block; margin-right: 5px; }
.sidebar-label.popular-label:before { content: "\f002"; }
.sidebar-label.category-label:before { content: "\f0b0"; }
.sidebar-label.hashtag-label:before { content: "\f02c"; }
.site-sidebar a.selected { font-weight: bold; }

.primary-nav { padding: 0 4px 4px 4px; border-radius: 8px; margin: 10px 10px 0 10px; border: 0 none; }
.primary-nav a { padding: 0 10px; }
.primary-nav a:before { width: 22px; font-size: 22px; float: left; display: block; margin-right: 5px; }

.site-sidebar a.index-link:before { content: "\f015"; }
.site-sidebar a.all-link:before { content: "\f00a"; }
.site-sidebar a.male-link:before { content: "\f222"; }
.site-sidebar a.female-link:before { content: "\f221"; }
.site-sidebar a.trans-link:before { content: "\f224"; }
.site-sidebar a.pair-link:before { content: "\f228"; }

.sidebar-group a:after { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; top: 13px; left: 15px; }
.sidebar-group a:before { display: none; content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; top: 15px; left: 17px; z-index: 2; }
.sidebar-group a:hover:before, .sidebar-group a.selected:before { display: block; }

.grid-container { padding: 8px 9px 0 9px; }
.preview { width: 50%; float: left; }
.preview .card { overflow: hidden; margin: 2px 1px 0 1px; position: relative; border-radius: 4px; }
.preview a { display: block; overflow: hidden; position: relative; }
.preview figure { overflow: hidden; position: relative; padding-bottom: 56.25%; border-radius: 4px; }
.preview figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; object-fit: cover; object-position: center; }

.preview-data { height: 22px; padding: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; bottom: 0; left: 0; right: 0; }
.model-username { vertical-align: top; font-weight: bold; height: 22px; line-height: 22px; border-radius: 8px; padding: 2px 7px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-left: 5px; font-size: 14px; }

.extra-info { float: right; overflow: hidden; margin-left: 3px; }
.viewer-count, .user-years { display: block; float: left; height: 22px; line-height: 22px; border-radius: 8px; padding: 0 5px; font-size: 11px; overflow: hidden; margin: 0 0 0 2px; }
.viewer-count:before { content: "\f06e"; width: 14px; font-size: 14px; float: left; display: block; margin: 0 2px 0 0; }

.status-badge { height: 18px; line-height: 18px; padding: 0 4px; font-size: 11px; font-weight: bold; text-transform: uppercase; border-radius: 6px; overflow: hidden; display: block; position: absolute; top: 4px; right: 4px; }

.page-nav { clear: both; padding: 36px 3px 0 3px; text-align: center; font-size: 0; overflow: hidden; }
.page-nav a, .page-nav b { border-radius: 8px; display: inline-block; vertical-align: top; margin: 4px 2px 0 2px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 5px; min-width: 20px; font-size: 14px; text-transform: uppercase; }
.page-nav a.back-btn:after { content: '\f104'; }
.page-nav a.forward-btn:after, .page-nav a.forward-btn.view-all:after { content: '\f105'; }
.page-nav a.view-all { padding: 0 20px 0 25px; height: 45px; line-height: 45px; }
.page-nav a.view-all:after { transform: rotateZ(90deg); content: '\f35d'; margin-left: 15px; font-size: 20px; width: 20px; }
.page-nav a.show-full:after { transform: rotateZ(0deg); margin-top: -1px;  }

.link-group { columns: 2; column-count: 2; overflow: hidden; padding: 10px 5px 0 5px; clear: both; }
.link-group a {display: block; height: 24px; line-height: 24px; font-size: 14px; margin: 0 5px 5px 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.text-content { clear: both; }
.text-content p { margin: 10px 10px 0 10px; text-align: justify; }
.text-content a { text-decoration: underline; font-weight: bold; }
.text-content a:hover { text-decoration: none; }
.text-content ul { padding: 5px 10px 0 10px; }
.text-content li { margin-top: 5px; list-style-type: disc; margin-left: 20px; }

.text-content.not-found, .text-content.not-found p { text-align: center; }
.error-icon { font-size: 150px; height: 150px; line-height: 150px; margin: 20px 10px 0 10px; }
.error-icon:after { content: '\f119'; }

.stream-container { overflow: hidden; margin-top: 10px; padding-bottom: 10px; }
.player-wrapper { background-color: rgb(0,0,0); position: relative; overflow: hidden; text-align: center; }
.player-wrapper.no-padding { padding-top: 0; }
.player-wrapper iframe, .player-wrapper video { border: 0 none !important; display: inline-block; max-width: 100%; }
.player-wrapper video { display: block; margin: 0 auto; width: 100%; height: auto; }

.action-links { overflow: hidden; padding: 5px 0 0 10px; }
.action-links a { border-radius: 8px;text-transform: uppercase; display: block; height: 40px; line-height: 40px; padding: 0 6px; font-size: 11px; font-weight: bold; overflow: hidden; margin: 5px 2px 0 0; float: left; white-space: nowrap; }
.action-links a:before { margin-right: 2px; width: 14px; font-size: 14px; }
.action-links a.msg-btn:before { content: "\f0e0"; }
.action-links a.priv-btn:before { content: "\f086"; }
.action-links a.prof-btn:before { content: "\f2c2"; }

.details-wrap { overflow: hidden; }

.performer-data { padding: 0 0 10px 10px; overflow: hidden; line-height: 28px; margin: 10px 10px 0 10px; border-radius: 8px; }
.profile-field { overflow: hidden; margin: 10px 10px 0 0; }
.profile-field label { font-weight: bold; }
.hashtags-field { margin: 20px 0 0 0; padding: 0; background: none; border-radius: 0;  }
.field-tags { overflow: hidden; font-size: 0; padding: 6px 6px 0 0}
.field-tags a { border-radius: 4px; display: block; float: left; height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; margin: 4px 4px 0 0; }

.bottom-section { text-align: center; font-size: 13px; line-height: 20px; text-align: justify; padding-bottom: 20px; margin-top: 40px; }
.bottom-section p { margin: 20px 10px 0 10px; }
.footer-links-section { overflow: hidden; padding: 10px 5px 20px 5px; clear: both; }
.bottom-section-title { font-size: 18px; font-weight: bold; line-height: 24px; margin: 20px 10px 0 10px; }
.bottom-section .footer-links { columns: 2; column-count: 2; overflow: hidden; padding: 10px 5px 20px 5px; clear: both; }
.bottom-section .footer-links a {display: block; min-height: 24px; line-height: 20px; font-size: 13px; margin: 0 5px 5px 5px; word-wrap: break-word; text-align: left; position: relative; padding-left: 20px; break-inside: avoid; }
.bottom-section .footer-links a:before { content: "\f002"; width: 14px; font-size: 14px; position: absolute; left: 5px; top: 2px;  }

#back-to-top { border-radius: 8px; border: 0 none; overflow: hidden; opacity: 0.9; position: fixed; z-index: 20000; right: 5px; bottom: 5px; cursor: pointer; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 22px; text-align: center; }
#back-to-top:before { content: '\f106'; display: block; height: inherit; line-height: inherit; font-weight: 900; }
#back-to-top:hover { opacity: 1; }
#back-to-top.hide-nav { bottom: 40px; }

@media all and (min-width:460px) {
    a.site-brand { font-size: 20px; }
    .action-links { text-align: center; padding: 8px 0 0 0; }
    .action-links a { float: none; display: inline-block; padding: 0 12px; font-size: 13px; }
    .action-links a:before { margin-right: 3px; width: 17px; font-size: 17px; }
    .link-group, .bottom-section .footer-links { columns: 3; column-count: 3; }
}

@media all and (min-width:640px) {
    a.site-brand { font-size: 26px; }
    .preview { width: 33.3333%; }
    .page-nav a, .page-nav b { height: 45px; line-height: 45px; min-width: 35px; }
    .action-links a { padding: 0 18px; height: 50px; line-height: 50px; font-size: 15px; }
    .action-links a:before { width: 22px; font-size: 22px; }
    .link-group, .bottom-section .footer-links { columns: 4; column-count: 4; }
    .data-section { overflow: hidden; float: left; }
    .data-section:first-child { width: 35%; }
    .data-section:nth-child(2) { width: 65%; }
}

@media all and (min-width:930px) {
    .preview { width: 25%; }
}

@media all and (min-width:1020px) {
    a.site-brand { font-size: 28px; margin-left: 20px; }
    .site-sidebar { display: block; }
    .site-sidebar.active { display: none; }
    .find-btn { display: none; }
    .find-box { display: block !important; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 320px; padding: 5px 0 0 0; }
    body.sidebar-overlay, body.search-overlay { overflow: visible; }
    body.sidebar-overlay:after, body.search-overlay:after { display: none; }
    .content-wrap { padding-left: 250px; }
    .content-wrap.full { padding-left: 0; }
    .page-header .content-wrap { padding: 0 10px; }
    .preview { width: 33.3333%; }
    .stream-container { margin: 10px 10px 0 10px; padding-bottom: 20px; border-radius: 8px; }
    .action-links { padding: 15px 0 0 0; }
    .performer-data { margin: 20px 20px 0 2px; padding: 10px 10px 20px 20px; }
    #back-to-top { bottom: 10px; right: 10px; }

}

@media all and (min-width:1260px) {
    .link-group, .bottom-section .footer-links { columns: 6; column-count: 6; }
}

@media all and (min-width:1360px) {
    .preview { width: 25%; }
    .data-section:first-child { width: 28%; }
    .data-section:nth-child(2) { width: 72%; }
}

@media all and (min-width:1900px) {
    .preview { width: 16.6666%; }
    .data-section:first-child { width: 20%; }
    .data-section:nth-child(2) { width: 80%; }
}

@media all and (max-width:1020px) {* { -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}