:root {
    --body: #131313;
    --text: #959595;
    --link: #fff;
    --primary: #5e434d;
    --dark: #2c2c2c;
    --light: #fff;
    --gray: #2c2c2c;
    --gray-light: #999;
    --gray-dark: #1E1E1E;
    --success: #4CC6EA;
    --danger: #5c0527;
    --warning: #EAAA4C;
    --size: .9375rem;
    --space: .9375rem;
    --family: 'Noto Sans HK', sans-serif;
    --grid: 130px
}

:root body.w {
    --body: #fff;
    --text: #757575;
    --link: #000;
    --gray: #F5F5F5;
    --gray-light: #F5F5F5;
    --gray-dark: #F5F5F5
}

@media(min-width: 450px) and (max-width:680px) {
    :root {
        --grid: 170px
    }
}

@media(min-width: 680px) and (max-width:767px) {
    :root {
        --grid: 250px
    }
}

@media(min-width: 768px) {
    :root {
        --grid: 220px
    }
}

@media(min-width: 1600px) {
    :root {
        --space: 1.875rem
    }
}

*,:before,:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0
}

body {
    margin: 0;
    font: 300 var(--size)/1.8 var(--family);
    overflow-x: hidden;
    word-wrap: break-word;
    background-color: var(--body);
    color: var(--text)
}

hr {
    border: 0;
    margin: calc(2 * var(--size)) 0;
    clear: both;
    overflow: hidden;
    height: 1px;
    background-color: var(--gray)
}

[hidden],.hdd {
    display: none
}

img,svg {
    vertical-align: middle;
    max-width: 100%
}

:focus {
    outline: 0
}

a {
    text-decoration: none;
    color: var(--link)
}

table {
    width: 100%
}

.title,[class*=-title],h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    line-height: 1.2
}

h1 {
    font-size: calc(3 * var(--size) + 1vw + 1vh)
}

h2 {
    font-size: calc(2 * var(--size) + 1vw + 1vh)
}

h3 {
    font-size: calc(1.5 * var(--size) + 1vw + 1vh)
}

h4,h5,h6 {
    font-size: var(--size)
}

#aa-wp {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#aa-wp>.bd {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cont,ul.slick-dots {
    margin: 0 auto!important;
    padding-left: calc(1.5 * var(--size));
    padding-right: calc(1.5 * var(--size));
    width: 100%
}

@media(min-width: 768px) {
    .cont,ul.slick-dots {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .cont,ul.slick-dots {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .cont,ul.slick-dots {
        max-width:1210px
    }
}

@media(min-width: 1600px) {
    .cont,ul.slick-dots {
        max-width:1460px
    }
}

ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,fieldset {
    margin: 0 0 calc(2 * var(--size))
}

figure,nav ul,[class*=-list],[class*=-nav] {
    margin: 0;
    padding: 0;
    list-style-type: none
}

[class*=align] {
    margin-bottom: var(--size)
}

.alignleft {
    margin-right: var(--size)
}

.alignright {
    margin-left: var(--size)
}

button,input,select,textarea {
    font: inherit;
    width: 100%;
    vertical-align: middle;
    line-height: normal;
    text-transform: none;
    overflow: visible
}

fieldset {
    border: 1px solid transparent;
    padding: var(--size)
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
    border: 0;
    padding: var(--size)
}

label {
    display: inline-block;
    padding: .875rem 0;
    line-height: 1.25rem
}

label[for] {
    cursor: pointer
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

input,textarea,select {
    display: block;
    padding: calc(.5 * var(--size)) var(--size);
    width: 100%;
    line-height: 2rem;
    background-color: var(--gray-dark);
    color: var(--text);
    border-radius: .25rem;
    border: 0
}

input:focus,textarea:focus,select:focus {
    background-color: var(--gray)
}

.w input:focus,.w textarea:focus,.w select:focus {
    background-color: var(--light);
    -webkit-box-shadow: inset 0 0 0 2px #eee,0 0 2rem rgba(0,0,0,.05);
    box-shadow: inset 0 0 0 2px #eee,0 0 2rem rgba(0,0,0,.05)
}

.inp .ico {
    display: block;
    position: relative;
    color: var(--text)
}

.inp .ico>* {
    padding-right: 4rem
}

.inp .ico>textarea+i {
    bottom: auto;
    top: .5rem
}

.inp .ico>*:focus+i {
    opacity: 1;
    color: var(--primary)
}

.inp .ico>i {
    position: absolute;
    right: .5rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    opacity: .5;
    pointer-events: none;
    font-size: 1.5rem;
    padding: 0
}

input.sm,select.sm {
    padding-top: 0;
    padding-bottom: 0
}

[type=color],[type=number],[type=range] {
    width: auto;
    min-width: 7rem
}

:disabled {
    cursor: default
}

:disabled {
    opacity: .8
}

textarea {
    overflow: auto;
    min-height: 6rem;
    max-width: 100%;
    height: auto;
    resize: vertical;
    padding: 1rem var(--size) var(--size);
    max-height: 15rem
}

.val-ok .val {
    color: var(--success)
}

.val-no .val {
    color: var(--danger)
}

[class*=val-] .val {
    font-size: calc(.75 * var(--size));
    display: block;
    padding-top: .5rem
}

[class*=val-] .val:before {
    margin-right: .5rem
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4LjYyNScgaGVpZ2h0PScxMicgdmlld0JveD0nMCAwIDguNjI1IDEyJz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMTYuOTM0IC01Ni45NSknPjxwYXRoIGQ9J00xNy42Niw2My45MTVoNy4xNzRhLjcyNC43MjQsMCwwLDEsLjUxMiwxLjIzNmwtMy41ODcsMy41ODdhLjcyLjcyLDAsMCwxLTEuMDIyLDBsLTMuNTktMy41ODdBLjcyNC43MjQsMCwwLDEsMTcuNjYsNjMuOTE1Wm03LjY4Ny0zLjE2NS0zLjU4Ny0zLjU4N2EuNzIuNzIsMCwwLDAtMS4wMjIsMGwtMy41OSwzLjU4N2EuNzI0LjcyNCwwLDAsMCwuNTEyLDEuMjM2aDcuMTc0QS43MjQuNzI0LDAsMCwwLDI1LjM0Niw2MC43NVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAgMCknIGZpbGw9JyM5OTknLz48L2c+PC9zdmc+);
    background-position: right var(--size) center;
    background-repeat: no-repeat;
    background-size: .575rem;
    padding-right: 3rem
}

select.sm {
    background-position: right .5rem center
}

.ifl input {
    display: none
}

[type=checkbox],[type=radio] {
    width: auto;
    min-height: auto;
    display: inline-block;
    border: 0;
    vertical-align: baseline
}

.chk {
    text-align: left;
    position: relative;
    overflow: hidden;
    padding: .5rem 0
}

.chk label {
    padding: 0 0 0 2.1rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.5rem
}

.chk input+label:before,.chk input+label:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: .3rem;
    content: '';
    text-align: center;
    line-height: 1.5rem;
    font-size: var(--size)
}

.chk input+label:after {
    display: none
}

.chk input:checked+label:after {
    display: block
}

.chk [type=radio]+label:before {
    border-radius: 2rem
}

.chk input {
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    top: 0;
    left: 0
}

.chk label:before {
    background-color: var(--gray-light);
    border: 1px solid var(--gray)
}

#body.on .chk label:before {
    background-color: var(--gray);
    border-color: rgba(255,255,255,.1)
}

#body.on .chk input:checked+label:before {
    background-color: var(--primary)
}

.chk input:checked+label:before {
    background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgNTEyIDUxMic+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeic+PC9wYXRoPjwvc3ZnPg==);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: .8rem;
    background-color: var(--primary)
}

.btn,button,[type=button],[type=reset],[type=submit] {
    cursor: pointer;
    padding: .5rem 1.5rem;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 2rem;
    width: auto;
    background-color: var(--gray-dark);
    color: var(--text);
    min-width: 3rem;
    border: 0;
    border-radius: .3rem
}

.w .btn,.w button,.w [type=button],.w [type=reset],.w [type=submit] {
    background-color: rgba(0,0,0,.05)
}

.btn:hover,a.btn:hover,button:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,.btn.send-btn,.form-submit button {
    background-color: var(--primary);
    color: var(--light)
}

.btn.blk {
    width: 100%
}

.btn.send-btn {
    background-color: var(--primary);
    color: var(--light)
}

.btn.sm {
    font-size: .75rem;
    padding: 0 .75rem;
    white-space: nowrap
}

.btn.sm.rnd {
    padding: 0 1.25rem
}

.btn.lg {
    padding: 1rem 2rem;
    min-width: 10rem;
    font-size: 1.125rem
}

.btn.lnk.sm {
    font-size: .65rem;
    text-transform: uppercase;
    font-weight: 600
}

.btn.lnk,.btn.lnk:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--primary);
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 1rem
}

.btn.lnk {
    vertical-align: top;
    display: inline-block
}

.btn.npd {
    padding-left: 0;
    padding-right: 0
}

button,input,textarea,select,.btn,.menu a {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.lnk-blk:after,.lnk-blk-a>a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 2
}

.ic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    height: 1em;
    width: 1em;
    font-size: inherit
}

.ic svg {
    height: 1em;
    width: 1em;
    bottom: -.125em;
    position: absolute;
    fill: currentColor
}

::-moz-selection {
    color: var(--light);
    background-color: var(--primary)
}

::selection {
    color: var(--light);
    background-color: var(--primary)
}

[class*=dvr-] {
    overflow: auto;
    margin-left: auto;
    margin-right: auto
}

.dvr-300 {
    max-width: 300px
}

.aa-drp {
    position: relative
}

.aa-drp.left .aa-cnt {
    left: auto;
    right: 0
}

.on>.aa-cnt,.on>.aa-cnt>.sub-menu {
    display: block
}

.aa-cnt .sub-menu {
    position: static;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.full>.aa-cnt {
    right: 0;
    min-width: 15rem
}

.menu li>a,.sub-menu li>a {
    display: block;
    line-height: 2rem
}

.menu>li>a {
    padding: .5rem 0
}

.sub-menu li[class*=fa-]>a {
    padding-left: 2rem
}

.sub-menu li[class*=fa-]:before {
    width: 1.5rem;
    text-align: center;
    position: absolute;
    top: .23rem;
    pointer-events: none;
    left: 0;
    color: var(--link);
    height: 2rem;
    z-index: 1
}

.sub-menu li[class*=fa-]>a {
    padding-left: 2.5rem
}

.sub-menu li[class*=fa-]:before {
    left: .5rem
}

.sub-menu li hr {
    margin: 1rem -1rem
}

.menu-item-has-children,li[class*=fa-] {
    position: relative
}

.sub-menu,.aa-cnt {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 12rem;
    z-index: 11;
    border: 0;
    background-color: var(--gray-dark);
    border-radius: .25rem;
    padding: 1rem;
    list-style: none;
    max-height: 28rem;
    overflow: auto;
    -webkit-box-shadow: 0 0 2rem rgba(0,0,0,.1);
    box-shadow: 0 0 2rem rgba(0,0,0,.1)
}

body.w .sub-menu,body.w .aa-cnt {
    background-color: var(--body)
}

.sub-menu>li {
    line-height: 2rem;
    padding-top: .15rem;
    padding-bottom: .15rem
}

.sub-menu>li>a {
    color: var(--text);
    padding: 0 var(--size);
    border-radius: .25rem
}

.sub-menu>li.on>a,.sub-menu>li>a:not(.btn):hover {
    background-color: var(--gray);
    color: var(--link)
}

.sub-menu>li.title {
    pointer-events: none;
    text-transform: uppercase;
    padding: 0 var(--size);
    margin-bottom: .5rem;
    font-weight: 400;
    opacity: .5;
    line-height: 3rem
}

.sub-menu>li>a.btn {
    margin: var(--size) var(--size) calc(.5 * var(--size))
}

.sub-menu>li.loading {
    text-align: center;
    font-size: 1.5rem;
    padding: .5rem
}

.sub-menu>li.error {
    text-align: center;
    padding: .5rem
}

.rnd {
    border-radius: 5rem
}

[class*=anm-],.sub-menu,nav,.btn.lnk.sm:hover,.send-btn:hover {
    -webkit-animation-duration: .3s!important;
    animation-duration: .3s!important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.anm-a {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.anm-b {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.anm-c,.sub-menu,nav,.btn.lnk.sm:hover,.send-btn:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.mdl,.mdl .mdl-cn,.mdl .mdl-ovr {
    display: none
}

.mdl,.mdl-ovr {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    padding: 1.5rem;
    overflow: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.mdl-ovr {
    background-color: var(--dark);
    z-index: -1;
    opacity: .9
}

.mdl-cn {
    background-color: var(--body);
    border-radius: .5rem;
    max-width: 25rem;
    width: 100%;
    -webkit-box-shadow: 0 0 4rem rgba(0,0,0,.5);
    box-shadow: 0 0 4rem rgba(0,0,0,.5)
}

.mdl-hd,.mdl-bd,.mdl-ft {
    padding: var(--space)
}

.mdl-hd {
    position: relative;
    border-bottom: 1px solid var(--gray)
}

.mdl-hd .mdl-title {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    padding: .5rem 0;
    color: var(--link);
    font-weight: 300;
    text-align: center
}

.btn.mdl-close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    background-color: var(--danger);
    color: var(--light)!important;
    min-width: 3rem;
    z-index: 1;
    border-radius: 3rem;
    padding: 0;
    height: 3rem
}

.btn.mdl-close>i {
    color: var(--light);
    font-size: 1.5rem;
    margin-left: 0;
    margin-top: -5px
}

.btn.mdl-close:hover {
    -webkit-box-shadow: 0 0 2rem var(--danger);
    box-shadow: 0 0 2rem var(--danger);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background-color: var(--danger)
}

.mdl-bd>p:last-child {
    margin-bottom: 0
}

.mdl-ft {
    border-top: 1px solid var(--gray);
    padding-top: var(--space);
    padding-bottom: var(--space)
}

.mdl-ft a {
    font-weight: 700
}

.mdl.on,.mdl.on .mdl-ovr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mdl.on .mdl-cn {
    display: block
}

.mdl-on {
    overflow: hidden
}

.alert {
    text-align: center;
    padding: var(--space)
}

.download-links {
    overflow: auto
}

.download-links table {
    margin-bottom: 0;
    text-align: center
}

.download-links td,.download-links th {
    padding: .5rem
}

.download-links td:first-child,.download-links th:first-child {
    text-align: left
}

.download-links td:first-child {
    white-space: nowrap
}

.download-links .num {
    color: var(--primary);
    font-weight: 700
}

.download-links .btn {
    font-size: .75rem;
    font-weight: 700;
    padding: 0 1.5rem
}

#mdl-download .mdl-cn {
    max-width: 35rem
}

.video {
    position: relative;
    min-height: 250px;
    overflow: hidden;
    max-height: 600px;
    background-color: #000;
    border-radius: .5rem
}

.video:before {
    content: '';
    display: block;
    padding-top: 56.55%
}

.video video,.video iframe,.video img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s
}

.video img {
    -o-object-fit: cover;
    object-fit: cover
}

.video.on {
    display: block
}

[class*=msg-] {
    position: relative;
    padding: calc(.7 * var(--size)) var(--size);
    margin-bottom: var(--size);
    z-index: 1
}

[class*=msg-] p:last-child {
    margin-bottom: 0
}

[class*=msg-]:before,[class*=msg-]:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: .2rem
}

[class*=msg-]:before {
    background-color: currentColor;
    opacity: .1
}

[class*=msg-]:after {
    border: 1px solid currentColor;
    opacity: .2
}

[class*=msg-] p:before {
    margin-right: .5rem
}

[class*=msg-] a {
    color: currentColor;
    font-weight: 700
}

[class*=msg-] a:hover {
    text-decoration: underline
}

[class*=msg-]>i {
    margin-right: .5rem
}

[class*=msg-]:last-child {
    margin-bottom: 0
}

.msg-w {
    color: var(--warning)
}

.msg-d {
    color: var(--danger)
}

.msg-s {
    color: var(--success)
}

.note {
    font-size: .75rem;
    padding-top: .5rem;
    display: block;
    opacity: .7
}

@font-face {
    font-family: hentai-la;
    src: url(../fonts/hentai-la.ttf?shjs4f) format("truetype"),url(../fonts/hentai-la.woff?shjs4f) format("woff"),url(../fonts/hentai-la.svg?shjs4f#hentai-la) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=fa-]:before,.has-children>a:after,.breadcrumb a:after,.widget-filter .section-title:after {
    font-family: hentai-la!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-moon:before {
    content: "\ea02"
}

.fa-sun:before {
    content: "\ea03"
}

.fa-search:before {
    content: "\ea04"
}

.fa-play-circle:before {
    content: "\ea05"
}

.fa-play:before {
    content: "\ea06"
}

.fa-heart:before {
    content: "\ea07"
}

.fa-twitter:before {
    content: "\ea08"
}

.fa-facebook:before {
    content: "\ea09"
}

.fa-down:before,.has-children>a:after,.widget-filter .section-title:after {
    content: "\ea0a"
}

.fa-plus:before {
    content: "\ea0b"
}

.fa-folders:before {
    content: "\ea0c"
}

.fa-thumbs-up:before {
    content: "\ea0d"
}

.fa-thumbs-down:before {
    content: "\ea0e"
}

.fa-share:before {
    content: "\ea0f"
}

.fa-star:before {
    content: "\ea10"
}

.fa-send:before {
    content: "\ea11"
}

.fa-reply:before {
    content: "\ea12"
}

.fa-flag:before {
    content: "\ea13"
}

.fa-arrow-left:before {
    content: "\ea14"
}

.fa-arrow-right:before {
    content: "\ea15"
}

.fa-right:before,.breadcrumb a:after {
    content: "\ea16"
}

.fa-download:before {
    content: "\ea17"
}

.fa-check-b:before {
    content: "\ea18"
}

.fa-check:before {
    content: "\ea19"
}

.fa-upload:before {
    content: "\ea1a"
}

.fa-comment:before {
    content: "\ea1b"
}

.fa-times:before {
    content: "\ea1c"
}

.fa-list:before {
    content: "\ea1d"
}

.fa-user:before {
    content: "\ea1e"
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.hd {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid var(--gray);
    background-color: var(--body)
}

.hd .top .cont {
    padding-top: var(--space);
    padding-bottom: var(--space);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.hd .top .cont .logo {
    margin-right: var(--space)
}

.hd .mode,.hd .user-box {
    min-width: 3rem
}

.hd .mode {
    margin-right: .5rem
}

.hd .mode .btn-mode {
    font-size: 1.5rem;
    color: var(--primary)
}

.hd .mode .btn-mode .fa-moon {
    display: none
}

.hd .mode .btn-mode.on .fa-moon {
    display: block
}

.hd .mode .btn-mode.on .fa-sun {
    display: none
}

.hd .user-box .sub-menu {
    min-width: 15rem
}

.hd .user-box .sub-menu li:before {
    opacity: .3
}

.hd .user-box .sub-menu li:hover:before {
    opacity: 1;
    color: var(--primary)
}

.menu>li>a {
    font-weight: 700;
    color: var(--text);
    opacity: .7;
    display: block;
    line-height: 2rem
}

.menu>li:hover>a,.menu>li.current>a {
    opacity: 1;
    color: var(--link)
}

.menu .has-children>a:after {
    color: var(--primary);
    font-size: .75rem;
    margin-left: .5rem;
    height: 2rem;
    line-height: 2.4rem
}

.search,.search form {
    position: relative
}

.search form:before {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
    pointer-events: none
}

.search input {
    padding-left: 3rem
}

.search.on .sub-menu {
    display: block
}

.search .sub-menu {
    margin-top: 1rem;
    right: 0;
    max-height: 30rem
}

.search .sub-menu a {
    padding: .5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.search .sub-menu figure {
    margin-right: .5rem
}

.search .sub-menu figure,.search .sub-menu figure img {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .25rem
}

.btn.btn-user {
    line-height: 2.5rem!important;
    border-radius: 50%;
    background-color: var(--primary)!important
}

.btn.btn-user i {
    position: absolute;
    left: 3.3rem;
    color: var(--primary);
    top: 0;
    line-height: 3rem;
    font-size: .75rem
}

.btn.btn-user img {
    border-radius: 50%
}

.btn-user,.menu-btn {
    min-width: 3rem;
    width: 3rem;
    height: 3rem;
    padding: 0;
    position: relative
}

[class*=-icon] {
    font-size: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

[class*=-icon],[class*=-icon]:before,[class*=-icon]:after,[class*=-icon] i:before,[class*=-icon] i:after {
    content: '';
    position: absolute;
    -webkit-transition: .2s;
    transition: .2s;
    color: var(--link)
}

.menu-btn {
    margin-left: -1rem;
    margin-right: .5rem
}

.menu-icon {
    left: -6px;
    top: -2px
}

.menu-icon,.menu-icon:before,.menu-icon:after {
    width: 12px;
    height: 0;
    border-bottom: 2px solid currentColor;
    border-radius: 2px
}

.menu-icon:before,.menu-icon:after {
    left: 0
}

.menu-icon:before {
    top: -5px;
    width: 17px
}

.menu-icon:after {
    top: 5px;
    width: 15px
}

.on>.menu-icon {
    border-bottom: 0;
    height: 0;
    border: 0!important;
    left: -2px
}

.on>.menu-icon,.on>.menu-icon:before,.on>.menu-icon:after {
    width: 15px;
    border-bottom: 2px solid currentColor;
    border-radius: 2px;
    color: var(--primary)
}

.on>.menu-icon:before,.on>.menu-icon:after {
    top: 0;
    left: 0
}

.on>.menu-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0
}

.on>.menu-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.section {
    padding-top: var(--space);
    padding-bottom: var(--space);
    position: relative
}

.section .section-header {
    position: relative;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section .section-header .btn {
    float: left
}

.section .section-title {
    font-size: 1.5rem;
    color: var(--link);
    margin-bottom: 0;
    line-height: 2rem;
    clear: both;
    padding: .25rem 0;
    margin-right: 1rem
}

.section .section-title span {
    color: var(--text);
    font-weight: 400;
    font-size: .875rem
}

.section.featured .section-header,.section.episodes .section-header,.section.text .section-header,.section.top .section-header {
    display: block
}

.section.featured:before,.section.episodes:before,.section.text:before,.section.top:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -50vw;
    top: 0;
    width: 100vw;
    background-color: var(--gray);
    height: 100%;
    z-index: -1;
    -webkit-box-shadow: 0 0 5rem #000;
    box-shadow: 0 0 5rem #000
}

.w .section.featured:before,.w .section.episodes:before,.w .section.text:before,.w .section.top:before {
    -webkit-box-shadow: 0 0 5rem rgba(0,0,0,.15);
    box-shadow: 0 0 5rem rgba(0,0,0,.15)
}

.section.hentai-list .section-header {
    display: block
}

.section.featured {
    z-index: 9
}

.section.featured:before {
    background-color: var(--dark)
}

.section.featured .section-title {
    color: var(--light)
}

.w .section.featured:before,.w .section.episodes:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.section.text {
    padding-top: calc(2 * var(--space));
    padding-bottom: calc(2 * var(--space))
}

.section.text:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.section.top {
    margin-bottom: var(--space)
}

.section.top .bg img {
    width: 100vw;
    left: 0;
    opacity: .5
}

.section.top .bg:before {
    display: none
}

.section .bg {
    width: 100vw;
    margin-left: -50vw;
    z-index: -1
}

.section .bg,.section .bg:before,.section .bg img {
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%
}

.section .bg:before {
    width: 25%;
    background-color: #fff;
    z-index: 2;
    content: '';
    background: -webkit-gradient(linear,left top,right top,from(var(--gray)),to(rgba(0,0,0,0)));
    background: linear-gradient(to right,var(--gray) 0%,rgba(0,0,0,0) 100%)
}

.section .bg img {
    width: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: grayscale(1) opacity(.1);
    filter: grayscale(1) opacity(.1);
    z-index: 1
}

.section.ask {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto
}

.nav-list {
    font-size: 0;
    text-align: center;
    margin-top: 1rem
}

.nav-list li {
    display: inline-block;
    vertical-align: top;
    margin-left: .4rem
}

.nav-list li button {
    background-color: var(--primary);
    width: .875rem;
    height: .875rem;
    min-width: 0;
    border: .2rem solid var(--dark);
    border-radius: 50%;
    padding: 0;
    opacity: .3
}

.nav-list li.current>button {
    opacity: 1;
    border-width: 0
}

.carousel {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .5rem 0;
    margin: -.5rem 0
}

.carousel .hentai {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 210px;
    margin-right: var(--space)
}

.carousel .hentai:last-child {
    margin-right: 0
}

.hentai {
    position: relative
}

.hentai .h-header {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    color: var(--light);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,0.8)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    text-align: center;
    padding: 1rem;
    border-radius: .25rem
}

.hentai .h-header>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 0
}

.hentai .h-header .h-title {
    font-size: .875rem
}

.hentai.episode {
    overflow: hidden
}

.hentai.episode .h-header {
    text-align: left;
    padding: .5em;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hentai.episode .h-header .h-title {
    font-size: .75rem
}

.hentai.episode .h-header time {
    font-size: .65rem
}

.hentai.episode .h-header .num-episode {
    margin-left: -.5rem;
    margin-bottom: .5rem;
    background-color: var(--light);
    color: var(--dark);
    font-size: .65rem;
    display: inline-block;
    vertical-align: top;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 .5rem;
    line-height: 1rem;
    border-radius: 0 .5rem .5rem 0;
    font-weight: 700
}

.hentai.episode .fa-play-circle:before {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    line-height: 1rem;
    color: var(--light);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hentai.episode:not(.sm):hover .h-header {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.hentai.episode:not(.sm):hover .h-thumb figure img {
    -webkit-filter: blur(8px) opacity(.5);
    filter: blur(8px) opacity(.5)
}

.hentai.episode:not(.sm):hover .fa-play-circle:before {
    -webkit-transform: scale(2) translate(50%,50%);
    transform: scale(2) translate(50%,50%);
    bottom: calc(50% + .5rem);
    right: calc(50% + .5rem);
    background-color: rgba(255,255,255,.2);
    -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,.2);
    box-shadow: 0 0 0 2px rgba(255,255,255,.2)
}

.favorites {
    height: 1.5rem;
    line-height: 1.3rem;
    border-radius: 0 .5rem 0 .5rem;
    background-color: var(--primary);
    color: var(--light);
    font-size: .75rem;
    position: absolute;
    right: -.25rem;
    top: -.25rem;
    padding: 0 .5rem
}

.favorites:before {
    font-size: .875rem;
    margin-right: .25rem
}

.h-content h1,.h-content h2,.h-content h3,.h-content h4,.h-content h5,.h-content h6 {
    color: var(--link);
    font-size: 1.25rem;
    margin-bottom: .5rem
}

.h-content>*:last-child {
    margin-bottom: 0
}

.h-content .content-title {
    font-size: 1rem;
    padding-left: 1rem;
    border-left: 3px solid var(--primary);
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.h-content .content-title:before {
    content: attr(title);
    display: block;
    color: var(--primary);
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1rem
}

.h-thumb figure {
    position: relative;
    padding-top: 150%;
    overflow: hidden;
    border-radius: .25rem
}

.h-thumb figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hentai.episode .h-thumb figure {
    padding-top: 56.25%
}

.hentai:hover .h-thumb figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.h-meta>* {
    font-size: .75rem;
    line-height: 1.5rem;
    display: inline-block;
    height: 1.5rem;
    vertical-align: top;
    margin-right: 1rem;
    margin-bottom: .5rem
}

.h-meta>*:last-child {
    margin-right: 0
}

.h-meta>span>span {
    font-weight: 700
}

.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(var(--grid),1fr))[auto-fill];
    grid-template-columns: repeat(auto-fill,minmax(var(--grid),1fr));
    grid-gap: var(--space)
}

.breadcrumb {
    font-size: .65rem;
    margin-bottom: var(--space)
}

.breadcrumb a {
    position: relative;
    margin-right: 2rem;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: .5rem;
    color: var(--text)
}

.breadcrumb a:after {
    position: absolute;
    top: -.1rem;
    right: -1.2rem;
    pointer-events: none;
    font-size: .75rem;
    opacity: .5;
    color: var(--text)
}

.breadcrumb a:hover {
    color: var(--link)
}

[class*=status-]>i {
    color: var(--primary);
    position: relative;
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: var(--body);
    border: .1rem solid currentColor;
    font-size: 0;
    vertical-align: top;
    margin-top: .5rem;
    margin-right: .5rem
}

[class*=status-]>i:before,[class*=status-]>i:after {
    content: '';
    position: absolute;
    border-radius: inherit;
    opacity: .3;
    background-color: currentColor;
    z-index: -1
}

[class*=status-]>i:before {
    width: 1rem;
    height: 1rem;
    left: -.35rem;
    top: -.35rem;
    -webkit-animation: bounce-disks 1s infinite alternate cubic-bezier(.3,.1,.3,.85);
    animation: bounce-disks 1s infinite alternate cubic-bezier(.3,.1,.3,.85)
}

[class*=status-]>i:after {
    width: .8rem;
    height: .8rem;
    left: -.23rem;
    top: -.23rem;
    -webkit-animation: bounce-disks2 1s .5s infinite alternate cubic-bezier(.3,.1,.3,.85);
    animation: bounce-disks2 1s .5s infinite alternate cubic-bezier(.3,.1,.3,.85)
}

.status-on>i {
    color: var(--success)
}

@-webkit-keyframes bounce-disks {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes bounce-disks {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes bounce-disks2 {
    to {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@keyframes bounce-disks2 {
    to {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

.hentai-single {
    display: -ms-grid;
    display: grid;
    grid-gap: var(--space);
    -ms-grid-columns: 7rem 2fr;
    grid-template-columns: 7rem 2fr;
    grid-row-gap: 0;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "thumb header" "rating rating" "content content" "footer footer"
}

.hentai-single .h-header {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: header;
    -ms-flex-item-align: center;
    align-self: center
}

.hentai-single .h-header .h-title {
    font-size: 1.5rem;
    color: var(--link);
    margin-bottom: .5rem
}

.hentai-single .h-thumb {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: thumb
}

.hentai-single .h-thumb figure {
    margin-bottom: 1rem
}

.hentai-single .h-rating {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: rating
}

.hentai-single .h-content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: content;
    max-height: 115px;
    overflow: auto;
    margin: var(--space) 0
}

.hentai-single .h-footer {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: footer;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end
}

[class*=type-] {
    font-size: .65rem;
    display: inline-block;
    vertical-align: top;
    padding: 0 .5rem;
    line-height: 1.4rem;
    height: 1.5rem;
    color: var(--light);
    border-radius: .25rem
}

.type-hentai {
    background-color: var(--primary)
}

.h-rating {
    max-width: 120px
}

.h-rating .total {
    margin-bottom: .5rem;
    color: var(--link);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem
}

.h-rating .total:before {
    color: var(--warning);
    font-size: 1rem;
    margin-right: .3rem
}

.h-rating .total span {
    color: var(--text);
    font-size: .65rem;
    font-weight: 400
}

.h-rating .total span span {
    font-weight: 700
}

.h-rating .progress {
    margin-bottom: 1rem;
    position: relative
}

.h-rating .progress:before,.h-rating .progress span {
    display: block;
    height: .25rem;
    border-radius: .25rem;
    background-color: var(--primary)
}

.h-rating .progress:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: .5
}

.h-rating .vote-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: .5rem
}

.h-rating .vote-list .btn {
    color: var(--primary);
    font-size: .875rem
}

.h-rating .vote-list .btn:hover {
    color: var(--light)
}

.btn-favorites {
    line-height: 2rem
}

.btn-favorites span,.btn-favorites i {
    display: inline-block;
    vertical-align: top;
    height: 2rem;
    line-height: 2rem
}

.btn-favorites span {
    color: var(--primary)
}

.btn-favorites i {
    color: var(--link);
    margin-left: .5rem
}

.btn-favorites.on,.btn-favorites:hover {
    background-color: var(--primary)
}

.btn-favorites.on span,.btn-favorites:hover span {
    color: var(--light)
}

.btn-favorites.on i:before,.btn-favorites:hover i:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.w .btn-favorites {
    background-color: transparent;
    position: relative
}

.w .btn-favorites i {
    color: var(--primary)
}

.w .btn-favorites:before {
    border-radius: inherit;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    content: '';
    z-index: -1;
    opacity: .2
}

.w .btn-favorites.on:before,.w .btn-favorites:hover:before {
    opacity: 1
}

.w .btn-favorites.on i,.w .btn-favorites:hover i {
    color: var(--light)
}

.genres {
    font-size: 0;
    padding: .438rem 0
}

.genres span,.genres a {
    display: inline-block;
    vertical-align: top;
    margin: .25rem .5rem .25rem 0;
    line-height: 2rem
}

.genres span {
    font-size: 1rem;
    margin-right: 1rem
}

.genres span:before {
    color: var(--primary);
    margin-right: .5rem;
    margin-top: 2px
}

.share-list {
    margin: 0 -.5rem
}

.share-list li:before {
    color: var(--primary);
    margin-right: .5rem
}

.share-list li {
    display: inline-block;
    vertical-align: top;
    padding: .25rem .5rem;
    line-height: 3rem
}

.share-list a {
    display: block;
    width: 3rem!important;
    height: 3rem;
    text-align: center;
    color: var(--light);
    font-size: 1.25rem;
    border-radius: 50%;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    line-height: 3rem!important
}

.share-list a.fa-twitter {
    background-color: #55acee
}

.share-list a.fa-facebook {
    background-color: #0084ff
}

.share-list a:after {
    content: '';
    position: absolute;
    left: -.3rem;
    top: -.3rem;
    right: -.3rem;
    bottom: -.3rem;
    z-index: -1;
    border-radius: inherit;
    background-color: inherit;
    opacity: .2
}

.share-list a:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.avatar,.avatar img {
    border-radius: 50%
}

.comments-write {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: var(--space)
}

.comments-write .avatar {
    margin-right: 1rem
}

.comments-write .avatar,.comments-write .avatar img {
    width: 3rem;
    height: 3rem
}

.comments-write textarea {
    min-height: 3rem;
    height: 3rem;
    padding: .5rem 1rem;
    border-radius: 1.5rem;
    resize: none
}

.comments-write .btn {
    font-size: 1.5rem;
    color: var(--text);
    height: 3rem;
    width: 3rem;
    margin-left: -3rem
}

.widget-hentais .grid {
    -ms-grid-columns: (minmax(90px,1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit,minmax(90px,1fr));
    grid-gap: .5rem
}

.widget-hentais .grid .hentai .h-header {
    padding: 1rem .5rem
}

.widget-filter .section-title {
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--primary);
    font-weight: 600
}

.comment {
    background-color: var(--gray-dark);
    padding: var(--space);
    margin-bottom: var(--space);
    border-radius: .25rem
}

.comment .comment-content {
    margin-bottom: var(--space)
}

.comment .comment-content a {
    color: var(--primary);
    font-weight: 700
}

.comment .comment-content a:hover {
    text-decoration: underline
}

.comment .comment-content>*:last-child {
    margin-bottom: 0
}

.comment .comment-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.comment .comment-footer .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment .comment-footer .user a {
    margin-right: .25rem
}

.comment .comment-footer .user .avatar {
    margin-right: 1rem
}

.comment .comment-footer .user .avatar,.comment .comment-footer .user .avatar img {
    width: 3rem;
    height: 3rem
}

.comment .comment-footer .user span {
    line-height: 1.25rem
}

.comment .comment-footer .user time {
    display: block;
    font-size: .75rem;
    opacity: .7
}

.comment .comment-footer .options {
    margin-top: 1rem
}

.comment .comment-footer .options .btn {
    color: var(--text);
    min-width: 2rem;
    padding: 0
}

.comment .comment-footer .options .btn:hover {
    color: var(--primary)
}

.children-list {
    padding-left: 2.5rem
}

.episodes-list .hentai.episode {
    display: -ms-grid;
    display: grid;
    grid-gap: var(--space);
    -ms-grid-columns: 2fr 40px;
    grid-template-columns: 2fr 40px;
    grid-row-gap: 0;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "thumb play" "header play";
    padding: .5rem;
    border-bottom: 1px solid var(--gray)
}

.episodes-list .hentai.episode .h-thumb {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: thumb;
    max-width: 120px;
    margin-bottom: .5rem;
    position: relative
}

.episodes-list .hentai.episode .h-thumb .duration {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: .5rem;
    font-weight: 700;
    color: var(--light);
    font-size: .65rem;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.8)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    text-align: right
}

.episodes-list .hentai.episode .h-header {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: header;
    position: static;
    padding: 0;
    background: 0 0
}

.episodes-list .hentai.episode .h-title {
    font-size: 1rem;
    color: var(--link)
}

.episodes-list .hentai.episode time {
    opacity: .7;
    color: var(--text);
    font-size: .75rem
}

.episodes-list .hentai.episode .lnk-blk {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    grid-area: play;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    color: var(--text);
    background-color: var(--gray);
    border-radius: 50%;
    padding-left: .2rem
}

.episodes-list .hentai.episode:hover {
    background-color: var(--gray)
}

.episodes-list .hentai.episode:hover .lnk-blk {
    background-color: var(--primary);
    color: var(--light)
}

.episodes-list .hentai.episode:hover .h-title {
    color: var(--primary)
}

.episodes-list .hentai.episode:last-child {
    border-bottom: 0
}

[class*=usertype-] {
    height: 1rem;
    line-height: .9rem!important;
    padding: 0 .5rem;
    border-radius: .5rem;
    position: relative;
    color: var(--primary);
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    font-weight: 700
}

[class*=usertype-]:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: currentColor;
    content: '';
    opacity: .2
}

.usertype-sup {
    color: var(--warning)
}

.usertype-mod {
    color: var(--success)
}

.top-header .section-header {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: var(--space);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.top-header .section-header .section-title {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: .5rem
}

.top-header .section-header .section-title span {
    font-size: inherit
}

.top-header .section-header .section-title:last-child {
    margin-bottom: 0
}

.top-header .section-header>*:last-child {
    margin-bottom: 0
}

.top-header .section-header p {
    max-width: 1050px
}

.top-header .episodes_nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -.25rem -.25rem 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-item-align: end;
    align-self: end
}

.top-header .episodes_nav-list li {
    padding: .25rem
}

.top-header .episodes_nav-list .btn {
    color: var(--link);
    font-size: .75rem;
    white-space: nowrap
}

.top-header .episodes_nav-list .btn:before {
    color: var(--primary);
    font-size: 1rem
}

.top-header .episodes_nav-list .btn:hover {
    color: var(--light)
}

.top-header .episodes_nav-list .btn:hover:before {
    color: var(--light)
}

.top-header .follow-list {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    margin-bottom: 1rem
}

.list-btn:before {
    float: right;
    margin-left: 1rem
}

.video_options-list {
    white-space: nowrap;
    overflow: auto;
    margin-bottom: 0;
    font-size: 0
}

.video_options-list li {
    display: inline-block;
    vertical-align: top;
    font-size: .75rem;
    font-weight: 700
}

.video_options-list li span i {
    display: none
}

.video_options-list li span.on>i {
    display: inline-block
}

.player .video {
    margin-bottom: var(--space)
}

.video_buttons-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.video_buttons-list>li {
    margin-right: .5rem
}

.video_buttons-list>li+li .btn {
    font-size: .75rem;
    color: var(--link)
}

.video_buttons-list>li+li .btn i {
    font-size: 1rem;
    color: var(--primary);
    vertical-align: middle;
    margin-right: .5rem
}

.video_buttons-list>li+li .btn:hover,.video_buttons-list>li+li .btn:hover i {
    color: var(--light)
}

.video_buttons-list>li:last-child {
    margin-right: 0;
    margin-left: auto
}

#mdl-share .share-list {
    text-align: center;
    padding: 1rem
}

.form-report {
    padding: .5rem 1rem
}

.follow-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.follow-list .btn {
    color: var(--link);
    position: relative;
    text-align: left;
    padding-left: 2.5rem;
    padding-right: 1rem;
    letter-spacing: normal
}

.follow-list .btn span {
    display: block;
    font-size: .65rem;
    font-weight: 400;
    opacity: .5
}

.follow-list .btn:before {
    position: absolute;
    color: var(--primary);
    left: 0;
    top: 0;
    line-height: 3.4rem;
    font-size: 1.5rem;
    height: 3rem;
    width: 2.5rem;
    text-align: center
}

.follow-list .btn:hover {
    color: var(--link);
    letter-spacing: normal
}

.follow-list .btn:hover span {
    opacity: 1
}

.follow-list .btn:hover:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.filter-list p.chk {
    margin-bottom: 0
}

body:not(.w) .filter-list input:not(:checked)+label:before {
    opacity: .3
}

.filter-list input:checked+label {
    color: var(--link)
}

.filter-list .catnum {
    position: absolute;
    right: 0;
    top: 0;
    font-size: .75rem;
    opacity: .5
}

.filter-list label {
    display: block
}

.ranger {
    height: .5rem;
    margin: 1rem 0 2rem;
    position: relative;
    border-radius: .5rem;
    background-color: var(--gray)
}

.w .ranger {
    --gray: #eee
}

.ranger .bar {
    height: .5rem;
    position: absolute;
    top: 0
}

.ranger .bar:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: var(--primary);
    opacity: .5
}

.ranger .bar .dot {
    top: -.3125rem;
    width: 1.25rem;
    height: 1.2em;
    border-radius: 1rem;
    background-color: var(--primary);
    position: absolute
}

.ranger .bar .dot:before {
    content: '';
    position: absolute;
    border-radius: inherit;
    background-color: var(--dark);
    opacity: .5;
    width: .5rem;
    height: .5rem;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.ranger .bar .dot span {
    font-size: .65rem;
    width: 2rem;
    border-radius: .25rem;
    line-height: 1rem;
    position: absolute;
    left: 50%;
    margin-left: -1rem;
    top: 1.75rem;
    text-align: center;
    background-color: var(--gray);
    height: 1rem
}

.ranger .bar .dot.a {
    left: -.625rem
}

.ranger .bar .dot.b {
    right: -.625rem
}

.alpha-list {
    padding: 0 1.25rem;
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    background-color: var(--gray);
    border-radius: 2rem;
    font-size: 0
}

.alpha-list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    display: inline-block;
    vertical-align: top;
    min-width: 2.5rem;
    font-size: 1rem
}

.alpha-list li a {
    display: block;
    line-height: 3rem;
    opacity: .5;
    color: var(--link)
}

.alpha-list li.current a,.alpha-list li:hover a {
    opacity: 1;
    background-color: rgba(0,0,0,.2)
}

.alpha-list li.current a {
    -webkit-box-shadow: inset 0 -2px 0 0 var(--primary);
    box-shadow: inset 0 -2px 0 0 var(--primary)
}

.sort-by .btn {
    font-size: .875rem;
    letter-spacing: normal;
    font-weight: 400;
    color: var(--link)
}

.sort-by .btn:hover {
    letter-spacing: normal
}

.sort-by .btn i {
    color: var(--primary);
    margin-left: .5rem
}

body.login-page .bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.login-page .section.login {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%
}

.user-login {
    -webkit-box-shadow: 0 0 5rem #000;
    box-shadow: 0 0 5rem #000;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto
}

.user-login .section-header {
    margin-bottom: var(--space)
}

.user-login .section-title {
    margin-right: 0
}

.user-login .section-title span {
    font-size: inherit;
    opacity: .7;
    margin-left: 1.5rem
}

.user-login .section-title span:hover {
    opacity: 1
}

.user-login .section-title a {
    color: currentColor
}

.user-login .forget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-login .forget a {
    margin: 1rem 0
}

.user-login .user-form,.user-login .user-why {
    padding: calc(2 * var(--space));
    position: relative
}

.user-login .user-why .bg {
    border-top: 1px solid var(--gray);
    -webkit-box-shadow: 0 0 5rem #000;
    box-shadow: 0 0 5rem #000
}

.user-login .user-why .bg,.user-login .user-why .bg img {
    width: 100%;
    left: 0;
    margin-left: 0
}

.user-login .user-why .bg:before {
    left: 0;
    opacity: .5
}

.user-login .user-why p {
    position: relative;
    padding-left: 4.5rem;
    min-height: 54px
}

.user-login .user-why p:before,.user-login .user-why p:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    text-align: center
}

.user-login .user-why p:before {
    line-height: 3rem;
    font-size: 1.5rem;
    color: var(--primary);
    -webkit-box-shadow: 0 0 0 .3rem rgba(255,255,255,.06);
    box-shadow: 0 0 0 .3rem rgba(255,255,255,.06)
}

.user-login .user-why p:after {
    opacity: .2;
    content: '';
    background-color: var(--primary)
}

.w .user-login .user-why p:before {
    -webkit-box-shadow: 0 0 0 .3rem rgba(255,255,255,.8);
    box-shadow: 0 0 0 .3rem rgba(255,255,255,.8)
}

.user-login p:last-child {
    margin-bottom: 0
}

body.w .user-login {
    -webkit-box-shadow: 0 0 5rem rgba(0,0,0,.1);
    box-shadow: 0 0 5rem rgba(0,0,0,.1)
}

body.w .user-login .user-why .bg {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.btn-back {
    color: var(--link);
    font-weight: 400
}

.btn.btn-back,.btn.btn-back:hover {
    letter-spacing: normal
}

.btn.btn-back:before {
    font-size: 1.5rem;
    color: var(--primary);
    margin-right: 1rem
}

.btn.remove-favorites {
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    border: .3rem solid var(--body);
    min-width: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    font-size: 1.2rem;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 5
}

.pages-nav {
    background-color: var(--gray);
    border-radius: .25rem;
    padding: 1rem 0
}

.pages-nav li a {
    color: var(--text);
    display: block;
    position: relative;
    line-height: 2rem;
    padding: .5rem 1rem .5rem 4rem
}

.pages-nav li a:before {
    opacity: .5;
    position: absolute;
    left: 0;
    text-align: center;
    width: 4rem;
    font-size: 1.25rem
}

.pages-nav li a:hover {
    color: var(--link)
}

.pages-nav li.current a {
    color: var(--link);
    background-color: var(--gray-dark);
    -webkit-box-shadow: inset 3px 0 0 var(--primary);
    box-shadow: inset 3px 0 0 var(--primary)
}

.pages-nav li.current a:before {
    color: var(--primary);
    opacity: 1
}

.section-header.comment-title {
    display: block;
    text-align: right;
    margin-bottom: var(--space)
}

.section-header.comment-title .btn {
    float: none;
    display: block;
    text-align: inherit;
    letter-spacing: 2px!important;
    -webkit-animation: none!important;
    animation: none!important;
    -webkit-transform: none!important;
    transform: none!important;
    font-weight: 400;
    pointer-events: none
}

.section-header.comment-title .section-title {
    font-size: 1rem;
    margin-right: 0
}

.edit-profile {
    max-width: 635px;
    margin-left: auto;
    margin-right: auto
}

.ifl {
    text-align: center;
    color: var(--link);
    background-color: var(--gray-dark);
    display: block;
    padding: 4rem;
    border: 2px dashed rgba(255,255,255,.2);
    border-radius: .25rem
}

.ifl:before {
    display: block;
    font-size: 5rem;
    line-height: 1;
    margin-bottom: 1rem;
    color: var(--primary)
}

.ifl span {
    display: block;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto
}

.upload-info {
    font-size: .75rem;
    padding-top: 1rem;
    text-align: center
}

.upload-info span {
    font-weight: 700
}

.edit-profile .section-header {
    margin: 0 auto -1.5rem;
    text-align: center;
    display: block
}

.edit-profile .section-header .section-title {
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    padding: .5rem 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    background-color: var(--gray);
    border-radius: 6rem;
    width: 90%;
    max-width: 270px
}

.edit-profile .section-header+*>*:first-child {
    margin-top: 1rem
}

.change-avatar {
    position: relative;
    text-align: center;
    padding: 3.5rem 2rem 2rem
}

.change-avatar .avatar img {
    width: 10rem;
    height: 10rem
}

.change-avatar .bg {
    width: 100%;
    margin-left: 0;
    left: 0;
    overflow: hidden;
    border-radius: .25rem
}

.change-avatar .bg:before {
    display: none
}

.change-avatar .bg img {
    left: 0;
    width: 100%;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.form-edit {
    -webkit-box-shadow: 0 0 5rem #000;
    box-shadow: 0 0 5rem #000;
    padding: 2rem
}

.form-edit p:last-child {
    margin-bottom: 0
}

body.w .form-edit {
    -webkit-box-shadow: 0 0 5rem rgba(0,0,0,.1);
    box-shadow: 0 0 5rem rgba(0,0,0,.1)
}

.button-right {
    text-align: right
}

.sex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: .25rem;
    background-color: rgba(0,0,0,.4)
}

.sex .chk {
    width: 155px;
    font-size: .75rem;
    padding-left: .5rem;
    padding-top: .7rem
}

.sex .chk label:before {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    left: .2rem;
    opacity: .4
}

.w .sex {
    background-color: rgba(0,0,0,.01)
}

.w .sex .chk label:before {
    opacity: 1
}

.section.latest-hentais {
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    padding: 0;
    margin-bottom: 0
}

.section.latest-hentais .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.section.latest-hentais .slick-slide {
    height: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section.latest-hentais .slick-track:before,.section.latest-hentais .slick-track:after {
    display: none
}

.section.latest-hentais [class*=status-]>i {
    background-color: #131313
}

.section.latest-hentais article {
    padding-top: calc(64px + 5vh + 5vw);
    padding-bottom: 1rem;
    position: relative;
    color: #999;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section.latest-hentais article .h-content,.section.latest-hentais article .h-title {
    color: #fff
}

.section.latest-hentais article .h-title {
    font-size: 2rem;
    margin-bottom: 1rem
}

.section.latest-hentais article .genres .btn {
    background-color: #1e1e1e
}

.section.latest-hentais article .genres .btn:hover {
    background-color: var(--primary)
}

.section.latest-hentais .slick-dots {
    list-style-type: none;
    font-size: 0;
    text-align: right;
    position: relative;
    z-index: 99
}

.section.latest-hentais .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin-top: -3.3rem;
    width: 16px;
    height: 16px;
    position: relative;
    margin-left: 8px
}

.section.latest-hentais .slick-dots button {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    min-width: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    opacity: .5
}

.section.latest-hentais .slick-dots .slick-active {
    padding: 0
}

.section.latest-hentais .slick-dots .slick-active button {
    width: 14px;
    height: 14px;
    opacity: 1
}

.section.latest-hentais .h-content {
    max-width: 690px;
    max-height: 108px;
    overflow: auto
}

.section.latest-hentais .bg {
    pointer-events: none
}

.section.latest-hentais .bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));
    background: linear-gradient(to right,#000 0%,rgba(0,0,0,0) 100%);
    z-index: 1
}

.section.latest-hentais .bg img {
    -webkit-filter: none;
    filter: none;
    opacity: .7
}

.section.latest-hentais>h1 {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(255,255,255,.2);
    color: #fff;
    text-align: center;
    font-size: .875rem;
    text-transform: uppercase;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    line-height: 1.25rem;
    padding: .75rem;
    -webkit-box-shadow: 0 0 3rem rgba(0,0,0,.5);
    box-shadow: 0 0 3rem rgba(0,0,0,.5);
    letter-spacing: 1px
}

.aa-tb {
    display: none
}

.aa-tb.on {
    display: block
}

.lang-drp {
    font-size: .75rem
}

.lang-drp .sub-menu {
    margin-bottom: 0
}

.lang-drp img {
    width: 16px;
    height: 12px;
    margin-right: .5rem
}

.video_options {
    background-color: var(--gray-dark);
    position: relative;
    padding-right: 10rem
}

.video_options li span {
    cursor: pointer;
    display: block;
    padding: .5rem 1rem;
    line-height: 2rem;
    border-top: 3px solid transparent;
    color: var(--text)
}

.video_options li span.on {
    background-color: rgba(0,0,0,.2);
    border-top-color: var(--primary);
    color: var(--link)
}

.video_options li span i {
    color: var(--primary);
    margin-right: .5rem
}

.video_options .lang-drp {
    position: absolute;
    right: .5rem;
    top: .5rem
}

.video_options .lang-drp .aa-cnt {
    -webkit-box-shadow: 0 0 2rem rgba(0,0,0,.2);
    box-shadow: 0 0 2rem rgba(0,0,0,.2);
    margin-top: .5rem;
    padding: .5rem;
    min-width: 10rem
}

.video_options .lang-drp .aa-cnt li a {
    padding-top: 0;
    padding-bottom: 0
}

.video_options .lang-drp .aa-cnt li img {
    vertical-align: top;
    margin-top: .6rem
}

.video_options .lang-drp.on .btn>i,.video_options .lang-drp .btn:hover>i {
    color: var(--light)
}

.video_options .lang-drp .btn>i {
    margin-left: .3rem
}

body.w .video_options li a.on {
    background-color: rgba(0,0,0,.05)
}

.video_options-list {
    white-space: nowrap;
    overflow: auto
}

.video {
    border-radius: 0 0 .5rem .5rem
}

.lang-btn {
    line-height: 2rem;
    min-height: 0;
    padding: 0 1rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 1rem
}

.lang-btn i {
    color: var(--primary)
}

.lang-btn img {
    vertical-align: top;
    margin-top: .68rem
}

.h-tbs-list {
    background-color: var(--gray-dark);
    margin-bottom: 1rem;
    font-size: 0;
    border-radius: .25rem .25rem 0 0
}

.h-tbs-list li:first-child a {
    border-top-left-radius: .25rem
}

.h-tbs-list li:last-child a {
    border-top-right-radius: .25rem
}

.h-tbs-list li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    text-align: center
}

.h-tbs-list li a {
    display: block;
    padding: .5rem 1.5rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75rem;
    color: var(--text);
    border-bottom: 2px solid transparent
}

.h-tbs-list li a.on {
    color: var(--link);
    background-color: rgba(0,0,0,.2);
    border-bottom-color: var(--primary)
}

body.w .h-tbs-list li a.on {
    background-color: rgba(0,0,0,.05)
}

article.hentai.sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

article.hentai.sm .h-thumb {
    margin-right: 1rem;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 94px;
    flex: 0 0 94px
}

article.hentai.sm .h-thumb figure {
    padding-top: 94px
}

article.hentai.sm .h-thumb .favorites {
    top: auto;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    height: 1.5rem;
    line-height: 1.5rem
}

article.hentai.sm .h-thumb .favorites:before {
    color: var(--primary);
    vertical-align: top;
    margin-top: 2px
}

article.hentai.sm:hover .h-header .h-title {
    color: var(--primary)
}

article.hentai.sm .h-header {
    position: static;
    padding: 0;
    opacity: 1;
    display: block;
    max-height: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: visible;
    height: auto;
    line-height: 1.5rem;
    text-align: left;
    background: 0 0
}

article.hentai.sm .h-header .h-title {
    margin-bottom: .5rem!important;
    color: var(--link)
}

article.hentai.sm .h-header .num-episode {
    margin-right: .5rem;
    padding: 0 .75rem;
    font-size: .65rem;
    color: var(--text);
    background-color: var(--gray-dark);
    display: inline-block;
    vertical-align: top;
    border-radius: 1rem
}

article.hentai.sm .h-header .num-episode span {
    font-weight: 700
}

article.hentai.sm .h-header .year {
    font-size: .65rem;
    color: var(--text);
    display: inline-block;
    vertical-align: top
}

.pagination {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.pagination li {
    display: inline-block;
    vertical-align: top;
    padding: .25rem
}

.error404 .bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh
}

.error404 .section {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding: var(--space) 0;
    margin-bottom: 0;
    position: static;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: rgba(255,255,255,.1);
    -webkit-box-shadow: 0 0 4rem rgba(0,0,0,.3);
    box-shadow: 0 0 4rem rgba(0,0,0,.3);
    border-radius: .5rem;
    padding: 4rem 2rem;
    border: 1px solid rgba(255,255,255,.1)
}

.error404 .section .section-header {
    display: block;
    margin-bottom: 3rem;
    color: var(--link)
}

.error404 .section .section-header:before {
    content: '404';
    font-size: calc(2rem + 4vw + 4vh);
    line-height: 1;
    font-weight: 700;
    display: block;
    margin-bottom: 1rem
}

.error404 .section .section-title {
    text-transform: none;
    font-size: 1.5rem;
    padding-left: 0;
    line-height: 1.25em;
    margin-right: 0;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    opacity: .5
}

.error404 .section .btn {
    min-width: 209px
}

.error404 .bg {
    z-index: -1;
    margin-bottom: 0;
    pointer-events: none;
    -webkit-box-shadow: inset 0 0 6rem rgba(0,0,0,.8);
    box-shadow: inset 0 0 6rem rgba(0,0,0,.8)
}

.error404 .bg,.error404 .bg img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.error404 .bg img {
    opacity: .1
}

.ft .top {
    background-color: var(--gray);
    -webkit-box-shadow: 0 0 5rem #000;
    box-shadow: 0 0 5rem #000;
    padding: var(--space) 0
}

.w .ft .top {
    -webkit-box-shadow: 0 0 5rem rgba(0,0,0,.15);
    box-shadow: 0 0 5rem rgba(0,0,0,.15)
}

.ft .top .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ft .top .logo {
    opacity: .5
}

.w .ft .top .logo #a,.w .ft .top .logo #b {
    fill: var(--text)
}

.ft .top .social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.5rem
}

.ft .top .social-list li {
    padding: 0 .5rem
}

.ft .top .social-list a {
    font-size: 1.5rem;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: var(--text);
    opacity: .5
}

.ft .top .social-list a:hover {
    opacity: 1;
    color: var(--link);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ft .bot {
    border-bottom: 1px solid var(--gray);
    padding: var(--space) 0
}

.ft .bot .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ft .bot .menu>li {
    margin: 0 var(--space)
}

.ft .bot .menu>li>a {
    line-height: 1.5rem;
    height: 2.5rem
}

.ft .copy {
    text-align: center;
    opacity: .7;
    margin-bottom: 0;
    padding-top: var(--space);
    padding-bottom: var(--space)
}

.ft .copy span {
    display: block;
    font-size: .75rem;
    opacity: .7
}

.genres-ft {
    border-top: 1px solid var(--gray)
}

.genres-ft .section-title {
    text-transform: uppercase;
    font-size: .75rem;
    color: var(--text);
    margin-bottom: .5rem;
    margin-top: 1rem
}

.categories-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(var(--grid),1fr))[auto-fill];
    grid-template-columns: repeat(auto-fill,minmax(var(--grid),1fr));
    grid-gap: var(--space);
    margin-bottom: 1rem
}

.categories-list a {
    color: var(--text)
}

.categories-list a:hover {
    color: var(--link)
}

@media(min-width: 1200px) {
    .categories-list {
        -ms-grid-columns:(minmax(280px,1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill,minmax(280px,1fr))
    }
}

@media(max-width: 1199px) {
    .hd .logo {
        -webkit-box-flex:1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .hd nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: var(--gray-dark);
        border-radius: .25rem;
        display: none;
        padding-bottom: 1rem;
        -webkit-box-shadow: 0 0 3rem rgba(0,0,0,.7);
        box-shadow: 0 0 3rem rgba(0,0,0,.7)
    }

    .w .hd nav {
        -webkit-box-shadow: 0 0 3rem rgba(0,0,0,.1);
        box-shadow: 0 0 3rem rgba(0,0,0,.1);
        background-color: var(--light)
    }

    .hd.on nav {
        display: block
    }

    .hd .search {
        padding: 1rem
    }

    .hd .search input,.hd .search .sub-menu {
        background-color: var(--gray)
    }

    .hd .search .sub-menu {
        position: static
    }

    .hd .search .sub-menu hr {
        background-color: var(--gray-light);
        opacity: .2
    }

    .hd .menu {
        overflow: auto;
        max-height: 60vh
    }

    .hd .menu a {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .hd .menu .sub-menu {
        display: block;
        position: static;
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .w .hd .search .sub-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid rgba(0,0,0,.05)
    }

    .w .hd .search .sub-menu hr {
        background-color: var(--text)
    }

    .ft .has-children>a:after {
        display: none
    }
}

@media(max-width: 991px) {
    .widget-filter {
        border-bottom:1px solid var(--gray)
    }

    .widget-filter .section-header {
        margin-bottom: 0
    }

    .widget-filter .section-title:after {
        font-size: 1rem;
        margin-left: 1rem
    }

    .widget-filter .filter-content {
        display: none
    }

    .widget-filter.on .section-header {
        margin-bottom: 1rem
    }

    .widget-filter.on .filter-content {
        display: block;
        margin-bottom: 1rem
    }

    .widget-filter.on .section-title:after {
        -webkit-transform: scale(1,-1);
        transform: scale(1,-1)
    }
}

@media(max-width: 767px) {
    .video_buttons-list li+li .btn {
        font-size:0
    }

    .download-links thead {
        display: none
    }

    .download-links tr {
        margin-bottom: 1rem;
        background-color: var(--gray);
        padding: .5rem
    }

    .download-links tr:last-child {
        margin-bottom: 0
    }

    .download-links td {
        display: inline-block;
        vertical-align: top
    }

    .download-links tbody,.download-links tr,.download-links td:last-child {
        display: block
    }

    .sex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section.latest-hentais article {
        padding-bottom: 3rem
    }

    .section.latest-hentais .slick-dots {
        position: static;
        text-align: center
    }

    .section.latest-hentais .slick-dots li {
        margin-top: -2.5rem;
        margin-left: 4px;
        margin-right: 4px
    }

    .video_buttons-list>li+li .btn {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .video_buttons-list>li+li .btn i {
        margin-right: 0
    }

    .lang-btn span {
        display: none
    }

    .video_options {
        padding-right: 6rem
    }
}

@media(max-width: 480px) {
    .grid.episodes {
        grid-gap:.5rem
    }

    .grid.episodes .h-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media(max-width: 426px) {
    .ft .top .cont {
        display:block;
        text-align: center
    }

    .ft .top .cont .logo,.ft .top .cont .social-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: .5rem 0
    }

    .h-rating {
        margin-top: 1rem;
        max-width: none
    }

    .hentai-single .h-header {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start
    }

    .top-header .episodes_nav-list .list-btn {
        font-size: 0
    }

    .top-header .episodes_nav-list .list-btn:before {
        margin-left: 0
    }
}

@media(min-width: 425px) {
    .hentai-single {
        grid-template-areas:"thumb header" "thumb rating" "content content" "footer footer"
    }
}

@media(min-width: 768px) {
    .hd {
        position:-webkit-sticky;
        position: sticky;
        top: 0
    }

    .nav-list {
        position: absolute;
        right: 0;
        top: calc(1rem + var(--space))
    }

    .hentai-single {
        -ms-grid-columns: 150px 3fr 120px;
        grid-template-columns: 150px 3fr 120px;
        grid-template-areas: "thumb header rating" "thumb content content" "thumb footer footer"
    }

    .hentai-single .h-header {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .hentai-single .h-header .h-title {
        font-size: 2rem;
        padding: .5rem 0
    }

    .hentai-single .h-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .children-list {
        padding-left: 5rem
    }

    .episodes-list .hentai.episode {
        -ms-grid-columns: 120px 3fr 40px;
        grid-template-columns: 120px 3fr 40px;
        grid-template-areas: "thumb header play"
    }

    .episodes-list .hentai.episode .h-thumb,.episodes-list .hentai.episode .h-header,.episodes-list .hentai.episode .lnk-blk {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-bottom: 0
    }

    .episodes-list .hentai.episode .h-header,.episodes-list .hentai.episode time {
        display: block;
        height: auto
    }
}

@media(min-width: 992px) {
    .hentai-single {
        -ms-grid-columns:210px 3fr 120px;
        grid-template-columns: 210px 3fr 120px
    }

    .hentai-single .h-content {
        max-height: none
    }

    .columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .columns>main {
        width: calc(100% - 300px - calc(2 * var(--space)))
    }

    .columns>aside {
        width: 300px
    }

    .top-header {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto
    }

    .widget-filter .section-title:after {
        display: none
    }

    .alpha-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .alpha-list li {
        min-width: 0
    }

    .user-login {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .user-login .user-why .bg {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .recovery .user-login {
        display: block;
        max-width: 500px
    }
}

@media(min-width: 1200px) {
    html {
        scrollbar-color:var(--gray) var(--gray-dark);
        scrollbar-width: .5rem
    }

    body::-webkit-scrollbar {
        background-color: var(--gray);
        width: 1.5rem;
        height: 1.5rem
    }

    body::-webkit-scrollbar-thumb {
        background-color: var(--primary);
        border-width: .5rem;
        border-radius: 1.5rem
    }

    ::-webkit-scrollbar {
        width: .5rem;
        height: .5rem
    }

    ::-webkit-scrollbar-thumb {
        background-color: var(--gray-light);
        border: solid transparent;
        border-width: 0;
        background-clip: padding-box;
        border-radius: 1.5rem
    }

    .hd .menu-btn {
        display: none
    }

    .hd nav {
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .hd .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .hd .menu>li {
        font-size: .875rem;
        margin-right: var(--space)
    }

    .hd .search {
        margin-right: var(--space)
    }

    .has-children {
        position: relative
    }

    .has-children:hover>.sub-menu {
        display: block;
        right: auto
    }

    .ft .has-children>a:after {
        line-height: 2.3rem;
        -webkit-transform: scale(1,-1);
        transform: scale(1,-1)
    }

    .ft .has-children .sub-menu {
        top: auto;
        bottom: 100%
    }

    .hentai:not(.episode) .h-header {
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 0;
        max-height: 1rem;
        top: auto;
        overflow: hidden;
        bottom: 0
    }

    .hentai:not(.episode) .h-header .h-title {
        margin-bottom: -2rem;
        -webkit-transition: .3s;
        transition: .3s
    }

    .hentai:not(.episode):hover .h-header {
        opacity: 1;
        max-height: 100%
    }

    .hentai:not(.episode):hover .h-header .h-title {
        margin-bottom: 0
    }

    .section.text .h-content {
        -webkit-columns: 2;
        columns: 2;
        -webkit-column-gap: var(--space);
        column-gap: var(--space)
    }

    .remove-favorites {
        display: none
    }

    .hentai:hover .remove-favorites {
        display: block
    }

    .user .columns aside>div {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem
    }
}

@media(min-width: 1600px) {
    .hd .logo,.hd .search,.hd .menu>li {
        margin-right:calc(1.5 * var(--space))
    }

    .children-list {
        padding-left: 6rem
    }

    .user .columns aside>div {
        position: -webkit-sticky;
        position: sticky;
        top: 7rem
    }
}

@media print {
    *,*:before,*:after,*:first-letter,*:first-line {
        background: 0 0!important;
        color: #000!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: "(" attr(href) ")"
    }

    abbr[title]:after {
        content: "(" attr(title) ")"
    }

    a[href^='#']:after,a[href^='javascript:']:after {
        content: ''
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}

.categories-list {
    position: static;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
    overflow: visible;
    max-height: none;
    grid-row-gap: .5rem
}

.categories-list>li:before {
    line-height: 2.5rem;
    height: 2.5rem;
    opacity: .2
}

.categories-list>li>a {
    line-height: 2.5rem
}

p.noresults {
    text-align: center;
    margin: 2rem 0!important
}

.noresults:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5OS41NTYnIGhlaWdodD0nOTYnIHZpZXdCb3g9JzAgMCA5OS41NTYgOTYnPjxnIGlkPSdHcnVwb18xMicgZGF0YS1uYW1lPSdHcnVwbyAxMicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTEwOTAgLTU3NCknPjxnIGlkPSdfMDIwX2RlbGV0ZV9yZW1vdmVfZm9sZGVyX2ZpbGVzX3N0b3JhZ2VfMicgZGF0YS1uYW1lPScwMjBfZGVsZXRlX3JlbW92ZV9mb2xkZXJfZmlsZXNfc3RvcmFnZV8yJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxMDg5Ljk5NyA1NzMuOTk3KSc+PHBhdGggaWQ9J1RyYXphZG9fMTA4JyBkYXRhLW5hbWU9J1RyYXphZG8gMTA4JyBkPSdNOTAuNjcsNDYuMjI1YTEuNzc4LDEuNzc4LDAsMCwxLTEuNzc4LTEuNzc4VjI2LjY3YTEuNzgsMS43OCwwLDAsMC0xLjc3OC0xLjc3OEg1LjMzNUExLjc4LDEuNzgsMCwwLDAsMy41NTcsMjYuNjdWODBhMS43ODEsMS43ODEsMCwwLDAsMS43NzgsMS43NzhINDQuNDQ3YTEuNzc4LDEuNzc4LDAsMCwxLDAsMy41NTZINS4zMzVBNS4zMzksNS4zMzksMCwwLDEsMCw4MFYxNkE1LjMzNyw1LjMzNywwLDAsMSw1LjMzNSwxMC42N0g4Ljg5MkExLjc4MSwxLjc4MSwwLDAsMCwxMC42Nyw4Ljg5MlY1LjMzNkE1LjMzOCw1LjMzOCwwLDAsMSwxNiwwSDQwLjg5MmE1LjMzNyw1LjMzNywwLDAsMSw1LjMzMiw1LjMzM1Y4Ljg5MkExLjc4MSwxLjc4MSwwLDAsMCw0OCwxMC42N0g4Ny4xMTRBNS4zMzksNS4zMzksMCwwLDEsOTIuNDQ3LDE2VjQ0LjQ0N0ExLjc3OCwxLjc3OCwwLDAsMSw5MC42Nyw0Ni4yMjVaTTg4Ljg5MiwxNmExLjc4LDEuNzgsMCwwLDAtMS43NzgtMS43NzhINDhBNS4zMzksNS4zMzksMCwwLDEsNDIuNjcsOC44OTJWNS4zMzZhMS43OCwxLjc4LDAsMCwwLTEuNzc4LTEuNzc4SDE2YTEuNzgsMS43OCwwLDAsMC0xLjc4LDEuNzc4VjguODkyYTUuMzM4LDUuMzM4LDAsMCwxLTUuMzMyLDUuMzMzSDUuMzM1QTEuNzgsMS43OCwwLDAsMCwzLjU1NywxNnY1LjY2YTUuMjgsNS4yOCwwLDAsMSwxLjc3OC0uMzI3aDgxLjc4YTUuMjczLDUuMjczLDAsMCwxLDEuNzc4LjMyN1YxNlonIGZpbGw9JyM5OTknLz48L2c+PGcgaWQ9J18wMjBfZGVsZXRlX3JlbW92ZV9mb2xkZXJfZmlsZXNfc3RvcmFnZV8yLTInIGRhdGEtbmFtZT0nMDIwX2RlbGV0ZV9yZW1vdmVfZm9sZGVyX2ZpbGVzX3N0b3JhZ2VfMicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMTA4OS45OTcgNTczLjk5NyknPjxwYXRoIGlkPSdUcmF6YWRvXzEwOC0yJyBkYXRhLW5hbWU9J1RyYXphZG8gMTA4JyBkPSdNNzYuNDQ3LDk2QTIzLjExMSwyMy4xMTEsMCwxLDEsOTkuNTU5LDcyLjg5MiwyMy4xMzcsMjMuMTM3LDAsMCwxLDc2LjQ0Nyw5NlptMC00Mi42NjdBMTkuNTU2LDE5LjU1NiwwLDEsMCw5Niw3Mi44OTIsMTkuNTc2LDE5LjU3NiwwLDAsMCw3Ni40NDcsNTMuMzM2Wk04NC44MTUsODEuMjZhMS43NzIsMS43NzIsMCwwLDEtMi41MTQsMGwtNS44NTQtNS44NTRMNzAuNTkzLDgxLjI2YTEuNzc4LDEuNzc4LDAsMCwxLTIuNTE0LTIuNTE0bDUuODU0LTUuODU0LTUuODU0LTUuODU0YTEuNzc4LDEuNzc4LDAsMCwxLDIuNTE0LTIuNTE0bDUuODU0LDUuODU0TDgyLjMsNjQuNTI0YTEuNzc4LDEuNzc4LDAsMCwxLDIuNTE0LDIuNTE0bC01Ljg1NCw1Ljg1NCw1Ljg1NCw1Ljg1NGExLjc3NiwxLjc3NiwwLDAsMSwwLDIuNTE0WicgZmlsbD0nI2VhNGM4OScvPjwvZz48L2c+PC9zdmc+Cg==);
    content: '';
    display: block;
    width: 100px;
    height: 96px;
    display: block;
    margin: 0 auto 1rem
}

.noresults span {
    display: block
}

.filter-list {
    display: block;
    position: static;
    padding: 0;
    box-shadow: none;
    overflow: visible;
    max-height: none;
    background-color: transparent
}

.filter-list li:before {
    opacity: .2;
    top: 0;
    line-height: 2.5rem;
    height: 2.5rem
}

.filter-list li:hover:before {
    opacity: 1
}

.filter-list li:hover:before,.filter-list li.on:before {
    opacity: 1
}

.filter-list li a {
    line-height: 2.5rem
}

.filter-list li .catnum {
    right: 1rem
}

.columns,.columns>aside,.columns>main {
    margin-bottom: var(--size)
}

@font-face {
    font-family: hicos;
    src: url(../fonts/hicos.eot);
    src: url(../fonts/hicos.eot) format('embedded-opentype'),url(../fonts/hicos.woff2) format('woff2'),url(../fonts/hicos.woff) format('woff'),url(../fonts/hicos.ttf) format('truetype'),url(../fonts/hicos.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=hfa-]:before {
    font-family: hicos!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hfa-share:before {
    content: "\ea02"
}

.hfa-film:before {
    content: "\ea03"
}

.hfa-question-circle:before {
    content: "\ea04"
}

.hfa-home:before {
    content: "\ea05"
}

.hfa-discord:before {
    content: "\ea06"
}

.hfa-twitch:before {
    content: "\ea07"
}

li[class*=fa-]>a {
    padding-left: 2rem;
    display: block;
    white-space: nowrap
}

li[class*=fa-]:before {
    width: 1.5rem;
    text-align: center;
    position: absolute;
    top: .1rem;
    pointer-events: none;
    left: 0;
    color: var(--link);
    height: 2rem;
    z-index: 1;
    opacity: .5;
    font-size: 1rem
}

li[class*=current]:before,li:hover:before {
    color: var(--primary);
    opacity: 1
}

.menu>li[class*=fa-]:before {
    top: .65rem
}

.section.top {
    z-index: 1
}

.section {
    z-index: 2
}

@media(max-width: 1199px) {
    .hd .menu>li[class*=fa-]:before {
        left:1rem
    }

    .hd .menu>li[class*=fa-]>a {
        padding-left: 3rem
    }

    .hd .menu .sub-menu {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(10rem,1fr));
        padding-left: 2rem
    }
}

@media(min-width: 1200px) {
    .cont,ul.slick-dots {
        max-width:1460px
    }

    li.genres-list>.sub-menu {
        min-width: 24rem;
        grid-template-columns: repeat(auto-fit,minmax(10rem,1fr))
    }

    li:hover.genres-list>.sub-menu {
        display: grid
    }

    .hd .menu>li {
        margin-right: 1.5rem
    }
}

@media(min-width: 1300px) {
    .hd .menu>li {
        margin-right:2rem
    }
}

@media(min-width: 1600px) {
    .hd .menu>li {
        margin-right:3rem
    }
}

.top-header .section-header:last-child {
    margin-right: 0
}

.top-header .section-header:last-child p {
    max-width: none
}

.section.text.estreno-texto {
    padding: 0
}

.estreno-texto:before {
    display: none
}

.section-premier-slider {
    margin: 0 -1rem
}

.section-premier-slider:before,.section-premier-slider:after {
    content: '';
    position: absolute;
    top: var(--space);
    z-index: 1;
    width: 80px;
    bottom: var(--space);
    margin: 1rem 0;
    pointer-events: none
}

.section-premier-slider:before {
    left: 0;
    background: linear-gradient(to right,var(--body) 0%,rgba(19,19,19,0) 100%)
}

.section-premier-slider:after {
    right: 0;
    background: linear-gradient(to left,var(--body) 0%,rgba(19,19,19,0) 100%)
}

.section-premier-slider .item {
    padding: 1rem
}

.section-premier-slider .btn-prev,.section-premier-slider .btn-next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 3rem;
    z-index: 2;
    color: var(--primary);
    font-size: 1.25rem
}

.section-premier-slider .btn-prev:hover,.section-premier-slider .btn-next:hover {
    color: #fff
}

.section-premier-slider .btn-prev {
    left: -1rem
}

.section-premier-slider .btn-next {
    right: -1rem
}

.section-premier-slider+.pagination {
    margin-top: -.5rem;
    margin-bottom: 3rem
}

.section-premier-slider .favorites {
    right: .5rem;
    top: .5rem;
    border-radius: 2rem;
    line-height: 1.5rem
}

.section-premier-slider .btn.slick-disabled {
    visibility: hidden
}

.section-premier-slider .section-header {
    z-index: 2
}

.section-premier-slider .section-header .section-title span {
    color: var(--primary);
    font-size: inherit;
    font-weight: 700
}

.msdv3rx {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #2c2c2c;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: .875rem;
    padding: 1rem;
    overflow: hidden
}

.msdv3rx>div {
    background-color: rgba(0,0,0,.5);
    padding: 1.5rem;
    max-height: 100%;
    overflow: auto;
    border-radius: 1rem;
    max-width: 370px;
    box-shadow: 0 0 64px rgba(0,0,0,.5);
    position: relative;
    z-index: 1
}

.msdv3rx:before,.msdv3rx:after {
    position: absolute;
    content: '';
    width: 30rem;
    height: 30rem;
    border-radius: 30rem;
    top: 0;
    right: 0;
    background-color: #ea4c89;
    filter: blur(64px);
    opacity: .3
}

.msdv3rx:after {
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    background-color: #4cc6ea
}

.msdv3rx .btn {
    letter-spacing: normal;
    font-size: .75rem
}

.msdv3rx .btn.send-btn {
    padding: 0 1rem
}

.msdv3rx p {
    margin-bottom: 0
}

.msdv3rx p:first-child {
    margin-bottom: 1rem
}

.msdv3rx p:last-child {
    margin-top: .5rem
}

:root {
    --body: #131313;
    --text: #959595;
    --link: #fff;
    --link-hover: #EA4C89;
    --primary: #0de383;
    --dark: #2c2c2c;
    --light: #fff;
    --gray: #2c2c2c;
    --gray-light: #999;
    --gray-dark: #1E1E1E;
    --success: #4CC6EA;
    --danger: #EA4C89;
    --warning: #EAAA4C;
    --size: .9375rem;
    --space: .9375rem;
    --family: 'Noto Sans HK', sans-serif;
    --grid: 130px
}

:root body.w {
    --body: #fff;
    --text: #757575;
    --link: #000;
    --gray: #F5F5F5;
    --gray-light: #F5F5F5;
    --gray-dark: #F5F5F5
}

@media(max-width: 449px) {
    .grid.episodes {
        --grid:180px
    }
}

@media(min-width: 450px) and (max-width:680px) {
    :root {
        --grid:170px
    }
}

@media(min-width: 680px) and (max-width:767px) {
    :root {
        --grid:250px
    }
}

@media(min-width: 768px) {
    :root {
        --grid:220px
    }
}

@media(min-width: 1600px) {
    :root {
        --space: 1.875rem
    }
}

*,:before,:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0
}

body {
    margin: 0;
    font: 300 var(--size)/1.8 var(--family);
    overflow-x: hidden;
    word-wrap: break-word;
    background-color: var(--body);
    color: var(--text)
}

hr {
    border: 0;
    margin: calc(2 * var(--size)) 0;
    clear: both;
    overflow: hidden;
    height: 1px;
    background-color: var(--gray)
}

[hidden],.hdd {
    display: none
}

img,svg {
    vertical-align: middle;
    max-width: 100%
}

:focus {
    outline: 0
}

a {
    text-decoration: none;
    color: var(--link)
}

table {
    width: 100%
}

.title,[class*=-title],h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    line-height: 1.2
}

h1 {
    font-size: calc(3 * var(--size) + 1vw + 1vh)
}

h2 {
    font-size: calc(2 * var(--size) + 1vw + 1vh)
}

h3 {
    font-size: calc(1.5 * var(--size) + 1vw + 1vh)
}

h4,h5,h6 {
    font-size: var(--size)
}

#aa-wp {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#aa-wp>.bd {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cont,ul.slick-dots {
    margin: 0 auto!important;
    padding-left: calc(1.5 * var(--size));
    padding-right: calc(1.5 * var(--size));
    width: 100%
}

@media(min-width: 768px) {
    .cont,ul.slick-dots {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .cont,ul.slick-dots {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .cont,ul.slick-dots {
        max-width:1210px
    }
}

@media(min-width: 1600px) {
    .cont,ul.slick-dots {
        max-width:1460px
    }
}

ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,fieldset {
    margin: 0 0 calc(2 * var(--size))
}

figure,nav ul,[class*=-list],[class*=-nav] {
    margin: 0;
    padding: 0;
    list-style-type: none
}

[class*=align] {
    margin-bottom: var(--size)
}

.alignleft {
    margin-right: var(--size)
}

.alignright {
    margin-left: var(--size)
}

button,input,select,textarea {
    font: inherit;
    width: 100%;
    vertical-align: middle;
    line-height: normal;
    text-transform: none;
    overflow: visible
}

fieldset {
    border: 1px solid transparent;
    padding: var(--size)
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
    border: 0;
    padding: var(--size)
}

label {
    display: inline-block;
    padding: .875rem 0;
    line-height: 1.25rem
}

label[for] {
    cursor: pointer
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

input,textarea,select {
    display: block;
    padding: calc(.5 * var(--size)) var(--size);
    width: 100%;
    line-height: 2rem;
    background-color: var(--gray-dark);
    color: var(--text);
    border-radius: .25rem;
    border: 0
}

input:focus,textarea:focus,select:focus {
    background-color: var(--gray)
}

.w input:focus,.w textarea:focus,.w select:focus {
    background-color: var(--light);
    -webkit-box-shadow: inset 0 0 0 2px #eee,0 0 2rem rgba(0,0,0,.05);
    box-shadow: inset 0 0 0 2px #eee,0 0 2rem rgba(0,0,0,.05)
}

.inp .ico {
    display: block;
    position: relative;
    color: var(--text)
}

.inp .ico>* {
    padding-right: 4rem
}

.inp .ico>textarea+i {
    bottom: auto;
    top: .5rem
}

.inp .ico>*:focus+i {
    opacity: 1;
    color: var(--primary)
}

.inp .ico>i {
    position: absolute;
    right: .5rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    opacity: .5;
    pointer-events: none;
    font-size: 1.5rem;
    padding: 0
}

input.sm,select.sm {
    padding-top: 0;
    padding-bottom: 0
}

[type=color],[type=number],[type=range] {
    width: auto;
    min-width: 7rem
}

:disabled {
    cursor: default
}

:disabled {
    opacity: .8
}

textarea {
    overflow: auto;
    min-height: 6rem;
    max-width: 100%;
    height: auto;
    resize: vertical;
    padding: 1rem var(--size) var(--size);
    max-height: 15rem
}

.val-ok .val {
    color: var(--success)
}

.val-no .val {
    color: var(--danger)
}

[class*=val-] .val {
    font-size: calc(.75 * var(--size));
    display: block;
    padding-top: .5rem
}

[class*=val-] .val:before {
    margin-right: .5rem
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4LjYyNScgaGVpZ2h0PScxMicgdmlld0JveD0nMCAwIDguNjI1IDEyJz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMTYuOTM0IC01Ni45NSknPjxwYXRoIGQ9J00xNy42Niw2My45MTVoNy4xNzRhLjcyNC43MjQsMCwwLDEsLjUxMiwxLjIzNmwtMy41ODcsMy41ODdhLjcyLjcyLDAsMCwxLTEuMDIyLDBsLTMuNTktMy41ODdBLjcyNC43MjQsMCwwLDEsMTcuNjYsNjMuOTE1Wm03LjY4Ny0zLjE2NS0zLjU4Ny0zLjU4N2EuNzIuNzIsMCwwLDAtMS4wMjIsMGwtMy41OSwzLjU4N2EuNzI0LjcyNCwwLDAsMCwuNTEyLDEuMjM2aDcuMTc0QS43MjQuNzI0LDAsMCwwLDI1LjM0Niw2MC43NVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAgMCknIGZpbGw9JyM5OTknLz48L2c+PC9zdmc+);
    background-position: right var(--size) center;
    background-repeat: no-repeat;
    background-size: .575rem;
    padding-right: 3rem
}

select.sm {
    background-position: right .5rem center
}

.ifl input {
    display: none
}

[type=checkbox],[type=radio] {
    width: auto;
    min-height: auto;
    display: inline-block;
    border: 0;
    vertical-align: baseline
}

.chk {
    text-align: left;
    position: relative;
    overflow: hidden;
    padding: .5rem 0
}

.chk label {
    padding: 0 0 0 2.1rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.5rem
}

.chk input+label:before,.chk input+label:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: .3rem;
    content: '';
    text-align: center;
    line-height: 1.5rem;
    font-size: var(--size)
}

.chk input+label:after {
    display: none
}

.chk input:checked+label:after {
    display: block
}

.chk [type=radio]+label:before {
    border-radius: 2rem
}

.chk input {
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    top: 0;
    left: 0
}

.chk label:before {
    background-color: var(--gray-light);
    border: 1px solid var(--gray)
}

#body.on .chk label:before {
    background-color: var(--gray);
    border-color: rgba(255,255,255,.1)
}

#body.on .chk input:checked+label:before {
    background-color: var(--primary)
}

.chk input:checked+label:before {
    background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgNTEyIDUxMic+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeic+PC9wYXRoPjwvc3ZnPg==);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: .8rem;
    background-color: var(--primary)
}

.btn,button,[type=button],[type=reset],[type=submit] {
    cursor: pointer;
    padding: .5rem 1.5rem;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 2rem;
    width: auto;
    background-color: var(--gray-dark);
    color: var(--text);
    min-width: 3rem;
    border: 0;
    border-radius: .3rem
}

.w .btn,.w button,.w [type=button],.w [type=reset],.w [type=submit] {
    background-color: rgba(0,0,0,.05)
}

.btn:hover,a.btn:hover,button:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,.btn.send-btn,.form-submit button {
    background-color: var(--primary);
    color: var(--light)
}

.btn.blk {
    width: 100%
}

.btn.send-btn {
    background-color: var(--primary);
    color: var(--light)
}

.btn.sm {
    font-size: .75rem;
    padding: 0 .75rem;
    white-space: nowrap
}

.btn.sm.rnd {
    padding: 0 1.25rem
}

.btn.lg {
    padding: 1rem 2rem;
    min-width: 10rem;
    font-size: 1.125rem
}

.btn.lnk.sm {
    font-size: .65rem;
    text-transform: uppercase;
    font-weight: 600
}

.btn.lnk,.btn.lnk:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--primary);
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 1rem
}

.btn.lnk {
    vertical-align: top;
    display: inline-block
}

.btn.npd {
    padding-left: 0;
    padding-right: 0
}

button,input,textarea,select,.btn,.menu a {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.lnk-blk:after,.lnk-blk-a>a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 2
}

.ic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    height: 1em;
    width: 1em;
    font-size: inherit
}

.ic svg {
    height: 1em;
    width: 1em;
    bottom: -.125em;
    position: absolute;
    fill: currentColor
}

::-moz-selection {
    color: var(--light);
    background-color: var(--primary)
}

::selection {
    color: var(--light);
    background-color: var(--primary)
}

[class*=dvr-] {
    overflow: auto;
    margin-left: auto;
    margin-right: auto
}

.dvr-300 {
    max-width: 300px
}

.aa-drp {
    position: relative
}

.aa-drp.left .aa-cnt {
    left: auto;
    right: 0
}

.on>.aa-cnt,.on>.aa-cnt>.sub-menu {
    display: block
}

.aa-cnt .sub-menu {
    position: static;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.full>.aa-cnt {
    right: 0;
    min-width: 15rem
}

.menu li>a,.sub-menu li>a {
    display: block;
    line-height: 2rem
}

.menu>li>a {
    padding: .5rem 0
}

.sub-menu li[class*=fa-]>a {
    padding-left: 2rem
}

.sub-menu li[class*=fa-]:before {
    width: 1.5rem;
    text-align: center;
    position: absolute;
    top: .23rem;
    pointer-events: none;
    left: 0;
    color: var(--link);
    height: 2rem;
    z-index: 1
}

.sub-menu li[class*=fa-]>a {
    padding-left: 2.5rem
}

.sub-menu li[class*=fa-]:before {
    left: .5rem
}

.sub-menu li hr {
    margin: 1rem -1rem
}

.menu-item-has-children,li[class*=fa-] {
    position: relative
}

.sub-menu,.aa-cnt {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 12rem;
    z-index: 11;
    border: 0;
    background-color: var(--gray-dark);
    border-radius: .25rem;
    padding: 1rem;
    list-style: none;
    max-height: 28rem;
    overflow: auto;
    -webkit-box-shadow: 0 0 2rem rgba(0,0,0,.1);
    box-shadow: 0 0 2rem rgba(0,0,0,.1)
}

body.w .sub-menu,body.w .aa-cnt {
    background-color: var(--body)
}

.sub-menu>li {
    line-height: 2rem;
    padding-top: .15rem;
    padding-bottom: .15rem
}

.sub-menu>li>a {
    color: var(--text);
    padding: 0 var(--size);
    border-radius: .25rem
}

.sub-menu>li.on>a,.sub-menu>li>a:not(.btn):hover {
    background-color: var(--gray);
    color: var(--link)
}

.sub-menu>li.title {
    pointer-events: none;
    text-transform: uppercase;
    padding: 0 var(--size);
    margin-bottom: .5rem;
    font-weight: 400;
    opacity: .5;
    line-height: 3rem
}

.sub-menu>li>a.btn {
    margin: var(--size) var(--size) calc(.5 * var(--size))
}

.sub-menu>li.loading {
    text-align: center;
    font-size: 1.5rem;
    padding: .5rem
}

.sub-menu>li.error {
    text-align: center;
    padding: .5rem
}

.rnd {
    border-radius: 5rem
}

[class*=anm-],.sub-menu,nav,.btn.lnk.sm:hover,.send-btn:hover {
    -webkit-animation-duration: .3s!important;
    animation-duration: .3s!important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.anm-a {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.anm-b {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.anm-c,.sub-menu,nav,.btn.lnk.sm:hover,.send-btn:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.mdl,.mdl .mdl-cn,.mdl .mdl-ovr {
    display: none
}

.mdl,.mdl-ovr {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    padding: 1.5rem;
    overflow: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.mdl-ovr {
    background-color: var(--dark);
    z-index: -1;
    opacity: .9
}

.mdl-cn {
    background-color: var(--body);
    border-radius: .5rem;
    max-width: 25rem;
    width: 100%;
    -webkit-box-shadow: 0 0 4rem rgba(0,0,0,.5);
    box-shadow: 0 0 4rem rgba(0,0,0,.5)
}

.mdl-hd,.mdl-bd,.mdl-ft {
    padding: var(--space)
}

.mdl-hd {
    position: relative;
    border-bottom: 1px solid var(--gray)
}

.mdl-hd .mdl-title {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    padding: .5rem 0;
    color: var(--link);
    font-weight: 300;
    text-align: center
}

.btn.mdl-close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    background-color: var(--danger);
    color: var(--light)!important;
    min-width: 3rem;
    z-index: 1;
    border-radius: 3rem;
    padding: 0;
    height: 3rem
}

.btn.mdl-close>i {
    color: var(--light);
    font-size: 1.5rem;
    margin-left: 0;
    margin-top: -5px
}

.btn.mdl-close:hover {
    -webkit-box-shadow: 0 0 2rem var(--danger);
    box-shadow: 0 0 2rem var(--danger);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background-color: var(--danger)
}

.mdl-bd>p:last-child {
    margin-bottom: 0
}

.mdl-ft {
    border-top: 1px solid var(--gray);
    padding-top: var(--space);
    padding-bottom: var(--space)
}

.mdl-ft a {
    font-weight: 700
}

.mdl.on,.mdl.on .mdl-ovr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mdl.on .mdl-cn {
    display: block
}

.mdl-on {
    overflow: hidden
}

.alert {
    text-align: center;
    padding: var(--space)
}

.download-links {
    overflow: auto
}

.download-links table {
    margin-bottom: 0;
    text-align: center
}

.download-links td,.download-links th {
    padding: .5rem
}

.download-links td:first-child,.download-links th:first-child {
    text-align: left
}

.download-links td:first-child {
    white-space: nowrap
}

.download-links .num {
    color: var(--primary);
    font-weight: 700
}

.download-links .btn {
    font-size: .75rem;
    font-weight: 700;
    padding: 0 1.5rem
}

#mdl-download .mdl-cn {
    max-width: 35rem
}

.video {
    position: relative;
    min-height: 250px;
    overflow: hidden;
    max-height: 600px;
    background-color: #000;
    border-radius: .5rem
}

.video:before {
    content: '';
    display: block;
    padding-top: 56.55%
}

.video video,.video iframe,.video img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-transition: .4s;
    transition: .4s
}

.video img {
    -o-object-fit: cover;
    object-fit: cover
}

.video.on {
    display: block
}

[class*=msg-] {
    position: relative;
    padding: calc(.7 * var(--size)) var(--size);
    margin-bottom: var(--size);
    z-index: 1
}

[class*=msg-] p:last-child {
    margin-bottom: 0
}

[class*=msg-]:before,[class*=msg-]:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: .2rem
}

[class*=msg-]:before {
    background-color: currentColor;
    opacity: .1
}

[class*=msg-]:after {
    border: 1px solid currentColor;
    opacity: .2
}

[class*=msg-] p:before {
    margin-right: .5rem
}

[class*=msg-] a {
    color: currentColor;
    font-weight: 700
}

[class*=msg-] a:hover {
    text-decoration: underline
}

[class*=msg-]>i {
    margin-right: .5rem
}

[class*=msg-]:last-child {
    margin-bottom: 0
}

.msg-w {
    color: var(--warning)
}

.msg-d {
    color: var(--danger)
}

.msg-s {
    color: var(--success)
}

.note {
    font-size: .75rem;
    padding-top: .5rem;
    display: block;
    opacity: .7
}

@font-face {
    font-family: hentai-la;
    src: url(../fonts/hentai-la.ttf?shjs4f) format("truetype"),url(../fonts/hentai-la.woff?shjs4f) format("woff"),url(../fonts/hentai-la.svg?shjs4f#hentai-la) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=fa-]:before,.has-children>a:after,.breadcrumb a:after,.widget-filter .section-title:after {
    font-family: hentai-la!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-moon:before {
    content: "\ea02"
}

.fa-sun:before {
    content: "\ea03"
}

.fa-search:before {
    content: "\ea04"
}

.fa-play-circle:before {
    content: "\ea05"
}

.fa-play:before {
    content: "\ea06"
}

.fa-heart:before {
    content: "\ea07"
}

.fa-twitter:before {
    content: "\ea08"
}

.fa-facebook:before {
    content: "\ea09"
}

.fa-down:before,.has-children>a:after,.widget-filter .section-title:after {
    content: "\ea0a"
}

.fa-plus:before {
    content: "\ea0b"
}

.fa-folders:before {
    content: "\ea0c"
}

.fa-thumbs-up:before {
    content: "\ea0d"
}

.fa-thumbs-down:before {
    content: "\ea0e"
}

.fa-share:before {
    content: "\ea0f"
}

.fa-star:before {
    content: "\ea10"
}

.fa-send:before {
    content: "\ea11"
}

.fa-reply:before {
    content: "\ea12"
}

.fa-flag:before {
    content: "\ea13"
}

.fa-arrow-left:before {
    content: "\ea14"
}

.fa-arrow-right:before {
    content: "\ea15"
}

.fa-right:before,.breadcrumb a:after {
    content: "\ea16"
}

.fa-download:before {
    content: "\ea17"
}

.fa-check-b:before {
    content: "\ea18"
}

.fa-check:before {
    content: "\ea19"
}

.fa-upload:before {
    content: "\ea1a"
}

.fa-comment:before {
    content: "\ea1b"
}

.fa-times:before {
    content: "\ea1c"
}

.fa-list:before {
    content: "\ea1d"
}

.fa-user:before {
    content: "\ea1e"
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.hd {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid var(--gray);
    background-color: var(--body)
}

.hd .top .cont {
    padding-top: var(--space);
    padding-bottom: var(--space);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.hd .top .cont .logo {
    margin-right: var(--space)
}

.hd .mode,.hd .user-box {
    min-width: 3rem
}

.hd .mode {
    margin-right: .5rem
}

.hd .mode .btn-mode {
    font-size: 1.5rem;
    color: var(--primary)
}

.hd .mode .btn-mode .fa-moon {
    display: none
}

.hd .mode .btn-mode.on .fa-moon {
    display: block
}

.hd .mode .btn-mode.on .fa-sun {
    display: none
}

.hd .user-box .sub-menu {
    min-width: 15rem
}

.hd .user-box .sub-menu li:before {
    opacity: .3
}

.hd .user-box .sub-menu li:hover:before {
    opacity: 1;
    color: var(--primary)
}

.menu>li>a {
    font-weight: 700;
    color: var(--text);
    opacity: .7;
    display: block;
    line-height: 2rem
}

.menu>li:hover>a,.menu>li.current>a {
    opacity: 1;
    color: var(--link)
}

.menu .has-children>a:after {
    color: var(--primary);
    font-size: .75rem;
    margin-left: .5rem;
    height: 2rem;
    line-height: 2.4rem
}

.search,.search form {
    position: relative
}

.search form:before {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
    pointer-events: none
}

.search input {
    padding-left: 3rem
}

.search.on .sub-menu {
    display: block
}

.search .sub-menu {
    margin-top: 1rem;
    right: 0;
    max-height: 30rem
}

.search .sub-menu a {
    padding: .5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.search .sub-menu figure {
    margin-right: .5rem
}

.search .sub-menu figure,.search .sub-menu figure img {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .25rem
}

.btn.btn-user {
    line-height: 2.5rem!important;
    border-radius: 50%;
    background-color: var(--primary)!important
}

.btn.btn-user i {
    position: absolute;
    left: 3.3rem;
    color: var(--primary);
    top: 0;
    line-height: 3rem;
    font-size: .75rem
}

.btn.btn-user img {
    border-radius: 50%
}

.btn-user,.menu-btn {
    min-width: 3rem;
    width: 3rem;
    height: 3rem;
    padding: 0;
    position: relative
}

[class*=-icon] {
    font-size: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

[class*=-icon],[class*=-icon]:before,[class*=-icon]:after,[class*=-icon] i:before,[class*=-icon] i:after {
    content: '';
    position: absolute;
    -webkit-transition: .2s;
    transition: .2s;
    color: var(--link)
}

.menu-btn {
    margin-left: -1rem;
    margin-right: .5rem
}

.menu-icon {
    left: -6px;
    top: -2px
}

.menu-icon,.menu-icon:before,.menu-icon:after {
    width: 12px;
    height: 0;
    border-bottom: 2px solid currentColor;
    border-radius: 2px
}

.menu-icon:before,.menu-icon:after {
    left: 0
}

.menu-icon:before {
    top: -5px;
    width: 17px
}

.menu-icon:after {
    top: 5px;
    width: 15px
}

.on>.menu-icon {
    border-bottom: 0;
    height: 0;
    border: 0!important;
    left: -2px
}

.on>.menu-icon,.on>.menu-icon:before,.on>.menu-icon:after {
    width: 15px;
    border-bottom: 2px solid currentColor;
    border-radius: 2px;
    color: var(--primary)
}

.on>.menu-icon:before,.on>.menu-icon:after {
    top: 0;
    left: 0
}

.on>.menu-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0
}

.on>.menu-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.section {
    padding-top: var(--space);
    padding-bottom: var(--space);
    position: relative
}

.section .section-header {
    position: relative;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section .section-header .btn {
    float: left
}

.section .section-title {
    font-size: 1.5rem;
    color: var(--link);
    margin-bottom: 0;
    line-height: 2rem;
    clear: both;
    padding: .25rem 0;
    margin-right: 1rem
}

.section .section-title span {
    color: var(--text);
    font-weight: 400;
    font-size: .875rem
}

.section.featured .section-header,.section.episodes .section-header,.section.text .section-header,.section.top .section-header {
    display: block
}

.section.featured:before,.section.episodes:before,.section.text:before,.section.top:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -50vw;
    top: 0;
    width: 100vw;
    background-color: var(--gray);
    height: 100%;
    z-index: -1;
    -webkit-box-shadow: 0 0 5rem #000;
    box-shadow: 0 0 5rem #000
}

.w .section.featured:before,.w .section.episodes:before,.w .section.text:before,.w .section.top:before {
    -webkit-box-shadow: 0 0 5rem rgba(0,0,0,.15);
    box-shadow: 0 0 5rem rgba(0,0,0,.15)
}

.section.hentai-list .section-header {
    display: block
}

.section.featured {
    z-index: 9
}

.section.featured:before {
    background-color: var(--dark)
}

.section.featured .section-title {
    color: var(--light)
}

.w .section.featured:before,.w .section.episodes:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.section.text {
    padding-top: calc(2 * var(--space));
    padding-bottom: calc(2 * var(--space))
}

.section.text:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.section.top {
    margin-bottom: var(--space)
}

.section.top .bg img {
    width: 100vw;
    left: 0;
    opacity: .5
}

.section.top .bg:before {
    display: none
}

.section .bg {
    width: 100vw;
    margin-left: -50vw;
    z-index: -1
}

.section .bg,.section .bg:before,.section .bg img {
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%
}

.section .bg:before {
    width: 25%;
    background-color: #fff;
    z-index: 2;
    content: '';
    background: -webkit-gradient(linear,left top,right top,from(var(--gray)),to(rgba(0,0,0,0)));
    background: linear-gradient(to right,var(--gray) 0%,rgba(0,0,0,0) 100%)
}

.section .bg img {
    width: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: grayscale(1) opacity(.1);
    filter: grayscale(1) opacity(.1);
    z-index: 1
}

.section.ask {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto
}

.nav-list {
    font-size: 0;
    text-align: center;
    margin-top: 1rem
}

.nav-list li {
    display: inline-block;
    vertical-align: top;
    margin-left: .4rem
}

.nav-list li button {
    background-color: var(--primary);
    width: .875rem;
    height: .875rem;
    min-width: 0;
    border: .2rem solid var(--dark);
    border-radius: 50%;
    padding: 0;
    opacity: .3
}

.nav-list li.current>button {
    opacity: 1;
    border-width: 0
}

.carousel {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .5rem 0;
    margin: -.5rem 0
}

.carousel .hentai {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 210px;
    margin-right: var(--space)
}

.carousel .hentai:last-child {
    margin-right: 0
}

.hentai {
    position: relative
}

.hentai .h-header {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    color: var(--light);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,0.8)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    text-align: center;
    padding: 1rem;
    border-radius: .25rem
}

.hentai .h-header>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 0
}

.hentai .h-header .h-title {
    font-size: .875rem
}

.hentai.episode {
    overflow: hidden
}

.hentai.episode .h-header {
    text-align: left;
    padding: .5em;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hentai.episode .h-header .h-title {
    font-size: .75rem
}

.hentai.episode .h-header time {
    font-size: .65rem
}

.hentai.episode .h-header .num-episode {
    margin-left: -.5rem;
    margin-bottom: .5rem;
    background-color: var(--light);
    color: var(--dark);
    font-size: .65rem;
    display: inline-block;
    vertical-align: top;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 .5rem;
    line-height: 1rem;
    border-radius: 0 .5rem .5rem 0;
    font-weight: 700
}

.hentai.episode .fa-play-circle:before {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    line-height: 1rem;
    color: var(--light);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hentai.episode:not(.sm):hover .h-header {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.hentai.episode:not(.sm):hover .h-thumb figure img {
    -webkit-filter: blur(8px) opacity(.5);
    filter: blur(8px) opacity(.5)
}

.hentai.episode:not(.sm):hover .fa-play-circle:before {
    -webkit-transform: scale(2) translate(50%,50%);
    transform: scale(2) translate(50%,50%);
    bottom: calc(50% + .5rem);
    right: calc(50% + .5rem);
    background-color: rgba(255,255,255,.2);
    -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,.2);
    box-shadow: 0 0 0 2px rgba(255,255,255,.2)
}

.favorites {
    height: 1.5rem;
    line-height: 1.3rem;
    border-radius: 0 .5rem 0 .5rem;
    background-color: var(--primary);
    color: var(--light);
    font-size: .75rem;
    position: absolute;
    right: -.25rem;
    top: -.25rem;
    padding: 0 .5rem
}

.favorites:before {
    font-size: .875rem;
    margin-right: .25rem
}

.h-content h1,.h-content h2,.h-content h3,.h-content h4,.h-content h5,.h-content h6 {
    color: var(--link);
    font-size: 1.25rem;
    margin-bottom: .5rem
}

.h-content>*:last-child {
    margin-bottom: 0
}

.h-content .content-title {
    font-size: 1rem;
    padding-left: 1rem;
    border-left: 3px solid var(--primary);
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.h-content .content-title:before {
    content: attr(title);
    display: block;
    color: var(--primary);
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1rem
}

.h-thumb figure {
    position: relative;
    padding-top: 150%;
    overflow: hidden;
    border-radius: .25rem
}

.h-thumb figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hentai.episode .h-thumb figure {
    padding-top: 56.25%
}

.hentai:hover .h-thumb figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.h-meta>* {
    font-size: .75rem;
    line-height: 1.5rem;
    display: inline-block;
    height: 1.5rem;
    vertical-align: top;
    margin-right: 1rem;
    margin-bottom: .5rem
}

.h-meta>*:last-child {
    margin-right: 0
}

.h-meta>span>span {
    font-weight: 700
}

.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(var(--grid),1fr))[auto-fill];
    grid-template-columns: repeat(auto-fill,minmax(var(--grid),1fr));
    grid-gap: var(--space)
}

.breadcrumb {
    font-size: .65rem;
    margin-bottom: var(--space)
}

.breadcrumb a {
    position: relative;
    margin-right: 2rem;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: .5rem;
    color: var(--text)
}

.breadcrumb a:after {
    position: absolute;
    top: -.1rem;
    right: -1.2rem;
    pointer-events: none;
    font-size: .75rem;
    opacity: .5;
    color: var(--text)
}

.breadcrumb a:hover {
    color: var(--link)
}

[class*=status-]>i {
    color: var(--primary);
    position: relative;
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: var(--body);
    border: .1rem solid currentColor;
    font-size: 0;
    vertical-align: top;
    margin-top: .5rem;
    margin-right: .5rem
}

[class*=status-]>i:before,[class*=status-]>i:after {
    content: '';
    position: absolute;
    border-radius: inherit;
    opacity: .3;
    background-color: currentColor;
    z-index: -1
}

[class*=status-]>i:before {
    width: 1rem;
    height: 1rem;
    left: -.35rem;
    top: -.35rem;
    -webkit-animation: bounce-disks 1s infinite alternate cubic-bezier(.3,.1,.3,.85);
    animation: bounce-disks 1s infinite alternate cubic-bezier(.3,.1,.3,.85)
}

[class*=status-]>i:after {
    width: .8rem;
    height: .8rem;
    left: -.23rem;
    top: -.23rem;
    -webkit-animation: bounce-disks2 1s .5s infinite alternate cubic-bezier(.3,.1,.3,.85);
    animation: bounce-disks2 1s .5s infinite alternate cubic-bezier(.3,.1,.3,.85)
}

.status-on>i {
    color: var(--success)
}

@-webkit-keyframes bounce-disks {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes bounce-disks {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes bounce-disks2 {
    to {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@keyframes bounce-disks2 {
    to {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

.hentai-single {
    display: -ms-grid;
    display: grid;
    grid-gap: var(--space);
    -ms-grid-columns: 7rem 2fr;
    grid-template-columns: 7rem 2fr;
    grid-row-gap: 0;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "thumb header" "rating rating" "content content" "footer footer"
}

.hentai-single .h-header {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: header;
    -ms-flex-item-align: center;
    align-self: center
}

.hentai-single .h-header .h-title {
    font-size: 1.5rem;
    color: var(--link);
    margin-bottom: .5rem
}

.hentai-single .h-thumb {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: thumb
}

.hentai-single .h-thumb figure {
    margin-bottom: 1rem
}

.hentai-single .h-rating {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: rating
}

.hentai-single .h-content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: content;
    max-height: 115px;
    overflow: auto;
    margin: var(--space) 0
}

.hentai-single .h-footer {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: footer;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end
}

[class*=type-] {
    font-size: .65rem;
    display: inline-block;
    vertical-align: top;
    padding: 0 .5rem;
    line-height: 1.4rem;
    height: 1.5rem;
    color: var(--light);
    border-radius: .25rem
}

.type-hentai {
    background-color: var(--primary)
}

.h-rating {
    max-width: 120px
}

.h-rating .total {
    margin-bottom: .5rem;
    color: var(--link);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem
}

.h-rating .total:before {
    color: var(--warning);
    font-size: 1rem;
    margin-right: .3rem
}

.h-rating .total span {
    color: var(--text);
    font-size: .65rem;
    font-weight: 400
}

.h-rating .total span span {
    font-weight: 700
}

.h-rating .progress {
    margin-bottom: 1rem;
    position: relative
}

.h-rating .progress:before,.h-rating .progress span {
    display: block;
    height: .25rem;
    border-radius: .25rem;
    background-color: var(--primary)
}

.h-rating .progress:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: .5
}

.h-rating .vote-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: .5rem
}

.h-rating .vote-list .btn {
    color: var(--primary);
    font-size: .875rem
}

.h-rating .vote-list .btn:hover {
    color: var(--light)
}

.btn-favorites {
    line-height: 2rem
}

.btn-favorites span,.btn-favorites i {
    display: inline-block;
    vertical-align: top;
    height: 2rem;
    line-height: 2rem
}

.btn-favorites span {
    color: var(--primary)
}

.btn-favorites i {
    color: var(--link);
    margin-left: .5rem
}

.btn-favorites.on,.btn-favorites:hover {
    background-color: var(--primary)
}

.btn-favorites.on span,.btn-favorites:hover span {
    color: var(--light)
}

.btn-favorites.on i:before,.btn-favorites:hover i:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.w .btn-favorites {
    background-color: transparent;
    position: relative
}

.w .btn-favorites i {
    color: var(--primary)
}

.w .btn-favorites:before {
    border-radius: inherit;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    content: '';
    z-index: -1;
    opacity: .2
}

.w .btn-favorites.on:before,.w .btn-favorites:hover:before {
    opacity: 1
}

.w .btn-favorites.on i,.w .btn-favorites:hover i {
    color: var(--light)
}

.genres {
    font-size: 0;
    padding: .438rem 0
}

.genres span,.genres a {
    display: inline-block;
    vertical-align: top;
    margin: .25rem .5rem .25rem 0;
    line-height: 2rem
}

.genres span {
    font-size: 1rem;
    margin-right: 1rem
}

.genres span:before {
    color: var(--primary);
    margin-right: .5rem;
    margin-top: 2px
}

.share-list {
    margin: 0 -.5rem
}

.share-list li:before {
    color: var(--primary);
    margin-right: .5rem
}

.share-list li {
    display: inline-block;
    vertical-align: top;
    padding: .25rem .5rem;
    line-height: 3rem
}

.share-list a {
    display: block;
    width: 3rem!important;
    height: 3rem;
    text-align: center;
    color: var(--light);
    font-size: 1.25rem;
    border-radius: 50%;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    line-height: 3rem!important
}

.share-list a.fa-twitter {
    background-color: #55acee
}

.share-list a.fa-facebook {
    background-color: #0084ff
}

.share-list a:after {
    content: '';
    position: absolute;
    left: -.3rem;
    top: -.3rem;
    right: -.3rem;
    bottom: -.3rem;
    z-index: -1;
    border-radius: inherit;
    background-color: inherit;
    opacity: .2
}

.share-list a:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.avatar,.avatar img {
    border-radius: 50%
}

.comments-write {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: var(--space)
}

.comments-write .avatar {
    margin-right: 1rem
}

.comments-write .avatar,.comments-write .avatar img {
    width: 3rem;
    height: 3rem
}

.comments-write textarea {
    min-height: 3rem;
    height: 3rem;
    padding: .5rem 1rem;
    border-radius: 1.5rem;
    resize: none
}

.comments-write .btn {
    font-size: 1.5rem;
    color: var(--text);
    height: 3rem;
    width: 3rem;
    margin-left: -3rem
}

.widget-hentais .grid {
    -ms-grid-columns: (minmax(90px,1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit,minmax(90px,1fr));
    grid-gap: .5rem
}

.widget-hentais .grid .hentai .h-header {
    padding: 1rem .5rem
}

.widget-filter .section-title {
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--primary);
    font-weight: 600
}

.comment {
    background-color: var(--gray-dark);
    padding: var(--space);
    margin-bottom: var(--space);
    border-radius: .25rem
}

.comment .comment-content {
    margin-bottom: var(--space)
}

.comment .comment-content a {
    color: var(--primary);
    font-weight: 700
}

.comment .comment-content a:hover {
    text-decoration: underline
}

.comment .comment-content>*:last-child {
    margin-bottom: 0
}

.comment .comment-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.comment .comment-footer .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment .comment-footer .user a {
    margin-right: .25rem
}

.comment .comment-footer .user .avatar {
    margin-right: 1rem
}

.comment .comment-footer .user .avatar,.comment .comment-footer .user .avatar img {
    width: 3rem;
    height: 3rem
}

.comment .comment-footer .user span {
    line-height: 1.25rem
}

.comment .comment-footer .user time {
    display: block;
    font-size: .75rem;
    opacity: .7
}

.comment .comment-footer .options {
    margin-top: 1rem
}

.comment .comment-footer .options .btn {
    color: var(--text);
    min-width: 2rem;
    padding: 0
}

.comment .comment-footer .options .btn:hover {
    color: var(--primary)
}

.children-list {
    padding-left: 2.5rem
}

.episodes-list .hentai.episode {
    display: -ms-grid;
    display: grid;
    grid-gap: var(--space);
    -ms-grid-columns: 2fr 40px;
    grid-template-columns: 2fr 40px;
    grid-row-gap: 0;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "thumb play" "header play";
    padding: .5rem;
    border-bottom: 1px solid var(--gray)
}

.episodes-list .hentai.episode .h-thumb {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: thumb;
    max-width: 120px;
    margin-bottom: .5rem;
    position: relative
}

.episodes-list .hentai.episode .h-thumb .duration {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: .5rem;
    font-weight: 700;
    color: var(--light);
    font-size: .65rem;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.8)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    text-align: right
}

.episodes-list .hentai.episode .h-header {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: header;
    position: static;
    padding: 0;
    background: 0 0
}

.episodes-list .hentai.episode .h-title {
    font-size: 1rem;
    color: var(--link)
}

.episodes-list .hentai.episode time {
    opacity: .7;
    color: var(--text);
    font-size: .75rem
}

.episodes-list .hentai.episode .lnk-blk {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    grid-area: play;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    color: var(--text);
    background-color: var(--gray);
    border-radius: 50%;
    padding-left: .2rem
}

.episodes-list .hentai.episode:hover {
    background-color: var(--gray)
}

.episodes-list .hentai.episode:hover .lnk-blk {
    background-color: var(--primary);
    color: var(--light)
}

.episodes-list .hentai.episode:hover .h-title {
    color: var(--primary)
}

.episodes-list .hentai.episode:last-child {
    border-bottom: 0
}

[class*=usertype-] {
    height: 1rem;
    line-height: .9rem!important;
    padding: 0 .5rem;
    border-radius: .5rem;
    position: relative;
    color: var(--primary);
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    font-weight: 700
}

[class*=usertype-]:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: currentColor;
    content: '';
    opacity: .2
}

.usertype-sup {
    color: var(--warning)
}

.usertype-mod {
    color: var(--success)
}

.top-header .section-header {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: var(--space);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.top-header .section-header .section-title {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: .5rem
}

.top-header .section-header .section-title span {
    font-size: inherit
}

.top-header .section-header .section-title:last-child {
    margin-bottom: 0
}

.top-header .section-header>*:last-child {
    margin-bottom: 0
}

.top-header .section-header p {
    max-width: 1050px
}

.top-header .episodes_nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -.25rem -.25rem 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-item-align: end;
    align-self: end
}

.top-header .episodes_nav-list li {
    padding: .25rem
}

.top-header .episodes_nav-list .btn {
    color: var(--link);
    font-size: .75rem;
    white-space: nowrap
}

.top-header .episodes_nav-list .btn:before {
    color: var(--primary);
    font-size: 1rem
}

.top-header .episodes_nav-list .btn:hover {
    color: var(--light)
}

.top-header .episodes_nav-list .btn:hover:before {
    color: var(--light)
}

.top-header .follow-list {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    margin-bottom: 1rem
}

.list-btn:before {
    float: right;
    margin-left: 1rem
}

.video_options-list {
    white-space: nowrap;
    overflow: auto;
    margin-bottom: 0;
    font-size: 0
}

.video_options-list li {
    display: inline-block;
    vertical-align: top;
    font-size: .75rem;
    font-weight: 700
}

.video_options-list li span i {
    display: none
}

.video_options-list li span.on>i {
    display: inline-block
}

.player .video {
    margin-bottom: var(--space)
}

.video_buttons-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.video_buttons-list>li {
    margin-right: .5rem
}

.video_buttons-list>li+li .btn {
    font-size: .75rem;
    color: var(--link)
}

.video_buttons-list>li+li .btn i {
    font-size: 1rem;
    color: var(--primary);
    vertical-align: middle;
    margin-right: .5rem
}

.video_buttons-list>li+li .btn:hover,.video_buttons-list>li+li .btn:hover i {
    color: var(--light)
}

.video_buttons-list>li:last-child {
    margin-right: 0;
    margin-left: auto
}

#mdl-share .share-list {
    text-align: center;
    padding: 1rem
}

.form-report {
    padding: .5rem 1rem
}

.follow-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.follow-list .btn {
    color: var(--link);
    position: relative;
    text-align: left;
    padding-left: 2.5rem;
    padding-right: 1rem;
    letter-spacing: normal
}

.follow-list .btn span {
    display: block;
    font-size: .65rem;
    font-weight: 400;
    opacity: .5
}

.follow-list .btn:before {
    position: absolute;
    color: var(--primary);
    left: 0;
    top: 0;
    line-height: 3.4rem;
    font-size: 1.5rem;
    height: 3rem;
    width: 2.5rem;
    text-align: center
}

.follow-list .btn:hover {
    color: var(--link);
    letter-spacing: normal
}

.follow-list .btn:hover span {
    opacity: 1
}

.follow-list .btn:hover:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.filter-list p.chk {
    margin-bottom: 0
}

body:not(.w) .filter-list input:not(:checked)+label:before {
    opacity: .3
}

.filter-list input:checked+label {
    color: var(--link)
}

.filter-list .catnum {
    position: absolute;
    right: 0;
    top: 0;
    font-size: .75rem;
    opacity: .5
}

.filter-list label {
    display: block
}

.ranger {
    height: .5rem;
    margin: 1rem 0 2rem;
    position: relative;
    border-radius: .5rem;
    background-color: var(--gray)
}

.w .ranger {
    --gray: #eee
}

.ranger .bar {
    height: .5rem;
    position: absolute;
    top: 0
}

.ranger .bar:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: var(--primary);
    opacity: .5
}

.ranger .bar .dot {
    top: -.3125rem;
    width: 1.25rem;
    height: 1.2em;
    border-radius: 1rem;
    background-color: var(--primary);
    position: absolute
}

.ranger .bar .dot:before {
    content: '';
    position: absolute;
    border-radius: inherit;
    background-color: var(--dark);
    opacity: .5;
    width: .5rem;
    height: .5rem;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.ranger .bar .dot span {
    font-size: .65rem;
    width: 2rem;
    border-radius: .25rem;
    line-height: 1rem;
    position: absolute;
    left: 50%;
    margin-left: -1rem;
    top: 1.75rem;
    text-align: center;
    background-color: var(--gray);
    height: 1rem
}

.ranger .bar .dot.a {
    left: -.625rem
}

.ranger .bar .dot.b {
    right: -.625rem
}

.alpha-list {
    padding: 0 1.25rem;
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    background-color: var(--gray);
    border-radius: 2rem;
    font-size: 0
}

.alpha-list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    display: inline-block;
    vertical-align: top;
    min-width: 2.5rem;
    font-size: 1rem
}

.alpha-list li a {
    display: block;
    line-height: 3rem;
    opacity: .5;
    color: var(--link)
}

.alpha-list li.current a,.alpha-list li:hover a {
    opacity: 1;
    background-color: rgba(0,0,0,.2)
}

.alpha-list li.current a {
    -webkit-box-shadow: inset 0 -2px 0 0 var(--primary);
    box-shadow: inset 0 -2px 0 0 var(--primary)
}

.sort-by .btn {
    font-size: .875rem;
    letter-spacing: normal;
    font-weight: 400;
    color: var(--link)
}

.sort-by .btn:hover {
    letter-spacing: normal
}

.sort-by .btn i {
    color: var(--primary);
    margin-left: .5rem
}

body.login-page .bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.login-page .section.login {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%
}

.user-login {
    -webkit-box-shadow: 0 0 5rem #000;
    box-shadow: 0 0 5rem #000;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto
}

.user-login .section-header {
    margin-bottom: var(--space)
}

.user-login .section-title {
    margin-right: 0
}

.user-login .section-title span {
    font-size: inherit;
    opacity: .7;
    margin-left: 1.5rem
}

.user-login .section-title span:hover {
    opacity: 1
}

.user-login .section-title a {
    color: currentColor
}

.user-login .forget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-login .forget a {
    margin: 1rem 0
}

.user-login .user-form,.user-login .user-why {
    padding: calc(2 * var(--space));
    position: relative
}

.user-login .user-why .bg {
    border-top: 1px solid var(--gray);
    -webkit-box-shadow: 0 0 5rem #000;
    box-shadow: 0 0 5rem #000
}

.user-login .user-why .bg,.user-login .user-why .bg img {
    width: 100%;
    left: 0;
    margin-left: 0
}

.user-login .user-why .bg:before {
    left: 0;
    opacity: .5
}

.user-login .user-why p {
    position: relative;
    padding-left: 4.5rem;
    min-height: 54px
}

.user-login .user-why p:before,.user-login .user-why p:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    text-align: center
}

.user-login .user-why p:before {
    line-height: 3rem;
    font-size: 1.5rem;
    color: var(--primary);
    -webkit-box-shadow: 0 0 0 .3rem rgba(255,255,255,.06);
    box-shadow: 0 0 0 .3rem rgba(255,255,255,.06)
}

.user-login .user-why p:after {
    opacity: .2;
    content: '';
    background-color: var(--primary)
}

.w .user-login .user-why p:before {
    -webkit-box-shadow: 0 0 0 .3rem rgba(255,255,255,.8);
    box-shadow: 0 0 0 .3rem rgba(255,255,255,.8)
}

.user-login p:last-child {
    margin-bottom: 0
}

body.w .user-login {
    -webkit-box-shadow: 0 0 5rem rgba(0,0,0,.1);
    box-shadow: 0 0 5rem rgba(0,0,0,.1)
}

body.w .user-login .user-why .bg {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.btn-back {
    color: var(--link);
    font-weight: 400
}

.btn.btn-back,.btn.btn-back:hover {
    letter-spacing: normal
}

.btn.btn-back:before {
    font-size: 1.5rem;
    color: var(--primary);
    margin-right: 1rem
}

.btn.remove-favorites {
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    border: .3rem solid var(--body);
    min-width: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    font-size: 1.2rem;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 5
}

.pages-nav {
    background-color: var(--gray);
    border-radius: .25rem;
    padding: 1rem 0
}

.pages-nav li a {
    color: var(--text);
    display: block;
    position: relative;
    line-height: 2rem;
    padding: .5rem 1rem .5rem 4rem
}

.pages-nav li a:before {
    opacity: .5;
    position: absolute;
    left: 0;
    text-align: center;
    width: 4rem;
    font-size: 1.25rem
}

.pages-nav li a:hover {
    color: var(--link)
}

.pages-nav li.current a {
    color: var(--link);
    background-color: var(--gray-dark);
    -webkit-box-shadow: inset 3px 0 0 var(--primary);
    box-shadow: inset 3px 0 0 var(--primary)
}

.pages-nav li.current a:before {
    color: var(--primary);
    opacity: 1
}

.section-header.comment-title {
    display: block;
    text-align: right;
    margin-bottom: var(--space)
}

.section-header.comment-title .btn {
    float: none;
    display: block;
    text-align: inherit;
    letter-spacing: 2px!important;
    -webkit-animation: none!important;
    animation: none!important;
    -webkit-transform: none!important;
    transform: none!important;
    font-weight: 400;
    pointer-events: none
}

.section-header.comment-title .section-title {
    font-size: 1rem;
    margin-right: 0
}

.edit-profile {
    max-width: 635px;
    margin-left: auto;
    margin-right: auto
}

.ifl {
    text-align: center;
    color: var(--link);
    background-color: var(--gray-dark);
    display: block;
    padding: 4rem;
    border: 2px dashed rgba(255,255,255,.2);
    border-radius: .25rem
}

.ifl:before {
    display: block;
    font-size: 5rem;
    line-height: 1;
    margin-bottom: 1rem;
    color: var(--primary)
}

.ifl span {
    display: block;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto
}

.upload-info {
    font-size: .75rem;
    padding-top: 1rem;
    text-align: center
}

.upload-info span {
    font-weight: 700
}

.edit-profile .section-header {
    margin: 0 auto -1.5rem;
    text-align: center;
    display: block
}

.edit-profile .section-header .section-title {
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    padding: .5rem 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    background-color: var(--gray);
    border-radius: 6rem;
    width: 90%;
    max-width: 270px
}

.edit-profile .section-header+*>*:first-child {
    margin-top: 1rem
}

.change-avatar {
    position: relative;
    text-align: center;
    padding: 3.5rem 2rem 2rem
}

.change-avatar .avatar img {
    width: 10rem;
    height: 10rem
}

.change-avatar .bg {
    width: 100%;
    margin-left: 0;
    left: 0;
    overflow: hidden;
    border-radius: .25rem
}

.change-avatar .bg:before {
    display: none
}

.change-avatar .bg img {
    left: 0;
    width: 100%;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.form-edit {
    -webkit-box-shadow: 0 0 5rem #000;
    box-shadow: 0 0 5rem #000;
    padding: 2rem
}

.form-edit p:last-child {
    margin-bottom: 0
}

body.w .form-edit {
    -webkit-box-shadow: 0 0 5rem rgba(0,0,0,.1);
    box-shadow: 0 0 5rem rgba(0,0,0,.1)
}

.button-right {
    text-align: right
}

.sex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: .25rem;
    background-color: rgba(0,0,0,.4)
}

.sex .chk {
    width: 155px;
    font-size: .75rem;
    padding-left: .5rem;
    padding-top: .7rem
}

.sex .chk label:before {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    left: .2rem;
    opacity: .4
}

.w .sex {
    background-color: rgba(0,0,0,.01)
}

.w .sex .chk label:before {
    opacity: 1
}

.section.latest-hentais {
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    padding: 0;
    margin-bottom: 0
}

.section.latest-hentais .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.section.latest-hentais .slick-slide {
    height: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section.latest-hentais .slick-track:before,.section.latest-hentais .slick-track:after {
    display: none
}

.section.latest-hentais [class*=status-]>i {
    background-color: #131313
}

.section.latest-hentais article {
    padding-top: 2rem;
    padding-bottom: 1rem;
    position: relative;
    color: #999;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section.latest-hentais article .h-content,.section.latest-hentais article .h-title {
    color: #fff
}

.section.latest-hentais article .h-title {
    font-size: 2rem;
    margin-bottom: 1rem
}

.section.latest-hentais article .genres .btn {
    background-color: #1e1e1e
}

.section.latest-hentais article .genres .btn:hover {
    background-color: var(--primary)
}

.section.latest-hentais .slick-dots {
    list-style-type: none;
    font-size: 0;
    text-align: right;
    position: relative;
    z-index: 99
}

.section.latest-hentais .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin-top: -3.3rem;
    width: 16px;
    height: 16px;
    position: relative;
    margin-left: 8px
}

.section.latest-hentais .slick-dots button {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    min-width: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    opacity: .5
}

.section.latest-hentais .slick-dots .slick-active {
    padding: 0
}

.section.latest-hentais .slick-dots .slick-active button {
    width: 14px;
    height: 14px;
    opacity: 1
}

.section.latest-hentais .h-content {
    max-width: 690px;
    max-height: 108px;
    overflow: auto
}

.section.latest-hentais .bg {
    pointer-events: none
}

.section.latest-hentais .bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));
    background: linear-gradient(to right,#000 0%,rgba(0,0,0,0) 100%);
    z-index: 1
}

.section.latest-hentais .bg img {
    -webkit-filter: none;
    filter: none;
    opacity: .7
}

.section.latest-hentais>h1 {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(255,255,255,.2);
    color: #fff;
    text-align: center;
    font-size: .875rem;
    text-transform: uppercase;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    line-height: 1.25rem;
    padding: .75rem;
    -webkit-box-shadow: 0 0 3rem rgba(0,0,0,.5);
    box-shadow: 0 0 3rem rgba(0,0,0,.5);
    letter-spacing: 1px
}

.aa-tb {
    display: none
}

.aa-tb.on {
    display: block
}

.lang-drp {
    font-size: .75rem
}

.lang-drp .sub-menu {
    margin-bottom: 0
}

.lang-drp img {
    width: 16px;
    height: 12px;
    margin-right: .5rem
}

.video_options {
    background-color: var(--gray-dark);
    position: relative;
    padding-right: 10rem
}

.video_options li span {
    cursor: pointer;
    display: block;
    padding: .5rem 1rem;
    line-height: 2rem;
    border-top: 3px solid transparent;
    color: var(--text)
}

.video_options li span.on {
    background-color: rgba(0,0,0,.2);
    border-top-color: var(--primary);
    color: var(--link)
}

.video_options li span i {
    color: var(--primary);
    margin-right: .5rem
}

.video_options .lang-drp {
    position: absolute;
    right: .5rem;
    top: .5rem
}

.video_options .lang-drp .aa-cnt {
    -webkit-box-shadow: 0 0 2rem rgba(0,0,0,.2);
    box-shadow: 0 0 2rem rgba(0,0,0,.2);
    margin-top: .5rem;
    padding: .5rem;
    min-width: 10rem
}

.video_options .lang-drp .aa-cnt li a {
    padding-top: 0;
    padding-bottom: 0
}

.video_options .lang-drp .aa-cnt li img {
    vertical-align: top;
    margin-top: .6rem
}

.video_options .lang-drp.on .btn>i,.video_options .lang-drp .btn:hover>i {
    color: var(--light)
}

.video_options .lang-drp .btn>i {
    margin-left: .3rem
}

body.w .video_options li a.on {
    background-color: rgba(0,0,0,.05)
}

.video_options-list {
    white-space: nowrap;
    overflow: auto
}

.video {
    border-radius: 0 0 .5rem .5rem
}

.lang-btn {
    line-height: 2rem;
    min-height: 0;
    padding: 0 1rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 1rem
}

.lang-btn i {
    color: var(--primary)
}

.lang-btn img {
    vertical-align: top;
    margin-top: .68rem
}

.h-tbs-list {
    background-color: var(--gray-dark);
    margin-bottom: 1rem;
    font-size: 0;
    border-radius: .25rem .25rem 0 0
}

.h-tbs-list li:first-child a {
    border-top-left-radius: .25rem
}

.h-tbs-list li:last-child a {
    border-top-right-radius: .25rem
}

.h-tbs-list li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    text-align: center
}

.h-tbs-list li a {
    display: block;
    padding: .5rem 1.5rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75rem;
    color: var(--text);
    border-bottom: 2px solid transparent
}

.h-tbs-list li a.on {
    color: var(--link);
    background-color: rgba(0,0,0,.2);
    border-bottom-color: var(--primary)
}

body.w .h-tbs-list li a.on {
    background-color: rgba(0,0,0,.05)
}

article.hentai.sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

article.hentai.sm .h-thumb {
    margin-right: 1rem;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 94px;
    flex: 0 0 94px
}

article.hentai.sm .h-thumb figure {
    padding-top: 94px
}

article.hentai.sm .h-thumb .favorites {
    top: auto;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    height: 1.5rem;
    line-height: 1.5rem
}

article.hentai.sm .h-thumb .favorites:before {
    color: var(--primary);
    vertical-align: top;
    margin-top: 2px
}

article.hentai.sm:hover .h-header .h-title {
    color: var(--primary)
}

article.hentai.sm .h-header {
    position: static;
    padding: 0;
    opacity: 1;
    display: block;
    max-height: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: visible;
    height: auto;
    line-height: 1.5rem;
    text-align: left;
    background: 0 0
}

article.hentai.sm .h-header .h-title {
    margin-bottom: .5rem!important;
    color: var(--link)
}

article.hentai.sm .h-header .num-episode {
    margin-right: .5rem;
    padding: 0 .75rem;
    font-size: .65rem;
    color: var(--text);
    background-color: var(--gray-dark);
    display: inline-block;
    vertical-align: top;
    border-radius: 1rem
}

article.hentai.sm .h-header .num-episode span {
    font-weight: 700
}

article.hentai.sm .h-header .year {
    font-size: .65rem;
    color: var(--text);
    display: inline-block;
    vertical-align: top
}

.pagination {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.pagination li {
    display: inline-block;
    vertical-align: top;
    padding: .25rem
}

.error404 .bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh
}

.error404 .section {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding: var(--space) 0;
    margin-bottom: 0;
    position: static;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: rgba(255,255,255,.1);
    -webkit-box-shadow: 0 0 4rem rgba(0,0,0,.3);
    box-shadow: 0 0 4rem rgba(0,0,0,.3);
    border-radius: .5rem;
    padding: 4rem 2rem;
    border: 1px solid rgba(255,255,255,.1)
}

.error404 .section .section-header {
    display: block;
    margin-bottom: 3rem;
    color: var(--link)
}

.error404 .section .section-header:before {
    content: '404';
    font-size: calc(2rem + 4vw + 4vh);
    line-height: 1;
    font-weight: 700;
    display: block;
    margin-bottom: 1rem
}

.error404 .section .section-title {
    text-transform: none;
    font-size: 1.5rem;
    padding-left: 0;
    line-height: 1.25em;
    margin-right: 0;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    opacity: .5
}

.error404 .section .btn {
    min-width: 209px
}

.error404 .bg {
    z-index: -1;
    margin-bottom: 0;
    pointer-events: none;
    -webkit-box-shadow: inset 0 0 6rem rgba(0,0,0,.8);
    box-shadow: inset 0 0 6rem rgba(0,0,0,.8)
}

.error404 .bg,.error404 .bg img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.error404 .bg img {
    opacity: .1
}

.ft .top {
    background-color: var(--gray);
    -webkit-box-shadow: 0 0 5rem #000;
    box-shadow: 0 0 5rem #000;
    padding: var(--space) 0
}

.w .ft .top {
    -webkit-box-shadow: 0 0 5rem rgba(0,0,0,.15);
    box-shadow: 0 0 5rem rgba(0,0,0,.15)
}

.ft .top .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ft .top .logo {
    opacity: .5
}

.w .ft .top .logo #a,.w .ft .top .logo #b {
    fill: var(--text)
}

.ft .top .social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.5rem
}

.ft .top .social-list li {
    padding: 0 .5rem
}

.ft .top .social-list a {
    font-size: 1.5rem;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: var(--text);
    opacity: .5
}

.ft .top .social-list a:hover {
    opacity: 1;
    color: var(--link);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ft .bot {
    border-bottom: 1px solid var(--gray);
    padding: var(--space) 0
}

.ft .bot .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ft .bot .menu>li {
    margin: 0 var(--space)
}

.ft .bot .menu>li>a {
    line-height: 1.5rem;
    height: 2.5rem
}

.ft .copy {
    text-align: center;
    opacity: .7;
    margin-bottom: 0;
    padding-top: var(--space);
    padding-bottom: var(--space)
}

.ft .copy span {
    display: block;
    font-size: .75rem;
    opacity: .7
}

.genres-ft {
    border-top: 1px solid var(--gray)
}

.genres-ft .section-title {
    text-transform: uppercase;
    font-size: .75rem;
    color: var(--text);
    margin-bottom: .5rem;
    margin-top: 1rem
}

.categories-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(var(--grid),1fr))[auto-fill];
    grid-template-columns: repeat(auto-fill,minmax(var(--grid),1fr));
    grid-gap: var(--space);
    margin-bottom: 1rem
}

.categories-list a {
    color: var(--text)
}

.categories-list a:hover {
    color: var(--link)
}

@media(min-width: 1200px) {
    .categories-list {
        -ms-grid-columns:(minmax(280px,1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill,minmax(280px,1fr))
    }
}

@media(max-width: 1199px) {
    .hd .logo {
        -webkit-box-flex:1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .hd nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: var(--gray-dark);
        border-radius: .25rem;
        display: none;
        padding-bottom: 1rem;
        -webkit-box-shadow: 0 0 3rem rgba(0,0,0,.7);
        box-shadow: 0 0 3rem rgba(0,0,0,.7)
    }

    .w .hd nav {
        -webkit-box-shadow: 0 0 3rem rgba(0,0,0,.1);
        box-shadow: 0 0 3rem rgba(0,0,0,.1);
        background-color: var(--light)
    }

    .hd.on nav {
        display: block
    }

    .hd .search {
        padding: 1rem
    }

    .hd .search input,.hd .search .sub-menu {
        background-color: var(--gray)
    }

    .hd .search .sub-menu {
        position: static
    }

    .hd .search .sub-menu hr {
        background-color: var(--gray-light);
        opacity: .2
    }

    .hd .menu {
        overflow: auto;
        max-height: 60vh
    }

    .hd .menu a {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .hd .menu .sub-menu {
        display: block;
        position: static;
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .w .hd .search .sub-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid rgba(0,0,0,.05)
    }

    .w .hd .search .sub-menu hr {
        background-color: var(--text)
    }

    .ft .has-children>a:after {
        display: none
    }
}

@media(max-width: 991px) {
    .widget-filter {
        border-bottom:1px solid var(--gray)
    }

    .widget-filter .section-header {
        margin-bottom: 0
    }

    .widget-filter .section-title:after {
        font-size: 1rem;
        margin-left: 1rem
    }

    .widget-filter .filter-content {
        display: none
    }

    .widget-filter.on .section-header {
        margin-bottom: 1rem
    }

    .widget-filter.on .filter-content {
        display: block;
        margin-bottom: 1rem
    }

    .widget-filter.on .section-title:after {
        -webkit-transform: scale(1,-1);
        transform: scale(1,-1)
    }
}

@media(max-width: 767px) {
    .video_buttons-list li+li .btn {
        font-size:0
    }

    .download-links thead {
        display: none
    }

    .download-links tr {
        margin-bottom: 1rem;
        background-color: var(--gray);
        padding: .5rem
    }

    .download-links tr:last-child {
        margin-bottom: 0
    }

    .download-links td {
        display: inline-block;
        vertical-align: top
    }

    .download-links tbody,.download-links tr,.download-links td:last-child {
        display: block
    }

    .sex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section.latest-hentais article {
        padding-bottom: 3rem
    }

    .section.latest-hentais .slick-dots {
        position: static;
        text-align: center
    }

    .section.latest-hentais .slick-dots li {
        margin-top: -2.5rem;
        margin-left: 4px;
        margin-right: 4px
    }

    .video_buttons-list>li+li .btn {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .video_buttons-list>li+li .btn i {
        margin-right: 0
    }

    .lang-btn span {
        display: none
    }

    .video_options {
        padding-right: 6rem
    }
}

@media(max-width: 480px) {
    .grid.episodes {
        grid-gap:.5rem
    }

    .grid.episodes .h-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media(max-width: 426px) {
    .ft .top .cont {
        display:block;
        text-align: center
    }

    .ft .top .cont .logo,.ft .top .cont .social-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: .5rem 0
    }

    .h-rating {
        margin-top: 1rem;
        max-width: none
    }

    .hentai-single .h-header {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start
    }

    .top-header .episodes_nav-list .list-btn {
        font-size: 0
    }

    .top-header .episodes_nav-list .list-btn:before {
        margin-left: 0
    }
}

@media(min-width: 425px) {
    .hentai-single {
        grid-template-areas:"thumb header" "thumb rating" "content content" "footer footer"
    }
}

@media(min-width: 768px) {
    .hd {
        position:-webkit-sticky;
        position: sticky;
        top: 0
    }

    .nav-list {
        position: absolute;
        right: 0;
        top: calc(1rem + var(--space))
    }

    .hentai-single {
        -ms-grid-columns: 150px 3fr 120px;
        grid-template-columns: 150px 3fr 120px;
        grid-template-areas: "thumb header rating" "thumb content content" "thumb footer footer"
    }

    .hentai-single .h-header {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .hentai-single .h-header .h-title {
        font-size: 2rem;
        padding: .5rem 0
    }

    .hentai-single .h-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .children-list {
        padding-left: 5rem
    }

    .episodes-list .hentai.episode {
        -ms-grid-columns: 120px 3fr 40px;
        grid-template-columns: 120px 3fr 40px;
        grid-template-areas: "thumb header play"
    }

    .episodes-list .hentai.episode .h-thumb,.episodes-list .hentai.episode .h-header,.episodes-list .hentai.episode .lnk-blk {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-bottom: 0
    }

    .episodes-list .hentai.episode .h-header,.episodes-list .hentai.episode time {
        display: block;
        height: auto
    }
}

@media(min-width: 992px) {
    .hentai-single {
        -ms-grid-columns:210px 3fr 120px;
        grid-template-columns: 210px 3fr 120px
    }

    .hentai-single .h-content {
        max-height: none
    }

    .columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .columns>main {
        width: calc(100% - 300px - calc(2 * var(--space)))
    }

    .columns>aside {
        width: 300px
    }

    .top-header {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto
    }

    .widget-filter .section-title:after {
        display: none
    }

    .alpha-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .alpha-list li {
        min-width: 0
    }

    .user-login {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .user-login .user-why .bg {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .recovery .user-login {
        display: block;
        max-width: 500px
    }
}

@media(min-width: 1200px) {
    html {
        scrollbar-color:var(--gray) var(--gray-dark);
        scrollbar-width: .5rem
    }

    body::-webkit-scrollbar {
        background-color: var(--gray);
        width: 1.5rem;
        height: 1.5rem
    }

    body::-webkit-scrollbar-thumb {
        background-color: var(--primary);
        border-width: .5rem;
        border-radius: 1.5rem
    }

    ::-webkit-scrollbar {
        width: .5rem;
        height: .5rem
    }

    ::-webkit-scrollbar-thumb {
        background-color: var(--gray-light);
        border: solid transparent;
        border-width: 0;
        background-clip: padding-box;
        border-radius: 1.5rem
    }

    .hd .menu-btn {
        display: none
    }

    .hd nav {
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .hd .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .hd .menu>li {
        font-size: .875rem;
        margin-right: var(--space)
    }

    .hd .search {
        margin-right: var(--space)
    }

    .has-children {
        position: relative
    }

    .has-children:hover>.sub-menu {
        display: block;
        right: auto
    }

    .ft .has-children>a:after {
        line-height: 2.3rem;
        -webkit-transform: scale(1,-1);
        transform: scale(1,-1)
    }

    .ft .has-children .sub-menu {
        top: auto;
        bottom: 100%
    }

    .hentai:not(.episode) .h-header {
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 0;
        max-height: 1rem;
        top: auto;
        overflow: hidden;
        bottom: 0
    }

    .hentai:not(.episode) .h-header .h-title {
        margin-bottom: -2rem;
        -webkit-transition: .3s;
        transition: .3s
    }

    .hentai:not(.episode):hover .h-header {
        opacity: 1;
        max-height: 100%
    }

    .hentai:not(.episode):hover .h-header .h-title {
        margin-bottom: 0
    }

    .section.text .h-content {
        -webkit-columns: 2;
        columns: 2;
        -webkit-column-gap: var(--space);
        column-gap: var(--space)
    }

    .remove-favorites {
        display: none
    }

    .hentai:hover .remove-favorites {
        display: block
    }

    .user .columns aside>div {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem
    }
}

@media(min-width: 1600px) {
    .hd .logo,.hd .search,.hd .menu>li {
        margin-right:calc(1.5 * var(--space))
    }

    .children-list {
        padding-left: 6rem
    }

    .user .columns aside>div {
        position: -webkit-sticky;
        position: sticky;
        top: 7rem
    }
}

@media print {
    *,*:before,*:after,*:first-letter,*:first-line {
        background: 0 0!important;
        color: #000!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: "(" attr(href) ")"
    }

    abbr[title]:after {
        content: "(" attr(title) ")"
    }

    a[href^='#']:after,a[href^='javascript:']:after {
        content: ''
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}

.categories-list {
    position: static;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
    overflow: visible;
    max-height: none;
    grid-row-gap: .5rem
}

.categories-list>li:before {
    line-height: 2.5rem;
    height: 2.5rem;
    opacity: .2
}

.categories-list>li>a {
    line-height: 2.5rem
}

p.noresults {
    text-align: center;
    margin: 2rem 0!important
}

.noresults:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5OS41NTYnIGhlaWdodD0nOTYnIHZpZXdCb3g9JzAgMCA5OS41NTYgOTYnPjxnIGlkPSdHcnVwb18xMicgZGF0YS1uYW1lPSdHcnVwbyAxMicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTEwOTAgLTU3NCknPjxnIGlkPSdfMDIwX2RlbGV0ZV9yZW1vdmVfZm9sZGVyX2ZpbGVzX3N0b3JhZ2VfMicgZGF0YS1uYW1lPScwMjBfZGVsZXRlX3JlbW92ZV9mb2xkZXJfZmlsZXNfc3RvcmFnZV8yJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxMDg5Ljk5NyA1NzMuOTk3KSc+PHBhdGggaWQ9J1RyYXphZG9fMTA4JyBkYXRhLW5hbWU9J1RyYXphZG8gMTA4JyBkPSdNOTAuNjcsNDYuMjI1YTEuNzc4LDEuNzc4LDAsMCwxLTEuNzc4LTEuNzc4VjI2LjY3YTEuNzgsMS43OCwwLDAsMC0xLjc3OC0xLjc3OEg1LjMzNUExLjc4LDEuNzgsMCwwLDAsMy41NTcsMjYuNjdWODBhMS43ODEsMS43ODEsMCwwLDAsMS43NzgsMS43NzhINDQuNDQ3YTEuNzc4LDEuNzc4LDAsMCwxLDAsMy41NTZINS4zMzVBNS4zMzksNS4zMzksMCwwLDEsMCw4MFYxNkE1LjMzNyw1LjMzNywwLDAsMSw1LjMzNSwxMC42N0g4Ljg5MkExLjc4MSwxLjc4MSwwLDAsMCwxMC42Nyw4Ljg5MlY1LjMzNkE1LjMzOCw1LjMzOCwwLDAsMSwxNiwwSDQwLjg5MmE1LjMzNyw1LjMzNywwLDAsMSw1LjMzMiw1LjMzM1Y4Ljg5MkExLjc4MSwxLjc4MSwwLDAsMCw0OCwxMC42N0g4Ny4xMTRBNS4zMzksNS4zMzksMCwwLDEsOTIuNDQ3LDE2VjQ0LjQ0N0ExLjc3OCwxLjc3OCwwLDAsMSw5MC42Nyw0Ni4yMjVaTTg4Ljg5MiwxNmExLjc4LDEuNzgsMCwwLDAtMS43NzgtMS43NzhINDhBNS4zMzksNS4zMzksMCwwLDEsNDIuNjcsOC44OTJWNS4zMzZhMS43OCwxLjc4LDAsMCwwLTEuNzc4LTEuNzc4SDE2YTEuNzgsMS43OCwwLDAsMC0xLjc4LDEuNzc4VjguODkyYTUuMzM4LDUuMzM4LDAsMCwxLTUuMzMyLDUuMzMzSDUuMzM1QTEuNzgsMS43OCwwLDAsMCwzLjU1NywxNnY1LjY2YTUuMjgsNS4yOCwwLDAsMSwxLjc3OC0uMzI3aDgxLjc4YTUuMjczLDUuMjczLDAsMCwxLDEuNzc4LjMyN1YxNlonIGZpbGw9JyM5OTknLz48L2c+PGcgaWQ9J18wMjBfZGVsZXRlX3JlbW92ZV9mb2xkZXJfZmlsZXNfc3RvcmFnZV8yLTInIGRhdGEtbmFtZT0nMDIwX2RlbGV0ZV9yZW1vdmVfZm9sZGVyX2ZpbGVzX3N0b3JhZ2VfMicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMTA4OS45OTcgNTczLjk5NyknPjxwYXRoIGlkPSdUcmF6YWRvXzEwOC0yJyBkYXRhLW5hbWU9J1RyYXphZG8gMTA4JyBkPSdNNzYuNDQ3LDk2QTIzLjExMSwyMy4xMTEsMCwxLDEsOTkuNTU5LDcyLjg5MiwyMy4xMzcsMjMuMTM3LDAsMCwxLDc2LjQ0Nyw5NlptMC00Mi42NjdBMTkuNTU2LDE5LjU1NiwwLDEsMCw5Niw3Mi44OTIsMTkuNTc2LDE5LjU3NiwwLDAsMCw3Ni40NDcsNTMuMzM2Wk04NC44MTUsODEuMjZhMS43NzIsMS43NzIsMCwwLDEtMi41MTQsMGwtNS44NTQtNS44NTRMNzAuNTkzLDgxLjI2YTEuNzc4LDEuNzc4LDAsMCwxLTIuNTE0LTIuNTE0bDUuODU0LTUuODU0LTUuODU0LTUuODU0YTEuNzc4LDEuNzc4LDAsMCwxLDIuNTE0LTIuNTE0bDUuODU0LDUuODU0TDgyLjMsNjQuNTI0YTEuNzc4LDEuNzc4LDAsMCwxLDIuNTE0LDIuNTE0bC01Ljg1NCw1Ljg1NCw1Ljg1NCw1Ljg1NGExLjc3NiwxLjc3NiwwLDAsMSwwLDIuNTE0WicgZmlsbD0nI2VhNGM4OScvPjwvZz48L2c+PC9zdmc+Cg==);
    content: '';
    display: block;
    width: 100px;
    height: 96px;
    display: block;
    margin: 0 auto 1rem
}

.noresults span {
    display: block
}

.filter-list {
    display: block;
    position: static;
    padding: 0;
    box-shadow: none;
    overflow: visible;
    max-height: none;
    background-color: transparent
}

.filter-list li:before {
    opacity: .2;
    top: 0;
    line-height: 2.5rem;
    height: 2.5rem
}

.filter-list li:hover:before {
    opacity: 1
}

.filter-list li:hover:before,.filter-list li.on:before {
    opacity: 1
}

.filter-list li a {
    line-height: 2.5rem
}

.filter-list li .catnum {
    right: 1rem
}

.columns,.columns>aside,.columns>main {
    margin-bottom: var(--size)
}

@font-face {
    font-family: hicos;
    src: url(../fonts/hicos.eot);
    src: url(../fonts/hicos.eot) format('embedded-opentype'),url(../fonts/hicos.woff2) format('woff2'),url(../fonts/hicos.woff) format('woff'),url(../fonts/hicos.ttf) format('truetype'),url(../fonts/hicos.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=hfa-]:before {
    font-family: hicos!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hfa-share:before {
    content: "\ea02"
}

.hfa-film:before {
    content: "\ea03"
}

.hfa-question-circle:before {
    content: "\ea04"
}

.hfa-home:before {
    content: "\ea05"
}

.hfa-discord:before {
    content: "\ea06"
}

.hfa-twitch:before {
    content: "\ea07"
}

li[class*=fa-]>a {
    padding-left: 2rem;
    display: block;
    white-space: nowrap
}

li[class*=fa-]:before {
    width: 1.5rem;
    text-align: center;
    position: absolute;
    top: .1rem;
    pointer-events: none;
    left: 0;
    color: var(--link);
    height: 2rem;
    z-index: 1;
    opacity: .5;
    font-size: 1rem
}

li[class*=current]:before,li:hover:before {
    color: var(--primary);
    opacity: 1
}

.menu>li[class*=fa-]:before {
    top: .65rem
}

.section.top {
    z-index: 1
}

.section {
    z-index: 2
}

@media(max-width: 1199px) {
    .hd .menu>li[class*=fa-]:before {
        left:1rem
    }

    .hd .menu>li[class*=fa-]>a {
        padding-left: 3rem
    }

    .hd .menu .sub-menu {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(10rem,1fr));
        padding-left: 2rem
    }
}

@media(min-width: 1200px) {
    .cont,ul.slick-dots {
        max-width:1460px
    }

    li.genres-list>.sub-menu {
        min-width: 24rem;
        grid-template-columns: repeat(auto-fit,minmax(10rem,1fr))
    }

    li:hover.genres-list>.sub-menu {
        display: grid
    }

    .hd .menu>li {
        margin-right: 1.5rem
    }
}

@media(min-width: 1300px) {
    .hd .menu>li {
        margin-right:2rem
    }
}

@media(min-width: 1600px) {
    .hd .menu>li {
        margin-right:3rem
    }
}

.top-header .section-header:last-child {
    margin-right: 0
}

.top-header .section-header:last-child p {
    max-width: none
}

.section.text.estreno-texto {
    padding: 0
}

.estreno-texto:before {
    display: none
}

.section-premier-slider {
    margin: 0 -1rem
}

.section-premier-slider:before,.section-premier-slider:after {
    content: '';
    position: absolute;
    top: var(--space);
    z-index: 1;
    width: 80px;
    bottom: var(--space);
    margin: 1rem 0;
    pointer-events: none
}

.section-premier-slider:before {
    left: 0;
    background: linear-gradient(to right,var(--body) 0%,rgba(19,19,19,0) 100%)
}

.section-premier-slider:after {
    right: 0;
    background: linear-gradient(to left,var(--body) 0%,rgba(19,19,19,0) 100%)
}

.section-premier-slider .item {
    padding: 1rem
}

.section-premier-slider .btn-prev,.section-premier-slider .btn-next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 3rem;
    z-index: 2;
    color: var(--primary);
    font-size: 1.25rem
}

.section-premier-slider .btn-prev:hover,.section-premier-slider .btn-next:hover {
    color: #fff
}

.section-premier-slider .btn-prev {
    left: -1rem
}

.section-premier-slider .btn-next {
    right: -1rem
}

.section-premier-slider+.pagination {
    margin-top: -.5rem;
    margin-bottom: 3rem
}

.section-premier-slider .favorites {
    right: .5rem;
    top: .5rem;
    border-radius: 2rem;
    line-height: 1.5rem
}

.section-premier-slider .btn.slick-disabled {
    visibility: hidden
}

.section-premier-slider .section-header {
    z-index: 2
}

.section-premier-slider .section-header .section-title span {
    color: var(--primary);
    font-size: inherit;
    font-weight: 700
}

.msdv3rx {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #2c2c2c;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: .875rem;
    padding: 1rem;
    overflow: hidden
}

.msdv3rx>div {
    background-color: rgba(0,0,0,.5);
    padding: 1.5rem;
    max-height: 100%;
    overflow: auto;
    border-radius: 1rem;
    max-width: 370px;
    box-shadow: 0 0 64px rgba(0,0,0,.5);
    position: relative;
    z-index: 1
}

.msdv3rx:before,.msdv3rx:after {
    position: absolute;
    content: '';
    width: 30rem;
    height: 30rem;
    border-radius: 30rem;
    top: 0;
    right: 0;
    background-color: #ea4c89;
    filter: blur(64px);
    opacity: .3
}

.msdv3rx:after {
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    background-color: #4cc6ea
}

.msdv3rx .btn {
    letter-spacing: normal;
    font-size: .75rem
}

.msdv3rx .btn.send-btn {
    padding: 0 1rem
}

.msdv3rx p {
    margin-bottom: 0
}

.msdv3rx p:first-child {
    margin-bottom: 1rem
}

.msdv3rx p:last-child {
    margin-top: .5rem
}