#k:focus{outline:0}
.infobox .checkbox li:before{content:"\2714";display:inline-block;padding-right:6px;border-radius:4px}
.styled{width:100%;border-collapse:collapse;border-style:hidden;font-size:1.1em;margin:1em 0}
.styled th{padding-top:8px;padding-bottom:8px;background-color:var(--c-metal);color:var(--c-white);border:0;text-align:center}
.styled td{border:0px;text-align:left;padding:8px}
.styled tr>li:nth-child(odd){background:var(--c-light-grey)}
.pornstar-box-con,.pornstar-list li{width:120px;display:inline-block;position:relative;vertical-align:top}
.exp-pornstars ol>li,.exp-pornstars ul>li{width:120px;padding:0 1px;display:inline-block}
.main {min-width: 0;}
.cat-col {display: grid;grid-template-columns: 285px 1fr;column-gap: 10px;}
.maincon{border:1px solid var(--c-v-off-grey);text-align:center}
.button img{display:inline-block}
.sites-count{font-size:3em;position:absolute;left:10px;z-index:1;color:var(--c-white);top:0;text-shadow:0 0 15px var(--c-black);pointer-events:none;opacity:0.6}
.sites-count-main{font-size:1.6em;}
.screenshot {height:100%;padding-top:28px}
.site-description .preview {position:relative;background-clip: content-box, border-box;background-origin: border-box;border-radius: 16px;border: double 2px transparent;background-image: linear-gradient(#333, #333), linear-gradient(to right, #0066bb, var(--c-off-bg));}
.site-description .preview img {border-radius: 16px;}
.site-description p {padding: 10px 0px;line-height: 1.4em;color: :var(--c-always-white);letter-spacing: 1px;font-size: 0.9em;text-align: justify;}
.site-description ul {font-size: 0.9em;text-align: justify;}
.site-description a {transition:none;}
.faq p {background: var(--c-light-grey);padding: 10px;border: 1px solid var(--c-v-off-grey);border-radius: 16px;}
.review-button:after {content:'';width:16px;height:16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'%3E%3Cg transform='matrix(0.1, 0, 0, 0.1, 0.6, 0.25)' opacity='1'%3E%3Cpath style='fill:%23EEE;' d='M109.9 63.75Q109.9 44.5 95.95 30Q82.05 16.65 62.75 16.65Q43.45 16.65 29.5 30Q16.1 44.5 16.1 63.75Q16.1 83.05 29.5 96.45Q43.45 110.4 62.75 110.4Q82.05 110.4 95.95 96.45Q109.9 83.05 109.9 63.75M127.05 63.75Q127.05 86.3 113.65 102.9L141 130.2L144.2 138.25L141 146.8L140.45 147.35Q137.25 150.55 132.4 150.05Q127.6 150.05 124.35 146.8L96.5 118.95Q81.5 127.55 63.8 127.55Q37 127.55 18.75 108.8Q0 90.05 0 63.75Q0 37.5 18.75 18.75Q37 0 63.8 0Q90.05 0 108.85 18.75Q127.05 37.5 127.05 63.75' /%3E%3C/g%3E%3C/svg%3E%0A");display:inline-block;margin-left: 2px;vertical-align: middle;}
.upvote:before {content:'';display:flex;width:16px;height:16px;margin: 1em;background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000000' stroke-width='1' stroke-linecap='round' stroke-linejoin='miter'%3E%3Cg stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg %3E%3Cpolygon points='3 14 12 3 21 14 16 14 16 22 8 22 8 14 3 14'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");}
.upvote-on:before {background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='green' stroke='%23000000' stroke-width='1' stroke-linecap='round' stroke-linejoin='miter'%3E%3Cg stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg %3E%3Cpolygon points='3 14 12 3 21 14 16 14 16 22 8 22 8 14 3 14'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");}
.downvote:before {content:'';display:flex;width:16px;height:16px;margin: 1em;background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000000' stroke-width='1' stroke-linecap='round' stroke-linejoin='miter'%3E%3Cg stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg %3E%3Cpolygon points='3 14 12 3 21 14 16 14 16 22 8 22 8 14 3 14'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");transform: rotateX(180deg);}
.downvote-on:before {background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='red' stroke='%23000000' stroke-width='1' stroke-linecap='round' stroke-linejoin='miter'%3E%3Cg stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg %3E%3Cpolygon points='3 14 12 3 21 14 16 14 16 22 8 22 8 14 3 14'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");transform: rotateX(180deg);}
.wankrank,.info-left-bottom {bottom: 8px;position: absolute;background: var(--c-off-bg);color: var(--c-always-white);padding: 3px 12px;z-index: 13;border-radius: 999px;font-size: 12px;box-shadow: 0 4px 10px rgba(255, 152, 0, 0.3);}
.wankrank {right:5px}
.info-left-bottom {left:5px}
.price-table {padding:10px 0}
.price-table>div {display: flex;flex-shrink: 0;text-align: center;vertical-align: middle;min-width: 100px;flex-direction: column;justify-content: center;height: stretch;}
.text ul, .read-more-text ul {padding: 0.5em 0 1em 2em;list-style-type: disc;}
.text li {line-height:1.5em}
.text ul.nodisc {list-style-type:none}
blockquote,.affiliate-disclaimer {background: var(--c-light-grey);border-left: 8px solid #ccc;margin: 1.5em 10px;padding: 1em;quotes: "\201C""\201D""\2018""\2019";}
.affiliate-disclaimer {border-color: #f44336;}
.swipebar{white-space:nowrap;overflow-x:auto;overflow-y:hidden}
.slogan{padding:4px 8px 4px 0}
.dropdown-arrow{width:0;display:inline-block;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #eee}
.con{display:inline-block;vertical-align:middle;margin-right:-6px}
.art-footer{background:var(--c-black);border-top:1px solid #eceff1;color:var(--c-white);position:relative;text-align:center;padding:40px}
.art-footer li {padding: 5px 0px;}
.footer-text p{text-align:center;max-width:66%;margin:auto;padding:10px;color:var(--c-always-white)}
.footerblock{display:inline-block;text-align:left;vertical-align:top;width:210px;font-size:1.2em}
.ext-link:after {margin-left:2px;content: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M10.0002 5H8.2002C7.08009 5 6.51962 5 6.0918 5.21799C5.71547 5.40973 5.40973 5.71547 5.21799 6.0918C5 6.51962 5 7.08009 5 8.2002V15.8002C5 16.9203 5 17.4801 5.21799 17.9079C5.40973 18.2842 5.71547 18.5905 6.0918 18.7822C6.5192 19 7.07899 19 8.19691 19H15.8031C16.921 19 17.48 19 17.9074 18.7822C18.2837 18.5905 18.5905 18.2839 18.7822 17.9076C19 17.4802 19 16.921 19 15.8031V14M20 9V4M20 4H15M20 4L13 11' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.box{border:1px solid var(--c-v-off-grey);margin-bottom:15px;box-shadow:0 .1rem .2rem 0 rgba(0,0,0,.2);background:#FCFCFC;padding:10px}
.box-light{padding:5px}
.carousel .card a h3:after{content:'';display:block;height:3px;margin:auto;width:90%;background:var(--c-red);border-radius:90% 100% 90% 100%;box-shadow:0 0 2px #29353c}
.card>p {line-height: 1.1em;display: flex;align-items: center;justify-content: center;font-size: 13px;height: 3.5em;padding-top: 0.5em;margin: 0;}
.site-info{border-radius:4px;margin-top:5px;color:var(--c-white)}
.info-price{background:#eee;text-align:center;width:100%}
.pornstar-box img{width:110px;height:110px;border-radius:75px;margin:auto;border:3px solid var(--c-white)}
.pornstar-box{display:inline-block;border-radius:75px;overflow:hidden;position:relative;background:linear-gradient(to bottom right,var(--c-blue),var(--c-red));padding:2px}
.pornstar-box-con-big{width:250px;display:inline-block;position:relative;padding:0 4px}
.pornstar-box-con-big .pornstar-box img{border-radius:150px;width:244px;height:244px}
.pornstar-box-con-big .pornstar-box{width:250px;height:250px;border-radius:150px}
.pornstar-box-con-big .pornstar-box-border{border:5px solid var(--c-white)}
.pornstar-box-border{border:2px solid var(--c-white);background:var(--c-white);border-radius:150px;width:96%;height:96%;overflow:hidden;position:relative}
.pornstar-profile-pic-con{width:100%}
.pornstar-profile-pic-con li{display:inline-block}
.model-name{margin:-2px 0 15px;font-weight:600;font-size:.9em;text-align:center}
.tag{background:var(--c-red);font-size:small;font-weight:700;border-radius:4px;color:var(--c-white);line-height:14px;padding:4px;margin:0 4px}
.card_item .site-summary{overflow: hidden;margin: 0.5em 0;white-space: normal;font-size: .8rem;line-height: 1.1rem;overflow: auto;max-height: 124px;}
.main .card_item .site-summary {max-height: 55px;}
.card .title {color: var(--c-white);position: absolute;z-index: 100;font-weight: 700;left: 0;right: 0;top: 0;bottom: 0;display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: center;align-content: center;}
.tag-category {display:none}
.show_category .tag-category{bottom: 5em;position: absolute;left: 5px;background: var(--c-off-bg);color: var(--c-always-white);right: 5px;padding: 4px 12px;z-index: 13;border-radius: 999px;font-size: 12px;box-shadow: 0 4px 10px rgba(255, 152, 0, 0.3);}
.sub-category{bottom: 3em;position: absolute;left: 5px;background: rgb(from var(--c-bl, black) r g b / 0.75);border: 1px solid var(--c-off-bg);color: var(--c-always-white);right: 5px;padding: 4px 12px;z-index: 13;border-radius: 999px;font-size: 12px;box-shadow: 0 0px 6px rgb(187 0 102);}
.auto-visible {content-visibility: auto;}
.card_item .title{padding: 2px;text-align: left;display: table;margin: 0;color: #000;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.card_item .ranking{font-weight: 600;z-index: 8;position: absolute;height: 100%;display: flex;align-items: center;justify-content: center;color:#000}
.header-ranking {font-size: 1rem;margin-top: -6px;}
.table-cell {display:table-cell}
.w16 {width:16px}
.card_item .ranking:after{position: absolute;background: var(--c-white);left: -27px;content: '';height: 3rem;width: 3rem;border-radius: 50%;z-index: -1;border: 1px solid var(--c-black);}
.sticky{position:sticky;top:0;z-index:1}
.deal{font-size:.8em;font-weight:800;background:#ff0;color:#333;border:1px solid var(--c-v-off-grey);border-radius:8px;padding:0 2px}
.pricebtn{color:var(--c-white);background:var(--c-metal);height:36px;margin:2px 0;padding:5px;border-radius: 0.5em;}
.prevnext {display: flex;justify-content: center;align-items: center;}
.prevnext .prev {min-width:250px;clip-path: polygon(100% 0%, 100% 100%, 5% 100%, 5% 100%, 0% 50%, 5% 0%);} 
.prevnext .next {min-width:250px;clip-path:polygon(100% 50%, 95% 100%, 50% 100%, 0% 100%, 0% 0%, 95% 0%);}
.info-discount{background:green !important;color:var(--c-white);display: flex;align-items: center;}
.price{font-size: 36px;font-weight: 600;position: relative;margin: 0 auto;}
.cent {font-size: 0.8rem;vertical-align: super;padding-right: 5px;}
.month {margin-top: -10px;margin-right: -10px;font-size: 0.6rem;}
.tiny{font-size:.8em;}
.inline-block {display:inline-block}
.title .tiny {color:var(--c-blue)}
.footerblock strong,.red{color:var(--c-red)}
.green{color:darkgreen}
.tb-margin{margin:15px 0}
input,select,textarea{font-size:1.2em;font-style:normal;font-weight:400;vertical-align:middle}
.i-star{background-image:url(https://cdn.pornsites.xxx/img/stars.png);width:80px;height:16px;display:inline-block;vertical-align:top}
.i-star-1{background-position:-64px 0;width:16px}
.i-star-2{background-position:-48px 0;width:32px}
.i-star-3{background-position:-32px 0;width:48px}
.i-star-4{background-position:-16px 0;width:64px}
.i-star-5{background-position:0 0;width:0}
.valign{vertical-align:middle}
.star:before{content:'\1f31f';font-size:27px;z-index:5;transform:rotate(-24deg);display:inline-block;vertical-align:middle;position:absolute;top:2px;left:2px}
.card .footer{text-align:center;font-weight:700;list-style-type:none;height:2.2em;line-height:2.2em;font-size:14px;background:var(--c-v-light-grey);border-radius:4px;border:1px solid var(--c-v-light-grey)}
.card .footer span{vertical-align:middle}
.discount{background:rgba(237,255,0,.25)}
.bigger{font-size:1.5em;padding:5px 0}
.big{font-size:2em;padding:5px 0 10px;line-height:1em;vertical-align:middle}
.review-selection .ranking {content: counter(list-item) ".";position: absolute;left: 10px;bottom: 10px;width: 30px;height: 30px;background: var(--c-white);border-radius: 100%;display: flex;justify-content: center;align-items: center;z-index: 70;color: var(--c-black);font-weight: 600;border: 5px solid var(--c-blue);}
.black-friday{background:var(--c-black);font-weight:800;color:var(--c-white);margin-right: 40px;padding:0 2px}
.site-descr-con {display:grid;grid-template-columns:50% auto;column-gap:1em;row-gap:0.5em}
.site-descr-positive{margin-top: 0;text-align: left;width: 100%;}
.positive {color:var(--c-green);font-weight:500;text-indent: -20px;margin-left: 20px;}
.positive li:before,.site-descr-positive li:before{content:'\2714';width:22px;position:relative;z-index:5;display:table-cell;color:var(--c-green);text-align: center;}
.site-descr-negative{margin:0;text-align: left;width: 100%;}
.site-descr-negative li,.site-descr-positive li {display:table-row}
.site-descr-negative li:before{content:'\26d4';width:22px;display:table-cell;text-align: center;}
.top-header-text-negative{color:red;font-weight:500}
.site-descr-text{position:relative;padding:10px 0}
.site-descr-text-contents{font-weight:500;padding:10px 0}
.lang-select{background:var(--c-white);position:fixed;display:block;bottom:0;z-index:200000;border-top:1px solid var(--c-v-light-grey);text-align:center;width:100%;vertical-align:middle;padding-bottom:10px;padding-top:10px}
.arrow {border-right: 4px solid var(--c-white);border-bottom: 4px solid var(--c-white);width: 10px;height: 10px;margin: auto;}
.arrow.down {transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top:8px;}
.arrow.up {transform: rotate(225deg);-webkit-transform: rotate(225deg);margin-top:10px;}
.full {width:100% !important}
.alt-button a, .button a {width:100%;height:100%}
.card_item a.button {margin:2px 0;width:auto} 
a.alt-button {display: flex;justify-content: center;align-items: center;color: var(--c-always-white) !important;width: auto;border: 1px solid var(--c-m-blue);border-radius: 0.5em;background: var(--c-m-blue)}
a.alt-button:hover {background:var(--c-m-blue-CC);transition: 0.25s all ease;}
.cat-button {white-space: nowrap;}
a.button-elevator{position:relative;background:var(--c-blue);border:2px solid var(--c-v-light-grey);border-radius:25px;padding:5px;height:48px;width:48px}
.flag-ru:before{background-position:-80px 0}
.flag-zh:before{background-position:-112px 0}
.icon-twitter{height:16px;width:16px;vertical-align:middle;background-image:url(https://cdn.pornsites.xxx/img/Twitter_Logo_Blue.svg);display:inline-block}
.icon-instagram{height:16px;width:16px;vertical-align:middle;background-image:url(https://cdn.pornsites.xxx/img/Instagram.svg);display:inline-block}
.category-descr-text ul,.category-descr-text ol{margin:5px 15px}
.extratext,.dropdown a,.small{font-size:smaller}
.toggle,.searchmenu button:hover{cursor:pointer}
.tt-dataset {grid-row-gap: 8px;grid-column-gap: 8px;display: grid;grid-template-columns: repeat(3,1fr);padding: 10px;overflow:hidden}
.toggle{display:inline-block}
.navbar{display:none;position: fixed;top: 95px;z-index: 70;height: 100%;overflow-y: auto;padding:1em;background: var(--c-light-grey);border-right: 1px solid var(--c-v-light-grey);}
.navbar::-webkit-scrollbar {display:none}
.dropdown-cat .dropbtn{font-size:16px;border:none;outline:none;color:var(--c-white);padding:14px 16px;background-color:inherit}
.dropdown-cat:hover .dropdown-content-cat{display:block}
.dropdown-content a{color:var(--c-black);text-decoration:none;display:block;padding:12px 16px}
.dropdown-content a:hover{background-color:var(--c-v-light-grey)}
.dropdown-content-cat .header{background:red;color:var(--c-white);padding:15px;font-size:x-large}
.dropdown-content-cat strong {margin: 5px 0;padding:0.5em;display: flex;align-items: center;font-size: 1.4em;justify-content: center;background:var(--c-light-grey)}
.dropdown-content-cat a{color: var(--c-black) !important;display: block;border-radius: 4px;margin-bottom: 5px;padding: 4px;}
.dropdown-content-cat a:hover {background: var(--c-blue);color: var(--c-white);}
.row:after{content:"";display:table;clear:both}
.arrow-r-move{display:inline-block}
.main {margin-bottom:1.5em}
.main .header {justify-content: space-between;display: flex;align-items: center;}
.right{float:right}
.patches {position: absolute;right: 0px;top: 0px;}
#open_website_button {padding:8px;display:none;width: auto;}
.active,.dropdown:hover .dropdown-content{display:block}
.model_right_con,.models-right-content{overflow:hidden}
hr.nice,hr.nicedark{border:0;height:1px}
.icon-descr,.flag-es:before{background-position:-16px 0}
.icon-awards,.flag-fr:before{background-position:-32px 0}
.icon-freevideos,.flag-it:before{background-position:-48px 0}
.icon-external,.flag-nl:before{background-position:-64px 0}
.flag-de:before{background-position:0 0}
.detail-left{width:100%}
.green-x{color:var(--c-green)}
.nooverflow{overflow:hidden;position:relative}
.noborder{border:0}
table.awards tr:nth-child(odd),table.styled tr:nth-child(odd),.sites-list-small>li:nth-child(even){background:var(--c-v-light-grey)}
.site-descr-text ol{padding:10px 5px}
.site-descr-text li{margin-left:45px;list-style-type:decimal;line-height:1.5rem;padding:4px 0}
table.header-info td{width:25%;text-align:center;vertical-align:middle}
.site-logo img {height: 50px;object-fit: scale-down;} 
.pulse{animation:pulse 2s infinite;}
@keyframes pulse {0%{box-shadow:0 0 0 0 red}70%{box-shadow:0 0 0 10px rgba(0,0,0,0)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}
@keyframes bounce-h {0%{transform:translateX(0px)}100%{transform:translateX(5px)}}
@keyframes fadeIn {0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}
.block-hint{display: none;text-align: center;background: var(--c-red);padding: 10px;color: var(--c-white);letter-spacing: -.5px;text-shadow: 2px 2px 3px var(--c-black);position: fixed;bottom: 0;width:100%;z-index: 2;}
.awards{border:2px solid var(--c-blue);height:175px;position:relative}
.awards-header{background:var(--c-blue);color:var(--c-white);padding:3px}
.awards-title{display:flex;align-items:center;justify-content:center;height:90px;background:var(--c-white);padding:0 5px}
.awards-year{position:absolute;bottom:0;width:100%;background:var(--c-light-grey);border-top:1px solid #CCC;font-weight:600}
.rel{position:relative}
.b-open-site {font-weight:600;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;z-index: 101;left: 5px;right: 5px;padding: 10px 5px;pointer-events: none;opacity:0.9;width:auto;font-size:0.8em}
.main-bottom {display: flex;text-align: center;padding: 0.3em;vertical-align: middle;background: var(--c-dark);align-items: center;flex-wrap: nowrap;}
.main-bottom .carousel {padding-bottom: 2px;}
.top.carousel li {margin-top: 0;}
.feed-carousel {display: block;position: absolute;height: 6px;bottom: 0;left: 0;width: 100%;user-select: none;font-size: 0;}
.b-site-bottom {display:none}
.ic-round {display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid var(--c-dark);background-color: var(--c-white);color: var(--c-black);width: 32px;height: 32px;padding: 2px;margin: 5px;}
.ic-info:after {content: 'i';border: 1px solid var(--c-white);border-radius: 50px;width: 16px;height: 16px;display: inline-block;font-size: 14px;background: blue;opacity: 0.8;}
.touched {opacity:0.8}
.button-home {text-align:center; padding:0 0.5em;display:flex}
.swipe-left,.swipe-right{width:50%;padding: 2px;position:relative}
.open-read-more {display: block;}
.read-more-text{position:relative;text-align: justify;overflow-y:hidden;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;margin:0;padding:0; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);}
.read-more-text li {list-style-type: disc;}
.modal img {height: 100%;object-fit:contain}
.modal {position: fixed;z-index: 5000;right: 10px;top: 10px;display:none}
.card .award {position: absolute;right: 5px;top: 5px;z-index: 10;font-size: 1.3em;}
.picture:before {content: '';position: absolute;top:0;bottom:0;left:0;right:0;background: linear-gradient(360deg, #00000099 5%, transparent, #00000099 95%);z-index: 5;pointer-events: none;}
.rating-container {height: 10px;background-color: var(--c-v-light-grey);text-align: center;color: white;z-index: 100;bottom: 10px;left:10px;right:10px;position: absolute;box-shadow: 0px 0px 2px var(--c-black);font-size:0.6em}
.rating {width:var(--rating);height: 10px;background-color: goldenrod;}
.listing li picture:before {content: counter(list-item) ".";position: absolute;left: 71px;top: 26px;width: 30px;height: 30px;background: var(--c-white);border-radius: 100%;display: flex;justify-content: center;align-items: center;z-index: 70;color: var(--c-black);font-weight: 600;border: 5px solid var(--c-blue);}
.notactive {opacity: 0.4;zoom:0.95}
.site-logo img {height: 25px} 
.browse-sites-screens .logo img {height: 30px;object-fit: contain;}
.review-button-con {display:flex;position: absolute;top: 0;bottom: 0;border: 0;left: 0;right: 0;justify-content: center;align-items: center;z-index: 10;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}
.modal-content {background: var(--c-v-light-grey);padding: 20px;border: 1px solid #888;max-width: 200px;color:var(--c-black)}
.x {color: #AAA;position: absolute;right: 15px;top: 5px;font-size: 28px;font-weight: bold;z-index: 100;background: var(--c-black);border-radius: 16px;width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;}
.x:hover,.x:focus {color: var(--c-white);text-decoration: none;cursor: pointer;}
.browse-sites-screens {width: 200px;display:block;margin: 0 auto;}
.browse-sites-screens picture img {height:100%}
.dummy {min-width:400px;}
#autoComplete_list_1 {position: absolute;top: 36px;left: 0px;background: var(--c-light-grey);padding: 0.5em;max-width: 600px;overflow: auto;}
.autoComplete_wrapper {padding:0}
.catlist .site-description.visible {visibility:visible;opacity:1}
.upvotejs {display:flex;align-items: center;justify-content: center;margin: 0 auto;width: 100px;flex-direction: row;background: var(--c-m-blue);border-radius: 16px;margin: 10px auto;color: var(--c-always-white);}
div.upvotejs-enabled a {cursor: pointer;}
div.upvotejs span.count {display: block;text-align: center;font-size: 20px;margin: 8px 0;}
.post_title{background: var(--c-dark);padding: 0px 21px;font-size: 1.5em;line-height: 1.5;}
figcaption {font-size: 0.8em;padding: 4px;text-align: center;}
.text a {color: var(--c-blue);}

@media (max-width:768px) {
body {-webkit-tap-highlight-color:rgba(0,0,0,0);}
.close,#open_website_button {display:block}
#sitesearch {position:relative}
.sites-list-small li>div{max-width:50%}
.searchbox:before{height:18px;padding:7px}
.mobilecenter{text-align:center}
.detail-left,.slideboxmain,ul.videos li,.site-descr-right,ul.sites-list>li,.site-descr-con{width:100%;display:block}
.open-read-more,.show-on-click {position: relative;font-size: 1em;margin: 0;padding: 1em 2.2em 1em 0em;text-align:center}
.open-read-more:after{content: '\203A';transform: rotate(90deg);font-size:2em;position: absolute;right: 10px;top: 5px;margin-right:10px;z-index: 5;color:var(--c-black);pointer-events:none}
.read-more-text{max-height:0;min-height:0;&.open {max-height: 100vh;transition: all 1s ease-in-out;}}
.read-more-shadow:after{content:"";position:absolute;bottom:0;height:4em;width:100%;opacity:.5;right:0;-webkit-transition:all .2s;background:linear-gradient(180deg,var(--c-white)00 0%,var(--c-white)FF 44%,var(--c-white)FF 100%)}
.category-descr-text{padding: 0;margin: 0 auto;background:transparent;}
.carousel {scroll-snap-type: x mandatory;}
.tt-dataset {grid-template-columns: repeat(2,1fr);}
.main-nav-left {background: var(--c-black);border-radius:0 0.5em 0 0.5em;padding:5px 2px;position:fixed;top:50px;bottom:50px;right:0;z-index:100;overflow-x:hidden;overflow-y:auto;}
.main-nav-left li {padding: 1px 0;}
.main-nav-left::-webkit-scrollbar {width: 3px;}
.main-nav-left .caticon:before {zoom:0.8;display:block}
.col-6 .card_item .title {font-size: 1em;padding: 5px 0;}
.main h3 {width: auto;}
.browse-sites-screens {width: 150px;}
.browse-sites-screens .picture {height: 100px;}
.pricebtn {width: 85%;margin: 5px auto;}
.styled {display-block;overflow: scroll;white-space: nowrap;}

}

@media (hover: hover) and (pointer: fine) {
.button:hover{background:var( --c-blue-h);-webkit-transition:all .1;-moz-transition:all .1s;-ms-transition:all .1s;-o-transition:all .1s;transition:all .1s;cursor:pointer;box-shadow: 0 7px 14px rgba(0, 102, 204, 0.25), 0 3px 6px rgba(0, 0, 0, 0.1);}
.star:hover:before{content:attr(data-title)}
.card_item:hover{transform: translateY(-6px);}
.card_item:hover .review-button-con {opacity:1}
.picture img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}
.picture:hover img,.browse-sites-screens img:hover {transform:scale(1.1)}
.card_item .picture a:hover{text-decoration:none}
.main a:hover,.main a:hover:after, .card_item .title:hover {color: var(--c-red);transition: 0.25s all ease;}
.open-read-more:first-child {padding-top: 0;margin-top:0}
.catlist ol>li:hover {background:var(--c-white)}
}