/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url(icon-font.css);
@import url(redactor.css);
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.pagenav .crumbs > li a:after {
  margin: 0;
  font-family: "dramafever" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  float: left;
  font-size: 1em; }

/* =======================
Grid System -Neat
=======================*/
/* =======================
Breakpoints
=======================*/
/* =======================
Base Element Properties
=======================*/
/* =======================
Color Palette
=======================*/
/* =======================
Typography
=======================*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway";
  line-height: 1.25em;
  margin: 0;
  text-rendering: optimizeLegibility; }

h1 {
  font-size: 32px; }

h2 {
  font-size: 28.8px; }

h3 {
  font-size: 22.4px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18.4px; }

h6 {
  font-size: 16px; }

p {
  margin: 0 0 12px; }

a {
  color: #f52c3f;
  text-decoration: none;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear; }
  a:hover {
    color: #ac1f2c; }
  a:active, a:focus {
    color: #ac1f2c;
    outline: none; }

abbr, acronym {
  border-bottom: 1px dotted #e5e2e2;
  cursor: help; }

address {
  display: block;
  margin: 0 0 12px; }

hgroup {
  margin-bottom: 12px; }

del {
  color: #584646; }

blockquote {
  border-left: 2px solid #e5e2e2;
  color: #584646;
  margin: 24px 0;
  padding-left: 12px; }

cite {
  color: #745d5d;
  font-style: italic; }
  cite:before {
    content: '\2014 \00A0'; }

.form-group {
  margin: 10px 0; }
  .form-group label {
    font-weight: bold;
    margin-right: 10px; }
  .form-group .error {
    margin-left: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }

.error {
  background: #ffdce2;
  padding: 3px 10px;
  border: 1px solid #ebcad0;
  color: #911a1a;
  border-radius: 2px;
  position: relative; }
  .error:after {
    content: '';
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #ebcad0; }

table {
  border-collapse: collapse;
  margin: 0;
  table-layout: fixed;
  width: 100%; }

th,
.th {
  border-bottom: 1px solid #c1baba;
  font-weight: bold;
  padding: 6px 0;
  text-align: left;
  text-transform: uppercase;
  font-size: .65em;
  color: #908d8e;
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(#fafafa, #f0f0f0);
  background-image: linear-gradient(#fafafa, #f0f0f0);
  border: 1px solid #e5e2e2; }

.th .label {
  float: left; }
.th > a {
  float: right;
  color: #aaa; }
  .th > a:hover {
    color: #f52c3f; }

td,
.td {
  border-bottom: 1px dotted #e9e6e6;
  border-right: 1px solid #efeeee;
  padding: 6px 0; }
  td:last-child,
  .td:last-child {
    border-right: none; }

tr, td, th {
  vertical-align: middle; }

td, th {
  padding: 5px; }

tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.5); }

tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.3); }

tbody {
  border: 1px solid #e5e2e2; }

.df-dropdown {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  position: relative;
  display: inline-block; }
  .df-dropdown:hover dd {
    opacity: 1;
    pointer-events: all; }
  .df-dropdown dt a {
    font-weight: 500;
    display: block;
    color: #2d2424; }
    .df-dropdown dt a .dficon-caret-down {
      color: #938e8e; }
  .df-dropdown dd {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    min-width: 150px;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .df-dropdown dd > ul {
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 3px;
      overflow: hidden;
      z-index: 1000;
      -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .df-dropdown dd > ul > li {
        display: block;
        font-weight: normal;
        background-color: #fcfcfc;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f9f9f9));
        background-image: -webkit-linear-gradient(#fcfcfc, #f9f9f9);
        background-image: linear-gradient(#fcfcfc, #f9f9f9);
        font-size: 16px; }
        .df-dropdown dd > ul > li:hover {
          background-color: white;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fdfdfd));
          background-image: -webkit-linear-gradient(white, #fdfdfd);
          background-image: linear-gradient(white, #fdfdfd); }
        .df-dropdown dd > ul > li a {
          color: #2d2424;
          padding: 5px 10px;
          display: block;
          border-bottom: 1px solid #e5e2e2;
          -webkit-transition: all 0 ease-in-out;
          -moz-transition: all 0 ease-in-out;
          transition: all 0 ease-in-out;
          font-size: 0.75em; }
        .df-dropdown dd > ul > li:last-child a {
          border-bottom: 0;
          border-radius: 0 0 3px 3px; }
        .df-dropdown dd > ul > li.active a, .df-dropdown dd > ul > li.active a:hover {
          color: #fff;
          background-color: #302224;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #302224), color-stop(100%, #251618));
          background-image: -webkit-linear-gradient(#302224, #251618);
          background-image: linear-gradient(#302224, #251618); }

.pagenav {
  font-size: 16px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 500; }
  .pagenav > .container {
    position: relative; }
  .pagenav .tabs > li,
  .pagenav .crumbs > li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .pagenav .tabs > li a,
    .pagenav .crumbs > li a {
      display: block;
      padding: 5px; }
  .pagenav .tabs {
    font-size: 0.875em;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 10px; }
    @media screen and (max-width: 940px) {
      .pagenav .tabs {
        width: 100%;
        text-align: center;
        margin-left: 0; } }
    .pagenav .tabs > li {
      margin-right: 2px; }
      @media screen and (max-width: 940px) {
        .pagenav .tabs > li {
          margin-right: 1px; } }
      .pagenav .tabs > li a {
        background: #eeeded;
        box-shadow: inset 0 -3px 3px 0 rgba(0, 0, 0, 0.05);
        color: #2d2424;
        border-radius: 2px 2px 0 0;
        padding: 10px 20px;
        -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .pagenav .tabs > li a:hover {
          background: #fbf9f9;
          box-shadow: none; }
        @media screen and (max-width: 940px) {
          .pagenav .tabs > li a {
            padding: 10px 20px; } }
    .pagenav .tabs .active a {
      background: #fff;
      box-shadow: inset 0 -3px 0 0 #f52c3f; }
  .pagenav .crumbs {
    float: right;
    font-size: 0.8125em; }
    .pagenav .crumbs > li {
      border-right: 1px solid rgba(255, 255, 255, 0.15); }
      .pagenav .crumbs > li a {
        padding: 5px 15px;
        color: #fff;
        position: relative;
        -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .pagenav .crumbs > li a:hover {
          background: #f52c3f;
          color: #fff; }
        .pagenav .crumbs > li a:after {
          content: "J";
          background: rgba(0, 0, 0, 0.7);
          position: absolute;
          right: -9px;
          top: 9px;
          color: #eee !important;
          padding: 2px;
          text-align: center;
          border-radius: 25px;
          z-index: 100; }
      .pagenav .crumbs > li:last-child {
        border-right: none; }
        .pagenav .crumbs > li:last-child a {
          pointer-events: none; }
          .pagenav .crumbs > li:last-child a:hover {
            background: transparent !important; }
          .pagenav .crumbs > li:last-child a:after {
            display: none; }
    @media screen and (max-width: 1024px) {
      .pagenav .crumbs {
        display: none; } }

.btn {
  padding: 3px 8px;
  border-radius: 2px; }

.btn-lg {
  padding: 6px 18px; }

.btn-default {
  background-color: #fcfcfc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f3f3f3));
  background-image: -webkit-linear-gradient(#fcfcfc, #f3f3f3);
  background-image: linear-gradient(#fcfcfc, #f3f3f3);
  border: 1px solid #e5e2e2;
  color: #2d2424; }
  .btn-default > i {
    color: #2d2424; }
  .btn-default:hover {
    background-color: #fcfcfc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #fcfcfc));
    background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc);
    background-image: linear-gradient(#fcfcfc, #fcfcfc);
    color: #575050; }

.btn-light {
  background-color: #fdfdfd;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #fcfcfc));
  background-image: -webkit-linear-gradient(#fdfdfd, #fcfcfc);
  background-image: linear-gradient(#fdfdfd, #fcfcfc);
  border: 1px solid rgba(229, 226, 226, 0.5); }
  .btn-light:hover {
    background-color: #fefefe;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #fefefe));
    background-image: -webkit-linear-gradient(#fefefe, #fefefe);
    background-image: linear-gradient(#fefefe, #fefefe);
    color: #575050; }

.btn-dark, .list-page {
  background-color: #3b2d2f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b2d2f), color-stop(100%, #251618));
  background-image: -webkit-linear-gradient(#3b2d2f, #251618);
  background-image: linear-gradient(#3b2d2f, #251618);
  border: 1px solid rgba(37, 22, 24, 0.3);
  color: #fff; }
  .btn-dark:hover, .list-page:hover {
    background-color: #514546;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #514546), color-stop(100%, #251618));
    background-image: -webkit-linear-gradient(#514546, #251618);
    background-image: linear-gradient(#514546, #251618);
    color: #fff; }

.btn-action {
  background-color: #f64152;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f64152), color-stop(100%, #f52c3f));
  background-image: -webkit-linear-gradient(#f64152, #f52c3f);
  background-image: linear-gradient(#f64152, #f52c3f);
  border: 1px solid #dd2839;
  color: #fff !important; }
  .btn-action:hover {
    background-color: #f75665;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f75665), color-stop(100%, #f64152));
    background-image: -webkit-linear-gradient(#f75665, #f64152);
    background-image: linear-gradient(#f75665, #f64152); }

.btn-facebook, .btn-gplus, .btn-twitter,
.fb-login, .btn-df-signup {
  color: #fff; }

.btn-facebook,
.fb-login {
  background-color: #4865a1;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4865a1), color-stop(100%, #47649f));
  background-image: -webkit-linear-gradient(#4865a1, #47649f);
  background-image: linear-gradient(#4865a1, #47649f);
  border: 1px solid #415b91; }
  .btn-facebook:hover,
  .fb-login:hover {
    background-color: #5a74aa;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a74aa), color-stop(100%, #47649f));
    background-image: -webkit-linear-gradient(#5a74aa, #47649f);
    background-image: linear-gradient(#5a74aa, #47649f);
    color: #fff; }

.btn-df-signup {
  background-color: #251618;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #251618), color-stop(100%, #251618));
  background-image: -webkit-linear-gradient(#251618, #251618);
  background-image: linear-gradient(#251618, #251618);
  border: 1px solid #211416; }
  .btn-df-signup:hover {
    background-color: #3b2d2f;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b2d2f), color-stop(100%, #251618));
    background-image: -webkit-linear-gradient(#3b2d2f, #251618);
    background-image: linear-gradient(#3b2d2f, #251618);
    color: #fff; }

.btn-twitter {
  background-color: #55acee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #55acee), color-stop(100%, #54aaec));
  background-image: -webkit-linear-gradient(#55acee, #54aaec);
  background-image: linear-gradient(#55acee, #54aaec); }
  .btn-twitter:hover {
    background-color: #66b4f0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66b4f0), color-stop(100%, #54aaec));
    background-image: -webkit-linear-gradient(#66b4f0, #54aaec);
    background-image: linear-gradient(#66b4f0, #54aaec);
    color: #fff; }

.btn-gplus {
  background-color: #f4400d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4400d), color-stop(100%, #f23f0d));
  background-image: -webkit-linear-gradient(#f4400d, #f23f0d);
  background-image: linear-gradient(#f4400d, #f23f0d); }
  .btn-gplus:hover {
    background-color: #f55325;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f55325), color-stop(100%, #f23f0d));
    background-image: -webkit-linear-gradient(#f55325, #f23f0d);
    background-image: linear-gradient(#f55325, #f23f0d);
    color: #fff; }

.sharing .btn {
  padding: 5px 10px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }

.btn-pill {
  color: #fff;
  padding: 2px 15px;
  border: 2px solid #f52c3f;
  border-radius: 20px;
  font-size: 0.8125em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) translateZ(0);
  -moz-transform: translateY(-50%) translateX(-50%) translateZ(0);
  -ms-transform: translateY(-50%) translateX(-50%) translateZ(0);
  -o-transform: translateY(-50%) translateX(-50%) translateZ(0);
  transform: translateY(-50%) translateX(-50%) translateZ(0);
  margin-top: auto;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  .btn-pill:hover {
    border: 2px solid #fff;
    color: #fff; }

.btn-trailer {
  border: 2px solid #fff !important;
  background: rgba(0, 0, 0, 0.6) !important; }

.btn-group .btn {
  display: block;
  float: left;
  margin: 0;
  border-radius: 0;
  overflow: hidden; }
  .btn-group .btn:first-child {
    border-radius: 5px 0 0 5px;
    border-right: none !important; }
  .btn-group .btn:last-child {
    border-radius: 0 5px 5px 0;
    border-left: none !important; }
.btn-group .active {
  background-color: #e1283a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1283a), color-stop(100%, #f52c3f));
  background-image: -webkit-linear-gradient(#e1283a, #f52c3f);
  background-image: linear-gradient(#e1283a, #f52c3f);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
  color: #fff;
  pointer-events: none; }

.btn-queue .add {
  display: inline; }
.btn-queue .remove {
  display: none; }
.btn-queue.in-queue .add {
  display: none; }
.btn-queue.in-queue .remove {
  display: inline; }

.show-nudge .nudge-bar-container {
  display: block; }

.nudge-bar-container .nudge-bar {
  display: none;
  background-color: #fffcd4;
  top: 0px;
  width: 100%;
  height: 55px;
  padding: 10px;
  text-align: center;
  border-bottom: #EBE8BB solid 2px; }
  .nudge-bar-container .nudge-bar.active {
    display: block; }
.nudge-bar-container p {
  display: inline;
  margin: 0 15px;
  font-size: 0.8125em; }
  @media screen and (max-width: 480px) {
    .nudge-bar-container p {
      margin: 0;
      font-size: 0.75em; } }
.nudge-bar-container .btn-inverse {
  font-size: 0.8125em; }
  @media screen and (max-width: 480px) {
    .nudge-bar-container .btn-inverse {
      font-size: 0.75em; } }
.nudge-bar-container .btn-inverse {
  display: inline-block;
  background-color: #000;
  color: #fafafa;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 5px; }
.nudge-bar-container .btn-inverse:hover {
  background: #4d3b3b; }
.nudge-bar-container .icon {
  font-size: 1.375em; }
@media screen and (max-width: 480px) {
  .nudge-bar-container .nudge-bar-sign {
    display: none; } }
.nudge-bar-container .nudge-bar-close-btn {
  opacity: 0.4;
  float: right;
  cursor: pointer; }
@media screen and (max-width: 940px) {
  .nudge-bar-container .long {
    display: none; } }
.nudge-bar-container .medium {
  display: none; }
  @media screen and (max-width: 940px) {
    .nudge-bar-container .medium {
      display: inline-block; } }
  @media screen and (max-width: 568px) {
    .nudge-bar-container .medium {
      display: none; } }
.nudge-bar-container .short {
  display: none; }
  @media screen and (max-width: 568px) {
    .nudge-bar-container .short {
      display: inline-block; } }
@media screen and (max-width: 940px) {
  .nudge-bar-container .nudge-opt-in .tablet-hidden {
    display: none; } }

.header-main {
  width: 100%;
  min-height: 55px;
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .header-main .avatar {
    width: 30px;
    height: 30px; }
  .header-main nav {
    position: relative;
    padding: 0 15px;
    zoom: 1;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8125em; }
    .header-main nav:before, .header-main nav:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .header-main nav:after {
      clear: both; }
    .header-main nav .logo, .header-main nav .menu {
      float: left; }
    .header-main nav .logo {
      margin: 5px 10px 0 0;
      overflow: hidden;
      -webkit-transition: width 0.2s ease-in-out;
      -moz-transition: width 0.2s ease-in-out;
      transition: width 0.2s ease-in-out; }
      @media screen and (max-width: 600px) {
        .header-main nav .logo {
          width: 15px; } }
      .header-main nav .logo img {
        width: 174px;
        height: 35px;
        max-width: 174px; }
    .header-main nav .menu > li {
      float: left;
      position: relative; }
      @media screen and (max-width: 1180px) {
        .header-main nav .menu > li {
          display: block;
          position: fixed;
          background: #000;
          left: 100%;
          min-width: 320px;
          z-index: -1; } }
      .header-main nav .menu > li > a {
        color: #2d2424;
        display: block;
        padding: 15px 7px;
        margin-right: 10px;
        font-weight: 500;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .header-main nav .menu > li > a:hover {
          box-shadow: inset 0 -3px 0 0 #251618; }
    .header-main nav .menu > .active a {
      color: #f52c3f;
      box-shadow: inset 0 -3px 0 0 #f52c3f; }
    .header-main nav .menu .dropdown-watch dt {
      padding-top: 15px; }
      .header-main nav .menu .dropdown-watch dt a {
        padding: 0 7.5px; }
    .header-main nav .menu .dropdown-watch dd {
      right: auto;
      left: 0; }
    .header-main nav .utility {
      position: relative;
      float: right;
      margin: 10px 0 0;
      -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .header-main nav .utility > li {
        float: left;
        margin-left: 5px;
        position: relative; }
        .header-main nav .utility > li > a {
          color: #2d2424;
          display: block; }
      @media screen and (max-width: 480px) {
        .header-main nav .utility .btn-noad {
          display: none; } }
      .header-main nav .utility .dropdown-account {
        padding: 3px 0;
        margin-left: 0;
        float: right; }
        @media screen and (max-width: 940px) {
          .header-main nav .utility .dropdown-account {
            display: none; } }
        .header-main nav .utility .dropdown-account dd {
          right: 0;
          left: auto; }
        .header-main nav .utility .dropdown-account .icon-dramafever {
          color: #f52c3f; }
        .header-main nav .utility .dropdown-account .btn-facebook {
          color: #fff; }
        .header-main nav .utility .dropdown-account i {
          position: relative;
          top: 2px;
          font-size: 1.25em; }
      .header-main nav .utility .dropdown-login ul > li:last-child {
        background: transparent; }
      @media screen and (max-width: 940px) {
        .header-main nav .utility .dropdown-language {
          display: none; } }
      .header-main nav .utility .dropdown-language dd {
        min-width: 120px; }
      .header-main nav .utility .menu-trigger {
        display: none;
        line-height: 1.7;
        font-size: 1.5em;
        margin-left: 0;
        color: #f52c3f; }
        @media screen and (max-width: 1180px) {
          .header-main nav .utility .menu-trigger {
            display: block; } }
      .header-main nav .utility .username {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline; }
        @media screen and (max-width: 1024px) {
          .header-main nav .utility .username {
            display: none; } }
      .header-main nav .utility .btn-login {
        display: block;
        padding: 5px;
        cursor: pointer;
        color: #2d2424; }
        @media screen and (max-width: 940px) {
          .header-main nav .utility .btn-login {
            display: none; } }
        .header-main nav .utility .btn-login:hover {
          color: #f52c3f; }
      .header-main nav .utility #searchSubmit {
        display: none; }
  .header-main .notification {
    position: relative;
    min-width: 10px;
    min-height: 10px;
    background-color: #999;
    border-radius: 25px;
    line-height: 13px;
    padding: 4px 0;
    margin-top: 6px;
    margin-left: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .header-main .notification.active {
      background-color: #f64354;
      cursor: pointer; }
    .header-main .notification:hover {
      background-color: #ff7171;
      cursor: pointer; }
      .header-main .notification:hover .notification-note {
        opacity: 1;
        visibility: visible;
        overflow: visible; }
    .header-main .notification .notification-count {
      color: #fff;
      border-radius: 25px;
      line-height: 14px;
      padding: 4px 0; }
      .header-main .notification .notification-count .dficon-bell {
        margin: 0 5px;
        position: relative;
        bottom: -1px; }
      .header-main .notification .notification-count .num {
        padding-right: 6px;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        position: relative;
        top: -1px; }
    .header-main .notification .notification-note {
      position: absolute;
      top: 33px;
      right: -22px;
      width: 280px;
      z-index: 9990;
      line-height: 1.4em;
      border: 1px solid rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
      background: #fcfcfc;
      background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f7f7f7));
      background: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 100%);
      background: -o-linear-gradient(top, #fcfcfc 0%, #f7f7f7 100%);
      background: -ms-linear-gradient(top, #fcfcfc 0%, #f7f7f7 100%);
      background: linear, to bottom, #fcfcfc 0%, #f7f7f7 100%;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7',GradientType=0 );
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      visibility: hidden;
      opacity: 0;
      overflow: hidden; }
      .header-main .notification .notification-note:after, .header-main .notification .notification-note:before {
        bottom: 100%;
        right: 31px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .header-main .notification .notification-note:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px;
        right: 32px; }
      .header-main .notification .notification-note:before {
        border-color: transparent;
        border-bottom-color: rgba(0, 0, 0, 0.4);
        border-width: 9px;
        margin-left: -9px; }
      .header-main .notification .notification-note .btn-action {
        color: #fafafa;
        margin-left: 0 !important;
        width: 100%;
        padding: 5px 8px; }
      .header-main .notification .notification-note .inner {
        padding: 15px; }
      .header-main .notification .notification-note hr {
        margin: 6px 0 12px 0;
        border: none;
        border-top: 1px solid #cacaca;
        border-bottom: 1px solid #fff; }
    .header-main .notification .icon-shopping-cart {
      font-size: 2em;
      line-height: 1em !important;
      color: #989696;
      text-shadow: 0 1px 0 #fff; }
    .header-main .notification .note-cart p {
      width: 85%;
      margin: auto; }

.search-desktop {
  position: absolute;
  right: 10px;
  top: 10px; }
  @media screen and (max-width: 940px) {
    .search-desktop {
      display: none; } }
  .search-desktop .btn-search {
    color: #938e8e;
    position: absolute;
    z-index: 100;
    top: 4px;
    right: 5px;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .search-desktop input[type="text"] {
    width: 0;
    opacity: 0;
    pointer-events: none; }

.search-open .btn-search {
  right: 92%; }
.search-open input[type="text"] {
  width: 280px;
  opacity: 1;
  pointer-events: all;
  padding-left: 25px; }

.utility-open {
  opacity: 0;
  pointer-events: none; }

.rwd-menu {
  position: fixed;
  width: 277px;
  height: 100%;
  right: -277px;
  top: 0;
  bottom: 0;
  z-index: 999999;
  background: #251618;
  box-shadow: inset 5px 0 8px 0 rgba(0, 0, 0, 0.3);
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .rwd-menu .avatar {
    width: 30px;
    height: 30px; }
  .rwd-menu .icon-cog {
    float: right;
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.5); }
  .rwd-menu .account-user {
    padding: 10px;
    text-align: left;
    zoom: 1; }
    .rwd-menu .account-user:before, .rwd-menu .account-user:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .rwd-menu .account-user:after {
      clear: both; }
    .rwd-menu .account-user a {
      color: #fff;
      width: 100%;
      display: block;
      text-align: left; }
  .rwd-menu .btn-noad {
    width: 96%;
    margin: 0 2%;
    text-align: center;
    padding: 10px;
    position: absolute;
    bottom: 5px;
    left: 0;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .rwd-menu .search {
    position: relative;
    font-weight: 300;
    padding: 10px 5px;
    border-top: 1px solid rgba(229, 226, 226, 0.1);
    border-bottom: 1px solid rgba(229, 226, 226, 0.1); }
    .rwd-menu .search i {
      position: absolute;
      right: 5%;
      top: 30%;
      color: rgba(255, 255, 255, 0.5); }
    .rwd-menu .search input {
      width: 100%;
      min-height: 30px;
      padding: 5px 10px;
      border-radius: 50px;
      background: #382929;
      background: rgba(0, 0, 0, 0.3);
      border: 2px solid #000;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
      outline: 0;
      color: #dadada;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .rwd-menu .search input:focus {
        border: 2px solid rgba(245, 44, 63, 0.7);
        box-shadow: 0 0 20px 0 rgba(245, 44, 63, 0.8); }
  .rwd-menu .account {
    text-align: center;
    margin: 5px 0; }
    .rwd-menu .account .icon-dramafever {
      color: #f52c3f; }
    .rwd-menu .account .btn {
      padding: 10px;
      border-radius: 3px;
      color: #251618;
      border: 1px solid #000;
      font-size: 0.875em;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline; }
      .rwd-menu .account .btn i {
        font-size: 1.25em; }
    .rwd-menu .account .btn-facebook {
      width: 40%;
      color: #fff; }
    .rwd-menu .account .btn-default i {
      color: #f52c3f; }
  .rwd-menu .menu > li.active, .rwd-menu .menu > li.active:hover {
    background-color: #f63749;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f63749), color-stop(100%, #f52c3f));
    background-image: -webkit-linear-gradient(#f63749, #f52c3f);
    background-image: linear-gradient(#f63749, #f52c3f); }
  .rwd-menu .menu > li a {
    color: #fff;
    display: block;
    border-bottom: 1px solid rgba(229, 226, 226, 0.1);
    padding: 10px;
    -webkit-transition: all 0 ease-in-out;
    -moz-transition: all 0 ease-in-out;
    transition: all 0 ease-in-out; }
    .rwd-menu .menu > li a:active, .rwd-menu .menu > li a:hover {
      background: #fff;
      color: #251618; }

.nav-open .site-container {
  left: -277px; }
  .nav-open .site-container:after {
    pointer-events: all;
    opacity: .7;
    left: 0; }
  .nav-open .site-container .header-main {
    left: -277px; }
.nav-open .rwd-menu {
  right: 0; }

/************************************************
 ***   Formatting for New Notification Feed   ***
 ************************************************/
.header-main .notification .notification-count .errors {
  margin-right: 6px; }
.header-main .notification .notification-count i {
  vertical-align: initial;
  font-size: 1.2em; }
  .header-main .notification .notification-count i.num {
    top: -2px; }
.header-main .notification .notification-note {
  padding: 0;
  border-radius: 6px; }
  .header-main .notification .notification-note .list {
    height: 100%;
    overflow: hidden; }
    .header-main .notification .notification-note .list .banner {
      font-size: .85em;
      height: 25px;
      padding: 4px;
      border-bottom: solid 1px #dadada;
      cursor: default; }
      .header-main .notification .notification-note .list .banner a {
        color: #f94455; }
    .header-main .notification .notification-note .list .loading {
      width: 100%;
      height: 100px;
      opacity: .8;
      text-align: center; }
      .header-main .notification .notification-note .list .loading i {
        padding: 30px; }
    .header-main .notification .notification-note .list .no-notifications {
      width: 100%;
      height: 100px;
      opacity: .8;
      text-align: center;
      padding-top: 40px; }
      .header-main .notification .notification-note .list .no-notifications .message {
        border: 0; }
    .header-main .notification .notification-note .list ul.notifications {
      max-height: 300px;
      overflow-y: scroll;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      .header-main .notification .notification-note .list ul.notifications li.notification {
        border-radius: 0px;
        background: none;
        padding: 5px;
        margin: 0;
        width: 100%;
        min-height: 75px;
        border-bottom: solid 1px #dadada;
        border-top: solid 1px #fbfbfb; }
        .header-main .notification .notification-note .list ul.notifications li.notification:last-child {
          border-bottom: none; }
        .header-main .notification .notification-note .list ul.notifications li.notification:hover {
          background: #ededed; }
        .header-main .notification .notification-note .list ul.notifications li.notification .thumbnail {
          width: 83px;
          height: 61px;
          padding: 0;
          overflow: hidden;
          border-radius: 8px; }
        .header-main .notification .notification-note .list ul.notifications li.notification .details {
          width: 175px;
          color: #2D2424; }
          .header-main .notification .notification-note .list ul.notifications li.notification .details .notice {
            font-size: .85em; }
          .header-main .notification .notification-note .list ul.notifications li.notification .details .title {
            font-weight: bold; }
          .header-main .notification .notification-note .list ul.notifications li.notification .details .target {
            font-size: .8em; }
          .header-main .notification .notification-note .list ul.notifications li.notification .details .when {
            font-size: .6em;
            text-decoration: index; }

#site-footer {
  background: #49515a;
  padding: 20px;
  color: #fafafa;
  position: relative;
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 100%; }
  #site-footer:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    #site-footer {
      padding: 10px 0; } }
  #site-footer .logo {
    margin-bottom: 10px; }
    @media screen and (max-width: 940px) {
      #site-footer .logo {
        width: 100%;
        height: auto; } }
    @media screen and (max-width: 480px) {
      #site-footer .logo {
        width: 174px;
        height: 35px; } }
  #site-footer .networks {
    margin-bottom: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    @media screen and (max-width: 480px) {
      #site-footer .networks {
        position: absolute;
        top: 22px;
        right: 20px; } }
    #site-footer .networks > li {
      font-size: 1.5em;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin-right: 5px; }
      #site-footer .networks > li a {
        color: #fff; }
        #site-footer .networks > li a:hover {
          color: rgba(0, 0, 0, 0.5);
          text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); }
      #site-footer .networks > li i {
        font-size: 1em; }
  #site-footer .list-links {
    font-size: .9em;
    padding-right: 15px;
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 32.96385%; }
    #site-footer .list-links:last-child {
      margin-right: 0; }
    @media screen and (max-width: 480px) {
      #site-footer .list-links {
        margin-bottom: 15px;
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%; }
        #site-footer .list-links:last-child {
          margin-right: 0; }
        #site-footer .list-links > li {
          display: inline;
          font-size: .8em; }
          #site-footer .list-links > li a {
            background: rgba(255, 255, 255, 0.1);
            padding: 5px 10px;
            margin-bottom: 5px;
            white-space: nowrap;
            border-radius: 2px;
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline; }
            #site-footer .list-links > li a:hover {
              background: #f52c3f;
              color: #fff !important; } }
    #site-footer .list-links > li {
      font-size: .9em;
      margin-bottom: 4px; }
      #site-footer .list-links > li a {
        color: #fff; }
        #site-footer .list-links > li a:hover {
          color: #f52c3f; }
      #site-footer .list-links > li.list-head {
        font-family: "Raleway";
        font-weight: 700;
        display: block;
        font-size: 1em;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.25);
        padding-bottom: 5px;
        margin-bottom: 5px;
        font-size: 1.25em;
        margin-bottom: 10px; }
  #site-footer .dropdown-language {
    font-size: 0.875em;
    margin-bottom: 10px; }
    #site-footer .dropdown-language dd {
      min-width: 110px;
      right: auto;
      left: 0;
      top: -180px; }
  #site-footer .signoff {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 24.58433%;
    font-size: .85em;
    color: #e2dddf;
    line-height: 1.4em;
    padding-right: 15px; }
    #site-footer .signoff:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      #site-footer .signoff {
        margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #site-footer .signoff {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        #site-footer .signoff:last-child {
          margin-right: 0; } }
  #site-footer .copyright {
    font-size: .8em; }
  #site-footer .links {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 49.72289%; }
    #site-footer .links:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      #site-footer .links {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 74.86144%; }
        #site-footer .links:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #site-footer .links {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%; }
        #site-footer .links:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #site-footer .links .links-products,
      #site-footer .links .links-company {
        display: none;
        visibility: none; } }
  #site-footer .likebox {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 24.58433%; }
    #site-footer .likebox:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      #site-footer .likebox {
        display: none; } }

#fb-root {
  display: none; }

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
  height: auto;
  min-height: 240px; }

/* =======================
Legacy Search - use as stopgap until global search is implemented.
=======================*/
.st-autocomplete {
  width: 250px !important;
  z-index: 999999 !important;
  top: 50px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

.show-nudge .st-autocomplete {
  top: 100px; }

.search-instant-results > ul {
  background: #fafafa;
  overflow: hidden;
  cursor: pointer; }

.search-instant-results > ul > li {
  padding: 10px 8px;
  border-bottom: 1px solid #f0f0f0;
  overflow: auto;
  display: block; }

.search-instant-results > ul > li:hover,
.search-instant-results > ul > li.hover {
  background: #fff; }

.search-instant-results > ul > .instant-type,
.search-instant-results > ul > .instant-type:hover {
  border-top: 1px solid #e5e2e2;
  border-bottom: 1px solid #e5e2e2;
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(#fafafa, #f0f0f0);
  background-image: linear, false, #fafafa, #f0f0f0; }

.search-instant-results .instant-Tags > li {
  font-size: .75em;
  font-weight: bold !important; }

.search-instant-results > ul h3 {
  font-size: .85em;
  line-height: 1.2em;
  color: #444;
  margin: 0;
  font-weight: normal;
  font-family: 'Varela', arial, sans-serif; }

.search-instant-results > ul h4 {
  font-family: "Open Sans";
  font-weight: bold !important;
  text-transform: uppercase;
  font-size: .65em !important;
  color: #908d8e; }

.search-instant-results > ul img {
  margin-right: 10px; }

.search-instant-results .instant-Series img,
.search-instant-results .instant-Movies img {
  width: 75px; }

.search-instant-results .instant-Actors h3 {
  float: none !important; }

.search-instant-results .instant-Actors img {
  width: 50px; }

.search-instant-results .instant-Actors .result-thumb {
  max-height: 50px;
  overflow: hidden; }

.search-instant-results .instant-Series .ep-count,
.search-instant-results .instant-Movies .ep-count {
  float: right !important;
  margin-top: 5px; }

.search-instant-results .ep-count {
  font-size: .75em;
  color: #888 !important; }

.search-instant-results .rating i {
  font-size: .8em; }

.search-instant-results .rating li {
  color: #ccc; }

.search-instant-results .rating .enabled {
  color: #f64152; }

.instant-more a {
  display: block;
  background-color: #3a2d2f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a2d2f), color-stop(100%, #251618));
  background-image: -webkit-linear-gradient(#3a2d2f, #251618);
  background-image: linear, false, #3a2d2f, #251618;
  border: 1px solid rgba(37, 22, 24, 0.3);
  color: #fff;
  font-size: .8em;
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
  border-radius: 0 0 3px 3px; }

.instant-more a:hover {
  text-decoration: none;
  background-color: #f64152;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f64152), color-stop(100%, #f52c3f));
  background-image: -webkit-linear-gradient(#f64152, #f52c3f);
  background-image: linear, false, #f64152, #f52c3f;
  border: 1px solid #dc2738 !important; }

.continue {
  position: fixed;
  width: 250px;
  bottom: 0;
  right: 10px;
  z-index: 3000;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 480px) {
    .continue {
      width: 100%;
      position: static;
      box-shadow: none; }
      .continue h4 {
        display: none; }
      .continue .info {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) translateZ(0);
        -moz-transform: translateY(-50%) translateZ(0);
        -ms-transform: translateY(-50%) translateZ(0);
        -o-transform: translateY(-50%) translateZ(0);
        transform: translateY(-50%) translateZ(0);
        margin-left: 33%;
        margin-top: auto; }
      .continue > ul > li {
        display: none;
        position: relative; }
        .continue > ul > li .view-close {
          display: block !important;
          z-index: 500;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%) translateZ(0);
          -moz-transform: translateY(-50%) translateZ(0);
          -ms-transform: translateY(-50%) translateZ(0);
          -o-transform: translateY(-50%) translateZ(0);
          transform: translateY(-50%) translateZ(0);
          margin-top: auto; }
        .continue > ul > li:first-child {
          display: block;
          border-bottom: 2px solid #f52c3f; } }
  .continue .icon-play {
    font-size: 1.2em;
    vertical-align: middle;
    position: relative;
    bottom: -2px;
    color: #f52c3f; }
  .continue h4 {
    font-size: .7em;
    padding: 5px;
    background-color: #3b2d2f;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b2d2f), color-stop(100%, #251618));
    background-image: -webkit-linear-gradient(#3b2d2f, #251618);
    background-image: linear-gradient(#3b2d2f, #251618);
    border-radius: 3px 3px 0 0;
    color: #fff; }
  .continue .info {
    padding: 5px 10px;
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 66.48192%; }
    .continue .info:last-child {
      margin-right: 0; }
    .continue .info > p {
      font-size: .7em;
      margin: 0;
      color: rgba(0, 0, 0, 0.5); }
    .continue .info h5 {
      font-size: .75em; }
  .continue img {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 32.96385%;
    display: block; }
    .continue img:last-child {
      margin-right: 0; }
  .continue > ul {
    background: #fafafa; }
    .continue > ul > li {
      position: relative;
      border-bottom: 1px solid #e5e2e2;
      zoom: 1; }
      .continue > ul > li:before, .continue > ul > li:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      .continue > ul > li:after {
        clear: both; }
      .continue > ul > li .view-close {
        position: absolute;
        color: #251618;
        display: none; }
      .continue > ul > li:hover {
        background: #fff; }
    .continue > ul .btn-viewall {
      font-size: .8em;
      display: block;
      text-align: center;
      border-radius: 0; }

.pagination {
  font-size: 0.8125em;
  float: left;
  width: 100%; }
  .pagination.center {
    text-align: center; }
    .pagination.center ul {
      float: none; }
  .pagination ul {
    list-style: none;
    float: left; }
    .pagination ul li {
      display: inline-block;
      padding: 0 8px; }
      @media screen and (max-width: 320px) {
        .pagination ul li {
          padding: 0 4px; } }
      .pagination ul li a {
        color: #167bc5; }
      .pagination ul li.current {
        background: #79868a;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }
        .pagination ul li.current a {
          color: #fff; }

.df-tab-container .df-tab-content {
  display: none; }
.df-tab-container #series-tab-container {
  display: block; }

.df-tab-content {
  margin-top: 20px; }

.hero {
  background: #251618; }
  .hero .container {
    padding: 0; }
  .hero h1 {
    font-size: 1.6em; }
  .hero h2 {
    font-size: 1.1em;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 10px 20px; }
    .hero h2 a {
      color: #fff; }
    .hero h2.question {
      background: rgba(37, 22, 24, 0.8); }
  .hero p {
    font-weight: 500;
    margin: 8px 0 15px 0; }

.hero-wizard .btn-wizard {
  color: #fff; }

.hero-masthead {
  position: relative;
  padding-top: 0; }
  .hero-masthead .info {
    z-index: 500;
    margin: 0 10% auto;
    padding: 20px;
    width: 100%;
    max-width: 550px;
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateZ(0);
    -moz-transform: translateY(-50%) translateZ(0);
    -ms-transform: translateY(-50%) translateZ(0);
    -o-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0);
    margin-top: auto; }
    @media screen and (max-width: 940px) {
      .hero-masthead .info {
        text-align: center;
        margin: 0 auto;
        max-width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%) translateZ(0);
        -moz-transform: translateY(-50%) translateX(-50%) translateZ(0);
        -ms-transform: translateY(-50%) translateX(-50%) translateZ(0);
        -o-transform: translateY(-50%) translateX(-50%) translateZ(0);
        transform: translateY(-50%) translateX(-50%) translateZ(0);
        margin-top: auto; } }
    .hero-masthead .info h2 {
      display: block;
      font-size: 1.5em;
      padding: 0; }
    .hero-masthead .info p {
      font-size: 1.2em; }
      @media screen and (max-width: 480px) {
        .hero-masthead .info p {
          display: none; } }
    .hero-masthead .info .btn-action {
      margin: 10px 0;
      border: 1px solid rgba(0, 0, 0, 0.4);
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline; }
  .hero-masthead .ad {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -364px;
    z-index: 500; }
  .hero-masthead .keyart {
    text-align: center;
    pointer-events: none; }
    .hero-masthead .keyart img {
      display: block;
      margin: 0 auto;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      @media screen and (max-width: 940px) {
        .hero-masthead .keyart img {
          opacity: .5; } }
    .hero-masthead .keyart:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 70%;
      height: 100%;
      z-index: 0;
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, transparent));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
      /* IE10+ */
      background: linear, to right, rgba(0, 0, 0, 0.65) 0%, transparent 100%;
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
      /* IE6-9 */ }
      @media screen and (max-width: 940px) {
        .hero-masthead .keyart:after {
          background: rgba(0, 0, 0, 0.3);
          width: 100%; } }

.thumbnail img {
  width: 100%; }

.slider-wrapper {
  padding: 0 50px !important; }
  @media screen and (max-width: 480px) {
    .slider-wrapper {
      padding: 0; } }

.featured .slider-group > li {
  overflow: hidden;
  width: 24.8%;
  float: left;
  position: relative;
  border: 2px solid transparent;
  border-top: 0;
  border-bottom: 0;
  margin: .1%; }
  .featured .slider-group > li:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  @media screen and (max-width: 940px) {
    .featured .slider-group > li {
      width: 49.5%; }
      .featured .slider-group > li:nth-child(2n) {
        padding-left: 0; }
      .featured .slider-group > li:nth-child(2n+1) {
        padding-right: 0; } }
  .featured .slider-group > li:first-child {
    width: 49.7%;
    margin-left: 0;
    color: #fafafa; }
    .featured .slider-group > li:first-child .info {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 66.48192%;
      padding-right: 15px; }
      .featured .slider-group > li:first-child .info:last-child {
        margin-right: 0; }
    .featured .slider-group > li:first-child .queue {
      display: block; }
    .featured .slider-group > li:first-child .note {
      margin: 10px 0; }
    @media screen and (max-width: 1024px) {
      .featured .slider-group > li:first-child .synopsis {
        display: none; } }
    .featured .slider-group > li:first-child .list-cast {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 32.96385%;
      margin-right: 0; }
      .featured .slider-group > li:first-child .list-cast:last-child {
        margin-right: 0; }
      .featured .slider-group > li:first-child .list-cast > li {
        margin-bottom: 8px;
        zoom: 1; }
        .featured .slider-group > li:first-child .list-cast > li:before, .featured .slider-group > li:first-child .list-cast > li:after {
          content: "\0020";
          display: block;
          height: 0;
          overflow: hidden; }
        .featured .slider-group > li:first-child .list-cast > li:after {
          clear: both; }
        @media screen and (max-width: 1024px) {
          .featured .slider-group > li:first-child .list-cast > li {
            margin-bottom: 4px; }
            .featured .slider-group > li:first-child .list-cast > li:first-child {
              display: none; } }
        .featured .slider-group > li:first-child .list-cast > li:hover img {
          border: 2px solid #f52c3f; }
        .featured .slider-group > li:first-child .list-cast > li img {
          border-radius: 55%;
          border: 2px solid #fff;
          -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -moz-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          float: left;
          display: block;
          margin-right: 1.68131%;
          width: 23.73902%; }
          .featured .slider-group > li:first-child .list-cast > li img:last-child {
            margin-right: 0; }
        .featured .slider-group > li:first-child .list-cast > li em {
          line-height: 1; }
        .featured .slider-group > li:first-child .list-cast > li .detail {
          padding: 3px 5px 0 5px;
          float: left;
          display: block;
          margin-right: 1.68131%;
          width: 74.57967%; }
          .featured .slider-group > li:first-child .list-cast > li .detail:last-child {
            margin-right: 0; }
        .featured .slider-group > li:first-child .list-cast > li h5 {
          font-size: .9em;
          margin-bottom: 10px; }
        .featured .slider-group > li:first-child .list-cast > li h6 {
          font-size: .8em;
          color: #fff;
          margin-bottom: 0; }
    .featured .slider-group > li:first-child p {
      font-size: .8em;
      line-height: 1.4; }
    @media screen and (max-width: 940px) {
      .featured .slider-group > li:first-child {
        width: 100%;
        padding: 0; } }
  .featured .slider-group > li > img {
    width: 100%; }

.shelf > .container {
  padding: 0 50px; }
  @media screen and (max-width: 480px) {
    .shelf > .container {
      padding: 0; } }
.shelf .owl-item {
  padding: 0 5px; }
  .shelf .owl-item > div {
    position: relative; }
  .shelf .owl-item img {
    display: block; }
  @media screen and (max-width: 480px) {
    .shelf .owl-item {
      padding: 0; } }

.series-slider .owl-item:hover .overlay,
.episode-slider .owl-item:hover .overlay,
.series-single-slider .owl-item:hover .overlay,
.article-slider .owl-item:hover .overlay,
.cast-slider .owl-item:hover .overlay,
.apps-slider .owl-item:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
.series-slider .owl-pagination,
.episode-slider .owl-pagination,
.series-single-slider .owl-pagination,
.article-slider .owl-pagination,
.cast-slider .owl-pagination,
.apps-slider .owl-pagination {
  display: none; }
@media screen and (max-width: 480px) {
  .series-slider .owl-pagination,
  .episode-slider .owl-pagination,
  .series-single-slider .owl-pagination,
  .article-slider .owl-pagination,
  .cast-slider .owl-pagination,
  .apps-slider .owl-pagination {
    display: block;
    position: static;
    text-align: center; } }

.series-slider .owl-prev,
.episode-slider .owl-prev,
.series-single-slider .owl-prev,
.article-slider .owl-prev,
.cast-slider .owl-prev,
.apps-slider .owl-prev,
.featured-slider .owl-prev {
  left: -4%; }
  @media screen and (max-width: 480px) {
    .series-slider .owl-prev,
    .episode-slider .owl-prev,
    .series-single-slider .owl-prev,
    .article-slider .owl-prev,
    .cast-slider .owl-prev,
    .apps-slider .owl-prev,
    .featured-slider .owl-prev {
      display: none; } }
.series-slider .owl-next,
.episode-slider .owl-next,
.series-single-slider .owl-next,
.article-slider .owl-next,
.cast-slider .owl-next,
.apps-slider .owl-next,
.featured-slider .owl-next {
  right: -4%; }
  @media screen and (max-width: 480px) {
    .series-slider .owl-next,
    .episode-slider .owl-next,
    .series-single-slider .owl-next,
    .article-slider .owl-next,
    .cast-slider .owl-next,
    .apps-slider .owl-next,
    .featured-slider .owl-next {
      display: none; } }

.episode-slider span {
  font-size: .9em; }
.episode-slider .progress {
  height: 5px; }
.episode-slider .thumbnail {
  position: relative;
  overflow: hidden; }
.episode-slider .overlay {
  background: rgba(22, 8, 8, 0.5); }
  @media screen and (max-width: 480px) {
    .episode-slider .overlay {
      display: block;
      opacity: 1; } }
@media screen and (max-width: 480px) {
  .episode-slider .info {
    padding: 5px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.1em; } }
.episode-slider .ep-watched {
  color: #b6e731; }

.dficon-check-1 {
  color: #ccc; }

.series-single-slider {
  padding: 0 20px; }
  .series-single-slider .owl-item {
    overflow: hidden; }
  .series-single-slider p {
    font-size: .8em;
    line-height: 1.4;
    margin: 5px 0;
    color: #fff; }
    @media screen and (max-width: 1024px) {
      .series-single-slider p {
        display: none; } }
  @media screen and (max-width: 940px) {
    .series-single-slider {
      padding: 0; } }
  .series-single-slider .owl-page span {
    border: 2px solid rgba(0, 0, 0, 0.5); }

.article-slider .owl-wrapper-outer {
  padding-bottom: 10px; }
.article-slider .stats {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #fff;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }
  .article-slider .stats i {
    color: #fff; }
.article-slider .item {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 3px 3px;
  overflow: hidden; }
  .article-slider .item img {
    display: block; }
  .article-slider .item .detail {
    background: #fff;
    padding: 10px; }
  .article-slider .item:hover .stats {
    opacity: 0; }
.article-slider h4 {
  font-size: .8em; }

.apps-slider .owl-prev,
.apps-slider .owl-next {
  color: #fff; }
  .apps-slider .owl-prev:hover,
  .apps-slider .owl-next:hover {
    color: #2d2424; }
.apps-slider .owl-page span {
  border: 2px solid rgba(255, 255, 255, 0.5); }
.apps-slider .owl-page.active span {
  background: #fff; }
.apps-slider .item {
  text-align: center; }
  .apps-slider .item .app-logo {
    width: auto;
    margin: 0 auto;
    margin-bottom: 5px; }
  .apps-slider .item:hover .app-img {
    opacity: .3; }
    @media screen and (max-width: 480px) {
      .apps-slider .item:hover .app-img {
        opacity: 1; } }
.apps-slider .overlay {
  z-index: 500;
  pointer-events: none;
  background: transparent; }
  @media screen and (max-width: 940px) {
    .apps-slider .overlay {
      display: none; } }
  .apps-slider .overlay .btn-pill {
    border: 2px solid #fff;
    top: 60%; }
.apps-slider .thumbnail {
  position: relative; }
  .apps-slider .thumbnail img {
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in; }
    @media screen and (max-width: 480px) {
      .apps-slider .thumbnail img {
        width: auto;
        margin: 0 auto; } }

.cast-slider h4 {
  color: #2d2424; }
.cast-slider .owl-wrapper-outer {
  padding-bottom: 10px; }
.cast-slider .owl-page span {
  border: 2px solid rgba(0, 0, 0, 0.2); }
.cast-slider .item {
  text-align: center;
  padding: 10px 20px; }
  .cast-slider .item:hover img {
    box-shadow: 0 0 0 3px #f52c3f; }
  .cast-slider .item img {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 60%;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in; }
    @media screen and (max-width: 480px) {
      .cast-slider .item img {
        width: auto; } }
.cast-slider h4 {
  font-size: .8em; }

.soon {
  background: #251618;
  padding: 20px 0; }
  .soon .section-head {
    color: #fff; }
  .soon .owl-page span {
    border: 2px solid rgba(255, 255, 255, 0.5); }

.owl-prev,
.owl-next {
  color: #f52c3f;
  font-size: 2.5em;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateZ(0);
  -moz-transform: translateY(-50%) translateZ(0);
  -ms-transform: translateY(-50%) translateZ(0);
  -o-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
  margin-top: auto; }
  .owl-prev:hover,
  .owl-next:hover {
    color: #fff; }

.popular-slider .owl-prev,
.popular-slider .owl-next {
  opacity: 1 !important;
  font-size: 60px; }

.popular-slider .owl-prev {
  margin-left: 5%; }

.popular-slider .owl-next {
  margin-right: 5%; }

.shelf:hover .owl-prev,
.shelf:hover .owl-next,
.featured:hover .owl-prev,
.featured:hover .owl-next {
  opacity: 1; }

.owl-prev {
  left: 0; }

.owl-next {
  right: 0; }

.owl-pagination {
  position: absolute;
  top: -35px;
  right: 0; }

.owl-theme .owl-controls .owl-page {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px;
  opacity: .5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

.owl-page.active span {
  opacity: 1;
  background: #f52c3f;
  border: 2px solid transparent; }

.owl-theme .owl-controls.clickable .owl-page:hover span {
  border: 2px solid #f52c3f; }

.article-slider .thumbnail {
  position: relative; }
  .article-slider .thumbnail .overlay {
    background: rgba(22, 8, 8, 0.6); }

.list-episode {
  max-height: 370px;
  overflow: auto; }
  .list-episode > li {
    background: #fff;
    overflow: auto;
    position: relative;
    border-bottom: 1px solid #e9e6e6; }
    .list-episode > li:hover .overlay {
      opacity: 1;
      color: #fff;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .list-episode > li:last-child {
      border-bottom: none; }
    .list-episode > li .thumbnail {
      position: relative;
      overflow: hidden;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 32.96385%; }
      .list-episode > li .thumbnail:last-child {
        margin-right: 0; }
      .list-episode > li .thumbnail i {
        font-size: 1.6em;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%) translateZ(0);
        -moz-transform: translateY(-50%) translateX(-50%) translateZ(0);
        -ms-transform: translateY(-50%) translateX(-50%) translateZ(0);
        -o-transform: translateY(-50%) translateX(-50%) translateZ(0);
        transform: translateY(-50%) translateX(-50%) translateZ(0);
        margin-top: auto; }
      .list-episode > li .thumbnail:hover .overlay {
        opacity: 1;
        color: #fff;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
      .list-episode > li .thumbnail img {
        display: block; }
    .list-episode > li .info {
      position: relative;
      font-size: .85em;
      padding: 8px;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 66.48192%;
      margin-right: 0; }
      .list-episode > li .info:last-child {
        margin-right: 0; }

.list-page {
  text-align: center;
  width: 100%;
  display: block;
  color: #fff;
  font-size: 1.2em; }
  @media screen and (max-width: 940px) {
    .list-page {
      padding: 5px;
      font-size: 1.4em; } }
  .list-page i {
    position: relative;
    top: 2px; }

.list-up {
  border-radius: 3px 3px 0 0; }

.list-down {
  border-radius: 0 0 3px 3px; }

.list-tags {
  margin: 10px 0; }
  .list-tags > li {
    font-size: .75em;
    margin-bottom: 3px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .list-tags > li.active a, .list-tags > li.active:hover a {
      background: #251618;
      color: #fff; }
    .list-tags > li a {
      border-radius: 3px;
      padding: 3px 6px;
      background: #fff;
      color: #2d2424; }
      .list-tags > li a:hover {
        background: #f52c3f;
        color: #fff; }

.list-options > li {
  border-bottom: 1px solid #e5e2e2; }
  .list-options > li.active a, .list-options > li.active:hover a {
    background: #251618;
    color: #fff; }
  .list-options > li:last-child {
    border-bottom: none; }
  .list-options > li a {
    display: block;
    font-size: .8em;
    padding: 5px 10px;
    color: #2d2424;
    -webkit-transition: all 0.05s ease-in;
    -moz-transition: all 0.05s ease-in;
    transition: all 0.05s ease-in; }
    .list-options > li a:hover {
      background: #f52c3f;
      color: #fff; }

.grid-episode {
  padding: 10px;
  font-size: 16px; }
  .grid-episode > li {
    width: 18%;
    float: left;
    margin: 1%; }
    .grid-episode > li .ep-id {
      font-size: 0.75em; }
      .grid-episode > li .ep-id i {
        font-size: 1.4375em; }
    .grid-episode > li .progress {
      height: 4px; }
    .grid-episode > li.current .thumbnail {
      position: relative; }
      .grid-episode > li.current .thumbnail:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 19999990;
        box-shadow: inset 0 0 0 5px #36404D; }
    .grid-episode > li:hover .thumbnail .overlay {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      background: rgba(22, 8, 8, 0.5); }

.rate .vote {
  border: 1px solid #d3d5d8;
  font-size: 0.625em;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 0 8px;
  color: #000;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
  background-image: linear-gradient(#ffffff, #f2f2f2); }
  .rate .vote.upvote {
    border-right: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
    .rate .vote.upvote:active, .rate .vote.upvote.active {
      background-color: #20b840;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20b840), color-stop(100%, #1fb23e));
      background-image: -webkit-linear-gradient(#20b840, #1fb23e);
      background-image: linear-gradient(#20b840, #1fb23e);
      border: 1px solid #15892e;
      border-right: none;
      color: #fff; }
  .rate .vote.downvote {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 0 30px 0 0; }
    .rate .vote.downvote:active, .rate .vote.downvote.active {
      background-color: #f64152;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f64152), color-stop(100%, #f52c3f));
      background-image: -webkit-linear-gradient(#f64152, #f52c3f);
      background-image: linear-gradient(#f64152, #f52c3f);
      border: 1px solid #dc2738;
      color: #fff; }
.rate .flag {
  font-size: 0.75em;
  color: #a4a8ab; }

.rating {
  position: relative; }
  .rating > li {
    position: relative;
    display: block;
    width: 15px;
    float: left;
    color: #888;
    font-size: 1.05em;
    text-align: left;
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    margin-left: -2px; }
    .rating > li.enabled, .rating > li.enabled > i {
      color: #f52c3f; }
    .rating > li.fraction {
      position: absolute;
      overflow: hidden; }

#modal {
  font-size: 16px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
  overflow: hidden;
  z-index: -9999;
  opacity: 0; }
  #modal.open {
    -moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    height: 100%;
    opacity: 1;
    left: 0;
    z-index: 999999 !important; }
    #modal.open .modal-box {
      opacity: 1;
      margin-top: 0;
      left: 50%;
      -moz-transition: margin-top 0.3s, opacity 0.3s;
      -webkit-transition: margin-top 0.3s, opacity 0.3s;
      -o-transition: margin-top 0.3s, opacity 0.3s;
      -ms-transition: margin-top 0.3s, opacity 0.3s;
      transition: margin-top 0.3s, opacity 0.3s; }
  #modal .modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black transparent;
    background: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)"; }
  #modal .modal-box {
    position: fixed;
    left: 200%;
    top: 10%;
    width: 600px;
    margin-left: -300px;
    margin-top: 50px;
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0;
    padding: 15px;
    background: #fafafa; }
    @media screen and (max-width: 940px) {
      #modal .modal-box {
        width: 100%;
        top: 5%;
        left: 0 !important;
        margin-left: 0; } }
  #modal .modal-progress {
    width: 0px;
    opacity: 0;
    margin-top: 5px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  #modal.working .modal-progress {
    opacity: 1;
    width: 15px;
    margin-left: 5px; }
  #modal .login-area,
  #modal .alert-area,
  #modal .error-area {
    text-align: center; }
  #modal .error-area .message-title {
    font-size: 1.375em;
    font-weight: bold; }
  #modal .error-area .error-msg {
    display: inline-block;
    margin: 15px 15px 0px; }
  #modal .error-area .btn-danger {
    padding: 6px 12px;
    color: white;
    background-color: #d9534f;
    font-size: 0.875em;
    border: 1px solid rgba(0, 0, 0, 0.5);
    cursor: pointer; }
  #modal h3, #modal h4 {
    font-family: "Raleway"; }
  #modal a.cancel-btn {
    margin-right: 5px; }
  #modal .btn-remove {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.25em;
    color: #2d2424; }
    #modal .btn-remove:hover {
      color: #f52c3f; }
  #modal .btn-action {
    font-size: 0.8125em; }
  #modal .login-area > span {
    background: #ccc;
    color: #fff;
    font-size: 0.75em;
    font-weight: bold;
    padding: 5px 7px;
    border-radius: 55%; }
  #modal .login-area span {
    line-height: 3; }
  #modal .login-area h3 {
    margin: 10px 0; }
  #modal .login-area > .btn {
    font-size: 0.875em;
    line-height: auto !important;
    padding: 8px 20px; }
  @media screen and (max-width: 480px) {
    #modal .login-area .btn {
      display: block; } }
  #modal .login-area .fb-login i {
    font-size: 1em; }
  #modal .login-area .btn-df-signup {
    vertical-align: middle; }
    #modal .login-area .btn-df-signup i {
      font-size: 1.25em;
      color: #f52c3f; }
  #modal .login-area .login-form i {
    font-size: .8em; }
  #modal .login-area .login-form .forgot-pass:hover {
    color: #f52c3f; }
  #modal .login-area .forgot-area p {
    font-size: 0.875em;
    line-height: 1.5;
    border-top: 1px solid #eee; }
  @media screen and (max-width: 480px) {
    #modal .login-area .forgot-area .login-field {
      width: 70%; } }
  #modal .login-area input {
    font-size: 0.8125em; }

.mobile-height {
  height: 280px; }

#social-modal {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7); }
  #social-modal .social-tabs {
    position: fixed;
    bottom: -100%;
    left: 50%;
    max-width: 966px;
    width: 100%;
    min-height: 341px;
    margin-top: 50px;
    margin-left: -483px;
    background: #FFF;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    /*opacity:0;*/
    padding: 25px 35px 55px;
    background: #fbf7f8;
    background: -moz-linear-gradient(top, #fbf7f8 0%, #eeeaeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbf7f8), color-stop(100%, #eeeaeb));
    background: -webkit-linear-gradient(top, #fbf7f8 0%, #eeeaeb 100%);
    background: -o-linear-gradient(top, #fbf7f8 0%, #eeeaeb 100%);
    background: -ms-linear-gradient(top, #fbf7f8 0%, #eeeaeb 100%);
    background: linear, to bottom, #fbf7f8 0%, #eeeaeb 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf7f8', endColorstr='#eeeaeb',GradientType=0 );
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); }
  #social-modal .social-tabs.loading {
    /*background:#fbf7f8 url(../img/social_loader.gif) center center no-repeat;*/ }
  #social-modal .tab-container {
    display: none; }
  #social-modal .tabs {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
    #social-modal .tabs a {
      width: 50%;
      float: left;
      background: #f00;
      padding: 10px;
      text-align: center;
      color: #fff;
      position: relative; }
      #social-modal .tabs a:hover {
        text-decoration: none; }
    #social-modal .tabs a.facebook {
      background: #2d437c; }
    #social-modal .tabs a.facebook.active:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(45, 67, 124, 0);
      border-bottom-color: #2d437c;
      border-width: 8px;
      margin-left: -8px; }
    #social-modal .tabs a.twitter {
      background: #00aced; }
    #social-modal .tabs a.google {
      background: #dd4b39; }
    #social-modal .tabs a.google.active:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(212, 179, 9, 0);
      border-bottom-color: #dd4b39;
      border-width: 8px;
      margin-left: -8px; }
    #social-modal .tabs a.disabled {
      background: #cdcdcd !important; }
  #social-modal .controls {
    position: absolute;
    top: 50%;
    font-size: 40px;
    margin-top: -20px;
    cursor: pointer; }
    #social-modal .controls.next {
      right: 10px; }
    #social-modal .controls.prev {
      left: 10px; }
  #social-modal a.close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    color: #000;
    opacity: 1.0; }
  #social-modal #intro h2 {
    margin-top: 33px; }
  #social-modal #intro h3 {
    line-height: 28px; }
  #social-modal #intro h4 {
    margin-bottom: 20px; }
  #social-modal #intro .btn {
    font-size: .8em !important;
    width: 25% !important; }
  #social-modal #intro .login-gplus .btn {
    width: 60% !important; }
  #social-modal .fb-login {
    margin: 0 14px 0 0; }
  #social-modal .login-fb {
    display: none; }
    #social-modal .login-fb h3 {
      text-align: center; }
  #social-modal .login-gplus {
    text-align: center; }
    #social-modal .login-gplus i {
      padding-right: 2px; }
  #social-modal h3 {
    margin: 0 0 25px 0;
    font-size: 16px; }
  #social-modal li {
    overflow: auto;
    padding: 5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    list-style: none; }
    #social-modal li:hover .friend-wrap {
      border: 1px solid #999; }
    #social-modal li img {
      width: 62px;
      height: auto;
      float: left;
      margin: 0 15px 0 0; }
    #social-modal li button {
      border: 1px solid #c1c1c1;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      font-size: 14px;
      float: left;
      padding: 4px 5px;
      background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
      background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
      background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
      background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
      background: linear, to bottom, #ffffff 0%, #f3f3f3 100%;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); }
      #social-modal li button.invited {
        background: -moz-linear-gradient(top, #504e4f 0%, #363636 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #504e4f), color-stop(100%, #363636));
        background: -webkit-linear-gradient(top, #504e4f 0%, #363636 100%);
        background: -o-linear-gradient(top, #504e4f 0%, #363636 100%);
        background: -ms-linear-gradient(top, #504e4f 0%, #363636 100%);
        background: linear, to bottom, #504e4f 0%, #363636 100%;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#504e4f', endColorstr='#363636',GradientType=0 );
        border: 1px solid #555;
        color: #ebebeb; }
    #social-modal li h4 {
      float: left;
      font-size: 14px !important;
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      margin: 0; }
    #social-modal li button.invited span.invited {
      display: block; }
    #social-modal li button.invited span.invite {
      display: none; }
    #social-modal li button.invited i {
      color: #d0fb8f; }
    #social-modal li button.invite span.invited {
      display: none; }
    #social-modal li button.invite i {
      color: #cdcdcd; }
  #social-modal .friend-wrap {
    overflow: auto;
    padding: 10px;
    background: #fff;
    border: 5px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0dedf; }
  #social-modal #google .login-gplus #signinButton {
    background-color: red;
    text-align: center;
    color: white; }

#friend-template-container ul {
  position: relative; }

.login-field > input {
  height: 34px;
  padding: 5px;
  width: 98%;
  font-size: .9em;
  border-radius: 2px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  outline: none; }
.login-field input[type="text"],
.login-field input[type="password"] {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .login-field input[type="text"]:focus,
  .login-field input[type="password"]:focus {
    background: #fff;
    outline: 0;
    color: #444;
    box-shadow: 0 0 18px 0 rgba(67, 199, 243, 0.4);
    border: 1px solid rgba(67, 199, 243, 0.4); }
.login-field .blank-msg {
  background: none;
  color: #bc1b1b !important; }
.login-field .valid-msg {
  background: none;
  color: #66aa23 !important; }
.login-field.blank .blank-msg, .login-field.invalid .blank-msg {
  opacity: 1;
  top: 5px; }
.login-field .input-tip {
  position: absolute;
  top: -1px;
  right: 3px;
  display: block;
  margin-left: 0;
  overflow: visible; }
  .login-field .input-tip li {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 15px;
    padding: 0px 5px;
    color: white;
    text-shadow: none;
    opacity: 0;
    white-space: nowrap;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }

.login-field,
.login-options {
  width: 42%;
  position: relative; }

.login-area h3 {
  font-family: 'Varela', arial, sans-serif;
  font-size: 1.2em;
  color: #777;
  margin: 25px 0 15px 0; }
  .login-area h3.centered:after {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff; }
  .login-area h3.centered span {
    background: #fafafa; }
.login-area .login-field i {
  line-height: 2 !important; }
.login-area .btn-remove {
  cursor: pointer; }

.login-options {
  text-align: left;
  font-size: .8em;
  margin: 3px 0 0 3px; }
  .login-options span {
    vertical-align: bottom; }

.login-form .btn {
  width: 16%; }

.btn-df-signup {
  padding: 3px 20px;
  vertical-align: middle;
  line-height: 1.8em !important;
  vertical-align: bottom; }
  .btn-df-signup img {
    width: 9px;
    vertical-align: text-bottom; }

.btn-fb-signup i {
  font-size: 1.5em;
  line-height: .9em !important;
  margin-right: 5px; }

.login-field.blank input {
  border: 1px solid #bc1b1b; }

.login-field.valid .valid-msg {
  opacity: 1;
  top: 5px; }

.login-field.valid input {
  border: 1px solid #66aa23; }

.login-field.invalid input {
  border: 1px solid #db0432; }

.login-form a.forgot-pass {
  color: #333;
  cursor: pointer; }

p.error {
  color: #db0432 !important;
  font-size: 0.80em;
  display: inline-block;
  text-align: center;
  padding: 15px 0 0; }

.forgot-area {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: none; }

.forgot-area p {
  text-align: left;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #CCC; }

.forgot-area .response-alert {
  font-size: 12px;
  text-align: left;
  line-height: 30px;
  margin-left: 8px; }

.login-page {
  overflow: visible !important; }

.login-page .login-state {
  position: static !important;
  overflow: visible !important; }

.login-page .modal-box {
  position: static !important;
  margin: 0 auto !important;
  margin-top: 30px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); }

.login-page .modal-box .prompt {
  margin: 0;
  color: #222; }

.login-bg {
  background: #bec2c5; }

.nudge-modal {
  padding: 30px 30px 40px 30px; }
  .nudge-modal p {
    font-size: 0.8125em; }
    .nudge-modal p.title {
      font-size: 1.25em;
      font-weight: bold; }
    .nudge-modal p.error-msg {
      display: none;
      text-align: center;
      background-color: #f1dce0;
      color: #DB0423;
      margin-top: 25px;
      padding: 5px; }
    .nudge-modal p.success {
      text-align: center; }
  .nudge-modal .icon-ok-sign {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    font-size: 4.125em;
    color: #aedb25; }
  .nudge-modal .form-nudge-email-update {
    margin-top: 20px; }
    .nudge-modal .form-nudge-email-update .email-field {
      float: left;
      border-radius: 5px;
      font-size: 0.8125em;
      padding: 10px;
      width: 70%;
      height: 40px;
      margin-right: 15px;
      margin-bottom: 15px; }
      @media screen and (max-width: 568px) {
        .nudge-modal .form-nudge-email-update .email-field {
          width: 90%; } }
    .nudge-modal .form-nudge-email-update .btn-submit {
      background-color: #337ab7;
      color: white;
      border-radius: 5px;
      border-style: none;
      height: 40px;
      width: 25%;
      font-size: 0.8125em;
      font-weight: bold; }
      @media screen and (max-width: 568px) {
        .nudge-modal .form-nudge-email-update .btn-submit {
          width: 50%; } }

/* STATES */
#modal .modal-area {
  display: none; }

#modal.login-state .login-area {
  display: block; }

#modal.flag-state .flag-area {
  display: block; }

#modal.alert-state .alert-area {
  display: block; }

#modal.error-state .error-area {
  display: block; }

#modal h4 {
  display: none; }

#modal.login-prompt h4.prompt {
  display: block; }

#modal.login-user h4.user {
  display: block; }

#modal.login-user textarea.user {
  visibility: hidden; }

.veri {
  display: none; }

.breadcrumb {
  background: #eee;
  margin: 0;
  padding: 15px 0;
  font-size: .85em;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd; }

.breadcrumb a {
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  color: #1e7bb1; }

.breadcrumb .icon-angle-right {
  color: #aaa; }

.login-bg.ie .site-container::after {
  content: none; }

.takeover.flavor img {
  display: block;
  margin: auto; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*[disabled] {
  pointer-events: none; }

html, body {
  min-height: 100%;
  height: 100%; }
  html .wrapper, body .wrapper {
    min-height: 100%;
    margin-bottom: -280px; }
    html .wrapper:after, body .wrapper:after {
      content: "";
      display: block;
      height: 280px; }

body {
  background: #fbf9f9;
  color: #2d2424;
  font-family: "Open Sans";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  line-height: 24px; }

dl, dt, dd {
  margin: 0;
  padding: 0;
  font-weight: normal; }

hr {
  border: none;
  border-bottom: 1px solid #e5e2e2;
  margin: 24px 0; }
  hr.inset {
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5); }

img {
  margin: 0;
  max-width: 100%; }

i {
  vertical-align: middle;
  font-size: 0.75em; }

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
  min-height: 32px;
  border-radius: 2px;
  padding: 5px;
  border: 1px solid #e5e2e2;
  outline: none;
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus {
  box-shadow: 0 0 18px 0 rgba(67, 199, 243, 0.6);
  border: 1px solid rgba(67, 199, 243, 0.6); }

input::-ms-clear {
  display: none; }

button.btn {
  line-height: 1.2;
  font-size: 1em;
  padding: 5px 10px;
  font-weight: 400; }

hr.divider {
  margin: 0 auto;
  width: 100%;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent);
  background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent);
  background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent);
  background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent); }

.icon {
  -webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.overlay .play-sm {
  color: #fff;
  background: rgba(37, 22, 24, 0.8);
  width: 30px;
  border-radius: 4px;
  height: 20px;
  font-size: 1em !important;
  text-align: center;
  display: block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) translateZ(0);
  -moz-transform: translateY(-50%) translateX(-50%) translateZ(0);
  -ms-transform: translateY(-50%) translateX(-50%) translateZ(0);
  -o-transform: translateY(-50%) translateX(-50%) translateZ(0);
  transform: translateY(-50%) translateX(-50%) translateZ(0);
  margin-top: auto; }
.overlay .play-lg {
  color: #fff;
  background: rgba(37, 22, 24, 0.8);
  width: 60px;
  border-radius: 8px;
  height: 40px;
  font-size: 1.25em !important;
  line-height: 2.2em;
  text-align: center;
  display: block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) translateZ(0);
  -moz-transform: translateY(-50%) translateX(-50%) translateZ(0);
  -ms-transform: translateY(-50%) translateX(-50%) translateZ(0);
  -o-transform: translateY(-50%) translateX(-50%) translateZ(0);
  transform: translateY(-50%) translateX(-50%) translateZ(0);
  margin-top: auto; }

.status {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #edebeb;
  padding: 5px 10px;
  margin: 5px 0 0 0;
  border-radius: 3px; }

.status-ok {
  background: #fdfff3;
  border: 1px solid #e9ebe0;
  color: #4c4d49;
  border-left: 4px solid #b2cc34; }

.status-bad {
  background: #ffdce2;
  border: 1px solid #ebcad0;
  color: #4d4244;
  border-left: 4px solid #cc223e; }

.ajaxloader {
  opacity: 0;
  height: 0;
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.interstitial {
  position: fixed;
  z-index: -99999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none; }
  .interstitial.active {
    z-index: 99999;
    visibility: visible;
    pointer-events: all; }

.content-main {
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 66.48192%;
  padding-right: 30px; }
  .content-main:last-child {
    margin-right: 0; }
  @media screen and (max-width: 568px) {
    .content-main {
      padding-right: 0;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 100%; }
      .content-main:last-child {
        margin-right: 0; } }

.content-sidebar {
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 32.96385%; }
  .content-sidebar:last-child {
    margin-right: 0; }
  @media screen and (max-width: 568px) {
    .content-sidebar {
      margin-top: 25px;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 100%; }
      .content-sidebar:last-child {
        margin-right: 0; } }

.logo {
  width: 174px;
  height: 35px; }

.site-container {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
  padding-top: 55px;
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .site-container:after {
    content: '';
    position: fixed;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    top: 55px;
    z-index: 9000;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .site-container .home-apps-messaging {
    background-color: #290509; }

.show-nudge .site-container {
  padding-top: 110px; }

.container {
  zoom: 1;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  padding: 0 20px; }
  .container:before, .container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .container:after {
    clear: both; }
  @media screen and (max-width: 1024px) {
    .container {
      padding: 0 10px; } }

.floating-container {
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%; }

.block {
  margin: 40px 0; }
  .block .more {
    font-size: .9em; }
    .block .more:hover {
      color: #2d2424; }
  .block .section-head {
    color: #2d2424; }
    @media screen and (max-width: 940px) {
      .block .section-head {
        font-size: .9em;
        padding: 0 15px; } }

.section-head {
  margin-bottom: 10px; }

.df-tab-content hr {
  border-top: 1px solid #e5e2e2;
  border-bottom: 1px solid #fff;
  margin: 12px 0; }
.df-tab-content h4 {
  font-size: 1em; }

.note {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 3px 8px;
  font-size: .8em;
  font-weight: bold;
  margin-bottom: 0;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.series-title > a:hover {
  color: #f52c3f; }

.avatar {
  width: 50px;
  height: 50px;
  border-radius: 60%;
  vertical-align: middle; }

.view-toggle {
  position: absolute;
  right: 5px;
  top: 2px;
  color: #fff; }

.queue-add,
.queue-remove {
  font-size: .8rem; }
  .queue-add:hover,
  .queue-remove:hover {
    color: #fff; }

.queue-add {
  color: #68e4ff; }

.queue-remove {
  color: #f52c3f; }

.video-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 0; }
  .video-wrap .videostretch {
    width: 100%;
    position: absolute; }

.disabled {
  opacity: .4;
  pointer-events: none; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.visible {
  display: block; }

@media screen and (max-width: 1024px) {
  .hidden-tablet {
    display: none; } }

@media screen and (max-width: 480px) {
  .hidden-mobile {
    display: none; } }

.clearfix, .th, .btn-group, .header-main nav .menu, .article-slider .item .detail, .grid-episode, .series .thread-sidebar .action,
.episode .thread-sidebar .action, .episode .section-head, .episode .hero .info, .my-shows .th, .my-shows .list-history .history-item, .my-shows .list-history > li .pagination, .my-shows .myqueue .list-queue, .my-shows .myqueue .list-queue > li, .actor .zodiac, .myaccount .overview .status {
  zoom: 1; }
  .clearfix:before, .th:before, .btn-group:before, .header-main nav .menu:before, .article-slider .item .detail:before, .grid-episode:before, .series .thread-sidebar .action:before,
  .episode .thread-sidebar .action:before, .episode .section-head:before, .episode .hero .info:before, .my-shows .th:before, .my-shows .list-history .history-item:before, .my-shows .list-history > li .pagination:before, .my-shows .myqueue .list-queue:before, .my-shows .myqueue .list-queue > li:before, .actor .zodiac:before, .myaccount .overview .status:before, .clearfix:after, .th:after, .btn-group:after, .header-main nav .menu:after, .article-slider .item .detail:after, .grid-episode:after, .series .thread-sidebar .action:after,
  .episode .thread-sidebar .action:after, .episode .section-head:after, .episode .hero .info:after, .my-shows .th:after, .my-shows .list-history .history-item:after, .my-shows .list-history > li .pagination:after, .my-shows .myqueue .list-queue:after, .my-shows .myqueue .list-queue > li:after, .actor .zodiac:after, .myaccount .overview .status:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after, .th:after, .btn-group:after, .header-main nav .menu:after, .article-slider .item .detail:after, .grid-episode:after, .series .thread-sidebar .action:after,
  .episode .thread-sidebar .action:after, .episode .section-head:after, .episode .hero .info:after, .my-shows .th:after, .my-shows .list-history .history-item:after, .my-shows .list-history > li .pagination:after, .my-shows .myqueue .list-queue:after, .my-shows .myqueue .list-queue > li:after, .actor .zodiac:after, .myaccount .overview .status:after {
    clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.centered {
  text-align: center; }

.progress {
  background: #ddd;
  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.1);
  height: 8px;
  width: 100%; }
  .progress .fill {
    background-color: #f64152;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f64152), color-stop(100%, #f52c3f));
    background-image: -webkit-linear-gradient(#f64152, #f52c3f);
    background-image: linear-gradient(#f64152, #f52c3f);
    height: 100%; }

.tooltip {
  background: #000;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  border: 2px solid #fff;
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0.1s, top 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out 0.1s, top 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out 0.1s, top 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }
  .tooltip .tooltip-inner {
    position: relative;
    padding: 3px 5px;
    min-width: 50px; }
    .tooltip .tooltip-inner .text {
      margin: 0;
      font-size: 0.75em;
      color: #fff;
      text-align: center;
      text-transform: capitalize; }
  .tooltip:after, .tooltip:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .tooltip:after {
    border-color: transparent;
    border-bottom-color: #000000;
    border-width: 5px;
    margin-left: -5px; }
  .tooltip:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px; }

.tooltip.bottom-arrow:after, .tooltip.bottom-arrow:before {
  top: 100%;
  bottom: auto; }
.tooltip.bottom-arrow:after {
  border-color: transparent;
  border-top-color: #000000; }
.tooltip.bottom-arrow:before {
  border-color: transparent;
  border-top-color: #ffffff; }

.pagination {
  padding: 5px 0;
  margin: 10px 0;
  overflow: auto;
  border-top: 1px solid #e5e2e2;
  border-bottom: 1px solid #e5e2e2; }

.pages {
  float: left;
  padding-top: 4px;
  font-size: .9em; }
  .pages span {
    padding: 0 8px;
    min-width: 20px;
    color: #2d2424;
    border-radius: 3px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .pages a {
    padding: 0 8px;
    min-width: 20px;
    color: #2d2424;
    border-radius: 3px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .pages a.active, .pages a.active:hover {
      background: #251618;
      color: #fff; }
    .pages a:hover {
      background: #f52c3f;
      color: #fff; }

.page-jump {
  float: right; }
  .page-jump input[type="text"] {
    min-height: 28px;
    outline: 0;
    max-width: 100px; }

.series-thumb {
  position: relative;
  overflow: hidden; }
  .series-thumb .exclusive {
    position: absolute;
    right: 0;
    padding: 2px 3px 2px 8px;
    border-bottom-left-radius: 5px;
    background: rgba(0, 0, 0, 0.4);
    font-family: "Open Sans", arial, sans-serif;
    color: #fff;
    font-size: 0.6875em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1; }
    .series-thumb .exclusive i {
      vertical-align: middle;
      color: #f64152;
      font-size: 1.5em; }
  .series-thumb .thumb {
    width: 100%;
    display: block; }
    .series-thumb .thumb img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto; }
  .series-thumb .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    opacity: 0;
    overflow: hidden;
    background: rgba(22, 8, 8, 0.5);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }
    @media screen and (max-width: 940px) {
      .series-thumb .overlay {
        display: none; } }
    .series-thumb .overlay h4 {
      font-size: .9em;
      color: #fff; }
    .series-thumb .overlay em {
      color: rgba(255, 255, 255, 0.7);
      font-size: .8em;
      display: block; }
  .series-thumb .buttons {
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }
    @media screen and (max-width: 940px) {
      .series-thumb .buttons {
        display: none; } }
    .series-thumb .buttons a {
      display: inline-block;
      font-size: .8em;
      padding: 2px 0;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      border-radius: 0; }
    .series-thumb .buttons a:nth-child(1):nth-last-child(1) {
      width: 100%; }
    .series-thumb .buttons a:nth-child(1):nth-last-child(2),
    .series-thumb .buttons a:nth-child(2):nth-last-child(1) {
      width: 48%; }
  .series-thumb:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .series-thumb:hover .buttons {
    bottom: 0px; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }
.stats {
  font-size: .8em;
  line-height: 1;
  font-weight: bold;
  color: #5d5959;
  float: right; }
  .stats > span {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 10px; }
  .stats i {
    color: #f52c3f; }

.sponsor {
  width: 100%;
  font-size: .6em;
  text-align: center;
  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f8f7f7));
  background-image: -webkit-linear-gradient(#f9f9f9, #f8f7f7);
  background-image: linear-gradient(#f9f9f9, #f8f7f7);
  border: 1px solid #e5e2e2;
  border-radius: 0 0 3px 3px;
  color: #aaa;
  font-weight: 500;
  margin: 0 auto; }

.ad-wrapper {
  padding: 10px 0; }
  .ad-wrapper .ad {
    text-align: center;
    margin: 0 auto; }
    .ad-wrapper .ad img {
      display: block; }

.ad-728x90 .ad {
  min-height: 90px; }
.ad-728x90 .sponsor {
  width: 728px; }

.ad-300x250 .ad {
  min-height: 250px; }
.ad-300x250 .sponsor {
  width: 300px; }
@media screen and (max-width: 320px) {
  .ad-300x250 {
    display: block; } }
@media screen and (max-width: 568px) {
  .ad-300x250 {
    display: block; } }

.ad-320x50 .ad {
  max-width: 320px;
  margin: 0 auto; }

.ad-300x600 {
  width: 300px;
  margin: 0 auto; }
  .ad-300x600 .ad {
    min-height: 250px; }
  .ad-300x600 .sponsor {
    width: 300px; }

.ad-abs {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateZ(0);
  -o-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0);
  margin-left: 0;
  margin-top: 0;
  z-index: 500;
  top: 55px; }

.rating-standard .dficon-star {
  color: #f52c3f; }
.rating-standard .dficon-star-empty {
  color: rgba(255, 255, 255, 0.4); }

.rating-light .dficon-star {
  color: #f52c3f; }
.rating-light .dficon-star-empty {
  color: #fff; }

.rating-dark .dficon-star {
  color: #f52c3f; }
.rating-dark .dficon-star-empty {
  color: rgba(0, 0, 0, 0.2); }

.fan {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: .85em;
  font-weight: bold; }
  .fan a {
    color: #fff; }
  .fan:hover i {
    background: #f52c3f; }
  .fan i {
    font-size: 1.5em;
    line-height: 1;
    width: 34px;
    height: 34px;
    padding: 5px;
    text-align: center;
    margin: 0;
    border: 2px solid #fff;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.2);
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.has-fan {
  text-shadow: none; }
  .has-fan i {
    background: #f52c3f;
    color: #fff;
    position: relative;
    z-index: 50; }
  .has-fan span {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #fff;
    color: #f52c3f;
    border-radius: 0 3px 3px 0;
    padding: 2px 6px 2px 12px;
    font-weight: 300;
    margin-left: -13px; }

.tags > li {
  font-size: .75em;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  .tags > li a {
    padding: 4px 8px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }

.tags-language {
  margin: 10px 0 15px 0; }
  .tags-language > li a {
    display: block;
    padding: 1px 6px;
    border-radius: 3px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .tags-language > li a:hover {
      background: #fff;
      color: #2d2424; }

.series.thumbnail {
  position: relative;
  overflow: hidden; }
  .series.thumbnail img {
    display: block; }
  .series.thumbnail:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.series .thread-sidebar .avatar,
.episode .thread-sidebar .avatar {
  float: left;
  margin-right: 15px; }
.series .thread-sidebar .textbox,
.episode .thread-sidebar .textbox {
  font-size: 0.875em; }
  .series .thread-sidebar .textbox .title,
  .episode .thread-sidebar .textbox .title {
    margin-bottom: 0; }
.series .thread-sidebar .action .btn-reply,
.episode .thread-sidebar .action .btn-reply {
  float: right;
  margin-top: 10px;
  width: 49%;
  margin-left: 1%; }
.series .thread-sidebar .action .btn-default,
.episode .thread-sidebar .action .btn-default {
  float: left;
  width: 49%;
  margin-top: 10px;
  text-align: center;
  margin-right: 1%; }

@media screen and (max-width: 1024px) {
  .pagination-top {
    display: none; } }

.dficon-check-1 {
  color: #ccc; }

.ep-watched {
  color: #b6e731; }

.message {
  text-align: center;
  border: solid 1px #ddd; }

.test-desktop {
  max-width: 1200px; }

@media screen and (max-width: 940px) {
  .test-tablet-l {
    display: none; } }

@media screen and (max-width: 940px) {
  .test-mobile-l {
    display: none; } }

.dfp.mobile {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999998;
  background: rgba(0, 0, 0, 0.8); }
  .dfp.mobile .dfp-mobile-wrap {
    position: relative;
    height: 100%;
    min-height: 100%;
    text-align: center; }
    .dfp.mobile .dfp-mobile-wrap p {
      text-shadow: none;
      color: #fff; }
  .dfp.mobile .dfp-mobile-header {
    min-height: 55px;
    padding-top: 10px; }
  .dfp.mobile .dfp-mobile-body {
    text-align: center;
    min-height: 360px; }
  .dfp.mobile .dfp-mobile-footer {
    position: absolute;
    min-height: 55px;
    bottom: 0;
    width: 100%; }
    .dfp.mobile .dfp-mobile-footer p i {
      position: relative;
      top: 3px;
      left: 3px; }
  .dfp.mobile .dfp-close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999999;
    color: #fff;
    font-size: 20px; }

.dfp.ad-320x360 iframe {
  width: 320px;
  height: 360px;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -160px;
  background: #000;
  border: none; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .loading-div {
  display: none !important; }

[ng\:cloak].loading-div, [ng-cloak].loading-div, [data-ng-cloak].loading-div, [x-ng-cloak].loading-div, .ng-cloak.loading-div, .x-ng-cloak.loading-div {
  display: table !important; }

table [ng\:cloak].loading-div, table [ng-cloak].loading-div, table [data-ng-cloak].loading-div, table [x-ng-cloak].loading-div, table .ng-cloak.loading-div, table .x-ng-cloak.loading-div {
  display: table !important; }

.home .hero-wizard {
  text-align: center;
  padding: 50px 20px 50px 20px;
  color: #fff; }
  @media screen and (max-width: 480px) {
    .home .hero-wizard {
      padding: 30px 10px; } }
  .home .hero-wizard .answers {
    margin: 30px 0 0 0;
    font-size: .9em;
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 66.48192%;
    margin-left: 16.75904%; }
    .home .hero-wizard .answers:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .home .hero-wizard .answers {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%;
        margin-left: 0%; }
        .home .hero-wizard .answers:last-child {
          margin-right: 0; } }
    .home .hero-wizard .answers a {
      font-weight: 700;
      color: #fffec8; }
      .home .hero-wizard .answers a:hover {
        color: #fff; }
    .home .hero-wizard .answers > li {
      text-align: center;
      padding: 10px;
      float: left;
      display: block;
      margin-right: 0.66581%;
      width: 19.46735%; }
      .home .hero-wizard .answers > li:last-child {
        margin-right: 0; }
      @media screen and (max-width: 480px) {
        .home .hero-wizard .answers > li {
          margin-top: 15px;
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 32.96385%; }
          .home .hero-wizard .answers > li:last-child {
            margin-right: 0; }
          .home .hero-wizard .answers > li:nth-child(3n) {
            margin-right: 0; }
          .home .hero-wizard .answers > li:nth-child(3n+1) {
            clear: left; } }
      .home .hero-wizard .answers > li img {
        display: block;
        margin: 0 auto;
        width: 100%;
        margin-bottom: 10px;
        border-radius: 60%;
        box-shadow: 0 0 0 4px #fff;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .home .hero-wizard .answers > li:hover img {
        box-shadow: 0 0 0 10px #f86b79; }
      .home .hero-wizard .answers > li:hover a {
        color: #fff; }
.home .apps-wrapper {
  background: #f52c3f;
  padding: 20px 0;
  color: #fff;
  font-size: 16px; }
  .home .apps-wrapper p {
    line-height: 1.2; }
.home .owl-prev:hover,
.home .owl-next:hover {
  color: #2d2424; }
.home .soon h3 {
  color: #fff; }
.home .soon .owl-prev:hover,
.home .soon .owl-next:hover {
  color: #fff; }

.login-page {
  padding: 60px 0 50px 0; }
  .login-page h3 {
    font-size: 0.875em; }

@media screen and (max-width: 568px) {
  .view-browse .container {
    position: relative; } }
@media screen and (max-width: 480px) {
  .view-browse .container {
    position: relative; } }
@media screen and (max-width: 320px) {
  .view-browse .container {
    position: relative; } }
.view-browse .page-title p {
  margin-bottom: 0; }
.view-browse .avail {
  background: #fafafa;
  color: #777;
  border: 1px solid #f0f0f0;
  font-size: 0.6875em;
  padding-left: 5px;
  line-height: 1.8;
  border-radius: 3px;
  text-transform: uppercase;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  .view-browse .avail i {
    font-size: 1.25em;
    line-height: 0; }
  .view-browse .avail.exclusive {
    font-weight: 700; }
    .view-browse .avail.exclusive .dficon-dramafever {
      color: #f64152;
      font-size: 1.25em; }
.view-browse .browse-content {
  padding-top: 10px;
  zoom: 1; }
  .view-browse .browse-content:before, .view-browse .browse-content:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .view-browse .browse-content:after {
    clear: both; }
.view-browse .content-main {
  padding-left: 30px;
  padding-right: 0;
  padding-bottom: 50px;
  position: relative;
  min-height: 200px;
  overflow: hidden;
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 74.86144%; }
  .view-browse .content-main:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .view-browse .content-main {
      padding-left: 10px; } }
  @media screen and (max-width: 568px) {
    .view-browse .content-main {
      padding: 0;
      margin: 0;
      width: 100%; } }
  @media screen and (max-width: 480px) {
    .view-browse .content-main {
      padding: 0;
      margin: 0;
      width: 100%; } }
  .view-browse .content-main .content-view {
    zoom: 1; }
    .view-browse .content-main .content-view:before, .view-browse .content-main .content-view:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .view-browse .content-main .content-view:after {
      clear: both; }
  .view-browse .content-main.searching .content-view {
    opacity: 0.5;
    pointer-events: none; }
  .view-browse .content-main.searching .ajaxloader {
    visibility: visible;
    opacity: 1;
    height: 100px; }
.view-browse.swiped .content-sidebar {
  left: 0; }
.view-browse .content-sidebar {
  z-index: 9100;
  overflow: hidden;
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 24.58433%; }
  .view-browse .content-sidebar:last-child {
    margin-right: 0; }
  @media screen and (max-width: 568px) {
    .view-browse .content-sidebar {
      padding: 0;
      margin: 0;
      width: 100%; } }
  @media screen and (max-width: 480px) {
    .view-browse .content-sidebar {
      padding: 0;
      margin: 0;
      width: 100%;
      top: 10px; } }
  .view-browse .content-sidebar .filter:last-child {
    margin-bottom: 20px; }
    .view-browse .content-sidebar .filter:last-child .options {
      border-bottom: 1px solid #e9e6e6; }
  .view-browse .content-sidebar .filter.collapsed .th {
    color: #fff;
    background-color: #d4d4d4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d4), color-stop(100%, #bababa));
    background-image: -webkit-linear-gradient(#d4d4d4, #bababa);
    background-image: linear-gradient(#d4d4d4, #bababa); }
    .view-browse .content-sidebar .filter.collapsed .th .arrow .icon-caret-down {
      display: inline-block; }
    .view-browse .content-sidebar .filter.collapsed .th .arrow .icon-caret-up {
      display: none; }
  .view-browse .content-sidebar .filter .th {
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: .65em;
    color: #908d8e;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .view-browse .content-sidebar .filter .th:hover {
      color: #fff;
      background-color: #d4d4d4;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d4), color-stop(100%, #bababa));
      background-image: -webkit-linear-gradient(#d4d4d4, #bababa);
      background-image: linear-gradient(#d4d4d4, #bababa); }
    .view-browse .content-sidebar .filter .th .arrow {
      float: right; }
      .view-browse .content-sidebar .filter .th .arrow i {
        font-size: 1.3em; }
      .view-browse .content-sidebar .filter .th .arrow .icon-caret-down {
        display: none; }
      .view-browse .content-sidebar .filter .th .arrow .icon-caret-up {
        display: inline-block; }
  .view-browse .content-sidebar .filter .options {
    background: rgba(255, 255, 255, 0.5);
    font-weight: 600;
    border: 1px solid #e9e6e6;
    border-top: 0;
    border-bottom: 0; }
    .view-browse .content-sidebar .filter .options .list-options {
      -webkit-transition: all 0.05s ease-in;
      -moz-transition: all 0.05s ease-in;
      transition: all 0.05s ease-in; }
      @media screen and (max-width: 480px) {
        .view-browse .content-sidebar .filter .options .list-options li a {
          padding: 10px; } }
  .view-browse .content-sidebar .tags-language {
    margin: 0;
    padding: 10px; }
    .view-browse .content-sidebar .tags-language > li {
      margin-bottom: 3px; }
      .view-browse .content-sidebar .tags-language > li.active a {
        color: #fff; }
      .view-browse .content-sidebar .tags-language > li a {
        font-size: 0.875em;
        border-radius: 15px;
        height: auto;
        padding: 2px 10px;
        text-transform: none;
        width: auto;
        background: #ddd;
        color: #2d2424;
        text-transform: capitalize; }
  .view-browse .content-sidebar .list-tags {
    margin: 0;
    padding: 10px; }
    @media screen and (max-width: 480px) {
      .view-browse .content-sidebar .list-tags {
        padding: 20px 10px; } }
    @media screen and (max-width: 480px) {
      .view-browse .content-sidebar .list-tags > li {
        margin-bottom: 15px; }
        .view-browse .content-sidebar .list-tags > li a {
          padding: 10px; } }
    .view-browse .content-sidebar .list-tags > li a.active {
      color: #fff;
      background-color: #f52c3f; }
@media screen and (max-width: 480px) {
  .view-browse .pages a {
    padding: 10px 15px; } }
@media screen and (max-width: 480px) {
  .view-browse .page-jump {
    display: none; } }
.view-browse .hero {
  background: #251618;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (max-width: 480px) {
    .view-browse .hero {
      padding: 0; } }
  .view-browse .hero .section-head {
    padding: 20px 0;
    margin-bottom: 0;
    overflow: auto;
    text-transform: capitalize; }
    @media screen and (max-width: 940px) {
      .view-browse .hero .section-head {
        padding: 20px 0; } }
    @media screen and (max-width: 480px) {
      .view-browse .hero .section-head {
        padding: 10px 0; } }
    @media screen and (max-width: 940px) {
      .view-browse .hero .section-head h1 {
        text-align: center;
        float: none; } }
  .view-browse .hero .btn-group {
    float: right; }
    @media screen and (max-width: 940px) {
      .view-browse .hero .btn-group {
        float: none;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline; } }
    .view-browse .hero .btn-group .btn {
      border: 1px solid rgba(0, 0, 0, 0.8);
      padding: 5px 15px;
      font-size: .9em; }
.view-browse .orderby {
  float: right; }
  @media screen and (max-width: 940px) {
    .view-browse .orderby {
      float: none;
      display: block;
      margin: 0 auto;
      text-align: center; } }
  .view-browse .orderby .label {
    vertical-align: middle;
    line-height: 2.4;
    font-size: .9em;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.8);
    margin-right: 10px;
    margin-top: 1px; }
    @media screen and (max-width: 940px) {
      .view-browse .orderby .label {
        float: none; } }
  .view-browse .orderby .btn:nth-child(2) {
    border-radius: 5px 0 0 5px;
    border-right: none !important; }
.view-browse .table {
  min-width: 100%; }
  .view-browse .table td, .view-browse .table th {
    -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    @media screen and (max-width: 480px) {
      .view-browse .table td:first-child, .view-browse .table th:first-child {
        width: 65%; } }
  .view-browse .table tr:hover {
    background: #fff; }
  .view-browse .table tr {
    cursor: pointer; }
    .view-browse .table tr:hover .series-thumb .overlay {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
  .view-browse .table td:first-child {
    width: 200px; }
    @media screen and (max-width: 940px) {
      .view-browse .table td:first-child {
        width: 100px; } }
  .view-browse .table .overlay {
    background: rgba(37, 22, 24, 0.5); }
  .view-browse .table .release {
    width: 80px;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .view-browse .table .release {
        display: none; } }
  .view-browse .table .audio, .view-browse .table .subtitle {
    padding: 5px 10px; }
    @media screen and (max-width: 480px) {
      .view-browse .table .audio, .view-browse .table .subtitle {
        text-align: center; } }
  .view-browse .table .release,
  .view-browse .table .audio,
  .view-browse .table .subtitle,
  .view-browse .table thead {
    display: none; }
  .view-browse .table td.release {
    font-weight: bold; }
  .view-browse .table .thumbnail {
    position: relative;
    overflow: hidden; }
    .view-browse .table .thumbnail > img {
      width: auto;
      display: block; }
  .view-browse .table .info {
    width: 30%; }
    @media screen and (max-width: 940px) {
      .view-browse .table .info {
        width: auto; } }
    .view-browse .table .info h3 {
      font-size: 1em;
      margin-bottom: 0; }
    .view-browse .table .info .genre {
      font-size: 0.875em;
      color: #888;
      display: block;
      text-transform: capitalize; }
  .view-browse .table .synopsis {
    font-size: 0.875em;
    line-height: 1.4em;
    position: relative; }
    @media screen and (max-width: 940px) {
      .view-browse .table .synopsis {
        display: none; } }
  .view-browse .table .info,
  .view-browse .table .synopsis {
    padding: 5px 15px; }
  .view-browse .table .rating i {
    font-size: .9em; }
  .view-browse .table .reviews {
    float: left;
    font-size: .8em; }
.view-browse .tags-language > li a {
  border-radius: 55%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: .8em;
  background: #ccc;
  width: 26px;
  height: 26px; }
.view-browse .tags-language > li.active a, .view-browse .tags-language > li.active:hover a {
  background: #251618; }
.view-browse .tags-language > li:hover a {
  background: #f52c3f;
  color: #fff; }
.view-browse .no-result {
  padding: 60px 20px;
  margin-bottom: 20px; }

.series .section-head h3 {
  color: #2d2424; }
.series .owl-page span {
  border: 2px solid rgba(255, 255, 255, 0.5); }
.series .block .more:hover {
  color: #fff; }
.series .queue {
  font-size: 1em; }
.series .owl-prev:hover,
.series .owl-next:hover {
  color: #2d2424; }
.series .hero .fan {
  position: absolute;
  right: 2.5%;
  top: 75px;
  z-index: 100; }
@media screen and (max-width: 940px) {
  .series .hero {
    background-image: none !important; }
    .series .hero .fan,
    .series .hero .queue {
      display: none; } }
@media screen and (max-width: 480px) {
  .series .hero {
    min-height: 300px;
    overflow: hidden; }
    .series .hero > .container {
      min-height: 300px; }
    .series .hero .queue,
    .series .hero .rating {
      float: none !important;
      margin: 0 auto; } }
.series .hero h2 {
  font-size: 1.6em;
  margin-bottom: 5px; }
.series .hero .rating {
  float: left; }
  @media screen and (max-width: 940px) {
    .series .hero .rating {
      float: none;
      margin: 0 auto; } }
.series .hero .queue {
  float: left;
  margin-left: 15px; }
.series .hero .info {
  margin: 0 2% auto;
  max-width: 500px; }
  @media screen and (max-width: 480px) {
    .series .hero .info {
      margin: 0;
      z-index: 99999; } }
  .series .hero .info p {
    font-size: .95em; }
    @media screen and (max-width: 940px) {
      .series .hero .info p {
        display: none; } }
  @media screen and (max-width: 940px) {
    .series .hero .info .note {
      display: none; } }
  .series .hero .info .dficon-star {
    color: #f52c3f; }
  .series .hero .info .dficon-star-empty {
    color: rgba(255, 255, 255, 0.5); }
@media screen and (max-width: 480px) {
  .series .hero .keyart img {
    display: none; } }
.series .trailer {
  width: 260px;
  background: #000;
  position: absolute;
  right: 2.5%;
  bottom: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.8); }
  .series .trailer:hover img {
    opacity: .5; }
  .series .trailer:hover .btn-trailer {
    border: 2px solid #f52c3f !important;
    background: rgba(0, 0, 0, 0.8); }
  .series .trailer .btn-trailer {
    z-index: 100; }
  .series .trailer img {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media screen and (max-width: 940px) {
    .series .trailer {
      display: none; } }
.series .avail-in h4 {
  font-size: .8em; }
.series .synopsis h1 {
  margin-bottom: 15px; }
.series .synopsis .genre {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  color: #777474; }
.series .synopsis p {
  font-size: .85em; }
@media screen and (max-width: 568px) {
  .series .synopsis .synopsis-content {
    height: 190px;
    overflow: auto; } }
.series .episodes .queue {
  font-size: .9em; }
.series .episodes .queue-add {
  color: #2cc6e8; }
  .series .episodes .queue-add:hover {
    color: #2d2424; }
.series .episodes .ad-300x250 {
  margin-top: 0; }
@media screen and (max-width: 480px) {
  .series .themes {
    display: none; } }
.series .takeover {
  position: absolute;
  right: 0;
  bottom: 10px; }
  @media screen and (max-width: 1024px) {
    .series .takeover {
      display: none; } }

.episode .section-head h3 {
  color: #2d2424;
  float: left; }
.episode .section-head .fan {
  float: right; }
  .episode .section-head .fan:hover i, .episode .section-head .fan.has-fan i {
    background: #f52c3f; }
  .episode .section-head .fan i {
    background: rgba(0, 0, 0, 0.2); }
  .episode .section-head .fan span {
    color: #2d2424;
    text-shadow: none; }
.episode .owl-page span {
  border: 2px solid rgba(255, 255, 255, 0.5); }
.episode .queue {
  font-size: 1em; }
.episode .owl-prev:hover,
.episode .owl-next:hover {
  color: #2d2424; }
.episode .container {
  position: relative; }
.episode .player-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin: .2% 2%; }
  @media screen and (max-width: 480px) {
    .episode .player-wrapper {
      margin: 0; } }
.episode .player-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.episode .hero-masthead {
  padding: 55px 3% 80px 3%;
  background: #171414; }
  @media screen and (max-width: 1024px) {
    .episode .hero-masthead {
      padding: 80px 0 50px 0; } }
  @media screen and (max-width: 480px) {
    .episode .hero-masthead {
      padding: 20px 0 50px 0; } }
.episode .hero .info {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  position: relative !important;
  z-index: 9999;
  position: absolute;
  position: static;
  top: auto;
  left: auto;
  -webkit-transform: translateY(0) translateX(0) translateZ(0);
  -moz-transform: translateY(0) translateX(0) translateZ(0);
  -ms-transform: translateY(0) translateX(0) translateZ(0);
  -o-transform: translateY(0) translateX(0) translateZ(0);
  transform: translateY(0) translateX(0) translateZ(0);
  margin-top: auto; }
  @media screen and (max-width: 1024px) {
    .episode .hero .info {
      padding: 0 2%;
      position: absolute;
      position: static;
      top: auto;
      left: auto;
      -webkit-transform: translateY(0) translateX(0) translateZ(0);
      -moz-transform: translateY(0) translateX(0) translateZ(0);
      -ms-transform: translateY(0) translateX(0) translateZ(0);
      -o-transform: translateY(0) translateX(0) translateZ(0);
      transform: translateY(0) translateX(0) translateZ(0);
      margin-top: auto; } }
  .episode .hero .info .series-title {
    float: left; }
    @media screen and (max-width: 480px) {
      .episode .hero .info .series-title {
        float: none; } }
  .episode .hero .info .queue {
    margin-left: 20px; }
  .episode .hero .info .options {
    float: right; }
    @media screen and (max-width: 480px) {
      .episode .hero .info .options {
        float: none; } }
    .episode .hero .info .options .btn-dropdown {
      position: relative;
      float: left;
      margin-left: 10px;
      font-size: .8em; }
      .episode .hero .info .options .btn-dropdown a {
        color: #2d2424;
        padding: 5px 10px; }
      .episode .hero .info .options .btn-dropdown .active a {
        color: #fff; }
    .episode .hero .info .options .dropdown-language > li a {
      display: block;
      min-width: 120px;
      width: 120px; }
  .episode .hero .info p {
    font-size: .95em; }
    @media screen and (max-width: 940px) {
      .episode .hero .info p {
        display: none; } }
@media screen and (max-width: 1024px) {
  .episode .hero .tabs {
    bottom: -50px; } }
.episode .hero h2 {
  font-size: 1.6em;
  margin-bottom: 5px; }
.episode .hero .rating {
  float: left; }
  .episode .hero .rating .dficon-star {
    color: #f52c3f; }
  .episode .hero .rating .dficon-star-empty {
    color: rgba(255, 255, 255, 0.5); }
  @media screen and (max-width: 940px) {
    .episode .hero .rating {
      float: none;
      margin: 0 auto; } }
@media screen and (max-width: 1024px) {
  .episode .pagenav {
    position: static; } }
.episode .avail-in h4 {
  font-size: .8em; }
.episode .synopsis h1 {
  margin-bottom: 15px; }
.episode .synopsis .genre {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  color: #777474; }
.episode .synopsis p {
  font-size: .85em; }
@media screen and (max-width: 568px) {
  .episode .synopsis .synopsis-content {
    height: 190px;
    overflow: auto; } }
.episode .queue {
  font-size: .9em; }
.episode .queue-add {
  color: #2cc6e8; }
  .episode .queue-add:hover {
    color: #2d2424; }
.episode .ad-300x250 {
  margin-top: 0; }
@media screen and (max-width: 480px) {
  .episode .episode-slider .owl-page span,
  .episode .cast-slider .owl-page span,
  .episode .article-slider .owl-page span,
  .episode .series-slider .owl-page span {
    border: 2px solid rgba(0, 0, 0, 0.5); }
  .episode .episode-slider .owl-page.active span,
  .episode .cast-slider .owl-page.active span,
  .episode .article-slider .owl-page.active span,
  .episode .series-slider .owl-page.active span {
    border: none; } }
@media screen and (max-width: 480px) {
  .episode .themes {
    display: none; } }

.my-shows .myshows-content {
  padding: 0;
  padding-bottom: 80px; }
.my-shows .content-main {
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 66.48192%;
  padding-right: 30px; }
  .my-shows .content-main:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1180px) {
    .my-shows .content-main {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 58.10241%; }
      .my-shows .content-main:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 1024px) {
    .my-shows .content-main {
      padding-right: 0;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 100%; }
      .my-shows .content-main:last-child {
        margin-right: 0; } }
.my-shows .content-sidebar {
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 32.96385%; }
  .my-shows .content-sidebar:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1180px) {
    .my-shows .content-sidebar {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 41.34337%; }
      .my-shows .content-sidebar:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 1024px) {
    .my-shows .content-sidebar {
      margin-top: 25px;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 100%; }
      .my-shows .content-sidebar:last-child {
        margin-right: 0; } }
.my-shows .th {
  padding: 5px 10px; }
  .my-shows .th label {
    float: left; }
  .my-shows .th .actions {
    float: right; }
.my-shows .hero {
  background: transparent;
  color: #2d2424;
  padding: 0;
  position: relative; }
  .my-shows .hero .section-head {
    padding: 20px 0;
    overflow: auto; }
    @media screen and (max-width: 940px) {
      .my-shows .hero .section-head {
        text-align: center;
        padding: 20px 0 60px 0; } }
    @media screen and (max-width: 480px) {
      .my-shows .hero .section-head {
        padding: 10px 0; } }
    @media screen and (max-width: 940px) {
      .my-shows .hero .section-head h1 {
        text-align: center;
        float: none; } }
.my-shows .list-history {
  font-size: 16px;
  border: 1px solid #e5e2e2;
  border-top: 0;
  overflow: auto; }
  .my-shows .list-history > li {
    padding: 12px 8px;
    background: rgba(255, 255, 255, 0.2);
    border-bottom: dotted 1px #ccc;
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 100%; }
    .my-shows .list-history > li:last-child {
      margin-right: 0; }
    .my-shows .list-history > li:hover .history-item > .thumbnail .overlay {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      background: rgba(22, 8, 8, 0.5); }
    .my-shows .list-history > li:hover {
      background: #fff !important; }
    .my-shows .list-history > li:hover .progress .fill {
      background: #f52c3f !important; }
    .my-shows .list-history > li:hover .info .reveal span {
      opacity: 1; }
    .my-shows .list-history > li:last-child {
      border-bottom: none; }
    .my-shows .list-history > li:nth-child(odd) {
      background: rgba(255, 255, 255, 0.5); }
    .my-shows .list-history > li .history-item > .thumbnail {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 16.20481%; }
      .my-shows .list-history > li .history-item > .thumbnail:last-child {
        margin-right: 0; }
      @media screen and (max-width: 1024px) {
        .my-shows .list-history > li .history-item > .thumbnail {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 24.58433%; }
          .my-shows .list-history > li .history-item > .thumbnail:last-child {
            margin-right: 0; } }
    .my-shows .list-history > li .info {
      padding: 0 10px;
      position: relative;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 83.24096%; }
      .my-shows .list-history > li .info:last-child {
        margin-right: 0; }
      @media screen and (max-width: 1024px) {
        .my-shows .list-history > li .info {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 74.86144%; }
          .my-shows .list-history > li .info:last-child {
            margin-right: 0; } }
      .my-shows .list-history > li .info .ep-latest {
        font-size: 0.875em; }
        .my-shows .list-history > li .info .ep-latest i {
          font-size: 1.125em; }
      .my-shows .list-history > li .info > .progress {
        height: 5px; }
        .my-shows .list-history > li .info > .progress .fill {
          background: #acacac; }
      .my-shows .list-history > li .info .reveal {
        font-size: 0.75em;
        color: #745d5d;
        position: absolute;
        top: 0;
        right: 10px; }
        .my-shows .list-history > li .info .reveal span {
          opacity: 0;
          -webkit-transition: all 0.1s ease-in;
          -moz-transition: all 0.1s ease-in;
          transition: all 0.1s ease-in; }
        .my-shows .list-history > li .info .reveal i {
          font-size: 1.125em;
          color: #888; }
    .my-shows .list-history > li .pagination {
      background: #fff;
      padding: 5px 10px;
      margin: 0; }
      .my-shows .list-history > li .pagination .pages {
        float: right; }
      .my-shows .list-history > li .pagination .ep-count {
        float: left; }
      .my-shows .list-history > li .pagination .pages,
      .my-shows .list-history > li .pagination .ep-count {
        padding: 4px 0; }
    .my-shows .list-history > li.expand {
      background: #fff !important; }
      .my-shows .list-history > li.expand .history-item {
        border-bottom: 1px solid #dadada;
        padding-bottom: 10px; }
        .my-shows .list-history > li.expand .history-item > .thumbnail {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 24.58433%; }
          .my-shows .list-history > li.expand .history-item > .thumbnail:last-child {
            margin-right: 0; }
          .my-shows .list-history > li.expand .history-item > .thumbnail .overlay {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            background: rgba(22, 8, 8, 0.5); }
      .my-shows .list-history > li.expand .reveal span {
        opacity: 1; }
      .my-shows .list-history > li.expand .info {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 74.86144%; }
        .my-shows .list-history > li.expand .info:last-child {
          margin-right: 0; }
      .my-shows .list-history > li.expand .progress .fill {
        background: #f52c3f; }
.my-shows .myqueue .list-queue {
  border: 1px solid #e5e2e2;
  border-top: 0; }
  .my-shows .myqueue .list-queue > li {
    padding: 10px;
    background: rgba(255, 255, 255, 0.2); }
    .my-shows .myqueue .list-queue > li:nth-child(odd) {
      background: rgba(255, 255, 255, 0.5); }
    .my-shows .myqueue .list-queue > li:hover .thumbnail .overlay {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      background: rgba(22, 8, 8, 0.5); }
    .my-shows .myqueue .list-queue > li:hover {
      background: #fff !important; }
  .my-shows .myqueue .list-queue .thumbnail {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 24.58433%; }
    .my-shows .myqueue .list-queue .thumbnail:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .my-shows .myqueue .list-queue .thumbnail {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 24.58433%; }
        .my-shows .myqueue .list-queue .thumbnail:last-child {
          margin-right: 0; } }
  .my-shows .myqueue .list-queue .info {
    padding: 0 10px;
    position: relative;
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 74.86144%; }
    .my-shows .myqueue .list-queue .info:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .my-shows .myqueue .list-queue .info {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 74.86144%; }
        .my-shows .myqueue .list-queue .info:last-child {
          margin-right: 0; } }
  .my-shows .myqueue .list-queue .ep-count {
    font-size: 0.75em;
    line-height: 1.4; }
.my-shows .info h3 {
  font-size: 1em; }
.my-shows .info em {
  font-size: 0.75em;
  color: #888; }
.my-shows .thumbnail {
  position: relative;
  overflow: hidden; }
  .my-shows .thumbnail img {
    display: block;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }
  .my-shows .thumbnail .overlay {
    z-index: 5; }

.movies html, .movies body {
  background: #1b0d12; }
.movies .featured-category {
  position: relative;
  z-index: 50;
  margin-top: -80px; }
  .movies .featured-category .section-head h3 {
    color: #fff; }
    @media screen and (max-width: 940px) {
      .movies .featured-category .section-head h3 {
        color: #2d2424; } }
  .movies .featured-category .owl-page span {
    border: 2px solid #fff;
    background: transparent; }
  .movies .featured-category .owl-page.active span {
    background: #f52c3f;
    border: 2px solid #f52c3f; }
  @media screen and (max-width: 940px) {
    .movies .featured-category {
      margin-top: 20px; } }
@media screen and (max-width: 940px) {
  .movies .hero-masthead {
    background-image: none !important;
    background-color: #000 !important; } }
.movies .section-head h3 {
  color: #2d2424; }
.movies .owl-page span {
  border: 2px solid rgba(255, 255, 255, 0.5); }
.movies .block .more:hover {
  color: #fff; }
.movies .article-slider .series-thumb {
  display: block; }
.movies .cast-slider {
  color: #fff; }
.movies .edit-on {
  display: none; }
.movies .edit-state .edit-on {
  display: inline-block; }
.movies .edit-state .edit-off {
  display: none; }
.movies footer {
  background: #49515a; }

.actor .section-head h3 {
  color: #2d2424; }
.actor .owl-page span {
  border: 2px solid rgba(255, 255, 255, 0.5); }
.actor .block .more:hover {
  color: #fff; }
.actor .queue {
  font-size: 1em; }
.actor > .container {
  position: relative; }
.actor .hero .fan {
  position: absolute;
  right: 2.5%;
  top: 75px;
  z-index: 100; }
@media screen and (max-width: 940px) {
  .actor .hero {
    background-image: none !important;
    background-color: #000 !important; }
    .actor .hero .fan,
    .actor .hero .queue {
      display: none; } }
@media screen and (max-width: 480px) {
  .actor .hero {
    min-height: 300px;
    overflow: hidden; }
    .actor .hero > .container {
      min-height: 300px; }
    .actor .hero .queue,
    .actor .hero .rating {
      float: none !important;
      margin: 0 auto; } }
.actor .hero h2 {
  font-size: 1.6em;
  margin-bottom: 5px; }
.actor .hero .info {
  margin: 0 2% auto;
  max-width: 500px; }
  @media screen and (max-width: 1024px) {
    .actor .hero .info {
      margin: 0;
      text-align: left; } }
  .actor .hero .info p {
    font-size: .95em; }
    @media screen and (max-width: 940px) {
      .actor .hero .info p {
        display: none; } }
  @media screen and (max-width: 940px) {
    .actor .hero .info .note {
      display: none; } }
@media screen and (max-width: 480px) {
  .actor .hero .keyart {
    position: absolute;
    top: -50px;
    width: 125%;
    right: -50px;
    padding-top: 60px; } }
@media screen and (max-width: 1024px) {
  .actor .hero .keyart img {
    opacity: 1; } }
.actor .zodiac {
  margin: 15px 0; }
  @media screen and (max-width: 940px) {
    .actor .zodiac {
      text-align: center; } }
  @media screen and (max-width: 940px) {
    .actor .zodiac {
      display: none; } }
  .actor .zodiac > li {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 55%;
    margin-right: 12px;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
    vertical-align: middle;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .actor .zodiac > li:hover .tooltip {
      opacity: 1; }
    .actor .zodiac > li .tooltip {
      min-width: 100px;
      background: rgba(255, 255, 255, 0.9);
      color: #2d2424;
      font-weight: bold;
      opacity: 0;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
      pointer-events: none;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%) translateZ(0);
      -moz-transform: translateX(-50%) translateZ(0);
      -ms-transform: translateX(-50%) translateZ(0);
      -o-transform: translateX(-50%) translateZ(0);
      transform: translateX(-50%) translateZ(0);
      margin-left: -6px;
      margin-top: -40px; }
      .actor .zodiac > li .tooltip:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        bottom: -6px;
        left: 50%;
        margin-left: -3px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid rgba(255, 255, 255, 0.9); }
    .actor .zodiac > li.bloodtype {
      text-align: center; }
      .actor .zodiac > li.bloodtype > span {
        font-size: 2.4em;
        line-height: 1.8em;
        font-weight: bold;
        color: #2d2424; }
    .actor .zodiac > li img {
      display: block; }
.actor .biography h1 {
  margin-bottom: 15px; }
.actor .biography h3 {
  margin-bottom: 10px; }
.actor .biography p {
  font-size: .85em; }
.actor .biography .meta {
  margin-bottom: 10px; }
@media screen and (max-width: 568px) {
  .actor .biography .bio-content {
    height: 190px;
    overflow: auto; } }
.actor .content-sidebar h3 {
  margin-bottom: 10px; }
.actor .content-sidebar .ad-300x250 {
  margin-top: 0; }
.actor .owl-prev:hover,
.actor .owl-next:hover {
  color: #2d2424; }
.actor .article-slider h4 {
  font-size: .8em; }
.actor .takeover {
  position: absolute;
  right: 0;
  bottom: 10px; }

.view-news {
  background: #F0F1F4;
  color: #2d2424;
  /* GLOBAL REVIEW STYLES */
  /* ====================================
  $Comment Input Area
  ==================================== */
  /* ====================================
  $Threaded Comments
  ==================================== */
  /* EVENT: ON HOVER BODY */
  /* EVENT: INPUT SHOWN */
  /* EVENT: COMMENTS SHOWN */
  /* EVENT: REFERENCE SELECTED */
  /* UTIL CLASSES */
  /* VIEWS */
  /* ANIMATIONS */
  /* Firefox */
  /* Firefox */
  /* Firefox */
  /* Webkit */
  /* Firefox */
  /* Webkit */
  /* Firefox */
  /* Webkit */
  /* Firefox */
  /* Webkit */
  /* BADGES */
  /* ====================================
  $Carousel
  ==================================== */ }
  .view-news #site-footer {
    min-height: 340px; }
  @media screen and (max-width: 1024px) {
    .view-news .container-main {
      padding: 0; } }
  .view-news .breadcrumb .container {
    position: relative; }
  @media screen and (max-width: 480px) {
    .view-news .breadcrumb .links {
      display: none; } }
  .view-news .outline-only {
    display: none; }
  .view-news .flag {
    background: #000;
    color: #fff;
    font-style: italic;
    padding: 12px 25px;
    font-weight: 500;
    text-transform: uppercase; }
    .view-news .flag.flag-popular {
      background: #5C9013; }
    .view-news .flag.flag-rxn {
      background: #EF7474; }
    .view-news .flag.flag-intopic {
      background: #28B2AA; }
    .view-news .flag.flag-in-rxn {
      background: #BC87D2; }
  .view-news .readmore {
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-size: 0.8125em;
    background: #A5A2A2;
    border: 1px solid #9B9797;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff; }
  .view-news .btn-fb-like {
    background-color: #4668b0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4668b0), color-stop(100%, #3b5998));
    background-image: -webkit-linear-gradient(top, #4668b0, #3b5998);
    background-image: linear-gradient(to bottom,#4668b0, #3b5998);
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-size: 0.8125em;
    border: 1px solid #263f72;
    padding: 5px 10px;
    border-radius: 3px; }
    .view-news .btn-fb-like:hover {
      background-color: #5171b5;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5171b5), color-stop(100%, #47639e));
      background-image: -webkit-linear-gradient(top, #5171b5, #47639e);
      background-image: linear-gradient(to bottom,#5171b5, #47639e); }
    .view-news .btn-fb-like a {
      color: #fff; }
  @media screen and (max-width: 480px) {
    .view-news .news-share .share {
      display: none; } }
  .view-news .news-share .count {
    color: #fff;
    font-family: "Open Sans";
    margin-left: 5px;
    font-size: 0.9375em; }
  .view-news .news-share i {
    margin-right: 5px;
    font-size: 13px; }
  .view-news audio {
    width: 100%;
    margin: 20px 0; }
  .view-news video {
    width: 100%    !important;
    height: auto   !important; }
  .view-news .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; }
    .view-news .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .view-news #google_translate_element {
    position: absolute;
    right: 10px;
    top: 0; }
    @media screen and (max-width: 480px) {
      .view-news #google_translate_element {
        position: static;
        text-align: center; } }
  .view-news .goog-te-gadget-simple {
    border: none;
    background: transparent; }
  .view-news .article-header {
    margin-bottom: 15px; }
  .view-news .btn-load-more span {
    font-size: 0.875em; }
  .view-news .btn-load-more > span:last-child {
    display: none; }
  .view-news .article-tags-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 90px;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    @media screen and (max-width: 568px) {
      .view-news .article-tags-container {
        max-height: 180px; } }
  .view-news .article-tags {
    position: relative;
    overflow: auto; }
    .view-news .article-tags > li {
      position: relative;
      width: 24%;
      height: 40px;
      background-color: #fcfcfc;
      margin-right: 1%;
      margin-bottom: 5px;
      float: left;
      transition: all 0.2s;
      border-radius: 4px;
      overflow: hidden;
      box-shadow: inset 0 0 0 1px #f0f0f0; }
      @media screen and (max-width: 1300px) {
        .view-news .article-tags > li {
          width: 32%; } }
      @media screen and (max-width: 1024px) {
        .view-news .article-tags > li {
          width: 24%; } }
      @media screen and (max-width: 940px) {
        .view-news .article-tags > li {
          width: 32%; } }
      @media screen and (max-width: 568px) {
        .view-news .article-tags > li {
          width: 49%; } }
      @media screen and (max-width: 480px) {
        .view-news .article-tags > li {
          width: 49%; } }
      @media screen and (max-width: 320px) {
        .view-news .article-tags > li {
          width: 100%;
          margin-right: 0; } }
      .view-news .article-tags > li:hover {
        background-color: #fff;
        box-shadow: inset 0 0 0 1px #f0f0f0, 0 1px 2px rgba(0, 0, 0, 0.1); }
      .view-news .article-tags > li.actor .tag-image img {
        -webkit-transform: scale(2);
        transform: scale(2);
        margin-left: -25px; }
      .view-news .article-tags > li.series .tag-image img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        margin-top: 4px;
        margin-left: -7px; }
      .view-news .article-tags > li a {
        position: absolute;
        width: 100%;
        height: 100%; }
      .view-news .article-tags > li .tag-image {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 100%;
        overflow: hidden;
        background-color: #b5b5b5; }
        .view-news .article-tags > li .tag-image img.fallback {
          -webkit-transform: scale(2);
          -moz-transform: scale(2);
          -ms-transform: scale(2);
          -o-transform: scale(2);
          transform: scale(2);
          margin: 3px 0 0 0; }
        .view-news .article-tags > li .tag-image > i {
          position: absolute;
          color: #fff;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          font-size: 1.125em; }
      .view-news .article-tags > li h4 {
        font-size: 0.875em;
        font-weight: normal;
        font-family: 'open sans';
        color: #50555b;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        width: 100%;
        padding: 0 10px 0 70px; }
  .view-news .news-categories {
    position: relative;
    text-align: justify;
    margin-bottom: 20px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dadada; }
    @media screen and (max-width: 480px) {
      .view-news .news-categories {
        display: none; } }
    .view-news .news-categories > li {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      text-align: center;
      border-right: 1px solid #dfdfdf; }
      .view-news .news-categories > li:first-child a {
        border-radius: 4px 0 0 4px; }
      .view-news .news-categories > li a {
        display: block;
        padding: 10px;
        transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        color: #2d2424;
        font-weight: bold;
        font-size: 0.875em; }
        .view-news .news-categories > li a:hover {
          background: #f52c3f;
          color: #fff; }
  .view-news .featured {
    overflow: hidden; }
  .view-news .list-featured {
    zoom: 1; }
    .view-news .list-featured:before, .view-news .list-featured:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .view-news .list-featured:after {
      clear: both; }
    .view-news .list-featured > li {
      float: left;
      position: relative;
      border: 2px solid #F0F1F4;
      background-color: #000; }
      .view-news .list-featured > li > a {
        transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        display: block;
        height: 100%; }
      .view-news .list-featured > li h2 {
        font-size: 1.1875em;
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px;
        z-index: 10; }
      .view-news .list-featured > li:hover a {
        background-color: rgba(245, 44, 63, 0.6);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 44, 63, 0.6)), color-stop(100%, rgba(255, 120, 120, 0.2)));
        background-image: -webkit-linear-gradient(-315deg, rgba(245, 44, 63, 0.6), rgba(255, 120, 120, 0.2));
        background-image: linear-gradient(45deg,rgba(245, 44, 63, 0.6), rgba(255, 120, 120, 0.2)); }
      .view-news .list-featured > li.feature-lg {
        width: 50%;
        height: 380px; }
        @media screen and (max-width: 940px) {
          .view-news .list-featured > li.feature-lg {
            width: 100%;
            height: 260px; } }
        .view-news .list-featured > li.feature-lg h2 {
          font-size: 1.3125em; }
      .view-news .list-featured > li.feature-md {
        width: 25%;
        height: 190px; }
        @media screen and (max-width: 940px) {
          .view-news .list-featured > li.feature-md {
            width: 50%;
            height: 200px; } }
      .view-news .list-featured > li.feature-sm {
        width: 12.5%;
        height: 190px; }
        @media screen and (max-width: 940px) {
          .view-news .list-featured > li.feature-sm {
            width: 25%;
            height: 200px; } }
        @media screen and (max-width: 480px) {
          .view-news .list-featured > li.feature-sm {
            width: 50%;
            height: 200px; } }
        .view-news .list-featured > li.feature-sm h2 {
          font-size: 1em; }
      .view-news .list-featured > li .article-stats {
        background: transparent;
        bottom: auto;
        left: auto;
        top: 0;
        right: 0; }
      .view-news .list-featured > li .title-gradient {
        background-color: transparent;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.3)));
        background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3));
        background-image: linear-gradient(to bottom,transparent, rgba(0, 0, 0, 0.3));
        position: absolute;
        min-height: 30%;
        width: 100%;
        bottom: 0;
        z-index: 0; }
  .view-news .news-page-navigation {
    zoom: 1;
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 50px; }
    .view-news .news-page-navigation:before, .view-news .news-page-navigation:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .view-news .news-page-navigation:after {
      clear: both; }
    .view-news .news-page-navigation:hover {
      background: #fff;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
    .view-news .news-page-navigation .next, .view-news .news-page-navigation .prev {
      transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      padding: 5px 10px;
      font-size: 0.875em; }
      .view-news .news-page-navigation .next:hover, .view-news .news-page-navigation .prev:hover {
        background: #f52c3f;
        color: #fff; }
    .view-news .news-page-navigation .next {
      float: right;
      border-radius: 0 4px 4px 0; }
    .view-news .news-page-navigation .prev {
      float: left;
      border-radius: 4px 0 0 4px; }
    .view-news .news-page-navigation i {
      position: relative;
      top: 1px; }
  .view-news .news-content {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 66.48192%; }
    .view-news .news-content:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .view-news .news-content {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%; }
        .view-news .news-content:last-child {
          margin-right: 0; } }
  .view-news .list-articles {
    margin-top: 10px; }
    .view-news .list-articles .series-card-wrapper {
      display: none; }
    .view-news .list-articles iframe {
      width: 100%; }
    .view-news .list-articles .article {
      zoom: 1;
      max-width: 1300px;
      margin-left: auto;
      margin-right: auto;
      background: #fff;
      margin-bottom: 20px;
      border-radius: 4px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
      min-height: 300px;
      position: relative; }
      .view-news .list-articles .article:before, .view-news .list-articles .article:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      .view-news .list-articles .article:after {
        clear: both; }
      @media screen and (max-width: 1024px) {
        .view-news .list-articles .article {
          border-radius: 0;
          min-height: 0; } }
      .view-news .list-articles .article:hover img {
        transform: scale(1.025);
        opacity: 1; }
      .view-news .list-articles .article:hover .readmore {
        background: #E52C2C;
        border: 1px solid #CD1919; }
      .view-news .list-articles .article:hover .article-stats {
        transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        bottom: -10px;
        opacity: 0; }
        @media screen and (max-width: 1024px) {
          .view-news .list-articles .article:hover .article-stats {
            bottom: 0; } }
      .view-news .list-articles .article:hover .news-share {
        transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        opacity: 1;
        top: 10px; }
      .view-news .list-articles .article h2 {
        font-size: 1.3125em; }
        .view-news .list-articles .article h2 a {
          color: #2d2424; }
          @media screen and (max-width: 480px) {
            .view-news .list-articles .article h2 a {
              color: #fff; } }
          .view-news .list-articles .article h2 a:hover {
            color: #f52c3f; }
            @media screen and (max-width: 480px) {
              .view-news .list-articles .article h2 a:hover {
                color: #fff; } }
      @media screen and (max-width: 480px) {
        .view-news .list-articles .article .readmore {
          display: none; } }
      .view-news .list-articles .article .news-share {
        transition: all 0.15s cubic-bezier(0.6, -0.28, 0.735, 0.045);
        position: absolute;
        top: 0px;
        left: 10px;
        opacity: 0;
        font-size: 0.875em;
        font-weight: bold; }
        @media screen and (max-width: 940px) {
          .view-news .list-articles .article .news-share {
            display: none; } }
        @media screen and (max-width: 480px) {
          .view-news .list-articles .article .news-share .share {
            display: none; } }
      .view-news .list-articles .article .article-thumb {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 32.96385%;
        top: 10px;
        left: -10px; }
        .view-news .list-articles .article .article-thumb:last-child {
          margin-right: 0; }
        @media screen and (max-width: 1024px) {
          .view-news .list-articles .article .article-thumb {
            left: 10px; } }
        @media screen and (max-width: 480px) {
          .view-news .list-articles .article .article-thumb {
            float: left;
            display: block;
            margin-right: 0.55423%;
            width: 100%;
            left: 0;
            top: 0; }
            .view-news .list-articles .article .article-thumb:last-child {
              margin-right: 0; } }
      @media screen and (max-width: 480px) {
        .view-news .list-articles .article .article-thumb img {
          opacity: .5; } }
      @media screen and (max-width: 480px) {
        .view-news .list-articles .article .article-thumb:hover img {
          opacity: 1; } }
      .view-news .list-articles .article .excerpt {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 66.48192%;
        padding: 15px; }
        .view-news .list-articles .article .excerpt ol {
          padding-left: 30px;
          list-style-type: decimal;
          font-size: 0.875em; }
        .view-news .list-articles .article .excerpt ul {
          padding-left: 30px;
          list-style-type: disc;
          font-size: 0.875em; }
        .view-news .list-articles .article .excerpt:last-child {
          margin-right: 0; }
        @media screen and (max-width: 480px) {
          .view-news .list-articles .article .excerpt {
            float: left;
            display: block;
            margin-right: 0.55423%;
            width: 100%;
            position: absolute;
            bottom: 40px;
            width: 100%;
            padding: 0 6px; }
            .view-news .list-articles .article .excerpt:last-child {
              margin-right: 0; } }
        @media screen and (max-width: 480px) {
          .view-news .list-articles .article .excerpt hr {
            display: none; } }
      .view-news .list-articles .article .article-stats {
        width: 100%; }
      @media screen and (max-width: 480px) {
        .view-news .list-articles .article .article-stats, .view-news .list-articles .article.article-stats:hover {
          opacity: 1 !important;
          bottom: 0 !important; } }
  .view-news .sidebar .article:hover .article-stats, .view-news .news-related .article:hover .article-stats {
    bottom: -50px; }
  .view-news .sidebar .article:hover h2, .view-news .news-related .article:hover h2 {
    opacity: 0; }
  .view-news .sidebar .article:hover .article-thumb img, .view-news .news-related .article:hover .article-thumb img {
    opacity: 1; }
  .view-news .sidebar .article:hover img, .view-news .news-related .article:hover img {
    transform: scale(1.1);
    opacity: 1; }
  .view-news .sidebar .article h2, .view-news .news-related .article h2 {
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: absolute;
    font-size: 1.125em;
    color: #fff;
    z-index: 50;
    padding: 10px 15px; }
  .view-news .sidebar .article .article-stats, .view-news .news-related .article .article-stats {
    position: absolute;
    background: transparent;
    z-index: 50;
    bottom: 0;
    text-align: right;
    right: 0;
    text-align: right; }
  .view-news .sidebar .article .article-thumb img, .view-news .news-related .article .article-thumb img {
    opacity: .5;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      .view-news .sidebar .article .article-thumb img, .view-news .news-related .article .article-thumb img {
        width: 100%; } }
  .view-news .sidebar {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 32.96385%;
    padding: 0 0 0 25px; }
    .view-news .sidebar:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .view-news .sidebar {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%;
        padding: 0; }
        .view-news .sidebar:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      .view-news .sidebar {
        display: none; } }
    .view-news .sidebar .ad-position {
      position: fixed;
      top: 92px;
      margin-left: 45px; }
    .view-news .sidebar .flag {
      float: left;
      margin-bottom: 10px; }
    .view-news .sidebar .subscribe-rss {
      float: right;
      background: #fff;
      padding: 5px 10px;
      border-radius: 3px;
      border: 1px solid #ddd;
      position: relative;
      top: 8px;
      font-size: 0.9375em; }
      .view-news .sidebar .subscribe-rss a {
        color: #666; }
      .view-news .sidebar .subscribe-rss i {
        color: #ef7f11; }
    .view-news .sidebar .block {
      zoom: 1; }
      .view-news .sidebar .block:before, .view-news .sidebar .block:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      .view-news .sidebar .block:after {
        clear: both; }
    .view-news .sidebar .block-rxn .item {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 32.96385%;
      margin-right: 0; }
      .view-news .sidebar .block-rxn .item:last-child {
        margin-right: 0; }
    .view-news .sidebar .article {
      margin-bottom: 10px; }
      .view-news .sidebar .article:last-child {
        margin-bottom: 0; }
      @media screen and (max-width: 1024px) {
        .view-news .sidebar .article {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 32.96385%; }
          .view-news .sidebar .article:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 568px) {
        .view-news .sidebar .article {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 100%; }
          .view-news .sidebar .article:last-child {
            margin-right: 0; } }
    .view-news .sidebar .news-episode-widget .new-title {
      background: #f52c3f;
      color: #fff;
      font-style: italic;
      font-family: "Open Sans";
      padding: 12px 25px;
      font-weight: 500;
      text-transform: uppercase;
      float: left;
      font-size: 1.0625em;
      margin-bottom: 10px; }
    .view-news .sidebar .new-episode-container {
      zoom: 1;
      clear: both; }
      .view-news .sidebar .new-episode-container:before, .view-news .sidebar .new-episode-container:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      .view-news .sidebar .new-episode-container:after {
        clear: both; }
      .view-news .sidebar .new-episode-container > li {
        zoom: 1;
        position: relative;
        margin-bottom: 10px;
        background: #000;
        overflow: hidden; }
        .view-news .sidebar .new-episode-container > li:before, .view-news .sidebar .new-episode-container > li:after {
          content: "\0020";
          display: block;
          height: 0;
          overflow: hidden; }
        .view-news .sidebar .new-episode-container > li:after {
          clear: both; }
        @media screen and (max-width: 1024px) {
          .view-news .sidebar .new-episode-container > li {
            float: left;
            display: block;
            margin-right: 0.55423%;
            width: 32.96385%; }
            .view-news .sidebar .new-episode-container > li:last-child {
              margin-right: 0; } }
        @media screen and (max-width: 480px) {
          .view-news .sidebar .new-episode-container > li {
            float: left;
            display: block;
            margin-right: 0.55423%;
            width: 100%; }
            .view-news .sidebar .new-episode-container > li:last-child {
              margin-right: 0; } }
        .view-news .sidebar .new-episode-container > li .new-episode-thumb {
          margin: 0; }
          .view-news .sidebar .new-episode-container > li .new-episode-thumb img {
            transition: all 0.55s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            width: 100%;
            display: block; }
        .view-news .sidebar .new-episode-container > li .new-episode-overlay {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          padding: 10px 15px;
          color: #fff;
          z-index: 50; }
          .view-news .sidebar .new-episode-container > li .new-episode-overlay .title {
            transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            font-style: 1.25em;
            font-weight: bold;
            font-family: "Raleway";
            opacity: 0; }
          .view-news .sidebar .new-episode-container > li .new-episode-overlay .play-button {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 70px;
            text-align: center;
            margin-top: -10px; }
        .view-news .sidebar .new-episode-container > li:hover .new-episode-thumb img {
          transform: scale(1.1);
          opacity: .5; }
        .view-news .sidebar .new-episode-container > li:hover .title {
          opacity: 1; }
  @media screen and (max-width: 1024px) {
    .view-news .block-rxn {
      display: none; } }
  .view-news .block-rxn .item {
    text-align: center;
    position: relative;
    padding: 10px; }
    .view-news .block-rxn .item:hover a {
      box-shadow: 0 0 0 10px #fff, 0 8px 15px rgba(0, 0, 0, 0.2); }
    .view-news .block-rxn .item a {
      transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95);
      display: block;
      background: #fff;
      border-radius: 60%;
      width: 110px;
      height: 110px; }
    .view-news .block-rxn .item .rxn-type {
      width: 78px;
      height: 75px;
      position: relative;
      top: 16%; }
  .view-news .article {
    zoom: 1; }
    .view-news .article:before, .view-news .article:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .view-news .article:after {
      clear: both; }
    .view-news .article hr {
      margin: 15px 0; }
    .view-news .article img {
      opacity: 1;
      height: auto; }
    .view-news .article .author {
      border-top: 1px dotted #D9DEE0;
      border-bottom: 1px dotted #D9DEE0;
      padding: 5px 0;
      margin: 8px 0;
      color: #76797B; }
      .view-news .article .author .byline {
        font-style: italic; }
      .view-news .article .author .authorname {
        font-weight: bold; }
    .view-news .article .article-thumb {
      overflow: hidden;
      position: relative;
      margin: 0;
      background: #000; }
      .view-news .article .article-thumb img {
        transition: all 0.55s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        display: block; }
    .view-news .article .excerpt p {
      font-size: 0.875em; }
      @media screen and (max-width: 480px) {
        .view-news .article .excerpt p {
          display: none; } }
  .view-news .article-stats {
    transition: all 0.15s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    color: #fff;
    padding: 5px 8px;
    font-size: 0.75em; }
    .view-news .article-stats > span {
      margin-right: 5px; }
    .view-news .article-stats .dficon-comment {
      font-size: 12px; }
    .view-news .article-stats .dficon-share,
    .view-news .article-stats .dficon-eye {
      font-size: 14px; }
  .view-news .ad-300, .view-news .ad-300x250 {
    width: 300px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px; }
  .view-news .ad-leaderboard-flex {
    text-align: center;
    margin: 15px 0; }
    @media screen and (max-width: 940px) {
      .view-news .ad-leaderboard-flex {
        display: none; } }
  .view-news .thread-item .flag {
    position: relative;
    width: 70px;
    -moz-transition: all 0s;
    -moz-transition: width 0.2s;
    -webkit-transition: all 0s;
    -webkit-transition: width 0.2s;
    color: #333;
    text-align: center; }
  .view-news .thread-item .flag:hover {
    -moz-transition: all 0s;
    -moz-transition: width 0.4s;
    -webkit-transition: all 0s;
    -webkit-transition: width 0.4s;
    position: relative;
    width: 100px; }
  .view-news .thread-item .flag:hover ul.dropdown {
    max-height: 150px;
    width: 100px;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }
  .view-news .thread-item .flag ul.dropdown {
    position: absolute;
    background: #fafafa;
    right: -1px;
    top: 33px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    max-height: 0px;
    width: 70px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
  .view-news .thread-item .flag ul.dropdown li {
    background: #fafafa;
    width: 100%;
    text-align: left;
    padding: 3px 5px;
    border-bottom: 1px solid #eee;
    font-style: normal;
    text-transform: none; }
  .view-news .thread-item .flag ul.dropdown li:hover {
    background: #f52c3f;
    color: #fff; }
  .view-news .thread-item .flag ul.dropdown li:last-child {
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .view-news .thread-viewer ul.parents {
    padding-bottom: 20px; }
  .view-news .thread-viewer.photo-comments ul.parents {
    padding-bottom: 0px !important; }
  .view-news .thread-viewer.comments-only .thread-item .flag {
    margin-right: 5px; }
  .view-news .thread-item ul.rating {
    margin-left: -3px; }
  .view-news .thread-viewer.comments-only .thread-item .thread-children {
    max-height: none !important;
    opacity: 1 !important;
    margin-top: 0px !important; }
  .view-news .thread-viewer .mini-loader {
    width: 0px;
    margin-right: 0px;
    -moz-transition: all 0.4s; }
  .view-news .thread-viewer.posting .mini-loader {
    width: 12px;
    margin-right: 5px; }
  .view-news .user-comment > br {
    display: none; }
  .view-news .thread-viewer textarea {
    resize: vertical;
    outline: none;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    outline: none;
    font-size: 0.875em;
    padding: 5px 10px;
    background: #f0f0f0; }
  .view-news .review-meta {
    font-family: georgia, times, serif;
    font-style: italic;
    font-size: .8em;
    color: #888;
    line-height: 19px;
    float: none; }
  .view-news .user-reviews .review-meta {
    margin-left: 10px; }
  .view-news .user-reviews .user-reviews .review-meta {
    margin-left: 0;
    margin-right: 10px; }
  .view-news .discussion-empty {
    text-align: center; }
  .view-news .thread-poster {
    position: relative; }
  .view-news .thread-poster .missing-review {
    position: absolute;
    background: black;
    padding: 3px 10px;
    font-size: 12px;
    color: white;
    border-radius: 3px;
    top: 34px;
    left: 73px;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; }
  .view-news .thread-poster.no-review .missing-review {
    left: 77px;
    opacity: 0.9; }
  .view-news .thread-poster .missing-review:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #000;
    top: 9px;
    left: -4px; }
  .view-news .thread-poster ul.rating {
    margin-bottom: 10px; }
  .view-news .commentarea {
    width: 100%;
    min-height: 100px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    font-size: .9em; }
  .view-news .thread-item {
    position: relative;
    display: block;
    overflow: hidden;
    border-top: 1px solid #ddd;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .8s linear;
    -moz-transition: opacity .8s linear;
    -ms-transition: opacity .8s linear;
    -o-transition: opacity .8s linear;
    transition: opacity .8s linear; }
  .view-news .thread-item.new {
    opacity: 0; }
  .view-news .thread-viewer-tree div:first-child .thread-item.parent:first-child {
    border-top: none; }
  .view-news .thread-item.parent:first-child .thread-item-content {
    border-top: 0px; }
  .view-news .thread-item-content {
    display: block;
    position: relative;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear; }
  .view-news .thread-item > .thread-item-content {
    border-top: 1px solid #FFF; }
  .view-news .thread-item .user-thumbs {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear; }
  .view-news .thread-item .flag {
    padding: 4px 0px; }
  .view-news .thread-item .flag i {
    color: #000;
    margin-right: 2px;
    width: 1em; }
  .view-news .thread-item .btn-delete {
    margin-right: 6px;
    border: 1px solid #aaa; }
  .view-news .thread-item .btn {
    font-size: 0.875em;
    color: #666;
    border: 1px solid #eee;
    background: #fff; }
    .view-news .thread-item .btn:hover {
      background: #eee; }
  .view-news .thread-item .respond-btn,
  .view-news .thread-item .submit-btn {
    background: #251618;
    border: 1px solid black;
    color: #fff; }
    .view-news .thread-item .respond-btn:hover,
    .view-news .thread-item .submit-btn:hover {
      background: #45292d; }
  .view-news .thread-item .active-area {
    position: relative;
    display: block;
    padding: 10px;
    overflow: hidden;
    border: 5px solid transparent;
    min-height: 65px;
    width: 100%;
    float: right;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -ms-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear; }
  .view-news .thread-item .user-data {
    width: 60px;
    height: 100%;
    float: left;
    text-align: center; }
  .view-news .active-area.special {
    min-height: 88px; }
  .view-news .active-area.special > .content {
    min-height: 88px; }
  .view-news .active-area.staff > .content {
    min-height: 88px; }
  .view-news .thread-item.child .user-data {
    width: 55px; }
  .view-news .thread-item .avatar img {
    font-size: 0px;
    width: 100%; }
  .view-news .thread-item.child .avatar {
    width: 50px;
    height: 50px; }
  .view-news .thread-item .user-status {
    padding: 2px;
    font-size: .7em;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 5px;
    line-height: 1.5em; }
  .view-news .thread-item .user-comment {
    margin-left: 80px;
    height: 100%;
    min-height: 60px; }
  .view-news .thread-item.child .user-comment {
    margin-left: 75px; }
  .view-news .thread-item .user-comment a,
  .view-news .thread-item.child .user-comment a {
    font-size: 0.8125em; }
  .view-news .thread-item .comment-text {
    margin-top: 5px;
    word-wrap: break-word; }
  .view-news .thread-item .content {
    margin-left: 70px;
    word-wrap: break-word;
    max-width: 92%; }
  .view-news .thread-item.no-children .btn-toggle-comments {
    display: none; }
  .view-news .thread-item.child .content {
    margin-left: 60px; }
  .view-news .thread-item h4 a {
    color: #444 !important; }
  .view-news .thread-item h4 {
    float: none; }
  .view-news .thread-item .thread-children {
    position: relative;
    display: block;
    max-height: 0px;
    opacity: 0;
    width: 90%;
    margin-top: 0px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
  .view-news .thread-item .thread-children:hover {
    opacity: 0.4; }
  .view-news .thread-item .input-field {
    overflow: hidden;
    max-height: 0px;
    width: 90%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
  .view-news .thread-item.parent .input-field textarea {
    min-height: 120px;
    width: 100%;
    resize: none;
    margin: 0;
    padding: 8px;
    margin: 10px 0; }
  .view-news .thread-item .btn i {
    color: #666;
    font-size: 1em;
    line-height: 1.2em !important; }
  .view-news .thread-item .cancel-btn {
    margin: 0 5px 15px 0; }
  .view-news .thread-item .respond-btn i {
    color: #fff; }
  .view-news .thread-viewer .progress-gif {
    opacity: 0;
    margin: 0px auto;
    width: 20px;
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
  .view-news .thread-viewer.loading .progress-gif {
    opacity: 1;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s; }
  .view-news .thread-item:hover {
    overflow: visible;
    z-index: 800; }
  .view-news .thread-item .thread-item-content:hover .user-thumbs {
    opacity: 1;
    z-index: 500; }
  .view-news .thread-item .thread-item-content:hover .active-area {
    background: rgba(255, 255, 255, 0.8); }
  .view-news .thread-item.input-shown .input-field {
    max-height: 500px; }
  .view-news .thread-item.expanded .thread-children {
    max-height: 2000px;
    overflow: visible;
    opacity: 1; }
  .view-news .thread-item.reference-shown .thread-item-content {
    opacity: 0.5; }
  .view-news .thread-item.reference-shown .active-area {
    background: none !important; }
  .view-news .thread-item.reference-shown .user-thumbs {
    display: none; }
  .view-news .thread-item.referenced-comment {
    border-top: 1px solid #FFF;
    box-shadow: none;
    -webkit-box-shadow: none; }
  .view-news .thread-item.linkedto .active-area.linkedto {
    background: #EFF9F9 !important;
    border: 5px solid #FFF !important; }
  .view-news .thread-item.referenced-comment .thread-item-content {
    opacity: 1 !important; }
  .view-news .thread-item.referenced-comment .active-area {
    background: rgba(255, 255, 255, 0.8) !important; }
  .view-news .thread-item .comments-on {
    display: none; }
  .view-news .thread-item .comments-off {
    display: inline-block; }
  .view-news .thread-item.comments-shown .comments-on {
    display: inline-block; }
  .view-news .thread-item.comments-shown .comments-off {
    display: none; }
  .view-news .thread-item .input-on {
    display: none; }
  .view-news .thread-item .input-off {
    display: inline-block; }
  .view-news .thread-item.input-shown .input-on {
    display: inline-block; }
  .view-news .thread-item.input-shown .input-off {
    display: none; }
  .view-news .thread-viewer.parents-only .thread-item.thread-children {
    display: none; }
  .view-news .thread-viewer.parents-only .thread-item .user-thumbs .respond-btn {
    display: none; }
  .view-news .thread-viewer.deleting .thread-item {
    overflow: hidden !important; }
  .view-news .thread-viewer.deleting .thread-item .user-thumbs {
    display: none !important; }
  .view-news .fadeIn {
    -moz-animation: fadein 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -webkit-animation: fadein 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards; }
  .view-news .added {
    -moz-animation: showcomment 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -webkit-animation: showcomment 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards; }
  .view-news .deleted {
    overflow: hidden;
    -moz-animation: deletecomment 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -webkit-animation: deletecomment 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards; }
  .view-news .thread-item.child .focus {
    padding: 15px;
    -moz-animation: focuscomment 3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -webkit-animation: focuscomment 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards; }
  .view-news .thread-item.focus {
    -moz-animation: focuscomment 3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -webkit-animation: focuscomment 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards; }
  .view-news .thread-item.glow .btn-toggle-comments {
    -moz-animation: glowbutton 0.5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -webkit-animation: glowbutton 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards; }
  .view-news .active-area.staff {
    background: #fff2f2;
    padding: 10px;
    border: 5px solid #fff;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, .4)!important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4)!important;*/ }
  .view-news .thread-item.parent.staff.no-children > .thread-item-content {
    border: 0px; }
  .view-news .thread-item.power {
    background: #fff4ff;
    border: 5px solid #fff4ff;
    padding: 10px; }
@-moz-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes deletecomment {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    max-height: 500px; }
  50% {
    opacity: 0;
    -moz-transform: scale(0.5); }
  100% {
    opacity: 0;
    -moz-transform: scale(0);
    max-height: 0px; } }
@-webkit-keyframes deletecomment {
  0% {
    -webkit-transform: scale(1);
    max-height: 500px; }
  50% {
    -webkit-transform: scale(0.5); }
  100% {
    -webkit-transform: scale(0);
    max-height: 0px; } }
@-moz-keyframes showcomment {
  0% {
    background: #FFF;
    opacity: 0;
    -moz-transform: scale(0);
    max-height: 0px; }
  50% {
    background: #FFF;
    opacity: 1;
    -moz-transform: scale(1);
    max-height: 500px; }
  75% {
    background: #FFF;
    opacity: 1;
    -moz-transform: scale(1);
    max-height: 500px; }
  100% {
    background: inherit;
    opacity: 1;
    -moz-transform: scale(1);
    max-height: 500px; } }
@-webkit-keyframes showcomment {
  0% {
    background: #FFF;
    -webkit-transform: scale(0);
    max-height: 0px; }
  50% {
    background: #FFF;
    -webkit-transform: scale(1);
    max-height: 500px; }
  75% {
    background: #FFF;
    -webkit-transform: scale(1);
    max-height: 500px; }
  100% {
    background: inherit;
    -webkit-transform: scale(1);
    max-height: 500px; } }
@-moz-keyframes focuscomment {
  0% {
    background: #fff4ff; }
  50% {
    background: #fff4ff; }
  100% {
    background: none; } }
@-webkit-keyframes focuscomment {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    max-height: 0px; }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    max-height: 1000px; } }
@-moz-keyframes glowbutton {
  0% {
    color: #333333; }
  50% {
    color: #FF0000; }
  100% {
    color: #333333; } }
@-webkit-keyframes glowbutton {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    max-height: 0px; }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    max-height: 1000px; } }
  .view-news .newthreads {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s; }
  .view-news .thread-poster .mini-loader {
    opacity: 0;
    width: 0px;
    margin-left: 3px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
  .view-news .thread-poster.working .mini-loader {
    opacity: 1;
    width: 15px; }
  .view-news .status-staff {
    color: #fff;
    border: 1px solid #7a0000;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    background: #cc0000;
    background: -moz-linear-gradient(top, #cc0000 0%, #a80000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc0000), color-stop(100%, #a80000));
    background: -webkit-linear-gradient(top, #cc0000 0%, #a80000 100%);
    background: -o-linear-gradient(top, #cc0000 0%, #a80000 100%);
    background: -ms-linear-gradient(top, #cc0000 0%, #a80000 100%);
    background: linear, to bottom, #cc0000 0%, #a80000 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#a80000',GradientType=0 ); }
  .view-news .status-premium {
    color: #222;
    border: 1px solid #e4a610;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    background: #ffd65e;
    background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
    background: -webkit-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    background: -o-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    background: -ms-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    background: linear, to bottom, #ffd65e 0%, #febf04 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); }
  .view-news .status-power {
    color: #fff;
    border: 1px solid #5c1c5f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    background: #b459b7;
    background: -moz-linear-gradient(top, #b459b7 0%, #692f6b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b459b7), color-stop(100%, #692f6b));
    background: -webkit-linear-gradient(top, #b459b7 0%, #692f6b 100%);
    background: -o-linear-gradient(top, #b459b7 0%, #692f6b 100%);
    background: -ms-linear-gradient(top, #b459b7 0%, #692f6b 100%);
    background: linear, to bottom, #b459b7 0%, #692f6b 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b459b7', endColorstr='#692f6b',GradientType=0 ); }
  .view-news .clearfix, .view-news .th, .view-news .btn-group, .view-news .header-main nav .menu, .header-main nav .view-news .menu, .view-news .article-slider .item .detail, .article-slider .item .view-news .detail, .view-news .grid-episode, .view-news .series .thread-sidebar .action, .series .thread-sidebar .view-news .action,
  .view-news .episode .thread-sidebar .action,
  .episode .thread-sidebar .view-news .action, .view-news .episode .section-head, .episode .view-news .section-head, .view-news .episode .hero .info, .episode .hero .view-news .info, .view-news .my-shows .list-history .history-item, .my-shows .list-history .view-news .history-item, .view-news .my-shows .list-history > li .pagination, .my-shows .list-history > li .view-news .pagination, .view-news .my-shows .myqueue .list-queue, .my-shows .myqueue .view-news .list-queue, .view-news .my-shows .myqueue .list-queue > li, .my-shows .myqueue .view-news .list-queue > li, .view-news .actor .zodiac, .actor .view-news .zodiac, .view-news .myaccount .overview .status, .myaccount .overview .view-news .status {
    *zoom: 1; }
  .view-news .clearfix:before, .view-news .th:before, .view-news .btn-group:before, .view-news .header-main nav .menu:before, .header-main nav .view-news .menu:before, .view-news .article-slider .item .detail:before, .article-slider .item .view-news .detail:before, .view-news .grid-episode:before, .view-news .series .thread-sidebar .action:before, .series .thread-sidebar .view-news .action:before,
  .view-news .episode .thread-sidebar .action:before,
  .episode .thread-sidebar .view-news .action:before, .view-news .episode .section-head:before, .episode .view-news .section-head:before, .view-news .episode .hero .info:before, .episode .hero .view-news .info:before, .view-news .my-shows .list-history .history-item:before, .my-shows .list-history .view-news .history-item:before, .view-news .my-shows .list-history > li .pagination:before, .my-shows .list-history > li .view-news .pagination:before, .view-news .my-shows .myqueue .list-queue:before, .my-shows .myqueue .view-news .list-queue:before, .view-news .my-shows .myqueue .list-queue > li:before, .my-shows .myqueue .view-news .list-queue > li:before, .view-news .actor .zodiac:before, .actor .view-news .zodiac:before, .view-news .myaccount .overview .status:before, .myaccount .overview .view-news .status:before,
  .view-news .clearfix:after,
  .view-news .th:after,
  .view-news .btn-group:after,
  .view-news .header-main nav .menu:after,
  .header-main nav .view-news .menu:after,
  .view-news .article-slider .item .detail:after,
  .article-slider .item .view-news .detail:after,
  .view-news .grid-episode:after,
  .view-news .series .thread-sidebar .action:after,
  .series .thread-sidebar .view-news .action:after,
  .view-news .episode .thread-sidebar .action:after,
  .episode .thread-sidebar .view-news .action:after,
  .view-news .episode .section-head:after,
  .episode .view-news .section-head:after,
  .view-news .episode .hero .info:after,
  .episode .hero .view-news .info:after,
  .view-news .my-shows .list-history .history-item:after,
  .my-shows .list-history .view-news .history-item:after,
  .view-news .my-shows .list-history > li .pagination:after,
  .my-shows .list-history > li .view-news .pagination:after,
  .view-news .my-shows .myqueue .list-queue:after,
  .my-shows .myqueue .view-news .list-queue:after,
  .view-news .my-shows .myqueue .list-queue > li:after,
  .my-shows .myqueue .view-news .list-queue > li:after,
  .view-news .actor .zodiac:after,
  .actor .view-news .zodiac:after,
  .view-news .myaccount .overview .status:after,
  .myaccount .overview .view-news .status:after {
    display: table;
    content: "";
    line-height: 0; }
  .view-news .clearfix:after, .view-news .th:after, .view-news .btn-group:after, .view-news .header-main nav .menu:after, .header-main nav .view-news .menu:after, .view-news .article-slider .item .detail:after, .article-slider .item .view-news .detail:after, .view-news .grid-episode:after, .view-news .series .thread-sidebar .action:after, .series .thread-sidebar .view-news .action:after,
  .view-news .episode .thread-sidebar .action:after,
  .episode .thread-sidebar .view-news .action:after, .view-news .episode .section-head:after, .episode .view-news .section-head:after, .view-news .episode .hero .info:after, .episode .hero .view-news .info:after, .view-news .my-shows .list-history .history-item:after, .my-shows .list-history .view-news .history-item:after, .view-news .my-shows .list-history > li .pagination:after, .my-shows .list-history > li .view-news .pagination:after, .view-news .my-shows .myqueue .list-queue:after, .my-shows .myqueue .view-news .list-queue:after, .view-news .my-shows .myqueue .list-queue > li:after, .my-shows .myqueue .view-news .list-queue > li:after, .view-news .actor .zodiac:after, .actor .view-news .zodiac:after, .view-news .myaccount .overview .status:after, .myaccount .overview .view-news .status:after {
    clear: both; }
  .view-news .hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0; }
  .view-news .input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .view-news .carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
    width: 100%;
    position: relative; }
  .view-news .carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative; }
  .view-news .carousel-inner > .item {
    display: none;
    text-align: center;
    position: relative;
    -webkit-transition: left 0.6s ease-in-out;
    -moz-transition: left 0.6s ease-in-out;
    -o-transition: left 0.6s ease-in-out;
    transition: left 0.6s ease-in-out; }
  .view-news .carousel-inner > .item > img,
  .view-news .carousel-inner > .item > a > img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    line-height: 1;
    border: 5px solid #fafafa;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); }
  .view-news .carousel-inner > .active,
  .view-news .carousel-inner > .next,
  .view-news .carousel-inner > .prev {
    display: block; }
  .view-news .carousel-inner > .active {
    left: 0; }
  .view-news .carousel-inner > .next,
  .view-news .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .view-news .carousel-inner > .next {
    left: 100%; }
  .view-news .carousel-inner > .prev {
    left: -100%; }
  .view-news .carousel-inner > .next.left,
  .view-news .carousel-inner > .prev.right {
    left: 0; }
  .view-news .carousel-inner > .active.left {
    left: -100%; }
  .view-news .carousel-inner > .active.right {
    left: 100%; }
  .view-news .carousel-control {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 40px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .view-news .carousel-control.right {
    left: auto;
    right: 15px; }
  .view-news .carousel-control:hover,
  .view-news .carousel-control:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .view-news .carousel-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none; }
  .view-news .carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px; }
  .view-news .carousel-indicators .active {
    background-color: #fff; }
  .view-news .carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75); }
  .view-news .carousel-caption h4,
  .view-news .carousel-caption p {
    color: #ffffff;
    line-height: 20px; }
  .view-news .carousel-caption h4 {
    margin: 0 0 5px; }
  .view-news .carousel-caption p {
    margin-bottom: 0; }
  .view-news .pre-slider {
    display: none; }

.news-home .breaking {
  min-height: 400px;
  position: relative; }
  .news-home .breaking:after {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.3)));
    background-image: -webkit-linear-gradient(right, transparent, rgba(0, 0, 0, 0.3));
    background-image: linear-gradient(to left,transparent, rgba(0, 0, 0, 0.3));
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0; }
  .news-home .breaking:hover .readmore {
    background: #E52C2C;
    border: 1px solid #CD1919; }
  .news-home .breaking > .container {
    height: 400px; }
  .news-home .breaking .flag {
    position: absolute;
    top: 10px;
    right: 0; }
  .news-home .breaking .breaking-article {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 40%;
    z-index: 100; }
    .news-home .breaking .breaking-article h2, .news-home .breaking .breaking-article p {
      color: #fff;
      display: block; }
  .news-home .breaking .article-stats {
    position: absolute;
    bottom: 10px;
    text-align: right;
    right: 0;
    background: transparent; }
  .news-home .breaking img {
    opacity: .7; }
  .news-home .breaking .readmore {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-top: 10px; }

.news-home .article-stats, .sidebar .article-stats {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  left: 0;
  width: auto; }
  @media screen and (max-width: 480px) {
    .news-home .article-stats, .sidebar .article-stats {
      padding: 0 6px; } }

.news-article .breadcrumb {
  margin-bottom: 0; }
.news-article .author {
  font-size: 0.875em; }
.news-article .block-rxn .item {
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 16.20481%;
  margin-right: 0; }
  .news-article .block-rxn .item:last-child {
    margin-right: 0; }
.news-article .block-rxn .rxn-count {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0 auto;
  margin-top: 5px;
  font-weight: bold;
  background: #f52c3f;
  color: #fff;
  padding: 2px 10px;
  border-radius: 60%; }
.news-article .news-content .img-article {
  margin: 0; }
  .news-article .news-content .img-article img {
    width: 100%; }
.news-article .news-content h3 {
  margin-top: 10px; }
.news-article .news-content .row {
  margin: 0 0 25px; }
@media screen and (max-width: 1024px) {
  .news-article .news-content .label-rxn {
    display: none; } }
.news-article .article-content {
  background: #fff;
  padding: 20px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); }
  .news-article .article-content hr {
    margin: 10px 0; }
  .news-article .article-content .article-body {
    line-height: 1.9; }
    .news-article .article-content .article-body ol {
      padding-left: 40px;
      list-style-type: decimal; }
    .news-article .article-content .article-body ul {
      padding-left: 40px;
      list-style-type: disc; }
    .news-article .article-content .article-body .series_card_outer {
      display: block; }
    .news-article .article-content .article-body .series_card_inner {
      position: relative;
      height: 425px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      color: #FFFFFF;
      max-width: 785px;
      margin: 0 auto; }
      @media screen and (max-width: 750px) {
        .news-article .article-content .article-body .series_card_inner {
          display: none; } }
      .news-article .article-content .article-body .series_card_inner .series_overlay {
        position: absolute;
        width: 70%;
        height: 100%;
        background-color: transparent;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
        background-image: -webkit-linear-gradient(right, transparent, black);
        background-image: linear-gradient(to left,transparent, black); }
      .news-article .article-content .article-body .series_card_inner .series_context {
        position: absolute;
        min-width: 400px;
        max-width: 70%;
        top: 50%;
        transform: translateY(-50%);
        font-family: "Raleway";
        padding: 10px 0 0 40px; }
        @media screen and (max-width: 940px) {
          .news-article .article-content .article-body .series_card_inner .series_context {
            padding: 0 0 0 40px;
            max-width: none; } }
        .news-article .article-content .article-body .series_card_inner .series_context .availability .soon {
          display: none; }
        .news-article .article-content .article-body .series_card_inner .series_context .coming_soon {
          color: #eeeeee;
          margin: 0;
          font-weight: 700;
          font-size: 0.75em;
          letter-spacing: 2px;
          text-indent: 3px; }
          .news-article .article-content .article-body .series_card_inner .series_context .coming_soon .soon {
            display: inline;
            background: none;
            padding: none; }
        .news-article .article-content .article-body .series_card_inner .series_context .title {
          font-size: 2.75em;
          font-weight: 700;
          line-height: 1em; }
        .news-article .article-content .article-body .series_card_inner .series_context .starring {
          font-size: 0.9375em;
          margin: 0;
          color: #eeeeee; }
          .news-article .article-content .article-body .series_card_inner .series_context .starring strong {
            color: #FFFFFF; }
        .news-article .article-content .article-body .series_card_inner .series_context a {
          font-family: 'Open Sans';
          color: #FFFFFF;
          border-radius: 4px;
          cursor: pointer; }
          .news-article .article-content .article-body .series_card_inner .series_context a.add_to_queue {
            font-weight: 700;
            padding: 10px;
            background-color: rgba(245, 47, 66, 0.7);
            margin-right: 10px; }
            .news-article .article-content .article-body .series_card_inner .series_context a.add_to_queue.btn-queue-off .off {
              display: inline-block;
              margin-top: 25px; }
            .news-article .article-content .article-body .series_card_inner .series_context a.add_to_queue.btn-queue-off .on {
              display: none; }
            .news-article .article-content .article-body .series_card_inner .series_context a.add_to_queue.btn-queue-on .off {
              display: none; }
            .news-article .article-content .article-body .series_card_inner .series_context a.add_to_queue.btn-queue-on .on {
              display: inline-block;
              margin-top: 25px; }
            .news-article .article-content .article-body .series_card_inner .series_context a.add_to_queue i {
              font-size: 1em; }
            .news-article .article-content .article-body .series_card_inner .series_context a.add_to_queue:hover {
              background-color: rgba(245, 47, 66, 0.9); }
          .news-article .article-content .article-body .series_card_inner .series_context a.watch_now {
            font-weight: 300;
            padding: 9px 12px;
            background-color: rgba(0, 0, 0, 0.7);
            border: 1px solid rgba(255, 255, 255, 0.5); }
            .news-article .article-content .article-body .series_card_inner .series_context a.watch_now i {
              font-size: 0.75em; }
            .news-article .article-content .article-body .series_card_inner .series_context a.watch_now:hover {
              background-color: black;
              border: 1px solid white;
              color: #FFFFFF; }
    .news-article .article-content .article-body .series_card_mobile {
      display: block;
      overflow: hidden;
      border-radius: 4px;
      position: relative;
      margin: 0 auto;
      max-width: 500px; }
      @media screen and (min-width: 750px) {
        .news-article .article-content .article-body .series_card_mobile {
          display: none; } }
      .news-article .article-content .article-body .series_card_mobile .series_image {
        display: block; }
      .news-article .article-content .article-body .series_card_mobile .series_buttons {
        margin: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        text-align: center;
        font-family: 'Open Sans';
        font-size: 1.125em;
        cursor: pointer; }
        @media screen and (max-width: 320px) {
          .news-article .article-content .article-body .series_card_mobile .series_buttons {
            font-size: 0.9375em; } }
        .news-article .article-content .article-body .series_card_mobile .series_buttons .add_to_queue {
          color: #FFFFFF;
          width: 50%;
          background-color: #f52f42;
          padding: 10px 0; }
          .news-article .article-content .article-body .series_card_mobile .series_buttons .add_to_queue.btn-queue-off .off {
            display: inline-block; }
          .news-article .article-content .article-body .series_card_mobile .series_buttons .add_to_queue.btn-queue-off .on {
            display: none; }
          .news-article .article-content .article-body .series_card_mobile .series_buttons .add_to_queue.btn-queue-off .on-mobile {
            display: none; }
          .news-article .article-content .article-body .series_card_mobile .series_buttons .add_to_queue.btn-queue-on .off {
            display: none; }
          .news-article .article-content .article-body .series_card_mobile .series_buttons .add_to_queue.btn-queue-on .on {
            display: inline-block; }
            @media screen and (max-width: 500px) {
              .news-article .article-content .article-body .series_card_mobile .series_buttons .add_to_queue.btn-queue-on .on {
                display: none; } }
          @media screen and (min-width: 500px) {
            .news-article .article-content .article-body .series_card_mobile .series_buttons .add_to_queue.btn-queue-on .on-mobile {
              display: none; } }
          .news-article .article-content .article-body .series_card_mobile .series_buttons .add_to_queue i {
            font-size: 1em; }
          .news-article .article-content .article-body .series_card_mobile .series_buttons .add_to_queue:hover {
            background-color: #fe3145; }
        .news-article .article-content .article-body .series_card_mobile .series_buttons .watch_now {
          color: #FFFFFF;
          width: 50%;
          background-color: #000000;
          font-weight: 300;
          padding: 10px 0; }
          .news-article .article-content .article-body .series_card_mobile .series_buttons .watch_now i {
            font-size: 0.875em;
            padding-right: 2px; }
          .news-article .article-content .article-body .series_card_mobile .series_buttons .watch_now:hover {
            background-color: #333333; }
  .news-article .article-content .article-stats {
    color: #2d2424;
    float: left; }
    .news-article .article-content .article-stats .count-comment:hover {
      color: #f52c3f;
      cursor: pointer; }
  .news-article .article-content .news-share {
    float: right; }
  .news-article .article-content .podcast {
    margin: 15px 0; }
    .news-article .article-content .podcast .btn {
      font-size: 0.875em; }
.news-article .news-related {
  zoom: 1; }
  .news-article .news-related:before, .news-article .news-related:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .news-article .news-related:after {
    clear: both; }
  .news-article .news-related .article {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 32.96385%; }
    .news-article .news-related .article:last-child {
      margin-right: 0; }
    @media screen and (max-width: 568px) {
      .news-article .news-related .article {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%;
        margin-bottom: 10px; }
        .news-article .news-related .article:last-child {
          margin-right: 0; } }
.news-article .article-nav {
  transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: fixed;
  top: 50%;
  padding: 5px 10px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 480px) {
    .news-article .article-nav {
      display: none; } }
.news-article .article-next {
  right: 0;
  border-radius: 4px 0 0 4px; }
  .news-article .article-next:hover {
    padding-right: 20px; }
.news-article .article-prev {
  left: 0;
  border-radius: 0 4px 4px 0; }
  .news-article .article-prev:hover {
    padding-left: 20px; }
.news-article .outbrain-related {
  margin-top: 8px; }
  .news-article .outbrain-related .odb_li {
    padding: 5px 10px 5px 40px;
    background: #FFF;
    border-radius: 4px;
    color: #000;
    margin-bottom: 5px;
    font-size: 0.9375em; }
.news-article .newsletter-signup {
  height: 180px;
  width: 100%;
  margin: 20px 0;
  background: url(../../img/news/emailsubscribe_bg1.png) no-repeat;
  background-size: cover; }
  @media screen and (max-width: 1024px) {
    .news-article .newsletter-signup {
      height: 180px; } }
  @media screen and (max-width: 940px) {
    .news-article .newsletter-signup {
      height: 180px; } }
  @media screen and (max-width: 568px) {
    .news-article .newsletter-signup {
      background: url(../../img/news/emailsubscribe_bg2.png) no-repeat; } }
  .news-article .newsletter-signup .copy {
    width: 240px;
    margin: auto;
    text-align: center; }
    .news-article .newsletter-signup .copy h4 {
      font-size: 1.25em; }
      @media screen and (max-width: 940px) {
        .news-article .newsletter-signup .copy h4 {
          font-size: 1.125em; } }
      @media screen and (max-width: 320px) {
        .news-article .newsletter-signup .copy h4 {
          font-size: 0.875em;
          display: inline; } }
    @media screen and (max-width: 1024px) {
      .news-article .newsletter-signup .copy {
        padding-top: 10px; } }
    @media screen and (max-width: 940px) {
      .news-article .newsletter-signup .copy {
        padding-top: 0; } }
    @media screen and (max-width: 568px) {
      .news-article .newsletter-signup .copy {
        width: 100%;
        padding-left: 50%;
        text-align: left; }
        .news-article .newsletter-signup .copy form {
          padding: 10px 20px 0 0; } }
    @media screen and (max-width: 320px) {
      .news-article .newsletter-signup .copy {
        padding-left: 55%; } }
  .news-article .newsletter-signup input[type="text"] {
    width: 100%; }
  .news-article .newsletter-signup .btn-action {
    margin-top: 10px; }
  .news-article .newsletter-signup .email-signup-flash {
    margin-top: 3px;
    font-size: 0.75em;
    color: #2d2424; }

.news-comments {
  margin: 20px 0;
  padding: 20px;
  background: #fafafa;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  border-radius: 4px; }
  .news-comments h3 {
    float: left; }
  .news-comments .posting-as {
    float: right;
    margin-top: 20px;
    font-size: 0.875em; }
  .news-comments .progress-gif {
    display: none; }
  .news-comments .textbox {
    zoom: 1;
    margin-bottom: 20px; }
    .news-comments .textbox:before, .news-comments .textbox:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .news-comments .textbox:after {
      clear: both; }
    .news-comments .textbox .user-ava {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 7.82529%; }
      .news-comments .textbox .user-ava:last-child {
        margin-right: 0; }
      @media screen and (max-width: 480px) {
        .news-comments .textbox .user-ava {
          float: none;
          width: auto;
          margin-top: -48px;
          margin-bottom: 15px; } }
    .news-comments .textbox .commentarea {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 74.86144%;
      position: relative; }
      .news-comments .textbox .commentarea:last-child {
        margin-right: 0; }
      @media screen and (max-width: 480px) {
        .news-comments .textbox .commentarea {
          float: none;
          width: 100%;
          margin: 0; } }
    .news-comments .textbox .btn-post {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 16.20481%;
      text-align: center; }
      .news-comments .textbox .btn-post:last-child {
        margin-right: 0; }
      @media screen and (max-width: 480px) {
        .news-comments .textbox .btn-post {
          float: right;
          margin: 0;
          margin-top: 10px;
          width: auto; } }
  .news-comments .noauth-textbox {
    zoom: 1;
    margin-bottom: 25px; }
    .news-comments .noauth-textbox:before, .news-comments .noauth-textbox:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .news-comments .noauth-textbox:after {
      clear: both; }
    .news-comments .noauth-textbox p {
      float: left;
      margin-top: 10px; }
    .news-comments .noauth-textbox .btn {
      float: right;
      font-size: 0.875em; }

.news-article-navigation {
  margin-top: 18px; }
  .news-article-navigation .next, .news-article-navigation .prev {
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding: 5px 10px;
    font-size: 0.875em; }
    .news-article-navigation .next:hover, .news-article-navigation .prev:hover {
      background: #f52c3f;
      color: #fff; }
  .news-article-navigation .next {
    float: right;
    border-radius: 4px; }
  .news-article-navigation .prev {
    float: left;
    border-radius: 4px; }
  .news-article-navigation i {
    position: relative;
    top: 1px; }

.kids {
  background: #ffed78; }
  .kids .featured-category {
    position: relative;
    z-index: 50;
    margin-top: -80px; }
    .kids .featured-category .owl-page span {
      border: 2px solid #fff;
      background: transparent; }
      @media screen and (max-width: 940px) {
        .kids .featured-category .owl-page span {
          border: 2px solid rgba(0, 0, 0, 0.2); } }
    .kids .featured-category .owl-page.active span {
      background: #f52c3f;
      border: 2px solid #f52c3f; }
    .kids .featured-category .section-head {
      color: #fff; }
    @media screen and (max-width: 940px) {
      .kids .featured-category {
        margin-top: 20px; }
        .kids .featured-category .section-head {
          color: #2d2424; } }
  @media screen and (max-width: 940px) {
    .kids .hero-masthead {
      background-image: none !important;
      background-color: #000 !important; } }
  .kids footer {
    background: #23273e; }

.myaccount .content-main {
  font-size: .85em;
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 74.86144%;
  padding-left: 30px; }
  .myaccount .content-main:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .myaccount .content-main {
      padding-left: 0;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 100%; }
      .myaccount .content-main:last-child {
        margin-right: 0; } }
  .myaccount .content-main h3 {
    font-weight: 100;
    font-size: 2em;
    color: rgba(45, 36, 36, 0.7); }
  .myaccount .content-main .form-group label {
    min-width: 120px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
.myaccount .content-sidebar {
  font-size: .85em;
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 24.58433%; }
  .myaccount .content-sidebar:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .myaccount .content-sidebar {
      margin-top: 25px;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 100%; }
      .myaccount .content-sidebar:last-child {
        margin-right: 0; } }
.myaccount .overview .avatar {
  margin-right: 8px;
  border-radius: 40px;
  border: 3px solid #fff;
  width: 65px;
  height: 65px; }
.myaccount .overview .user-info h3 {
  margin-bottom: 0; }
.myaccount .overview .user-info p {
  margin: 0;
  line-height: 2.1em; }
  .myaccount .overview .user-info p:first-child {
    margin-bottom: 15px; }
.myaccount .overview .user-info .btn {
  font-size: .9em; }
.myaccount .overview h3 {
  font-size: 1em;
  line-height: 1;
  margin-bottom: 10px; }
.myaccount .overview hr {
  margin: 20px 0; }
.myaccount .overview .status .type,
.myaccount .overview .status .settings {
  margin: 0; }
.myaccount .overview .status .type {
  float: left; }
.myaccount .overview .status .settings {
  float: right; }
.myaccount .notification-overview .networks i {
  font-size: 1.3em;
  line-height: 0;
  margin-left: 5px;
  color: #aaa; }
  .myaccount .notification-overview .networks i.icon-facebook {
    color: #4865a1; }
  .myaccount .notification-overview .networks i.icon-twitter {
    color: #55acee; }
  .myaccount .notification-overview .networks i.icon-gplus-1 {
    color: #f4400d; }
.myaccount .link-manage {
  float: right;
  margin-top: -5px;
  color: #817c7c;
  font-size: .9em; }
  .myaccount .link-manage i {
    font-size: 1em;
    line-height: 0; }
.myaccount .pagenav .tabs {
  left: auto;
  right: 0; }
.myaccount .hero {
  background: #251618;
  color: #fff;
  padding: 55px 20px 0 20px;
  position: relative; }
  @media screen and (max-width: 480px) {
    .myaccount .hero {
      padding: 20px 0 60px 0; } }
  .myaccount .hero .section-head {
    padding: 50px 0;
    overflow: auto; }
    @media screen and (max-width: 940px) {
      .myaccount .hero .section-head {
        text-align: center;
        padding: 20px 0 60px 0; } }
    @media screen and (max-width: 480px) {
      .myaccount .hero .section-head {
        padding: 10px 0; } }
    @media screen and (max-width: 940px) {
      .myaccount .hero .section-head h1 {
        text-align: center;
        float: none; } }
.myaccount .gifts {
  background: #f52c3f;
  height: 100px; }

/* =======================
Topic Colors
=======================*/
body.forum {
  background: #eeeeee; }
  body.forum .ad {
    text-align: center; }
    body.forum .ad img {
      display: block;
      margin: 0 auto; }
  body.forum.forum-category .ad, body.forum.forum-category .ad {
    margin: 20px 0; }
  body.forum.forum-thread .thread-posts .ad {
    margin: 20px 0;
    float: right; }
  body.forum .pagination {
    margin-top: 7px;
    text-align: center; }
    body.forum .pagination ul {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      float: none; }
  body.forum .count {
    font-family: "Karla";
    font-weight: 700;
    font-size: 1.25em !important;
    color: #5e5e5e; }
  body.forum .adminbar ul > li {
    float: left;
    font-size: 16px; }
    body.forum .adminbar ul > li i {
      font-size: 0.875em;
      position: relative;
      top: 2px; }
    body.forum .adminbar ul > li a {
      display: block;
      background: #000;
      border-top: 3px solid #f52c3f;
      color: #fafafa;
      padding: 8px 10px;
      font-size: 0.8125em;
      font-weight: bold; }
      body.forum .adminbar ul > li a:hover {
        background: #f52c3f; }

.forum-header {
  width: 100%;
  background-color: #ac141b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ac141b), color-stop(100%, #810f14));
  background-image: -webkit-linear-gradient(#ac141b, #810f14);
  background-image: linear-gradient(#ac141b, #810f14);
  max-height: 424px;
  height: 424px;
  margin: 0 0 20px 0;
  position: relative; }
  @media screen and (max-width: 940px) {
    .forum-header {
      height: 250px; } }
  .forum-header.thread {
    height: 235px;
    padding: 0 15px;
    background: #9abb6c; }
    @media screen and (max-width: 1024px) {
      .forum-header.thread {
        height: 300px; } }
    @media screen and (max-width: 480px) {
      .forum-header.thread {
        height: 320px; } }
    .forum-header.thread h1 {
      font-size: 1.4375em; }
    .forum-header.thread .thread-actions {
      zoom: 1;
      position: absolute;
      right: 20px;
      top: 0; }
      .forum-header.thread .thread-actions:before, .forum-header.thread .thread-actions:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      .forum-header.thread .thread-actions:after {
        clear: both; }
      .forum-header.thread .thread-actions > li:first-child a {
        border-radius: 0 0 0 4px; }
      .forum-header.thread .thread-actions > li:last-child a {
        border-radius: 0 0 4px 0; }
    .forum-header.thread .head-wrap {
      height: 235px;
      zoom: 1;
      max-width: 1300px;
      margin-left: auto;
      margin-right: auto; }
      .forum-header.thread .head-wrap:before, .forum-header.thread .head-wrap:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      .forum-header.thread .head-wrap:after {
        clear: both; }
      @media screen and (max-width: 1024px) {
        .forum-header.thread .head-wrap {
          padding-top: 40px; } }
    .forum-header.thread .thread-title {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 66.48192%;
      color: #fff; }
      .forum-header.thread .thread-title:last-child {
        margin-right: 0; }
      @media screen and (max-width: 1024px) {
        .forum-header.thread .thread-title {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 100%;
          position: absolute;
          position: static;
          top: auto;
          left: auto;
          -webkit-transform: translateY(0) translateX(0) translateZ(0);
          -moz-transform: translateY(0) translateX(0) translateZ(0);
          -ms-transform: translateY(0) translateX(0) translateZ(0);
          -o-transform: translateY(0) translateX(0) translateZ(0);
          transform: translateY(0) translateX(0) translateZ(0);
          margin-top: auto;
          padding-top: 20px; }
          .forum-header.thread .thread-title:last-child {
            margin-right: 0; } }
      .forum-header.thread .thread-title .tags {
        font-size: 0.75em; }
        .forum-header.thread .thread-title .tags dt {
          font-weight: bold; }
        .forum-header.thread .thread-title .tags dt, .forum-header.thread .thread-title .tags dd, .forum-header.thread .thread-title .tags ul {
          display: inline; }
        .forum-header.thread .thread-title .tags ul > li {
          display: inline; }
        .forum-header.thread .thread-title .tags a {
          color: #fff;
          text-decoration: underline; }
    .forum-header.thread .in-this-thread {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 32.96385%;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .forum-header.thread .in-this-thread:last-child {
        margin-right: 0; }
      @media screen and (max-width: 1024px) {
        .forum-header.thread .in-this-thread {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 58.10241%;
          position: absolute;
          position: static;
          top: auto;
          left: auto;
          -webkit-transform: translateY(0) translateX(0) translateZ(0);
          -moz-transform: translateY(0) translateX(0) translateZ(0);
          -ms-transform: translateY(0) translateX(0) translateZ(0);
          -o-transform: translateY(0) translateX(0) translateZ(0);
          transform: translateY(0) translateX(0) translateZ(0);
          margin-top: auto;
          padding-top: 20px; }
          .forum-header.thread .in-this-thread:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 480px) {
        .forum-header.thread .in-this-thread {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 100%; }
          .forum-header.thread .in-this-thread:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 320px) {
        .forum-header.thread .in-this-thread {
          display: none; } }
      .forum-header.thread .in-this-thread h4 {
        font-size: 0.8125em;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 5px; }
      .forum-header.thread .in-this-thread .participants {
        margin-bottom: 15px; }
        .forum-header.thread .in-this-thread .participants > li:hover img {
          border: 3px solid #fff; }
  .forum-header.topic {
    height: 235px;
    background: #444; }
    .forum-header.topic .masthead-title .headline h1 {
      margin: 0;
      font-size: 2.5em; }
      @media screen and (max-width: 320px) {
        .forum-header.topic .masthead-title .headline h1 {
          margin: 10px 0;
          font-size: 1.25em; } }
  .forum-header .masthead-title {
    width: 100%;
    max-width: 550px;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 25%;
    height: 50%;
    margin-left: -275px; }
    @media screen and (max-width: 480px) {
      .forum-header .masthead-title {
        max-width: 100%;
        left: auto;
        margin-left: 0; } }
    .forum-header .masthead-title .stitch:before, .forum-header .masthead-title .stitch:after {
      content: '';
      display: block;
      height: 2px;
      width: 30%;
      border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
      position: relative;
      top: 8px; }
      @media screen and (max-width: 480px) {
        .forum-header .masthead-title .stitch:before, .forum-header .masthead-title .stitch:after {
          width: 20%; } }
    .forum-header .masthead-title .stitch:before {
      float: left; }
    .forum-header .masthead-title .stitch:after {
      float: right; }
    .forum-header .masthead-title .header-sub {
      text-align: center; }
      .forum-header .masthead-title .header-sub:first-child .stitch:before, .forum-header .masthead-title .header-sub:first-child .stitch:after {
        width: 38%;
        top: 10px; }
      .forum-header .masthead-title .header-sub h2 {
        display: block;
        color: #fff;
        font-size: 0.9375em;
        text-transform: uppercase;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); }
        .forum-header .masthead-title .header-sub h2 i {
          font-size: 1.25em; }
    .forum-header .masthead-title .headline {
      text-align: center; }
      .forum-header .masthead-title .headline h1 {
        display: block;
        color: #fff;
        font-size: 2.1875em;
        margin: 20px 0;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 320px) {
      .forum-header .masthead-title {
        max-width: 320px;
        margin-left: -160px; }
        .forum-header .masthead-title .header-sub {
          font-size: 0.9375em; }
          .forum-header .masthead-title .header-sub .stitch:before, .forum-header .masthead-title .header-sub .stitch:after {
            display: none; } }
  .forum-header.hero {
    height: 350px;
    max-height: 350px; }
    .forum-header.hero .masthead-title {
      top: 10%; }
      @media screen and (max-width: 940px) {
        .forum-header.hero .masthead-title .headline h1 {
          margin: 10px 0;
          font-size: 1.625em; } }
  .forum-header.newthread {
    height: 150px; }
  .forum-header .subnav {
    background: rgba(0, 0, 0, 0.4);
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
    .forum-header .subnav .thread-dropdown {
      font-size: 16px;
      position: relative;
      float: left;
      border-right: 1px solid #797979; }
      .forum-header .subnav .thread-dropdown:hover ul {
        display: block; }
      .forum-header .subnav .thread-dropdown a {
        border-left: 1px solid #797979; }
        .forum-header .subnav .thread-dropdown a i {
          float: right;
          font-size: 1.25em; }
      .forum-header .subnav .thread-dropdown ul {
        width: 100%;
        position: absolute;
        top: 40px;
        left: 0;
        z-index: 999;
        background: #4f4f4f;
        display: none;
        -moz-animation: fadeIn 0.5s;
        -webkit-animation: fadeIn 0.5s;
        -o-animation: fadeIn 0.5s;
        -ms-animation: fadeIn 0.5s;
        animation: fadeIn 0.5s; }
        .forum-header .subnav .thread-dropdown ul li {
          border-bottom: 1px solid #797979;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .forum-header .subnav .thread-dropdown ul li.category9162f54401684d1b994ba397476541af:hover {
            background: #a682e8; }
          .forum-header .subnav .thread-dropdown ul li.category85615905997e4a58bb38847b946816f1:hover {
            background: #76eaee; }
          .forum-header .subnav .thread-dropdown ul li.category1565308d0fc5419295d47134d753a883:hover {
            background: #c9e591; }
          .forum-header .subnav .thread-dropdown ul li.announcements:hover {
            background: #e93e5a; }
          .forum-header .subnav .thread-dropdown ul li.category7d53384fcd484134b99f82fa62296a70:hover {
            background: #f06f8e; }
          .forum-header .subnav .thread-dropdown ul li.category91a5967e70ca49269c4e3268a8f60f6d:hover {
            background: orange; }
          .forum-header .subnav .thread-dropdown ul li a {
            color: #fff;
            padding: 0 20px;
            height: 40px;
            display: block;
            line-height: 40px;
            font-size: 0.8125em; }
    .forum-header .subnav .tags {
      float: left;
      position: relative; }
      @media screen and (max-width: 480px) {
        .forum-header .subnav .tags {
          display: none; } }
      .forum-header .subnav .tags span {
        width: 100%;
        height: 30px;
        position: absolute;
        background: transparent;
        left: 0;
        top: -15px; }
      .forum-header .subnav .tags > a {
        border-right: 1px solid #797979; }
      .forum-header .subnav .tags .tag-wrap {
        position: absolute;
        right: 5px;
        top: 0;
        width: 40px;
        height: 40px;
        cursor: pointer; }
        .forum-header .subnav .tags .tag-wrap .inner {
          position: relative;
          width: 100%;
          height: 100%; }
        .forum-header .subnav .tags .tag-wrap i {
          right: 32%;
          top: 32%; }
        .forum-header .subnav .tags .tag-wrap:hover .tag-container, .forum-header .subnav .tags .tag-wrap.has-contents .tag-container {
          display: block; }
      .forum-header .subnav .tags .tag-container {
        display: none;
        -moz-animation: fadeIn 0.5s;
        -webkit-animation: fadeIn 0.5s;
        -o-animation: fadeIn 0.5s;
        -ms-animation: fadeIn 0.5s;
        animation: fadeIn 0.5s;
        position: absolute;
        text-align: center;
        width: 350px;
        background: #323130;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 5px;
        z-index: 999;
        bottom: 39px;
        left: -150px; }
        .forum-header .subnav .tags .tag-container:after {
          top: 100%;
          left: 48%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(136, 183, 213, 0);
          border-top-color: #323130;
          border-width: 8px;
          margin-left: -8px; }
        .forum-header .subnav .tags .tag-container .tag {
          display: -moz-inline-stack;
          display: inline-block;
          zoom: 1;
          *display: inline;
          background: #3c3c3c;
          padding: 2px 8px;
          margin: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          color: #fff;
          font-size: 0.75em;
          line-height: 30px;
          -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .forum-header .subnav .tags .tag-container .tag:hover {
            background: #c9e591;
            color: #4b5660; }
    .forum-header .subnav .actions {
      font-size: 0.8125em;
      color: #fff;
      float: left;
      display: inline-block;
      height: 40px;
      line-height: 40px;
      padding: 0 10px;
      min-width: 160px; }
      .forum-header .subnav .actions input[type="text"] {
        background: transparent;
        border: none;
        color: #fff;
        padding-right: 25px; }
        .forum-header .subnav .actions input[type="text"]:focus {
          box-shadow: none; }
      .forum-header .subnav .actions i {
        font-size: 1.25em;
        position: absolute;
        top: 10px;
        right: 15px; }
      .forum-header .subnav .actions a {
        color: #fff; }
      .forum-header .subnav .actions.active {
        border-bottom: 4px solid #797979; }
        .forum-header .subnav .actions.active.category9162f54401684d1b994ba397476541af {
          border-bottom: 4px solid #a682e8; }
        .forum-header .subnav .actions.active.category85615905997e4a58bb38847b946816f1 {
          border-bottom: 4px solid #76eaee; }
        .forum-header .subnav .actions.active.category1565308d0fc5419295d47134d753a883 {
          border-bottom: 4px solid #c9e591; }
        .forum-header .subnav .actions.active.announcements {
          border-bottom: 4px solid #e93e5a; }
        .forum-header .subnav .actions.active.category7d53384fcd484134b99f82fa62296a70 {
          border-bottom: 4px solid #f06f8e; }
        .forum-header .subnav .actions.active.category91a5967e70ca49269c4e3268a8f60f6d {
          border-bottom: 4px solid orange; }

.topics {
  zoom: 1;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 1px solid #d5dadd;
  background: #f7f7f7;
  margin: 20px 0; }
  .topics:before, .topics:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .topics:after {
    clear: both; }
  .topics nav {
    zoom: 1;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    background: #f2f5f6;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff; }
    .topics nav:before, .topics nav:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .topics nav:after {
      clear: both; }
    .topics nav ul {
      float: left; }
      .topics nav ul li {
        border-right: 1px solid #e4e7e8;
        position: relative; }
        .topics nav ul li a {
          font-size: 0.9375em;
          padding: 10px 30px; }
        .topics nav ul li:hover ul {
          display: block; }
      .topics nav ul ul {
        position: absolute;
        background: #fff;
        z-index: 888;
        display: none;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); }
        .topics nav ul ul li {
          float: left;
          width: 100%;
          border: none;
          clear: both;
          border-top: 1px solid #d7d7d7; }
          .topics nav ul ul li a {
            text-align: center;
            position: relative;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            .topics nav ul ul li a:hover {
              -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
              -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
              box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); }
              .topics nav ul ul li a:hover:after {
                content: '';
                position: absolute;
                width: 100%;
                height: 3px;
                background: #f00;
                bottom: 0;
                left: 0; }
          .topics nav ul ul li.category85615905997e4a58bb38847b946816f1 a:hover:after {
            background: #76eaee; }
          .topics nav ul ul li.category9162f54401684d1b994ba397476541af a:hover:after {
            background: #a682e8; }
          .topics nav ul ul li.kpop a:hover:after {
            background: #e7bbf6; }
          .topics nav ul ul li.category1565308d0fc5419295d47134d753a883 a:hover:after {
            background: #c9e591; }
          .topics nav ul ul li.category7d53384fcd484134b99f82fa62296a70 a:hover:after {
            background: #f06f8e; }
          .topics nav ul ul li.bugs a:hover:after {
            background: #e93e5a; }

table {
  margin: 0;
  margin-bottom: 50px;
  font-size: 16px; }
  table.default td:last-child, table.topic td:last-child {
    font-size: 0.75em; }
  table.topic {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 66.48192%;
    margin-right: 0; }
    table.topic:last-child {
      margin-right: 0; }
    @media screen and (max-width: 480px) {
      table.topic {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%; }
        table.topic:last-child {
          margin-right: 0; } }
  table.threads {
    border: 1px solid #d5dadd;
    display: table; }
    table.threads .thread-sticky .status-icon, table.threads .thread-locked .status-icon {
      padding: 6px 5px 1px;
      margin-right: 5px;
      border-radius: 25px;
      color: white;
      font-size: 1em; }
    table.threads .thread-sticky .tag-link .dficon-pushpin {
      background: #29abeb; }
    table.threads .thread-locked .tag-link .dficon-lock {
      background: #999; }
    table.threads.subthread {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 66.48192%; }
      table.threads.subthread:last-child {
        margin-right: 0; }
    table.threads th, table.threads td {
      display: table-cell;
      border: none; }
    table.threads thead {
      width: 100%;
      background: #f8f8f8; }
      table.threads thead th {
        text-align: center;
        font-size: 0.6875em;
        color: #717171;
        text-transform: uppercase;
        padding: 5px 10px;
        width: 100px; }
        table.threads thead th .icon {
          font-size: 1.5625em;
          display: -moz-inline-stack;
          display: inline-block;
          zoom: 1;
          *display: inline;
          margin: 3px 3px 0 0; }
        table.threads thead th:first-child {
          padding: 5px 20px;
          width: 60%;
          text-align: left; }
        table.threads thead th:last-child {
          text-align: right;
          width: 20%; }
          @media screen and (max-width: 480px) {
            table.threads thead th:last-child {
              display: none; } }
        @media screen and (max-width: 1024px) {
          table.threads thead th {
            width: 70px; } }
    table.threads tbody tr {
      border-top: 1px solid #e5e7e8;
      position: relative;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      table.threads tbody tr:hover {
        background: #fff; }
      table.threads tbody tr.favorite td:last-child {
        overflow: hidden;
        position: relative; }
      table.threads tbody tr.favorite:hover .favorite {
        top: 0;
        right: 0; }
      table.threads tbody tr.favorite .favorite {
        position: absolute;
        top: -20px;
        right: -20px;
        border-style: solid;
        border-width: 0 50px 50px 0;
        border-color: transparent #f7e2e4 transparent transparent;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        cursor: pointer; }
        table.threads tbody tr.favorite .favorite:after {
          content: '_';
          font-family: "dramafever";
          position: absolute;
          right: -46px;
          top: 4px;
          z-index: 9999;
          color: #f00;
          font-size: 20px; }
      table.threads tbody tr.category85615905997e4a58bb38847b946816f1 td:first-child {
        -webkit-box-shadow: inset 5px 0 0 #76eaee;
        -moz-box-shadow: inset 5px 0 0 #76eaee;
        box-shadow: inset 5px 0 0 #76eaee; }
      table.threads tbody tr.category9162f54401684d1b994ba397476541af td:first-child {
        -webkit-box-shadow: inset 5px 0 0 #a682e8;
        -moz-box-shadow: inset 5px 0 0 #a682e8;
        box-shadow: inset 5px 0 0 #a682e8; }
      table.threads tbody tr.kpop td:first-child {
        -webkit-box-shadow: inset 5px 0 0 #e7bbf6;
        -moz-box-shadow: inset 5px 0 0 #e7bbf6;
        box-shadow: inset 5px 0 0 #e7bbf6; }
      table.threads tbody tr.category1565308d0fc5419295d47134d753a883 td:first-child {
        -webkit-box-shadow: inset 5px 0 0 #c9e591;
        -moz-box-shadow: inset 5px 0 0 #c9e591;
        box-shadow: inset 5px 0 0 #c9e591; }
      table.threads tbody tr.category7d53384fcd484134b99f82fa62296a70 td:first-child {
        -webkit-box-shadow: inset 5px 0 0 #f06f8e;
        -moz-box-shadow: inset 5px 0 0 #f06f8e;
        box-shadow: inset 5px 0 0 #f06f8e; }
      table.threads tbody tr.bugs {
        border-left-color: #e93e5a; }
        table.threads tbody tr.bugs td:first-child {
          -webkit-box-shadow: inset 5px 0 0 #e93e5a;
          -moz-box-shadow: inset 5px 0 0 #e93e5a;
          box-shadow: inset 5px 0 0 #e93e5a; }
      table.threads tbody tr td {
        border-top: 1px solid #e5e7e8;
        position: relative;
        text-align: center;
        padding: 10px; }
        table.threads tbody tr td:first-child {
          padding-left: 20px; }
        table.threads tbody tr td:last-child {
          text-align: right; }
          @media screen and (max-width: 480px) {
            table.threads tbody tr td:last-child {
              display: none; } }
        table.threads tbody tr td a {
          color: #4b5660; }
        table.threads tbody tr td h2 {
          font-size: 0.9375em;
          margin: 0; }
          @media screen and (max-width: 320px) {
            table.threads tbody tr td h2 {
              font-size: 0.8125em;
              padding: 10px 0; } }
        table.threads tbody tr td .date {
          font-size: 0.75em;
          margin: 0;
          color: #989898; }
          @media screen and (max-width: 320px) {
            table.threads tbody tr td .date {
              display: none; } }
        table.threads tbody tr td .circle {
          width: 30px;
          height: 30px;
          margin: 5px 15px 5px 5px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          background: #44c1dc;
          display: inline-block;
          float: left; }
        table.threads tbody tr td:first-child {
          text-align: left; }
        table.threads tbody tr td.hottopic {
          position: relative; }
          table.threads tbody tr td.hottopic:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 0 25px 25px 0;
            border-color: transparent #797979 transparent transparent; }
          table.threads tbody tr td.hottopic:before {
            content: '%';
            font-family: "dramafever";
            font-size: 0.625em;
            position: absolute;
            top: -4px;
            right: 2px;
            color: #48d2f0;
            z-index: 888; }
  table.landing {
    zoom: 1;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    margin: 20px 0; }
    table.landing:before, table.landing:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    table.landing:after {
      clear: both; }
    table.landing thead th:last-child {
      text-align: center;
      width: 100px; }
    table.landing td {
      zoom: 1;
      padding: 0 !important; }
      table.landing td:before, table.landing td:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      table.landing td:after {
        clear: both; }
      table.landing td:first-child {
        padding-left: 4px !important; }
      table.landing td:last-child {
        text-align: center !important;
        width: 100px !important; }
      table.landing td .tag-thumb {
        float: left;
        width: 150px;
        padding-right: 20px; }
        table.landing td .tag-thumb img {
          display: block; }
      table.landing td .tag-link {
        padding-left: 10px; }
        @media screen and (max-width: 480px) {
          table.landing td .tag-link {
            display: block;
            padding-top: 10px; } }
        table.landing td .tag-link i {
          display: -moz-inline-stack;
          display: inline-block;
          zoom: 1;
          *display: inline;
          width: 26px;
          height: 26px;
          text-align: center;
          border-radius: 60%;
          color: #fff;
          font-size: 16px;
          line-height: 32px; }

.thread-info {
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 32.96385%;
  margin-right: 0; }
  .thread-info:last-child {
    margin-right: 0; }
  @media screen and (max-width: 480px) {
    .thread-info {
      display: none; } }
  .thread-info .watch-now {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-right: none;
    margin: 0 0 5px 0;
    width: 100%; }
    .thread-info .watch-now img {
      display: block;
      width: 100%; }
    .thread-info .watch-now span {
      background: #fff;
      display: block;
      padding: 10px 20px;
      color: #000;
      font-size: 0.875em; }
      .thread-info .watch-now span .icon {
        float: right;
        margin: 2px 0 0 0; }
  .thread-info .cast {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    background: #fff;
    width: 100%; }
    .thread-info .cast .ad {
      margin-top: 20px; }
    .thread-info .cast h3 {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      font-size: 0.8125em;
      display: block;
      padding: 0 8px 10px;
      margin: 0 0 15px 0; }
    .thread-info .cast ul {
      zoom: 1; }
      .thread-info .cast ul:before, .thread-info .cast ul:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      .thread-info .cast ul:after {
        clear: both; }
      .thread-info .cast ul li {
        display: block;
        width: 100%;
        float: left;
        margin: 0 0 15px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 0 0 15px 0; }
        .thread-info .cast ul li:last-child {
          margin: 0;
          padding: 0;
          border: none; }
        .thread-info .cast ul li .portrait {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 24.58433%;
          margin-right: 15px; }
          .thread-info .cast ul li .portrait:last-child {
            margin-right: 0; }
          .thread-info .cast ul li .portrait img {
            border: 1px solid rgba(0, 0, 0, 0.1);
            width: 100%; }
        .thread-info .cast ul li .name {
          font-size: 0.875em;
          color: #000;
          margin: 10px 0 0 0;
          float: left; }
        .thread-info .cast ul li .role {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 58.10241%;
          font-size: 0.75em;
          margin: 0; }
          .thread-info .cast ul li .role:last-child {
            margin-right: 0; }
        .thread-info .cast ul li .bio {
          float: left;
          font-size: 0.6875em;
          font-weight: bold;
          color: #000; }

.tfooter {
  width: 100%;
  float: left;
  background: #e3e6e7;
  border: 1px solid #d5dadd;
  border-top: none;
  padding: 5px;
  position: relative;
  height: 52px;
  margin-bottom: 50px; }
  .tfooter .btn {
    margin: 0;
    position: absolute;
    left: 8px;
    top: 10px; }
    @media screen and (max-width: 1024px) {
      .tfooter .btn {
        display: none; } }

.btn-forums-home {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  float: left;
  background: #111;
  font-size: 0.8125em;
  color: #fff;
  margin: 4px 0 0 0;
  padding: 4px 15px; }
  .btn-forums-home:hover {
    color: #fff;
    background: #313131; }
  .btn-forums-home i {
    padding: 0 4px 0 0;
    position: relative;
    top: 2px;
    font-size: 1em; }

.create-thread {
  float: right;
  background: #1581c9;
  font-size: 0.8125em;
  color: #fff;
  margin: 4px 10px 0 0;
  padding: 3px 15px; }
  .create-thread i {
    font-size: 1.25em;
    position: relative;
    top: 2px; }
  .create-thread:hover {
    background: #289ce9;
    color: #fff; }
  @media screen and (max-width: 320px) {
    .create-thread span {
      display: none; } }

.thread-posts {
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 66.48192%; }
  .thread-posts:last-child {
    margin-right: 0; }
  @media screen and (max-width: 940px) {
    .thread-posts {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 100%; }
      .thread-posts:last-child {
        margin-right: 0; } }
  .thread-posts .post {
    margin: 0 0 50px 0;
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 100%; }
    .thread-posts .post:last-child {
      margin-right: 0; }
    .thread-posts .post.parent .content {
      background: #f4f9fa;
      border: 1px solid #dae1e2; }
      .thread-posts .post.parent .content:after {
        border-right-color: #f4f9fa; }
    .thread-posts .post.staff .avatar-wrap img {
      border-color: #f64152;
      width: auto;
      height: auto; }
    .thread-posts .post.staff .content {
      background: #ebeefa;
      border: 1px solid #dae1e2; }
      .thread-posts .post.staff .content:after {
        border-right-color: #ebeefa; }
    .thread-posts .post .avatar-wrap {
      float: left;
      display: block;
      margin-right: 0.83365%;
      width: 11.77056%;
      min-height: 60px;
      text-align: right;
      position: relative; }
      .thread-posts .post .avatar-wrap:last-child {
        margin-right: 0; }
      .thread-posts .post .avatar-wrap img {
        width: auto;
        height: auto; }
      @media screen and (max-width: 320px) {
        .thread-posts .post .avatar-wrap {
          display: none; } }
      .thread-posts .post .avatar-wrap img {
        border: 4px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: 0 10px 0 0; }
      .thread-posts .post .avatar-wrap .status {
        position: absolute;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        display: block;
        top: 40px;
        left: 30px;
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
        text-align: center; }
        .thread-posts .post .avatar-wrap .status:after {
          content: '';
          font-size: 0.875em;
          position: absolute;
          color: #fff; }
        .thread-posts .post .avatar-wrap .status.staff {
          background-color: #f64152;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f64152), color-stop(100%, #f52c3f));
          background-image: -webkit-linear-gradient(#f64152, #f52c3f);
          background-image: linear-gradient(#f64152, #f52c3f);
          border: 1px solid #d33746; }
          .thread-posts .post .avatar-wrap .status.staff:after {
            content: "";
            font-family: "dramafever";
            top: -3px;
            left: 2px; }
        .thread-posts .post .avatar-wrap .status.premium {
          background: #FFE356;
          border: 1px solid #E2B727; }
          .thread-posts .post .avatar-wrap .status.premium:after {
            content: 'P';
            font-size: 0.625em;
            font-style: italic;
            font-weight: 700;
            color: #b59015;
            top: -3px;
            left: 6px; }
    .thread-posts .post .content {
      float: left;
      display: block;
      margin-right: 0.83365%;
      width: 87.39579%;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background: #fff;
      border: 1px solid #d7dbdd;
      position: relative;
      overflow: hidden; }
      .thread-posts .post .content:last-child {
        margin-right: 0; }
      .thread-posts .post .content:hover .footer .post-actions {
        right: 0;
        opacity: 1; }
      .thread-posts .post .content:after, .thread-posts .post .content:before {
        right: 100%;
        top: 40px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .thread-posts .post .content:after {
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #fff;
        border-width: 8px;
        margin-top: -8px; }
      .thread-posts .post .content:before {
        border-color: rgba(218, 225, 226, 0);
        border-right-color: #dae1e2;
        border-width: 9px;
        margin-top: -9px; }
      @media screen and (max-width: 320px) {
        .thread-posts .post .content {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 100%; }
          .thread-posts .post .content:last-child {
            margin-right: 0; }
          .thread-posts .post .content:after, .thread-posts .post .content:before {
            display: none; } }
      .thread-posts .post .content .text {
        zoom: 1;
        padding: 20px 30px 68px; }
        .thread-posts .post .content .text:before, .thread-posts .post .content .text:after {
          content: "\0020";
          display: block;
          height: 0;
          overflow: hidden; }
        .thread-posts .post .content .text:after {
          clear: both; }
        .thread-posts .post .content .text .signature {
          border-top: 1px solid #ecf1f3;
          padding: 20px 0 0 0;
          margin: 20px 0 0 0; }
      .thread-posts .post .content .header {
        zoom: 1;
        border-bottom: 1px solid #d7dbdd; }
        .thread-posts .post .content .header:before, .thread-posts .post .content .header:after {
          content: "\0020";
          display: block;
          height: 0;
          overflow: hidden; }
        .thread-posts .post .content .header:after {
          clear: both; }
        .thread-posts .post .content .header .user {
          padding: 15px 0 5px 30px;
          float: left; }
          .thread-posts .post .content .header .user .name {
            color: #000;
            font-size: 1em;
            line-height: 16px; }
          .thread-posts .post .content .header .user .info {
            clear: left;
            float: left;
            color: #7e8588;
            font-size: 0.6875em; }
        .thread-posts .post .content .header .stats {
          float: right;
          text-align: center;
          display: block;
          height: 69px; }
          @media screen and (max-width: 320px) {
            .thread-posts .post .content .header .stats {
              display: none; } }
          .thread-posts .post .content .header .stats > span {
            float: left;
            height: 100%;
            display: block;
            min-width: 80px;
            border-left: 1px solid #d7dbdd;
            line-height: 70px;
            margin: 0;
            color: #5e5e5e;
            font-size: 1.25em; }
            .thread-posts .post .content .header .stats > span i {
              color: #5e5e5e;
              font-size: 0.9375em; }
        .thread-posts .post .content .header .posted {
          float: right;
          line-height: 70px;
          margin: 0;
          padding: 0 20px 0 0;
          font-style: italic;
          font-size: 0.9375em;
          color: #7e8588; }
          @media screen and (max-width: 320px) {
            .thread-posts .post .content .header .posted {
              display: none; } }
      .thread-posts .post .content .footer {
        zoom: 1;
        background: #fff;
        padding: 10px;
        border-top: 1px solid #d7dbdd;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px; }
        .thread-posts .post .content .footer:before, .thread-posts .post .content .footer:after {
          content: "\0020";
          display: block;
          height: 0;
          overflow: hidden; }
        .thread-posts .post .content .footer:after {
          clear: both; }
        .thread-posts .post .content .footer .rate {
          float: left; }
          .thread-posts .post .content .footer .rate i {
            font-size: 1.0625em; }
        .thread-posts .post .content .footer .adminbar {
          float: right; }
        .thread-posts .post .content .footer .post-actions {
          transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          position: relative;
          right: -50px;
          opacity: 0; }
          .thread-posts .post .content .footer .post-actions > li a {
            font-size: 0.6875em;
            border: none;
            padding: 2px 8px; }
          .thread-posts .post .content .footer .post-actions > li:first-child a {
            border-radius: 4px 0 0 4px;
            border-right: 1px solid #333; }
          .thread-posts .post .content .footer .post-actions > li:last-child a {
            border-radius: 0 4px 4px 0; }
  .thread-posts .reply {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 100%; }
    .thread-posts .reply:last-child {
      margin-right: 0; }
    .thread-posts .reply .avatar-wrap {
      text-align: center;
      float: left;
      display: block;
      margin-right: 0.83365%;
      width: 11.77056%; }
      .thread-posts .reply .avatar-wrap img {
        width: auto;
        height: auto; }
      .thread-posts .reply .avatar-wrap:last-child {
        margin-right: 0; }
      @media screen and (max-width: 320px) {
        .thread-posts .reply .avatar-wrap {
          display: none; } }
    .thread-posts .reply .textbox {
      float: left;
      display: block;
      margin-right: 0.83365%;
      width: 87.39579%; }
      .thread-posts .reply .textbox:last-child {
        margin-right: 0; }
      @media screen and (max-width: 320px) {
        .thread-posts .reply .textbox {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 100%; }
          .thread-posts .reply .textbox:last-child {
            margin-right: 0; } }
      .thread-posts .reply .textbox .title {
        margin: 0;
        font-size: 1em; }
      .thread-posts .reply .textbox .username {
        font-size: 0.9375em; }
        .thread-posts .reply .textbox .username span {
          font-weight: bold; }
        .thread-posts .reply .textbox .username a {
          text-decoration: underline; }
      .thread-posts .reply .textbox .action {
        width: 100%;
        margin: 10px 0 0 0;
        float: left; }
        .thread-posts .reply .textbox .action .btn-preview,
        .thread-posts .reply .textbox .action .btn-reply {
          float: right;
          font-size: 0.875em;
          padding: 3px 15px;
          margin: 0 10px 0 0; }
        .thread-posts .reply .textbox .action .btn-reply {
          margin: 0; }

.thread-sidebar {
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 32.96385%;
  float: right;
  padding: 0 0 0 25px; }
  .thread-sidebar:last-child {
    margin-right: 0; }
  @media screen and (max-width: 940px) {
    .thread-sidebar {
      padding: 0;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 100%; }
      .thread-sidebar:last-child {
        margin-right: 0; } }
  .thread-sidebar .thread-start {
    margin-top: 20px; }
    .thread-sidebar .thread-start h2 {
      font-size: 1.25em;
      margin-bottom: 0; }
    .thread-sidebar .thread-start p {
      font-size: 0.875em;
      color: #888; }
  .thread-sidebar .thread-actions .btn {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 48%;
    padding: 4px 8px;
    font-size: 0.875em;
    text-align: center; }
    .thread-sidebar .thread-actions .btn i {
      font-size: 1.125em;
      color: #f52c3f;
      position: relative;
      top: 2px; }
    .thread-sidebar .thread-actions .btn:first-child {
      margin-right: 1%; }
    .thread-sidebar .thread-actions .btn:last-child {
      margin-left: 1%; }
  .thread-sidebar .andmore {
    font-size: 0.75em; }
  .thread-sidebar .btn-reply {
    text-align: center;
    font-size: 0.9375em;
    float: left;
    width: 100%;
    margin: 0 0 30px 0; }
    @media screen and (max-width: 320px) {
      .thread-sidebar .btn-reply {
        display: none; } }
  .thread-sidebar h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 10px 0; }
  .thread-sidebar .series {
    margin: 0 0 10px 0; }
    .thread-sidebar .series.thumbnail {
      width: 100%;
      position: relative;
      overflow: hidden;
      margin: 0 0 10px 0; }
      .thread-sidebar .series.thumbnail img {
        display: block; }
      .thread-sidebar .series.thumbnail .overlay {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        position: absolute;
        z-index: 99;
        opacity: 0;
        padding: 12px;
        background: rgba(0, 0, 0, 0.8);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1); }
        .thread-sidebar .series.thumbnail .overlay h4 {
          color: #fff; }
        .thread-sidebar .series.thumbnail .overlay em {
          color: rgba(255, 255, 255, 0.7);
          display: block; }
        .thread-sidebar .series.thumbnail .overlay .actions {
          position: absolute;
          bottom: 10px;
          left: 0;
          width: 100%;
          padding: 0 10px; }
          .thread-sidebar .series.thumbnail .overlay .actions .btn-action {
            float: left;
            font-size: 0.875em;
            padding: 6px 12px; }
          .thread-sidebar .series.thumbnail .overlay .actions .queue {
            float: right;
            padding-top: 9px; }
      .thread-sidebar .series.thumbnail:hover .overlay {
        opacity: 1; }
    .thread-sidebar .series img {
      display: block; }
  .thread-sidebar .recent-news {
    margin: 20px 0 0 0; }
    .thread-sidebar .recent-news .header {
      float: left;
      width: 100%;
      margin: 0 0 10px 0; }
      .thread-sidebar .recent-news .header h4 {
        background: #ec4681;
        color: #fff;
        font-size: 0.875em;
        padding: 8px 15px; }
      .thread-sidebar .recent-news .header a {
        font-size: 0.875em; }
    .thread-sidebar .recent-news .news.thumbnail {
      float: left;
      width: 100%;
      position: relative;
      overflow: hidden;
      margin: 0 0 10px 0; }
      .thread-sidebar .recent-news .news.thumbnail img {
        display: block; }
      .thread-sidebar .recent-news .news.thumbnail .overlay {
        width: 100%;
        height: 100%;
        padding: 12px;
        top: 0;
        left: 0;
        display: block;
        position: absolute;
        z-index: 99;
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        background-color: transparent;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(0%, #7b1220), color-stop(70%, transparent));
        background-image: -webkit-linear-gradient(-270deg, transparent 0%, #7b1220 0%, transparent 70%);
        background-image: linear-gradient(0deg,transparent 0%, #7b1220 0%, transparent 70%);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .thread-sidebar .recent-news .news.thumbnail .overlay h2 {
          position: absolute;
          bottom: 0;
          color: #fff; }
      .thread-sidebar .recent-news .news.thumbnail:hover .overlay {
        opacity: 0; }

.participants {
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 100%; }
  .participants:last-child {
    margin-right: 0; }
  .participants > li {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 16.20481%; }
    .participants > li:last-child {
      margin-right: 0; }
    .participants > li .avatar {
      -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      margin-right: 0;
      width: 100%;
      height: auto;
      border: 3px solid transparent; }

.compose-thread {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 50px; }
  .compose-thread label {
    font-size: 0.8125em;
    font-weight: bold;
    color: #5a5a5a; }
  .compose-thread .group-categories {
    width: 100%;
    margin: 15px 0; }
    .compose-thread .group-categories label {
      display: block;
      margin-bottom: 5px; }
    .compose-thread .group-categories select {
      background: transparent;
      outline: none;
      font-size: 0.875em;
      height: 32px;
      position: relative; }
    .compose-thread .group-categories select,
    .compose-thread .group-categories input[type="text"],
    .compose-thread .group-categories .chosen-choices {
      width: 100%; }
    .compose-thread .group-categories label {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      text-align: right;
      width: 14%;
      padding-right: 25px; }
      @media screen and (max-width: 480px) {
        .compose-thread .group-categories label {
          display: block;
          width: auto;
          padding-right: 0;
          text-align: left; } }
    .compose-thread .group-categories .error {
      margin-left: 100px; }
    .compose-thread .group-categories .smart-select {
      display: inline-block;
      width: 85%; }
  .compose-thread .group-title {
    width: 100%;
    margin: 15px 0; }
    .compose-thread .group-title label {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      text-align: right;
      width: 14%;
      padding-right: 25px; }
      @media screen and (max-width: 480px) {
        .compose-thread .group-title label {
          display: block;
          width: auto;
          padding-right: 0;
          text-align: left; } }
    .compose-thread .group-title .error {
      margin-left: 100px; }
  .compose-thread .error::after {
    border: 0px; }
  .compose-thread .error.global {
    margin-left: 100px; }
  .compose-thread input[type="text"] {
    width: 85%;
    font-size: 0.875em;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #ccc, inset 0 2px 4px rgba(0, 0, 0, 0.25); }
    @media screen and (max-width: 480px) {
      .compose-thread input[type="text"] {
        width: 100%; } }
  .compose-thread .compose {
    zoom: 1; }
    .compose-thread .compose:before, .compose-thread .compose:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .compose-thread .compose:after {
      clear: both; }
    .compose-thread .compose .avatar-wrap {
      float: left;
      width: 15%;
      padding-right: 25px; }
      .compose-thread .compose .avatar-wrap img {
        width: 100%;
        height: auto; }
      @media screen and (max-width: 480px) {
        .compose-thread .compose .avatar-wrap {
          float: none;
          width: 100%;
          padding-right: 0;
          text-align: center;
          margin-bottom: 15px; }
          .compose-thread .compose .avatar-wrap img {
            max-width: 80px; } }
    .compose-thread .compose .textbox {
      float: left;
      width: 85%;
      position: relative; }
      @media screen and (max-width: 480px) {
        .compose-thread .compose .textbox {
          width: 100%; } }
      .compose-thread .compose .textbox:before, .compose-thread .compose .textbox:after {
        content: '';
        position: absolute;
        top: 50px;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent; }
        @media screen and (max-width: 480px) {
          .compose-thread .compose .textbox:before, .compose-thread .compose .textbox:after {
            display: none; } }
      .compose-thread .compose .textbox:after {
        left: -9px;
        border-right: 10px solid #fff; }
      .compose-thread .compose .textbox:before {
        left: -10px;
        border-right: 10px solid #D7DBDD; }
    .compose-thread .compose .redactor_box {
      border-radius: 5px;
      overflow: hidden; }
    .compose-thread .compose .action {
      font-size: 16px;
      float: right;
      margin: 10px 0; }
      .compose-thread .compose .action .btn {
        font-size: 0.875em;
        padding: 5px 20px;
        cursor: pointer; }
        .compose-thread .compose .action .btn.btn-action {
          padding: 5px 40px; }

@media screen and (max-width: 480px) {
  .hidden-mobile {
    display: none; } }

@media screen and (max-width: 1024px) {
  .hidden-tablet {
    display: none; } }

/* -----------------------------------
Static Page - Common Elements
 ----------------------------------- */
#branding-nav {
  background-color: #2a2a2a;
  position: fixed;
  width: 100%;
  z-index: 8000;
  border-bottom: solid 1px #000; }
  @media screen and (max-width: 480px) {
    #branding-nav > .container {
      padding: 0; } }
  #branding-nav .nav {
    text-align: center; }
    #branding-nav .nav .item {
      position: relative;
      display: inline-block; }
      #branding-nav .nav .item a {
        display: block;
        color: #fff;
        padding: 20px 10px 11px;
        white-space: nowrap;
        text-transform: capitalize;
        font-size: 1em;
        font-weight: 400; }
        #branding-nav .nav .item a:hover {
          color: #f52c3f; }
        @media screen and (max-width: 940px) {
          #branding-nav .nav .item a {
            padding: 20px 3px 11px; } }
        @media screen and (max-width: 480px) {
          #branding-nav .nav .item a {
            padding: 20px 2px 11px;
            font-size: 0.8125em;
            font-weight: bold; } }
      #branding-nav .nav .item.active a {
        color: #f52c3f; }
      #branding-nav .nav .item.active:after, #branding-nav .nav .item.active:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      #branding-nav .nav .item.active:after {
        border-color: rgba(60, 60, 60, 0);
        border-top-color: #2a2a2a;
        border-width: 10px;
        margin-left: -10px; }
      #branding-nav .nav .item.active:before {
        border-color: rgba(85, 85, 85, 0);
        border-top-color: #000;
        border-width: 11px;
        margin-left: -11px; }

.static.about-us .info,
.static.mediaroom .info,
.static.affiliates .info,
.static.careers .info {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: 5;
  width: 50%;
  left: 50%;
  margin-left: -25%;
  text-align: center; }
  @media screen and (max-width: 940px) {
    .static.about-us .info,
    .static.mediaroom .info,
    .static.affiliates .info,
    .static.careers .info {
      width: 100%;
      left: 0;
      margin-left: 0;
      padding: 0 15px; } }
  .static.about-us .info h1,
  .static.mediaroom .info h1,
  .static.affiliates .info h1,
  .static.careers .info h1 {
    color: #fff;
    font-size: 2.125em;
    margin-bottom: 20px; }
  .static.about-us .info p,
  .static.mediaroom .info p,
  .static.affiliates .info p,
  .static.careers .info p {
    color: #FFF;
    font-size: 1.125em;
    max-width: 650px;
    margin: 0 auto; }
    @media screen and (max-width: 940px) {
      .static.about-us .info p,
      .static.mediaroom .info p,
      .static.affiliates .info p,
      .static.careers .info p {
        max-width: auto; } }

.static.about-us .info,
.static.mediaroom .info,
.static.affiliates .info,
.static.careers .info {
  max-width: 100%; }

@media screen and (max-width: 940px) {
  .static .link-media {
    display: none !important; } }
.static .key-art {
  position: relative;
  padding-top: 55px;
  background-color: #f52c3f;
  min-height: 500px; }
.static .section-title .title {
  background: #fbf9f9 !important; }
.static .feature-columns {
  background-color: #201E1E; }
  @media screen and (max-width: 940px) {
    .static .feature-columns {
      display: none; } }
  .static .feature-columns .items {
    padding: 10px;
    zoom: 1; }
    .static .feature-columns .items:before, .static .feature-columns .items:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .static .feature-columns .items:after {
      clear: both; }
    .static .feature-columns .items > li {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 32.96385%;
      text-align: center;
      position: relative;
      padding: 25px 0; }
      .static .feature-columns .items > li:last-child {
        margin-right: 0; }
      .static .feature-columns .items > li h3 {
        color: #FFF;
        font-family: "Open Sans";
        font-size: 1em;
        text-transform: capitalize;
        margin-bottom: 20px; }
      .static .feature-columns .items > li p {
        color: #FFF;
        font-family: "Open Sans";
        font-size: 1em;
        font-style: italic;
        padding: 0 10%; }

.section {
  margin: 50px; }
  @media screen and (max-width: 480px) {
    .section {
      margin: 15px 5px; } }

.circle {
  background: #fff;
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  border: solid 5px #f52c3f; }
  .circle .icon {
    display: block;
    color: #f52c3f;
    font-size: 3.4375em;
    line-height: 90px;
    margin-top: 2px; }

.static .section-title {
  text-align: center; }
  .static .section-title .title {
    font-family: "Raleway";
    padding: 5px 20px;
    font-size: 2.5em;
    font-weight: 300;
    position: relative; }
  .static .section-title > p {
    max-width: 600px;
    margin: 0 auto;
    font-style: italic;
    font-size: 16px;
    color: #68696b; }
  .static .section-title .divider {
    width: 80%; }

/* -----------------------------------
Static Page - About Us
 ----------------------------------- */
.static.about-us #main {
  padding-bottom: 100px; }
.static.about-us .key-art {
  height: 500px;
  position: relative;
  overflow: hidden;
  background-color: #000; }
  @media screen and (max-width: 940px) {
    .static.about-us .key-art {
      height: 400px;
      min-height: 400px; } }
.static.about-us .our-story {
  max-width: 1100px;
  margin: 0 auto;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 4em;
  -moz-column-gap: 4em;
  column-gap: 4em;
  font-style: normal;
  padding: 15px;
  font-size: 1em;
  line-height: 1.6em;
  text-align: left; }
  @media screen and (max-width: 940px) {
    .static.about-us .our-story {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1; } }
.static.about-us .our-partners {
  padding: 40px 0; }
.static.about-us .our-investors {
  padding: 40px 0; }
.static.about-us .employees {
  zoom: 1;
  padding: 0;
  margin: 0; }
  .static.about-us .employees:before, .static.about-us .employees:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .static.about-us .employees:after {
    clear: both; }
  .static.about-us .employees > li {
    width: 10%;
    float: left;
    margin: 5px;
    position: relative; }
    .static.about-us .employees > li:hover .blurb {
      bottom: 95%;
      opacity: 1;
      transform: scale(1); }
    @media screen and (max-width: 1180px) {
      .static.about-us .employees > li {
        width: 10%; } }
    @media screen and (max-width: 480px) {
      .static.about-us .employees > li {
        width: 20%; } }
    .static.about-us .employees > li .pic {
      display: block; }
    .static.about-us .employees > li .blurb {
      transform: scale(0.75);
      transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      opacity: 0;
      background: #fff;
      position: absolute;
      width: 150px;
      left: 50%;
      margin-left: -75px;
      bottom: 80%;
      padding: 10px 5px;
      z-index: 100;
      border-radius: 3px;
      border: 1px solid #efefef;
      pointer-events: none; }
      .static.about-us .employees > li .blurb:before {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 50%;
        margin-left: -4px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #efefef; }
      .static.about-us .employees > li .blurb:after {
        content: '';
        position: absolute;
        bottom: -7px;
        left: 50%;
        margin-left: -4px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff; }
      .static.about-us .employees > li .blurb h5 {
        font-size: 1em; }
      .static.about-us .employees > li .blurb p {
        margin: 0;
        font-size: 0.8125em;
        color: #232830; }

/* -----------------------------------
Static Page - Advertising
 ----------------------------------- */
.static.advertising .wrapper {
  background-color: #380710; }
.static.advertising .key-art {
  padding-bottom: 50px;
  width: 100%;
  background: #380710 url(../images/company/gradient.png) center bottom no-repeat; }
  .static.advertising .key-art .info {
    padding-top: 150px;
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 49.72289%; }
    .static.advertising .key-art .info:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1180px) {
      .static.advertising .key-art .info {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%; }
        .static.advertising .key-art .info:last-child {
          margin-right: 0; }
        .static.advertising .key-art .info p {
          width: 100%;
          max-width: 550px;
          margin: 0 auto; }
        .static.advertising .key-art .info h1 {
          text-align: center; } }
    @media screen and (max-width: 1024px) {
      .static.advertising .key-art .info {
        padding-top: 50px; } }
    .static.advertising .key-art .info h1 {
      font-size: 2.125em;
      color: #fff;
      margin-bottom: 30px; }
    .static.advertising .key-art .info p {
      font-size: 1em;
      color: #fff;
      margin-bottom: 20px; }
  .static.advertising .key-art .img-wrap {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 49.72289%;
    padding-top: 100px; }
    .static.advertising .key-art .img-wrap:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1180px) {
      .static.advertising .key-art .img-wrap {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%;
        text-align: center; }
        .static.advertising .key-art .img-wrap:last-child {
          margin-right: 0; } }

/* -----------------------------------
Static Page - Press
 ----------------------------------- */
.static.press .popular-slider .hero-masthead {
  min-height: 600px; }
  @media screen and (max-width: 940px) {
    .static.press .popular-slider .hero-masthead {
      min-height: 400px; } }
.static.press .popular-slider .series-title a {
  color: #fff; }

.press-group {
  margin: 25px 0 50px 0; }
  .press-group .press-wrap {
    width: 25%;
    padding: 10px; }
    .press-group .press-wrap .press-content {
      display: block;
      padding: 15px;
      -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); }
      .press-group .press-wrap .press-content h4 {
        font-size: 1.125em;
        color: #49484a; }
      .press-group .press-wrap .press-content hr {
        margin: 20px 0; }
      .press-group .press-wrap .press-content p {
        font-family: 0.875em;
        color: #49484a; }
      .press-group .press-wrap .press-content .more span {
        display: inline-block;
        font-size: 0.8125em;
        color: #49484a;
        padding-right: 5px;
        text-transform: capitalize;
        line-height: 1.2; }
      .press-group .press-wrap .press-content .more .category {
        border-right: solid #49484a 1px; }
    .press-group .press-wrap .press-content:hover {
      background-color: #fff;
      color: #333;
      cursor: pointer;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
      -webkit-transform: scale(1.01);
      -moz-transform: scale(1.01);
      -ms-transform: scale(1.01);
      -o-transform: scale(1.01);
      transform: scale(1.01); }
      .press-group .press-wrap .press-content:hover h4 {
        color: #f52c3f; }
      .press-group .press-wrap .press-content:hover p {
        color: #333; }
      .press-group .press-wrap .press-content:hover span {
        color: #aaa; }
      .press-group .press-wrap .press-content:hover .category {
        border-right-color: #fff; }

/* -----------------------------------
Static Page - Media Room
 ----------------------------------- */
.static.mediaroom .popular-slider {
  padding-top: 55px; }
  .static.mediaroom .popular-slider .hero-masthead {
    text-align: center;
    position: relative;
    padding: 0;
    margin: 0;
    background-color: #000;
    background-position: top center;
    background-repeat: repeat-x;
    min-height: 450px; }
    .static.mediaroom .popular-slider .hero-masthead .backstretch {
      background: #000; }
    .static.mediaroom .popular-slider .hero-masthead img {
      opacity: .75; }
    .static.mediaroom .popular-slider .hero-masthead .container {
      padding: 0; }
  .static.mediaroom .popular-slider .keyart:after {
    background: none; }
  .static.mediaroom .popular-slider .keyart .background {
    display: none; }
.static.mediaroom .infographic {
  text-align: center; }
.static.mediaroom .infographic > .btn {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-top: 15px;
  margin-bottom: 50px;
  font-size: 0.875em;
  font-weight: bold;
  padding: 8px 16px; }
  @media screen and (max-width: 568px) {
    .static.mediaroom .infographic > .btn {
      margin: 15px 10px 50px 10px;
      line-height: 1.5;
      font-size: 0.9375em; } }
.static.mediaroom .leadership {
  margin: 50px 0; }
.static.mediaroom .bios > li {
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 49.72289%;
  padding: 20px; }
  .static.mediaroom .bios > li:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1180px) {
    .static.mediaroom .bios > li {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 100%; }
      .static.mediaroom .bios > li:last-child {
        margin-right: 0; } }
  .static.mediaroom .bios > li .avatar {
    float: left;
    width: 25%;
    padding-top: 10%; }
    @media screen and (max-width: 1180px) {
      .static.mediaroom .bios > li .avatar {
        padding-top: 3%;
        width: 12%; } }
    @media screen and (max-width: 940px) {
      .static.mediaroom .bios > li .avatar {
        width: auto;
        float: none;
        text-align: center;
        margin-bottom: 95px; } }
    .static.mediaroom .bios > li .avatar > img {
      border-radius: 50%;
      width: 120px;
      height: 120px; }
  .static.mediaroom .bios > li .bio {
    float: left;
    width: 75%;
    padding: 10px; }
    @media screen and (max-width: 940px) {
      .static.mediaroom .bios > li .bio {
        width: 100%;
        float: none;
        text-align: center; } }
    .static.mediaroom .bios > li .bio h3 {
      font-size: 1em; }
    .static.mediaroom .bios > li .bio p {
      font-size: 0.875em; }
.static.mediaroom .downloads {
  zoom: 1;
  margin-bottom: 50px; }
  .static.mediaroom .downloads:before, .static.mediaroom .downloads:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .static.mediaroom .downloads:after {
    clear: both; }
  .static.mediaroom .downloads .logos > li {
    float: left;
    display: block;
    margin-right: 0.55423%;
    width: 49.72289%;
    padding: 30px;
    text-align: center;
    background: #fff; }
    .static.mediaroom .downloads .logos > li:last-child {
      margin-right: 0; }
    @media screen and (max-width: 568px) {
      .static.mediaroom .downloads .logos > li {
        float: left;
        display: block;
        margin-right: 0.55423%;
        width: 100%; }
        .static.mediaroom .downloads .logos > li:last-child {
          margin-right: 0; } }
    .static.mediaroom .downloads .logos > li img {
      vertical-align: middle;
      margin-bottom: 10px; }
    .static.mediaroom .downloads .logos > li > a {
      display: block; }
  .static.mediaroom .downloads .grid-downloads {
    zoom: 1; }
    .static.mediaroom .downloads .grid-downloads:before, .static.mediaroom .downloads .grid-downloads:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .static.mediaroom .downloads .grid-downloads:after {
      clear: both; }
    .static.mediaroom .downloads .grid-downloads .screenshot {
      width: 20%;
      padding: 10px;
      cursor: pointer; }
      .static.mediaroom .downloads .grid-downloads .screenshot:hover img {
        opacity: .75; }
      .static.mediaroom .downloads .grid-downloads .screenshot img {
        transition: opacity 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        backface-visibility: hidden; }
      .static.mediaroom .downloads .grid-downloads .screenshot span {
        line-height: 1.2; }
        @media screen and (max-width: 568px) {
          .static.mediaroom .downloads .grid-downloads .screenshot span {
            font-size: 0.875em; } }
      @media screen and (max-width: 568px) {
        .static.mediaroom .downloads .grid-downloads .screenshot {
          width: 50%; } }

/* -----------------------------------
Static Page - Affiliates
 ----------------------------------- */
@media screen and (max-width: 1024px) {
  .static.affiliates .hero-masthead {
    min-height: 450px; } }
.static.affiliates .keyart {
  background: #ee2f45; }
  @media screen and (max-width: 1024px) {
    .static.affiliates .keyart {
      opacity: 0; } }
  .static.affiliates .keyart img {
    opacity: .5; }
  .static.affiliates .keyart .shadow {
    width: 100%;
    height: 5px;
    background-color: #f52c3f;
    position: absolute;
    bottom: 0;
    -webkit-box-shadow: 0px -2px 6px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -2px 6px -1px rgba(0, 0, 0, 0.2); }
.static.affiliates .info {
  width: 100%;
  margin: 0;
  left: 0;
  max-width: 100%; }
.static.affiliates .bullets {
  text-align: center;
  position: relative;
  top: -85px; }
  .static.affiliates .bullets li {
    display: inline-block;
    padding: 0 10px; }
    .static.affiliates .bullets li h2 {
      font-size: 1em;
      width: 120px;
      height: 120px;
      -moz-border-radius: 60px;
      -webkit-border-radius: 60px;
      border-radius: 60px;
      background: #f52c3f;
      overflow: hidden;
      border: solid 5px #f52c3f;
      -webkit-box-shadow: 0px -5px 6px -2px rgba(0, 0, 0, 0.2);
      box-shadow: 0px -5px 6px -2px rgba(0, 0, 0, 0.2); }
      .static.affiliates .bullets li h2 .top {
        font-family: "Open Sans";
        font-size: 1.5em;
        font-weight: 700;
        color: #f52c3f;
        background: #fff;
        text-transform: uppercase;
        padding-top: 25px;
        padding-bottom: 10px; }
      .static.affiliates .bullets li h2 .bottom {
        font-family: "Open Sans";
        font-size: 0.875em;
        font-weight: 400;
        color: #fff;
        background: #f52c3f;
        padding-top: 5px; }
.static.affiliates .our-programs {
  margin-bottom: 100px; }
  .static.affiliates .our-programs .program-desc {
    padding: 0 20%;
    text-align: center;
    margin-bottom: 50px; }
  .static.affiliates .our-programs .program-list {
    width: 80%;
    margin: 40px auto 0;
    zoom: 1; }
    .static.affiliates .our-programs .program-list:before, .static.affiliates .our-programs .program-list:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .static.affiliates .our-programs .program-list:after {
      clear: both; }
    .static.affiliates .our-programs .program-list li {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 49.72289%;
      text-align: center; }
      .static.affiliates .our-programs .program-list li:last-child {
        margin-right: 0; }
      @media screen and (max-width: 568px) {
        .static.affiliates .our-programs .program-list li {
          float: left;
          display: block;
          margin-right: 0.55423%;
          width: 100%;
          margin-bottom: 50px; }
          .static.affiliates .our-programs .program-list li:last-child {
            margin-right: 0; } }
      .static.affiliates .our-programs .program-list li h3 {
        margin-bottom: 30px; }
      .static.affiliates .our-programs .program-list li p {
        padding: 0 15%;
        margin-bottom: 20px; }

/* -----------------------------------
Static Page - Careers
 ----------------------------------- */
.static.careers .info > p {
  max-width: 550px;
  font-size: 0.9375em; }
.static.careers .popular-slider {
  padding-top: 55px; }
  .static.careers .popular-slider .hero-masthead {
    text-align: center;
    position: relative;
    padding: 0;
    margin: 0;
    background-color: #000;
    background-position: top center;
    background-repeat: repeat-x;
    min-height: 300px; }
    .static.careers .popular-slider .hero-masthead .backstretch {
      background: #000; }
    .static.careers .popular-slider .hero-masthead img {
      opacity: .75; }
    .static.careers .popular-slider .hero-masthead .container {
      padding: 0; }
  .static.careers .popular-slider .keyart:after {
    background: none; }
  .static.careers .popular-slider .keyart .background {
    display: none; }
.static.careers .our-values {
  padding-top: 50px; }
.static.careers .value-desc {
  padding: 0 20%;
  text-align: center; }
.static.careers .current-opening {
  padding-top: 50px; }
.static.careers .opening-desc {
  padding: 0 20%;
  text-align: center; }
  @media screen and (max-width: 480px) {
    .static.careers .opening-desc {
      padding: 0 2%; } }
.static.careers .items > li h5 {
  color: #fff; }
.static.careers .items > li p {
  font-size: 0.875em; }
.static.careers .jobscore iframe {
  padding: 0 10%; }

/* -----------------------------------
    Mobile Static pages
 ----------------------------------- */
.mobile #branding-nav {
  position: static; }
.mobile.static .key-art,
.mobile.static .popular-slider {
  padding-top: 0; }

.view-notification .your-notifications {
  padding-top: 40px;
  padding-bottom: 80px;
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 74.86144%; }
  .view-notification .your-notifications:last-child {
    margin-right: 0; }
  .view-notification .your-notifications h1 {
    font-size: 1.25em; }
    .view-notification .your-notifications h1:first-letter {
      text-transform: uppercase; }
.view-notification .notification-sidebar {
  padding-top: 40px;
  padding-left: 2%;
  float: left;
  display: block;
  margin-right: 0.55423%;
  width: 24.58433%; }
  .view-notification .notification-sidebar:last-child {
    margin-right: 0; }

.notifications dl {
  margin-bottom: 30px; }
  .notifications dl dt.date {
    color: #312b2c;
    font-family: "Open Sans";
    font-size: 0.8125em;
    text-transform: capitalize;
    font-weight: 700;
    padding: 10px 0;
    border-bottom: solid 1px #e0dcdc; }
  .notifications dl dd .item-list .item {
    padding: 10px;
    border-bottom: dotted 1px #e0dcdc;
    position: relative;
    zoom: 1;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out; }
    .notifications dl dd .item-list .item:before, .notifications dl dd .item-list .item:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .notifications dl dd .item-list .item:after {
      clear: both; }
    .notifications dl dd .item-list .item:hover {
      background-color: #f2f4f5; }
      .notifications dl dd .item-list .item:hover .description .icon {
        color: #f52c3f !important; }
      .notifications dl dd .item-list .item:hover .content .btn-hide {
        opacity: 1; }
      .notifications dl dd .item-list .item:hover .content .time {
        opacity: 0.5; }
    .notifications dl dd .item-list .item .thumb-wrap {
      display: block;
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 16.20481%; }
      .notifications dl dd .item-list .item .thumb-wrap:last-child {
        margin-right: 0; }
      .notifications dl dd .item-list .item .thumb-wrap .thumb {
        display: block; }
    .notifications dl dd .item-list .item .content {
      float: left;
      display: block;
      margin-right: 0.55423%;
      width: 83.24096%; }
      .notifications dl dd .item-list .item .content:last-child {
        margin-right: 0; }
      .notifications dl dd .item-list .item .content .time {
        font-size: 0.6875em;
        position: absolute;
        right: 10px;
        bottom: 10px;
        font-style: italic; }
      .notifications dl dd .item-list .item .content .title {
        font-size: 0.8125em;
        font-weight: normal;
        font-family: "Open Sans";
        color: #49484a;
        margin-bottom: 5px; }
        .notifications dl dd .item-list .item .content .title:first-letter {
          text-transform: uppercase; }
        .notifications dl dd .item-list .item .content .title strong {
          font-family: "Open Sans";
          font-weight: 700;
          text-transform: capitalize; }
        .notifications dl dd .item-list .item .content .title a {
          color: #49484a;
          text-transform: capitalize;
          font-weight: 700; }
          .notifications dl dd .item-list .item .content .title a:hover {
            color: #f52c3f; }
      .notifications dl dd .item-list .item .content .description {
        font-size: 0.8125em;
        margin-bottom: 0; }
        .notifications dl dd .item-list .item .content .description a {
          color: #49484a;
          text-transform: capitalize;
          font-weight: 700; }
          .notifications dl dd .item-list .item .content .description a:hover {
            color: #f52c3f; }
        .notifications dl dd .item-list .item .content .description .icon {
          color: #c0bfc0;
          font-size: 1.875em;
          margin-right: 5px;
          position: relative;
          top: 2px; }
        .notifications dl dd .item-list .item .content .description a {
          color: #49484a;
          text-transform: capitalize;
          font-weight: 700; }
          .notifications dl dd .item-list .item .content .description a:hover {
            color: #f52c3f; }
      .notifications dl dd .item-list .item .content .btn-hide {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding: 0 5px;
        cursor: pointer;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out; }
        .notifications dl dd .item-list .item .content .btn-hide .inner {
          position: relative;
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
        .notifications dl dd .item-list .item .content .btn-hide .icon {
          color: #c0bfc0;
          font-size: 1.25em; }
        .notifications dl dd .item-list .item .content .btn-hide .tooltip {
          left: -17px;
          top: -26px;
          opacity: 0; }
        .notifications dl dd .item-list .item .content .btn-hide:hover .icon {
          color: #000; }
        .notifications dl dd .item-list .item .content .btn-hide:hover .tooltip {
          left: -17px;
          top: -36px;
          opacity: 0.999; }

#notification-bar .notification-count .icon-spin {
  margin-right: 10px; }

.notification-sidebar .switcher {
  margin-bottom: 40px;
  font-size: 0.8125em;
  text-transform: capitalize;
  text-align: right; }
  .notification-sidebar .switcher .trun-it {
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
    .notification-sidebar .switcher .trun-it:hover {
      color: #f52c3f;
      text-decoration: underline; }
.notification-sidebar .notification-filter {
  background-color: #fff;
  border: solid 1px #e5e5e5; }
  .notification-sidebar .notification-filter .item {
    position: relative;
    padding: 5px 10px;
    font-family: "Open Sans";
    font-size: 0.8125em;
    font-weight: 700;
    text-transform: capitalize;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    cursor: pointer;
    color: #2d2424; }
    .notification-sidebar .notification-filter .item .icon {
      display: inline-block;
      font-size: 1.5625em;
      margin-right: 10px;
      color: #c0bfc0; }
    .notification-sidebar .notification-filter .item.active {
      background-color: #000;
      color: #fff; }
    .notification-sidebar .notification-filter .item:hover {
      background-color: #f52c3f;
      color: #fff;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .notification-sidebar .notification-filter .item:hover .icon {
        color: #fff; }

/*body*/
.view-tv .backstretch {
  min-height: 100vh; }
.view-tv .page-title {
  font-family: "Raleway";
  font-size: 2.1875em;
  margin-top: 40px;
  margin-bottom: 20px;
  position: relative; }
  .view-tv .page-title .sub {
    font-size: 13px;
    margin-left: 20px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: normal; }
  .view-tv .page-title .channel {
    position: absolute;
    right: 5px;
    transform: translateY(-10%); }
  @media screen and (max-width: 940px) {
    .view-tv .page-title {
      font-size: 1.75em; }
      .view-tv .page-title .sub {
        margin-left: 10px; } }
  @media screen and (max-width: 480px) {
    .view-tv .page-title {
      font-size: 1.75em;
      text-align: center; }
      .view-tv .page-title .sub {
        font-size: 10px;
        display: block; }
      .view-tv .page-title .channel {
        display: none; } }
.view-tv .video-wrapper {
  height: 100%;
  padding-bottom: 56.25%;
  display: block;
  position: relative; }
.view-tv .video-player {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); }
.view-tv .video-info-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  top: 60px;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4); }
  .view-tv .video-info-wrapper .video-thumbnail {
    margin-right: 15px;
    max-width: 40%; }
  .view-tv .video-info-wrapper .video-info {
    flex: 1;
    padding-right: 20px; }
  @media screen and (max-width: 480px) {
    .view-tv .video-info-wrapper .video-thumbnail {
      display: none; } }
.view-tv .video-title-top {
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 0.75em;
  font-family: "Open Sans"; }
.view-tv .video-title {
  margin-bottom: 30px; }
.view-tv .video-description {
  font-family: "Open Sans";
  font-size: 0.8125em; }
  .view-tv .video-description .genre {
    font-weight: bold; }
.view-tv .rating {
  display: inline-block; }
.view-tv .btn-queue {
  float: right; }
.view-tv .avail {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: #fafafa;
  color: #777;
  border: 1px solid #f0f0f0;
  font-size: 0.6875em;
  padding: 0 5px;
  line-height: 1.8;
  border-radius: 3px;
  text-transform: uppercase;
  top: -6px;
  position: relative; }
  .view-tv .avail i {
    font-size: 1.25em;
    line-height: 0; }
.view-tv .coming-up hgroup {
  text-align: center;
  margin: 120px 10%;
  padding: 20px;
  border-top: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
  position: relative; }
.view-tv .coming-up h5 {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 20px;
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.1em;
  background-color: #fbf9f9; }
.view-tv .coming-up h4 {
  font-size: 1.125em;
  padding: 30px 0;
  letter-spacing: 0.1em; }
.view-tv .coming-up-placeholder {
  height: 200px; }
.view-tv .akamai-share.akamai-button {
  display: none; }
.view-tv .akamai-playing .akamai-play-pause.akamai-button {
  display: none; }
.view-tv .userenv-message {
  display: none;
  border-radius: 0 0 5px 5px;
  max-width: 750px;
  width: 100%;
  left: 50%;
  margin-left: -375px;
  position: absolute;
  top: 97px;
  z-index: 1000;
  padding: 15px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  border: 1px solid #000;
  background: #f4f4f4;
  overflow: hidden;
  background: linear, to bottom, #f4f4f4 0%, #e8e8e8 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e8e8e8',GradientType=0 ); }
  .view-tv .userenv-message a {
    text-decoration: underline; }
  .view-tv .userenv-message .dficon-cancel-lg {
    font-size: 2em;
    position: absolute;
    top: 0;
    right: 8px;
    cursor: pointer;
    z-index: 5; }
  .view-tv .userenv-message .msg-img {
    position: absolute;
    top: 50%; }
  .view-tv .userenv-message .img-compatability {
    margin-top: -46px;
    left: 15px; }
  .view-tv .userenv-message .img-javascript {
    margin-top: -57px;
    left: 5px; }
  .view-tv .userenv-message .img-flash {
    margin-top: -43px;
    left: 5px; }
  .view-tv .userenv-message .img-oldbrowser {
    left: -20px;
    top: auto;
    bottom: -30px; }
  .view-tv .userenv-message .msg-wrap {
    padding: 0 15px 15px 120px; }
    .view-tv .userenv-message .msg-wrap h3 {
      font-size: 1.2em; }
  .view-tv .userenv-message .msg-block {
    position: relative;
    display: none; }
.view-tv .noFlash .msg-block-noflash,
.view-tv .compatibilityMode .msg-block-compatibility,
.view-tv .ancientIE .msg-block-oldbrowser {
  display: block; }
.view-tv noscript .userenv-message,
.view-tv noscript .userenv-message .msg-block {
  display: block !important; }

.show-guide .page-content .container {
  max-width: 1300px; }
  @media screen and (max-width: 940px) {
    .show-guide .page-content .container {
      padding: 0; } }
.show-guide .bread {
  position: fixed;
  z-index: 20;
  display: none;
  height: 24px;
  width: 100%;
  background: #444444;
  padding-left: 15px;
  font-family: "Raleway", arial, sans-serif;
  font-weight: 300;
  font-size: 0.625em;
  color: #fff; }
  @media screen and (max-width: 940px) {
    .show-guide .bread {
      display: block; } }
.show-guide .guide-nav {
  position: fixed;
  height: 100%;
  width: 240px;
  transition: width 0.5s; }
  @media screen and (max-width: 940px) {
    .show-guide .guide-nav {
      width: 80px;
      padding-top: 24px; } }
  .show-guide .guide-nav .days {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .show-guide .guide-nav .days:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 0;
      width: 25%;
      height: 100%;
      pointer-events: none;
      background: linear-gradient(to right,  #fbf9f9 0%,rgba(255,255,255,0) 100%); }
      @media screen and (max-width: 940px) {
        .show-guide .guide-nav .days:before {
          display: none; } }
    .show-guide .guide-nav .days .guide-nav-button {
      display: none;
      padding: 10px 0;
      padding-left: 25%;
      background: rgba(235, 235, 235, 0.3);
      border-bottom: 1px solid #e8e6e6;
      opacity: 0;
      font-family: "Raleway", arial, sans-serif;
      font-size: 1.625em;
      color: #a2a2a2;
      text-align: left;
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .show-guide .guide-nav .days .guide-nav-button.has-show {
        display: block; }
      @media screen and (max-width: 940px) {
        .show-guide .guide-nav .days .guide-nav-button {
          padding-left: 12px; } }
      @media screen and (max-width: 320px) {
        .show-guide .guide-nav .days .guide-nav-button {
          padding: 5px 0px 5px 17px;
          font-size: 20px; } }
      .show-guide .guide-nav .days .guide-nav-button .date {
        font-family: "Raleway", arial, sans-serif;
        font-size: 0.5em;
        letter-spacing: 0.71px;
        text-transform: uppercase; }
        .show-guide .guide-nav .days .guide-nav-button .date .short-date {
          display: none; }
        @media screen and (max-width: 940px) {
          .show-guide .guide-nav .days .guide-nav-button .date .long-date {
            display: none; }
          .show-guide .guide-nav .days .guide-nav-button .date .short-date {
            display: block; } }
      .show-guide .guide-nav .days .guide-nav-button .label {
        display: block;
        height: 100%;
        width: 100%; }
        .show-guide .guide-nav .days .guide-nav-button .label .label-short {
          display: none; }
        @media screen and (max-width: 940px) {
          .show-guide .guide-nav .days .guide-nav-button .label .label-long {
            display: none; }
          .show-guide .guide-nav .days .guide-nav-button .label .label-short {
            display: block; } }
      .show-guide .guide-nav .days .guide-nav-button:hover {
        cursor: pointer;
        color: #58baec; }
      .show-guide .guide-nav .days .guide-nav-button.active {
        background: none;
        color: #000; }
.show-guide .guide-content {
  margin-left: 240px;
  border-left: 1px solid #e8e6e6;
  transition: margin-left 0.5s; }
  @media screen and (max-width: 940px) {
    .show-guide .guide-content {
      margin-left: 80px;
      padding-top: 24px; } }
  .show-guide .guide-content .label {
    margin-left: 2%;
    padding-top: 20px;
    font-family: "Raleway", arial, sans-serif;
    font-size: 1.125em;
    text-transform: uppercase;
    color: #505050; }
  .show-guide .guide-content .guide-content-section {
    padding: 0 0 20px 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* Two or more series in the day */ }
    .show-guide .guide-content .guide-content-section .shows {
      overflow: hidden; }
    .show-guide .guide-content .guide-content-section .info {
      height: 180px;
      padding: 10px;
      color: #000; }
      @media screen and (max-width: 940px) {
        .show-guide .guide-content .guide-content-section .info {
          padding: 10px; } }
      @media screen and (max-width: 568px) {
        .show-guide .guide-content .guide-content-section .info {
          height: auto;
          padding: 15px; } }
      .show-guide .guide-content .guide-content-section .info .title {
        font-family: "Raleway", arial, sans-serif;
        font-size: 1.125em; }
      .show-guide .guide-content .guide-content-section .info .genre {
        margin-top: 5px;
        font-family: "open sans", arial, sans-serif;
        font-size: 0.75em;
        font-weight: 400; }
      .show-guide .guide-content .guide-content-section .info .description {
        margin-top: 10px;
        margin-bottom: 0;
        font-family: "open sans", arial, sans-serif;
        font-size: 0.875em; }
        @media screen and (max-width: 568px) {
          .show-guide .guide-content .guide-content-section .info .description {
            display: none; } }
    .show-guide .guide-content .guide-content-section .add-to-alert {
      position: relative;
      float: right;
      padding: 0 10px 10px 0;
      font: "open sans", arial, sans-serif;
      font-size: 0.875em;
      color: #a2a2a2; }
      .show-guide .guide-content .guide-content-section .add-to-alert.masthead-color .off, .show-guide .guide-content .guide-content-section .add-to-alert.masthead-color .on, .show-guide .guide-content .guide-content-section .add-to-alert.masthead-color .off-mobile, .show-guide .guide-content .guide-content-section .add-to-alert.masthead-color .on-mobile {
        color: #ffffff; }
        @media screen and (max-width: 568px) {
          .show-guide .guide-content .guide-content-section .add-to-alert.masthead-color .off, .show-guide .guide-content .guide-content-section .add-to-alert.masthead-color .on, .show-guide .guide-content .guide-content-section .add-to-alert.masthead-color .off-mobile, .show-guide .guide-content .guide-content-section .add-to-alert.masthead-color .on-mobile {
            color: #a2a2a2; } }
      .show-guide .guide-content .guide-content-section .add-to-alert.masthead-color.btn-disabled {
        color: #ffffff;
        opacity: 1; }
      .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-off :hover {
        color: #58baec; }
      .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-off .off {
        display: inline-block; }
        .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-off .off .dficon-bell {
          display: inline-block;
          padding: 5px;
          border: 1px solid;
          border-radius: 20px;
          vertical-align: middle;
          font-size: 1.125em;
          line-height: 14px; }
        @media screen and (max-width: 1080px) {
          .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-off .off {
            display: none; } }
      .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-off .off-mobile {
        display: inline-block; }
        .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-off .off-mobile .dficon-bell {
          display: inline-block;
          padding: 5px;
          border: 1px solid;
          border-radius: 20px;
          vertical-align: middle;
          font-size: 1.125em;
          line-height: 14px; }
        @media screen and (min-width: 1080px) {
          .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-off .off-mobile {
            display: none; } }
      .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-off .on {
        display: none; }
      .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-off .on-mobile {
        display: none; }
      .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-on .off {
        display: none; }
      .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-on .off-mobile {
        display: none; }
      .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-on .on {
        display: inline-block;
        padding: 3px; }
        @media screen and (max-width: 1080px) {
          .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-on .on {
            display: none; } }
      .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-on .on-mobile {
        display: inline-block;
        padding: 3px; }
        @media screen and (min-width: 1080px) {
          .show-guide .guide-content .guide-content-section .add-to-alert.btn-alert-on .on-mobile {
            display: none; } }
      .show-guide .guide-content .guide-content-section .add-to-alert.btn-disabled {
        color: #000000;
        opacity: 0.4;
        pointer-events: none; }
    .show-guide .guide-content .guide-content-section .series {
      float: left;
      border: 1px solid #ddd;
      background: #fff;
      box-shadow: 0px 3px 12px -2px rgba(0, 0, 0, 0.15);
      cursor: pointer; }
      .show-guide .guide-content .guide-content-section .series img {
        display: block; }
      @media screen and (max-width: 568px) {
        .show-guide .guide-content .guide-content-section .series {
          width: 100% !important;
          border: 1px solid #ddd !important;
          border-top: none !important;
          border-left: none !important;
          border-right: none !important;
          margin: 10px 0 5px 0 !important; } }
    .show-guide .guide-content .guide-content-section .masthead {
      position: relative;
      height: 500px;
      width: 100%;
      margin: 2% 0;
      padding: 15px 15px;
      background-size: cover;
      box-shadow: none; }
      .show-guide .guide-content .guide-content-section .masthead.series {
        border: none;
        overflow: hidden; }
      @media screen and (max-width: 940px) {
        .show-guide .guide-content .guide-content-section .masthead {
          height: 415px; }
          .show-guide .guide-content .guide-content-section .masthead .info {
            padding: 10px 0; } }
      @media screen and (max-width: 568px) {
        .show-guide .guide-content .guide-content-section .masthead {
          height: auto;
          background-image: none !important;
          padding: 0;
          box-shadow: 0px 3px 12px -2px rgba(0, 0, 0, 0.15); }
          .show-guide .guide-content .guide-content-section .masthead .info {
            padding: 15px; }
            .show-guide .guide-content .guide-content-section .masthead .info .description {
              display: none; } }
    .show-guide .guide-content .guide-content-section .masthead:after {
      content: '';
      position: absolute;
      width: 60%;
      height: 100%;
      bottom: 0;
      left: 0;
      z-index: 0;
      pointer-events: none;
      background: linear-gradient(to right, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); }
      @media screen and (max-width: 568px) {
        .show-guide .guide-content .guide-content-section .masthead:after {
          display: none; } }
    .show-guide .guide-content .guide-content-section .masthead .content {
      position: relative;
      z-index: 10;
      width: 40%; }
      @media screen and (max-width: 1180px) {
        .show-guide .guide-content .guide-content-section .masthead .content {
          width: 52%; } }
      @media screen and (max-width: 1080px) {
        .show-guide .guide-content .guide-content-section .masthead .content {
          width: 60%; } }
      @media screen and (max-width: 940px) {
        .show-guide .guide-content .guide-content-section .masthead .content {
          width: 42%; } }
      @media screen and (max-width: 768px) {
        .show-guide .guide-content .guide-content-section .masthead .content {
          width: 52%; } }
      @media screen and (max-width: 568px) {
        .show-guide .guide-content .guide-content-section .masthead .content {
          position: static;
          width: 100%; } }
      .show-guide .guide-content .guide-content-section .masthead .content img {
        max-width: 85%; }
        @media screen and (max-width: 568px) {
          .show-guide .guide-content .guide-content-section .masthead .content img {
            max-width: 100%; } }
      .show-guide .guide-content .guide-content-section .masthead .content .add-to-alert {
        padding: 15px 10px 10px; }
    .show-guide .guide-content .guide-content-section .masthead .info {
      padding: 10px 0;
      color: #fff;
      overflow: visible; }
      @media screen and (max-width: 568px) {
        .show-guide .guide-content .guide-content-section .masthead .info {
          padding: 15px;
          color: #000; } }
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(2),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(2) ~ .series {
      width: 47%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(2):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(2) ~ .series:nth-child(even) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(2):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(2) ~ .series:nth-child(odd) {
        margin: 1% 1% 1% 2%; }
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(3),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(3) ~ .series,
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(5),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(5) ~ .series,
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(7),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(7) ~ .series,
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(9),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(9) ~ .series,
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(11),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(11) ~ .series,
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(13),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(13) ~ .series,
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(15),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(15) ~ .series {
      width: 47%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(3):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(3) ~ .series:nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(5):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(5) ~ .series:nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(7):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(7) ~ .series:nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(9):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(9) ~ .series:nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(11):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(11) ~ .series:nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(13):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(13) ~ .series:nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(15):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(15) ~ .series:nth-child(even) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(3):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(3) ~ .series:nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(5):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(5) ~ .series:nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(7):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(7) ~ .series:nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(9):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(9) ~ .series:nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(11):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(11) ~ .series:nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(13):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(13) ~ .series:nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(15):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(15) ~ .series:nth-child(odd) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(3):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(3) ~ .series:nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(5):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(5) ~ .series:nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(7):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(7) ~ .series:nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(9):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(9) ~ .series:nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(11):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(11) ~ .series:nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(13):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(13) ~ .series:nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(15):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(15) ~ .series:nth-child(1) {
        width: 100%;
        margin: 2% 0 1%; }
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series {
      width: 30.667%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(4),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(4) {
        margin: 1% 2% 1% 1%; }
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(4) .info,
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(4) .info {
          padding: 10px;
          height: 200px; }
          @media screen and (max-width: 1024px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(4) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(4) .info {
              height: 215px; } }
          @media screen and (max-width: 568px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(4) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(4) .info {
              height: auto; } }
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(4) .info .description,
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(4) .info .description {
            font-size: 0.8125em; }
            @media screen and (max-width: 768px) {
              .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(4) .info .description,
              .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(4) .info .description {
                line-height: 20px; } }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(3),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(3) {
        margin: 1%; }
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(3) .info,
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(3) .info {
          padding: 10px;
          height: 200px; }
          @media screen and (max-width: 1024px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(3) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(3) .info {
              height: 215px; } }
          @media screen and (max-width: 568px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(3) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(3) .info {
              height: auto; } }
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(3) .info .description,
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(3) .info .description {
            font-size: 0.8125em; }
            @media screen and (max-width: 768px) {
              .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(3) .info .description,
              .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(3) .info .description {
                line-height: 20px; } }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(2),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(2) {
        margin: 1% 1% 1% 2%; }
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(2) .info,
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(2) .info {
          padding: 10px;
          height: 200px; }
          @media screen and (max-width: 1024px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(2) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(2) .info {
              height: 215px; } }
          @media screen and (max-width: 568px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(2) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(2) .info {
              height: auto; } }
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(2) .info .description,
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(2) .info .description {
            font-size: 0.8125em; }
            @media screen and (max-width: 768px) {
              .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(2) .info .description,
              .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(2) .info .description {
                line-height: 20px; } }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(4) ~ .series:nth-child(1) {
        width: 100%;
        margin: 2% 0 1%; }
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series {
      width: 47%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(6),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(6) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(5),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(5) {
        margin: 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(4),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(4) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(n+4),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(n+4) {
        width: 30.667%; }
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(n+4) .info,
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(n+4) .info {
          padding: 10px;
          height: 188px; }
          @media screen and (max-width: 940px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(n+4) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(n+4) .info {
              height: 225px; } }
          @media screen and (max-width: 568px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(n+4) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(n+4) .info {
              height: auto; } }
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(n+4) .info .description,
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(n+4) .info .description {
            font-size: 0.8125em; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(3),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(3) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(2),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(2) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(6) ~ .series:nth-child(1) {
        width: 100%;
        margin: 2% 0 1%; }
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series {
      width: 47%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(even) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(odd) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(8),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(8) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(7),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(7) {
        margin: 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(6),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(6) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(n+6),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(n+6) {
        width: 30.667%; }
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(n+6) .info,
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(n+6) .info {
          padding: 10px;
          height: 188px; }
          @media screen and (max-width: 940px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(n+6) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(n+6) .info {
              height: 225px; } }
          @media screen and (max-width: 568px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(n+6) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(n+6) .info {
              height: auto; } }
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(n+6) .info .description,
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(n+6) .info .description {
            font-size: 0.8125em; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(8) ~ .series:nth-child(1) {
        width: 100%;
        margin: 2% 0 1%; }
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series {
      width: 47%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(even) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(odd) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(10),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(10) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(9),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(9) {
        margin: 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(8),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(8) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(n+8),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(n+8) {
        width: 30.667%; }
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(n+8) .info,
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(n+8) .info {
          padding: 10px;
          height: 188px; }
          @media screen and (max-width: 940px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(n+8) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(n+8) .info {
              height: 225px; } }
          @media screen and (max-width: 568px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(n+8) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(n+8) .info {
              height: auto; } }
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(n+8) .info .description,
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(n+8) .info .description {
            font-size: 0.8125em; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(10) ~ .series:nth-child(1) {
        width: 100%;
        margin: 2% 0 1%; }
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series {
      width: 47%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(even) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(odd) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(12),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(12) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(11),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(11) {
        margin: 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(10),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(10) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(n+10),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(n+10) {
        width: 30.667%; }
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(n+10) .info,
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(n+10) .info {
          padding: 10px;
          height: 188px; }
          @media screen and (max-width: 940px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(n+10) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(n+10) .info {
              height: 225px; } }
          @media screen and (max-width: 568px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(n+10) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(n+10) .info {
              height: auto; } }
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(n+10) .info .description,
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(n+10) .info .description {
            font-size: 0.8125em; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(12) ~ .series:nth-child(1) {
        width: 100%;
        margin: 2% 0 1%; }
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14),
    .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series {
      width: 47%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(even),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(even) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(odd),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(odd) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(14),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(14) {
        margin: 1% 2% 1% 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(13),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(13) {
        margin: 1%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(12),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(12) {
        margin: 1% 1% 1% 2%; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(n+12),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(n+12) {
        width: 30.667%; }
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(n+12) .info,
        .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(n+12) .info {
          padding: 10px;
          height: 188px; }
          @media screen and (max-width: 940px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(n+12) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(n+12) .info {
              height: 225px; } }
          @media screen and (max-width: 568px) {
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(n+12) .info,
            .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(n+12) .info {
              height: auto; } }
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(n+12) .info .description,
          .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(n+12) .info .description {
            font-size: 0.8125em; }
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14):nth-child(1),
      .show-guide .guide-content .guide-content-section .series:first-child:nth-last-child(14) ~ .series:nth-child(1) {
        width: 100%;
        margin: 2% 0 1%; }

/*# sourceMappingURL=main.css.map */