@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext&display=swap');
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
*{margin: 0; padding: 0; font-family: 'Roboto', sans-serif; box-sizing: border-box; -moz-box-sizing: border-box;}
*{  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {width: 100%;}
body {width: 100%; -webkit-text-size-adjust:none; font-size: 14px; background-color: #272727; color: #c0c0c0;}
a {outline: none; text-decoration: none; transition: color .3s ease; color: #ddd;}
a:hover {color: #e7c5a7;}

.container {width: 100%; min-width: 250px; max-width: 1660px; margin: 0 auto; padding: 0 5px; overflow: hidden;}
.header {width: 100%; height: 50px; position: relative; z-index: 99; background-color: #272727; border-bottom: 1px solid #272727;}
a.logo {display: block; position: absolute; text-indent: -200%; overflow: hidden; left: 50%; top: 5px; width: 135px; height: 40px; margin-left: -67px; background: url("/css/logo.png") 0 0 no-repeat; background-size: 135px 40px;}
.description {display: none;}
a#btn-menu {position: absolute; left: 10px; top: 14px; color: #fff;}
a#btn-search {position: absolute; right: 10px; top: 14px; color: #fff;}
a#btn-menu.active, a#btn-search.active {color: #e7c5a7;}
a#btn-search i.search-hidden {display: inline-block;}
a#btn-search i.search-visible {display: none;}
a#btn-search.active i.search-hidden {display: none;}
a#btn-search.active i.search-visible {display: inline-block;}
.search {display:none; width: 100%; position: relative; padding: 8px 100px 8px 10px; background: #474747; border-bottom: 1px solid #272727;}
.search.opened {display: block;}
.bottomsearch {display: block; margin: 30px auto 20px auto; width: 300px; position: relative; padding: 8px 100px 8px 10px; background: #474747; border-radius: 3px; border: 1px solid #272727;}
.sf {display: block; border: none; background: none; box-sizing: border-box; -webkit-appearance: none; border-radius: 0; line-height: 26px; width: 100%; outline: none; font-size: 14px; color: #fff;}
.sb {display: block; position: absolute; right: 0; top: 0; border: none; box-sizing: border-box; -webkit-appearance: none; line-height: 42px; width: 48px; outline: none; cursor: pointer; text-align: center; background: #474747; color: #fff;}
.sb i {vertical-align: middle;}
.bottomsearch .sb {background: none;}
.sc {display: none; position: absolute; right: 50px; top: 0; border: none; box-sizing: border-box; -webkit-appearance: none; line-height: 42px; width: 48px; outline: none; cursor: pointer; text-align: center; background: none; color: #fff;}
.sc i {vertical-align: middle; font-size: 18px;}
::-webkit-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none;
}
.autocomplete-suggestions {margin-top: 8px; font-size: 14px; overflow: auto; border: 1px solid #373737; border-top: none; background: #373737; box-shadow: 0px 4px 8px rgba(0,0,0,0.5);}
.autocomplete-suggestion {padding: 5px; white-space: nowrap; overflow: hidden; cursor: pointer; color: #ddd;}
.autocomplete-selected {background: #272727; color: #fff;}
.autocomplete-suggestions strong {font-weight: 400; color: #e7c5a7;}
#overlay {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; background: #000; opacity: 0.5;}
.noscroll {position: fixed; overflow: hidden;}
#menu {position: fixed; z-index: 100; width: 250px; top: 50px; bottom: 0; left: -250px; font-size: 0; padding: 5px; 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: #202020; border-right: 1px solid #272727;}
#menu.opened {left: 0;}
#menu a {display: inline-block; width: 100%; font-size: 14px; line-height: 34px; color: #fff;}
#menu a i {vertical-align: middle; font-size: 20px; opacity: 0.6; padding-bottom: 2px;}
#menu hr {margin: 5px 0; border: 0; border-top: 1px solid #272727;}
#all_categories, #all_pornstars {position: relative;}
#all_categories_close, #all_pornstars_close {position: absolute; right: 5px; top: 20px;}

.h {display: block; padding: 5px; font-size: 0; text-align: left;}
h1,h2 {display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; line-height: 26px; font-size: 16px; font-weight: 500; text-transform: uppercase; color: rgb(255,255,255);}
h1 span {display: inline-block; vertical-align: middle; margin-left: 5px; padding-left: 8px; font-size: 12px; line-height: 16px; font-weight: 400; border-left: 1px solid #474747; color: rgba(255,255,255,0.7); text-transform: none;}
h2 {display: block; padding: 5px; margin-top: 25px;}
#all_categories h2, #all_pornstars h2 {margin-top: 10px;}
.sorting, .durgrp, .pages {display: inline-block; width: 100%; margin-top: 6px; overflow: hidden; border-radius: 2px; padding: 1px; background: #373737; text-align: center;}
.sorting a, .durgrp a, .pages a {display: inline-block; text-align:center; padding: 0 5px; line-height: 32px; font-size: 14px; border-radius: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; min-width: 34px;}
.sorting a {width: 33.3333%;}
.durgrp a {width: 50%;}
.pages a.next, .pages a.prev, .pages a.first {font-weight: 700; font-size: 22px; line-height: 22px; padding: 5px;}
a.current {background: #e7c5a7; color: #000; font-weight: 500;}

.content, .tcats {display: block; width: 100%; font-size: 0;}
center {width: 100%; font-size: 18px; padding: 20px 0;}
.content li, .tcats li {display: inline-block; width: 100%; padding: 4px; vertical-align: top; overflow: hidden;}
.item {display: block; width: 100%; background: #191919; border: 1px solid #191919;}
.thumb {display: block; width: 100%; position: relative; overflow: hidden; padding-top: 55.9%;}
.thumb img {display: block; position: absolute; left: 0; top: 0; width: 100%;}
.dur {display: block; position: absolute; right: 4px; bottom: 4px; width: 50px; text-align: center; background-color: rgba(0,0,0,0.6); line-height: 21px; font-size: 11px; font-weight: 500; color: #fff; z-index: 20; border-radius: 2px;}
.add {display: none; position: absolute; left: 4px; bottom: 4px; padding: 0 5px; background-color: rgba(0,0,0,0.6); line-height: 21px; font-size: 11px; font-weight: 500; color: #fff; z-index: 20; border-radius: 2px}
.hdlabel {display: none; position: absolute; right: 4px; top: 4px; width: 30px; text-align: center; background-color: rgba(0,0,0,0.6); line-height: 21px; font-size: 11px; font-weight: 500; color: #fff; border-radius: 2px;}
.rating {display: block; position: absolute; right: 58px; bottom: 4px; 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: 2px; vertical-align: top;}
.rating i {font-size: 11px; line-height: 21px; vertical-align: top; font-weight: 400;}
.rating.neg {color: #fd5d57;}
.rating.pos {color: #3dea37;}
.info {position: relative; overflow: hidden; opacity: 0.75;}
.info .title {padding: 4px 5px 4px 5px; display: block; font-size: 12px; line-height: 22px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; color: #c0c0c0; transition: color .3s ease;}
.info .tags {width: 100%; height: 24px; padding: 0 5px; overflow: hidden; display: none;}
.info .tags a {display: inline-block; margin-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px; font-size: 12px; font-weight: 400; color: #c0c0c0; text-transform: capitalize; vertical-align: top;}
.info .tags a.c {color: #f0f0f0;}
.info .tags a:before {content: '\2022'; font-weight: 700; color: #9c7b62; display: inline-block; vertical-align: top; font-size: 24px; padding-right: 1px;}
.info .tags a.src {display: inline-block; border-right: 1px solid #202020; padding-right: 5px; margin-right: 5px;}
.info .tags a.src:before {display: none;}


a.report {display: none; position: absolute; right: 3px; top: 5px; width: 32px; height: 20px; text-align: right;}
a.report i {font-size: 20px;}
#report-form {display: block; padding: 0 4px;}
#report-form-content {display: block; position: relative; padding-top: 34px; background: #000; border: 1px solid #000;}
a#report-form-close {position: absolute; right: 5px; top: 5px;}
#report-iframe {height: 400px;}
li.report-active {padding-bottom: 0;}
li.report-active .item {padding-bottom: 5px; background: #000; border-color: #000;}

.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 i {font-size: 24px; line-height: 40px;}
.vote a:hover i {font-size: 28px;}
a.votedown {background: #b32d28;}
a.voteup {background: #2db328;}
a.voteclose {color: #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;}
.votedup i, .voteddown i {vertical-align: top; font-size: 32px; line-height: 52px; color: #fff;}
.voteddown {background: #b32d28;}
.votedup {background: #2db328;}

.tcats li h3 {padding: 8px 5px 5px 5px; font-size: 16px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-weight: 500; text-transform: uppercase; opacity: 0.75;}
.tcats li .cnt {padding: 0 5px 8px 5px; line-height: 12px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-weight: 400; color: #b0b0b0; opacity: 0.75;}

.related {padding: 5px;}
.related>span {display: block; width: 100%; padding: 5px 0; margin-top: 10px; text-align: left; line-height: 26px; font-size: 16px; font-weight: 700; color: #ddd;}
.related a {display: inline-block; padding: 0 10px; margin-right: 5px; margin-bottom: 5px; line-height: 25px; font-size: 13px; border-radius: 4px; text-transform: capitalize; background: #373737;}

.categories {padding: 0 5px; font-size: 0; margin-bottom: 40px;}
.categories ul {margin-bottom: 5px;}
.categories.popular ul {margin-bottom: 0;}
.categories ul li {list-style: none; display: inline-block; margin-right: 5px; margin-bottom: 5px;}
.categories .letter {margin: 0; padding: 0 10px; display: block; line-height: 26px; font-size: 16px; font-weight: 500; color: #e7c5a7;}
.categories ul li a {display: inline-block; width: 100%; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 25px; font-size: 13px; border-radius: 4px; text-transform: capitalize; background: #373737;}
.categories ul li span {display: none;}

.footer {padding: 10px 5px; margin-top: 30px; font-size: 12px; line-height: 14px; background: #202020; border-top: 1px solid #272727;}
.footer a {color: #e7c5a7;}
.footer i {font-size: 14px; line-height: 14px; vertical-align: top;}
.footer p {padding: 5px 0;}
#back-to-top {position: fixed; z-index: 9999; right: 20px; bottom: 7%; display: block; padding: 8px 10px; background-color: rgba(0,0,0,0.6); border-radius: 3px;}
#back-to-top i {font-size: 36px; color: #fff;}

@media all and (min-width: 450px) {
    .content li, .tcats li {width: 50%;}
}
@media all and (min-width: 560px) {
    .bottomsearch {width: 460px;}
    .content li, .tcats li {width: 33.33333%;}
    .sorting {width: calc(60% - 3px);}
    .durgrp {width: calc(40% - 3px);}
    .sorting {margin-right: 6px;}
    #report-iframe {height: 280px;}
}
@media all and (min-width: 760px) {
    .container {position: relative;}
    a#btn-menu, a#btn-search {display: none;}
    .header {height: 70px;}
    a.logo {display: inline-block; position: static; left: auto; top: auto; margin-left: 0; margin-top: 5px; width: 203px; height: 60px; background-size: 203px 60px;}
    .search {display: block; position: absolute; z-index: 100; top: 13px; left: auto; right: 10px; width: 320px; border-radius: 3px; border: 1px solid #272727;}
    .sb {background: none;}
    #menu {position: static; left: 0; top: auto; bottom: auto; overflow: visible; width: 100%; border-right: none; border-bottom: 1px solid #272727; background-color: #1a1a1a;}
    #menu hr {display: none;}
    #menu a {width: auto; margin-right: 20px;}
    #menu .container {overflow: hidden; height: 34px;}
    .filters {width: 100%;}
    .sorting {width: 240px;}
    .durgrp {width: 160px;}
    .pagination {display: inline-block; text-align: right; width: calc(100% - 406px);}
    .pages {width: auto;}
}
@media all and (min-width: 900px) {
    .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: 250px; right: 370px;}
    .h {padding-top: 15px;}
    #all_categories h2, #all_pornstars h2 {margin-top: 0;}
    .info .title {padding: 4px 40px 4px 5px; border-bottom: 1px solid #202020; /*background: #000;*/}
    .dur, .add, .hdlabel, .info .tags, a.report {display: block;}
    .sorting {width: 270px;}
    .durgrp {width: 180px;}
    .pagination {width: calc(100% - 456px);}
}
@media all and (min-width: 1025px) {
    /*a.logo {margin-top: 10px; width: 264px; height: 50px; background-size: 264px 50px;}
    .description {left: 300px;}*/
    #menu a:hover {color: #c0c0c0;}
    #menu a i {color: #fff;}
    /*.h {display: table;}
    h1 {display: table-cell; width: auto; vertical-align: top; line-height: 38px;}
    .filters {display: table-cell; vertical-align: top; text-align: right; width: auto; white-space: nowrap;}
    */
    h1 {display: block; float: left; width: auto; vertical-align: top; line-height: 34px;}
    .filters {display: block; float: right; vertical-align: top; text-align: right; width: auto; white-space: nowrap;}
    .h:after {content: ''; display: table; clear: both;}
    .pagination {width: auto; margin-left: 6px;}
    .sorting, .durgrp, .pages {margin-top: 0;}
    .h.bottom .filters {width: 100%;}
    .sorting {width: 300px;}
    .durgrp {width: 200px;}
    .pagination {display: none;}
    .h.bottom .pagination {width: calc(100% - 506px); margin-left: 0; display: inline-block;}
    .container {max-width: 1000px;}
    .search {right: 50%; margin-right: -490px;}
    .info .title {height: 25px; line-height: 16px;}
    .content li:hover .info .title {color: #ddd;}
    .content li:hover .item, .tcats li:hover .item {background: #101010; border-color: #101010;}
    .info .tags a:hover {color: #fff;}
    a.report {height: 18px; top: 4px;}
    a.report i {font-size: 16px;}
    .categories {padding: 0;}
    .categories ul {margin-bottom: 20px; columns: 240px 6; column-gap: 0;}
    .categories ul li {display: block; margin-right: 0; padding: 0 10px; margin-bottom: 0;}
    .categories .letter {padding: 0 10px; line-height: 30px; font-size: 18px;}
    .categories ul li a {background: none; border-radius: 0; padding: 0; width: 70%; line-height: 30px; border-bottom: 1px solid #303030; font-size: 14px;}
    .categories ul li span {display: inline-block; width: 30%; line-height: 30px; min-height: 31px; font-size: 11px; text-align: right; vertical-align: top; border-bottom: 1px solid #303030; color: #888;}
    .related {margin-top: 10px;}
    .related>span {display: inline-block; width: auto; margin-top: 0; margin-right: 5px; line-height: 25px; font-size: 14px;}
    .related a {background: none; border-radius: 0; padding: 0; margin-right: 15px; font-size: 14px;}
    .related a:before {content: '\2022'; font-weight: 700; color: #9c7b62; display: inline-block; vertical-align: top; font-size: 24px; padding-right: 2px;}
}
@media all and (min-width: 1280px) {
    .description {-webkit-box-orient: inherit; font-size: 13px; left: 24%; right: 30%;}
    h1,h2 {font-size: 20px;}
    .categories ul li a {font-size: 15px;}
    .categories ul li a {width: 75%;}
    .categories ul li span {width: 25%;}
    .container {max-width: 1330px;}
    .content li, .tcats li {width: 25%;}
    .search {right: 10px; margin-right: 0;}
}
@media all and (min-width: 1340px) {
    .search {right: 50%; margin-right: -655px;}
    .pagination {display: inline-block;}
}
@media all and (min-width: 1660px) {
    .container {max-width: 1660px;}
    .search {right: 50%; margin-right: -820px;}
    .content li, .tcats li {width: 20%;}
}