@charset "UTF-8";
@import url(icons.css);
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  margin: 0;
  min-height: 100%;
  -webkit-font-smoothing: antialiased; }

body {
  background-color: #222; }
  body.nav-open {
    height: 100%;
    min-height: 100%;
    overflow: hidden; }

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

h1, h2, h3, h4, h5 {
  font-family: "Crimson Text", serif;
  font-weight: 400; }

h1 {
  font-size: 3.125em;
  line-height: 62.5px; }

h2 {
  font-size: 2.1875em;
  line-height: 43.75px; }

h3 {
  font-size: 1.5625em;
  line-height: 31.25px; }

h4 {
  font-size: 1em;
  line-height: 20px; }

p {
  margin: 0 0 1em 0; }

a {
  -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); }

img {
  border: none;
  max-width: 100%; }

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

@media screen and (max-width: 41.6875em) {
  .hide-mobile {
    display: none; } }

/*
  Allow angular.js to be loaded in body, hiding cloaked elements until
  templates compile.  The !important is important given that there may be
  other selectors that are more specific or come later and might alter display.
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

.visible-mobile {
  display: none; }
  @media screen and (max-width: 30em) {
    .visible-mobile {
      display: block; } }

.visible-desktop {
  display: block; }
  @media screen and (max-width: 30em) {
    .visible-desktop {
      display: none; } }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

/*
 * Text alignment
 */
.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

.a-left {
  text-align: left !important; }

.a-center {
  text-align: center !important; }

.a-right {
  text-align: right !important; }

/*
 * vertical center
 */
.vertical-center {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table; }
  .vertical-center > div {
    display: table-cell;
    vertical-align: middle; }

/*
 * Extra element to clear float
 */
.clearer {
  clear: both;
  width: 100%;
  height: 0; }

div.wrapper {
  *zoom: 1;
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 1; }
  div.wrapper:before, div.wrapper:after {
    content: " ";
    display: table; }
  div.wrapper:after {
    clear: both; }

.center-block {
  width: 20%;
  min-height: 120px;
  margin: 20% auto;
  min-width: 400px;
  padding: 30px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1; }

#site-container {
  overflow-x: hidden;
  position: relative;
  right: 0;
  height: 100%;
  -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.nav-open {
    right: 270px;
    cursor: pointer; }
    #site-container.nav-open:after {
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.6);
      z-index: 9999; }

#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  z-index: 8888;
  display: none;
  top: 0;
  left: 0; }

.heading {
  padding-top: 90px; }
  @media screen and (max-width: 30em) {
    .heading {
      padding-top: 50px; } }
  .heading hgroup {
    padding: 20px 0;
    text-align: center; }
    .heading hgroup h1 {
      font-family: "Crimson Text", serif;
      margin: 0; }
    .heading hgroup h2 {
      margin: 0; }
    .heading hgroup p {
      margin: 0; }

span.line {
  width: 100%;
  height: 1px;
  background-image: -webkit-radial-gradient(center,  ellipse cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: radial-gradient( ellipse  at center, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  display: block;
  float: left;
  margin: 20px 0; }

.main-content {
  position: relative;
  background: #f5f4f0;
  padding-top: 50px; }

.parallax .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
@media screen and (max-width: 41.6875em) {
  .parallax .bg {
    opacity: 0.5; } }

section header.headline {
  margin: 40px 0;
  width: 100%;
  float: left;
  position: relative;
  z-index: 10; }
  section header.headline h3 {
    text-transform: uppercase;
    color: #454541;
    margin: 0;
    float: left;
    text-align: left; }
    section header.headline h3 span {
      display: block;
      text-transform: uppercase; }
  section header.headline a.browse {
    float: right;
    margin-top: 17px; }
    @media screen and (max-width: 30em) {
      section header.headline a.browse {
        clear: both;
        float: left;
        display: block;
        margin: 10px 0 0 0; } }
section.global-header {
  position: relative;
  min-height: 400px;
  overflow: hidden; }
  @media screen and (max-width: 41.6875em) {
    section.global-header {
      min-height: 240px; } }
  section.global-header h1 {
    text-align: center;
    font-size: 2.5em;
    color: #fff;
    z-index: 2;
    position: relative;
    margin-top: 150px; }
    @media screen and (max-width: 41.6875em) {
      section.global-header h1 {
        font-size: 1.875em;
        margin-top: 100px; } }
    section.global-header h1 span {
      display: block;
      margin: 5px 0 0 0;
      font-family: "Noto Sans", sans-serif;
      font-size: 0.375em;
      line-height: 7.5px; }
section.content {
  min-height: 806px;
  width: 100%;
  float: left;
  padding: 40px 0 326px 0;
  background: #f5f4f0; }
  @media screen and (max-width: 30em) {
    section.content {
      padding: 40px 0 100px 0; } }

.documentaries > li {
  padding: 0 1%; }

.documentaries, .slider {
  padding: 0;
  margin: 0;
  *zoom: 1; }
  .documentaries:before, .documentaries:after, .slider:before, .slider:after {
    content: " ";
    display: table; }
  .documentaries:after, .slider:after {
    clear: both; }
  .documentaries.sm .thumbnail, .slider.sm .thumbnail {
    float: left;
    display: block;
    margin-right: 0%;
    width: 25%; }
    .documentaries.sm .thumbnail:last-child, .slider.sm .thumbnail:last-child {
      margin-right: 0; }
    .documentaries.sm .thumbnail:nth-child(4n), .slider.sm .thumbnail:nth-child(4n) {
      margin-right: 0; }
    .documentaries.sm .thumbnail:nth-child(4n+1), .slider.sm .thumbnail:nth-child(4n+1) {
      clear: left; }
    @media screen and (max-width: 48em) {
      .documentaries.sm .thumbnail, .slider.sm .thumbnail {
        float: left;
        display: block;
        margin-right: 0%;
        width: 50%; }
        .documentaries.sm .thumbnail:last-child, .slider.sm .thumbnail:last-child {
          margin-right: 0; }
        .documentaries.sm .thumbnail:nth-child(4n), .slider.sm .thumbnail:nth-child(4n) {
          margin-right: 0%; }
        .documentaries.sm .thumbnail:nth-child(4n+1), .slider.sm .thumbnail:nth-child(4n+1) {
          clear: none; }
        .documentaries.sm .thumbnail:nth-child(2n), .slider.sm .thumbnail:nth-child(2n) {
          margin-right: 0; }
        .documentaries.sm .thumbnail:nth-child(2n+1), .slider.sm .thumbnail:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 30em) {
      .documentaries.sm .thumbnail, .slider.sm .thumbnail {
        float: left;
        display: block;
        margin-right: 0%;
        width: 100%; }
        .documentaries.sm .thumbnail:last-child, .slider.sm .thumbnail:last-child {
          margin-right: 0; }
        .documentaries.sm .thumbnail:nth-child(4n), .slider.sm .thumbnail:nth-child(4n) {
          margin-right: 0%; }
        .documentaries.sm .thumbnail:nth-child(4n+1), .slider.sm .thumbnail:nth-child(4n+1) {
          clear: none; } }
  .documentaries.sm .owl-item > div, .slider.sm .owl-item > div {
    margin: 9px; }
    @media screen and (max-width: 30em) {
      .documentaries.sm .owl-item > div, .slider.sm .owl-item > div {
        margin: 0; } }
  @media screen and (max-width: 30em) {
    .documentaries.md, .slider.md {
      float: left;
      display: block;
      margin-right: 0%;
      width: 100%; }
      .documentaries.md:last-child, .slider.md:last-child {
        margin-right: 0; } }
  .documentaries.md .thumbnail, .slider.md .thumbnail {
    float: left;
    display: block;
    margin-right: 0%;
    width: 33.33333%; }
    .documentaries.md .thumbnail:last-child, .slider.md .thumbnail:last-child {
      margin-right: 0; }
    .documentaries.md .thumbnail:nth-child(3n), .slider.md .thumbnail:nth-child(3n) {
      margin-right: 0; }
    .documentaries.md .thumbnail:nth-child(3n+1), .slider.md .thumbnail:nth-child(3n+1) {
      clear: left; }
    @media screen and (max-width: 48em) {
      .documentaries.md .thumbnail, .slider.md .thumbnail {
        float: left;
        display: block;
        margin-right: 0%;
        width: 50%; }
        .documentaries.md .thumbnail:last-child, .slider.md .thumbnail:last-child {
          margin-right: 0; }
        .documentaries.md .thumbnail:nth-child(3n), .slider.md .thumbnail:nth-child(3n) {
          margin-right: 0%; }
        .documentaries.md .thumbnail:nth-child(3n+1), .slider.md .thumbnail:nth-child(3n+1) {
          clear: none; }
        .documentaries.md .thumbnail:nth-child(2n), .slider.md .thumbnail:nth-child(2n) {
          margin-right: 0; }
        .documentaries.md .thumbnail:nth-child(2n+1), .slider.md .thumbnail:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 30em) {
      .documentaries.md .thumbnail, .slider.md .thumbnail {
        float: left;
        display: block;
        margin-right: 0%;
        width: 100%; }
        .documentaries.md .thumbnail:last-child, .slider.md .thumbnail:last-child {
          margin-right: 0; }
        .documentaries.md .thumbnail:nth-child(2n), .slider.md .thumbnail:nth-child(2n) {
          margin-right: 0%; }
        .documentaries.md .thumbnail:nth-child(2n+1), .slider.md .thumbnail:nth-child(2n+1) {
          clear: none; } }
    .documentaries.md .thumbnail img, .slider.md .thumbnail img {
      width: 100%; }
    .documentaries.md .thumbnail a, .slider.md .thumbnail a {
      color: #FFE884;
      text-decoration: none; }
      .documentaries.md .thumbnail a:hover, .slider.md .thumbnail a:hover {
        color: #fff; }
  .documentaries.md .owl-item > div, .slider.md .owl-item > div {
    margin: 10px; }
    @media screen and (max-width: 30em) {
      .documentaries.md .owl-item > div, .slider.md .owl-item > div {
        margin: 0; } }
  .documentaries.lg .thumbnail, .slider.lg .thumbnail {
    float: left;
    display: block;
    margin-right: 0%;
    width: 33.33333%; }
    .documentaries.lg .thumbnail:last-child, .slider.lg .thumbnail:last-child {
      margin-right: 0; }
    .documentaries.lg .thumbnail:nth-child(3n), .slider.lg .thumbnail:nth-child(3n) {
      margin-right: 0; }
    .documentaries.lg .thumbnail:nth-child(3n+1), .slider.lg .thumbnail:nth-child(3n+1) {
      clear: left; }
  .documentaries.lg .owl-item > div, .slider.lg .owl-item > div {
    margin: 20px; }
    @media screen and (max-width: 30em) {
      .documentaries.lg .owl-item > div, .slider.lg .owl-item > div {
        margin: 0; } }
  .documentaries .thumbnail, .documentaries .owl-item, .slider .thumbnail, .slider .owl-item {
    list-style: none;
    overflow: hidden;
    margin-bottom: 30px;
    float: left; }
    .documentaries .thumbnail .inner, .documentaries .owl-item .inner, .slider .thumbnail .inner, .slider .owl-item .inner {
      position: relative;
      overflow: hidden; }
    .documentaries .thumbnail .episode h2, .documentaries .owl-item .episode h2, .slider .thumbnail .episode h2, .slider .owl-item .episode h2 {
      font-size: 0.875em;
      line-height: 17.5px; }
      .documentaries .thumbnail .episode h2 a, .documentaries .owl-item .episode h2 a, .slider .thumbnail .episode h2 a, .slider .owl-item .episode h2 a {
        color: #4e4c49;
        font-family: "Noto Sans", sans-serif;
        font-weight: 700;
        font-size: 0.9375em;
        line-height: 18.75px;
        text-decoration: none; }
      .documentaries .thumbnail .episode h2 i, .documentaries .owl-item .episode h2 i, .slider .thumbnail .episode h2 i, .slider .owl-item .episode h2 i {
        color: #bcbab8; }
    .documentaries .thumbnail .episode p, .documentaries .owl-item .episode p, .slider .thumbnail .episode p, .slider .owl-item .episode p {
      font-family: "Crimson Text", serif;
      font-size: 1.125em;
      line-height: 22.5px; }
    .documentaries .thumbnail .episode.watched h2 i, .documentaries .owl-item .episode.watched h2 i, .slider .thumbnail .episode.watched h2 i, .slider .owl-item .episode.watched h2 i {
      color: #4dc30c; }
    .documentaries .thumbnail h2, .documentaries .owl-item h2, .slider .thumbnail h2, .slider .owl-item h2 {
      color: #f9f4ed;
      font-size: 1.5em;
      line-height: 30px;
      margin: 10px 0 0;
      float: left;
      width: 100%; }
      @media screen and (max-width: 30em) {
        .documentaries .thumbnail h2, .documentaries .owl-item h2, .slider .thumbnail h2, .slider .owl-item h2 {
          font-size: 1.3125em;
          line-height: 26.25px; } }
    .documentaries .thumbnail span.info, .documentaries .owl-item span.info, .slider .thumbnail span.info, .slider .owl-item span.info {
      font-size: 0.75em !important;
      float: left;
      color: rgba(255, 255, 255, 0.75);
      width: 100%; }
      .documentaries .thumbnail span.info a, .documentaries .owl-item span.info a, .slider .thumbnail span.info a, .slider .owl-item span.info a {
        color: #6B5EE3;
        text-decoration: none; }

.owl-wrapper-outer {
  z-index: 999; }

.overlay {
  -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);
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  text-align: center; }
  .overlay:hover {
    display: block;
    opacity: 1; }

/* slick */
.slick {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .slick .slick-content img {
    display: block;
    width: 100%;
    height: auto; }
  .slick.slick-initialized {
    opacity: 1; }

.slick .caption {
  color: #f9f4ed; }
  .slick .caption h2 {
    margin: 10px 0 10px 0;
    font-size: 1.5em;
    line-height: 1.2; }
    @media screen and (max-width: 30em) {
      .slick .caption h2 {
        font-size: 1.3125em;
        line-height: 26.25px; } }
    .slick .caption h2 a {
      color: #FFE884;
      text-decoration: none; }
      .slick .caption h2 a:hover {
        color: #fff; }
  .slick .caption span.info {
    font-size: 0.8125em;
    color: rgba(255, 255, 255, 0.75);
    float: left;
    width: 100%; }
    .slick .caption span.info a {
      color: #FFE884;
      text-decoration: none; }

.owl-buttons {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0; }
  @media screen and (max-width: 30em) {
    .owl-buttons {
      display: none; } }
  .owl-buttons > div {
    position: absolute;
    top: 40%;
    z-index: 1;
    font-size: 95px;
    margin-top: -65px;
    color: #fff; }
    .owl-buttons > div.disabled {
      color: rgba(255, 255, 255, 0.4); }
  .owl-buttons .owl-prev {
    left: -80px; }
    .owl-buttons .owl-prev:after {
      content: 'x';
      font-family: "sdn-icons"; }
  .owl-buttons .owl-next {
    right: -80px; }
    .owl-buttons .owl-next:after {
      content: 'y';
      font-family: "sdn-icons"; }

.owl-pagination {
  position: absolute;
  top: -20px;
  right: 0px;
  z-index: 999; }
  .owl-pagination .owl-page {
    float: left;
    margin: 0 2px; }
    .owl-pagination .owl-page span {
      position: relative;
      width: 14px;
      height: 14px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #c6c4c2;
      display: block; }
    .owl-pagination .owl-page.active span {
      top: -2px;
      width: 18px;
      height: 18px;
      background: #fac933;
      border: 2px solid #fff; }

.episodes .owl-buttons > div {
  color: #000; }
  .episodes .owl-buttons > div.disabled {
    color: rgba(0, 0, 0, 0.4); }

.progressbar {
  height: 6px;
  background: #e8e5e2;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  clear: both;
  display: block; }
  .progressbar div {
    height: 6px;
    background: #7687F6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }

.stars {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #CCC; }
  .stars.display-only {
    pointer-events: none; }
  .stars li {
    position: relative;
    display: block;
    float: left;
    cursor: pointer; }
    .stars li::after {
      position: absolute;
      top: 1px;
      left: -3px;
      color: #fac933;
      font-family: 'sdn-icons';
      content: 'p';
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      display: none; }
  .stars[data-avg-rating]:not([data-usr-rating]) li {
    color: #fac933; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='0'] li {
    color: inherit; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='1'] li:nth-child(1) ~ li {
    color: inherit; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='2'] li:nth-child(2) ~ li {
    color: inherit; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='3'] li:nth-child(3) ~ li {
    color: inherit; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='4'] li:nth-child(4) ~ li {
    color: inherit; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='5'] li:nth-child(5) ~ li {
    color: inherit; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='0.5'] li:nth-child(1)::after {
    display: block; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='1.5'] li:nth-child(2)::after {
    display: block; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='2.5'] li:nth-child(3)::after {
    display: block; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='3.5'] li:nth-child(4)::after {
    display: block; }
  .stars[data-avg-rating]:not([data-usr-rating])[data-avg-rating^='4.5'] li:nth-child(5)::after {
    display: block; }
  .stars[data-usr-rating]:not([data-usr-rating='']) li {
    color: #fac933; }
  .stars[data-usr-rating]:not([data-usr-rating=''])[data-usr-rating^='0'] li {
    color: inherit; }
  .stars[data-usr-rating]:not([data-usr-rating=''])[data-usr-rating^='1'] li:nth-child(1) ~ li {
    color: inherit; }
  .stars[data-usr-rating]:not([data-usr-rating=''])[data-usr-rating^='2'] li:nth-child(2) ~ li {
    color: inherit; }
  .stars[data-usr-rating]:not([data-usr-rating=''])[data-usr-rating^='3'] li:nth-child(3) ~ li {
    color: inherit; }
  .stars[data-usr-rating]:not([data-usr-rating=''])[data-usr-rating^='4'] li:nth-child(4) ~ li {
    color: inherit; }
  .stars[data-usr-rating]:not([data-usr-rating=''])[data-usr-rating^='5'] li:nth-child(5) ~ li {
    color: inherit; }
  .stars:hover li {
    color: #fac933 !important; }
    .stars:hover li:hover ~ li {
      color: inherit !important; }
    .stars:hover li::after {
      display: none !important; }

.icon {
  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);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 auto; }
  .icon.playbtn {
    background: rgba(255, 232, 132, 0.75);
    font-size: 1em;
    text-align: left; }
    .icon.playbtn:after {
      content: 'L';
      font-family: "sdn-icons";
      position: relative;
      color: #fff; }
    .icon.playbtn:hover {
      background: rgba(0, 0, 0, 0.75); }
      .icon.playbtn:hover:after {
        color: #FFE884; }
    .icon.playbtn.absolute {
      position: absolute;
      left: 50%;
      top: 50%;
      margin: 0; }
  .icon.lg {
    width: 100px;
    height: 100px; }
    .icon.lg:after {
      font-size: 3.125em;
      top: 24px;
      left: 30px; }
    .icon.lg.absolute {
      margin-left: -50px;
      margin-top: -50px; }
  .icon.md {
    width: 80px;
    height: 80px;
    font-size: 2.25em; }
    .icon.md:after {
      top: 21px;
      left: 26px; }
    .icon.md.absolute {
      margin-left: -40px;
      margin-top: -40px; }

.icon.play {
  -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);
  background: rgba(255, 232, 132, 0.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer; }
  .icon.play.lg {
    width: 92px;
    height: 92px;
    font-size: 70px;
    margin: -46px -46px; }
    .icon.play.lg:after {
      content: 'L';
      font-family: "sdn-icons";
      position: relative;
      left: 16px;
      top: 8px;
      color: #fff;
      font-size: 48px;
      left: 28px;
      top: -5px; }
  .icon.play.md {
    width: 80px;
    height: 80px;
    font-size: 2.5em;
    margin: -40px -40px; }
    .icon.play.md:after {
      content: 'L';
      font-family: "sdn-icons";
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -21px -17px;
      color: #fff; }
  .icon.play.sm {
    width: 60px;
    height: 60px;
    font-size: 1.875em;
    margin: -30px -30px; }
    .icon.play.sm:after {
      content: 'L';
      font-family: "sdn-icons";
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -14px -13px;
      color: #fff; }
  .icon.play.xs {
    width: 25px;
    height: 25px;
    font-size: 1em;
    margin: -13px -13px; }
    .icon.play.xs:after {
      content: 'F';
      font-family: "sdn-icons";
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -8px;
      color: #fff; }
  .icon.play:hover {
    background: rgba(0, 0, 0, 0.75); }
    .icon.play:hover:after {
      color: #FFE884; }

.box {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  margin: 0 0 15px 0; }
  .box.pad {
    padding: 15px; }

/* thumb overlay */
.overlay {
  -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);
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: hidden; }
  .overlay > a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 8;
    text-decoration: none; }
  .overlay p {
    margin: 0;
    padding: 15px;
    font-size: 0.875em;
    line-height: 17.5px;
    color: #fff; }
  .overlay .actions {
    -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);
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
    z-index: 9; }
    .overlay .actions a {
      width: 50%;
      color: #000;
      display: block;
      float: left;
      padding: 6px;
      font-size: 0.75em;
      opacity: 0.9;
      text-decoration: none;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0); }
      .overlay .actions a.watch {
        background: #fac933; }
      .overlay .actions a.trailer {
        background: #fff; }
      .overlay .actions a.full {
        width: 100%; }
      .overlay .actions a:hover {
        opacity: 1; }
  .overlay:hover {
    display: block;
    opacity: 1; }
    .overlay:hover .actions {
      bottom: 0; }

/* tabs */
.tab-content {
  display: none; }

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

.bullet {
  color: #FFE884; }

/*
 * Wizard Re-write
 */
.wizard .steps {
  margin-bottom: 20px; }
  .wizard .steps ul li a {
    background: #f3f1ec;
    text-align: center;
    font-size: 0.8125em;
    line-height: 16.25px;
    font-weight: bold;
    color: #7c6a40;
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    height: 35px;
    line-height: 36px; }
    .wizard .steps ul li a .number {
      font-size: inherit; }
    .wizard .steps ul li a:hover {
      margin: 0;
      padding: 0; }
  .wizard .steps ul li:first-child a {
    -webkit-border-top-left-radius: 35px;
    -webkit-border-bottom-left-radius: 35px;
    -moz-border-radius-topleft: 35px;
    -moz-border-radius-bottomleft: 35px;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px; }
  .wizard .steps ul li:last-child a {
    -webkit-border-top-right-radius: 35px;
    -webkit-border-bottom-right-radius: 35px;
    -moz-border-radius-topright: 35px;
    -moz-border-radius-bottomright: 35px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px; }
  .wizard .steps ul li.complete a {
    color: #fff;
    background: #f1bc2c; }
.wizard .content .body {
  background-color: #fff;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  background-clip: padding-box; }
  .wizard .content .body .inner {
    padding: 20px; }

.breadcrumb {
  height: 50px;
  background: rgba(37, 45, 50, 0.7);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1; }
  @media screen and (max-width: 30em) {
    .breadcrumb {
      display: none; } }
  .breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .breadcrumb ul li {
      float: left;
      font-size: 0.8125em;
      margin: 0 1px 0 0;
      line-height: 55px;
      color: #fff; }
      .breadcrumb ul li:last-child {
        margin: 0 0 0 20px; }
      .breadcrumb ul li a {
        text-align: center;
        padding: 0 20px;
        text-decoration: none;
        background: #525556;
        height: 50px;
        display: block;
        color: #fff;
        position: relative;
        -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); }
        .breadcrumb ul li a:before {
          content: 'y';
          font-family: "sdn-icons";
          font-size: 1em;
          color: #fae735;
          position: absolute;
          right: -7px;
          top: -1px;
          z-index: 999; }
        .breadcrumb ul li a:after {
          content: '';
          width: 16px;
          height: 16px;
          background: #3c3d40;
          text-align: center;
          color: red;
          font-size: 0.8125em;
          border: 1px solid #474845;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          display: block;
          position: absolute;
          top: 50%;
          margin-top: -6px;
          right: -8px;
          z-index: 888; }
        .breadcrumb ul li a:hover {
          background: #444647; }

.social-buttonset {
  position: absolute;
  right: 0;
  top: -92px;
  margin-right: 15px; }
  @media screen and (max-width: 48em) {
    .social-buttonset {
      position: static;
      float: right;
      margin: -30px 0 20px 0; } }
  @media screen and (max-width: 30em) {
    .social-buttonset {
      width: 100%;
      text-align: center; } }

.section-head {
  *zoom: 1;
  padding: 15px 0 0; }
  .section-head:before, .section-head:after {
    content: " ";
    display: table; }
  .section-head:after {
    clear: both; }
  .section-head h3 {
    float: left;
    margin: 0; }
  .section-head a {
    float: right;
    font-size: 0.8125em;
    line-height: 3;
    color: #6B5EE3; }
    .section-head a:hover {
      color: #3a337c; }

.pagination {
  *zoom: 1;
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin: 20px auto; }
  .pagination:before, .pagination:after {
    content: " ";
    display: table; }
  .pagination:after {
    clear: both; }
  .pagination > a {
    -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);
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #fff;
    text-decoration: none;
    border: 1px solid #E6E6E9;
    color: #736F7C;
    min-width: 25px;
    padding: 2px 5px;
    margin: 0 3px;
    font-size: 0.875em;
    text-align: center; }
    .pagination > a.active, .pagination > a.active:hover {
      border: 1px solid transparent;
      box-shadow: 0 0 0 2px #7687F6; }
    .pagination > a:hover {
      background: #7687F6;
      color: #fff; }

.modal .video-container {
  display: none;
  background: #000;
  position: fixed;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 9999;
  width: 80%;
  margin-left: 10%;
  height: auto;
  top: 0; }
.modal .dialog {
  float: left;
  display: block;
  margin-right: 0%;
  width: 50%;
  max-width: 500px;
  width: 100%;
  background: #f8f9f9;
  margin-left: -250px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -160px;
  z-index: 9999;
  display: none; }
  .modal .dialog:last-child {
    margin-right: 0; }
  @media screen and (max-width: 30em) {
    .modal .dialog {
      float: left;
      display: block;
      margin-right: 0%;
      width: 33.33333%;
      margin-left: 0px;
      left: 0;
      display: none; }
      .modal .dialog:last-child {
        margin-right: 0; } }

li.search {
  display: none; }

/* html tabs */
.html-tabs > section,
.html-tabs > input,
.html-tabs > label::before {
  display: none; }

#btn-tab-1:checked ~ section[data-html-tab="1"],
#btn-tab-2:checked ~ section[data-html-tab="2"],
#btn-tab-3:checked ~ section[data-html-tab="3"],
#btn-tab-4:checked ~ section[data-html-tab="4"] {
  display: block; }

ul.errorlist {
  padding-left: 20px;
  text-align: left; }
  ul.errorlist li {
    font-size: 0.75em;
    color: #ED3939; }

.hero .backstretch > img {
  opacity: .5; }

/* -----------------------------
 * Group of jQuery Zoombox Plugin
 ------------------------------ */
.zoombox {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.zoombox-modal {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  /*
   * akamai-player style
   */ }
  .zoombox-modal .zoombox-close {
    position: absolute;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    top: 20px;
    right: 20px;
    color: #fff;
    cursor: pointer;
    z-index: 9050; }
    @media screen and (max-width: 41.6875em) {
      .zoombox-modal .zoombox-close {
        top: 10px;
        right: 10px; } }
    .zoombox-modal .zoombox-close i {
      font-size: 2em; }
  .zoombox-modal .zoombox-target {
    position: absolute;
    z-index: 9002;
    overflow: hidden; }
    .zoombox-modal .zoombox-target.video {
      max-height: 80%; }
    .zoombox-modal .zoombox-target .zoombox-inner {
      width: 100%;
      height: 100%;
      background-color: #000; }
    .zoombox-modal .zoombox-target .zoombox-thumb {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
      .zoombox-modal .zoombox-target .zoombox-thumb img {
        width: 100%;
        max-width: 100%; }
    .zoombox-modal .zoombox-target .zoombox-content {
      width: 100%; }
      .zoombox-modal .zoombox-target .zoombox-content:before {
        content: "";
        float: left;
        padding-bottom: 56.25%; }
      .zoombox-modal .zoombox-target .zoombox-content:after {
        content: "";
        display: table;
        clear: both; }
  .zoombox-modal .zoombox-overlay {
    position: fixed;
    z-index: 9001;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
  .zoombox-modal.active .zoombox-overlay {
    opacity: 0.7; }
  .zoombox-modal.opened .zoombox-target .zoombox-thumb {
    opacity: 0; }
  .zoombox-modal .akamai-player {
    opacity: 0; }

.app-marketing {
  background-color: #382e61;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(0%, #5345a9), color-stop(100%, #322740));
  background-image: -webkit-radial-gradient(50% 50%, circle, #5345a9, #322740);
  background-image: radial-gradient(  circle at 50% 50%, #5345a9, #322740);
  width: 100%;
  height: 200%;
  text-align: center; }
  .app-marketing .msg {
    position: absolute;
    padding: 15px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9000; }
    .app-marketing .msg h1 {
      font-family: "Montserrat";
      color: #ffe884;
      text-transform: uppercase;
      font-size: 2em;
      line-height: 1.2;
      margin-top: 10%;
      text-shadow: 1px 1px 10px #000; }
    .app-marketing .msg p {
      color: #e9e4ec;
      text-shadow: 1px 1px 10px #000;
      margin-bottom: 40px; }
  .app-marketing img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    opacity: 0.5; }

.unregistered.system-message {
  background-color: #1e172a;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(0%, #544b82), color-stop(100%, #1e172a));
  background-image: -webkit-radial-gradient(50% 50%, circle, #544b82, #1e172a);
  background-image: radial-gradient(  circle at 50% 50%, #544b82, #1e172a);
  text-align: center; }
  .unregistered.system-message .msg {
    padding: 5% 5% 0;
    opacity: 0; }
    .unregistered.system-message .msg h4 {
      font-family: "Montserrat";
      font-size: 3em;
      margin: 0 0 20px;
      color: #FFE884;
      font-weight: 400;
      text-transform: uppercase; }
      @media screen and (max-width: 41.6875em) {
        .unregistered.system-message .msg h4 {
          font-size: 1.375em; } }
    .unregistered.system-message .msg p {
      font-family: "Noto Sans", sans-serif;
      color: #fff;
      font-size: 1.25em; }
      @media screen and (max-width: 41.6875em) {
        .unregistered.system-message .msg p {
          font-size: 0.875em; } }

.features {
  float: left;
  display: block;
  margin-right: 0%;
  width: 100%;
  float: left;
  margin: 10% 0 0 0;
  text-align: center; }
  .features:last-child {
    margin-right: 0; }
  @media screen and (max-width: 41.6875em) {
    .features {
      display: none; } }
  .features .feature {
    float: left;
    display: block;
    margin-right: 0%;
    width: 33.33333%;
    height: 220px;
    padding: 0 15px; }
    .features .feature:last-child {
      margin-right: 0; }
    @media screen and (max-width: 64em) and (min-width: 30em) {
      .features .feature {
        font-size: 1.25em; } }
    @media screen and (max-width: 48em) {
      .features .feature {
        display: none; } }
    .features .feature img {
      margin: -70px 0 -10px 0;
      height: 150px; }
    .features .feature h3 {
      margin: 0 0 10px 0;
      font-size: 1.4375em;
      color: #FFE884; }
      @media screen and (max-width: 64em) and (min-width: 30em) {
        .features .feature h3 {
          font-size: 1.25em; } }
    .features .feature p {
      color: #fff;
      font-size: 0.875em;
      max-width: 400px;
      text-align: center;
      margin: 0 auto; }
      @media screen and (max-width: 64em) and (min-width: 30em) {
        .features .feature p {
          display: none; } }

.unregistered.system-message {
  background-color: #291f46;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #291f46), color-stop(100%, #2d1f70));
  background-image: -webkit-linear-gradient(top, #291f46, #2d1f70);
  background-image: linear-gradient(to bottom,#291f46, #2d1f70);
  text-align: center; }
  .unregistered.system-message .msg {
    padding: 5% 5% 0;
    opacity: 0; }
    @media screen and (max-width: 64em) and (min-width: 30em) {
      .unregistered.system-message .msg {
        padding: 2% 2% 0; } }
    .unregistered.system-message .msg h4 {
      font-size: 2.5em;
      margin: 0 0 20px;
      color: #fff;
      font-weight: 400; }
      @media screen and (max-width: 48em) {
        .unregistered.system-message .msg h4 {
          font-size: 1.75em;
          margin-bottom: 15px; } }
      @media screen and (max-width: 30em) {
        .unregistered.system-message .msg h4 {
          font-size: 1.3125em; } }
    .unregistered.system-message .msg p {
      font-family: "Noto Sans", sans-serif;
      color: #fff;
      font-size: 0.875em; }

.geoblocked.system-message {
  background-color: #e7ece5;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(0%, #e0dab0), color-stop(100%, #e7ece5));
  background-image: -webkit-radial-gradient(50% 50%, circle, #e0dab0, #e7ece5);
  background-image: radial-gradient(  circle at 50% 50%, #e0dab0, #e7ece5);
  text-align: center; }
  .geoblocked.system-message .msg {
    padding: 5% 5% 0;
    opacity: 0;
    z-index: 1;
    position: relative; }
    .geoblocked.system-message .msg h4 {
      font-family: "Montserrat";
      font-size: 2em;
      margin: 0 0 20px;
      color: #4f4822;
      font-weight: 400;
      text-transform: uppercase;
      line-height: normal; }
    .geoblocked.system-message .msg .btn.wide {
      border: 2px solid #272727;
      color: #111211;
      background: rgba(255, 255, 255, 0.5); }
    .geoblocked.system-message .msg .btn.wide:hover {
      background: white; }
  .geoblocked.system-message .globe img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

.noflash.system-message {
  background-color: #FF0000;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(0%, #FF0000), color-stop(100%, #75060C));
  background-image: -webkit-radial-gradient(50% 50%, circle, #FF0000, #75060C);
  background-image: radial-gradient(  circle at 50% 50%, #FF0000, #75060C);
  text-align: center; }
  .noflash.system-message .msg {
    padding: 5% 5% 0;
    opacity: 0;
    z-index: 1;
    position: relative; }
    .noflash.system-message .msg p {
      color: #ffffff; }
    .noflash.system-message .msg h4 {
      font-family: "Montserrat";
      font-size: 2em;
      margin: 0 0 20px;
      color: #ffff00;
      font-weight: 400;
      text-transform: uppercase;
      line-height: normal; }
    .noflash.system-message .msg .btn.wide {
      border: 1px solid #ffff00;
      color: #ffffff;
      background: rgba(255, 255, 255, 0.1); }
    .noflash.system-message .msg .btn.wide:hover {
      background: rgba(255, 255, 255, 0.2); }
  .noflash.system-message .globe img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

/* zoombox opened state */
.zoombox-modal.opened .app-marketing .msg,
.zoombox-modal.opened .system-message .msg {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
.zoombox-modal.opened .zoombox-target .zoombox-content {
  opacity: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
.zoombox-modal.opened .akamai-player {
  opacity: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

/* zoombox in mobile */
.mobile .zoombox-content {
  height: 100%;
  overflow: hidden; }

/* -----------------------------
 * End of Zoombox
 ------------------------------ */
.btn {
  cursor: pointer;
  border: solid 2px #fff28f;
  border-radius: 40px;
  background: transparent;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid #ffe884;
  color: #ffffff;
  line-height: 18px;
  text-decoration: none;
  text-align: center;
  position: relative;
  display: inline-block;
  -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);
  font-size: 0.875em;
  padding: 6px 12px;
  font-weight: 400;
  text-transform: capitalize; }
  .btn:hover {
    background: rgba(0, 0, 0, 0.6); }
  .btn.wide {
    font-size: 0.875em;
    padding: 10px 20px 10px 20px;
    font-weight: 400;
    font-weight: bold; }
    .btn.wide .play {
      font-style: normal;
      font-size: 0.875em;
      margin: 6px 7px 0px 6px !important; }
      .btn.wide .play:after {
        margin: -5px !important; }
  .btn.full {
    width: 100%; }
  .btn.white {
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e7e7e5));
    background-image: -webkit-linear-gradient(white, #e7e7e5);
    background-image: linear-gradient(white, #e7e7e5);
    background-size: auto 200%;
    background-position: 0 100%;
    -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);
    border: 1px solid #dbdbd7;
    margin: 0;
    font-family: "Noto Sans", sans-serif;
    color: #183b54;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3;
    display: inline-block;
    position: relative;
    background-color: #fafaf9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafaf9), color-stop(100%, #eeeeed));
    background-image: -webkit-linear-gradient(#fafaf9, #eeeeed);
    background-image: linear-gradient(#fafaf9, #eeeeed); }
    .btn.white:hover {
      background-position: 0 0; }
    .btn.white:active {
      -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2); }
  .btn.revert {
    border-color: #25222B;
    color: #25222B; }
    .btn.revert .icon.play {
      background: #25222B; }
    .btn.revert:hover {
      background: #fff; }
  .btn.browse {
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ededed));
    background-image: -webkit-linear-gradient(white, #ededed);
    background-image: linear-gradient(white, #ededed);
    background-size: auto 200%;
    background-position: 0 100%;
    -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);
    border: 1px solid #e1e1e1;
    margin: 0;
    font-family: "Noto Sans", sans-serif;
    color: #be9867;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, white));
    background-image: -webkit-linear-gradient(white, white);
    background-image: linear-gradient(white, white);
    padding-right: 20px; }
    .btn.browse:hover {
      background-position: 0 0; }
    .btn.browse:active {
      -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2); }
    .btn.browse:hover {
      border: 1px solid #f0f0f0; }
    .btn.browse:after {
      content: 'y';
      font-family: "sdn-icons";
      position: absolute;
      font-size: 1.125em;
      top: 7px;
      right: 2px; }
  .btn.social {
    font-size: 0.75em;
    padding: 6px 12px;
    font-weight: 400;
    background-color: #ffed9d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffed9d), color-stop(100%, #ffe36a));
    background-image: -webkit-linear-gradient(#ffed9d, #ffe36a);
    background-image: linear-gradient(#ffed9d, #ffe36a);
    background-size: auto 200%;
    background-position: 0 100%;
    -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);
    border: 1px solid #ffde51;
    margin: 0;
    font-family: "Noto Sans", sans-serif;
    color: white;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    position: relative; }
    .btn.social:hover {
      background-position: 0 0; }
    .btn.social:active {
      -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2); }
    .btn.social.facebook {
      background-color: #4264aa;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4264aa), color-stop(100%, #344e86));
      background-image: -webkit-linear-gradient(#4264aa, #344e86);
      background-image: linear-gradient(#4264aa, #344e86);
      border: 1px solid #2f4779; }
    .btn.social.twitter {
      background-color: #07bbff;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07bbff), color-stop(100%, #0099d3));
      background-image: -webkit-linear-gradient(#07bbff, #0099d3);
      background-image: linear-gradient(#07bbff, #0099d3);
      border: 1px solid #0089bd; }
    .btn.social.google {
      background-color: #e15f4f;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e15f4f), color-stop(100%, #d73925));
      background-image: -webkit-linear-gradient(#e15f4f, #d73925);
      background-image: linear-gradient(#e15f4f, #d73925);
      border: 1px solid #b03c2d; }
    .btn.social i {
      font-size: 1.4375em;
      position: relative;
      top: 4px; }
  .btn .icon.play.xs {
    top: 0;
    left: 0;
    line-height: 1em;
    margin: 3px 5px 0px 5px; }

.btn-wrap {
  text-align: center; }

.btn-group .btn {
  border: none;
  float: left;
  background: #65626b;
  color: #fff;
  border-radius: 0;
  margin: 0;
  padding: 8px 14px;
  border-right: solid 1px #86848a; }
  .btn-group .btn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .btn-group .btn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: none; }
  .btn-group .btn:hover {
    cursor: pointer;
    background: #3b3a38; }
  .btn-group .btn.active, .btn-group .btn:active {
    background: #fee689;
    color: #21201c; }
  .btn-group .btn.vote {
    color: #45433f;
    border: 1px solid #c8c1b7;
    background-color: #f2f2ed;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2ed), color-stop(100%, #e5e5e0));
    background-image: -webkit-linear-gradient(#f2f2ed, #e5e5e0);
    background-image: linear-gradient(#f2f2ed, #e5e5e0);
    font-size: 0.75em;
    padding: 4px 6px;
    font-weight: 400; }
    .btn-group .btn.vote i {
      color: #979692; }
    .btn-group .btn.vote.up:active,
    .btn-group .btn.vote.up .active {
      background-color: #40a515;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40a515), color-stop(100%, #349808));
      background-image: -webkit-linear-gradient(#40a515, #349808);
      background-image: linear-gradient(#40a515, #349808);
      color: #fff; }
      .btn-group .btn.vote.up:active i,
      .btn-group .btn.vote.up .active i {
        color: #fff; }
    .btn-group .btn.vote.down:active,
    .btn-group .btn.vote.down .active {
      background-color: #a5152c;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5152c), color-stop(100%, #980820));
      background-image: -webkit-linear-gradient(#a5152c, #980820);
      background-image: linear-gradient(#a5152c, #980820);
      color: #fff; }
      .btn-group .btn.vote.down:active i,
      .btn-group .btn.vote.down .active i {
        color: #fff; }
    .btn-group .btn.vote:first-child {
      border-right: none; }
    .btn-group .btn.vote:hover {
      background-position: 0 0;
      color: #777; }
  .btn-group .btn.search {
    font-size: 0.875em;
    padding: 10px 16px;
    font-weight: 400;
    color: #969288;
    border: none;
    background-color: #f2f2ed;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2ed), color-stop(100%, #e5e5e0));
    background-image: -webkit-linear-gradient(#f2f2ed, #e5e5e0);
    background-image: linear-gradient(#f2f2ed, #e5e5e0); }
    @media screen and (max-width: 30em) {
      .btn-group .btn.search {
        float: left;
        display: block;
        margin-right: 0%;
        width: 33.33333%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0; }
        .btn-group .btn.search:last-child {
          margin-right: 0; } }
    .btn-group .btn.search:nth-child(2), .btn-group .btn.search:first-child {
      border-right: 1px solid #c8c1b7; }
    .btn-group .btn.search.selected {
      background: #f5c543;
      color: #644d0f;
      border: none; }

.btn-standard {
  font-size: 0.875em;
  padding: 6px 12px;
  font-weight: 400;
  padding: 10px 20px;
  margin: 0px;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.65);
  cursor: pointer;
  -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); }
  .btn-standard.signup {
    background-color: #7687F6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7687F6), color-stop(100%, #6e7ff1));
    background-image: -webkit-linear-gradient(top, #7687F6, #6e7ff1);
    background-image: linear-gradient(to bottom,#7687F6, #6e7ff1);
    color: #fff; }
    .btn-standard.signup:hover {
      color: #fff;
      background-color: #8494f7;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8494f7), color-stop(100%, #7c8bf2));
      background-image: -webkit-linear-gradient(top, #8494f7, #7c8bf2);
      background-image: linear-gradient(to bottom,#8494f7, #7c8bf2); }
  .btn-standard.forgot, .btn-standard.login, .btn-standard.gift {
    font-size: 0.8125em;
    padding: 8px 15px;
    font-weight: 400;
    background: #FFE884;
    color: #424445; }
    .btn-standard.forgot:hover, .btn-standard.login:hover, .btn-standard.gift:hover {
      background: #fff2b7; }
  .btn-standard.gift {
    background: #F0EFFA;
    color: #000;
    display: block;
    padding: 7px 15px; }
    .btn-standard.gift:hover {
      background: #fff; }
  .btn-standard.post {
    background-color: #FFE884;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE884), color-stop(100%, #FFE884));
    background-image: -webkit-linear-gradient(top, #FFE884, #FFE884);
    background-image: linear-gradient(to bottom,#FFE884, #FFE884);
    color: #000;
    border: 1px solid #D0BD69; }
  .btn-standard.lg {
    font-size: 1em;
    font-weight: bold;
    padding: 15px 25px; }
  .btn-standard[disabled] {
    opacity: 0.4;
    cursor: default; }

#login-form-box .login,
#login .login {
  background: #FFE884;
  color: #424445;
  padding: 8px 20px;
  border: 2px solid #ffe884; }
  #login-form-box .login:hover,
  #login .login:hover {
    background: #fff2b7; }

.plan-choice {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 220px;
  margin: 20px;
  text-align: center;
  opacity: 0.8; }
  .plan-choice .choice-text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 40px;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    line-height: 1.4em;
    padding-top: 45px;
    border: 1px solid #000;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .plan-choice .choice-text .type {
      color: #ffe884;
      text-transform: uppercase; }
    .plan-choice .choice-text .price {
      font-size: 80px;
      font-family: "Crimson Text", serif; }
      .plan-choice .choice-text .price > sup {
        font-size: 0.4em; }
      .plan-choice .choice-text .price .term {
        font-size: 0.4em; }
  .plan-choice .choice-desc {
    position: absolute;
    top: 180px;
    left: 0;
    bottom: 0;
    right: 0;
    color: #000;
    background: #ffe884;
    line-height: 40px;
    font-size: 14px;
    border: 1px solid #000;
    border-top: 0;
    overflow: hidden;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .plan-choice[data-badge]::after {
    position: absolute;
    top: -30px;
    right: -30px;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    color: #FFF;
    font-size: 16px;
    padding: 24px 10px;
    line-height: 1em;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.3);
    font-weight: 600;
    text-transform: uppercase;
    content: attr(data-badge);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
    background-color: #8595fc;
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(0%, #8595fc), color-stop(100%, #7686f5));
    background-image: -webkit-radial-gradient(#8595fc, #7686f5);
    background-image: radial-gradient(  #8595fc, #7686f5);
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .plan-choice .hover-content-1, .plan-choice .hover-content-2 {
    -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    /* easeOutExpo */ }
  .plan-choice .hover-content-2 {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  .plan-choice:not(.no-hover):hover, .plan-choice.selected {
    opacity: 1; }
    .plan-choice:not(.no-hover):hover .hover-content-1, .plan-choice.selected .hover-content-1 {
      -webkit-transform: translate3d(0, -100%, 0);
      -moz-transform: translate3d(0, -100%, 0);
      -ms-transform: translate3d(0, -100%, 0);
      -o-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); }
    .plan-choice:not(.no-hover):hover .hover-content-2, .plan-choice.selected .hover-content-2 {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }

fieldset {
  border: none;
  padding: 0;
  margin: 20px 0 0 0; }
  fieldset legend {
    color: #3e3d3b;
    font-size: 0.875em;
    line-height: 17.5px;
    font-weight: 700;
    margin: 0 0 10px 0;
    padding: 0; }

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"], textarea {
  border: 1px solid #e1e5e5;
  color: #353737;
  background: #fff;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 0.875em;
  padding: 10px 14px;
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  -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: 0; }
  input[type="email"].shorter, input[type="number"].shorter, input[type="password"].shorter, input[type="search"].shorter, input[type="tel"].shorter, input[type="text"].shorter, input[type="url"].shorter, input[type="color"].shorter, input[type="date"].shorter, input[type="datetime"].shorter, input[type="datetime-local"].shorter, input[type="month"].shorter, input[type="time"].shorter, input[type="week"].shorter, textarea.shorter {
    width: 130px; }
  input[type="email"].short, input[type="number"].short, input[type="password"].short, input[type="search"].short, input[type="tel"].short, input[type="text"].short, input[type="url"].short, input[type="color"].short, input[type="date"].short, input[type="datetime"].short, input[type="datetime-local"].short, input[type="month"].short, input[type="time"].short, input[type="week"].short, textarea.short {
    width: 250px; }
  input[type="email"].long, input[type="number"].long, input[type="password"].long, input[type="search"].long, input[type="tel"].long, input[type="text"].long, input[type="url"].long, input[type="color"].long, input[type="date"].long, input[type="datetime"].long, input[type="datetime-local"].long, input[type="month"].long, input[type="time"].long, input[type="week"].long, textarea.long {
    width: 100%; }
  @media screen and (max-width: 30em) {
    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"], textarea {
      padding: 10px; } }
  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, textarea:focus {
    border: 1px solid #7687F6; }

.form {
  margin: 0;
  margin-bottom: 10px; }
  .form.state {
    float: left;
    float: left;
    display: block;
    margin-right: 0%;
    width: 16.66667%; }
    .form.state:last-child {
      margin-right: 0; }
    @media screen and (max-width: 30em) {
      .form.state {
        float: left;
        display: block;
        margin-right: 0%;
        width: 16.66667%; }
        .form.state:last-child {
          margin-right: 0; } }
  .form.zipcode {
    float: left;
    float: left;
    display: block;
    margin-right: 0%;
    width: 25%; }
    .form.zipcode:last-child {
      margin-right: 0; }
    @media screen and (max-width: 30em) {
      .form.zipcode {
        float: left;
        display: block;
        margin-right: 0%;
        width: 16.66667%; }
        .form.zipcode:last-child {
          margin-right: 0; } }
  @media screen and (max-width: 30em) {
    .form.cvv {
      float: left;
      display: block;
      margin-right: 0%;
      width: 16.66667%; }
      .form.cvv:last-child {
        margin-right: 0; } }
  .form.cvv .info {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .form.cvv .info i {
      color: #fac933;
      cursor: pointer; }
  @media screen and (max-width: 30em) {
    .form.exp-date {
      float: left;
      display: block;
      margin-right: 0%;
      width: 33.33333%; }
      .form.exp-date:last-child {
        margin-right: 0; } }
  .form.exp-date dd {
    float: left;
    display: block;
    margin-right: 0%;
    width: 33.33333%; }
    .form.exp-date dd:last-child {
      margin-right: 0; }
  .form.forgot-login dd {
    float: left;
    display: block;
    margin-right: 0%;
    width: 83.33333%; }
    .form.forgot-login dd:last-child {
      margin-right: 0; }
    .form.forgot-login dd:last-child {
      margin-top: 3px;
      float: left;
      display: block;
      margin-right: 0%;
      width: 16.66667%; }
      .form.forgot-login dd:last-child:last-child {
        margin-right: 0; }
  .form dt {
    display: block;
    margin: 0 0 2px 0;
    position: relative; }
    .form dt label {
      font-family: "Crimson Text", serif;
      font-size: 0.9375em;
      color: #25222B; }
  .form dd {
    position: relative;
    margin: 0; }
    .form dd:after {
      content: attr(data-label);
      font-size: 0.625em;
      line-height: 12.5px;
      font-weight: bold;
      color: #ccc;
      text-transform: uppercase;
      position: absolute;
      display: block;
      top: 12px;
      right: 2px;
      width: 40px;
      line-height: 10px;
      text-align: center;
      letter-spacing: -1px; }
    .form dd.success .input-text {
      border: 2px solid #22b341; }
    .form dd.success .msg {
      background: #22b341; }
    .form dd.error .input-text {
      border: 2px solid #fc3258;
      background: #f6e8eb; }
    .form dd.error .msg {
      background: #fc3258; }
    .form dd .msg {
      font-size: 0.8125em;
      line-height: 16.25px;
      color: #f5f4f0;
      padding: 4px 5px 5px;
      display: block;
      margin-top: -3px;
      font-style: italic;
      -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; }
  .form.inline {
    *zoom: 1;
    padding-bottom: 3px; }
    .form.inline:before, .form.inline:after {
      content: " ";
      display: table; }
    .form.inline:after {
      clear: both; }
    .form.inline dd {
      float: left;
      display: block;
      margin-right: 0%;
      width: 50%; }
      .form.inline dd:last-child {
        margin-right: 0; }
      .form.inline dd:last-child {
        padding-left: 1%; }
  .form.login-fields {
    float: left;
    width: 100%; }
    .form.login-fields dd:after {
      width: 100px;
      text-align: right;
      right: 15px;
      top: 19px;
      line-height: 8px;
      opacity: 1;
      -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -moz-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
  .form.login-fields.inputting dd:after {
    opacity: 0; }
  .form input::-ms-clear {
    display: none; }

input[type=radio],
input[type=checkbox] {
  display: none; }

.radio label,
.checkbox label {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px; }
  .radio label:before,
  .checkbox label:before {
    content: "";
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background: #fff;
    border: 1px solid #e1e5e5;
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.1); }

.radio label:before {
  border-radius: 8px; }

input[type=radio]:checked + label:before {
  content: "a";
  font-family: "sdn-icons";
  color: #7687F6;
  font-size: 10px;
  text-align: center;
  line-height: 14px; }

input[type=checkbox]:checked + label:before {
  content: "s";
  font-family: "sdn-icons";
  font-size: 15px;
  color: #7687F6;
  text-align: center;
  line-height: 15px; }

.checkbox label {
  margin-bottom: 10px; }
  .checkbox label:before {
    border-radius: 3px; }

/*
 * Parsley validation style
 */
form .parsley-error {
  border: 2px solid #fc3258;
  background: #f6e8eb; }
form .parsley-errors-list {
  margin-top: -1px;
  padding: 0;
  margin-bottom: 1em; }
  form .parsley-errors-list li {
    list-style: none !important;
    font-size: 0.8125em;
    color: #fff;
    padding: 4px 5px 5px;
    font-style: italic;
    display: block;
    margin: 0;
    -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;
    background: #fc3258; }
    form .parsley-errors-list li.parsley-minlength, form .parsley-errors-list li.parsley-required {
      background: #fc3258; }
    form .parsley-errors-list li.parsley-type {
      background: #fc3258; }

.buttons-set {
  margin-top: 40px;
  text-align: center; }
  .buttons-set .btn {
    margin-bottom: 20px; }
  .buttons-set .note {
    font-size: 0.8125em;
    line-height: 16.25px; }
  .buttons-set a {
    color: #2b8bc2;
    text-decoration: none; }

#site-header {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background-image: -webkit-linear-gradient(bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background-image: linear-gradient(to top,transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  position: fixed;
  right: 0;
  z-index: 6000;
  min-height: 120px;
  -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); }
  @media screen and (max-width: 30em) {
    #site-header {
      background: rgba(36, 23, 15, 0.8);
      min-height: 56px; }
      body.payment #site-header {
        background: transparent; } }
  #site-header.nav-open {
    right: 270px; }
    #site-header.nav-open button.login,
    #site-header.nav-open li.account {
      display: none; }
  #site-header.scroll {
    min-height: 56px; }
    @media screen and (min-width: 768px) {
      #site-header.scroll {
        -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);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        background: rgba(36, 23, 15, 0.8); }
        #site-header.scroll #logo {
          width: 90px;
          height: 37px;
          top: 10px;
          margin-left: -25px;
          overflow: hidden; }
          #site-header.scroll #logo img {
            position: relative;
            top: -17px; }
        #site-header.scroll .corner-panel {
          top: 3px; }
        #site-header.scroll #main-nav {
          padding-top: 5px; } }
  #site-header .login-actions {
    list-style-type: none;
    margin-top: -10px; }
    @media screen and (max-width: 30em) {
      #site-header .login-actions {
        display: none; } }
    #site-header .login-actions > li {
      float: left;
      margin-left: 10px; }
  #site-header .burger {
    border: 1px solid rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 5px 7px 5px;
    background: transparent;
    text-align: center;
    z-index: 9999; }
    @media screen and (min-width: 768px) {
      #site-header .burger {
        display: none; } }
    #site-header .burger span {
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px;
      margin-top: 4px;
      background: rgba(255, 255, 255, 0.4); }
  #site-header #logo {
    position: absolute;
    width: 150px;
    height: 70px;
    margin-left: -75px;
    left: 50%;
    top: 6px;
    z-index: 9999;
    -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-header #logo img {
      width: 100%; }
    @media screen and (max-width: 64em) and (min-width: 30em) {
      #site-header #logo {
        margin-left: -25px;
        width: 160px;
        height: auto; } }
    @media screen and (max-width: 48em) {
      #site-header #logo {
        width: 90px;
        height: 37px;
        top: 10px;
        margin-left: -50px; } }
    @media screen and (max-width: 41.6875em) {
      #site-header #logo {
        margin-left: -40px;
        width: 80px;
        height: auto; } }
  #site-header .search {
    position: relative;
    min-width: 240px; }
    #site-header .search input[type="text"] {
      width: 100%;
      background: transparent;
      border: none;
      color: #edece6;
      padding: 8px 13px;
      border-bottom: 1px solid rgba(168, 167, 167, 0.6);
      -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);
      font-size: 0.875em;
      line-height: 17.5px; }
      #site-header .search input[type="text"]:focus {
        background: rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.1); }
    #site-header .search button {
      background: none;
      border: none;
      padding: 0;
      margin: 0;
      font-size: 1em;
      line-height: 20px;
      position: absolute;
      top: 8px;
      color: #eec030;
      right: 13px; }
    #site-header .search ul {
      float: left;
      width: 100%;
      margin: 0;
      padding: 0; }
      #site-header .search ul li {
        list-style: none;
        display: block;
        width: 100%;
        float: left;
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); }
        #site-header .search ul li.item {
          background-color: white;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fafafa));
          background-image: -webkit-linear-gradient(white, #fafafa);
          background-image: linear-gradient(white, #fafafa);
          padding: 10px;
          border-bottom: 1px solid #ededed; }
          #site-header .search ul li.item a {
            text-decoration: none;
            color: #333231;
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline; }
          #site-header .search ul li.item img {
            float: left;
            margin: 0 10px 0 0; }
          #site-header .search ul li.item p {
            font-size: 0.8125em;
            font-weight: 700;
            margin: 5px 0;
            float: left; }
            #site-header .search ul li.item p span {
              display: block;
              font-size: 0.75em;
              line-height: 15px;
              font-weight: 400;
              clear: left; }
        #site-header .search ul li.more {
          font-size: 0.6875em;
          line-height: 13.75px;
          font-weight: 700;
          background: #f8ca35;
          text-align: center;
          padding: 8px 0; }
          #site-header .search ul li.more a {
            text-decoration: none;
            color: #373531;
            display: block; }
  body.logged-in #site-header {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%); }
  body.payment #site-header {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); }
  body.payment #site-header.scroll {
    background: rgba(255, 255, 255, 0.5); }

#main-nav {
  -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);
  float: left;
  margin: 0;
  padding-top: 15px;
  padding-left: 20px;
  position: relative;
  z-index: 999; }
  @media screen and (max-width: 41.6875em) {
    #main-nav {
      display: none; } }
  #main-nav li {
    list-style: none;
    float: left;
    margin: 0 30px 0 0;
    position: relative;
    color: #f4e6bb; }
    @media screen and (max-width: 30em) {
      #main-nav li {
        width: 100%;
        text-align: center; } }
    @media screen and (min-width: 75em) {
      #main-nav li:after {
        content: 'a';
        font-family: "sdn-icons";
        position: absolute;
        font-size: 0.3125em;
        top: 16px;
        right: -17px; } }
    #main-nav li.blog:after, #main-nav li.login:after, #main-nav li.search:after, #main-nav li.account:after, #main-nav li:last-child:after {
      content: ''; }
    #main-nav li a {
      font-family: "Crimson Text", serif;
      font-size: 0.875em;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      color: #f4e6bb;
      margin: 10px 0 0 0;
      float: left; }
      #main-nav li a:hover {
        color: #fff; }
  @media screen and (max-width: 48em) {
    #main-nav {
      padding-left: 10px;
      padding-top: 20px; }
      #main-nav li {
        margin: 0 10px 0 0; }
        #main-nav li a {
          font-size: 0.8125em; } }

.corner-panel {
  -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;
  right: 20px;
  top: 15px;
  z-index: 999; }
  .nav-open .corner-panel {
    display: none; }
  .corner-panel #user-profile {
    padding: 0;
    margin: 0;
    height: 35px;
    position: relative; }
    @media screen and (max-width: 30em) {
      .corner-panel #user-profile {
        display: none; } }
    .corner-panel #user-profile dt {
      opacity: 0;
      transition: all 1s; }
      .corner-panel #user-profile dt .avatar {
        position: relative;
        top: 8px;
        height: 40px;
        width: 40px;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden; }
        .corner-panel #user-profile dt .avatar img {
          width: 40px;
          height: 40px; }
      .corner-panel #user-profile dt > a {
        display: inline-block;
        font-family: "Noto Sans", sans-serif;
        font-size: 0.8125em;
        color: #000;
        margin-top: 6px;
        margin-right: 21px;
        text-decoration: none; }
      .corner-panel #user-profile dt .username {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        font-family: "Noto Sans", sans-serif;
        font-weight: bold;
        color: #fff;
        text-transform: capitalize;
        cursor: pointer;
        line-height: 35px;
        margin: 0 3px;
        font-size: 0.9375em; }
        .corner-panel #user-profile dt .username i {
          color: #ada8a8; }
    .corner-panel #user-profile dt.in {
      opacity: 1; }
    .corner-panel #user-profile dd {
      opacity: 0;
      pointer-events: none;
      margin: 0;
      position: absolute;
      width: 110px;
      right: 0; }
      .corner-panel #user-profile dd ul {
        padding: 0;
        margin: 0;
        border-radius: 4px;
        overflow: hidden; }
        .corner-panel #user-profile dd ul li {
          padding: 8px 15px;
          list-style: none;
          border-bottom: solid 1px #ddd;
          background: #f9f9f9; }
          .corner-panel #user-profile dd ul li:hover {
            background: #fff; }
            .corner-panel #user-profile dd ul li:hover a {
              color: #000; }
          .corner-panel #user-profile dd ul li a {
            font-size: 0.875em;
            line-height: 17.5px;
            text-decoration: none;
            color: #25222B; }
      .corner-panel #user-profile dd.open {
        -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);
        opacity: 1;
        pointer-events: all; }

#site-nav {
  position: fixed;
  width: 270px;
  height: 100%;
  right: -270px;
  top: 0;
  bottom: 0;
  z-index: 999999;
  background: #f9f9f9;
  -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); }
  #site-nav.nav-open {
    right: 0; }
    #site-nav.nav-open .lines-button {
      display: block; }
      @media screen and (max-width: 30em) {
        #site-nav.nav-open .lines-button {
          left: -58px; } }
      @media screen and (min-width: 75em) {
        #site-nav.nav-open .lines-button {
          left: -58px;
          top: 26px; } }
  #site-nav .login-box {
    margin: 0 10px; }
    #site-nav .login-box .social {
      font-size: 1em;
      padding: 8px 15px 13px;
      font-weight: 400; }
      #site-nav .login-box .social i {
        margin: 0 5px 0 0; }
    #site-nav .login-box h5 {
      font-size: 0.9375em;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0; }
    #site-nav .login-box .spacer {
      text-align: center;
      width: 100%;
      float: left;
      margin: 8px 0 5px; }
      #site-nav .login-box .spacer .or {
        width: 27px;
        height: 27px;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        text-align: center;
        position: relative;
        background: #c6c7c7;
        color: #fff;
        font-size: 0.75em;
        line-height: 26px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
    #site-nav .login-box .btn-standard.login {
      font-size: 0.9375em;
      margin: 0;
      float: right;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
    #site-nav .login-box .forgot {
      float: left;
      font-size: 0.9375em;
      margin: 5px 0 0 0;
      color: #29a7c7; }
  #site-nav .join {
    background-color: #fbd563;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbd563), color-stop(100%, #f2b706));
    background-image: -webkit-linear-gradient(#fbd563, #f2b706);
    background-image: linear-gradient(#fbd563, #f2b706);
    font-size: 1.1875em;
    padding: 18px 15px;
    font-weight: 400;
    font-weight: 700;
    color: #5d4610;
    border: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    text-decoration: none; }
    #site-nav .join.hide {
      bottom: -100px; }
  #site-nav .overthrow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    #site-nav .overthrow .inner {
      width: 100%;
      height: 100%;
      position: relative;
      padding-top: 20px; }
  #site-nav .account-box ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block; }
    #site-nav .account-box ul li {
      border-bottom: 1px solid #f1f1f1; }
      #site-nav .account-box ul li.link a {
        padding: 15px;
        display: block;
        color: #000;
        text-decoration: none;
        font-family: "Crimson Text", serif;
        font-size: 0.9375em;
        text-transform: uppercase;
        -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-nav .account-box ul li.link a:hover, #site-nav .account-box ul li.link a.active {
          color: #faca34;
          background: #1c1b19; }
      #site-nav .account-box ul li.user {
        display: table;
        padding: 15px 0;
        overflow: hidden; }
        #site-nav .account-box ul li.user a {
          text-decoration: none;
          display: table-cell;
          vertical-align: middle;
          color: #000; }
        #site-nav .account-box ul li.user img {
          float: left;
          display: -moz-inline-stack;
          display: inline-block;
          zoom: 1;
          *display: inline; }
        #site-nav .account-box ul li.user span {
          float: left;
          margin: 10px 0 0 15px; }

.lines-button {
  padding: 1rem 0.5rem;
  transition: .3s;
  cursor: pointer;
  border-radius: 1px;
  position: absolute;
  z-index: 99999;
  top: 2px;
  left: -50px;
  display: none;
  margin: 0 1em;
  border: none;
  background: none; }
  @media screen and (max-width: 30em) {
    .lines-button {
      left: -60px;
      display: block; } }
  .lines-button:hover {
    opacity: 1; }
  .lines-button:active {
    transition: 0; }

.lines {
  display: inline-block;
  width: 2rem;
  height: 0.16667rem;
  background: #e9c62a;
  border-radius: 0.14286rem;
  transition: 0.3s;
  position: relative; }
  .lines:before, .lines:after {
    display: inline-block;
    width: 2rem;
    height: 0.16667rem;
    background: #e9c62a;
    border-radius: 0.14286rem;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.14286rem center;
    transform-origin: 0.14286rem center; }
  .lines:before {
    top: 0.5rem; }
  .lines:after {
    top: -0.5rem; }

.lines-button.close {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8); }

.lines-button.x.close .lines {
  background: transparent; }
  .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 2rem;
    height: 0.2rem; }
  .lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }

/* =============
Login Modal
============== */
#login {
  padding-bottom: 50px; }
  #login .facebook {
    width: 100%;
    font-size: 0.875em;
    padding: 10px 15px;
    font-weight: 400; }
  #login .spacer {
    text-align: center;
    width: 100%;
    margin: 8px 0 5px; }
    #login .spacer .or {
      width: 27px;
      height: 27px;
      display: inline-block;
      text-align: center;
      position: relative;
      background: #c6c7c7;
      color: #fff;
      font-size: 0.75em;
      line-height: 26px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  #login .form dd:after {
    top: 16px;
    right: 19px;
    width: auto; }
  #login .forgot {
    float: left;
    font-size: 0.75em;
    margin: 20px 0 0 0;
    color: #29a7c7; }
  #login .login {
    margin: 15px 0 0 0;
    float: right;
    border: 1px solid rgba(0, 0, 0, 0.15); }

body.home .hero .backstretch > img {
  opacity: .2; }
body.home section.doc .overlay,
body.home .films .overlay {
  -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);
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  text-align: center; }
  body.home section.doc .overlay img,
  body.home .films .overlay img {
    display: block; }
  body.home section.doc .overlay .watchnow,
  body.home .films .overlay .watchnow {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.875em;
    padding: 10px 20px 10px 40px;
    font-weight: 400; }
  body.home section.doc .overlay:hover,
  body.home .films .overlay:hover {
    display: block;
    opacity: 1; }
    body.home section.doc .overlay:hover .actions,
    body.home .films .overlay:hover .actions {
      bottom: 0; }
body.home section.section-signup {
  padding: 80px 0 180px 0;
  text-align: center; }
  body.home section.section-signup .headline h2 {
    color: #ffd551;
    margin: 5px; }
  body.home section.section-signup .headline h3 {
    color: #fff;
    margin: 0 0 40px; }
  body.home section.section-signup .type {
    font-family: "Montserrat";
    color: #FFE884;
    text-transform: uppercase;
    font-size: 0.8125em;
    padding: 20px 0; }
body.home .recent-programs .slick {
  margin: 0;
  background: #000; }
  body.home .recent-programs .slick .slick-item {
    padding: 40px 0;
    margin: 0;
    min-height: 420px;
    text-align: center; }
  body.home .recent-programs .slick .wrapper {
    position: static; }
  body.home .recent-programs .slick .slick-prev {
    left: 10px; }
  body.home .recent-programs .slick .slick-next {
    right: 10px; }
body.home .recent-programs .program-title {
  color: #FFE886;
  font-size: 2.25em;
  text-transform: capitalize;
  padding: 0 10%;
  margin: 100px 0 20px;
  line-height: 1.2; }
body.home .recent-programs .program-desc {
  color: #FFF;
  font-size: 1em;
  padding: 0 20%; }
  @media screen and (max-width: 41.6875em) {
    body.home .recent-programs .program-desc {
      padding: 0 5%; } }
body.home .recent-programs .zoombox {
  top: 40px; }
  @media screen and (max-width: 41.6875em) {
    body.home .recent-programs .zoombox {
      display: none; } }
body.home .recent-programs .btn {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -96px;
  bottom: 30px; }
body.home section.doc {
  width: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  padding: 10% 0 5%;
  background-size: cover;
  background-repeat: no-repeat; }
  body.home section.doc .explore {
    color: #fff;
    clear: both;
    margin: 30px auto;
    padding-left: 3%;
    padding-right: 3%; }
  body.home section.doc .text {
    max-width: 600px;
    position: relative;
    margin: 0 auto;
    margin-top: 15%;
    text-align: center; }
    @media screen and (max-width: 30em) {
      body.home section.doc .text {
        margin: 25% 0 0 0; } }
    body.home section.doc .text h2 {
      color: #fff;
      margin: 0 0 30px 0;
      padding-top: 25px;
      font-size: 2.5em;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
      @media screen and (max-width: 48em) {
        body.home section.doc .text h2 {
          font-size: 2em;
          line-height: 1.1em; } }
      @media screen and (max-width: 30em) {
        body.home section.doc .text h2 {
          font-size: 1.5625em; } }
    body.home section.doc .text .sizzle {
      margin-bottom: 50px; }
  body.home section.doc .headline {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 70px; }
    @media screen and (max-width: 64em) and (min-width: 30em) {
      body.home section.doc .headline {
        width: 75%; } }
    @media screen and (max-width: 48em) {
      body.home section.doc .headline {
        width: 100%; } }
    body.home section.doc .headline a {
      color: #FFE884;
      text-decoration: none; }
      body.home section.doc .headline a:hover {
        color: #fff; }
    body.home section.doc .headline h3 {
      text-transform: uppercase;
      color: #fff;
      font-size: 0.875em;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin: 10px 0 0; }
    body.home section.doc .headline h2 {
      font-size: 2.5em;
      color: #ffd551;
      margin: 0 0 20px; }
    body.home section.doc .headline p {
      color: #fff;
      font-size: 1em;
      line-height: 1.6; }
    body.home section.doc .headline .browse {
      color: #7068d8;
      font-size: 0.875em; }
    body.home section.doc .headline .icon.play {
      position: relative;
      margin: 0 auto;
      left: auto;
      top: auto; }
  body.home section.doc#featured .headline {
    width: 50%;
    margin: 0 auto 70px; }
    @media screen and (max-width: 64em) and (min-width: 30em) {
      body.home section.doc#featured .headline {
        width: 75%; } }
    @media screen and (max-width: 48em) {
      body.home section.doc#featured .headline {
        width: 100%; } }
  body.home section.doc#intro {
    background: #1d0f33;
    padding: 0; }
    body.home section.doc#intro .text {
      margin-top: 10%; }
    body.home section.doc#intro h2 {
      color: #1d0f33;
      text-shadow: none; }
    body.home section.doc#intro .wide {
      color: #1d0f33;
      border: 2px solid #6B5EE3; }
      body.home section.doc#intro .wide:hover {
        color: #fff;
        border: 2px solid #FFE884; }
    body.home section.doc#intro .features {
      float: left;
      display: block;
      margin-right: 0%;
      width: 100%;
      float: left;
      margin: 20% 0 0 0;
      text-align: center; }
      body.home section.doc#intro .features:last-child {
        margin-right: 0; }
      @media screen and (max-width: 30em) {
        body.home section.doc#intro .features {
          margin: 30% 0 0 0; } }
      body.home section.doc#intro .features .feature {
        float: left;
        display: block;
        margin-right: 0%;
        width: 33.33333%;
        background: rgba(0, 0, 0, 0.45);
        border-right: 1px solid rgba(255, 255, 255, 0.08);
        height: 220px;
        padding: 0 15px; }
        body.home section.doc#intro .features .feature:last-child {
          margin-right: 0; }
        @media screen and (max-width: 64em) and (min-width: 30em) {
          body.home section.doc#intro .features .feature {
            padding: 15px;
            height: 275px; } }
        @media screen and (max-width: 48em) {
          body.home section.doc#intro .features .feature {
            float: left;
            display: block;
            margin-right: 0%;
            width: 100%;
            *zoom: 1;
            margin-top: 75px;
            padding-bottom: 250px; }
            body.home section.doc#intro .features .feature:last-child {
              margin-right: 0; }
            body.home section.doc#intro .features .feature:before, body.home section.doc#intro .features .feature:after {
              content: " ";
              display: table; }
            body.home section.doc#intro .features .feature:after {
              clear: both; } }
        @media screen and (max-width: 30em) {
          body.home section.doc#intro .features .feature {
            border: none;
            margin: 0 0 60px 0; } }
        body.home section.doc#intro .features .feature img {
          margin: -70px 0 -10px 0;
          height: 150px; }
        body.home section.doc#intro .features .feature h3 {
          margin: 0 0 10px 0;
          font-size: 1.4375em;
          color: #FFE884; }
        body.home section.doc#intro .features .feature p {
          color: #fff;
          font-size: 0.875em;
          line-height: 17.5px;
          max-width: 400px;
          text-align: center;
          margin: 0 auto; }
    body.home section.doc#intro .explore {
      width: 100%;
      text-align: center;
      color: #fff;
      font-family: "Crimson Text", serif;
      font-size: 0.875em;
      line-height: 17.5px;
      left: 0; }
      @media screen and (max-width: 30em) {
        body.home section.doc#intro .explore {
          display: none; } }
      body.home section.doc#intro .explore i {
        color: #fbcf4c; }
    body.home section.doc#intro .btn-wrap {
      padding: 40px 0; }
  body.home section.doc#join {
    padding: 5% 0; }
    @media screen and (max-width: 41.6875em) {
      body.home section.doc#join {
        padding-bottom: 50px; } }
    @media screen and (max-width: 41.6875em) {
      body.home section.doc#join .payment {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin-top: 15px; } }
    body.home section.doc#join .text {
      margin: 0 auto;
      width: 100%;
      max-width: 800px; }
      body.home section.doc#join .text .row {
        float: left;
        display: block;
        margin-right: 0%;
        width: 100%;
        *zoom: 1;
        display: block; }
        body.home section.doc#join .text .row:last-child {
          margin-right: 0; }
        body.home section.doc#join .text .row:before, body.home section.doc#join .text .row:after {
          content: " ";
          display: table; }
        body.home section.doc#join .text .row:after {
          clear: both; }
      body.home section.doc#join .text h2 {
        margin-bottom: 10px; }
      body.home section.doc#join .text .type {
        font-family: "Montserrat";
        color: #FFE884;
        text-transform: uppercase;
        font-size: 0.8125em;
        padding: 20px 0; }
      body.home section.doc#join .text p {
        margin: 0 0 60px 0;
        font-size: 1.25em;
        line-height: 25px;
        color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
      body.home section.doc#join .text .plan {
        -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);
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
        width: 48%;
        margin: 1%;
        float: left;
        background: #222024;
        border-radius: 8px;
        border: none;
        text-align: center;
        cursor: pointer;
        margin-bottom: 60px;
        border: 1px solid #000; }
        body.home section.doc#join .text .plan.plan-month {
          width: 38%;
          margin-left: 10%; }
        body.home section.doc#join .text .plan.plan-year {
          width: 38%;
          margin-right: 10%; }
        @media screen and (max-width: 41.6875em) {
          body.home section.doc#join .text .plan.plan-month, body.home section.doc#join .text .plan.plan-year {
            width: 100%;
            margin: 0;
            margin-bottom: 25px; } }
        body.home section.doc#join .text .plan img {
          padding: 30px 0; }
        body.home section.doc#join .text .plan .price {
          font-family: "Montserrat";
          font-weight: 300;
          width: 100%;
          display: block;
          text-align: center;
          padding: 10px 0 25px 0;
          color: #fff;
          font-size: 3.125em; }
          body.home section.doc#join .text .plan .price sup {
            font-size: 0.625em;
            line-height: 12.5px; }
          body.home section.doc#join .text .plan .price span {
            font-size: 0.3125em;
            line-height: 6.25px; }
        body.home section.doc#join .text .plan p {
          color: #e3dcd4;
          background: #C5C4C9;
          font-size: 0.875em;
          line-height: 17.5px;
          padding: 10px 0;
          margin: 0;
          border-radius: 0 0 6px 6px;
          text-shadow: none;
          color: #222024;
          font-weight: bold; }
        body.home section.doc#join .text .plan:hover {
          -webkit-transform: scale(0.975);
          -moz-transform: scale(0.975);
          -ms-transform: scale(0.975);
          -o-transform: scale(0.975);
          transform: scale(0.975);
          box-shadow: 0 0 0 5px rgba(255, 232, 132, 0.8); }
        body.home section.doc#join .text .plan.active, body.home section.doc#join .text .plan.active:hover {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);
          background: #FFE884;
          color: #222024;
          box-shadow: none; }
          body.home section.doc#join .text .plan.active .price, body.home section.doc#join .text .plan.active .type, body.home section.doc#join .text .plan.active:hover .price, body.home section.doc#join .text .plan.active:hover .type {
            color: #222024; }
          body.home section.doc#join .text .plan.active p, body.home section.doc#join .text .plan.active:hover p {
            background: #222024 !important;
            color: #FFE884; }
body.home section.takeover img {
  display: block;
  margin: auto; }

.staff-picks {
  min-height: 520px;
  width: 100%;
  float: left;
  background: #f6f4f1; }
  .staff-picks li .title, .staff-picks li a, .staff-picks li .info, .staff-picks li .info a {
    color: #41403e; }

.popular-themes {
  min-height: 400px;
  width: 100%;
  float: left;
  background: #294a79 url(../images/bg_mtn.jpg) center center no-repeat;
  background-size: cover;
  position: relative; }
  .popular-themes:before {
    content: '';
    width: 100%;
    height: 120px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    z-index: 8; }
  .popular-themes .headline h3 {
    font-size: 1.4375em;
    line-height: 28.75px;
    color: #fff; }
    .popular-themes .headline h3 span {
      font-size: 0.75em;
      line-height: 15px;
      color: #fac933; }
  .popular-themes .owl-pagination {
    display: none; }

section.blog {
  min-height: 806px;
  width: 100%;
  float: left;
  background: #f6f4f1; }
  section.blog .article {
    float: left;
    display: block;
    margin-right: 0%;
    width: 33.33333%;
    margin-bottom: 30px; }
    section.blog .article:last-child {
      margin-right: 0; }
    @media screen and (max-width: 30em) {
      section.blog .article {
        float: left;
        display: block;
        margin-right: 0%;
        width: 33.33333%; }
        section.blog .article:last-child {
          margin-right: 0; }
        section.blog .article:nth-child(3n) {
          margin-right: 0; }
        section.blog .article:nth-child(3n+1) {
          clear: left; } }
    section.blog .article a {
      display: block; }
      section.blog .article a img {
        width: 100%;
        display: block;
        float: left; }
      section.blog .article a .title {
        background: #000;
        width: 100%;
        display: block;
        padding: 20px 15px;
        float: left; }
        section.blog .article a .title h3 {
          margin: 0;
          font-size: 1.125em;
          line-height: 22.5px;
          color: #fff; }
      section.blog .article a .details {
        width: 100%;
        float: left;
        margin: 10px 0;
        color: #a1a3a3;
        font-size: 0.8125em;
        line-height: 16.25px;
        text-transform: uppercase; }
        section.blog .article a .details .comments {
          float: right; }
        section.blog .article a .details .date {
          float: left; }
      section.blog .article a p.excerpt {
        color: #3a3636;
        padding: 15px;
        float: left;
        margin: 0;
        font-size: 0.875em;
        line-height: 17.5px;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }

#recent {
  padding: 5% 0; }
  #recent .headline {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 70px; }
    @media screen and (max-width: 64em) and (min-width: 30em) {
      #recent .headline {
        width: 75%; } }
    @media screen and (max-width: 48em) {
      #recent .headline {
        width: 100%; } }
    #recent .headline h3 {
      text-transform: uppercase;
      color: #fff;
      font-size: 0.875em;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin: 10px 0 0; }
    #recent .headline h2 {
      font-size: 2.5em;
      color: #ffd551;
      margin: 0 0 20px; }
    #recent .headline p {
      color: #fff;
      font-size: 1em;
      line-height: 20px; }
    #recent .headline .browse {
      color: #7068d8;
      font-size: 0.875em; }
    #recent .headline .icon.play {
      position: relative;
      margin: 0 auto;
      left: auto;
      top: auto; }

.films {
  background: #F5F4F8;
  padding: 25px 0; }
  .films h3 {
    margin-bottom: 10px; }
  .films .grid {
    *zoom: 1;
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1; }
    .films .grid:before, .films .grid:after {
      content: " ";
      display: table; }
    .films .grid:after {
      clear: both; }
    .films .grid:before, .films .grid:after {
      content: " ";
      display: table; }
    .films .grid:after {
      clear: both; }
    @media screen and (max-width: 64em) and (min-width: 30em) {
      .films .grid {
        padding: 0 10px;
        padding-bottom: 20px; } }
    .films .grid ul {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      .films .grid ul li {
        float: left;
        display: block;
        margin-right: 0%;
        width: 25%;
        padding: 1%; }
        .films .grid ul li:last-child {
          margin-right: 0; }
        @media screen and (max-width: 64em) and (min-width: 30em) {
          .films .grid ul li {
            float: left;
            display: block;
            margin-right: 0%;
            width: 50%; }
            .films .grid ul li:last-child {
              margin-right: 0; } }
        @media screen and (max-width: 41.6875em) {
          .films .grid ul li {
            float: left;
            display: block;
            margin-right: 0%;
            width: 100%; }
            .films .grid ul li:last-child {
              margin-right: 0; } }
        .films .grid ul li img {
          width: 100%;
          display: block; }
        .films .grid ul li h3 {
          font-size: 1.125em;
          line-height: 1.2em;
          margin: 0; }
        .films .grid ul li .info {
          color: #9B999F;
          font-size: 0.9375em; }

body.docdetail .doc-head {
  min-height: 600px;
  position: relative;
  padding: 160px 0 50px 0;
  overflow: hidden; }
  body.docdetail .doc-head: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.85)));
    background-image: -webkit-linear-gradient(right, transparent, rgba(0, 0, 0, 0.85));
    background-image: linear-gradient(to left,transparent, rgba(0, 0, 0, 0.85));
    content: '';
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    left: 0; }
  @media screen and (max-width: 41.6875em) {
    body.docdetail .doc-head {
      padding-top: 80px;
      min-height: 400px; } }
  @media screen and (max-width: 30em) {
    body.docdetail .doc-head {
      padding: 100px 0 0 0; } }
  body.docdetail .doc-head .zoombox-outer {
    width: 92px;
    height: 92px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -48px -48px; }
    body.docdetail .doc-head .zoombox-outer .zoombox {
      width: 100%;
      height: 100%; }
    @media screen and (max-width: 41.6875em) {
      body.docdetail .doc-head .zoombox-outer {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto; } }
  body.docdetail .doc-head .summary {
    float: left;
    display: block;
    margin-right: 0%;
    width: 75.0%; }
    body.docdetail .doc-head .summary:last-child {
      margin-right: 0; }
    @media screen and (max-width: 41.6875em) {
      body.docdetail .doc-head .summary {
        width: 100%; } }
    body.docdetail .doc-head .summary .inner-wrap {
      width: 55%; }
      @media screen and (max-width: 41.6875em) {
        body.docdetail .doc-head .summary .inner-wrap {
          width: 100%; } }
    body.docdetail .doc-head .summary h1 {
      margin: 0;
      font-size: 2em;
      line-height: 1.1;
      margin-bottom: 10px;
      color: #FFC638; }
    body.docdetail .doc-head .summary p {
      color: #fff;
      font-size: 0.875em; }
    body.docdetail .doc-head .summary .stars {
      margin-bottom: 30px; }
    body.docdetail .doc-head .summary .review-count {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      position: relative;
      top: -38px;
      left: 10px;
      text-decoration: none;
      color: #FFE884; }
  body.docdetail .doc-head .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
body.docdetail .main-content {
  /* Layout Settings */ }
  body.docdetail .main-content .content-primary {
    float: left;
    display: block;
    margin-right: 0%;
    width: 75.0%; }
    body.docdetail .main-content .content-primary:last-child {
      margin-right: 0; }
    @media screen and (max-width: 41.6875em) {
      body.docdetail .main-content .content-primary {
        width: 100%; } }
    body.docdetail .main-content .content-primary .poster {
      float: left;
      display: block;
      margin-right: 0%;
      width: 33.33333%;
      padding-right: 3%; }
      body.docdetail .main-content .content-primary .poster:last-child {
        margin-right: 0; }
      @media screen and (max-width: 41.6875em) {
        body.docdetail .main-content .content-primary .poster {
          width: 100%;
          padding-right: 0; } }
      body.docdetail .main-content .content-primary .poster .zoombox {
        display: block; }
      body.docdetail .main-content .content-primary .poster .btn-watch {
        width: 100%;
        background: #FFE884;
        display: block;
        padding: 10px;
        text-decoration: none;
        text-align: center;
        border: 1px solid #ccb969;
        color: #414043; }
    body.docdetail .main-content .content-primary .synopsis {
      float: left;
      display: block;
      margin-right: 0%;
      width: 66.66667%;
      padding-right: 3%; }
      body.docdetail .main-content .content-primary .synopsis p {
        color: #564F5A;
        line-height: 1.6;
        font-size: 0.9375em; }
      body.docdetail .main-content .content-primary .synopsis:last-child {
        margin-right: 0; }
      @media screen and (max-width: 41.6875em) {
        body.docdetail .main-content .content-primary .synopsis {
          width: 100%;
          padding-right: 0; } }
  body.docdetail .main-content .content-sidebar {
    float: left;
    display: block;
    margin-right: 0%;
    width: 25%; }
    body.docdetail .main-content .content-sidebar:last-child {
      margin-right: 0; }
    body.docdetail .main-content .content-sidebar .trailer-wrap .trailer {
      position: relative;
      background: #1e192a;
      margin-bottom: 20px; }
      body.docdetail .main-content .content-sidebar .trailer-wrap .trailer .zoombox-button {
        -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);
        opacity: 0;
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 100; }
      body.docdetail .main-content .content-sidebar .trailer-wrap .trailer img {
        -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);
        width: 100%;
        pointer-events: none;
        display: block; }
      body.docdetail .main-content .content-sidebar .trailer-wrap .trailer:hover .zoombox-button {
        opacity: 1; }
      body.docdetail .main-content .content-sidebar .trailer-wrap .trailer:hover img {
        opacity: .25; }
    @media screen and (max-width: 41.6875em) {
      body.docdetail .main-content .content-sidebar {
        width: 100%; } }
  body.docdetail .main-content .side-head {
    text-transform: uppercase;
    color: #2b303b;
    margin-bottom: 10px;
    font-size: 0.9375em; }
    body.docdetail .main-content .side-head:first-child {
      margin-top: 0; }
    body.docdetail .main-content .side-head a {
      color: #6B5EE3;
      text-transform: none; }
  body.docdetail .main-content .poster img {
    width: 100%;
    height: auto; }
  body.docdetail .main-content .poster .play-doc {
    margin: 5px 0 20px 0; }
  body.docdetail .main-content .poster table {
    color: #777a81;
    margin: 0 auto;
    font-size: 0.8125em; }
    body.docdetail .main-content .poster table td {
      padding: 5px; }
      body.docdetail .main-content .poster table td:first-child {
        text-align: right;
        padding: 0;
        font-weight: 700; }
  body.docdetail .main-content .synopsis .synopsis-heading {
    text-transform: uppercase;
    font-size: 1.4375em;
    color: #b07c00;
    margin-bottom: 5px;
    margin-top: 0; }
  body.docdetail .main-content .director a {
    cursor: pointer; }
  body.docdetail .main-content .director .direct {
    font-size: 0.875em;
    font-style: italic;
    color: #535151;
    margin-bottom: 30px;
    font-family: Georgia, Times, "Times New Roman", serif;
    margin-top: 5px; }
    body.docdetail .main-content .director .direct a {
      text-decoration: none;
      font-style: normal;
      color: #000;
      font-family: "Noto Sans", sans-serif;
      font-weight: bold; }
  body.docdetail .main-content .director > a {
    width: 100%;
    display: block;
    position: relative; }
    body.docdetail .main-content .director > a:hover .btn {
      background: rgba(0, 0, 0, 0.6); }
    body.docdetail .main-content .director > a .btn {
      position: absolute;
      font-size: 0.875em;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 50%;
      margin-left: -54px;
      opacity: 0; }
    body.docdetail .main-content .director > a img {
      width: 100%;
      display: block;
      height: auto; }
    body.docdetail .main-content .director > a:hover .btn {
      opacity: 1; }
  body.docdetail .main-content .director .related {
    margin: 0;
    padding: 0; }
    body.docdetail .main-content .director .related li {
      margin: 0 0 5px 0;
      list-style: none;
      background: #fff;
      *zoom: 1; }
      @media screen and (max-width: 30em) {
        body.docdetail .main-content .director .related li {
          padding: 10px; } }
      body.docdetail .main-content .director .related li:before, body.docdetail .main-content .director .related li:after {
        content: " ";
        display: table; }
      body.docdetail .main-content .director .related li:after {
        clear: both; }
      body.docdetail .main-content .director .related li a {
        text-decoration: none; }
      body.docdetail .main-content .director .related li span.img {
        position: relative;
        height: 100%;
        width: 86px;
        display: block;
        float: left;
        width: 30%; }
        @media screen and (max-width: 30em) {
          body.docdetail .main-content .director .related li span.img {
            display: none; } }
        body.docdetail .main-content .director .related li span.img img {
          display: block;
          width: 100%;
          height: auto; }
      body.docdetail .main-content .director .related li .text {
        width: 70%;
        float: right;
        padding: 5px; }
        @media screen and (max-width: 30em) {
          body.docdetail .main-content .director .related li .text {
            width: 100%; } }
        body.docdetail .main-content .director .related li .text span.cat {
          font-family: "Montserrat";
          letter-spacing: -.05em;
          text-transform: uppercase;
          color: #7f7c84;
          font-size: 0.5625em;
          font-weight: 700;
          display: block;
          margin: 0 0 0 5px; }
        body.docdetail .main-content .director .related li .text p.title {
          font-size: 0.75em;
          color: #222;
          font-weight: bold;
          text-decoration: none;
          margin: 0 0 0 5px;
          text-decoration: none; }
  body.docdetail .main-content .tab {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    float: left;
    width: 50%;
    background: #d1cfcc;
    color: #656154;
    text-align: center;
    height: 32px;
    font-size: 0.875em;
    line-height: 17.5px;
    line-height: 32px;
    text-decoration: none;
    margin: 0 0 15px 0; }
    body.docdetail .main-content .tab.first {
      -webkit-border-top-left-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-bottomleft: 3px;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    body.docdetail .main-content .tab.last {
      -webkit-border-top-right-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      -moz-border-radius-bottomright: 3px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    body.docdetail .main-content .tab:hover {
      background: #c2c0bd; }
    body.docdetail .main-content .tab.active {
      background: #656154;
      color: #fac933;
      position: relative; }
      body.docdetail .main-content .tab.active:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #656154;
        border-width: 5px;
        margin-left: -5px; }
body.docdetail .related-documentaries {
  padding: 40px 0 40px;
  width: 100%;
  float: left; }
  body.docdetail .related-documentaries h3 {
    text-transform: uppercase;
    font-size: 1.4375em;
    color: #b07c00;
    margin-bottom: 20px; }
  body.docdetail .related-documentaries .poster {
    padding: 5px;
    position: relative;
    float: left;
    display: block;
    margin-right: 0%;
    width: 20%; }
    body.docdetail .related-documentaries .poster:last-child {
      margin-right: 0; }
    body.docdetail .related-documentaries .poster .inner {
      display: block;
      position: relative;
      overflow: hidden; }
    body.docdetail .related-documentaries .poster .overlay {
      -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);
      opacity: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.7);
      padding: 5px;
      text-decoration: none; }
      @media screen and (max-width: 30em) {
        body.docdetail .related-documentaries .poster .overlay {
          display: none; } }
      body.docdetail .related-documentaries .poster .overlay .title {
        margin: 0;
        text-decoration: none;
        color: #FFF;
        padding-top: 10px;
        text-align: center;
        font-size: 1.25em;
        line-height: 1.2; }
      body.docdetail .related-documentaries .poster .overlay .btn {
        position: absolute;
        left: 0;
        bottom: 15px;
        width: 80%;
        margin: 0 10%;
        max-width: 200px;
        text-align: center;
        font-size: 0.75em;
        font-weight: 700;
        height: auto; }
        @media screen and (max-width: 48em) {
          body.docdetail .related-documentaries .poster .overlay .btn {
            max-width: 100%;
            width: 90%;
            margin: 0 5%;
            padding: 8px 5px; } }
    body.docdetail .related-documentaries .poster img {
      display: block;
      width: 100%;
      height: auto; }
    body.docdetail .related-documentaries .poster:hover .overlay {
      opacity: 1; }
    @media screen and (max-width: 48em) {
      body.docdetail .related-documentaries .poster .overlay {
        display: none; } }
body.docdetail #review {
  width: 100%;
  float: left;
  margin: 30px 0; }
  body.docdetail #review .headline {
    margin: 10px 0;
    overflow: hidden;
    float: none; }
    body.docdetail #review .headline .member-review {
      text-transform: uppercase;
      font-size: 1.4375em;
      color: #b07c00; }
  body.docdetail #review .write-a-review-wrap {
    float: left;
    display: block;
    margin-right: 0%;
    width: 33.33333%;
    position: relative; }
    body.docdetail #review .write-a-review-wrap:last-child {
      margin-right: 0; }
    @media screen and (max-width: 41.6875em) {
      body.docdetail #review .write-a-review-wrap {
        width: 100%; } }
    @media screen and (max-width: 30em) {
      body.docdetail #review .write-a-review-wrap .post {
        width: 100%; } }
    body.docdetail #review .write-a-review-wrap .write-a-review {
      text-transform: uppercase;
      font-size: 1.4375em;
      color: #b07c00;
      margin-top: 0;
      margin-bottom: 10px; }
  body.docdetail #review .reviews {
    float: left;
    display: block;
    margin-right: 0%;
    width: 66.66667%;
    padding-right: 3%; }
    body.docdetail #review .reviews:last-child {
      margin-right: 0; }
    @media screen and (max-width: 41.6875em) {
      body.docdetail #review .reviews {
        width: 100%; } }
    body.docdetail #review .reviews .btn-group {
      float: right;
      font-size: 0.9375em; }
    body.docdetail #review .reviews .review-container {
      margin: 30px 0;
      padding: 0; }
      body.docdetail #review .reviews .review-container .review {
        width: 100%;
        float: left;
        position: relative;
        list-style: none;
        margin: 10px 0 40px 0;
        -webkit-animation: slide-in 0.2s ease-out;
        -moz-animation: slide-in 0.2s ease-out;
        animation: slide-in 0.2s ease-out; }
        body.docdetail #review .reviews .review-container .review .avatar-wrap {
          float: left;
          display: block;
          margin-right: 0%;
          width: 12.5%;
          padding-right: 2%; }
          body.docdetail #review .reviews .review-container .review .avatar-wrap:last-child {
            margin-right: 0; }
        body.docdetail #review .reviews .review-container .review .avatar {
          width: 100%; }
        body.docdetail #review .reviews .review-container .review .review-content {
          float: left;
          display: block;
          margin-right: 0%;
          width: 87.5%;
          margin: 0; }
          body.docdetail #review .reviews .review-container .review .review-content:last-child {
            margin-right: 0; }
        body.docdetail #review .reviews .review-container .review .head {
          margin-bottom: 8px;
          overflow: hidden; }
        body.docdetail #review .reviews .review-container .review .username {
          text-decoration: none;
          color: #504f4c;
          font-weight: 700;
          line-height: 30px;
          float: left; }
        body.docdetail #review .reviews .review-container .review .stars {
          float: left;
          margin: 4px 0 0 5px;
          min-width: 100px; }
        body.docdetail #review .reviews .review-container .review .detail-info {
          float: right;
          margin-top: 8px; }
          body.docdetail #review .reviews .review-container .review .detail-info .btn-group {
            float: right; }
          body.docdetail #review .reviews .review-container .review .detail-info .posted-date {
            float: right;
            color: #74726c;
            font-size: 0.9375em;
            margin: 4px 8px 0 0; }
        body.docdetail #review .reviews .review-container .review .text-wrap {
          padding: 15px;
          position: relative;
          background: #fff;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          margin: 0 0 10px 0;
          word-wrap: break-word; }
          @media screen and (max-width: 30em) {
            body.docdetail #review .reviews .review-container .review .text-wrap {
              width: 100%;
              padding: 10px; } }
          body.docdetail #review .reviews .review-container .review .text-wrap:before {
            bottom: 100%;
            left: 20px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #ffffff;
            border-width: 10px; }
            @media screen and (max-width: 30em) {
              body.docdetail #review .reviews .review-container .review .text-wrap:before {
                left: 15px;
                border-width: 5px; } }
          body.docdetail #review .reviews .review-container .review .text-wrap p {
            font-size: 0.9375em;
            line-height: 20px;
            color: #504f4c; }
          body.docdetail #review .reviews .review-container .review .text-wrap .read-more {
            color: #6B5EE3;
            font-size: 0.875em; }
  body.docdetail #review .empty-message {
    list-style: none;
    width: 100%;
    border: 1px solid #DDD;
    text-align: center;
    padding: 30px 0;
    color: #AAA; }
body.docdetail .episode-list h2 {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 1.4375em;
  color: #b07c00; }
body.docdetail .episode-list .slick-item .title {
  margin: 0;
  font-size: 1em;
  margin-top: 10px;
  line-height: 1.2; }
  body.docdetail .episode-list .slick-item .title .icon {
    display: none;
    color: #C1C1C3;
    position: relative;
    top: 3px; }
    body.docdetail .episode-list .slick-item .title .icon.active {
      color: #7687F6; }
  body.docdetail .episode-list .slick-item .title a {
    color: #000;
    text-decoration: none;
    font-size: 0.875em;
    font-family: "Noto Sans", sans-serif; }
body.docdetail .episode-list .slick-item .caption {
  height: auto; }
body.docdetail .episode-list .slick-prev,
body.docdetail .episode-list .slick-next {
  margin-top: -50px; }
body.docdetail .episode-list .slick .slick-prev::before,
body.docdetail .episode-list .slick .slick-next::before {
  color: #C1C1C3; }
body.docdetail .modal-director {
  background: none;
  width: auto; }
  body.docdetail .modal-director h3 {
    margin: 10px;
    color: #FFF; }
  body.docdetail .modal-director h4 {
    margin: 5px 10px; }
    body.docdetail .modal-director h4 a {
      font-family: "Noto Sans", sans-serif;
      color: #FFC638;
      text-decoration: none; }
  body.docdetail .modal-director .photo {
    text-align: right; }
    body.docdetail .modal-director .photo h3 {
      margin-bottom: 0; }
    body.docdetail .modal-director .photo a {
      color: #FFE884;
      text-decoration: none;
      font-size: 0.8125em; }
      body.docdetail .modal-director .photo a:hover {
        color: #fff; }
      body.docdetail .modal-director .photo a.official {
        margin: 0 10px 10px 0;
        display: block; }
      body.docdetail .modal-director .photo a.twitter {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        padding: 5px 10px;
        background: #55ACEE;
        color: #fff;
        border-radius: 4px 0 0 4px; }
        body.docdetail .modal-director .photo a.twitter:hover {
          padding-right: 15px; }
        body.docdetail .modal-director .photo a.twitter .icon-twitter {
          font-size: 1.3em;
          line-height: 1;
          position: relative;
          top: 3px; }
  body.docdetail .modal-director .bio {
    background: #FFF;
    width: 350px;
    min-height: 300px;
    text-align: left;
    padding: 15px;
    font-size: 0.875em;
    line-height: 1.5;
    color: #564F5A; }

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0); } }
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0px, 0); } }
@-o-keyframes slide-in {
  0% {
    opacity: 0;
    -o-transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -o-transform: translate3d(0, 0px, 0); } }
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0px, 0); } }
body.collection section.doc-head {
  position: relative;
  min-height: 400px;
  overflow: hidden; }
  body.collection section.doc-head: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.85)));
    background-image: -webkit-linear-gradient(right, transparent, rgba(0, 0, 0, 0.85));
    background-image: linear-gradient(to left,transparent, rgba(0, 0, 0, 0.85));
    content: '';
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    left: 0; }
  body.collection section.doc-head .summary {
    padding-bottom: 65px;
    padding-top: 70px; }
    body.collection section.doc-head .summary h1 {
      color: #FFE884;
      margin-bottom: 0; }
    body.collection section.doc-head .summary .curated {
      margin: 0;
      color: #fff; }
      body.collection section.doc-head .summary .curated a {
        color: #FFE884;
        text-decoration: none; }
    body.collection section.doc-head .summary .desc {
      color: #fff;
      width: 40%;
      margin-top: 15px;
      font-size: 0.9375em; }
  body.collection section.doc-head .trailer {
    position: absolute;
    left: 50%;
    top: 50%; }
  @media screen and (max-width: 41.6875em) {
    body.collection section.doc-head .summary {
      padding-top: 70px; }
      body.collection section.doc-head .summary h1 {
        font-size: 2.5em;
        margin-top: 20px; }
      body.collection section.doc-head .summary .desc {
        width: 100%; }
    body.collection section.doc-head .trailer {
      display: none; } }
body.collection .main-content .headline {
  margin: 0 0 20px 0; }
  body.collection .main-content .headline h3 {
    color: #b56d07; }
body.collection .main-content .documentaries .documentary {
  float: left;
  display: block;
  margin-right: 0%;
  width: 50%;
  margin-bottom: 45px;
  padding-right: 20px; }
  body.collection .main-content .documentaries .documentary:last-child {
    margin-right: 0; }
  body.collection .main-content .documentaries .documentary:nth-child(2n) {
    margin-right: 0; }
  body.collection .main-content .documentaries .documentary:nth-child(2n+1) {
    clear: left; }
  @media screen and (max-width: 41.6875em) {
    body.collection .main-content .documentaries .documentary {
      padding: 0;
      margin-bottom: 10px;
      width: 100%; } }
  body.collection .main-content .documentaries .documentary:hover .inner {
    background: #FFF; }
  body.collection .main-content .documentaries .documentary:hover .details .btn {
    opacity: 1; }
  body.collection .main-content .documentaries .documentary .inner {
    padding-right: 3%;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: block; }
  body.collection .main-content .documentaries .documentary .poster {
    float: left;
    display: block;
    margin-right: 0%;
    width: 33.33333%;
    position: relative;
    margin: 0; }
    body.collection .main-content .documentaries .documentary .poster:last-child {
      margin-right: 0; }
    body.collection .main-content .documentaries .documentary .poster .overlay {
      cursor: pointer; }
      body.collection .main-content .documentaries .documentary .poster .overlay a {
        width: auto;
        height: auto;
        top: 50%; }
    body.collection .main-content .documentaries .documentary .poster img {
      display: block;
      width: 100%;
      height: auto; }
  body.collection .main-content .documentaries .documentary .details {
    float: left;
    display: block;
    margin-right: 0%;
    width: 66.66667%;
    padding: 15px; }
    body.collection .main-content .documentaries .documentary .details:last-child {
      margin-right: 0; }
    body.collection .main-content .documentaries .documentary .details h4 {
      font-family: "Crimson Text", serif;
      font-size: 1.4375em;
      margin: 0; }
      body.collection .main-content .documentaries .documentary .details h4 a {
        color: #353530;
        text-decoration: none; }
        body.collection .main-content .documentaries .documentary .details h4 a:hover {
          color: #6B5EE3; }
    body.collection .main-content .documentaries .documentary .details p {
      font-size: 0.9375em;
      color: #353530; }
    body.collection .main-content .documentaries .documentary .details .directed {
      margin: 10px 0 0 0;
      color: #737079;
      font-size: 0.875em; }
    body.collection .main-content .documentaries .documentary .details .dtime {
      margin: 0 0 10px 0;
      color: #737079;
      font-size: 0.875em; }
    body.collection .main-content .documentaries .documentary .details .btn {
      opacity: 0;
      padding: 10px 20px 10px 40px; }
body.collection .recent-programs .section-title {
  margin: 0 0 20px 0;
  *zoom: 1; }
  body.collection .recent-programs .section-title:before, body.collection .recent-programs .section-title:after {
    content: " ";
    display: table; }
  body.collection .recent-programs .section-title:after {
    clear: both; }
  body.collection .recent-programs .section-title .title {
    color: #b56d07;
    text-transform: uppercase;
    margin: 0;
    float: left; }
  body.collection .recent-programs .section-title a {
    float: right;
    color: #6B5EE3;
    font-size: 0.875em;
    margin-top: 5px; }
body.collection .recent-programs .program-title {
  color: #FFE886;
  font-size: 2.25em;
  text-transform: capitalize;
  padding: 0 10%;
  margin: 100px 0 20px;
  line-height: 1.2; }
body.collection .recent-programs .program-desc {
  color: #FFF;
  font-size: 1em;
  padding: 0 20%; }
  @media screen and (max-width: 41.6875em) {
    body.collection .recent-programs .program-desc {
      padding: 0 5%; } }
body.collection .recent-programs .zoombox {
  top: 40px; }
  @media screen and (max-width: 41.6875em) {
    body.collection .recent-programs .zoombox {
      display: none; } }
body.collection .recent-programs .btn {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -96px;
  bottom: 30px; }
body.collection .slick {
  margin: 0;
  background: #000; }
  body.collection .slick .slick-item {
    padding: 40px 0;
    margin: 0;
    min-height: 420px;
    text-align: center; }
  body.collection .slick .wrapper {
    position: static; }
  body.collection .slick .slick-prev {
    left: 10px; }
  body.collection .slick .slick-next {
    right: 10px; }

body.collections .global-header {
  position: relative;
  min-height: 300px; }
body.collections section.content {
  padding-bottom: 0; }
body.collections .wrapper {
  max-width: 87.5em; }
body.collections .documentaries {
  width: 100%;
  margin-top: -100px;
  margin-bottom: 120px; }
  body.collections .documentaries .collection {
    float: left;
    display: block;
    margin-right: 0%;
    width: 25%;
    overflow: visible;
    position: relative;
    padding: 0 10px; }
    body.collections .documentaries .collection:last-child {
      margin-right: 0; }
    body.collections .documentaries .collection:nth-child(4n) {
      margin-right: 0; }
    body.collections .documentaries .collection:nth-child(4n+1) {
      clear: left; }
    body.collections .documentaries .collection .inner {
      position: relative;
      overflow: hidden;
      background: #000;
      display: block;
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); }
    body.collections .documentaries .collection .count {
      font-size: 0.8125em;
      color: #564F5A; }
    body.collections .documentaries .collection .title {
      -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);
      display: block;
      background: #fff;
      padding: 10px 15px;
      border-radius: 0 0 3px 3px;
      overflow: auto;
      min-height: 80px;
      color: #312F32;
      text-decoration: none;
      position: relative;
      z-index: 50;
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); }
      body.collections .documentaries .collection .title h2 {
        font-family: "Crimson Text", serif;
        margin: 0;
        font-size: 1.25em;
        line-height: 1.2;
        color: #312F32; }
    body.collections .documentaries .collection img {
      -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);
      width: 100%;
      height: 100%;
      display: block; }
    body.collections .documentaries .collection .overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transform: scale(0.7);
      opacity: 0;
      padding: 15px;
      text-decoration: none;
      text-align: center;
      -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); }
      body.collections .documentaries .collection .overlay .icon.play {
        text-align: center;
        position: relative;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        top: 0;
        left: 0;
        margin: 0; }
      body.collections .documentaries .collection .overlay p {
        font-size: 0.8125em;
        line-height: 20px;
        color: #fff;
        opacity: 0;
        margin: 0;
        -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); }
    body.collections .documentaries .collection .explore {
      display: block;
      min-height: 50px;
      text-align: center;
      margin-top: 5px;
      opacity: 0;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    body.collections .documentaries .collection.onhover .overlay {
      transform: scale(1);
      opacity: 1;
      background: rgba(0, 0, 0, 0.4); }
    body.collections .documentaries .collection.onhover .explore {
      opacity: 1; }
    body.collections .documentaries .collection.onhover img {
      -webkit-filter: blur(2px);
      opacity: 0.6; }
    @media screen and (max-width: 64em) and (min-width: 30em) {
      body.collections .documentaries .collection {
        float: left;
        display: block;
        margin-right: 0%;
        width: 33.33333%;
        padding: 5px; }
        body.collections .documentaries .collection:last-child {
          margin-right: 0; }
        body.collections .documentaries .collection:nth-child(4n) {
          margin-right: 0%; }
        body.collections .documentaries .collection:nth-child(4n+1) {
          clear: none; }
        body.collections .documentaries .collection:nth-child(3n) {
          margin-right: 0; }
        body.collections .documentaries .collection:nth-child(3n+1) {
          clear: left; } }
    @media screen and (max-width: 41.6875em) {
      body.collections .documentaries .collection {
        width: 100%;
        float: left;
        display: block;
        margin-right: 0%;
        width: 50%;
        padding: 5px; }
        body.collections .documentaries .collection:last-child {
          margin-right: 0; }
        body.collections .documentaries .collection:nth-child(3n) {
          margin-right: 0%; }
        body.collections .documentaries .collection:nth-child(3n+1) {
          clear: none; }
        body.collections .documentaries .collection:nth-child(2n) {
          margin-right: 0; }
        body.collections .documentaries .collection:nth-child(2n+1) {
          clear: left; }
        body.collections .documentaries .collection .overlay {
          display: none; }
        body.collections .documentaries .collection img {
          -webkit-filter: blur(0) !important; } }
    @media screen and (max-width: 30em) {
      body.collections .documentaries .collection {
        width: 100%; } }

/**
 * Mobile device rewrite
 */
.mobile .details .btn {
  opacity: 1 !important; }

body.browse .st-autocomplete {
  position: absolute !important;
  z-index: 100;
  width: 100%;
  max-width: 500px;
  left: 50% !important;
  margin-left: -250px;
  top: 225px;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 41.6875em) {
    body.browse .st-autocomplete {
      max-width: 360px;
      margin-left: -180px !important; } }
body.browse .instant-series {
  margin: 0;
  padding: 0; }
  body.browse .instant-series > li {
    display: block;
    border-bottom: 1px solid #DFDFDF;
    padding: 5px 0;
    cursor: pointer;
    transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    body.browse .instant-series > li:first-child {
      padding-top: 0; }
    body.browse .instant-series > li:last-child {
      border: none;
      padding-bottom: 0; }
    body.browse .instant-series > li:hover {
      background: #FFFCE3; }
  body.browse .instant-series h3 {
    margin: 0;
    font-size: 1.3125em; }
  body.browse .instant-series .stars {
    overflow: auto;
    display: block; }
  body.browse .instant-series .info-wrap {
    padding: 5px 0 0 0;
    width: 84%; }
  body.browse .instant-series .result-thumb {
    padding-right: 10px;
    width: 16%;
    padding: 10px; }
    body.browse .instant-series .result-thumb img {
      display: block; }
  body.browse .instant-series .ac-director, body.browse .instant-series .ac-year {
    font-size: 0.75em;
    float: left;
    margin-right: 7px; }
  body.browse .instant-series .ac-year {
    position: relative;
    padding-left: 12px; }
    body.browse .instant-series .ac-year:before {
      content: '•';
      position: absolute;
      top: 0;
      left: 0;
      color: #000; }
body.browse section.global-header {
  min-height: 300px; }
  body.browse section.global-header .masthead-wrap {
    position: absolute;
    z-index: 100;
    width: 100%;
    max-width: 500px;
    left: 50%;
    margin-left: -250px; }
    @media screen and (max-width: 41.6875em) {
      body.browse section.global-header .masthead-wrap {
        max-width: 360px;
        margin-left: -180px; } }
    body.browse section.global-header .masthead-wrap h1 {
      margin: 0;
      margin-top: 115px; }
    body.browse section.global-header .masthead-wrap h4 {
      margin: 0; }
    body.browse section.global-header .masthead-wrap input[type="text"] {
      margin-top: 10px;
      background: rgba(0, 0, 0, 0.3);
      border: 1px solid rgba(0, 0, 0, 0.75);
      color: #ddd;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3); }
      body.browse section.global-header .masthead-wrap input[type="text"]:focus {
        background: rgba(0, 0, 0, 0.6);
        color: #fff; }
    body.browse section.global-header .masthead-wrap .search-wrap {
      position: relative; }
    body.browse section.global-header .masthead-wrap i {
      position: absolute;
      top: 20px;
      right: 12px;
      color: #FFE884; }
body.browse .documentaries {
  float: left;
  display: block;
  margin-right: 0%;
  width: 75.0%;
  margin-top: -80px; }
  body.browse .documentaries:last-child {
    margin-right: 0; }
  @media screen and (max-width: 30em) {
    body.browse .documentaries {
      width: 100%;
      margin-top: 0; } }
  body.browse .documentaries .zoombox-outer {
    width: 100%;
    height: 85%; }
    body.browse .documentaries .zoombox-outer .zoombox {
      width: 100%;
      height: 100%; }
  body.browse .documentaries .poster {
    padding: 5px;
    position: relative;
    float: left;
    display: block;
    margin-right: 0%;
    width: 25%; }
    body.browse .documentaries .poster:last-child {
      margin-right: 0; }
    body.browse .documentaries .poster:nth-child(4n) {
      margin-right: 0; }
    body.browse .documentaries .poster:nth-child(4n+1) {
      clear: left; }
    @media screen and (max-width: 64em) and (min-width: 30em) {
      body.browse .documentaries .poster {
        float: left;
        display: block;
        margin-right: 0%;
        width: 33.33333%; }
        body.browse .documentaries .poster:last-child {
          margin-right: 0; }
        body.browse .documentaries .poster:nth-child(4n) {
          margin-right: 0%; }
        body.browse .documentaries .poster:nth-child(4n+1) {
          clear: none; }
        body.browse .documentaries .poster:nth-child(3n) {
          margin-right: 0; }
        body.browse .documentaries .poster:nth-child(3n+1) {
          clear: left; } }
    @media screen and (max-width: 48em) {
      body.browse .documentaries .poster {
        float: left;
        display: block;
        margin-right: 0%;
        width: 50%; }
        body.browse .documentaries .poster:last-child {
          margin-right: 0; }
        body.browse .documentaries .poster:nth-child(3n) {
          margin-right: 0%; }
        body.browse .documentaries .poster:nth-child(3n+1) {
          clear: none; }
        body.browse .documentaries .poster:nth-child(2n) {
          margin-right: 0; }
        body.browse .documentaries .poster:nth-child(2n+1) {
          clear: left; } }
    body.browse .documentaries .poster img {
      display: block;
      width: 100% !important;
      height: auto !important; }
    body.browse .documentaries .poster .inner {
      display: block;
      position: relative;
      overflow: hidden; }
    body.browse .documentaries .poster .overlay {
      -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);
      opacity: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.7);
      padding: 5px;
      text-decoration: none; }
      @media screen and (max-width: 30em) {
        body.browse .documentaries .poster .overlay {
          display: none; } }
      body.browse .documentaries .poster .overlay .title {
        margin: 0;
        text-decoration: none;
        color: #FFF;
        padding-top: 10px;
        text-align: center;
        font-size: 1.25em;
        line-height: 1.2; }
      body.browse .documentaries .poster .overlay .btn {
        position: absolute;
        left: 0;
        bottom: 15px;
        width: 80%;
        margin: 0 10%;
        max-width: 200px;
        text-align: center;
        font-size: 0.75em;
        font-weight: 700;
        height: auto; }
        @media screen and (max-width: 48em) {
          body.browse .documentaries .poster .overlay .btn {
            max-width: 100%;
            width: 90%;
            margin: 0 5%;
            padding: 8px 5px; } }
    body.browse .documentaries .poster:hover .overlay {
      opacity: 1; }
  body.browse .documentaries .poster-wrap {
    *zoom: 1; }
    body.browse .documentaries .poster-wrap:before, body.browse .documentaries .poster-wrap:after {
      content: " ";
      display: table; }
    body.browse .documentaries .poster-wrap:after {
      clear: both; }
body.browse .filter {
  float: left;
  display: block;
  margin-right: 0%;
  width: 25%;
  padding-right: 2%;
  margin-top: -80px; }
  body.browse .filter:last-child {
    margin-right: 0; }
  body.browse .filter .inner {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    margin: 0 0 15px 0;
    padding: 15px 0; }
  @media screen and (max-width: 30em) {
    body.browse .filter {
      width: 100%; } }
  body.browse .filter h4 {
    text-transform: uppercase;
    margin: 0 15px 10px;
    font-size: 1.25em; }
  body.browse .filter ul {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #dddddd; }
    body.browse .filter ul li {
      list-style: none; }
      body.browse .filter ul li a {
        padding: 4px 15px;
        display: block;
        text-decoration: none;
        font-size: 0.875em;
        line-height: 17.5px;
        color: #3e3d3b; }
        body.browse .filter ul li a:hover {
          background: #768af3;
          color: #fff; }
      body.browse .filter ul li.active a {
        background: #768af3;
        color: #fff; }
  body.browse .filter .tags {
    margin: 0 15px; }
    body.browse .filter .tags a {
      background: #ebebee;
      padding: 2px 8px 0;
      float: left;
      margin: 2px 2px 3px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      text-decoration: none;
      color: #000;
      font-size: 0.8125em; }
      body.browse .filter .tags a:hover {
        background: #768af3;
        color: #fff; }
      body.browse .filter .tags a.active {
        background: #768af3;
        color: #fff; }
body.browse .pagination-bottom {
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: #ddd 0 1px 2px;
  box-shadow: #ddd 0 1px 2px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px;
  *zoom: 1; }
  body.browse .pagination-bottom:before, body.browse .pagination-bottom:after {
    content: " ";
    display: table; }
  body.browse .pagination-bottom:after {
    clear: both; }
  body.browse .pagination-bottom .page {
    float: left;
    margin: 10px;
    color: #736F7C;
    font-size: 0.8125em; }
  body.browse .pagination-bottom .pagination {
    float: right;
    margin: 6px; }
    body.browse .pagination-bottom .pagination > a.active {
      border-color: transparent;
      box-shadow: none;
      color: #fff;
      background-color: #7687F6; }

body.search span.key {
  color: #f8c847; }
body.search .documentaries {
  float: left;
  display: block;
  margin-right: 0%;
  width: 100%;
  margin: -80px 0 60px 0;
  padding: 0 30px; }
  body.search .documentaries:last-child {
    margin-right: 0; }
  @media screen and (max-width: 30em) {
    body.search .documentaries {
      float: left;
      display: block;
      margin-right: 0%;
      width: 33.33333%;
      margin-top: 0;
      padding: 0; }
      body.search .documentaries:last-child {
        margin-right: 0; } }
  body.search .documentaries .poster:nth-child(4n) {
    margin-right: 0; }
  body.search .documentaries .poster:nth-child(4n+1) {
    clear: left; }
  @media screen and (max-width: 30em) {
    body.search .documentaries .poster {
      float: left;
      display: block;
      margin-right: 0%;
      width: 33.33333%; }
      body.search .documentaries .poster:last-child {
        margin-right: 0; } }
body.search .results {
  float: left;
  display: block;
  margin-right: 0%;
  width: 100%;
  position: absolute;
  bottom: 70px;
  left: 0; }
  body.search .results:last-child {
    margin-right: 0; }
  @media screen and (max-width: 30em) {
    body.search .results {
      bottom: -20px; } }
  body.search .results h4 {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5625em;
    line-height: 31.25px;
    margin: 0; }
    @media screen and (max-width: 30em) {
      body.search .results h4 {
        text-align: center;
        float: none; } }
  body.search .results .btn-group {
    float: right;
    margin: -10px 0 0 0; }
    @media screen and (max-width: 30em) {
      body.search .results .btn-group {
        margin: 0;
        padding: 20px 0 0 0; } }

body.account h3 {
  font-size: 1.4375em;
  color: #25222B;
  margin: 0 0 5px 0; }
body.account a {
  cursor: pointer; }
body.account .account-settings {
  float: left;
  display: block;
  margin-right: 0%;
  width: 50%;
  padding-left: 90px;
  margin-top: -150px; }
  @media screen and (max-width: 30em) {
    body.account .account-settings {
      float: left;
      display: block;
      margin-right: 0%;
      width: 33.33333%;
      margin-top: 0;
      padding: 0; }
      body.account .account-settings:last-child {
        margin-right: 0; } }
  body.account .account-settings:last-child {
    margin-right: 0; }
  body.account .account-settings .btn {
    margin: 20px 0 0 0; }
body.account .billing {
  float: left;
  display: block;
  margin-right: 0%;
  width: 50%;
  margin-top: -150px;
  padding-right: 90px; }
  @media screen and (max-width: 30em) {
    body.account .billing {
      float: left;
      display: block;
      margin-right: 0%;
      width: 33.33333%;
      margin-top: 0;
      padding: 0; }
      body.account .billing:last-child {
        margin-right: 0; } }
  body.account .billing:last-child {
    margin-right: 0; }
  body.account .billing .btn {
    margin: 20px 0 0 0; }
body.account .form.cvv {
  float: left;
  display: block;
  margin-right: 0%;
  width: 16.66667%; }
  body.account .form.cvv:last-child {
    margin-right: 0; }
body.account .form.exp-date {
  float: left;
  display: block;
  margin-right: 0%;
  width: 50%; }
  body.account .form.exp-date:last-child {
    margin-right: 0; }
body.account .parsley-errors-list {
  margin: -2px 0 0 0;
  padding: 0; }
body.account .plan-change {
  display: none;
  overflow: hidden; }
  body.account .plan-change fieldset {
    margin: 10px 0; }
body.account #creditcard {
  display: none;
  margin: 20px 0 0 0;
  float: left; }
body.account .sub-status {
  background: #FFFAE2;
  padding: 10px;
  color: #3D3C42;
  float: left;
  width: 100%;
  margin: 10px 0;
  border-radius: 3px; }
  body.account .sub-status.center {
    text-align: center; }
  body.account .sub-status p {
    margin: 0; }
  body.account .sub-status .left {
    float: left; }
  body.account .sub-status .right {
    float: right; }
body.account .sub-plan {
  background: #fff; }
  body.account .sub-plan .left {
    padding-top: 10px; }
body.account hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 20px 0; }
body.account .planmsg {
  font-size: 0.8125em;
  color: #3D3C42; }
  body.account .planmsg a {
    color: #6B5EE3; }
body.account .card {
  margin: 0; }
  body.account .card dd:first-child {
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 7px 0;
    margin: 0 0 5px 0; }
body.account .form-feedback {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
  border-radius: 4px;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 20px; }
  body.account .form-feedback.form-error-msg {
    background-color: #f2dede;
    color: #a94442; }
body.account .flash-messages {
  padding: 0;
  margin-bottom: 20px;
  list-style: none; }
  body.account .flash-messages li {
    border-radius: 4px;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f; }
    body.account .flash-messages li.success {
      color: #3c763d;
      background-color: #dff0d8;
      border-color: #d6e9c6; }
    body.account .flash-messages li.warning {
      color: #8a6d3b;
      background-color: #fcf8e3;
      border-color: #faebcc; }
    body.account .flash-messages li.error {
      color: #a94442;
      background-color: #f2dede;
      border-color: #ebccd1; }
body.account .btn-remove-cc {
  position: relative;
  display: inline-block; }
  body.account .btn-remove-cc i {
    color: #E0615E;
    vertical-align: middle;
    font-size: 14px; }
  body.account .btn-remove-cc span {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: 100%;
    margin-left: 15px;
    background: #E0615E;
    color: #FFF;
    padding: 2px 6px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
    border: 1px solid #DB5E5C;
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  body.account .btn-remove-cc:hover span {
    margin-left: 10px;
    opacity: 1; }
body.account #password-settings {
  display: none; }
body.account .tabs {
  position: absolute;
  z-index: 9999;
  bottom: 0;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  width: 600px;
  left: 50%;
  margin-left: -300px; }
  @media screen and (max-width: 41.6875em) {
    body.account .tabs {
      width: 100%;
      margin-left: 0;
      left: 0; } }
  body.account .tabs > li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 32.5%;
    text-align: center; }
    @media screen and (max-width: 41.6875em) {
      body.account .tabs > li {
        width: 30%;
        margin-right: -2px; } }
    body.account .tabs > li a {
      -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);
      font-size: 0.875em;
      color: #fff;
      text-decoration: none;
      background: rgba(245, 244, 240, 0.4);
      display: block;
      padding: 13px 10px 10px; }
      @media screen and (max-width: 41.6875em) {
        body.account .tabs > li a {
          padding: 13px 5px 10px; } }
      body.account .tabs > li a:hover {
        color: #25222B;
        background: rgba(245, 244, 240, 0.75); }
    body.account .tabs > li.active a {
      color: #25222B;
      background: #f5f4f0; }
body.account .tab-container {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  font-size: 16; }
  body.account .tab-container p {
    font-size: 0.875em; }
  body.account .tab-container .tab-content {
    display: none; }
    body.account .tab-container .tab-content .btn-flat {
      -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-top: 10px;
      padding: 10px 20px;
      background: #FFE884;
      border: 1px solid #d6cda8;
      border-radius: 3px; }
      body.account .tab-container .tab-content .btn-flat:hover {
        background: #fff2b7; }
  body.account .tab-container .profile-photo {
    *zoom: 1;
    width: 100%; }
    body.account .tab-container .profile-photo:before, body.account .tab-container .profile-photo:after {
      content: " ";
      display: table; }
    body.account .tab-container .profile-photo:after {
      clear: both; }
    body.account .tab-container .profile-photo h3 {
      margin: 0; }
    body.account .tab-container .profile-photo input[type="file"] {
      background: #fff;
      padding: 10px;
      margin: 8px 0;
      border-radius: 3px; }
    body.account .tab-container .profile-photo .avatar {
      max-width: 100px;
      width: 35%;
      border-radius: 55%;
      float: left;
      margin-right: 5%; }
    body.account .tab-container .profile-photo .inner {
      width: 65%;
      float: left; }
    body.account .tab-container .profile-photo .helper {
      font-size: 0.8125em;
      color: #76737B; }
  body.account .tab-container .cc-option {
    background: rgba(255, 255, 255, 0.7);
    padding: 7px;
    margin-bottom: 2px; }
  body.account .tab-container .new-cc-form {
    display: none;
    margin-bottom: 10px; }
  body.account .tab-container .btn-add-card {
    margin-top: 10px; }
    body.account .tab-container .btn-add-card > span:last-child {
      display: none; }
  body.account .tab-container .add-state .btn-add-card > span:first-child {
    display: none; }
  body.account .tab-container .add-state .btn-add-card > span:last-child {
    display: inline; }
body.account.cancelflow .global-header {
  min-height: 250px; }
body.account.cancelflow .wrapper {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  font-size: 16; }
body.account.cancelflow .wrapper.narrow {
  max-width: 500px; }
body.account.cancelflow section.content {
  background-color: #f5f4f8; }
body.account.cancelflow p {
  font-size: 0.875em; }
body.account.cancelflow .btn-flat-secondary {
  -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-top: 10px;
  padding: 10px 20px;
  background: #fafaf7;
  border: 1px solid #dbdad7;
  border-radius: 3px;
  font-size: 0.8125em;
  text-decoration: none;
  color: #000; }
  body.account.cancelflow .btn-flat-secondary:hover {
    background: white; }
body.account.cancelflow .btn-flat {
  -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-top: 10px;
  padding: 10px 20px;
  background: #FFE884;
  border: 1px solid #d6cda8;
  border-radius: 3px;
  font-size: 0.8125em;
  text-decoration: none;
  color: #000; }
  body.account.cancelflow .btn-flat:hover {
    background: #fff2b7; }
body.account.cancelflow dl.form dd.label {
  line-height: 37px;
  margin-bottom: 5px; }
body.account.cancelflow span.danger {
  text-transform: uppercase;
  color: #f3387d; }
body.account.cancelflow #warning {
  margin-bottom: 35px; }
  body.account.cancelflow #warning h3 {
    font-size: 1.1875em; }
body.account.cancelflow .center {
  text-align: center; }
body.account.cancelflow .primary-button-container {
  text-align: center;
  margin: 28px auto; }
  body.account.cancelflow .primary-button-container .padded {
    padding-left: 47px;
    padding-right: 47px; }
  body.account.cancelflow .primary-button-container form {
    display: inline-block; }
body.account.cancelflow ul.cancel-consequences {
  padding-left: 21px;
  margin-top: 5px; }
  body.account.cancelflow ul.cancel-consequences li {
    color: #7654a4;
    margin-bottom: 9px; }
    body.account.cancelflow ul.cancel-consequences li span {
      margin-left: -5px;
      color: #000;
      font-size: 0.8125em; }
body.account.cancelflow .video {
  width: 100%;
  height: 350px; }
body.account.cancelflow .testimonials-container {
  margin-top: 62px;
  margin-bottom: 63px; }
  body.account.cancelflow .testimonials-container h3 {
    text-transform: uppercase;
    text-align: center; }
    body.account.cancelflow .testimonials-container h3:before {
      color: #979797;
      content: "\2014";
      padding-right: 9px; }
    body.account.cancelflow .testimonials-container h3:after {
      color: #979797;
      content: "\2014";
      padding-left: 9px; }
  body.account.cancelflow .testimonials-container ul.testimonials {
    list-style-type: none;
    padding: 0px;
    margin-top: 35px; }
  body.account.cancelflow .testimonials-container li header {
    font-family: "Noto Sans", sans-serif;
    font-size: 0.9375em;
    margin-bottom: 15px; }
  body.account.cancelflow .testimonials-container li .avatar {
    height: 70px;
    width: 70px;
    margin-right: 9px; }
  body.account.cancelflow .testimonials-container li .blurb {
    margin-left: 79px;
    position: relative;
    background: #f5f4f8;
    border-radius: 3px;
    border: #e4e4e7 solid 1px;
    padding: 10px; }
    body.account.cancelflow .testimonials-container li .blurb:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 0 7px 9px;
      border-color: #f5f4f8 transparent;
      display: block;
      width: 0;
      z-index: 1;
      top: -7px;
      left: 22px; }
    body.account.cancelflow .testimonials-container li .blurb:before {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 0 7px 9px;
      border-color: #e4e4e7 transparent;
      display: block;
      width: 0;
      z-index: 0;
      top: -9px;
      left: 22px; }
body.account.cancelflow #id_cancel_plan_form .control-group {
  margin: 10px 0; }
body.account.cancelflow #id_cancel_plan_form input, body.account.cancelflow #id_cancel_plan_form textarea {
  font-family: "Noto Sans", sans-serif; }
body.account.cancelflow .technical-questions {
  display: none; }
body.account.cancelflow .cancel-form {
  display: none; }

body.history h3 {
  font-size: 1.4375em;
  line-height: 28.75px;
  color: #25222B;
  margin: 0; }
body.history section.global-header {
  min-height: 300px; }
body.history .history-empty {
  text-align: center; }
  body.history .history-empty h2 {
    font-size: 1.875em;
    margin-bottom: 15px; }
  body.history .history-empty p {
    color: #4e4e4b; }
  body.history .history-empty .btn {
    margin-top: 50px; }
body.history .history-grid {
  *zoom: 1;
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto;
  list-style-type: none;
  padding: 0 15px;
  margin: 0 auto;
  margin-top: -100px;
  position: relative;
  z-index: 999; }
  body.history .history-grid:before, body.history .history-grid:after {
    content: " ";
    display: table; }
  body.history .history-grid:after {
    clear: both; }
  body.history .history-grid > li {
    float: left;
    display: block;
    margin-right: 0%;
    width: 50%;
    margin-bottom: 15px;
    padding: 10px; }
    body.history .history-grid > li:last-child {
      margin-right: 0; }
    body.history .history-grid > li:nth-child(2n) {
      margin-right: 0; }
    body.history .history-grid > li:nth-child(2n+1) {
      clear: left; }
    body.history .history-grid > li .inner {
      background: #fff;
      overflow: auto; }
    body.history .history-grid > li:hover .overlay {
      opacity: 1; }
    @media screen and (max-width: 41.6875em) {
      body.history .history-grid > li {
        float: left;
        display: block;
        margin-right: 0%;
        width: 100%; }
        body.history .history-grid > li:last-child {
          margin-right: 0; }
        body.history .history-grid > li:nth-child(2n) {
          margin-right: 0%; }
        body.history .history-grid > li:nth-child(2n+1) {
          clear: none; } }
  body.history .history-grid .thumbnail {
    float: left;
    display: block;
    margin-right: 0%;
    width: 33.33333%;
    max-width: 140px;
    max-height: 210px;
    background: #000;
    position: relative;
    overflow: hidden; }
    body.history .history-grid .thumbnail:last-child {
      margin-right: 0; }
    body.history .history-grid .thumbnail img {
      width: 100%;
      display: block; }
    body.history .history-grid .thumbnail .overlay {
      -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);
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      background: rgba(0, 0, 0, 0.75); }
  body.history .history-grid .doc-info {
    float: left;
    display: block;
    margin-right: 0%;
    width: 66.66667%;
    padding: 10px; }
    body.history .history-grid .doc-info:last-child {
      margin-right: 0; }
    body.history .history-grid .doc-info > p {
      font-size: 0.875em;
      color: #737079;
      margin: 0; }
    body.history .history-grid .doc-info small {
      display: block;
      color: #736F7C; }
    body.history .history-grid .doc-info .lastwatched {
      font-size: 0.875em;
      color: #737079;
      margin: 10px 0; }
      body.history .history-grid .doc-info .lastwatched p {
        margin: 0 0 5px; }
  body.history .history-grid .rating {
    *zoom: 1;
    margin: 15px 0;
    font-size: 16;
    list-style-type: none;
    padding-left: 0;
    margin: 0; }
    body.history .history-grid .rating:before, body.history .history-grid .rating:after {
      content: " ";
      display: table; }
    body.history .history-grid .rating:after {
      clear: both; }
    body.history .history-grid .rating > li {
      float: left;
      margin-right: 3px; }
    @media screen and (max-width: 64em) and (min-width: 30em) {
      body.history .history-grid .rating {
        margin: 0; } }

body.payment {
  background: #f7f8fa; }
  body.payment .logo-header {
    position: relative;
    margin: 20px 0;
    width: 100%;
    text-align: center;
    z-index: 5; }
  body.payment .heading {
    padding-top: 15px; }
    body.payment .heading hgroup h1 {
      font-size: 3.125em;
      color: #000; }
      @media screen and (max-width: 30em) {
        body.payment .heading hgroup h1 {
          font-size: 1.5em; } }
    body.payment .heading hgroup h2 {
      font-size: 1em; }
  body.payment ul.steps {
    width: 100%;
    padding: 0px;
    text-align: center; }
    body.payment ul.steps li {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      background: #f3f1ec;
      width: 170px;
      color: #7b6a40;
      font-weight: 600;
      line-height: 36px;
      font-size: 0.8125em; }
      body.payment ul.steps li span::after {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        content: '\f00c';
        width: 10px;
        height: 10px;
        margin-left: 10px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1; }
      body.payment ul.steps li:first-child {
        border-top-left-radius: 35px;
        border-bottom-left-radius: 35px; }
      body.payment ul.steps li:last-child {
        border-top-right-radius: 35px;
        border-bottom-right-radius: 35px; }
      body.payment ul.steps li:first-child::before {
        content: '1:'; }
      body.payment ul.steps li:nth-child(2)::before {
        content: '2:'; }
      body.payment ul.steps li:nth-child(3)::before {
        content: '3:'; }
      body.payment ul.steps li:nth-child(4)::before {
        content: '4:'; }
      body.payment ul.steps li.completed {
        background: #f1bc2c;
        color: #FFF; }
        body.payment ul.steps li.completed span::after {
          color: #ceeb90; }
      body.payment ul.steps li.current {
        background: #FFF;
        pointer-events: none; }
      @media screen and (max-width: 30em) {
        body.payment ul.steps li {
          display: block;
          width: 95%;
          margin: 0px auto; }
          body.payment ul.steps li:first-child {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-left-radius: 0px; }
          body.payment ul.steps li:last-child {
            border-top-right-radius: 0px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px; } }
  body.payment .steps-content {
    background: #FFF;
    width: 95%;
    max-width: 650px;
    min-height: 200px;
    margin: 30px auto;
    padding: 20px;
    border-radius: 7px;
    -webkit-border-radius: 7px; }
    body.payment .steps-content .buttons-set .btn {
      min-width: 30%; }
    body.payment .steps-content .buttons-set .note:after {
      content: '';
      clear: both; }
    body.payment .steps-content .buttons-set .note .norton {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      width: 136px;
      height: 80px;
      background: url(../images/sdn-sp.png) 0 -120px no-repeat;
      text-indent: -999em;
      float: left;
      top: -20px;
      position: relative;
      margin-right: 10px; }
      @media screen and (max-width: 30em) {
        body.payment .steps-content .buttons-set .note .norton {
          display: none; } }
    body.payment .steps-content .buttons-set .membership {
      margin: 0;
      margin-bottom: 20px;
      padding: 15px 20px;
      text-align: left;
      background: #fef9ec;
      overflow: hidden; }
      body.payment .steps-content .buttons-set .membership .price {
        float: right; }
        @media screen and (max-width: 30em) {
          body.payment .steps-content .buttons-set .membership .price {
            font-size: 1.875em; } }
  body.payment form .form.dob dt, body.payment form .form.dob dd {
    float: left;
    display: block;
    margin-right: 0%;
    width: 25%; }
    body.payment form .form.dob dt:last-child, body.payment form .form.dob dd:last-child {
      margin-right: 0; }
  body.payment form .form.dob dd.long {
    float: left;
    display: block;
    margin-right: 0%;
    width: 25%; }
    body.payment form .form.dob dd.long:last-child {
      margin-right: 0; }
    @media screen and (max-width: 30em) {
      body.payment form .form.dob dd.long {
        margin-left: 0%; } }
  body.payment form .form.dob dd.short {
    float: left;
    display: block;
    margin-right: 0%;
    width: 16.66667%; }
    body.payment form .form.dob dd.short.indent {
      margin-left: 16.66667%; }
    body.payment form .form.dob dd.short:last-child {
      margin-right: 0; }
    @media screen and (max-width: 30em) {
      body.payment form .form.dob dd.short {
        width: 20%; } }
  body.payment form .form.gender dt {
    float: left;
    display: block;
    margin-right: 0%;
    width: 25%; }
    body.payment form .form.gender dt:last-child {
      margin-right: 0; }
  body.payment form .form.gender dd {
    float: left;
    display: block;
    margin-right: 0%;
    width: 50%;
    margin-left: 16.66667%; }
    body.payment form .form.gender dd:last-child {
      margin-right: 0; }
    @media screen and (max-width: 30em) {
      body.payment form .form.gender dd {
        margin-left: 0%; } }
  body.payment form .form.exp-date,
  body.payment form .form.cvv {
    float: left;
    display: block;
    margin-right: 0%;
    width: 50%; }
    body.payment form .form.exp-date:last-child,
    body.payment form .form.cvv:last-child {
      margin-right: 0; }
  body.payment form .styled-select {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #FFF;
    width: 100%;
    height: 40px;
    line-height: 38px;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #DDD; }
    body.payment form .styled-select select {
      background: none;
      font-size: 12px;
      width: 100%;
      border: 0; }
  body.payment .plan-option {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #222024;
    width: 48%;
    min-height: 50px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    cursor: pointer;
    opacity: 0.6;
    -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); }
    body.payment .plan-option.selected {
      opacity: 1; }
    body.payment .plan-option img {
      margin: 15px;
      max-width: 80%; }
    body.payment .plan-option .plan-price {
      background: #fcd01b;
      width: 100%;
      font-size: 3.125em;
      font-family: "Montserrat";
      padding: 8px 0; }
      body.payment .plan-option .plan-price sup {
        font-size: 0.625em; }
      body.payment .plan-option .plan-price span {
        font-size: 0.3125em; }
    body.payment .plan-option .plan-desc {
      color: #FFF;
      padding: 10px 0;
      font-size: 0.875em; }
    @media screen and (max-width: 30em) {
      body.payment .plan-option .plan-price {
        font-size: 1.875em; }
      body.payment .plan-option .plan-desc {
        font-size: 0.625em; } }
  body.payment .payment-opt {
    position: relative;
    overflow: hidden; }
    body.payment .payment-opt .credit-card {
      height: 75px;
      float: left;
      width: 50%;
      background: url(../images/sdn-sp.png) 25px 20px no-repeat;
      text-indent: -999em; }
    body.payment .payment-opt .paypal {
      height: 75px;
      float: right;
      width: 50%;
      background: #f3f2ef url(../images/sdn-sp.png) 40px -40px no-repeat;
      text-indent: -999em;
      cursor: pointer; }
    body.payment .payment-opt .or {
      position: absolute;
      font-size: 1em;
      color: #353330;
      font-style: italic;
      font-weight: bold;
      background: #f3f2ef;
      border: solid #fff 3px;
      text-align: center;
      padding-top: 12px;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      left: 50%;
      top: 10px;
      margin-left: -25px; }
    body.payment .payment-opt.paypal-disabled {
      text-align: center; }
      body.payment .payment-opt.paypal-disabled .credit-card {
        width: 250px;
        display: inline-block;
        float: none; }
      body.payment .payment-opt.paypal-disabled .or,
      body.payment .payment-opt.paypal-disabled .paypal {
        display: none; }
    @media screen and (max-width: 30em) {
      body.payment .payment-opt .credit-card {
        width: 100%;
        background-position: 40px 20px; }
      body.payment .payment-opt .paypal {
        width: 100%; }
      body.payment .payment-opt .or {
        top: 47px; } }
  body.payment .plan-choice .choice-text {
    background: black; }
  body.payment #main-nav {
    display: none; }
  body.payment .security-code {
    z-index: 1000;
    position: absolute;
    width: 150px;
    top: -98px;
    left: 0;
    display: none; }
  body.payment .form.cvv label:hover .security-code {
    display: block; }

body.profile .global-header {
  min-height: 288px; }
body.profile .profile {
  float: left;
  display: block;
  margin-right: 0%;
  width: 50%;
  margin-left: 25.0%;
  margin-top: -18px;
  position: relative; }
  body.profile .profile:last-child {
    margin-right: 0; }
  @media screen and (max-width: 30em) {
    body.profile .profile {
      float: left;
      display: block;
      margin-right: 0%;
      width: 33.33333%;
      margin-left: 0%; }
      body.profile .profile:last-child {
        margin-right: 0; } }
  body.profile .profile .avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: -90px; }
  body.profile .profile .bio {
    text-align: center;
    padding: 65px 45px 20px; }
    body.profile .profile .bio p {
      font-size: 0.875em;
      line-height: 17.5px; }
  body.profile .profile .current {
    position: relative;
    margin: 0 0 20px 0; }
    body.profile .profile .current h5 {
      width: 100%;
      text-align: center;
      position: absolute;
      top: 24%;
      font-size: 1.5625em;
      line-height: 31.25px;
      text-transform: uppercase;
      color: #ffd551; }
      @media screen and (max-width: 30em) {
        body.profile .profile .current h5 {
          top: 0; } }
      body.profile .profile .current h5 span {
        font-family: "Noto Sans", sans-serif;
        display: block;
        color: #fff;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 0.5em;
        line-height: 10px;
        margin: 0 0 5px 0; }
        body.profile .profile .current h5 span:before, body.profile .profile .current h5 span:after {
          content: '\f111';
          font-family: "sdn-icons";
          font-size: 0.375em;
          line-height: 7.5px;
          color: #ffd551;
          margin: 0 5px;
          position: relative;
          top: -3px; }
    body.profile .profile .current img {
      width: 100%;
      display: block; }
  body.profile .profile .recent,
  body.profile .profile .reviews {
    border-top: 1px dotted #bfbfbf;
    padding: 20px;
    margin: 0 0 20px 0;
    width: 100%;
    float: left; }
    body.profile .profile .recent > header,
    body.profile .profile .reviews > header {
      width: 100%;
      display: block;
      float: left; }
      body.profile .profile .recent > header h4,
      body.profile .profile .reviews > header h4 {
        text-transform: uppercase;
        font-size: 1em;
        line-height: 20px;
        margin: 0 0 20px 0;
        float: left; }
        @media screen and (max-width: 30em) {
          body.profile .profile .recent > header h4,
          body.profile .profile .reviews > header h4 {
            width: 100px; } }
      body.profile .profile .recent > header .btn,
      body.profile .profile .reviews > header .btn {
        float: right;
        margin: -6px 0 0 0; }
  body.profile .profile .reviews {
    margin-bottom: 0; }
  body.profile .profile h3 {
    font-size: 1.125em;
    line-height: 22.5px;
    display: block;
    clear: both;
    margin: 10px 0 0;
    float: left; }
    body.profile .profile h3 a {
      text-decoration: none;
      color: #41403e; }
  body.profile .profile .details {
    float: left;
    display: block;
    margin-right: 0%;
    width: 66.66667%;
    float: left; }
    body.profile .profile .details:last-child {
      margin-right: 0; }
    @media screen and (max-width: 30em) {
      body.profile .profile .details {
        float: left;
        display: block;
        margin-right: 0%;
        width: 33.33333%; }
        body.profile .profile .details:last-child {
          margin-right: 0; } }
    body.profile .profile .details p.director {
      display: block;
      clear: both;
      margin: 0 0 23px 0;
      font-size: 0.9375em;
      line-height: 18.75px;
      color: #41403e; }
      body.profile .profile .details p.director a {
        color: #41403e;
        text-decoration: none; }
  body.profile .profile ul {
    margin: 0;
    padding: 0;
    width: 100%; }
    body.profile .profile ul li {
      width: 100%;
      list-style: none;
      float: left;
      display: block;
      margin: 0 0 25px 0; }
      body.profile .profile ul li a.img {
        float: left;
        display: block;
        margin-right: 0%;
        width: 33.33333%;
        float: left; }
        @media screen and (max-width: 30em) {
          body.profile .profile ul li a.img {
            display: none; } }
        body.profile .profile ul li a.img:last-child {
          margin-right: 0; }
        body.profile .profile ul li a.img img {
          display: block;
          width: 100%; }
      body.profile .profile ul li:last-child {
        margin: 0; }
      body.profile .profile ul li.review header {
        width: 100%;
        display: block;
        float: left; }
        body.profile .profile ul li.review header h3 {
          margin: 0 0 10px 0; }
        body.profile .profile ul li.review header .stars {
          font-size: 1.25em;
          line-height: 25px;
          float: right; }
          @media screen and (max-width: 30em) {
            body.profile .profile ul li.review header .stars {
              margin: 5px 0 0 0;
              font-size: 0.625em; } }
      body.profile .profile ul li.review p {
        font-size: 0.875em;
        line-height: 17.5px;
        margin: 5px 0; }
      body.profile .profile ul li.review footer {
        margin: 10px 0 0 0; }
        body.profile .profile ul li.review footer .posted {
          float: left;
          color: #74726c;
          font-size: 0.8125em;
          line-height: 16.25px; }
        body.profile .profile ul li.review footer .rate {
          float: right; }

#site-footer {
  width: 100%;
  float: left;
  background: rgba(34, 34, 31, 0.8);
  padding: 34px 25px;
  min-height: 120px;
  position: relative;
  z-index: 5000; }
  @media screen and (max-width: 48em) {
    #site-footer {
      text-align: center;
      padding: 20px 5px; } }
  @media screen and (max-width: 30em) {
    #site-footer {
      background: #22221f; } }
  #site-footer .btn-standard {
    padding: 6px 12px; }
    @media screen and (max-width: 41.6875em) {
      #site-footer .btn-standard {
        display: none; } }
  #site-footer .social-media {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -5px; }
    @media screen and (max-width: 48em) {
      #site-footer .social-media {
        float: none;
        text-align: center;
        *zoom: 1; }
        #site-footer .social-media:before, #site-footer .social-media:after {
          content: " ";
          display: table; }
        #site-footer .social-media:after {
          clear: both; } }
    #site-footer .social-media li {
      float: left;
      list-style: none;
      margin: 0 5px 0 0; }
      @media screen and (max-width: 48em) {
        #site-footer .social-media li {
          display: -moz-inline-stack;
          display: inline-block;
          zoom: 1;
          *display: inline;
          float: none; } }
      #site-footer .social-media li a {
        font-family: "Noto Sans", sans-serif;
        font-size: 1.125em;
        text-transform: capitalize;
        text-decoration: none;
        color: #fff; }
        #site-footer .social-media li a:hover {
          color: #c8c7c3; }
        #site-footer .social-media li a.gold {
          color: #ffd551; }
        #site-footer .social-media li a i {
          position: absolute;
          left: 9.5px;
          top: 8.5px; }
  #site-footer .footer-links {
    margin: 0 0 10px 0;
    padding: 0;
    float: left; }
    @media screen and (max-width: 48em) {
      #site-footer .footer-links {
        float: none;
        text-align: center;
        *zoom: 1; }
        #site-footer .footer-links:before, #site-footer .footer-links:after {
          content: " ";
          display: table; }
        #site-footer .footer-links:after {
          clear: both; } }
    #site-footer .footer-links li {
      float: left;
      list-style: none;
      margin: 0 18px 0 0; }
      @media screen and (max-width: 48em) {
        #site-footer .footer-links li {
          display: -moz-inline-stack;
          display: inline-block;
          zoom: 1;
          *display: inline;
          float: none; } }
      #site-footer .footer-links li a {
        font-family: "Noto Sans", sans-serif;
        font-size: 0.875em;
        text-transform: capitalize;
        text-decoration: none;
        color: #fff; }
        #site-footer .footer-links li a:hover {
          color: #c8c7c3; }
        #site-footer .footer-links li a.gold {
          color: #ffd551; }
  #site-footer p {
    clear: both;
    color: #c8c7c3;
    font-size: 0.75em;
    float: left; }
    @media screen and (max-width: 48em) {
      #site-footer p {
        float: none;
        margin: 25px 0; } }
    @media screen and (max-width: 30em) {
      #site-footer p {
        font-size: 0.75em;
        line-height: 15px;
        text-align: center;
        width: 100%; } }
    #site-footer p a {
      color: #c8c7c3;
      text-decoration: none;
      margin: 0 7px; }
      #site-footer p a:first-child {
        margin: 0 0 0 10px; }
      #site-footer p a:last-child {
        margin: 0; }
      #site-footer p a:hover {
        color: #c8c7c3; }
  #site-footer .copy img {
    position: relative;
    top: 2px; }
  #site-footer .copy a {
    color: #fafafa; }
  #site-footer .dramafever {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 10px; }
  #site-footer .logo {
    margin-top: -44px;
    float: right;
    margin-right: -10px; }
    @media screen and (max-width: 48em) {
      #site-footer .logo {
        display: none; } }
  #site-footer .icon-bkgd {
    background-color: #22221f;
    display: block;
    width: 36px;
    height: 36px;
    position: relative;
    border-radius: 50%;
    top: -13px; }

.modal {
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  text-align: center;
  z-index: -9999;
  opacity: 0; }

.modal-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0; }

.modal-content {
  display: table-cell;
  vertical-align: middle; }

.modal-box {
  position: relative;
  background: #FFF;
  width: 40%;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transform: translate3d(0, 30px, 0);
  -moz-transform: translate3d(0, 30px, 0);
  -ms-transform: translate3d(0, 30px, 0);
  -o-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0); }
  .modal-box .modal-button-close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -15px;
    right: -15px;
    background: #222;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 2px solid #FFF;
    cursor: pointer; }
    .modal-box .modal-button-close::after {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -6px -1px;
      width: 2px;
      height: 12px;
      background: #FFF;
      border-radius: 5px;
      content: ' ';
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .modal-box .modal-button-close::before {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -6px -1px;
      width: 2px;
      height: 12px;
      background: #FFF;
      border-radius: 5px;
      content: ' ';
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }

/* on-state */
.modal.on {
  visibility: visible;
  pointer-events: all;
  z-index: 9999;
  opacity: 1; }

.modal.on .modal-background {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.modal.on .modal-box {
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* specific modal styling */
.modal-login .modal-head {
  overflow: hidden; }
  .modal-login .modal-head > a {
    float: left;
    font-size: 0.8125em;
    width: 50%;
    height: 40px;
    line-height: 40px;
    background: #7687F6;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: inset 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -1px 5px 0px rgba(0, 0, 0, 0.1); }
    .modal-login .modal-head > a:first-child {
      background: #FFF;
      -webkit-box-shadow: 0 0 0;
      -moz-box-shadow: 0 0 0;
      box-shadow: 0 0 0;
      color: #000; }
.modal-login .modal-body {
  padding: 20px; }

body.flatpage .content {
  padding-top: 0;
  padding-bottom: 50px; }
  body.flatpage .content.default-soon {
    text-align: center;
    background: #63526E;
    padding-bottom: 0 !important; }
body.flatpage .global-header {
  min-height: 300px; }
  @media screen and (max-width: 41.6875em) {
    body.flatpage .global-header {
      min-height: 200px; } }
  body.flatpage .global-header h1 .current-month {
    font-family: "Montserrat";
    text-transform: uppercase;
    color: #FFE884; }
body.flatpage .list-events {
  position: relative;
  top: -40px;
  background: #F8F7FA;
  padding: 5px 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 41.6875em) {
    body.flatpage .list-events {
      width: 100%; } }
  body.flatpage .list-events time {
    display: block; }
  body.flatpage .list-events a {
    color: #6B5EE3;
    text-decoration: none;
    display: block;
    margin-top: 10px; }
  body.flatpage .list-events tr td {
    vertical-align: top;
    padding: 15px 10px;
    font-size: 0.875em;
    line-height: 1.6;
    color: #564F5A;
    border-bottom: 1px solid #eee;
    box-shadow: 0 1px 0 #fff; }
    body.flatpage .list-events tr td:first-child {
      width: 25%; }
      body.flatpage .list-events tr td:first-child strong {
        color: #C97303; }
    body.flatpage .list-events tr td:last-child {
      width: 25%; }
  body.flatpage .list-events tr:last-child td {
    border-bottom: none;
    box-shadow: none; }
body.flatpage .hero-soon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
body.flatpage .info {
  padding-top: 20%;
  color: #fff;
  max-width: 500px; }
  body.flatpage .info h1, body.flatpage .info h2 {
    margin: 0 0 10px 0; }
  body.flatpage .info h1 {
    font-size: 2.375em;
    line-height: 1; }
  body.flatpage .info h2 {
    margin-bottom: 0; }
  body.flatpage .info p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.875em;
    line-height: 1.8; }
  body.flatpage .info hr {
    margin: 15px 0;
    border: none;
    border-bottom: 2px dotted rgba(255, 255, 255, 0.4); }
  body.flatpage .info .docs {
    *zoom: 1;
    max-width: 73.125em;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style-type: none; }
    body.flatpage .info .docs:before, body.flatpage .info .docs:after {
      content: " ";
      display: table; }
    body.flatpage .info .docs:after {
      clear: both; }
    body.flatpage .info .docs > li {
      float: left;
      display: block;
      margin-right: 0%;
      width: 25%;
      padding: 0 10px 10px 0;
      position: relative; }
      body.flatpage .info .docs > li:last-child {
        margin-right: 0; }
      @media screen and (max-width: 41.6875em) {
        body.flatpage .info .docs > li {
          float: left;
          display: block;
          margin-right: 0%;
          width: 50%; }
          body.flatpage .info .docs > li:last-child {
            margin-right: 0; } }
      body.flatpage .info .docs > li:hover .tooltip {
        bottom: 103%;
        opacity: 1;
        visibility: visible; }
  body.flatpage .info .tooltip {
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: absolute;
    width: 260px;
    bottom: 90%;
    z-index: 100;
    left: 0;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden; }
    body.flatpage .info .tooltip:before {
      content: '';
      position: absolute;
      bottom: -14px;
      left: 10px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 14px 14px 0;
      border-color: transparent #ffffff transparent transparent; }
    body.flatpage .info .tooltip h3 {
      margin: 0 0 6px 0;
      color: #564F5A; }
    body.flatpage .info .tooltip p {
      color: #564F5A;
      line-height: 1.4; }
      body.flatpage .info .tooltip p:last-child {
        margin-bottom: 0; }
body.flatpage h2 {
  font-family: "Montserrat";
  font-size: 0.9375em;
  text-transform: uppercase;
  color: #fff;
  margin-top: 0; }
  body.flatpage h2 .date {
    color: #FFE884; }
body.flatpage .default-soon .info {
  width: 100%;
  margin: 0 auto; }
  body.flatpage .default-soon .info p {
    max-width: 500px;
    margin: 0 auto; }

body.roku-auth h1 {
  margin-bottom: 0; }
body.roku-auth h2 {
  position: relative;
  z-index: 500;
  text-align: center;
  color: #FFE884; }
body.roku-auth section.content {
  min-height: 0 !important; }
body.roku-auth .global-header {
  min-height: 550px !important; }
body.roku-auth .global-header p {
  color: #fff;
  position: relative;
  text-align: center;
  z-index: 999; }
body.roku-auth .app-icon {
  display: block;
  width: 75px;
  height: 75px;
  margin: 0 auto; }
body.roku-auth .keyart {
  text-align: center;
  margin-top: 100px; }
body.roku-auth .img-devices {
  position: relative;
  z-index: 999; }
body.roku-auth .form-auth {
  text-align: center;
  position: relative;
  z-index: 99999; }
body.roku-auth .global-header input[type="text"] {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  background: rgba(193, 184, 244, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  color: #fff;
  display: block; }
body.roku-auth .global-header input[type="text"]:focus {
  background: #fff;
  color: #2C233C; }
body.roku-auth .global-header button,
body.roku-auth .global-header .btn {
  margin-top: 20px; }
body.roku-auth .error {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 10px 15px;
  background: rgba(242, 94, 133, 0.75);
  border-radius: 3px;
  color: #fff; }

/* =============
Login Page
============== */
body.login #site-container {
  text-align: center; }
body.login .modal-box {
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin: 160px 0 100px; }
@media screen and (max-width: 41.6875em) {
  body.login .modal-box {
    width: 100%;
    margin: 80px 0 100px; } }

/* =============
Forgot Password Page
============== */
body.forgot .center-block,
body.reset .center-block {
  width: 25%; }
  body.forgot .center-block h2,
  body.reset .center-block h2 {
    margin: 0 0 10px;
    line-height: 1; }
  body.forgot .center-block .forgot,
  body.reset .center-block .forgot {
    font-size: 0.875em; }
  body.forgot .center-block p,
  body.reset .center-block p {
    font-size: 0.9375em;
    color: #564F5A; }
body.forgot .form,
body.reset .form {
  overflow: hidden; }
  body.forgot .form dt,
  body.reset .form dt {
    float: right; }
  body.forgot .form dd,
  body.reset .form dd {
    float: left;
    width: 70%; }

/* =============
Reset Password Page
============== */
body.reset .passwordResetButton {
  overflow: auto; }
  body.reset .passwordResetButton .forgot {
    margin-top: 10px; }

body.reset-invalid h2 {
  font-size: 1.75em; }

body.gift .global-header {
  height: 400px;
  text-align: center;
  color: #FFF; }
  body.gift .global-header .header-text {
    position: relative;
    z-index: 2;
    padding-top: 30px; }
    body.gift .global-header .header-text h2 {
      margin: 0.2em 0; }
    body.gift .global-header .header-text p {
      line-height: 1.7em; }
    body.gift .global-header .header-text a {
      color: #ffd551; }
body.gift form label {
  position: relative;
  display: block;
  font-weight: 600;
  font-size: 0.75em;
  margin-bottom: 9px; }
  body.gift form label sup {
    color: #ffd551; }
body.gift form .form.cvv dd {
  width: 95%; }
body.gift .gift-content-login {
  text-align: center; }
  body.gift .gift-content-login .user-options {
    margin: 70px 0; }
    body.gift .gift-content-login .user-options .divider {
      position: relative;
      width: 100%;
      height: 2px;
      max-width: 650px;
      margin: 0px auto;
      background: #DDD;
      text-align: center; }
      body.gift .gift-content-login .user-options .divider > div {
        position: absolute;
        width: 30px;
        height: 30px;
        left: 50%;
        margin: -15px;
        border-radius: 100%;
        background: #AAA;
        line-height: 30px;
        color: #FFF;
        font-size: 0.7em; }
    body.gift .gift-content-login .user-options .user-option {
      max-width: 600px;
      margin: 40px auto;
      text-align: left;
      overflow: hidden; }
      body.gift .gift-content-login .user-options .user-option .user-option-text {
        font-size: 0.85em;
        line-height: 1.5em; }
        body.gift .gift-content-login .user-options .user-option .user-option-text .light {
          color: #666;
          font-size: 0.9em; }
      body.gift .gift-content-login .user-options .user-option .user-option-btn a {
        display: inline-block;
        width: 140px;
        text-align: center;
        font-size: 0.8em; }
body.gift .gift-content-personalize {
  max-width: 700px;
  margin: 0px auto; }
body.gift .gift-content-overlap {
  margin-top: -155px; }
body.gift .gift-content-product {
  text-align: center; }
  body.gift .gift-content-product > h3 {
    color: #FFF;
    margin-bottom: 0px; }
  body.gift .gift-content-product .plan-choice {
    border-radius: 5px;
    border: 4px solid transparent;
    overflow: hidden;
    opacity: 1;
    cursor: pointer; }
    body.gift .gift-content-product .plan-choice .choice-text {
      border: 0;
      border-radius: 5px;
      padding: 20px; }
    body.gift .gift-content-product .plan-choice .choice-desc {
      top: 172px;
      background: none;
      border: 0; }
    body.gift .gift-content-product .plan-choice.selected {
      border-color: #ffe884; }
      body.gift .gift-content-product .plan-choice.selected .choice-desc {
        background: #ffe884; }
body.gift .gift-content-payment {
  max-width: 750px;
  margin: 0px auto; }
  body.gift .gift-content-payment .gift-content-payment-form {
    width: 65%;
    float: left; }
  body.gift .gift-content-payment .gift-content-payment-summary {
    width: 30%;
    float: right; }
    body.gift .gift-content-payment .gift-content-payment-summary h4 {
      font-weight: 600;
      margin-bottom: 0px;
      line-height: 1em; }
    body.gift .gift-content-payment .gift-content-payment-summary small {
      color: #333; }
body.gift .gift-content-confirm {
  text-align: center; }
  body.gift .gift-content-confirm .gift-box {
    position: relative;
    width: 500px;
    height: 300px;
    display: inline-block;
    margin-bottom: 30px;
    color: #FFF;
    background: #2c0084;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #2c0084 0%, #23075e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #2c0084), color-stop(100%, #23075e));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #2c0084 0%, #23075e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #2c0084 0%, #23075e 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #2c0084 0%, #23075e 100%);
    /* IE10+ */
    background: radial, ellipse center, #2c0084 0%, #23075e 100%;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c0084', endColorstr='#23075e',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0px 1px 5px 0px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0px 1px 5px 0px rgba(255, 255, 255, 0.3); }
    body.gift .gift-content-confirm .gift-box::before, body.gift .gift-content-confirm .gift-box::after {
      position: absolute;
      left: -40%;
      top: 80%;
      width: 100%;
      height: 20px;
      background: #fef0a3;
      -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
      -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
      box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
      content: ' ';
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    body.gift .gift-content-confirm .gift-box::after {
      top: 50%;
      left: 61%; }
    body.gift .gift-content-confirm .gift-box h1 {
      font-family: "Noto Sans", sans-serif;
      margin: 0; }
    body.gift .gift-content-confirm .gift-box h4 {
      margin: 15px 0 10px; }
body.gift .gift-content-redeem {
  text-align: center; }
  body.gift .gift-content-redeem .features .feature h3 {
    color: #b07c00; }
  body.gift .gift-content-redeem .features .feature p {
    color: #564F5A; }
body.gift .gift-redeem input[type="text"] {
  width: 300px; }
body.gift .form-feedback {
  display: inline-block;
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
  border-radius: 4px;
  padding: 15px;
  font-weight: 600;
  margin: 10px 0;
  font-size: 0.7em;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  -ms-transform: translate3d(0, 10px, 0);
  -o-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  body.gift .form-feedback.form-error-msg {
    background-color: #f2dede;
    color: #a94442; }
    body.gift .form-feedback.form-error-msg a {
      color: #8b3534 !important; }
body.gift .error-state .form-feedback {
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0); }
body.gift #site-footer {
  background: #1f162b; }

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