body, .category-list a, .control-buttons a, .lookup-form .form-input, .site-footer .footer-urls a, .info-item label, .info-item a
{ background-color: rgb(30,32,40); }

.top-bar, .site-footer .footer-urls-wrap, .category-list, .model-tile .tile-content, h2, .paging a, .paging b, .broadcast-area
{ background-color: rgb(40,42,50); }

.model-tile figure, .lookup-form button:hover
{ background-color: rgb(50,52,60); }

h2, .category-list a, .filter-tabs a, .paging a, .paging b, .site-footer .footer-urls a, .control-buttons a, .info-item label, .info-item a
{ border-color: rgb(60,62,70); }

body, .lookup-form input::placeholder, .model-tile a .audience-count, .tag-links a
{ color: rgb(170,172,180); }

a, a.site-logo span, h1, h2, .lookup-form input, .site-footer-heading, .info-item label
{ color: rgb(250,252,255); }

a.site-logo, .lookup-form button, .top-menu nav a.current, a:hover, .model-tile figure:before, .not-found-icon, .tag-links:before
{ color: rgb(252,220,15); }

.top-menu nav a.current, .top-menu nav a:hover, .paging a:hover, .paging a.current, .paging b.current,.category-list a:hover, .site-footer .footer-urls a:hover, .control-buttons a.message, .control-buttons a:hover, .control-buttons a.secure, .info-item a:hover
{ border-color: rgb(252,220,15); }

#scroll-btn, h2:before, .filter-tabs a:hover, .filter-tabs a.current, .badge-new, .paging a:hover, .paging a.current, .paging b.current, .category-list a:hover, .site-footer .footer-urls a:hover, .control-buttons a.message, .control-buttons a:hover, .info-item a:hover
{ background-color: rgb(252,220,15); color: rgb(0,2,5); }


@font-face{font-family: 'Montserrat'; font-weight: normal; font-style: normal; src: url(../fonts/font/Montserrat-Regular.ttf) format("truetype"); font-display: swap; }
@font-face{font-family: 'Montserrat'; font-weight: bold; font-style: normal; src: url(../fonts/font/Montserrat-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: 'Montserrat', 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; transition: 0.1s ease; }

body { font-size: 14px; line-height: 20px; }

h1, h2, h3 { font-weight: bold; text-transform: uppercase; font-size: 18px; line-height: 24px; margin: 10px 10px 0 10px; clear: both; }
h2 { position: relative; display: block; font-size: 16px; line-height: 22px; margin-top: 20px; padding: 7px 10px 7px 20px; border-width: 1px; border-style: solid; border-radius: 5px; overflow: hidden; }
h2:before { content: ''; width: 6px; position: absolute; top: 0; left: 0; bottom: 0; }
h3 { font-size: 15px; line-height: 21px; }

.intro-text { margin: 10px 10px 0 10px; font-size: 12px; line-height: 18px; text-align: justify; }

.container { overflow: hidden; clear: both; margin: 0 auto; min-width: 320px; max-width: 1600px; }

.top-bar { overflow: hidden; }

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

.lookup-form { overflow: hidden; padding: 5px 10px 0 0; }
.lookup-form form { position: relative; overflow: hidden; }
.form-input { overflow: hidden; height: 34px; line-height: 34px; padding: 0 30px 0 15px; border-radius: 25px; }
.lookup-form input { background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 12px; height: inherit; line-height: normal; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.lookup-form button { background: none; overflow: hidden; border-radius: 0 25px 25px 0; position: absolute; top: 0; right: 0; border: 0 none; cursor: pointer; outline: 0 none; width: 34px; font-size: 18px; height: 34px; line-height: 34px; }
.lookup-form button:before { content: "\f002"; }


.top-menu { padding-top: 5px; clear: both; text-align: center; }
.top-menu nav { overflow: hidden; height: 35px; }
.top-menu nav a { font-weight: bold; text-transform: uppercase; border-bottom-width: 2px; border-bottom-style: solid; border-color: transparent; padding: 0 5px; display: inline-block; vertical-align: top; height: 33px; line-height: 35px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.top-menu nav a.live-link:before { content: "\f519"; }
.top-menu nav a.male-link:before { content: "\f222"; }
.top-menu nav a.female-link:before { content: "\f221"; }
.top-menu nav a.trans-link:before { content: "\f224"; }
.top-menu nav a.couple-link:before { content: "\f228"; }

.filter-tabs { overflow: hidden; padding: 5px 5px 0 10px; }
.filter-tabs a { border-width: 1px; border-style: solid; display: block; float: left; height: 26px; line-height: 26px; text-transform: uppercase; font-size: 11px; border-radius: 20px; padding: 0 10px; font-weight: bold; margin: 5px 5px 0 0; }

.model-grid { padding: 0 5px; overflow: hidden; }
.model-tile { width: 50%; float: left; }
.model-tile .tile-content { margin: 10px 5px 0 5px; position: relative; padding-bottom: 5px; }
.model-tile a { display: block; overflow: hidden; position: relative; }
.model-tile figure { overflow: hidden; position: relative; padding-bottom: 75%; }
.model-tile figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.tile-meta { margin-top: 5px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 20px; font-size: 13px; font-weight: bold; padding: 0 10px; }

.model-tile .performer-age { font-weight: normal; display: block; float: right; height: 20px; line-height: 20px; font-size: 11px; margin-left: 3px; overflow: hidden; }
.model-tile .performer-age:after { width: 16px; font-size: 16px; float: right; display: block; margin-left: 1px; }

.model-tile .male-icon:after { content: "\f222"; }
.model-tile .male-duo:after { content: "\f227"; }
.model-tile .female-icon:after { content: "\f221"; }
.model-tile .female-duo:after { content: "\f226"; }
.model-tile .trans-icon:after { content: "\f224"; }
.model-tile .mixed-icon:after { content: "\f228"; }

.model-tile .audience-count { display: block; float: right; height: 20px; line-height: 20px; font-size: 11px; margin-left: 3px; overflow: hidden; font-weight: normal; }
.model-tile .audience-count:before { content: "\f06e"; width: 14px; font-size: 14px; float: left; display: block; margin: 0 2px 0 0; }

.tag-links { overflow: hidden; margin: 5px 10px 0 10px; height: 15px; }
.tag-links a { text-decoration: underline; display: inline-block; vertical-align: top; height: 15px; line-height: 15px; font-size: 11px; }
.tag-links a:hover { text-decoration: none; }
.tag-links:before { content: '\f02c'; display: block; float: left; margin: -2px 5px 0 0; font-size: 16px; }

.badge-new { height: 20px; line-height: 20px; border-radius: 20px; font-weight: bold; padding: 0 7px; font-size: 11px; text-transform: uppercase; overflow: hidden; display: block; position: absolute; top: 4px; left: 4px; }

.model-tile p { line-height: 15px; font-size: 11px; overflow: hidden; margin: 5px 10px 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 30px; min-height: 30px; }

.paging { clear: both; padding: 16px 3px 0 3px; text-align: center; font-size: 0; overflow: hidden; }
.paging a, .paging b { border-width: 2px; border-style: solid; display: inline-block; vertical-align: top; margin: 4px 2px 0 2px; font-weight: bold; height: 30px; line-height: 30px; border-radius: 30px; padding: 0 5px; min-width: 20px; font-size: 12px; text-transform: uppercase; }
.paging a.previous:after { content: '\f104'; }
.paging a.following:after, .paging a.following.expand:after { content: '\f105'; }
.paging a.expand { padding: 0 20px 0 25px; height: 40px; line-height: 40px; }
.paging a.expand:after { content: '\f107'; margin-left: 15px; }

.category-section h2 { border-radius: 5px 5px 0 0; }

.category-list { overflow: hidden; margin: 0 10px; padding: 10px 10px 15px 15px; clear: both; }
.category-list a { border-width: 1px; border-style: solid; display: block; float: left; height: 26px; line-height: 26px; text-transform: uppercase; font-size: 11px; border-radius: 20px; padding: 0 10px; font-weight: bold; margin: 5px 5px 0 0; }

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

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

.broadcast-area { overflow: hidden; padding-bottom: 20px; }
.video-embed { position: relative; overflow: hidden; text-align: center; }
.video-embed.error-state { padding-top: 0; }
.video-embed iframe, .video-embed video { border: 0 none !important; display: inline-block; max-width: 100%; }
.video-embed video { display: block; margin: 0 auto; width: 100%; height: auto; }

.control-buttons { overflow: hidden; padding: 5px 2px 0 2px; text-align: center; }
.control-buttons a { display: inline-block; height: 32px; line-height: 32px; padding: 0 4px; border-radius: 16px; border-width: 1px; border-style: solid; font-size: 9px; text-transform: uppercase; font-weight: bold; overflow: hidden; margin: 5px 1px 0 1px; white-space: nowrap; }
.control-buttons a:before { display: block; float: left; margin-right: 1px; width: 14px; font-size: 14px; }
.control-buttons a.message:before { content: "\f0e0"; }
.control-buttons a.secure:before { content: "\f086"; }
.control-buttons a.account:before { content: "\f2c2"; }

.performer-info { padding: 0 0 0 10px; overflow: hidden; line-height: 24px; }
.info-item { margin: 10px 20px 0 0; display: block; clear: both; line-height: 26px; font-size: 13px; }
.info-item label { border-width: 1px; border-style: solid; display: inline-block; vertical-align: top; min-height: 26px; line-height: 26px; text-transform: uppercase; font-size: 11px; border-radius: 20px; padding: 0 10px; font-weight: bold; margin-left: 5px; white-space: normal; word-wrap: break-word; max-width: calc(100% - 130px); }
.info-tags { display: inline; font-size: 0; margin-left: 5px; }
.info-tags a { border-width: 1px; border-style: solid; display: inline-block; vertical-align: top; height: 26px; line-height: 26px; text-transform: uppercase; font-size: 11px; border-radius: 20px; padding: 0 10px; font-weight: bold; margin: 0 5px 5px 0; }

.performer-info label { font-weight: bold; }
.performer-info a { display: inline-block; vertical-align: top; }
.tag-group { font-weight: bold; }

.site-footer { margin-top: 40px; text-align: center; font-size: 12px; line-height: 20px; text-align: justify; padding-bottom: 20px; }
.site-footer p { margin: 10px 10px 0 10px; }
.site-footer-heading { font-size: 14px; margin: 10px 10px 0 10px; font-weight: bold; text-transform: uppercase; }
.site-footer .footer-urls { overflow: hidden; padding: 5px 5px 15px 10px; }  
.site-footer .footer-urls a { border-width: 1px; border-style: solid; display: block; float: left; line-height: 16px; text-transform: uppercase; font-size: 11px; border-radius: 20px; padding: 5px 10px; font-weight: bold; margin: 5px 5px 0 0; }
.site-footer .footer-urls a:before { content: "\f002"; width: 14px; font-size: 14px; margin-right: 3px;  }

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

@media all and (min-width:460px) {
    .top-menu nav a { font-size: 13px; padding: 0 10px; }
    .control-buttons { text-align: center; padding: 8px 0 0 0; }
    .control-buttons a { float: none; display: inline-block; height: 40px; line-height: 40px; padding: 0 12px; font-size: 12px; border-width: 2px; border-radius: 20px; }
    .control-buttons a:before { margin-right: 4px; width: 20px; font-size: 20px; }
}

@media all and (min-width:640px) {
    a.site-logo { font-size: 24px; height: 40px; line-height: 40px; }
    .lookup-form { padding: 4px 15px 0 0; }
    .lookup-form .form-input { height: 40px; line-height: 40px; padding: 0 45px 0 15px; }
    .lookup-form button { width: 40px; height: 40px; line-height: 40px; }
    .top-menu nav a { padding: 0 15px; }
    .model-tile { width: 33.3333%; }
    .paging a, .paging b { height: 43px; line-height: 43px; min-width: 33px; }
    .control-buttons a { height: 45px; line-height: 45px; padding: 0 15px; font-size: 13px; border-width: 2px; }
}

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

@media all and (min-width:1020px) {
    h1 { margin-top: 20px; font-size: 20px; line-height: 26px; }
    .lookup-form { float: right; width: 220px; }
    .top-menu { clear: none; float: right; padding: 0 10px 0 0; }
    .top-menu nav { height: 50px; }
    .top-menu nav a { float: left; height: 48px; line-height: 50px; padding: 0 20px; }
    .filter-tabs { display: none; }
    .control-buttons { padding: 15px 0 0 0; margin: 0; }
    .control-buttons a { padding: 0 18px; font-size: 15px; height: 50px; line-height: 50px; }
    .control-buttons a:before { width: 22px; font-size: 22px; }
    .broadcast-area h1 { margin: 20px 20px 0 20px; }
    .performer-info { padding: 10px 0 0 20px; }
    #scroll-btn { right: 20px; bottom: 20px; }
    .paging { padding-top: 36px; }
    .layout-sections { display: flex; }
    .main-section { order: 1; flex: 1; min-width: 0; }
    .main-section .model-tile { width: 33.3333%; }
    .category-section { order: 2; flex-shrink: 0; width: 400px; }

}

@media all and (min-width:1270px) {
    a.site-logo { font-size: 26px; }
    .top-menu nav a { padding: 0 30px; }
    .model-tile { width: 20%; }
    .main-section .model-tile { width: 25%; }
    
}

@media all and (min-width:1570px) {
    .model-tile { width: 16.6666%; }
    .main-section .model-tile { width: 20%; }
}
@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;}}