@import 'https://fonts.googleapis.com/css?family=Kanit';
body {
    font-family:kanit,sans-serif;
    background-color: var(--background_color);
    background-image: var(--background_image);
}
.container-fluid {
    max-width: 1366px;
}
a {
    color: var(--primary_color);
}
/* NAVBAR */
.obito-navbar {
    background: var(--primary_color);
    background: -webkit-linear-gradient(left, var(--primary_color) 40%, var(--g_primary_color));
    background: -o-linear-gradient(right, var(--primary_color) 40%, var(--g_primary_color));
    background: -moz-linear-gradient(right, var(--primary_color) 40%, var(--g_primary_color));
    background: linear-gradient(to right, var(--primary_color) 40%, var(--g_primary_color));
    padding: 25px 0px;
}
.obito-navbar .main-navigation_wrap {
    padding: 35px 0;
}
.obito-navbar .logo {
    margin-right: 2rem;
}

.obito-navbar .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
}

.obito-navbar .navbar-nav .nav-link:hover, .obito-navbar .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.obito-navbar .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.obito-navbar .navbar-nav .show > .nav-link,
.obito-navbar .navbar-nav .active > .nav-link,
.obito-navbar .navbar-nav .nav-link.show,
.obito-navbar .navbar-nav .nav-link.active {
  color: #fff;
}

.obito-navbar .navbar-toggler {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, 0.1);
}

.obito-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.obito-navbar .navbar-text {
  color: rgba(255, 255, 255, 1);
}

.obito-navbar .navbar-text a {
  color: #fff;
}

.obito-navbar .navbar-text a:hover, .obito-navbar .navbar-text a:focus {
  color: #fff;
}
.obito-navbar ul.navbar-nav > li {
    position: relative;
}
.obito-navbar ul.navbar-nav > li > a {
    display: block;
    text-decoration: none;
    padding: 13px 20px;
}
.obito-navbar ul.navbar-nav > li > a:before {
    content: "";
    height: 2px;
    width: 0%;
    background: rgba(255, 255, 255, 0.5);
    display: block;
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.obito-navbar ul.navbar-nav > li:hover > a:before {
    width: 70%;
}
.obito-navbar ul.navbar-nav > li.active > a:before {
    width: 70%;
}
.obito-navbar .dropdown-menu {
    border-radius: 0px;
}
.obito-sub-navbar {
    background-color: var(--invert_color);
    border-bottom: 1px solid var(--g_invert_color);
}
.obito-sub-navbar #sub-nav a {
    display: block;
    text-decoration: none;
    color: var(--primary_color);
}
.obito-sub-navbar #sub-nav a:hover {
    color: var(--g_primary_color);
}
/* LATEST */
.latest-item-contain {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid var(--g_invert_color);
}
.latest-item {
    width: 100%;
    display: inline-block;
    background-color: var(--g_invert_color);
    display: flex;
    flex-wrap: wrap;
}
.latest-item .badge {
    margin: 3px 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    border-radius: 5px;
}
.latest-item .badge.hot {
    background-color: #ee3322;
}
.latest-item .badge.new {
    background-color: var(--g_primary_color);
}
.latest-item .thumb {
    overflow: hidden;
}
.latest-item .thumb img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 22vh;
}
.latest-item:hover .thumb img {
    transform: scale(1.2);
}

.latest-item .content {
    padding: 15px;
}
.latest-item .content .title {
    font-size: 16px;
    margin-top: 3px;
    line-height: 17px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc( 2.4em );
}
.latest-item .content .title  a {
    color: var(--g_primary_color);
}
.latest-item .content .last {
    margin-top: 10px;
}
.latest-item .post-total-rating .ratings_stars {
    color: #aaa;
}
.latest-item .post-total-rating .ratings_stars.rating_current {
    color: #ffd900;
}
.latest-item .post-total-rating span {
    font-weight: 600;
    margin-left: 8px;
    font-size: 12px;
    color: #333333;
}
.latest-item .content .last small {
    color: #888888;
}
.latest-item .content .last a {
    background-color: var(--invert_color);
    border: 1px solid var(--invert_color);
    padding: 2px 5px;
    margin-bottom: 7px;
    border-radius: 10px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: var(--primary_color);
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.latest-item .content .last a:last-child {
    margin-bottom: 0px;
}
.latest-item .content .last a:hover {
    background-color: var(--g_primary_color);
    border-color: var(--g_primary_color);
    color: #fff;
}

.manga-one .prev {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 9999;
    cursor: url(https://i.imgur.com/k1mwO01.png), auto;
}

.manga-one .next {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 9999;
    cursor: url(https://i.imgur.com/JOqjFai.png), auto;
}

/* POPULAR */
.image-contain {
    background-color: var(--g_invert_color);
}
.poppular {
    background-color: var(--g_invert_color);
    padding: 30px 10px;
}
.poppular-item {
    width: 100%;
    display: inline-block;
    background-color: var(--invert_color);
    display: flex;
    flex-wrap: wrap;
}
.poppular-item .content {
    padding: 15px;
}
.poppular-item .content .title {
    font-size: 16px;
    margin-top: 3px;
    line-height: 17px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc( 2.4em );
}
.poppular-item .content .title  a {
    color: var(--g_primary_color);
}
.poppular-item .content small {
    color: #888888;
}
.poppular-item .content .last {
    margin-top: 5px;
}
.poppular-item .content .last a {
    border: 1px solid var(--primary_color);
    margin-bottom: 7px;
    border-radius: 10px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: var(--primary_color);
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.poppular-item .content .last a:last-child {
    margin-bottom: 0px;
}
.poppular-item .content .last a:hover {
    background-color: var(--g_primary_color);
    border-color: var(--g_primary_color);
    color: #fff;
}
.poppular-item .badge {
    margin: 3px 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    border-radius: 5px;
}
.poppular-item .badge.hot {
    background-color: #ee3322;
}
.poppular-item .badge.new {
    background-color: var(--g_primary_color);
}
.poppular-item .thumb {
    overflow: hidden;
}
.poppular-item .thumb img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.poppular-item:hover .thumb img {
    transform: scale(1.2);
}

/* COMMON */
a:hover {
    text-decoration: none;
}
.heading {
    border-bottom: 2px solid var(--g_invert_color);
    margin-bottom: 20px;
    width: 100%;
}
.heading h2 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: .2rem;
    text-transform: uppercase;
    color: var(--primary_color);
}
.heading > *:not(i):not(h2) {
    margin: 0;
}
.heading > * {
    display: inline-block;
    vertical-align: middle;
}
.heading i {
    font-size: 18px;
    padding: 7px;
    background: var(--primary_color);
    background: -webkit-linear-gradient(left, var(--primary_color) 40%, var(--g_primary_color));
    background: -o-linear-gradient(right, var(--primary_color) 40%, var(--g_primary_color));
    background: -moz-linear-gradient(right, var(--primary_color) 40%, var(--g_primary_color));
    background: linear-gradient(to right, var(--primary_color) 40%, var(--g_primary_color));
    color: #fff;
    position: relative;
    margin-right: 16px;
    margin-bottom: -2px;
    vertical-align: middle;
    display: inline-block;
}
.heading i:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid var(--g_primary_color);
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* SEARCH */
.search-btn a i {
    background-color: #fff;
    color: #000;
    padding: 10px;
    border-radius: 50%;
}
.search-contain {
    padding: 0px;
    height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.mobile-search {
    color: #fff;
}
.manga-image img {
    width: 100%;
}
.obito-input {
    border-radius: 0px;
}
.btn-obito {
    border-radius: 0px;
    background: var(--primary_color);
    background: -webkit-linear-gradient(left, var(--primary_color) 40%, var(--g_primary_color));
    background: -o-linear-gradient(right, var(--primary_color) 40%, var(--g_primary_color));
    background: -moz-linear-gradient(right, var(--primary_color) 40%, var(--g_primary_color));
    background: linear-gradient(to right, var(--primary_color) 40%, var(--g_primary_color));
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* FOOTER */
.mid-footer {
    background-color: var(--invert_color);
    border-top: 3px solid var(--g_invert_color);
    padding: 20px;
}
footer {
    background-color: var(--g_invert_color);
    border-top: 3px solid var(--invert_color);
    padding: 20px;
}
footer small {
    color: #888;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.list-inline > li {
    display: inline-block;
}
footer ul {
    margin: 0;
}
footer ul li {
    padding: 0px 20px;
    line-height: 14px;
    margin-bottom: 10px;
}
footer ul li a {
    color: var(--primary_color);
    font-size: 16px;
}
footer ul li + li {
    border-left: 2px solid var(--invert_color);
}

.mid-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-columns: 2;
}
.mid-footer ul li {
    margin-bottom: 10px;
}
.mid-footer ul li a,
.mid-footer ul li i {
    color: var(--primary_color);
    font-size: 16px;
    font-weight: 600;
}
.mid-footer ul li:hover * {
    color: var(--g_primary_color);
}

.navbar-toggler {
    background-color: #fff;
    border-radius: 0;
    line-height: unset;
    color: #333 !important;
}

/* CONTENT */
.btn-manga {
    font-weight: normal;
    padding: 10px;
    font-size: 18px;
    border-radius: 10px !important;
}
.btn-obito:hover {
    color: #fff;
    background: -webkit-linear-gradient(left, var(--g_primary_color) 40%, var(--primary_color));
    background: -o-linear-gradient(right, var(--g_primary_color) 40%, var(--primary_color));
    background: -moz-linear-gradient(right, var(--g_primary_color) 40%, var(--primary_color));
    background: linear-gradient(to right, var(--g_primary_color) 40%, var(--primary_color));
}
.content-contain {
    background-color: var(--g_invert_color);
    padding: 30px 0px 50px 0px;
}
.breadcrumb {
    padding: 0px;
    font-size: 14px;
    background: transparent;
}
.breadcrumb a {
    color: var(--primary_color);
}
.manga-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--primary_color);
}
.series-infoz.block span.type.Manga {
    background: #ff5a5a;
}
.series-infoz.block span.type.Manga {
    background: #ff5a5a;
}
.series-infoz.block span.type, .series-infoz.block span.status {
    background: #38394a;
    color: #eee;
}
.series-infoz.block span.status.Ongoing {
    background: #6cc174;
}
.series-infoz.block span.status.Ongoing {
    background: #6cc174;
}
.series-infoz.block {
    padding: 0;
}
.series-infoz {
    background: #f7fafc;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    margin: 10px 0;
    border-radius: 20px;
    overflow: hidden;
}
.series-genres {
    padding-top: 10px;
    padding-bottom: 20px;
}
.dark {
    background: #2f303e;
    color: #9ca9b9;
}
.series-flexright {
    overflow: hidden;
    margin: 10px;
    margin-top: 50px;
    margin-right: 20px;
}

.series-infoz.block span {
    display: block;
    width: 50%;
    padding: 10px 0;
    float: left;
}
.manga-thumb {
    border: 5px solid var(--primary_color);
}
.manga-content {
    background-color: var(--invert_color);
    padding: 30px;
    height: 100%;
}
.manga-content small {
    color: #888;
}
.manga-content .btn-read {
    font-weight: normal;
}
.manga-content .post-total-rating .ratings_stars {
    color: #aaa;
    font-size: 32px;
}
.manga-content .post-total-rating .ratings_stars.rating_current {
    color: #ffd900;
}
.manga-content .post-total-rating span {
    font-weight: 600;
    margin-left: 8px;
    font-size: 28px;
    color: var(--primary_color);
}
.br-theme-fontawesome-stars .br-widget a:after {
    color: #888;
}
.manga-content-heading {
    font-weight: 800;
    color: var(--primary_color);
}
.manga-content-value {
    color: var(--g_primary_color);
}
.manga-content-value a {
    color: var(--g_primary_color);
}
.ep-list .ep-item:last-child {
    border:none;
}
.ep-item {
    padding: 20px 0px;
    border-bottom: 2px solid var(--g_invert_color);
}
.ep-item:hover .ep-heading {
    color: var(--g_primary_color);
}
.ep-heading {
    color: var(--primary_color);
    font-weight: 600;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ep-time {
    color: #888;
}
/* SIDEBAR */
.off-canvas {
    background: var(--primary_color);
    background: -webkit-linear-gradient(left, var(--primary_color) 40%, var(--g_primary_color));
    background: -o-linear-gradient(right, var(--primary_color) 40%, var(--g_primary_color));
    background: -moz-linear-gradient(right, var(--primary_color) 40%, var(--g_primary_color));
    background: linear-gradient(to right, var(--primary_color) 40%, var(--g_primary_color));
    position: fixed;
    width: 300px;
    top: 0;
    left: -300px;
    right: auto;
    height: 100%;
    z-index: 10000;
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.off-canvas.active {
    left: 0;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%;
    z-index: 8888;
    display: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

.off-canvas .close-nav {
    height: 58px;
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-bottom: 5px;
    margin-top: 40px;
    float: none;
    text-align: center;
}
.off-canvas .close-nav > .menu_icon__close > span:first-child,
.off-canvas .close-nav > .menu_icon__close > span:last-child {
    display: block;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.off-canvas .close-nav > .menu_icon__close {
    float: none;
    margin: 0 auto;
    display: block;
    background: transparent;
    border: none;
    outline: 0;
    overflow: hidden;
    margin-top: 10px;
}
.off-canvas .close-nav > .menu_icon__close > span:first-child {
    height: 1px;
    width: 30px;
    margin-left: 0;
    margin-top: 16px;
}
.off-canvas .close-nav > .menu_icon__close > span:last-child {
    height: 30px;
    width: 1px;
    margin-left: 14px;
    margin-top: -16px;
}
.off-canvas ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0 50px;
}
.off-canvas ul.main-navbar > li:last-child {
    border-bottom: none;
}
.off-canvas ul.main-navbar > li {
    border-bottom: 1px solid rgba(250, 247, 250, 0.3);
}
.off-canvas ul.main-navbar li {
    float: none;
    position: relative;
    padding: 26px 0 24px;
}
.off-canvas ul.main-navbar li a {
    position: relative;
    background-color: transparent !important;
    color: #fff;
    letter-spacing: normal;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    white-space: inherit;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.off-canvas ul.main-navbar li > a {
    padding-left: 18px;
}

/* RELATE */
.relate-manga {
    border: 3px solid var(--g_invert_color);
    padding: 10px;
}
.related-heading, .widget-heading {
    display: inline-block;
    background: var(--primary_color);
    background: -webkit-linear-gradient(left, var(--primary_color) 40%, var(--g_primary_color));
    background: -o-linear-gradient(right, var(--primary_color) 40%, var(--g_primary_color));
    background: -moz-linear-gradient(right, var(--primary_color) 40%, var(--g_primary_color));
    background: linear-gradient(to right, var(--primary_color) 40%, var(--g_primary_color));
    color: #fff;
    padding: 0 20px;
    margin-bottom: 26px;
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    width: 100%;
}
.related-heading > *, .widget-heading > *, .related-heading a, .widget-heading a {
    color: #fff;
    font-size: 14px;
    margin: 7px 0;
}
.related-heading:after, .widget-heading:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--primary_color);
    position: absolute;
    top: 100%;
    left: 15px;
}
.relate-item {
    width: 100%;
    display: inline-block;
    background-color: var(--g_invert_color);
    display: flex;
    flex-wrap: wrap;
}
.relate-item .thumb {
    overflow: hidden;
}
.relate-item .thumb img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.relate-item:hover .thumb img {
    transform: scale(1.2);
}

.relate-item .content {
    padding: 0px 10px;
}
.relate-item .content .title {
    font-size: 16px;
    margin-top: 3px;
    line-height: 17px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc( 2.4em );
}
.relate-item .content .title  a {
    color: var(--g_primary_color);
}
.relate-item .content .last {
    margin-top: 10px;
}
.relate-item .content .last small {
    color: #888888;
}
.relate-item .content .last a {
    background-color: var(--invert_color);
    border: 1px solid var(--primary_color);
    padding: 2px 5px;
    margin-bottom: 7px;
    border-radius: 10px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: var(--primary_color);
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.relate-item .content .last a:last-child {
    margin-bottom: 0px;
}
.relate-item .content .last a:hover {
    background-color: var(--g_primary_color);
    border-color: var(--g_primary_color);
    color: #fff;
}
.relate-manga .relate-item {
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.relate-manga .relate-item:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
@media (max-width: 768px){
    .off-canvas .close-nav {
        margin-top: 25px;
        height: 40px;
        margin-bottom: 18px;
    }
    .off-canvas ul {
        padding: 0 30px;
    }
}

@media screen and (max-width: 767px) {
    #latest .latest-item-contain:nth-last-child(-n+1) {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: none;
    }
    .mid-footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
        -webkit-columns: 1;
    }
}

@media screen and (min-width: 768px) {
    #latest .latest-item-contain:nth-last-child(-n+3) {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: none;
    }
    .manga-image {
        width: 1024px;
    }
}
.manga-image {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}
.manga-image::before{
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.obito-select {
    padding: 10px 30px 10px 16px;
    border: none;
    background-color: #ebebeb;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.pagination .page-item {
    margin-right: 10px;
    border-radius: 40px;
    box-shadow: 0px 4px 8px #000;
    overflow: hidden;
}
.pagination .page-link {
    background-image: none !important;
    background-color: var(--g_primary_color);
    line-height: 25px;
    text-align: center;
    color: #fff;
    border: none;
}
.pagination .page-link:hover {
    background-image: none !important;
    background-color: var(--primary_color);
}
.pagination .page-item.active .page-link {
    background-image: none !important;
    background-color: var(--primary_color);
}
.description {
    color: #000000;
    padding: 10px;
    background-color: var(--g_invert_color);
    margin-bottom: 50px;
}
.tag-list {
    margin-top: 20px;
}
.nav-chapter {
    position: fixed;
    bottom: 0;
    left: 0;
    background: var(--background_color);
    box-shadow: 0 5px 20px rgb(0 0 0 / 50%);
    font-size: 25px;
    border-radius: 10px;
    margin: 10px;
    display: inline-flex;
    overflow: hidden;
}
.nav-chapter .list {
    background: var(--g_invert_color);
}
.nav-chapter a {
    padding: 15px 25px;
    cursor: pointer;
    color: var(--primary_color);
}
.sidenav {
    background: var(--background_color);
    box-shadow: 0 5px 20px rgb(0 0 0 / 50%);
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    overflow-x: hidden;
    display: block;
    transition: .1s;
    line-height: 22px;
}
.sidenav.chaplist {
    left: 0;
}
.sidenav .closebtn {
    position: absolute;
    top: 13px;
    right: 15px;
    font-size: 25px;
    margin-left: 50px;
    padding: 8px;
    border-radius: 5px;
    background: var(--g_primary_color);
    color: #fff;
    z-index: 999;
}
.sidenav .coverz {
    overflow: hidden;
}
.sidenav .thumbnail {
    width: 100%;
    height: 180px;
    position: relative;
}
.sidenav .thumbnail img {
    width: 100%;
    height: auto;
    webkit-filter: blur(1px);
    filter: blur(1px);
}
.sidenav .titlex {
    font-size: 18px;
    display: block;
    width: 100%;
    position: absolute;
    color: #f1f1f1;
    background: linear-gradient(to bottom,transparent,rgba(0,0,0,.84) 85%,#111);
    bottom: 0;
    z-index: 40;
    padding: 10px;
    font-weight: 600;
    border-bottom: solid 4px var(--primary_color);
}
.sidenav .chapx {
    padding: 0;
    list-style: none;
}
.sidenav .chapx li {
    padding: 10px;
    border-bottom: dashed 2px var(--primary_color);
}
.sidenav .chapx li .nomor {
    border-right: solid 2px var(--primary_color);
    padding-right: 10px;
    color: var(--g_);
}
.sidenav .chapx a {
    color: var(--primary_color);
}
.sidenav .chapx li .datez {
    display: block;
    color: #888;
    float: right;
    font-size: 12px;
}
.inz-col{height:270px; overflow:hidden}
.inz-a:hover .inz-img-thumbnail{opacity:.6}
.inz-a:hover .inz-thumbnail-title-box{margin-top:0}
.no-underline{text-decoration:none!important}
.inz-img-thumbnail{width:100%;height:270px;padding:0;border:1px solid rgba(0, 0, 0, 0.8);background-color:transparent;border-radius:0;max-width:100%;transition:opacity .2s ease-in-out}
.inz-thumbnail-title-box{height:70px;padding:2px 5px;color:#fff;background-color:rgba(0, 0, 0, 0.8);position:relative;margin-top:-70px;transition:all .2s ease-in-out}
.inz-thumbnail-title-box>.inz-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px}
.inz-thumbnail-title-box>.inz-title-sm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:14px;}
.inz-thumbnail-title-box>.inz-detail{color:#ccc;font-size:12px !important}
.inz-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-zone {
    display: flex;
    flex-wrap: wrap;
}
.ad-zone .item {
    flex-grow: 1;
    max-width: 100%;
}
@media (min-width: 1200px) {
    .ad-zone .item {
        flex-grow: 1;
        max-width: 50%;
    }
}
.img-ad.fix-h {
    height: 200px;
}
.img-ad {
    width: 100%;
    min-height: auto;
}