:root{
    --body: #131313;
    --text: #959595;
    --link: #fff;
    --link-hover: #EA4C89;
    --primary: #EA4C89;
    --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;
    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{
    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{

}
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-download2,button,[type=button],[type=reset],[type=submit]{
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    line-height:2rem;
    width:auto;
    background-color:#c45908;
    color:#fff;
    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.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{

    border-radius:.5rem;
    max-width:25rem;
    width:100%;

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

}
.btn.mdl-close>i{
    color:var(--light);
    font-size:1.5rem;
}


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

#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-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:#382f2a;
    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
    }
}

.slider>.item{
    flex-shrink:0;
    width:100%
}
.video_buttons-list .btn{
    display:inline-flex;
    justify-content:center;
    align-items:center
}
/* CSS para el botón descarga unificado */
.download-section {
    text-align: center;
     position: relative;
    display: inline-block;
    padding-left: 5px;

}

.btn-download-unified {
    background: linear-gradient(45deg, #2D2D2D, #2D2D2D);
    color: white;
    border: none;
    padding: 5px 15px 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;

    transition: all 0.3s ease;
    text-transform: uppercase;


}

.btn-download-unified:hover {
    background: linear-gradient(45deg, #C1440E, #C1440E);
    transform: translateY(-2px);

}

.btn-download-unified i {

    font-size: 12px;
}

/* Mejorar el modal de descargas */
#mdl-download .mdl-hd h4 {
    color: #333;
    font-size: 18px;
}

#mdl-download table {
    width: 100%;
    border-collapse: collapse;
}

#mdl-download table th {
    background: #f8f9fa;
    padding: 12px;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
}

#mdl-download table td {
    padding: 10px 12px;
    vertical-align: middle;
}

/* Destacar idiomas en la tabla */
#mdl-download table td:nth-child(2) {
    font-weight: 600;
    text-transform: capitalize;
}

/* Colores por idioma */
.download-links tr:has(td:contains("subtitulado")) {
    background-color: rgba(23, 162, 184, 0.1);
}

.download-links tr:has(td:contains("castellano")) {
    background-color: rgba(40, 167, 69, 0.1);
}

.download-links tr:has(td:contains("latino")) {
    background-color: rgba(255, 193, 7, 0.1);
}

    .repro_dropdown {
            position: relative;
            display: inline-block;
            padding-bottom: 5px;
            padding-left: 5px;
        }
        



.repro_dropdown_btn {
    background: linear-gradient(45deg, #2D2D2D, #2D2D2D);
    color: white;
    border: none;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;

    transition: all 0.3s ease;
    text-transform: uppercase;

}

.repro_dropdown_btn:hover {
    background: linear-gradient(45deg, #C1440E, #C1440E);
    transform: translateY(-2px);

}

        
        .repro_dropdown_content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 200px;
            box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 5px;
            overflow: hidden;
        }
        
        .repro_dropdown_content ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .repro_dropdown_content li {
            border-bottom: 1px solid #ddd;
        }
        
        .repro_dropdown_content li:last-child {
            border-bottom: none;
        }
        
        .repro_dropdown_content span {
            color: black;
            padding: 5px 5px;
            text-decoration: none;
            display: block;
        }
        
        .repro_dropdown_content span:hover {
            background-color: #f1f1f1;
        }
        
        .repro_show {
            display: block;
        }
  .player-controls {
    background-color: #121211;
    display: absolute;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    position: relative; /* Importante para el contexto de z-index */
    margin-top: 5px;
}