@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500,500i,600,600i,700,700i&display=swap);

#main-menu .random:hover,
a,
a:hover {
    text-decoration: none
}

#floatcenter,
#shadow {
    position: fixed;
    left: 0
}

#sidebar .section .ongoingseries ul li:hover,
blockquote,
q {
    background: #fafafa
}

.clear,
.hpage {
    clear: both
}

#main-menu .random,
.ms,
.show-menu,
.slider {
    cursor: pointer
}

*,
::after,
::before {
    box-sizing: border-box
}

blockquote,
q {
    margin: 5px 0;
    quotes: none;
    border-left: 3px solid #f2f2f2;
    padding: 5px 10px
}

.lightmode blockquote,
.lightmode q {
    background: #fafafa;
    border-color: #ddd
}

#sidebar .section>ul>li,
.serieslist ul li {
    text-overflow: unset;
    white-space: unset;
    border-bottom: 1px solid #ececec
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: #333;
    transition: color .1s linear;
    -moz-transition: color .1s linear;
    -webkit-transition: color .1s linear
}

.searchx #form #s:focus,
:focus {
    outline: 0
}

a:hover {
    color: #0c70de
}

img {
    max-width: 100%;
    height: auto
}

.postbody p {
    margin: 10px 0
}

body {
    background: #eef0f2;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    color: #222;
    margin: 0 auto
}

.strip {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #d0cdcd;
    box-shadow: 0 0 4px #fff
}

#floatcenter {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999
}

#floatcenter .ctrx {
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding-top: 20vh
}

.advancedsearch,
.animefull .bigcover,
.playerx {
    position: relative
}

#overplay {
    position: absolute;
    z-index: 200;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7)
}

#content,
#main-menu ul,
#main-menu ul li,
#main-menu ul li a,
.wrapper {
    position: relative
}

#overplay .chain {
    width: 100%;
    max-width: 300px;
    margin: auto;
    padding-top: 50px
}

#content {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto
}

.wrapper {
    margin: 0 20px
}

.mainheader {
    float: left;
    margin: 5px 40px 5px 0
}

.logos img {
    max-height: 50px
}

.logos {
    margin: 0;
    min-height: 1px;
    width: 195px;
    display: block
}

.logos span.hdl {
    display: none;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.th {
    overflow: hidden;
    background: #fff;
    height: 60px
}

#main-menu ul li a:hover,
#main-menu ul li ul li a:hover,
.surprise {
    background: rgba(0, 0, 0, .32)
}

#main-menu .centernav,
.th .centernav {
    margin: 0 auto;
    max-width: 1220px;
    padding: 0 20px
}

#main-menu ul li:hover ul li ul,
.bs.styleegg .bsx .tt,
.shme,
.topmobile {
    display: none
}

#main-menu {
    margin: 0 0 15px;
    background: #0c70de
}

#main-menu .centernav .logo img {
    width: 100%;
    height: auto
}

#main-menu .centernav .logo {
    display: none;
    float: left;
    margin-top: 23px;
    margin-right: 30px;
    max-width: 190px
}

#main-menu ._mi,
#main-menu .dashicons {
    line-height: inherit;
    width: auto;
    height: auto;
    font-size: 14px;
    padding-right: 2px
}

#main-menu ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}

#main-menu ul li {
    float: left;
    margin: 0 10px
}

#main-menu ul li a {
    display: block;
    text-align: center;
    line-height: 42px;
    height: 42px;
    padding: 0 10px;
    color: #fff;
    border-left: 0;
    transition: color .5s;
    font-size: 1em
}

#main-menu ul .menu-item-has-children>a:after {
    content: "\f140";
    padding: 0 0 0 5px;
    display: none;
    width: auto;
    height: auto;
    font-size: 19px;
    float: right;
    line-height: 35px;
    font-family: dashicons
}

#main-menu ul li a:hover {
    text-decoration: none;
    color: #fff
}

#main-menu ul li ul {
    position: absolute;
    top: 42px;
    min-width: 240px;
    display: none;
    z-index: 9999;
    background: #333;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .38);
    overflow: hidden
}

#main-menu ul li:hover ul,
.bs .bsx:hover .limit .ply {
    display: block
}

#main-menu ul li ul li {
    float: none;
    margin: 0
}

#main-menu ul li ul li a {
    margin: 0;
    height: auto;
    display: block;
    background: 0 0;
    line-height: normal;
    font-size: 13px;
    padding: 8px 15px;
    text-align: left;
    color: #fff
}

#main-menu .random {
    float: right;
    color: #fff;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    border-radius: 0;
    border: 0;
    line-height: 33px;
    background: #2866a7;
    padding: 0 10px
}

#main-menu .random:hover {
    background: #ececec;
    color: #333
}

.show-menu {
    display: none;
    color: #fff;
    line-height: 37px;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

#main-menu input[type=checkbox] {
    display: none;
    -webkit-appearance: none
}

#main-menu input[type=checkbox]:checked~#menu-menu {
    display: block;
    z-index: 9999;
    float: none;
    background: #222;
    position: relative
}

.ms {
    border-radius: 3px;
    display: none;
    height: 34px;
    left: auto;
    position: absolute;
    text-align: center;
    top: 17px;
    width: 34px;
    color: #fff;
    right: 15px
}

#top-menu,
#top-menu ul,
.bs .bsx,
.bs .bsx .limit,
.item,
.searchx,
.searchx #form {
    position: relative
}

#main-menu .ms .dashicons {
    display: block !important;
    font-size: 26px
}

#top-menu {
    list-style: none;
    padding: 0;
    margin: 18px 15px 0 0;
    float: right
}

#top-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 460px;
    overflow: hidden;
    white-space: nowrap
}

#top-menu ul:hover {
    overflow-x: auto
}

#top-menu ul::-webkit-scrollbar {
    height: 0
}

#top-menu ul::-webkit-scrollbar-thumb {
    background: 0 0
}

#top-menu li,
.ts-breadcrumb ol li {
    display: inline-block
}

#top-menu li a {
    padding: 0 10px;
    line-height: 27px;
    display: block
}

#top-menu li a:hover {
    background: #0c70de;
    border-radius: 5px;
    color: #fff
}

.searchx {
    float: left;
    width: 350px;
    margin: 13px 25px 13px 0
}

.searchx #form {
    padding: 0
}

.searchx #form #s {
    font-weight: 300;
    background: #fff;
    box-shadow: none !important;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 30px 6px 12px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.searchx #form #sel {
    margin: 0;
    color: #888;
    border: 1px solid #e5e2e2;
    outline: 0;
    display: inline-block;
    font-family: open sans, sans-serif;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border .2s linear, box-shadow .2s linear;
    -moz-transition: border .2s linear, box-shadow .2s linear;
    -o-transition: border .2s linear, box-shadow .2s linear;
    transition: border .2s linear, box-shadow .2s linear;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 5px
}

.searchx #form #submit {
    position: absolute;
    background: 0 0;
    color: #ddd;
    cursor: pointer;
    font-family: inherit;
    border: 0;
    padding: 0 7px;
    top: 8px;
    right: 9px;
    line-height: 24px;
    font-size: 20px
}

.searchx #form #submit .dashicons {
    display: block;
    font-size: 22px
}

.surprise {
    float: right;
    margin-top: 7px;
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 5px 10px;
    line-height: 1.5
}

.surprise .far {
    width: auto;
    height: auto;
    font-size: 10px !important;
    margin-right: 0
}

.postbody {
    float: left;
    width: 70%
}

.postbody .ldr {
    margin: 0 -5px
}

.bixbox {
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 18px;
    box-shadow: 1px 3px 8px rgba(49, 49, 49, .1);
    overflow: hidden
}

.postbody .box {
    overflow: hidden;
    margin-bottom: 20px
}

.bs {
    float: left;
    width: 20%
}

.bs .bsx {
    overflow: hidden;
    margin: 7px 7px 15px;
    transition: .2s;
    -webkit-transition: .2s
}

.bs .bsx .limit {
    padding: 142% 0 0;
    overflow: hidden;
    background: #333
}



.bs .bsx .limit .ply,
.bs .bsx .limit .t,
.bs .bsx .limit img {
    top: 0;
    position: absolute;
    width: 100%
}

.bs .bsx:hover .limit img {
    transform: scale(1.1);
    transition: .15s ease-out
}

.bs .bsx .limit .bt {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    color: #fff;
    font-size: 12.5px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 30%, rgba(0, 0, 0, .8) 60%, rgba(0, 0, 0, .7) 100%);
    padding-bottom: 5px;
    padding-top: 12px
}

.bs .bsx .tt {
    height: 33px;
    overflow: hidden;
    font-size: .95em;
    margin: 8px 0 0;
    line-height: 1.25em;
    text-align: center
}


.bixbox.infx p,
.cts p {
    margin: 0
}
.bixbox.infx {
    padding: 15px;
    font-weight: 300;
    text-align: justify;
    color: #555
}

.bigcontent .infox .spe span b,
.bixbox.infx b {
    font-weight: 500
}

.postbody.nosidebar {
    float: none;
    width: auto
}

.sosmed {
    position: absolute;
    right: 10px;
    bottom: 15px
}

.sosmed img,
.sosmed span {
    width: 28px;
    height: 28px;
    font-size: 16px;
    padding: 4px;
    border-radius: 15px;
    color: #fff;
    background: #444;
    margin-right: 3px;
    float: none;
    text-align: center
}

.sosmed span.fab.fa-facebook-f {
    background: #2d6bc8;
    line-height: 21px
}

.sosmed span.fab.fa-twitter {
    background: #1da1f2;
    line-height: 21px
}

.sosmed span.fab.fa-whatsapp {
    background: #08c65b;
    line-height: 21px
}

.sosmed span.dashicons.dashicons-googleplus {
    background: #dc5b15
}

.sosmed img.soc.wa {
    background: #08c65b
}

.sosmed .soc.line {
    background: #00b900
}

.bixbox.mctn {
    padding: 15px;
    font-size: 14px;
    line-height: 21px
}

.mctnx {
    margin: 15px
}

.animefull .bigcover .ime a.lnk {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.animefull .bigcover .ime {
    width: 100%;
    padding-bottom: 38%;
    position: relative;
    overflow: hidden
}

.animefull .bigcover .ime img,
.animefull .bigcover a.gp,
.animefull .bigcover:before {
    position: absolute;
    width: 100%
}

.animefull .bigcover a.gp {
    top: 35%;
    left: 0;
    z-index: 3;
    display: inline-block;
    text-align: center;
    line-height: 88px;
    font-size: 90px;
    color: #fff
}

.animefull .bigcover a.gp .dashicons {
    width: auto;
    height: auto;
    font-size: 50px;
    line-height: 75px;
    color: #fff;
    text-align: center
}

.animefull .bigcover:before {
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(51, 66, 94, .5);
    z-index: 1
}

.bigcontent {
    position: relative;
    padding: 15px 20px 25px 195px;
    z-index: 1;
    min-height: 250px
}

.bigcontent .infox {
    font-size: 13.5px;
    line-height: normal
}

.bigcontent .infox h1 {
    margin: 0 0 10px;
    font-size: 1.7em;
    font-weight: 500;
    line-height: normal
}

.bigcontent .infox .sosmed {
    position: relative;
    right: auto;
    bottom: auto;
    margin-bottom: 10px
}

.bigcontent .infox .mindesc {
    margin-bottom: 5px;
    line-height: 21px
}

.bigcontent .infox .alter {
    display: block;
    margin-bottom: 5px;
    color: #555
}

.bigcontent .infox .spe {
    margin-bottom: 10px;
    overflow: hidden;
    column-count: 2
}

.bigcontent .infox .spe span {
    margin-bottom: 3px;
    padding-right: 7px;
    padding-left: 14px;
    position: relative;
    line-height: 19px;
    display: block
}

.bigcontent .infox .spe span.split,
.bixbox.trailer,
.bottom.tags,
.footercopyright .copyright,
.serieslist,
.serieslist ul {
    overflow: hidden
}

.bigcontent .infox .desc {
    line-height: 21px
}

.bigcontent .infox .spe span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #0c70de;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px
}

.bigcontent .infox .genxed {
    overflow: hidden;
    margin-bottom: 10px
}

.bigcontent .infox .genxed a {
    display: inline-block;
    padding: 4px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #0c70de;
    border: .5px solid #0c70de;
    border-radius: 3px
}

.bigcontent .infox .genxed a:hover {
    color: #fff;
    background: #0c70de
}

.bigcontent .rt .rating {
    text-align: center;
    padding: 13px 10px;
    background: #ebf2f6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 10px
}

.bigcontent .rt .rating strong {
    margin-bottom: 7px;
    display: block;
    font-weight: 500;
    font-size: 16px
}

.animefull .bottom {
    background: rgba(34, 58, 101, .02);
    padding: 12px 20px;
    font-size: .85em;
    border-top: 1px solid #ebf2f6;
    text-transform: lowercase;
    font-weight: 300
}

.bigcontent .thumbook {
    position: absolute;
    top: -20px;
    left: 16px;
    width: 165px
}

.bigcontent .thumb {
    border: 4px solid #fff;
    overflow: hidden;
    margin-bottom: 7px
}

.bixbox.synp .entry-content {
    margin: 15px;
    line-height: 21px
}

.bottom.tags a {
    background: #fff;
    border: 1px solid #ddd;
    padding: 2px 5px;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 3px
}


#sidebar .section,
.announ,
.warning {
    border-radius: 3px;
    margin-bottom: 18px;
    box-shadow: 1px 3px 8px rgba(49, 49, 49, .1)
}

.bixbox.trailer .tply {
    padding: 58% 0 0;
    position: relative
}

.bixbox.trailer .tply iframe {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute
}

#sidebar {
    width: 30%;
    float: right;
    position: relative;
    z-index: 1
}

#sidebar .section {
    margin-left: 15px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

#sidebar .section ul {
    margin: 0;
    padding: 0
}

#sidebar .section>ul,
.footer-az span.size-s {
    font-size: 13px
}

#sidebar .section>ul>li {
    padding: 7px 15px;
    overflow: hidden;
    position: relative
}

#sidebar .section>ul>li .post-date {
    font-size: 12px;
    font-style: italic;
    margin-left: 5px;
    color: #999
}

#sidebar .section .textwidget {
    padding: 5px 15px 15px;
    line-height: 21px;
    font-size: 13px
}

.serieslist ul li {
    padding: 12px 15px;
    overflow: hidden;
    position: relative
}

.serieslist ul li .ctr {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 1em;
    color: #0c70de;
    position: absolute;
    top: 30px;
    left: 15px;
    border: .5px solid #0c70de;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    z-index: 3
}

.serieslist.pop ul li {
    padding-left: 55px
}

.serieslist ul li .imgseries {
    float: left;
    overflow: hidden;
    width: 45px;
    margin-right: 10px
}

.serieslist ul li .imgseries img {
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
    margin-bottom: 0;
    margin-right: 0;
    float: none
}

.serieslist ul li .leftseries span.bt {
    font-size: 11px;
    display: block;
    margin-top: 4px;
    float: left;
    padding: 2px 4px;
    background: #f5f5f5
}

#sidebar .serieslist ul li .leftseries h4 {
    font-size: 1em;
    font-weight: 500;
    margin: 0 0 3px;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.announ,
.warning {
    background: #cc2f24;
    color: #ffe9e9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
    padding: 15px;
    line-height: 21px
}

#sidebar .section ul.genre {
    overflow: hidden;
    list-style: none;
    position: relative;
    padding: 5px 0 15px;
    font-size: inherit
}

#sidebar .section ul.genre li {
    float: left;
    width: 33.33%;
    padding: 0;
    border-bottom: 0
}

#sidebar .section ul.genre li a {
    font-size: 13px;
    padding: 5px 15px;
    display: inline-block
}

#sidebar .section ul.genre:after,
#sidebar .section ul.genre:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 33.33%;
    background: #ececec
}

#sidebar .section ul.genre:after {
    left: 66.66%
}

#sidebar .section .ongoingseries ul {
    font-size: 13px;
    max-height: 400px;
    overflow: hidden
}

#sidebar .section .ongoingseries ul li {
    overflow: hidden;
    border-bottom: 1px solid #ececec;
    line-height: 0
}

#sidebar .section .ongoingseries ul li a {
    display: block;
    padding: 5px 12px;
    overflow: hidden
}

#sidebar .section .ongoingseries ul li a .l {
    float: left;
    display: block;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 22px
}

#sidebar .section .ongoingseries ul li a .l .fas {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 10px;
    border-radius: 50%;
    background: #0c70de;
    color: #fff;
    margin-right: 5px;
    margin-top: 5px;
    text-align: center
}

#sidebar .section .ongoingseries ul li a .r {
    float: right;
    font-size: 11px;
    padding: 0 5px;
    border-radius: 3px;
    background: #0c70de;
    color: #fff;
    line-height: 21px
}

#sidebar .section .ongoingseries ul:hover {
    overflow-y: scroll
}

#sidebar .section .ongoingseries ul::-webkit-scrollbar {
    width: 5px
}

#sidebar .section .ongoingseries ul::-webkit-scrollbar-thumb {
    background: #0c70de
}

#footer {
    margin-top: 30px;
    text-align: center;
    line-height: 20px;
    padding: 0;
    font-size: 13px;
    color: #fff;
    background: #222
}

#footer .footermenu {
    text-align: center;
    background: #0c70de
}

#footer .footermenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block
}

#footer .footermenu ul li {
    padding: 8px 10px;
    display: inline-block
}

.footer-az {
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: left
}

#thememode .xt,
.hpage,
.hpage a,
.pagination,
.slider:before {
    text-align: center
}

.footer-az span.ftaz {
    display: inline-block;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid rgb(83 83 83);
    line-height: 1em;
    font-size: 1.4em;
    font-weight: 500
}

.footer-az .az-list {
    font-size: 0;
    list-style: none;
    margin: 18px 0 0;
    padding: 0
}

.footer-az .az-list li {
    margin: 0 10px 10px 0;
    display: inline-block
}

.footer-az .az-list li a {
    font-size: 14px;
    padding: 4px 9px;
    display: inline-block;
    line-height: normal;
    color: #fff !important;
    background: #0c70de;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.footercopyright {
    max-width: 1190px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: hidden
}

.footercopyright p {
    margin: 5px 0 0;
    font-size: .82em;
    line-height: 14px;
    letter-spacing: .5px
}

.pagination a,
.pagination span.page-numbers.current {
    padding: 8px 15px !important;
    margin: 2px;
    border-radius: 3px
}

.footercopyright p i {
    font-style: normal
}

.footercopyright .copyright .footer-logo {
    float: left;
    margin-right: 20px;
    margin-bottom: 40px
}

.footercopyright .copyright .footer-logo img {
    height: 50px;
    width: auto
}

.footercopyright .copyright .txt {
    float: left;
    width: 400px;
    text-align: left
}

.footercopyright .copyright.marx {
    padding-top: 20px;
    padding-bottom: 20px
}

.footercopyright .copyright.marx .footer-logo {
    float: none;
    margin: 0 0 5px
}

.footercopyright .copyright.marx .txt {
    float: none;
    width: auto;
    text-align: center
}

.footercopyright .copyright.marx .txt p {
    margin-top: 3px
}

.pagination {
    overflow: hidden;
    line-height: normal;
    margin: 15px 0 30px
}

.pagination span.page-numbers.dots {
    color: #888;
    display: none
}

.hpage a,
.pagination a,
.switch {
    display: inline-block
}

.pagination span.page-numbers.current {
    display: inline-block;
    background: #0c70de !important;
    color: #fff
}

.pagination a {
    background: #eee;
    color: #333
}

.hpage {
    padding-top: 15px;
    padding-bottom: 10px;
    overflow: hidden
}

.hpage a {
    background: #0c70de;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 2px;
    color: #fff;
    width: 110px
}

.hpage a .dashicons {
    width: auto;
    height: auto;
    font-size: 16px
}

.hpage a:hover {
    color: #fff
}

.slider,
input:checked+.slider {
    background-color: rgba(255, 255, 255, .25)
}

.cmt {
    padding: 15px
}

.separator a {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.switch {
    position: relative;
    width: 45px;
    height: 25px;
    top: 0
}

.slider,
.slider:before {
    position: absolute;
    left: 0;
    bottom: 0
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

#thememode {
    float: right;
    position: relative;
    margin-top: 18px;
    margin-right: 10px;
    line-height: normal
}

#thememode .xt {
    font-size: .7rem;
    display: block;
    color: grey;
    margin-bottom: 2px
}

.slider {
    top: 0;
    right: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    content: "\f186";
    font-family: "Font Awesome 5 Free";
    color: #fff;
    line-height: 25px;
    width: 25px;
    background-color: #0c70de;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    content: "\f185"
}

.slider.round {
    border-radius: 34px;
    background: rgba(0, 0, 0, .1)
}

.slider.round:before {
    border-radius: 50%
}

#teaser1,
#teaser2 {
    z-index: 1
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@media only screen and (max-width:1200px) {
    #top-menu ul {
        max-width: 350px
    }
}

@media only screen and (max-width:1088px) {
    #top-menu ul {
        max-width: 300px
    }
}

@media only screen and (max-width:1040px) {
    #top-menu ul {
        max-width: 240px
    }
}

@media only screen and (max-width:978px) {

    #top-menu.topmobshow ul li,
    .topmobile {
        display: block
    }

    .topmobile {
        float: right;
        margin-right: 10px;
        margin-top: 18px;
        width: 25px;
        line-height: 26px;
        color: #fff;
        text-align: center;
        background: #0c70de;
        border-radius: 50%;
        cursor: pointer
    }

    #top-menu {
        display: none
    }

    .topmobile .fa {
        line-height: inherit;
        font-size: 13px
    }

    #top-menu.topmobshow {
        display: block;
        float: none;
        margin: 0;
        position: absolute;
        top: 55px;
        right: 10px;
        z-index: 2;
        width: 140px;
        background: #fff;
        border-radius: 3px;
        font-size: 13px;
        box-shadow: 1px 3px 8px rgba(49, 49, 49, .1)
    }

    #top-menu.topmobshow ul {
        white-space: unset;
        max-width: unset
    }

    #top-menu.topmobshow ul li a:hover {
        border-radius: 0
    }
}

@media only screen and (max-width:900px) {

    #sidebar .section ul.genre:after,
    #sidebar .section ul.genre:before {
        display: none
    }

    #sidebar .section ul.genre li {
        float: left;
        width: 50%
    }
}

@media only screen and (max-width:880px) {

    #sidebar,
    .postbody {
        float: none;
        width: auto
    }

    #sidebar .section {
        margin: 0
    }

    .sebox {
        width: 50%
    }
}

@media only screen and (max-width:800px) {

    .shme,
    .th {
        height: 50px
    }

    .surprise,
    .th {
        background: #0c70de
    }

    #sidebar,
    .postbody {
        float: none;
        width: auto
    }

    #sidebar .section {
        margin-left: 0
    }

    .qtip-default {
        display: none !important
    }

    #main-menu,
    #thememode .xt,
    .footer-az,
    .icol.expand,
    .mainheader,
    .pd-expand.sxp {
        display: none
    }

    .megavid.xp {
        position: relative;
        top: 0;
        width: 100%
    }

    div#live-search_sb {
        width: 100% !important;
        left: 0 !important;
        top: 50px !important;
        right: 0 !important
    }

    #main-menu {
        position: absolute;
        top: 50px;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, .95);
        height: 100%;
        overflow: auto;
        z-index: 999;
        width: auto;
        margin: 0
    }

    #main-menu ul li {
        float: none;
        position: relative;
        margin: 0
    }

    #main-menu ul li a,
    #main-menu ul li ul li a {
        text-align: left;
        color: #fff
    }

    #main-menu ul {
        float: none
    }

    #main-menu ul li ul {
        display: block;
        position: relative;
        margin: 0;
        top: unset;
        min-width: unset;
        border-radius: 0;
        float: none;
        background: rgba(0, 0, 0, .32)
    }

    .shwx {
        display: block !important
    }

    .shme,
    .surprise {
        display: block;
        text-align: center
    }

    .th {
        overflow: hidden
    }

    .th .centernav {
        padding: 0
    }

    .shme {
        float: left;
        padding: 12px 0;
        width: 8%;
        color: #fff;
        cursor: pointer
    }

    .shme .fa {
        width: auto;
        height: auto;
        line-height: 24px;
        font-size: 28px
    }

    #thememode {
        margin-top: 21px;
        margin-right: 8px
    }

    input:checked+.slider {
        background-color: #333
    }

    .switch {
        top: -7px;
        width: 40px;
        height: 20px
    }

    .slider.round {
        background: #fff
    }

    .slider:before {
        line-height: 20px;
        width: 20px;
        bottom: 0
    }

    .surprise {
        float: none;
        clear: both
    }

    #main-menu .surprise .dashicons {
        display: inline-block;
        float: none;
        line-height: 19px
    }

    .searchx {
        margin: 7px 0;
        float: none;
        width: 84%;
        display: inline-block
    }

    .searchx #form #s {
        border: 1px solid #fff
    }

    .searchx.topcon {
        width: 79%
    }

    .topmobile {
        margin-top: 12px
    }

    .topmobile .fa {
        font-size: 20px
    }

    #top-menu.topmobshow {
        z-index: 5;
        top: 50px
    }

    .slidtop .trending .tdb,
    .wrapper {
        margin: 0
    }

    .loop {
        margin-bottom: 0
    }

    .bixbox,
    .megavid,
    .meta {
        margin-bottom: 5px
    }

    .bixbox {
        border-radius: 0
    }

    .footercopyright .copyright {
        overflow: hidden;
        padding: 15px 0
    }

    .footercopyright .copyright .footer-logo {
        margin: 0;
        float: none
    }

    .footercopyright .copyright .txt {
        float: none;
        width: auto;
        text-align: center;
        margin-top: 5px
    }

    .footercopyright p {
        margin-top: 0
    }
}

@media only screen and (max-width:730px) {
    .searchx {
        width: 83%
    }
}

@media only screen and (max-width:715px) {
    .searchx.topcon {
        width: 78%
    }
}

@media only screen and (max-width:695px) {
    .slide-item.full .slide-content {
        padding: 20px !important
    }

    .iconx {
        line-height: 4px
    }

    .bigcontent {
        padding: 80px 10px 10px
    }

    .bigcontent .thumbook {
        margin: -80px auto 15px;
        width: 120px;
        height: auto;
        position: unset;
        top: auto;
        left: auto;
        float: none
    }

    .bigcontent .infox {
        overflow: hidden
    }

    .bigcontent .rt {
        position: absolute;
        top: auto;
        left: 0;
        bottom: 0;
        padding: 10px;
        width: 100%
    }

    .bigcontent .infox h1 {
        text-align: center;
        margin-bottom: 5px
    }

    .bigcontent .infox .alter {
        text-align: center
    }

    .animefull .bigcover a.gp {
        display: none
    }

    .bs.styleegg,
    .bs.styletere,
    .bs.styletwo {
        width: 33.333333%
    }

    .stylefor {
        -ms-flex: 0 0 33.3333333%;
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%
    }
}

@media only screen and (max-width:670px) {
    .searchx.topcon {
        width: 77%
    }

    .stylefiv {
        float: none;
        width: auto
    }
    .seventh .main-seven .tt .thethumb {
        display: none
    }
}

@media only screen and (max-width:650px) {
    .searchx {
        width: 81%
    }

    .searchx.topcon {
        width: 76%
    }

    .kln a.col,
    .klnrec .kln img,
    .klnrec .mini img {
        width: auto
    }

    .side.infomanga .imgprop {
        float: none;
        margin-right: 0;
        display: block
    }

    .side.infomanga .imgprop img {
        float: none;
        max-width: 190px;
        display: block;
        margin: 0 auto 10px;
        height: auto
    }

    .side.infomanga table.listinfo tr th {
        text-align: right
    }

    .genx,
    .seventh {
        width: 50%
    }

    .kln a.col {
        display: block;
        padding: 2px 0;
        float: none
    }

    .klnrec .mini,
    .slidtop .trending,
    .stylesix .bsx .upscore,
    tr.gnrx {
        display: none
    }

    .klnrec .kln {
        float: none;
        width: auto;
        margin-right: 0
    }

    .gnr {
        display: inline-block
    }

    tr.gnrx.shwgx {
        display: block
    }

    .loop {
        float: none;
        width: 100% !important
    }

    .sebox .msebox .bigsebox .l img {
        height: 180px
    }

    .sebox .msebox .bigsebox .r .sinopsix {
        max-height: 180px
    }

    .stylesix .bsx .inf {
        margin: 0
    }
}

@media only screen and (max-width:590px) {

    .mobius,
    .sosmed {
        overflow: hidden;
        display: block
    }

    .shme {
        width: 12%
    }

    .searchx {
        width: 76%
    }

    .searchx.topcon {
        width: 70%
    }

    .sosmed {
        clear: both;
        position: relative;
        margin-top: 15px;
        top: 0;
        text-align: center;
        width: 100%;
        bottom: 0
    }

    .iconx {
        float: right
    }

    .iconx .icol,
    .meta .year {
        margin: 0
    }

    .iconx .icol span,
    .series-gen .nav-tabs li:nth-child(3),
    .series-gen .nav-tabs li:nth-child(4) {
        display: none
    }

    .slide-content .title a {
        font-size: 16px
    }

    .sebox {
        float: none;
        width: auto
    }

    .sebox .msebox .bigsebox .l img {
        height: auto
    }

    .sebox .msebox .bigsebox .r .sinopsix {
        max-height: 300px
    }

    .bloglist .blogbox,
    .bs.styleegg,
    .bs.styletere,
    .bs.styletwo {
        width: 50%
    }

    .stylefor {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .series-gen .nav-tabs li {
        width: 33.333333%
    }
}

@media only screen and (max-width:570px) {

    .archx .arche .inx span b,
    .soralist ul li {
        float: none;
        width: auto
    }

    .postbody .ldr .outbx:last-child {
        display: none
    }

    .postbody .ldr .outbx {
        float: left;
        width: 25%
    }

    .soralist ul li {
        margin-left: 15px;
        line-height: 21px
    }

    .genres li {
        width: 43%
    }

    .bs {
        float: left;
        width: 33.333333%
    }
}

@media only screen and (max-width:500px) {
    .postbody .ldr .outbx {
        float: left;
        width: 50%
    }

    .listupd .lexa .thumb {
        float: none;
        overflow: hidden;
        width: 100%;
        max-height: unset;
        margin-right: 0
    }

    .listupd .lexa .thumb img {
        max-width: unset;
        height: auto;
        width: 100%
    }

    .gov-multipart .gov-mr-host {
        width: 25%
    }

    .gov-multipart .gov-all-host {
        width: 75%
    }

    .searchx {
        width: 74%
    }

    .searchx.topcon {
        width: 67%
    }

    .stylenine .bsx .thumb {
        float: none;
        max-width: 100%;
        max-height: unset;
        padding-top: 50%;
        margin: 0
    }

    .stylenine .bsx .thumb img {
        width: 100%;
        position: absolute;
        top: 0
    }
}

@media only screen and (max-width:450px) {

    .bs {
        float: left
    }

    .lastend .inepcx a span {
        font-size: 14px
    }

    .lastend .inepcx a span.epcur {
        font-size: 18px
    }
}

@media only screen and (max-width:400px) {
    .bigcontent .infox .spe span {
        float: none;
        width: auto;
        display: block
    }

    .bloglist .blogbox,
    .seventh {
        float: none;
        width: 100%
    }

    .bigcontent .infox .spe {
        column-count: 1
    }
}

@media only screen and (max-width:375px) {
    .searchx.topcon {
        width: 60%
    }
}

@media only screen and (max-width:320px) {
    .searchx.topcon {
        width: 57%
    }
}

.darkmode #sidebar .section,
.darkmode .bixbox {
    -khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    background: #222
}
.darkmode .surprise:hover,
.surprise:hover {
    color: #333;
    background: #fff
}
#footer a,
.darkmode #sidebar .section h3,
.darkmode #sidebar .section h4,
.darkmode #thememode .xt,
.darkmode .bigcontent .infox .spe span a:hover,
.darkmode .bigcontent .infox h1,
.darkmode .bxcl ul li span.dt a .dashicons,
.darkmode .hpage a,
.darkmode .iconx a:hover,
.darkmode .meta h1,
.darkmode .releases h1,
.darkmode .releases h2,
.darkmode .releases h3,
.darkmode .releases h4,
.darkmode .single-info.bixbox .infox .infolimit h2,
.darkmode .stylenine .bsx .inf span a:hover,
.darkmode .surprise,
.darkmode a,
.releases.hothome h3,
.releases.latesthome h3,
.serieslist.pop ul li.topone .numscore,
.slide-content .title a {
    color: #fff
}
.darkmode .quickfilter .filters .filter.submit button,
.quickfilter .filters .filter.submit button {
    background: #0c70de;
    color: #fff
}
.darkmode #sidebar .section .ongoingseries ul li:hover,
.darkmode #sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs,
.darkmode .cvlist .cvitem .cvitempad,
.darkmode .nav_apb a,
.darkmode .pagination a,
.darkmode .quickfilter .filters .filter ul,
.darkmode .series-gen .nav-tabs,
.darkmode .soraddlx .soraurlx,
.darkmode .stylenine .bsx .inf,
.footer-az .az-list li a:hover {
    background: #333
}
.darkmode .rating-prc .rtp .rtb:before,
.darkmode .searchx #form #submit,
.darkmode .soraddlx a:after,
.darkmode .soraddlx.nosplitx .soraurlx {
    color: #555
}
.darkmode .item,
.owl-item.active .slide-bg,
.slide-bg {
    background: #222
}
.darkmode #main-menu ul li ul li a,
.darkmode .page,
.slide-content a {
    color: #ddd
}

.darkmode {
    background: #16151d;
    color: #ccc
}

.darkmode .th {
    background: #0b0a0d
}

.darkmode .taxindex li a {
    background: #333 !important;
    color: #999;
    font-weight: 500
}

.darkmode .taxindex li a span.count {
    color: #727579;
    font-weight: 400
}

.darkmode .taxindex li a:hover {
    color: #fff !important;
    background: #0c70de !important
}

.darkmode .taxindex li a:hover span.count {
    color: rgba(255, 255, 255, .5)
}

.darkmode .searchx #form #s {
    color: #fff;
    background-color: #17151b;
    background-image: none;
    border: 1px solid #23202a;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.darkmode #live-search_results {
    background: #1a1920;
    -webkit-box-shadow: 0 4px 20px #000;
    -khtml-box-shadow: 0 4px 20px #000;
    -moz-box-shadow: 0 4px 20px #000;
    -ms-box-shadow: 0 4px 20px #000;
    -o-box-shadow: 0 4px 20px #000;
    box-shadow: 0 4px 20px #000
}

.darkmode #sidebar .section .ongoingseries ul li,
.darkmode #sidebar .section>ul>li,
.darkmode .bxcl ul li,
.darkmode .gov-multipart>div,
.darkmode .listo .bx,
.darkmode .live-search_result_container li {
    border-bottom: 1px solid #262432
}

.darkmode .lista a:hover,
.darkmode .listo .bx .imgx,
.darkmode .live-search_result_container .post-thumbnail,
.darkmode .serieslist ul li .imgseries {
    background: 0 0
}

.darkmode .live-search_result_container .over span {
    color: #777
}

.darkmode .gov-multipart .gov-mr-host,
.darkmode .live-search_result_container li a {
    color: #c2c2c2
}

.darkmode .live-search_result_container li:hover {
    background: #1f1d26
}

.darkmode #top-menu.topmobshow {
    background: #222;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, .65)
}

.darkmode #sidebar .section {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1)
}

.darkmode .releases,
.darkmode .soralist span {
    border-bottom: 1px solid #312f40
}

.darkmode #gallery.owl-loaded .owl-dots span {
    background: #555
}

.darkmode .serieslist ul li,
.darkmode .stylesix {
    border-bottom: 1px solid #383838
}

.darkmode .serieslist ul li .ctr {
    color: #fff;
    border: .5px solid #fff
}

.darkmode #sidebar .section ul.genre:after,
.darkmode #sidebar .section ul.genre:before {
    background: #262432
}

.darkmode .bixbox {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    color: #ccc
}

.darkmode .advancedsearch .lbx {
    padding: 10px 0;
    background: 0 0;
    border: 0
}

.darkmode .advancedsearch tr .inputx {
    background: #16151d;
    color: #fff;
    border: 1px solid #16151d
}

.darkmode .checkmark,
.darkmode .checkmarkx {
    background-color: #282635
}

.darkmode .nav_apb a:hover {
    background: #111;
    color: #fff
}

.darkmode .soralist ul {
    color: #223a65
}

.darkmode .animefull .bigcover a.gp {
    border: 0
}

.darkmode .bigcontent .thumb {
    border: 4px solid #141219
}

.darkmode .animefull .bottom {
    border-top: 1px solid #312f40
}

.darkmode .bottom.tags a {
    background: #111;
    border-color: #333
}

.darkmode .bxcl ul::-webkit-scrollbar-track,
.darkmode .quickfilter .filters .filter .scrollz::-webkit-scrollbar-track {
    background: #111
}

.darkmode .bxcl ul li span.dt a {
    background: #223a65;
    color: #fff
}

.darkmode .megavid,
.darkmode .meta {
    box-shadow: 0 3px 0 0 #0f0f0f
}

.darkmode .iconx a {
    color: #f05252
}

.darkmode select.mirror {
    border: 1px solid #303030;
    color: #ddd;
    background: #333
}

.darkmode .lista {
    background: 0 0;
    border-bottom: 0
}

.darkmode .lista a {
    border: 1px solid #0c70de;
    background: #0c70de;
    color: #fff
}

.darkmode .listo,
.darkmode .qtip-default a,
.darkmode .seventh .main-seven .tt .sosev span,
.darkmode .seventh .main-seven .tt .sosev span a,
.darkmode .stylefiv .bsx .inf span {
    color: #999
}

.darkmode #main-menu ul li ul {
    background: #1d1b26
}

.darkmode #main-menu ul li ul li a:hover {
    color: #fff;
    background: #2d2a3a
}

.darkmode blockquote,
.darkmode q {
    background: #303030;
    border-left: 3px solid #4f4f4f
}

.darkmode .gov-multipart .gov-the-embed {
    background-color: #2d2a3a;
    color: #c2c2c2;
    border-bottom: 3px solid #100f15
}

.darkmode .gov-multipart .gov-the-embed:hover {
    background-color: #3f3b51;
    border-bottom: 3px solid #100f15
}

.darkmode .ntf {
    background: #333;
    color: #ccc
}

.darkmode .tooltip .detail .rating {
    background: #111
}

.darkmode #sidebar .section .ongoingseries ul li a .l .dashicons {
    color: #1d1b26
}

.darkmode .animefull .bottom a,
.darkmode .bigcontent .infox .alter,
.darkmode .bigcontent .infox .desc,
.darkmode .bigcontent .infox a,
.darkmode .quickfilter .filters .filter ul label,
.darkmode .single-info.bixbox .infox .genxed a {
    color: #ccc
}

.darkmode #footer {
    background: #222;
    color: #ccc
}

.darkmode a:hover {
    color: #0c70de
}

.darkmode .footer-az span.ftaz {
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.darkmode .quickfilter .filters .filter button {
    background-color: #333;
    border-color: #333;
    color: #ccc
}

.darkmode .quickfilter .filters .filter ul li input+label:before,
.darkmode .quickfilter .filters .filter ul li input:not(:checked)+label:before {
    background-color: #5d5d5d
}

.darkmode .qtip-default {
    box-shadow: 0 1px 5px #000
}

.darkmode .releases.latesthome .vl {
    background: #222;
    color: #fff
}

.darkmode .stylenine {
    border-color: #383838
}

.darkmode .stylenine .bsx .inf span a {
    color: #a6abb6
}

.darkmode .bxcl ul li:nth-child(odd) {
    background: #191919
}

.darkmode .bxcl ul li:hover {
    background: #0c70de
}

.darkmode hr {
    border-color: #535353
}

.darkmode .bs.styleegg .bsx .egghead {
    background: rgba(48, 57, 73, .9)
}

.darkmode .post-nav-links .current {
    background: #333 !important
}

@media only screen and (max-width:800px) {
    .darkmode .th {
        background: #0c70de
    }
}