@charset "UTF-8";
/* Variables */

.textOverflow,
.header .header-right .user-main .um-text,
.modal-results .rg-title,
.content-box .cb-second .date,
.a-following-box .af-box .afb-right .date,
.cc-boxes .cc-box .serie,
.latest-timeline .latest-item .li-right .serie,
.latest-timeline .latest-item .li-right .episode,
.el-item a > div,
.el-item > div,
.ll-title > div,
.ll-item > div,
.profile-box .p-text,
.watchlist-table .wl-item > div,
.watchlist-table .wl-item a,
.ldr-item .site,
.actor-details .actor-right h2,
.content-detail-box .cdb-details .cdb-title,
.home-box .hb-right .serie,
.hr-box .hrp-box .hrp-right .serie,
.hr-box .hrf-box .hrf-right .serie,
.ncm-title .nc-sn,
.ncm-list-item .ncm-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.transitionP2,
.content-box.oneStep .cb-first .c-follow,
.ll-title .broken-report,
.ll-item .broken-report,
.reg-center .ri-general .reg-label,
.reg-center .ri-general .reg-label:Before,
.customSelect:before,
.calendar-main .day-main,
.calendar-main .day-trigger,
.calendar-main .day-trigger .day-details,
.calendar-main .day-trigger .day-details span,
.calendar-main .day-trigger .day-bar,
.calendar-main .day-trigger .day-bar .bar,
.calendar-main .day-contents,
.calendar-main .day-contents .day-relative,
.ldr-item .broken-report,
.create-comment .cc-general .cc-textarea,
.create-comment .cc-general .comment-point .comment-conf {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.transitionP0 {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.right_336ad {
    width: 336px;
    height: 768px;
    float: left;
}
@media (max-width: 1240px) {
    .right_336ad {
        display: none;
    }
}
.general-right p {
    color: #797979;
    padding: 5px 16px 9px 6px;
    font-size: 11px;
}
.searchTransition,
.toast,
.header .search-main,
.header .search-main .search-input,
.header .search-main .search-button,
.header .search-main .search-general,
.header .search-main .grid-main,
.back-to-top,
.mail-activation .act-content .act-time .act-time-content {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
/* Variables */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
    color: #222;
}
body {
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
}
a {
    color: #00e;
}
a:visited {
    color: #551a8b;
}
a:hover {
    color: #06e;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before,
q:after {
    content: "";
    content: none;
}
small {
    font-size: 85%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}
dd {
    margin: 0 0 0 40px;
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
label {
    cursor: pointer;
}
legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    white-space: normal;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button,
input {
    line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}
button[disabled],
input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}
input:invalid,
textarea:invalid {
    background-color: #f0dddd;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
    vertical-align: top;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: black;
    padding: 0.2em 0;
}
@media only screen and (min-width: 35em) {
    .ir {
        display: block;
        border: 0;
        text-indent: -999em;
        overflow: hidden;
        background-color: transparent;
        background-repeat: no-repeat;
        text-align: left;
        direction: ltr;
        *line-height: 0;
    }
    .ir br {
        display: none;
    }
    .hidden {
        display: none !important;
        visibility: hidden;
    }
    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }
    .invisible {
        visibility: hidden;
    }
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }
    .clearfix:after {
        clear: both;
    }
    .clearfix {
        *zoom: 1;
    }
}
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster: h5bp.com/s */

    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */

    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,
img {
    border: 0;
    margin: 0;
}
ol,
ul {
    list-style: none;
}
caption,
th {
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}
q:before,
q:after {
    content: '';
}
abbr,
acronym {
    border: 0;
}
li {
    padding: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.unselectable,
.customSelect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
a {
    text-decoration: none;
    color: #000;
}
head {
    display: block;
}
a {
    outline: none !important;
}
body {
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #181818;
    min-width: 320px;
}
div:before,
index,
select,
* {
    box-sizing: border-box;
}
/* Reset Tools */
/* General Tools */

.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.tl {
    text-align: left !important;
}
.tc {
    text-align: center !important;
    margin-bottom: 20px;
    background: none !important;
}
.noob {
    background: #002f11;
    padding-left: 22px;
    margin-top: 10px;
    line-height: 30px;
    display: inline-block;
    color: #fff !important;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: 2px 3px 3px rgba(0, 0, 1, 0.3);
    padding-right: 22px;
}
.noob:hover {
    background: #004615;
}
.tr {
    text-align: right !important;
}
.vm tr td {
    vertical-align: middle !important;
}
.vt tr td {
    vertical-align: top !important;
}
.vb tr td {
    vertical-align: bottom !important;
}
.vt {
    vertical-align: top !important;
}
.vm {
    vertical-align: middle !important;
}
.vb {
    vertical-align: bottom !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mtb20 {
    margin: 20px 0 !important;
}
.mtb10 {
    margin: 10px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.fs13 {
    font-size: 13px !important;
}
.fs15 {
    font-size: 15px !important;
}
.fs15 tr td {
    font-size: 15px !important;
}
.full {
    width: 100%;
    float: left;
}
.half {
    width: 50%;
    float: left;
}
.full-table {
    width: 100%;
    float: left;
}
.full-table tr td {
    padding: 5px;
}
.triple-select.multiple,
.full-select.multiple {
    height: 100px;
}
.lightColor {
    color: #999999;
}
.lightColor a {
    color: #999999;
}
.lightColor a:hover {
    text-decoration: underline;
}
.half-input,
.full-input {
    width: 100%;
    height: 33px;
    float: left;
    border: 1px solid #282828 !important;
    text-indent: 10px;
    background: #131313 !important;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    outline-color: #e1184f;
}
.half-input.dater,
.full-input.dater {
    background: url("../img/dater-bg.png") right center no-repeat white;
}
.half-input {
    width: 47%;
    margin-right: 2%;
}
.full-textarea {
    width: 100%;
    height: 100px;
    float: left;
    border: 1px solid #282828 !important;
    background: #131313 !important;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    padding: 1%;
    outline-color: #e1184f;
}
.half-select,
.triple-select,
.full-select {
    width: 100%;
    height: 35px;
    float: left;
    border: 1px solid #282828;
    background: #131313 url("../img/full-select-before.png") right center no-repeat;
    color: #666666;
    padding: 0 10px;
    font-size: 13px;
    border-radius: 2px;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    outline-color: #e1184f;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.triple-select {
    width: 30%;
    margin-right: 2%;
}
.half-select {
    width: 47%;
    margin-right: 2%;
}
.aspNetDisabled,
.auto-button {
    width: auto;
    height: 35px;
    float: right;
    color: #fff !important;
    line-height: 35px;
    padding: 0 15px;
    background: #e1184f;
    cursor: pointer;
    border-radius: 2px;
    border: none;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
}
.feed-submit {
    background: #9A314E;
    height: 26px;
    margin-top: 10px;
    line-height: 26px;
}
.auto-button.passive {
    background: #575757;
}
.aspNetDisabled:hover,
.auto-button:hover {
    opacity: .8;
}
.aspNetDisabled.dark,
.auto-button.dark {
    background: #666666;
}
.full-label {
    width: 100%;
    height: auto;
    float: left;
    color: #999999;
    font-size: 13px;
    letter-spacing: -0.2px;
    margin-bottom: 3px;
}
.center {
    width: 1040px;
    height: auto;
    margin: 0 auto;
}
/** initial setup **/

.nanoo,
.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
.nanoo .nano-content,
.nano .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
}
.nanoo .nano-content:focus,
.nano .nano-content:focus {
    outline: thin dotted;
}
.nanoo .nano-content::-webkit-scrollbar,
.nano .nano-content::-webkit-scrollbar {
    visibility: hidden;
}
.has-scrollbar .nano-content::-webkit-scrollbar {
    visibility: visible;
}
.nanoo > .pane,
.nano > .pane {
    border-radius: 4px;
    background: rgba(204, 204, 204, 0.3);
    position: absolute;
    width: 6px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden\9;
    /* Target only IE7 and IE8 with this hack */

    opacity: .01;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.nanoo > .pane > .slider,
.nano > .pane > .slider {
    background: rgba(166, 166, 166, 0.69);
    position: relative;
    margin: 0 0px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: pointer;
    border-radius: 4px;
}
.nanoo:hover > .pane,
.pane.active,
.pane.flashed,
.nano:hover > .pane,
.pane.active,
.pane.flashed {
    visibility: visible\9;
    /* Target only IE7 and IE8 with this hack */

    opacity: 0.99;
}
/* General Tools */
/* Main Popup */

.main-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif !important;
    z-index: 200000000;
    left: 0;
    top: 0;
}
.main-popup .mp-filter {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
}
.main-popup .mp-content {
    width: 360px;
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -180px;
    background: rgba(30, 30, 30, 0.9);
    border-radius: 3px;
    z-index: 999;
}
.main-popup .mp-content p {
    color: #666;
    width: 100%;
    float: left;
    padding: 10px;
}
.main-popup .mp-content .mpc-bts {
    color: #666;
    width: 100%;
    float: left;
    padding: 10px;
    border-top: 1px solid #151414;
}
.main-popup .mp-content .full-textarea,
.main-popup .mp-content .full-select {
    margin-bottom: 10px;
}
.main-popup .mp-content .mpc-title {
    width: 100%;
    height: 60px;
    float: left;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    background: #222222;
}
.main-popup .mp-content .mpc-title .icon {
    width: 60px;
    height: 60px;
    float: left;
    background: #191919;
}
.main-popup .mp-content .mpc-title .title {
    width: 200px;
    height: 60px;
    float: left;
    margin-left: 20px;
    line-height: 60px;
    color: #999999;
    font-size: 22px;
    font-weight: 300;
}
.main-popup .mp-content .mpc-title .close {
    width: 60px;
    height: 60px;
    float: right;
    background: url("../img/mp-close.png") center no-repeat #1d1d1d;
    cursor: pointer;
}
.main-popup .mp-content .mpc-title .close:hover {
    opacity: .8;
}
.main-popup .mp-content .mpc-ct {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
}
.mpc-ct .wl-box {
    width: 330px;
    height: 190px;
    float: left;
    position: relative;
}
.mpc-ct .wl-box .add-watchlist {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(28, 28, 28, .9);
    z-index: 9;
}
.mpc-ct .wl-box .add-watchlist .aw-title {
    width: 100%;
    text-align: center;
    font-size: 17px;
    margin-top: 30px;
    color: #fff;
}
.mpc-ct .wl-box .add-watchlist .aw-cancel {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #999;
    cursor: pointer;
}
.mpc-ct .wl-box .add-watchlist .aw-cancel:hover {
    text-decoration: underline;
}
.mpc-ct .wl-box .wlp-item {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #373737;
}
.mpc-ct .wl-box .wlp-item .wl-title {
    width: auto;
    max-width: 80%;
    float: left;
    color: #c3c3c3;
    font-size: 14px;
}
.mpc-ct .wl-box .wlp-item .wl-add {
    width: auto;
    height: 20px;
    float: right;
    background: #e1184f;
    color: #fff;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 10px;
    cursor: pointer;
}
.mpc-ct .wl-box .wlp-item .wl-add:hover {
    background: #d6184e;
}
.mpc-ct .add-new {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-top: 5px;
    color: #999;
    cursor: pointer;
}
.mpc-ct .add-new:hover {
    text-decoration: underline;
}
.main-popup .mp-content .mp-label {
    width: 100%;
    font-size: 13px;
    color: #999999;
    font-weight: 600;
    margin-bottom: 5px;
    letter-spacing: -0.5px;
}
.main-popup .mp-content .mp-input {
    width: 100%;
    height: 45px;
    float: left;
    border: 1px solid #212121 !important;
    background-color: #161616 !important;
    box-shadow: inset 2px 4px 5px rgba(0, 0, 0, 0.09) !important;
    border-radius: 5px;
    padding: 0 10px;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #999999;
    outline-color: #e1184f;
    margin-bottom: 10px;
}
.main-popup .mp-content .links {
    width: auto;
    float: left;
    margin-top: 5px;
    color: #666666;
}
.main-popup .mp-content .links a {
    color: #999999;
}
.main-popup .mp-content .links a:hover {
    text-decoration: underline;
}
.main-popup .warning-icon {
    width: 60px;
    float: left;
}
.main-popup .warning-details {
    margin-left: 80px;
    color: #fff;
}
.main-popup .warning-details p {
    width: 100%;
    float: left;
    margin: 10px 0;
    font-size: 14px;
}
.mobileChatTrigger {
    display: none
}
/* Main Popup */
/* Toast */

.toast {
    width: 280px;
    height: auto;
    position: fixed;
    right: -300px;
    top: 90px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    background: rgba(63, 41, 47, 0.9);
    opacity: 0;
    z-index: 99999999999;
}
.toast.red {
    background: rgba(150, 33, 33, 0.9);
}
.toast.green {
    background: rgba(72, 130, 86, 0.9);
}
.toast.blue {
    background: rgba(51, 131, 187, 0.9);
}
.toast.showToast {
    opacity: 1;
    right: 20px;
}
.toast .toast-content {
    width: 240px;
    height: auto;
    color: rgba(255, 255, 255, 0.7);
    padding: 15px;
}
.toast .toast-content span {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}
.toast .toast-content a{
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}
.toast .toast-content a:hover{
    text-decoration: underline;
}
.toast .toast-close {
    width: 20px;
    height: 20px;
    right: 13px;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    background: url("../img/toast-close.png");
}
.toast .toast-close:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
/* Toast */
/* Header */

.header {
    width: 100%;
    height: 70px;
    float: left;
    min-width: 320px;
    background: #090909;
    position: relative;
    z-index: 99999;
}
.header .logo {
    width: 125px;
    height: 70px;
    float: left;
    background: url("../img/watchepisodes-logo.png") #1e1e1e;
}
.logoInfo{
    width: 14px;
    height: 14px;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 7px;
    text-align: center;
    line-height: 12px;
    box-shadow: 0 0 7px rgba(0,0,0,.5);
    margin: 60px -7px 0 -10px;
    position: relative;
}
.logoInfo:Hover{
    box-shadow: 0 0 7px #fff;
}
.logoInfo:Hover .logoInfoDrop{
    display: block;
}
.logoInfo .logoInfoDrop{
    display: none;
    width: 300px;
    position: absolute;
    left: -14px;
    top: 12px;
    background: linear-gradient(#61b031,#008000);
    padding: 10px;
    box-shadow: 0 7px 10px rgba(0,0,0,.7);
    text-align: left;
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    letter-spacing: -0.3px;
    line-height: 16px;
}
.logoInfo .logoInfoDrop strong{
    width: auto;
    float: left;
    height: 34px;
    line-height: 34px;
    background: linear-gradient(#fff,#ddd);
    border-radius: 2px;
    color: #333;
    padding: 0 12px;
    font-size: 13px;
    letter-spacing: -0.4px;
    cursor: pointer;
    margin-top: 5px;
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
}
.logoInfo .logoInfoDrop strong:Hover{
    opacity: .9;
}
.logoInfo .logoInfoDrop:before {
    border: solid transparent;
    border-bottom-color: #61b031;
    border-width: 5px;
    left: 15px;
    top: -10px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.logoInfo .logoInfoDrop .li-title{
    width: 100%;
    float: left;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.5px;
}
.logoInfo .logoInfoDrop .li-desc{
    width: 100%;
    float: left;
}
.header .main-menu {
    width: 580px;
    height: 70px;
    margin-left: 10px;
    float: left;
}
.header .main-menu ul {
    width: auto;
    float: left;
}
.header .main-menu ul li {
    width: auto;
    height: 70px;
    float: left;
}
.header .main-menu ul li a {
    height: 70px;
    float: left;
    line-height: 70px;
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    letter-spacing: -0.7px;
    padding: 0 15px;
}
.header .main-menu ul li a:hover {
    background: #181818;
}
.header .main-menu ul li.active a {
    background: #e1184f;
}
.header .header-right {
    max-width: 240px;
    height: 70px;
    float: right;
    margin-right: 10px;
}
/* New Header Right */

.header-right .h-user {
    width: auto;
    height: 40px;
    float: right;
    margin-top: 15px;
    padding-right: 15px;
    position: relative;
}
.header-right .h-user:before {
    border: solid transparent;
    border-top-color: #4a4a4a;
    border-width: 4px;
    right: 3px;
    top: 18px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.header-right .h-user .hu-trigger {
    width: 40px;
    height: 40px;
    float: right;
    overflow: hidden;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
}
.header-right .h-user .hu-trigger img {
    width: 100%;
}
.header-right .h-user .hu-drop {
    width: 210px;
    height: auto;
    position: absolute;
    right: 0;
    top: 40px;
    border-radius: 3px;
    background: #212121;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    display: none;
}
.header-right .h-user .hu-drop:before {
    border: solid transparent;
    border-bottom-color: #212121;
    border-width: 7px;
    right: 28px;
    top: -14px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.header-right .h-user .hu-drop ul li {
    width: 100%;
    height: auto;
    float: left;
    padding: 5px 10px 5px 20px;
}
.header-right .h-user .hu-drop ul li a {
    width: auto;
    height: auto;
    float: left;
    color: #999;
}
.header-right .h-user .hu-drop ul li a:hover {
    color: #fff;
}
.header-right .h-user .hu-drop a.title-link {
    width: 100%;
    height: auto;
    float: left;
    padding: 7px 12px;
    font-size: 13px;
    color: #fff;
    font-weight: 300;
    border-bottom: 1px solid #272727;
}
.header-right .h-user .hu-drop a.title-link:last-child {
    border: none;
}
.header-right .h-user .hu-drop a.title-link:hover {
    background: #272727;
}
.header-right .hr-buttons {
    float: right;
    margin-top: 20px;
}
.header-right .hr-buttons .bt {
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: 5px;
    float: left;
    cursor: pointer;
}
.header-right .hr-buttons .bt .count {
    height: 12px;
    position: absolute;
    left: 10px;
    top: 31px;
    background: #e1184f;
    border-radius: 2px;
    line-height: 12px;
    color: #fff;
    font-size: 10px;
    padding: 0 5px;
    z-index: 9;
    -webkit-transition: all 300ms cubic-bezier(0.565, 1, 0.055, 1);
    /* older webkit */

    -webkit-transition: all 300ms cubic-bezier(0.565, 1.290, 0.055, 1.650);
    -moz-transition: all 300ms cubic-bezier(0.565, 1.290, 0.055, 1.650);
    -o-transition: all 300ms cubic-bezier(0.565, 1.290, 0.055, 1.650);
    transition: all 300ms cubic-bezier(0.565, 1.290, 0.055, 1.650);
    /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.565, 1, 0.055, 1);
    /* older webkit */

    -webkit-transition-timing-function: cubic-bezier(0.565, 1.290, 0.055, 1.650);
    -moz-transition-timing-function: cubic-bezier(0.565, 1.290, 0.055, 1.650);
    -o-transition-timing-function: cubic-bezier(0.565, 1.290, 0.055, 1.650);
    transition-timing-function: cubic-bezier(0.565, 1.290, 0.055, 1.650);
    /* custom */
}
.header-right .hr-buttons .bt .count.newValue {
    opacity: 0;
    transform: scale(0);
}
.header-right .hr-buttons .bt .count:before {
    border: solid transparent;
    border-left-color: #e1184f;
    border-width: 4px;
    left: 3px;
    top: -4px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.header-right .notf-button,
.header-right .messages-button,
.header-right .feed-button {
    width: 30px;
    height: 30px;
    float: left;
    background: url("../img/hn-feed-button.png") center;
    border: 2px solid #ccc;
    border-radius: 50%;
    opacity: .5;
}
.header-right .notf-button:hover,
.header-right .messages-button:hover,
.header-right .feed-button:hover {
    opacity: .8;
}
.header-right .messages-button {
    background: url("../img/hn-messages-button.png") center;
}
.header-right .notf-button {
    background: url("../img/hn-notf-button.png") center;
}
.header-right .not-drop {
    width: 300px;
    height: auto;
    position: absolute;
    right: -35px;
    top: 35px;
    background: #212121;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    display: none;
}
.header-right .not-drop:before {
    border: solid transparent;
    border-bottom-color: #212121;
    border-width: 7px;
    right: 43px;
    top: -14px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.header-right .not-drop .notfd-title {
    width: 100%;
    height: auto;
    float: left;
    padding: 7px 10px;
    color: #666;
    border-bottom: 1px solid #313131;
}
.header-right .not-drop .notfd-cts {
    width: 100%;
    height: 300px;
    float: left;
}
.header-right .not-drop .notf-item {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #272727;
    padding: 10px;
}
.not-drop .notf-item .ni-image {
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
}
.not-drop .notf-item .ni-image img {
    width: 40px;
}
.not-drop .notf-item .ni-right {
    margin-left: 50px;
}
.not-drop .notf-item .ni-right .nir-ct {
    width: 100%;
    float: left;
    color: #666;
    font-size: 11px;
}
.not-drop .notf-item .ni-right .nir-ct a {
    color: #999;
}
.not-drop .notf-item .ni-right .nir-ct a:hover {
    text-decoration: underline;
}
.not-drop .notf-item .ni-right .nir-type {
    width: 100%;
    float: left;
    color: #515151;
    font-size: 10px;
    margin-top: 2px;
}
.not-drop .notf-item .ni-right .nir-type:before {
    width: 10px;
    height: 10px;
    float: left;
    content: '';
    margin: 2px 3px 0 0;
}
.not-drop .notf-item .ni-right .nir-type.newEp:before {
    background: url("../img/not-type-newEp.png");
}
.not-drop .notf-item .ni-right .nir-type.link:before {
    background: url("../img/not-type-link.png");
}
.not-drop .notf-item .ni-right .nir-type.comment:before {
    background: url("../img/not-type-comment.png");
}
.not-drop .notf-item .ni-right .nir-type.star:before {
    background: url("../img/not-type-star.png");
}
.not-drop .notf-item .ni-right .nir-type.follow:before {
    background: url("../img/not-type-follow.png");
}
.not-drop .notf-item .ni-right .nir-type.like:before {
    background: url("../img/not-type-like.png");
}
/* New Header Right */
/* Silinecek */

.header .header-right .user-button {
    width: auto;
    line-height: 70px;
    height: 70px;
    float: left;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    padding: 0 12px;
}
.header .header-right .user-button:hover {
    text-decoration: underline;
}
.header .header-right .notf-playlist {
    width: auto;
    height: 40px;
    float: left;
    line-height: 26px;
    color: #fff;
    opacity: .5;
    position: relative;
    margin: 24px 8px 0 0;
    font-size: 13px;
}
.header .header-right .notf-playlist:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/playlist-before.png") center center;
    border-radius: 50%;
}
.header .header-right .notf-playlist.active {
    opacity: 1;
}
.header .header-right .notf-playlist:hover:before {
    opacity: .8;
}
.header .header-right .notf-follow {
    width: auto;
    height: 40px;
    float: left;
    line-height: 26px;
    color: #fff;
    opacity: .5;
    position: relative;
    margin: 24px 10px 0 0;
    font-size: 13px;
}
.header .header-right .notf-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/follow-before.png") center center;
    border-radius: 50%;
}
.header .header-right .notf-follow.active {
    opacity: 1;
}
.header .header-right .notf-follow:hover:before {
    opacity: .8;
}
.header .header-right .notf-trigger {
    width: 26px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 99;
}
.header .header-right .notf-count {
    position: absolute;
    right: 0;
    bottom: 9px;
    background: #e1184f;
    color: #fff;
    padding: 0 5px;
    line-height: 15px;
    height: 15px;
    font-size: 9px;
    border-radius: 9px;
}
.header .header-right .notf-drop {
    width: 280px;
    position: absolute;
    left: -210px;
    top: 32px;
    background: #212121;
    z-index: 999;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    border-radius: 3px;
}
.header .header-right .notf-drop:before {
    border: solid transparent;
    border-bottom-color: #212121;
    border-width: 7px;
    right: 50px;
    top: -14px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.header .header-right .notf-drop .nd-title {
    width: 100%;
    height: 30px;
    float: left;
    padding: 0 10px;
    line-height: 29px;
    color: #999999;
}
.header .header-right .notf-drop .nd-title:first-child {
    border-bottom: 1px solid #292929;
}
.header .header-right .notf-drop .nd-cts {
    width: 100%;
    height: 250px;
    float: left;
    position: relative;
}
.header .header-right .notf-drop .nf-item {
    width: 270px;
    height: auto;
    float: left;
    margin-left: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #292929;
}
.header .header-right .notf-drop .nf-item .nf-image {
    width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
}
.header .header-right .notf-drop .nf-item .nf-image img {
    width: 50px;
    margin-top: -13px;
}
.header .header-right .notf-drop .nf-item .nf-content {
    margin-left: 60px;
    padding-right: 10px;
    line-height: normal;
    font-size: 11px;
    color: #999999;
}
.header .header-right .notf-drop .nf-item .nf-content a {
    color: #999999;
}
.header .header-right .notf-drop .nf-item .nf-content a:hover {
    text-decoration: underline;
}
.header .header-right .notf-drop .nf-item .nf-content span {
    font-size: 13px;
    color: #fff;
}
.header .header-right .notf-drop .nf-item .nf-content span a {
    color: #e1184f;
}
.header .header-right .notf-drop.wl .nd-cts {
    height: auto;
}
.header .header-right .notf-drop.wl .nd-cts .wl-link {
    width: 100%;
    float: left;
    line-height: 39px;
    color: #fff;
    font-size: 14px;
    padding: 0 18px;
    border-bottom: 1px solid #343434;
}
.header .header-right .notf-drop.wl .nd-cts .wl-link:hover {
    background: #282828;
}
.header .header-right .notf-drop.wl .nd-cts .wl-link:last-child {
    border: none;
}
.header .header-right .user-main {
    width: auto;
    height: 70px;
    float: left;
    max-width: 170px;
    position: relative;
}
.header .header-right .user-main .um-trigger {
    max-width: 170px;
    float: left;
    height: 70px;
    cursor: pointer;
    padding-right: 15px;
    position: relative;
}
.header .header-right .user-main .um-trigger:before {
    border: solid transparent;
    border-top-color: #fff;
    border-width: 4px;
    right: 0;
    top: 35px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.header .header-right .user-main .um-image {
    width: 50px;
    height: 50px;
    float: left;
    margin: 10px 8px 10px 0;
    border-radius: 50%;
    overflow: hidden;
}
.header .header-right .user-main .um-image img {
    width: 50px;
}
.header .header-right .user-main .um-text {
    width: auto;
    max-width: 87px;
    float: left;
    font-size: 13px;
    line-height: 70px;
    color: #fff;
}
.header .header-right .user-main .um-drop {
    width: 210px;
    height: auto;
    position: absolute;
    right: 0;
    top: 65px;
    border-radius: 3px;
    padding: 10px;
    background: #212121;
    z-index: 999;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}
.header .header-right .user-main .um-drop:before {
    border: solid transparent;
    border-bottom-color: #212121;
    border-width: 7px;
    right: 30px;
    top: -14px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.header .header-right .user-main .um-drop ul li {
    width: 100%;
    height: auto;
    float: left;
    color: #999999;
}
.header .header-right .user-main .um-drop ul li a {
    width: 100%;
    height: auto;
    float: left;
    padding: 5px 7px;
    color: #999999;
    font-size: 13px;
}
.header .header-right .user-main .um-drop ul li a:hover {
    background: #2e2e2e;
    color: #fff;
}
.header .search-main {
    width: 290px;
    height: 70px;
    position: absolute;
    left: 725px;
    z-index: 99999;
    top: 0;
}
/* Silinecek*/

.header .search-main .search-input {
    width: auto;
    float: left;
    height: 70px;
    border: none;
    background: none;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    color: #999999;
    font-size: 19px;
    font-weight: 300;
}
.header .search-main .search-button {
    width: 70px;
    height: 70px;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../img/search-button-bg.png") center center;
    background-size: 100% 100%;
}
.header .search-main .search-general {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
.header .search-main .search-trigger {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 99;
    background: rgba(24, 24, 24, 0.1);
}
.header .search-main .search-close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 15px;
    display: none;
    cursor: pointer;
    background: url("../img/search-close-bt.png");
}
.header .search-main .search-close:hover {
    background-color: #fff;
}
.header .search-main .grid-main {
    opacity: 0;
}
.header .search-main.expand {
    position: fixed;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
}
.header .search-main.expand .search-trigger {
    display: none;
}
.header .search-main.expand .search-general {
    left: 20px;
    top: 20px;
    bottom: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 9px 6px rgba(0, 0, 0, 0.75);
    padding: 50px 120px;
}
.header .search-main.expand .search-input {
    width: 100%;
    height: 100px;
    font-size: 70px;
    letter-spacing: -1px;
    outline: none;
    color: #e1184f;
    padding-right: 110px;
    /* firefox 19+ */
    /* ie */
}
.header .search-main.expand .search-input::-webkit-input-placeholder {
    color: #999999;
}
.header .search-main.expand .search-input::-moz-placeholder {
    color: #999999;
}
.header .search-main.expand .search-input:-ms-input-placeholder {
    color: #999999;
}
.header .search-main.expand .search-input:-moz-placeholder {
    color: #999999;
}
.header .search-main.expand .search-button {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 120px;
    outline: none;
    top: 50px;
}
.header .search-main.expand .search-button:hover {
    background-color: #fff;
}
.header .search-main.expand .search-close {
    display: block;
}
.header .search-main.expand .grid-main {
    opacity: 1;
    -webkit-transition-delay: .7s;
    /* Safari */

    transition-delay: .7s;
}
.modal-results {
    left: 120px;
    right: 120px;
    top: 220px;
    bottom: 50px;
    overflow: hidden;
    position: absolute;
}
.modal-results .result-grid {
    width: 30%;
    height: 100%;
    float: left;
    position: relative;
    margin-right: 5%;
}
.modal-results .result-grid:nth-child(3) {
    margin: 0;
}
.modal-results.doubleView .result-grid {
    width: 45%;
}
.modal-results .rg-title {
    width: 100%;
    height: 40px;
    float: left;
    line-height: 40px;
    color: #bebebe;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -.5px;
}
.modal-results .rg-title span {
    color: #999999;
}
.modal-results .grid-list {
    width: 100%;
    bottom: 0;
    top: 40px;
    left: 0;
    position: absolute;
}
.modal-results .results {
    width: 100%;
    height: auto;
    float: left;
    width: 100% !important;
    left: auto !important;
    position: static !important;
    top: auto !important;
}
.modal-results .results li {
    width: 100%;
    height: 70px;
    float: left;
    background: #dedede;
    margin-bottom: 3px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 5px;
    box-sizing: border-box !important;
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
}
.modal-results .results li:hover {
    background: #ebebeb;
    border: 1px solid #cccccc;
}
.modal-results .results li a {
    width: 100%;
    height: 70px;
    float: left;
}
.modal-results .results li .result-image {
    width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    margin: 9px;
}
.modal-results .results li .result-image img {
    width: 50px;
    margin-top: -13px;
}
.modal-results .results li .result-details {
    font-size: 12px;
    color: #666666;
    height: 70px;
    margin-left: 70px;
}
.modal-results .results li .result-details span {
    font-size: 15px;
    font-weight: 600;
}
.modal-results .results li .result-details .va {
    width: 100%;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}
/* Header */
/* Full Container */

.full-container {
    min-width: 320px;
    width: 100%;
    height: auto;
    float: left;
    min-height: 500px;
    padding: 15px;
    position: relative;
}
/* Full Container */
/* General Container */

.general-container {
    width: 1040px;
    height: auto;
    float: left;
    position: relative;
}
.general-container > .main-title {
    padding-left: 15px;
}
/* General Container */
/* General Left */

.general-left {
    width: 250px;
    float: left;
    background: #1b1b1b;
    z-index: 99;
    padding: 15px;
}
.general-left:before {
    width: 250px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #1b1b1b;
    content: ' ';
    z-index: -1;
}
.general-left .gl-title {
    width: 100%;
    height: auto;
    float: left;
    font-size: 20px;
    color: #999999;
    font-weight: 300;
    padding: 5px 0;
    border-bottom: 1px solid #343434;
    margin-bottom: 10px;
}
.general-left.serieDetail .gl-detail-box .gld-image img {
    margin-top: -140px;
    position: relative;
    border-radius: 5px 5px 0 0;
}
/* General Left */

.general-left .user-scores {
    width: 100%;
    height: auto;
    float: left;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: .8;
}
.general-left .user-scores:hover {
    opacity: 1
}
.user-scores .us-box {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #202020;
}
.user-scores .us-box .us-img {
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
}
.user-scores .us-box .us-img img {
    width: 40px;
}
.user-scores .us-box .us-right {
    margin-left: 50px;
}
.user-scores .us-box .us-right .us-name {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}
.user-scores .point-stars {
    width: 100%;
    float: left;
    height: 14px;
    line-height: 14px;
    color: #e1184f;
}
.user-scores .point-stars .star {
    width: 12px;
    height: 14px;
    float: left;
    background: url("../img/comments-point-star.png");
}
.user-scores .point-stars .star.pink {
    background: url("../img/comments-point-star-pink.png");
}
/* General Right */

.general-right {
    width: 770px;
    padding: 10px 0;
    float: right;
}
.gr-title {
    width: 100%;
    height: auto;
    float: left;
    font-size: 25px;
    color: #999999;
    font-weight: 300;
    padding: 5px 0;
    border-bottom: 1px solid #343434;
    margin-bottom: 10px;
}
.gr-title.full {
    width: 96%;
    margin: 10px 2% 10px 2%;
}
.gr-title h1 {
    color: #999999;
    font-size: 25px;
    font-weight: 300;
}
/* General Left */
/* Grid Main */

.grid-main {
    width: 100%;
    height: auto;
    float: left;
}
.grid-main .grid-item {
    float: left;
    padding: 3px;
}
.grid-main.eight .grid-item {
    width: 12.5%;
}
.grid-main.five .grid-item {
    width: 20%;
}
.grid-main.four .grid-item {
    width: 25%;
}
.grid-main.anonymousLatest {
    overflow: hidden;
    max-height: 452px;
}
.grid-main.minBoxes {
    overflow: hidden;
    max-height: 392px;
}
.grid-main.search {
    height: 226px;
    overflow: hidden;
    margin-top: 150px;
}
/* Grid Main */
/* Content Box */

.content-box {
    width: 100%;
    height: 220px;
    float: left;
    overflow: hidden;
    position: relative;
}
.content-box.oneStep .content-box .c-image {
    border-radius: 12px;
    overflow: hidden;
}
.content-box.oneStep .cb-first .c-follow {
    z-index: 99;
}
.content-box.oneStep .cb-first .c-follow {
    background: rgba(0, 0, 0, 0.71);
    padding: 5px 10px 5px 5px;
    border-radius: 18px 3px 3px 18px;
    height: 36px;
    left: 5px;
    opacity: 0;
    top: 5px;
}
.content-box.oneStep .cb-first .c-episode {
    background: linear-gradient(transparent, #181818);
    padding: 50px 5px 5px 5px;
    text-align: center;
}
.content-box.oneStep .cb-first .c-episode a.epSerie {
    color: #e1184f;
    font-size: 14px;
    font-weight: normal;
}
.content-box.oneStep:hover .cb-first .c-follow {
    opacity: .9;
}
.content-box.oneStep:hover .cb-first {
    opacity: 1;
}
.content-box.min {
    height: 190px;
}
.content-box.passive {
    opacity: .5;
}
.content-box.passive:hover {
    opacity: 1;
}
.content-box .c-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.content-box .c-image img {
    width: 100%;
}
.content-box .cb-first {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 0;
}
.content-box .cb-first:Before {
    width: 219px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/content-box-image-before.png");
    content: ' ';
}
.content-box .cb-first .c-follow {
    width: auto;
    height: 26px;
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
    line-height: 26px;
    color: #fff;
    font-size: 13px;
}
.content-box .cb-first .c-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/follow-before.png") center center;
    border-radius: 50%;
}
.content-box .cb-first .c-follow.active:before {
    background: url("../img/follow-active-before.png") center center;
}
.content-box .cb-first .c-follow.active:hover {
    opacity: .8;
}
.content-box .cb-first .c-episode {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    padding: 5px;
}
.content-box .cb-first .c-episode a.epSerie,
.content-box .cb-first .c-episode span.epSerie {
    font-size: 15px;
    font-weight: 600;
    color: #666;
    letter-spacing: -0.5px;
    line-height: normal;
}
.content-box .cb-first .c-episode a.epEpisode,
.content-box .cb-first .c-episode span {
    width: 100%;
    height: auto;
    float: left;
    line-height: 14px;
    max-height: 28px;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
}
.content-box .cb-first .c-episode a:hover {
    text-decoration: underline;
}
.content-box .cb-second {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9;
    opacity: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.content-box .cb-second .serie {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    max-height: 50px;
    line-height: 25px;
    color: #fff;
    font-size: 17px;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
    margin-top: 30px;
}
.content-box .cb-second .desc {
    width: 100%;
    height: auto;
    float: left;
    max-height: 45px;
    overflow: hidden;
    line-height: 15px;
    color: #999999;
}
.content-box .cb-second .desc a {
    color: #999999;
}
.content-box .cb-second .desc a:hover {
    text-decoration: underline;
    color: #fff;
}
.content-box .cb-second .last-label {
    width: 100%;
    height: 15px;
    float: left;
    overflow: hidden;
    line-height: 15px;
    color: #e1184f;
}
.content-box .cb-second .episode {
    height: auto;
    float: left;
    max-height: 36px;
    overflow: hidden;
    line-height: 18px;
    font-size: 13px;
    position: absolute;
    left: 10px;
    color: #999999;
    bottom: 10px;
    right: 10px;
}
.content-box .cb-second .episode a {
    color: #fff;
}
.content-box .cb-second .episode a:hover {
    text-decoration: underline;
}
.content-box .cb-second .date {
    width: 100%;
    height: 15px;
    float: left;
    overflow: hidden;
    line-height: 15px;
    font-size: 11px;
    color: #666666;
}
.content-box .cb-second .cs-follow {
    width: auto;
    height: 26px;
    position: absolute;
    left: 10px;
    top: 10px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}
.content-box .cb-second .cs-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/follow-before.png") center center;
    border-radius: 50%;
}
.content-box .cb-second .cs-follow:hover {
    opacity: .8;
}
.content-box .cb-second .cs-follow.active {
    opacity: .5;
}
.content-box .cb-second .cs-follow.active:before {
    background: url("../img/follow-active-before.png") center center;
}
.content-box .cb-second .cs-follow.active:hover {
    opacity: .8;
}
.content-box .cb-second .cs-playlist {
    width: auto;
    height: 26px;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}
.content-box .cb-second .cs-playlist:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/playlist-before.png") center center;
    border-radius: 50%;
}
.content-box .cb-second .cs-playlist:hover {
    opacity: .8;
}
.content-box .cb-second .cs-playlist.active {
    opacity: .5;
}
.content-box .cb-second .cs-playlist.active:before {
    background: url("../img/playlist-active-before.png") center center;
}
.content-box .cb-second .cs-playlist.active:hover {
    opacity: .8;
}
.content-box:hover .cb-first {
    opacity: 0;
}
.content-box:hover .cb-second {
    opacity: 1;
}
/* Content Box */
/* Latest Box */

.latest-box {
    width: 100%;
    height: 62px;
    float: left;
    border: 1px solid #0f0f0f;
    background: #151515;
    border-radius: 3px;
}
.latest-box .lb-image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 5px;
    float: left;
}
.latest-box .lb-image img {
    width: 50px;
    margin-top: -13px;
}
.latest-box .lb-details {
    font-size: 11px;
    color: #666666;
    height: 60px;
    overflow: hidden;
    line-height: 15px;
    margin-left: 65px;
}
.latest-box .lb-details .va {
    width: 100%;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
}
.latest-box .lb-details .serie {
    font-size: 11px;
    color: #666666;
}
.latest-box .lb-details .episode {
    font-size: 12px;
    color: #fff;
}
.latest-box .lb-details a:hover {
    text-decoration: underline;
}
/* Latest Box */
/* Main Title */

.main-title {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
    font-size: 27px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.7px;
}
.main-title .title {
    float: left;
    font-size: 27px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.7px;
}
.main-title .title a {
    color: #fff;
}
.main-title .more {
    float: left;
    margin-left: 7px;
    color: #666666;
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
}
.main-title .more:hover {
    color: #999999;
    text-decoration: underline;
}
.main-title.tcenter {
    text-align: center;
}
.main-title .color-title {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    color: #e1184f;
    font-weight: 300;
    letter-spacing: -0.7px;
}
/* Main Title */
/* Main Descriptions */

.main-desc {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    color: #999999;
    font-weight: 300;
    font-size: 17px;
}
/* Main Descriptions */
/* Half Page */

.half-page {
    width: 50%;
    float: left;
}
.half-page.left {
    padding-right: 15px;
}
.half-page.right {
    padding-left: 15px;
    float: right;
}
.half-page.alignCenter {
    margin: 10px 25%;
}
/* Half Page */
/* Anonymous Following Box */

.a-following-box {
    width: 100%;
    height: 392px;
    float: left;
    background: url("../img/a-following-bg.jpg");
    box-shadow: 0 0 20px black inset;
    padding: 20px;
}
.a-following-box .afw-title {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.7px;
}
.a-following-box .afw-desc {
    width: 100%;
    height: auto;
    float: left;
    color: #999999;
    font-size: 15px;
}
.a-following-box .afwp-title {
    width: 100%;
    height: auto;
    float: left;
    color: #e1184f;
    font-size: 20px;
    letter-spacing: -0.7px;
}
.a-following-box .af-box {
    width: 50%;
    margin: 10px 0;
    float: left;
}
.a-following-box .af-box .afb-image {
    width: 90px;
    float: left;
}
.a-following-box .af-box .afb-image img {
    width: 100%;
}
.a-following-box .af-box .afb-right {
    margin: 0 20px 0 100px;
    color: #999999;
}
.a-following-box .af-box .afb-right .serie {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
}
.a-following-box .af-box .afb-right .desc {
    width: 100%;
    float: left;
}
.a-following-box .af-box .afb-right .desc a {
    color: #999999;
}
.a-following-box .af-box .afb-right .desc a:hover {
    color: #fff;
    text-decoration: underline;
}
.a-following-box .af-box .afb-right .last-label {
    width: 100%;
    height: 15px;
    float: left;
    overflow: hidden;
    line-height: 15px;
    color: #e1184f;
}
.a-following-box .af-box .afb-right .episode {
    width: 100%;
    height: auto;
    float: left;
    max-height: 36px;
    overflow: hidden;
    line-height: 18px;
    font-size: 13px;
    color: #999999;
}
.a-following-box .af-box .afb-right .episode a {
    color: #fff;
}
.a-following-box .af-box .afb-right .episode a:hover {
    text-decoration: underline;
}
.a-following-box .af-box .afb-right .date {
    width: 100%;
    height: 15px;
    float: left;
    overflow: hidden;
    line-height: 15px;
    font-size: 11px;
    color: #666666;
}
.a-following-box .af-box .afb-right .afb-follow {
    width: auto;
    height: 26px;
    float: left;
    line-height: 26px;
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}
.a-following-box .af-box .afb-right .afb-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/follow-before.png") center center;
    border-radius: 50%;
}
.a-following-box .af-box .afb-right .afb-follow:hover {
    opacity: .8;
}
.a-following-box .af-box .afb-right .afb-follow.active {
    opacity: .5;
}
.a-following-box .af-box .afb-right .afb-follow.active:before {
    background: url("../img/follow-active-before.png") center center;
}
.a-following-box .af-box .afb-right .afb-follow.active:hover {
    opacity: .8;
}
.a-following-box .af-box .afb-right .afb-playlist {
    width: auto;
    height: 26px;
    float: left;
    line-height: 26px;
    color: #fff;
    margin-top: 5px;
    cursor: pointer;
    font-size: 13px;
}
.a-following-box .af-box .afb-right .afb-playlist:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/playlist-before.png") center center;
    border-radius: 50%;
}
.a-following-box .af-box .afb-right .afb-playlist:hover {
    opacity: .8;
}
.a-following-box .af-box .afb-right .afb-playlist.active {
    opacity: .5;
}
.a-following-box .af-box .afb-right .afb-playlist.active:before {
    background: url("../img/playlist-active-before.png") center center;
}
.a-following-box .af-box .afb-right .afb-playlist.active:hover {
    opacity: .8;
}
/* Anonymous Following Box */
/* center Cover Boxes */

.cc-boxes {
    width: 100%;
    height: auto;
    float: left;
    margin: 5px 0 20px 0;
    text-align: center;
}
.cc-boxes .cc-box {
    width: 120px;
    height: 210px;
    display: inline-block;
    margin: 5px;
}
.cc-boxes .cc-box .cc-cover {
    width: 100%;
    height: 160px;
    float: left;
    overflow: hidden;
}
.cc-boxes .cc-box .cc-cover img {
    width: 120px;
    height: 160px;
}
.cc-boxes .cc-box .episode {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 5px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    max-height: 30px;
    overflow: hidden;
}
.cc-boxes .cc-box .episode:hover {
    text-decoration: underline;
}
.cc-boxes .cc-box .serie {
    width: 100%;
    height: auto;
    float: left;
    font-size: 11px;
    color: #999999;
}
.cc-boxes .cc-box .serie:hover {
    text-decoration: underline;
}
/* center Cover Boxes */
/* Tags */

.tags {
    width: 70%;
    height: auto;
    float: left;
    margin: 10px 15%;
    text-align: center;
}
.tags a {
    width: auto;
    height: 30px;
    display: inline-block;
    line-height: 26px;
    margin: 5px;
    border: 2px solid #404040;
    color: #999999;
    padding: 0 12px;
    font-size: 13px;
    border-radius: 15px;
}
.tags a:hover {
    border-color: #666666;
    color: #fff;
}
/* Tags */
/* Footer */

.footer {
    width: 100%;
    float: left;
    background: #1b1b1b;
    color: #666666;
    padding-top: 30px;
    position: relative;
    z-index: 99;
}
.footer a {
    color: #666666;
}
.footer a:hover {
    text-decoration: underline;
}
.footer ul {
    margin-top: 5px;
}
.footer ul li {
    width: 100%;
    float: left;
    padding: 2px 0;
}
.footer .social-icons {
    width: 100%;
    float: left;
    margin: 5px 0 15px 0;
}
.footer .social-icons a {
    width: 25px;
    height: 25px;
    float: right;
    margin-right: 5px;
}
.footer .social-icons a.fb {
    background: url("../img/footer-fb.png");
}
.footer .social-icons a.tw {
    background: url("../img/footer-tw.png");
}
.footer .social-icons a.gp {
    background: url("../img/footer-gp.png");
}
.footer .social-icons a.yt {
    background: url("../img/footer-yt.png");
}
.footer .social-icons a:hover {
    opacity: .8;
}
.footer .subsr-main {
    width: 230px;
    height: 30px;
    float: right;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #363636;
    background: #1b1b1b;
}
.footer .subsr-main .subsr-text {
    width: 150px;
    height: 28px;
    float: left;
    padding-left: 10px;
    color: #333333;
    border: none;
    background: none;
    font-size: 12px;
    font-family: "open sans", Arial, Helvetica, sans-serif;
    outline: none;
}
.footer .subsr-main .subsr-bt {
    width: 60px;
    height: 28px;
    float: right;
    background: #2b2b2b;
    text-align: center;
    color: #fff;
    border: none;
    outline: none;
    opacity: .8;
}
.footer .subsr-main .subsr-bt:hover {
    opacity: 1;
}
.footer .footer-bottom {
    width: 100%;
    float: left;
    padding: 15px 0;
    margin-top: 30px;
    background: #191919;
    text-align: center;
}
/* Footer */
/* Latest Timeline */

.latest-timeline {
    width: 100%;
    margin: 15px 0 40px 0;
    float: left;
}
.latest-timeline .latest-day {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 0;
    position: relative;
}
.latest-timeline .latest-day:before {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 66px;
    background: #252525;
    content: '';
}
.latest-timeline .latest-day .ld-label {
    width: 80px;
    float: left;
    margin: 5px 0;
    position: relative;
}
.latest-timeline .latest-day .ld-label:before {
    width: 7px;
    height: 12px;
    position: absolute;
    right: -1px;
    top: 1px;
    background: url("../img/timeline-day-before.png");
    content: ' ';
}
.latest-timeline .latest-day .ld-label:after {
    width: 7px;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 4px;
    background: #4c4c4c;
    content: ' ';
    border-radius: 3px;
}
.latest-timeline .latest-day .ld-label span {
    width: 60px;
    float: left;
    text-align: right;
    color: #747474;
    letter-spacing: -0.7px;
}
.latest-timeline .latest-day .ld-content {
    width: auto;
    height: auto;
    float: left;
    padding: 7px 14px;
    max-width: 960px;
    background: #1e1e1e;
    border: 1px solid #252525;
    border-radius: 5px;
}
.latest-timeline .latest-item {
    width: 300px;
    height: 54px;
    float: left;
    margin: 14px 15px 20px 0;
}
.latest-timeline .latest-item:nth-child(3n) {
    margin-right: 0;
}
.latest-timeline .latest-item .li-image {
    width: 54px;
    height: 54px;
    float: left;
    border: 2px solid #2b2b2b;
    border-radius: 50%;
    overflow: hidden;
}
.latest-timeline .latest-item .li-image img {
    width: 50px;
    margin-top: -13px;
}
.latest-timeline .latest-item .li-right {
    margin-left: 65px;
    color: #666666;
}
.latest-timeline .latest-item .li-right a:hover {
    text-decoration: underline;
}
.latest-timeline .latest-item .li-right .serie {
    width: 100%;
    height: auto;
    float: left;
    font-size: 12px;
    color: #999999;
}
.latest-timeline .latest-item .li-right .episode {
    width: 100%;
    height: auto;
    float: left;
    font-size: 13px;
    color: #fff;
}
/* Latest Timeline */
/* CustomCheck */

.customCheck {
    width: 16px;
    height: 16px;
    float: left;
    position: relative;
    overflow: hidden;
}
.customCheck:before {
    display: none;
}
.customCheck input {
    position: absolute;
    left: 2px;
    top: 2px;
}
.customCheck input + label {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
    border: 1px solid #444;
    background-color: #3f3f3f;
    box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.18);
}
.customCheck input:checked + label:before {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/customCheck-before.png");
    content: '';
}
.customCheck input + label:hover {
    border: 1px solid #525252;
    background-color: #4f4f4f;
    box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.23);
}
/* CustomCheck */
/* episodeCheck */

.epCheck {
    width: 19px;
    height: 19px;
    float: left;
    margin: 8px 0 0 23px;
    position: relative;
    overflow: hidden;
}
.epCheck:before {
    display: none;
}
.epCheck input {
    position: absolute;
    left: 3px;
    top: 3px;
}
.epCheck input + label {
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: none;
    background-color: #0e0e0e;
}
.epCheck input:checked + label:before {
    width: 17px;
    height: 17px;
    position: absolute;
    left: 1px;
    top: 1px;
    background: url("../img/epCheck-before.png");
    content: '';
}
.epCheck input + label:hover {
    background-color: #080808;
}
/* episodeCheck */
/* CheckList */

.check-list {
    width: 100%;
    height: auto;
    float: left;
}
.check-list li {
    width: 100%;
    padding: 5px 0;
    float: left;
}
.check-list li .cl-text {
    margin-left: 22px;
    color: #999999;
    font-size: 13px;
}
/* CheckList */
/* Wide List */

.wide-list {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
}
.wide-box {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #282828;
}
.wide-box .wb-image {
    width: 100px;
    float: left;
    overflow: hidden;
}
.wide-box .wb-image img {
    width: 100%;
}
.wide-box .wb-center {
    width: auto;
    margin-left: 115px;
    color: #999999;
    font-size: 12px;
}
.wide-box .wb-center .wb-name {
    width: auto;
    float: left;
    color: #fff;
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 300;
}
.wide-box .wb-center .wb-name a {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
}
.wide-box .wb-center .wb-details {
    width: 100%;
    height: auto;
    float: left;
    max-height: 60px;
    overflow: hidden;
    line-height: 15px;
}
.wide-box .wb-center .wb-details a {
    color: #999999;
}
.wide-box .wb-center .wb-details a:hover {
    text-decoration: underline;
    color: #fff;
}
.wide-box .wb-center .latest-label {
    width: 100%;
    float: left;
    color: #e1184f;
    font-size: 13px;
}
.wide-box .wb-center .latest-ep {
    float: left;
    color: #fff;
    font-size: 14px;
}
.wide-box .wb-center .latest-ep:hover {
    text-decoration: underline;
}
.wide-box .points {
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: 10px;
}
.wide-box .points .imdb {
    width: 40px;
    float: left;
    text-align: center;
    color: #e8c539;
    font-weight: 600;
    position: relative;
    font-size: 15px;
}
.wide-box .points .imdb:before {
    width: 32px;
    height: 16px;
    position: absolute;
    left: 4px;
    background: url("../img/imdb.png");
    top: 20px;
    content: ' ';
}
.wide-box .points .tmdb {
    width: 40px;
    float: left;
    text-align: center;
    color: #7ab908;
    font-weight: 600;
    position: relative;
    font-size: 15px;
}
.wide-box .points .tmdb:before {
    width: 32px;
    height: 16px;
    position: absolute;
    left: 4px;
    background: url("../img/tmdb.png");
    top: 20px;
    content: ' ';
}
.wide-box .wb-buttons {
    position: absolute;
    right: 0;
    bottom: 10px;
}
.wide-box .wb-buttons .cs-follow {
    width: auto;
    height: 26px;
    float: left;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    margin-right: 10px;
    font-size: 13px;
}
.wide-box .wb-buttons .cs-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/follow-before.png") center center;
    border-radius: 50%;
}
.wide-box .wb-buttons .cs-follow:hover {
    opacity: .9;
}
.wide-box .wb-buttons .cs-follow.active {
    opacity: .5;
}
.wide-box .wb-buttons .cs-follow.active:before {
    background: url("../img/follow-active-before.png") center center;
}
.wide-box .wb-buttons .cs-follow.active:hover {
    opacity: .8;
}
.wide-box .wb-buttons .cs-playlist {
    width: auto;
    float: left;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    font-size: 13px;
}
.wide-box .wb-buttons .cs-playlist:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/playlist-before.png") center center;
    border-radius: 50%;
}
.wide-box .wb-buttons .cs-playlist:hover {
    opacity: .9;
}
.wide-box .wb-buttons .cs-playlist.active {
    opacity: .5;
}
.wide-box .wb-buttons .cs-playlist.active:before {
    background: url("../img/playlist-active-before.png") center center;
}
.wide-box .wb-buttons .cs-playlist.active:hover {
    opacity: .8;
}
.wide-box .watch-film {
    width: auto;
    height: 30px;
    float: left;
    border: 1px solid #4e4e4e;
    margin-top: 10px;
    border-radius: 2px;
    line-height: 30px;
    color: #999999;
    padding: 0 10px;
}
.wide-box .watch-film:before {
    width: 7px;
    height: 12px;
    float: right;
    background: url("../img/watch-film-before.png");
    content: ' ';
    margin: 8px -2px 0 8px;
}
.wide-box .watch-film:hover {
    border-color: #6d6d6d;
    color: #fff;
}
/* Wide List */
/* General Naviagation */

.general-navigation {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
    text-align: center;
}
.general-navigation a {
    width: auto;
    height: 30px;
    display: inline-block;
    color: #999999;
    background: #1f1f1f;
    line-height: 30px;
    padding: 0 12px;
    border-radius: 2px;
}
.general-navigation a:hover {
    background: #383838;
    color: #fff;
}
.general-navigation span {
    width: auto;
    height: 30px;
    display: inline-block;
    color: #fff;
    background: #e1184f;
    line-height: 30px;
    padding: 0 12px;
    border-radius: 2px;
}
/* General Naviagation */
/* Drop Area */

.drop-area {
    width: 100%;
    height: 190px;
    float: left;
    border: 2px dashed #404040;
    position: relative;
    background-color: #161616;
    box-shadow: inset 2px 4px 18px rgba(0, 0, 0, 0.31);
    text-align: center;
    color: #666666;
    font-size: 12px;
    padding-top: 100px;
    border-radius: 7px;
}
.drop-area span {
    color: #999999;
    font-size: 15px;
    font-weight: 600;
}
.drop-area:before {
    width: 71px;
    height: 73px;
    position: absolute;
    left: 50%;
    top: 15px;
    margin-left: -25px;
    background: url("../img/drop-area-before.png");
    content: ' ';
}
/* Drop Area */
/* GL Detail Box */

.gl-detail-box {
    width: 250px;
    height: auto;
    float: left;
    background: #141414;
    padding: 20px;
    margin: -15px -15px 15px -15px;
}
.gl-detail-box .point-stars {
    width: auto;
    float: left;
}
.gl-detail-box .point-stars .star {
    width: 15px;
    height: 15px;
    float: left;
    cursor: pointer;
    background: url("../img/big-point-star.png");
}
.gl-detail-box .point-stars .star.pink {
    background: url("../img/big-point-star-pink.png");
}
.gl-detail-box #dizibu_score {
    width: auto;
    color: #e1184f;
    font-size: 25px;
    font-weight: 300;
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 7px;
    border-left: 1px solid #252525;
    letter-spacing: -1.2px;
}
.gl-detail-box .cp-label {
    width: 100%;
    float: left;
    height: 14px;
    line-height: 14px;
    color: #999999;
}
.gl-detail-box h1,
.gl-detail-box h2 {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 5px;
}
.gl-detail-box h1 a,
.gl-detail-box h2 a {
    color: #fff;
}
.gl-detail-box .gld-image {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}
.gl-detail-box .gld-image img {
    width: 100%;
}
.gl-detail-box .vote-main {
    width: 100%;
    position: relative;
    float: left;
}
.gl-detail-box .vote-main .vote-label {
    width: auto;
    height: 18px;
    float: left;
    line-height: 18px;
    color: #999999;
}
.gl-detail-box .vote-main .point {
    width: auto;
    height: 18px;
    float: left;
    line-height: 18px;
    color: #999999;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.3px;
    margin-left: 5px;
}
.gl-detail-box .vote-main .point.green {
    color: #39b24d;
}
.gl-detail-box .vote-main .point.red {
    color: #9f4b47;
}
.gl-detail-box .vote-main .upVote {
    width: 18px;
    height: 18px;
    float: left;
    border-radius: 50%;
    background: url("../img/upvote.png");
    border: 2px solid #c4c4c4;
    cursor: pointer;
    opacity: .5;
    margin-left: 5px;
}
.gl-detail-box .vote-main .upVote:hover {
    opacity: 1;
}
.gl-detail-box .vote-main .upVote.active {
    border-color: #39b24d;
    background: url("../img/upvote-active.png");
    opacity: 1;
    cursor: default;
}
.gl-detail-box .vote-main .upVote.passive {
    opacity: .3;
    cursor: default;
}
.gl-detail-box .vote-main .downVote {
    width: 18px;
    height: 18px;
    float: left;
    border-radius: 50%;
    background: url("../img/downvote.png");
    border: 2px solid #c4c4c4;
    cursor: pointer;
    opacity: .5;
    margin-left: 5px;
}
.gl-detail-box .vote-main .downVote:hover {
    opacity: 1;
}
.gl-detail-box .vote-main .downVote.active {
    border-color: #9f4b47;
    background: url("../img/downvote-active.png");
    opacity: 1;
    cursor: default;
}
.gl-detail-box .vote-main .downVote.passive {
    opacity: .3;
    cursor: default;
}
.gl-detail-box .cs-follow {
    width: 26px;
    height: 26px;
    float: right;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    margin-right: 5px;
    font-size: 13px;
}
.gl-detail-box .cs-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/follow-before.png") center center;
    border-radius: 50%;
}
.gl-detail-box .cs-follow:hover {
    opacity: .9;
}
.gl-detail-box .cs-follow.active {
    opacity: .5;
}
.gl-detail-box .cs-follow.active:before {
    background: url("../img/follow-active-before.png") center center;
}
.gl-detail-box .cs-follow.active:hover {
    opacity: .8;
}
.gl-detail-box .cs-playlist {
    width: 26px;
    float: right;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    font-size: 13px;
}
.gl-detail-box .cs-playlist:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/playlist-before.png") center center;
    border-radius: 50%;
}
.gl-detail-box .cs-playlist:hover {
    opacity: .9;
}
.gl-detail-box .cs-playlist.active {
    opacity: .5;
}
.gl-detail-box .cs-playlist.active:before {
    background: url("../img/playlist-active-before.png") center center;
}
.gl-detail-box .cs-playlist.active:hover {
    opacity: .8;
}
/* GL Detail Box */
/* Actor List */

.actor-list {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}
.actor-list .actor-box {
    width: 100%;
    height: auto;
    float: left;
    margin: 2px 0;
}
.actor-list .actor-box .ac-image {
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    border: 1px solid #848484;
    border-radius: 50%;
}
.actor-list .actor-box .ac-image img {
    width: 38px;
    margin-top: -11px;
}
.actor-list .actor-box .ac-right {
    margin-left: 50px;
    padding-top: 8px;
    line-height: 12px;
}
.actor-list .actor-box .ac-right .acName {
    color: #999999;
    font-size: 12px;
}
.actor-list .actor-box .ac-right .acName:hover {
    text-decoration: underline;
}
.actor-list .actor-box .ac-right span {
    color: #666666;
}
.actor-list .ac-list-trigger {
    display: none;
}
.actor-list.limited {
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 20px;
}
.actor-list.limited .ac-list-trigger {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 20px;
    background: #1b1b1b;
    width: 100%;
    line-height: 20px;
    cursor: pointer;
    color: #666666;
    display: block;
}
.actor-list.limited .ac-list-trigger:hover {
    text-decoration: underline;
}
/* Actor List */
/* GL Information Box */

.gl-inf-box {
    width: 100%;
    height: auto;
    float: left;
    margin: 5px 0;
    font-size: 13px;
    color: #666666;
}
.gl-inf-box a {
    color: #999;
    background: #272727;
    padding: 1px 4px;
    display: inline-block;
    border-radius: 3px;
    font-size: 13px;
    margin-bottom: 5px;
    text-decoration: none !important;
    border: 1px solid #171717;
    font-weight: 300;
}
.gl-inf-box span {
    color: #999999;
}
.gl-inf-box.limited {
    height: 90px;
    position: relative;
    overflow: hidden;
}
.gl-inf-box.limited:before {
    width: 100%;
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #1b1b1b;
    color: #666666;
    line-height: 15px;
    text-align: right;
    cursor: pointer;
    content: 'Devamını Oku';
}
.gl-inf-box.limited:hover:before {
    color: #fff;
}
/* GL Information Box */
/* Gl Points */

.gl-points {
    width: 100%;
    height: auto;
    float: left;
    margin: 5px 0;
}
.gl-points .imdb {
    width: auto;
    float: left;
    text-align: center;
    color: #e8c539;
    font-weight: 600;
    position: relative;
    line-height: 16px;
    margin-right: 5px;
    font-size: 15px;
}
.gl-points .imdb .icon {
    width: 32px;
    height: 16px;
    float: left;
    background: url("../img/imdb.png");
    margin-right: 7px;
}
.gl-points .tmdb {
    width: auto;
    float: left;
    text-align: center;
    color: #7ab908;
    font-weight: 600;
    position: relative;
    line-height: 16px;
    font-size: 15px;
}
.gl-points .tmdb .icon {
    width: 32px;
    height: 16px;
    float: left;
    background: url("../img/tmdb.png");
    margin-right: 7px;
}
.gl-points .tmdb .icon:hover {
    opacity: .8;
}
/* Gl Points */
/* Season Nav */

.season-nav {
    width: 100%;
    height: auto;
    float: left;
    margin: 5px 0;
    text-align: center;
}
.season-nav .sn-button {
    width: auto;
    height: 35px;
    display: inline-block;
    background: #181818;
    border: 2px solid #373737;
    margin: 5px;
    line-height: 31px;
    color: #999999;
    border-radius: 3px;
    padding: 0 12px;
    font-size: 13px;
    cursor: pointer;
}
.season-nav .sn-button:hover {
    color: #fff;
    border-color: #515151;
    background: #242424;
}
.season-nav .sn-button.active,
.season-nav .sn-button.bactive {
    color: #fff;
    border-color: #a6163e;
    background: #e1184f;
}
.season-nav .sn-button.comments {
    color: #fff;
    background: #272a2c;
}
.commenth3 {
    color: white;
    margin: 15px 0 0 22px;
    font-size: 16px;
    width: 97%;
    text-align: center;
}
.season-nav .sn-button.comments:before {
    width: 20px;
    height: 20px;
    float: left;
    background: url("../img/serie-comments-before.png");
    margin: 5px 5px 5px -6px;
    content: '';
}
/* Season Nav */
/* Backdrops */

.backdrops {
    width: 100%;
    height: 162px;
    float: left;
    position: relative;
    margin: 10px 0;
    overflow: hidden;
}
.backdrops .b-box {
    float: left;
    overflow: hidden;
    cursor: pointer;
    margin-right: 2px;
}
.backdrops .b-box:last-child {
    margin: 0;
}
.backdrops .b-box:nth-child(5),
.backdrops .b-box:nth-child(1) {
    width: 140px;
    height: 80px;
    margin-bottom: 2px;
}
.backdrops .b-box:nth-child(5) img,
.backdrops .b-box:nth-child(1) img {
    width: 102%;
}
.backdrops .b-box:nth-child(2) {
    width: 140px;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.backdrops .b-box:nth-child(2) img {
    width: 102%;
}
.backdrops .b-box:nth-child(3) {
    width: 300px;
    height: 162px;
}
.backdrops .b-box:nth-child(3) img {
    width: 102%;
}
.backdrops .b-box:nth-child(4) {
    width: 120px;
    height: 162px;
}
.backdrops .b-box:nth-child(4) img {
    height: 100%;
    margin-left: -100px;
}
.backdrops .b-box:nth-child(7) {
    width: 60px;
    height: 162px;
}
.backdrops .b-box:nth-child(7) img {
    height: 100%;
    margin-left: -100px;
}
.backdrops .b-box:nth-child(6) {
    width: 140px;
    height: 80px;
    position: absolute;
    right: 62px;
    bottom: 0;
}
.backdrops .b-box:nth-child(6) img {
    width: 102%;
}
/* Backdrops */
/* Gallery */

.gallery-general {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999999;
}
.gallery-general .gallery-filter {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
}
.gallery-general .gallery-content {
    width: 80%;
    position: absolute;
    left: 10%;
    top: 10%;
    border-radius: 3px;
    z-index: 999;
    text-align: center;
    height: 80%;
}
.gallery-general .gallery-content img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
    border: 10px solid rgba(30, 30, 30, 0.95);
}
.gallery-general .gallery-next {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -40px;
    background: url("../img/gallery-next.png") #1b1b1b;
    border-radius: 5px 0 0 5px;
    opacity: .8;
}
.gallery-general .gallery-next:hover {
    opacity: 1;
    cursor: pointer;
}
.gallery-general .gallery-prev {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -40px;
    background: url("../img/gallery-prev.png") #1b1b1b;
    border-radius: 0 5px 5px 0;
    opacity: .8;
}
.gallery-general .gallery-prev:hover {
    opacity: 1;
    cursor: pointer;
}
.gallery-general .gallery-close {
    width: 70px;
    height: 30px;
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 0;
    background: url("../img/gallery-close.png");
    opacity: .8;
}
.gallery-general .gallery-close:hover {
    opacity: 1;
}
/* Gallery */
/* Episode List Title */

.el-item {
    width: 100%;
    height: 35px;
    float: left;
    background: #151515;
    border-bottom: 1px solid #1f1f1f;
    color: #666666;
    line-height: 34px;
    font-size: 12px;
}
.lastaddedep {
    background-color: #242424;
    border-left: 2px solid green;
}
.el-item.title:hover {
    background: #151515;
}
.el-item a > div,
.el-item > div {
    height: 35px;
    float: left;
    margin-right: 5px;
}
.el-item a {
    color: #999999;
}
.el-item:hover {
    background: #1c1c1c;
}
.el-item:hover a {
    color: #fff;
}
.el-item .status {
    width: 65px;
    margin-right: 10px;
    text-align: center;
}
.el-item .season {
    width: 90px;
}
.el-item .episode {
    width: 125px;
}
.el-item .e-name {
    width: 320px;
    margin: 0;
}
.el-item .date {
    width: 130px;
    float: right;
    padding-right: 5px;
    text-align: right;
}
/* Episode List Title */
/* Episode List Season */

.el-season-title {
    width: 100%;
    height: 1px;
    float: left;
    margin-top: -1px;
    position: relative;
    z-index: 9;
    background: #4c4c4c;
}
.el-season-title span {
    width: 65px;
    position: absolute;
    left: 100%;
    position: absolute;
    color: #999999;
    line-height: 14px;
    top: -7px;
    padding-left: 7px;
}
.el-season-title span:before {
    border: solid transparent;
    border-right-color: #4c4c4c;
    border-width: 4px;
    left: -5px;
    top: 3.5px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
/* Episode List Season */
/* Top Buttons */

.top-buttons {
    width: 100%;
    float: left;
    background: #151515;
    padding: 5px 0px;
}
.top-buttons .cs-follow {
    width: auto;
    height: 35px;
    float: left;
    border: 1px solid #444444;
    color: #999999;
    line-height: 33px;
    margin-right: 10px;
    padding: 0 12px;
    font-size: 13px;
    cursor: pointer;
}
.top-buttons .cs-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    background: url("../img/follow-before.png");
    margin: 3px 5px 2px -7px;
    content: ' ';
}
.top-buttons .cs-follow:hover {
    color: #fff;
    border-color: #515151;
    background: #242424;
}
.top-buttons .cs-follow.active {
    opacity: .5;
}
.top-buttons .cs-follow.active:before {
    background: url("../img/follow-active-before.png");
}
.top-buttons .tb-playlist {
    width: auto;
    height: 35px;
    float: left;
    border: 1px solid #444444;
    color: #999999;
    line-height: 33px;
    margin-right: 10px;
    padding: 0 12px;
    font-size: 13px;
    cursor: pointer;
}
.top-buttons .tb-playlist:before {
    width: 26px;
    height: 26px;
    float: left;
    background: url("../img/playlist-before.png");
    margin: 3px 5px 2px -7px;
    content: ' ';
}
.top-buttons .tb-playlist:hover {
    color: #fff;
    border-color: #515151;
    background: #242424;
}
.top-buttons .tb-playlist.active {
    opacity: .5;
}
.top-buttons .tb-playlist.active:before {
    background: url("../img/playlist-active-before.png");
}
.top-buttons .tb-select {
    width: 150px;
    height: 35px;
    float: left;
    border: 1px solid #444444;
    border-radius: 3px;
    color: #999999;
    line-height: 33px;
    margin-right: 10px;
    padding: 0 12px;
    outline: none;
    font-size: 13px;
    padding-left: 34px;
    background: url("../img/tb-select-icon.png") left center no-repeat #181818;
}
.top-buttons .tb-select option {
    padding: 0;
}
.top-buttons .nextEp {
    width: auto;
    height: auto;
    display: inline-block;
    background: #242424;
    font-size: 13px;
    border-radius: 3px 30px 30px 3px;
    padding: 9px 25px 9px 10px;
    position: relative;
    opacity: .8;
    color: #fff;
}
.top-buttons .nextEp:before {
    width: 8px;
    height: 12px;
    background: url("../img/next-ep-before.png");
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
}
.top-buttons .nextEp:hover {
    opacity: 1;
}
.top-buttons .prevEp {
    width: auto;
    height: auto;
    display: inline-block;
    background: #242424;
    font-size: 13px;
    border-radius: 30px 3px 3px 30px;
    padding: 9px 10px 9px 25px;
    position: relative;
    opacity: .8;
    color: #fff;
}
.top-buttons .prevEp:before {
    width: 8px;
    height: 12px;
    background: url("../img/prev-ep-before.png");
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -6px;
}
.top-buttons .prevEp:hover {
    opacity: 1;
}
.top-buttons .tb {
    width: auto;
    display: inline-block;
    background: #242424;
    font-size: 13px;
    border-radius: 3px;
    padding: 9px 11px;
    margin: 0 3px;
    opacity: .8;
    color: #fff;
}
.top-buttons .tb:hover {
    opacity: 1;
}
/* Top Buttons */
/* Link List Item */

.ll-title,
.ll-item {
    width: 100%;
    height: 41px;
    float: left;
    background: #151515;
    border-bottom: 1px solid #1f1f1f;
    color: #666666;
    line-height: 40px;
    font-size: 12px;
}
.ll-title:hover,
.ll-item:hover {
    background: #1c1c1c;
}
.ll-title > div,
.ll-item > div {
    height: 35px;
    float: left;
    margin-right: 5px;
}
.ll-title a,
.ll-item a {
    color: #999999;
    font-size: 12px;
}
.ll-title a:hover,
.ll-item a:hover {
    text-decoration: underline;
}
.ll-title .point-pane,
.ll-item .point-pane {
    width: 95px;
    padding-left: 10px;
}
.ll-title .site,
.ll-item .site {
    width: 225px;
}
.ll-title .dub,
.ll-item .dub {
    width: 115px;
}
.ll-title .sub,
.ll-item .sub {
    width: 115px;
}
.ll-title .watch,
.ll-item .watch {
    width: 70px;
}
.ll-title .button,
.ll-item .button {
    width: auto;
    float: right;
}
.ll-title .site.ep,
.ll-item .site.ep {
    line-height: 15px;
}
.ll-title .point-pane .upVote,
.ll-item .point-pane .upVote {
    width: 18px;
    height: 18px;
    float: left;
    border-radius: 50%;
    background: url("../img/upvote.png");
    border: 2px solid #c4c4c4;
    cursor: pointer;
    opacity: .5;
    margin-top: 11px;
}
.ll-title .point-pane .upVote:hover,
.ll-item .point-pane .upVote:hover {
    opacity: 1;
}
.ll-title .point-pane .upVote.active,
.ll-item .point-pane .upVote.active {
    border-color: #39b24d;
    background: url("../img/upvote-active.png");
    opacity: 1;
    cursor: default;
}
.ll-title .point-pane .upVote.passive,
.ll-item .point-pane .upVote.passive {
    opacity: .3;
    cursor: default;
}
.ll-title .point-pane .downVote,
.ll-item .point-pane .downVote {
    width: 18px;
    height: 18px;
    float: left;
    border-radius: 50%;
    background: url("../img/downvote.png");
    border: 2px solid #c4c4c4;
    cursor: pointer;
    opacity: .5;
    margin: 11px 0 0 3px;
}
.ll-title .point-pane .downVote:hover,
.ll-item .point-pane .downVote:hover {
    opacity: 1;
}
.ll-title .point-pane .downVote.active,
.ll-item .point-pane .downVote.active {
    border-color: #9f4b47;
    background: url("../img/downvote-active.png");
    opacity: 1;
    cursor: default;
}
.ll-title .point-pane .downVote.passive,
.ll-item .point-pane .downVote.passive {
    opacity: .3;
    cursor: default;
}
.ll-title .point-pane .point,
.ll-item .point-pane .point {
    width: auto;
    float: left;
    color: #999999;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.3px;
    margin-left: 5px;
}
.ll-title .point-pane .point.green,
.ll-item .point-pane .point.green {
    color: #39b24d;
}
.ll-title .point-pane .point.red,
.ll-item .point-pane .point.red {
    color: #9f4b47;
}
.ll-title .favicon,
.ll-item .favicon {
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    border-radius: 2px;
    padding: 2px;
    line-height: 14px;
    margin-top: 10px;
}
.ll-title .favicon img,
.ll-item .favicon img {
    width: 16px;
    height: 16px;
}
.ll-title .site-link,
.ll-item .site-link {
    margin-left: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
.ll-title .episode-link,
.ll-item .episode-link {
    display: block;
    margin-top: 4px;
    padding-left: 25px;
}
.ll-title .watch-button,
.ll-item .watch-button {
    width: auto;
    height: 26px;
    float: right;
    background: #e1184f;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    border-radius: 2px;
    margin-top: 7px;
    padding: 0 10px;
    text-decoration: none !important;
}
.ll-title .watch-button:hover,
.ll-item .watch-button:hover {
    background: #c81849;
}
.ll-title .button,
.ll-item .button {
    overflow: visible;
}
.ll-title .broken-report,
.ll-item .broken-report {
    width: 20px;
    height: 20px;
    float: left;
    margin: 10px 0 0 -26px;
    background: url("../img/broken-button.png") center center no-repeat;
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0;
}
.ll-title .broken-report:hover,
.ll-item .broken-report:hover {
    border-radius: 2px;
    background-color: #343434;
    opacity: 1;
    border: 2px solid #343434;
}
.ll-title .broken-report.active,
.ll-item .broken-report.active {
    background: url("../img/broken-active.png") center center no-repeat;
    opacity: 1;
    border: 2px solid transparent;
}
.ll-title:hover .broken-report,
.ll-item:hover .broken-report {
    opacity: .5;
}
.ll-title:hover {
    background: #151515;
}
.mobile-available {
    width: 10px;
    height: 20px;
    background: url("../img/mobile-available-icon.png");
    position: absolute;
    right: 90px;
    top: 15px;
}
/* Link List Item */
/* Add Link Box */

.add-link-box {
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0;
    position: relative;
    text-align: center;
}
.add-link-box .al-button {
    width: auto;
    height: 35px;
    display: inline-block;
    background: #666666;
    color: #fff;
    font-size: 15px;
    line-height: 35px;
    border-radius: 2px;
    cursor: pointer;
    padding: 0 12px;
}
.add-link-box .al-button:before {
    width: 13px;
    height: 13px;
    float: left;
    background: url("../img/add-link-before.png");
    content: ' ';
    margin: 11px 7px 0 -2px;
}
.add-link-box .al-button:hover {
    background: #787878;
}
.add-link-box .al-desc {
    width: 32px;
    height: 30px;
    padding: 0;
    overflow: hidden;
    padding-top: 30px;
    border: 1px dashed transparent;
    color: #666666;
    position: absolute;
    right: 263px;
    top: -12px;
    border: none;
    margin: 15px auto;
    float: none;
}
.add-link-box .al-desc:hover:before {
    color: #999999;
}
.add-link-box .al-desc:before {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    content: '?';
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    padding: 0;
    cursor: pointer;
}
.add-link-box .al-desc.open {
    width: 100%;
    height: auto;
    float: left;
    position: static;
    right: auto;
    top: auto;
    border-radius: 5px;
    margin-top: 30px;
    border: 1px dashed #333333;
    padding: 10px;
}
.add-link-box .al-desc.open:before {
    display: none;
}
.add-link-box .al-desc .title {
    font-size: 13px;
    color: #999999;
    font-weight: 600;
}
/* Add Link Box */
/* Sponsored Left */

.sponsored-left {
    width: 300px;
    float: left;
    margin: 10px 0;
}
/* Sponsored Left */
/* link Detail */

.link-detail {
    width: 100%;
    float: left;
    height: 460px;
    margin: 20px 0;
    background-size: 100%;
    background-position: 0 -200px;
    position: relative;
}
.link-detail:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/link-detail-before.png");
    content: '';
}
.link-detail:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(24, 24, 24, 0.8);
    content: '';
}
.link-detail.full {
    width: 100%;
    float: left;
    margin: 10px 0 50px 0;
}
.link-detail .site-detail {
    width: auto;
    display: inline-block;
    margin: 10px 0;
}
.link-detail .site-detail .s-label {
    width: auto;
    float: left;
    line-height: 20px;
    margin-right: 5px;
    font-weight: 300;
    color: #ffffff;
    font-size: 17px;
}
.link-detail .site-detail .favicon {
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    border-radius: 2px;
    padding: 2px;
    line-height: 14px;
}
.link-detail .site-detail .favicon img {
    width: 16px;
    height: 16px;
}
.link-detail .site-detail .site-link {
    margin-left: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
.link-detail .link-point {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
}
.link-detail .link-point .label {
    color: #ffffff;
}
.link-detail .link-point .point {
    color: #999999;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.3px;
}
.link-detail .link-point .point.green {
    color: #39b24d;
}
.link-detail .link-point .point.red {
    color: #9f4b47;
}
.link-detail .shares {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
}
.link-detail .shares .label {
    color: #666666;
}
.link-detail .detail-w-button {
    width: auto;
    height: 56px;
    display: inline-block;
    background: #e1184f;
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    line-height: 56px;
    margin-top: 30px;
    border-radius: 3px;
    box-shadow: 2px 3px 3px rgba(0, 0, 1, 0.3);
}
.link-detail .detail-w-button:before {
    width: 9px;
    height: 14px;
    float: right;
    background: url("../img/detail-w-before.png");
    content: ' ';
    margin: 21px 15px 0px 15px;
}
.link-detail .detail-w-button:hover {
    opacity: .9;
}
.link-detail .detail-w-button .site {
    width: auto;
    height: 56px;
    float: left;
    line-height: normal;
    font-size: 13px;
    padding: 18px;
    margin-right: 20px;
    background: #c71546;
}
.link-detail .detail-w-button .site .favicon {
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    border-radius: 2px;
    margin-right: 10px;
    padding: 2px;
    line-height: 14px;
}
.link-detail .detail-w-button .site .favicon img {
    width: 16px;
    height: 16px;
}
.link-detail .link-content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 70px 20px;
    z-index: 9;
    text-align: center;
}
.link-detail .link-content .main-title .title {
    float: none;
}
.link-detail .link-point-main {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    padding: 10px;
    width: 100%;
}
.link-detail .link-point-main .lp-label {
    width: 40%;
    float: left;
    text-align: right;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 300;
    line-height: 19px;
}
.link-detail .link-point-main .lp-label span {
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 400;
    color: #fff;
}
.link-detail .link-point-main .lp-buttons {
    margin-left: 2%;
    width: 25%;
    margin-top: 13px;
    float: left;
    text-align: left;
}
.link-detail .link-point-main .lp-buttons .downVote,
.link-detail .link-point-main .lp-buttons .upVote {
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 2px solid #fff;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    margin-right: 7px;
    cursor: pointer;
}
.link-detail .link-point-main .lp-buttons .downVote:hover,
.link-detail .link-point-main .lp-buttons .upVote:hover {
    opacity: .8;
}
.link-detail .link-point-main .lp-buttons .downVote.passive,
.link-detail .link-point-main .lp-buttons .upVote.passive {
    opacity: .5;
    cursor: default;
}
.link-detail .link-point-main .lp-buttons .upVote.active {
    color: #39b24d;
    border-color: #39b24d;
    opacity: 1 !important;
    cursor: default;
}
.link-detail .link-point-main .lp-buttons .downVote.active {
    color: #9f4b47;
    border-color: #9f4b47;
    opacity: 1 !important;
    cursor: default;
}
.link-detail .link-point-main .lp-point {
    width: 15%;
    float: right;
    padding-right: 2%;
    margin-top: 10px;
    text-align: right;
    color: rgba(255, 255, 255, 0.5);
}
.link-detail .link-point-main .lp-point span {
    font-weight: 600;
    font-size: 25px;
}
.link-detail .link-point-main .lp-point span.green {
    color: #39b24d;
}
.link-detail .link-point-main .lp-point span.red {
    color: #9f4b47;
}
/* link Detail */
/* Profile Details */

.general-left .profile-box {
    width: 250px;
    height: 250px;
    float: left;
    margin: -15px -15px 0 -15px;
    background: url("../img/profile-box-bg.jpg");
    position: relative;
}
.profile-box .p-img {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 75px;
    top: 65px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.profile-box .p-img img {
    width: 100px;
}
.profile-box .p-text {
    width: 220px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 15px;
    bottom: 58px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
}
.profile-links {
    width: 250px;
    float: left;
    margin: 0 -15px 0 -15px;
}
.profile-links li {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #272727;
}
.profile-links li a {
    width: 100%;
    float: left;
    position: relative;
    color: #999999;
    font-size: 15px;
    padding: 15px;
}
.profile-links li a .count-box {
    position: absolute;
    right: 10px;
    bottom: 17px;
    background: #e1184f;
    color: #fff;
    padding: 0 5px;
    line-height: 15px;
    height: 15px;
    font-size: 9px;
    border-radius: 9px;
}
.profile-links li a:hover {
    color: #fff;
    background: #1d1d1d;
}
.profile-links li.active a {
    background: #e1184f;
    color: #fff;
}
.profile-links li.active a .count-box {
    background: #333333;
}
.add-link-button {
    width: 105px;
    height: 30px;
    float: left;
    text-align: center;
    line-height: 30px;
    color: #fff !important;
    font-size: 13px;
    margin: 10px 0;
    background: #333333;
    border-radius: 2px;
}
.add-link-button:hover {
    background: #666666;
}
/* Profile Details */
/* Watchlist */

.watchlist-table {
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 0;
}
.watchlist-table .wl-item {
    width: 100%;
    height: 57px;
    line-height: 56px;
    float: left;
    color: #999999;
    border-bottom: 1px solid #1f1f1f;
    background: #151515;
}
.watchlist-table .wl-item:hover {
    background: #1c1c1c;
}
.watchlist-table .wl-item.title {
    height: 30px;
    color: #666666;
    line-height: 30px;
}
.watchlist-table .wl-item.title:hover {
    background: #151515;
}
.watchlist-table .wl-item.title .episode {
    line-height: 30px;
    padding: 0;
}
.watchlist-table .wl-item > div {
    height: 56px;
    float: left;
    margin-right: 5px;
}
.watchlist-table .wl-item a {
    color: #999999;
    font-size: 12px;
}
.watchlist-table .wl-item a:hover {
    text-decoration: underline;
    color: #fff;
}
.watchlist-table .wl-item .image {
    width: 51px;
}
.watchlist-table .wl-item .name {
    width: 260px;
    padding-left: 5px;
}
.watchlist-table .wl-item .episode {
    width: 180px;
    line-height: 13px;
    padding-top: 21px;
    position: relative;
    overflow: visible;
    padding-right: 20px;
    color: #666666;
}
.watchlist-table .wl-item .episode .user-comment {
    width: 16px;
    height: 16px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 22px;
    background: url("../img/watchlist-comments-icon.png");
    position: absolute;
}
.watchlist-table .wl-item .episode .user-comment:hover .uc-drop {
    display: block;
}
.watchlist-table .wl-item .episode .user-comment .uc-drop {
    width: 250px;
    height: auto;
    position: absolute;
    right: -18px;
    bottom: 23px;
    border: 2px solid #373737;
    background: #181818;
    white-space: normal;
    padding: 5px;
    z-index: 9999;
    border-radius: 3px;
    color: #999999;
    display: none;
    box-shadow: 3px 4px 5px rgba(0, 0, 1, 0.24);
}
.watchlist-table .wl-item .episode .user-comment .uc-drop:before {
    border: solid transparent;
    border-top-color: #373737;
    border-width: 5px;
    right: 19px;
    bottom: -12px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.watchlist-table .wl-item .date {
    width: 120px;
}
.watchlist-table .wl-item .watch {
    width: 80px;
}
.watchlist-table .wl-item .remove {
    width: 50px;
    float: right;
    margin: 0;
    text-align: center;
}
.watchlist-table .wl-item .img {
    width: 44px;
    height: 44px;
    float: left;
    overflow: hidden;
    margin: 6px 0 0 6px;
}
.watchlist-table .wl-item .img img {
    width: 44px;
    margin-top: -17px;
}
.watchlist-table .wl-item .serie {
    color: #fff;
    font-size: 15px;
}
.watchlist-table .wl-item .watch-bt {
    width: 80px;
    height: 30px;
    float: left;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #e1184f;
    margin-top: 13px;
    border-radius: 2px;
    text-decoration: none !important;
}
.watchlist-table .wl-item .watch-bt:hover {
    background: #c81849;
}
.watchlist-table .wl-item .remove-bt {
    width: 45px;
    height: 45px;
    float: left;
    background: url("../img/mp-close.png") center center;
    margin-top: 5px;
    cursor: pointer;
    margin-right: 5px;
    background-size: 100% 100%;
}
.watchlist-table .wl-item .remove-bt:hover {
    background-color: #301B1B;
}
/* Watchlist */
/* Settings */

.add-link {
    margin: 50px 0;
}
.settings {
    color: #999999;
}
.settings .red {
    color: #C76767;
}
.settings .p-img {
    width: 100px;
    height: 100px;
    float: left;
    overflow: hidden;
}
.settings .p-img img {
    width: 100px;
    height: 100px;
}
.settings .p-input {
    float: left;
    margin: 40px 0 0 10px;
}
.settings .p-input input {
    color: #666666;
}
/* Settings */
/* Back to Top */

.back-to-top {
    width: 100px;
    height: 55px;
    position: fixed;
    left: -120px;
    bottom: 100px;
    background: rgba(47, 47, 47, 0.9);
    text-align: center;
    border-radius: 0 5px 5px 0;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.5px;
    z-index: 9999;
    padding-top: 26px;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 1, 0.21);
}
.back-to-top:before {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 42px;
    top: 10px;
    content: ' ';
    background: url("../img/back-to-top-before.png");
}
.back-to-top:Hover {
    background: rgba(68, 68, 68, 0.88);
}
.back-to-top.showTop {
    left: 0;
}
/* Back to Top */
/* Add Button */

.add-button {
    width: auto;
    height: 30px;
    float: left;
    background: url("../img/new-add-bg.png") left center no-repeat;
    border: none;
    cursor: pointer;
    color: #fff;
    padding-left: 15px;
}
.add-button:hover {
    text-decoration: underline;
}
/* Add Button */
/* Register Container */

.reg-center {
    width: 80%;
    float: left;
    margin: 50px 10%;
}
.reg-center .reg-title {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 50px;
    font-weight: 300;
    color: #666666;
    letter-spacing: -3px;
    margin-bottom: 80px;
}
.reg-center .ri-general {
    width: 31.3%;
    height: 70px;
    float: left;
    position: relative;
    margin-right: 3%;
    padding: 5px;
    background: #333333;
}
.reg-center .ri-warning {
    width: 100%;
    float: left;
    padding: 20px 0;
    text-align: center;
    color: #8E4D4D;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    margin-top: 60px;
}
.reg-center .ri-general:nth-child(4) {
    margin-right: 0;
}
.reg-center .ri-general.center {
    margin-left: 35%;
}
.reg-center .ri-general .reg-label {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    font-size: 30px;
    font-weight: 300;
    top: 0;
    box-shadow: inset 0 0 5px rgba(0, 0, 1, 0.75);
    cursor: text;
    background: #333333;
    color: #fff;
    line-height: 70px;
    z-index: 99;
}
.reg-center .ri-general .reg-label:Before {
    width: 30px;
    height: 30px;
    float: left;
    margin: 20px 10px 0 20px;
    opacity: .5;
    background-size: 100% 100%;
    content: ' ';
}
.reg-center .ri-general .reg-input {
    height: 60px;
    width: 100%;
    float: left;
    outline: none;
    color: #999999;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    font-size: 30px;
    padding: 0 10px;
    font-weight: 300;
    letter-spacing: -1px;
    border: none;
    background: #181818;
    line-height: 60px;
    position: relative;
    z-index: 9;
}
.reg-center .ri-general .reg-input.wrong {
    box-shadow: 0 0 2px #e1174f;
}
.reg-center .ri-general.username .reg-label:before {
    background-image: url("../img/reg-user.png");
}
.reg-center .ri-general.mail .reg-label:before {
    background-image: url("../img/reg-mail.png");
}
.reg-center .ri-general.password .reg-label:before {
    background-image: url("../img/reg-lock.png");
}
.reg-center .ri-general.active .reg-label {
    height: 30px;
    top: -30px;
    box-shadow: none;
    font-size: 15px;
    line-height: 30px;
}
.reg-center .ri-general.active .reg-label:before {
    opacity: 1;
    width: 20px;
    height: 20px;
    margin: 5px;
}
.reg-center .ri-general .reg-reType {
    width: 100%;
    height: 70px;
    padding: 5px;
    background: #333333;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.495, 1);
    /* older webkit */

    -webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.495, 1.475);
    -moz-transition: all 200ms cubic-bezier(0.25, 0.25, 0.495, 1.475);
    -o-transition: all 200ms cubic-bezier(0.25, 0.25, 0.495, 1.475);
    transition: all 200ms cubic-bezier(0.25, 0.25, 0.495, 1.475);
    /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.495, 1);
    /* older webkit */

    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.495, 1.475);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.495, 1.475);
    -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.495, 1.475);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.495, 1.475);
    /* custom */

    left: 0;
    top: 0;
}
.reg-center .ri-general .reg-reType.active {
    height: 80px;
    padding: 15px 5px 5px 5px;
    top: 60px;
    opacity: 1;
}
.reg-center .ri-general .reg-reType .reg-input {
    z-index: 0;
    /* firefox 19+ */
    /* ie */
}
.reg-center .ri-general .reg-reType .reg-input::-webkit-input-placeholder {
    font-size: 15px;
}
.reg-center .ri-general .reg-reType .reg-input::-moz-placeholder {
    font-size: 15px;
}
.reg-center .ri-general .reg-reType .reg-input:-ms-input-placeholder {
    font-size: 15px;
}
.reg-center .ri-general .reg-reType .reg-input:-moz-placeholder {
    font-size: 15px;
}
.reg-center .ri-btg {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 100px;
    text-align: center;
}
.reg-center .ri-btg .reg-button {
    width: 110px;
    height: 110px;
    display: inline-block;
    background: url("../img/reg-bt-bg.png") right center no-repeat #e1184f;
    text-align: left;
    padding-left: 10px;
    border-radius: 50%;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    border: none;
    color: #fff;
    outline: none;
    line-height: 110px;
    font-weight: 300;
    font-size: 20px;
}
.reg-center .ri-btg .reg-button:active {
    box-shadow: inset 0 0 10px #000001;
}
.reg-center .ri-btg .reg-button:hover {
    background-color: #d2184e;
}
.reg-center .reg-text {
    width: 100%;
    height: auto;
    float: left;
    margin: 70px 0;
    text-align: center;
    color: #999999;
    font-size: 17px;
    font-weight: 300;
}
.reg-center .reg-text a {
    color: #fff;
}
.reg-center .reg-text a:hover {
    text-decoration: underline;
}
/* Register Container */
/* Warning Label */

.warning-label {
    width: 100%;
    height: auto;
    float: left;
    margin: 7px 0;
    text-align: center;
    color: #CF5858;
}
/* Warning Label */
/* Warning Container */

.w-center {
    width: 500px;
    margin: 0 auto;
}
.w-container {
    width: 500px;
    float: left;
    text-align: center;
    margin: 100px 0;
}
.w-container .auto-button {
    float: none;
    display: inline-block;
}
.w-container .w-image {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
    background: url("../img/welcome-bg.jpg") no-repeat -10000px;
}
.w-container .w-text {
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0;
    color: #333333;
    font-size: 13px;
}
.w-container .w-text span {
    font-size: 15px;
    color: #666666;
}
/* Warning Container */
/* BreadCrumb */

.breadcrumb {
    width: 100%;
    float: left;
    color: #666666;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0 !important;
    padding-bottom: 5px;
}
.breadcrumb a {
    color: #666666;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.general-container > .breadcrumb {
    padding: 0 10px 5px 10px;
}
.main-title .breadcrumb {
    border: none;
    padding: 0;
}
/* BreadCrumb */
/* Form Confirmation Link */

.midColor {
    color: #666666;
}
.fs13.lightColor a,
.fs13.midColor a {
    color: #fff;
    text-decoration: underline;
}
.fs13.lightColor a:hover,
.fs13.midColor a:hover {
    text-decoration: none;
}
/* Form Confirmation Link */
/* Custom Select */

.customSelect {
    width: 230px;
    height: 35px;
    float: left;
    background: #181818;
    position: relative;
    z-index: 999;
    border: 1px solid #444444;
    margin-right: 25px;
}
.click-count {
    float: left;
    color: #6b6b6b;
    padding-left: 5px;
}
.link-number {
    float: left;
    width: 37px;
    color: white;
    font-size: 16px;
    text-shadow: 1px 1px black;
    font-weight: 600;
}
.customSelect:before {
    width: 10px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 13px;
    background: url("../img/customSelectBefore.png");
    content: '';
    z-index: 99;
}
.customSelect .cs-placeholder {
    width: 100%;
    height: 33px;
    float: left;
    line-height: 35px;
    color: #999999;
    font-size: 13px;
    padding: 0 10px;
    background: #181818;
    position: relative;
    z-index: 9;
    cursor: pointer;
}
.customSelect .cs-placeholder .csp-icon {
    width: 20px;
    height: 14px;
    float: left;
    line-height: 0;
    margin: 10px 7px 0 0;
}
.customSelect .cs-select-items {
    width: 230px;
    margin: -2px 0 0 -1px;
    height: auto;
    float: left;
}
.customSelect .cs-select-items li {
    width: 100%;
    height: 0;
    float: left;
    line-height: 40px;
    color: #fff;
    padding: 0 10px;
    overflow: hidden;
    border-left: 1px solid #444444;
    border-right: 1px solid #444444;
    background: #181818;
}
.customSelect .cs-select-items li:last-child {
    border-bottom: 1px solid #444;
}
.customSelect .cs-select-items li:hover {
    cursor: pointer;
    background: #272727;
}
.customSelect .cs-select-items li .csi-flag {
    width: 20px;
    height: 14px;
    float: left;
    line-height: 0;
    margin: 13px 7px 0 0;
}
.customSelect.active {
    z-index: 99999;
    position: relative;
}
.customSelect.active:before {
    -ms-transform: rotate(180deg);
    /* IE 9 */

    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */

    transform: rotate(180deg);
}
.customSelect.active .cs-select-items li {
    height: 40px;
    -webkit-animation: itemsOpen .5s;
    animation: itemsOpen .5s;
}
.customSelect .cs-select {
    position: absolute;
    left: 0;
    top: 0;
}
@-webkit-keyframes itemsOpen {
    0% {
        height: 0;
    }
    33% {
        height: 50px;
    }
    66% {
        height: 35px;
    }
    100% {
        height: 40px;
    }
}
@keyframes itemsOpen {
    0% {
        height: 0;
    }
    33% {
        height: 50px;
    }
    66% {
        height: 35px;
    }
    100% {
        height: 40px;
    }
}
/* Custom Select */
/* Bottom Band */

.bottom-band {
    width: 96%;
    height: 80px;
    position: fixed;
    left: 2%;
    bottom: 0;
    z-index: 999999;
    background: #423035;
    -webkit-transition: all 300ms cubic-bezier(0.25, 0.25, 0.48, 1);
    /* older webkit */

    -webkit-transition: all 300ms cubic-bezier(0.25, 0.25, 0.48, 1.65);
    -moz-transition: all 300ms cubic-bezier(0.25, 0.25, 0.48, 1.65);
    -o-transition: all 300ms cubic-bezier(0.25, 0.25, 0.48, 1.65);
    transition: all 300ms cubic-bezier(0.25, 0.25, 0.48, 1.65);
    /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.48, 1);
    /* older webkit */

    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.48, 1.65);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.48, 1.65);
    -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.48, 1.65);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.48, 1.65);
    /* custom */

    -ms-transform: perspective(2000px) rotateX(90deg);
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: 50% 80px;
}
.bottom-band.active {
    -ms-transform: perspective(2000px) rotateX(0deg);
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
}
.bottom-band .text {
    margin-right: 170px;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
}
.bottom-band .text:before {
    width: 125px;
    height: 70px;
    float: left;
    margin: 5px;
    background: url("../img/watchepisodes-logo.png");
    content: ' ';
}
.bottom-band .text .va {
    height: 80px;
    vertical-align: middle;
    display: table-cell;
}
.bottom-band .text span {
    letter-spacing: -1px;
    font-size: 25px;
}
.bottom-band .now-start {
    width: 130px;
    height: 46px;
    position: absolute;
    right: 17px;
    top: 17px;
    background: #e1184f url("../img/now-start.png") right center no-repeat;
    color: #fff;
    font-size: 15px;
    line-height: 46px;
    letter-spacing: -0.5px;
    padding-left: 15px;
    border-radius: 3px;
}
.bottom-band .now-start:hover {
    opacity: .8;
}
/* Bottom Band */
/* Ad Link Fixed */

.add-link-fixed {
    width: 220px;
    height: 35px;
    display: inline-block;
    background: #7c7c7c;
    color: #fff !important;
    font-size: 15px;
    line-height: 35px;
    border-radius: 2px;
    text-align: center;
    margin: 10px 0;
    padding: 0 12px;
    z-index: 9999;
}
.add-link-fixed:before {
    width: 13px;
    height: 13px;
    float: left;
    background: url("../img/add-link-before.png");
    content: ' ';
    margin: 11px 7px 0 -2px;
}
.add-link-fixed:hover {
    opacity: .8;
}
.add-link-fixed.fixed {
    position: fixed;
    left: 15px;
    top: 4px;
}
/* Ad Link Fixed */

#linkDiv .ui-autocomplete {
    width: 340px !important;
    background: #131313;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}
#linkDiv .ui-autocomplete li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #2F2F2F;
    padding: 6px;
    cursor: pointer;
    margin: 0;
}
#linkDiv .ui-autocomplete li:hover {
    background: #e1184f;
}
#linkDiv .ui-autocomplete li img {
    width: 60px;
}
#linkDiv .ui-autocomplete li a {
    width: 100%;
    float: left;
}
#linkDiv .ui-autocomplete li span {
    color: #fff !important;
    margin-left: 10px;
    font-size: 13px;
}
.page-loading {
    width: 100%;
    height: 200px;
    float: left;
    background-image: url("../img/page-loading.GIF");
    background-position: center center;
    background-repeat: no-repeat;
}
/* Profile Following List */

.following-list {
    width: 100%;
    float: left;
}
.following-list .following-box {
    width: 100%;
    float: left;
    margin: 5px 0;
    background: #1b1b1b;
    /* ------ */
    /* ------ */
}
.following-list .following-box .wb-center {
    width: auto;
    margin-left: 207px;
    color: #999999;
    font-size: 12px;
}
.following-list .following-box .wb-center .wb-name {
    width: auto;
    float: left;
    color: #fff;
    font-size: 25px;
    letter-spacing: -1px;
    max-width: 87%;
    font-weight: 300;
}
.following-list .following-box .wb-center .wb-name a {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
}
.following-list .following-box .wb-center .wb-details {
    width: 100%;
    height: auto;
    float: left;
    max-height: 60px;
    overflow: hidden;
    line-height: 15px;
}
.following-list .following-box .wb-center .wb-details a {
    color: #999999;
}
.following-list .following-box .wb-center .wb-details a:hover {
    text-decoration: underline;
    color: #fff;
}
.following-list .following-box .wb-center .latest-label {
    width: 100%;
    float: left;
    color: #e1184f;
    font-size: 13px;
}
.following-list .following-box .wb-center .latest-ep {
    float: left;
    color: #fff;
    font-size: 14px;
}
.following-list .following-box .wb-center .latest-ep:hover {
    text-decoration: underline;
}
.following-list .following-box .watch-film {
    width: auto;
    height: 30px;
    float: left;
    border: 1px solid #4e4e4e;
    margin-top: 10px;
    border-radius: 2px;
    line-height: 30px;
    color: #999999;
    padding: 0 10px;
}
.following-list .following-box .watch-film:before {
    width: 7px;
    height: 12px;
    float: right;
    background: url("../img/watch-film-before.png");
    content: ' ';
    margin: 8px -2px 0 8px;
}
.following-list .following-box .watch-film:hover {
    border-color: #6d6d6d;
    color: #fff;
}
.following-list .following-box .wide-box {
    padding: 10px;
    margin: 0;
    border: none;
}
.following-list .following-box .wide-box .fb-unfollow {
    width: 22px;
    height: 22px;
    position: absolute;
    right: -4px;
    top: -4px;
    background: url("../img/followinglist-unfollow.png");
    cursor: pointer;
}
.following-list .following-box .wide-box .fb-unfollow:hover {
    opacity: .8;
}
.following-list .following-box:nth-child(2n) {
    background: #232323;
}
.following-list .following-box .fb-image {
    width: 190px;
    height: 190px;
    float: left;
    position: relative;
}
.following-list .following-box .fb-image .fb-unfollow {
    width: 22px;
    height: 22px;
    position: absolute;
    right: -4px;
    top: -4px;
    background: url("../img/followinglist-unfollow.png");
    cursor: pointer;
}
.following-list .following-box .fb-image .fb-unfollow:hover {
    opacity: .8;
}
.following-list .following-box .fb-image .image {
    width: 190px;
    height: 190px;
    float: left;
    overflow: hidden;
}
.following-list .following-box .fb-image .image img {
    width: 190px;
}
.following-list .following-box .fb-image .details {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
}
.following-list .following-box .fb-image .details .serie {
    width: 100%;
    height: auto;
    float: left;
    padding: 6px 6px 0 6px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 17px;
    max-height: 40px;
    overflow: hidden;
    font-weight: 600;
    letter-spacing: -0.5px;
}
.following-list .following-box .fb-image .details .mail-subscribe {
    width: 100%;
    height: auto;
    float: left;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 6px;
    padding: 6px 10px;
    text-align: center;
}
.following-list .following-box .fb-image .details .mail-subscribe .label {
    width: auto;
    height: 17px;
    float: left;
    line-height: 17px;
    color: #fff;
}
.following-list .following-box .fb-image .details .mail-subscribe .label:before {
    width: 15px;
    height: 11px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    background: url("../img/following-list-mail-icon.png");
    content: ' ';
}
.following-list .following-box .fb-image .details .mail-subscribe .close,
.following-list .following-box .fb-image .details .mail-subscribe .open {
    width: auto;
    height: 17px;
    float: left;
    line-height: 17px;
    padding: 0 3px;
    color: #fff;
    border-radius: 2px;
    margin-left: 5px;
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
}
.following-list .following-box .fb-image .details .mail-subscribe .close:hover,
.following-list .following-box .fb-image .details .mail-subscribe .open:hover {
    opacity: .8;
}
.following-list .following-box .fb-image .details .mail-subscribe .open.active {
    background: #379c0e;
}
.following-list .following-box .fb-image .details .mail-subscribe .close.active {
    background: #b21b1b;
}
.following-list .following-box .fb-right {
    height: 180px;
    margin: 5px 5px 5px 197px;
}
.following-list .following-box .fb-right .el-item {
    height: 36px;
}
/* Profile Following List */
/* General Warning */

.general-warning {
    width: 100%;
    float: left;
    margin: 150px 0;
}
.general-right .general-warning {
    margin: 50px 0;
}
/* General Warning */
/* Mail Activation TurnBack */

.mail-activation {
    width: 100%;
    min-height: 1000px;
    float: left;
    background: url("../img/welcome-bg.jpg") center top no-repeat;
    background-size: 100%;
}
.mail-activation .act-content {
    width: 400px;
    height: 340px;
    position: absolute;
    left: 50%;
    margin: 200px 0 0 -200px;
    background: url("../img/welcome-content.png");
    text-align: center;
    padding-top: 80px;
    font-weight: 300;
    color: #fff;
}
.general-right h2 {
    color: #989898;
}
.mail-activation .act-content .act-t1 {
    font-size: 30px;
    letter-spacing: -1px;
}
.mail-activation .act-content .act-t2 {
    font-size: 20px;
    letter-spacing: -0.5px;
}
.mail-activation .act-content .act-desc {
    font-size: 15px;
}
.mail-activation .act-content .act-time {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 200px;
    background: url("../img/countdown-bg.png");
    margin-left: -17px;
    border-radius: 50%;
    overflow: hidden;
    line-height: 50px;
    font-size: 17px;
}
.mail-activation .act-content .act-time .act-time-content {
    width: 50px;
    position: absolute;
    left: 0;
    top: -250px;
    -webkit-animation: actTimer 5s;
    animation: actTimer 5s;
}
.mail-activation .act-content .act-time:before {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 50%;
    content: '';
    background: url("../img/coundown-before.png");
    top: 50%;
    margin-top: -1px;
    transform-origin: 0px 1px;
    -webkit-animation: actTimerCountdown 5s;
    animation: actTimer 5s;
}
@-webkit-keyframes actTimer {
    0% {
        top: 0;
    }
    16% {
        top: 0;
    }
    32% {
        top: -50px;
    }
    48% {
        top: -100px;
    }
    64% {
        top: -150px;
    }
    80% {
        top: -200px;
    }
    100% {
        top: -250px;
    }
}
@keyframes actTimer {
    0% {
        top: 0;
    }
    16% {
        top: 0;
    }
    32% {
        top: -50px;
    }
    48% {
        top: -100px;
    }
    64% {
        top: -150px;
    }
    80% {
        top: -200px;
    }
    100% {
        top: -250px;
    }
}
@-webkit-keyframes actTimerCountdown {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    16% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    32% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    48% {
        -ms-transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
    64% {
        -ms-transform: rotate(1080deg);
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
    80% {
        -ms-transform: rotate(1440deg);
        -webkit-transform: rotate(1440deg);
        transform: rotate(1440deg);
    }
    100% {
        -ms-transform: rotate(1800deg);
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg);
    }
}
@keyframes actTimerCountdown {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    16% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    32% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    48% {
        -ms-transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
    64% {
        -ms-transform: rotate(1080deg);
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
    80% {
        -ms-transform: rotate(1440deg);
        -webkit-transform: rotate(1440deg);
        transform: rotate(1440deg);
    }
    100% {
        -ms-transform: rotate(1800deg);
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg);
    }
}
/* Mail Activation TurnBack */
/* Cover Area */

.cover-area {
    width: 100%;
    height: 350px;
    float: left;
    overflow: hidden;
    background: url("../img/cover-area-bg.jpg");
    position: relative;
}
.cover-area.min {
    height: 235px;
}
.cover-area img {
    width: 100%;
    margin-top: -20%;
    -webkit-filter: blur(2px) grayscale(100%);
    filter: blur(2px) grayscale(100%);
}
.cover-area .genres {
    width: 200px;
    height: 150px;
    position: absolute;
    right: 10px;
    top: 40px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    z-index: 9999;
    color: #999;
}
.cover-area.min .genres {
    display: none;
}
.cover-area .genres a {
    line-height: 17px;
    background: rgba(255, 255, 255, .1);
    padding: 0 4px;
    border-radius: 2px;
    height: 18px;
    color: #b7b7b7;
    display: inline-block;
    margin: 2px 0;
}
.cover-area .genres a:hover {
    background: rgba(255, 255, 255, .2);
}
.cover-area .ca-top {
    width: 100%;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    z-index: 99;
    background: url("../img/cover-area-top-bg.png");
}
.cover-area .ca-top .breadcrumb {
    background: rgba(0, 0, 0, 0.27);
    border-radius: 3px;
    font-size: 12px;
    padding: 6px;
    width: auto;
    color: #E8E8E8;
    font-size: 12px;
    text-shadow: 1px 1px black;
}
.cover-area .ca-top .breadcrumb a {
    color: #FFFFFF;
    padding: 0px 2px;
    border-radius: 2px;
}
.cover-area .ca-top .gl-points {
    float: right;
    width: auto;
}
.cover-area .ca-bottom {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../img/cover-area-bottom-bg.png") top;
    padding: 90px 10px 10px 250px;
}
.cover-area .ca-bottom .cab-top {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}
.cover-area .ca-bottom .cab-top h1 {
    width: auto;
    height: auto;
    float: left;
    color: #fff;
    letter-spacing: -1px;
    font-size: 25px;
    line-height: 35px;
    overflow: hidden;
    text-shadow: 1px 1px 2px black;
}
.sup {
    color: white;
    font-size: 15px;
}
.cover-area .watch-count {
    width: auto;
    height: 40px;
    background-color: rgba(116, 16, 43, 0.49);
    border: 1px solid rgba(255, 255, 255, 0.19);
    text-align: center;
    color: #D8D8D8;
    font-size: 16px;
    font-weight: lighter;
    float: left;
    letter-spacing: -0.2px;
    border-radius: 3px;
    line-height: 39px;
    padding: 0 10px;
    z-index: 99;
    margin-right: 8px;
    position: relative;
}
.cover-area .ca-bottom .cab-top .watch-count:before {
    border: solid transparent;
    border-right-color: rgba(255, 255, 255, 0.19);
    border-width: 6px;
    top: 50%;
    left: -13px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    margin-top: -6px;
    background-size: 100% 100%;
}
.cover-area .ca-bottom .cab-top .second-title {
    width: 100%;
    height: auto;
    float: left;
    color: #e1184f;
    font-weight: 300;
    letter-spacing: -0.5px;
    font-size: 20px;
    line-height: 35px;
    max-height: 70px;
    overflow: hidden;
}
.cover-area .ca-bottom .cab-top .trailer-bt {
    width: 110px;
    height: 40px;
    float: left;
    margin-left: 10px;
    background: url("../img/trailer-bt.png");
}
.cover-area .ca-bottom .cab-top .trailer-bt:hover {
    opacity: .9;
}
.cover-area .ca-bottom .bts {
    width: auto;
    height: 40px;
    position: relative;
    z-index: 999;
    float: right;
}
.cover-area .ca-bottom .bts .cs-follow {
    width: auto;
    height: 40px;
    float: left;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
    padding: 7px 14px 7px 7px;
    border-radius: 20px;
    background: #e1184f;
    font-size: 13px;
}
.cover-area .ca-bottom .bts .cs-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/follow-before.png") center center;
    border-radius: 50%;
}
.cover-area .ca-bottom .bts .cs-follow:hover {
    opacity: .9;
}
.cover-area .ca-bottom .bts .cs-follow.active {
    opacity: .5;
}
.cover-area .ca-bottom .bts .cs-follow.active:before {
    background: url("../img/follow-active-before.png") center center;
}
.cover-area .ca-bottom .bts .cs-follow.active:hover {
    opacity: .8;
}
.cover-area .ca-bottom .bts .cs-playlist {
    width: auto;
    float: left;
    height: 40px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    padding: 7px 10px 7px 7px;
    border-radius: 20px 5px 5px 20px;
    background: #6d182f;
    font-size: 13px;
}
.cover-area .ca-bottom .bts .cs-playlist:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/playlist-before.png") center center;
    border-radius: 50%;
}
.cover-area .ca-bottom .bts .cs-playlist:hover {
    opacity: .9;
}
.cover-area .ca-bottom .bts .cs-playlist.active {
    opacity: .5;
}
.cover-area .ca-bottom .bts .cs-playlist.active:before {
    background: url("../img/playlist-active-before.png") center center;
}
.cover-area .ca-bottom .bts .cs-playlist.active:hover {
    opacity: .8;
}
.cover-area .ca-bottom .cab-desc {
    width: 100%;
    height: auto;
    float: left;
    line-height: 15px;
    margin: 4px 0 10px 0;
    overflow: hidden;
    max-height: 60px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
}
/* Cover Area */
/* Calendar Main */

.calendar-main {
    width: 100%;
    height: 500px;
    position: relative;
    float: left;
}
.calendar-main .day-main {
    width: 14.2%;
    position: relative;
    border-right: 1px solid #181818;
    float: left;
}
.calendar-main .day-main.today {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.61);
    z-index: 99 !important;
}
.calendar-main .day-main.today .day-trigger {
    background: #27292A;
}
.calendar-main .day-main.null {
    opacity: .8;
}
.calendar-main .day-main.null .day-bar .bar {
    background: none;
}
.calendar-main .day-main.min {
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 1, 0.42);
    width: 5%;
}
.calendar-main .day-main.min .day-trigger .day-details {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    height: 5%;
    padding: 0;
    margin: 0;
    top: 100px;
    line-height: 33px;
    text-align: right;
    padding-right: 10px;
    width: 100px;
}
.calendar-main .day-main.min .day-trigger .day-details span {
    display: none;
    height: 0;
}
.calendar-main .day-main.min .day-bar {
    height: 292px;
}
.calendar-main .day-main.big {
    height: 100%;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 1, 0.42);
    width: 70%;
}
.calendar-main .day-main.big .day-contents .day-relative {
    opacity: 1;
}
.calendar-main .day-main.big .day-trigger {
    width: 100%;
    height: 60px;
}
.calendar-main .day-main.big .day-trigger .day-bar {
    height: 0;
    opacity: 0;
}
.calendar-main .day-main.big .day-trigger .day-bar .bar {
    height: 0 !important;
}
.calendar-main .day-main.big .day-trigger .day-details {
    height: 60px;
    width: 100%;
}
.calendar-main .day-main:nth-child(1) {
    z-index: 1;
}
.calendar-main .day-main:nth-child(2) {
    z-index: 2;
}
.calendar-main .day-main:nth-child(3) {
    z-index: 3;
}
.calendar-main .day-main:nth-child(4) {
    z-index: 4;
}
.calendar-main .day-main:nth-child(5) {
    z-index: 5;
}
.calendar-main .day-main:nth-child(6) {
    z-index: 6;
}
.calendar-main .day-main:nth-child(7) {
    z-index: 7;
}
.calendar-main .day-trigger {
    width: 100%;
    height: 500px;
    background: #242424;
    font-weight: 300;
    position: relative;
    z-index: 99;
    text-align: center;
    cursor: pointer;
}
.calendar-main .day-trigger:hover {
    opacity: .9;
}
.calendar-main .day-trigger .day-details {
    width: 100%;
    height: 60px;
    line-height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 15px;
    padding: 15px 0;
}
.calendar-main .day-trigger .day-details span {
    color: #666666;
    font-size: 11px;
    width: 100%;
    float: left;
    overflow: hidden;
}
.calendar-main .day-trigger .day-bar {
    width: 100%;
    height: 332px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.calendar-main .day-trigger .day-bar .bar {
    width: 100%;
    height: auto;
    left: 0;
    bottom: 0;
    position: absolute;
    background: #4a222d;
    min-height: 10%;
}
.calendar-main .day-trigger .day-bar .bar span {
    color: #fff;
    font-size: 18px;
    width: 100%;
    float: left;
    height: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 0;
    width: 100%;
}
.calendar-main .day-contents {
    width: 100%;
    position: absolute;
    right: 0;
    top: 61px;
    bottom: 0;
    background: #1c1c1c;
    border-left: 1px solid #181818;
}
.calendar-main .day-contents .day-relative {
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    opacity: 0;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    color: #fff;
}
.calendar-main .day-contents .day-relative .day-update {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    border-bottom: 1px solid #232323;
    padding: 10px 0;
}
.calendar-main .day-contents .day-relative .day-update a:hover {
    text-decoration: underline;
}
.calendar-main .day-contents .day-relative .day-update .serie {
    font-size: 15px;
    color: #fff;
}
.calendar-main .day-contents .day-relative .day-update .episode {
    color: #666666;
}
.calendar-main .day-contents .day-relative .day-update.waiting a {
    opacity: .5;
}
.calendar-main .day-contents .day-relative .day-update.waiting:before {
    width: auto;
    height: 18px;
    position: absolute;
    right: 0;
    line-height: 18px;
    color: #838383;
    background: #2D2D2D;
    content: 'Bekleniyor';
    top: 18px;
    padding: 0 7px;
    border-radius: 9px;
    font-size: 11px;
}
.calendar-main .null-content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}
.calendar-main .null-content img {
    max-width: 100%;
}
/* Calendar Main */
/* Waiting Box */

.waiting-box {
    width: 100%;
    height: 340px;
    float: left;
    background: url("../img/waiting-bg.jpg");
    text-align: center;
    font-weight: 300;
    padding-top: 70px;
    font-size: 17px;
    color: #999999;
}
.waiting-box .title {
    font-size: 25px;
    color: #fff;
}
.waiting-box span {
    color: #fff;
}
.waiting-box strong {
    font-weight: 600;
    color: #eaeaea;
}
.waiting-box .cs-follow {
    width: auto;
    height: 40px;
    display: inline-block;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
    padding: 7px 14px 7px 7px;
    border-radius: 20px;
    background: #e1184f;
    margin-top: 20px;
    font-size: 13px;
}
.waiting-box .cs-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/follow-before.png") center center;
    border-radius: 50%;
}
.waiting-box .cs-follow:hover {
    opacity: .9;
}
.waiting-box .cs-follow.active {
    opacity: .5;
}
.waiting-box .cs-follow.active:before {
    background: url("../img/follow-active-before.png") center center;
}
.waiting-box .cs-follow.active:hover {
    opacity: .8;
}
/* Waiting Box */
/* Link Detail Box */

.ld-left {
    width: 50%;
    float: left;
    margin: 60px 0;
    text-align: center;
}
.ld-left .ld-title {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 23px;
    letter-spacing: -1px;
    font-weight: 300;
    padding-right: 10px;
}
.ld-left .ld-desc {
    width: 100%;
    float: left;
    color: #e1184f;
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 300;
}
.ld-left .detail-w-button {
    width: auto;
    height: 56px;
    display: inline-block;
    background: #e1184f;
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    line-height: 56px;
    margin-top: 30px;
    border-radius: 3px;
    box-shadow: 2px 3px 3px rgba(0, 0, 1, 0.3);
}
.ld-left .detail-w-button:before {
    width: 9px;
    height: 14px;
    float: right;
    background: url("../img/detail-w-before.png");
    content: ' ';
    margin: 21px 15px 0px 15px;
}
.ld-left .detail-w-button:hover {
    opacity: .9;
}
.ld-left .detail-w-button .site {
    width: auto;
    height: 56px;
    float: left;
    line-height: normal;
    font-size: 13px;
    padding: 18px;
    margin-right: 20px;
    background: #c71546;
}
.ld-left .detail-w-button .site .favicon {
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    border-radius: 2px;
    margin-right: 10px;
    padding: 2px;
    line-height: 14px;
}
.ld-left .detail-w-button .site .favicon img {
    width: 16px;
    height: 16px;
}
.footer-tags {
    width: 100%;
    height: auto;
    padding: 15px;
    background: #181818;
    border: 1px solid #232323;
    border-radius: 5px;
    text-align: center;
    line-height: 15px;
    margin-bottom: 20px;
    display: inline-block;
}
.footer-tags a {
    margin: 0 5px;
}
.nc-center {
    width: 900px;
    margin: 0 auto;
}
.ld-right {
    border-top: 4px solid #121212;
    width: 100%;
    float: right;
    position: relative;
}
.ld-right:before {
    width: 38px;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 0;
    background: url("../img/ld-right-before.png");
    background-size: 100% 100%;
    content: '';
    z-index: 9;
}
.ld-right .ldr-title {
    width: 100%;
    float: left;
    color: #666666;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.1px;
    margin: 10px 0;
}
.ldr-item {
    width: 100%;
    height: 51px;
    float: left;
    line-height: 50px;
    position: relative;
    border-bottom: 1px solid #1f1f1f;
}
.ldr-item.active {
    background: #232323;
}
.ldr-item.active:before {
    width: 20px;
    height: 50px;
    position: absolute;
    left: -20px;
    top: 0;
    background: url("../img/ldr-item-active-before.jpg");
    content: ' ';
}
.ldr-item .site {
    width: 190px;
    float: left;
    margin-right: 5px;
    font-size: 13px;
    padding-left: 8px;
    opacity: .7;
    font-weight: 300;
}
.ldr-item .site a {
    color: #fff;
}
.ldr-item .favicon {
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    border-radius: 2px;
    padding: 2px;
    margin-right: 5px;
    line-height: 14px;
    margin-top: 16px;
}
.ldr-item .favicon img {
    width: 16px;
    height: 16px;
}
.ldr-item .point-pane {
    width: 80px;
    float: right;
    background: #2d2d2d;
    padding-left: 15px;
}
.ldr-item .point-pane .upVote {
    width: 18px;
    height: 18px;
    float: left;
    border-radius: 50%;
    background: url("../img/upvote.png");
    border: 2px solid #c4c4c4;
    cursor: pointer;
    opacity: .5;
    margin-top: 16px;
}
.ldr-item .point-pane .upVote:hover {
    opacity: 1;
}
.ldr-item .point-pane .upVote.active {
    border-color: #39b24d;
    background: url("../img/upvote-active.png");
    opacity: 1;
    cursor: default;
}
.ldr-item .point-pane .upVote.passive {
    opacity: .3;
    cursor: default;
}
.ldr-item .point-pane .downVote {
    width: 18px;
    height: 18px;
    float: left;
    border-radius: 50%;
    background: url("../img/downvote.png");
    border: 2px solid #c4c4c4;
    cursor: pointer;
    opacity: .5;
    margin: 16px 0 0 3px;
}
.ldr-item .point-pane .downVote:hover {
    opacity: 1;
}
.ldr-item .point-pane .downVote.active {
    border-color: #9f4b47;
    background: url("../img/downvote-active.png");
    opacity: 1;
    cursor: default;
}
.ldr-item .point-pane .downVote.passive {
    opacity: .3;
    cursor: default;
}
.ldr-item .point-pane .point {
    width: auto;
    float: left;
    color: #999999;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.3px;
    margin-left: 5px;
}
.ldr-item .point-pane .point.green {
    color: #39b24d;
}
.ldr-item .point-pane .point.red {
    color: #9f4b47;
}
.ldr-item .broken-report {
    width: 20px;
    height: 20px;
    float: left;
    margin: 16px 0 0 -26px;
    background: url("../img/broken-button.png") center center no-repeat #232323;
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0;
    z-index: 999;
    position: relative;
}
.ldr-item .broken-report:hover {
    border-radius: 2px;
    background-color: #343434;
    opacity: 1;
    border: 2px solid #343434;
}
.ldr-item .broken-report.active {
    background: url("../img/broken-active.png") center center no-repeat;
    opacity: 1;
    border: 2px solid transparent;
}
.ldr-item:hover .broken-report {
    opacity: 1;
}
.ldr-item .button {
    width: 85px;
    float: left;
}
.ldr-item .watch-button {
    width: 85px;
    height: 32px;
    float: left;
    background: #4a222d;
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.7px;
    line-height: 32px;
    border-radius: 2px;
    margin-top: 9px;
    text-align: center;
    text-decoration: none !important;
}
.ldr-item .watch-button:hover {
    background: #602535;
}
.ldr-item .watch-button:visited {
    background-color: #2D2829;
    color: #B1A5A8;
}
/* Link Detail Box */
/* Trailer List */

.trailer-box {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #2a2a2a;
    padding-bottom: 10px;
    margin: 10px 0;
}
.trailer-box:last-child {
    border: none;
}
.trailer-box .tb-video {
    width: 420px;
    height: 240px;
    float: left;
    overflow: hidden;
}
.trailer-box .tb-video iframe {
    width: 420px !important;
    height: 240px !important;
}
.trailer-box .tb-details {
    margin-left: 440px;
    color: #999999;
    font-size: 13px;
}
.trailer-box .tb-details strong {
    font-size: 17px;
    font-weight: 600;
}
/* Trailer List */
/* Comments */

.create-comment {
    width: 100%;
    float: left;
    margin: 20px 0;
}
.sdt-content .create-comment {
    width: 98%;
    margin: 20px 1%;
}
.sdt-content .holder {
    margin: 15px 1%;
}
.sdt-content .trailer-box {
    width: 98%;
    margin: 10px 1%;
}
.create-comment .cc-image {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}
.create-comment .cc-image img {
    width: 50px;
}
.create-comment .cc-right {
    margin-left: 60px;
}
.create-comment .cc-general {
    width: 100%;
    height: auto;
    float: left;
    border: 2px solid #373737;
    position: relative;
    overflow: hidden;
    z-index: 9;
    border-radius: 3px;
}
.create-comment .cc-general .cc-textarea {
    width: 100%;
    color: #999999;
    height: 50px;
    background: none;
    border: none;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    padding: 10px;
    font-size: 14px;
    outline: none;
    padding-right: 150px;
}
.create-comment .cc-general .cc-textarea.big {
    height: 100px;
}
.create-comment .cc-general .comment-point {
    width: 150px;
    height: 100%;
    position: absolute;
    right: 0;
    background: #202020;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    top: 0;
}
.create-comment .cc-general .comment-point .cp-content {
    width: 100%;
    height: 28px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px;
}
.create-comment .cc-general .comment-point .cp-content .point-stars,
.create-comment .cc-general .comment-point .cp-content .cp-label {
    width: 100%;
    float: left;
    height: 14px;
    line-height: 14px;
    color: #999999;
    padding-left: 15px;
}
.create-comment .cc-general .comment-point .cp-content .point-stars .star {
    width: 12px;
    height: 14px;
    float: left;
    cursor: pointer;
    background: url("../img/comments-point-star.png");
}
.create-comment .cc-general .comment-point .cp-content .point-stars .star.pink {
    background: url("../img/comments-point-star-pink.png");
}
.create-comment .cc-general .comment-point .comment-conf {
    width: 100%;
    height: 28px;
    position: absolute;
    left: 0;
    top: -30%;
    margin-top: -14px;
    background: rgba(33, 33, 33, 0.95);
    z-index: 99;
    text-align: center;
}
.create-comment .cc-general .comment-point .comment-conf.ok {
    top: 50%;
}
.create-comment .cc-general .comment-point .comment-conf .conf-label {
    width: 100%;
    height: 14px;
    color: #999999;
}
.create-comment .cc-general .comment-point .comment-conf .conf-edit {
    width: 100%;
    height: 14px;
    color: #666666;
    cursor: pointer;
}
.create-comment .cc-general .comment-point .comment-conf .conf-edit:hover {
    text-decoration: underline;
}
.create-comment .cc-bottom {
    width: 100%;
    height: 37px;
    float: left;
    border-radius: 0 0 4px 4px;
    background: #151515;
    position: relative;
    margin-top: -2px;
    overflow: hidden;
}
.create-comment .cc-bottom:before {
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: -20px;
    box-shadow: 0 0 15px black;
    content: ' ';
}
.create-comment .cc-bottom .ccb-left {
    width: auto;
    float: left;
    margin-top: 14px;
    margin-left: 10px;
    line-height: 12px;
    color: #666666;
}
.create-comment .cc-bottom .ccb-left input {
    float: left;
    margin-right: 5px;
}
.create-comment .cc-bottom .ccb-button {
    width: auto;
    height: 37px;
    float: right;
    background: #e1184f;
    border: none;
    padding: 0 12px;
    line-height: 40px;
    color: #fff;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-radius: 0 0 4px 0;
}
.create-comment .cc-bottom .ccb-button:hover {
    opacity: .8;
}
.comment-box {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
    padding: 10px 0;
    position: relative;
}
.sdt-content .comment-box {
    width: 98%;
    margin: 20px 1%;
}
.comment-box:after {
    width: 40%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #2b2b2b;
    content: ' ';
}
.comment-box .cb-image {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}
.comment-box .cb-image img {
    width: 50px;
}
.comment-box .cb-right {
    margin-left: 60px;
}
.comment-box .cb-right .comment-serie {
    width: 100%;
    float: left;
    margin-top: 10px;
    position: relative;
    padding-left: 20px;
}
.comment-box .cb-right .comment-serie:before {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    background: url("../img/comment-serie-before.png");
    content: ' ';
}
.comment-box .cb-right .comment-serie .cs-image {
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
}
.comment-box .cb-right .comment-serie .cs-image img {
    width: 100%;
}
.comment-box .cb-right .comment-serie .cs-name {
    width: auto;
    float: left;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
}
.comment-box .cb-right .comment-serie .cs-name:hover {
    opacity: .8;
}
.comment-box .cbr-top {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}
.comment-box .cbr-top .user {
    font-size: 13px;
    color: #fff;
}
.comment-box .cbr-top .time {
    color: #666666;
}
.comment-box .cbr-top .point-stars {
    width: 100%;
    float: left;
}
.comment-box .cbr-top .point-stars .star {
    width: 12px;
    height: 14px;
    float: left;
    cursor: pointer;
    background: url("../img/comments-point-star.png");
}
.comment-box .cbr-top .point-stars .star.pink {
    background: url("../img/comments-point-star-pink.png");
}
.cbr-top .point-stars span {
    color: #e1184f;
    font-size: 14px;
    float: left;
    margin: -3px 0 0 4px;
}
.comment-box .cbr-comment {
    width: 100%;
    float: left;
    min-height: 70px;
    color: #999999;
    font-size: 12px;
    position: relative;
}
.comment-box .cbr-comment .cbr-spoiler {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/comment-spoiler.jpg") left top;
    text-align: center;
    color: #999999;
    padding-top: 10px;
}
.comment-box .cbr-comment .cbr-spoiler span {
    color: #fff;
    cursor: pointer;
}
.comment-box .cbr-comment .cbr-spoiler span:hover {
    text-decoration: underline;
}
.comment-box .cb-cpoint {
    width: 100%;
    height: 30px;
    float: left;
    background: #141414;
    margin-top: 10px;
}
.comment-box .cb-cpoint .cbp-label {
    width: auto;
    height: 30px;
    float: left;
    color: #666666;
    padding-left: 10px;
    line-height: 30px;
}
.comment-box .cb-cpoint .yn-bt {
    width: auto;
    height: 20px;
    float: left;
    background: #1c1c1c;
    border-radius: 2px;
    margin: 5px 0 0 5px;
    color: #666666;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 2px;
}
.comment-box .cb-cpoint .yn-bt:hover {
    color: #808080;
    background: #292929;
}
.comment-box .cb-cpoint .cbp-point {
    float: right;
    line-height: 30px;
    color: #666666;
    padding-right: 10px;
}
/* Comments */
/* Contact */

.contact-container {
    width: 600px;
    margin: auto;
}
.contact-container table.full-table {
    margin-bottom: 50px;
}
/* Contact */
/* Actor Details */

.actor-details {
    height: 260px;
    padding: 20px;
    margin: 20px 0 0 20px;
    border-radius: 130px 5px 5px 130px;
    background: #141414;
}
.actor-details .actor-image {
    width: 220px;
    height: 220px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}
.actor-details .actor-image img {
    width: 220px;
    margin-top: -15px;
}
.actor-details .actor-right {
    margin-left: 240px;
}
.actor-details .actor-right h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 35px;
}
.actor-details .actor-right p {
    width: 100%;
    height: auto;
    float: left;
    margin: 3px 0;
    color: #999999;
    font-size: 13px;
    max-height: 112px;
    overflow: hidden;
}
.actor-details .actor-right span {
    color: #666666;
}
.actor-details .actor-right .points {
    margin: 5px 0;
    width: auto;
    height: auto;
    float: left;
}
.actor-details .actor-right .points .imdb {
    width: auto;
    float: left;
    text-align: center;
    color: #e8c539;
    font-weight: 600;
    position: relative;
    padding-left: 37px;
    line-height: 16px;
    margin-right: 5px;
    font-size: 15px;
}
.actor-details .actor-right .points .imdb:before {
    width: 32px;
    height: 16px;
    position: absolute;
    left: 0px;
    background: url("../img/imdb.png");
    top: 0px;
    content: ' ';
}
.actor-details .actor-right .points .tmdb {
    width: auto;
    float: left;
    text-align: center;
    color: #7ab908;
    font-weight: 600;
    padding-left: 37px;
    line-height: 16px;
    position: relative;
    margin-right: 5px;
    font-size: 15px;
}
.actor-details .actor-right .points .tmdb:before {
    width: 32px;
    height: 16px;
    position: absolute;
    left: 0px;
    background: url("../img/tmdb.png");
    top: 0px;
    content: ' ';
}
/* Actor Details */
/* Content Detail Box */

.content-detail-box {
    width: 500px;
    height: auto;
    background: #2a2a2a;
    position: absolute;
    left: 100px;
    top: 0;
    border-radius: 3px;
    padding: 15px;
    z-index: 999;
    box-shadow: 3px 4px 5px rgba(1, 1, 1, 0.48);
}
.content-detail-box:before {
    border: solid transparent;
    border-right-color: #2a2a2a;
    border-width: 7px;
    left: -14px;
    top: 10px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.content-detail-box .cdb-image {
    width: 160px;
    height: auto;
    float: left;
}
.content-detail-box .cdb-image img {
    width: 160px;
}
.content-detail-box .cdb-details {
    margin-left: 175px;
}
.content-detail-box .cdb-details .cdb-title {
    width: 100%;
    height: 38px;
    float: left;
    color: #fff;
    font-size: 23px;
    font-weight: 300;
    letter-spacing: -0.5px;
}
.content-detail-box .cdb-details .cdb-tags {
    width: 100%;
    height: 60px;
    float: left;
    overflow: hidden;
    line-height: 15px;
    color: #666666;
}
.content-detail-box .cdb-details .cdb-desc {
    width: 100%;
    height: 112px;
    float: left;
    color: #999999;
    line-height: 14px;
    overflow: hidden;
    margin-top: 10px;
}
.content-detail-box .cdb-bottom {
    width: 100%;
    height: auto;
    float: left;
    border-top: 1px solid #373737;
    margin-top: 10px;
    padding-top: 15px;
}
.content-detail-box .cdb-bottom .bts {
    width: auto;
    height: 40px;
    position: relative;
    float: right;
}
.content-detail-box .cdb-bottom .bts .cs-follow {
    width: auto;
    height: 34px;
    float: left;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
    padding: 4px 14px 4px 4px;
    border-radius: 20px;
    background: #e1184f;
    font-size: 13px;
}
.content-detail-box .cdb-bottom .bts .cs-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/follow-before.png") center center;
    border-radius: 50%;
}
.content-detail-box .cdb-bottom .bts .cs-follow:hover {
    opacity: .9;
}
.content-detail-box .cdb-bottom .bts .cs-follow.active {
    opacity: .5;
}
.content-detail-box .cdb-bottom .bts .cs-follow.active:before {
    background: url("../img/follow-active-before.png") center center;
}
.content-detail-box .cdb-bottom .bts .cs-follow.active:hover {
    opacity: .8;
}
.content-detail-box .cdb-bottom .bts .cs-playlist {
    width: auto;
    float: left;
    height: 34px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    padding: 4px 14px 4px 4px;
    border-radius: 20px 5px 5px 20px;
    background: #6d182f;
    font-size: 13px;
}
.content-detail-box .cdb-bottom .bts .cs-playlist:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/playlist-before.png") center center;
    border-radius: 50%;
}
.content-detail-box .cdb-bottom .bts .cs-playlist:hover {
    opacity: .9;
}
.content-detail-box .cdb-bottom .bts .cs-playlist.active {
    opacity: .5;
}
.content-detail-box .cdb-bottom .bts .cs-playlist.active:before {
    background: url("../img/playlist-active-before.png") center center;
}
.content-detail-box .cdb-bottom .bts .cs-playlist.active:hover {
    opacity: .8;
}
.content-detail-box .cdb-bottom .cdb-point {
    width: auto;
    float: left;
    height: 34px;
    float: left;
    line-height: 34px;
}
.content-detail-box .cdb-bottom .cdb-point .label {
    width: auto;
    float: left;
    letter-spacing: -0.3px;
    font-size: 13px;
    color: #999999;
}
.content-detail-box .cdb-bottom .cdb-point .point {
    float: left;
    margin-left: 5px;
    color: #e1184f;
    font-size: 27px;
    letter-spacing: -1.3px;
    font-weight: 300;
}
/* Content Detail Box */
/* Home */

.home-left {
    margin-right: 320px;
}
.home-right {
    width: 300px;
    float: right;
}
.hl-title {
    width: 100%;
    position: relative;
    height: auto;
    float: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #292929;
    padding: 0 10px;
}
.hl-title .title {
    width: auto;
    height: 36px;
    float: left;
    padding: 0 25px;
    color: #999999;
    line-height: 32px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.5px;
}
.hl-title .title:hover {
    color: #b6b6b6;
    border-bottom: 3px solid #666666;
}
.hl-title .title.active {
    border-bottom: 3px solid #e1184f;
    color: #fff;
}
.hl-title .title.latest:before {
    width: 20px;
    height: 20px;
    float: left;
    content: ' ';
    background: url("../img/home-latest-icon.png");
    margin: 6px 6px 0 -12px;
}
.hl-title .title.week:before {
    width: 20px;
    height: 20px;
    float: left;
    content: ' ';
    background: url("../img/home-week-icon.png");
    margin: 6px 6px 0 -12px;
}
.hl-title .title.day:before {
    width: 20px;
    height: 20px;
    float: left;
    content: ' ';
    background: url("../img/home-day-icon.png");
    margin: 6px 6px 0 -12px;
}
.hl-title .title .count {
    width: auto;
    height: 20px;
    float: left;
    background: #e1184f;
    line-height: 20px;
    border-radius: 10px;
    font-size: 12px;
    padding: 0 7px;
    margin: 7px 4px 0 0;
}
.hl-title .filters {
    width: auto;
    height: 35px;
    color: #666666;
    float: right;
    line-height: 34px;
}
.hl-title .filters .f-label {
    float: left;
}
.hl-title .filters .f-content {
    width: auto;
    float: left;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    color: #999999;
    font-size: 13px;
}
.hl-title .filters .f-content:before {
    border: solid transparent;
    border-top-color: #515151;
    border-width: 4px;
    content: '';
    height: 0;
    width: 0;
    float: right;
    margin: 17px 10px 0 4px;
}
.hl-title .filters .f-content .fc-drop {
    width: 220px;
    height: auto;
    position: absolute;
    right: 0;
    top: 30px;
    display: none;
    background: #212121;
    line-height: normal;
    z-index: 999;
    box-shadow: 0 0 10px rgba(1, 1, 1, 0.56);
    padding: 10px;
}
.hl-title .filters .f-content .fc-drop.open {
    display: block;
}
.hl-title .filters .f-content .fc-drop .fcd-title {
    width: 100%;
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #2e2e2e;
    color: #666666;
    font-size: 11px;
    margin-bottom: 4px;
    margin-top: -3px;
}
.hl-title .filters .f-content .fc-drop .fcd-scroller {
    width: 100%;
    height: 220px;
    float: left;
}
.hl-title .filters .f-content .fc-drop:before {
    border: solid transparent;
    border-bottom-color: #212121;
    border-width: 5px;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    right: 10px;
    top: -10px;
}
.hl-coming {
    width: 100%;
    height: 40px;
    float: left;
    background: url("../img/hl-coming-bg.png") left bottom repeat-x;
    cursor: pointer;
    margin-bottom: 10px;
    line-height: 40px;
    margin-top: -10px;
    color: #666666;
    font-size: 12px;
    text-align: center;
}
.hl-coming span {
    width: auto;
    display: inline-block;
}
.hl-coming span:before {
    width: 16px;
    height: 16px;
    float: left;
    background: url("../img/hl-coming-clock.png");
    content: ' ';
    margin: 11px 6px 0 0;
}
.hl-coming:hover {
    background-color: #171717;
    color: #979797;
}
.hl-date-title {
    width: 100%;
    height: 30px;
    float: left;
    background: url("../img/hl-coming-bg.png") left bottom repeat-x;
    line-height: 30px;
    padding: 0 10px;
    color: #999999;
    border-radius: 2px;
    margin: 10px 0;
}
/* Home */
/* Home Boxes */

.home-boxes {
    width: 100%;
    height: auto;
    float: left;
}
.home-boxes .hgrid {
    width: 25%;
    float: left;
    color: #fff;
    padding: 10px 20px 10px 0;
}
.home-boxes .hgrid:nth-child(4n) {
    padding-right: 0;
}
.home-box {
    width: 100%;
    height: 70px;
    float: left;
    border-radius: 35px 2px 2px 35px;
    background: #1d1d1d;
    position: relative;
    padding: 4px;
    border: 1px solid #232323;
}
.home-box.popular:before {
    width: auto;
    height: 16px;
    line-height: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e1184f;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
    padding: 0 4px;
    content: 'popular';
    box-shadow: 0 0 5px rgba(1, 1, 1, 0.75);
}
.home-box.new:before {
    width: auto;
    height: 16px;
    line-height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: green;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
    padding: 0 4px;
    content: 'new';
    box-shadow: 0 0 5px rgba(1, 1, 1, 0.75);
}
.home-box.watched:before {
    width: 23px;
    height: 23px;
    position: absolute;
    left: 23px;
    top: 23px;
    background: white url("../img/epCheck-before.png") center no-repeat;
    border-radius: 50%;
    content: ' ';
    z-index: 99;
}
.home-box.watched .episode,
.home-box.watched .serie {
    opacity: .7;
}
.home-box.watched .hb-image {
    opacity: .5;
}
.home-box .hb-image {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 50%;
    background-size: 100%;
}
.home-box .hb-right {
    margin-left: 70px;
    height: 60px;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
}
.home-box .hb-right .serie {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #666666;
}
.home-box .hb-right .episode {
    width: 100%;
    float: left;
    max-height: 30px;
    line-height: 15px;
    overflow: hidden;
    font-size: 13px;
    color: #b0b0b0;
}
.home-box .hb-right .episode:hover {
    color: #c4c4c4;
}
.home-box .hb-right a:hover {
    text-decoration: underline;
}
/* Home Boxes */
/* Right List */

.hr-box {
    width: 300px;
    height: auto;
    float: left;
    padding: 10px;
    background: #1b1b1b;
    border: 1px solid #262626;
    border-radius: 2px;
    margin-bottom: 20px;
}
.hr-box .hrb-title {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -0.7px;
}
.hr-box .hrb-title a {
    font-size: 12px;
    color: #999999;
}
.hr-box .hrb-title a:hover {
    text-decoration: underline;
}
.hr-box .hrp-box {
    width: 100%;
    height: 70px;
    float: left;
    border-radius: 35px 2px 2px 35px;
    background: #1d1d1d;
    position: relative;
    padding: 4px;
    margin: 5px 0;
    border: 1px solid #2a2a2a;
}
.hr-box .hrp-box .hrp-rating {
    position: absolute;
    background: #1d1d1d;
    height: 18px;
    right: 5px;
    line-height: 18px;
    top: 50%;
    margin-top: -9px;
    font-size: 13px;
    font-weight: 600;
    padding: 0 3px;
    color: #fff;
}
.hr-box .hrp-box .hrp-rating:before {
    border: solid transparent;
    border-bottom-color: #1d1d1d;
    border-width: 5px;
    content: '';
    height: 0;
    width: 0;
    float: left;
    margin: 2px 2px 0 0;
}
.hr-box .hrp-box .hrp-rating.green {
    color: #03B903;
}
.hr-box .hrp-box .hrp-rating.green:before {
    border-bottom-color: #03B903;
}
.hr-box .hrp-box .hrp-rating.red {
    color: #ce2020;
}
.hr-box .hrp-box .hrp-rating.red:before {
    border-top-color: #ce2020;
    margin-top: 7px;
}
.hr-box .hrp-box .hrp-number {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background: #e1184f;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 13px;
    border-radius: 50%;
}
.hr-box .hrp-box .hrp-image {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 50%;
    background-size: 100%;
}
.hr-box .hrp-box .hrp-right {
    margin-left: 70px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    vertical-align: middle;
}
.hr-box .hrp-box .hrp-right .serie {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #d1d1d1;
}
.hr-box .hrp-box .hrp-right .serie:hover {
    text-decoration: underline;
    color: #e5e5e5;
}
.hr-box .hrf-box {
    width: 100%;
    height: auto;
    float: left;
    margin: 5px 0;
}
.hr-box .hrf-box .hrf-image {
    width: 50px;
    height: 76px;
    float: left;
    background-repeat: no-repeat;
    background-size: 100%;
}
.hr-box .hrf-box .hrf-right {
    margin-left: 60px;
    vertical-align: middle;
}
.hr-box .hrf-box .hrf-right .serie {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #666666;
}
.hr-box .hrf-box .hrf-right .episode {
    width: 100%;
    float: left;
    max-height: 30px;
    line-height: 15px;
    overflow: hidden;
    font-size: 13px;
    color: #b0b0b0;
}
.hr-box .hrf-box .hrf-right .episode:hover {
    color: #c4c4c4;
}
.hr-box .hrf-box .hrf-right a:hover {
    text-decoration: underline;
}
.hr-box .hrf-box .bts {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    position: relative;
    float: left;
}
.hr-box .hrf-box .bts .cs-follow {
    width: auto;
    float: left;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 20px;
    font-size: 13px;
}
.hr-box .hrf-box .bts .cs-follow:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/follow-before.png") center center;
    border-radius: 50%;
}
.hr-box .hrf-box .bts .cs-follow:hover {
    opacity: .9;
}
.hr-box .hrf-box .bts .cs-follow.active {
    opacity: .5;
}
.hr-box .hrf-box .bts .cs-follow.active:before {
    background: url("../img/follow-active-before.png") center center;
}
.hr-box .hrf-box .bts .cs-follow.active:hover {
    opacity: .8;
}
.hr-box .hrf-box .bts .cs-playlist {
    width: auto;
    float: left;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}
.hr-box .hrf-box .bts .cs-playlist:before {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    content: ' ';
    background: url("../img/playlist-before.png") center center;
    border-radius: 50%;
}
.hr-box .hrf-box .bts .cs-playlist:hover {
    opacity: .9;
}
.hr-box .hrf-box .bts .cs-playlist.active {
    opacity: .5;
}
.hr-box .hrf-box .bts .cs-playlist.active:before {
    background: url("../img/playlist-active-before.png") center center;
}
.hr-box .hrf-box .bts .cs-playlist.active:hover {
    opacity: .8;
}
/* Right List */
/* Video Main */

.video-main {
    width: 100%;
    height: auto;
    float: left;
    background: #000;
    margin: 10px 0;
}
/* Video Main */
/* New Calendar */

.nc-center {
    width: 900px;
    margin: 0 auto;
}
.ncm-day-title {
    width: 100%;
    height: 22px;
    float: left;
    text-align: center;
    background: #2d2d2d;
    text-align: center;
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
}
.ncm-day-title a.ncm-pday {
    float: left;
    color: #fff;
    background: #343434;
    font-size: 10px;
    border-radius: 2px 0 0 0;
    height: 22px;
    padding: 0 5px;
}
.ncm-day-title a.ncm-pday:before {
    width: 5px;
    height: 8px;
    float: left;
    background: url("../img/ncm-prev-day.png");
    content: '';
    margin: 7px 4px 0 1px;
}
.ncm-day-title a.ncm-pday:hover {
    background: #424242;
}
.ncm-day-title a.ncm-nday {
    float: right;
    color: #fff;
    background: #343434;
    font-size: 10px;
    border-radius: 0 2px 0 0;
    height: 22px;
    padding: 0 5px;
}
.ncm-day-title a.ncm-nday:before {
    width: 5px;
    height: 8px;
    float: right;
    background: url("../img/ncm-next-day.png");
    content: '';
    margin: 7px 1px 0 4px;
}
.ncm-day-title a.ncm-nday:hover {
    background: #424242;
}
.ncm-title {
    width: 100%;
    height: 22px;
    float: left;
    background: #242424;
    color: #999999;
    font-size: 11px;
    line-height: 22px;
}
.ncm-title .nc-sn {
    width: 650px;
    float: left;
    margin: 0 20px 0 90px;
}
.ncm-title .nc-sc {
    width: 130px;
    float: left;
}
.ncm-list-item {
    width: 100%;
    height: 80px;
    float: left;
    background: #1c1c1c;
    border-radius: 3px;
    margin-bottom: 2px;
}
.ncm-list-item .ncm-l-image {
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 50%;
    margin: 5px 15px 5px 5px;
    overflow: hidden;
}
.ncm-list-item .ncm-l-image img {
    width: 100%;
}
.ncm-list-item .ncm-name {
    width: 650px;
    height: 80px;
    float: left;
    line-height: 80px;
    color: #c6c6c6;
    font-size: 17px;
    font-weight: 300;
    margin-right: 20px;
    letter-spacing: -0.5px;
}
.ncm-list-item .ncm-details {
    width: 130px;
    float: left;
    padding-top: 28px;
    line-height: 11px;
    color: #999999;
}
.ncm-list-item .ncm-details span {
    font-size: 14px;
}
.ncm-list-item .ncm-details a {
    font-size: 12px;
    color: #c6c6c6;
}
.ncm-list-item .ncm-details a:hover {
    color: #fff;
}
.ncm-list-item:hover .ncm-name {
    color: #fff;
}
/* New Calendar */
/* Name List */

.nList-nav {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
    text-align: center;
}
.nList-nav a {
    height: 22px;
    display: inline-block;
    background: #333333;
    color: #fff;
    border-radius: 3px;
    line-height: 22px;
    padding: 0 7px;
}
.nList-nav a:hover {
    background: #666666;
}
.nList-half {
    width: 50%;
    float: left;
    padding-right: 10px;
}
.nList-half.right {
    padding: 0 0 0 10px;
}
.nList-box {
    width: 100%;
    height: auto;
    float: left;
    background: #1f1f1f;
    padding: 10px;
    margin: 10px 0;
}
.nList-box .nlb-title {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
.nList-box ul li {
    width: 100%;
    height: auto;
    float: left;
    padding: 3px 0;
}
.nList-box ul li:before {
    width: 6px;
    height: 6px;
    float: left;
    background: url("../img/name-list-before.png");
    content: '';
    margin: 5px 6px 0 0;
}
.nList-box ul li a {
    color: #ececec;
    font-size: 12px;
}
.nList-box ul li a span {
    color: #999999;
}
.nList-box ul li a:hover {
    text-decoration: underline;
}
/* Name List */

.link-content .broken-report {
    color: rgba(255, 255, 255, 0.54);
    margin-top: 5px;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
}
.link-content .broken-report:hover {
    color: #fff;
}
/* Suggest Container */

.suggest-container {
    width: 740px;
    margin: 0 auto;
    background: url("../img/suggest-bg.jpg") center top no-repeat;
    min-height: 362px;
    margin-top: -15px;
    padding: 40px;
}
.suggest-container .sg-title {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: -.8px;
}
.suggest-container .sg-content {
    width: 440px;
    height: auto;
    float: left;
    margin: 30px 110px;
    background: #181818;
    padding: 20px;
    border-radius: 4px;
}
.suggest-container .sg-label {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 10px;
}
.suggest-container .sg-input {
    width: 100%;
    height: 35px;
    float: left;
    font-family: 'open sans';
    color: #fff;
    background: #181818;
    border-radius: 2px;
    border: 1px solid #313131;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0 10px;
}
.suggest-container .sg-button {
    width: 100%;
    height: 35px;
    float: left;
    font-family: 'open sans';
    color: #fff;
    background: #e1184f;
    border-radius: 2px;
    text-align: center;
    border: none;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0 10px;
}
.suggest-container .sg-button:hover {
    background: #cf184f;
}
.suggest-container .sg-textarea {
    width: 100%;
    height: 100px;
    float: left;
    font-family: 'open sans';
    color: #fff;
    background: #181818;
    border-radius: 2px;
    border: 1px solid #313131;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 5px 10px;
}
/* Suggest Container */
/* Home Reviews */

.home-right.homeReviews {
    margin-right: 20px;
}
.homeReviews a[href^="https://t.co/PwYW1W15U6"] img {
    max-width: 100%;
    height: auto;
}
.home-right.homeReviews .hr-box {
    width: 100%;
}
.home-right.homeReviews .comment-box {
    background: #232323;
    border-radius: 3px;
    padding: 7px;
    margin: 5px 0;
}
.home-right.homeReviews .comment-box:after {
    display: none;
}
.home-right.homeReviews .comment-box .cb-right .comment-serie .cs-image,
.home-right.homeReviews .comment-box .cb-image {
    display: none;
}
.home-right.homeReviews .comment-box .cb-right {
    margin-left: 0;
}
.home-right.homeReviews .comment-box .cbr-comment {
    min-height: 0;
}
.home-right.homeReviews .comment-box .cb-right .comment-serie:before {
    display: none;
}
.home-right.homeReviews .comment-box .cb-right .comment-serie {
    margin-top: 5px;
    padding: 0;
}
.home-right.homeReviews .comment-box .cb-right .comment-serie .cs-name {
    width: 100%;
    line-height: normal;
    float: left;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.home-right.homeReviews .comment-box .cbr-comment .cbr-spoiler {
    display: none;
}
.home-left {
    margin-right: 640px;
}
/* Home Reviews */
/* Serie Detail Tabber */

.sd-tabber {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
    background: #202020;
    border-radius: 3px;
}
.sd-tabber .sdt-nav {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #2f2f2f;
}
.sd-tabber .sdt-nav li {
    width: 20%;
    float: left;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #2f2f2f;
    opacity: .6;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.sd-tabber .sdt-nav li:last-child {
    border-right: none;
}
.sd-tabber .sdt-nav li:first-child {
    border-radius: 3px 0 0 0;
}
.sd-tabber .sdt-nav li:last-child {
    border-radius: 0 3px 0 0;
}
.sd-tabber .sdt-nav li.active {
    background: #2f2f2f;
    opacity: 1;
}
.sd-tabber .sdt-nav li:hover {
    opacity: 1;
}
.sd-tabber .sdt-nav li span {
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.5px;
    font-size: 15px;
    width: auto;
    display: inline-block;
}
.sd-tabber .sdt-nav li span:before {
    width: 16px;
    height: 16px;
    float: left;
    content: ' ';
    margin-top: 12px;
    margin-right: 5px;
}
.sd-tabber .sdt-nav li span.episodes:before {
    background: url("../img/sdt-ep-before.png");
}
.sd-tabber .sdt-nav li span.reviews:before {
    background: url("../img/sdt-re-before.png");
}
.sd-tabber .sdt-nav li span.wallpapers:before {
    background: url("../img/sdt-wa-before.png");
}
.sd-tabber .sdt-nav li span.trailers:before {
    background: url("../img/sdt-tr-before.png");
}
.sd-tabber .sdt-nav li span.cast:before {
    background: url("../img/sdt-ca-before.png");
}
.sd-tabber .sdt-nav li:before {
    width: 11px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/st-tabber-before.png");
    content: ' ';
}
.sd-tabber .sdt-nav li:first-child:before {
    display: none;
}
.sd-tabber .sdt-content {
    width: 100%;
    height: auto;
    float: left;
    background: #181818;
    border: 5px solid #202020;
    display: none;
}
.sdt-content h2 {
    width: 100%;
    float: left;
    padding: 15px;
}
/* Serie Detail Tabber */
/* Serie Detail Gallery */

.sd-gallery {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin: 10px 0;
}
.sd-gallery li {
    width: auto;
    height: 169px;
    display: inline-block;
    margin: 2px;
}
.sd-gallery li img {
    height: 169px;
    cursor: pointer;
}
/* Serie Detail Gallery */
/* Serie Detail Cast */

.sd-cast {
    width: 100%;
    float: left;
}
.sd-cast .sc-item {
    width: 50%;
    float: left;
    padding: 10px;
}
.sc-item .sci-img {
    width: 80px;
    height: 80px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
}
.sc-item .sci-img img {
    width: 100%;
    margin-top: -15px;
}
.sc-item .sc-right {
    margin-left: 90px;
    padding-top: 20px;
}
.sc-item .sc-right .actor {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 15px;
    letter-spacing: -0.3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sc-item .sc-right .actor:hover {
    color: #b4b4b4;
}
.sc-item .sc-right span {
    color: #999;
}
/* Serie Detail Cast */
/* General Reviews */

.general-reviews {
    width: 23%;
    position: fixed;
    right: 14.3%;
    top: 0;
    bottom: 0;
    z-index: 9;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background: #181818;
}
.general-reviews.ptop {
    top: 70px;
}
.general-reviews:before {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 17px;
    background: #313131;
    content: ' ';
}
.general-reviews .gr-box {
    width: 100%;
    float: left;
    height: auto;
    margin: 10px 0;
    position: relative;
}
.general-reviews .gr-box:nth-child(2n) {}.general-reviews .gr-box .grb-image {
                                             width: 35px;
                                             height: 35px;
                                             float: left;
                                             overflow: hidden;
                                             border-radius: 50%;
                                         }
.general-reviews .gr-box .grb-image img {
    width: 35px;
}
.general-reviews .gr-box .grb-right {
    margin-left: 46px;
}
.general-reviews .gr-box .grb-comment {
    width: 100%;
    height: auto;
    float: left;
    padding: 7px;
    background: #1e1e1e;
}
.general-reviews .gr-box .grb-serie {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 5px;
    border-bottom: 1px solid #272727;
    padding-left: 10px;
    position: relative;
}
.general-reviews .gr-box .grb-serie:before {
    border: solid transparent;
    border-left-color: #9c9c9c;
    border-width: 4px;
    left: 0;
    top: 9px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.general-reviews .gr-box .grb-serie .grbs-image {
    width: 24px;
    height: 24px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
}
.general-reviews .gr-box .grb-serie .grbs-image img {
    width: 24px;
    margin-top: -7px;
}
.general-reviews .gr-box .grb-serie .grbs-right {
    margin-left: 30px;
}
.general-reviews .gr-box .grb-serie .serie {
    color: #fff;
    font-size: 12px;
    letter-spacing: -0.4px;
    width: 100%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.general-reviews .gr-box .grb-serie .serie:hover {
    color: #999;
}
.general-reviews .point-stars {
    width: 100%;
    float: left;
    height: 14px;
    line-height: 14px;
    color: #e1184f;
}
.general-reviews .point-stars .star {
    width: 12px;
    height: 14px;
    float: left;
    background: url("../img/comments-point-star.png");
}
.general-reviews .point-stars .star.pink {
    background: url("../img/comments-point-star-pink.png");
}
.general-reviews .point-stars span {
    margin-left: 5px;
}
.general-reviews .gr-box p {
    width: 100%;
    height: auto;
    float: left;
    color: #999;
    margin-top: 5px;
}
.general-reviews.eDetail {
    width: 504px;
    right: 10px;
}
.general-reviews.eDetail .create-comment .cc-bottom .ccb-button {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}
.general-reviews.eDetail .create-comment .cc-bottom {
    height: 30px;
}
.general-reviews.eDetail .create-comment .cc-bottom .ccb-left {
    margin-top: 9px;
}
.general-reviews .create-comment .cc-image {
    width: 40px;
    height: 40px;
}
.general-reviews .create-comment .cc-image img {
    width: 40px;
}
.general-reviews .create-comment .cc-right {
    margin-left: 50px;
}
/* General Reviews */
/* Other Reviews */

.other-reviews {
    width: 14%;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    box-shadow: inset 0 0 7px rgba(4, 4, 4, .52);
    padding-left: 10px;
}
.other-reviews.ptop {
    top: 70px;
}
.other-reviews .oc-box {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    border-bottom: 1px solid #252525;
    padding-bottom: 10px;
}
.other-reviews .oc-box .ocb-title {
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 12px;
}
.other-reviews .point-stars {
    width: 100%;
    float: left;
    height: 14px;
    line-height: 14px;
    color: #e2b823;
}
.other-reviews .point-stars .star {
    width: 12px;
    height: 14px;
    float: left;
    background: url("../img/comments-point-star.png");
}
.other-reviews .point-stars .star.pink {
    background: url("../img/comments-point-star-yellow.png");
}
.other-reviews .point-stars span {
    margin-left: 5px;
}
.other-reviews .oc-box .ocb-comment {
    width: 100%;
    height: auto;
    float: left;
    color: #999;
    margin-top: 5px;
}
.other-reviews .oc-box .ocb-more {
    width: 100%;
    height: auto;
    float: left;
    color: #666;
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
}
.other-reviews .oc-box .ocb-more:hover {
    text-decoration: underline;
}
/* Other Reviews */
/* Share Main */

.share-main {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
    border-radius: 3px;
}
.share-main .sm-button {
    width: 48%;
    height: 24px;
    display: inline-block;
    padding: 0 12px 0 32px;
    background: #2f2f2f;
    border-radius: 2px;
    line-height: 24px;
    color: #fff;
    position: relative;
    margin: 0 0.5%;
    text-align: center;
    cursor: pointer;
}
.share-main .sm-button:hover {
    opacity: .8;
}
.share-main .sm-button:before {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    border-radius: 2px 0 0 2px;
}
.share-main .sm-button:after {
    border: solid transparent;
    border-top-color: #2f2f2f;
    border-width: 4px;
    left: 19px;
    top: 10px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.share-main .sm-button.fb {
    background: #4d64b3;
}
.share-main .sm-button.fb:after {
    border-top-color: #4d64b3;
}
.share-main .sm-button.fb:before {
    background: url("../img/share-fb-icon.png") #425596;
}
.share-main .sm-button.tw {
    background: #4ab4f2;
}
.share-main .sm-button.tw:after {
    border-top-color: #4ab4f2;
}
.share-main .sm-button.tw:before {
    background: url("../img/share-tw-icon.png") #48a0d0;
}
.share-main .sm-button.gp {
    background: #e34b3d;
}
.share-main .sm-button.gp:after {
    border-top-color: #e34b3d;
}
.share-main .sm-button.gp:before {
    background: url("../img/share-gp-icon.png") #d13e34;
}
/* Share Main */
/* MessageContainer */

.messageContainer {
    width: 1040px;
    height: 700px;
    float: left;
    position: relative;
    padding-left: 250px;
    margin: 10px 0;
    background: #1c1c1c;
    border-radius: 2px;
}
.messageContainer .mc-left {
    width: 250px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #202020;
    border-right: 2px solid black;
    box-shadow: -4px 6px 15px rgba(0, 0, 0, 0.34) inset;
}
.messageContainer .mc-left .mcl-title {
    width: 100%;
    height: 40px;
    float: left;
    background: #232323;
    line-height: 40px;
    color: #999;
    font-size: 15px;
}
.messageContainer .mc-left .mcl-title:before {
    width: 20px;
    height: 20px;
    float: left;
    content: ' ';
    margin: 10px 5px 10px 10px;
    background: url("../img/mcl-title-before.png");
}
.messageContainer .mc-left .mcl-title .mcl-new-bt {
    width: 20px;
    height: 20px;
    float: right;
    margin: 10px;
    background: url("../img/mcl-new-bt.png");
    cursor: pointer;
}
.messageContainer .mc-left .mcl-title .mcl-new-bt:hover {
    background-color: #393939;
}
.messageContainer .mc-left .mcl-content {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 40px;
}
.messageContainer .mc-left .lm-item {
    width: 100%;
    float: left;
    border-bottom: 1px solid #292929;
    padding: 10px;
    cursor: pointer;
}
.messageContainer .mc-left .lm-item:hover {
    opacity: .8;
}
.messageContainer .mc-left .lm-item .lmi-image {
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
}
.messageContainer .mc-left .lm-item .lmi-image img {
    width: 100%;
}
.messageContainer .mc-left .lm-item .lmi-right {
    margin-left: 50px;
}
.lm-item .lmi-right .lmi-user {
    width: 100%;
    height: 15px;
    margin-top: 12px;
}
.lm-item .lmi-right .lmi-user span {
    width: auto;
    font-size: 13px;
    color: #fff;
    line-height: 15px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lm-item .lmi-right .lmi-ct {
    width: 100%;
    height: 15px;
    color: #666;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lm-item .lmi-right .lmi-date {
    width: 100%;
    height: 15px;
    color: #464646;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
}
.lm-item.unread {
    background: #252525;
}
.lm-item.unread .lmi-right .lmi-user span {
    padding-right: 10px;
    position: relative;
}
.lm-item.unread .lmi-right .lmi-user span:before {
    width: 4px;
    height: 4px;
    position: absolute;
    right: 3px;
    top: 7px;
    background: #e1184f;
    content: ' ';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.lm-item.active {
    background: #3e3e3e;
    background: #3e3e3e;
    box-shadow: 0 0 5px black inset, 0 0 50px #252525 inset;
    border-left: 4px solid #573F3F !important;
}
.lm-item.active .lmi-right .lmi-date {
    color: #666
}
.messageContainer .mc-right {
    left: 250px;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-radius: 2px;
}
.messageContainer .mc-right .mcr-title {
    width: 100%;
    height: 40px;
    float: left;
    background: #232323;
}
.messageContainer .mc-right .mcr-to {
    width: 100%;
    height: 40px;
    float: left;
    position: relative;
    padding: 0 40px;
    border: 2px solid #d0184c;
    border-radius: 20px;
}
.messageContainer .mc-right .mcr-to .mcr-label {
    width: 40px;
    line-height: 40px;
    color: #fff;
    padding-left: 10px;
    position: absolute;
    left: 0;
    top: 0;
}
.messageContainer .mc-right .mcr-to .mcr-input {
    width: 100%;
    height: 100%;
    float: left;
    background: none;
    border: none;
    color: #fff;
    font-size: 13px;
    outline: none;
    font-family: "open sans", trebuched MS, Arial, Helvetica, sans-serif;
}
.messageContainer .mc-right .mcr-to .mcr-close {
    width: 40px;
    height: 40px;
    background: url("../img/profile-remove-bt.png") center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: .5;
}
.messageContainer .mc-right .mcr-to .mcr-close:hover {
    opacity: 1;
}
.mcr-title .messageImage {
    width: 30px;
    height: 30px;
    float: left;
    margin: 5px;
    overflow: hidden;
    border-radius: 50%;
    line-height: normal;
}
.mcr-title .messageImage img {
    width: 100%;
}
.mcr-title .messageUser {
    width: auto;
    float: left;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
}
.mcr-title .messageDelete,
.mcr-title .messageBlock {
    width: auto;
    float: right;
    height: 40px;
    line-height: 40px;
    color: #666;
    padding: 0 10px;
    cursor: pointer;
}
.mcr-title .messageDelete:before,
.mcr-title .messageBlock:before {
    width: 10px;
    height: 10px;
    float: left;
    overflow: hidden;
    background: url("../img/messageBlock.png");
    content: ' ';
    margin-top: 15px;
    margin-right: 5px;
}
.mcr-title .messageDelete:before {
    background: url("../img/messageDelete.png");
}
.mcr-title .messageDelete:hover,
.mcr-title .messageBlock:hover {
    text-decoration: underline;
}
.mc-right .mcr-content {
    width: 100%;
    top: 40px;
    bottom: 100px;
    position: absolute;
}
.mcr-content .messageItem {
    width: 100%;
    float: left;
    position: relative;
    padding: 10px 10px 10px 60px;
}
.mcr-content .messageItem .mi-image {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 10px;
    top: 10px;
    overflow: hidden;
    border-radius: 50%;
}
.mcr-content .messageItem .mi-image img {
    width: 100%;
}
.mcr-content .messageItem .mi-content {
    width: auto;
    float: left;
    position: relative;
    padding: 7px;
    color: #999;
    background: #292929;
    border-radius: 3px;
}
.mcr-content .messageItem .mi-content:before {
    border: solid transparent;
    border-top-color: #292929;
    border-width: 6px;
    left: -6px;
    top: 18px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.mcr-content .messageItem.own {
    padding: 10px 60px 10px 10px;
}
.mcr-content .messageItem.own .mi-image {
    left: auto;
    right: 10px;
}
.mcr-content .messageItem.own .mi-content:before {
    left: auto;
    right: -6px;
}
.mcr-content .messageItem.own .mi-content {
    float: right;
}
.messageContainer .mcr-bottom {
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    border-radius: 0 0 3px 0;
}
.messageContainer .mcr-bottom .mcr-textarea {
    width: 100%;
    height: 80px;
    float: left;
    resize: none;
    outline: none;
    color: #f1f1f1;
    padding: 7px;
    background-color: #171717;
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(4, 4, 4, .58);
    border: 1px solid rgba(43, 43, 43, 0.64);
}
.messageContainer .mcr-bottom .mcr-button {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: url("../img/messageSend.png");
    border: none;
    outline: none;
}
.messageContainer .mcr-bottom .mcr-button:hover {
    background-color: #232323;
}
/* MessageContainer */
/* Profile Empty */

.profile-empty {
    width: 250px;
    color: #666;
    font-size: 15px;
    font-weight: 300;
    padding: 15px 0;
    margin: 0 auto;
}
.profile-empty:Before {
    width: 80px;
    height: 80px;
    float: left;
    background: url("../img/profile-empty.png");
    content: ' ';
}
/* Profile Empty */
/* Chat Main */

.chat-main {
    width: 260px;
    height: 30px;
    position: fixed;
    right: 10px;
    bottom: 0;
    z-index: 9999999;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    overflow: hidden;
}
.chat-main.openChat {
    width: 340px;
    height: 90%;
    box-shadow: 0 0 16px rgba(0, 0, 0, .75);
}
.chat-main .cm-title {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: #e1184f;
    line-height: 30px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    padding-right: 20px;
}
.chat-main .cm-title {
    background: #d0184c;
}
.chat-main .cm-title span {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
}
.chat-main .cm-title:before {
    width: 30px;
    height: 30px;
    float: left;
    background: url("../img/ct-before.png");
    content: '';
}
.chat-main .cm-title:after {
    border: solid transparent;
    border-bottom-color: #fff;
    border-width: 4px;
    right: 6px;
    top: 10px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.chat-main.openChat .cm-title:after {
    border: solid transparent;
    border-top-color: #fff;
    border-width: 4px;
    right: 6px;
    top: 14px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.chat-main .cm-content {
    width: 100%;
    position: absolute;
    background: #fff;
    top: 30px;
    left: 0;
    bottom: 0;
}
.chat-main .cm-content .create-message {
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #d0d0d0;
    padding: 10px;
}
.chat-main .cm-content .create-message .cm-textarea {
    width: 290px;
    height: 59px;
    float: left;
    background: #f2f2f2;
    padding: 5px;
    border: none;
    outline: none;
    resize: none;
    font-family: 'open sans';
}
.chat-main .cm-content .create-message .send-bt {
    width: 37px;
    height: 22px;
    position: absolute;
    right: 3px;
    bottom: 13px;
    border-radius: 0 2px 2px 0;
    color: #fff;
    border: none;
    font-family: 'open sans';
    background: #e1184f;
;
    box-shadow: inset 3px 0 3px rgba(0, 0, 0, .23);
}
.chat-main .cm-content .create-message .send-bt:hover {
    opacity: .8;
}
.chat-main .cm-content .create-message .chat-settings-bt {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 9px;
    top: 13px;
    cursor: pointer;
    background: url("../img/chat-settings.png");
}
.chat-main .cm-content .create-message .chat-settings-bt:hover {
    background-color: #f1f1f1;
}
.chat-main .cm-content .chat-list {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 90px;
}
.chat-main .cm-content .chat-list .cl-item {
    width: 100%;
    height: auto;
    float: left;
    margin: 3px 0;
}
.chat-main .cm-content .chat-list .cl-item .cli-img {
    width: 28px;
    height: 28px;
    float: left;
    border-radius: 50%;
    border: 1px solid #f1f1f1;
    overflow: hidden;
}
.chat-main .cm-content .chat-list .cl-item .cli-img img {
    width: 100%;
}
.chat-main .cm-content .chat-list .cl-item .cli-ct {
    margin-left: 32px;
    padding-top: 5px;
    color: #000;
    font-size: 13px;
    letter-spacing: -0.3px;
    word-break: break-all;
}
.chat-main .cm-content .chat-list .cl-item .cli-ct a {
    color: #e1184f;
    font-weight: 600;
}
.chat-main .cm-content .chat-list .cl-item .cli-ct a:hover {
    text-decoration: underline;
}
.chat-main .cm-content .chat-list .chat-desc {
    width: 100%;
    height: auto;
    float: left;
    margin: 3px 0;
    font-size: 12px;
    color: #999;
}
.chat-main .cm-content .chat-list .chat-desc a {
    color: #666;
    text-decoration: underline;
}
.chat-main .cm-content .chat-list .chat-desc a:hover {
    text-decoration: none;
}
.chat-main .cm-content .chat-list .chat-rules {
    width: 100%;
    height: auto;
    float: left;
    margin: 3px 0;
    font-size: 12px;
    color: #e1184f;
    border-bottom: 2px solid #e1184f;
    border-top: 2px solid #e1184f;
    padding: 5px;
    text-align: justify;
}
.chat-main .cm-content .chat-list .chat-rules a {
    color: #e1184f;
    text-decoration: underline;
}
.chat-main .cm-content .chat-list .chat-rules a:hover {
    text-decoration: none;
}
/* Chat Main */
/* Messages AutoComplete */

#username_results {
    width: 97%;
    position: absolute;
    left: 11px;
    top: 42px;
    border-radius: 3px;
    border: 1px solid black;
    border-top: none;
    overflow: hidden;
    background: #2D2D2D !important;
}
#username_results ul {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    position: relative !important;
    z-index: 999999;
    left: auto !important;
    top: auto !important;
}
#username_results ul li {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #333333;
}
#username_results ul li a {
    width: 100%;
    float: left;
    color: #333;
    font-size: 14px;
    padding: 7px;
}
#username_results ul li a {
    width: 100%;
    float: left;
    color: #FFF;
    font-size: 13px;
    padding: 7px;
}
#username_results ul li a:hover {
    background-color: #f1f1f1;
    color: #000;
}
/* Messages AutoComplete */

/* -------------------- Responsive -------------------- */
/* 1600 */
/* 1600 */
/* 1600 */

@media (max-width: 1600px) {
    .grid-main.eight .grid-item {
        width: 14.28%;
    }
    .grid-main.five .grid-item {
        width: 25%;
    }
    .header .search-main.expand .search-input {
        font-size: 45px;
    }
    .a-following-box .af-box {
        width: 100%;
    }
    .a-following-box .af-box.ext {
        display: none;
    }
    .home-left .center {
        width: 100%;
    }
    /* Home Reviews */

    .home-right {
        width: 240px;
    }
    .home-right.homeReviews {
        margin-right: 10px;
    }
    .home-right .hr-box {
        width: 100%;
    }
    .home-left {
        margin-right: 500px;
    }
    .home-boxes .hgrid {
        width: 33%;
    }
    .home-boxes .hgrid:nth-child(4n) {
        padding-right: 20px;
    }
    .home-boxes .hgrid:nth-child(3n) {
        padding-right: 0;
    }
    /* Home Reviews */

    .other-reviews {
        float: left;
        position: static;
        width: 1040px;
        height: 500px;
    }
    .general-reviews {
        right: 10px;
    }
    .general-reviews.eDetail {
        width: 300px;
    }
}
/* 1350 */
/* 1350 */
/* 1350 */

@media (max-width: 1350px) {
    .general-reviews {
        width: 35px;
    }
    .general-reviews:hover {
        width: 264px;
        z-index: 99999;
        padding-left: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    }
    .general-reviews.eDetail {
        float: left;
        position: static;
        width: 98% !important;
        margin: 10px 1%;
        height: 500px !important;
        padding: 0 !important;
    }
    .general-reviews .gr-box p {
        width: 204px;
    }
    .general-reviews .create-comment .cc-general .comment-point {
        display: none;
    }
    .general-reviews .create-comment .cc-general .cc-textarea {
        padding: 5px;
    }
    .general-reviews .create-comment .cc-bottom .ccb-left {
        display: none;
    }
}
/* 1300 */
/* 1300 */
/* 1300 */

@media (max-width: 1300px) {
    .grid-main.eight .grid-item {
        width: 16.6%;
    }
    .grid-main.five .grid-item {
        width: 33.3%;
    }
    .calendar-main .day-main.min .day-trigger .day-details {
        line-height: 20px;
    }
    .calendar-main .day-trigger .day-bar .bar span {
        display: none;
    }
    .nc-center {
        width: 100%;
        float: left;
    }
    .ncm-list-item {
        position: relative;
    }
    .ncm-title {
        display: none;
    }
    .ncm-list-item .ncm-l-image {
        position: absolute;
        z-index: 9;
        left: 0;
        top: 0;
    }
    .ncm-list-item .ncm-name {
        width: 100%;
        padding-left: 90px;
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        line-height: 40px;
    }
    .ncm-list-item .ncm-details {
        position: absolute;
        left: 90px;
        margin: 0;
        top: 40px;
        padding-top: 0;
    }
}
/* 1200 */
/* 1200 */
/* 1200 */

@media (max-width: 1200px) {
    .header .search-main {
        width: 110px;
        overflow: hidden;
        left: 690px;
    }
    .header .search-main.expand .search-input {
        font-size: 35px;
    }
    .center {
        width: 100%;
        float: left;
    }
    .header .header-right .notf-follow,
    .header .header-right .notf-playlist {
        margin-right: 3px;
    }
    .reg-center {
        width: 90%;
        margin: 50px 5%;
    }
    /* Home Reviews */

    .home-right {
        width: 300px;
    }
    .home-right.homeReviews {
        display: none;
    }
    .home-left {
        margin-right: 320px;
    }
    /* Home Reviews */

    .messageContainer {
        width: 100%;
    }
}
/* 1100 */
/* 1100 */
/* 1100 */

@media (max-width: 1100px) {
    .general-container {
        width: 100%;
    }
    .latest-timeline .latest-day .ld-content {
        max-width: 96%;
        margin: 10px 2%;
        position: relative;
        z-index: 99;
    }
    .latest-timeline .latest-day .ld-label {
        width: 100%;
    }
    .latest-timeline .latest-day .ld-label:before {
        display: none;
    }
    .latest-timeline .latest-day .ld-label:after {
        right: auto;
        left: 63px;
    }
    .latest-timeline .latest-item {
        width: 30%;
        margin: 1.5% !important;
    }
    .general-right {
        width: auto;
        float: none;
        margin-left: 270px;
        margin-right: 10px;
    }
    .el-item a > div,
    .el-item > div {
        width: 20% !important;
        margin-right: 1% !important;
    }
    .el-item > div.status {
        width: 13% !important;
        margin-right: 1% !important;
    }
    .el-season-title {
        margin: 10px 0;
    }
    .el-season-title span {
        background: #181818;
        padding: 0 5px;
        margin-left: 5px;
        left: 0;
    }
    .el-season-title span:before {
        display: none;
    }
    .epCheck input {
        opacity: 0;
    }
    .ll-title > div,
    .ll-item > div {
        width: 19% !important;
        margin-right: 1% !important;
    }
    .ll-title .watch,
    .ll-item .watch {
        display: none !important;
    }
    .watchlist-table .wl-item .image {
        display: none;
    }
    .general-right .grid-main.four .grid-item {
        width: 33.3%;
    }
    .backdrops {
        text-align: center;
    }
    .backdrops .b-box {
        width: 140px !important;
        height: 80px !important;
        margin: 1px !important;
        float: none !important;
        display: inline-block;
        position: static !important;
    }
    .backdrops .b-box img {
        width: 100% !important;
        margin: 0 !important;
    }
    .gallery-general .gallery-content {
        width: 80%;
        left: 10%;
        margin: 0;
    }
    .reg-center {
        text-align: center;
    }
    .reg-center .ri-general {
        width: 51%;
        margin: 20px 0;
        float: none;
        display: inline-block;
        text-align: left;
    }
    .reg-center .ri-btg {
        margin-top: 60px;
    }
    .reg-center .reg-text {
        margin: 30px 0;
    }
    .reg-center .reg-title {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .reg-center .ri-general.center {
        margin-left: auto;
    }
    .other-reviews {
        width: 98%;
        margin: 10px 1%;
    }
    .general-reviews {
        float: left;
        position: static;
        width: 98% !important;
        margin: 10px 1%;
        height: 500px !important;
        padding: 0 !important;
    }
    .general-reviews:before {
        display: none;
    }
    .general-reviews .gr-box {
        width: 100%;
    }
    .general-reviews:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .general-reviews .gr-box p {
        width: 100%;
    }
}
/* 1000 */
/* 1000 */
/* 1000 */

@media (max-width: 1000px) {
    .grid-main.eight .grid-item {
        width: 20%;
    }
    .grid-main.five .grid-item {
        width: 50%;
    }
    .header .main-menu ul li a {
        font-size: 15px;
    }
    .header .search-main {
        left: 600px;
    }
    .header .main-menu {
        width: auto;
    }
    .header .search-main.expand .search-general {
        padding: 40px;
    }
    .header .search-main.expand .search-button {
        right: 55px;
        top: 40px;
    }
    .modal-results {
        right: 40px;
        top: 190px;
        left: 40px;
        bottom: 0px;
    }
    .modal-results .rg-title {
        font-size: 18px;
    }
    .header .header-right .user-main .um-image {
        display: none;
    }
    .sponsored-left {
        display: none;
    }
    .link-detail {
        width: 100%;
        margin: 0;
        float: left;
    }
    .watchlist-table .wl-item .remove,
    .watchlist-table .wl-item .watch {
        display: none;
    }
    .watchlist-table .wl-item > div {
        width: 32% !important;
        margin-right: 1%;
    }
    .full-table.lightColor.vm tr td:nth-child(2) {
        min-width: 150px;
    }
    .cover-area .ca-bottom .cab-desc {
        display: none;
    }
    .cover-area .ca-bottom .cab-top .second-title {
        display: none;
    }
    .ld-left {
        width: 100%;
        margin: 20px 0;
    }
    .ld-right {
        width: 100%;
    }
    .ld-right:Before {
        display: none;
    }
    .ldr-item.active:before {
        display: none;
    }
    .home-boxes .hgrid {
        width: 33%;
        padding: 10px 20px 10px 0;
    }
    .home-boxes .hgrid:nth-child(4n) {
        padding-right: 20px;
    }
    .home-boxes .hgrid:nth-child(3n) {
        padding-right: 0;
    }
    .nList-half {
        width: 100%;
        padding: 0 !important;
    }
    .cover-area .ca-bottom .cab-top h1 {
        width: 100%;
    }
    .cover-area .ca-bottom .cab-top .watch-count {
        left: 0;
    }
}
/* 900 */
/* 900 */
/* 900 */

@media (max-width: 900px) {
    .header {
        position: relative;
    }
    .header .logo {
        position: absolute;
        background-color: transparent;
        left: 50%;
        margin-left: -62px;
    }

    .logoInfo{
        left: 50%;
        position: absolute;
        margin-left: 50px;
        z-index: 9999999;
    }
    .logoInfo .logoInfoDrop{
        width: 250px;
        margin-left: -150px;
    }
    .logoInfo .logoInfoDrop:before {
        left: 165px;
    }
    .header .main-menu {
        position: static;
        width: 70px;
        height: 70px;
        overflow: hidden;
        background: url("../img/mobile-menu-trigger.png");
        margin: 0;
        cursor: pointer;
    }
    .header .search-main {
        width: 70px;
        left: 70px;
    }
    .header .search-main .search-input {
        opacity: 0;
    }
    .header .search-main.expand .search-input {
        opacity: 1;
    }
    .grid-main.eight .grid-item {
        width: 25%;
    }
    .half-page {
        width: 100%;
        float: left;
        margin: 10px 0 !important;
    }
    .grid-main.five .grid-item {
        width: 33.3%;
    }
    .header .main-menu ul {
        width: 250px;
        height: 100%;
        position: fixed;
        background: #333;
        display: none;
        z-index: 9999999;
    }
    .header .main-menu ul:before {
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0, 0, 0, 0.4) url("../img/mobile-menu-close.png") right top no-repeat;
        content: ' ';
        cursor: pointer;
    }
    .header .main-menu ul li {
        width: 100%;
        position: relative;
        z-index: 999;
        border-bottom: 1px solid #323232;
    }
    .header .main-menu ul li a {
        width: 100%;
        position: relative;
        z-index: 999;
        font-size: 19px;
        font-weight: 400;
    }
    .header .main-menu.open ul {
        display: block;
    }
    .content-box {
        cursor: pointer;
    }
    .content-box .cb-first {
        -webkit-transition: 0s;
        -moz-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
    }
    .content-box .cb-second {
        -webkit-transition: 0s;
        -moz-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
        opacity: 1;
        display: none;
    }
    .content-box:hover .cb-second {
        display: block;
    }
    .header .header-right .user-main .um-drop ul li a {
        padding: 10px;
        font-size: 15px;
    }
    .header .header-right .notf-drop .nf-item .nf-content {
        font-size: 13px;
    }
    .header .header-right .notf-drop .nf-item .nf-content span {
        font-size: 14px;
    }
    .latest-timeline .latest-item {
        width: 48%;
        margin: 1% !important;
    }
    .wide-box {
        padding-bottom: 40px;
    }
    .following-list .following-box .fb-right .el-item > div.status {
        width: 25% !important;
    }
    .general-right .grid-main.four .grid-item {
        width: 50%;
    }
    .link-detail .link-point-main .lp-label {
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .link-detail .link-point-main .lp-buttons {
        width: 48%;
        margin: 0;
        text-align: right;
        margin-top: 15px;
    }
    .link-detail .link-point-main .lp-point {
        margin-top: 10px;
        width: 48%;
        text-align: left;
    }
    .trailer-box .tb-details,
    .trailer-box .tb-video {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }
    .trailer-box .tb-video iframe {
        width: 100% !important;
    }
    .comment-box .cb-cpoint .cbp-point,
    .create-comment {
        display: none;
    }
    .hl-title .filters {
        display: none;
    }
    .sd-tabber .sdt-nav li span {
        overflow: hidden;
        width: 18px;
        height: 40px;
    }
    .messageContainer .mc-left {
        width: 150px;
    }
    .messageContainer .mc-right {
        left: 150px;
    }
    .messageContainer .mc-left .lm-item .lmi-image {
        width: 25px;
        height: 25px;
    }
    .messageContainer .mc-left .lm-item .lmi-right {
        margin-left: 30px;
    }
}
/* 800 */
/* 800 */
/* 800 */

@media (max-width: 800px) {
    .modal-results .result-grid {
        width: 47%;
    }
    .modal-results .result-grid:nth-child(2) {
        margin: 0;
    }
    .modal-results .result-grid:nth-child(3) {
        display: none;
    }
    .ll-title > div,
    .ll-item > div {
        width: 24% !important;
        margin-right: 1% !important;
    }
    .ll-title .sub,
    .ll-item .sub {
        display: none !important;
    }
    .ll-title .dub,
    .ll-item .dub {
        display: none !important;
    }
    .ll-title .site,
    .ll-item .site {
        width: 32% !important;
    }
    .grid-main.four .grid-item {
        width: 33%;
    }
    .following-list .following-box .fb-right {
        width: 100%;
        float: left;
        margin: 0;
    }
    .link-detail {
        height: 520px;
        background-position: center;
    }
    .cover-area {
        height: 300px;
    }
    .actor-details {
        height: auto;
        float: left;
        text-align: center;
        border-radius: 130px 130px 5px 5px;
        width: 96%;
        margin: 2%;
    }
    .actor-details .actor-image {
        float: none;
        display: inline-block;
    }
    .actor-details .actor-right {
        width: 100%;
        margin: 0;
        height: auto;
        float: left;
    }
    .actor-details .actor-right p {
        max-height: none;
    }
    .reg-center .ri-general {
        width: 80%;
    }
    .contact-container {
        width: 96%;
        float: left;
        margin: 20px 2%;
    }
    .home-boxes .hgrid {
        width: 50%;
        padding: 10px 20px 10px 0;
    }
    .home-boxes .hgrid:nth-child(3n) {
        padding-right: 20px;
    }
    .home-boxes .hgrid:nth-child(2n) {
        padding-right: 0;
    }
    .top-buttons {
        text-align: center;
    }
    .customSelect {
        margin: 0;
        float: none !important;
        display: inline-block;
        text-align: left;
    }
    .suggest-container {
        width: 100%;
    }
    .suggest-container .sg-content {
        width: 90%;
        margin: 5%;
    }
    .sd-cast .sc-item {
        width: 100%;
    }
    .header-right .mobileChatTrigger {
        width: 40px;
        height: 40px;
        float: right;
        background: url("../img/hr-chatTrigger.png");
        cursor: pointer;
        margin-top: 15px;
        margin-right: 10px;
        position: relative;
        display: block;
    }
    .header-right .mobileChatTrigger span {
        height: 14px;
        line-height: 14px;
        position: absolute;
        background: #e1184f;
        color: #fff;
        font-size: 10px;
        border-radius: 9px;
        padding: 0 4px;
        right: 0;
        bottom: -4px;
    }
}
/* 700 */
/* 700 */
/* 700 */

@media (max-width: 700px) {
    .home-right {
        display: none;
    }
    .home-left {
        margin: 0;
    }
    .cover-area .ca-bottom .cab-top .trailer-bt {
        display: none;
    }
    .cover-area .ca-bottom .bts {
        float: left;
    }
    .hl-title {
        text-align: center;
    }
    .hl-title a {
        display: inline-block;
        float: none !important;
    }
}
/* 600 */
/* 600 */
/* 600 */

@media (max-width: 600px) {
    .grid-main.eight .grid-item {
        width: 33.3%;
    }
    .footer {
        display: none;
    }
    .header .search-main.expand .search-general {
        min-width: 300px;
        left: 10px;
        top: 10px;
        bottom: 10px;
        right: 10px;
        padding: 10px;
    }
    .header .search-main.expand .search-button {
        display: none;
    }
    .header .search-main.expand .search-input {
        padding: 0;
        margin-top: 30px;
        font-size: 20px;
        height: 50px;
    }
    .modal-results {
        top: 100px;
        left: 0;
        right: 0;
    }
    .header .search-main .search-close {
        right: 0;
        top: 0;
    }
    .modal-results .rg-title {
        display: none;
    }
    .modal-results .grid-list {
        top: 0;
    }
    .modal-results .result-grid {
        width: 100%;
        margin: 0;
    }
    .modal-results .result-grid:nth-child(2),
    .modal-results .result-grid:nth-child(3) {
        display: none;
    }
    .tags {
        width: 90%;
        margin: 10px 5%;
    }
    .general-left {
        width: 100%;
        border-bottom: 1px solid #343434;
        margin-bottom: 20px;
    }
    .general-left:before {
        display: none;
    }
    .general-right {
        width: 96%;
        float: left;
        margin: 0 2% 0 2%;
    }
    .general-right h2 {
        color: #989898;
    }
    .gl-detail-box {
        width: 180px;
        padding: 10px;
        display: none;
    }
    .gl-detail-box .vote-main {
        display: none;
    }
    .shares,
    .gl-points,
    .actor-list {
        float: none !important;
        margin-left: 180px !important;
        margin-right: 20px !important;
        width: auto !important;
    }
    .gl-inf-box {
        float: none !important;
        display: table !important;
        margin-left: 180px !important;
        margin-right: 20px !important;
        width: auto !important;
    }
    .gl-inf-box.limited {
        display: none !important;
    }
    .add-link-fixed {
        display: none !important;
    }
    .profile-box {
        display: block;
        float: none;
        margin: 0 auto;
    }
    .profile-links {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        margin-right: 2px;
    }
    .profile-links li {
        float: none;
        display: inline-block;
        width: auto;
    }
    .profile-links li a .count-box {
        display: none;
    }
    .w-center,
    .w-container {
        width: 100%;
    }
    .w-center img,
    .w-container img {
        max-width: 100%;
    }
    .general-left.flt {
        position: relative;
        height: 0;
        cursor: pointer;
        overflow: hidden;
        padding: 50px 0 0 0;
    }
    .general-left.flt:after {
        width: 100%;
        height: 50px;
        position: absolute;
        left: 0;
        top: 0;
        background: url("../img/mobile-filter-bg.png") left center no-repeat;
        content: 'Filter';
        line-height: 50px;
        font-size: 15px;
        color: #999;
        padding-left: 45px;
    }
    .following-list .following-box .fb-right {
        float: none;
        width: auto;
        height: 180px;
        margin: 5px 5px 5px 197px;
    }
    .cover-area {
        height: 250px;
    }
    .gl-detail-box h2 {
        display: none;
    }
    .cover-area img,
    .general-left.serieDetail .gl-detail-box .gld-image img {
        margin: 0;
    }
    .cover-area .ca-bottom {
        padding: 90px 10px 10px 10px;
    }
    .cover-area .ca-bottom .bts {
        float: left;
    }
    .create-comment .cc-bottom .ccb-left {
        font-size: 10px;
    }
    .ldr-item .point-pane {
        display: block;
    }
    .reg-center {
        width: 96%;
        margin: 20px 2%;
    }
    .reg-center .ri-general {
        width: 100%;
    }
    .cover-area .ca-top .gl-points {
        float: right !important;
        margin: 0 !important;
    }
    .backdrops,
    .general-left.serieDetail {
        display: none !important;
    }
    .cover-area .genres {
        display: none;
    }
}
/* 500 */
/* 500 */
/* 500 */

@media (max-width: 500px) {
    .header {
        position: relative;
        margin-bottom: 40px;
    }
    .header .header-right {
        width: 100%;
        height: 40px;
        margin: 0;
        position: absolute;
        bottom: -40px;
        background: #131313;
        text-align: center;
        max-width: none;
    }
    .header .header-right .user-button {
        line-height: 40px;
        height: 40px;
        float: none;
        display: inline-block;
    }
    .header .search-main {
        left: auto;
        right: 0;
    }
    .header .header-right .notf-follow,
    .header .header-right .notf-playlist {
        margin: 6px;
    }
    .header .header-right .user-main .um-trigger,
    .header .header-right .user-main {
        height: 40px;
    }
    .header .header-right .user-main .um-trigger:before {
        top: 19px;
    }
    .header .header-right .user-main .um-text {
        height: 40px;
        line-height: 40px;
        margin-left: 10px;
    }
    .full-container {
        padding: 10px;
    }
    .half-page {
        padding: 0 !important;
    }
    .following-list .following-box .fb-right {
        margin-left: 125px;
    }
    .following-list .following-box .fb-image {
        width: 120px;
        overflow: hidden;
    }
    .following-list .following-box .wb-center {
        margin-left: 140px;
    }
    .grid-main.five .grid-item,
    .grid-main.eight .grid-item {
        width: 50%;
    }
    .latest-timeline .latest-item {
        width: 100%;
        margin: 10px 0 !important;
    }
    .grid-main.four .grid-item {
        width: 50%;
    }
    .calendar-general {
        display: none;
    }
    .ldr-item .point-pane {
        display: none;
    }
    .home-boxes .hgrid {
        width: 100%;
        padding: 10px 0 !important;
    }
    .cover-area .ca-bottom .cab-top h1 {
        font-size: 23px;
        line-height: 25px;
    }
    .header .header-right .user-main .um-drop {
        right: auto;
        left: 0;
        top: 36px;
        text-align: left;
    }
    .suggest-container .sg-content {
        width: 100%;
        margin: 5% 0;
    }
    .suggest-container {
        padding: 20px;
    }
    .messageContainer .mc-left .lm-item .lmi-right {
        display: none;
    }
    .messageContainer .mc-left .mcl-title {
        font-size: 0;
    }
    .messageContainer .mc-left {
        width: 45px;
    }
    .messageContainer .mc-left .mcl-title:before {
        display: none;
    }
    .messageContainer .mc-right {
        left: 45px;
    }
    .header-right .hr-buttons,
    .header-right .h-user {
        margin: 0;
        float: none;
        display: inline-block;
        margin-top: 5px;
    }
    .header-right .h-user .hu-drop {
        left: -20px;
        text-align: left;
    }
    .header-right .h-user .hu-drop:before {
        right: 164px;
    }
    .header-right .not-drop {
        width: 260px;
        right: -120px;
        text-align: left;
    }
    .header-right .not-drop:before {
        right: 128px;
    }
    .header-right .h-user {
        height: 30px;
    }
    .header-right .h-user .hu-trigger {
        width: 30px;
        height: 30px;
    }
    .messageContainer .mc-left .lm-item {
        position: relative;
    }
    .messageContainer .mc-left .lm-item.unread:before {
        width: 4px;
        height: 4px;
        position: absolute;
        right: 3px;
        top: 7px;
        background: #e1184f;
        content: ' ';
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    .mcr-title .messageDelete,
    .mcr-title .messageBlock {
        font-size: 0
    }
    .header-right .h-user:before {
        top: 15px;
    }
    .header-right .mobileChatTrigger {
        margin-top: 0;
    }
}
/* 400 */
/* 400 */
/* 400 */

@media (max-width: 400px) {
    .chat-main.openChat,
    .chat-main {
        width: 260px;
    }
    .chat-main .cm-content .create-message .cm-textarea {
        width: 210px;
    }
}
/* Responsive */