html,
body,
.Wrapper {
    height: 100%
}

html {
    font-family: open sans, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
picture {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none!important
}

a {
    background-color: transparent;
    text-decoration: none
}

a,
a:active,
:focus {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

figure img {
    display: block;
    vertical-align: top
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

hr {
    height: 1px;
    border: 0;
    background-color: #f1f1f1
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

iframe {
    border: 0
}

body::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

@media print {
    *,
    *:before,
    *:after {
        color: #000!important;
        text-shadow: none!important;
        background: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: "(" attr(href) ")"
    }
    abbr[title]:after {
        content: "(" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-Group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    select {
        background: #fff!important
    }
}

a[class*=fa-],
span[class*=fa-],
strong[class*=fa-],
i[class*=fa-] {
    display: inline-block
}

[class*=fa-]:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: inherit;
    line-height: inherit;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    margin-right: 10px
}

[class*=fa-]:empty:before {
    margin-right: 0
}

body {
    font-size: 15px;
    line-height: 20px
}

ul,
ol,
dl {
    list-style-position: outside
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-left: 15px;
    margin-bottom: 0
}

ul,
ol {
    margin-left: 15px
}

dl dt {
    font-weight: 700
}

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

ul ul {
    list-style-type: inherit;
    margin: inherit
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.Title a {
    color: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    line-height: 1
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 25px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 12px
}

*,
:before,
:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.Wrapper {
    display: table;
    table-layout: fixed;
    width: 100%
}

.Wrapper>.Header,
.Wrapper>.Footer {
    display: table-row;
    height: 1px
}

.Wrapper>.Body {
    overflow: hidden
}

.DFCn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.Container {
    margin: 0 auto;
    padding: 0 15px
}

.AX[class*=Row],
.StCh[class*=Row]>* {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.AX.Rows>*,
.AX.Row.AFluid>.AFixed {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: 100%
}

.AX.Row.AFluid>* {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Column.A01,
.Rows.A01>* {
    width: 8.33333333%
}

.Column.A02,
.Rows.A02>* {
    width: 16.66666667%
}

.Column.A20,
.Rows.A20>* {
    width: 20%
}

.Column.A03,
.Rows.A03>* {
    width: 25%
}

.Column.A04,
.Rows.A04>* {
    width: 33.33333333%
}

.Column.A05,
.Rows.A05>* {
    width: 41.66666667%
}

.Column.A06,
.Rows.A06>* {
    width: 50%
}

.Column.A07,
.Rows.A07>* {
    width: 58.33333333%
}

.Column.A08,
.Rows.A08>* {
    width: 66.66666667%
}

.Column.A09,
.Rows.A09>* {
    width: 75%
}

.Column.A10,
.Rows.A10>* {
    width: 83.33333333%
}

.Column.A11,
.Rows.A11>* {
    width: 91.66666667%
}

.Column.A12,
.Rows.A12>* {
    width: 100%
}

.StCh[class*=Row]>*>* {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: block;
    width: 100%
}
a.btn.btn-letter {
	background-color: #fff;
    width: 3.2%;
    float: left;
    margin-left: 0.5%;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    text-align: center;
    padding: 5px 0;
}
a.btn.btn-letter.active {
    background-color: #01bcf3;
    color: #fff;
}
.movies-letter {
    margin-left: -0.5%;
}
ul.a-z {
    background-color: #fff;
    border-radius: 5px;
	list-style: none;
    margin: 20px 0 20px 0;
    padding: 10px 0 0;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}

ul.a-z li {
    float: left;
    width: 31.33%;
	margin-left: 2%;
	margin-bottom: 10px;
}
ul.a-z li:before {
    content: "#";
    color: #c1c1c1;
    margin-right: 5px;
}
.xc-subs-content {
    padding: 0 15px;
}

#subscribe-submit {
    display: block;
    width: 100%;
}

.ubc-input {
    margin-top: 15px;
}
@media all and (min-width:767px) {
    .Container {
        max-width: 765px
    }
    .BX[class*=Row] {
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .BX.Rows>*,
    .BX.Row.BFluid>.BFixed {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        max-width: 100%
    }
    .BX.Row.BFluid>* {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .Column.B01,
    .Rows.B01>* {
        width: 8.33333333%
    }
    .Column.B02,
    .Rows.B02>* {
        width: 16.66666667%
    }
    .Column.B20,
    .Rows.B20>* {
        width: 20%
    }
    .Column.B03,
    .Rows.B03>* {
        width: 25%
    }
    .Column.B04,
    .Rows.B04>* {
        width: 33.33333333%
    }
    .Column.B05,
    .Rows.B05>* {
        width: 41.66666667%
    }
    .Column.B06,
    .Rows.B06>* {
        width: 50%
    }
    .Column.B07,
    .Rows.B07>* {
        width: 58.33333333%
    }
    .Column.B08,
    .Rows.B08>* {
        width: 66.66666667%
    }
    .Column.B09,
    .Rows.B09>* {
        width: 75%
    }
    .Column.B10,
    .Rows.B10>* {
        width: 83.33333333%
    }
    .Column.B11,
    .Rows.B11>* {
        width: 91.66666667%
    }
    .Column.B12,
    .Rows.B12>* {
        width: 100%
    }
}

@media all and (min-width:1020px) {
    .Container {
        max-width: 990px
    }
    .CX[class*=Row] {
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .CX.Rows>*,
    .CX.Row.CFluid>.CFixed {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        max-width: 100%
    }
    .CX.Row.CFluid>* {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .Column.C01,
    .Rows.C01>* {
        width: 8.33333333%
    }
    .Column.C02,
    .Rows.C02>* {
        width: 16.66666667%
    }
    .Column.C20,
    .Rows.C20>* {
        width: 20%
    }
    .Column.C03,
    .Rows.C03>* {
        width: 25%
    }
    .Column.C04,
    .Rows.C04>* {
        width: 33.33333333%
    }
    .Column.C05,
    .Rows.C05>* {
        width: 41.66666667%
    }
    .Column.C06,
    .Rows.C06>* {
        width: 50%
    }
    .Column.C07,
    .Rows.C07>* {
        width: 58.33333333%
    }
    .Column.C08,
    .Rows.C08>* {
        width: 66.66666667%
    }
    .Column.C09,
    .Rows.C09>* {
        width: 75%
    }
    .Column.C10,
    .Rows.C10>* {
        width: 83.33333333%
    }
    .Column.C11,
    .Rows.C11>* {
        width: 91.66666667%
    }
    .Column.C12,
    .Rows.C12>* {
        width: 100%
    }
}

@media all and (min-width:1200px) {
    .Container {
        max-width: 1170px
    }
    .DX[class*=Row] {
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .DX.Rows>*,
    .DX.Row.DFluid>.DFixed {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        max-width: 100%
    }
    .DX.Row.DFluid>* {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .Column.D01,
    .Rows.D01>* {
        width: 8.33333333%
    }
    .Column.D02,
    .Rows.D02>* {
        width: 16.66666667%
    }
    .Column.D20,
    .Rows.D20>* {
        width: 20%
    }
    .Column.D03,
    .Rows.D03>* {
        width: 25%
    }
    .Column.D04,
    .Rows.D04>* {
        width: 33.33333333%
    }
    .Column.D05,
    .Rows.D05>* {
        width: 41.66666667%
    }
    .Column.D06,
    .Rows.D06>* {
        width: 50%
    }
    .Column.D07,
    .Rows.D07>* {
        width: 58.33333333%
    }
    .Column.D08,
    .Rows.D08>* {
        width: 66.66666667%
    }
    .Column.D09,
    .Rows.D09>* {
        width: 75%
    }
    .Column.D10,
    .Rows.D10>* {
        width: 83.33333333%
    }
    .Column.D11,
    .Rows.D11>* {
        width: 91.66666667%
    }
    .Column.D12,
    .Rows.D12>* {
        width: 100%
    }
}

.AXCenter>* {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    vertical-align: middle!important
}

.AXRight {
    margin-right: 0;
    margin-left: auto
}

@media all and (min-width:767px) {
    .BXCenter>* {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        vertical-align: middle!important
    }
    .BXRight {
        margin-right: 0;
        margin-left: auto
    }
    .no-flexbox.no-flexboxtweener .BXRight {
        float: right
    }
}

@media all and (min-width:1020px) {
    .CXCenter>* {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        vertical-align: middle!important
    }
    .CXRight {
        margin-right: 0;
        margin-left: auto
    }
    .no-flexbox.no-flexboxtweener .CXRight {
        float: right
    }
}

@media all and (min-width:1200px) {
    .DXCenter>* {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        vertical-align: middle!important
    }
    .DXRight {
        margin-right: 0;
        margin-left: auto
    }
    .no-flexbox.no-flexboxtweener .DXRight {
        float: right
    }
}

ul,
ol,
dl,
dl dt,
dl dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
hr,
blockquote,
table,
input,
textarea,
button,
select,
.Select {
    margin-bottom: 15px
}

.Rows,
.Sp20[class*=Row] {
    margin: -20px -10px 20px
}

.Rows>*,
.Sp20[class*=Row]>* {
    padding: 20px 10px 0
}

[class*=Row]>* {
    min-width: 0
}

.Mb {
    margin-bottom: 20px
}

[class*=Form-] input,
[class*=Form-] button,
[class*=Form-] textarea,
[class*=Form-] select,
[class*=Form-] .Select {
    margin-bottom: 0
}

[class*=Form-] {
    margin-bottom: 20px
}

[class*=Form-] [class*=Form-] {
    margin-bottom: 0
}

.Sp10[class*=Row] {
    margin: -10px -5px 10px
}

.Sp10[class*=Row]>* {
    padding: 10px 5px 0
}

.Sp10.Mb,
.Sp10[class*=Form-],
.Sp10 [class*=Form-] {
    margin-bottom: 10px
}

.Sp15[class*=Row] {
    margin: -15px -7px 15px
}

.Sp15[class*=Row]>* {
    padding: 15px 7px 0
}

.Sp15.Mb,
.Sp15[class*=Form-],
.Sp15 [class*=Form-] {
    margin-bottom: 15px
}

.Sp30[class*=Row] {
    margin: -30px -15px 30px
}

.Sp30[class*=Row]>* {
    padding: 30px 15px 0
}

.Sp30.Mb,
.Sp30[class*=Form-],
.Sp30 [class*=Form-] {
    margin-bottom: 30px
}

.NMb {
    margin-bottom: 0!important
}

.no-flexbox.no-flexboxtweener [class*=Row]:before,
.no-flexbox.no-flexboxtweener [class*=Row]:after {
    content: '';
    display: table
}

.no-flexbox.no-flexboxtweener [class*=Row]:after {
    clear: both
}

.no-flexbox.no-flexboxtweener .AX.Row>* {
    display: table-cell;
    vertical-align: top
}

.no-flexbox.no-flexboxtweener .AX.Row>.Column,
.no-flexbox.no-flexboxtweener .AX.Rows>* {
    float: left
}

.no-flexbox.no-flexboxtweener .AX.Row {
    display: table;
    width: 100%
}

.no-flexbox.no-flexboxtweener .AX.Row.AFluid>* {
    float: none
}

.no-flexbox.no-flexboxtweener .AX.Row.AFluid.Wa>* {
    width: 100%
}

@media all and (min-width:767px) {
    .no-flexbox.no-flexboxtweener .BX.Row>* {
        display: table-cell;
        vertical-align: top
    }
    .no-flexbox.no-flexboxtweener .BX.Row>.Column,
    .no-flexbox.no-flexboxtweener .BX.Rows>* {
        float: left
    }
    .no-flexbox.no-flexboxtweener .BX.Row {
        display: table;
        width: 100%
    }
    .no-flexbox.no-flexboxtweener .BX.Row.BFluid>* {
        float: none
    }
    .no-flexbox.no-flexboxtweener .BX.Row.BFluid.Wa>* {
        width: 100%
    }
}

@media all and (min-width:1020px) {
    .no-flexbox.no-flexboxtweener .CX.Row>* {
        display: table-cell;
        vertical-align: top
    }
    .no-flexbox.no-flexboxtweener .CX.Row>.Column,
    .no-flexbox.no-flexboxtweener .CX.Rows>* {
        float: left
    }
    .no-flexbox.no-flexboxtweener .CX.Row {
        display: table;
        width: 100%
    }
    .no-flexbox.no-flexboxtweener .CX.Row.CFluid>* {
        float: none
    }
    .no-flexbox.no-flexboxtweener .CX.Row.CFluid.Wa>* {
        width: 100%
    }
}

@media all and (min-width:1200px) {
    .no-flexbox.no-flexboxtweener .DX.Row>* {
        display: table-cell;
        vertical-align: top
    }
    .no-flexbox.no-flexboxtweener .DX.Row>.Column,
    .no-flexbox.no-flexboxtweener .DX.Rows>* {
        float: left
    }
    .no-flexbox.no-flexboxtweener .DX.Row {
        display: table;
        width: 100%
    }
    .no-flexbox.no-flexboxtweener .DX.Row.CFluid>* {
        float: none
    }
    .no-flexbox.no-flexboxtweener .DX.Row.CFluid.Wa>* {
        width: 100%
    }
}

button,
input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    color: inherit;
    font: inherit;
    width: 100%;
    vertical-align: middle
}

fieldset {
    border: 1px solid silver;
    padding: 15px
}

legend {
    border: 0
}

[class*=Form-] label {
    display: block
}

input,
textarea,
select,
.Select label,
.Checkbox input+i:before,
.Radio input+i {
    border: 1px solid transparent
}

input,
textarea,
select,
.Select label {
    display: block;
    padding: 5px 15px;
    width: 100%;
    border-radius: 5px
}

input,
select {
    height: 40px;
    line-height: normal
}

textarea {
    overflow: auto;
    max-width: 100%;
    height: auto;
    min-height: 90px;
    resize: none;
    padding: 10px 15px
}

.Form-Icon {
    position: relative;
    display: block;
    padding: 0
}

.Form-Icon.Right input,
.Form-Icon.Right textarea {
    padding-left: 15px;
    padding-right: 40px
}

.Form-Icon.Right input+i,
.Form-Icon.Right textarea+i {
    left: auto;
    right: 0
}

.Form-Icon input,
.Form-Icon textarea {
    padding-left: 40px;
    font-weight: 400
}

.Form-Icon input+i,
.Form-Icon textarea+i {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    opacity: .2;
    color: inherit;
    transition: opacity .2s
}

.Form-Icon input+i,
.Form-Icon textarea+i,
.Form-Icon input+i:before,
.Form-Icon textarea+i:before {
    width: 40px;
    line-height: 40px
}

.Form-Icon input:focus+i,
.Form-Icon textarea:focus+i {
    opacity: 1;
    color: #01bcf3
}

.Checkbox label,
.Radio label,
[type=checkbox]+label,
[type=radio]+label {
    line-height: inherit;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px
}

.Checkbox input,
.Radio input {
    position: absolute;
    opacity: 0;
    left: -100%;
    width: 0;
    height: 0
}

.Checkbox input+i,
.Radio input+i {
    margin-right: 10px;
    vertical-align: top;
    display: inline-block;
    position: relative
}

.Radio input+i {
    width: 20px;
    height: 20px
}

.Checkbox input+i:before,
.Radio input+i:before {
    width: 20px;
    height: 20px;
    line-height: 18px;
    transition: all .1s;
    text-align: center;
    font-size: 0;
    display: block
}

.Checkbox input:checked+i:before {
    font-size: 15px
}

.Radio input:checked+i:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 5px;
    left: 4px;
    top: 4px
}

.Radio [type=radio]+i,
.Checkbox [type=radio]+i {
    border-radius: 50%
}

[type=checkbox],
[type=radio] {
    width: auto;
    height: auto;
    display: inline;
    margin-bottom: 0;
    padding: 0;
    border: 0
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio
}

[type=checkbox]+label,
[type=radio]+label {
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: baseline;
    display: inline-block
}

[type=checkbox][hidden]+label,
[type=radio][hidden]+label {
    margin-left: 0;
    margin-right: 0
}

.Button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: 0;
    box-shadow: none;
    cursor: pointer;
    padding: 10px 15px;
    width: auto;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    font-weight: 700
}

button[disabled],
input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner {
    border: 0;
    padding: 0
}

.Form-Inline .Button,
.Form-Inline button,
.Form-Inline input,
.Form-Inline select,
.Form-Inline textarea,
.Form-Inline .Select,
.Form-Inline .Checkbox,
.Form-Inline [class*=Form-] {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    width: auto
}

.Form-Success input,
.Form-Success textarea,
.Form-Success select,
.Form-Success label {
    border-color: #24c970!important;
    color: #24c970
}

.Form-Warning input,
.Form-Warning textarea,
.Form-Warning select,
.Form-Warning label {
    border-color: #f09941!important;
    color: #f09941
}

.Form-Error input,
.Form-Error textarea,
.Form-Error select,
.Form-Error label {
    border-color: #f24343!important;
    color: #f24343
}

input:disabled,
textarea:disabled,
select:disabled,
.Select select:disabled+label,
.Checkbox [type=checkbox]:disabled+i:before,
.Radio [type=radio]:disabled+i {
    background-color: #fafafa!important;
    border-color: #ddd!important;
    color: #999!important
}

.Radio [type=radio]:disabled+i:before {
    background-color: #999!important
}

::-webkit-input-placeholder {
    color: inherit
}

::-moz-placeholder {
    color: inherit
}

:-ms-input-placeholder {
    color: inherit
}

input:-moz-placeholder {
    color: inherit
}

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

.ClFx:after {
    clear: both
}

button,
input,
textarea,
select,
label,
a {
    transition: all .2s linear
}

@media all and (max-width:767px) {
    .AXHd {
        display: none!important
    }
}

@media all and (min-width:767px) and (max-width:1020px) {
    .BXHd {
        display: none!important
    }
}

@media all and (min-width:767px) {
    .BXHdm {
        display: none!important
    }
}

@media all and (min-width:1020px) and (max-width:1200px) {
    .CXHd {
        display: none!important
    }
}

@media all and (min-width:1020px) {
    .CXHdm {
        display: none!important
    }
}

@media all and (min-width:1200px) {
    .DXHd {
        display: none!important
    }
}

.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: 30px
}

.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: 5px;
    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: 5px;
    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: 5px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
    width: 5px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail {
    width: 5px
}

.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_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 8px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

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

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px
}

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

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

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

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .1)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #01bcf3
}

.rect-auto,
.percircle.gt50 .slice {
    clip: rect(auto, auto, auto, auto)
}

.pie,
.percircle .bar,
.gt50 .fill {
    position: absolute;
    border: 5px solid #01bcf3;
    width: 50px;
    height: 50px;
    clip: rect(0, 25px, 50px, 0);
    border-radius: 50%;
    transform: rotate(0deg)
}

.bar {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pie-fill,
.gt50 .bar:after,
.gt50 .fill {
    transform: rotate(180deg)
}

.percircle {
    position: relative;
    font-size: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 5px rgba(1, 188, 243, .5)
}

.percircle.animate>span,
.percircle.animate:after {
    transition: transform .2s ease-in-out
}

.percircle.animate .bar {
    transition: transform .6s ease-in-out
}

.percircle>span {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
    line-height: 50px;
    font-weight: 700
}

.percircle>span:after {
    content: '%';
    font-size: 12px
}

.perclock>span {
    font-size: 50px
}

.percircle:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: " ";
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.percircle .slice {
    position: absolute;
    width: 50px;
    height: 50px;
    clip: rect(0, 50px, 50px, 25px)
}

.percircle:hover {
    cursor: default
}

.bx-wrapper {
    position: relative;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

body {
    background: url(../img/bg.jpg) #fff
}

body {
    color: #9da1a4
}

a,
.Title {
    color: #3b4248
}

a:hover,
.tagcloud a:before {
    color: #01bcf3
}

input,
textarea,
select,
.Select label,
.Checkbox [type=checkbox]+i:before,
.Radio [type=radio]+i {
    border-color: #e8e7f0
}

input:focus,
textarea:focus,
select:focus,
.Select select:focus+label,
.Checkbox [type=checkbox]:checked+i:before,
.Radio [type=radio]:checked+i {
    border-color: #01bcf3
}

.Checkbox [type=checkbox]:checked+i {
    color: #01bcf3
}

.Radio [type=radio]:checked+i:before {
    background-color: #01bcf3
}

.Button,
a.Button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    background-color: #3b4248
}

.Button:hover,
a.Button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background-color: #01bcf3
}

.Button,
a.Button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    color: #fff
}

body::-webkit-scrollbar {
    background-color: #ccc
}

body::-webkit-scrollbar-thumb {
    background-color: #01bcf3
}

.Header {
    position: relative;
    z-index: 3
}

.Header>.Top {
    background-color: #01bcf3;
    transition: all .2s;
    max-height: 99em;
    padding-bottom: 3px
}

.Header>.Top .Container {
    padding-top: 10px;
    padding-bottom: 7px;
    position: relative
}

.Header>.Top .Hd-Top {
    position: absolute;
    top: 0;
    right: 15px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    border-radius: 0 0 5px 5px
}

.Header>.Top .Hd-Top:before {
    color: #fb3447;
    font-size: 15px;
    margin-right: 5px
}

.Header>.Top .Dvr728 {
    max-width: 728px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

#Hd-Top:checked~.Top {
    max-height: 0;
    overflow: hidden
}

#Hd-Top:checked~.Top .Hd-Top {
    opacity: 0
}

.Header>.Mid {
	background-color: #2f353a;
}

.Header>.Mid .Logo {
    margin-bottom: 0;
    padding: 15px 0
}
.Header>.Mid .Menu>li.open {
	position: relative
}
.Header>.Mid .Menu>li>a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 50px;
    padding: 0 15px;
    opacity: .5
}

.Header>.Mid .Menu>li.kudasai>a {
    color: #cc42ff;
    opacity: inherit
}

.Header>.Mid .Menu>li.youtube>a {
    color: #ee429b;
    opacity: inherit
}

.Header>.Mid .Menu>li.sorteo>a {
    color: #a4e120;
    opacity: inherit
}

.Header>.Mid .Menu>li.Current>a,
.Header>.Mid .Menu>li>a:hover {
    opacity: 1
}

.Header>.Mid .Search {
    padding: 5px 15px;
    position: relative;
    z-index: 3
}

.Header>.Mid .Search>form {
    position: relative
}

.Header>.Mid .Search>form input {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 20px;
    border: 0;
    margin-bottom: 0;
    padding-right: 50px
}

.Header>.Mid .Search>form input:focus {
    background-color: rgba(0, 0, 0, .4)
}

.Header>.Mid .Search>form button {
    background-color: transparent;
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 0;
    right: 0;
    top: 0;
    margin-bottom: 0
}

.ListResult>li {
    padding: 10px 10px 10px 70px;
    border-bottom: 1px solid #f3f3f3;
    min-height: 70px;
    position: relative
}

.ListResult>li:last-child {
    border-bottom: 0
}

.ListResult>li figure,
.ListResult>li figure img {
    border-radius: 5px
}

.ListResult>li figure {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 10px;
    top: 10px;
    overflow: hidden
}

.ListResult>li span {
    position: static;
    opacity: 1
}

.ListResult>li span {
    position: static;
    opacity: 1
}

.ListResult .title {
    display: block;
    width: 200px;
    height: 20px;
    text-overflow: ellipsis;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 190px
}

.MasResultados,
.Loading {
    padding: 8px 0 0!important;
    text-align: center;
    height: 40px;
    min-height: auto!important;
    border-radius: 0 0 5px 5px
}

.MasResultados {
    background: #00aeed
}

.MasResultados a {
    color: #fff;
    height: 30px
}

.Header>.Mid .Login .fb_login {
    background: #45619d!important;
    color: #fff!important;
    margin-bottom: 10px!important;
    text-align: center!important
}

.Header>.Mid .Login {
    padding: 5px 15px;
    position: relative;
    z-index: 99999999999
}

.Header>.Mid .Login #DpdwLnk-Login:checked+label,
.Header>.Mid .Login #DpdwLnk-Login:checked+label span:before {
    color: #fff
}

.Header>.Mid .Login #DpdwLnk-Login:checked+label {
    background-color: #01bcf3
}

.Header>.Mid .Login .DpdwCnt,
.Header>.Mid .Search .DpdwCnt {
    left: auto;
    right: 5px
}

.Header>.Mid .Login .DpdwCnt:before,
.Header>.Mid .Search .DpdwCnt:before {
    left: auto;
    right: 15px
}

.Header>.Mid .Login .Button {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px
}

.Header>.Mid .Login .Button:hover {
    background-color: rgba(0, 0, 0, .4)
}

.Header>.Mid .Login .Button span:before {
    color: #01bcf3;
    font-size: 15px
}

.Header>.Mid .Login form {
    padding: 15px;
    font-size: 12px
}

.Header>.Mid .Login form [class*=Form-] {
    margin-bottom: 10px
}

.Header>.Mid .Login form input {
    border-radius: 5px
}

.Header>.Mid .Login form button {
    width: 100%;
    border-radius: 5px;
    font-weight: 700;
    background-color: #01bcf3
}

.Header>.Mid .Login form button:hover {
    opacity: .8
}

.Header>.Mid .Login form .Links {
    overflow: hidden
}

.Header>.Mid .Login form .Links a:first-child {
    color: #01bcf3
}

.Header>.Mid .Login form .Links a+a {
    float: right
}

.Header>.Mid .ListSocial {
    font-size: 0;
    text-align: center;
    padding: 5px 15px
}

.Header>.Mid .ListSocial>li {
    display: inline-block;
    vertical-align: top
}

.Header>.Mid .ListSocial a {
    background: #0082bc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODJiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTViOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 130, 188, 1) 0%, rgba(30, 91, 156, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 130, 188, 1) 0%, rgba(30, 91, 156, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 130, 188, 1) 0%, rgba(30, 91, 156, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 130, 188, 1) 0%, rgba(30, 91, 156, 1) 100%);
    color: #fff;
    position: relative;
    font-size: 20px
}

.Header>.Mid .ListSocial a:after {
    border-radius: 20px 20px 0 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 20px;
    background-color: #fff;
    opacity: .1
}

.Header>.Mid .ListSocial a:hover {
    opacity: .8
}

.Header>.Bot {
    padding: 20px 0
}

.SldrHmCn .bx-viewport {
    overflow: inherit!important
}

.Slide {
    position: relative;
    padding-bottom: 30px;
    border-radius: 5px;
    box-shadow: inset 0 0 200px rgba(0, 0, 0, .2);
    display: none
}

.Slide[style] {
    display: block
}

.Slide:before {
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    content: '';
    z-index: 2;
    border-radius: 0 0 5px 5px
}

.Slide>div {
    position: relative;
    z-index: 2
}

.Slide>.Bg,
.Slide>.Bg span {
    position: absolute;
    border-radius: 5px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.Slide>.Bg {
    z-index: 1;
    opacity: .15
}

.Slide>.Bg span,
.Wdgt.User .Avatar>.Bg {
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: url(data:image/svg+xml;utf8;base64,PHN2ZyBoZWlnaHQ9JzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGZpbHRlciBpZD0nc3ZnQmx1cic+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0nMTAnLz48L2ZpbHRlcj48L3N2Zz4jc3ZnQmx1cg==);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='10');
    filter: blur(10px)
}

.Slide .Image {
    padding: 15px;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto
}

.Slide .Image figure {
    position: relative;
    padding-top: 143.33333333333334%;
    overflow: hidden;
    display: block
}

.Slide .Image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.Slide .Top {
    padding-top: 15px;
    margin: 0 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.Slide .Top .Title {
    margin-bottom: 0;
    line-height: 29px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    padding-bottom: 9px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.Slide .Bod {
    height: 115px;
    font-size: 12px;
    padding: 15px
}

.Slide .Bot {
    background-color: rgba(0, 0, 0, .1)
}

.DwBd .SldrHmCn .bx-viewport {
    z-index: 3
}

.SldrHmCn .bx-viewport {
    z-index: 1
}

.SldrHmCn .bx-controls {
    position: absolute;
    right: 10px;
    bottom: 10px;
    line-height: 0;
    height: 10px;
    z-index: 2
}

.SldrHmCn .bx-pager>div,
.SldrHmCn .bx-pager>div>a {
    display: inline-block;
    font-size: 0;
    vertical-align: top
}

.SldrHmCn .bx-pager>div {
    padding-left: 5px
}

.SldrHmCn .bx-pager>div>a {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .2)
}

.SldrHmCn .bx-pager>div>a.active {
    background-color: #00bbf2
}

.ListPostOpts {
    padding: 5px 10px
}

.ListPostOpts>li {
    position: relative;
    padding: 5px
}

a.BtnOpt,
.BtnOpt {
    color: #fff;
    padding: 5px 5px 5px 35px;
    position: relative;
    height: 30px
}

.BtnOpt:before {
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #fff;
    transition: all .2s;
    padding-left: 1px
}

.BtnOpt>span {
    font-size: 12px;
    font-weight: 700
}

.BtnOpt.Play:hover:before {
    background-color: rgba(0, 187, 242, .2);
    color: #00bbf2
}

.BtnOpt.Play:before {
    color: #00bbf2;
    border-color: #00bbf2;
    line-height: 28px;
    padding-left: 2px;
    font-size: 14px
}

.BtnOpt.Favo:hover:before {
    background-color: rgba(255, 47, 72, .2);
    color: #ff2f48
}

.BtnOpt.Favo:before {
    color: #ff2f48;
    border-color: #ff2f48;
    padding-left: 0
}

.BtnOpt.Comt:hover:before {
    background-color: rgba(0, 175, 67, .2);
    color: #00af43
}

.BtnOpt.Comt:before {
    color: #00af43;
    border-color: #00af43
}

.BtnOpt.Comt span span.subspan {
    font-weight: 400;
    opacity: .5
}

.BtnOpt.Comp:hover:before {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
}

.BtnOpt.Comp:before {
    border-color: rgba(255, 255, 255, .5);
    padding-left: 0;
    padding-right: 2px
}

.DpdwCnt>.Close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 15px;
    background-color: #ff2f48;
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding: 0
}

.DpdwCnt>.Close:hover {
    opacity: .9
}

.Share {
    position: relative
}

.Share .DpdwCnt.TtCn {
    top: 45px
}

.DpdwCnt.TtCn {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    top: 100%;
    width: 270px;
    border-radius: 5px;
    overflow: inherit
}

.DpdwCnt.TtCn:before {
    content: '';
    position: absolute;
    left: 15px;
    top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff
}

.DpdwCnt.TtCn>.Title {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #f3f3f3
}

.ListShare,
.ListShare>li {
    padding: 5px;
    font-size: 0;
    text-align: center
}

.ListShare>li {
    display: inline-block;
    vertical-align: top
}

.ListShare a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border-radius: 5px
}

.ListShare a:hover {
    opacity: .8
}

.ListShare a.fa-facebook {
    background-color: #3b63a1
}

.ListShare a.fa-twitter {
    background-color: #00aeed
}

.ListShare a.fa-google-plus {
    background-color: #ff4b3a
}

.Votes {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background-color: rgba(0, 0, 0, .7);
    padding: 15px 10px 10px 70px;
    min-height: 70px;
    border-radius: 0 0 5px 5px
}

.Votes .Prct {
    position: absolute;
    top: 10px;
    left: 10px
}

.Votes .Strs {
    position: relative;
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 0;
    text-align: left;
    height: 20px
}

.Votes .Strs>[class*=fa-] {
    color: #ffc602;
    font-size: 15px;
    padding-right: 3px
}

.Votes .Strs>[class*=fa-]:first-child {
    padding-right: 0
}

.Votes .Strs>[class*=fa-].Hf:before {
    content: '\f123'
}

.Votes .Strs>[class*=fa-].On:before,
.Votes .Strs>a[class*=fa-]:hover:before,
.Votes .Strs>a[class*=fa-]:hover~a:before {
    content: '\f005'
}

.Rating {
    font-size: 0;
    line-height: 0;
    margin-bottom: 20px
}

.Rating>.Stars {
    position: relative;
    unicode-bidi: bidi-override;
    direction: rtl;
    display: inline-block;
    line-height: 15px;
    vertical-align: top
}

.Rating>.Stars a,
.Rating>.Stars span {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 14px;
    background-position: -289px 0
}

.Rating>.Stars span.On,
.Rating>.Stars a.On,
.Rating>.Stars a:hover,
.Rating>.Stars a:hover~a {
    background-position: -264px 0
}

.Rating>.Stars a {
    transition: none
}

.Votes .Nmbr {
    color: #fff;
    font-size: 10px;
    display: block
}

.Votes .Nmbr span {
    font-size: 12px;
    font-weight: 700
}

.Dvr300 {
    max-width: 300px;
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.DFBd {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.Body {
    position: relative;
    z-index: 2;
    padding-top: 20px
}

.Body>div {
    width: 100%
}

.Sidebar>*,
.Wdgt {
    margin-bottom: 20px
}

.Sidebar>*:last-child,
.Wdgt:last-child,
.Main>*:last-child,
.Desc>*:last-child,
.Desc p:last-of-type {
    margin-bottom: 0
}

.DpdwCnt {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .2s;
    visibility: hidden
}

[id^=DpdwLnk-]:checked~.DpdwCnt,
.On>.DpdwCnt {
    max-height: 999em;
    opacity: 1;
    visibility: visible
}

.Wdgt {
    background-color: #fff;
    border-radius: 3px
}

.Wdgt>.Top {
    border-bottom: 1px solid #f3f3f3;
    color: #3b4248;
    padding: 15px;
    position: relative
}

.Wdgt>.Top[class*=fa-]:before {
    color: #ff7e00;
    position: absolute;
    height: 50px;
    height: 50px;
    line-height: 50px;
    right: 0;
    top: 0;
    font-size: 20px
}

.ScrlV.Fl .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.Wdgt.Animes .Bod {
    max-height: 510px;
    padding: 15px 0
}

.Wdgt.Animes .DpdwLnk {
    line-height: 40px;
    display: block;
    margin-right: 15px;
    padding: 0 30px 0 0;
    position: relative;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 0 20px 20px 0;
    color: #bbb
}

.Wdgt.Animes .DpdwLnk:hover {
    background-color: rgba(0, 0, 0, .15)
}

.Wdgt.Animes .DpdwLnk:before {
    height: 40px;
    width: 30px;
    line-height: 40px;
    position: absolute;
    margin-right: 0;
    top: 0;
    right: 0;
    font-size: 10px;
    text-align: center;
    transition: all .2s;
    padding-right: 3px
}

.Wdgt.Animes .DpdwLnk>span {
    display: block;
    background-color: rgba(255, 255, 255, .5)
}

.Wdgt.Animes .DpdwLnk>span>strong {
    display: block;
    width: 40px;
    text-align: center;
    font-size: 20px
}

.Wdgt.Animes .DpdwLnk>span span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 45px;
    font-size: 12px
}

.Wdgt.Animes .DpdwLnk>span span strong {
    font-size: 15px
}

.Wdgt.Animes .ListSdbr>li {
    margin-bottom: 15px
}

.Wdgt.Animes .ListSdbr>li:last-child {
    margin-bottom: 0
}

.Wdgt.Animes .ListSdbr ul>li>a {
    background-color: #fbfbfb;
    border: solid #f0f0f0;
    border-width: 1px 0
}

.Wdgt.Animes .ListSdbr ul>li>a:hover {
    background-color: #fff
}

.Wdgt.Animes .ListSdbr ul>li+li>a {
    border-top: 0
}

.Wdgt.Animes .ListSdbr ul>li>a:after {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #01bcf3;
    transition: all .4s
}

.Wdgt.Animes .ListSdbr ul>li:hover>a:after {
    width: 100%
}

.Wdgt.Animes [id^=DpdwLnk-]:checked~.DpdwCnt {
    padding-top: 15px
}

.Wdgt.Animes [id^=DpdwLnk-]:checked~.DpdwLnk {
    background-color: #01bcf3;
    color: #fff
}

.Wdgt.Animes [id^=DpdwLnk-]:checked~.DpdwLnk>span {
    background-color: rgba(0, 0, 0, .1)
}

.Wdgt.Animes [id^=DpdwLnk-]:checked~.DpdwLnk:before {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    padding-right: 0;
    padding-left: 3px
}

.Wdgt.Emision .Bod {
    padding: 15px 0
}

.Wdgt.Proximamente .Bod {
    max-height: 200px;
    padding: 15px 0
}

.ListSdbr li a {
    display: block;
    padding: 10px 85px 10px 15px;
    position: relative;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.ListSdbr li a:before {
    opacity: .2;
    transition: all .2s
}

.ListSdbr li a:hover:before {
    opacity: 1
}

.Caps {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    font-size: 12px;
    font-weight: 700;
    line-height: 40px;
    color: #bbb
}
.mt20 {
	margin-top:20px;
}
li .Type {
    opacity: .5;
    transition: all .2s;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 16px
}
.ListNews li .Type {
	opacity: .95;
	position: static;
}
li a:hover>.Type {
    opacity: 1
}

.Type {
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    width: 60px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    height: 16px;
    border-radius: 8px
}

.Type.movie {
    background-color: #fd3246;
    border-color: #fd3246
}

.Type.ova {
    background-color: #ff7e00;
    border-color: #ff7e00
}

.Type.tv {
    background-color: #01bcf3;
    border-color: #01bcf3
}

.Wdgt.Filtrar .Bod {
    padding: 15px
}

.Wdgt.Filtrar label {
    margin-right: 0;
    display: block
}

.Wdgt.Filtrar input+i:before {
    content: '';
    background-color: #eee;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 5px;
    left: 4px;
    top: 4px
}

.Wdgt.Filtrar input:checked~span {
    color: #01bcf3
}

.Wdgt.User {
    padding: 15px
}

.Wdgt.User .Avatar {
    padding: 30px;
    height: 280px;
    position: relative;
    overflow: hidden;
    background-color: #3b4248;
    margin-bottom: 15px;
    border-radius: 5px;
    text-align: center;
    color: #fff
}

.Wdgt.User .Avatar>* {
    position: relative;
    z-index: 2
}

.Wdgt.User .Avatar>.Bg {
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    z-index: 1;
    opacity: .5
}

.Wdgt.User .Avatar figure,
.Wdgt.User .Avatar figure img {
    width: 150px;
    height: 150px;
    border-radius: 50%
}

.Wdgt.User .Avatar figure {
    margin: 0 auto 10px
}

.Wdgt.User .Avatar figure img {
    padding: 3px;
    background-color: #fff
}

.Wdgt.User .Avatar .Name {
    margin-bottom: 10px
}

.ListFollow {
    font-size: 0
}

.ListFollow>li {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px
}

.ListFollow>li>a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 15px;
    border-radius: 3px
}

.ListFollow>li>a:hover {
    background-color: rgba(255, 255, 255, .3)
}

.ListInfoUser>li {
    font-size: 12px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 0;
    color: #666
}

.ListInfoUser>li:before {
    color: #fec601
}

i.fa-male,
span.fa-male:before {
    color: #3fa9f5
}

i.fa-female,
span.fa-female:before {
    color: #f25cb5
}

.Title.Page {
    position: relative;
    margin-bottom: 20px
}

.Title.Page h1,
.Title.Page h2,
.Title.Page h3,
.Title.Page h4,
.Title.Page h5,
.Title.Page h6 {
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
    padding: 5px 0;
    margin-bottom: 0;
    color: #3b4248
}

.Title.Page.fa-star {
    padding-left: 55px
}

.Title.Page.fa-star:before {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px;
    background: #ffba00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjgwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 186, 0, 1) 0%, rgba(255, 128, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 186, 0, 1) 0%, rgba(255, 128, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 186, 0, 1) 0%, rgba(255, 128, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 186, 0, 1) 0%, rgba(255, 128, 0, 1) 100%)
}

.Title.Page.fa-star:after {
    width: 30px;
    height: 20px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, .15);
    content: '';
    position: absolute;
    left: 5px;
    top: 0
}

.Title .Order {
    padding-top: 15px;
    font-size: 0
}

.Title .Order>a {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #3b4248;
    line-height: 30px;
    min-width: 65px;
    padding: 0 15px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.Title .Order>a:hover,
.Title .Order>a.Active {
    background-color: #01bcf3;
    position: relative
}

.Title .Order>a.Active:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #01bcf3
}

.Title .Order>a:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.Title .Order>a:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.ListEpisodios a {
    position: relative;
    display: block;
    color: #fff;
    overflow: hidden
}

.ListEpisodios a:before {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
    z-index: 3;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    padding-left: 1px;
    margin-right: 0;
    transition: right .4s
}

.ListEpisodios a:hover:before {
    right: -30px
}

.ListEpisodios a:hover img {
    opacity: .7
}

.ListEpisodios .Image {
    padding-top: 70%;
    display: block
}

.ListEpisodios .Image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 30%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: 2;
    border-radius: 0 0 5px 5px;
    opacity: .8
}

.ListEpisodios .Image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 1;
    transition: opacity .2s
}

.ListEpisodios .Capi {
    line-height: 10px;
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    left: 10px;
    bottom: 30px;
    z-index: 3
}

.ListEpisodios .Title {
    line-height: 20px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 3;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: inherit
}

.Anime {
    position: relative
}

.Anime:before,
.Noti:before {
    position: absolute;
    z-index: 1;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

.Anime>*,
.Noti>* {
    position: relative;
    z-index: 2
}

.Anime .Image {
    position: relative;
    padding-top: 143.33333333333334%;
    overflow: hidden
}

.Anime .Image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px 3px 0 0
}

.Anime .Title {
    margin-bottom: 0;
    padding: 10px;
    font-size: 15px;
    line-height: 20px
}

.Anime .Title a {
    display: block;
    overflow: hidden;
    max-height: 30px
}

.Anime .Type {
    left: 0;
    bottom: 2px;
    border-radius: 0;
    opacity: 1;
    right: auto;
    margin: 0;
    top: auto;
    height: 20px;
    line-height: 20px
}

.Anime .Type:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 20px solid #000;
    border-right: 10px solid transparent;
    border-bottom-color: inherit;
    position: absolute;
    right: -10px;
    top: 0
}

.Anime .Type:after {
    left: 0;
    width: 467px;
    content: '';
    height: 2px;
    position: absolute;
    background-color: inherit;
    bottom: -2px
}

.Anime .Desc,
.Anime .Tags {
    display: none
}

.Anime .Desc {
    height: 125px;
    line-height: 25px;
    margin-bottom: 15px
}

.Anime .Tags {
    padding-top: 14px;
    border-top: 1px solid #f3f3f3;
    overflow: hidden;
    height: 65px
}

.Anime .Tags strong {
    display: block;
    font-size: 12px;
    margin-bottom: 5px
}

.Anime .Tags a,
.Categories a {
    display: inline-block;
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0 10px;
    color: #fff;
    border-radius: 10px;
    background-color: #3b4248;
    vertical-align: top
}

.Anime .Tags a:hover,
.Categories a:hover {
    background-color: #01bcf3
}

.Options {
    padding: 5px;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 5px
}

.Options .AdvSearch {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.Options .AdvSearch:before {
    font-size: 15px;
    color: #fec601
}

.Options .AdvSearch:hover:before {
    color: inherit
}

.Options .Select {
    margin-bottom: 0
}

.ListOptions>li {
    padding: 5px
}

.VwGrid,
.VwList {
    display: none;
    position: absolute;
    width: 60px;
    bottom: 0;
    line-height: 60px;
    text-align: center;
    border-left: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 0;
    font-size: 20px;
    color: #fec601
}

.VwGrid:before,
.VwList:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto!important;
    left: 0;
    right: 0;
    width: 30px;
    height: 20px;
    line-height: 20px
}

.VwList {
    color: #3b4248
}

.Estreno {
    position: absolute;
    left: -5px;
    top: -5px;
    overflow: hidden;
    width: 70px;
    height: 70px;
    z-index: 3
}

.Estreno span {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: -25px;
    top: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    width: 100px;
    text-align: center;
    text-transform: uppercase;
    background-color: #01ae43;
    z-index: 2;
    line-height: 25px
}

.Estreno:before,
.Estreno:after {
    position: absolute;
    width: 5px;
    height: 5px;
    content: '';
    z-index: 1
}

.Estreno:before {
    left: 0;
    bottom: 5px;
    background-color: #007a2d;
    height: 7px
}

.Estreno:after {
    right: 5px;
    top: 0;
    background-color: #007a2d;
    width: 7px
}

.Noti {
    position: relative;
    padding-bottom: 15px;
    font-size: 12px
}

.Noti:before {
    border-radius: 5px
}

.Noti .Image {
    position: relative;
    margin-bottom: 15px
}

.Noti .Image figure {
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

.Noti .Image figure img {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    border-radius: 5px 5px 0 0;
    transition: opacity .2s
}

.Noti:hover .Image figure img {
    opacity: .7
}

.Noti .Image figure,
.Noti.Big .Image figure {
    padding-top: 53.01204819277109%
}

.Noti .Image .BtnShr {
    position: absolute;
    left: 10px;
    bottom: 10px
}

.Noti .Top,
.Noti .Bod {
    padding: 0 15px
}

.Noti .Top .Title {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px
}

.Noti .Top p {
    color: #bbb;
    font-size: 11px;
    margin-bottom: 0
}

.Noti.Big .Top {
    margin-bottom: 5px
}

.Bod>:last-child,
.Bod p:last-of-type {
    margin-bottom: 0
}

.BtnShr,
a.BtnShr {
    line-height: 20px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    border-radius: 3px;
    padding: 0 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    vertical-align: top
}

.BtnShr:before {
    font-size: 13px;
    margin-right: 5px
}

.BtnShr[class*=facebook] {
    background: #3a68bd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhNjhiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTU0YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(58, 104, 189, 1) 0%, rgba(42, 84, 166, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(58, 104, 189, 1) 0%, rgba(42, 84, 166, 1) 100%);
    background: -ms-linear-gradient(top, rgba(58, 104, 189, 1) 0%, rgba(42, 84, 166, 1) 100%);
    background: linear-gradient(to bottom, rgba(58, 104, 189, 1) 0%, rgba(42, 84, 166, 1) 100%)
}

.BtnShr[class*=twitter] {
    background-color: #0097e3
}

.BtnShr[class*=google] {
    background-color: #ff3046
}

.BtnShr:hover {
    opacity: .9
}

img {
    backface-visibility: hidden
}

.Alpha,
.PageNav {
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 15px 10px 10px 15px;
    font-size: 0
}

.Alpha>:first-child {
    font-size: 12px;
    width: 65px
}

.Alpha span,
.Alpha a,
.PageNav span,
.PageNav a {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    border-radius: 3px;
    min-width: 30px;
    padding: 0 5px;
    border: 1px solid #f3f3f3;
    line-height: 28px;
    font-weight: 700;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center
}

.Alpha span,
.Alpha>a:hover,
.PageNav .Current,
.PageNav li.active a,
.PageNav a:hover {
    color: #fff;
    background-color: #3b4248;
    border-color: #3b4248
}

.PageNav span,
.PageNav a {
    line-height: 38px;
    min-width: 40px
}

.PageNav li {
    display: inline
}

.ListOptions.B button {
    width: 100%;
    font-weight: 700;
    margin-bottom: 0
}

.Header>.Mid .Login.Online>.Button {
    border-radius: 20px;
    padding: 0
}

.Header>.Mid .Login.Online>.Button>span {
    display: block;
    position: relative;
    padding: 5px 40px 5px 50px
}

.Header>.Mid .Login.Online>.Button>span:before {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    color: inherit;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    margin-right: 0
}

.Header>.Mid .Login.Online>.Button>span span {
    opacity: .5;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    display: block
}

.Header>.Mid .Login.Online>.Button>span strong {
    text-transform: none
}

.Header>.Mid .Login.Online>.Button img {
    width: 40px;
    height: 40px;
    border-radius: 20px 0 0 20px;
    position: absolute;
    left: 0;
    top: 0
}

.ListUser {
    padding: 15px 0
}

.ListUser>li>a {
    display: block;
    padding: 10px 15px
}

.ListUser>li>a:before {
    color: #333
}

.ListUser>li>a:hover {
    background-color: rgba(0, 0, 0, .03)
}

.ListUser>li>a:hover:before {
    color: inherit
}

.ListUser>li:last-child {
    padding: 15px 15px 0;
    border-top: 1px solid #f3f3f3
}

.ListUser>li>a.LogOut {
    background-color: #fb3447;
    font-size: 12px
}


#list-notify li {
    list-style: none;
    position: relative;
    padding: 10px;
}
#list-notify li:nth-child(odd) {
    background: #ececec;
}
#list-notify  span.time {
    margin-left: 10px;
    color: #a0a0a0;
}

#list-notify a.remove {
    position: absolute;
    right: 10px;
    top: 10px;
}

a.LogOut {
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: 700
}

a.LogOut:before {
    margin-right: 5px
}

a.LogOut:hover {
    opacity: .8
}

.Sect {
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 20px
}

.Sect>.Top {
    padding: 20px 15px;
    font-size: 20px;
    font-weight: 300;
    color: #3b4248;
    display: block;
    position: relative;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 70px
}

.Sect>.Top span {
    font-size: 12px;
    color: #999
}

.Sect>.Top:before {
    color: #fec601
}

.Sect>.Bod {
    padding: 15px;
    border-top: 1px solid #f3f3f3;
    color: #666
}

button.StylA,
.Button.StylA {
    background-color: transparent;
    color: #666;
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: 700;
    min-width: 150px
}

button.StylA:hover,
.Button.StylA:hover {
    background-color: #eee;
    border-color: #bbb
}

button.StylB,
.Button.StylB {
    background-color: #01bcf3
}

button.StylB:hover,
.Button.StylB:hover {
    opacity: .8
}

.ChgImg,
.ChgImg img {
    width: 150px;
    height: 150px;
    border-radius: 5px;
    margin-bottom: 10px
}

.SprBar {
    position: relative;
    padding-bottom: 14px
}

.SprBar:after {
    content: '';
    position: absolute;
    height: 1px;
    left: -15px;
    right: -15px;
    bottom: 0;
    background-color: #eee
}

.Buttons button,
.Buttons .Button {
    font-size: 12px;
    margin-right: 5px
}

.StickyCn .Main,
.StickyCn .Sidebar {
    margin-bottom: 20px
}

.CapiVid {
    padding-top: 60%;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px;
    min-height: 300px
}

.CapiVid>*,
.CapiVid video,
.CapiVid iframe,
.CapiVid embed,
.CapiVid object {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 5px
}

.DvrAbs {
    z-index: 2;
    transition: all .5s
}

.DvrAbs>label,
.DvrAbs>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1
}

.DvrAbs>label {
    background-color: #000;
    opacity: .5;
    border-radius: 5px
}

.DvrAbs>div {
    z-index: 2;
    width: 310px;
    height: 260px;
    padding: 5px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    max-width: 310px
}

.DvrAbs>div .Close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    background-color: #fb3447;
    color: #fff;
    padding: 0
}

.DvrAbs>div .Close:hover {
    opacity: .8
}

#HdDvr:checked~.DvrAbs {
    visibility: hidden;
    opacity: 0
}

.Wdgt.Facebook .Top {
    background: #0082bc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODJiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTViOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 130, 188, 1) 0%, rgba(30, 91, 156, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 130, 188, 1) 0%, rgba(30, 91, 156, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 130, 188, 1) 0%, rgba(30, 91, 156, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 130, 188, 1) 0%, rgba(30, 91, 156, 1) 100%);
    color: #fff;
    border-radius: 3px 3px 0 0;
    border-bottom: 0;
    box-shadow: 0 1px 0 #1e5b9c;
    position: relative;
    z-index: 2;
    margin: 0 1px;
    padding: 10px 10px 10px 55px
}

.Wdgt.Facebook .Top span,
.Wdgt.Facebook .Top strong {
    display: block;
    font-size: 12px;
    line-height: 15px
}

.Wdgt.Facebook .Top:before {
    color: #fff;
    right: auto;
    left: 15px;
    font-size: 30px
}

.Wdgt.Facebook .Bod {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.Description {
    font-size: 12px
}

.CapiTop {
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 20px;
    position: relative;
    padding: 20px 70px
}

.CapiTop .Title {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 15px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px
}

.CapiTop .Title span {
    font-weight: 400
}

.CapiTop .CapNav {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    top: 0;
    font-size: 20px
}

.CapiTop .CapNav.Prev {
    left: 0;
    border-right: 1px solid #f3f3f3
}

.CapiTop .CapNav.Next {
    right: 0;
    border-left: 1px solid #f3f3f3
}

.ListShareCap {
    font-size: 0;
    height: 30px;
    overflow: hidden
}

.ListShareCap>li {
    display: inline-block;
    vertical-align: top;
    padding: 5px
}

.ListShareCap>li span {
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top
}

.ListShareCap>li:before {
    color: #fec601;
    font-size: 15px
}

.SharBar {
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 20px;
    position: relative;
    padding: 15px 130px 15px 15px
}

.SharBar .CapLnk {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 1px solid #f3f3f3;
    width: 60px;
    font-size: 20px
}

.SharBar .CapLnk+.CapLnk {
    right: 60px
}

.SharBar .CapLnk:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center
}

.SharBar .CapLnk:hover {
    opacity: .8
}

.SharBar .CapLnk.Fav {
    color: #ff3046
}

.Sect>.Top>i {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    border-left: 1px solid #f3f3f3;
    font-size: 20px;
    color: #e2e2e2
}

.Sect>.Top>i:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    transition: all .2s
}

.Sect .DpdwCnt.Bod {
    padding: 0 15px
}

.Sect [id^=DpdwLnk-]:checked~.DpdwCnt.Bod {
    padding: 15px
}

.Sect [id^=DpdwLnk-]:checked~.Top>i:before {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #01bcf3
}

.Dwnl {
    font-size: 12px
}

.Dwnl th,
.Dwnl td {
    border: 0;
    text-align: center
}

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

.Dwnl th {
    padding: 5px 15px
}

.Dwnl th,
.Dwnl tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, .03)
}

.Dwnl td {
    background-color: rgba(0, 0, 0, .01)
}

.Dwnl tr:hover td {
    background-color: rgba(0, 0, 0, .05)
}

.Sect.Download .DpdwCnt.Bod {
    padding: 0!important
}

.Button.Sm {
    padding: 0 10px;
    font-size: 10px;
    border-radius: 10px
}

.Button.Sm:before {
    font-size: 12px;
    margin-right: 5px;
    color: #fec601
}

.Button.Sm:hover:before {
    color: inherit
}

.Msj {
    font-size: 12px;
    border-radius: 20px;
    padding: 10px 20px;
    margin-bottom: 20px
}

.Msj:before {
    font-size: 20px
}

.Msj,
.Msj a {
    color: #fff
}

.Msj a {
    font-weight: 700
}

.Msj a:hover {
    text-decoration: underline
}

.Msj.Wrn {
    background-color: #fec601
}

.Msj.Err {
    background-color: #ff3046
}

.Msj.Scs {
    background-color: #26ac61
}

.StickyCn .Sidebar.is_stuck {
    padding-top: 20px
}

.TxtABtn {
    position: relative;
    padding-bottom: 45px
}

.TxtABtn textarea {
    height: 70px;
    border: 0;
    position: relative;
    z-index: 3;
    background-color: transparent
}

.TxtABtn textarea:focus~label {
    border-color: #01bcf3
}

.TxtABtn label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e8e7f0;
    z-index: 1;
    background-color: #fff;
    border-radius: 5px
}

.TxtABtn i {
    z-index: 2
}

.TxtABtn button {
    position: absolute;
    right: 15px;
    bottom: 15px;
    font-size: 12px;
    border-radius: 15px;
    padding: 5px 15px;
    z-index: 2
}

.Comment {
    position: relative;
    min-height: 65px;
    margin-bottom: 40px
}

.Comment figure,
.Comment figure img {
    width: 65px;
    height: 65px;
    border-radius: 50%
}

.Comment figure {
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

.Comment {
    font-size: 12px
}

.Comment .User {
    font-weight: 700;
    color: #01bcf3
}

.Comment>span {
    display: block;
    font-size: 11px;
    color: #bbb
}

.Button.Reply {
    font-size: 10px;
    text-transform: uppercase;
    padding: 0 10px;
    border-radius: 10px;
    opacity: .2
}

.Comment:hover .Button.Reply {
    opacity: 1
}

.Ficha {
    position: relative;
    padding: 20px 0;
    margin: -20px 0 20px
}

.Ficha>.Bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 1;
    box-shadow: inset 0 0 100px #000
}

.Ficha>.Bg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    content: ''
}

.Ficha>div {
    position: relative;
    z-index: 2
}

.Ficha>div>.Title {
    margin-bottom: 0;
    font-size: 25px;
    padding: 5px 0;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: 700;
    padding-right: 5px
}

.Ficha>div>.Title span {
    font-weight: 300
}

.Ficha .TxtAlt {
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 10px;
    opacity: .5;
    color: #fff;
    background-color: #000;
    opacity: .5;
    margin-top: 10px
}

.Ficha .ListPostOpts {
    padding-left: 0;
    padding-top: 15px;
    height: auto!important
}

.Ficha .ListPostOpts:after {
    content: '';
    clear: both;
    display: table
}

.Ficha .ListPostOpts .BtnOpt.Comt span span {
    display: inline!important
}

.Ficha .ListPostOpts>li {
    background-color: rgba(0, 0, 0, .5);
    padding: 8px;
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    margin-bottom: 10px;
    float: left;
    margin-right: 10px
}

.Ficha .ListPostOpts>li label {
    display: block
}

.Ficha .ListPostOpts>li:last-child {
    margin-bottom: 0
}

.Dvr160 {
    max-width: 160px;
    margin-left: auto;
    margin-right: auto
}

.AnimeCover {
    background-color: #fff;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 10px
}

.AnimeCover .Votes {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.AnimeCover .Image {
    position: relative;
    max-width: 260px;
    margin: 0 auto 15px
}

.AnimeCover .Image figure {
    padding-top: 142.30769230769232%
}

.AnimeCover .Image figure a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .1);
    z-index: 1;
    box-shadow: inset 0 0 50px #000
}

.AnimeCover .Image figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.Categories {
    text-align: center;
    padding-bottom: 15px
}

.Categories .Title {
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 20px
}

.AnimStat {
    background-color: #fff;
    padding: 15px 5px 15px 55px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 4px;
    color: #3b4248;
    font-weight: 300
}

.AnimStat:before {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 4px
}

.AnimStat span {
    font-weight: 700
}

.AnimStat.On:before {
    background-color: #01bcf3
}

.AnimStat.Off:before {
    background-color: #ff3046
}

.Fans .Title {
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 10px
}

.Fans .Title span {
    font-weight: 700
}

.Fans .Title:before {
    color: #fec601;
    font-size: 15px;
    margin-left: 5px
}

.Fans .People {
    margin-right: -5px;
    font-size: 0;
    margin-bottom: 10px;
    text-align: center
}

.Fans img {
    height: 50px;
    width: 50px;
    padding: 3px;
    background-color: #fff;
    border-radius: 25px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
    transition: opacity .2s
}

.Fans img:hover {
    opacity: .8
}

.Fans .Button {
    display: block;
    border-radius: 4px
}

.Episodes [id^=DpdwLnk-]:checked~.DpdwCnt {
    max-height: 275px
}

.ListEpisodes>li {
    margin-bottom: 10px
}

.ListEpisodes>li:last-child {
    margin-bottom: 0
}

.ListEpisodes>li>a {
    display: block;
    position: relative;
    padding: 10px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 20px;
    background-color: rgba(59, 66, 72, .03);
    font-weight: 700;
    font-size: 12px
}

.ListEpisodes>li.Vst>a,
.ListEpisodes>li>a:hover {
    background-color: rgba(1, 188, 243, .1);
    color: #01bcf3
}

.ListEpisodes>li>a:before {
    font-size: 20px;
    color: #01bcf3
}

.ListEpisodes>li>a i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #ddd
}

.ListEpisodes>li>a i:after {
    position: absolute;
    right: 50px;
    content: 'NO VISTO';
    font-style: normal;
    font-size: 10px;
    font-family: sans-serif
}

.ListEpisodes>li.Vst>a i,
.ListEpisodes>li>a:hover i {
    color: inherit
}

.ListEpisodes>li.Vst>a i:before {
    content: '\f06e'
}

.ListEpisodes>li.Vst>a i:after {
    content: 'VISTO'
}

.Sect.AnimRela {
    background-color: transparent;
    margin-bottom: 0
}

.Sect.AnimRela>.Top {
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 20px
}

.Sect.AnimRela [id^=DpdwLnk-]:checked~.DpdwCnt.Bod {
    padding: 0;
    height: 195px;
    margin-bottom: 20px
}

.ListAnimRela:after {
    clear: both;
    content: '';
    display: table
}

.ListAnimRela {
    white-space: nowrap;
    font-size: 0
}

.ListAnimRela>li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    margin-right: 20px
}

.ListAnimRela>li:last-child {
    margin-right: 0
}

.ListAnimRela .Anime {
    height: 175px;
    width: 125px;
    transition: width .2s
}

.ListAnimRela .Anime .Image {
    width: 125px;
    padding-top: 175px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.ListAnimRela .Anime .Image img {
    border-radius: 3px 3px 0 0
}

.ListAnimRela .Anime .Image label {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    color: #fff;
    background-color: #fec601;
    padding: 0
}

.ListAnimRela .Anime .Text {
    width: 0;
    padding: 15px 0;
    transition: all .2s
}

.ListAnimRela .Anime .Text .Title {
    padding: 0;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px
}

.ListAnimRela .Anime .Text .Desc {
    display: block;
    height: 120px;
    margin-bottom: 0;
    white-space: normal;
    line-height: 20px;
    overflow: hidden
}

[id^=DpdwLnk-AnRe-]:checked~.Anime {
    width: 370px
}

[id^=DpdwLnk-AnRe-]:checked~.Anime .Image img {
    border-radius: 3px 0 0 0
}

[id^=DpdwLnk-AnRe-]:checked~.Anime label {
    background-color: #ff3046
}

[id^=DpdwLnk-AnRe-]:checked~.Anime label:before {
    content: '\f068'
}

[id^=DpdwLnk-AnRe-]:checked~.Anime .Text {
    width: auto;
    padding-left: 135px;
    padding-right: 10px
}

.Footer {
    background-color: #3b4248;
    color: #777f82;
    font-size: 12px;
    text-align: center
}

.Footer>.Container {
    padding-top: 15px;
    padding-bottom: 15px
}

.Footer p {
    margin-bottom: 0;
    padding-top: 10px
}

.Footer span,
.Footer a {
    color: #fff
}

.ListSocial a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, .2);
    font-size: 15px
}

.ListSocial a:hover {
    background-color: rgba(0, 0, 0, .5)
}

@media all and (-ms-high-contrast:none) {
    * {
        min-height: 0%
    }
}

@media all and (max-width:1020px) {
    .NScr {
        overflow: hidden
    }
    #BtnMenu:checked~nav {
        left: 0;
        opacity: 1
    }
    #BtnMenu:checked~label:before {
        content: '\f00d';
        background-color: #fb3447
    }
    #BtnMenu:checked~label:after {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .5;
        content: '';
        z-index: 9
    }
    .Header>.Mid nav,
    .BtnMenu {
        transition: opacity .2s, left .2s
    }
    .Header>.Mid nav {
        position: fixed;
        width: 270px;
        left: -270px;
        top: 0;
        bottom: 0;
        background-color: #3b4248;
        z-index: 10;
        box-shadow: inset 0 0 270px rgba(0, 0, 0, .2), 0 0 30px rgba(0, 0, 0, .5);
        padding: 10px 0;
        overflow: auto;
        opacity: 0
    }
    .BtnMenu {
        height: 40px;
        margin-top: 15px;
        text-align: center;
        position: relative
    }
    .BtnMenu:before {
        line-height: 40px;
        width: 40px;
        color: #fff;
        border-radius: 20px;
        background-color: #01bcf3;
        display: block;
        margin-right: 0;
        box-shadow: inset 0 0 10px rgba(0, 0, 0, .2)
    }
    .BtnMenu span {
        position: absolute;
        right: 50px;
        top: 0;
        line-height: 40px;
        font-weight: 700;
        color: #fff;
        font-size: 12px
    }
    .Header>.Mid .Login .DpdwCnt,
    .Header>.Mid .Search .DpdwCnt {
        position: relative;
        right: 0;
        width: auto
    }
    .SidebarB {
        width: 100%
    }
}

@media all and (max-width:767px) {
    .ScrlV {
        max-height: 180px!important
    }
    .Wdgt .Top .WdgtLink {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }
    .Wdgt>input+.Top[class*=fa-]:before {
        position: static;
        height: 20px;
        line-height: 20px;
        width: 30px;
        text-align: center;
        margin-left: -5px
    }
    .Wdgt .Top .WdgtLink:after {
        background-color: #f3f3f3;
        width: 1px;
        height: 50px;
        position: absolute;
        right: 49px;
        top: 0;
        content: ''
    }
    .Wdgt .Top .WdgtLink:before {
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        top: 0;
        right: 0;
        position: absolute;
        color: #3b4248;
        opacity: .2;
        transition: all .2s
    }
    .Wdgt .Top .WdgtLink:hover:before {
        opacity: 1
    }
    .Wdgt input+.Top+.Bod {
        display: none
    }
    .Wdgt input:checked+.Top+.Bod {
        display: block
    }
    .Wdgt input:checked+.Top .WdgtLink:before {
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 1;
        color: #01bcf3
    }
}

@media all and (max-width:667px) {
    .Ficha .ListPostOpts>li {
        width: 100%;
        margin-right: 0
    }
}

@media all and (max-width:467px) {
    .ListEpisodios.Rows>li,
    .ListAnimes.Rows>li,
    .ListNoticias.Rows>li {
        width: 100%
    }
    .ListShareCap {
        height: 60px
    }
    .ListShareCap>li:first-child {
        display: block
    }
}

@media all and (min-width:667px) {
    .Ficha .ListPostOpts>li {
        margin-bottom: 0
    }
}

@media all and (min-width:767px) {
    .Footer {
        text-align: left
    }
    .Wdgt .Top .WdgtLink {
        display: none
    }
    .Noti .Image figure {
        padding-top: 66.66666666666666%
    }
    .Noti.Sml {
        padding-bottom: 10px
    }
    .Noti.Sml .Image {
        margin-bottom: 10px
    }
    .Noti.Sml .Top,
    .Noti.Sml .Bod {
        padding: 0 10px
    }
    .Noti.Sml .Top .Title {
        height: 40px;
        overflow: hidden
    }
    .no-flexbox.no-flexboxtweener .Main {
        width: 100%
    }
    .ListOptions.A {
        height: 50px
    }
    .ListOptions.A>li {
        float: left;
        width: 50%
    }
    .Sidebar {
        width: 320px
    }
    .Column.Txar {
        text-align: right;
        padding-right: 20px
    }
    .StickyCn {
        margin: 0 -10px
    }
    .StickyCn .Main,
    .StickyCn .Sidebar {
        float: left;
        padding: 0 10px
    }
    .StickyCn .Main {
        width: 100%;
        margin-right: -320px;
        padding-right: 330px
    }
    li li .Comment {
        margin-left: 80px
    }
    .Comment {
        padding-left: 80px
    }
    .Comment figure {
        display: block
    }
    .SidebarA {
        width: 290px
    }
}

@media all and (min-width:767px) and (max-width:1020px) {
    .Anime .Title a {
        max-height: 20px
    }
}

@media all and (min-width:567px) and (max-width:767px),
(min-width:1020px) {
    label[class*=Vw] {
        display: block;
        padding: 0
    }
    #VwList:checked~.ListAnimes>li,
    .ListAnimes.VwListOn>li {
        width: 100%
    }
    #VwList:checked~.ListAnimes>li .Anime,
    .ListAnimes.VwListOn>li .Anime {
        height: 280px
    }
    #VwList:checked~.ListAnimes>li .Anime .Image img,
    .ListAnimes.VwListOn>li .Anime .Image img {
        border-radius: 3px 0 0 0
    }
    #VwList:checked~.ListAnimes>li .Anime .Image,
    .ListAnimes.VwListOn>li .Anime .Image {
        width: 195px;
        padding-top: 280px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3
    }
    #VwList:checked~.ListAnimes>li .Anime .Estreno,
    .ListAnimes.VwListOn>li .Anime .Estreno {
        z-index: 4
    }
    #VwList:checked~.ListAnimes>li .Anime .Text,
    .ListAnimes.VwListOn>li .Anime .Text {
        padding: 15px 20px 15px 210px
    }
    #VwList:checked~.ListAnimes>li .Anime .Text .Title,
    .ListAnimes.VwListOn>li .Anime .Text .Title {
        padding: 0;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px
    }
    #VwList:checked~.ListAnimes>li .Anime .Desc,
    .ListAnimes.VwListOn>li .Anime .Desc,
    #VwList:checked~.ListAnimes>li .Anime .Tags,
    .ListAnimes.VwListOn>li .Anime .Tags {
        display: block
    }
    #VwList:checked~div .VwGrid {
        color: #3b4248
    }
    #VwList:checked~div .VwList {
        color: #fec601
    }
    .Options {
        padding-right: 125px;
        position: relative
    }
    .Options .VwGrid {
        right: 60px;
        top: 0
    }
    .Options .VwList {
        right: 0;
        top: 0
    }
}

@media all and (min-width:1020px) and (max-width:1200px) {
    .ListNoticias>li:nth-child(n+3) {
        display: none
    }
    .BtnOpt.Comt span span {
        display: none
    }
    .ListOptions.B>li {
        float: left;
        width: 50%
    }
    .ListOptions.B>li:last-child {
        clear: both;
        width: 100%;
        float: none
    }
}

@media all and (min-width:1020px) {
    .Title .Order {
        position: absolute;
        right: 0;
        top: -10px
    }
    .Noti.Big .Top .Title {
        max-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
    .Noti.Big .Bod {
        max-height: 150px
    }
    .no-flexbox.no-flexboxtweener .SldrHmCn>div:first-child {
        width: 100%
    }
    .ListPostOpts {
        height: 50px
    }
    .ListPostOpts>li {
        float: left
    }
    .Slide .Image {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        z-index: 3
    }
    .Slide .Image figure {
        padding-top: 220px
    }
    .Slide .Top {
        margin-left: 200px
    }
    .Slide .Bod {
        margin-left: 185px
    }
    .Slide .Bot {
        padding-left: 185px
    }
    .BtnOpt.Favo {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 15px;
        width: 100px
    }
    .Header>.Mid .Menu {
        -webkit-order: -1;
        -ms-order: -1;
        order: -1
    }
    .Header>.Mid .Menu>li {
        display: inline-block
    }
    .Header>.Mid .Search,
    .Header>.Mid .Login {
        padding: 15px 5px
    }
    .Header>.Mid .Search {
        width: 200px
    }
    .Header>.Mid .ListSocial {
        padding: 15px 0 15px 5px
    }
    .Header>.Mid .Menu {
        padding-right: 10px
    }
    .Header>.Mid .Menu>li>a {
        padding: 10px 15px
    }
    .Header>.Mid .Menu>li.Current>a {
        position: relative
    }
    .Header>.Mid .Menu>li.Current>a:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #01bcf3
    }
    label.BtnMenu {
        display: none
    }
    #DpdwLnk-Login:checked+label:after {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        z-index: 3
    }
    #DpdwLnk-Login:checked~.DpdwCnt {
        z-index: 4
    }
    .ListOptions.A>li {
        max-width: 220px
    }
    .ListOptions.A .Select {
        max-width: 150px
    }
    .Ficha .ListPostOpts {
        position: absolute;
        right: 0;
        top: 0
    }
    .Ficha .ListPostOpts>li:last-child {
        margin-right: 0
    }
    .Ficha>.Container {
        padding-top: 80px
    }
    .Ficha .Share .DpdwCnt.TtCn {
        left: auto;
        right: 0;
        top: 60px
    }
    .Ficha .Share .DpdwCnt.TtCn:before {
        left: auto;
        right: 35px
    }
    .SidebarB {
        width: 180px
    }
}

@media all and (min-width:1200px) {
    #VwList:checked~.ListAnimes,
    .ListAnimes.VwListOn {}
    .ListOptions.B {
        height: 50px;
        padding-right: 50px;
        position: relative
    }
    .ListOptions.B>li {
        width: 25%;
        float: left
    }
    .ListOptions.B>li:last-child {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 40px;
        padding: 0
    }
    .ListOptions.B>li button {
        font-size: 0;
        padding-left: 0;
        padding-right: 0;
        width: 40px;
        height: 42px
    }
    .ListOptions.B>li button span:before {
        font-size: 15px;
        margin-right: 0
    }
    .Ficha>.Container {
        padding-top: 180px;
        padding-left: 310px
    }
    .AnimeCover {
        margin-top: -190px;
        position: relative;
        z-index: 10
    }
}

.CpVdNav {
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 15px;
    box-shadow: inset 0 -2px #00bcf2
}

.CpVdNav label {
    font-weight: 700;
    display: block;
    line-height: 45px;
    padding: 0 10px;
    color: #3b4348;
    font-size: 12px;
    border-bottom: 1px solid #f7f7f7
}

.CpVdNav label:first-child {
    border-radius: 3px 3px 0 0
}

.CpVdNav label:last-child {
    border-radius: 0 0 3px 3px;
    border-bottom: 0
}

.CpVdNav .active {
    background-color: #00bcf2;
    color: #fff
}

@media screen and (max-width:600px) {
    .hide_mobile {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none
    }
}

@media all and (max-width:767px) {
    .DvrAbs>div .Close {
        top: 15px;
        right: 15px
    }
    .CpVdNav {
        max-height: 135px;
        overflow: auto
    }
}

@media all and (min-width:767px) {
    .Ficha+.Container .Main {
        width: 465px
    }
}

@media all and (min-width:1020px) {
    .Ficha+.Container .Main {
        width: 510px
    }
    .Ficha+.Container .SidebarB {
        margin-left: auto;
        margin-right: auto
    }
    .CpVdNav {
        display: table;
        width: 100%
    }
    .CpVdNav label {
        display: table-cell;
        border-bottom: 0;
        position: relative
    }
    .CpVdNav label:after {
        content: '';
        position: absolute;
        right: -1px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 1px;
        height: 25px;
        background-color: #f7f7f7
    }
    .CpVdNav label:first-child {
        border-radius: 3px 0 0 0
    }
    .CpVdNav label:last-child {
        border-radius: 0 3px 0 0
    }
}

@media all and (min-width:1200px) {
    .Ficha+.Container .Main {
        width: 690px
    }
}

.filters-2 {
    margin-bottom: 10px;
    border-radius: 2px;
    background-color: #fefefe;
    border: 1px solid #ddd
}

.filters-2 .btn-group a {
    color: #bbb
}

.filters-2 .btn-group .active {
    box-shadow: none;
    color: #222
}

.filters-2 .item {
    padding: 8px;
    border-bottom: 1px solid #ddd
}

.filters-2 .item .btn-default {
    border: none;
    background-color: transparent
}

.filters-2 .item .btn-group.open .dropdown-toggle {
    box-shadow: none
}

.filters-2 .item .chosen-choices {
    background-image: none;
    background-color: transparent;
    border: none
}

.filters-2 .item .search-choice {
    padding: 4px 19px 4px 8px;
    background-color: #fff;
    background-image: none
}

.filters-2 .item .dropdown-menu a {
    color: #333
}

.filters-2 .item .btn {
    padding: 3px 12px
}

.anime_progress {
    border: 1px solid #ccc
}

.my-watchlist .well-sm {
    margin-bottom: 10px;
    padding: 6px 9px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #bbb;
    text-align: center;
    height: 33px;
    line-height: 17px
}

.de {
    background: #222;
    color: #fff;
    padding: 20px
}

.de-auth .box {
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 10px #222;
    border-radius: 3px
}

.de-auth .auth-page-header {
    text-align: center
}

.de-auth .auth-page-header h2 {
    margin-bottom: 20px
}

.de-auth .auth-page-header a {
    color: #fff;
    font-weight: 700
}

.de-auth .auth-page-header a:hover {
    text-decoration: none
}

.de-auth .auth-page-footer {
    font-size: 15px;
    text-align: center;
    margin-top: 10px
}

.de-auth .auth-page-footer a {
    color: #fff
}

.de-auth .auth-page-footer p {
    margin-top: 5px;
    margin-bottom: 0
}

.de-auth .bg-title {
    color: #ddd;
    text-align: center;
    margin-bottom: 20px
}

.de-auth .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ccc
}

.de-auth label {
    color: gray
}

.de-auth .alert {
    margin-top: 0
}

.de-auth .btn {
    border-radius: 0
}

.azm-social {
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #fff;
    text-align: center
}

.azm-social:hover,
.azm-social:focus,
.azm-social:active {
    outline: 0;
    opacity: .8;
    color: #fff
}

.azm-btn {
    height: 34px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300
}

.azm-btn i {
    padding-right: 27px;
    font-size: 21px;
    line-height: 21px;
    vertical-align: top
}

.azm-btn i:after {
    content: "";
    position: absolute;
    top: -8px;
    left: 70%;
    width: 1px;
    height: 36px;
    background: #ccc;
    background: rgba(255, 255, 255, .3)
}

.azm-facebook {
    background: #4862a3
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

.user-cover {
    margin-top: -20px;
    position: relative
}

.user-cover .top-shadow {
    width: 100%;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    height: 80px
}

.user-cover .top-shadow .social-icons {
    margin-top: 8px;
    text-align: right
}

.user-cover .top-shadow .social-icons ul {
    margin-bottom: 0
}

.user-cover .top-shadow .social-icons ul li a {
    display: block;
    margin-bottom: 5px
}

.user-cover .top-shadow .social-icons ul li a img {
    width: 35px;
    height: 35px
}

.user-cover .top-shadow .badge-icons {
    position: absolute;
    z-index: 999;
    right: 10px
}

.user-cover .top-shadow .badge-icons ul li {
    position: relative
}

.user-cover .top-shadow .badge-icons ul li img {
    width: 40px
}

.user-cover .top-shadow .badge-icons ul li .fa {
    font-size: 19px;
    position: absolute
}

.user-cover .top-shadow .badge-icons ul li .fa-bookmark {
    font-size: 60px;
    position: relative;
    top: -6px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.user-cover .top-shadow .badge-icons ul li .fa-yellow {
    color: #ffb100
}

.user-cover .top-shadow .badge-icons ul li .fa-white {
    color: #fff
}

.user-cover .top-shadow .badge-icons ul li .fa-trophy,
.user-cover .top-shadow .badge-icons ul li .fa-pencil-square-o {
    top: 8px;
    left: 18px;
    color: #c58400
}

.user-cover .top-shadow .badge-icons ul li .fa-star-o {
    top: 8px;
    left: 18px;
    color: #aaa
}

.user-cover .cover {
    padding-top: 110px;
    background-color: #222;
    background-position: center center;
    background-size: cover
}

.user-cover .cover .shadown {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0)
}

.user-cover .cover .shadown .username {
    color: #fff;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 30px;
    text-align: center
}

.user-cover .cover .shadown .username a {
    position: relative;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 15px #000, 0 0 15px #000
}

.user-cover .cover .shadown .username a:hover {
    text-decoration: none
}

.user-cover .cover .shadown .username a .staff {
    text-align: left;
    right: -26px;
    top: -2px;
    position: absolute;
    text-shadow: none;
    background-color: orange;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding-left: 4px;
    padding-top: 3px;
    font-size: 13px
}

.user-cover .cover .shadown .username a .ambassador {
    background-color: #00aedb;
    padding-left: 5px;
    padding-top: 4px
}

@media(min-width:768px) {
    .user-cover .cover .shadown .username {
        margin-top: 30px;
        font-size: 36px
    }
}

.user-cover .cover .shadown .mobile_avatar {
    text-align: center
}

.user-cover .cover .shadown .mobile_avatar img {
    border-radius: 5px;
    width: 100px;
    height: 100px;
    border: solid 2px #fff!important;
    -webkit-box-shadow: 0 0 10px 0 #555;
    box-shadow: 0 0 10px 0 #555;
    background-color: #fff
}

.user-cover .cover .shadown .user-follows {
    padding-top: 16px;
    padding-bottom: 18px;
    font-size: 11px
}

.user-cover .cover .shadown .user-follows table {
    margin-left: auto;
    margin-right: auto
}

.user-cover .cover .shadown .user-follows table tr td {
    color: #fff;
    text-align: center;
    padding-left: 7px
}

.user-cover .cover .shadown .user-follows table tr td a {
    display: block;
    color: #fff;
    text-shadow: 0 0 15px #000;
    font-weight: 700
}

.user-cover .cover .shadown .user-follows table tr td a:hover {
    text-decoration: none
}

.user-cover .cover .shadown .user-follows table tr td .follow-button {
    text-shadow: none;
    color: #333;
    border: 0;
    box-shadow: 0 0 8px #000;
    margin-left: 10px;
    font-weight: 400;
    font-size: 12px;
    padding: 6px
}

.user-cover .cover .shadown .user-follows table tr td .follow-button .fa-user-times {
    color: #df013a
}

.user-cover .cover .shadown .user-follows table tr td .follow-button .fa-user-plus {
    color: #0174df
}

@media(min-width:768px) {
    .user-cover .cover .shadown .user-follows table tr td .follow-button {
        padding: 6px 12px;
        font-size: 14px
    }
}

.user-cover .cover .shadown .user-follows table tr td .send-message {
    border: 0;
    box-shadow: 0 0 0 #000;
    text-shadow: none
}

.user-cover .cover .shadown .user-follows table tr td .send-message .fa-envelope-o {
    color: #b40404
}

.user-cover .cover .shadown .user-follows table tr td .follow-button-mobile {
    text-align: center;
    padding-top: 20px
}

.user-cover .cover .shadown .user-follows table tr td.num {
    font-weight: 700
}

@media(min-width:768px) {
    .user-cover .cover .shadown .username {
        text-align: left
    }
    .user-cover .cover .shadown .user-follows {
        font-size: 10px;
        padding-top: 46px;
        overflow: hidden;
        padding-bottom: 0
    }
    .user-cover .cover .shadown .user-follows table {
        float: right
    }
    .user-cover .cover .shadown .user-follows td.num {
        font-size: 15px
    }
}

.user-cover .list-inline {
    margin-bottom: 15px;
    text-align: center
}

.user-cover .list-inline a {
    color: #fff;
    text-shadow: 0 0 15px #000, 0 0 15px #000;
    font-size: 15px
}

.user-cover .list-inline .badge {
    background-color: #fff;
    color: #000;
    text-shadow: none
}

.user-cover .avatar {
    text-align: center;
    padding: 20px 0
}

.user-cover .avatar img {
    border-radius: 50%;
    border: 3px solid #fff
}

@media(min-width:768px) {
    .user-cover .list-inline {
        text-align: left
    }
}

.user-profile-menu {
    margin-bottom: 20px;
    background-color: #fff;
    border-bottom: 1px solid #e1e8ed
}

.user-profile-menu ul.upm {
    padding: 0;
    margin: 0
}

.user-profile-menu ul.upm li {
    float: left;
    list-style: none
}

.user-profile-menu ul.upm li a {
    display: block;
    border-left: 1px solid #e1e8ed;
    padding: 13px 7px;
    font-size: 12px
}

@media(min-width:768px) {
    .user-profile-menu ul.upm li a {
        padding: 13px;
        font-size: 14px
    }
}

.user-profile-menu .profile-avatar-wrapper {
    position: absolute;
    bottom: -30px
}

.user-profile-menu .profile-avatar-wrapper .avatar {
    border-radius: 5px;
    width: 100%;
    border: solid 3px #fff!important;
    -webkit-box-shadow: 0 0 10px 0 #555;
    box-shadow: 0 0 10px 0 #555;
    background-color: #fff
}

.user-profile-menu .edit {
    text-align: center;
    color: #fff;
    position: absolute;
    right: 3px
}

.user-profile-menu .edit .dropdown-toggle {
    display: block;
    padding: 10px
}

.user-profile-menu .edit .dropdown-toggle .glyphicon {
    color: gray;
    font-size: 16px
}

.user-profile-menu .edit .dropdown-toggle .edit-text {
    color: #fff;
    cursor: pointer
}

.user-cover-short .cover {
    padding-top: 150px
}

.Wdgt.Filtrar label {
    padding: 10px 0
}

.Anime .Title a {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.Page404Cn {
    display: table;
    width: 100%;
    height: 100%
}

.Page404 {
    text-align: center;
    display: table-cell;
    padding-bottom: 20px;
    vertical-align: middle
}

.Page404 img {
    pointer-events: none;
    margin: 0 auto 20px
}

.Page404 .Title {
    font-size: 40px;
    line-height: 50px;
    font-weight: 300
}

.Page404 .SubTitle {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 30px;
    font-weight: 300
}

.Page404 .Button {
    border-radius: 20px;
    width: 100%;
    max-width: 270px
}

.LoMasVisto .Bod {
    max-height: 200px;
    padding: 15px 0
}

.LoMasVisto .ListSdbr>li>a {
    padding-left: 65px;
    padding-right: 60px;
    position: relative
}

.LoMasVisto .ListSdbr>li>a:before {
    width: 40px;
    text-align: center;
    margin-right: 0;
    position: absolute;
    left: 15px;
    top: 0;
    line-height: 40px
}

.LoMasVisto .ListSdbr>li:first-child>a:before {
    font-size: 40px;
    color: #ffc107;
    opacity: 1
}

.LoMasVisto .ListSdbr>li:first-child>a:after {
    content: '1';
    color: #ffc107;
    position: absolute;
    left: 15px;
    top: 0;
    line-height: 40px;
    text-align: center;
    z-index: 2;
    text-align: center;
    width: 40px;
    font-size: 12px;
    font-weight: 700
}

.LoMasVisto .ListSdbr>li:nth-child(2)>a:before {
    font-size: 20px;
    color: #b0bec5;
    opacity: 1
}

.AnimeDia .AnimeCover {
    padding: 20px;
    margin-bottom: 0;
    margin-top: 0
}

.AnimeDia .AnimeCover .Image {
    padding: 0
}

.AnimeDia .AnimeCover .Image figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    background-color: rgba(0, 0, 0, .7);
    z-index: 2;
    pointer-events: none
}

.AnimeDia .AnimeCover .Image figcaption span {
    vertical-align: middle
}

.AnimeDia .AnimeCover .Image figcaption .Title {
    font-size: 20px;
    letter-spacing: -1px;
    color: #fff;
    padding-right: 5px
}

.AnimeDia .AnimeCover .Image figcaption .Title span {
    font-weight: 300
}

.LoMasVisto .ListSdbr>li:nth-child(3)>a:before {
    font-size: 20px;
    color: #b0730b;
    opacity: 1
}

.Synopsis {
    font-size: 12px;
    line-height: 20px
}

.Synopsis p:first-child strong:first-child {
    display: block;
    font-size: 10px
}

.AnimeDia .Tags {
    border-top: 1px solid #f3f3f3;
    padding: 20px;
    display: block;
    height: auto
}

.Sect.Download>.Bod {
    padding: 0;
    overflow: auto
}

.Sect.Download>.Bod .Button.Sm {
    white-space: nowrap
}

table.Dwnl {
    border: 0;
    width: 100%;
    border-collapse: collapse
}

table.Dwnl td {
    padding: 10px 15px
}

.HdCapi {
    padding-top: 20px
}

.CapiCnt aside {
    padding-bottom: 20px
}

.CapiCnt aside+aside .Dvr300 {
    margin-bottom: 20px
}

.CapiTnv {
    margin-left: 0;
    margin-bottom: 10px;
    list-style-type: none;
    display: table;
    width: 100%;
    text-align: center
}

.CapiTnv>li {
    display: table-cell;
    vertical-align: top;
    font-weight: 700;
    text-transform: uppercase
}

.CapiTnv>li>a {
    color: rgba(255, 255, 255, .55);
    display: block;
    background-color: rgba(0, 0, 0, .3);
    line-height: 25px;
    padding: 10px 5px;
    font-size: 0
}

.CapiTnv>li:first-child>a {
    border-radius: 3px 0 0 3px
}

.CapiTnv>li:last-child>a {
    border-radius: 0 3px 3px 0
}
.CapiTnv>li>a.active,
.CapiTnv>li.active>a {
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    box-shadow: inset 0 2px 0 #00bcf2
}
span#ip_view {
    display: inline;
    line-height: 24px;
    font-size: 16px;
}
.CapiTnv>li>a span {
    vertical-align: top
}

.CapiTnv>li>a span {
    font-size: 12px
}

.tab-pane {
    opacity: 0;
    transition: .3s;
    transform: scale(0)
}

.tab-pane.active {
    opacity: 1;
    transform: scale(1)
}

.CapiTcn {
    position: relative;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 5px;
    overflow: hidden
}

.CapiTcn:before {
    content: '';
    display: block;
    width: 1px;
    height: 280px
}

.CapiTcn .tab-pane,
.CapiTcn .tab-pane iframe,
.CapiTcn .tab-pane object,
.CapiTcn .tab-pane embed,
.CapiTcn .tab-pane video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.CapiTop {
    background-color: transparent;
    padding: 0 100px 0 0;
    margin-bottom: 15px
}

.CapiTop .Title {
    text-align: left;
    font-size: 25px;
    color: #fff;
    letter-spacing: -2px;
    line-height: 30px;
    white-space: normal;
    overflow: inherit;
    padding: 5px 0
}

.CapiTop .Title span {
    font-weight: 300
}

.CapiTop .CapNav {
    width: 40px;
    height: 40px;
    border: 0!important;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 20px;
    color: #fff;
    padding: 0 0 0 5px;
    line-height: 40px;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.CapiTop .CapNav.Prev {
    right: 45px;
    left: auto;
    padding-left: 0;
    padding-right: 3px
}

.CapiTop .CapNav:hover {
    background-color: #00bcf2
}

.CapiList {
    margin-bottom: 20px
}

.CapiList>li>a,
.BtnShare {
    display: block;
    position: relative;
    line-height: 50px;
    padding-left: 50px;
    color: rgba(255, 255, 255, .55);
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .1);
    font-size: 12px
}

.CapiList>li>a:before,
.BtnShare:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    font-size: 15px;
    text-align: center;
    opacity: .5
}

.CapiList>li:first-child>a {
    border-radius: 3px 3px 0 0
}

.CapiList>li:last-child>a {
    border-radius: 0 0 3px 3px;
    box-shadow: none
}

.CapiList>li>a:hover {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.CapiList>li>a:hover:before {
    opacity: 1
}

.CapiVote {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .2);
    margin-bottom: 20px
}

a.BtnShare {
    background-color: #4c9bde;
    font-size: 12px;
    display: block;
    color: #fff;
    border-radius: 3px
}

.BtnShare:before {
    opacity: 1
}

.BtnShare span {
    font-weight: 700
}

a.BtnShare:hover {
    background-color: #327fc1
}

.Sect>.Top .close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    background-color: #fb3447;
    color: #fff;
    padding: 0;
    opacity: 1;
    font-size: 15px
}

@media(min-width:766px) {
    .CapiCnt {
        display: table;
        width: 100%
    }
    .CapiCnt aside {
        display: table-cell;
        padding-right: 20px;
        vertical-align: top
    }
    .CapiCnt aside+aside {
        padding-right: 0;
        width: 300px
    }
    .CapiTnv>li.active>a {
        font-size: 12px
    }
    .CapiTcn:before {
        height: 470px
    }
}

@media(min-width:1020px) {
    .CapiTnv>li>a {
        font-size: 12px
    }
}

.library_add {
    display: block;
    border-radius: 4px
}

.library_block {
    position: relative
}

.library_block .update,
.library_block .delete {
    width: 50%;
    border-radius: 0
}

.library_block .update {
    border-bottom-left-radius: 4px
}

.library_block .delete {
    border-bottom-right-radius: 4px;
    background: #ff3046
}

.library_block select {
    border: 0;
    border-radius: 0;
    margin-bottom: 0
}

.library_block select.rating {
    background: url(img/star.png) no-repeat 18px 10px;
    padding-left: 50px;
    padding-top: 2px
}

.library_block .separate {
    border-top: 1px solid #f3f3f3
}

.library_block .favorite {
    display: inline-block;
    border-right: 1px solid #f3f3f3;
    margin: 0 5px;
    padding: 10px 0 10px 10px
}

.library_block .episodes {
    display: inline-block
}

.library_block input[type=checkbox] {
    display: none
}

.library_block input[type=checkbox]+label:before {
    content: "\f004";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    padding-right: 8px;
    width: 23px;
    color: red
}

.library_block input[type=checkbox]:checked+label:before {
    content: "\f08a"
}

.library_block .checkbox label {
    padding-left: 0
}

#watched_epis {
    margin-top: -5px;
    border-radius: 0;
    padding: 4px;
    width: 36px;
    height: 24px;
    display: inline-block;
    text-align: right;
    font-size: 15px;
    background: 0 0;
    margin-bottom: 0
}

.multiselect-container {
    margin-top: 5px!important
}

.genres-select {
    width: 562px
}

.genres-select li {
    display: inline-block;
    width: 140px
}

.year-select {
    width: 502px
}

.year-select li {
    display: inline-block;
    width: 100px
}

.multiselect-container>li>a>label {
    padding: 3px 20px 3px 30px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px
}

.multiselect-container>li>.active {
    background: #00aeed!important
}

.alertify {
    z-index: 999999
}

.cropit-image-input {
    border: 0;
    padding: 0
}

.cropit-image-zoom-input.custom {
    display: inline-block;
    padding: 0;
    margin: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 5px;
    background: #eee;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    border: 0;
    width: 200px
}

.cropit-image-zoom-input.custom::-moz-range-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 5px;
    background: #eee;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none
}

.cropit-image-zoom-input.custom::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #888;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background .25s;
    -moz-transition: background .25s;
    -o-transition: background .25s;
    -ms-transition: background .25s;
    transition: background .25s
}

.Sect>.Top {
    margin-bottom: 0!important
}

.filters {
    margin-bottom: 15px!important
}

.filters .multiselect-native-select {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 10px
}

.filters .btn-group button {
    height: 30px;
    border: 0;
    line-height: 30px;
    padding: 0 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.filters .btn-group.open>button,
.filters .btn-group button:hover,
.filters .btn-group button:focus {
    background-color: #fff!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.filters .btn-group button span {
    display: inline-block;
    vertical-align: top
}

.filters .btn-group button span b {
    font-weight: 400;
    opacity: .6
}

.filters .caret {
    border: 0;
    width: auto;
    height: auto;
    opacity: 1
}

.filters .caret:before {
    font-family: FontAwesome;
    content: '\f078';
    color: #00bcf2;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    margin-left: 3px;
    font-weight: 400
}

.filters .multiselect-container {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-name: zoomIn;
    border: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    padding: 10px;
    margin-top: 10px!important
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
.filters .multiselect-native-select:nth-child(2) .multiselect-container,
.filters .multiselect-native-select:nth-child(3) .multiselect-container {
    width: 580px;
    max-width: 90vw
}
.filters .multiselect-native-select:nth-child(2) .multiselect-container>li,
.filters .multiselect-native-select:nth-child(3) .multiselect-container>li {
    float: left;
    width: 25%
}

.filters .multiselect-native-select:nth-child(4) .multiselect-container {
    width: 280px;
}
.filters .multiselect-native-select:nth-child(4) .multiselect-container>li {
    float: left;
    width: 33.33%
}

.filters .multiselect-native-select .dropdown-menu>li>a {
    padding: 3px 0;
}

.filters .genres-select {
    width: 580px;
    max-width: 90vw
}

.filters .year-select {
    width: 350px;
    max-width: 60vw
}

.filters .multiselect-container.genres-select>li,
.filters .multiselect-container.year-select>li {
    float: left;
    width: 25%
}

.filters .multiselect-container>li>a>label {
    line-height: 20px;
    padding: 5px 10px 5px 25px!important;
    background-color: transparent!important
}

.filters .multiselect-container>li>a>label input {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.filters .multiselect-container>li>a>label:before {
    font-family: FontAwesome;
    content: '\f0c8';
    color: rgba(47, 53, 58, .15);
    font-size: 14px;
    position: absolute;
    left: 7px;
    top: 0;
    line-height: 30px;
    transition: .2s
}

.filters .multiselect-container>li>a:hover {
    color: inherit
}

.filters .multiselect-container>li>a {
    background-color: transparent!important
}

.filters .multiselect-container>li.active>a,
.filters .multiselect-container>li.active>a>label:before {
    color: #00bcf2
}

.filters .multiselect-container>li.active>a>label:before {
    content: '\f14a'
}

.filters .multiselect-container:before {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    position: absolute;
    left: 10px;
    top: -5px;
    content: ''
}

.filters .multiselect-container>li>a>label.radio:before {
    content: '\f111'
}

.filters .multiselect-container>li.active>a>label.radio:before {
    content: '\f058'
}
 .Main .page-content{
    background: #000;
    padding: 30px;
    border-radius: 5px;
    color:#fff;
}

.Main .page-content a{
	color:#fff;
	font-weight: bold;
}  
.modal-dialog .btn.btn-primary,
.filters>.btn.btn-primary {
    background-color: #01bcf3;
    border: 0;
    font-weight: 700;
    height: 30px;
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 12px
}
#login-submit {
    margin-bottom: 5px;
}
.btn-facebook{ background: #39569B; color: #fff !important; border: none;}

.btn-twitter{ background: #13bbf5; color: #fff !important; border: none;}
.btn-twitter:hover{ background: #10a1d3;}

.btn-google{ background: #df4a32; color: #fff !important; border: none;}
.btn-google:hover{ background: #e74329;}

.btn-facebook:hover{ background: #314A86;}

.Anime.alt:before,
.Anime.alt .Type:before,
.Anime.alt .Type:after {
    display: none
}

.Anime.alt .Image {
    margin-bottom: 5px;
    overflow: inherit;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1)
}

.Anime.alt .Estreno {
    transition: .5s
}

.Anime.alt figure img {
    border-radius: 5px;
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px);
    left: 5px;
    top: 5px
}

.Anime.alt .Description {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: .2s;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 8px;
    border-radius: 5px;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    color: #999
}

.Anime.alt .Description:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    border-radius: 0 0 5px 5px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%)
}

.Anime.alt .Description .Title {
    padding: 0;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    margin-bottom: 5px
}

.Anime.alt .Description .Vts {
    color: #666;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px
}

.Anime.alt .Description .Vts:before {
    font-size: 14px;
    color: #ffc700;
    margin-right: 3px
}

.Anime.alt .Description p {
    line-height: 18px;
    font-size: 11px
}

.Anime.alt .Description p:before {
    content: 'Descripcion';
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: #666
}

.Anime.alt>.Title {
    color: #000;
    text-align: center;
    padding: 0
}

.Anime.alt>.Title>a {
    font-size: 13px;
    white-space: normal;
    line-height: 20px;
    font-weight: 700;
    max-height: none
}

.Anime.alt .Type {
    left: 10px;
    bottom: 10px;
    border-radius: 15px
}

@media all and (min-width:1020px) {
    .Anime.alt:hover .Estreno {
        opacity: 0;
        visibility: hidden
    }
    .Anime.alt:hover .Description {
        opacity: 1;
        visibility: visible
    }
    .Anime.alt:hover .Image {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }
    .Anime.alt .Image {
        -webkit-transition: .6s;
        -webkit-transform-style: preserve-3d;
        -moz-transition: .6s;
        -moz-transform-style: preserve-3d;
        -o-transition: .6s;
        -o-transform-style: preserve-3d;
        transition: .6s;
        transform-style: preserve-3d
    }
    .Anime.alt .Image figure,
    .Anime.alt .Image .Description {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .Anime.alt .Image .Description {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }
}

.Wrapper>.Header,
.Wrapper>.Footer {
    display: block;
    height: auto
}

body {
    min-height: 100%
}

html {
    height: 100%
}

.Wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: auto
}

.Body {
    flex: 1 0 auto
}

.Header#hdfx {
    padding-top: 70px
}

.Header#hdfx .Mid {
    border-top: 3px solid #01bcf3;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #2f353a;
    z-index: 100
}

.AnflvTl {
    text-align: center;
    color: #cfd8dc;
    letter-spacing: -1px;
    background-image: url(../img/bgb.jpg);
    padding: 10px 20px;
    border-radius: 5px;
    border-bottom: 3px solid #01bcf3;
    margin-bottom: 20px;
    box-shadow: inset 0 0 25px rgba(0, 0, 0, .5)
}

.AnflvTl h1 {
    font-weight: 300;
    margin-bottom: 0;
    font-size: 25px;
    line-height: 30px
}

.AnflvTl h1 strong {
    color: #fff
}

.ListEpisodios .Capi {
    line-height: 16px;
    background-color: #ff7e00;
    border-radius: 32px;
    padding: 0 8px;
    margin-bottom: 3px
}

.Footer .ListSocial>li {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px
}

.Footer .ListSocial>li:first-child {
    padding-left: 0
}

.Footer .ListSocial>li:last-child {
    padding-right: 0
}

.Footer .Row {
    margin-top: 0;
    align-items: center
}

.Footer .Row>*,
.Footer p {
    padding-top: 0
}

.Footer>.Container {
    padding-top: 20px;
    padding-bottom: 20px
}

.Footer .Row>div {
    padding: 10px 0
}

.Footer p {
    margin-bottom: 10px
}

.Footer .mnftxt {
    line-height: 25px;
    padding: 0 8px;
    font-weight: 700;
    background-color: rgba(0, 0, 0, .3);
    display: inline-block;
    border-radius: 25px
}

.Footer .mnftxt a {
    display: inline-block;
    vertical-align: top;
    padding: 0 2px;
    margin: 0 6px
}

.Footer .mnftxt a:hover {
    text-decoration: underline
}

.ListEpisodios .Image img {
    transition: .2s;
    transform: scale(1)
}

.ListEpisodios .Image,
.ListEpisodios a {
    border-radius: 5px;
    overflow: hidden;
    z-index: 1
}

.ListEpisodios a:hover img {
    transform: scale(1.2)
}

.Header .Bot .Title.Page {
    color: #fff;
    margin-bottom: 0
}

.Header .Bot .Title.Page h1,
.Header .Bot .Title.Page h2,
.Header .Bot .Title.Page h3 {
    color: currentColor
}

.fchlt {
    padding-top: 0;
    text-align: center
}

.fchlt .Title-Fch {
    margin: 0;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 15px;
    position: relative;
    z-index: 2;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 10px
}

.fchlt .vtshr {
    display: inline-block;
    padding-top: 15px
}

.fchlt .vtshr .Votes {
    position: relative;
    background-color: rgba(66, 66, 66, .9);
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    min-height: 50px;
    border-radius: 3px;
    width: 165px;
    margin-bottom: 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.fchlt .vtshr .Votes .Strs {
    line-height: 15px;
    margin-bottom: 5px;
    height: 15px
}

.fchlt .vtshr .Votes .Nmbr {
    line-height: 10px
}

.fchlt .vtshr .Votes .Nmbr span {
    font-size: 10px
}

.fchlt .vtshr .Votes .vtprmd {
    width: 60px;
    line-height: 50px;
    background-color: #01bcf2;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 0 0 3px;
    color: #fff;
    font-weight: 700;
    font-size: 25px;
    letter-spacing: -1px;
    text-align: center
}

.shrbtnf {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin: 0 -2px
}

.shrbtnf>li {
    padding: 0 2px;
    float: left;
    width: 50%
}

.btface,
.bttwtr {
    display: block;
    background-color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    line-height: 25px;
    border-radius: 3px;
    text-align: center
}

.btface:hover,
.bttwtr:hover {
    opacity: .9;
    top: -1px;
    position: relative
}

a.btface {
    color: #0d47a1;
    box-shadow: 0 2px 0 #0d47a1
}

a.bttwtr {
    color: #00b0ff;
    box-shadow: 0 2px 0 #00b0ff
}

.AnimeCover .Image {
    margin-bottom: 0
}

.Comment p:first-of-type,
.Comment p:last-of-type {
    margin-bottom: 0
}

.Comment span.Date {
    margin-bottom: 5px
}

.WdgtCn {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    padding: 15px 20px 20px;
    margin-bottom: 20px
}

.WdgtCn:last-child,
.WdgtCn .Description>*:last-child {
    margin-bottom: 0
}

.WdgtCn .Description {
    height: auto;
    margin-bottom: 15px
}

.WdgtCn .Top {
    margin-bottom: 15px;
    position: relative
}

.WdgtCn .Top .Title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -1px
}

.WdgtCn .Top .Title:last-child {
    margin-bottom: 0
}

.WdgtCn .Top .Button,
.WdgtCn .Top [class*=Lnk] {
    position: absolute;
    right: 0;
    top: 0
}

.WdgtCn .Anime.alt .Image,
.WdgtCn .Anime.alt .Description {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05), 0 3px 5px rgba(0, 0, 0, .05);
    margin-bottom: 10px
}

.Msj.Wrn,
.Msj.Err,
.Msj.Scs {
    color: #666
}

.Msj.Wrn {
    background-color: rgba(255, 193, 7, .1)
}

.Msj.Wrn a,
.Msj.Wrn:before {
    color: #ffc107
}

.Msj.Err {
    background-color: rgba(251, 52, 71, .1)
}

.Msj.Err a,
.Msj.Err:before {
    color: #fb3447
}

.Msj.Scs {
    background-color: rgba(0, 176, 70, .1)
}

.Msj.Scs a,
.Msj.Scs:before {
    color: #00b046
}

.Nvgnrs {
    margin-bottom: 5px;
    font-size: 0
}

.Nvgnrs a,
.CatLnk {
    background-color: rgba(1, 188, 242, .1);
    color: #01bcf2;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 15px;
    line-height: 25px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 20px;
    display: inline-block;
    vertical-align: top
}

.Nvgnrs a:hover,
.CatLnk:hover {
    background-color: #01bcf2;
    color: #fff
}

.ListAnmRel {
    margin: 0 -20px -5px;
    border-top: 1px solid #efefef;
    padding: 10px 20px 0
}

.ListAnmRel>li {
    line-height: 25px;
    color: #666;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ListAnmRel>li:before {
    color: #24c0f1;
    line-height: 25px
}

.ListAnmRel>li>a {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    color: #000
}

.ListAnmRel>li>a:hover {
    color: #00bcf2
}

.LnkEdit {
    display: inline-block;
    line-height: 12px;
    padding: 3px 0 3px 35px;
    vertical-align: top;
    font-size: 12px
}

.LnkEdit span {
    display: block;
    font-weight: 700
}

.LnkEdit:before {
    width: 30px;
    height: 30px;
    border: 1px solid #01bcf3;
    line-height: 28px;
    text-align: center;
    font-size: 15px;
    color: #24c0f1;
    transition: .2s;
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 0
}

.LnkEdit:hover:before {
    background-color: #24c0f1;
    color: #fff
}

.AnimeCover {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto
}

.Button.ShwMr {
    display: block;
    margin: 0 auto;
    max-width: 150px
}

.Button.StylC {
    background-color: rgba(1, 188, 242, .1);
    color: #01bcf2;
    line-height: 28px;
    padding: 0 15px;
    border-radius: 30px;
    font-weight: 400;
    height: 30px
}

.Button.StylC:hover {
    background-color: #01bcf2;
    color: #fff
}

.ListCaps {
    margin: -15px -20px -20px;
    overflow: auto;
    max-height: 400px;
}
.ListCaps::-webkit-scrollbar {
    width: 5px;
    height: 5px
    background-color: #ccc
}

.ListCaps::-webkit-scrollbar-thumb {
    background-color: #01bcf3
}
.ListCaps>li {
    border-bottom: 1px solid #efefef;
    position: relative;
    padding-left: 50px
}

.ListCaps>li:last-child {
    border-bottom: 0
}

.ListCaps>li:before {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    color: #00bcf2;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto
}

.ListCaps>li>a {
    display: block;
    padding: 30px 20px 30px 125px;
    min-height: 100px
}

.ListCaps>li>a:hover {
    color: #000
}

.ListCaps>li>a:hover .Title {
    color: #00bcf2
}

.ListCaps>li figure,
.ListCaps>li figure img {
    width: 110px;
    height: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    border-radius: 3px;
    background-image: url(img/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.ListCaps>li figure {
    left: 50px
}

.ListCaps>li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ListCaps>li .Title,
.ListCaps>li p {
    margin-bottom: 0;
    line-height: 20px;
    font-size: 12px
}

.ListCaps>li .Title {
    font-weight: 700
}

.ListCaps>li .Stts {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    height: 45px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    width: 50px;
    text-align: center;
    margin: auto;
    color: rgba(59, 67, 72, .5)
}

.ListCaps>li .Stts:before {
    content: '';
    left: 3px;
    bottom: 3px;
    width: 14px;
    height: 14px;
    border-radius: 15px;
    background-color: #fff;
    position: absolute;
    z-index: 2
}

.ListCaps>li .Stts:after {
    content: '';
    right: 0;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(59, 67, 72, .2);
    border-radius: 10px
}

.ListCaps>li.Visto .Stts {
    color: #00bcf2
}

.ListCaps>li.Visto .Stts:before {
    left: auto;
    right: 3px
}

.ListCaps>li.Visto .Stts:after {
    background-color: #00bcf2
}

.ListCaps>li.Next>a {
    padding-top: 40px
}

.ListCaps>li.Next:before,
.ListCaps>li.Next .Title {
    color: #00b046
}

.ListCaps>li.Next .Title {
    font-size: 16px;
    text-transform: uppercase
}

.ListCaps>li.Next a:hover .Title {
    color: #00b046
}

.ListCaps>li.Next .Date {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    line-height: 30px;
    font-size: 16px;
    color: #00b046;
    font-weight: 700;
    height: 30px
}

.ListCaps>li.Next .Date:before {
    float: right;
    margin-left: 10px;
    font-size: 30px;
    opacity: .2
}

.WdgtCn.Sm .Top {
    padding: 0 20px 15px;
    border-bottom: 1px solid #eceff1;
    margin-left: -20px;
    margin-right: -20px
}

.WdgtCn.Sm .Top .Title {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0
}

.WdgtCn.Sm .Top .Title span {
    font-weight: 700;
    color: #01bcf3
}

.WdgtCn.Sm .Top .Button {
    right: 20px
}

.ListImgrnd {
    margin: 0 -7px -14px;
    overflow: hidden
}

.ListImgrnd>li {
    padding: 0 7px;
    margin-bottom: 14px;
    width: 33.33333333333333%;
    text-align: center;
    float: left
}

.ListImgrnd>li>a img {
    width: 70px;
    height: 70px
}

.SinopsisMdl .Top .Title,
#MrFwlrs .Sect .Top .Title {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 30px
}

.SinopsisMdl .Top .Title span {
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0
}

.SinopsisMdl .Bod,
#MrFwlrs .Sect .Bod {
    border-top: 0;
    padding: 0 20px
}

.NoteInfo {
    margin-bottom: 15px!important;
    font-size: 12px;
    color: #666;
    padding: 5px 0 5px 40px;
    position: relative
}

.NoteInfo:before {
    height: 30px;
    width: 30px;
    line-height: 28px;
    color: #ffc107;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #ffc107;
    position: absolute;
    left: 0;
    top: 0
}

.TxtArSnps {
    height: 120px
}

.SinopsisMdl .Top,
#MrFwlrs .Sect .Top {
    padding: 15px 20px
}

.SinopsisMdl .BtnsCn {
    text-align: right
}

.SinopsisMdl .BtnsCn button {
    margin-left: 5px;
    line-height: 30px;
    font-size: 12px;
    border-radius: 15px;
    padding: 0 15px
}

.SinopsisMdl .BtnsCn button[type=button]:hover {
    background-color: #fb3447
}

.SinopsisMdl .BtnsCn button[type=submit] {
    background-color: #14bbf0
}

.SinopsisMdl .BtnsCn button[type=submit]:hover {
    transform: scale(1.1)
}

.MoreInfo {
    display: block;
    margin: 0 -20px;
    text-align: center;
    color: #90a4ae;
    font-size: 12px;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, .02);
    font-weight: 700;
    line-height: 40px;
    cursor: pointer
}

.MoreInfo:hover {
    background-color: rgba(0, 0, 0, .03)
}

.ListMoreInfo {
    max-height: 0;
    overflow: hidden;
    transition: .2s;
    opacity: 0;
    background-color: rgba(0, 0, 0, .04);
    border-radius: 0 0 3px 3px;
    margin: 0 -20px;
    padding: 0 20px
}

.ListMoreInfo.show {
    max-height: 99em;
    opacity: 1;
    padding: 15px 20px
}

.ListMoreInfo li {
    position: relative;
    line-height: 25px;
    margin-bottom: 5px;
    font-size: 12px;
    padding-left: 20px
}

.ListMoreInfo li:last-child {
    margin-bottom: 0
}

.ListMoreInfo li:before {
    position: absolute;
    left: 0;
    top: 0;
    color: #24c0f1;
    line-height: 25px
}

.BxSdw {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1)
}

.ListAnmBnts {
    margin: 0 -5px
}

.ListAnmBnts>li {
    padding: 0 5px;
    float: left;
    width: 50%
}
.AnmStts a {
	color:#fff;
}
.AnmStts,
.BtnNw.Rcmndr {
    padding: 3px;
    border-radius: 5px;
    box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, .15);
    background-color: #00c853;
    color: #fff;
    text-align: center;
    line-height: 44px;
    margin-bottom: 10px
}

.AnmStts span,
.BtnNw.Rcmndr span {
    display: block;
    position: relative;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase
}

.AnmStts span:before,
.BtnNw.Rcmndr span:before {
    position: absolute;
    font-size: 25px;
    left: 9px;
    top: 0;
    line-height: 44px
}

.AnmStts.A {
    background-color: #fb3447
}

.AnmStts.B {
    background-color: #d500f9
}

.BtnNw {
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    padding: 13px 10px 13px 50px;
    font-size: 12px;
    line-height: 12px;
    display: block!important;
    margin-bottom: 10px;
    color: #000
}

.BtnNw span {
    display: block;
    font-weight: 700;
    text-transform: uppercase
}

.BtnNw:before {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    border-radius: 15px;
    margin-right: 0;
    transition: .2s
}

.BtnNw.AdFv:before,
.BtnNw.AdFv.B:hover:before {
    background-color: #fb3447;
    color: #fff
}

.BtnNw.AdFv.B:before {
    background-color: transparent;
    color: #fb3447;
    box-shadow: inset 0 0 0 1px #fb3447
}

.BtnNw.AdFv:hover {
    color: #fb3447
}

.BtnNw.Fllw:before,
.BtnNw.Fllw.B:hover:before {
    background-color: #14bbf0;
    color: #fff
}

.BtnNw.Fllw.B:before {
    background-color: transparent;
    color: #14bbf0;
    box-shadow: inset 0 0 0 1px #14bbf0
}

.BtnNw.Pndng {
    line-height: 24px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.BtnNw.Pndng:hover {
    color: #ffc107
}

.BtnNw.Pndng:before {
    color: #ffc107;
    box-shadow: inset 0 0 0 1px #ffc107
}

.BtnNw.Pndng:hover:before {
    background-color: #ffc107;
    color: #fff
}

.BtnNw.Rcmndr {
    font-size: 14px;
    background-color: #01bcf3
}

.BtnNw.Rcmndr:hover {
    opacity: .8
}

.BtnNw.Rcmndr:before {
    font-size: 20px
}

.BtnNw.Rcmndr.B {
    background-color: #ff3146
}

.Wdgt.User {
    padding: 5px;
    margin-bottom: 10px
}

.Wdgt.User .Avatar {
    margin-bottom: 0
}

.BtnNw.Fllw.Alt {
    line-height: 24px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-size: 14px
}

.BtnNw.Thnks {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.BtnNw.Thnks:before {
    font-size: 30px
}

.BtnNw.Thnks:hover,
.BtnNw.Thnks:before {
    color: #00b046
}

.BtnNw.Thnks.B:before,
.BtnNw.Thnks.B:hover {
    color: #fb3447
}

.ShwMr.Alt {
    margin-right: 0
}

a.RmvFv,
a.AnmQv,
a.Pndnt {
    background-color: #ff3146;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 3;
    border-radius: 15px
}

.RmvFv:hover:before {
    content: '\f00d'
}

.Anime.alt .Description .Title {
    padding-right: 20px
}

.Anime.alt .Description .Title a {
    white-space: normal;
    overflow: inherit;
    max-height: none
}

a.AnmQv {
    background-color: #01bcf3;
    padding-left: 3px
}

a.Pndnt {
    background-color: #ffc107
}

.CpsHvr>li:hover {
    z-index: 5
}

.CpsHvr>li {
    position: relative
}

.LsEpsdsCn {
    background-color: #3b4348;
    border-radius: 3px;
    position: absolute;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
    padding: 20px;
    left: 0;
    top: 70%;
    margin-left: -10px;
    z-index: 4;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    transform: scale(0)
}

.LsEpsdsCn:before {
    content: '';
    position: absolute;
    right: 0;
    margin: auto;
    top: -5px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #3b4348
}

.LsEpsdsCn .ListEpisodios {
    margin-bottom: 0
}

.ChngVw {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    width: 60px;
    height: 30px;
    line-height: 30px;
    background-color: #3b4348;
    border-radius: 3px;
    display: none
}

.ChngVw>span {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    text-align: center;
    font-size: 15px;
    color: #ffc107;
    cursor: pointer
}

.ChngVw>span+span,
.LstStylPs.show .ChngVw>span {
    color: #fff
}

.LstStylPs.show .ChngVw>span+span {
    color: #ffc107
}

.NvCnAnm {
    text-align: center
}

.NvCnAnm .pagination {
    margin: 0
}

.NvCnAnm .pagination span,
.NvCnAnm .pagination a {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    margin: 0 3px 6px;
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.NvCnAnm .pagination .active a,
.NvCnAnm .pagination a:hover {
    color: #fff;
    background-color: #01bcf3
}

.ListAnTbNvTp>li {
    float: left;
    margin-right: 10px
}

.ListAnTbNvTp>li>a:before {
    font-size: 15px
}

.ListAnTbNvTp>li>a.fa-check:before {
    color: #01bcf3
}

.ListAnTbNvTp>li>a.fa-heart:before {
    color: #fb3447
}

.ListAnTbNvTp>li>a.fa-bookmark:before {
    color: #ffc107
}

.ListAnTbNvTp a {
    border-radius: 3px 3px 0 0;
    line-height: 40px;
    color: #fff;
    padding: 0 15px;
    font-weight: 700
}

.ListAnTbNvTp .active a {
    background-color: rgba(0, 0, 0, .3)
}

.AnTbCnTp {
    border-radius: 0 3px 3px 3px;
    background-color: rgba(0, 0, 0, .3);
    padding: 10px;
    position: relative
}

.AnTbCnTp .Button.Sm {
    position: absolute;
    top: -40px;
    right: -10px;
    background-color: #01bcf3
}

.AnTbCnTp .Button.Sm:hover {
    opacity: .8
}

.ListAnmsTp {
    margin: 0 -5px
}

.ListAnmsTp>li {
    padding: 0 5px;
    float: left;
    width: 16.66666666666667%
}

.ListAnmsTp figure,
.ListAnmsTp figure img,
.ListAnmsTp figure figcaption {
    border-radius: 3px
}

.ListAnmsTp figure {
    padding-top: 190px;
    position: relative;
    overflow: hidden
}

.ListAnmsTp figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .2s
}

.ListAnmsTp figure:hover img {
    transform: scale(1.1)
}

.ListAnmsTp figure figcaption {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 10px 10px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    line-height: 15px;
    font-size: 12px;
    border-radius: 2px
}

.AnTbCnTp .tab-pane {
    max-height: 0;
    overflow: hidden;
    transform: scale(0);
    position: absolute;
    left: 0;
    top: 0
}

.AnTbCnTp .tab-pane.in,
.AnTbCnTp .tab-pane.active {
    max-height: 99em;
    overflow: inherit;
    transform: scale(1);
    position: relative
}

.CpCn,
.CpCnA {
    margin-bottom: 20px
}

.CpCn,
.CpCnA {
    position: relative
}

.CpCnA {
    z-index: 10
}

.Brdcrmb {
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 10px
}

.Brdcrmb:before {
    color: #14bbf0;
    font-size: 15px;
    margin-right: 5px
}

.Brdcrmb a {
    display: inline-block;
    vertical-align: top
}

.Brdcrmb i {
    font-size: 12px;
    color: #ffc107;
    padding: 0 5px;
    line-height: 22px;
    height: 20px;
    vertical-align: top
}

.CpCnA .CapiTop {
    text-align: left;
    padding-right: 0;
    margin-bottom: 0
}

.CpCnA .CapiTop .Title {
    color: #000;
    padding: 0;
    line-height: 35px
}

.CpCnA .CapiTop .SubTitle {
    font-size: 14px;
    line-height: 25px;
    color: #666;
    margin-bottom: 15px
}

.CapiTop .BtnNw.Rcmndr {
    display: inline-block!important;
    margin-bottom: 15px
}

.CapiTop .BtnNw.Rcmndr span {
    text-transform: none;
    font-weight: 400;
    line-height: 13px;
    text-align: left;
    padding: 9px 10px 9px 40px;
    font-size: 12px
}

.CapiTop .BtnNw.Rcmndr span strong {
    display: block;
    font-size: 14px
}

.CpCnB,
.CpCnC .Dvr300 {
    margin-bottom: 20px
}

.CapiTnv>li>a {
    background-color: #2e3437
}
.CapiTnv>li>a.active,
.CapiTnv>li.active>a {
    background-color: #252a2c
}

.CapOptns {
    margin-bottom: 10px;
    position: relative;
    padding-right: 140px;
    font-size: 0
}

.CapOptns>* {
    display: inline-block!important;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px
}

.CapOptns .BtnNw.Dwnd {
    position: absolute;
    right: 0;
    top: 0
}

.CapNv {
    background-color: #2e3437;
    font-size: 0;
    line-height: 40px;
    border-radius: 20px
}

.CapNv a {
    display: inline-block;
    vertical-align: top
}

.CapNv a:first-child {
    border-radius: 20px 0 0 20px
}

.CapNv a:last-child {
    border-radius: 0 20px 20px 0
}

.CapNv a:hover {
    background-color: rgba(0, 0, 0, .2)
}

a.CapNvPv,
a.CapNvNx {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    line-height: 38px
}

.CapNvPv:before,
.CapNvNx:before {
    font-size: 15px;
    float: left;
    line-height: 40px
}

.CapNvNx:before {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.CapNvPv {
    padding: 0 20px 0 15px
}

a.CapNvLs {
    width: 50px;
    font-size: 15px;
    color: #ffc107;
    text-align: center
}

a.CapNvLs {
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .2), inset -1px 0 0 rgba(0, 0, 0, .2)
}

a.CapNvLs:first-child {
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .2)
}

a.CapNvLs:last-child {
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .2)
}

.CapNvNx {
    padding: 0 15px 0 20px
}

.PlyCp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 10;
    color: rgba(255, 255, 255, .7);
    background-size: cover
}

.PlyCp:after {
    content: '';
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 1
}

.PlyCp:before {
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    position: absolute;
    font-size: 150px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto!important;
    text-shadow: 0 0 60px rgba(0, 0, 0, .7);
    z-index: 2
}

.PlyCp:hover {
    color: #01bcf2
}

.ListNews>li {
    margin-bottom: 15px
}

.ListNews>li:last-child {
    margin-bottom: 0
}

.NwBxCn {
    padding-left: 75px;
    position: relative;
    min-height: 80px;
    padding-top: 5px
}

.NwBxCn figure,
.NwBxCn figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 80px;
    border-radius: 5px
}

.NwBxCn figure span {
    line-height: 20px;
    background-color: #ffc107;
    position: absolute;
    left: -2px;
    bottom: -2px;
    border-radius: 0 10px 0 0;
    font-size: 10px;
    color: #000;
    font-weight: 700;
    padding: 0 8px
}

.NwBxCn .Title {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    max-height: 45px;
    overflow: hidden;
    margin-bottom: 10px
}

.CatLnk {
    line-height: 20px;
    padding: 0 10px;
    margin: 0
}

.BtnNw.Rprt {
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 20px;
    padding-left: 40px;
    padding-right: 15px
}

.BtnNw.Rprt:before,
.BtnNw.Rprt:hover {
    color: #fb3447
}

.BtnNw.Rprt:before {
    top: 5px;
    left: 5px
}

.BtnNw.CVst,
.BtnNw.Clgt,
.BtnNw.Xpnd {
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #14bbf0;
    border-radius: 20px;
    white-space: nowrap;
    cursor: pointer
}

.BtnNw.Clgt:before,
.BtnNw.CVst:before,
.BtnNw.Xpnd i {
    position: static;
    width: inherit;
    height: inherit;
    line-height: inherit
}

.BtnNw.Xpnd i+i,
.BtnNw.Xpnd.on i:first-child {
    display: none
}

.BtnNw.Xpnd.on i+i {
    display: block
}

.BtnNw.Xpnd i+i {
    color: #fb3447
}

.lgtbx {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
    background-color: rgba(0, 0, 0, .8);
    z-index: 149
}

.lgtbx-on .Body {
    z-index: 4
}

.lgtbx-on .lgtbx {
    opacity: 1;
    visibility: visible
}

.lgtbx-on .CapiTcn {
    z-index: 150;
    box-shadow: 0 0 50px rgba(0, 0, 0, .5)
}

.BtnNw.Dwnd {
    margin-right: 0;
    background-color: #00b046;
    color: #fff;
    font-size: 12px;
    padding: 8px 20px 8px 40px;
    border-radius: 20px;
    cursor: pointer;
    transition: .2s
}

.BtnNw.Dwnd:hover {
    opacity: .8
}

.BtnNw.Dwnd:before {
    top: 5px;
    left: 5px
}

.NtxtCp {
    font-size: 12px;
    line-height: 15px;
    padding: 10px 10px 10px 45px;
    position: relative;
    margin-bottom: 20px;
    color: #666
}

.NtxtCp:before {
    font-size: 20px;
    color: #ffc107;
    position: absolute;
    width: 45px;
    line-height: 50px;
    text-align: center;
    left: 0;
    top: 0
}

.ShrCnB {
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative
}

.ShrCnB:before {
    font-size: 20px;
    color: #14bbf0;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 0
}

.ShrCnB .Title {
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #000
}

.ShrCnB p {
    margin-bottom: 0;
    line-height: 20px;
    font-size: 12px;
    color: #666
}

.ShrCnB .List {
    padding-top: 10px;
    font-size: 0
}

.ShrCnB .List li {
    margin-right: 5px;
    display: inline-block
}

.ShrCnB .List li:last-child {
    margin-right: 0
}

.ShrCnB .List a {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #0d47a1;
    color: #fff;
    font-size: 20px;
    border-radius: 3px;
    transition: .15s
}

.ShrCnB .List a:hover {
    transform: scale(1.1)
}

.ShrCnB .List a.fa-twitter {
    background-color: #00b0ff
}

.ShrCnB .List a.fa-google-plus {
    background-color: #dd4b39
}

.DwsldCn {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: .2s;
    padding: 0 1px;
    margin-bottom: 0
}

.DwsldCn.show {
    opacity: 1;
    max-height: 99em;
    opacity: 1;
    padding: 1px;
    margin-bottom: 20px
}

.DwsldCn table {
    margin-bottom: 0
}

.DwsldCnTbl {
    max-width: 100%;
    overflow-x: auto
}

.DwsldCnTbl .Button.Sm {
    white-space: nowrap
}

@media all and (max-width:1020px) {
    .BtnNw.Xpnd {
        display: none!important
    }
}

@media all and (max-width:480px) {
    a.CapNvPv,
    a.CapNvNx {
        font-size: 0
    }
    a.CapNvPv {
        padding-right: 5px
    }
    a.CapNvNx {
        padding-left: 5px
    }
    .CapOptns {
        padding-right: 0
    }
    .CapNv {
        margin-right: calc(100% - 140px)
    }
}

@media all and (min-width:767px) {
    .fchlt .Container {
        padding-right: 180px
    }
    .fchlt .vtshr {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 0;
        height: 80px;
        padding-top: 0
    }
    .fchlt .vtshr .Votes {
        position: static
    }
    .fchlt {
        text-align: left
    }
    .ShrCnB .List {
        position: absolute;
        right: 0;
        top: -10px
    }
}

@media all and (min-width:1020px) {
    .LsEpsdsCn {
        display: block;
        width: calc(300% + 20px)
    }
    .CpsHvr>li:hover .LsEpsdsCn {
        opacity: 1;
        visibility: visible;
        transform: scale(1)
    }
    .ChngVw {
        display: block
    }
    .LstStylPs.show a.RmvFv {
        padding-left: 1px
    }
    .LstStylPs.show .ListAnimes>li {
        width: 100%
    }
    .LstStylPs.show .Anime.alt .Estreno {
        visibility: visible;
        opacity: 1
    }
    .LstStylPs.show .Anime.alt .Image,
    .LstStylPs.show .Anime.alt .Image .Description {
        transform: none
    }
    .LstStylPs.show .Anime.alt .Image {
        padding-top: 0;
        margin-bottom: 0
    }
    .LstStylPs.show .Anime.alt .Image figure {
        width: 150px;
        height: 215px;
        position: relative
    }
    .LstStylPs.show .Anime.alt>.Title {
        display: none
    }
    .LstStylPs.show .Anime.alt .Description {
        left: 150px;
        visibility: visible;
        opacity: 1;
        width: auto;
        right: 0;
        background-color: transparent;
        box-shadow: none;
        margin-bottom: 0
    }
    .CpCn {
        padding-right: 320px;
        transition: .2s
    }
    .CpCnC {
        position: absolute;
        right: 0;
        top: 0;
        width: 300px;
        transition: .2s
    }
    .CpCn.show {
        padding-right: 0
    }
    .CpCn.show .CpCnA:before,
    .CpCn.show .CpCnA:after {
        content: '';
        position: absolute;
        width: 200vw;
        background-color: #171e22;
        top: -20px;
        bottom: 0;
        right: -50%;
        z-index: -1;
        pointer-events: none
    }
    .CpCn.show .CpCnA:after {
        left: 50%
    }
    .CpCn.show .CpCnB {
        float: left;
        width: calc(100% - 320px)
    }
    .CpCn.show .CpCnC {
        position: static;
        float: right
    }
    .CpCn.show .CapiTcn,
    .CpCn.show .CapiTcn .tab-pane,
    .CpCn.show .CapiTcn .tab-pane iframe,
    .CpCn.show .CapiTcn .tab-pane object,
    .CpCn.show .CapiTcn .tab-pane embed,
    .CpCn.show .CapiTcn .tab-pane video {
        border-radius: 5px 5px 0 0!important
    }
    .CpCn.show .Brdcrmb a,
    .CpCn.show .CpCnA .CapiTop .Title {
        color: #fff
    }
    .CpCn.show .CpCnA .CapiTop .SubTitle {
        color: #999
    }
    .CpCnA .CapiTop {
        position: relative;
        padding-right: 165px
    }
    .CapiTop .BtnNw.Rcmndr {
        position: absolute;
        right: 0;
        top: 5px
    }
}

@media all and (min-width:1020px) and (max-width:1200px) {
    .LsEpsdsCn:before {
        left: -65%
    }
    .CpsHvr>li:nth-child(3n+2) .LsEpsdsCn {
        left: -100%
    }
    .CpsHvr>li:nth-child(3n+2) .LsEpsdsCn:before {
        left: 0
    }
    .CpsHvr>li:nth-child(3n) .LsEpsdsCn {
        left: -200%
    }
    .CpsHvr>li:nth-child(3n) .LsEpsdsCn:before {
        left: 65%
    }
    .LsEpsdsCn .ListEpisodios>li:nth-child(n+4) {
        display: none
    }
    .ListAnmsTp>li {
        width: 25%
    }
    .ListAnmsTp>li:nth-child(n+5) {
        display: none
    }
}

@media all and (min-width:1200px) {
    .LsEpsdsCn {
        width: calc(400% + 20px)
    }
    .CpsHvr>li:nth-child(4n+2) .LsEpsdsCn {
        left: -100%
    }
    .CpsHvr>li:nth-child(4n+3) .LsEpsdsCn {
        left: -200%
    }
    .CpsHvr>li:nth-child(4n) .LsEpsdsCn {
        left: -300%
    }
    .LsEpsdsCn .ListEpisodios>li:nth-child(n+5) {
        display: none
    }
    .LsEpsdsCn:before {
        left: -75%
    }
    .CpsHvr>li:nth-child(4n+2) .LsEpsdsCn:before {
        left: -25%
    }
    .CpsHvr>li:nth-child(4n+3) .LsEpsdsCn:before {
        left: 25%
    }
    .CpsHvr>li:nth-child(4n) .LsEpsdsCn:before {
        left: 75%
    }
}

.Norslts {
    padding: 30px 10px;
    text-align: center;
    position: relative;
    line-height: 30px;
    margin-bottom: 0
}

.Norslts:before {
    display: block;
    font-size: 100px;
    line-height: 100px;
    opacity: .2;
    margin-right: 0
}

.Anime.alt.B .Image {
    margin-bottom: 10px
}

.Anime.alt.B .Description.nhvrbx {
    pointer-events: none
}

.Anime.alt.B .Description {
    width: 270px;
    left: 90%;
    top: -10px;
    height: auto;
    background-color: #3b4348;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    padding: 15px;
    color: #b0bec5;
    z-index: 10
}

.Anime.alt.B .Description:before {
    display: none
}

.Anime.alt.B .Description .Title {
    color: #fff;
    padding-right: 0;
    margin-bottom: 10px
}

.Anime.alt.B .Description p:before {
    display: none
}

.Anime.alt.B p {
    margin-bottom: 10px
}

.Anime.alt.B p .Type {
    position: static;
    margin-right: 10px
}

.Anime.alt.B p .Vts {
    margin-bottom: 0;
    font-size: 14px;
    color: #fff
}

.Anime.alt.B p .Vts:before {
    font-size: 16px
}

.Anime.alt>a>.Title {
    font-size: 13px;
    white-space: normal;
    line-height: 20px;
    font-weight: 700;
    max-height: none;
    text-align: center;
    color: #000;
    transition: .2s;
    padding: 0
}

.Anime.alt>a:hover>.Title {
    color: #01bcf3
}

@media all and (min-width:1020px) {
    .Anime.alt.B:hover .Estreno {
        opacity: 1;
        visibility: visible
    }
    .Anime.alt.B:hover .Description {
        opacity: 1;
        visibility: visible
    }
    .Anime.alt.B:hover .Image,
    .Anime.alt.B .Image .Description {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media all and (min-width:1020px) and (max-width:1200px) {
    .ListAnimes>li:nth-child(3n) .Anime.alt.B .Description {
        left: auto;
        right: 90%
    }
}

@media all and (min-width:1200px) {
    .ListAnimes>li:nth-child(4n) .Anime.alt.B .Description {
        left: auto;
        right: 90%
    }
}

.Flwrs {
    min-height: 40px;
    padding-top: 5px;
    padding-left: 50px;
    position: relative;
    font-size: 12px;
    line-height: 15px
}

.Flwrs:before {
    color: #02baf0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .2);
    font-size: 20px;
    border-radius: 20px
}

.Flwrs span {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.Button.Vrnmlk {
    float: right;
    background-color: #01bcf3;
    line-height: 30px;
    padding: 0 15px;
    font-size: 12px;
    margin-top: 5px;
    border-radius: 15px
}

.Button.Vrnmlk:hover {
    transform: scale(1.1)
}

#MrFwlrs .ListImgrnd>li a {
    display: block
}

.BtnNew,
.ListEpsds a {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    background-color: rgba(1, 188, 242, .1);
    color: #01bcf2;
    padding: 0 20px;
    line-height: 30px;
    border-radius: 15px
}

.BtnNew:hover,
.ListEpsds a:hover,
.ListEpsds a.current {
    background-color: #01bcf2;
    color: #fff
}

.ListEpsds a {
    min-width: 77px;
    padding: 0 10px;
    text-align: center;
    margin: 0
}

.ListEpsds {
    border-bottom: 1px solid #efefef;
    margin: 0 -20px 15px;
    padding: 0 13px 5px;
    font-size: 0
}

.ListEpsds>li {
    display: inline-block;
    vertical-align: top;
    padding: 0 7px 15px;
    font-size: 14px
}

.BtnNw.Pndng.B {
    line-height: 12px
}

@media all and (min-width:568px) {
    #MrFwlrs .ListImgrnd>li {
        width: 25%
    }
}

@media all and (min-width:668px) {
    #MrFwlrs .ListImgrnd>li {
        width: 20%
    }
}

@media all and (min-width:768px) {
    #MrFwlrs .modal-dialog {
        width: 100%;
        max-width: 790px
    }
    #MrFwlrs .ListImgrnd {
        margin-bottom: 15px
    }
    #MrFwlrs .ListImgrnd>li {
        width: 11.11111111111111%
    }
    #MrFwlrs .Sect .Bod {
        padding-bottom: 20px;
        text-align: center
    }
}

.ListAnmsByLtr {
    margin: 0 -7px 15px
}

.ListAnmsByLtr:after {
    display: block;
    content: '';
    clear: both;
    overflow: hidden
}

.ListAnmsByLtr>li {
    padding: 0 7px 14px;
    float: left;
    width: 50%
}

.AnmBx {
    box-shadow: 0 0 5px rgba(0, 0, 0, .05);
    display: block;
    padding: 10px 15px;
    border-radius: 5px
}

.AnmBx:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .08)
}

.AnmBx .Type {
    position: static;
    line-height: 18px;
    padding: 0 10px;
    background-color: transparent;
    color: #ff3146;
    opacity: 1;
    border-color: currentColor;
    border: 1px solid currentColor;
    height: auto;
    border-radius: 10px;
    margin-bottom: 5px;
    width: auto
}

.AnmBx .Type.ova {
    color: #ff7e00
}

.AnmBx .Type.tv {
    color: #01bcf2
}

.AnmBx .Title {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600
}

.AnmBx:hover .Title {
    color: #01bcf2
}

@media all and (min-width:668px) {
    .ListAnmsByLtr>li {
        width: 33.33333333333333%
    }
}

@media all and (min-width:1020px) {
    .ListAnmsByLtr>li {
        width: 25%
    }
}

[id*=azlt-]>.Top {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 10px;
    color: #000;
    padding-top: 20px
}

.AZList {
    font-size: 0;
    margin: 0 -3px
}

.AZList>li {
    display: inline-block;
    vertical-align: top;
    padding: 0 3px 6px
}

.AZList>li>a {
    background-color: rgba(207, 216, 220, .2);
    font-size: 14px;
    display: block;
    min-width: 34px;
    padding: 0 5px;
    text-align: center;
    color: #000;
    line-height: 30px;
    border-radius: 15px;
    font-weight: 700
}

.AZList>li.current>a,
.AZList>li>a:hover {
    background-color: #01bcf2;
    color: #fff
}

.AZListCn:not(.nvfx) .Container {
    padding: 0
}

.AZListCn.nvfx {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background: #fff;
    padding-top: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    padding-bottom: 9px;
    z-index: 10
}

.AZListCn.nvfx .AZList {
    margin-bottom: 0
}

.AZListCn.nvfx .AZList>li {
    width: 3.703703703703704%;
    padding: 0
}

.AZListCn.nvfx .AZList>li>a {
    min-width: 20px;
    margin: 0 3px
}

.Body>.Container>main>.WdgtCn {
    margin-bottom: 20px
}

.anun {
    margin: 0;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    padding: 12px 0;
    position: relative;
    z-index: 2;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 10px
}

.anun strong a {
    color: #fff
}

.Anime.alt.B .Image:before,
.Anime.alt.B .Image:after {
    opacity: 0;
    position: absolute
}

.Anime.alt.B:hover .Image:before,
.Anime.alt.B:hover .Image:after {
    opacity: 1
}

.Anime.alt.B .Image:before {
    font-size: 50px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 3
}

.Anime.alt.B .Image:after {
    content: '';
    left: 5px;
    top: 5px;
    border-radius: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background-color: rgba(1, 188, 243, .5);
    z-index: 2
}

.Container .adleft {
    position: absolute;
    top: 430px;
    right: 50%;
    margin-right: 590px;
    width: 160px;
    z-index: 2
}

.Container .adright {
    position: absolute;
    top: 430px;
    left: 50%;
    width: 160px;
    z-index: 2;
    margin-left: 590px
}

.Container .adleft2 {
    position: absolute;
    top: 310px;
    right: 50%;
    margin-right: 590px;
    width: 160px;
    z-index: 2
}

.Container .adright2 {
    position: absolute;
    top: 310px;
    left: 50%;
    width: 160px;
    z-index: 2;
    margin-left: 590px
}

.ListCaps>li:not(.Next)>a {
    margin-right: 70px;
    padding-right: 10px
}

.opivw,
.opivw input {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    height: 45px;
    width: 50px;
    margin: auto
}

.opivw input {
    opacity: 0;
    z-index: 2
}

.opivw input,
.opivw .Stts {
    cursor: pointer;
    right: 0!important
}

.ListCaps>li input:checked+.Stts {
    color: #00bcf2
}

.ListCaps>li input:checked+.Stts span {
    display: none
}

.ListCaps>li input:checked+.Stts:before {
    left: auto;
    right: 3px
}

.ListCaps>li input:checked+.Stts:after {
    background-color: #00bcf2
}

.Header>.Mid .Login .Button span:before {
    color: #fff
}

.lstopt-frm {
    position: absolute;
    right: 0;
    top: -2px
}

.lstopt-frm .btn {
    background-color: #01bcf3;
    border: 0;
    height: 34px
}

.lstopt-frm>input {
    width: calc(100% - 160px);
    float: right
}

.order-lst {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.order-lst input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.order-lst .btn {
    line-height: 20px;
    width: 150px;
    cursor: pointer
}

.order-lst input+.btn,
.order-lst input:checked+.btn+.btn {
    display: block
}

.order-lst input+.btn+.btn,
.order-lst input:checked+.btn {
    display: none
}

.order-lst input:checked+.btn+.btn {
    background-color: #2f353a
}

.order-lst i {
    margin-right: 5px
}

@media all and (max-width:666px) {
    .lstopt-frm {
        padding-top: 10px;
        float: none;
        position: static
    }
    .order-lst .btn {
        width: 50px
    }
    .order-lst .btn i {
        margin-right: 0
    }
    .order-lst .btn span {
        display: none
    }
    .lstopt-frm>input {
        width: calc(100% - 60px)
    }
    .ListCaps>li>a {
        padding-left: 60px
    }
    .ListCaps>li figure {
        width: 50px
    }
    .ListCaps>li.Next .Title {
        font-size: 12px;
        padding-right: 100px
    }
    .ListCaps>li.Next .Date {
        font-size: 10px
    }
    .ListCaps>li.Next .Date:before {
        font-size: 16px
    }
}

@media all and (max-width:448px) {
    .ListCaps>li.Next>a {
        padding-top: 30px
    }
}

.ListCaps .Norslts {
    padding: 30px
}

.ListCaps .Norslts:before {
    position: static;
    display: inline-block;
    height: auto;
    line-height: inherit;
    color: #fb3447;
    opacity: 1
}

.lstopt-frm:after {
    clear: both;
    display: block;
    overflow: hidden;
    content: ""
}
select.select {display:none}
.ListSdbr.genres li {
    float: left;
    width: 50%;
}
.ListSdbr.genres li a {
    padding: 10px 15px 10px 15px;
}
.abtn {
	color:#fff
}
.abtn a {
	background-color: rgba(1,188,242,.1);
    color: #01bcf2;
    line-height: 28px;
    padding: 0 15px;
    border-radius: 30px;
    font-weight: 400;
    height: 30px;
	display: block;
}
.abtn a:hover {
	background-color: #01bcf2;
	color: #fff;
}

.ListAnmRel.ikeywords a:before {
    content: "#";
    color: #adadad;
	margin-right:5px;
}

.ListAnmRel.ikeywords h5 {
    display: inline;
	font-size:12px;
}

.ListAnmRel.ikeywords a {
    margin-right: 10px;
}

.ListAnmRel.ikeywords {
    word-break: break-word;
    display: table;
	font-size:12px;
}

#ip_episode {
    list-style: none;
    padding: 0;
    margin: 0;
}
#ip_episode li {
    float: left;
    margin-left: 1%;
    width: 9%;
	margin-bottom: 1%;
}
#ip_episode a {
    text-align: center;
    display: block;
	line-height: 30px;
}

#ip_episode a.active {
    background-color: #01bcf2;
    color: #fff;
    border-color: #01bcf2;
}
.episode-list {
	margin-left: -1%;
}
body {
	padding-right: 0!important;
}
body.modal-open{
	padding-right: 5px!important;
}

.modal-dialog {
    color: #333333;
}
.modal-header {
	color:#fff;
	background: #00b0ff;
    background: -webkit-linear-gradient(left,#00b0ff 0%,#d500f9 100%);
    background: linear-gradient(to right,#00b0ff 0%,#d500f9 100%);
	border-bottom: none !important;
    border-radius: 5px 5px 0 0;
	text-transform: uppercase;
}

/*IPPLAYER 1.0 - BY ICHPHIENPRO*/
.ipplayerjs-offscreen{clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}.ipplayerjs-container {position: relative;background: #000;font-family: Helvetica, Arial;text-align: left;vertical-align: top;text-indent: 0;  -webkit-touch-callout: none; /* iOS Safari */  -webkit-user-select: none;   /* Chrome/Safari/Opera */  -khtml-user-select: none;    /* Konqueror */  -moz-user-select: none;      /* Firefox */  -ms-user-select: none;       /* IE/Edge */  user-select: none;           /* non-prefixed version, currently*/}.ipplayerjs-container * {outline:0;text-shadow: none;box-shadow: none;}.ipplayerjs-container:focus {outline: none;}.ipplayerjs-container p {margin: 10px 0;}.ipplayerjs-container a {color: #dfdfdf;}.ipplayerjs-container a:hover {text-decoration: none;}.me-plugin {position: absolute;}.ipplayerjs-embed, .ipplayerjs-embed body {width: 100%;height: 100%;margin: 0;padding: 0;background: #000;overflow: hidden;}.ipplayerjs-fullscreen {/* set it to not show scroll bars so 100% will work */overflow: hidden !important;}.ipplayerjs-container-fullscreen {position: fixed;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;z-index: 1000;}.ipplayerjs-container-fullscreen .ipplayerjs-mediaelement,.ipplayerjs-container-fullscreen video {width: 100%;height: 100%;}.ipplayerjs-clear {clear: both;}/* Start: LAYERS */.ipplayerjs-background {position: absolute;top: 0;left: 0;}.ipplayerjs-mediaelement {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.ipplayerjs-poster {position: absolute;top: 0;left: 0;background-size: contain ;background-position: 50% 50% ;background-repeat: no-repeat ;}:root .ipplayerjs-poster img {display: none ;}.ipplayerjs-poster img {border: 0;padding: 0;border: 0;}.ipplayerjs-overlay {position: absolute;top: 0;left: 0;z-index:1;}.ipplayerjs-overlay-play {cursor: pointer;}.ipplayerjs-overlay-button {position: absolute;top: 50%;left: 50%;width: 80px;height: 55px;margin: -27.5px 0 0 -40px;background: rgba(0, 0, 0, 0.8);border-radius: 5px;}.ipplayerjs-overlay-button:before {content: "";display: block;width: 80px;height: 55px;background: transparent url(/ip.file/swf/ipplayer/skin/vplay.png) 50% 50% no-repeat;background-size: 23px;}.ipplayerjs-overlay-button:hover{background:#01bcf3;}.ipplayerjs-overlay-loading {position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;margin: -40px 0 0 -40px;background: rgba(0, 0, 0, 0.8);border-radius: 5px;}.ipplayerjs-overlay-loading span {display: block;width: 80px;height: 80px;background: transparent url(/ip.file/swf/ipplayer/skin/loading.gif) 50% 50% no-repeat;}/* End: LAYERS *//* Start: CONTROL BAR */.ipplayerjs-container .ipplayerjs-controls {position: absolute;list-style-type: none;margin: 0;padding: 0;bottom: 0;left: 5px;right: 5px;height: 45px;width: auto;z-index:2;}.ipplayerjs-container .ipplayerjs-controls  div.ipplayerjs-button,.ipplayerjs-container .ipplayerjs-controls  div.ipplayerjs-time {list-style-type: none;background-image: none;display: block;float: left;margin: 0;padding: 0;width: 45px;height: 45px;font-size: 11px;line-height: 11px;font-family: Helvetica, Arial;border: 0;}.ipplayerjs-container .ipplayerjs-controls .ipplayerjs-time-float {font-size: 11px;line-height: 11px;font-family: Helvetica, Arial;}.ipplayerjs-settingz-selector table{border-top:1px solid #5D5D5D}.ipplayerjs-controls .ipplayerjs-button button {cursor: pointer;display: block;font-size: 0;line-height: 0;text-decoration: none;padding: 0;position: absolute;height: 45px;width: 45px;border: 0;}/* End: CONTROL BAR *//* Start: Time (Current / Duration) */.ipplayerjs-container .ipplayerjs-controls .ipplayerjs-time {color: #fff;display: block;height: 45px;width: auto;padding: 0 5px 0 5px ;overflow: hidden;text-align: center;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}.ipplayerjs-container .ipplayerjs-controls .ipplayerjs-time .ipplayerjs-currenttime,.ipplayerjs-container .ipplayerjs-controls .ipplayerjs-time .ipplayerjs-duration {font-size: 14px;line-height: 45px;}.ipplayerjs-container .ipplayerjs-controls .ipplayerjs-time a {color: #fff;font-size: 14px;line-height: 12px;display: block;float: left;margin: 1px 2px 0 0;width: auto;}/* End: Time (Current / Duration) *//* Start: Play/Pause/Stop */.ipplayerjs-controls .ipplayerjs-play button {background: url(/ip.file/swf/ipplayer/skin/play.png) no-repeat center;}.ipplayerjs-controls .ipplayerjs-pause button {background: url(/ip.file/swf/ipplayer/skin/pause.png) no-repeat center;}.ipplayerjs-controls .ipplayerjs-stop button {background-position: -112px 0;}/* Start: Play/Pause/Stop *//* Start: Progress Bar */.ipplayerjs-controls div.ipplayerjs-time-rail {height: auto;}.ipplayerjs-time-rail,.ipplayerjs-time-total.ipplayerjs-time-slider {width: 100%!important;height: auto;}.ipplayerjs-controls div.ipplayerjs-time-rail {direction: ltr;    position: absolute;    bottom: 48px;}.ipplayerjs-controls .ipplayerjs-time-rail span, .ipplayerjs-controls .ipplayerjs-time-rail a {display: block;position: absolute;width: 180px;height: 3px;cursor: pointer;}.ipplayerjs-controls div.ipplayerjs-time-rail:hover {bottom: 50px;}.ipplayerjs-controls div.ipplayerjs-time-rail:hover span,.ipplayerjs-controls .ipplayerjs-time-rail:hover a{height: 5px;}.ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-total {background: #333;background: rgba(50,50,50,0.8);}.ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-buffering {width: 100%;background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size: 15px 15px;-moz-background-size: 15px 15px;-o-background-size: 15px 15px;background-size: 15px 15px;-webkit-animation: buffering-stripes 2s linear infinite;-moz-animation: buffering-stripes 2s linear infinite;-ms-animation: buffering-stripes 2s linear infinite;-o-animation: buffering-stripes 2s linear infinite;animation: buffering-stripes 2s linear infinite;}@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }.ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-loaded {background: #01bcf3;width: 0;}.ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-current {background: #fff;background: rgba(255,255,255,0.8);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));width: 0;outline:0;}.ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-handle {display: none;position: absolute;margin: 0;width: 10px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;border: solid 2px #333;top: -2px;text-align: center;}.ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-float {position: absolute;display: none;background: rgba(0,0,0,0.7);width: 36px;height: 17px!important;top: -26px;margin-left: -18px;text-align: center;color: #fff;border-radius: 2px;line-height: 14px;}.ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-float-current {margin: 2px;width: 30px;display: block;text-align: center;left: 0;}.ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-float-corner {position: absolute;display: block;width: 0;height: 0;line-height: 0;border: solid 5px rgba(0,0,0,0.7);border-color: rgba(0,0,0,0.7) transparent transparent transparent;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;top: 17px;left: 13px;}.ipplayerjs-long-video .ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-float {width: 48px;}.ipplayerjs-long-video .ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-float-current {width: 44px;}.ipplayerjs-long-video .ipplayerjs-controls .ipplayerjs-time-rail .ipplayerjs-time-float-corner {left: 18px;}/*.ipplayerjs-controls .ipplayerjs-time-rail:hover .ipplayerjs-time-handle {visibility:visible;}*//* End: Progress Bar *//* Start: Fullscreen */.ipplayerjs-controls .ipplayerjs-fullscreen-button button {background: url(/ip.file/swf/ipplayer/skin/full.png) no-repeat center;}.ipplayerjs-controls .ipplayerjs-unfullscreen button {background: url(/ip.file/swf/ipplayer/skin/full.png) no-repeat center;}/* End: Fullscreen *//* Start: Mute/Volume */.ipplayerjs-controls .ipplayerjs-volume-button {}.ipplayerjs-controls .ipplayerjs-mute button {background: url(/ip.file/swf/ipplayer/skin/vol.png) no-repeat center;}.ipplayerjs-controls .ipplayerjs-unmute button {background: url(/ip.file/swf/ipplayer/skin/mute.png) no-repeat center;}.ipplayerjs-controls .ipplayerjs-volume-button {position: relative;}.ipplayerjs-controls .ipplayerjs-volume-button .ipplayerjs-volume-slider {display: none;height: 115px;width: 45px;background: rgba(0, 0, 0, 0.5);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;top: -115px;left: 0;z-index: 1;position: absolute;margin: 0;font-size:0;}.ipplayerjs-controls .ipplayerjs-volume-button:hover {-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;}/*.ipplayerjs-controls .ipplayerjs-volume-button:hover .ipplayerjs-volume-slider {display: block;}*/.ipplayerjs-controls .ipplayerjs-volume-button .ipplayerjs-volume-slider .ipplayerjs-volume-total {position: absolute;left: 22px;top: 8px;width: 2px;height: 100px;background: #ddd;background: rgba(255, 255, 255, 0.5);margin: 0;}.ipplayerjs-controls .ipplayerjs-volume-button .ipplayerjs-volume-slider .ipplayerjs-volume-current {position: absolute;left: 22px;top: 8px;width: 2px;height: 100px;background: #ddd;background: rgba(255, 255, 255, 0.9);margin: 0;}.ipplayerjs-controls .ipplayerjs-volume-button .ipplayerjs-volume-slider .ipplayerjs-volume-handle {position: absolute;left: 15px;top: -3px;width: 16px;height: 6px;background: #ddd;background: rgba(255, 255, 255, 0.9);cursor: N-resize;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;margin: 0;}/* horizontal version */.ipplayerjs-controls a.ipplayerjs-horizontal-volume-slider {height: 26px;width: 56px;position: relative;    display: block;    float: left;    vertical-align: middle;}.ipplayerjs-controls .ipplayerjs-horizontal-volume-slider .ipplayerjs-horizontal-volume-total {position: absolute;left: 0;top: 11px;width: 50px;height: 8px;margin: 0;padding: 0;font-size: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #333;background: rgba(50,50,50,0.8);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));}.ipplayerjs-controls .ipplayerjs-horizontal-volume-slider .ipplayerjs-horizontal-volume-current {position: absolute;left: 0;top: 11px;width: 50px;height: 8px;margin: 0;padding: 0;font-size: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #fff;background: rgba(255,255,255,0.8);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));}.ipplayerjs-controls .ipplayerjs-horizontal-volume-slider .ipplayerjs-horizontal-volume-handle {display: none;}/* End: Mute/Volume */.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector {visibility: hidden;    position: absolute;    bottom: 45px;    right: -90px;    width: 360px;    overflow: hidden;padding-top: 5px;height:auto;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector.ipplayerjs-settingz-selector-mobile {    width: 160px;    right: -45px;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector.ipplayerjs-settingz-selector-mobile ul li.settingz-mbip {padding: 10px 0;}.ipplayerjs-settingz-selector-mobile li span{    padding: 3px 5px;    display: inline-block;    margin-left: 10px;cursor: pointer;}.ipplayerjs-settingz-selector-mobile li span:before {    content: "";    width: 8px;    height: 8px;    display: inline-block;    background-color: #fff;    margin-right: 5px;}.ipplayerjs-settingz-selector-mobile li span.active_settingz:before {background-color: #01bcf3;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul {margin: 0;padding: 0;display: block;list-style-type: none !important;overflow: hidden;background: rgba(0,0,0,0.7);margin-bottom: 5px;border: 1px solid #5D5D5D;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector h4{font-size: 14px;font-weight: normal;color:#01bcf3;margin:5px 0;text-transform: uppercase;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector h4 span {    border: 1px solid #fff;    background-color: #01bcf3;    color: #fff;    padding: 1px 5px;    cursor: pointer;float:right;margin-top:-1.5px;margin-right:-5px;text-transform: none;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li {border-top: 1px solid #5D5D5D;line-height: 20px;list-style: none;font-size: 12px;color:#fff;padding: 0 10px;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingL {width:105px;display: inline-block;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingR {display: inline-block;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingR a{border: 1px solid #5D5D5D;padding: 3px 5px;cursor: pointer;margin-right:5px;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingR a:hover,.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingR a.ipplayer_active {color: #fff;background-color:#01bcf3;border-color: #fff;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingR.ipplayer_color a{width: 16px!important;    display: inline-block;    height: 16px;    vertical-align: middle;border-color:#fff;padding: 0;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingR.ipplayer_color a em {    height: 16px;    width: 16px;    background: url(/ip.file/swf/ipplayer/skin/check.png) no-repeat;display:block;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingR i,.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingR s {border: 1px solid #fff;padding: 3px 0;cursor: pointer;text-decoration: none;margin-left:-1px;display: inline-block;text-align: center;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingR i {width: 20px;background-color: #01bcf3;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li .zsettingR s {width: 50px;background-color:#fff;color: #111;}.ipplayerjs-controls .ipplayerjs-settingz-button .ipplayerjs-settingz-selector ul li:first-child {border-top: none;}.ipplayerjs-controls .ipplayerjs-settingz-button:hover .ipplayerjs-settingz-selector{visibility: visible}#settingzSubFontFamily select{    border: 1px solid #fff;    background: #fff;    height: 25px;color: #111;cursor: pointer;}/* Start: Track (Captions and Chapters) */.ipplayerjs-controls .ipplayerjs-captions-button {position: relative;}.ipplayerjs-controls .ipplayerjs-settingz-button button {background: url(/ip.file/swf/ipplayer/skin/setting.png) no-repeat center;}.ipplayerjs-controls .ipplayerjs-captions-button button {background: url(/ip.file/swf/ipplayer/skin/sub.png) no-repeat center;}.ipplayerjs-controls .ipplayerjs-hd-button {right: 180px;}.ipplayerjs-controls .ipplayerjs-hd-button button {background: url(/ip.file/swf/ipplayer/skin/hd.png) no-repeat center;}.ipplayerjs-controls .ipplayerjs-captions-button .ipplayerjs-captions-selector,.ipplayerjs-controls .ipplayerjs-hd-button .ipplayerjs-hd-selector {visibility: hidden;    position: absolute;    bottom: 45px;    right: -30px;    width: 105px;    overflow: hidden;padding-top: 5px;}.ipplayerjs-controls .ipplayerjs-hd-button .ipplayerjs-hd-selector {width: 75px;right: -15px;}.ipplayerjs-controls .ipplayerjs-hd-button:hover .ipplayerjs-hd-selector,.ipplayerjs-controls .ipplayerjs-captions-button:hover  .ipplayerjs-captions-selector {visibility: visible;}.ipplayerjs-controls .ipplayerjs-captions-button .ipplayerjs-captions-selector ul,.ipplayerjs-controls .ipplayerjs-hd-button .ipplayerjs-hd-selector ul {margin: 0;padding: 0;display: block;list-style-type: none !important;overflow: hidden;background: rgba(0,0,0,0.7);margin-bottom: 5px;border: 1px solid #5D5D5D;}.ipplayerjs-controls .ipplayerjs-captions-button .ipplayerjs-captions-selector ul li,.ipplayerjs-controls .ipplayerjs-hd-button .ipplayerjs-hd-selector ul li {padding: 0;list-style-type: none !important;display: block;color: #fff;overflow: hidden;border-top: 1px solid #5D5D5D;line-height: 20px;}.ipplayerjs-controls .ipplayerjs-captions-button .ipplayerjs-captions-selector ul li:first-child,.ipplayerjs-controls .ipplayerjs-hd-button .ipplayerjs-hd-selector ul li:first-child  {border-top: none;}.ipplayerjs-controls .ipplayerjs-captions-button .ipplayerjs-captions-selector ul li span,.ipplayerjs-controls .ipplayerjs-hd-button .ipplayerjs-hd-selector ul li span {display: block;    cursor: pointer;    padding: 5px 10px;    font-size: 14px;}.ipplayerjs-controls .ipplayerjs-captions-button .ipplayerjs-captions-translations {font-size: 10px;margin: 0 0 5px 0;}.ipplayerjs-chapters {position: absolute;top: 0;left: 0;-xborder-right: solid 1px #fff;width: 10000px;z-index: 1;}.ipplayerjs-chapters .ipplayerjs-chapter {position: absolute;float: left;background: #222;background: rgba(0, 0, 0, 0.7);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow: hidden;border: 0;}.ipplayerjs-chapters .ipplayerjs-chapter .ipplayerjs-chapter-block {font-size: 11px;color: #fff;padding: 5px;display: block;border-right: solid 1px #333;border-bottom: solid 1px #333;cursor: pointer;}.ipplayerjs-chapters .ipplayerjs-chapter .ipplayerjs-chapter-block-last {border-right: none;}.ipplayerjs-chapters .ipplayerjs-chapter .ipplayerjs-chapter-block:hover {background: #666;background: rgba(102,102,102, 0.7);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);}.ipplayerjs-chapters .ipplayerjs-chapter .ipplayerjs-chapter-block .ch-title {font-size: 12px;font-weight: bold;display: block;white-space: nowrap;text-overflow: ellipsis;margin: 0 0 3px 0;line-height: 12px;}.ipplayerjs-chapters .ipplayerjs-chapter .ipplayerjs-chapter-block .ch-timespan {font-size: 12px;line-height: 12px;margin: 3px 0 4px 0;display: block;white-space: nowrap;text-overflow: ellipsis;}.ipplayerjs-captions-layer {position: absolute;bottom: 0;left: 0;text-align:center;line-height: 20px;font-size: 16px;color: rgb(243, 243, 120);width:100%;height:auto;}.ipplayerjs-captions-layer  a {color: #fff;text-decoration: underline;}.ipplayerjs-captions-layer[lang=ar] {font-size: 20px;font-weight: normal;}.ipplayerjs-captions-position {position: absolute;width: 100%;bottom: 15px;left: 0;}.ipplayerjs-captions-position-hover {bottom: 70px;}.ipplayerjs-captions-text {padding: 3px 5px;white-space: pre-wrap;display: inline-block;    line-height: normal;border-radius: 5px;}/* End: Track (Captions and Chapters) *//* Start: Error */.me-cannotplay {}.me-cannotplay a {color: #fff;font-weight: bold;}.me-cannotplay span {padding: 15px;display: block;}/* End: Error *//* Start: Loop */.ipplayerjs-controls .ipplayerjs-loop-off button {background-position: -64px -16px;}.ipplayerjs-controls .ipplayerjs-loop-on button {background-position: -64px 0;}/* End: Loop *//* Start: backlight */.ipplayerjs-controls .ipplayerjs-backlight-off button {background-position: -80px -16px;}.ipplayerjs-controls .ipplayerjs-backlight-on button {background-position: -80px 0;}/* End: backlight *//* Start: Picture Controls */.ipplayerjs-controls .ipplayerjs-picturecontrols-button {background-position: -96px 0;}/* End: Picture Controls *//* context menu */.ipplayerjs-contextmenu {position: absolute;width: 150px;padding: 10px;border-radius: 4px;top: 0;left: 0;background: #fff;border: solid 1px #999;z-index: 1001; /* make sure it shows on fullscreen */}.ipplayerjs-contextmenu .ipplayerjs-contextmenu-separator {height: 1px;font-size: 0;margin: 5px 6px;background: #333;}.ipplayerjs-contextmenu .ipplayerjs-contextmenu-item {font-family: Helvetica, Arial;font-size: 12px;padding: 4px 6px;cursor: pointer;color: #333;}.ipplayerjs-contextmenu .ipplayerjs-contextmenu-item:hover {background: #2C7C91;color: #fff;}/* Start: Source Chooser */.ipplayerjs-controls .ipplayerjs-sourcechooser-button {position: relative;}.ipplayerjs-controls .ipplayerjs-sourcechooser-button button {background-position: -128px 0;}.ipplayerjs-controls .ipplayerjs-sourcechooser-button .ipplayerjs-sourcechooser-selector {visibility: hidden;position: absolute;bottom: 26px;right: -10px;width: 130px;height: 100px;background: rgba(0,0,0,0.7);border: solid 1px transparent;padding: 10px;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}.ipplayerjs-controls .ipplayerjs-sourcechooser-button .ipplayerjs-sourcechooser-selector ul {margin: 0;padding: 0;display: block;list-style-type: none !important;overflow: hidden;}.ipplayerjs-controls .ipplayerjs-sourcechooser-button .ipplayerjs-sourcechooser-selector ul li {margin: 0 0 6px 0;padding: 0;list-style-type: none !important;display: block;color: #fff;overflow: hidden;}.ipplayerjs-controls .ipplayerjs-sourcechooser-button .ipplayerjs-sourcechooser-selector ul li input {clear: both;float: left;margin: 3px 3px 0 5px;}.ipplayerjs-controls .ipplayerjs-sourcechooser-button .ipplayerjs-sourcechooser-selector ul li label {width: 100px;float: left;padding: 4px 0 0 0;line-height: 15px;font-family: helvetica, arial;font-size: 10px;}/* End: Source Chooser *//* Start: Postroll */.ipplayerjs-postroll-layer {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 1000;overflow: hidden;}.ipplayerjs-postroll-layer-content {width: 100%;height: 100%;}.ipplayerjs-postroll-close {position: absolute;right: 0;top: 0;background: rgba(0,0,0,0.7);color: #fff;padding: 4px;z-index: 100;cursor: pointer;}/* End: Postroll *//* Start: Speed */div.ipplayerjs-speed-button {width: 46px !important;position: relative;}.ipplayerjs-controls .ipplayerjs-button.ipplayerjs-speed-button button {background: transparent;width: 36px;font-size: 11px;line-height: normal;color: #ffffff;}.ipplayerjs-controls .ipplayerjs-speed-button .ipplayerjs-speed-selector {display: none;position: absolute;top: -100px;left: -10px;width: 60px;height: 100px;background: rgba(0, 0, 0, 0.5);border: solid 1px transparent;padding: 0;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}.ipplayerjs-controls .ipplayerjs-speed-button:hover > .ipplayerjs-speed-selector {display: block;}.ipplayerjs-controls .ipplayerjs-speed-button .ipplayerjs-speed-selector ul li label.ipplayerjs-speed-selected {color: rgba(33, 248, 248, 1);}.ipplayerjs-controls .ipplayerjs-speed-button .ipplayerjs-speed-selector ul {margin: 0;padding: 0;display: block;list-style-type: none !important;overflow: hidden;}.ipplayerjs-controls .ipplayerjs-speed-button .ipplayerjs-speed-selector ul li {margin: 0 0 6px 0;padding: 0 10px;list-style-type: none !important;display: block;color: #fff;overflow: hidden;}.ipplayerjs-controls .ipplayerjs-speed-button .ipplayerjs-speed-selector ul li input {clear: both;float: left;margin: 3px 3px 0 5px;display: none;}.ipplayerjs-controls .ipplayerjs-speed-button .ipplayerjs-speed-selector ul li label {width: 60px;float: left;padding: 4px 0 0 0;line-height: 15px;font-family: helvetica, arial;font-size: 11.5px;color: white;margin-left: 5px;cursor: pointer;}.ipplayerjs-controls .ipplayerjs-speed-button .ipplayerjs-speed-selector ul li:hover {background-color: rgb(200, 200, 200) !important;background-color: rgba(255,255,255,.4) !important;}/* End: Speed *//* Start: Jump Forward */.ipplayerjs-controls .ipplayerjs-button.ipplayerjs-jump-forward-button {background: transparent url(/ip.file/swf/ipplayer/skin/jumpforward.png) no-repeat;background-position: 3px 3px;}.ipplayerjs-controls .ipplayerjs-button.ipplayerjs-jump-forward-button button {background: transparent;font-size: 9px;line-height: normal;color: #ffffff;}/* End: Jump Forward *//* Start: Skip Back */.ipplayerjs-controls .ipplayerjs-button.ipplayerjs-skip-back-button {background: transparent url(/ip.file/swf/ipplayer/skin/skipback.png) no-repeat;background-position: 3px 3px;}.ipplayerjs-controls .ipplayerjs-button.ipplayerjs-skip-back-button button {background: transparent;font-size: 9px;line-height: normal;color: #ffffff;}/* End: Skip Back */div.ipplayerjs-fullscreen-button,div.ipplayerjs-volume-button,div.ipplayerjs-captions-button,div.ipplayerjs-settingz-button,div.ipplayerjs-hd-button {position: absolute !important;bottom:0;}div.ipplayerjs-fullscreen-button {right:0;}div.ipplayerjs-volume-button {right: 45px;}div.ipplayerjs-settingz-button {right: 90px;}div.ipplayerjs-captions-button {right: 135px;}div.ipplayerjs-hd-selector em {    background-color: #F90000;    font-size: 8px;    display: inline-block;    position: absolute;    padding: 1px 2px;    line-height: normal;    margin-left: 4px;    border-radius: 1px;}.ipplayerjs-rightclicks {display: none;background: rgba(0,0,0,0.7);border: 1px solid #5D5D5D;font-size: 12px;position: absolute;font-size: 11px;color: #cccccc;min-width: 200px;border-radius: 2px;z-index:3;}.ipplayerjs-rightclicks .ipplayerjs-rightclicks-label {border-top: 1px solid #5D5D5D;padding: 7px 10px;cursor: pointer;}.ipplayerjs-rightclicks .ipplayerjs-rightclicks-label:hover,.ipplayerjs-controls .ipplayerjs-captions-button .ipplayerjs-captions-selector ul li span:hover {background-color:#1c1c1c;}.ipplayerjs-rightclicks .ipplayerjs-rightclicks-label:first-child {border-top: none;}div.ipplayerjs-captions-button .ipplayer_active,.ipplayerjs-controls .ipplayerjs-hd-button .ipplayerjs-hd-selector ul li span.ipplayer_active {background-color:#01bcf3;}.ipplayer_popup {    position: absolute;    background: rgba(0,0,0,0.7);border: 1px solid #cccccc;color: #cccccc;text-align: center;border-radius: 3px;width: 70%;left:0;margin-left: 15%;z-index: 2;}.ipplayer_popup h1{border-bottom: 1px solid #cccccc;font-size: 16px;padding: 10px;margin:0;color: #fff;}.ipplayer_popup .ipplayer_content {padding: 10px;font-size: 14px;color: #cccccc;}.ipplayer_popup .ipplayer_content p button {border: 1px solid #cccccc;padding: 5px 15px;color: #cccccc;margin-right: 5px;background: none;}.ipplayer_popup .ipplayer_content p button:hover {border-color:#fff;color: #fff;background-color: #01bcf3;}span.plugins_upload_subtitle_close {    position: absolute;    right: 10px;    cursor: pointer;    border: 1px solid;    border-radius: 2px;    width: 20px;    font-size: 14px;    font-weight: normal;}.ipplayer_content.plugins_upload_subtitle_contents {font-size:12px;}.ipplayer_content.plugins_upload_subtitle_contents ul {margin:0;padding:0;}.ipplayer_content.plugins_upload_subtitle_contents ul li{    display: inline-block;    border: 1px solid;    margin-left: -1px;    padding: 8px 20px;}.ipplayer_content.plugins_upload_subtitle_contents ul li.active{color: #fff;background-color:#01bcf3;cursor: pointer;}.ipplayer_content.plugins_upload_subtitle_contents input[type="text"] {background-color:#fff;padding: 0 10px;color: #333;height: 27px;border: none;width: 250px;vertical-align: middle;}.ipplayer_content.plugins_upload_subtitle_contents .plugins_upload_input i {    width: 80px;    vertical-align: middle;    display: inline-block;    height: 27px;    border: 1px solid;    line-height: 27px;    padding: 0 5px;    font-style: normal;}.ipplayer_content.plugins_upload_subtitle_contents #select-file {width: 80px;height: 23px;vertical-align: middle;position: absolute;margin-left:-80px;cursor: pointer;opacity:0;display: inline-block;}.ipplayer_content.plugins_upload_subtitle_contents .plugins_upload_subtitle_progress {    border: 1px solid #ccc;    width: 100%;    height: 20px;    margin-bottom: 10px;    text-align: center;    position: relative;display:none;margin-top: 20px;}.ipplayer_content.plugins_upload_subtitle_contents .plugins_upload_subtitle_bar {    background: #01bcf3;    height: 20px;    width: 0px;    line-height: 20px;}.ipplayer_content.plugins_upload_subtitle_contents .plugins_upload_subtitle_percent {    position: absolute;    left: 50%;    top: 0px;    line-height: 20px;}.ipplayer_content.plugins_upload_subtitle_contents #plugins_upload_subtitle_result,.ipplayer_content.plugins_upload_subtitle_contents #plugins_upload_subtitle_result_copy {    color: red;    background-color: #fff;    margin: 15px 0px;    display: inline-block;    padding: 1px 5px;}.ipplayer_ajax {background: url(/ip.file/swf/ipplayer/skin/ajax.gif) no-repeat;width: 16px;height: 16px;}.ipplayerjs-video-title {    position: absolute;    display: block;    left: 0;    top: 0;width: 100%;height: 250px;color: #fff;background: -moz-linear-gradient(top, rgba(8,8,8,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,8,8,1)), color-stop(100%, rgba(255,255,255,0)));background: -webkit-linear-gradient(top, rgba(8,8,8,1) 0%, rgba(255,255,255,0) 100%);background: -o-linear-gradient(top, rgba(8,8,8,1) 0%, rgba(255,255,255,0) 100%);background: -ms-linear-gradient(top, rgba(8,8,8,1) 0%, rgba(255,255,255,0) 100%);background: linear-gradient(to bottom, rgba(8,8,8,1) 0%, rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#ffffff', GradientType=0 );}.ipplayerjs-video-title h1{color:#fff;font-size: 20px;    padding: 0 20px;    margin: 0;    line-height: 50px;}.ipplayerjs-video-title p{    font-size: 16px;    margin: 0;    padding: 0 20px;}#settingzAutoNext {display: none;}.ipplayerjs-container .ipplayerjs-controls div.ipplayerjs-time {width: auto;margin-right: 10px;}.ipplayerjs-android .ipplayerjs-captions-button,.ipplayerjs-android .ipplayerjs-settingz-button,.ipplayerjs-android .ipplayerjs-hd-button,.ipplayerjs-ipad .ipplayerjs-captions-button,.ipplayerjs-ipad .ipplayerjs-settingz-button,.ipplayerjs-ipad .ipplayerjs-hd-button,.ipplayerjs-iphone .ipplayerjs-captions-button,.ipplayerjs-iphone .ipplayerjs-settingz-button,.ipplayerjs-iphone .ipplayerjs-hd-button,.ipplayerjs-ios .ipplayerjs-captions-button,.ipplayerjs-ios .ipplayerjs-settingz-button,.ipplayerjs-ios .ipplayerjs-hd-button{margin-right:-45px!important;}#settingzZoom a[rel="1"] {display:none}


/*NEW LOADING*/
.ipplayerjs-overlay-loading {
	width: 50px!important;
	height: 50px!important;
	display: inline-block;
	margin: -25px 0 0 -25px!important;
	background:none!important;
}

.ipplayerjs-overlay-loading * {
    box-sizing: content-box;
}

.ipplayerjs-overlay-loading span,
.ipplayerjs-overlay-loading span:before,
.ipplayerjs-overlay-loading span:after {
	background:none!important;
    top: 0;
    left: 0;
    position: absolute;
    border-bottom: 2px solid transparent!important;
    border: 2px solid #01bcf3;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 100%!important;
    height: 100%!important;
    display: inline-block;
}

.ipplayerjs-overlay-loading span {
	width: 50px!important;
	height:50px!important;
    margin: -2px 0 0 -2px;
    animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -o-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -ms-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -webkit-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -moz-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
}

.ipplayerjs-overlay-loading span:before {
    content: "";
    top: 5%;
    left: 5%;
    height: 90%!important;
    width: 90%!important;
    animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -o-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -ms-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -webkit-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -moz-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
}

.ipplayerjs-overlay-loading span:after {
    content: "";
    position: absolute;
    top: 15%;
    left: 15%;
    height: 70%!important;
    width: 70%!important;
    animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -o-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -ms-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -webkit-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
    -moz-animation: ipplayerjs-overlay-loading-rotate 1150ms linear infinite;
}

@keyframes ipplayerjs-overlay-loading-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes ipplayerjs-overlay-loading-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes ipplayerjs-overlay-loading-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes ipplayerjs-overlay-loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes ipplayerjs-overlay-loading-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}
.ipplayerjs-controls .ipplayerjs-hd-button .ipplayerjs-hd-selector ul li span span {
    padding: 0;
    display: inline;
}
.ipplayer_popup {
    position: absolute;
    background: #2e3437;
    border: 0;
    color: #cccccc;
    text-align: center;
    border-radius: 0;
    width: 70%;
    left: 0;
    margin-left: 15%;
    z-index: 2;
}
.ipplayer_content.plugins_upload_subtitle_contents input[type="text"] {
    border-radius: 0;
    display: inline;
    margin-bottom: 0;
}
.ipplayer_popup .ipplayer_content p button {
    border-radius: 20px;
    background-color: #01bcf3;
    color: #fff;
    border: none;
}
.ipplayer_content.plugins_upload_subtitle_contents ul li {
    padding: 5px 15px;
}
#ipplayer_video {
    width: 100% !important;
}
.CapiTnv>li>a {
    font-size: 12px;
}
@media screen and (max-width:766px){
	#mediaplayer,
	#mediaplayer video,
	.ipplayerjs-layer,
	.ipplayerjs-container{
		height: 280px!important;
	}
}

@media screen and (max-width:1020px){	
	a.btn.btn-letter {
		width: 10.1%;
		margin-left: 1%;
		margin-bottom: 1%;
	}
	.movies-letter {
		margin-left: -1%;
	}
	ul.a-z li {
		float: left;
		width: 48%;
	}
}
@media screen and (max-width:560px){	
	ul.a-z li {
		width: 95%;
		margin: 0 2.5% 10px 2.5%;
	}
}
.block.avatar.mb10 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
}
.uct-avatar {
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}
.uc-form {
    color: #333;
}
.uct-info {
    padding-left: 135px;
}
.ppmh-title {
    color: #01bcf3;
    font-size: 20px;
    margin-bottom: 20px;
}
.ppm-content.user-content {
    color: #333;
}
.schedule-container {
    position: relative;
	padding: 20px 40px;
}
.schedule-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.schedule-list li {
	height: 50px;
    padding-top: 7px!important;
    font-size: 14px;
    border-radius: 6px;
    margin: 0 5px;
    width: 96px !important;
    font-weight: 600;
    background: #e8e8e8;
    float: left;
    text-align: center;
    cursor: pointer;
	text-transform: uppercase;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}
.schedule-list li:nth-child(2n+1) {
	border-right:0!important;
}
.schedule-list li span {
	display: block;
    text-align: center;
    font-weight: 400;
    margin-top: 0;
    font-size: 12px;
    text-transform: none;
}
.schedule-list li.active {
	color: #fff;
    background: #01bcf3;
}
.schedule-container .btn {
	height: 50px;
    line-height: 50px;
    font-size: 30px;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 0;
    background: none;
    border: none;
    text-align: center;
    width: 40px;
    color: #01bcf3;
}
.schedule-container .btn.next {
    left: auto;
    right: 0;
}

#schedules-list {
    padding: 0;
    list-style: none;
	    margin: 0;
}
#schedules-list span.status {
	position: absolute;
    background: #252525;
    border-radius: 2px;
    left: 3px;
    top: 3px;
    font-size: 10px;
	font-family: tahoma;
    padding: 0px 3px;
	z-index:1
}
#schedules-list span.quality {
    position: absolute;
    background: #fff;
    border-radius: 2px;
    right: 3px;
    top: 3px;
    font-size: 10px;
    padding: 0px 3px;
    color: #f10000;
	font-family: tahoma;
	z-index:1
}
#schedule-loading {
    margin-bottom: 15px;
	text-align:center;
}
#schedules-list li.stick {
    margin: 0;
    position: relative;
    float: none;
    width: 100%;
    border: none;
	border-top: 1px solid #f3f3f3;
	padding: 0 10px;
}
#schedules-list li:nth-child(even) {

}
#schedules-list .schedule_img a img {
    width: 80px;
}
#schedules-list .schedule_img {
    float: left;
	margin: 10px 10px 10px 0;
	position: relative;
}
#schedules-list .edl-eps span {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid;
    padding: 2px 15px;
    font-size: 12px;
    color: #ffffff;
    background-color: #01bcf3;
    border-radius: 20px;
}
#schedules-list .schedule_desc {
    overflow: hidden;
    max-height: 100px;
    color: #565656;
}
#schedules-list .edl-eps span:hover {
	color:#f9f9f9;
	transition: all 0.3s;
}
#schedules-list .edl-name h3 {
        font-size: 18px
}
#schedules-list .edl-name h3 a {
    color: #01bcf3;
}
#schedules-list .edl-name {
    padding-left: 95px;
    padding-top: 10px;
}
#schedules-list.schedules-less {
    max-height: 701px;
    overflow: hidden;
	padding-bottom: 15px;
}
.schedules_more {
    padding: 5px 0 5px;
}
.schedules_more span {
	border: solid 1px;
    border-radius: 3px;
    color: #6f6d6d;
    width: 190px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: bold;
    display: block;
    padding: 5px 0 5px 20px;
}
.schedules_more span:hover {
    color: #01bcf3;
    cursor: pointer;
}
#schedule {
    height: 50px;
    overflow: hidden;
}
.schedule-box {
    background: #fff;
    border-radius: 5px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}

.loader-css {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.loader-css:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #01bcf3;
  border-color: #01bcf3 transparent #01bcf3 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (max-width:1020px){	
	#schedules-list .edl-eps span {
		position: relative;
		margin-left: 10px;
		margin-bottom: 5px;
		display: inline-block;
	}
}
.filters:after {
    content: "";
    display: block;
    clear: both;
}

.filters .filter {
    float: left;
    margin-right: 8px;
}

.filters .filter span.value:before {
    content: "|";
    padding-right: 5px;
    color: #ccc;
}
.filters .filter .btn{
    border: 0;
	color: #666;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.filters .open>.dropdown-toggle.btn-default:hover,
.filters .open>.dropdown-toggle.btn-default:active,
.filters .open>.dropdown-toggle.btn-default:focus,
.filters .filter .btn.btn-default:focus,
.filters .filter .btn.btn-default:active,
.filters .filter .btn.btn-default:hover{
	background:#fff;
}
.filters .btn.btn-primary {
    background-color: #01bcf3;
    border: 0;
    font-weight: 700;
    height: 30px;
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 12px;
	color:#fff;
}
.filter i.toggler.fa.fa-chevron-down {
    color: #01bcf3;
}
.filter [type=checkbox]+label, 
.filter [type=radio]+label {
    font-weight: normal;
    color: #333;
	    padding-left: 5px;
		    font-size: 13px;
}
.filter.dropdown .dropdown-menu li input {
	display:none;
}
.filter.dropdown .dropdown-menu li input[type="radio"] ~ label:before,
.filter.dropdown .dropdown-menu li input[type="checkbox"] ~ label:before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: #d4d4d4;
    font: normal normal normal 14px/1 FontAwesome;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
	border-radius: 1px;
}
.filter.dropdown .dropdown-menu li input[type="radio"] ~ label:before {
	border-radius: 50%;
}
.filter.dropdown .dropdown-menu li input[type="radio"]:checked ~ label:before,
.filter.dropdown .dropdown-menu li input[type="checkbox"]:checked ~ label:before {
    content: "\f00c";
    color: #01bcf3;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
}
ul.pull-right.dropdown-menu.genre.lg.c4 {
    left: auto;
    right: auto;
    width: 300px;
}
ul.pull-right.dropdown-menu.genre.lg.c4 li {
    width: 48%;
    float: left;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #01bcf3;
    border-color: #01bcf3;
    cursor: default;
}

#footer .footer-content .footer-az {
    margin-bottom: 20px;
    margin-top: 30px;
}
.ftaz {
    display: inline-block;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    line-height: 1em;
    font-size: 1.4em;
    font-weight: 600;
}
.size-s {
    font-size: 12px;
}
.az-list{ font-size: 0; margin: 18px 0 0 0 !important;}
.cat-az .az-list{ font-size: 0; margin: 0 !important;}
.az-list li{ margin: 0 10px 10px 0; display: inline-block;}
.az-list li a{color: #333;font-size: 14px; padding: 4px 8px; display: inline-block; background: #ffffff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.gr-type{}
.gr-type span{ display: inline-block; padding: 0 5px; font-size: 11px; color: #111; background: #d9da17; height: 20px; line-height: 20px;}
.gr-type span.grt-dub{ background: rgba(14, 175, 193, 0.8); color: #fff;}


.ListT1 li {
    border-bottom: 1px solid #dfdfdf;
	font-size: 13px;
	padding: 10px;
}
.ListT1 li:last-child {
	border-bottom:0
}
.ListT1 li:after {
    content: "";
    display: block;
    clear: both;
}
.ListT1 li a.thumb {
    display: block;
    float: left;
    width: 45px;
    padding-bottom: 65px;
    position: relative;
	margin-right: 10px
}
.ListT1 li.item-big {
    position: relative;
    padding: 55.33% 0 0 0;
    margin-bottom: 10px;
    overflow: hidden;
}
.ListT1 li.item-big a.thumb {
    position: absolute;
    width: 100%;
    top: 0;
	display: block;
}
.ListT1 li.item-big .item-detail {
    position: absolute;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    bottom: -7px;
    color: #fff;
    padding: 10px 10px 10px 40px;
    width: 100%;
}
.ListT1 li.item-big h2.item-title {
	color: #fff;
    height: 13px;
    overflow: hidden;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}
.ListT2 li.item-big .item-position {
    position: absolute;
    z-index: 2;
    bottom: -7px;
    line-height: 53px;
}
.ListT1 li a.thumb img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.ListT1 li h2.item-title {
    margin: 0;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.ListT2 li .item-position {
    float: left;
    background-color: #6f6f6f;
    color: #fff;
    font-size: 16px;
    width: 30px;
    text-align: center;
    line-height: 64px;
}
.ListT2 li.item-big .item-position {
	background-color: #01bcf3;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.css-tab.tabs {
    display: inline-block;
    vertical-align: middle;
}
.css-tab.tabs .tab {
    display: inline-block;
    padding: 6px 7px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-family: "Nunito Sans", sans-serif;
    color: #555;
}
.css-tab.tabs .tab:hover {
    color: #01bcf3;
    border-bottom: 2px solid #eee
}
.css-tab.tabs .tab.active {
    border-bottom: 2px solid #01bcf3
}

.content.timeline {
    min-height: 85px;
    position: relative;
}

.widget.schedule .widget-body .slider {
    height: 70px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.widget.schedule .widget-body .slider .next,
.widget.schedule .widget-body .slider .prev {
	position: absolute;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 55px;
    padding: 0 20px;
    top: 5px;
    background: 0 0;
    z-index: 3;
    line-height: 55px;
    font-size: 30px;
}

.widget.schedule .widget-body .slider .next:hover .icon,
.widget.schedule .widget-body .slider .prev:hover .icon {
    color: #01bcf3
}

.widget.schedule .widget-body .slider .next .icon,
.widget.schedule .widget-body .slider .prev .icon {
    font-size: 1.8rem
}

.widget.schedule .widget-body .slider .prev {
    left: 0
}

.widget.schedule .widget-body .slider .next {
    right: 0
}

.widget.schedule .widget-body .slider .items {
    margin: 0 50px;
    position: relative;
    display: block;
    overflow: hidden
}

.widget.schedule .widget-body .slider .items .item {
    float: left;
    text-align: center;
    height: 55px;
    font-family: "Nunito Sans", sans-serif;
    cursor: pointer;
    width: 93px;
    padding: 9px 0;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #eee;
    margin: 5px;
	font-size: 14px;
	    color: #333;
}

.widget.schedule .widget-body .slider .items .item:hover {
    background: #e2e2e2
}

.widget.schedule .widget-body .slider .items .item.active {
    color: #01bcf3;
    background: #01bcf3;
    color: #fff
}

.widget.schedule .widget-body .slider .items .item .day {
    font-weight: 700;
    text-transform: uppercase;
    font-family: Arial
}

.widget.schedule .widget-body .timeline .item {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-family: "Nunito Sans", sans-serif
}

.widget.schedule .widget-body .timeline .item:nth-child(2n) {
    background: #fbfbfb
}

.widget.schedule .widget-body .timeline .item .time {
    float: left;
    width: 90px;
    text-align: center;
    border-right: 1px solid #eee;
    padding: 10px 0
}

.widget.schedule .widget-body .timeline .item .info {
    padding: 10px 0;
    float: left;
    margin-left: 20px
}

.widget.schedule .widget-body .timeline .item .info .name {
    font-weight: 400;
    color: #555
}

.widget.schedule .widget-body .timeline .item .info .name:hover {
    color: #01bcf3
}

.widget.schedule .widget-body .timeline .item .watch {
    float: right;
    width: 90px;
    margin-right: 15px;
    margin-top: 10px;
    border: 1.2px solid #bbb;
    color: #888;
    text-align: center;
    padding: 1px 0;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -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
}

.widget.schedule .widget-body .timeline .item .watch:hover {
    border-color: #01bcf3;
    color: #01bcf3
}

.widget.schedule .widget-body .noresult {
    text-align: center;
    padding: 10px
}

@media screen and (max-width:600px) {
    .widget.schedule .widget-body .slider .next,
    .widget.schedule .widget-body .slider .prev {
        display: none
    }
    .widget.schedule .widget-body .slider .items {
        margin: 0
    }
    .widget.schedule .widget-body .slider .items .item {
        width: 25%
    }
    .widget.schedule .widget-body .timeline .item .time {
        width: auto;
        padding: 0 15px
    }
    .widget.schedule .widget-body .timeline .item .info {
        margin-left: 0;
        clear: both;
        float: none;
        padding: 5px 15px
    }
    .widget.schedule .widget-body .timeline .item .watch {
        margin-top: 0
    }
}

/* slider */
#slider{ width: 100%; padding-bottom: 38%; overflow: hidden; display: block; position: relative; margin-bottom: 15px;}
#slider .swiper-wrapper{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#slider .swiper-slide{ background-size: cover; background-position: 50% 25%;}
#slider .swiper-slide:before{ content: ""; width: 490px; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; background: url(../images/slide-shadow.png) right repeat-y;}
#slider .slide-link{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#slider .slide-caption{ color: #fff; width: 450px; position: absolute; left: 30px; bottom: 30px; line-height: 1.2em;}
#slider .slide-caption .sc-name{ 
	font-size: 1.5em; line-height: 1.1em; font-family: Montserrat; margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}
#slider .slide-caption .sc-desc{ 
	font-size: 12px; letter-spacing: 0.5px; margin-bottom: 20px; font-family: "roboto"; font-weight: 300;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
}
#slider .slide-caption .btn{ 
	margin-bottom: 0;    
	background: #01bcf3;
    color: #ffffff !important;
	font-size: 0.9em; 
	font-weight: 600; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
}
#slider .slide-caption .btn i{ font-size: 10px;}
#slider .swiper-pagination{ left: 30px; bottom: auto; top: 30px; right: 0px; 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;}

@media (max-width: 730px) {
	#slider .slide-caption {
		left: 0;
		bottom: 10px;
		line-height: 1.2em;
		text-align: center;
	}
	#slider .slide-caption .btn,
	#slider .slide-caption .sc-desc {
		display:none;
	}
}

.loadinghdo { position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 12px; height: 12px; border-radius: 100%; box-shadow: 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223); -o-box-shadow: 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223); -ms-box-shadow: 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223); -webkit-box-shadow: 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223); -moz-box-shadow: 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223); animation: cssload-spin ease infinite 2.4s; -o-animation: cssload-spin ease infinite 2.4s; -ms-animation: cssload-spin ease infinite 2.4s; -webkit-animation: cssload-spin ease infinite 2.4s; -moz-animation: cssload-spin ease infinite 2.4s;}
@keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223);
	}
	25% {
		box-shadow: -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223), 12px 12px rgb(79,77,73);
	}
	50% {
		box-shadow: -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223), 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223);
	}
	75% {
		box-shadow: 12px -12px #dfdfdf, 12px 12px #4f4d49, -12px 12px #dfdfdf, -12px -12px #4f4d49;
	}
}

@-o-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223);
	}
	25% {
		box-shadow: -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223), 12px 12px rgb(79,77,73);
	}
	50% {
		box-shadow: -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223), 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223);
	}
	75% {
		box-shadow: 12px -12px #dfdfdf, 12px 12px #4f4d49, -12px 12px #dfdfdf, -12px -12px #4f4d49;
	}
}

@-ms-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223);
	}
	25% {
		box-shadow: -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223), 12px 12px rgb(79,77,73);
	}
	50% {
		box-shadow: -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223), 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223);
	}
	75% {
		box-shadow: 12px -12px #dfdfdf, 12px 12px #4f4d49, -12px 12px #dfdfdf, -12px -12px #4f4d49;
	}
}

@-webkit-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223);
	}
	25% {
		box-shadow: -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223), 12px 12px rgb(79,77,73);
	}
	50% {
		box-shadow: -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223), 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223);
	}
	75% {
		box-shadow: 12px -12px #dfdfdf, 12px 12px #4f4d49, -12px 12px #dfdfdf, -12px -12px #4f4d49;
	}
}

@-moz-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223);
	}
	25% {
		box-shadow: -12px 12px rgb(223,223,223), -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223), 12px 12px rgb(79,77,73);
	}
	50% {
		box-shadow: -12px -12px rgb(79,77,73), 12px -12px rgb(223,223,223), 12px 12px rgb(79,77,73), -12px 12px rgb(223,223,223);
	}
	75% {
		box-shadow: 12px -12px #dfdfdf, 12px 12px #4f4d49, -12px 12px #dfdfdf, -12px -12px #4f4d49;
	}
}

.info-anime {
    font-size: 13px;
    color: #333;
}
.episode-list li.no-result {
    margin: 0;
    padding: 10px 30px;
}

.widget .widget-title {
    border-bottom: 1px solid #eee;
    height: 35px;
    padding: 0 10px;
}
.widget .widget-title .title {
    font-size: 1.1em;
    font-family: "Nunito Sans", sans-serif;
    display: inline;
    line-height: 35px;
    color: #01bcf3;
    font-weight: 600;
    text-transform: uppercase;
}

.widget .widget-title .tabx .tab, .widget .widget-title .tabs .tab {
    display: inline-block;
    padding: 6px 7px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-family: "Nunito Sans", sans-serif;
    color: #555;
}
.widget .widget-title .tabx .tab.active, .widget .widget-title .tabs .tab.active {
    border-bottom: 2px solid #01bcf3;
}

div.server.active {
    padding: 10px;
}
.widget.servers .range {
    margin: 5px 0;
    margin-bottom: 12px;
    padding: 0 3px;
}
.widget.servers .range>span {
    display: inline-block;
    background: #ccc;
    color: #fff;
    padding: 1px 8px;
    font-size: 12px;
    margin: 0 2px 6px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-weight: 300;
    cursor: pointer;
}
.widget.servers .range>span.active {
    background: #01bcf3;
    color: #fff;
}
.widget.servers ul.episodes li {
    display: inline-block;
}
.widget.servers ul.episodes li a {
    display: block;
    height: 28px;
    line-height: 28px;
    min-width: 38px;
    padding: 0 8px;
    text-align: center;
    font-weight: 300;
    margin: 4px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #eee;
    color: #8c8c8c;
    border-bottom: 1px solid #eee;
    font-size: 1.05rem
}
ul.episodes.range {
    margin: 0;
    padding: 0;
}
div.server.active {
    padding: 10px;
}
.widget.servers ul.episodes li a:hover {
    background: #e2e2e2
}

.widget.servers ul.episodes li a.active {
    background-color: #01bcf3;
    color: #fff
}
.no-episode {
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    color: red;
    margin-left: -150px;
    margin-top: -20px;
    border-radius: 3px;
	    text-align: center;
}
#click-play,
#jw {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
}
#click-play {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#player .cover:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    margin-top: -35px;
    margin-left: -35px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAB9BAMAAAB9rnEWAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMA6teXxGOtDXw1IUzALqFxAAAE8UlEQVR4AaWVy28cRRDG27Ed2+uLbWQ5hzlYIebpw4YQgsAHIysg5D1EGKQAPlhgDsAc1rykwB6MAopEfDCKEAdyWCkoQooPjiKBhHJgdmc3GNcfxY67eqYfVd29cp3s2f51V9f3dZXg47eb2+dnZ+cufHz7VzF01DbegDKytQ+GxB81wIyn/xqCnroITmSfR+NfN1x8EM+14/B7CYkD9A9j8DvARh6xwT0ej9lg0ocDdJuByjf8PMz78TSAA6z7+L0gDlDn8W+spXNvXrr0ykeWnJ19NntjZefVv+Xnb395ydigx/Gb2qLsE91tDy5G3ECX7in7uTzScusHi7fkyjyuKbsVOH6J+n264U9gL+SR6WVfAtXx/3IeHU88CZTH91l9xZd8ApNhewzivlqV279sRtjTs2wqaC6sYVkk8/uO+n7Nz4uHaqF5TaXtcQAXNSXiAlm9/RAvvqAkPMCPR0G8SlVvhWn08UKcwbWLbvWPI3AxkThKnYksvnnZyuZ7Udrb2a6qD7Uo61Xx2LrtWWxZkbgYtdYfxIsnwypXat0nGFivGfP67Wh+xKg3XqcbjSsFOvK/lvzvn3heeVjaFXvC7hD8gd7Flkn17lz28Kj4E+0yPeeKV3m+pjWhUUMMFcWTeJHfYKXKeYS8/snXz0IFKAp4135NJ7Hjr+lYdegKOVEkn3EverzqIctk68Bb5YwpJ0oBqr8o3u7zZaTq1GndCi7PibCpPD9Kt66SZ0SQAuRlJdssD7coHltmExc6vUfjSREw7X2Uv+/hobPLCngNm2HPx0PfnSv4aurYi468PHSbjAG20H7/MfVRMe8kIG23ikZYCPCwbi+Q3CK2osUQD69ZC2Tei2UeId5+i7JuM8hvhfl8n+STWN56SpsGX4/gzUWPh+ePTnn+8Sn5BYqPrj9kbZ6P0B+ukPrF+s9uZMp/aSRvN1LFyX2ehPi+3eDUvZn3b/H5ob1A+VbWsefn3RaIE7iO/a/r5TO3BWP/2xUtmZ+Xv+LgVf/F/m83uDENf9vFq/6PGx3yPDnBZNqd8iJ1lqcnaDn/sJAzHN+lJ3haypaQBlB87o6OIrD9F21/hRRQ8dTsE+XUL2wvG1FG8/TwFuJsVbUWKYDk1xkcx/8JhFutEvw8h+OlM+0qVgELWyw1ORzLJ4uWKCvoMZD1HHu6Mp2cunvKykbcX2vzfEu/c6vSIjZSveZYwF48jp5FzaeAdIAnxsyX0aCfEB/ScmXTvGv+G47EPBB7QT8WnwSz50z534oTB3ZjQDmO4/BaYgs+AqSFmNhxVuMTMAc0Gw3d/DLkMIJOMwJHuxkdDwWN8rB8usXoqALfE+ThBNRS871iSeGFII9a4dtVgZJCFpLgKyDNglOEGORmTGClnX69Qu9rx8/AVFqpAl1fCcs0syYni6/tjavs4VnntzIBet4WUUv54yth6Hlf1K5MkTR6lQB8SuLfl793yNacejeoVThx+yLKkT+Iq/YJ32m7Z4xE1f0GL+En4/CNRPvtLaa+k9oagGfeV8fc2GjoP3RZfR8aG8Dc2o/vfXj95nZifuYdOpGaK8l4nsV1g7HhsadTAiK6gQ7zux/vBFv0Oz482w3h3g2yW2FciHdPhwvxJ43nsfNR/EHJeK4diw8m8g9O4V8XQ8WDl3XXdi63h8MHceP69vnZQcxdWLvN0/8Dpj1ulfDcMG0AAAAASUVORK5CYII=);
    background-size: cover;
    content: "";
    width: 70px;
    height: 70px;
    -webkit-transition: all .2s ease 0s;
    -khtml-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

#player .cover:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    content: "";
    -webkit-transition: all 1s ease 0s;
    -khtml-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}

#player .cover:hover:before {
    margin-top: -40px;
    margin-left: -40px;
    width: 80px;
    height: 80px
}

#player .cover:hover:after {
    background: rgba(0, 0, 0, 0)
}


.mb-header {
    background: #00b0ff;
    background: -webkit-linear-gradient(left,#00b0ff 0%,#d500f9 100%);
    background: linear-gradient(to right,#00b0ff 0%,#d500f9 100%);
    color: #fff;
    margin: -15px -15px 0 -15px;
    border-radius: 5px 5px 0 0;
    padding: 0 15px;
}
.mb-header h6 {
    font-size: 18px;
	line-height: 40px;
}
.mb-header a.btn.btn-sm.btn-default.pull-right {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    line-height: 40px;
    padding: 0 20px;
    background-color: #02aeff;
    color: #fff;
    font-size: 14px;
    border-radius: 0 5px 0 0;
}
#pop-report fieldset {
    border-radius: 3px;
    margin-bottom: 15px;
}
#pop-report label {
    font-weight: normal;
	margin-right: 5px;
}
#pop-report label input {
	vertical-align: middle;
    margin-top: -3px;
}
.modal-cuz .close {
    position: absolute;
    bottom: -100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    padding: 15px;
    left: 50%;
    margin-left: -120px;
    width: 240px;
    height: 240px;
    font-size: 12px;
    font-weight: 400;
    padding-top: 150px;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    text-align: center;
}
.modal-cuz .close i {
    margin-right: 3px;
    vertical-align: sub;
    display: block;
    margin-bottom: 10px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 32px;
}
.icon-cancel:before {
    content: "\f057";
}

.profile-content .gh-title {
    font-size: 20px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #333;
}
.profile-content .goblock-content {
    margin: 0 15px;
}
.profile-content .goblock-content .ple-wrap {
    margin: 0 -15px;
}
.widget.watchlist .dropdown.sort {
    position: absolute;
    right: 0;
    top: -50px;
}
.text-center {
    text-align: center;
}
.widget.watchlist {
    position: relative;
}
.watchlist .items .item{
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 0;
	position: relative;
}
.watchlist .items .item a.link.tooltipstered {
    font-weight: 600;
}

.watchlist .items .item .info {position: absolute;right: 0;}

.watchlist .items .item .info span.status {
    background-color: #01bcf3;
    color: #fff;
    border-radius: 2px;
    font-size: 11px;
    padding: 2px 5px;
}

.watchlist .items .item span.dropdown.userbookmark {
    background: #ececec;
    color: #01bcf3;
    padding: 2px 5px;
    border-radius: 2px;
    font-size: 11px;
}

.watchlist .items a.thumb {
    display: block;
    float: left;
    width: 30px;
	border-radius:3px;
    height: auto;
    padding-bottom: 0;
    position: unset;
	margin-right: 10px;
}
.watchlist .items a.thumb img {
	width:100%;
	    position: unset;
}
.modal-backdrop {
    background-color: #05abfe;
}
@media (min-width: 768px) {
	.modal-dialog {
		margin: 30px auto !important;
	}
}
.cat-az {
    padding: 10px 10px 0 10px;
    background: #989898;
}
.ulclear {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-item li .item-detail .item-title {
    font-size: 0.9em;
    font-weight: 600;
    margin: 0 0 3px;
    line-height: 1.2em;
}
.list-item-main li{ padding: 13px ; border-top: 1px solid #eee;}
.list-item-main li:last-of-type{ border-top: 1px solid #eee;}
.list-item-main li .thumb{ 
    position: relative;
    overflow: hidden;
	    display: inline-block;
	width: 70px; padding-bottom: 95px;
	    float: left;
}
.list-item-main li .thumb img {
    width: 100%;
    height: auto;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.list-item-main li .item-detail{ padding-left: 82px;}
.list-item-main li .item-detail .item-title{ font-size: 1em;}
.list-item-main li .item-detail .gr-type{ margin-bottom: 5px;}
.list-item-main li .item-detail .gr-type span{ margin-right: 3px; height: 16px; line-height: 16px; font-size: 10px;}
.list-item-main li .item-detail .desc{ font-size: 0.9em; margin-bottom: 5px; line-height: 1.2em;}
.list-item-main li a {
    color: #222;
}
.az-list li a.active {
	color:#fff;
	background-color: #01bcf3;
}
.widget.calendar .day-block {
    display: block;
    float: left;
    width: 14.28571%
}

.widget.calendar .navigation {
    display: block;
    clear: both;
	height:30px;
}

.widget.calendar .navigation.bottom {
    margin-top: 15px
}

.widget.calendar .navigation span {
    display: block;
    color: #555;
    vertical-align: middle;
    font-size: 14px;
    line-height: 30px
}

.widget.calendar .navigation span a {
    display: inline-block
}

.widget.calendar .navigation span a:hover {
    color: #01bcf3
}

.widget.calendar .navigation span a i {
    font-size: 1.2rem;
    vertical-align: middle
}

.widget.calendar .navigation .prev {
    text-align: left
}

.widget.calendar .navigation .next {
    text-align: right
}

.widget.calendar .navigation .current {
    color: #01bcf3;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}
.widget.calendar .navigation .current a {
	color:#01bcf3;
}
.widget.calendar .heading {
    display: block;
    overflow: hidden
}

.widget.calendar .heading .day-block span {
    background: #f6f6f6;
    margin: 1px;
    padding: 3px;
    text-align: center;
    border: 1px solid #ddd;
    display: block;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.widget.calendar .heading .day-block.active span {
    background: #01bcf3;
    border-color: #01bcf3;
    color: #fff
}

.widget.calendar .content .day-block {
    margin: 3px 0
}

.widget.calendar .content .day-block:nth-child(7n+1) {
    clear: both
}

.widget.calendar .content .day-block .inner {
    margin: 1px;
    border: 1px solid #d0d0d0;
    background: #f6f6f6;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.widget.calendar .content .day-block .inner .head {
    overflow: hidden;
    margin-bottom: 5px;
    padding: 6px
}

.widget.calendar .content .day-block .inner .head.active .date {
    background: #01bcf3
}

.widget.calendar .content .day-block .inner .head .day {
    text-align: center
}

.widget.calendar .content .day-block .inner .head .date {
    display: inline-block;
    float: right;
    padding: 2px 4px;
    background: #f59000;
    color: #fff;
    font-size: 12px
}

.widget.calendar .content .day-block .inner .items .item {
    overflow: hidden;
    padding: 6px;
    border-bottom: 1px solid #fff;
    font-size: 12px
}

.widget.calendar .content .day-block .inner .items .item:nth-child(2n+1) {
    background: #fefefe
}

.widget.calendar .content .day-block .inner .items .item:hover {
    background: #e9e9e9
}

.widget.calendar .content .day-block .inner .items .item .icon {
    float: left;
    margin-top: 1px
}

.widget.calendar .content .day-block .inner .items .item .info {
    margin-left: 20px
}

.widget.calendar .content .day-block .inner .items .item .info .name {
    color: #7c7c7c;
    font-weight: 500
}

.widget.calendar .content .day-block .inner .items .item .info .name:hover {
    color: #555
}

.widget.calendar .content .day-block .inner .items .item .info .release {
    font-size: .9em;
    color: #8c8c8c
}
.widget.calendar .widget-body {
    padding: 15px;
}
.widget.calendar .col-xs-16 {
    width: 66.66667%;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}
.widget.calendar .col-xs-24 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.widget.calendar .col-xs-4 {
    width: 16.66667%;
}
@media screen and (max-width:991px) {
    .widget.calendar .day-block {
        width: 25%
    }
    .widget.calendar .content .day-block:nth-child(7n+1) {
        clear: none!important
    }
}

@media screen and (max-width:767px) {
    .widget.calendar .day-block {
        width: 50%
    }
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #01bcf3;
    border-color: #01bcf3;
}