html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    direction: ltr;
}

.scrollToTop {
    padding: 10px 12px;
    text-align: center;
    background: #0397D6;
    font-weight: 700;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    position: fixed;
    bottom: 5px;
    border-radius: 7px;
    right: 40px;
    display: none;
}

.scrollToTop:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: 0 0 3px 0 #9493935c;
}

.putihs {
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 3px;
    margin-bottom: 15px;
    box-shadow: 1px 3px 8px #0000001a;
}

.coveranime .ime img {
    width: 100%;
    position: absolute;
}

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

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    margin-bottom: 6px;
}

.coveranime {
    position: relative;
}

.arcpad {
    overflow: hidden;
    padding: 5px;
}

@font-face {
    font-family: 'roboto-regular';
    src: url('../fonts/Roboto-Regular.ttf');
}

.navig {
    margin-bottom: 69px;
}

.dtlx {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 11px;
    margin-bottom: 15px;
}

.dark .dtlx {
    border-bottom: 1px solid #333;
}

.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.pad_content {
    padding: 13px;
}

.loading {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}

.genrehome {
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
}

.dark .genrehome {
    background: #0b0a0d;
    border-bottom: 1px solid #222;
}

.dark .genrehome a {
    color: #ccc;
}

.glimit {
    overflow: hidden;
    white-space: nowrap;
    padding-left: 8px;
}

.glimit a {
    color: #555;
    padding: 5px 10px;
    line-height: 40px;
    border-radius: 4px;
    font-size: 13px;
}

.glimit a:hover {
    color: #fff!important;
    background: #e48d1e;
    text-decoration: none;
}

.keyw {
    border: 3px solid #ddd;
    overflow: auto;
    margin-top: 5px;
    text-align: justify;
    background: transparent;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    height: 42px;
    color: #000;
    background: #fff;
    border-radius: 4px;
    overflow-y: scroll;
}

.post-footer {
    padding: 18px 28px;
    overflow: hidden;
    line-height: 0;
}

@media(max-width:767px) {
    .post-footer {
        padding: 15px;
    }
}

.magazine1 .post-footer-on-bottom {
    background: #fafafa;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.post-footer-on-top {
    padding-bottom: 0;
}

.featured-area+.post-footer-on-top,
.entry-header-outer+.post-footer-on-top {
    padding-top: 0;
}

.post-layout-1 .post-footer-on-top {
    padding-bottom: 18px;
}

@media(min-width:768px) {
    .post-footer-on-top~.entry-content {
        padding-top: 20px;
    }
}

.magazine1.post-layout-7 .entry-content,
.post-layout-8 .entry-content {
    padding-top: 20px;
}

.post-footer-on-mobile {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    background: 0 0;
    border: 0;
    padding: 0;
}

.post-footer-on-mobile .share-links a {
    margin: 0;
    border-radius: 0;
    width: 1%;
    display: table-cell;
    opacity: 1!important;
}

.post-footer-on-mobile .share-links a .fa {
    margin: 0 auto;
    float: none;
}

@media(min-width:768px) {
    .post-footer-on-mobile {
        display: none;
    }
}

.mobile-share-buttons-spacer {
    height: 40px;
}

@media(min-width:768px) {
    .mobile-share-buttons-spacer {
        display: none;
    }
}

.share-links {
    overflow: hidden;
}

.share-links .fa {
    font-size: 15px;
}

.share-links a {
    display: inline-block;
    margin: 2px;
    height: 40px;
    overflow: hidden;
    color: #fff;
    background: #444;
    position: relative;
    transition: .3s;
    border-radius: 2px;
    width: 40px;
}

.share-links a.large-share-button {
    width: auto;
}

.share-links a .fa {
    width: 40px;
    height: 40px;
    float: left;
    display: block;
    text-align: center;
    line-height: 40px;
}

.share-links a .social-text {
    border: 0 solid rgba(255, 255, 255, .3);
    border-left-width: 1px;
    padding-left: 15px;
    height: 20px;
    float: left;
    margin-top: 10px;
    padding-right: 25px;
    font-size: 12px;
    line-height: 20px;
    font-family: open sans, sans-serif;
}

.share-links a:hover {
    opacity: .8;
    color: #fff!important;
}

.share-links .equal-width {
    width: 1%;
    display: table-cell;
    margin: 0;
    border-radius: 0;
}

.share-links .equal-width .fa {
    display: inline-block;
    float: none;
    width: 100%;
}

.share-centered {
    text-align: center;
    position: relative;
    margin-top: 10px;
}

.share-title {
    padding-right: 15px;
    display: inline-block;
    float: left;
    line-height: 40px;
    font-size: 12px;
    margin: 2px 0;
}

.share-title .fa {
    margin-right: 5px;
    font-size: 14px;
}

.icons-text .share-title {
    line-height: 30px;
}

.icons-text .large-share-button {
    height: 30px;
}

.icons-text .large-share-button .social-text {
    padding-left: 6px;
    padding-right: 8px;
    height: 20px;
    margin-top: 5px;
    line-height: 20px;
    font-size: 10px;
}

.icons-text .large-share-button .fa {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.share-links a.facebook-share-btn {
    background: #5d82d1;
}

.share-links a.twitter-share-btn {
    background: #40bff5;
}

.share-links a.google-share-btn {
    background: #eb5e4c;
}

.share-links a.linkedin-share-btn {
    background: #238cc8;
}

.share-links a.pinterest-share-btn {
    background: #e13138;
}

.share-links a.reddit-share-btn {
    background: #ff4500;
}

.share-links a.stumbleupon-share-btn {
    background: #eb4924;
}

.share-links a.tumblr-share-btn {
    background: #35465c;
}

.share-links a.vk-share-btn {
    background: #45668e;
}

.share-links a.odnoklassniki-share-btn {
    background: #ee8208;
}

.share-links a.pocket-share-btn {
    background: #ef4056;
}

.share-links a.whatsapp-share-btn {
    background: #43d854;
}

.share-links a.telegram-share-btn {
    background: #08c;
}

.share-links a.viber-share-btn {
    background: #773ead;
}

.share-links a.viber-share-btn .fa {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.share-links a.email-share-btn {
    background: #333;
}

@media(max-width:767px) {
    .social-text {
        display: none;
    }
}

@media(max-width:479px) {
    .share-title {
        display: none;
    }
}

@media(min-width:768px) {
    a.whatsapp-share-btn,
    a.telegram-share-btn,
    a.viber-share-btn {
        display: none;
    }
}

.dtlx h1 {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 5px;
}

.dtlx span {
    color: #8f95a3;
    font-weight: 500;
    line-height: 21px;
}

.shadows-slider {
    box-shadow: inset 300px 40px 200px 0 rgba(0, 0, 0, 0.75), 0px 0 15px 5px rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    background-color: rgba(0, 0, 0, 0.6);
}

.widget-filter {
    padding-left: 9px;
    padding-right: 6px;
    position: relative;
    padding-top: 10px;
}

.fotmobilepost {
    display: none!important;
}

.footer-content-post {
    overflow: hidden;
    display: block;
    margin-top: 8px;
}

.footer-content-post .contentleft {
    float: left;
}

.footer-content-post .contentright {
    float: right;
    background: #000;
    padding: 4px;
    font-weight: bold;
}

.footer-content-post .contentright a {
    color: #fff;
}

.footer-content-post .contentright a:hover {
    color: #fff!important;
}

.owl-nav.disabled {
    display: none;
}

.entry-content.synopspost {
    font-size: 13px;
    line-height: 23px;
}

.noticex {
    padding: 13px;
    font-weight: 600;
    background: #29b6f6;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 1px 3px 8px #0000001a;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgrouap,
menu,
nav,
section {
    display: block;
}

blockquote,
q {
    margin: 10px 0;
    clear: both;
    quotes: none;
    background: #EDF0F3;
    border-left: 5px solid #C1CED4;
    padding: 5px 10px;
}

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

code {
    margin: 10px 0;
    display: block;
    border-right: 1px solid #DDD;
    border-left: 3px solid #43966C;
    padding: 5px 10px;
    font-family: monospace;
    font-size: 13px;
    background: #FAFAFA;
}

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

a {
    text-decoration: none;
    transition: color .1s linear;
    -moz-transition: color .1s linear;
    -webkit-transition: color .1s linear;
    color: #29b6f6;
}

a:hover {
    text-decoration: none;
}

.clear {
    clear: both;
}

p {
    margin: 10px 0;
    overflow: hidden;
    font-size: 15px;
    line-height: 27px;
}

.dark .content_episode p {
    color: #ccc;
}

.dark .content_episode strong {
    color: #ccc;
}

.dark .content_episode span {
    color: #ccc!important;
}

body {
    color: #000;
    font-size: 13px;
    margin: 0 auto;
    padding: 0;
    font-family: roboto-regular;
    background: #fefcfe url(../../images/background.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body.dark {
    background: #16151d url(../../images/background002.png) no-repeat center center fixed;
    color: #ccc;
}

#wrap {
    max-width: 1130px;
    border-radius: 5px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 20px;
    margin-top: 20px;
}

#content {
    padding-top: 0;
}

:focus {
    outline: none;
}

#header {
;
}

.logo {
    float: left;
    margin-top: 9px;
}

.center {
    width: 1128px;
    margin: 0 auto;
}

.logo img {
    height: auto;
    width: 165px;
}

.notif {
    background: #fff;
    overflow: hidden;
}

.announ {
    float: left;
    margin-right: 7px;
    padding: 11px;
    background: #f1f1f1;
}

.kln {
    overflow: hidden;
    text-align: center;
	margin: -5px;
}

.kln .lmt {
    margin: -5px;
    overflow: hidden;
}

.kln .lmt .klnmin {
    float: left;
    text-align: center;
    width: 50%;
}

.kln .lmt .klnmin img {
;
}

.black .kln {
    margin: 0 auto;
    max-width: 960px;
    margin-bottom: 15px;
}

.kln .lmt .klnmin img {
    min-width: auto;
    width: 100%;
    padding: 3px;
}

#floatcenter {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

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

.anon {
    margin: 0 auto;
    position: relative;
    margin-top: auto;
    margin-bottom: 11px;
    padding: 10px 35px;
    border-radius: 5px;
    color: #FFF;
    line-height: 18px;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    font-size: 13px;
    box-shadow: 1px 3px 8px #0000001a;
    background: #29b6f6;
}

.anon a {
    font-weight: bold;
    color: #FFF;
}

.anon::before {
    font-family: 'dashicons';
    line-height: normal;
    font-weight: normal;
    content: "\f488";
    font-size: 30px;
    color: #fff;
    top: 5px;
    left: 5px;
    position: absolute;
}

.anon::after {
    font-family: 'dashicons';
    line-height: normal;
    font-weight: normal;
    content: "\f488";
    color: #fff;
    font-size: 30px;
    right: 5px;
    top: 5px;
    position: absolute;
    transform: scale(-1, 1);
}

#header {
    overflow: hidden;
    margin-bottom: 20px
}

#header .logo {
    float: left
}

#header .logo img {
    max-width: 252px;
    height: auto
}

#header .headads {
    float: right;
    max-width: 728px;
    max-height: 90px
}

header {
    float: left;
    margin: 9px 25px 7px 0;
}

.logos img {
    max-height: 50px;
}

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

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

.th {
    height: 68px;
    background: #fff;
    position: relative;
}

.dark .th {
    background: #0b0a0d;
}

.th .centernav {
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 20px
}

.shme {
    display: none
}

.shme .dashicons {
    font-size: 38px;
}

#main-menu {
    margin: 0;
    background: #0397D6;
    z-index: 99999;
}

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

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

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

#main-menu .dashicons {
    width: auto;
    height: auto;
    font-size: 16px;
    padding-right: 2px;
}

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

#main-menu ul li {
    float: left;
    position: relative;
}

#main-menu ul li a {
    display: block;
    text-align: center;
    line-height: 45px;
    height: 44px;
    color: #FFF;
    border-left: 0;
    transition: color .5s;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding-right: 20px;
    padding-left: 20px;
}

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

#main-menu ul li a:hover {
    text-decoration: none;
    color: #FFF!important;
    background: rgba(0, 0, 0, .3);
}

#main-menu ul li ul {
    position: absolute;
    top: 44px;
    padding: 5px;
    min-width: 240px;
    display: none;
    z-index: 9999;
    border-top: 3px solid #30649a;
    background: #191919;
}

#main-menu ul li:hover ul {
    display: block
}

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

#main-menu ul li:hover ul li ul {
    display: none
}

#main-menu ul li ul li a {
    margin: 0;
    display: block;
    width: 147px;
    background: 0 0;
    font-size: 14px;
    padding: 5px 10px;
    line-height: 21px;
    text-align: left;
    color: rgba(255, 255, 255, .7);
    height: 32px;
}

#main-menu ul li ul li a:hover {
    background: #23282d
}

#main-menu .random {
    float: right;
    color: #fff;
    cursor: pointer;
    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;
    text-decoration: none
}

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

#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;
    cursor: pointer;
    display: none;
    height: 34px;
    left: auto;
    position: absolute;
    text-align: center;
    top: 17px;
    width: 34px;
    color: #fff;
    right: 15px
}

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

.searchx {
    float: left;
    width: 350px;
    margin: 19px 22px 13px 0;
    position: relative;
}

.searchx #form {
    padding: 0;
    position: relative
}

.searchx #form #s:focus {
    border-color: #0397D6;
}

.searchx #form #s:focus+button {
    color: #0397D6;
}

.searchx #form #s {
    font-weight: 300;
    box-shadow: none!important;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    padding-right: 30px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.42857143;
    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 ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

li.theme.quickswitcher {
    float: right;
    list-style: none;
    margin-top: 21px;
}

.quickswitcher .switch {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 12px;
}

.quickswitcher .switch input {
    display: none
}

.quickswitcher .slider {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.quickswitcher .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 1px;
    bottom: 1px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

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

.quickswitcher input:focus+.slider {
    box-shadow: 0 0 1px #555
}

.quickswitcher input:checked+.slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px)
}

.quickswitcher .slider.round {
    border-radius: 34px
}

.quickswitcher .slider.round:before {
    border-radius: 50%;
    background: #29b6f6;
}

.quickswitcher .text {
    color: #eee;
    text-transform: uppercase;
    font-size: .7rem;
    padding: 0px 0;
}

.quickswitcher .text {
    color: gray
}

.dark .quickswitcher .text {
    color: #eee
}

.quickswitcher label.switch {
    margin-bottom: 0!important
}

.dark .searchx #form #s {
    background: #000;
    color: #ccc;
    border: 1px solid #555;
}

.searchx #form #sel {
    margin: 0;
    color: #888;
    border: 0;
    outline: 0;
    display: inline-block;
    font-family: open sans, sans-serif;
    background-color: #fff;
    border: 1px solid #e5e2e2;
    -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 linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 5px
}

.searchx #form #submit {
    position: absolute;
    background: none;
    color: #DDD;
    cursor: pointer;
    font-family: inherit;
    border: 0;
    padding: 0 7px;
    top: 6px;
    font-size: medium;
    right: 2px;
    line-height: 36px
}

.searchx #form #submit .fa {
    display: block;
    font-size: 20px;
}

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

.surprise {
    float: right;
    background: transparent;
    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;
    margin: 7px;
    border: 1px solid;
}

.surprise .dashicons {
    width: auto;
    height: auto;
    line-height: 18px;
    font-size: 14px;
    margin-right: 2px
}

.surprise:hover {
    color: #000;
    background: #fff;
    border: 1px solid #fff;
}

.Manga {
    background: #e53637!important;
}

.Manhwa {
    background: #009688!important;
}

.qtip-default {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)!important;
    border: 1px solid rgba(0, 0, 0, .2)!important;
    max-width: 320px!important;
    font-size: 14px!important;
    line-height: 20px!important;
    padding: 0!important;
}

.tooltip {
    padding: 9px 14px;
}

.tooltip .judul-tooltip {
    clear: both;
    margin-top: 0;
    overflow: hidden;
}

.tooltip .judul-tooltip h4 {
    color: #0397D6;
    float: left;
    font-size: 16px;
    max-width: 80%;
    padding: 7px 0 10px;
}

.tooltip .judul-tooltip span {
    background-color: #000;
    color: #fff;
    float: right;
    font-size: 11px;
    line-height: 13px;
    margin-right: 10px;
    margin-top: 6px;
    padding: 3px 5px;
}

.tooltip .totop {
    background: #eee none repeat scroll 0 0;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    margin: 4px -15px;
    padding: 5px 12px;
}

.tooltip .totop .infox {
    display: inline-block;
    margin-right: 20px;
    padding: 3px 0;
}

.tooltip .totop .infox.imdb {
    background: #fed500 none repeat scroll 0 0;
    margin-right: 15px;
    padding: 1px 7px;
}

.qtip-content {
    padding: 0!important;
}

.tooltip .todesc {
    color: #333;
    font-size: 12px;
    line-height: 1.3em;
    margin-top: 7px;
}

.tooltip .toblock {
    color: #333;
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
}

.tooltip .towatch {
    margin-top: 10px;
}

.tooltip .towatch a {
    background-color: #0397D6;
    border-color: #0397D6;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 10px 0;
    padding: 7px 15px;
    text-decoration: none;
}

.tooltip .towatch a:hover {
    color: #fff!important;
}

.tooltip-loading {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.tooltip-loading div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #0397D6;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.tooltip-loading div:nth-child(1) {
    left: 6px;
    animation: tooltip-loading1 0.6s infinite;
}

.tooltip-loading div:nth-child(2) {
    left: 6px;
    animation: tooltip-loading2 0.6s infinite;
}

.tooltip-loading div:nth-child(3) {
    left: 26px;
    animation: tooltip-loading2 0.6s infinite;
}

.tooltip-loading div:nth-child(4) {
    left: 45px;
    animation: tooltip-loading3 0.6s infinite;
}

@keyframes tooltip-loading1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes tooltip-loading3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes tooltip-loading2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.container-fluid:after,
.container-fluid:before {
    content: " ";
    display: table;
}

.container-fluid:after {
    clear: both;
}

.row {
    width: 100%;
    overflow: hidden;
}

.row:after,
.row:before {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #8c8c8c;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 18px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0;
}

.table>tbody+tbody {
    border-top: 2px solid #ddd;
}

.table .table {
    background-color: #e6e8f0;
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell;
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5;
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8;
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #aeb;
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #95eaaa;
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #b3e4ec;
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #9fdde7;
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #eeeaab;
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #eae596;
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #ebc3c5;
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #e5b0b3;
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%;
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 13.5px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive>.table {
        margin-bottom: 0;
    }
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }
    .table-responsive>.table-bordered {
        border: 0;
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0;
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0;
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0;
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 18px;
    font-size: 19.5px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

input[type=file] {
    display: block;
}

input[type=range] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 13px;
    line-height: 1.42857;
    color: #555;
}

.form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857;
    color: #555;
    background-color: #eee;
    background-image: none;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    background: #fff;
    border-color: #0FACF3;
    outline: 0;
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control,
    input[type=time].form-control {
        line-height: 32px;
    }
    .input-group-sm input[type=date],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm input[type=time],
    .input-group-sm>.input-group-btn>input.btn[type=date],
    .input-group-sm>.input-group-btn>input.btn[type=datetime-local],
    .input-group-sm>.input-group-btn>input.btn[type=month],
    .input-group-sm>.input-group-btn>input.btn[type=time],
    .input-group-sm>input.form-control[type=date],
    .input-group-sm>input.form-control[type=datetime-local],
    .input-group-sm>input.form-control[type=month],
    .input-group-sm>input.form-control[type=time],
    .input-group-sm>input.input-group-addon[type=date],
    .input-group-sm>input.input-group-addon[type=datetime-local],
    .input-group-sm>input.input-group-addon[type=month],
    .input-group-sm>input.input-group-addon[type=time],
    input[type=date].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm,
    input[type=time].input-sm {
        line-height: 26px;
    }
    .input-group-lg input[type=date],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    .input-group-lg input[type=time],
    .input-group-lg>.input-group-btn>input.btn[type=date],
    .input-group-lg>.input-group-btn>input.btn[type=datetime-local],
    .input-group-lg>.input-group-btn>input.btn[type=month],
    .input-group-lg>.input-group-btn>input.btn[type=time],
    .input-group-lg>input.form-control[type=date],
    .input-group-lg>input.form-control[type=datetime-local],
    .input-group-lg>input.form-control[type=month],
    .input-group-lg>input.form-control[type=time],
    .input-group-lg>input.input-group-addon[type=date],
    .input-group-lg>input.input-group-addon[type=datetime-local],
    .input-group-lg>input.input-group-addon[type=month],
    .input-group-lg>input.input-group-addon[type=time],
    input[type=date].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg,
    input[type=time].input-lg {
        line-height: 42px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkbox label,
.radio label {
    min-height: 18px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9;
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px;
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px;
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed;
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
    cursor: not-allowed;
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 31px;
}

.form-control-static.input-lg,
.form-control-static.input-sm,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-left: 0;
    padding-right: 0;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn,
.input-sm {
    height: 26px;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.dark .form-control {
    color: #ccc;
    background: #333;
    border: 1px solid #222;
}

.input-group-sm>.input-group-btn>select.btn,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
select.input-sm {
    height: 26px;
    line-height: 26px;
}

.input-group-sm>.input-group-btn>select.btn[multiple],
.input-group-sm>.input-group-btn>textarea.btn,
.input-group-sm>select.form-control[multiple],
.input-group-sm>select.input-group-addon[multiple],
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
select[multiple].input-sm,
textarea.input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 26px;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.form-group-sm select.form-control {
    height: 26px;
    line-height: 26px;
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 26px;
    min-height: 30px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.5;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn,
.input-lg {
    height: 42px;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.33333;
    border-radius: 4px;
}

.input-group-lg>.input-group-btn>select.btn,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
select.input-lg {
    height: 42px;
    line-height: 42px;
}

.input-group-lg>.input-group-btn>select.btn[multiple],
.input-group-lg>.input-group-btn>textarea.btn,
.input-group-lg>select.form-control[multiple],
.input-group-lg>select.input-group-addon[multiple],
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
select[multiple].input-lg,
textarea.input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 42px;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.33333;
    border-radius: 4px;
}

.form-group-lg select.form-control {
    height: 42px;
    line-height: 42px;
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 42px;
    min-height: 33px;
    padding: 11px 15px;
    font-size: 15px;
    line-height: 1.33333;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 40px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    pointer-events: none;
}

.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-lg+.form-control-feedback {
    width: 42px;
    height: 42px;
    line-height: 42px;
}

.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-sm+.form-control-feedback {
    width: 26px;
    height: 26px;
    line-height: 26px;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #aeb;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #eeeaab;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #ebc3c5;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label~.form-control-feedback {
    top: 23px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: .9em;
    color: #959595;
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-static {
        display: inline-block;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto;
    }
    .form-inline .input-group>.form-control {
        width: 100%;
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0;
    }
    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 25px;
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
    content: " ";
    display: table;
}

.form-horizontal .form-group:after {
    clear: both;
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 10px;
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 15px;
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 4px;
        font-size: 12px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none;
}

.link-list .item .rightitem span.genre {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    font-size: 11px;
    color: #555;
}

.btn.active,
.btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #efefef;
    border-color: #efefef;
}

.btn-default.focus,
.btn-default:focus {
    color: #333;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}

.btn-default:hover {
    color: #333;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}

.btn-default.active,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
    color: #333;
    background-color: #d0d0d0;
    border-color: #d0d0d0;
}

.btn-default.active,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
    background-image: none;
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #efefef;
    border-color: #efefef;
}

.btn-default .badge {
    color: #efefef;
    background-color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #0FACF3;
    border-color: #0FACF3;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #573e85;
    border-color: #573e85;
}

.btn-primary:hover {
    color: #fff;
    background-color: #573e85;
    border-color: #573e85;
}

.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #573e85;
    border-color: #573e85;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #4e3877;
    border-color: #4e3877;
}

.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #0FACF3;
    border-color: #0FACF3;
}

.btn-primary .badge {
    color: #0FACF3;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #47a447;
    border-color: #47a447;
}

.btn-success:hover {
    color: #fff;
    background-color: #47a447;
    border-color: #47a447;
}

.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #47a447;
    border-color: #47a447;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #419641;
    border-color: #419641;
}

.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
    background-image: none;
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #39b3d7;
    border-color: #39b3d7;
}

.btn-info:hover {
    color: #fff;
    background-color: #39b3d7;
    border-color: #39b3d7;
}

.btn-info.active,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #39b3d7;
    border-color: #39b3d7;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #2aabd2;
    border-color: #2aabd2;
}

.btn-info.active,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
    background-image: none;
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #ed9c28;
    border-color: #ed9c28;
}

.btn-warning:hover {
    color: #fff;
    background-color: #ed9c28;
    border-color: #ed9c28;
}

.btn-warning.active,
.btn-warning:active,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ed9c28;
    border-color: #ed9c28;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #eb9316;
    border-color: #eb9316;
}

.btn-warning.active,
.btn-warning:active,
.open>.btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #d2322d;
    border-color: #d2322d;
}

.btn-danger:hover {
    color: #fff;
    background-color: #d2322d;
    border-color: #d2322d;
}

.btn-danger.active,
.btn-danger:active,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #d2322d;
    border-color: #d2322d;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #c12e2a;
    border-color: #c12e2a;
}

.btn-danger.active,
.btn-danger:active,
.open>.btn-danger.dropdown-toggle {
    background-image: none;
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d9534f;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

.btn-link {
    color: #0FACF3;
    font-weight: 400;
    border-radius: 0;
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent;
}

.btn-link:focus,
.btn-link:hover {
    color: #47336d;
    text-decoration: none;
    background-color: transparent;
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #8c8c8c;
    text-decoration: none;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.33333;
    border-radius: 4px;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown,
.dropup {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.show .dropdown-menu {
    display: block;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    right: -2px;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #0FACF3;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #8c8c8c;
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #8c8c8c;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left;
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar:after,
.btn-toolbar:before {
    content: " ";
    display: table;
}

.btn-toolbar:after {
    clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group>.btn-group {
    float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group-lg.btn-group>.btn+.dropdown-toggle,
.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-group-lg>.btn .caret,
.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-group-lg>.btn .caret,
.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before {
    content: " ";
    display: table;
}

.btn-group-vertical>.btn-group:after {
    clear: both;
}

.btn-group-vertical>.btn-group>.btn {
    float: none;
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}

.btn-group-justified>.btn-group .btn {
    width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto;
}

[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group .form-control:focus {
    z-index: 3;
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 3px;
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 2px;
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 15px;
    font-size: 15px;
    border-radius: 4px;
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn>.btn+.btn {
    margin-left: -1px;
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav:after,
.nav:before {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}

.nav>li.disabled>a {
    color: #8c8c8c;
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #8c8c8c;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #0FACF3;
}

.nav .nav-divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #e6e8f0;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    border-radius: 3px;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #0FACF3;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%;
}

.nav-justified>li,
.nav-tabs.nav-justified>li {
    float: none;
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width:768px) {
    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 3px;
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 3px 3px 0 0;
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #e6e8f0;
    }
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 18px;
    border: 1px solid transparent;
}

.navbar:after,
.navbar:before {
    content: " ";
    display: table;
}

.navbar:after {
    clear: both;
}

@media (min-width:768px) {
    .navbar {
        border-radius: 3px;
    }
}

.navbar-header:after,
.navbar-header:before {
    content: " ";
    display: table;
}

.navbar-header:after {
    clear: both;
}

@media (min-width:768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch;
}

.navbar-collapse:after,
.navbar-collapse:before {
    content: " ";
    display: table;
}

.navbar-collapse:after {
    clear: both;
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px;
    }
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width:768px) {
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width:768px) {
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 16px 10px;
    font-size: 15px;
    line-height: 18px;
    height: 50px;
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}

.navbar-brand>img {
    display: block;
}

@media (min-width:768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -10px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 8px -10px;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px;
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 18px;
    }
    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none;
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-nav>li>a {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

.navbar-form {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin-top: 9px;
    margin-bottom: 9px;
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .navbar-form .form-control-static {
        display: inline-block;
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .navbar-form .input-group .form-control,
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto;
    }
    .navbar-form .input-group>.form-control {
        width: 100%;
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .checkbox label,
    .navbar-form .radio label {
        padding-left: 0;
    }
    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0;
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 9px;
    margin-bottom: 9px;
}

.btn-group-sm>.navbar-btn.btn,
.navbar-btn.btn-sm {
    margin-top: 12px;
    margin-bottom: 12px;
}

.btn-group-xs>.navbar-btn.btn,
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 16px;
    margin-bottom: 16px;
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left!important;
    }
    .navbar-right {
        float: right!important;
        margin-right: -10px;
    }
    .navbar-right~.navbar-right {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: #777;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #777;
}

.navbar-default .navbar-nav>li>a {
    color: #777;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color: #555;
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

.navbar-default .navbar-link:hover {
    color: #333;
}

.navbar-default .btn-link {
    color: #777;
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: #333;
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc;
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909;
}

.navbar-inverse .navbar-brand {
    color: #b3b3b3;
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #b3b3b3;
}

.navbar-inverse .navbar-nav>li>a {
    color: #b3b3b3;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #090909;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #090909;
    color: #fff;
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #b3b3b3;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #b3b3b3;
}

.navbar-inverse .navbar-link:hover {
    color: #fff;
}

.navbar-inverse .btn-link {
    color: #b3b3b3;
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
    color: #fff;
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444;
}

@media screen and (max-width:800px) {
    #body #main {
        margin-right: 0;
        padding-right: 0;
    }
    #body #sidebar {
        width: 100%;
    }
}

.widget {
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -khtml-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);
}

.widget.schedule.pages {
;
}

.widget .no-pad {
    padding: 0;
}

.widget .widget-judul {
    border-bottom: 1px solid #eee;
    min-height: 35px;
    padding: 0 10px;
}

.widget .widget-judul .title {
    font-size: 1.1em;
    font-family: "Nunito Sans", sans-serif;
    display: inline;
    line-height: 35px;
    color: #0FACF3;
    font-weight: 600;
    text-transform: uppercase;
}

.widget .widget-judul .title h1,
.widget .widget-judul .title h2,
.widget .widget-judul .title h3 {
    font-size: inherit;
    display: inline-block;
    font-weight: inherit;
}

.widget .widget-judul .tabs .tab {
    display: inline-block;
    padding: 6px 7px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-family: "Nunito Sans", sans-serif;
}

.widget .widget-judul .tabs .tab:hover {
    color: #0FACF3;
    border-bottom: 2px solid #eee;
}

.widget .widget-judul .tabs .tab.active {
    border-bottom: 2px solid #5e4390;
}

.widget .widget-judul .more.paging {
    float: right;
}

.widget .widget-judul .more.paging .btn {
    margin-top: 8px;
    width: 18px;
    height: 18px;
    padding: 0;
    line-height: 18px;
    text-align: center;
    font-size: 1rem;
}

.widget .widget-judul .more.filter {
    float: right;
    cursor: pointer;
    line-height: 35px;
    font-size: 1rem;
}

.widget .widget-judul .more.filter .icon {
    font-weight: 700;
}

.widget .widget-judul a.more {
    float: right;
    background: #0FACF3;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 6px;
    color: #eee;
    margin: 8px 0 0 0;
    font-size: .8rem;
}

.widget .widget-judul a.more:hover {
    background: #7555b0;
}

@media screen and (max-width:450px) {
    .widget .widget-judul .tabs {
        display: block;
        clear: both;
    }
}

.widget .widget-body {
    padding: 10px;
}

.widget.crop {
    overflow: hidden;
}

#footer .azlist ul li.widget .widget-body,
#footer .azlist ul.widget .widget-body,
#footer .main .linkc .links ul.widget .widget-body,
#footer .main .mainc p.widget .widget-body,
#header .nav #menu>li .sub>li.widget .widget-body,
#header .nav #menu>li .widget.sub .widget-body,
#header .nav .widget#menu .widget-body,
.faq ol li .widget.question .widget-body,
.filters .filter .widget.dropdown-menu .widget-body,
.filters .filter li input.widget .widget-body,
.filters .filter li label.widget .widget-body,
.profile-page .sidebar ul.widget.menu .widget-body,
.tooltipster-sidetip.anime .tooltipster-box .tooltipster-content .inner .desc label.widget .widget-body,
.tooltipster-sidetip.anime .tooltipster-box .tooltipster-content .inner .meta label.widget .widget-body,
.tooltipster-sidetip.anime .tooltipster-box .tooltipster-content .inner .title h1.widget .widget-body,
.widget .widget-judul .title h1.widget .widget-body,
.widget .widget-judul .title h2.widget .widget-body,
.widget .widget-judul .title h3.widget .widget-body,
.widget .widget-judul .widget.title .widget-body,
.widget.az-list ul.letters li.widget .widget-body,
.widget.az-list ul.widget.letters .widget-body,
.widget.fit .widget-body,
.widget.genres ul li.widget .widget-body,
.widget.genres ul.widget .widget-body,
.widget.info .info .head .widget.title .widget-body,
.widget.servers ul.episodes li.widget .widget-body,
.widget.servers ul.widget.episodes .widget-body,
.widget.slider .item .info p.widget .widget-body {
    padding: 0;
}

#main .widget.crop {
    padding-top: 5px;
}

.widget.slider {
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.widget.slider .paging {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 100%;
}

.widget.slider .paging .swiper-pagination-bullet {
    margin: 0 3px;
    background: #fff;
    opacity: 1;
    width: 9px;
    height: 9px;
    -webkit-box-shadow: #000 0 0 6px 0;
    -khtml-box-shadow: #000 0 0 6px 0;
    -moz-box-shadow: #000 0 0 6px 0;
    -ms-box-shadow: #000 0 0 6px 0;
    -o-box-shadow: #000 0 0 6px 0;
    box-shadow: #000 0 0 6px 0;
}

.widget.slider .paging .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0FACF3;
}

.widget.slider .item {
    position: relative;
    width: 100%!important;
    height: 274px;
    background-size: cover;
}

.widget.slider .item .poster {
    top: 23px;
    left: 23px;
    z-index: 99999;
    float: left;
}

.widget.slider .item .poster img {
    width: 106px;
    height: 147px;
}

.widget.slider .item:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    height: 50%;
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#251a39));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #251a39);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #251a39);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #251a39);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #251a39);
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), #251a39);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='rgba(0,0,0,0)', endColorStr='#251a39');
}

.widget.slider .item .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 130px 20px 20px;
    color: #eee;
    z-index: 9999;
    margin-bottom: 14px;
}

.widget.slider .item .info .name {
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 6px;
    color: #fff;
}

.widget.slider .item .info .name:hover {
    color: #eee;
}

.widget.slider .item .info p {
    color: #ddd;
    font-family: "Nunito Sans", sans-serif;
    max-height: 52px;
    overflow: hidden;
    line-height: 19px;
}

.widget.slider .item .info .watch {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #0FACF3;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.widget.slider .item .info .watch:hover {
    color: #0FACF3;
    background: #ddd;
}

@media screen and (max-width:600px) {
    .widget.slider .item .info p {
        height: 32px;
        overflow: hidden;
    }
}

@media screen and (max-width:480px) {
    .widget.slider .item:before {
        display: none;
    }
    .widget.slider .item .info {
        padding: 10px;
        background: rgba(0, 0, 0, .6);
    }
    .widget.slider .item .info .name {
        font-size: 1.2rem;
    }
    .widget.slider .item .info p {
        display: none;
    }
    .widget.slider .item .info .watch {
        display: none;
    }
}

@media screen and (max-width:360px) {
    .widget.slider .item .info .name {
        font-size: 1.1rem;
    }
}

.film-list {
    overflow: hidden;
    padding: 5px;
}

@media screen and (min-width:601px) {
    .link-list .item:nth-child(4n-2),
    .link-list .item:nth-child(4n-3) {
        background: #f6f6f6;
    }
}

@media screen and (max-width:600px) {
    .link-list .item {
        width: 100%;
    }
    .link-list .item:nth-child(2n-1) {
        background: #f6f6f6;
    }
}

.filters {
    position: relative;
    margin-right: -5px;
    margin-left: -5px;
}

.filters .filter:hover {
    border: none!important;
}

.filters .filter {
    display: inline-block;
    margin: 0 5px 5px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    width: 46%;
}

.filter.submit {
    width: 100%;
    margin-bottom: -3px;
}

.filter.submit .btn {
    width: 100%;
    display: block;
    background: #0397D6;
    color: #fff;
}

.filter.submit .btn:hover {
    color: #fff;
}

@media screen and (max-width:600px) {
    .filters .filter {
        position: static;
    }
    .filters .filter .dropdown-menu {
        right: 0;
        left: 0;
        width: auto!important;
    }
    ul.pull-right.dropdown-menu.countjembod.sort.c1 {}
    ul.pull-right.dropdown-menu.countjembod.sort.c1 {}
    .filters .filter .dropdown-menu li {
        width: 33.33%!important;
    }
}

@media screen and (max-width:360px) {
    .filters .filter .dropdown-menu.sort li {
        width: 50%!important;
    }
}

@media screen and (max-width:320px) {
    .filters .filter .dropdown-menu.genre li {
        width: 50%!important;
    }
}

.filters .filter .dropdown-toggle {
    color: #2f2f2f;
    width: 100%;
}

.dark .filters .filter .dropdown-toggle {
    color: #ccc;
    background: #333;
    border: 1px solid #222;
}

.filters .filter .dropdown-toggle .value {
    color: #6f6f6f;
}

.filters .filter .dropdown-menu {
    margin-top: 5px;
    padding: 10px;
    font-size: .95rem;
    max-height: none!important;
    position: absolute!important;
}

.filters .filter .dropdown-menu.lg {
    width: 500px;
}

.filters .filter .dropdown-menu.md {
    width: 300px;
}

.filters .filter .dropdown-menu.sm {
    width: 200px;
}

.filters .filter .dropdown-menu.c1>li {
    width: 100%;
}

.filters .filter .dropdown-menu.c2>li {
    width: 50%;
}

.filters .filter .dropdown-menu.c3>li {
    width: 33.33333%;
}

.filters .filter .dropdown-menu.c4>li:before {
    content: ""!important;
    background: none!important;
    width: 0!important;
    height: 0!important;
}

.filters .filter .dropdown-menu.c4>li {
    width: auto;
    list-style: none!important;
}

.filters .filter li {
    float: left;
    color: #3c3c3c;
    -webkit-transition: all .1s ease-in-out 0s;
    -khtml-transition: all .1s ease-in-out 0s;
    -moz-transition: all .1s ease-in-out 0s;
    -ms-transition: all .1s ease-in-out 0s;
    -o-transition: all .1s ease-in-out 0s;
    transition: all .1s ease-in-out 0s;
    font-family: "Nunito Sans", sans-serif;
    list-style: none;
}

.filters .filter li label {
    color: #3c3c3c;
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
}

.filters .filter li label.text-brand {
    color: #0FACF3;
}

.filters .filter li label:hover,
.filters .filter li:hover {
    color: #0FACF3;
    background: #f6f6f6;
    cursor: pointer;
}

.filters .filter li input,
.filters .filter li label {
    position: inherit;
    cursor: pointer;
}

.filters .filter li label {
    padding-right: 5px;
    display: block;
}

.filters .filter li input {
    display: none;
}

.filters .filter li input+label:before,
.filters .filter li input:not(:checked)+label:before {
    display: inline-block;
    margin-top: 3px;
    margin-right: 5px;
    font-family: 'FontAwesome';
    content: "\f0c8";
    color: #e5e5e5;
    vertical-align: top;
    line-height: 12px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.filters .filter li input:checked+label:before {
    background: 0 0;
    color: #0FACF3;
    font-size: 1rem;
    font-family: "FontAwesome";
    content: "\f00c";
}

.filters .filter li input[type=radio]+label:before,
.filters .filter li input[type=radio]:not(:checked)+label:before {
    content: "\f111";
}

.widget.quickfilter .filter {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 5px;
    margin: 0;
}

.widget.quickfilter .filter.submit {
    width: 100%;
}

.widget.quickfilter .filter .btn {
    width: 100%;
}

@media screen and (min-width:480px) and (max-width:800px) {
    .widget.quickfilter .filter {
        width: 25%;
    }
}

.filters.normal .filter {
    width: 19%;
    margin: 3px .5%;
    float: left;
    display: block;
}

.filters.normal .filter .dropdown-toggle {
    width: 100%;
}

@media screen and (max-width:600px) {
    .filters.normal .filter {
        width: 32.3%;
    }
    .filters.normal .filter.submit {
        clear: both;
        width: 100%;
    }
    .filters.normal .filter.submit .btn {
        width: 100%;
    }
}

@media screen and (max-width:320px) {
    .filters.normal .filter {
        width: 49%;
    }
}

.paging-wrapper {
    overflow: hidden;
    margin: 20px auto 20px;
    width: 500px;
    text-align: center;
}

.paging-wrapper .btn-group-lg>.btn,
.paging-wrapper .btn.btn-lg {
    margin-bottom: 10px;
    padding: 0 35px;
    width: 130px;
    height: 40px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 40px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.paging-wrapper .btn-group-lg>.btn .icon,
.paging-wrapper .btn.btn-lg .icon {
    font-weight: 300;
    font-size: 1.3rem;
    vertical-align: -4px;
}

.paging-wrapper form {
    display: inline-block;
    margin: 8px 20px;
    height: 40px;
    color: #555;
    vertical-align: middle;
    word-spacing: .3em;
    line-height: 40px;
}

.paging-wrapper form .btn,
.paging-wrapper form input,
.paging-wrapper form span {
    float: left;
    margin: 0 4px;
}

.paging-wrapper form span {
    height: 23px;
    line-height: 23px;
}

.paging-wrapper form input {
    display: inline-block;
    width: 35px;
    height: 23px;
    border: 1px solid #555;
    background: 0 0;
    color: #555;
    text-align: center;
    font-size: 1.1rem;
    line-height: 23px!important;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.paging-wrapper form input:focus {
    color: #a08ac8;
}

.paging-wrapper form .total {
    color: #0FACF3;
}

.paging-wrapper form .btn {
    padding: 0 10px;
    height: 23px;
}

@media screen and (max-width:530px) {
    .paging-wrapper {
        width: 100%;
    }
}

.widget.az-list ul.letters {
    background: #f6f6f6;
    overflow: hidden;
    padding: 5px 5px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.widget.az-list ul.letters li {
    float: left;
    width: 7.14286%;
}

.widget.az-list ul.letters li a {
    background: #fff;
    margin: 3px;
    display: block;
    text-align: center;
    padding: 3px 0;
    font-weight: 500;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #555;
    border: 1px solid #e9e9e9;
    font-family: "Nunito Sans", sans-serif;
}

.widget.az-list ul.letters li a.active,
.widget.az-list ul.letters li a:hover {
    background: #0FACF3;
    color: #fff;
}

.widget.az-list .items {
    padding: initial;
}

.widget.az-list .items:nth-child(2n) {
    background-color: #fbfbfb;
}

.dark .widget.az-list .items:nth-child(2n) {
    background-color: #333;
}

.widget.az-list .items .item {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
    overflow: hidden;
}

.dark .widget.az-list .items .item {
    border-bottom: 1px solid #333;
}

.widget.az-list .items .item:nth-child(2n) {
    background: #f6f6f6;
}

.widget.az-list .items .item .thumb {
    float: left;
    width: 63px;
    height: 86px;
    margin-right: 13px;
    margin-bottom: 5px;
}

.widget.az-list .items .item .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.widget.az-list .items .item .info .name {
    font-weight: bold;
    color: #333;
    font-size: 1.05rem;
}

.dark .widget.az-list .items .item .info .name {
    color: #ccc;
}

.widget.az-list .items .item .info .name:hover {
    color: #0FACF3;
}

.widget.az-list .items .item .info p {
    font-size: 13px;
    color: #8c8c8c;
    margin-top: 7px;
    line-height: 18px;
}

.episodelist {
    font-family: arial;
    padding: 13px;
    padding-top: 8px;
}

.episodelist .offzone {
    overflow: hidden;
    font-size: 11px;
    margin-bottom: 1px;
    font-weight: bold;
}

.episodelist .offzone .leftoff {
    padding: 0 7px;
    line-height: 30px;
    width: 57px;
    text-align: center;
    display: block;
    margin-right: 2px;
    float: left;
    background: #111;
    color: #FFF;
}

.episodelist .offzone .lefttitle {
    padding: 0 7px;
    line-height: 30px;
    width: 477px;
    text-align: center;
    display: block;
    margin-right: 2px;
    float: left;
    background: #111;
    color: #FFF;
}

.episodelist .offzone .rightoff {
    padding: 0 7px;
    line-height: 30px;
    float: left;
    display: block;
    width: 141px;
    margin-right: 2px;
    text-align: left;
    background: #111;
    color: #FFF;
}

.episodelist .offzone .watch {
    padding: 0;
    line-height: 30px;
    float: left;
    display: block;
    width: 92px;
    text-align: center;
    background: #111;
    color: #FFF;
}

.episodelist ul li {
    line-height: 30px;
    font-size: 11px;
    margin-bottom: 1px;
    overflow: hidden;
}

.episodelist ul li:nth-child(odd) {
    background: #f1f1f1;
}

.dark .episodelist ul li:nth-child(even) {
    background: #333;
}

.dark .episodelist ul li:nth-child(odd) {
    background: #333;
}

.episodelist ul li:nth-child(even) {
    background: #eee;
}

.episodelist ul li a:hover {
    color: #fff;
}

.episodelist ul li a {
    color: #000;
}

.dark .episodelist ul li a {
    color: #ccc;
}

.episodelist ul li a:hover {
    text-decoration: none;
    color: #fff;
}

.episodelist ul li .leftoff {
    width: 59px;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    border-right: 2px solid #fff;
}

.dark .episodelist ul li .leftoff {
    border-right: 2px solid #222;
}

.episodelist ul li .lefttitle {
    width: 479px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    float: left;
    border-right: 2px solid #fff;
    font-size: 12px;
}

.dark .episodelist ul li .lefttitle {
    border-right: 2px solid #222;
}

.episodelist ul li .rightoff {
    float: left;
    display: block;
    width: 143px;
    text-align: left;
    padding-left: 10px;
    border-right: 2px solid #fff;
}

.dark .episodelist ul li .rightoff {
    border-right: 2px solid #222;
}

.episodelist ul li .watch {
    float: left;
    background: #0080ae;
    display: block;
    width: 93px;
    text-align: center;
}

.episodelist ul li .watch a {
    color: #FFF;
}

.episodelist ul li .watch a:hover {
    color: #fff!important;
}

.releases h1 {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}

.releases span {
    color: #555;
    float: right;
    font-size: 20px;
}

.navigation {
    overflow: hidden;
}

.newepisode {
    position: relative;
    background: #eee;
    height: 221px;
    width: 176px;
    margin: 2px;
    overflow: hidden;
    float: left;
}

.live-search {
    float: left;
    top: 42px;
    width: 351px;
    opacity: .98;
    position: absolute;
    z-index: 9999;
    background: #fff;
}

.dark .live-search {
    background: #000;
    color: #ccc;
}

.dark .live-search .info .genre {
    color: #ccc;
}

.postbody {
    float: left;
    width: 800px;
    border-radius: 5px;
}
.postbody.full {
    width: 100%;
}
.postbody .dev {
;
}

.pagebody {
    float: left;
    width: 689px;
}

.pagebody .devs {
;
}

.postbody .dev ul {
    overflow: hidden;
}

.postbody .dev ul li {
    overflow: hidden;
    margin: 7px 0;
    padding: 9px;
    padding-left: 18px;
    width: 50%;
    float: left;
}

.putih.updatelagu ul li {
    width: 50%;
    float: left;
}

.postbody .dev ul li .thumb {
    float: left;
    margin-right: 7px;
    overflow: hidden;
    height: 104px;
    border-radius: 3px;
    position: relative;
    width: 154px;
    background: #f1f1f1;
}

.postbody .dev ul li .thumb img {
    position: absolute;
    width: 100%;
    padding: 0;
    border: none;
    margin-bottom: 0;
    margin-right: 0;
    float: none;
    height: 100%;
}

.postbody .dev ul li .dtl {
    overflow: hidden;
    padding: 3px 5px;
    position: relative;
    border-radius: 3px;
}

.putih.updatelagu ul li .dtl {
;
}

.postbody .dev ul li .dtl h2 {
    color: #000;
    margin-bottom: 6px;
    font-weight: 600;
    line-height: normal;
    font-size: 14px;
    overflow: hidden;
    max-height: 50px
}

.putih.updatelagu ul li .dtl h2 a {
;
}

.postbody .dev ul li .dtl h2 a {
    color: #222;
}

.dark .postbody .dev ul li .dtl h2 a {
    color: #ccc;
}

.putih.updatemovie ul li .dtl h2 a:hover {
    color: #e53637!important;
}

.putih.updatelagu ul li .dtl a:hover {
    color: #009688!important;
}

.updatekomik ul li .dtl h2 a:hover {
    color: #e53637!important;
}

.footer-content-post .contentleft span {
    float: left!important;
    margin-right: 19px;
}

.postbody .dev ul li .dtl h2 a:hover,
.postbody .boxed .right .lts ul li .dtl span a:hover {
    text-decoration: none;
    color: #0081f2;
}

.postbody .dev ul li .dtl span {
    font-size: 12px;
    line-height: 20px;
    color: #444;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dark .postbody .dev ul li .dtl span {
    color: #888;
}

.postbody .dev ul li .dtl span a {
    color: #444;
}

.postbody .dev ul li .dtl span .fa {
    margin-right: 1px;
}

.postbody .dev ul li .dtl span b {
    font-weight: normal;
}

.postbody .dev ul li .dtl span .dashicons {
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 18px;
    margin-right: 1px;
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

#slider {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 32%;
}

#slider .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#slider .slide-caption .btn:hover {
    color: #fff!important;
}

#slider .swiper-slide {
    position: relative;
}

#slider .slide-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#slider .slide-caption {
    color: #fff;
    width: 364px;
    line-height: 1.2em;
    overflow: hidden;
    position: absolute;
    top: 52px;
    left: 20px;
    z-index: 9999999999999;
}

#slider .slide-caption .sc-name {
    font-size: 1.5em;
    margin-bottom: 10px;
    font-weight: 500;
}

#slider .slide-caption .sc-desc {
    height: 78px;
    font-size: 13px;
    font-family: arial;
    line-height: 20px;
}

#slider .slide-caption .btn {
    margin-bottom: 0;
    background: #29b6f6;
    color: #fff;
    font-weight: 600;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 5px;
    overflow: hidden;
    display: inline-block;
    border-radius: 4px;
}

#slider .slide-caption .btn i {
    font-size: 10px;
}

#slider .swiper-pagination {
    left: 30px;
    bottom: auto;
    top: 30px;
    right: 0;
    width: 200px;
    text-align: left;
}

#slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0 8px 0 0;
}

#slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #FFD400;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside>.mCSB_container {
    margin-right: 13px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75);
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ececec;
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #0397D6;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #0397D6;
    filter: alpha(opacity=85);
    -ms-filter: alpha(opacity=85);
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #0397D6;
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90);
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40);
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75);
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90);
}

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 10px 0;
    margin-right: -6px;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: alpha(opacity=20);
    -ms-filter: alpha(opacity=20);
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50);
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: alpha(opacity=20);
    -ms-filter: alpha(opacity=20);
}

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

#slider .swiper-wrapper .bs {
    width: 100%;
}

.bs .bsx {
    position: relative;
    overflow: hidden;
    margin: 7px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

.bs .bsx .limit {
    padding: 133% 0 0;
    position: relative;
    overflow: hidden;
    background: #f1f1f1;
}

#slider .swiper-wrapper .bs .limit {
    padding: 148% 0 0;
}

.bs .bsx .limit .t {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.bs .bsx .limit .b {
    position: absolute;
    bottom: -30px;
    color: #fff;
    z-index: 1;
    padding: 8px 0;
    width: 100%;
    text-align: center;
    background: rgba(34, 58, 101, .9);
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

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

.bs .bsx .limit .t .type {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 1px;
    float: left;
    color: #eee;
    background: #673ab7;
}
.bs .bsx .limit .typer {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
    padding: 5px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
    background: #9a29f6;
}
.bs .bsx .limit .t .ept {
    margin-top: 5px;
    margin-right: 5px;
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 1px;
    float: right;
    color: #222;
    background: rgba(255, 255, 255, .9);
}

.bt {
    float: left;
    width: 33.33%;
}
.bt .btx {
    position: relative;
    overflow: hidden;
    margin: 10px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

.bt .btx .limit {
    padding: 67% 0 0;
    position: relative;
    overflow: hidden;
    background: #f1f1f1;
}
.bt .btx .limit .t {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.bt .btx .limit .b {
    position: absolute;
    bottom: -30px;
    color: #fff;
    z-index: 1;
    padding: 8px 0;
    width: 100%;
    text-align: center;
    background: rgba(34, 58, 101, .9);
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

.bt .btx .limit img {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}

.bt .btx .limit .type {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    padding: 5px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
    background: #9a29f6;
}
.bt .btx .limit .typer {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
    padding: 5px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
    background: #9a29f6;
}
.bt .btx .limit .scor {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    padding: 5px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
    background: #e53637;
}
.bt .btx .limit .tt {
    font-size: 14px;
    padding: 8px 0;
    margin-bottom: 5px;
    font-weight: 600;
    line-height: 19px;
    color: #222;
    position: absolute;
    bottom: 0;
    z-index: 1;
	opacity:0;
    text-align: center;
    background: white;
    overflow: hidden;
    width: -webkit-fill-available;
}
.bt .btx .limit:hover .tt {
	opacity: 1;
	bottom: 32px;
	transition: .5s all ease-out;
}

.dark .bt .btx .tt {
    color: #ccc;
}


.bs .bsx .limit .t .type.TV {
    background: rgba(14, 175, 193, .8);
    color: #fff;
}

.bs .bsx .limit .t .type.Movie {
    background: #218c4c;
}

.bs .bsx .limit .t .type.OVA {
    background: #fb3a00;
}

.bs .bsx .limit .b .bt {
    margin: 0 5px;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
}

.bs .bsx .limit .b .bt .tx {
    overflow: hidden;
    height: 36px;
    font-size: 12px;
}

.bs .bsx .limit .b .bt .status {
    margin-top: 5px;
    overflow: hidden;
}

.bs .bsx .limit .b .bt .status span {
    display: inline-block;
    color: #fff;
    background: #0eafc1;
    padding: 2px 6px 2px 8px;
    border-radius: 2px;
    font-size: 12px;
}

.bs .bsx:hover .limit .b {
    bottom: 0;
}

.bs .bsx .limit .b .bt .tx b {
    font-weight: 400;
}

.bs .bsx .limit .bt {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    background: rgba(34, 58, 101, .9);
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    overflow: hidden;
}

.bs .bsx .limit .bt span.epx {
    display: block;
    float: left;
    margin-left: 10px;
}

.bs .bsx .limit .bt span.sb {
    display: block;
    float: right;
    padding: 0 5px;
    font-size: 11px;
    color: #111;
    text-transform: uppercase;
    background: #d9da17;
}

.bs .bsx .limit .bt span.sb.RAW {
    background: rgba(14, 175, 193, .8);
    color: #fff;
}

.bs .bsx .tt {
    font-size: 12px;
    margin: 8px 0;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 19px;
    text-align: left;
    color: #222;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dark .bs .bsx .tt {
    color: #ccc;
}

.bs .bsx .limit .ply {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, .51);
}

.bs .bsx .limit .ply .dashicons {
    background: #29b6f6;
    border-radius: 20%;
    -webkit-border-radius: 20%;
    -moz-border-radius: 20%;
    width: 40px;
    height: 40px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    margin-top: -20px;
    margin-left: -20px;
    border: 2px solid #2fc5d9;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    line-height: 38px;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
}

.bs .bsx .limit .status {
    position: absolute;
    top: 13px;
    left: -22px;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 1;
    padding: 2px 18px;
    font-size: 9px;
    background: #de3b3b;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.bigor {
    padding-bottom: 10px;
}

.bs .bsx .limit .hot {
    position: absolute;
    top: 3px;
    right: 3px;
    background: #f44336;
    font-size: 13px;
    font-weight: 700;
    padding: 0 5px;
    padding-top: 3px;
    border-radius: 3px;
    line-height: 17px;
    color: #fff;
    z-index: 1;
}

.bs .bsx:hover .limit .ply {
    display: block;
}

.bs .bsx:hover .limit .ply:before {
    opacity: 15;
}

.bs .bsx .adds {
    font-size: 13px;
    color: #666;
}

.dark .bs .bsx .adds {
    color: #ccc;
}

.bs .bsx .adds .rating {
    overflow: hidden;
    font-size: 12px;
    margin-top: 5px;
}

.bs .bsx .adds .rating .rtg {
    float: left;
}

.bs .bsx .adds .rating .rtg a {
    font-size: 14px!important;
}

.bs .bsx .adds .rating i {
    float: right;
    color: #555;
    font-size: 11px;
    margin-right: 2px;
}

.bs .bsx .adds .rating .rtg a:after {
    color: #d2d2d2;
}

.bs .bsx .adds .rating .rtg a.br-selected:after {
    color: #edb867;
}

.bs .bsx:hover .tt {
;
}

.bs .bsx .limit .type {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    padding: 5px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
    background: #29b6f6;
}

.bs .bsx .limit .type.Manhua {
    background: #009688;
}

.bs .bsx .limit .type.Manhwa {
    background: #a12e24;
}

.TV {
    background: #e53637!important;
}

.Movie {
    background: #009688!important;
}

.OVA {
    background: #663096!important;
}

.BD {
    background: #30964f!important;
}

.ONA {
    background: #ef5848!important;
}

.owl-item {
    overflow: hidden;
    display: inline-block;
}

.notfound {
    padding: 14px;
    font-size: 20px;
}

#sidebar {
    float: right;
    width: 300px;
}

#sidebar .side {
    margin-bottom: 16px;
    line-height: 21px;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 3px;
    box-shadow: 1px 3px 8px #0000001a;
}

.dark #sidebar .side {
    background: #222;
}

#sidebar .side .textwidget {
    padding-left: 6px;
    padding-right: 6px;
    width: 100%;
    display: block;
    overflow: hidden;
}

#sidebar .side .textwidget input {
    width: 100%;
}

#sidebar .side .textwidget textarea {
    width: 100%;
}

#sidebar .side .customlist li a {
    color: #333;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.dark #sidebar .side .customlist li a {
    color: #ccc;
}

#sidebar .side .customlist li i {
    padding-right: 7px;
}

#sidebar .side .customlist li a:hover {
    text-decoration: none;
    color: #0081f2;
}

#sidebar .side .customlist li a .dashicons {
    width: auto;
    height: auto;
    font-size: 15px;
    line-height: 18px;
}

#sidebar .side ul.genre {
    overflow: hidden;
    list-style: none;
    position: relative;
    padding: 12px;
    max-height: 239px;
    padding-top: 15px;
    padding-left: 16px;
}

#sidebar .side ul.genre li {
    padding-right: 14px;
    display: block;
    position: relative;
    padding-left: 7px;
    margin-bottom: 7px;
    overflow: hidden;
}

#sidebar .side ul.genre li a {
    font-size: 12px;
    padding: 2px 15px;
    display: inline-block;
    color: #222!important;
    padding-top: 0;
    padding-bottom: 0;
}

#sidebar .side ul.genre li span {
    float: right;
}

#sidebar .side ul.genre li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #db371e;
    left: 0;
    top: 7px;
}

#sidebar .side ul.season li:before {
    content: "\f005";
    position: absolute;
    width: 5px;
    height: 5px;
    background: 0 0!important;
    left: 0;
    /* top: 8px; */
    font-family: FontAwesome;
    color: red;
}

#sidebar .side ul.season {
    overflow: hidden;
    list-style: none;
    position: relative;
    padding: 12px;
    max-height: 239px;
    padding-top: 15px;
    padding-left: 16px;
}

#sidebar .side ul.season li {
    padding-right: 14px;
    display: block;
    position: relative;
    padding-left: 7px;
    margin-bottom: 7px;
    overflow: hidden;
}

#sidebar .side ul.season li a {
    font-size: 13px;
    padding: 2px 15px;
    display: inline-block;
    color: #222!important;
    padding-top: 0;
    padding-bottom: 0;
}

.dark #sidebar .side ul.season li a {
    color: #ccc!important;
}

#sidebar .side ul.season li span {
    float: right;
}

#sidebar .side h3 {
    overflow: hidden;
    font-size: 15px;
    color: #29b6f6;
    border-bottom: 1px solid #ececec;
}

.dark #sidebar .side h3 {
    border-bottom: 1px solid #333;
}

#sidebar .side h3 span {
    display: block;
    padding: 10px;
    padding-left: 14px;
}

#sidebar .side h3 i {
    display: block;
    float: left;
    width: 0;
    height: 0;
    border-top: 28px solid #3482D2;
    border-right: 34px solid transparent;
}

#sidebar .side h3 .linkwidget {
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #29b6f6;
    display: inline-block;
    float: right;
    margin-top: 1px;
    margin-right: -3px;
}

#sidebar .side .ongoingwgt,
.footerwgt .widfoot .sct .ongoingwgt {
    overflow: hidden;
}

#sidebar .side .ongoingwgt li,
.footerwgt .widfoot .sct .ongoingwgt li {
    overflow: hidden;
    padding-left: 11px;
    padding-right: 11px;
    line-height: 19px;
    display: block;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
    padding-right: 12px;
    padding-top: 5px;
}

.dark #sidebar .side .ongoingwgt li {
    border-bottom: 1px solid #333;
}

#sidebar .side .ongoingwgt li:hover,
.footerwgt .widfoot .sct .ongoingwgt li:hover {
    background: #f1f1f1;
}

.dark #sidebar .side .ongoingwgt li:hover {
    background: #444;
}

#sidebar .side .ongoingwgt li .l,
.footerwgt .widfoot .sct .ongoingwgt li .l {
    float: left;
    width: 70%;
    color: #333;
    line-height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dark #sidebar .side .ongoingwgt li .l {
    color: #ccc;
}

#sidebar .side .ongoingwgt li .l i {
    padding-right: 7px;
}

#sidebar .side .ongoingwgt li .r,
.footerwgt .widfoot .sct .ongoingwgt li .r {
    float: right;
    background: #e53637;
    color: #FFF;
    padding: 0 5px;
    line-height: 21px;
    font-size: 11px;
    border-radius: 3px;
}

#sidebar .side h3 .linkwidget:hover {
    color: #fff!important;
    opacity: 0.9;
}

#sidebar .side ul {
    overflow: hidden;
}

ul.customlist {}

#sidebar .side ul li {
    overflow: hidden;
}

ul.customlist li {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
    width: auto;
    margin-top: 5px;
}

.dark ul.customlist li {
    border-bottom: 1px solid #333;
}

#sidebar .side a {
;
}

ul.customlist li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

#sidebar .side a:hover {
;
}

#sidebar .side .popular,
#footer-widget .boxbar .popular {
    margin-bottom: 10px;
}

#sidebar .side .popular li,
#footer-widget .boxbar .popular li {
    overflow: hidden;
    padding: 6px 0;
}

#sidebar .side .popular li .logs,
#footer-widget .boxbar .popular li .logs {
    float: left;
    padding: 1px;
}

#sidebar .side .popular li .logs .limit,
#footer-widget .boxbar .popular li .logs .limit {
    height: 42px;
    overflow: hidden;
    border-radius: 3px;
}

#sidebar .side .popular li .logs .limit img,
#footer-widget .boxbar .popular li .logs .limit img {
    width: 39px;
    height: auto;
}

#sidebar .side .popular li .right,
#footer-widget .boxbar .popular li .right {
    margin-left: 42px;
    padding: 1px 4px;
    font-size: 13px;
    line-height: 18px;
}

#sidebar .side .popular li .right .title,
#footer-widget .boxbar .popular li .right .title {
    display: block;
    font-weight: 700;
    color: #0080AE;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sidebar .side .popular li .right .title a,
#footer-widget .boxbar .popular li .right .title a {
    color: #3C97F3;
    font-size: 12px;
}

#sidebar .side .popular li .right .latest,
#footer-widget .boxbar .popular li .right .latest {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #555;
}

#sidebar .side .popular li .right .latest a,
#footer-widget .boxbar .popular li .right .latest a {
    color: #666;
}

.serieslist {
    overflow: hidden;
}

.serieslist.pop {
;
}

.serieslist ul {
    overflow: hidden;
}

.serieslist ul li {
    text-overflow: unset;
    white-space: unset;
    overflow: hidden;
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid #f1f1f1!important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 13px;
    padding-right: 13px;
}

.serieslist ul li .ctr {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 1em;
    color: #fff;
    position: absolute;
    top: 14px;
    z-index: 3;
    left: 0;
    background: #29b6f6;
}

.serieslist.pop ul li {
;
}

.serieslist ul li .imgseries {
    float: left;
    overflow: hidden;
    width: 45px;
    height: 65px;
    background: #f1f1f1;
    margin-right: 10px;
    position: relative;
}

.serieslist ul li .imgseries img {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    margin-bottom: 0;
    margin-right: 0;
    float: none;
    top: 0;
    position: absolute;
    border-radius: 5px;
}

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

.serieslist ul li .leftseries span span.lmt {
    float: left;
    max-width: 145px;
    margin-right: 3px;
}

.serieslist ul li .leftseries {
    overflow: hidden;
    text-overflow: unset;
    white-space: unset;
}

#sidebar .serieslist ul li .leftseries h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 3px;
    line-height: 1.4em;
}

#sidebar .serieslist ul li .leftseries h2 a,
.serieslist ul li .leftseries span a {
    color: #222;
}

.serieslist ul li .leftseries span {
    display: block;
    overflow: hidden;
    white-space: unset;
    text-overflow: unset;
    font-size: .88em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.serieslist ul li .leftseries span b {
    font-weight: 500;
}

.serieslist.pop ul li.topone {
    padding: 0;
    position: relative;
}

.serieslist.pop ul li.topone .limit {
    padding: 52% 0 0;
    position: relative;
    overflow: hidden;
}

.serieslist.pop ul li.topone .limit>img {
    position: absolute;
    top: 0;
    height: auto;
    width: 100%;
    transform-style: preserve-3d;
}

.serieslist.pop ul li.topone .limit .shadow {
    background-color: rgba(0, 0, 0, 0.3)!important;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.serieslist.pop ul li.topone .limit .bw {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding: 10px 8px;
    padding-top: 30px;
    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), #000);
}

.serieslist.pop ul li.topone .ctr {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
    background: #FFC107;
    color: #fff;
    font-size: 1.2em;
    padding-right: 8px;
    width: auto;
    top: 10px;
}

.serieslist.pop ul li.topone .ctr i {
    display: -webkit-inline-box;
    padding-left: 4px;
}

.serieslist.pop ul li.topone .limit .bw .imgseries {
    background: none;
}

.serieslist.pop ul li.topone .limit .bw a,
.serieslist.pop ul li.topone .limit .bw span {
    color: #FFF!important;
    line-height: 15px;
}

.postarea {
;
}

.postarea .th {
    margin-bottom: 15px;
    line-height: 17px;
    font-size: 12px;
    color: #999;
}

.postarea .thm {
    margin-bottom: 15px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 2px;
}

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

.postarea .post {
    line-height: 21px;
    margin-bottom: 10px;
}

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

.postarea .tag {
    margin-bottom: 15px;
    font-size: 12px;
    color: #999;
}

.postarea .tag a {
    color: #999;
}

img.alignleft {
    float: left;
    margin-right: 10px;
}

img.alignright {
    float: right;
    margin-left: 10px;
}

.postarea .post ul,
.ctn .post ol {
;
}

.postarea .post ul {
    list-style: disc;
}

.postarea .post ol {
    list-style: decimal;
}

.socialshare h3 {
    float: right;
    line-height: 30px;
    font-size: 15px;
    font-weight: 500;
}

.socialshare a {
    padding: 6px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    color: #eee;
    text-decoration: none;
    display: inline-block;
    width: 105px;
    border-radius: 2px;
}

.socialshare span {
    font-size: 16px!important;
    line-height: 18px;
}

.socialshare a:hover {
    text-decoration: none;
    color: #fff;
}

.socialshare {
    position: relative;
    margin: 5px 5px;
    float: right;
}

.socialshare .sfb {
    background: #1863b1;
}

.socialshare .stw {
    background: #2699d0;
    opacity: 1;
}

.socialshare .sgp {
    background: #b93535;
    opacity: 1;
}

.socialshare .shre {
    float: right;
    background: #e66052;
    color: #fff;
    font-size: 13px!important;
    padding: 6px;
    border-radius: 3px;
    text-align: center;
}

.ongsr {
    margin-left: 7px;
    margin-right: 7px;
}

.loader {
    border: 16px solid #fff;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 16px;
    border-radius: 50%;
    animation: spin 2s linear infinite;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    margin-top: -25px;
    margin-left: -26px;
    border-top: 16px solid #29b6f6;
}

.loader3 {
    border: 16px solid #fff;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 16px;
    border-radius: 50%;
    animation: spin 2s linear infinite;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    margin-top: -25px;
    margin-left: -26px;
    border-top: 16px solid #29b6f6;
}

.download-eps {
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    margin: 10px 0;
}

.download-eps ul {
    margin: 0;
    padding: 0;
    list-style: outside none none;
}

.download-eps ul li {
    margin-bottom: 7px;
    line-height: 31px;
    background: #f1f1f1;
}

.dark .download-eps ul li {
    background: #333;
}

.download-eps ul li strong {
    background: none repeat scroll 0% 0% #1e7ce5;
    border-right: 2px solid #F5F5F5;
    width: 100px;
    display: block;
    float: left;
    margin-left: -10px;
    margin-right: 2px;
    color: #FFF;
    padding: 0 5px;
    text-align: center;
}

.loader2 {
    border: 16px solid #fff;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 16px;
    border-radius: 50%;
    animation: spin 2s linear infinite;
    position: absolute;
    width: 2px;
    height: 2px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    margin-top: -16px;
    margin-left: -17px;
    border-top: 16px solid #29b6f6;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.padss {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0;
}

.padss.contentpage.pagess {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.widget-judul {
    padding: 10px;
    padding-left: 14px;
    margin-bottom: 5px;
    font-size: 15px;
    padding-right: 14px;
}

.updateanime .widget-judul {
    background: #e53637!important;
}

.putih.updateanime ul li .dtl a:hover {
    color: #e53637!important;
}

.widget-judul .linkwidget:hover {
    color: #fff!important;
}

.widget-judul .linkwidget {
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: rgba(0, 0, 0, 0.3);
    display: inline-block;
    float: right;
    margin-top: 0;
}

.widget-judul span {
    font-size: 15px;
    font-weight: bold;
    color: #fff!important;
    text-transform: capitalize;
}

.putih.updatemovie .widget-judul {
    background: #e53637!important;
}

.putih.updatekomik .widget-judul {
    background: #e53637;
}

.putih.updatelagu .widget-judul {
    background: #009688!important;
}

.putih {
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 3px;
    margin-bottom: 15px;
    box-shadow: 1px 3px 8px #0000001a;
    overflow: hidden;
}

.dark .putih {
    background: #222;
}

.putih.updatekomik ul li {
    width: 50%;
    float: left;
}

.putih.updatelagu {
;
}

.genres {
    margin: 10px;
    margin-bottom: 15px;
    padding: 10px;
    overflow: hidden;
    color: #607d8b;
    list-style: disc;
    margin-top: 10px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}

.dark .genres {
    border: 1px solid #333;
    color: #ccc;
}

.genres li {
    width: 20%;
    margin-left: 25px;
    line-height: 24px;
    float: left;
    color: #555;
}

.dark .genres li {
    color: #ccc;
}

.genres li a {
    color: #333;
}

.dark .genres li a {
    color: #ccc;
}

.daftarkartun {
    overflow: hidden;
}

.navlist {
    overflow: hidden;
    margin-bottom: 15px;
}

.navlist .l {
;
}

.navlist .r {
    float: right;
}

.navlist ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

.navlist ul li {
    float: right;
    margin: 0 2.5px;
}

.navlist ul li a {
    background: #4c4f51;
    display: block;
    border-radius: 3px;
    padding: 3px 8px;
    color: #FFF;
}

.navlist .r ul li a {
    background: #e53637;
}

.nav_apb {
    -webkit-font-smoothing: antialiased!important;
    text-align: center;
}

.nav_apb a {
    padding: 6px 0;
    width: 26px;
    margin: 0 2px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    background: #29b6f6;
    color: #FFF;
}

.nav_apb a:hover {
    background: #FFF;
    color: #333;
}

.daftarkartun {
    overflow: hidden;
}

.abjtext {
    padding: 0;
    text-align: center;
    margin: 0;
    margin-top: 3px;
    margin-bottom: 10px;
}

.abjtext a {
    display: block;
    font-weight: 700;
    padding: 4px 1px;
    width: 20.9px;
    color: #fff;
    font-size: 11px;
    float: left;
    margin: 1px;
    background: #444;
}

.abjtext a:hover {
    text-decoration: none;
    background: #222;
}

#abtext {
    overflow: hidden;
}

.bariskelom {
    position: relative;
    margin-bottom: 10px;
}

.jdlbar ul {
    padding-left: 25px;
    display: list-item;
    color: #333;
    list-style-type: disc;
    width: 100%;
    margin-bottom: 3px;
}

.barispenz {
    display: block;
    margin-bottom: 8px;
    border-bottom: 0;
    border-radius: 5px;
    overflow: hidden;
    background: #3367d6;
}

.barispenz a {
    font-weight: 700;
    font-size: 15px;
    padding: 5px 15px;
    background: #2850a7;
    color: #FFF;
    display: inline-block;
}

.pagelist h1 {
    font-size: 13px;
    font-weight: bold;
}

.pagelist {
    overflow: hidden;
    padding: 8px;
    margin-top: 5px;
    margin-bottom: 12px;
    font-weight: bold;
    background: #2881cc;
    text-align: center;
    border: 1px solid #2881cc;
}

.pagelist:hover {
    background: #2881cc;
    border: 1px solid #2881cc;
}

pagelist h1 {
    font-size: 12px;
}

.pagelist a {
    color: #fff;
}

.penzbar {
    color: #ccc;
    padding-right: 10px;
    float: left;
    width: 47%;
    overflow: hidden;
}

.filtereres {
    display: inline-block;
    padding: 2px 18px;
    font-size: 13px!important;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    float: right;
    border: 1px solid;
}

.filter:hover {
    background: #2e4d8e;
    color: #fff;
    border: 1px solid;
}

.advancedsearch {
    display: none;
    margin: 0;
    margin-bottom: 7px;
    padding: 15px;
    overflow: hidden;
    font-size: .8rem;
    margin-top: -5px;
    border-bottom: 1px solid #ececec;
}

.advancedsearch .lbl {
    display: block;
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: bold;
}

.advancedsearch tr {
    margin-bottom: 10px;
    display: block;
}

.advancedsearch tr .inputx {
    font-weight: 300;
    color: #000;
    padding: 5px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-family: inherit;
    -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 ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.advancedsearch .lbx {
    display: flex;
    flex: 1;
    flex-flow: row wrap;
    list-style: none;
    padding: 10px 0;
    border-radius: 3px;
    overflow: hidden;
}

.advancedsearch.advs {
    display: block;
}

.other-opts {
    margin-top: 15px;
}

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

.dark .content_episode {
    color: #ccc;
}

button.owl-dot {
    background: none;
    border: none;
}

footer#colophon {
    width: 100%;
    text-align: center;
}

.footercopyright {
    margin-left: 100px;
    margin-right: 100px;
}

.desc h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 17px;
    line-height: 0;
}

div#theHISTORYs p {
    margin-left: 16px;
}

li.theme.quickswitcher {
    list-style: none;
    float: right;
    margin-top: 26px;
}

li.theme.quickswitcher.mobileonly {
    float: left;
    margin-top: 29px;
}

.mobileonly {
    display: none;
}

.releases h4 {
    float: right;
    margin: 0;
    color: #8365bc;
}

.genx {
    display: block;
    font-size: 12px;
    position: relative;
    padding: 3px 0;
    padding-left: 17px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    line-height: 19px;
    user-select: none;
    float: left;
    width: 20%;
}

.genx input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 8px;
    left: 0;
    height: 6px;
    border-radius: 50%;
    width: 6px;
    background-color: #ddd;
}

.genx:hover input~.checkmark {
    background-color: #ccc;
}

.genx input:checked~.checkmark {
    background-color: #e3eff2;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.genx input:checked~.checkmark:after {
    display: block;
}

.genx .checkmark:after {
    left: 2px;
    top: -2px;
    width: 5px;
    height: 10px;
    border: solid #28a745;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.radiox {
    display: block;
    position: relative;
    padding-left: 18px;
    margin-right: 15px;
    margin-bottom: 3px;
    font-size: 12px;
    cursor: pointer;
    line-height: 19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radiox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmarkx {
    position: absolute;
    top: 3px;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: #ddd;
    border-radius: 50%;
}

.radiox:hover input~.checkmarkx {
    background-color: #ccc;
}

.radiox input:checked~.checkmarkx {
    background-color: #694ba1;
}

.checkmarkx:after {
    content: "";
    position: absolute;
    display: none;
}

.radiox input:checked~.checkmarkx:after {
    display: block;
}

.radiox .checkmarkx:after {
    top: 3px;
    left: 3.5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
}

.advancedsearch button.searchz {
    font-family: roboto-regular;
    border: none;
    color: #fff;
    line-height: 30px;
    padding: 0 15px;
    cursor: pointer;
    font-weight: 300;
    font-size: 17px;
    margin: 2px;
    width: 100%;
    border-radius: 5px;
}

.btnx {
    text-align: center;
    overflow: hidden;
}

.gnr {
    font-family: inherit;
    border: 1px solid #333041;
    color: #ddd;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 30px;
    background: #333041;
    cursor: pointer;
    font-weight: 300;
    display: none;
    font-size: 17px;
    margin: 2px;
    cursor: pointer;
}

.modex {
    text-align: right;
    margin-top: 11px;
    margin-bottom: 5px;
}

.other-opts .modex {
    float: right;
}

.modex a {
    cursor: pointer;
    color: #FFF;
    padding: 3px 6px;
    white-space: nowrap;
    font-size: 13px;
    background: #29b6f6;
    border-radius: 4px;
    font-weight: bold;
    display: -webkit-inline-box;
    margin-right: 14px;
}

.modex a:hover {
    color: #fff!important;
}

.jdlbar {
    line-height: 21px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jdlbar ul li {
    color: #29b6f6;
}

.jdlbar a {
    font-size: 13px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    font-weight: 500;
}

.dark .jdlbar a {
    color: #ccc;
}

.jdlbar a:hover {
;
}

#animelist {
    overflow: hidden;
}

#animelist h2 {
    font-size: 14px;
    padding: 3px 0;
    margin-bottom: 5px;
    border-bottom: 4px solid #343434;
}

#a-z {
    overflow: hidden;
}

.letter-group {
    height: auto;
    margin: 0 0 0;
    overflow: hidden;
    margin-bottom: 21px;
}

.letter-cell {
    font-weight: 700;
    padding: 6px 12px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f1f1f1;
}

.dark .letter-cell {
    border-bottom: 1px solid #333;
}

.letter-cell a {
    font-size: 16px;
    display: block;
    color: #29b6f6;
}

.title-cell {
    line-height: 18px;
    margin-right: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title-cell li {
    list-style: none;
}

.title-cell a {
    color: #333;
    font-weight: bold;
}

.title-cell a:hover {
    text-decoration: none;
    color: #e34e85;
}

.putih .bottom {
    background: rgba(34, 58, 101, 0.02);
    padding: 12px 20px;
    font-size: 12px;
    border-top: 1px solid #ebf2f6;
    text-transform: lowercase;
    font-weight: 300;
    line-height: 17px;
}

.putih .bottom a {
    color: #000!important;
}

.widget-judul_top_top {
    font-weight: bold;
    padding: 8px;
    font-size: 14px;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 11px;
    box-shadow: 0 2px 0 0 #d7dbe3;
    overflow: hidden;
}

.contentpage {
    line-height: 21px;
}

.bigcontent {
    position: relative;
    padding: 0 20px 0;
    z-index: 66;
    padding-left: 160px;
    padding-right: 230px;
    min-height: 104px;
    padding-top: 8px;
}

.bigcontent.chapter {
    padding-left: 0;
}

._2S7A1 {
    background-color: #eee;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 289px;
    overflow: hidden;
}

.thumbss {
    position: absolute;
    top: -83px;
    left: 0px;
    height: 189px;
}

.thumbss img {
    width: 130px;
    margin-left: 16px;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px 0px #00000061;
}

.bigcontent .thumb {
    position: absolute;
    left: 0;
    width: 141px;
    height: 217px;
    border: 4px solid #fff;
    overflow: hidden;
    z-index: 999999;
}

.bigcontent .thumb img {
    width: 100%;
    height: 100%;
}

.bigcontent .infox {
    font-size: .85em;
}

.bigcontent .infox h1 {
    margin: 0 0 6px;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 21px;
    color: #444;
}

.dark .bigcontent .infox h1 {
    color: #ccc;
}

.bigcontent .infox .alter {
    display: block;
    margin-bottom: 8px;
    color: #555;
    font-size: 11px;
}

.dark .bigcontent .infox .alter {
    color: #888;
}

.bigcontent .infox .spe {
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 11px;
}

.bigcontent .infox .spe span {
    margin-right: 2%;
    margin-bottom: 2px;
    float: left;
    padding-left: 14px;
    position: relative;
    width: 48%;
    color: #444;
    line-height: 16px;
}

.bigcontent .infox .spe span.split {
    overflow: hidden;
    white-space: nowrap;
}

.bigcontent .infox .desc {
    line-height: 1.4em;
    color: #888;
}

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

.spe {
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 12px;
    margin-left: 18px;
    margin-top: 15px;
    width: 100%;
}

.spe span {
    margin-bottom: 2px;
    float: left;
    width: 49%;
    color: #555;
    line-height: 25px;
    position: relative;
    padding-left: 14px;
    margin-right: 2px;
    font-size: 13px;
}

.dark .spe span {
    color: #ccc
}

.spe span.split {
    overflow: hidden;
    white-space: nowrap;
}

.desc {
    line-height: 1.4em;
    color: #555;
}

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

.bigcontent .rt {
    position: absolute;
    right: 20px;
    top: 5px;
    width: 190px;
}

.bigcontent .rt .rating {
    text-align: center;
    padding: 13px 10px;
    border-radius: 3px;
    margin-top: 5px;
    border: 1px solid #f1f1f1;
}

.dark .bigcontent .rt .rating {
    border: 1px solid #333;
}

.bigcontent .rt .rating strong i {
    font-size: 11px;
}

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

.dark .bigcontent .rt .rating strong {
    color: #ccc;
}

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

.bixbox.trailer {
    overflow: hidden;
}

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

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

.bxcl {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}

.bxcl ul {
    padding: 0;
    list-style: none;
    margin: 0;
    overflow: auto;
    max-height: 392px;
}

.bxcl ul li {
    overflow: hidden;
    padding: 10px 15px;
    border-bottom: 1px solid #ececec;
    font-size: .95em;
    position: relative;
}

.bxcl ul li .rg {
    margin: 5px;
    padding: 10px;
    overflow: hidden;
    position: relative;
    background: #FAFAFA;
    border: 2px solid #e2e3e7;
}

.bxcl ul li .rg .lch {
    float: left;
}

.bxcl ul li .rg .dlx {
    position: absolute;
    right: 10px;
    top: 0;
}

.bxcl ul li .rg .dlx a.dlxx {
    overflow: hidden;
    position: relative;
}

.bxcl ul li .rg .dlx a.dlxx .dashicons {
    width: auto;
    height: auto;
    font-size: 22px;
    line-height: 38px;
    color: #888;
}

.bxcl ul li .rg .dlx a.dlxx .dashicons:hover {
    color: #006400;
    text-decoration: none;
}

.bxcl ul li .rg .dlx .ndlx {
    font-size: 22px;
    line-height: 36px;
    color: #c6c6c6;
}

.bxcl ul li span.dt {
    float: right;
    margin-left: 3px;
}

.bxcl ul li .lchx {
    line-height: 26px;
    font-size: 12px;
}

.bxcl ul li span.dt a {
    display: block;
    background: #29b6f6;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
    box-shadow: none;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.bxcl ul li span.dt a .dashicons {
    width: auto;
    height: auto;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
}

.bxcl ul li span.dt a:hover {
    background: #0eafc1;
    text-decoration: none;
    color: #fff;
}

.bxcl ul li span.dt a:hover .dashicons {
    color: #FFF;
}

.bxcl ul li:hover {
    background: rgba(34, 58, 101, 0.02);
}

.desc {
    line-height: 20px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dark .desc {
    color: #ccc;
}

.desc p {
    font-size: 13px;
    line-height: 23px;
    margin: 0;
}

.r {
    float: left;
}

.r a {
    display: inline-block;
    color: #FFF;
    border-radius: 3px;
}

.r a:hover {
    color: #fff!important;
}

.r .twitter {
    background: #2380e0;
    padding: 6px;
}

.r .facebook {
    background: #2d467b;
    padding: 6px;
}

.r .google {
    background: #de2727;
}

.bl {
    background: #f1f1f1;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.trail {
    margin-bottom: 10px;
}

.sinopo {
    padding: 0 0;
    margin: 0 0 0;
}

.sinopo h2 {
    padding: 5px;
    display: block;
    background: #198bff;
    color: #fff;
    text-align: center;
}

.bar {
    overflow: hidden;
    display: inline-table;
    width: 67px;
    font-size: 0;
    height: 13px;
    background: url(images/rating.png);
}

.bar span {
    float: left;
    display: block;
    height: 13px;
    background: url(images/rating.png) 0 -13px;
}

.lista {
    padding: 10px;
    line-height: normal;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px;
}

.dark .lista {
    border-bottom: 1px solid #333;
}

.lista a {
    margin: 4px;
    border: 1px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    min-width: 0;
    text-align: center;
    font-size: 14px;
    padding: 5px 8px;
    display: inline-block;
    color: #fff;
    background: #29b6f6;
}

.lista a:hover {
    color: #fff!important;
    opacity: 0.8;
}

.boxdl {
    font-size: 12px;
    font-weight: 500;
}

.boxdl .boxtitle {
    padding: 8px 10px;
    color: #FFF;
    margin-bottom: 5px;
    font-weight: bold;
    background: #29b6f6;
}

.boxdl .boxurl {
    padding: 10px;
    color: #555;
    border-bottom: 2px solid #ddd;
    background: #fafafa;
    border-radius: 3px;
    margin-bottom: 7px;
    margin-left: 6px;
    margin-right: 6px;
    overflow: hidden;
}

.boxdl .boxurl a {
    color: #555;
}

.boxdl .boxurl a:hover {
    text-decoration: underline;
}

.boxurl strong {
    background: #29b6f6;
    padding: 3px;
    border-radius: 2px;
    color: #fff;
    margin-right: 5px;
}

.pagination {
    overflow: hidden;
    line-height: normal;
    text-align: center;
    margin-bottom: 8px;
    display: block;
    width: 100%;
}

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

.pagination span.page-numbers.current {
    display: inline-block;
    background: #29b6f6;
    padding: 8px 15px!important;
    margin: 2px;
    color: #FFF;
    border-radius: 3px;
}

.putih.updateanime span.page-numbers.current {
    background: #e53637!important;
}

.putih.updatemovie span.page-numbers.current {
    background: #e53637;
}

.putih.updatekomik span.page-numbers.current {
    background: #e53637;
}

.putih.updatelagu span.page-numbers.current {
    background: #009688;
}

.pagination a {
    display: inline-block;
    background: #eee;
    padding: 8px 15px!important;
    margin: 2px;
    color: #333;
    border-radius: 3px;
}

.dark .pagination a {
    background: #16151d;
    color: #ccc;
}

.hpage {
    clear: both;
    padding-bottom: 10px;
    text-align: center;
    overflow: hidden;
}

.hpage a:hover {
    color: #fff!important;
}

.hpage a {
    display: inline-block;
    background: #29b6f6;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 2px;
    color: #fff;
    width: 110px;
    text-align: center;
}

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

#breadcrumbs {
    line-height: normal;
    list-style: none;
    color: #fff;
    font-size: 12px;
    padding-bottom: 5px;
    overflow: hidden;
    background: #fff;
    padding: 12px 20px;
}

#breadcrumbs li a {
    color: #FFf!important;
}

#breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-left: 4px;
}

#breadcrumbs .separator {
    font-size: 15px;
    font-weight: 100;
    color: #ccc;
}

.commentarea {
    padding: 13px;
}

.commentarea input[type=checkbox] {
    display: block;
    margin: 0;
    margin-right: 5px;
    float: left;
    -webkit-appearance: initial;
}

.commentarea h3 {
    margin-bottom: 10px;
    line-height: normal;
}

.commentlist {
    overflow: hidden;
}

.commentlist li {
    overflow: hidden;
    padding: 5px 0;
}

.comment-body {
    overflow: hidden;
    line-height: normal;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #DEDEDE;
}

.comment-author.vcard {
;
}

.commentlist li .comment-meta {
    font-size: 12px;
    line-height: 17px;
}

.commentlist li .comment-author img {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 7px;
    padding: 1px;
    border: 1px solid #d5d5d5;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.commentlist li .comment-author .fn {
    font-style: normal;
    font-weight: 700;
}

.commentlist li .comment-author .fn a {
    color: #333;
}

.commentlist li .comment-author .says {
    display: none;
}

.commentlist li .comment-meta {
    font-size: 12px;
    line-height: 17px;
}

.commentlist li p {
    line-height: normal;
    margin: 15px 0;
}

.commentlist li .reply {
    float: right;
}

.commentlist li .reply a {
    display: block;
    font-weight: 700;
    font-size: 11px;
    font-family: Open Sans;
    border-radius: 3px;
    color: #777;
    background: #f8f8f8;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
    text-shadow: none;
    line-height: 23px;
    padding: 1px 10px;
}

.commentlist li .children {
    margin-left: 20px;
}

#respond input {
    border: 1px solid #DDD;
    border-radius: 3px;
    font-family: Open Sans, sans-serif;
    padding: 5px;
}

#respond #comment {
    width: 96.1%;
    border-radius: 3px;
    font-family: Open Sans, sans-serif;
    padding: 10px;
    line-height: 18px!important;
    padding: 10px 10px 5px!important;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12) inset;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12) inset;
    background: #fcfcfc;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid #c9c9c9;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

#respond #submit {
    background: #FAFAFA;
    font-weight: 700;
    cursor: pointer;
    padding: 5px 8px;
    border: 1px solid #DDD;
    border-radius: 3px;
    color: #555;
    font-family: Open Sans, sans-serif;
}

#respond #submit:hover {
    background: #FFF;
    color: #000;
}

.copyright_east {
    background: #fff;
    padding: 12px;
    text-align: center;
    border-top: 1px solid #f1f1f1;
}

.dark .copyright_east {
    background: #222;
    border-top: 1px solid #333;
}

.copyright_east p {
    margin-bottom: 0;
    line-height: normal;
    margin-top: 0;
    font-size: 12px;
}

#footer {
    text-align: center;
    line-height: 20px;
    padding: 0;
    font-size: 13px;
    color: #555;
    background: #fff;
    border-top: solid 9px;
}

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

#footer .footermenu {
    text-align: center;
    background: #29b6f6;
}

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

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

#footer .footermenu ul li a:hover {
    color: #fff!important;
}

#footer .footermenu ul li a {
    color: #fff;
}

.footer-az {
    margin-bottom: 6px;
    margin-top: 30px;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 14px;
}

.dark .footer-az {
    border-bottom: 1px solid #333
}

.footer-az span.ftaz {
    display: inline-block;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #ddd;
    line-height: 1em;
    font-size: 1.4em;
    font-weight: 600;
}

.footer-az span.size-s {
    font-size: 12px;
}

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

.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;
    background: #29b6f6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.footer-az .az-list li a:hover {
    color: #fff!important;
}

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

.footercopyright p {
    margin: 0;
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 19px;
    letter-spacing: .5px;
}

.footercopyright p i {
    font-style: normal;
    color: #fff;
}

.footercopyright .copyright {
    overflow: hidden;
    padding-bottom: 20px;
    width: 700px;
    text-align: center;
    margin: 0 auto;
    padding-top: 18px;
}

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

.footercopyright .copyright .txt {
    text-align: center;
}

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

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

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

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

.scm .tw,
.info .shrsm .tw {
;
}

.scm .int {
;
}

.scm a:hover {
    color: #0eafc1;
}

.container.footer {
    width: 1201px;
    margin: 0 auto;
}


/* --- RESPONSIVE ---*/

@media only screen and ( max-width: 1024px) {
    #main-menu {
        display: block;
    }
    .thumbss {}
    .episodelist ul li .lefttitle {
        width: 100%;
        margin-right: 0px;
        padding-right: 0px;
    }
    .episodelist .offzone .lefttitle {
        width: 100%
    }
    .navig {
        margin-bottom: 15px;
    }
    .episodelist .offzone .rightoff,
    .episodelist .offzone .watch,
    .episodelist .offzone .leftoff,
    .episodelist ul li .leftoff,
    .episodelist ul li .rightoff,
    .episodelist ul li .watch {
        display: none
    }
    .postbody {
        width: 703px;
    }
}

@media only screen and (max-width: 812px) {
    #main-menu ul {
        position: relative;
        float: left;
    }
	.episodelist .offzone .rightoff,
    .episodelist .offzone .watch,
    .episodelist .offzone .leftoff,
    .episodelist ul li .leftoff,
    .episodelist ul li .rightoff,
    .episodelist ul li .watch {
        display: none
    }
    .shme {
        display: block;
        float: right;
        margin-right: 13px;
        margin-top: 11px;
    }
    .genrehome {
        overflow: auto;
    }
    .show-menu {
        display: block;
        padding: 9px 32px;
        float: right;
    }
    .show-menu i {
        font-size: 43px;
    }
    .center {
        width: 100%;
    }
    .navig {
        margin-bottom: 20px
    }
    .surprise {
        display: none
    }
    .postbody {
        width: 100%
    }
    #slider {
        padding-bottom: 43%;
    }
    .nonemobile {
        display: none!important;
    }
    #sidebar {
        width: 100%
    }
    #main-menu {}
    #main-menu .random {
        display: none;
    }
    #main-menu ul {
        width: 100%;
    }
    #main-menu ul li {
        float: none;
        position: relative;
        width: 100%;
    }
    #main-menu ul li a {
        color: #fff;
        width: 100%;
        display: block;
        text-transform: uppercase;
        line-height: 37px;
        font-weight: 700;
        font-size: 14px;
        padding: 0 15px;
    }
    #headsite,
    #vslider_optionscontainer,
    .adshome,
    #sidebar_right,
    #widgetfooter,
    .qtip {
        display: none;
    }
    #main-menu form {
        overflow: hidden;
        background: #fff;
        text-align: center;
        padding: 5px;
        float: inherit;
        width: 100%;
        margin: 0;
        border-top: 1px solid #f1f1f1;
        border-radius: 0px;
    }
    #main-menu form .searchbottom {
        float: inherit;
        text-align: center;
    }
    #cari {
        display: none;
    }
    .logo {
        float: left;
        text-align: center;
        margin: 5px;
    }
    #main-menu form #s {
        width: 100%;
    }
    .logo img {
        height: 50px;
        width: auto;
    }
}

@media only screen and (max-width: 800px) {
    .mobileonly {
        display: block
    }
    .desktoponly {
        display: none
    }
    #sidebar {
        width: 100%
    }
    .postbody {
        width: 100%
    }
}

@media only screen and (max-width: 769px) {
    img,
    video,
    object {
        max-width: 100%;
        height: auto
    }
    .shme {
        display: block;
        float: right;
        margin-right: 13px;
        margin-top: 15px;
    }
    #main-menu ul li ul li a {
        padding-left: 28px;
        color: #000!important;
        width: 100%;
    }
    .articles {
        padding-right: 0;
        border-right: none
    }
    #main-menu ul li ul {
        position: relative;
        top: 0px;
        background: #fff;
        box-shadow: none;
    }
    .show-menu {
        display: block;
        padding: 9px 32px;
        float: right;
    }
    .show-menu i {
        font-size: 43px;
    }
    .center {
        width: 100%;
    }
    .glimit {
        overflow: auto;
        padding-left: 0px;
    }
    .bigcontent .rt {
        position: relative;
        padding-bottom: 14px;
        width: 100%;
        padding-top: 7px;
        top: 0px;
        overflow: hidden;
        right: 0px;
    }
    .nonemobile {
        display: none!important;
    }
    .bigcontent {
        width: 100%;
        padding: 0px;
        overflow: hidden;
        text-align: center;
        padding-top: 8px;
    }
    #main-menu {
        display: none;
        margin-top: 60px;
    }
    #main-menu .random {
        display: none;
    }
    #main-menu ul {
        width: 100%;
    }
    #main-menu ul li {
        float: none;
        position: relative;
        width: 100%;
        margin: 0px;
    }
    #main-menu ul li a {
        color: #fff;
        width: 100%;
        display: block;
        text-transform: uppercase;
        line-height: 37px;
        font-weight: 700;
        font-size: 14px;
        padding: 0 15px;
    }
    #headsite,
    #vslider_optionscontainer,
    .adshome,
    #sidebar_right,
    #widgetfooter,
    .qtip {
        display: none;
    }
    .searchx {
        width: 100%
    }
    #main-menu form {
        overflow: hidden;
        background: #fff;
        text-align: center;
        padding: 5px;
        float: inherit;
        width: 100%;
        margin: 0;
        border-top: 1px solid #f1f1f1;
        border-radius: 0px;
    }
    #main-menu form .searchbottom {
        float: inherit;
        text-align: center;
    }
    #cari {
        display: none;
    }
    .logo {
        float: left;
        text-align: center;
        margin: 5px;
    }
    #main-menu form #s {
        width: 100%;
        border-bottom: 1px solid #f1f1f1!important;
    }
    .logo img {
        height: 50px;
        width: auto;
    }
    .nav_apb a {
        margin-bottom: 8px;
    }
    .animeinfo .featured {
        display: none
    }
    .animeinfo .cover .jdlr {
        width: 100%;
        text-align: center;
        margin-left: 0;
        position: absolute;
        bottom: 0;
        display: block;
        z-index: 999;
        padding: 10px 0;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.5);
    }
    .animeinfo .cover .overlay {}
    .animeinfo .cover {
        height: 195px;
        overflow: hidden;
    }
    .bs {
        width: 50%
    }
    .jdlbar ul li {
        width: 100%;
        float: none;
    }
    .wrapper {
        display: none
    }
    .center_footer {
        width: 100%;
        overflow: hidden;
    }
    #footer-widget {
        padding: 20px 22px;
    }
    #wrap {}
    #footer-widget .boxbar {
        display: block;
        float: none;
        width: 100%;
        padding-bottom: 19px;
    }
    .ex {
        margin: 0 auto;
        overflow: hidden;
        width: 100%;
    }
    .danboru {
        float: none;
        margin-left: 0;
        text-align: center;
        padding: 5px 0;
        max-width: 100%;
        overflow: hidden
    }
    .ex .score,
    .ex .season {
        display: inline-block;
        margin-top: 5px;
        margin-right: 5px;
        margin-left: 5px;
        float: none;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .thumbss img {
        margin-left: 0px
    }
    .thumbss {
        width: 97px;
        height: 136px;
        position: relative;
        top: auto;
        left: auto;
        float: left;
        border: 0;
        overflow: hidden;
        margin-left: 11px;
    }
    #slider .swiper-wrapper .bs {
        width: 100%!important
    }
    #slider .swiper-wrapper .bs:last-child {
        display: block!important
    }
    .surprise {
        display: none
    }
    #teaser1,
    #teaser2 {
        display: none
    }
    .boxdl .boxurl {
        text-align: center
    }
    .genres li {
        width: 42%;
    }
    .r {
        float: none
    }
    .kln .lmt .klnmin {
        float: none;
        width: 100%
    }
    #respond #comment {
        width: 93%;
        overflow: hidden;
    }
    .footer-az .az-list {
        text-align: center
    }
    .footercopyright .copyright .footer-logo {
        margin-right: 0px;
        float: none;
    }
    .footercopyright .copyright .txt {
        width: 100%;
        text-align: center
    }
    .jdlbar ul {
        overflow: hidden;
        display: block;
        width: auto;
    }
    .bigcontent .rt .rating {
        border-radius: 0px !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    .footer-az span.ftaz {
        display: block;
        margin: 0px;
        padding: 0px;
        margin-bottom: 12px;
    }
    .footer-az {
        text-align: center
    }
    .boxurl strong {
        display: block;
        text-align: center;
        margin-right: 0px;
        padding: 6px;
        margin-bottom: 9px;
    }
    .bigcontent .infox {
        padding: 10px;
        padding-bottom: 0px;
        overflow: hidden;
        float: left;
        text-align: left;
    }
    .postbody .dev ul li {
        margin: 0px;
        width: 50%;
        padding-left: 11px;
        float: left;
    }
    .share-centered {
        display: none
    }
    .postbody .dev ul li .thumb {
        height: 200px;
        margin-bottom: 10px;
        width: 100%;
        float: none;
        margin-right: 0px;
    }
    .episodelist .offzone .rightoff,
    .episodelist .offzone .watch,
    .episodelist .offzone .leftoff,
    .episodelist ul li .leftoff,
    .episodelist ul li .rightoff,
    .episodelist ul li .watch {
        display: none
    }
    .episodelist ul li {
        line-height: 12px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .postbody .dev ul li .dtl {
        height: 100px;
    }
    .genx {
        width: 33%;
    }
    .radiox {
        width: 28%;
    }
    .footer-content-post .contentleft {
        display: none
    }
    .spe {
        display: block;
        margin-left: 12px;
        margin-right: 18px;
        margin-top: 6px;
        padding-right: 10px;
    }
    .spe span {
        width: auto;
        overflow: hidden;
        display: block;
        float: none;
    }
    .footercopyright .copyright {
        width: 100%;
    }
    .postbody .dev ul li .thumb img {
        width: 100%;
        height: 100%;
    }
    .isi-widgetnya .deb .thumbnail {
        height: 156px;
    }
    .penzbar {
        width: 100%;
        padding: 0px;
    }
    #slider {
        display: block;
        padding-bottom: 44%;
    }
    .isi-widgetnya .debs,
    .isi-widgetnya .deb {
        width: 33%;
    }
    #footer .left {
        display: none
    }
    #footer .right {
        float: none;
        text-align: center;
        line-height: normal
    }
}

@media only screen and ( max-width: 640px) {
    .postbody .dev ul li .thumb {
        height: 165px;
        margin-bottom: 10px;
        width: 100%;
        float: none;
        margin-right: 0px;
    }
}

@media only screen and ( max-width: 655px) {
	.bt {
    float: left;
    width: 100%;
}
.bt .btx .limit .tt {
	opacity: 1;
	bottom: 32px;
	}
    #slider {
        display: block;
        padding-bottom: 90%;
    }
    .footer-content-post {
        width: 100%
    }
    .fotmobilepost .contentright {
        width: 100%;
        text-align: center;
        float: none;
    }
    .fotdesktoppost {
        display: none
    }
    .fotmobilepost {
        display: block!important;
    }
    .postbody {
        float: none;
        width: 100%
    }
    #sidebar {
        float: none;
        width: 100%
    }
    .senc {
        margin-left: 15px
    }
}

@media only screen and ( max-width: 645px) {
    #slider {
        display: block;
        padding-bottom: 90%;
    }
    #slider {
        display: block;
        padding-bottom: 90%;
    }
    .postbody .dev .content .img .image img {
        min-height: auto
    }
}

@media only screen and ( max-width: 414px) {
    #slider {
        display: block;
        padding-bottom: 90%;
    }
    .postbody .dev ul li .thumb {
        height: 120px;
        margin-bottom: 10px;
        width: 100%;
        float: none;
        margin-right: 0px;
    }
}

@media only screen and ( max-width: 400px) {
    #slider {
        display: block;
        padding-bottom: 90%;
    }
    .postsbody .dev .content .data .descript {
        display: none
    }
}

@media only screen and ( max-width: 375px) {
    #slider {
        display: block;
        padding-bottom: 90%;
    }
    .postbody .dev ul li .thumb {
        height: 90px;
        margin-bottom: 10px;
        width: 100%;
        float: none;
        margin-right: 0px;
    }
}

@media only screen and ( max-width: 320px) {
    #slider {
        display: block;
        padding-bottom: 90%;
    }
    .postbody .dev ul li .thumb {
        height: 90px;
        margin-bottom: 10px;
        width: 100%;
        float: none;
        margin-right: 0px;
    }
}

.owl-nav .owl-prev,
.owl-nav .owl-next,
#main-menu,
.advancedsearch button.searchz,
.modex a,
.hpage a,
#footer .footermenu,
.lista a,
.footer-az .az-list li a,
.boxurl strong,
.nav_apb a,
.anon,
.pagination span.page-numbers.current,
#footer-menu,
.serieslist ul li .ctr,
.spe span:before,
.boxdl .boxtitle,
#footer-widget .boxbar .genre li a:hover,
#slider .slide-caption .btn,
.seriestitle,
.owl-dot.active span,
.owl-dot.active:hover span,
.filter:hover,
#sidebar .side h3 .linkwidget,
#sidebar .side ul.genre li:before,
.noticex,
.autocomplete-suggestion:nth-child(odd):hover,
.autocomplete-suggestion:hover,
.taxlist li a:hover,
.tooltip-loading div,
.owl-prev,
.owl-next,
.footer-content-post .contentright,
.filter.submit .btn,
.widget-judul .linkwidget,
#sidebar .side ul.season li:before,
.widget-judul,
.episodelist ul li .watch,
.episodelist .offzone .rightoff,
.episodelist .offzone .leftoff,
.episodelist .offzone .lefttitle,
.episodelist .offzone .watch,
.glimit a:hover,
.live-search ul li.ctsx,
.download-eps ul li strong,
#sidebar .side .ongoingwgt li .r,
#breadcrumbs,
.quickswitcher .slider.round:before {
    background: #e53637;
}

a,
.jdlbar ul li,
.postbody .dev ul li .dtl h2 a:hover,
.postbody .boxed .right .lts ul li .dtl span a:hover,
.letter-cell a,
.putih .bottom a:hover,
a:hover,
#sidebar .side h3,
#sidebar .side .ongoingwgt li .l i,
#sidebar .side .customlist li i {
    color: #e53637
}

a:hover,
.tooltip .judul-tooltip h4,
.filters .filter li label:hover,
.filters .filter li:hover,
.filters .filter li input:checked+label:before,
.filters .filter li input:checked+label:before,
.searchx #form #s:focus+button {
    color: #e53637!important
}

.lista a,
.filter:hover,
.tooltip .towatch a,
#footer,
.searchx #form #s:focus,
.searchx #form #s:focus+button,
#main-menu ul li ul {
    border-color: #e53637
}

.loader,
.loader2,
.loader3 {
    border-top: 16px solid #e53637
}

.putih .detail {
    padding: 10px;
    overflow: hidden;
    margin: 9px 0;
    width: 100%;
    float: left;
}

.postbody .detail .thumb img {
    position: absolute;
    width: 100%;
    padding: 0;
    border: none;
    margin-bottom: 0;
    margin-right: 0;
    float: none;
    height: 100%;
}

.postbody .detail .thumb {
    float: left;
    margin-right: 7px;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    width: 148px;
    background: #f1f1f1;
    height: 230px;
}

.postbody .detail .dtl span {
    font-size: 12px;
    line-height: 20px;
    color: #444;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.putih .player {
    display: block;
    margin: 10px 0 30px 0;
    padding-top: 56.27%;
    position: relative;
    overflow: hidden;
	background: black;
}

.player #mainvid {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: black;
    position: absolute;
    top: 0;
}

.download .ddl-list {
    background: rgba(0, 0, 0, .3);
    /* padding: 10px; */
    margin: 10px 0;
    font-weight: bolder;
    color: red;
    text-align: center;
    line-height: 30px;
}

.download .ddw-kelas {
    text-align: center;
    font-weight: bolder;
    padding: 10px;
    text-transform: capitalize;
    font-size: 16px;
    color: #e53637;
}

.download .ddl-list .title {
    float: left;
    padding: 0 30px;
    background: #e53637;
    color: white;
}

.download .ddl-list a {
    color: white;
    text-transform: capitalize;
    padding: 0 3px;
}

.mirror-server li.active {
    background: red;
}

.mirror-server li {
    float: left;
    padding: 10px 20px;
    margin: 0 5px;
    background: 0 0;
    display: block;
}

.mirror-server li:hover {
    background: white;
    transition: all 1s;
}

.content_episode .mirror-server {
    width: 100%;
    background: rgba(0, 0, 0, .3);
    display: inline-block;
    font-weight: 600;
}

.content_episode .mirror-server a {
    color: white;
}

.content_chapter img {
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    display: block;
}

.postbody .chapter_list {
    width: 100%;
    padding: 10px;
    display: block;
}

.postbody .chapter_list #chapter {
    width: 100%;
    height: 30px;
    background: lavender;
    font-size: medium;
    font-weight: 600;
    color: crimson;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Manga {
    background: #ffb800!important;
}

.isi-widgetnya.scroll.ongoing {
    max-height: 500px;
    overflow: auto;
}

.isi-widgetnya.scroll.season {
    max-height: 250px;
    overflow: auto;
}
.qtip.qtip-default {
    background: white;
    /* font-size: small; */
    /* font-size: smaller!important; */
}
.totitle .status {
    background: #e11938;
    color: white;
    padding: 0 5px;
    border-radius: 2px;
    font-size: smaller;
    float: right;
    /* display: block; */
}
.totitle .status a{
    color: white;
}
.coveranime .mei {
    width: 100%;
    position: relative;
    height: auto;
}
.coveranime .mei img {
    max-width: 100%;
    text-align: center;
    height: auto;
}
.player img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.a_z {
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    border-bottom: 1px solid #ddd;
}
.bound {
    float: left;
    width: 50%;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 20px;
    max-height: 192px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
.bound .thumb {
    width: 30%;
    position: relative;
    padding: 45% 0 0 0;
    float: left;
    margin-right: 10px;
}
.bound .detailss span {
    display: block;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bound .detailss h3 {
    margin: 0 0;
    margin-bottom: 10px;
}
.bound .thumb img{
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
p.disc {
    font-size: smaller;
}
i.fa.fa-heart {
    color: red;
    animation: heartbeat 1s infinite;
}
@keyframes heartbeat
{
    0%
    {
        transform: scale( .75 );
    }
    20%
    {
        transform: scale( 1 );
    }
    40%
    {
        transform: scale( .75 );
    }
    60%
    {
        transform: scale( 1.5 );
    }
    80%
    {
        transform: scale( .75 );
    }
    100%
    {
        transform: scale( .75 );
    }
}
#datafetch {
    background: white;
    box-shadow: 0 1px 5px 2px #ddd;
    border-radius: 5px;
    margin-top: 5px;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    width: 100%;
    padding: 10px;
    display: none;
    max-height: 400px;
}
#datafetch .fas {
    color: blue;
    /* background: azure; */
    font-size: large;
    margin-right: 10px;
}
.hasilnya .sthumb img {
    border-radius: 3px;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 1px 3px 1px #aaa;
}
.hasilnya .sthumb {
    position: relative;
    padding-bottom: 35%;
    width: 25%;
    float: left;
}
.hasilnya .sdtl {
    overflow: hidden;
    padding: 0 10px;
    float: left;
    width: 75%;
}
.hasilnya .sdtl .stitle {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}
.hasilnya .sdtl span {
    display: block;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}
#datafetch .showmore {
    width: 100%;
    text-align: center;
    display: block;
    background: #06c;
    padding: 10px;
    font-size: 15px;
    font-weight: 700;
    color: white;
}
#datafetch .hasilnya {
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
.pages-genres {
    padding: 15px;
    text-align: center;
    font-size: 18px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    margin-top: 20px;
}
.pages-genres h1 {
    margin-bottom: 13px;
    font-size: 25px;
    text-transform: uppercase;
    margin: 0;
    color: #555;
    line-height: 34px;
}
.pages-genres p {
    margin: 0;
    text-transform: uppercase;
    color: #888;
}
.taxlist {
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-top: 12px;
}
.taxlist li {
    float: left;
    width: 20%!important;
    list-style: none;
    margin: 0!important;
    padding: 0!important;
}
.taxlist li a {
    display: block;
    padding: 8px;
    margin: 5px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    background: #1778f2;
}

/* add */
#myvideo {
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.player #resume p {
    font-size: 13px;
}
@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}
@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}
@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}
@keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}
@-moz-keyframes loading-text-opacity {
    0%, 100%, 20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}
@-o-keyframes loading-text-opacity {
    0%, 100%, 20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}
@-webkit-keyframes loading-text-opacity {
    0%, 100%, 20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}
@keyframes loading-text-opacity {
    0%, 100%, 20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}
.loading-container {
    height: 100px;
    position: absolute;
    width: 100px;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loading-ani {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}
.loading-ani {
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%
}
.loading-container:hover .loading-ani {
    border-color: transparent #E45635
}
.loading-container .loading-ani,
.loading-container:hover .loading-ani {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.loading-container .loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px
}
#myvideo.jw-error.jw-reset {
    height: 100%!important;
}
#myvideo #messages {
    width: 100%;
    background-size: cover;
    background-position: right;
    height: 100%;
}
.pop-wrap {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.pop-main {
    display: table-cell;
    vertical-align: middle;
}
.pop-html {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.pop-block {
    display: inline-block;
    position: relative;
}
.myConfirm {
    max-width: 260px;
    max-height: 160px;
    padding: 3px;
    padding-bottom: 0px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.3em;
    background-color: #333333;
    color: #f2f2f2;
}
.button {
    border-width: 0;
    padding: 5px 15px;
    line-height: 1.5;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 80%;
    font-weight: 700;
    margin: 5px 5px 5px 0;
    cursor: pointer;
    outline: none;
    background-color: #565656;
    color: #ffffff;
}
.putih.updatekomik .chlist li {
    padding: 0;
    width: 100%;
    margin: 0;
	margin-bottom: 5px
}
.chlist .lefttitle {
    float: left;
    background: #f1f1f1;
    padding: 0 4px;
    border-radius: 4px;
}
.chlist .date {
    float: right;
}
.episodelist{
	max-height: 400px;
	overflow-y: auto;
}
.episodelist .offzone .lefttitle {
	width: 459px;
}
.episodelist ul li{
	max-width: 757px;
}
.episodelist ul li .lefttitle {
	width: 461px;
}
.episodelist .offzone .watch{
	width: 93px;
}
.episodelist::-webkit-scrollbar{
	width: 6px;
    background-color: #F5F5F5;
}
.episodelist::-webkit-scrollbar-thumb{
	background-color: #fb0505;
	border-radius: 2px;
}
.episodelist::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.putih .player{
	margin: 10px 0;
}
.naveps {
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
    font-size: 13px;
}

.naveps .ep {
    float: left;
    width: 33.333333%;
    text-align: center;
    background: rgba(0, 0, 0, .3);
}
.naveps .ep.all a {
    color: #fff;
    background: #e53637;
}
.naveps .ep.all a:hover, 
.chnav .dl a, 
.chnav .ch a{
    color: #fff!important;
}
.naveps .ep a, .naveps .ep .none {
    color: #242eb8;
    padding: 9px 10px;
    display: block;
}
.postbody .chapter_list #chapter{
	width: 180px;
}
.chnav {
    margin: 10px 0;
    float: right;
}

.chnav .ch {
    display: inline-block;
}

.chnav .ch a {
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 2px;
    color: #fff;
    margin-left: 5px;
    background: #3367d6;
    position: relative;
}
.chnav .dl {
    float: left;
    margin-right: 15px;
}

.chnav .dl a {
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 2px;
    color: #fff;
    margin-left: 5px;
    background: #ba2419;
    position: relative;
}
.none{
	cursor:not-allowed;
	opacity: .3;
}
@media only screen and (max-width: 769px){
	.postbody .dev ul li .mang.dtl {
		height: auto;
	}
}
@media only screen and (max-width: 576px){
	.postbody .chapter_list #chapter{
		width: 100%;
	}
	.chnav{
		float: none;
		text-align: center;
	}
	.chnav .dl{
		float: none;
		margin: 0;
		margin-top: 10px;
	}
}
/* Jadwal Rilis Otakudesu by Kurodesu */
.jdlpot{display:none}#post-wrapper{width:100%;max-width:100%}
.kgjdwl321{overflow:hidden;width:100%;font-family:sans-serif}
.kgjdwl321 h1{font-size:16px;border-bottom:4px solid #ee0d0d;background: #e53637;padding-bottom:5px;text-align:center;color:#fff;text-transform:uppercase}
.kgjdwl321 center{margin:1px 0px;background: #e53637;color:#FFF}
.kglist321{float:left;width:32%;margin:5px 5px 15px 5px}
.kglist321 h2{border:1px solid #fff;text-align:center;font-size:13px;padding:5px;background:#e53637;;color:#FFF;margin:0px !important;line-height:20px !important}
.kglist321 ul{margin:1px 0px !important;padding:0px !important;list-style:none outside none;border:1px solid #DDD}
.kglist321 ul li{padding:12px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:40px;text-align:center}
.kglist321 ul li:nth-child(1){background:none repeat scroll 0% 0% #000}
.kglist321 ul li:nth-child(2){background:none repeat scroll 0% 0% #444}
.kglist321 ul li:nth-child(3){background:none repeat scroll 0% 0% #000}
.kglist321 ul li:nth-child(4){background:none repeat scroll 0% 0% #444}
.kglist321 ul li:nth-child(5){background:none repeat scroll 0% 0% #000}
.kglist321 ul li:nth-child(6){background:none repeat scroll 0% 0% #444}
.kglist321 ul li:nth-child(7){background:none repeat scroll 0% 0% #000}
.kglist321 ul li:nth-child(8){background:none repeat scroll 0% 0% #444}
.kglist321 ul li:nth-child(9){background:none repeat scroll 0% 0% #000}
.kglist321 ul li:nth-child(10){background:none repeat scroll 0% 0% #444}
.venutama p{display;none}
.kglist321 ul li a{color:#fff}@media only screen and (max-width:425px){.kglist321{float:none;width:98%}}
.infolink {
    background: #FFF;
    padding: 4px;
}
.infoblog {
    line-height: 25px;
    font-size: 13px;
    padding: 10px;
    border-radius: 3px;
    background: #3457ce;
    margin-bottom: 5px;
    color: #FFF;
}
.maxbutton-1.maxbutton.maxbutton-download{position:relative;text-decoration:none;display:inline-block;vertical-align:middle;width:144px;height:17px;border:2px solid #505ac7;border-radius:4px 4px 4px 4px;background-color:#505ac7;-webkit-box-shadow:0px 0px 2px 0px #333333;-moz-box-shadow:0px 0px 2px 0px #333333;box-shadow:0px 0px 2px 0px #333333}.maxbutton-1.maxbutton.maxbutton-download:hover{border-color:#505ac7;background-color:white;-webkit-box-shadow:0px 0px 2px 0px #333333;-moz-box-shadow:0px 0px 2px 0px #333333;box-shadow:0px 0px 2px 0px #333333}.maxbutton-1.maxbutton.maxbutton-download .mb-text{color:#ffffff;font-family:Tahoma;font-size:15px;text-align:center;font-style:normal;font-weight:normal;line-height:1em;box-sizing:border-box;display:block;background-color:unset;padding:1px 0px 0px 0px}.maxbutton-1.maxbutton.maxbutton-download:hover .mb-text{color:#505ac7}
.dark #disqus_thread, .dark .commentarea {
	background: #222;
    color: #fff!important;
}
.blog-list .post-thumbnail .sh-ratio-content {
  background-size: contain;
    background-repeat: no-repeat;  
}
.iconf {
    font-size: 12px;
    background: #1d41fd;
    padding: 5px 3%;
}

.iconf {
    float: right;
    color: #fff;
    font-size: 10px;
    padding: 4px 5px;
    margin: -3px;
    background: #00adff;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}
.followig {
    background: rgba(0, 0, 0, .3);
    padding: 7px;
    font-weight: bold;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    display: inline-block;
}
.partner {
    background: rgba(0, 0, 0, .3);
    padding: 7px;
    font-weight: bold;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    display: inline-block;
}
.notice {
    background: green;
    border-radius: 3px;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 2px;
}

/* Download Box Start */
  .download-eps {font-size: 15px;font-weight: bold;padding: 10px;background: #f1f1f1;overflow: hidden;}
  .download-eps .smokettl {padding: 8px 10px;background: #1e7ce5;margin-bottom: 7px;color: aliceblue}
  .download-eps ul {margin: 0;padding: 0;list-style: outside none none;overflow: hidden;}
  .download-eps ul li {margin-bottom: 7px;line-height: 31px !important;background: #fff;}
  .download-eps ul li span:after {content: "|";padding-left: 5px;padding-right: 5px;}
  .download-eps ul li span:last-child:after {content: "";}
  .download-eps ul li strong {background: none repeat scroll 0% 0% #1e7ce5;border-right: 2px solid #F5F5F5;width: 100px;display: block;float: left; color: #FFF; padding: 0 5px; text-align: center;}
  @media screen and (max-width:680px) {
    .dlbod {text-align: center;}
  }
/* Download Box End */

/* Page Batch Start */
.listbatch {
    padding: 8px;
    margin-bottom: 8px;
}
.listbatch a {
    background: #e05406;
    color: #fff;
    display: block;
    padding: 8px;
    border-radius: 4px;
}
/* Page Batch End */

/* FAQ Start */
.container {
  max-width: 960px;
	font-weight: bold;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
	background-color: #eee;
	color: black;
  text-align: -webkit-left;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
	color: black;
  text-align: -webkit-left;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* FAQ End */

@media only screen and (max-width: 1024px) {
    .episodelist .offzone .leftoff,
    .episodelist .offzone .rightoff,
    .episodelist .offzone .watch,
    .episodelist ul li .leftoff,
    .episodelist ul li .rightoff,
    .episodelist ul li .watch {
        display: block;
    }

    .episodelist .offzone .lefttitle,
    .episodelist ul li .lefttitle {
        width: 55%;
    }

    .episodelist ul li .watch {
        margin-left: 2px;
    }
}

@media only screen and (max-width: 812px) {
    .episodelist .offzone .lefttitle,
    .episodelist ul li .lefttitle {
        width: 58%;
        overflow: hidden;
        white-space: nowrap;
    }
    
    .episodelist .offzone .rightoff,
    .episodelist ul li .rightoff {
        width: 16%;
    }

    .episodelist .offzone .watch,
    .episodelist ul li .watch {
        width: 14%;
    }

    .episodelist ul li .watch {
        margin-left: 4px;
    }
}

@media only screen and (max-width: 769px) {
    .episodelist .offzone .leftoff,
    .episodelist ul li .leftoff {
        width: 9%;
    }

    .episodelist .offzone .lefttitle,
    .episodelist ul li .lefttitle {
        width: 67%;
    }
    
    .episodelist .offzone .rightoff,
    .episodelist ul li .rightoff {
		display: none;
    }

    .episodelist .offzone .watch,
    .episodelist ul li .watch {
        width: 22%;
    }

    .episodelist ul li .watch {
        padding: 6px
    }

    .episodelist ul li {
        padding: 0;
        display: flex;
        align-items: center;
    }
}
    p.has-background {
        padding: 0.9em 4.375em;
    }
    .has-vivid-cyan-blue-background-color {
        background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }
    .has-white-color {
        color: var(--wp--preset--color--white) !important;
    }
    .has-text-align-center {
        text-align: center;
}
.blk.ad {
    margin: 46px auto;
    max-width: 1150px;
}
.ad {
    overflow: inherit;
    position: relative;
    text-align: center;
}
.Sidee {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-bottom: 1rem;
}

.Bar-center {
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.Sideebar-image {
    max-height: 100%;
}