/* #region New carousel CSS */
.elastislide-horizontal {
  font-size: 0;
}
.elastislide-list {
  list-style-type: none;
}
.elastislide-carousel ul li {
  min-width: 20px;
  /* minimum width of the image (min width + border) */
}
.elastislide-wrapper {
  position: relative;
  margin: 0 auto;
  min-height: 60px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.elastislide-carousel {
  overflow: hidden;
  position: relative;
}
.elastislide-carousel ul {
  position: relative;
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
.elastislide-horizontal ul {
  white-space: nowrap;
  max-height: none !important;
}
.elastislide-carousel ul li {
  -webkit-backface-visibility: hidden;
}
.elastislide-horizontal ul li {
  height: 100%;
  display: inline-block;
}
/* Navigation Arrows */
/* #endregion */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  background: transparent;
  width: 100%;
  height: 100%;
  font-color: #111;
  font-size: 14pt;
  font-family: "Myriad Web Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body {
  width: 100%;
  height: 100%;
  background: #ffffff url('../img/pattern.png') center fixed;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a:hover,
a:link,
a:visited,
a:active {
  text-decoration: none;
  color: black;
}
.evidon-banner-message a {
  color: #fdc12c !important;
  text-decoration: underline !important;
  font-weight: bold;
}
#_evidon-message a {
  color: #fdc12c !important;
  text-decoration: underline !important;
  font-weight: bold;
}
html.tablet body {
  height: auto;
}
html.tablet.sidebar body {
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
p {
  white-space: normal;
}
/* Legal pages */
section.legal {
  text-align: left;
  white-space: normal;
}
section.legal p {
  padding: 0 10px;
}
section.legal ol > li {
  list-style-type: decimal;
  list-style-position: inside;
}
section.legal ol ol > li {
  list-style-type: lower-latin;
  list-style-position: inside;
}
section.legal ul > li {
  list-style-type: disc;
  list-style-position: inside;
}
section.legal li {
  margin-left: 10px;
}
/*
section.legal
{
    text-align  : left;
    white-space : normal;
}
*/
section.page-content > div.episodes section.grid > article > .container > header,
section.page-content > div.clips section.grid > article > .container > header,
section.page-content > div.collections section.grid > article > .container > header {
  height: 17px;
}
/**
 * Set min-width and max-width
 * @param x1 min-width. Default 0
 * @param x2 max-width. Default none
 */
/**
 * Set min-height and max-height
 * @param y1 min-height. Default 0
 * @param y1 max-height. Default none
 */
/**
 * Set a min- and max- width and height
 * @param x1 min-width. Default 0
 * @param x2 max-width. Default none
 * @param y1 min-height. Default 0
 * @param y2 max-height. Default none
 */
.fill {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  content: " ";
  height: 0;
  font-size: 0;
  clear: both;
}
/**
 * Fill the content and put a vertical black gradient in it.
 * @param opacity The opacity of the bottom side of the gradient
 */
/**
 * Fill the content and put a vertical black gradient in it.
 * @param opacity The opacity of the bottom side of the gradient
 */
.proportional {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.percentage-watched {
  background-color: #464646;
  border-bottom: 1px solid #7f7e7e;
}
.percentage-watched::-webkit-progress-bar {
  background-color: #464646;
}
.percentage-watched::-webkit-progress-value {
  background-color: #b4961c;
}
.percentage-watched::-webkit-progress-bar-value {
  background-color: #b4961c;
}
.percentage-watched::-moz-progress-bar {
  background-color: #b4961c;
}
.percentage-watched[role],
.percentage-watched[aria-valuenow]:before {
  background-color: #b4961c;
}
.percentage-watched[aria-valuenow] {
  background: #707070;
}
.percentage-watched[role]:after {
  background-image: none;
}
nav#menu {
  display: none;
}
.show-disclaimer {
  background-color: black;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
a.view-all {
  display: block;
  text-align: left;
  margin: 10px 0 0 75px;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 1em;
  white-space: normal;
  color: #01b8c6;
}
section.content.clips .view-all {
  margin-left: 0;
}
.hidden {
  display: none !important;
}
.desaturate {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(../img/temp/avatars/desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(1);
}
.select-style {
  width: 100%;
  height: 30px;
}
.select-style .select-wrapper {
  width: 100%;
  height: 30px;
}
.select-style .select-wrapper select {
  width: 101%;
  height: 30px;
  opacity: 0;
}
.select-style .select-chevron {
  width: 40px;
  height: 30px;
}
.select-style {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  border: 1px solid #666666;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-top-right: 5px;
  -moz-border-radius-bottom-right: 5px;
  -moz-border-radius-bottom-left: 5px;
  -moz-border-radius-top-left: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #ebebeb 58%, #cdcdcd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, #ebebeb), color-stop(100%, #cdcdcd));
  background: -webkit-linear-gradient(top, #ebebeb 58%, #cdcdcd 100%);
  background: -o-linear-gradient(top, #ebebeb 58%, #cdcdcd 100%);
  background: -ms-linear-gradient(top, #ebebeb 58%, #cdcdcd 100%);
  background: linear-gradient(to bottom, #ebebeb 58%, #cdcdcd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffebebeb", endColorstr="#ffcdcdcd", GradientType=0);
  /* IE6-8 */
}
.select-style .select-wrapper {
  display: block;
  overflow: hidden;
  -moz-box-shadow: 0 0 5px 0 #333333;
  -webkit-box-shadow: 0 0 5px 0 #333333;
  box-shadow: 0 0 5px 0 #333333;
}
.select-style .select-wrapper .select-option {
  display: block;
  margin-right: 40px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 30px;
  text-align: center;
  color: black;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}
.select-style .select-wrapper select {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: window;
  appearance: none;
  text-indent: 200%;
  white-space: nowrap !important;
  overflow: hidden;
  text-transform: uppercase;
}
.select-style .select-wrapper select option {
  font-size: medium;
}
.select-style .select-wrapper select:focus {
  outline: none;
}
.select-style .select-wrapper select::-ms-expand {
  display: none;
}
.select-style .select-wrapper select:disabled {
  background-color: rgba(0, 0, 0, 0.5);
}
.select-style .select-chevron {
  position: absolute;
  top: 0;
  right: -2px;
  display: block;
  text-align: center;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-top-right: 5px;
  -moz-border-radius-bottom-right: 5px;
  -moz-border-radius-bottom-left: 0;
  -moz-border-radius-top-left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #666666 58%, #282828 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, #666666), color-stop(100%, #282828));
  background: -webkit-linear-gradient(top, #666666 58%, #282828 100%);
  background: -o-linear-gradient(top, #666666 58%, #282828 100%);
  background: -ms-linear-gradient(top, #666666 58%, #282828 100%);
  background: linear-gradient(to bottom, #666666 58%, #282828 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff666666", endColorstr="#ff282828", GradientType=0);
  /* IE6-8 */
}
.select-style .select-chevron:before {
  line-height: 30px;
  font-size: 10px;
  color: #f8cc32;
}
.item-buttons li {
  float: left;
  padding-right: 28px;
}
.item-buttons li:last-child {
  padding-right: 0;
}
.buttons {
  width: 100%;
  margin-top: 8px;
  white-space: nowrap;
  font-size: 0;
}
.buttons.icons button,
.buttons.icons a.button {
  width: 40px;
  height: 40px;
}
.buttons.icons button.icon-popup:before,
.buttons.icons a.button.icon-popup:before {
  font-size: 17px;
}
button {
  border-style: none;
}
a.button {
  display: inline-block;
}
button.icon-star,
a.button.icon-star {
  cursor: default;
}
button.icon-star:before,
a.button.icon-star:before {
  color: #666666;
}
button,
a.button {
  text-align: center;
  position: relative;
  height: 40px;
  width: 178px;
  line-height: 40px;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #f8cc32;
  color: #f8cc32;
  background: #5f5f5f;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #5f5f5f 0%, #282828 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f5f5f), color-stop(100%, #282828));
  background: -webkit-linear-gradient(top, #5f5f5f 0%, #282828 100%);
  background: -o-linear-gradient(top, #5f5f5f 0%, #282828 100%);
  background: -ms-linear-gradient(top, #5f5f5f 0%, #282828 100%);
  background: linear-gradient(to bottom, #5f5f5f 0%, #282828 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5f5f5f", endColorstr="#282828", GradientType=0);
  /* IE6-8 */
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  -ms-behaviour: url(htc/PIE.php);
  behaviour: url(htc/PIE.php);
}
button.constrain,
a.button.constrain {
  overflow: hidden;
  text-overflow: ellipsis;
}
button.constrain .text,
a.button.constrain .text {
  font-size: 1.5em !important;
}
button .text,
a.button .text {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #f8cc32;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}
button.inactive,
a.button.inactive {
  color: #666666;
  cursor: default;
}
button.inactive:before,
a.button.inactive:before {
  color: #666666;
  cursor: default;
}
button.inactive .text,
a.button.inactive .text {
  color: #666666;
}
button:before,
a.button:before {
  vertical-align: middle;
}
button:focus,
a.button:focus {
  outline: none;
}
button.close,
a.button.close {
  width: auto;
  background: none;
}
button:before,
a.button:before {
  color: #f8cc32;
}
body[data-language-code="de"]  #de_button {
  width: 250px;
}
button.watch .text,
a.button.watch .text {
  display: inline-block;
  padding-top: 1px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 24px;
  -webkit-font-smoothing: subpixel-antialiased;
}
body[data-language-code="de"] button.watch .text,
body[data-language-code="de"] a.button.watch .text {
  font-size: 17px;
}
button.watch.hplus .text,
a.button.watch.hplus .text {
  background: url('/sitewide/img/hulu-plus_24.png') 50% 40% no-repeat;
  color: transparent;
}
/* hoide the favorite star in onfoHover */
button.icon-star,
a.button.icon-star {
  display: none;
}
div.favorite.star {
  display: none;
}
.hide-slide {
  position: absolute;
  -moz-transition: top ease 0.5s;
  -webkit-transition: top ease 0.5s;
  -o-transition: top ease 0.5s;
  transition: top ease 0.5s;
}
.hide-slide.hide {
  top: -150%;
}
.hide-slide.show {
  top: 0;
}
.hide-slide.show ~ .hide {
  top: 150%;
}
.social {
  width: 100%;
  text-align: center;
}
.social .item {
  display: inline-block;
  margin-left: 5px;
  padding-top: 10px;
  width: 34px;
  height: 30px;
  font-size: 10px;
  color: white;
  overflow: visible;
  cursor: pointer;
}
.social .item:first-child {
  margin-left: 0;
}
.social .item:before {
  font-family: 'south-park-studios';
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: 21px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.social .item.twitter:before {
  content: '\00e00e';
  display: block;
  font-size: 17px;
}
.social .item.facebook:before {
  content: '\00e009';
  display: block;
  font-size: 17px;
}
.social .item.googleplus:before {
  content: '\00e00a';
  display: block;
  font-size: 17px;
}
.social .item.pinterest:before {
  content: '\00e00c';
  display: block;
  font-size: 17px;
}
.social .item.instagram:before {
  content: '\00e00b';
  display: block;
  font-size: 17px;
}
.social .item.email:before {
  content: '\00e01f';
  display: block;
  font-size: 17px;
}
.social .item.smile:before {
  content: '\00e01b';
  display: block;
  font-size: 17px;
}
.thumb-collection {
  position: relative;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
}
.thumb-collection .container {
  height: 100%;
  width: 100%;
}
.thumb-collection .collection-header {
  position: absolute;
  bottom: 10%;
  left: 7%;
}
.thumb-collection .collection-items {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 20.5%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}
.thumb-collection .collection-items .collection-item {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  margin-top: 13%;
}
.thumb-collection .collection-items .collection-item .item-empty {
  height: 100%;
  width: 100%;
}
.thumb-collection .collection-items .collection-item .item-img {
  height: auto;
  width: 100%;
}
.thumb-collection .collection-items .item-empty {
  display: block;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #898989;
}
.thumb-collection .collection-items .item-img {
  display: none;
}
.thumb-img {
  width: 205px;
  height: 115.3125px;
}
.scroll-area {
  width: 100%;
  height: 100%;
  z-index: 0;
}
.scroll-area .outer-area {
  position: relative;
  height: 500px;
  overflow: hidden;
}
.scroll-area .outer-area .scrollbar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  z-index: 1;
  background-color: #666666;
}
.scroll-area .outer-area .scrollbar .scroll-thumb {
  position: absolute;
  top: 0;
  height: 35px;
  width: 100%;
  background-color: #f8cc32;
}
.scroll-area .inner-area {
  height: 100%;
  padding-right: 0;
  margin-right: -15px;
  overflow-y: auto;
  overflow-x: hidden;
}
.scroll-area .content-header {
  padding: 10px 75px;
  text-align: left;
}
.scroll-area .ui-state-highlight {
  height: 90px;
}
.scroll-area .content-item {
  position: relative;
  height: 90px;
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}
.scroll-area .content-item:hover .to-top:before,
.scroll-area .content-item:hover .remove {
  display: block;
}
.scroll-area .content-item:hover .to-top {
  font-size: 0;
}
.scroll-area .content-item.locked .icon-lock {
  display: block;
}
.scroll-area .content-item.locked .to-top:before,
.scroll-area .content-item.locked .remove {
  display: none;
}
.scroll-area .content-item.locked .to-top {
  font-size: 17px;
}
.scroll-area .content-item .thumb {
  float: left;
  width: 106px;
  height: 59.625px;
  margin-top: 11px;
  margin-left: 20px;
}
.scroll-area .content-item .custom-checkbox {
  display: none;
}
.scroll-area .content-item .to-top {
  float: left;
  width: 28px;
  margin-top: 33.5px;
}
.scroll-area .content-item .to-top:before {
  display: none;
  color: #f8cc32;
}
.scroll-area .content-item .remove {
  display: none;
  float: right;
  margin-top: 31px;
}
.scroll-area .content-item .remove:before {
  color: #f8cc32;
}
.scroll-area .content-item .icon-lock {
  display: none;
  float: right;
  margin-top: 33.5px;
}
.scroll-area .content-item .icon-lock:before {
  color: #666666;
}
.scroll-area .content-item .user {
  display: none;
}
.scroll-area .content-item .item-data.with-user .user {
  display: block;
}
.scroll-area .content-item .icon-chevron-down {
  display: none;
}
.scroll-area .content-item .item-data {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 370px;
  padding-left: 20px;
  font-size: 0;
  text-align: left;
}
.scroll-area .content-item .item-vertical-center {
  display: table-cell;
  vertical-align: middle;
}
.scroll-area .content-item .title {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scroll-area .content-item .percentage-watched {
  height: 9px;
  width: 95px;
}
.scroll-area .content-item .position {
  padding-left: 10px;
  color: #686868;
}
.scroll-area .content-item .season {
  display: none;
}
.scroll-area .content-item .date {
  display: none;
}
.scroll-area .content-item .desc {
  display: none;
}
.scroll-area .content-item .item-buttons {
  display: none;
}
.scroll-area .content-item.show-full {
  height: auto !important;
  background-color: #181717 !important;
}
.scroll-area .content-item.show-full .icon-chevron-down {
  padding-top: 0;
  padding-bottom: 24px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.scroll-area .content-item.show-full span.title {
  color: #f8cc32 !important;
}
.scroll-area .content-item.show-full .date,
.scroll-area .content-item.show-full .desc,
.scroll-area .content-item.show-full .season,
.scroll-area .content-item.show-full .item-buttons {
  display: block;
  clear: left;
  margin-top: 5px;
  /* was 20px; - for SPSMIG-568 */
  margin-left: 48px;
}
.scroll-area .content-item.show-full .item-buttons li {
  margin-bottom: 20px;
}
.scroll-area .content-item.show-full .desc {
  margin-top: 0;
  padding-top: 5px;
  text-align: left;
  white-space: normal;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  color: white;
}
.scroll-area .content-item.show-full .date,
.scroll-area .content-item.show-full .season {
  float: left;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
  color: #666666;
}
.scroll-area .content-item.show-full .date {
  clear: none;
}
.page-content.profile.overview .content-item.show-full .date,
.page-content.profile.overview .content-item.show-full .season {
  margin-top: 0;
}
.member-header {
  position: relative;
  height: 189px;
  padding-left: 75px;
  text-align: left;
  background-color: #2f2f2f;
}
.member-header img {
  float: left;
  height: 128px;
  width: 128px;
  margin: 30.5px 30px 30.5px 0;
}
.member-header h1 {
  display: inline-block;
  padding: 69.5px 0;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 50px;
  font-style: italic;
  color: #666666;
}
.member-header blockquote {
  display: inline-block;
  width: 785px;
  margin: 0;
  white-space: normal;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  color: white;
}
.member-header .buttons {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline;
  float: none;
  width: auto;
}
.lists-container {
  background-color: #1b1b1b;
}
.lists-container .lists-list {
  float: left;
  width: 50%;
}
.lists-container .lists-list .list-container {
  width: 100%;
  height: 100%;
  background-color: #3d3d3d;
}
.lists-container .lists-list:nth-of-type(1) {
  padding-right: 6px;
}
.lists-container .lists-list:nth-of-type(2) {
  padding-left: 6px;
}
.lists-header {
  height: 64px;
  padding: 0;
  background-color: #1b1b1b;
}
.lists-header a {
  color: white;
}
.lists-header h1 {
  display: block;
  float: left;
  height: 100%;
  width: 100%;
  padding-top: 20px;
  padding-left: 73px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  text-align: left;
  text-transform: uppercase;
  background-color: #1b1b1b;
  color: white;
}
.lists-header h1 button,
.lists-header h1 a.button {
  float: right;
  margin-top: -8px;
  margin-bottom: -8px;
  margin-right: 5px;
}
.lists-header h1 button:before,
.lists-header h1 a.button:before {
  margin-right: 5px;
}
.hoverInfo-wiki {
  padding: 30px;
}
.hoverInfo-wiki article .details span {
  color: #f8cc32;
}
.hoverInfo-wiki article .additional {
  display: block;
  font-style: italic;
  color: #cdcdcd;
}
.hoverInfo-wiki article .title {
  display: block;
  color: #f8cc32;
}
.hoverInfo-wiki article .date {
  display: block;
  color: #666666;
}
.hoverInfo-wiki article p {
  margin-top: 0;
}
.hoverInfo-avatar article {
  text-align: center;
}
.hoverInfo-avatar article img {
  width: 100px;
  height: 100px;
}
.hoverInfo-avatar article .action span {
  color: #f8cc32;
}
.hoverInfo-avatar article .additional {
  font-style: italic;
  color: #cdcdcd;
}
.hoverInfo {
  position: absolute;
  width: 235px;
  padding: 10px 15px 15px;
  background: black;
  white-space: normal;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-top-right: 4px;
  -moz-border-radius-bottom-right: 4px;
  -moz-border-radius-bottom-left: 4px;
  -moz-border-radius-top-left: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.57);
  -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.57);
  box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.57);
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity ease 0.5s,filter ease 0.5s;
  -webkit-transition: opacity ease 0.5s,filter ease 0.5s;
  -o-transition: opacity ease 0.5s,filter ease 0.5s;
  transition: opacity ease 0.5s,filter ease 0.5s;
}
.hoverInfo.is-closing {
  opacity: 0;
  filter: alpha(opacity=0);
}
@media (max-width: 640px) {
  .hoverInfo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.hoverInfo.flip .arrow {
  left: 100%;
  border-color: transparent transparent transparent black;
}
.hoverInfo .arrow {
  position: absolute;
  top: 139px;
  right: 100%;
  display: block;
  width: 0;
  height: 0;
  border: 35px solid;
  border-color: transparent black transparent transparent;
}
.hoverInfo header h6.ribbon {
  display: inline-block;
  margin-left: -15px;
  padding: 0 15px;
  text-transform: uppercase;
  line-height: 20px;
  height: 20px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
}
.hoverInfo header h6.ribbon.collection {
  background-color: #75b101;
}
.hoverInfo header h6.ribbon.episode {
  background-color: #ed1a3b;
}
.hoverInfo header h6.ribbon.clip {
  background-color: #2aa8d8;
}
.hoverInfo header h5.title {
  margin-top: 20px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
}
.hoverInfo header h6.additional {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 11px;
}
.hoverInfo header h6.additional span {
  margin-right: 10px;
  font-size: 11px;
  color: #666;
}
.hoverInfo header h6.additional span.episode-title {
  display: block;
  margin-bottom: 5px;
}
.hoverInfo p {
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: left;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 11px;
}
.hoverInfo p.collection {
  margin-top: 5px;
  margin-bottom: 25px;
  font-style: italic;
  color: #cdcdcd;
}
.hoverInfo p.collection span {
  color: #f8cc32;
}
.hoverInfo .buttons {
  white-space: normal;
}
.hoverInfo .buttons button,
.hoverInfo .buttons a.button {
  margin-top: 5px;
  width: 100%;
}
.hoverInfo .buttons button:first-child,
.hoverInfo .buttons a.button:first-child {
  margin-top: 0;
}
.hoverInfo .buttons button.mobile,
.hoverInfo .buttons a.button.mobile {
  display: none;
}
.hoverInfo .buttons button.split,
.hoverInfo .buttons a.button.split {
  margin-left: 0;
}
.hoverInfo .close {
  display: none;
}
.hoverInfo div.star {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 19px;
  height: 17px;
}
.hoverInfo div.star img {
  width: 100%;
  height: 100%;
}
.hoverInfo.image {
  width: auto;
  padding: 10px 20px;
  max-width: 440px;
}
.hoverInfo.image > h2 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  color: white;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 31px;
  line-height: 31px;
  margin-bottom: 6px;
  width: 100%;
}
.hoverInfo.image > div.image-container > img {
  margin: 0px auto;
  max-height: 300px;
  max-width: 400px;
}
.hoverInfo.image > div.social {
  height: 45px;
  margin-top: 9px;
}
.hoverInfo.image > div.social > a.button {
  float: left;
  cursor: pointer;
}
.hoverInfo.image > div.social > a.button:before {
  margin-right: 5px;
}
.thumb header {
  height: 100%;
  text-align: left;
}
.thumb header.blurb.color-0 {
  background-color: #f5b921;
}
.thumb header.blurb.color-1 {
  background-color: #e13254;
}
.thumb header.blurb.color-2 {
  background-color: #75b101;
}
.thumb header.blurb.color-3 {
  background-color: #5ac4c8;
}
.thumb header .gradient {
  height: 100%;
  top: auto;
  bottom: 0;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 85%, rgba(0, 0, 0, 0.8) 95%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(0, 0, 0, 0)), color-stop(85%, rgba(0, 0, 0, 0.4)), color-stop(95%, rgba(0, 0, 0, 0.8)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 85%, rgba(0, 0, 0, 0.8) 95%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 85%, rgba(0, 0, 0, 0.8) 95%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 85%, rgba(0, 0, 0, 0.8) 95%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 85%, rgba(0, 0, 0, 0.8) 95%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
  /* IE6-8 */
}
.thumb header h5 .star {
  display: none;
}
.thumb header h4 {
  position: absolute;
  left: 6px;
  bottom: 32px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
.thumb header h3 {
  position: absolute;
  left: 6px;
  bottom: 6px;
  padding: 0;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
}
.thumb header h2.order-text {
  position: absolute;
  top: 6px;
  left: 6px;
  text-shadow: 1px 1px 3px black;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
}
.profile-columns {
  display: block;
  width: 100%;
}
.profile-columns .column:first-child {
  display: block;
  float: left;
  width: 485px;
  vertical-align: top;
}
.profile-columns .column:last-child {
  display: block;
  float: left;
  width: 955px;
  vertical-align: top;
}
.lists-container.no-scroll .lists-list {
  height: 440px;
}
.lists-container.no-scroll .lists-list article.badges {
  min-height: 50%;
}
.lists-container.no-scroll .lists-list article.badges span {
  display: block;
  margin-bottom: 10px;
}
.lists-container.no-scroll .lists-list article {
  display: table;
  min-height: 25%;
  margin-left: 75px;
  text-align: left;
}
.lists-container.no-scroll .lists-list article div {
  display: table-cell;
  vertical-align: middle;
}
.lists-container.no-scroll .lists-list article header {
  margin-bottom: 5px;
}
.lists-container.no-scroll .lists-list article header h1 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  color: white;
}
.lists-container.no-scroll .lists-list article blockquote {
  display: inline-block;
  width: 80%;
  margin: 0;
  white-space: normal;
}
.lists-container.no-scroll .lists-list article blockquote cite {
  font-style: normal;
}
.lists-container.no-scroll .lists-list article blockquote cite:before {
  display: inline;
  content: '- ';
}
.lists-container.no-scroll .lists-list article span,
.lists-container.no-scroll .lists-list article blockquote {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #cdcdcd;
}
.lists-container.no-scroll .lists-list article .icon-star {
  color: #f8cc32;
}
.lists-container.no-scroll .lists-list article .with-icon {
  line-height: 30px;
}
.lists-container.no-scroll .lists-list article .with-icon:before {
  float: left;
  font-size: 30px;
  padding-right: 15px;
  color: #f8cc32;
}
a.tool-tip {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 10px;
  color: #00bbca;
}
.custom-checkbox {
  position: relative;
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 25px;
}
.custom-checkbox label {
  padding-top: 18px;
  line-height: 30px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  background-color: white;
  color: white;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-top-right: 5px;
  -moz-border-radius-bottom-right: 5px;
  -moz-border-radius-bottom-left: 5px;
  -moz-border-radius-top-left: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.custom-checkbox label:before {
  display: none;
}
.custom-checkbox input {
  display: block;
  visibility: hidden;
}
.custom-checkbox input:checked + label {
  background-color: #f8cc32;
}
.custom-checkbox input:checked + label:before {
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  font-size: 15px;
  line-height: 20px;
  color: black;
}
.profile-error {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  font-style: italic;
  color: #ad2122;
}
.list-hero .thumb-collection {
  height: 0;
  padding-bottom: 56.25%;
}
.list-hero .thumb-collection .collection-header {
  display: none;
}
.list-hero .thumb-collection .collection-items {
  position: absolute;
}
.list-hero .thumb-collection .item-empty {
  display: none;
}
.list-hero .thumb-collection .item-img {
  display: block;
}
.list-hero h2 {
  margin-right: 170px;
  white-space: normal;
}
.langSelect {
  position: absolute;
  z-index: 9000;
  left: -180px;
  top: 0px;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.71);
  border-radius: 10px;
  height: auto;
  display: block;
  color: white;
  font-size: 12px;
  padding: 10px 20px;
  border: 2px solid #ebebeb;
}
.langSelect label {
  display: block;
}
.langSelect form {
  text-align: left;
}
.langSelect form input.button {
  background: none;
  color: #ffcc00;
  border: none;
  border-bottom: 1px solid #ffcc00;
  margin: 5px;
  padding: 0px;
  padding-bottom: 0px;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.langSelect form input.button:hover {
  color: white;
  border-color: white;
}
.langSelect .title {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 5px;
  display: inline-block;
}
.now-playing a {
  -webkit-box-shadow: inset 0 0 0 5px #940813;
  -moz-box-shadow: inset 0 0 0 5px #940813;
  box-shadow: inset 0 0 0 5px #940813;
}
.now-playing a:after {
  content: "now watching";
  position: absolute;
  top: 0;
  text-align: center;
  width: 168px;
  height: 33px;
  left: 50%;
  margin-left: -84px;
  border-radius: 0 0 10px 10px;
  background: #940813;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 13px;
  line-height: 33px;
  text-transform: uppercase;
  color: #fff;
}
.now-playing div.gradient {
  display: none;
}
.sprite {
  background-image: url('../img/sprites.png');
  background-repeat: no-repeat;
  display: block;
}
@font-face {
  font-family: 'south-park-studios';
  src: url('fonts/south-park-studios/eot/south-park-studios.eot');
  src: url('fonts/south-park-studios/eot/south-park-studios.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/south-park-studios/woff/south-park-studios.woff') format('woff'), /* Modern Browsers */ url('fonts/south-park-studios/ttf/south-park-studios.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/south-park-studios/svg/south-park-studios.svg#south-park-studios') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
.south-park-icon-base:before,
.icon-split:before,
.icon-dot:before,
.icon-watch:before,
.icon-play:before,
.icon-addto:before,
.icon-chevron-down:before,
.icon-remove:before,
.icon-to-top:before,
.icon-chevron-left:before,
.icon-chevron-right:before,
.icon-social-facebook:before,
.icon-social-googleplus:before,
.icon-instagram:before,
.icon-pinterest:before,
.icon-search:before,
.icon-social-twitter:before,
.icon-view-carousel:before,
.icon-view-clip:before,
.icon-view-list:before,
.icon-language:before,
.icon-wiki:before,
.icon-star:before,
.icon-square:before,
.icon-share:before,
.icon-popup:before,
.icon-queue:before,
.icon-lock:before,
.icon-info:before,
.icon-happyface:before,
.icon-envelope:before,
.icon-comment:before,
.icon-close-circle:before,
.icon-fullscreen:before,
.icon-download:before,
.icon-downarrow:before,
.icon-replay:before,
.icon-play-inverse:before,
.icon-checkmark:before,
.icon-exclamation:before {
  font-family: 'south-park-studios';
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: 21px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.icon-split:before {
  content: '\00e000';
}
.icon-black img {
  width: 21px;
  vertical-align: middle;
}
.icon-dot:before {
  content: '\00e001';
}
.icon-play:before,
.icon-watch:before {
  content: '\00e002';
}
.icon-addto:before {
  content: '\00e003';
}
.icon-chevron-down:before {
  content: '\00e004';
}
.icon-chevron-info.open:after {
  font-family: 'south-park-studios';
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: 7px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: '\00e027';
  vertical-align: bottom;
}
.icon-chevron-info:after {
  font-family: 'south-park-studios';
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: 7px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: '\00e004';
  vertical-align: bottom;
}
.icon-remove:before {
  content: '\00e005';
}
.icon-to-top:before {
  content: '\00e006';
}
.icon-chevron-left:before {
  content: '\00e007';
}
.icon-chevron-right:before {
  content: '\00e008';
}
.icon-social-facebook:before {
  content: '\00e009';
}
.icon-social-googleplus:before {
  content: '\00e00a';
}
.icon-social-instagram:before {
  content: '\00e00b';
}
.icon-social-pinterest:before {
  content: '\00e00c';
}
.icon-search:before {
  content: '\00e00d';
}
.icon-social-twitter:before {
  content: '\00e00e';
}
.icon-view-carousel:before {
  content: '\00e00f';
}
.icon-view-clip:before {
  content: '\00e010';
}
.icon-view-list:before {
  content: '\00e011';
}
.icon-language:before {
  content: '\00e012';
  font-size: 16px;
}
.icon-wiki:before {
  content: '\00e013';
}
.icon-star:before {
  content: '\00e014';
}
.icon-square:before {
  content: '\00e015';
}
.icon-share:before {
  content: '\00e016';
}
.icon-popup:before {
  content: '\00e017';
}
.icon-queue:before {
  content: '\00e018';
}
.icon-lock:before {
  content: '\00e019';
}
.icon-info:before {
  content: '\00e01a';
}
.icon-happyface:before {
  content: '\00e01b';
}
.icon-envelope:before {
  content: '\00e01f';
}
.icon-comment:before {
  content: '\00e01d';
}
.icon-close-circle:before {
  content: '\00e01e';
}
.icon-fullscreen:before {
  content: '\00e020';
}
.icon-download:before {
  content: '\00e021';
}
.icon-downarrow:before {
  content: '\00e023';
}
.icon-replay:before {
  content: '\00e024';
  display: block;
  -moz-transform: scaleX(-1) scaleY(-1);
  /* Gecko */
  -o-transform: scaleX(-1) scaleY(-1);
  /* Operah */
  -webkit-transform: scaleX(-1) scaleY(-1);
  /* webkit */
  transform: scaleX(-1) scaleY(-1);
  /* standard */
  filter: FlipH FlipY;
  /* IE 6/7/8 */
}
.icon-play-inverse:before {
  content: '\00e025';
}
.icon-checkmark:before {
  content: '\00e026';
}
.icon-exclamation:before {
  content: '\00e022';
}
/* Gotham Light */
.textGLight {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
}
/* Gotham Book */
.textGBook {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
}
/* Gotham Book Italic */
.textGBookItalic {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
}
/* Gotham Medium */
.textGMedium {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
}
/* Gotham Bold */
.textGBold {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
/* Gotham Black */
.textGBlack {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
}
body {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
}
section.content > header section.nav .main-nav ul li {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  padding: 10px 12px !important;
}
section.hero .hero > header h2 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.hero article.heroInfo header h3.flag span {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
}
section.hero article.heroInfo header h2 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.hero article.heroInfo header h5 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
}
section.hero .hero span {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 11px;
}
section.hero article.heroInfo .episodeCopy p {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
}
section.hero > .container > header h3 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
}
section.hero .thumbs article.thumb header h3 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}
section.hero .tiles .row li h3 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 13px !important;
  text-align: left !important;
}
section > .container > header h2,
section > article > .container > header h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
  color: #333333;
}
section.page-content > div.search section.episode-filters div.season-pagination span {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
}
section.page-content > div.search section.wiki > .container > .row .columns > .column article h4 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}
section > .container > header h3 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
}
section.blog section.articles h3 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  line-height: 1em;
}
section.quicklinks article.collections header h5 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
}
section.quicklinks article.collections nav span {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
}
section.quicklinks article.avatar h3 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 35px;
}
section.quicklinks article.quote blockquote {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
}
section.quicklinks article.quote cite {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
}
.search-featured-more,
.sponsored-block {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
}
section.friends .row article {
  font-size: 12px;
}
section.friends .row article .blog-post p span,
section.friends .row article .wiki-post p span {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
}
section.friends .row article .blog-post p span.name,
section.friends .row article .wiki-post p span.name {
  font-size: 13px;
}
section.friends .row article .blog-post p span.title,
section.friends .row article .wiki-post p span.title {
  font-size: 13px;
}
section.friends .row article .blog-post p span.date,
section.friends .row article .wiki-post p span.date,
section.friends .row article .blog-post p span.description,
section.friends .row article .wiki-post p span.description {
  font-size: 11px;
}
section.generator .row header h4 {
  font-size: 14px;
}
section.generator .row header h4.bold {
  font-size: 15px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.generator .row aside label {
  font-size: 14px;
}
section.generator .row aside .select-wrapper {
  font-size: 19px;
}
section.generator .row aside .select-wrapper select {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
}
section.wiki > .container > .row .columns > div {
  padding: 20px;
}
section.wiki > .container > .row .columns > div h6 {
  font-size: 13px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.wiki > .container > .row .columns > div h4 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  line-height: 1em;
  margin-bottom: 20px;
}
section.wiki > .container > .row .columns > div a {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}
section.footer > .row .column nav header h3 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
}
section.footer > .row .column nav ul li a {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
  line-height: 22px;
}
.hoverInfo header h6.ribbon {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
}
.hoverInfo header h6.additional {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
}
.hoverInfo header h5 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}
.hoverInfo p {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
}
.hoverInfo p.collection {
  font-size: 10px;
}
aside.flag h4 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 24px;
}
.scroll > span {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}
section.queue .user,
section.queue .title {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}
section.queue .position {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
}
div.episodes section.views .container .row .select-style {
  font-size: 10px;
}
div.episodes section.views .container .row nav span {
  font-size: 10px;
}
.thumb header h3 {
  width: 95%;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}
.thumb header h4 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
}
.module.views nav span,
.module.views label {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}
.module.views .select-wrapper {
  font-size: 19px;
}
.module.views .select-wrapper select {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}
article.collection header h3 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
}
section.collection-info .arrow.left .ticker {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
}
section.collection-info header.sponsor h2 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}
section.collection-info header h2 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
}
section.collection-info header h3 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}
section.collection-info header h4 {
  height: 32px;
  line-height: 32px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  font-style: italic;
  color: #cdcdcd;
}
section.collection-info header h4 span {
  float: left;
  margin-right: 10px;
}
section.collection-info header h4 span.name {
  color: #f8cc32;
  font-style: normal;
}
section.collection-info header h4 img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.games-overlay {
  z-index: 2;
}
.hoverInfo {
  z-index: 3;
}
.loader {
  z-index: 4;
}
section.content {
  z-index: 1;
}
section.content > header {
  z-index: 3;
}
section.content > header section.nav {
  z-index: 3;
}
section.content > header section.nav nav.main-nav {
  z-index: 2;
}
section.content > header section.nav nav.main-sub-nav .arrow {
  z-index: -1;
}
section.content > header section.nav section.page-sub-nav {
  z-index: -1;
}
section.content > header .callout {
  z-index: 2;
}
section.content .shadows {
  z-index: -1;
}
section.content .heroPlay {
  z-index: 1;
}
section.content > section > div.callout .container {
  z-index: 1;
}
section.content > section > div > section.views nav.thumbs-nav {
  z-index: 2;
}
section.content > section > div > section .social,
section.content > section > div > .ad-container .social {
  z-index: 3;
}
section.content > section > div > section > .arrow,
section.content > section > div > .ad-container > .arrow,
section.content > section > div > section .container > .arrow,
section.content > section > div > .ad-container .container > .arrow,
section.content > section > div > section .square-ad,
section.content > section > div > .ad-container .square-ad {
  z-index: 1;
}
section.content > section > div > section.hero .tiles .close,
section.content > section > div > .ad-container.hero .tiles .close {
  z-index: 1;
}
section.content > section > div > section.hero .tiles div.row .border,
section.content > section > div > .ad-container.hero .tiles div.row .border {
  z-index: 1;
}
.flag {
  z-index: 1;
}
.search.games-overlay div.modal div.arrow {
  z-index: 1;
}
section.page-content > div.queue section.hero nav {
  z-index: 1;
}
@media (max-device-width: 640px) {
  section.hero .scroll {
    z-index: 1;
  }
}
.episode-filters {
  z-index: 1;
}
section.hero .scroll ul li {
  z-index: 1;
}
.loader.overlay {
  z-index: 9999;
}
body.in-sidebar-mode section.skin {
  display: none;
}
body.in-sidebar-mode #container {
  margin: 0;
}
body.in-sidebar-mode section.content > header {
  width: 1440px;
}
@media (max-width: 1739px) {
  body.in-sidebar-mode html {
    width: 1740px;
  }
  body.in-sidebar-mode section.content > header {
    width: 1223px;
  }
}
@media (max-width: 1522px) {
  body.in-sidebar-mode html {
    width: 1523px;
  }
  body.in-sidebar-mode section.content > header {
    width: 1006px;
  }
}
@media (max-width: 1305px) {
  body.in-sidebar-mode html {
    width: 1306px;
  }
  body.in-sidebar-mode section.content > header {
    width: 980px;
  }
}
.iframe-overlay {
  display: none;
  width: 100%;
  height: 100%;
  background: #000000;
  position: absolute;
  z-index: 10;
}
.iframe-overlay .loading-text {
  width: 100px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding: 200px;
  margin: 0 auto;
}
#container {
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#main {
  position: relative;
  width: 100%;
}
#sidebar {
  height: 100%;
  width: 300px;
  display: none;
  overflow-y: hidden;
  overflow-x: hidden;
  background: #1f1f1f;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  color: #fff;
}
#sidebar.active {
  display: inline-block;
}
#sidebar div.top {
  border-bottom: solid 1px #1c1c1c;
  padding-bottom: 20px;
}
#sidebar .buttons.close {
  text-align: right;
}
#sidebar .close-sidebar {
  display: block;
  height: 40px;
  width: 40px;
  margin-right: 10px;
  margin-left: auto;
  line-height: 40px;
}
#sidebar .video-info {
  padding: 10px 20px;
}
#sidebar .video-info hgroup h2 {
  font-size: 14px;
  font-weight: bold;
}
#sidebar .video-info hgroup h3 {
  font-size: 10px;
  margin: 3px auto 10px;
}
#sidebar .video-info hgroup h3.left {
  float: left;
}
#sidebar .video-info hgroup h3.right {
  float: right;
}
#sidebar .video-info div {
  clear: both;
}
#sidebar .video-info div p {
  font-size: 11px;
}
#sidebar section.actions .buttons {
  padding-bottom: 20px;
  text-align: center;
  border-bottom: solid 1px #1c1c1c;
}
#sidebar section.actions .buttons > * {
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: bottom;
}
#sidebar section.actions .buttons button {
  line-height: 36px;
}
#sidebar section.actions .buttons a {
  line-height: 36px;
}
#sidebar .langSelect {
  top: 0;
  left: 25px;
}
#sidebar .visit-wiki {
  line-height: 45px;
}
#sidebar section.groove {
  border-top: solid 1px #3c3c3c;
  border-bottom: solid 1px #1c1c1c;
  padding: 10px 30px;
  margin: 0 auto;
  background: #2a2a2a;
}
#sidebar section.groove .buttons button {
  margin: 0 auto;
  display: block;
}
#sidebar section.groove .wiki {
  margin: 0 auto;
  display: block;
  cursor: pointer;
}
#sidebar section.groove.next-in-queue {
  font-size: 12px;
}
#sidebar section.groove.next-in-queue img {
  float: left;
  margin-right: 10px;
  width: 62px;
  height: auto;
  margin-top: 8px;
}
#sidebar .sidebar-ad-container {
  padding-top: 30px;
  border-bottom: solid 1px #3c3c3c;
  background-color: #2a2a2a;
}
#sidebar-iframe {
  border: none;
  overflow: hidden;
  width: 300px;
  height: 100%;
}
iframe #container #main > section.ad {
  display: none;
}
#main-iframe {
  border: none;
  width: 100%;
  height: 100%;
}
#sidebar_player {
  margin-left: auto;
  margin-right: auto;
}
#sidebar .ad {
  margin-left: auto;
  margin-right: auto;
}
@media (orientation: landscape) {
  html.tablet #sidebar {
    height: 169px;
    width: 980px;
  }
  html.tablet #sidebar .buttons.close {
    width: auto;
    margin: 0;
  }
  html.tablet #sidebar .close-sidebar {
    float: right;
    margin: 20px 20px 0 0;
  }
  html.tablet #sidebar div.top {
    height: 100%;
    padding: 0;
    border: 0;
  }
  html.tablet #sidebar .video-info {
    width: 500px;
    margin-left: 320px;
    padding: 20px 0 0 0;
  }
  html.tablet #sidebar .video-info > div {
    clear: none;
  }
  html.tablet #sidebar .video-info hgroup h3.left,
  html.tablet #sidebar .video-info hgroup h3.right {
    display: inline;
    float: none;
  }
  html.tablet #sidebar section.actions {
    display: inline-block;
  }
  html.tablet #sidebar section.actions .buttons {
    text-align: left;
    margin-top: 0;
    margin-left: 20px;
    padding-bottom: 0;
    border: 0;
  }
  html.tablet #sidebar section.actions .buttons button:first-child,
  html.tablet #sidebar section.actions .buttons a.button:first-child {
    margin-left: 0;
  }
  html.tablet #sidebar section.actions .buttons button:last-child,
  html.tablet #sidebar section.actions .buttons a.button:last-child {
    margin-right: 0;
  }
  html.tablet #sidebar section.groove {
    display: inline-block;
    width: auto;
    padding: 0;
    vertical-align: top;
    border: 0;
  }
  html.tablet #sidebar section.groove.next-in-queue {
    display: none;
  }
  html.tablet #sidebar .sidebar-ad-container {
    display: none;
  }
  html.tablet #sidebar_player {
    float: left;
    margin: 0;
  }
}
.ui-dialog {
  background-color: #1b1b1b;
  border: 3px solid white;
  -webkit-border-top-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-top-right: 7px;
  -moz-border-radius-bottom-right: 7px;
  -moz-border-radius-bottom-left: 7px;
  -moz-border-radius-top-left: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
  color: white;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
.ui-dialog.ui-state-error .ui-dialog-title:before {
  display: inline;
  color: #cd0a0a;
}
.ui-dialog.ui-state-warning .ui-dialog-title:before {
  display: inline;
  color: #f8cc32;
}
.ui-dialog .ui-dialog-title {
  line-height: 30px;
  vertical-align: top;
}
.ui-dialog .ui-dialog-title:before {
  display: none;
  content: '\00e022';
  padding-right: 10px;
  font-family: 'south-park-studios';
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal.ui-dialog-content {
  height: auto !important;
  overflow: hidden;
}
.ui-dialog-content p {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}
.ui-dialog-content p span {
  color: #f8cc32;
}
.ui-dialog-title {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
}
.ui-button.ui-button-icon-only.ui-dialog-titlebar-close {
  position: absolute;
  top: -19px;
  right: -24px;
  height: 32px;
  width: 32px;
  border: 0;
  background: none;
  z-index: 2;
  font-size: 29px;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 23px;
}
.ui-button.ui-button-icon-only.ui-dialog-titlebar-close:before {
  content: '\00e01e';
  font-family: 'south-park-studios';
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: 29px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.ui-button.ui-button-icon-only.ui-dialog-titlebar-close .ui-button-text {
  display: none;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: left;
}
.loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: none;
  height: 100%;
  width: 1440px;
  background-color: rgba(0, 0, 0, 0.5);
}
.loader.overlay {
  display: block;
}
.loader .container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 128px;
  height: 128px;
  -moz-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
.loader .container > div {
  position: absolute;
  background-color: #FFFFFF;
  height: 23px;
  width: 23px;
  -moz-border-radius: 12px;
  -moz-animation-name: f_fadeG;
  -moz-animation-duration: 1.04s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-border-radius: 12px;
  -webkit-animation-name: f_fadeG;
  -webkit-animation-duration: 1.04s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -ms-border-radius: 12px;
  -ms-animation-name: f_fadeG;
  -ms-animation-duration: 1.04s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -o-border-radius: 12px;
  -o-animation-name: f_fadeG;
  -o-animation-duration: 1.04s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  border-radius: 12px;
  animation-name: f_fadeG;
  animation-duration: 1.04s;
  animation-iteration-count: infinite;
  animation-direction: linear;
}
.loader .container > div:nth-child(1) {
  left: 0;
  top: 52px;
  -moz-animation-delay: 0.39s;
  -webkit-animation-delay: 0.39s;
  -ms-animation-delay: 0.39s;
  -o-animation-delay: 0.39s;
  animation-delay: 0.39s;
}
.loader .container > div:nth-child(2) {
  left: 15px;
  top: 15px;
  -moz-animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  -ms-animation-delay: 0.52s;
  -o-animation-delay: 0.52s;
  animation-delay: 0.52s;
}
.loader .container > div:nth-child(3) {
  left: 52px;
  top: 0;
  -moz-animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  -ms-animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.loader .container > div:nth-child(4) {
  right: 15px;
  top: 15px;
  -moz-animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  -ms-animation-delay: 0.78s;
  -o-animation-delay: 0.78s;
  animation-delay: 0.78s;
}
.loader .container > div:nth-child(5) {
  right: 0;
  top: 52px;
  -moz-animation-delay: 0.91s;
  -webkit-animation-delay: 0.91s;
  -ms-animation-delay: 0.91s;
  -o-animation-delay: 0.91s;
  animation-delay: 0.91s;
}
.loader .container > div:nth-child(6) {
  right: 15px;
  bottom: 15px;
  -moz-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  animation-delay: 1.04s;
}
.loader .container > div:nth-child(7) {
  left: 52px;
  bottom: 0;
  -moz-animation-delay: 1.17s;
  -webkit-animation-delay: 1.17s;
  -ms-animation-delay: 1.17s;
  -o-animation-delay: 1.17s;
  animation-delay: 1.17s;
}
.loader .container > div:nth-child(8) {
  left: 15px;
  bottom: 15px;
  -moz-animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
  -ms-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
@-moz-keyframes f_fadeG {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #FFFFFF;
  }
}
@-webkit-keyframes f_fadeG {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #FFFFFF;
  }
}
@-ms-keyframes f_fadeG {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #FFFFFF;
  }
}
@-o-keyframes f_fadeG {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #FFFFFF;
  }
}
@keyframes f_fadeG {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #FFFFFF;
  }
}
section.content {
  position: relative;
  height: auto;
  width: 100%;
}
section.content .shadows {
  position: absolute;
  top: 20px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1440px;
  -moz-box-shadow: 0 0 28px #333333;
  -webkit-box-shadow: 0 0 28px #333333;
  box-shadow: 0 0 28px #333333;
}
section.content > section {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
  background-color: white;
  min-width: inherit;
  max-width: inherit;
  width: 1440px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
section.content > section > div {
  display: inline-block;
  height: 100%;
  width: 100%;
  vertical-align: top;
  overflow: hidden;
  -moz-transition: margin-left ease 0.5s;
  -webkit-transition: margin-left ease 0.5s;
  -o-transition: margin-left ease 0.5s;
  transition: margin-left ease 0.5s;
}
section.content > section > div > section.module {
  font-size: 0;
  text-align: left;
}
section.content > section > div > section.module:last-child,
section.content > section > div > section.module.section-margin:last-child {
  margin-bottom: 0;
}
section.content > section > div > section.module:last-child > .container,
section.content > section > div > section.module.section-margin:last-child > .container {
  padding-bottom: 34px;
}
section.content > section > div > section.module > section:last-child {
  padding-bottom: 34px;
}
section.content > section > div > section.module.section-margin {
  margin-bottom: 32px;
  clear: left;
}
section.content > section > div > section.module.section-margin:first-child {
  margin-top: 50px;
}
section.content > section > div > section.module.section-margin.with-ad {
  margin-bottom: 10px;
}
#mm-blocker {
  display: none;
}
.section-margin:last-child {
  margin-bottom: 0;
}
.section-margin:last-child .container {
  padding-bottom: 34px;
}
.ad-container .section-margin:last-child .container {
  padding-bottom: 0;
}
.section-margin {
  margin-bottom: 50px;
}
.section-margin:first-child {
  margin-top: 50px;
}
.section-margin.with-ad {
  margin-bottom: 10px;
}
.ad-container .section-margin.with-ad {
  margin-bottom: 50px;
}
button.desktop-only,
a.button.desktop-only {
  display: block;
}
button.desktop-only-inline,
a.button.desktop-only-inline {
  display: inline-block;
}
button.mobile-only,
a.button.mobile-only,
button.mobile-only-inline,
a.button.mobile-only-inline {
  display: none;
}
section.page-content section.module {
  clear: both;
}
section.page-content.home > div > section.module {
  margin-top: 60px;
}
section.page-content.home > div > section.module.hero {
  margin-top: 0;
  margin-bottom: 20px;
}
section.page-content.home > div > section.module.special {
  background-color: #222222;
  padding-top: 32px;
  padding-bottom: 34px;
}
section.page-content.home > div > section.module.special > header {
  padding: 0;
  height: 32px;
}
section.page-content.home > div > section.module.special > header > header {
  height: 17px;
  clear: both;
  display: block;
  margin-bottom: 14px;
}
section.page-content.home > div > section.module.special > header > header h2 {
  margin: 0 0 0 75px;
  text-transform: uppercase;
  float: left;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
section.page-content.home > div > section.module.special > header > header h2 span {
  font-size: 12px;
  vertical-align: middle;
  padding-left: 10px;
}
section.page-content.home > div > section.module.special > header > header h3 {
  margin: 0 75px 0 0;
  padding: 0;
  text-transform: uppercase;
  float: right;
}
section.page-content.home > div > section.module.special > header > header h3 span {
  display: none;
}
section.page-content.home > div > section.module.special > header > h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  color: white;
  margin: 0;
  padding: 0;
  float: left;
  margin-left: 75px;
  font-size: 20px;
}
section.page-content.home > div > section.module.with-ad {
  margin-bottom: 10px;
}
section.page-content.home > div > section.module.with-ad + .module {
  margin-top: 15px;
}
section.page-content.home > div > section.module.blog + section.module.wiki {
  margin-top: 0;
}
section.page-content.home > div .friends {
  margin-top: 0;
}
#minipop {
  padding-left: 10px;
}
#minipop h5,
#minipop h6 {
  color: #FFF;
}
#minipop h6 {
  clear: left;
}
#minipop h5 {
  float: left;
  line-height: 42px;
  clear: right;
}
#minipop .icon-exclamation {
  margin-top: 10px;
  color: #f5b921;
  float: left;
}
#minipop .button {
  margin-top: 10px;
}
section.content > section > div > section.wiki.module ul.elastislide-list {
  display: block;
  font-size: 16px;
}
section.content > section > div > section.wiki.module ul.elastislide-list * {
  white-space: normal;
}
section.info.hoverInfo button.icon-addto:before,
section.info.hoverInfo .button.icon-addto:before {
  padding-right: 2px !important;
}
body.scrolled.ios-input-focused section.content > header {
  position: static !important;
}
body.scrolled.ios-input-focused #main_content {
  margin-top: 0 !important;
}
section.ad,
section.mm-page > section.ad {
  height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  visibility: hidden;
  position: relative;
  width: 100%;
}
section.ad div.ad,
section.mm-page > section.ad div.ad {
  width: 980px;
  min-height: 66px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
section.ad div.ad.sz_728x90,
section.mm-page > section.ad div.ad.sz_728x90 {
  width: 728px;
  min-height: 90px;
  display: flex;
}
section.ad.hidden,
section.mm-page > section.ad.hidden {
  display: none;
  height: 0;
}
section.ad img,
section.mm-page > section.ad img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
section.ad.ad_superbanner,
section.mm-page > section.ad.ad_superbanner {
  overflow: visible;
}
section.page-content > section.mobile-header-ad,
section.page-content > section.mobile-footer-ad {
  display: none;
  height: 0;
}
section.page-content > section.mobile-header-ad .ad,
section.page-content > section.mobile-footer-ad .ad {
  height: 100px;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
section.carousel > article.square-ad,
section.grid > article.square-ad {
  position: relative;
  float: right;
  margin-right: 62px;
  display: none;
  width: 370px;
  height: 311px;
  border: 1px solid #cdcdcd;
  background-color: white;
}
section.carousel > article.square-ad.active,
section.grid > article.square-ad.active {
  display: inline-block;
}
section.carousel > article.square-ad header,
section.grid > article.square-ad header {
  position: absolute;
  top: 280px;
  left: 34px;
}
section.carousel > article.square-ad .ad,
section.grid > article.square-ad .ad {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
section.carousel > article.square-ad:after,
section.grid > article.square-ad:after {
  position: absolute;
  top: -1px;
  right: -86px;
  width: 85px;
  height: 311px;
  display: block;
  content: '';
  background-color: white;
}
@media (max-width: 1305px) {
  section.carousel > article.square-ad:after,
  section.grid > article.square-ad:after {
    right: -63px;
    width: 62px;
  }
}
section.carousel > article.square-ad-collection,
section.grid > article.square-ad-collection {
  position: relative;
  float: right;
  margin-right: 62px;
  display: none;
  width: 370px;
  height: 311px;
  border: 1px solid #cdcdcd;
}
section.carousel > article.square-ad-collection.active,
section.grid > article.square-ad-collection.active {
  display: inline-block;
}
section.carousel > article.square-ad-collection header,
section.grid > article.square-ad-collection header {
  position: absolute;
  top: 280px;
  left: 34px;
}
section.carousel > article.square-ad-collection .ad,
section.grid > article.square-ad-collection .ad {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
section.carousel > article.square-ad-collection:after,
section.grid > article.square-ad-collection:after {
  position: absolute;
  top: -1px;
  right: -86px;
  width: 85px;
  height: 311px;
  display: block;
  content: '';
}
@media (max-width: 1305px) {
  section.carousel > article.square-ad-collection:after,
  section.grid > article.square-ad-collection:after {
    right: -63px;
    width: 62px;
  }
}
section.skin {
  width: 150px;
  height: auto;
  position: absolute;
}
section.skin.skin-left {
  margin-left: -150px;
}
section.skin.skin-right {
  margin-left: 1440px;
}
section.skin a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
section.skin img {
  width: 150px;
  height: auto;
}
html.tablet section.skin {
  display: none;
}
body.scrolled section.skin {
  position: fixed;
  top: 0;
}
/* Add ad constraints */
.ad.sz_300x100 {
  width: 300px;
  height: 100px;
}
.ad.sz_300x250 {
  width: 300px;
  height: 250px;
}
.ad.sz_600x100 {
  width: 600px;
  height: 100px;
}
.ad.sz_980x66 {
  width: 980px;
  height: 66px;
}
section.content > section > div > section .square-ad {
  margin-top: 0;
}
section.content.games > section > div > section .square-ad {
  margin-top: 60px;
}
#ad_expandable {
  display: inline;
}
#sz_970x250 {
  width: 970px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#sz_970x90 {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.ad_title_parent.sz_728x90 {
  width: 728px;
  position: absolute;
  left: -30px;
  right: 0px;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
  z-index: -1;
}
.ad_title.sz_728x90 {
  width: 15px;
  height: 90px;
  word-break: break-word;
  line-height: 12px;
  font-size: 12px;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 5px;
  text-align: center;
  background: rgba(143, 143, 143, 0.5);
}
body[data-language-code="en"] .ad_title.sz_728x90 {
  font-size: 7px;
  line-height: 7px;
}
.sz_728x90::before {
  width: 6px;
  word-break: break-all;
  line-height: 12px;
  font-size: 12px;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 5px;
  text-align: center;
  display: flex;
  background: rgba(143, 143, 143, 0.5);
}
body[data-language-code="de"] .sz_728x90::before {
  content: "Anzeige";
}
body[data-language-code="en"] .sz_728x90::before {
  content: "Advertisement";
  font-size: 7px;
  line-height: 7px;
}
.ad_title_parent.sz_160x600 {
  width: 160px;
  position: absolute;
  left: auto;
  right: -165px;
  top: 695px;
  bottom: auto;
  z-index: 1;
}
.ad_title.sz_160x600 {
  width: 100%;
  height: 20px;
  line-height: 12px;
  font-size: 12px;
  padding-top: 5px;
  padding-left: 10px;
  text-align: left;
  background: rgba(143, 143, 143, 0.5);
}
.sz_160x600::after {
  width: 150px;
  height: 20px;
  line-height: 12px;
  font-size: 12px;
  padding-top: 5px;
  padding-left: 10px;
  text-align: left;
  display: block;
  background: rgba(143, 143, 143, 0.5);
}
body[data-language-code="de"] .sz_160x600::after {
  content: "Anzeige";
}
body[data-language-code="en"] .sz_160x600::after {
  content: "Advertisement";
}
body.scrolled section.content > header {
  position: fixed !important;
  top: 0;
  left: 0;
}
.anchor {
  display: block;
  height: 153px;
  margin-top: -153px;
  visibility: hidden;
}
section.content > header {
  position: relative;
  width: 100%;
  -webkit-transform: translateZ(0);
}
section.content > header:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  display: none;
  z-index: 1;
  height: 30px;
  width: 1440px;
  margin-left: -720px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.26) 62%, rgba(0, 0, 0, 0) 84%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(62%, rgba(0, 0, 0, 0.26)), color-stop(84%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.26) 62%, rgba(0, 0, 0, 0) 84%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.26) 62%, rgba(0, 0, 0, 0) 84%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.26) 62%, rgba(0, 0, 0, 0) 84%);
  /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0.26) 62%, rgba(0, 0, 0, 0) 84%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
  /* IE6-8 */
  pointer-events: none;
}
section.content > header section.nav {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: #000;
  height: 93px;
  -moz-transition: height ease 0.5s;
  -webkit-transition: height ease 0.5s;
  -o-transition: height ease 0.5s;
  transition: height ease 0.5s;
  -moz-transition: width linear 0.01s;
  -webkit-transition: width linear 0.01s;
  -o-transition: width linear 0.01s;
  transition: width linear 0.01s;
}
section.content > header section.nav .mobile-menu {
  display: none;
}
section.content > header section.nav section.menu {
  float: right;
  height: auto;
  width: 120px;
  margin-top: 30px;
  text-align: right;
}
section.content > header section.nav section.menu span {
  display: block;
  height: inherit;
  cursor: pointer;
}
section.content > header section.nav section.menu span.search {
  float: left;
  height: 30px;
  width: 30px;
  color: #f8cc32;
  margin-right: 30px;
}
section.content > header section.nav section.menu span.search:before {
  font-size: 30px;
}
section.content > header section.nav section.menu span.queue {
  background-image: url('../img/sprites.png');
  background-repeat: no-repeat;
  display: block;
  padding-left: 13px;
  float: left;
  height: 30px;
  width: 27px;
  height: 34px;
  font-size: 12px;
  line-height: 11px;
  margin-right: 30px;
  background-position: -359px -31px;
  color: #f8cc32;
}
section.content > header section.nav section.greeting {
  position: relative;
  float: right;
  height: 93px;
  width: 132px;
  margin: 0 0 0 0;
  display: table;
}
section.content > header section.nav section.greeting nav {
  font-weight: bold;
  display: table-row;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 34px;
  margin: auto;
  padding: 0;
  font-size: 10px;
  text-transform: none;
}
section.content > header section.nav section.greeting nav div {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-right: 5px;
  text-align: right;
}
section.content > header section.nav section.greeting nav div > span {
  display: block;
}
section.content > header section.nav section.greeting nav div > span.welcome {
  display: block;
  vertical-align: middle;
  color: white;
}
section.content > header section.nav section.greeting nav div > span.welcome span {
  color: gray;
}
section.content > header section.nav section.greeting nav div > span.messages {
  color: #f8cc32;
}
section.content > header section.nav section.greeting nav div > span.messages a,
section.content > header section.nav section.greeting nav div > span.messages a:active {
  color: #f8cc32 !important;
  cursor: pointer;
}
section.content > header section.nav section.greeting nav div > span.logout a {
  display: inline;
  color: #01c0d2;
}
section.content > header section.nav section.greeting nav a {
  display: table-cell;
}
section.content > header section.nav section.greeting nav a img {
  float: right;
  vertical-align: middle;
}
section.content > header section.nav section.search-container {
  position: absolute;
  right: 50px;
  top: 72px;
  padding: 10px 12px;
  background-color: black;
  z-index: 1000;
  display: none;
}
section.content > header section.nav section.search-container.enabled {
  display: block;
}
section.content > header section.nav section.search-container:before {
  content: '';
  position: absolute;
  top: -23px;
  right: 170px;
  display: block;
  width: 0;
  height: 0;
  border: 20px solid;
  border-color: transparent transparent #f8cc32 transparent;
}
section.content > header section.nav section.search-container button.icon-search {
  position: absolute;
  top: 13px;
  right: 20px;
  height: auto;
  width: 30px;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
section.content > header section.nav section.search-container button.icon-search:before {
  color: black;
  font-size: 30px;
}
section.content > header section.nav section.search-container input[type="text"] {
  background-repeat: no-repeat;
  background-color: #f8cc32;
  background-position: 525px 12px;
  border-width: 0;
  padding: 16px 38px;
  width: 560px;
  font-size: 14px;
}
section.content > header section.nav section.search-container input[type="text"]::-webkit-input-placeholder {
  color: black;
}
section.content > header section.nav section.search-container input[type="text"]:-moz-placeholder {
  color: black;
}
section.content > header section.nav section.search-container input[type="text"]::-moz-placeholder {
  color: black;
}
section.content > header section.nav section.search-container input[type="text"]:-ms-input-placeholder {
  color: black;
}
section.content > header section.nav section.queue-container {
  position: absolute;
  right: 55px;
  top: 84px;
  height: auto;
  width: 440px;
  padding: 0 10px 35px 10px;
  border-top: 5px solid #666666;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-top-right: 6px;
  -moz-border-radius-bottom-right: 6px;
  -moz-border-radius-bottom-left: 6px;
  -moz-border-radius-top-left: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
  display: none;
}
section.content > header section.nav section.queue-container.enabled {
  display: block;
}
section.content > header section.nav section.queue-container:before {
  content: '';
  position: absolute;
  top: -40px;
  right: 103px;
  display: block;
  width: 0;
  height: 0;
  border: 20px solid;
  border-color: transparent transparent #666666 transparent;
  pointer-events: none;
}
section.content > header section.nav section.queue-container .scrollbar {
  top: 47px;
}
section.content > header section.nav section.queue-container .scroll-area-content {
  width: 410px;
}
section.content > header section.nav section.queue-container .inner-area {
  padding-right: 20px;
}
section.content > header section.nav section.queue-container .content-header {
  padding: 17px 0 0 42px;
}
section.content > header section.nav section.queue-container .content-header h4 {
  float: left;
  margin-top: 30px;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 17px;
}
section.content > header section.nav section.queue-container .content-header h5 {
  float: right;
}
section.content > header section.nav section.queue-container .content-header a {
  margin-right: -5px;
  color: #f8cc32;
}
section.content > header section.nav section.queue-container .content-header a:before {
  display: none;
}
section.content > header section.nav section.queue-container .ui-state-highlight {
  height: 35px;
  background-color: rgba(93, 93, 93, 0.3);
}
section.content > header section.nav section.queue-container .content-item {
  height: 35px;
  margin-top: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
section.content > header section.nav section.queue-container .content-item.show-full {
  padding-top: 15px;
  padding-right: 0;
  padding-bottom: 15px;
}
section.content > header section.nav section.queue-container .content-item.show-full .remove:before {
  display: none;
}
section.content > header section.nav section.queue-container .content-item.show-full .title {
  height: 35px;
  width: auto;
  font-size: 20px;
}
section.content > header section.nav section.queue-container .content-item.show-full .desc,
section.content > header section.nav section.queue-container .content-item.show-full .season,
section.content > header section.nav section.queue-container .content-item.show-full .item-buttons {
  margin-left: 0;
}
section.content > header section.nav section.queue-container .content-item.show-full .item-data {
  width: 305px;
}
section.content > header section.nav section.queue-container .content-item .item-data {
  float: left;
  width: 244px;
  margin-top: 0;
  height: 35px;
  font-size: 0;
}
section.content > header section.nav section.queue-container .content-item .thumb {
  width: 62px;
  height: 34.875px;
  margin-top: 0;
  margin-left: 5px;
}
section.content > header section.nav section.queue-container .content-item .title {
  height: 30px;
  width: auto;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: white;
}
section.content > header section.nav section.queue-container .content-item .date,
section.content > header section.nav section.queue-container .content-item .season {
  font-size: 13px;
}
section.content > header section.nav section.queue-container .content-item .season {
  margin-top: 5px;
}
section.content > header section.nav section.queue-container .content-item .desc,
section.content > header section.nav section.queue-container .content-item .season,
section.content > header section.nav section.queue-container .content-item .item-buttons {
  margin-left: 32px;
}
section.content > header section.nav section.queue-container .content-item .desc {
  padding-top: 0;
  padding-right: 10px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
}
section.content > header section.nav section.queue-container .content-item .position {
  padding-left: 10px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
}
section.content > header section.nav section.queue-container .content-item .to-top {
  margin-top: 5px;
  font-size: 0;
}
section.content > header section.nav section.queue-container .content-item .remove {
  margin-top: 5px;
}
section.content > header section.nav section.queue-container .content-item .percentage-watched {
  height: 7px;
  width: 69px;
}
section.content > header section.nav section.queue-container .content-item .item-buttons {
  width: 100%;
}
section.content > header section.nav section.queue-container .content-item .item-buttons li {
  width: auto;
  height: auto;
  margin: 0 11px 0 0;
  padding: 0;
}
section.content > header section.nav section.queue-container .content-item .item-buttons button,
section.content > header section.nav section.queue-container .content-item .item-buttons a.button {
  display: none;
  width: 180px;
  height: 40px;
  line-height: 40px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-top-right: 4px;
  -moz-border-radius-bottom-right: 4px;
  -moz-border-radius-bottom-left: 4px;
  -moz-border-radius-top-left: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
section.content > header section.nav section.queue-container .content-item .item-buttons button.icon-watch,
section.content > header section.nav section.queue-container .content-item .item-buttons a.button.icon-watch,
section.content > header section.nav section.queue-container .content-item .item-buttons button.icon-split,
section.content > header section.nav section.queue-container .content-item .item-buttons a.button.icon-split {
  display: block;
}
section.content > header section.nav section.queue-container .content-item .item-buttons button span,
section.content > header section.nav section.queue-container .content-item .item-buttons a.button span {
  display: inline;
}
section.content > header section.nav section.queue-container.offline .content-header h4 {
  float: none;
}
section.content > header section.nav section.queue-container.offline .content-header p {
  font-size: 14px;
}
section.content > header section.nav section.queue-container.offline .content-header a {
  color: #01b8c6;
  margin: 0;
}
section.content > header section.nav section.queue-container.offline .outer-area {
  height: auto;
}
section.content > header section.nav.with-page-sub-nav {
  height: 128px;
}
section.content > header section.nav.with-page-sub-nav .page-sub-nav {
  display: block;
}
section.content > header section.nav.with-page-sub-nav .page-sub-nav .container {
  height: 35px;
}
section.content > header section.nav.with-sub-nav {
  height: 143px;
}
section.content > header section.nav.with-sub-nav .main-sub-nav {
  display: block;
}
section.content > header section.nav .main-nav {
  position: absolute;
  margin-top: 31px;
  left: 24px;
  font-size: 10px;
  text-transform: uppercase;
  clear: both;
}
section.content > header section.nav .main-nav header,
section.content > header section.nav .main-nav ul {
  float: left;
  height: 30px;
}
section.content > header section.nav .main-nav header {
  padding: 5px 20px 0 0;
  border-right: 1px solid #222222;
}
section.content > header section.nav .main-nav .logo.beta {
  position: relative;
  height: 100%;
  display: block;
  top: -2px;
}
section.content > header section.nav .main-nav .logo.beta a:after {
  background-image: url('../img/sprites.png');
  background-repeat: no-repeat;
  display: block;
  content: "";
  background-position: -882px -26px;
  width: 84px;
  height: 23px;
  display: none;
  float: right;
  position: absolute;
  right: 0;
  top: 19px;
}
section.content > header section.nav .main-nav .logo > a {
  background-image: url('../img/sprites.png');
  background-repeat: no-repeat;
  display: block;
  background-position: 0 0;
  width: 370px;
  height: 29px;
}
section.content > header section.nav .main-nav .powered-by {
  display: none;
  width: 235px;
  text-align: center;
  color: white;
  font-size: 9pt;
  text-transform: lowercase;
}
section.content > header section.nav .main-nav .powered-by img {
  width: 55px;
  position: relative;
  top: 3px;
}
section.content > header section.nav .main-nav ul {
  visibility: hidden;
}
section.content > header section.nav .main-nav ul li {
  white-space: nowrap;
  height: inherit;
  color: #fff;
  display: inline-block;
  padding: 10px 20px;
  border-right: 1px solid #222222;
}
section.content > header section.nav .main-nav ul li.active a {
  border-bottom: solid 3px #fdc314;
  padding-bottom: 3px;
}
section.content > header section.nav .main-nav ul li.collapsed {
  display: none;
}
section.content > header section.nav .main-nav ul li.more {
  width: 81px;
  display: none;
}
section.content > header section.nav .main-nav ul li.more.visible {
  display: inline-block;
}
section.content > header section.nav .main-nav ul li.more.enabled ul {
  display: block;
  margin-left: -12px;
}
section.content > header section.nav .main-nav ul li.more span {
  vertical-align: bottom;
  cursor: default;
}
section.content > header section.nav .main-nav ul li.more ul {
  display: none;
}
section.content > header section.nav .main-nav ul li.more ul li {
  display: block;
  border: none;
  background-color: black;
}
section.content > header section.nav .main-nav ul li.more ul li:last-child.active {
  padding-bottom: 28px !important;
}
section.content > header section.nav .main-nav ul li a:link,
section.content > header section.nav .main-nav ul li a:visited,
section.content > header section.nav .main-nav ul li a:hover,
section.content > header section.nav .main-nav ul li a:active {
  text-decoration: none;
  color: #fff;
}
section.content > header section.nav.powered-by-hulu .main-nav .logo.beta {
  top: -7px;
}
section.content > header section.nav.powered-by-hulu .main-nav .logo > a {
  background-size: 910px;
  width: 235px;
  height: 18px;
}
section.content > header section.nav.powered-by-hulu .main-nav .powered-by {
  display: block;
}
.main-sub-nav,
.page-sub-nav {
  position: absolute;
  top: 93px;
  display: block;
  height: 50px;
  width: 100%;
}
.main-sub-nav .arrow,
.page-sub-nav .arrow {
  position: absolute;
  bottom: auto;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: 11px solid;
  border-color: transparent transparent #6a6a6a transparent;
  -moz-transition: bottom ease 0.5s;
  -webkit-transition: bottom ease 0.5s;
  -o-transition: bottom ease 0.5s;
  transition: bottom ease 0.5s;
}
.main-sub-nav .arrow.active,
.page-sub-nav .arrow.active {
  bottom: 100%;
}
.main-sub-nav .container,
.page-sub-nav .container {
  height: 50px;
  background: #6a6a6a;
}
.main-sub-nav .container ul,
.page-sub-nav .container ul {
  display: block;
  padding-top: 12px;
  display: flex;
  justify-content: center;
}
.main-sub-nav .container ul li,
.page-sub-nav .container ul li {
  display: inline-block;
  margin-right: 30px;
}
.main-sub-nav .container ul li:last-child,
.page-sub-nav .container ul li:last-child {
  margin-right: 0;
}
.main-sub-nav .container ul li.active,
.page-sub-nav .container ul li.active {
  border-bottom: solid 3px #fdc314;
}
.main-sub-nav .container ul li > .arrow,
.page-sub-nav .container ul li > .arrow {
  display: none;
}
.main-sub-nav .container ul li a,
.page-sub-nav .container ul li a {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
#main_header.header-initialized > .nav .main-nav ul {
  visibility: visible;
}
.no-touch section.content > header section.nav section.queue-container .content-item:hover {
  background-color: rgba(93, 93, 93, 0.3);
}
.no-touch section.content > header section.nav section.queue-container .content-item:hover .title {
  color: #f8cc32;
}
.no-touch section.content > header section.nav section.queue-container .content-item:hover.show-full .title {
  color: white;
}
header.content-header a.icon-chevron-right {
  font-weight: bold;
  white-space: nowrap;
}
header.content-header a.icon-chevron-right:after {
  font-family: 'south-park-studios';
  text-decoration: none;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  vertical-align: middle;
  content: '\00e008';
}
section.nav > section.greeting {
  margin: 0;
}
section.hulu-help {
  background: #7DC04A;
  color: white;
  padding: 4px;
  text-align: center;
  line-height: 1.4em;
  font-size: 11pt;
  z-index: 3;
}
section.hulu-help a {
  color: inherit;
  text-decoration: underline;
  font-weight: 400;
}
section.hulu-help img {
  position: relative;
  top: 2px;
}
/* jQuery Countdown styles 1.6.3. */
.hasCountdown {
  display: inline-block;
  color: #FFF;
}
.countdown_section {
  float: left;
  text-transform: uppercase;
}
section.callout {
  position: relative;
  min-height: 60px;
  height: auto;
  width: 100%;
}
section.callout .container {
  width: 1440px;
  height: auto;
  min-height: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #dd2543;
  background-color: #cc0000;
  background-position: 2vw center;
  background-repeat: no-repeat;
  text-align: center;
}
section.callout .container #callout-ad {
  display: none;
}
section.callout .container.with-ad header {
  margin-right: 95px;
}
section.callout .container.with-ad #callout-ad {
  height: 100%;
  width: 190px;
  position: absolute;
  right: 5px;
  display: inline-block;
}
section.callout .container header {
  display: inline-block;
  height: 100%;
  line-height: 60px;
  vertical-align: top;
}
section.callout .container header#kyleForPresident {
  display: none;
}
section.callout .container header#kyleForPresident h3 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 19px;
  color: black;
  vertical-align: top;
  line-height: 60px;
}
section.callout .container header#kyleForPresident h4 {
  display: inline-block;
  padding-left: 10px;
  text-transform: uppercase;
  color: white;
  vertical-align: top;
  line-height: 60px;
}
section.callout .container header#seasonPremiere {
  line-height: 100%;
}
section.callout .container header#seasonPremiere > h3 {
  padding-right: 50px;
  margin-right: -6px;
  border-right: 1px solid #a30000;
}
section.callout .container header#seasonPremiere h3 {
  display: inline-block;
  color: #FFF;
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  font-size: 26px;
  vertical-align: top;
  line-height: 60px;
}
section.callout .container header#seasonPremiere h4 {
  margin-right: 15px;
  display: inline-block;
  padding-left: 10px;
  text-transform: uppercase;
  color: white;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  vertical-align: top;
  line-height: 60px;
}
section.callout .container header#seasonPremiere h5 {
  display: block;
  text-transform: uppercase;
  color: white;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  vertical-align: top;
  line-height: 60px;
}
section.callout .container > .close {
  float: left;
  margin-left: -60px;
  display: inline-block;
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  font-size: 14px;
  color: white;
  margin-left: 20px;
  border: 1px solid #d63333;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 20px;
}
section.callout .container > .close .close {
  padding: 6px;
  line-height: 8px;
  border: 1px solid #a30000;
  border-radius: 50%;
}
#defaultCountdown {
  display: none;
}
#defaultCountdown.hasCountdown {
  display: inline-block;
}
#defaultCountdown .countdown_section {
  display: inline-block;
  float: left;
  height: 60px;
  width: 70px;
  border-left: 1px solid #d63333;
  border-right: 1px solid #a30000;
  line-height: 0px;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 11px;
}
#defaultCountdown .countdown_section .countdown_amount {
  display: inline-block;
  text-transform: uppercase;
  color: #FFF;
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  font-size: 26px;
  vertical-align: top;
  line-height: 50px;
}
#defaultCountdown .countdown_section h5 {
  font-weight: normal;
}
#defaultCountdown .countdown_segment:first {
  border-left: 1px solid #a30000;
  border-right: 1px solid #a30000;
}
.calloutMessage {
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
}
.calloutMessage.countdown {
  line-height: 60px;
}
section.content > footer {
  min-height: 189px;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
}
section.content > footer .footer {
  white-space: nowrap;
  background-color: black;
  margin-top: 0;
  padding-top: 67px;
  padding-bottom: 34px;
}
section.content > footer .footer .row {
  font-size: 0;
  float: left;
  white-space: nowrap;
  min-height: 0;
  max-height: none;
  width: 100%;
  margin: 0 -75px;
  padding: 0 75px;
  -moz-transition: margin-left ease 0.5s;
  -webkit-transition: margin-left ease 0.5s;
  -o-transition: margin-left ease 0.5s;
  transition: margin-left ease 0.5s;
}
section.content > footer .footer .row.shift {
  float: none;
  display: inline-block;
  vertical-align: top;
}
section.content > footer .footer .row .single-row {
  position: absolute;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
section.content > footer .footer.links .row {
  padding: 0 75px;
  margin: 0;
}
section.content > footer .footer.links .row div.column.legal {
  float: left;
}
section.content > footer .footer.links .row div.column-wrap {
  float: right;
  width: 80%;
  padding-left: 30px;
}
section.content > footer .footer.links .row div.column-wrap > .column {
  width: 22%;
}
section.content > footer .footer.links .row div.column {
  white-space: normal;
  width: 18%;
  display: inline-block;
  vertical-align: top;
  margin-left: 2%;
  min-height: inherit;
  max-height: inherit;
  height: inherit;
  margin-left: 3%;
  padding: 5px 0 5px 5px;
  color: white;
}
section.content > footer .footer.links .row div.column .tos-links.low {
  display: none;
  margin-top: 50px;
}
section.content > footer .footer.links .row div.column .tos-links.low a {
  display: block;
  margin-left: 10px;
  margin-top: 2px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 9px;
  color: white;
}
section.content > footer .footer.links .row div.column .container {
  min-height: inherit;
  max-height: inherit;
  position: relative;
  width: 100%;
  height: inherit;
}
section.content > footer .footer.links .row div.column.legal {
  margin-left: 0;
  padding-left: 0;
}
section.content > footer .footer.links .row div.column h4 {
  margin-top: 8px;
  text-transform: uppercase;
}
section.content > footer .footer.links .row div.column header > h3 {
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
}
section.content > footer .footer.links .row div.column.legal article,
section.content > footer .footer.links .row div.column.legal nav {
  margin-top: 14px;
}
section.content > footer .footer.links .row div.column.legal article p,
section.content > footer .footer.links .row div.column.legal nav p {
  margin: 0 0 0 22px;
  font-size: 9px;
}
section.content > footer .footer.links .row div.column a {
  text-decoration: none;
  color: white;
  font-size: 11px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.content > footer .footer.links .logo img {
  width: 234px;
  height: auto;
}
section.content > footer .footer.tos {
  padding: 0;
  margin: 0;
}
section.content > footer .footer.tos .row {
  padding: 0 91px;
  margin: 0;
  display: table-cell;
  height: auto;
  min-height: 0;
}
section.content > footer .footer.tos .row > div.tos-links {
  width: 82.5%;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.83333333%;
  min-height: inherit;
  max-height: inherit;
  height: inherit;
  vertical-align: bottom;
  margin-left: 0;
}
section.content > footer .footer.tos .row > div.tos-links .container {
  min-height: inherit;
  max-height: inherit;
  position: relative;
  width: 100%;
  height: inherit;
}
section.content > footer .footer.tos .row > div.viacom.high {
  display: block;
  width: 15.83333333%;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.83333333%;
  min-height: inherit;
  max-height: inherit;
  height: inherit;
  vertical-align: bottom;
  margin-left: 21px;
  position: relative;
  top: -2px;
}
section.content > footer .footer.tos .row > div.viacom.high .container {
  min-height: inherit;
  max-height: inherit;
  position: relative;
  width: 100%;
  height: inherit;
}
section.content > footer .footer.tos .row > div li {
  display: inline;
  margin-left: 12px;
}
section.content > footer .footer.tos .row > div li:first-child {
  margin-left: 0;
}
section.content > footer .footer.tos .row > div li a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 8px;
  color: white;
}
section.content > footer .footer .row .column.viacom.low {
  display: none !important;
}
section.content > footer .footer.social {
  padding-top: 24px;
}
section.content > footer .footer.social hr {
  border-color: #ed1a3b;
  margin-bottom: 15px;
}
section.content > footer .footer.social .row {
  padding: 0;
  margin: 0;
  min-height: 0;
  height: auto;
}
section.content > footer .footer.social .item {
  margin-right: 15px;
}
section.footer > div.row > div.viacom > article {
  background-image: url('../img/sprites.png');
  background-repeat: no-repeat;
  display: block;
  background-position: -372px 0;
  width: 123px;
  height: 19px;
}
section.footer .social .item {
  color: #fff;
}
body[data-theme="white-on-black"] {
  background-image: url('/sitewide/img/pattern-black.png');
  color: white;
}
body[data-theme="white-on-black"] section.content > section {
  background-color: black;
}
body[data-theme="white-on-black"] section > .container > header h2,
body[data-theme="white-on-black"] section > article > .container > header h2 {
  color: white;
}
body[data-theme="white-on-black"] section.blog > .container .articles {
  background-color: #666666;
}
body[data-theme="white-on-black"] section.page-content > div.videos-page .view-gradient {
  background-image: none;
}
body[data-theme="white-on-black"] section.page-content > div.player .more-info {
  background-color: #333333;
}
body[data-theme="white-on-black"] section.page-content > div.videos-page div.episodesHero {
  background-color: #494949;
}
body[data-theme="white-on-black"] section.page-content > div.videos-page div.episodesHero.active .gradient {
  display: none;
}
body[data-theme="white-on-black"] section.page-content > div.videos-page section.grid > .container .thumbs,
body[data-theme="white-on-black"] section.page-content > div.videos-page section.grid > article > .container .thumbs {
  background-color: black;
}
body[data-theme="white-on-black"] section.page-content > div.games section.games > article.module > .container header h2 {
  color: white;
}
body[data-theme="white-on-black"] section.episode-filters div.season-pagination nav span.disabled {
  color: #666666;
}
body[data-theme="white-on-black"] section.player section.page-content > div.player .ad-container > .single-row > .container > header h2,
body[data-theme="white-on-black"] section.player section.page-content > div.player > .single-row > .container > header h2 {
  color: white;
}
body[data-theme="white-on-black"] div.main-blog-content article footer div.activity div.comments div.comments-count {
  color: white;
}
body[data-theme="white-on-black"] div.main-blog-content article footer div.activity div.social .item {
  color: white;
}
body[data-theme="white-on-black"] div.main-blog-content article.detail footer > h2 {
  color: white;
}
body[data-theme="white-on-black"] .square-ad {
  background-color: black;
}
body[data-theme="white-on-black"] .square-ad:after {
  background-color: black;
}
body[data-theme="white-on-black"] .textGBook {
  color: white;
}
body[data-theme="white-on-black"] a:hover,
body[data-theme="white-on-black"] a:link,
body[data-theme="white-on-black"] a:visited,
body[data-theme="white-on-black"] a:active {
  color: white;
}
body[data-theme="white-on-black"] section.shaded + div.view-gradient + section.shaded,
body[data-theme="white-on-black"] section.shaded + section.shaded {
  background-color: #333333;
}
section.hero {
  display: block;
  position: relative;
  max-width: 1440px;
  max-height: 497px;
  height: 450px;
}
section.hero .background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #AAA;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
  background-repeat: no-repeat, no-repeat;
  -moz-transition: background-position ease 0.5s;
  -webkit-transition: background-position ease 0.5s;
  -o-transition: background-position ease 0.5s;
  transition: background-position ease 0.5s;
  background-size: 100%;
}
section.hero .cta.version2 article.text .social {
  float: none;
  padding: 20px 65px 20px 0;
  text-align: right;
}
section.hero .cta.version2 article.text .social .item {
  height: 18px;
  text-align: center;
}
section.hero .cta.version2 article.text h6 {
  background: none;
  font-size: 50px;
  color: #01c0d2;
}
section.hero .cta.version2 article.text h3 {
  padding-bottom: 0;
  font-size: 25px;
}
section.hero .cta.version2 article.text p {
  padding-right: 65px;
}
section.hero .cta {
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding-bottom: 45px;
  -moz-transition: left ease 0.5s;
  -webkit-transition: left ease 0.5s;
  -o-transition: left ease 0.5s;
  transition: left ease 0.5s;
  color: white;
}
section.hero .cta.active {
  left: 0;
}
section.hero .cta.make-inactive {
  left: -100%;
}
section.hero .cta.reset-position {
  left: 100%;
  -moz-transition: none ease 0.5s;
  -webkit-transition: none ease 0.5s;
  -o-transition: none ease 0.5s;
  transition: none ease 0.5s;
}
section.hero .cta.hidden {
  display: none;
}
section.hero .cta.with-sponsor,
section.hero .cta.version2.with-sponsor {
  padding-top: 35px;
  z-index: 1;
}
section.hero .cta.with-sponsor .buttons,
section.hero .cta.version2.with-sponsor .buttons {
  margin: 198px 56px 8px 32px;
}
section.hero .cta.with-sponsor div.sponsor-logo,
section.hero .cta.version2.with-sponsor div.sponsor-logo {
  position: absolute;
  left: 0;
  top: 277px;
  z-index: -1;
  width: 100%;
  height: 125px;
  display: table;
  text-align: center;
}
section.hero .cta.with-sponsor div.sponsor-logo > div,
section.hero .cta.version2.with-sponsor div.sponsor-logo > div {
  display: table-cell;
  vertical-align: middle;
}
section.hero .cta.with-sponsor div.sponsor-logo > div:before,
section.hero .cta.version2.with-sponsor div.sponsor-logo > div:before {
  content: url('../img/sponsor-logo-gradient.png');
  position: absolute;
  bottom: -35px;
  left: 0;
  z-index: -1;
}
section.hero .cta.with-sponsor div.sponsor-logo img,
section.hero .cta.version2.with-sponsor div.sponsor-logo img {
  max-height: 100%;
}
section.hero .cta .buttons {
  margin: 290px 56px 8px 32px;
}
section.hero .cta .buttons button,
section.hero .cta .buttons a.button {
  display: block;
  float: left;
}
section.hero .cta .buttons button.split,
section.hero .cta .buttons a.button.split {
  margin-left: 10px;
}
section.hero .scroll {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
section.hero .scroll ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.hero .scroll ul li {
  display: inline-block;
  cursor: pointer;
}
section.hero .scroll ul li:last-child {
  margin-right: 0;
}
progress,
progress[role] {
  /* Turns off styling - not usually needed, but good to know. */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /* gets rid of default border in Firefox and Opera. */
  border: none;
  /* Needs to be in here for Safari polyfill so background images work as expected. */
  background-size: auto;
  /* Dimensions */
  width: 400px;
  height: 60px;
}
/* Polyfill */
progress[role]:after {
  background-image: none;
  /* removes default background from polyfill */
}
/* Ensure fallback text doesn't appear in polyfill */
progress[role] strong {
  display: none;
}
section.module.hero li.progress-bg {
  position: relative;
  width: 123px;
  height: 7px;
  margin-top: 16px;
  margin-bottom: 16px;
  vertical-align: middle;
  background-color: #777;
}
section.module.hero li.progress-bg:after,
section.module.hero li.progress-bg:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  content: '';
}
section.module.hero li.progress-bg:before {
  top: 100%;
}
section.module.hero li.progress-bg:after {
  bottom: 100%;
}
section.module.hero li .progress-fg {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 7px;
  width: 0%;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #fff;
}
.friends .row > article {
  width: 18%;
  display: inline-block;
  vertical-align: top;
  margin-left: 2%;
  min-height: inherit;
  max-height: inherit;
  height: inherit;
}
.friends .row > article .container {
  min-height: inherit;
  max-height: inherit;
  position: relative;
  width: 100%;
  height: inherit;
}
.friends .row > article {
  margin-left: 0;
}
.friends .row > article.thumb {
  margin-left: 2%;
}
.friends {
  white-space: nowrap;
  background-color: #666666;
  color: white;
}
.friends .row {
  font-size: 0;
  float: left;
  white-space: nowrap;
  min-height: 117px;
  max-height: 117px;
  width: 100%;
  margin: 0 -75px;
  padding: 0 75px;
  -moz-transition: margin-left ease 0.5s;
  -webkit-transition: margin-left ease 0.5s;
  -o-transition: margin-left ease 0.5s;
  transition: margin-left ease 0.5s;
}
.friends .row.shift {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.friends .row .single-row {
  position: absolute;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.friends .row {
  margin: 0;
  padding: 0 40px;
}
.friends .row article {
  position: relative;
}
.friends .row article > div {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 55px;
}
.friends .row article > div h4 {
  padding: 13.5px 0 0 0;
  color: white;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.friends .row article > div > img {
  float: left;
  height: 55px;
  width: 55px;
  margin-right: 10px;
}
.friends .row article > div p {
  overflow: hidden;
  margin: 0;
  padding-top: 10.5px;
}
.friends .row article > div p strong:after {
  content: " ";
}
.friends .row article > div p span.action {
  display: inline;
}
.friends .row article > div p span.action span {
  color: #f5b921;
}
.friends .row article > div p span.subject {
  color: #f5b921;
  white-space: nowrap;
}
.friends .row article > div p span.subject .episode {
  font-style: italic;
  display: inline;
  color: #cdcdcd;
}
.friends .row article > div p span.additional {
  font-style: italic;
  color: #cdcdcd;
  white-space: nowrap;
}
.friends .row article > div p span.additional:before {
  content: "-";
}
.friends .row article.hover section.info {
  display: block;
}
.friends .row article section.info {
  display: none;
}
.friends .row article section.info.episode {
  margin-left: 0;
}
.friends .row article section.info.avatar {
  margin-left: 0;
}
.friends .row article section.info.blog-post,
.friends .row article section.info.wiki-post {
  margin-left: 0;
}
section.carousel > *,
section.grid > * {
  background-color: inherit;
  margin-left: 50px;
  margin-right: 50px;
}
section.carousel.module,
section.grid.module {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 40px;
}
section.carousel li,
section.grid li {
  display: inline-block;
  vertical-align: top;
}
section.carousel li#episodeListMain,
section.grid li#episodeListMain {
  width: 95%;
  text-align: left;
}
section.carousel li.placeholder > a,
section.grid li.placeholder > a {
  height: 100%;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0;
  border: 1px solid lightgray;
  text-align: left;
}
section.carousel li.placeholder > a::after,
section.grid li.placeholder > a::after {
  content: 'Loading ...';
  display: inline;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
  line-height: 25px;
  font-size: 10px;
  color: #666;
  text-transform: uppercase;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
section.carousel > header,
section.grid > header {
  height: 42px;
  position: relative;
  z-index: 1;
  text-align: left;
  margin-top: 22px;
}
section.carousel > header > h2,
section.grid > header > h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 20px;
  float: left;
}
section.carousel > span.ticker {
  position: absolute;
  width: 100%;
  margin: 90px 0 0;
  color: #cdcdcd;
  font-style: italic;
  font-size: 8pt;
  z-index: 1;
}
section.carousel > div.carousel-wrapper {
  clear: left;
  overflow: hidden;
}
section.carousel > div.carousel-wrapper > ul {
  white-space: nowrap;
}
section.carousel > div.carousel-wrapper.thumb-scroller {
  margin: 0;
  width: auto;
  overflow: initial !important;
  overflow-x: scroll !important;
  overflow-y: hidden;
}
section.carousel > div.carousel-wrapper.thumb-scroller > ul > li:first-child {
  margin-left: 50px;
}
section.carousel > div.carousel-wrapper.thumb-scroller > ul > li:last-child {
  margin-right: 50px;
}
section.carousel > div.carousel-wrapper.thumb-scroller #episodeListMain {
  height: 100%;
  width: 95%;
  border: none;
}
section.carousel > div.carousel-wrapper.thumb-scroller #episodeListMain ul {
  margin-bottom: 40px;
  overflow-x: auto;
}
section.carousel > div.carousel-wrapper.thumb-scroller #episodeListMain .seasonEpisodeNumberMobile {
  font-size: 16px;
  margin-left: 10px;
}
section.carousel > div.carousel-wrapper.thumb-scroller #episodeListMain .seasonEpisodeTitleMobile {
  display: block;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper {
  margin: 0;
  padding: 0 50px;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span {
  color: #f8cc32;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  height: 100%;
  width: 50px;
  border-radius: 0;
  background: none;
  cursor: pointer;
  opacity: 0.8;
  font-size: 0px;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span.hover {
  opacity: 1.0;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span::after {
  display: none;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span::before {
  content: '';
  display: block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 23px;
  margin-top: -12px;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span.elastislide-next {
  content: '';
  display: block;
  left: auto;
  right: 0;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span.elastislide-next:before {
  font-family: 'south-park-studios';
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: 21px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span.elastislide-next:before {
  content: '\00e008';
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span.elastislide-next::before {
  font-size: 26px;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span.elastislide-next::after {
  display: none;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span.elastislide-prev {
  content: '';
  display: block;
  right: auto;
  left: 0;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span.elastislide-prev:before {
  font-family: 'south-park-studios';
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: 21px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span.elastislide-prev:before {
  content: '\00e007';
}
section.carousel > div.carousel-wrapper.elastislide-wrapper > nav > span.elastislide-prev::before {
  font-size: 26px;
}
section.carousel.single-row li > a {
  margin-bottom: 0 !important;
}
section.carousel.spacer {
  padding-bottom: 20px;
}
section.carousel.special > * {
  margin: 0 75px;
}
section.carousel.special > header > h2 {
  margin-left: 0 !important;
}
section.carousel.special > div.carousel-wrapper.elastislide-wrapper {
  clear: left;
  margin: 0;
  padding: 0 75px;
}
section.carousel.special > div.carousel-wrapper.elastislide-wrapper > nav > span {
  width: 75px;
  opacity: 1.0;
}
section.carousel.special > div.carousel-wrapper.elastislide-wrapper > nav > span::before {
  width: 75px;
}
section.carousel.special > div.carousel-wrapper.thumb-scroller {
  margin: 0;
  padding: 0;
}
section.carousel.special > div.carousel-wrapper.thumb-scroller li:first-child {
  margin-left: 75px;
}
section.carousel.special > div.carousel-wrapper.thumb-scroller li:last-child {
  margin-right: 75px;
}
.seasonEpisodeTitle {
  font-size: 16px;
  font-weight: bold;
}
.seasonEpisodeNumber {
  margin-left: 30px;
  font-size: 16px;
  font-weight: bold;
}
.seasonEpisodeAirdate {
  margin-left: 30px;
  font-size: 14px;
}
.seasonEpisodeDescription {
  font-size: 14px;
  margin-bottom: 20px;
  width: 100%;
  white-space: normal;
}
li#episodeListMain.episodeListOutterMobile {
  border: none;
}
.episodeListOutterMobile ul {
  margin-bottom: 40px;
}
section.content > section > div > section.module.random-video {
  text-align: center;
  margin: 0;
  position: relative;
}
section.content > section > div > section.module.random-clip {
  clear: both;
  padding-bottom: 80px;
}
.random-video {
  height: 65px;
  line-height: 65px;
  text-transform: uppercase;
  /*
	background     : rgb(45, 45, 45);
	background     : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkMmQyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background     : -moz-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background     : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45, 45, 45, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
	background     : -webkit-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background     : -o-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background     : -ms-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background     : linear-gradient(to bottom, rgba(45, 45, 45, 1) 0%, rgba(0, 0, 0, 1) 100%);
	filter         : progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d', endColorstr='#000000', GradientType=0);
*/
}
.random-video .title,
.random-video a.button {
  margin-right: 92px;
  vertical-align: middle;
}
.random-video .title:last-child,
.random-video a.button:last-child {
  margin-right: 0;
}
.random-video .title {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 17px;
  color: white;
}
.random-video .title span {
  color: #f8cc32;
}
.random-video a.button {
  height: 20px;
  line-height: 17px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}
a.random-episode {
  background-repeat: no-repeat;
  background-position: center 2px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('/sitewide/img/random-banner.png');
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  color: #F8CC32 !important;
  font-size: 22pt;
}
a.random-episode img {
  display: none;
}
a.random-episode:hover {
  background-image: url('/sitewide/img/random-banner-over.png');
}
a.random-episode.espanol {
  background-image: url('/sitewide/img/espanol/random-banner.png');
}
a.random-episode.espanol:hover {
  background-image: url('/sitewide/img/espanol/random-banner-over.png');
}
a.random-clip {
  background-repeat: no-repeat;
  background-position: center 2px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('/sitewide/img/random-clip.png');
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  color: #F8CC32 !important;
  font-size: 22pt;
  margin-bottom: 20px;
}
a.random-clip img {
  display: none;
}
a.random-clip:hover {
  background-image: url('/sitewide/img/random-clip-over.png');
}
.quicklinks > .container > header {
  height: 17px;
  clear: both;
  display: block;
  margin-bottom: 14px;
}
.quicklinks > .container > header h2 {
  margin: 0 0 0 75px;
  text-transform: uppercase;
  float: left;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.quicklinks > .container > header h2 span {
  font-size: 12px;
  vertical-align: middle;
  padding-left: 10px;
}
.quicklinks > .container > header h3 {
  margin: 0 75px 0 0;
  padding: 0;
  text-transform: uppercase;
  float: right;
}
.quicklinks > .container > header h3 span {
  display: none;
}
.quicklinks > .container > .arrow {
  position: relative;
  width: 75px;
  height: 312px;
  line-height: 312px;
  text-align: center;
  color: #f8cc32;
  cursor: pointer;
  min-height: 0;
  max-height: none;
}
.quicklinks > .container > .arrow.left {
  clear: both;
  float: left;
  background-color: #ffffff;
}
.quicklinks > .container > .arrow.left:before {
  font-size: 26px;
  text-shadow: none;
}
.quicklinks > .container > .arrow.right {
  float: right;
  background-color: #ffffff;
}
.quicklinks > .container > .arrow.right:before {
  font-size: 26px;
  text-shadow: none;
}
.quicklinks > .container > .arrow.disabled {
  cursor: default;
}
.quicklinks > .container > .arrow.disabled:before {
  color: #cccccc;
}
.quicklinks > .container > .arrow a {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.quicklinks > .container > .row {
  width: 100%;
  margin-left: -75px;
  display: inline-block;
  padding: 0 75px;
  height: 312px;
  -moz-transition: margin-left ease 0.5s;
  -webkit-transition: margin-left ease 0.5s;
  -o-transition: margin-left ease 0.5s;
  transition: margin-left ease 0.5s;
}
.quicklinks > .container > .row > div.column {
  width: 24.16666667%;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.83333333%;
  min-height: inherit;
  max-height: inherit;
  height: inherit;
}
.quicklinks > .container > .row > div.column:first-child {
  width: 24.16666667%;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.83333333%;
  min-height: inherit;
  max-height: inherit;
  height: inherit;
  width: 25%;
  margin-left: 0;
}
.quicklinks > .container > .row > div.column:first-child .container {
  min-height: inherit;
  max-height: inherit;
  position: relative;
  width: 100%;
  height: inherit;
}
.quicklinks > .container > .row > div.column .container {
  min-height: inherit;
  max-height: inherit;
  position: relative;
  width: 100%;
  height: inherit;
}
.quicklinks > .container > .row > div.column.quote {
  width: 49.16666667%;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.83333333%;
  min-height: inherit;
  max-height: inherit;
  height: inherit;
}
.quicklinks > .container > .row > div.column.quote .container {
  min-height: inherit;
  max-height: inherit;
  position: relative;
  width: 100%;
  height: inherit;
}
.quicklinks > .container > .row > div.column article.collections .thumb header h3 {
  display: none;
}
.quicklinks > .container > .row > div.column article.collections .thumb {
  display: inline-block;
  width: 80px;
  height: 45px;
}
.quicklinks > .container > .row > div.column article.collections .collection-header {
  display: none;
}
.quicklinks > .container > .row > div.column article.collections {
  color: white;
}
.quicklinks > .container > .row > div.column article.collections > div {
  position: absolute;
  height: 100%;
  width: 100%;
}
.quicklinks > .container > .row > div.column article.collections > div > header {
  position: relative;
  height: 8%;
  padding-left: 5px;
  background-color: #222222;
}
.quicklinks > .container > .row > div.column article.collections > div > header h5 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 11px;
}
.quicklinks > .container > .row > div.column article.collections > div > nav {
  height: 92%;
}
.quicklinks > .container > .row > div.column article.collections > div > nav > ul {
  height: 100%;
  width: 100%;
}
.quicklinks > .container > .row > div.column article.collections > div > nav > ul li {
  background-image: url('../img/sprites.png');
  display: block;
  position: relative;
  height: 20%;
  width: 100%;
  padding: 5px 0 5px 5px;
  background-position: -434px -31px;
  background-repeat: no-repeat;
}
.quicklinks > .container > .row > div.column article.collections > div > nav > ul li.even {
  background-color: #3d3d3d;
}
.quicklinks > .container > .row > div.column article.collections > div > nav > ul li.odd {
  background-color: #333333;
}
.quicklinks > .container > .row > div.column article.collections > div > nav > ul li .thumbs {
  display: inline-block;
  height: 100%;
  width: 25%;
}
.quicklinks > .container > .row > div.column article.collections > div > nav > ul li .thumbs .thumb {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
}
.quicklinks > .container > .row > div.column article.collections > div > nav > ul li .thumbs .thumb > header {
  display: none;
}
.quicklinks > .container > .row > div.column article.collections > div > nav > ul li .thumbs .thumb.hover section.info {
  display: block;
}
.quicklinks > .container > .row > div.column article.collections > div > nav > ul li .thumbs .thumb section.info {
  display: none;
}
.quicklinks > .container > .row > div.column article.collections > div > nav > ul li > span {
  display: inline-block;
  height: 100%;
  width: 60%;
  padding-left: 5px;
  text-align: left;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.quicklinks > .container > .row > div.column article.avatar {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
  padding-top: 5px;
  color: black;
}
.quicklinks > .container > .row > div.column article.avatar h3 {
  text-align: center;
}
.quicklinks > .container > .row > div.column article.quote {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
  text-align: center;
}
.quicklinks > .container > .row > div.column article.quote > div {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  padding: 35px 35px 0 0;
}
.quicklinks > .container > .row > div.column article.quote > div h6 {
  color: #4cb7be;
}
.quicklinks > .container > .row > div.column article.quote > div blockquote {
  height: 45%;
  text-align: center;
  margin: 0;
  padding: 5% 0 0 0;
  color: white;
}
.quicklinks > .container > .row > div.column article.quote > div blockquote:before,
.quicklinks > .container > .row > div.column article.quote > div blockquote:after {
  content: '"';
}
.quicklinks > .container > .row > div.column article.quote > div cite {
  display: block;
  padding-top: 5%;
  font-style: normal;
}
.quicklinks > .container > .row > div.column article.quote > div cite .who {
  color: #4cb7be;
}
.quicklinks > .container > .row > div.column article.quote > div cite .where {
  color: white;
}
.quicklinks > .container > .row > div.column article.quote > div cite .season {
  color: white;
}
.quicklinks > .container > .row > div.column article.quote > div .social span {
  width: 70px;
  height: auto;
  padding: 0;
  margin: 18px 0;
}
.quicklinks > .container > .row > div.column article.quote > div .buttons {
  margin: 0;
}
.quicklinks > .container > .row > div.column article.quote > div .buttons button,
.quicklinks > .container > .row > div.column article.quote > div .buttons a.button {
  background-position: 8px;
}
@media (max-width: 1737px) {
  .quicklinks > .container > .row > div.column article.quote > div {
    width: 60%;
  }
  .quicklinks > .container > .row > div.column article.quote > div blockquote {
    height: 50%;
  }
  .quicklinks > .container > .row > div.column article.quote > div .social span {
    width: 70px;
  }
}
@media (max-width: 1514px) {
  .quicklinks > .container > .row > div.column article.quote > div blockquote {
    padding-top: 5px;
  }
}
li.blog-post {
  width: auto;
  max-width: auto;
  height: auto;
  background-color: #dbdbdb;
}
li.blog-post > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
li.blog-post > a > div.gradient {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#1a000000", GradientType=0);
  /* IE6-8 */
}
li.blog-post > a .copy {
  color: black;
}
section.blog .module .arrow,
section.blog.module .arrow {
  position: relative;
  width: 75px;
  height: 540px;
  line-height: 540px;
  text-align: center;
  color: #f8cc32;
  cursor: pointer;
  min-height: 0;
  max-height: none;
}
section.blog .module .arrow.left,
section.blog.module .arrow.left {
  clear: both;
  float: left;
  background-color: #222222;
}
section.blog .module .arrow.left:before,
section.blog.module .arrow.left:before {
  font-size: 26px;
  text-shadow: none;
}
section.blog .module .arrow.right,
section.blog.module .arrow.right {
  float: right;
  background-color: #222222;
}
section.blog .module .arrow.right:before,
section.blog.module .arrow.right:before {
  font-size: 26px;
  text-shadow: none;
}
section.blog .module .arrow.disabled,
section.blog.module .arrow.disabled {
  cursor: default;
}
section.blog .module .arrow.disabled:before,
section.blog.module .arrow.disabled:before {
  color: #cccccc;
}
section.blog .module .arrow a,
section.blog.module .arrow a {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
section.blog > div.row {
  width: 100%;
}
section.blog > div.row > section.articles {
  width: 323px;
  height: 543.9375px;
  float: left;
  background-color: white;
  color: black;
  white-space: normal;
  overflow: hidden;
}
section.blog > div.row > section.articles > div.article-wrapper {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
section.blog > div.row > section.articles > div.article-wrapper > article {
  display: table-cell;
  vertical-align: middle;
  padding: 0 32px;
  white-space: normal;
}
section.blog > div.row > section.articles > div.article-wrapper > article > p {
  font-size: 12px;
  min-height: 20px;
  height: auto;
  max-height: 150px;
  margin-bottom: 0;
}
body[data-language-code="de"] section.blog > div.row > section.articles > div.article-wrapper > article > p {
  max-height: 110px;
}
section.blog > div.row > section.articles > div.article-wrapper > article > h3 {
  margin: 18px 0 20px 0;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
}
section.blog > div.row > section.articles > div.article-wrapper > article > h6 {
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.blog > div.row > section.articles > div.article-wrapper > article > div.buttons {
  margin: 40px 0 0 -5px;
  text-align: left;
}
section.blog > div.row > section.articles > div.article-wrapper > article > div.buttons button,
section.blog > div.row > section.articles > div.article-wrapper > article > div.buttons a.button {
  margin-left: auto;
  margin-right: auto;
  width: 120px;
  height: 40px;
}
section.blog > div.row > section.articles > div.article-wrapper > article > div.buttons button span,
section.blog > div.row > section.articles > div.article-wrapper > article > div.buttons a.button span {
  font-size: 14px;
}
section.blog > div.row > a.background {
  -moz-transition: background-position ease 0.5s;
  -webkit-transition: background-position ease 0.5s;
  -o-transition: background-position ease 0.5s;
  transition: background-position ease 0.5s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
  width: 967px;
  height: 543.9375px;
  float: left;
}
section.blog.grid li {
  width: 664px;
  height: 243px;
  margin-right: 12px;
  margin-bottom: 12px;
  position: relative;
}
section.blog.grid li:nth-child(even) {
  margin-right: 0;
}
section.blog.grid li > a > img {
  float: right;
  height: 100%;
}
section.blog.grid li > a > h4,
section.blog.grid li > a h6,
section.blog.grid li > a p {
  padding: 0 17px;
  white-space: normal;
  overflow: hidden;
}
section.blog.grid li > a > h4 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  height: 39px;
  text-transform: uppercase;
  font-size: 14px;
}
section.blog.grid li > a > h6 {
  font-size: 12px;
  margin-top: 17px;
  margin-bottom: 17px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.blog.grid li > a > p {
  display: block;
  height: 120px;
  font-size: 12px;
  overflow: hidden;
}
/* MAIN BLOG PAGE */
div.blog .dropdowns {
  display: none;
}
/* HERO */
.blog section.hero {
  max-height: 435px;
}
.blog section.hero .background {
  width: 55%;
  margin-left: 46%;
}
.blog section.hero .cta {
  width: 46%;
  height: 100%;
  left: 0;
  margin-top: 0;
  background-color: #2c2c2c;
}
.blog section.hero .cta article.text h6 {
  height: auto;
  line-height: normal;
  background: transparent;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
.blog section.hero .cta article.text .body-text {
  height: 290px;
}
.blog section.hero .cta article.text .body-text p {
  display: block;
  height: auto;
  line-height: 1.4em;
}
.blog section.hero .cta .buttons {
  position: static;
  margin: 8px 0 8px 50px;
}
.blog section.hero .cta aside.more {
  position: static;
}
/* END HERO */
div.breadcrumb {
  text-align: left;
  font-size: 13px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  margin-left: 40px;
  margin-top: 20px;
  margin-bottom: -20px;
}
div.breadcrumb a {
  color: #7f7f7f;
}
div.breadcrumb a.active {
  color: #000;
}
div.breadcrumb .icon-chevron-right:before {
  font-size: 13px;
  margin: 0 5px;
}
div.main-blog-content {
  width: 100%;
  padding-right: 380px;
  padding-left: 40px;
  margin-top: 60px;
  margin-bottom: 40px;
}
div.main-blog-content article {
  margin-top: 40px;
  padding: 0 0 5px;
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
}
div.main-blog-content article:first-child {
  padding-top: 0px;
}
div.main-blog-content article header {
  text-align: left;
}
div.main-blog-content article header div.main-media img {
  display: block;
}
div.main-blog-content article header h1,
div.main-blog-content article header h2 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  white-space: normal;
  font-size: 25px;
  padding: 40px 0px 0px 0px;
}
div.main-blog-content article header time {
  color: #666;
  font-size: 12px;
  padding: 0px 0px 0px 0px;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
}
div.main-blog-content article header time span {
  font-style: italic;
}
div.main-blog-content article header div.tags {
  padding: 0px 0px 0px 0px;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  color: #666;
}
div.main-blog-content article header div.tags a {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  color: #01b8c6;
}
div.main-blog-content article div.body {
  white-space: normal;
  margin: 0px 50px 50px 0px;
}
div.main-blog-content article div.body p {
  text-align: left;
  font-size: 12px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  line-height: 1.4em;
}
div.main-blog-content article div.body a {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  color: #01b8c6;
}
div.main-blog-content article div.body .media img {
  width: 100%;
}
div.main-blog-content article footer > .buttons {
  float: left;
  width: auto;
  margin-bottom: 0px;
  margin-right: 20px;
}
div.main-blog-content article footer div.activity {
  float: left;
  width: auto;
}
div.main-blog-content article footer div.activity div.comments {
  float: left;
}
div.main-blog-content article footer div.activity div.comments div.buttons {
  width: auto;
  float: left;
}
div.main-blog-content article footer div.activity div.comments div.buttons button,
div.main-blog-content article footer div.activity div.comments div.buttons a.button {
  width: 40px;
  margin-right: 20px;
}
div.main-blog-content article footer div.activity div.comments div.buttons button:last-child,
div.main-blog-content article footer div.activity div.comments div.buttons a.button:last-child {
  margin-right: 0;
}
div.main-blog-content article footer div.activity div.comments div.buttons button .icon-comment,
div.main-blog-content article footer div.activity div.comments div.buttons a.button .icon-comment {
  color: #fdc314;
  font-size: 18px;
}
div.main-blog-content article footer div.activity div.comments div.buttons button.share,
div.main-blog-content article footer div.activity div.comments div.buttons a.button.share {
  display: none;
}
div.main-blog-content article footer div.activity div.comments div.comments-count {
  display: inline;
  float: left;
  color: #000;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
  margin: 20px;
}
div.main-blog-content article footer div.activity div.social {
  float: left;
  width: auto;
  margin-top: 5px;
  margin-right: 20px;
}
div.main-blog-content article footer div.activity div.social .item {
  color: #000;
}
div.main-blog-content article .clearleft {
  clear: left;
}
div.main-blog-content article.detail header div.social {
  float: right;
  width: auto;
  margin: 40px 50px 10px;
}
div.main-blog-content article.detail header div.social .item {
  color: #000;
}
div.main-blog-content article.detail footer > h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  text-align: left;
  color: #000;
}
div.main-blog-content article.detail footer .tags {
  float: none;
  text-align: left;
}
div#facebook-comments {
  width: 100%;
}
div#facebook-comments .fb-comments,
div#facebook-comments .fb-comments span,
div#facebook-comments .fb-comments iframe {
  width: 100% !important;
}
aside.sidebar {
  width: 300px;
  float: right;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 60px;
}
aside.sidebar div.ad {
  width: 300px;
  height: 250px;
}
aside.sidebar h3 {
  margin-top: 10px;
  padding: 10px;
  text-align: left;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
}
aside.sidebar ul.categories {
  text-align: left;
}
aside.sidebar ul.categories li {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  margin-left: 13px;
  border-bottom: solid 1px #ccc;
  cursor: pointer;
}
aside.sidebar ul.categories li:last-child {
  border: none;
}
aside.sidebar ul.categories li:first-child {
  border-top: solid 1px #ccc;
}
aside.sidebar ul.categories li a {
  display: block;
  padding: 20px 70px 20px 5px;
  white-space: normal;
  position: relative;
}
aside.sidebar ul.categories li a .icon-chevron-right {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fdc314;
}
aside.sidebar ul.categories li a .icon-chevron-right:before {
  font-size: 12px;
}
aside.sidebar ul.comments {
  text-align: left;
}
aside.sidebar ul.comments li {
  height: auto;
  padding: 20px 5px;
  margin-left: 13px;
  border-bottom: solid 1px #ccc;
}
aside.sidebar ul.comments li:last-child {
  border: none;
}
aside.sidebar ul.comments li:first-child {
  border-top: solid 1px #ccc;
}
aside.sidebar ul.comments li .avatar {
  width: 25%;
  float: left;
}
aside.sidebar ul.comments li .avatar img {
  width: 50px;
  height: 50px;
  display: block;
}
aside.sidebar ul.comments li .text {
  width: 75%;
  float: left;
}
aside.sidebar ul.comments li .text h4 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 12px;
  white-space: normal;
}
aside.sidebar ul.comments li .text p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 1.4em;
  white-space: normal;
  color: #666;
}
aside.sidebar ul.comments li .text p.comment {
  margin-bottom: 0px;
}
aside.sidebar ul.comments li .text p.more {
  margin-top: 1px;
}
aside.sidebar ul.comments li .text p.more a {
  color: #01b8c6;
}
aside.sidebar ul.comments li .text p.author {
  color: #9c9c9c;
  font-style: italic;
  margin-bottom: 0;
}
div.pagination {
  clear: both;
  margin: 10px auto;
  text-align: center;
  display: inline-block;
  color: #fdc314;
}
div.pagination span.arrow {
  float: left;
}
div.pagination span.arrow.left {
  margin-right: 10px;
}
div.pagination span.arrow.right {
  margin-left: 10px;
}
div.pagination ul {
  float: left;
}
div.pagination ul li {
  float: left;
  margin: 2px 20px;
}
div.pagination ul li.active {
  color: #000;
}
div.pagination-mobile {
  display: none;
}
section.content > section > div > section.module,
section.content > section > div > section > section.module {
  font-size: inherit;
}
section#main_content.blog.content > section {
  white-space: normal;
}
section#main_content.blog.content > section .hero article h2 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  width: 440px;
  font-size: 30px;
  margin: 45px 40px 10px;
}
.blog section.hero .cta article.text p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  margin: 0 40px 10px;
  padding: 0px;
  height: 180px;
}
.blog section.hero .cta aside {
  display: inline-block;
  margin-left: 40px;
}
.blog section.hero .cta .buttons,
.blog section.hero .cta aside {
  display: inline-block;
  float: left;
  position: realtive;
  margin: 0 0 0 40px;
  width: auto;
}
div.main-blog-content article.detail {
  overflow: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.main-blog-content.list article header h1,
div.main-blog-content.list article header h2,
div.main-blog-content.list article header time,
div.main-blog-content.list article header .tags,
div.main-blog-content.list article .body {
  padding-left: 50px;
}
div.main-blog-content.list article header h1,
div.main-blog-content.list article header h2 {
  padding-right: 50px;
}
/* polls */
.wp-polls-archive {
  /* background-color: #ffffff; */
}
.wp-polls,
.wp-polls-form {
  /* background-color: #ffffff; */
}
.wp-polls ul li,
.wp-polls-ul li,
.wp-polls-ans ul li {
  text-align: left;
  background-image: none;
  display: block;
}
.wp-polls ul,
.wp-polls-ul,
.wp-polls-ans ul {
  text-align: left;
  list-style: none;
  float: none;
}
.wp-polls ul li:before,
.wp-polls-ans ul li:before,
#sidebar ul ul li:before {
  content: '';
}
.wp-polls IMG,
.wp-polls LABEL,
.wp-polls INPUT,
.wp-polls-loading IMG,
.wp-polls-image IMG {
  display: inline;
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.wp-polls-ul {
  padding: 0px;
  margin: 0px 0px 10px 20px;
}
.wp-polls-ans {
  width: 100%;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  /* background-color: #ffffff; */
}
.wp-polls-loading {
  display: none;
  text-align: center;
  height: 16px;
  line-height: 16px;
}
.wp-polls-image {
  border: 0px;
}
.wp-polls .Buttons {
  border: 1px solid #c8c8c8;
  background-color: #f3f6f8;
}
/* Polls Archive Paging */
.wp-polls-paging a,
.wp-polls-paging a:link {
  padding: 2px 4px 2px 4px;
  margin: 2px;
  text-decoration: none;
  border: 1px solid #0066cc;
  color: #0066cc;
  background-color: #FFFFFF;
}
.wp-polls-paging a:visited {
  padding: 2px 4px 2px 4px;
  margin: 2px;
  text-decoration: none;
  border: 1px solid #0066cc;
  color: #0066cc;
  background-color: #FFFFFF;
}
.wp-polls-paging a:hover {
  border: 1px solid #000000;
  color: #000000;
  background-color: #FFFFFF;
}
.wp-polls-paging a:active {
  padding: 2px 4px 2px 4px;
  margin: 2px;
  text-decoration: none;
  border: 1px solid #0066cc;
  color: #0066cc;
  background-color: #FFFFFF;
}
.wp-polls-paging span.pages {
  padding: 2px 4px 2px 4px;
  margin: 2px 2px 2px 2px;
  color: #000000;
  border: 1px solid #000000;
  background-color: #FFFFFF;
}
.wp-polls-paging span.current {
  padding: 2px 4px 2px 4px;
  margin: 2px;
  font-weight: bold;
  border: 1px solid #000000;
  color: #000000;
  background-color: #FFFFFF;
}
.wp-polls-paging span.extend {
  padding: 2px 4px 2px 4px;
  margin: 2px;
  border: 1px solid #000000;
  color: #000000;
  background-color: #FFFFFF;
}
/* pollbar */
.wp-polls .pollbar {
  margin: 1px;
  font-size: 6px;
  line-height: 8px;
  height: 8px;
  background-image: url('/sitewide/img/wp-polls/default/pollbg.gif');
  border: 1px solid #c8c8c8;
}
/* james */
.wp-polls strong {
  font-size: 16px;
}
li.wiki-entry > a {
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
li.wiki-entry > a > div.gradient {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#1a000000", GradientType=0);
  /* IE6-8 */
}
li.wiki-entry > a > header {
  height: auto;
}
li.wiki-entry > a > header > * {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
li.wiki-entry > a > header > h4 {
  white-space: normal;
  position: static;
  text-transform: uppercase;
  overflow: hidden;
  max-width: 100%;
}
li.wiki-entry > a > header > h6.long {
  display: none;
}
li.wiki-entry > a > header > h6.short {
  display: none;
}
li.wiki-entry > a > b {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  display: none;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
}
li.wiki-entry:nth-child(6n+1),
section.carousel.wiki li:nth-child(6n+1) {
  background-color: #f5b921;
}
li.wiki-entry:nth-child(6n+2),
section.carousel.wiki li:nth-child(6n+2) {
  background-color: #e13254;
}
li.wiki-entry:nth-child(6n+3),
section.carousel.wiki li:nth-child(6n+3) {
  background-color: #75b101;
}
li.wiki-entry:nth-child(6n+4),
section.carousel.wiki li:nth-child(6n+4) {
  background-color: #5ac4c8;
}
li.wiki-entry:nth-child(6n+5),
section.carousel.wiki li:nth-child(6n+5) {
  background-color: #f17506;
}
li.wiki-entry:nth-child(6n+6),
section.carousel.wiki li:nth-child(6n+6) {
  background-color: #7f523f;
}
section.wiki {
  /*> .container
    {
        // TODO move to vars files
        @module-content-min-height: 278px;
        @module-content-max-height: 324px;
        //@height: (0vw + (@module-content-min-height / @viewport-min-width) * 100);
        @height: 323px;

        .module-header(@content-arrow-width);

        .module(@content-min-width, @content-max-width, @module-content-min-height, @module-content-max-height, 100%, @height);

        margin-top : 0;

        > header
        {
            padding : 0;

            h3
            {
                .textGBlack;
                color       : white;
                margin      : 0;
                padding     : 0 0 8px 0;
                float       : left;
                margin-left : @content-arrow-width;
                font-size   : 20px;
            }
        }

        // .row classes only apply to wiki results on search landing page
        > .row
        {
            .makeRow(12, 12, -1 * @content-arrow-width);
            height : @height;

            .columns
            {
                height : inherit;
                .constrain(inherit, inherit, inherit, inherit);

                > .column
                {
                    .makeConstrainedRow(3);

                    article
                    {
                        .constrain(inherit, inherit, inherit, inherit);
                        height : inherit;

                        h6 {
                            font-size: 12px;
                            text-transform: uppercase;
                        }

                        p {
                            margin-bottom: 20px;
                        }
                    }
                }
            }
        }

        > .row .columns
        {
            > .column
            {
                &:nth-child(6n+1)
                {
                    background-color : @colorDarkYellow;
                }

                // IE8 support for nth-child selector
                &:nth-child(6n+2)
                {
                    background-color : @colorPink;
                }

                &:nth-child(6n+3)
                {
                    background-color : @colorGreen;
                }

                &:nth-child(6n+4)
                {
                    background-color : @colorBrightTeal;
                }

                &:nth-child(6n+5)
                {
                    background-color : @colorOrange;
                }

                &:nth-child(6n+6)
                {
                    background-color : @colorBrown;
                }
            }

            > .column
            {
                position : relative;

                display  : inline-block;

                padding  : 0;
                margin   : 0;

                color    : white;

                .gradient
                {
                    //.gradient(rgba(0,0,0,0), rgba(0,0,0,0.10));
                    .gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.10), vertical, dark);
                }

                article
                {
                    //position: absolute;
                    // absolute position causing overflow/box-sizing issues

                    //padding: 28px 28px 28px 28px;
                    padding : 35px 32px 32px 32px;

                    h4
                    {
                        margin-top     : 8px;
                        text-transform : uppercase;
                        max-width      : 100%;
                        overflow       : hidden;
                        text-overflow  : ellipsis;
                    }

                    p
                    {
                        margin      : 0;
                        padding     : 0;
                        height      : 24%;

                        font-size   : 12px;
                        line-height : 18px;
                        height      : 60px;
                    }

                    a
                    {
                        position        : absolute;
                        bottom          : 40px;
                        left            : 28px;

                        text-decoration : none;
                        text-transform  : uppercase;

                        color           : white;
                    }
                }
            }
        }
    }*/
}
section.wiki.module.carousel li {
  position: relative;
  width: 322.5px;
  height: 323px;
}
section.wiki.module.carousel li > a > *:not(div) {
  margin-left: 32px;
  margin-right: 32px;
}
section.wiki.module.carousel li > a > header {
  margin-top: 20px;
}
section.wiki.module.carousel li > a > header > h6 {
  font-size: 13px;
}
section.wiki.module.carousel li > a > header > h6.long {
  display: block;
}
section.wiki.module.carousel li > a > header > h6::before {
  display: none;
}
section.wiki.module.carousel li > a > header > h4 {
  margin-top: 8px;
  height: 67px;
  max-width: 100%;
  font-size: 23px;
  margin-bottom: 20px;
}
section.wiki.module.carousel li > a > p {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: 130px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 18px;
}
section.wiki.module.carousel li > a > b {
  display: none;
}
section.wiki.module.carousel li.placeholder > a {
  display: none;
}
section.wiki.grid li {
  position: relative;
  width: 213px;
  height: 225px;
  margin-right: 12px;
  margin-bottom: 12px;
}
section.wiki.grid li > a {
  text-shadow: 0 1px rgba(0, 0, 0, 0.35);
}
section.wiki.grid li > a > *:not(div) {
  margin-left: 15px;
  margin-right: 15px;
}
section.wiki.grid li > a > header {
  margin-top: 15px;
}
section.wiki.grid li > a > header > h6 {
  font-size: 12px;
}
section.wiki.grid li > a > header > h6.long {
  display: none;
}
section.wiki.grid li > a > header > h6.short {
  display: block;
}
section.wiki.grid li > a > header > h6::before {
  display: none;
}
section.wiki.grid li > a > header > h4 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  height: 52px;
  font-size: 18px;
  white-space: initial;
  text-overflow: initial;
  overflow: hidden;
}
section.wiki.grid li > a > p {
  height: 88px;
  font-size: 12px;
  overflow: hidden;
}
section.wiki.grid li > a > b {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  display: block;
  bottom: 15px;
  font-size: 12px;
}
section.wiki.grid li.placeholder > a {
  height: 225px;
}
section.wiki .info-box img {
  width: 100%;
}
@media screen and (min-width: 1740px) {
  section.wiki.grid > ul > li:nth-child(6n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1523px) and (max-width: 1739px) {
  section.wiki.grid > ul > li:nth-child(5n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1522px) {
  section.wiki.grid > ul > li:nth-child(4n) {
    margin-right: 0;
  }
}
/* MAIN WIKI LANDING */
section.content.wiki > header section.nav.with-sub-nav .main-sub-nav .container ul.active {
  margin-left: 375px;
}
div.main-wiki-content {
  width: 100%;
  padding-right: 380px;
  padding-left: 75px;
  margin-top: 10px;
  text-align: left;
  /* End Header */
}
div.main-wiki-content div.social .item {
  color: #000;
}
div.main-wiki-content header.wiki-header {
  height: 80px;
  background-color: #fff;
  padding: 15px 0 15px 0;
}
div.main-wiki-content header.wiki-header > div.social {
  float: left;
  width: auto;
  margin-top: -5px;
}
div.main-wiki-content header.wiki-header > div.social > br {
  display: none;
}
div.main-wiki-content header.wiki-header hgroup {
  display: none;
  float: left;
}
div.main-wiki-content header.wiki-header hgroup h1 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  background-image: url('../img/sprites.png');
  background-repeat: no-repeat;
  display: block;
  float: left;
  font-size: 26px;
  background-position: -328px -31px;
  width: 30px;
  height: 29px;
  padding-right: 35px;
  padding-top: 5px;
  margin-right: 5px;
}
div.main-wiki-content header.wiki-header hgroup h3 {
  float: left;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  color: #868686;
  margin-top: 15px;
}
div.main-wiki-content header.wiki-header .select-style.sections {
  display: none;
}
div.main-wiki-content header.wiki-header .select-style {
  float: right;
  width: 20%;
}
div.main-wiki-content header.wiki-header section.search-container {
  float: right;
  width: 30%;
  background-color: #ececec;
  margin-left: 10px;
  position: relative;
}
div.main-wiki-content header.wiki-header section.search-container span.icon-search {
  position: absolute;
  top: 2px;
  right: 6px;
}
div.main-wiki-content header.wiki-header section.search-container span.icon-search:before {
  font-size: 24px;
}
div.main-wiki-content header.wiki-header section.search-container input {
  background-color: #ececec;
  border-width: 0;
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: inset 0 0 10px #000000;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-top-right: 5px;
  -moz-border-radius-bottom-right: 5px;
  -moz-border-radius-bottom-left: 5px;
  -moz-border-radius-top-left: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  padding: 0 38px;
  width: 100%;
  height: 32px;
  font-size: 14px;
}
div.main-wiki-content header.wiki-header section.search-container input::-webkit-input-placeholder {
  color: black;
}
div.main-wiki-content header.wiki-header section.search-container input:-moz-placeholder {
  color: black;
}
div.main-wiki-content header.wiki-header section.search-container input::-moz-placeholder {
  color: black;
}
div.main-wiki-content header.wiki-header section.search-container input:-ms-input-placeholder {
  color: black;
}
div.main-wiki-content div.wiki-body {
  /* End Hero */
}
div.main-wiki-content div.wiki-body section {
  margin-top: 40px;
}
div.main-wiki-content div.wiki-body section.hero {
  width: 100%;
  margin-top: 0;
  padding-top: 18px;
  clear: none;
}
div.main-wiki-content div.wiki-body section.seasons > ul {
  list-style: none;
  padding: 0;
}
div.main-wiki-content div.wiki-body section.seasons > ul > li {
  list-style: none;
}
div.main-wiki-content div.wiki-body h1,
div.main-wiki-content div.wiki-body h2,
div.main-wiki-content div.wiki-body h3,
div.main-wiki-content div.wiki-body h4,
div.main-wiki-content div.wiki-body h5,
div.main-wiki-content div.wiki-body h6 {
  clear: left;
}
div.main-wiki-content div.wiki-body h1 {
  border-bottom: 1px solid #b6b6b6;
  margin: 0 0 12px 0;
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  letter-spacing: -1px;
  display: block;
  padding: 10px 0 5px 0;
}
div.main-wiki-content div.wiki-body a {
  color: #0ea9c5;
}
div.main-wiki-content div.wiki-body a:hover {
  color: #13e6e3;
}
div.main-wiki-content div.wiki-body ul,
div.main-wiki-content div.wiki-body ul li {
  list-style : initial; 
  margin: initial;
}
div.main-wiki-content div.wiki-body ul li {
  margin-top: 6px;
}
div.main-wiki-content div.wiki-body ol,
div.main-wiki-content div.wiki-body ul {
  padding: 0 0 0 40px;
}
div.main-wiki-content div.wiki-body ol,
div.main-wiki-content div.wiki-body ol li {
  list-style: decimal;
  margin: initial;
}
div.main-wiki-content div.wiki-body pre {
  font-size: 1.1em;
}
div.main-wiki-content div.wiki-body table.normal {
  width: 100%;
  background-color: #EEE;
}
div.main-wiki-content div.wiki-body table.normal td,
div.main-wiki-content div.wiki-body table.normal th {
  padding: 10px;
}
div.main-wiki-content div.wiki-body table.normal th {
  font-size: 1.3em;
}
div.main-wiki-content div.wiki-body div.buttons {
  width: auto;
  float: left;
}
div.main-wiki-content div.wiki-body ul.arrow-list {
  text-align: left;
}
div.main-wiki-content div.wiki-body ul.arrow-list li {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  cursor: pointer;
}
div.main-wiki-content div.wiki-body ul.arrow-list li a {
  display: block;
  padding: 10px 70px 10px 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.main-wiki-content div.wiki-body ul.arrow-list li a .icon-chevron-right {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #fdc314;
}
div.main-wiki-content div.wiki-body ul.arrow-list li a .icon-chevron-right:before {
  font-size: 12px;
}
div.main-wiki-content div.wiki-body ul.arrow-list li:nth-child(odd) {
  background: #f0f0f0;
}
div.main-wiki-content div.wiki-body section.hero {
  max-width: none;
  min-width: 0;
  max-height: 286px;
  height: auto;
}
div.main-wiki-content div.wiki-body section.hero img.hero-thumb {
  float: left;
  margin-right: 30px;
}
div.main-wiki-content div.wiki-body section.hero .cta {
  width: 545px;
  height: auto;
  left: auto;
  margin-top: 0;
  color: #000;
  position: relative;
  float: right;
}
div.main-wiki-content div.wiki-body section.hero .cta article.text h6 {
  height: auto;
  line-height: normal;
  margin-top: -3px;
  padding: 0;
  background: none;
  color: #000;
  white-space: normal;
  font-size: 18px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  text-transform: none;
}
div.main-wiki-content div.wiki-body section.hero .cta article.text .body-text {
  height: auto;
  margin-top: 0px;
  padding: 0px 0 6px 0;
  white-space: normal;
}
div.main-wiki-content div.wiki-body section.hero .cta article.text .body-text p {
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  line-height: 19px;
  text-align: justify;
  margin: 12px 0;
}
div.main-wiki-content div.wiki-body section.hero .cta .buttons {
  position: static;
  margin: 0;
  width: auto;
}
div.main-wiki-content div.wiki-body section.hero .cta .buttons button,
div.main-wiki-content div.wiki-body section.hero .cta .buttons a.button {
  float: none;
  margin: 0 auto;
}
div.main-wiki-content div.wiki-body section.hero .cta aside.more {
  position: static;
  bottom: 50px;
  float: left;
  width: auto;
  padding-left: 40px;
}
div.main-wiki-content div.wiki-body section.articles-lists,
div.main-wiki-content div.wiki-body section.top-contributors {
  float: left;
  width: 100%;
}
div.main-wiki-content div.wiki-body section.articles-lists .col-half,
div.main-wiki-content div.wiki-body section.top-contributors .col-half {
  float: left;
  width: 48%;
}
div.main-wiki-content div.wiki-body section.articles-lists .col-half.col-half-1,
div.main-wiki-content div.wiki-body section.top-contributors .col-half.col-half-1 {
  margin-right: 4%;
}
div.main-wiki-content div.wiki-body section.articles-lists {
  margin-top: 0px;
}
div.main-wiki-content div.wiki-body section.top-contributors ul li {
  height: 36px;
}
div.main-wiki-content div.wiki-body section.top-contributors ul li a {
  padding: 0 70px 0 20px;
  height: 100%;
  line-height: 36px;
}
div.main-wiki-content div.wiki-body section.top-contributors ul li a img {
  float: left;
  width: 27px;
  height: auto;
  margin-top: 4px;
  margin-right: 15px;
}
div.main-wiki-content div.wiki-body section.top-contributors ul li a .icon-chevron-right {
  top: 0;
}
div.main-wiki-content div.wiki-body section.this-month {
  float: left;
  width: 100%;
}
div.main-wiki-content div.wiki-body section.this-month article {
  width: 100%;
  padding-top: 20px;
}
div.main-wiki-content div.wiki-body section.this-month article > h1 {
  display: none;
}
div.main-wiki-content div.wiki-body section.this-month article aside {
  float: left;
}
div.main-wiki-content div.wiki-body section.this-month article aside img {
  width: 100%;
}
div.main-wiki-content div.wiki-body section.this-month article .body-text {
  float: right;
  width: 545px;
}
div.main-wiki-content div.wiki-body section.this-month article .body-text h2 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
}
div.main-wiki-content div.wiki-body section.this-month article .body-text p {
  white-space: normal;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}
div.main-wiki-content div.wiki-body section.this-month article .body-text .buttons {
  margin-top: 13px;
}
div.main-wiki-content div.wiki-body section.seasons {
  float: left;
  width: 100%;
}
div.main-wiki-content div.wiki-body section.seasons ul {
  height: 40px;
  margin: 20px 0;
}
div.main-wiki-content div.wiki-body section.seasons ul li {
  float: left;
  margin: 6px 6px 6px 0;
}
div.main-wiki-content div.wiki-body section.seasons ul li:first-child {
  margin-left: 0;
}
div.main-wiki-content div.wiki-body section.seasons ul li:last-child {
  margin-right: 0;
}
div.main-wiki-content div.wiki-body section.seasons ul li a {
  display: block;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  width: 40px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}
div.main-wiki-content div.wiki-body section.seasons ul li a.active,
div.main-wiki-content div.wiki-body section.seasons ul li a:hover {
  color: #fdc314;
  background: #494949;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #1c1c1c));
  background: -webkit-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -o-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -ms-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: linear-gradient(to bottom, #494949 0%, #1c1c1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#494949", endColorstr="#1c1c1c", GradientType=0);
  /* IE6-8 */
}
div.main-wiki-content div.wiki-body section.seasons ul li a.inactive {
  color: #ccc;
}
div.main-wiki-content div.wiki-body section.seasons ul li a.inactive:hover {
  background: none;
}
div.main-wiki-content div.wiki-body section.comments {
  float: left;
  margin-top: 40px;
}
div.main-wiki-content div.wiki-body section.comments header {
  border-bottom: 1px solid #b6b6b6;
  padding: 0 0 5px 0;
}
div.main-wiki-content div.wiki-body section.comments header h2 {
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  letter-spacing: -1px;
  display: inline-block;
  padding: 10px 0 0 0;
}
div.main-wiki-content div.wiki-body section.comments header span,
div.main-wiki-content div.wiki-body section.comments header h4 {
  display: none;
}
aside.sidebar .top-contributors ul li a img {
  float: left;
  width: 40px;
  margin-right: 15px;
  margin-top: -12px;
}
aside.sidebar .media-carousel {
  position: relative;
  margin-top: 15px;
}
aside.sidebar .media-carousel .arrow {
  position: absolute;
  top: 60px;
  color: #fdc314;
}
aside.sidebar .media-carousel .arrow.icon-chevron-left {
  left: 5px;
}
aside.sidebar .media-carousel .arrow.icon-chevron-right {
  right: 5px;
}
aside.sidebar .media-carousel .text {
  padding: 5px 25px;
}
aside.sidebar .media-carousel .text h4 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  text-align: left;
}
aside.sidebar .media-carousel .text p {
  white-space: normal;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  margin: 0 0 1em;
}
/* MAIN WIKI DETAIL */
.wiki-detail {
  padding-top: 40px;
  white-space: normal;
  background: #fff;
  font-family: 'Open Sans';
/* font-weight: 700; */
  font-style: normal;
  font-size: 12px;
}
.wiki-detail > h1 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 30px !important;
  border-bottom: none !important;
}
.wiki-detail hr {
  border: none;
  height: 13px;
  background: #494949;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #1c1c1c));
  background: -webkit-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -o-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -ms-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: linear-gradient(to bottom, #494949 0%, #1c1c1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#494949", endColorstr="#1c1c1c", GradientType=0);
  /* IE6-8 */
}
.wiki-detail p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}
.wiki-detail .edit,
.wiki-detail .edit a {
  float: right;
  color: #fdc314;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}
.wiki-detail .edit.edit-inline,
.wiki-detail .edit a.edit-inline,
.wiki-detail .edit.edit-inline a,
.wiki-detail .edit a.edit-inline a {
  float: none;
}
.wiki-detail .info-box {
  float: right;
  background: #fff;
  position: relative;
  margin-left: 30px;
}
.wiki-detail .info-box .padding {
  width: 335px;
  background: #f0f0f0;
  overflow: auto;
}
.wiki-detail .info-box .padding p {
  margin: 0;
}
.wiki-detail .info-box .padding > p span.info-box-header {
  display: block;
  text-align: center;
  margin: 15px 25px 12px 25px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}
.wiki-detail .info-box .padding .info-box-subheader {
  display: block;
  background: #000;
  background: #7d7d7d;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #7d7d7d 0%, #5f5f5f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7d7d), color-stop(100%, #5f5f5f));
  background: -webkit-linear-gradient(top, #7d7d7d 0%, #5f5f5f 100%);
  background: -o-linear-gradient(top, #7d7d7d 0%, #5f5f5f 100%);
  background: -ms-linear-gradient(top, #7d7d7d 0%, #5f5f5f 100%);
  background: linear-gradient(to bottom, #7d7d7d 0%, #5f5f5f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7d7d7d", endColorstr="#5f5f5f", GradientType=0);
  /* IE6-8 */
  color: #fff;
  padding: 0 0 0 25px;
  height: 30px;
  line-height: 30px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}
.wiki-detail .info-box h4 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  margin-left: 25px;
  margin-bottom: 10px;
  padding-top: 15px;
}
.wiki-detail .info-box .image {
  margin: 0 25px 15px;
}
.wiki-detail .info-box .table {
  margin: 0 25px 10px;
}
.wiki-detail .info-box .table table {
  width: 100%;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}
.wiki-detail .info-box .table table tbody tr td {
  padding: 3px;
}
.wiki-detail .info-box .table table tbody tr td.key {
  text-align: left;
}
.wiki-detail .info-box .table table tbody tr td.value {
  text-align: right;
  color: #646464;
}
.wiki-detail .info-box h3 {
  background: #7d7d7d;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #7d7d7d 0%, #5f5f5f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7d7d), color-stop(100%, #5f5f5f));
  background: -webkit-linear-gradient(top, #7d7d7d 0%, #5f5f5f 100%);
  background: -o-linear-gradient(top, #7d7d7d 0%, #5f5f5f 100%);
  background: -ms-linear-gradient(top, #7d7d7d 0%, #5f5f5f 100%);
  background: linear-gradient(to bottom, #7d7d7d 0%, #5f5f5f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7d7d7d", endColorstr="#5f5f5f", GradientType=0);
  /* IE6-8 */
  color: #fff;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  padding: 10px;
}
.wiki-detail .info-box .chronology {
  position: relative;
  height: 71px;
  padding-top: 8px;
}
.wiki-detail .info-box .chronology ul {
  padding: 0;
  list-style: none;
}
.wiki-detail .info-box .chronology ul li {
  list-style: none;
  float: left;
  border-right: solid 1px #b6b6b6;
  padding: 0 10px;
  text-align: center;
  width: 50%;
}
.wiki-detail .info-box .chronology ul li > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wiki-detail .info-box .chronology ul li.right {
  border-right: none;
}
.wiki-detail .info-box .chronology ul li span {
  color: #686868;
  font-style: italic;
}
.wiki-detail .contents-info {
  padding: 32px 32px 5px;
}
.wiki-detail .contents-info h2 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
}
.wiki-detail .contents-info .contents-box {
  width: 334px;
  background: #eee;
  margin-top: 35px;
}
.wiki-detail .contents-info .contents-box header {
  background: #494949;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #1c1c1c));
  background: -webkit-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -o-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -ms-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: linear-gradient(to bottom, #494949 0%, #1c1c1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#494949", endColorstr="#1c1c1c", GradientType=0);
  /* IE6-8 */
  padding: 10px;
  position: relative;
}
.wiki-detail .contents-info .contents-box header h3 {
  color: #fff;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}
.wiki-detail .contents-info .contents-box header span {
  position: absolute;
  right: 10px;
  top: 10px;
}
.wiki-detail .contents-info .contents-box ol {
  padding: 0 0 40px 50px;
}
.wiki-detail .contents-info .contents-box ol li {
  list-style: decimal;
}
.wiki-detail .contents-info .contents-box ol li,
.wiki-detail .contents-info .contents-box ol li a {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  margin-bottom: 7px;
}
.wiki-detail .articles > h2 {
  display: none;
}
.wiki-detail .articles article header {
  background: #494949;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #1c1c1c));
  background: -webkit-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -o-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -ms-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: linear-gradient(to bottom, #494949 0%, #1c1c1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#494949", endColorstr="#1c1c1c", GradientType=0);
  /* IE6-8 */
  padding: 10px 25px;
  height: 45px;
}
.wiki-detail .articles article header h3 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 24px;
  color: #fff;
  float: left;
}
.wiki-detail .articles article header h3 span {
  margin-top: 10px;
  margin-left: 20px;
}
.wiki-detail .articles article .body {
  margin: 3px 37px;
}
.wiki-detail .articles article.media .body {
  margin: 15px 37px 40px 37px;
}
.wiki-detail .articles article.media .body ul {
  height: 160px;
}
.wiki-detail .articles article.media .body ul li {
  float: left;
  margin-right: 13px;
}
.wiki-detail .articles article.media .body ul li .image img {
  width: 208px;
  height: auto;
}
.wiki-detail .articles article.media .body ul li h4 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
}
.wiki-detail .articles article.media .body h3 {
  clear: left;
}
.wiki-detail .articles article.season ul {
  margin: 20px 5px;
}
.wiki-detail .articles article.season ul li {
  margin-bottom: 10px;
}
/* WIKI STYLES */
#mw-content-text {
  line-height: 19px;
  /* search */
}
#mw-content-text table#toc,
#mw-content-text div#toc {
  background: #eee;
  width: 335px;
}
#mw-content-text table#toc #toctitle,
#mw-content-text div#toc #toctitle {
  background: #000;
  background: #494949;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #1c1c1c));
  background: -webkit-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -o-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: -ms-linear-gradient(top, #494949 0%, #1c1c1c 100%);
  background: linear-gradient(to bottom, #494949 0%, #1c1c1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#494949", endColorstr="#1c1c1c", GradientType=0);
  /* IE6-8 */
  color: #fff;
  padding: 0 0 0 25px;
  height: 30px;
  line-height: 30px;
}
#mw-content-text table#toc h2,
#mw-content-text div#toc h2 {
  border: none;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}
#mw-content-text table#toc ul,
#mw-content-text div#toc ul {
  padding: 10px 10px 10px 25px;
  list-style: none;
}
#mw-content-text table#toc ul li,
#mw-content-text div#toc ul li {
  list-style: none;
  margin: auto;
  font-weight: bold;
}
#mw-content-text table#toc ul ul,
#mw-content-text div#toc ul ul {
  padding: 0 0 0 25px;
}

/* Wiki level 1 titles bold [/Locations] */
#mw-content-text table#toc li.toclevel-1,
#mw-content-text div#toc li.toclevel-1 {
  font-family: 'Open Sans';
  font-weight: bold;
  font-style: normal;
}

/* Wiki level 2 titles bold [/Locations] */
#mw-content-text table#toc ul li.toclevel-2,
#mw-content-text div#toc ul li.toclevel-2 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
}

/* Wiki level 3 titles bold [/Locations] */
#mw-content-text table#toc ul li.toclevel-3,
#mw-content-text div#toc ul li.toclevel-3 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
}


#mw-content-text table#toc .tocnumber,
#mw-content-text div#toc .tocnumber {
  display: none;
}
#mw-content-text > h2 {
  border-bottom: 1px solid #b6b6b6;
  margin: 47px 0 12px 0;
}
#mw-content-text > h2 .mw-headline {
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  letter-spacing: -1px;
}
#mw-content-text > h3 .mw-headline {
  font-size: 18px;
  letter-spacing: -1px;
  margin-bottom: 0;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
#mw-content-text > h3,
#mw-content-text > p,
#mw-content-text > ul {
  margin: 5px 0;
}
#mw-content-text > ul {
  padding-left: 23px;
  margin: 20px 0 0 10px;
}
#mw-content-text > ul li {
  list-style: disc;
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  margin-bottom: 2px;
  padding-left: 5px;
}
#mw-content-text > pre {
  background-color: #eee;
  padding: 10px;
  margin-left: 60px;
}
#mw-content-text .mw-headline {
  display: inline-block;
  padding: 10px 0 0 0;
  margin: 5px 20px 5px 0px;
  font-weight: bold;
  text-transform: uppercase;
}
#mw-content-text .editsection {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  color: #fff;
  font-size: 0px;
}
#mw-content-text .editsection a {
  color: #00bbca;
  text-transform: capitalize;
  font-size: 12px;
}
#mw-content-text > p {
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  text-align: justify;
  margin-bottom: 12px;
}
#mw-content-text div.season p {
  font-size: 18px;
  letter-spacing: -1px;
  margin: 5px 0 0 0;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
#mw-content-text div.season ul {
  padding-left: 23px;
  margin: 20px 0 0 10px;
}
#mw-content-text div.season ul li {
  list-style: disc;
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  margin-bottom: 2px;
  padding-left: 5px;
}
#mw-content-text .mw-search-formheader {
  display: none;
}
#mw-content-text #editform textarea {
  margin: 0px;
  width: 100%;
  max-width: 100%;
  height: 395px;
  display: block;
  font-family: Consolas, "Eupheima UCAS", Ayuthaya, Menlo, monospace;
  font-size: 13.5px;
  padding: 0;
  outline: none;
  line-height: 140%;
  margin: 0 0 10px 0;
}
#mw-content-text #editform .mw-summary,
#mw-content-text #editform .editCheckboxes {
  font-size: 12px;
  margin: 3px 0;
}
#mw-content-text #editform .editButtons > input {
  font-size: 12px;
  padding: 2px 6px 3px;
}




div.wiki-detail div.printfooter {
  margin-top: 30px;
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
}
.wiki-comments {
  padding: 0 75px 30px 75px;
  text-align: left;
}
.wiki-comments h1 {
  border-bottom: 1px solid #b6b6b6;
  margin: 0 0 -1px 0;
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  letter-spacing: -1px;
  display: block;
  padding: 10px 0 5px 0;
}
section#main_content.content.wiki section.comments {
  clear: both;
}
.episodes-table {
  width: 100%;
  margin-right: 0;
  font-weight: 400;
}
.episodes-table th {
  border-bottom: 1px solid #a9a9a9;
  background-color: #fff;
  color: #000;
}
.episodes-table img {
  width: 102px;
  padding-right: 10px;
  padding-bottom: 6px;
}
.episodes-table tr.above td {
  padding-top: 6px;
}
.episodes-table tr.below td {
  padding-bottom: 6px;
}
.episodes-table tr.odd {
  background-color: #f1f1f1;
}
.episodes-table .title {
  font-weight: 700;
  color: #0ea9c5;
}
div.character {
  width: 168px;
  height: 140px;
  float: left;
  text-align: center;
  margin: 15px 15px 0 0;
}
div.character img {
  width: 168px;
  padding-bottom: 4px;
}
div.character .name {
  clear: left;
}
/* Scroll to Top */
.scroll-to-top-arrow {
  display: none;
  position: fixed;
  /*display: block;*/
  width: 90px;
  height: 90px;
  /*background-color: red;*/
  cursor: pointer;
  /*&:after {
		font-size: 40px;
		font-weight: bold;
		content: '\25B2';
	}*/
  background: url('/sitewide/img/cartmanToTheTop2.png') 100% no-repeat;
}
/*@thumb-width: 205px;
@thumb-height: @thumb-width * @proportion;

@row-max-width: @content-max-width - (@content-arrow-width * 2);

@margin-width: (@row-max-width - (6 * @thumb-width)) / 5;

//section.page-content > div.videos-page section.grid,
//section.page-content > div.search section.wiki {
section.page-content > div section.grid {
	> article {
		margin-bottom : 50px;
	}

	> .container,
	> article > .container {
		display             : inline-block;
		width               : 100%;

		color               : white;
		-webkit-text-shadow : 0 1px rgba(0, 0, 0, 0.35);
		-moz-text-shadow    : 0 1px rgba(0, 0, 0, 0.35);
		text-shadow         : 0 1px rgba(0, 0, 0, 0.35);

		.module-header(@content-arrow-width);

		.module(@content-min-width, @content-max-width, 0, none, 100%, auto);

		.arrow {
			.arrow(0, none, @content-arrow-width, auto);
		}

		> header {
			margin-bottom : 1px;
		}

		article.thumb {
			position : relative;

			> a {
				.fill;
				.bg-cover();
			}

			&.hover {
				section.info {
					display : block;
				}
			}

			section.info {
				display : none;
			}
		}

		// 1/3 of content
		article.hero {
			position  : relative;
			overflow  : hidden;
			.bg-cover();
			font-size : medium;

			header {
				&.gradient {
					.gradient(rgba(0,0,0,0), rgba(0,0,0,0.39));
				}

				div {
					position : absolute;
					left     : 12px;
					bottom   : 12px;

					h2 {
						padding : 0;
						margin  : 0;
					}
				}
			}
		}

		//.flag {
		//	@height: 90px;

		//	position    : absolute;
		//	top         : -1 * @height / 2;
		//	left        : -50%;

		//	height      : @height;
		//	width       : 100%;

		//	padding-top : @height * 0.75;

		//	.rotate(-45deg);

		//	color       : black;
		//	text-align  : center;
		//}

		// 2/3 of content
		.thumbs {
			position         : relative;

			float            : none;

			// hides any overflowed thumbnails
			background-color : white;
		}
	}
}

//section.page-content > div.videos-page section.wiki {
//	> .container,
//	> article > .container {
//		.arrow {
//			&.left, &.right {
//				visibility : hidden;
//			}
//		}
//
//		> .row {
//			.columns {
//				margin-left : -1 * @margin-width;
//
//				white-space : normal;
//				text-align  : center;
//			}
//
//			> .columns .column,
//			.thumbs .thumb {
//				display     : inline-block;
//				width       : @thumb-width;
//				height      : @thumb-height;
//				margin-top  : @margin-width;
//				margin-left : @margin-width;
//
//				article {
//					text-align : left;
//				}
//			}
//		}
//	}
//}

// overrides from section.wiki



section.page-content > div.videos-page section.grid {
	> .container,
	> article > .container {
		.arrow {
			&.left, &.right {
				display : none;
			}
		}

		> .row {
			float         : none;
			width         : 100%;
			margin        : 0 auto;
			padding       : 0 75px;
			padding-right : 63px;

			.thumbs {
				width       : 100%;
				// centers all rows from the first-child width
				//        margin-left: -1 * (@margin-width / 2);

				white-space : normal;

				clear       : both;
				// text-align: center;
				margin-left : -12px;
			}

			> .columns .column,
			.thumbs .thumb {
				display     : inline-block;
				width       : @thumb-width;
				height      : @thumb-height;
				margin-top  : @margin-width;
				margin-left : @margin-width;

				article {
					text-align : left;
				}
			}
		}
	}
}
*/
section.grid > ul > li {
  float: left;
}
section.grid > div.buttons.paginator {
  clear: both;
  width: auto;
  text-align: center;
}
section.grid > div.buttons.paginator > button {
  display: inline-block;
  cursor: pointer;
}
section.page-content > div.videos-page section.tab.list > .module {
  margin-bottom: 50px;
}
section.page-content > div.videos-page section.tab.list > .module > .container {
  margin-left: 75px;
  margin-right: 75px;
}
section.page-content > div.videos-page section.tab.list > .module > .container > header {
  height: 17px;
  clear: both;
  display: block;
  margin-bottom: 14px;
}
section.page-content > div.videos-page section.tab.list > .module > .container > header h2 {
  margin: 0 0 0 75px;
  text-transform: uppercase;
  float: left;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
section.page-content > div.videos-page section.tab.list > .module > .container > header h2 span {
  font-size: 12px;
  vertical-align: middle;
  padding-left: 10px;
}
section.page-content > div.videos-page section.tab.list > .module > .container > header h3 {
  margin: 0 75px 0 0;
  padding: 0;
  text-transform: uppercase;
  float: right;
}
section.page-content > div.videos-page section.tab.list > .module > .container > header h3 span {
  display: none;
}
section.page-content > div.videos-page section.tab.list > .module > .container > header h2 {
  margin-left: 0;
}
section.page-content > div.videos-page section.tab.list > .module > .container > .episodesHero .thumb-collection,
section.page-content > div.videos-page section.tab.list > .module > .container > .episodesHero .heroImage {
  width: 422px;
  height: 237px;
  padding-bottom: 0;
  float: left;
  clear: left;
}
section.page-content > div.videos-page section.tab.list > .module > .container > .episodesHero .thumb-collection img,
section.page-content > div.videos-page section.tab.list > .module > .container > .episodesHero .heroImage img {
  height: 100%;
}
section.page-content > div.videos-page section.tab.list > .module > .container > .episodesHero .heroInfo {
  width: 868px;
  padding-left: 35px;
  padding-right: 20px;
}
section.page-content > div.videos-page section.tab.list > .module > .container > .episodesHero .heroInfo .buttons button:last-child,
section.page-content > div.videos-page section.tab.list > .module > .container > .episodesHero .heroInfo .buttons a.button:last-child {
  margin-right: 0;
}
section.page-content > div.videos-page div.episodesHero {
  position: relative;
  min-height: auto;
  height: auto;
  margin-bottom: 17px;
  text-align: left;
  white-space: normal;
  background-color: white;
}
section.page-content > div.videos-page div.episodesHero.active .gradient {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(250, 250, 250, 0.15) 58%, #e3e3e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(250, 250, 250, 0.15)), color-stop(100%, #e3e3e3));
  background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0.15) 58%, #e3e3e3 100%);
  background: -o-linear-gradient(top, rgba(250, 250, 250, 0.15) 58%, #e3e3e3 100%);
  background: -ms-linear-gradient(top, rgba(250, 250, 250, 0.15) 58%, #e3e3e3 100%);
  background: linear-gradient(to bottom, rgba(250, 250, 250, 0.15) 58%, #e3e3e3 100%);
  /* IE6-8 */
  background: rgba(250, 250, 250, 0.15);
  /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIwLjU4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2MzYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(250, 250, 250, 0.15) 0%, #e3e3e3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(250, 250, 250, 0.15)), color-stop(100%, #e3e3e3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0.15) 0%, #e3e3e3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(250, 250, 250, 0.15) 0%, #e3e3e3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(250, 250, 250, 0.15) 0%, #e3e3e3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(250, 250, 250, 0.15) 0%, #e3e3e3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26fafafa", endColorstr="#ffe3e3e3", GradientType=0);
  /* IE6-9 */
}
section.page-content > div.videos-page div.episodesHero.active article.heroInfo .buttons {
  display: block;
}
section.page-content > div.videos-page div.episodesHero > * {
  position: relative;
}
section.page-content > div.videos-page div.episodesHero div.heroImage {
  float: left;
  width: 38%;
}
section.page-content > div.videos-page div.episodesHero div.heroImage img {
  width: 100%;
  height: auto;
  /*.constrain(0, @image-max-width, 0, @image-max-height);*/
}
section.page-content > div.videos-page div.episodesHero article.heroInfo {
  float: left;
  width: 62%;
  padding-left: 40px;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo h2 {
  margin-top: 10px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  color: #01b8c6;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo h4 span {
  float: none;
  margin-right: 0;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo h6 {
  margin-bottom: 10px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
  color: #666666;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo time {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo div.episodeCopy {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo div.episodeCopy p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  margin-top: 5px;
  line-height: 1.4em;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo div.buttons {
  display: none;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo div.buttons button,
section.page-content > div.videos-page div.episodesHero article.heroInfo div.buttons a.button {
  float: left;
  margin-right: 7px;
  margin-bottom: 7px;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo div.buttons button.more,
section.page-content > div.videos-page div.episodesHero article.heroInfo div.buttons a.button.more {
  display: none;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo nav {
  float: right;
  margin-top: 20px;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo nav .social span {
  margin-top: 0;
  padding-top: 0;
}
section.page-content > div.videos-page div.episodesHero article.heroInfo nav .social span:before {
  font-size: 16px;
  color: black;
}
section.page-content > div.videos-page div.episodesHero article.collection {
  position: relative;
  float: left;
  width: 38%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
}
section.page-content > div.videos-page div.episodesHero article.collection > div {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
section.page-content > div.videos-page div.episodesHero article.collection > div header {
  position: absolute;
  bottom: 23px;
  left: 23px;
}
section.page-content > div.videos-page div.episodesHero article.collection > div header h3 {
  color: white;
}
section.page-content > div.videos-page div.episodesHero article.collection > div section {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 22%;
  font-size: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIwLjU4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2MzYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0.75)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
section.page-content > div.videos-page div.episodesHero article.collection > div section aside {
  height: 0;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-bottom: 50%;
}
section.page-content > div.videos-page div.episodesHero article.collection > div section aside:first-child {
  padding-top: 6px;
}
section.page-content > div.videos-page div.episodesHero article.collection > div section aside img {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
section.page-content > div.videos-page div.episodesHero article.collection > div section aside div.empty {
  display: none;
  width: 100%;
  padding-left: 9px;
  padding-right: 9px;
}
section.page-content > div.videos-page div.episodesHero article.collection > div section aside div.empty div {
  height: 0;
  padding-top: 56.25%;
  background-color: #808080;
}
section.episodes section.filters > nav > span:first-child:not(.active) > a,
section.player section.filters > nav > span:first-child:not(.active) > a {
  color: #59C0D3;
}
section.episodes section.filters > nav > span:first-child:not(.active) > a:hover,
section.player section.filters > nav > span:first-child:not(.active) > a:hover {
  color: #6BE5FC;
}
section.episodes section.filters > nav > span:first-child:not(.active):hover > a,
section.player section.filters > nav > span:first-child:not(.active):hover > a {
  color: #6BE5FC;
}
section.filters {
  position: relative;
  margin-bottom: 16px;
  text-align: left;
  height: auto;
}
section.filters > h3 {
  font-size: 18px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  padding-top: 5px;
  text-transform: uppercase;
}
section.filters > nav {
  margin: 6px 0;
}
section.filters > nav > * {
  float: left;
  display: block;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  padding: 10px 12px;
  cursor: pointer;
  margin: 0 4px 0 0;
  text-transform: uppercase;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-style: none;
}
section.filters > nav > *.first {
  padding: 10px;
}
section.filters > nav > *.disabled {
  color: rgba(0, 0, 0, 0.2);
}
section.filters > nav > *.active {
  background: #5f5f5f;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #5f5f5f 0%, #282828 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f5f5f), color-stop(100%, #282828));
  background: -webkit-linear-gradient(top, #5f5f5f 0%, #282828 100%);
  background: -o-linear-gradient(top, #5f5f5f 0%, #282828 100%);
  background: -ms-linear-gradient(top, #5f5f5f 0%, #282828 100%);
  background: linear-gradient(to bottom, #5f5f5f 0%, #282828 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5f5f5f", endColorstr="#282828", GradientType=0);
  /* IE6-8 */
}
section.filters > nav > a:hover,
section.filters > nav a.active {
  color: #f8cc32;
}
section.page-content > div.videos-page .view-gradient {
  position: absolute;
  z-index: 0;
  margin-top: -20px;
  height: 100px;
  width: 100%;
  background-image: linear-gradient(top, #cfcdcf 0%, #e0e0e0 12%, #ffffff 50%);
  background-image: -o-linear-gradient(top, #cfcdcf 0%, #e0e0e0 12%, #ffffff 50%);
  background-image: -moz-linear-gradient(top, #cfcdcf 0%, #e0e0e0 12%, #ffffff 50%);
  background-image: -webkit-linear-gradient(top, #cfcdcf 0%, #e0e0e0 12%, #ffffff 50%);
  background-image: -ms-linear-gradient(top, #cfcdcf 0%, #e0e0e0 12%, #ffffff 50%);
  background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #cfcdcf), color-stop(0.12, #e0e0e0), color-stop(0.5, #ffffff));
}
section.page-content > div.videos-page section.module.views {
  position: relative;
  margin-left: 800px;
}
section.page-content > div.videos-page section.tab {
  text-align: left;
  font-size: 0;
  background-color: transparent;
  position: relative;
}
section.page-content > div.videos-page section.tab > section {
  margin-bottom: 50px;
}
section.page-content > div.videos-page section.tab > section:last-child {
  margin-bottom: 55px;
}
section.page-content > div.videos-page section.tab > section:last-child > div {
  padding-bottom: 0;
}
section.page-content > div.videos-page section.generator {
  height: auto;
  margin-top: 0;
}
section.page-content > div.videos-page section.generator .container .arrow {
  display: none;
}
section.page-content > div.videos-page section.generator .container .row {
  width: 100%;
  min-height: initial;
  max-height: initial;
  height: 90px;
  display: block;
  padding: 0 75px;
  margin: 0;
  background-color: #666;
}
section.page-content > div.videos-page section.generator .container .row > div {
  display: inline-block;
  height: auto;
  min-height: initial;
  max-height: initial;
  margin-top: 22px;
}
section.page-content > div.videos-page section.generator .container .row > div.header {
  padding-left: 0;
  width: 375px;
}
section.page-content > div.videos-page section.generator .container .row > div.header h4 {
  font-size: 14px;
}
section.page-content > div.videos-page section.generator .container .row > div.dropdowns-wrapper {
  float: none;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
}
section.page-content > div.videos-page section.generator .container .row > div.dropdowns-wrapper div {
  padding: 0;
  margin: 0;
}
section.page-content > div.videos-page section.generator .container .row > div.dropdowns-wrapper div.dropdowns {
  height: 40px;
  width: 357.5px;
}
section.page-content > div.videos-page section.generator .container .row > div.dropdowns-wrapper div.dropdowns aside {
  display: table;
}
section.page-content > div.videos-page section.generator .container .row > div.dropdowns-wrapper div.dropdowns aside > label {
  height: 40px;
  display: table-cell;
}
section.page-content > div.videos-page section.generator .container .row > div.dropdowns-wrapper div.generate {
  padding-right: 0;
  width: 200px;
}
section.page-content > div.videos-page section.generator .container .row > div.dropdowns-wrapper div.generate .buttons {
  text-align: right;
  margin-top: 0;
}
section.page-content > div.videos-page section.generator .container .row > div.dropdowns-wrapper div.generate .buttons button,
section.page-content > div.videos-page section.generator .container .row > div.dropdowns-wrapper div.generate .buttons a.button {
  width: 100%;
}
html.tablet section.page-content > div.videos-page section.views > .container > .row nav ul li:hover .tooltip {
  visibility: hidden;
}
section.page-content > div.videos-page section.grid {
  padding-bottom: 32px;
}
section.videos > header > h2 > span {
  font-size: 12px;
  padding-left: 10px;
}
section.videos > header > h2 > b {
  font-weight: inherit;
}
section.videos > header > h2 > b:nth-child(2) {
  display: none;
}
section.videos > header > h2.with-item-title {
  font-weight: normal;
}
section.videos > header > h2.with-item-title > b {
  font-weight: 800;
}
section.videos > header > div.dropdowns {
  display: none;
  float: right;
  width: 175px;
}
section.videos > header > div.dropdowns.enabled {
  display: block;
}
section.videos > header > div.dropdowns > aside {
  text-align: right;
  padding-right: 3px;
}
section.videos > header > div.dropdowns > aside label {
  margin-right: 13px;
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
}
section.videos > header > div.dropdowns > aside > div.select-style {
  width: 175px;
}
section.videos > header > div.dropdowns > aside > div.filter-menu {
  display: none;
}
section.videos > header > div.dropdowns > aside > div.sort-menu {
  display: none;
}
section.videos.sortable > header > div.dropdowns > aside > div.sort-menu {
  display: block;
}
section.videos.thumbnails > div.ad,
section.videos.images > div.ad {
  margin-right: -50px;
  float: right;
  border: 1px solid gray;
}
section.videos.thumbnails > div.ad.ad-300x250 .content,
section.videos.images > div.ad.ad-300x250 .content {
  width: 300px;
  height: 250px;
  margin: 22.5px 45px;
}
section.videos.thumbnails > div.ad + *,
section.videos.images > div.ad + * {
  width: 1050px;
  margin-right: 0;
}
section.videos.thumbnails h1,
section.videos.images h1 {
  margin-bottom: 10px;
}
section.videos.thumbnails > ul,
section.videos.images > ul {
  min-height: 136px;
}
section.videos.thumbnails li,
section.videos.images li {
  margin-right: 25px;
  width: 170px;
  max-height: initial !important;
}
section.videos.thumbnails li:last-child,
section.videos.images li:last-child {
  margin-right: 0;
}
section.videos.thumbnails li > a,
section.videos.images li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
section.videos.thumbnails li > a img,
section.videos.images li > a img {
  border: none;
}
section.videos.thumbnails li > a > div.video-container,
section.videos.images li > a > div.video-container {
  position: relative;
}
section.videos.thumbnails li > a > div.video-container > div.now-playing,
section.videos.images li > a > div.video-container > div.now-playing {
  font-size: 0;
  height: 0;
  /* SPSMIG-1985 */
  -webkit-box-shadow: inset 0 0 0 5px #940813;
  -moz-box-shadow: inset 0 0 0 5px #940813;
  box-shadow: inset 0 0 0 5px #940813;
}
section.videos.thumbnails li > a > div.video-container > div.now-playing::after,
section.videos.images li > a > div.video-container > div.now-playing::after {
  content: "now playing";
  position: absolute;
  top: 0;
  width: 100%;
  height: 33px;
  left: 0;
  opacity: 0.9;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  line-height: 33px;
  background: #f8cc32;
  text-transform: uppercase;
  color: #000;
  z-index: 1;
}
body[data-language-code="de"] section.videos.thumbnails li > a > div.video-container > div.now-playing::after,
body[data-language-code="de"] section.videos.images li > a > div.video-container > div.now-playing::after {
  content: "Läuft Gerade";
}
section.videos.thumbnails li > a > div.video-container > div.now-playing.lang-es::after,
section.videos.images li > a > div.video-container > div.now-playing.lang-es::after {
  content: "tocando ahora";
  /* Spanish */
}
section.videos.thumbnails li > a > div.video-container > img.background,
section.videos.images li > a > div.video-container > img.background {
  max-width: 170px;
  height: 96px;
  display: block;
  margin: 0px auto;
}
section.videos.thumbnails li > a > div.video-container > img.flag,
section.videos.images li > a > div.video-container > img.flag {
  position: absolute;
  bottom: 0px;
  left: 5px;
  width: auto;
  height: auto;
}
section.videos.thumbnails li > a > div.video-container > img.hplus,
section.videos.images li > a > div.video-container > img.hplus {
  position: absolute;
  top: 5px;
  left: 5px;
  width: auto;
  height: auto;
}
section.videos.thumbnails li > a > div.copy,
section.videos.images li > a > div.copy {
  padding: 7px 10px 0 10px;
  background-color: transparent;
  height: 43px;
  border: 1px solid #ccc;
  border-top: 0;
}
section.videos.thumbnails li > a > div.copy > p,
section.videos.images li > a > div.copy > p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
}
section.videos.thumbnails li > a > div.copy > p.title,
section.videos.images li > a > div.copy > p.title {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-align: left;
  line-height: 14px;
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.videos.thumbnails li > a > div.copy > p.video-detail,
section.videos.images li > a > div.copy > p.video-detail {
  color: #777777;
  position: absolute;
  bottom: 5px;
  left: 10px;
  margin: 0;
}
section.videos.thumbnails li > a > div.copy > p.video-detail.view-count,
section.videos.images li > a > div.copy > p.video-detail.view-count {
  left: auto;
  right: 10px;
}
section.videos.thumbnails li.featured,
section.videos.images li.featured {
  max-width: initial;
  width: 365px;
}
section.videos.thumbnails li.featured > a > div.video-container img.background,
section.videos.images li.featured > a > div.video-container img.background {
  max-width: 100%;
  width: 365px;
  height: auto;
}
section.videos.thumbnails li.featured > a > div.copy,
section.videos.images li.featured > a > div.copy {
  height: 92px;
  padding: 15px 0 0 20px;
  white-space: normal;
  background-color: #000;
  border: 0;
}
section.videos.thumbnails li.featured > a > div.copy > p,
section.videos.images li.featured > a > div.copy > p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  color: #FFFFFF;
  font-size: 16px;
}
section.videos.thumbnails li.featured > a > div.copy > p.title,
section.videos.images li.featured > a > div.copy > p.title {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  height: 50px;
  font-size: 22px;
  line-height: 24px;
}
section.videos.thumbnails li.featured > a > div.copy > p.video-detail,
section.videos.images li.featured > a > div.copy > p.video-detail {
  bottom: 10px;
  left: 20px;
}
section.videos.thumbnails li.featured > a > div.copy > p.video-detail.view-count,
section.videos.images li.featured > a > div.copy > p.video-detail.view-count {
  left: auto;
  right: 20px;
}
section.videos.thumbnails li.placeholder > a,
section.videos.images li.placeholder > a {
  width: 170px;
  height: 136px;
}
section.videos.thumbnails li:not(.featured) > a:first-child,
section.videos.images li:not(.featured) > a:first-child {
  margin-bottom: 25px;
}
section.videos.thumbnails[data-collection="true"] li > a > div.video-container::after,
section.videos.images[data-collection="true"] li > a > div.video-container::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 100%;
  background-image: url('../img/film-strip-mobile.png');
  z-index: 2;
  background-size: cover;
}
section.videos.thumbnails[data-collection="true"] li.featured > a > div.video-container::after,
section.videos.images[data-collection="true"] li.featured > a > div.video-container::after {
  width: 60px;
  background-image: url('../img/film-strip.png');
}
section.videos.images li > a {
  cursor: pointer;
}
section.videos.images li > a > div.copy {
  border-color: transparent;
}
section.videos.images li > a > div.copy > p.title {
  text-align: center;
}
section.videos.related-media li {
  position: relative;
  height: 430px;
  width: 430px;
  margin-bottom: 0;
}
section.videos.related-media li:not(:last-child) {
  margin-right: 25px;
}
section.videos.related-media li > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.videos.related-media li > a > *:not(img):not(div) {
  margin-left: 40px;
  margin-right: 40px;
}
section.videos.related-media li.blog-post {
  text-transform: uppercase;
}
section.videos.related-media li.blog-post > a > img {
  max-width: 100%;
}
section.videos.related-media li.blog-post > a > h6 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  margin-top: 30px;
  font-size: 16px;
}
section.videos.related-media li.blog-post > a > h4 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  height: auto;
  margin-top: 15px;
  max-height: 75px;
  white-space: normal;
  line-height: 24px;
  font-size: 21px;
}
section.videos.related-media li.wiki-entry > a {
  padding: 0;
}
section.videos.related-media li.wiki-entry > a > header {
  height: 120px;
  margin-top: 20px;
}
section.videos.related-media li.wiki-entry > a > header > h6 {
  font-size: 16px;
}
section.videos.related-media li.wiki-entry > a > header > h6::before {
  display: block;
  content: "Wiki";
  text-transform: none;
  margin-bottom: 15px;
}
section.videos.related-media li.wiki-entry > a > header > h4 {
  margin-top: 15px;
  max-width: 100%;
  font-size: 21px;
  height: 60px;
}
section.videos.related-media li.wiki-entry > a > p {
  padding: 170px 0 20px;
  position: absolute;
  bottom: 0;
  top: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (min-width: 1740px) {
  section.module.videos.grid > ul > li:nth-child(7n) {
    margin-right: 0;
  }
  section.module.videos.grid > ul > li.placeholder:nth-of-type(n+15) {
    display: none;
  }
  section.module.videos.grid .ad + ul > li:nth-child(7n) {
    margin-right: 25px;
  }
  section.module.videos.grid .ad + ul > li:nth-child(5n) {
    margin-right: 0px;
  }
}
@media screen and (min-width: 1523px) and (max-width: 1739px) {
  section.module.videos.grid > ul > li:nth-child(6n) {
    margin-right: 0;
  }
  section.module.videos.grid > ul > li.placeholder:nth-of-type(n+13) {
    display: none;
  }
  section.module.videos.grid div.ad + ul > li:nth-child(6n) {
    margin-right: 25px;
  }
  section.module.videos.grid div.ad + ul > li:nth-child(4n) {
    margin-right: 0px;
  }
}
@media screen and (min-width: 1306px) and (max-width: 1522px) {
  section.module.videos.grid > ul > li:nth-child(5n) {
    margin-right: 0;
  }
  section.module.videos.grid > ul > li.placeholder:nth-of-type(n+11) {
    display: none;
  }
  section.module.videos.grid .ad + ul > li:nth-child(5n) {
    margin-right: 19px;
  }
  section.module.videos.grid .ad + ul > li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media screen and (max-width: 1305px) {
  section.module.videos.grid > ul > li:nth-child(5n) {
    margin-right: 0;
  }
  section.module.videos.grid > ul > li.placeholder:nth-of-type(n+11) {
    display: none;
  }
  section.module.videos.grid .ad + ul > li:nth-child(5n) {
    margin-right: 13px;
  }
  section.module.videos.grid .ad + ul > li:nth-child(3n) {
    margin-right: 0px;
  }
}
section.page-content > div.videos-page section.tab.list {
  position: relative;
}
section.page-content > div.videos-page section.hero {
  min-height: initial;
  max-height: initial;
  height: auto;
}
section.page-content > div.videos-page section.hero nav {
  position: absolute;
  right: 75px;
  top: 40px;
}
section.page-content > div.videos-page section.hero nav span {
  padding-top: 0;
  color: black;
}
section.page-content > div.videos-page section.hero div.episodesHero {
  padding: 40px 75px;
  margin-bottom: 20px;
}
section.page-content > div.videos-page section.hero div.episodesHero nav {
  position: relative;
  top: 0;
  left: 0;
  float: none !important;
  width: 100%;
  margin-top: 0 !important;
}
section.page-content > div.videos-page section.hero div.episodesHero nav .social {
  text-align: left;
}
section.page-content > div.videos-page section.hero div.episodesHero nav .social a {
  height: auto;
  padding-top: 0;
  text-align: center;
}
section.page-content > div.videos-page section.hero div.episodesHero nav .social a:first-child {
  width: auto;
  margin-right: 10px;
}
section.page-content > div.videos-page section.hero div.episodesHero div.heroImage {
  width: 512px;
  height: 288px;
  overflow: hidden;
}
section.page-content > div.videos-page section.hero div.episodesHero div.heroImage .heroPlay {
  display: none;
}
section.page-content > div.videos-page section.hero div.episodesHero div.heroImage img {
  width: 100%;
  height: auto;
}
section.page-content > div.videos-page section.hero div.episodesHero article.heroInfo,
section.page-content > div.videos-page section.hero div.episodesHero > .buttons {
  width: 778px;
  padding-left: 35px;
  float: left;
}
section.page-content > div.videos-page section.hero div.episodesHero article.heroInfo header h2 {
  margin-right: 0;
}
section.page-content > div.videos-page section.hero div.episodesHero article.heroInfo header h3 {
  margin-top: 0;
}
section.page-content > div.videos-page section.hero div.episodesHero article.heroInfo .info-controls {
  display: none;
}
section.page-content > div.videos-page section.hero div.episodesHero > .buttons {
  white-space: normal;
  display: block;
  font-size: 0;
}
section.page-content > div.videos-page section.hero div.episodesHero > .buttons button,
section.page-content > div.videos-page section.hero div.episodesHero > .buttons a.button {
  width: 180px;
  margin-right: 7px;
  margin-bottom: 7px;
}
section.page-content > div.videos-page section.hero div.episodesHero > .buttons button .text,
section.page-content > div.videos-page section.hero div.episodesHero > .buttons a.button .text {
  font-family: inherit;
}
section.page-content > div.videos-page section.hero div.episodesHero > .buttons button.wiki .text,
section.page-content > div.videos-page section.hero div.episodesHero > .buttons a.button.wiki .text {
  padding-left: 0;
}
section.page-content > div.videos-page section.hero div.episodesHero > .buttons button:last-child,
section.page-content > div.videos-page section.hero div.episodesHero > .buttons a.button:last-child {
  margin-right: 0;
}
section.page-content > div.videos-page section.hero div.episodesHero .collection header h3 {
  display: none;
}
section.page-content > div.videos-page section.hero div.episodesHero .sponsored-block {
  display: none;
  float: right;
}
section.page-content > div.videos-page section.hero div.episodesHero .sponsored-block > span {
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
  font-style: italic;
  color: gray;
}
section.page-content > div.videos-page section.hero div.episodesHero .sponsored-block > div.desktop-only a {
  display: block;
  margin-bottom: 5px;
}
section.page-content > div.videos-page section.hero div.episodesHero .sponsored-block > div.desktop-only a:last-child {
  margin-bottom: 0;
}
section.page-content > div.videos-page section.hero div.episodesHero .sponsored-block > div.mobile-only {
  display: none;
}
section.page-content > div.videos-page section.hero div.episodesHero.with-ad article.heroInfo,
section.page-content > div.videos-page section.hero div.episodesHero.with-ad.active article.heroInfo,
section.page-content > div.videos-page section.hero div.episodesHero.with-ad > .buttons,
section.page-content > div.videos-page section.hero div.episodesHero.with-ad.active > .buttons {
  width: 573px;
}
section.page-content > div.videos-page section.hero div.episodesHero.with-ad article.heroInfo .sponsored-block,
section.page-content > div.videos-page section.hero div.episodesHero.with-ad.active article.heroInfo .sponsored-block {
  display: block;
  width: 190px;
  height: 200px;
  position: absolute;
  top: 45px;
  right: -205px;
}
section.page-content > div.videos-page section.hero div.episodesHero .icon-addto .text {
  padding-left: 7px;
}
section.page-content > div.videos-page section.hero article.collection {
  position: relative;
  float: left;
  width: 40%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
}
section.page-content > div.videos-page section.hero article.collection > div {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
section.page-content > div.videos-page section.hero article.collection > div header {
  position: absolute;
  bottom: 23px;
  left: 23px;
}
section.page-content > div.videos-page section.hero article.collection > div header h3 {
  color: white;
}
section.page-content > div.videos-page section.hero article.collection > div section {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 22%;
  font-size: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIwLjU4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2MzYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0.75)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
section.page-content > div.videos-page section.hero article.collection > div section aside {
  height: 0;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-bottom: 50%;
}
section.page-content > div.videos-page section.hero article.collection > div section aside:first-child {
  padding-top: 6px;
}
section.page-content > div.videos-page section.hero article.collection > div section aside img {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
section.page-content > div.videos-page section.hero article.collection > div section aside div.empty {
  display: none;
  width: 100%;
  padding-left: 9px;
  padding-right: 9px;
}
section.page-content > div.videos-page section.hero article.collection > div section aside div.empty div {
  height: 0;
  padding-top: 56.25%;
  background-color: #808080;
}
section.page-content.with-light-hero > div > .hero .episodesHero.active {
  background-color: white;
}
section.page-content.with-light-hero > div > .hero .episodesHero.active .gradient {
  display: block;
}
section.page-content.with-light-hero > div > .hero .episodesHero.active .heroInfo h2 {
  color: #000;
}
section.page-content.with-light-hero > div > .hero .episodesHero.active .heroInfo h4 {
  color: #666;
}
section.page-content.with-light-hero > div > .hero .episodesHero.active .heroInfo .episodeCopy p {
  color: #000;
}
section.page-content.with-light-hero > div > .hero .episodesHero.active nav {
  z-index: 1;
}
section.page-content.with-light-hero > div > .hero .episodesHero.active nav .social .item {
  color: #000;
  padding-top: 0px;
}
section.page-content.with-dark-hero > div > .hero .episodesHero.active {
  background-color: #494949;
}
section.page-content.with-dark-hero > div > .hero .episodesHero.active .gradient {
  display: none;
}
section.page-content.with-dark-hero > div > .hero .episodesHero.active .heroInfo h2,
section.page-content.with-dark-hero > div > .hero .episodesHero.active .heroInfo h4 {
  color: #fff;
}
section.page-content.with-dark-hero > div > .hero .episodesHero.active .heroInfo h5,
section.page-content.with-dark-hero > div > .hero .episodesHero.active .heroInfo h6 {
  color: #CCC;
}
section.page-content.with-dark-hero > div > .hero .episodesHero.active .heroInfo .episodeCopy p {
  color: #fff;
}
section.page-content.with-dark-hero > div > .hero .episodesHero.active .heroInfo time {
  color: #fff;
}
section.page-content.with-dark-hero > div > .hero .episodesHero.active nav {
  z-index: 1;
}
section.page-content.with-dark-hero > div > .hero .episodesHero.active nav .social .item {
  color: #FFF;
  padding-top: 0px;
}
section.page-content > div.clips > .hero .episodesHero.active .heroInfo header time {
  display: none;
}
section.page-content > div.clips > .hero .episodesHero.active .heroInfo header h5.desktop-only {
  display: inline-block;
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.page-content > div.clips > .hero .episodesHero.active .heroInfo header h5.mobile-only {
  display: none;
}
section.page-content > div.clips > .hero .episodesHero.active .heroInfo header h6 {
  display: inline-block;
}
section.page-content > div.clips section.views > .container > .row nav ul li.list,
section.page-content > div.clips section.views > .container > .row nav ul li.list:before {
  display: none;
}
section.page-content > div.collections > .hero .episodesHero.active,
section.page-content > div.collection > .hero .episodesHero.active {
  padding: 40px 75px;
  margin-bottom: 0;
}
section.page-content > div.collections > .hero .episodesHero.active article.thumb-collection,
section.page-content > div.collection > .hero .episodesHero.active article.thumb-collection {
  padding-bottom: 0;
  width: 512px;
  height: 288px;
  float: left;
}
section.page-content > div.collections > .hero .episodesHero.active article.thumb-collection .collection-header,
section.page-content > div.collection > .hero .episodesHero.active article.thumb-collection .collection-header {
  display: none;
}
section.page-content > div.collections > .hero .episodesHero.active article.thumb-collection .gradient,
section.page-content > div.collection > .hero .episodesHero.active article.thumb-collection .gradient {
  display: none;
}
section.page-content > div.collections > .hero .episodesHero.active .heroInfo h2,
section.page-content > div.collection > .hero .episodesHero.active .heroInfo h2 {
  margin-right: 0;
}
section.page-content > div.collections > .hero .episodesHero.active .heroInfo h4,
section.page-content > div.collection > .hero .episodesHero.active .heroInfo h4 {
  height: 32px;
  line-height: 32px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  font-style: italic;
  margin-top: 5px;
}
section.page-content > div.collections > .hero .episodesHero.active .heroInfo h4 span,
section.page-content > div.collection > .hero .episodesHero.active .heroInfo h4 span {
  float: left;
  margin-right: 10px;
  color: #777;
}
section.page-content > div.collections > .hero .episodesHero.active .heroInfo h4 span.collectionOwner,
section.page-content > div.collection > .hero .episodesHero.active .heroInfo h4 span.collectionOwner {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.page-content > div.collections > .hero .episodesHero.active .heroInfo h4 span.collectionOwner,
section.page-content > div.collection > .hero .episodesHero.active .heroInfo h4 span.collectionOwner,
section.page-content > div.collections > .hero .episodesHero.active .heroInfo h4 span.name,
section.page-content > div.collection > .hero .episodesHero.active .heroInfo h4 span.name {
  color: #f8cc32;
  font-style: normal;
}
section.page-content > div.collections > .hero .episodesHero.active .heroInfo h4 img,
section.page-content > div.collection > .hero .episodesHero.active .heroInfo h4 img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
section.page-content > div.collections > .hero .episodesHero.active .heroInfo .clearfix,
section.page-content > div.collection > .hero .episodesHero.active .heroInfo .clearfix {
  display: none;
}
section.page-content > div.collections > .hero .episodesHero.active .heroInfo .buttons button.wiki,
section.page-content > div.collection > .hero .episodesHero.active .heroInfo .buttons button.wiki,
section.page-content > div.collections > .hero .episodesHero.active .heroInfo .buttons a.button.wiki,
section.page-content > div.collection > .hero .episodesHero.active .heroInfo .buttons a.button.wiki {
  display: none;
}
section.page-content > div.collections > .hero .episodesHero.active .episodeCopy,
section.page-content > div.collection > .hero .episodesHero.active .episodeCopy {
  margin-top: 15px;
}
section.page-content > div.collections article.thumb-collection > .container > a,
section.page-content > div.collection article.thumb-collection > .container > a {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
}
section.page-content > div.collections > .tab article.thumb-collection .container .collection-header,
section.page-content > div.collection > .tab article.thumb-collection .container .collection-header {
  width: 100%;
  left: 2px;
  bottom: 2px;
  display: block;
}
section.page-content > div.collections > .tab article.thumb-collection .container .collection-header h3,
section.page-content > div.collection > .tab article.thumb-collection .container .collection-header h3 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  display: block;
}
section.page-content > div.collections > .tab article.thumb-collection .container .collection-header h4,
section.page-content > div.collection > .tab article.thumb-collection .container .collection-header h4 {
  display: none;
}
section.page-content > div.collections > .tab article.thumb-collection .container .gradient,
section.page-content > div.collection > .tab article.thumb-collection .container .gradient {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.39) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.39)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.39) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.39) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.39) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.39) 100%);
  /* IE6-8 */
  background: rgba(0, 0, 0, 0);
  /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIwLjU4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2MzYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.39)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#63000000", GradientType=0);
  /* IE6-9 */
  height: 150px;
  top: auto;
  bottom: 0;
}
section.page-content > div.collections > .tab .hero article.thumb-collection .container .collection-header,
section.page-content > div.collection > .tab .hero article.thumb-collection .container .collection-header {
  width: 321px;
  left: 15px;
  bottom: 15px;
}
section.page-content > div.collections > .tab .hero article.thumb-collection .container .collection-header h3,
section.page-content > div.collection > .tab .hero article.thumb-collection .container .collection-header h3 {
  font-size: 14px;
  line-height: 14px;
}
section.page-content > div.collections > .tab .thumbs article.thumb-collection .gradient,
section.page-content > div.collection > .tab .thumbs article.thumb-collection .gradient {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.39) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.39)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.39) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.39) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.39) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.39) 100%);
  /* IE6-8 */
  background: rgba(0, 0, 0, 0);
  /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIwLjU4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2MzYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.39)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#63000000", GradientType=0);
  /* IE6-9 */
  height: 60px;
  top: auto;
  bottom: 0;
}
section.page-content > div.collections > .tab .thumbs article.thumb-collection .container .collection-header,
section.page-content > div.collection > .tab .thumbs article.thumb-collection .container .collection-header {
  width: 161px;
  left: 2px;
  bottom: 2px;
}
section.page-content > div.collections > .tab .thumbs article.thumb-collection .container .collection-header h3,
section.page-content > div.collection > .tab .thumbs article.thumb-collection .container .collection-header h3 {
  font-size: 13px;
  line-height: 13px;
}
section.page-content > div.collections > .tab.list article.thumb-collection .container .collection-header,
section.page-content > div.collection > .tab.list article.thumb-collection .container .collection-header {
  display: none;
}
section.page-content > div.collections > .tab.list article.thumb-collection .container .gradient,
section.page-content > div.collection > .tab.list article.thumb-collection .container .gradient {
  display: none;
}
section.page-content > div.collections > .tab.list .heroInfo > h2,
section.page-content > div.collection > .tab.list .heroInfo > h2 {
  margin-right: 0;
}
section.page-content > div.collections > .tab.list .heroInfo > h4 span,
section.page-content > div.collection > .tab.list .heroInfo > h4 span {
  font-size: 12px;
  color: #777;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  line-height: 32px;
  float: left;
}
section.page-content > div.collections > .tab.list .heroInfo > h4 span.name,
section.page-content > div.collection > .tab.list .heroInfo > h4 span.name {
  font-family: 'Open Sans';
  font-weight: 700;
  color: #f8cc32;
  font-style: normal;
}
section.page-content > div.collections > .tab.list .heroInfo > h4 img,
section.page-content > div.collection > .tab.list .heroInfo > h4 img {
  width: 32px;
  height: 32px;
  float: left;
  margin: 0 10px;
}
#share-button-container {
  position: relative;
  display: inline-block;
}
#share-buttons {
  position: absolute;
  left: -55px;
  display: none;
  height: 40px;
  width: auto;
  padding: 0 10px;
  line-height: 40px;
  background-color: #282828;
  border: 2px solid #ebebeb;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-top-right: 10px;
  -moz-border-radius-bottom-right: 10px;
  -moz-border-radius-bottom-left: 10px;
  -moz-border-radius-top-left: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  z-index: 4;
}
#share-buttons.active {
  display: block;
}
#share-buttons a {
  padding-top: 0;
}
#hulu-plus-only {
  color: white;
  margin: 0px auto;
  padding: 40px 0 0;
  max-width: 800px;
}
#hulu-plus-only span a {
  font-weight: bold;
  color: #59C0D3;
}
#hulu-plus-only span a:hover {
  color: #6BE5FC;
}
#hulu-plus-only section.carousel {
  margin: 30px 0;
}
#hulu-plus-only section.carousel > header {
  display: none;
}
#hulu-plus-only section.carousel > div.carousel-wrapper.thumb-scroller > ul > li:first-child {
  margin-left: 0;
}
#hulu-plus-only section.carousel > div.carousel-wrapper.thumb-scroller > ul > li:last-child {
  margin-right: 0;
}
#hulu-plus-only > div {
  margin: 0px auto;
  clear: both;
}
#hulu-plus-only > div.episode-hero {
  text-align: left;
  height: 105px;
}
#hulu-plus-only > div.episode-hero img {
  width: 180px;
  float: left;
  clear: left;
  margin-right: 30px;
}
#hulu-plus-only > div.episode-hero h1 {
  font-weight: 700;
  font-size: 23pt;
  white-space: normal;
}
#hulu-plus-only > div.episode-hero h3 {
  color: #7E7E7E;
  font-size: 12pt;
  font-weight: normal;
}
#hulu-plus-only > div.other-episodes {
  margin-top: 30px;
}
#hulu-plus-only > div.or-hulu-plus {
  margin-top: 30px;
  padding: 30px 0;
  border-top: 1px solid #555;
}
#hulu-plus-only > div.or-hulu-plus img {
  width: 120px;
}
section.page-content > div.player section.grid-container {
  margin-bottom: 20px;
  padding-top: 10px;
  background-color: #DEDEDE;
}
section.page-content > div.player section.grid-container > section.grid {
  padding-bottom: 20px;
  margin-bottom: 0;
}
section.page-content > div.player section.featured {
  position: relative;
  display: block;
  min-height: 540px;
  padding: 0 16.66666667% 0;
  background-color: black;
  /* SEO Data */
  /* Hulu */
}
section.page-content > div.player section.featured > div.video {
  height: 540px;
}
section.page-content > div.player section.featured.hidden {
  display: none;
}
section.page-content > div.player section.featured .icon-watch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  height: 138px;
  width: 138px;
  color: black;
  opacity: .6;
  filter: alpha(opacity=60);
  cursor: pointer;
}
section.page-content > div.player section.featured .icon-watch:before {
  position: relative;
  top: -11px;
  font-size: 138px;
}
section.page-content > div.player section.featured div.player-sizer {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
section.page-content > div.player section.featured img.player-sizer {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}
section.page-content > div.player section.featured .video {
  display: none;
}
section.page-content > div.player section.featured .video.active {
  display: block;
}
section.page-content > div.player section.featured span.hide,
section.page-content > div.player section.featured div.transcript {
  display: none;
  text-align: left;
}
section.page-content > div.player section.featured #videoPlayerComponent {
  text-align: left;
}
section.page-content > div.player .actions {
  padding: 6px 75px;
  background-color: #333333;
  text-align: left;
}
section.page-content > div.player .actions > span {
  float: left;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 40px;
  color: #f8cc32;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
section.page-content > div.player .actions .buttons {
  float: right;
  width: auto;
  margin: 0;
  font-size: 0;
}
section.page-content > div.player .actions .buttons button,
section.page-content > div.player .actions .buttons a.button {
  margin-left: 10px;
}
section.page-content > div.player .actions .buttons button .langSelect,
section.page-content > div.player .actions .buttons a.button .langSelect {
  top: 30px;
}
section.page-content > div.player .actions h5 {
  float: left;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  color: #fff;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 39px;
}
section.page-content > div.player .more-info {
  padding: 15px 75px;
  background-color: #dedede;
  position: relative;
}
section.page-content > div.player .more-info article {
  width: 80%;
  float: left;
  text-align: left;
  white-space: normal;
}
section.page-content > div.player .more-info article header h5 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: black;
}
section.page-content > div.player .more-info article header .additional {
  color: #666666;
}
section.page-content > div.player .more-info article header .season {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
}
section.page-content > div.player .more-info article header .air-date {
  margin-left: 43px;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
}
section.page-content > div.player .more-info article header a {
  color: #01b8c6;
}
section.page-content > div.player .more-info article p {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  padding-right: 10px;
  margin-bottom: 0;
}
section.page-content > div.player .more-info #adComponent {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 300px;
  height: 60px;
  margin-top: -30px;
}
section.page-content > div.player .more-info .buttons {
  width: 20%;
  float: right;
  margin: 0;
}
section.page-content > div.player .more-info .buttons button,
section.page-content > div.player .more-info .buttons a.button {
  display: block;
  float: right;
  margin: 7px 0 0 0;
}
section.page-content > div.player .more-info .buttons button.wiki,
section.page-content > div.player .more-info .buttons a.button.wiki {
  display: none;
}
section.page-content > div.player .more-info[style="display: none"] {
  margin-bottom: 25px;
}
section.page-content > div.player .collection-info {
  padding-left: 75px;
  background-color: #2a2a2a;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
  white-space: normal;
}
section.page-content > div.player .collection-info.sponsor {
  padding-top: 25px;
  padding-bottom: 14.2px;
}
section.page-content > div.player .collection-info.sponsor > header {
  font-size: 0;
  padding-top: 0;
  position: relative;
  top: -6px;
}
section.page-content > div.player .collection-info > header {
  float: left;
  width: 375px;
  margin-right: -375px;
  padding-top: 16.5px;
}
section.page-content > div.player .collection-info > header.mobile {
  display: none;
}
section.page-content > div.player .collection-info > header.sponsor.mobile {
  display: none;
}
section.page-content > div.player .collection-info > header.sponsor h2 {
  margin-bottom: 10px;
}
section.page-content > div.player .collection-info > header h2 {
  color: #f8cc32;
  margin-bottom: 8px;
}
section.page-content > div.player .collection-info > header h3 {
  text-transform: uppercase;
  color: white;
  margin-bottom: 6px;
}
section.page-content > div.player .collection-info > section.carousel {
  float: right;
  width: 100%;
  padding-left: 375px;
}
section.page-content > div.player .collection-info > section.carousel > header {
  display: none;
}
section.page-content > div.player .collection-info > section.carousel > div.carousel-wrapper {
  padding: 0 40px;
  margin-left: 0px;
  margin-right: 0px;
}
section.page-content > div.player .collection-info > section.carousel > div.carousel-wrapper > nav > span {
  width: 40px;
}
section.page-content > div.player .collection-info > section.carousel > div.carousel-wrapper li > a {
  margin-bottom: 0;
}
section.page-content > div.player .collection-info > section.carousel > div.carousel-wrapper.thumb-scroller {
  padding: 0;
}
section.page-content > div.player .collection-info > section.carousel > div.carousel-wrapper.thumb-scroller > span.ticker {
  display: none;
}
section.page-content > div.player .collection-info > section.carousel > div.carousel-wrapper.thumb-scroller ul > li:first-child {
  margin-left: 0;
}
section.page-content > div.player .collection-info > section.carousel > div.carousel-wrapper.thumb-scroller ul > li:last-child {
  margin-right: 0;
}
section.page-content > div.player section.comments {
  padding: 30px 50px;
}
section.page-content > div.player section.comments header {
  padding: 0 0 15px 0;
}
section.page-content > div.player section.comments header h2 {
  text-transform: uppercase;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  text-align: left;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
  color: #333;
}
section.page-content > div.player > .ad-container > .with-ad {
  text-align: left;
  overflow: hidden;
  width: 995px;
}
section.page-content > div.player > .ad-container > .with-ad > .container {
  padding-right: 0;
}
section.page-content > div.player > .ad-container > .with-ad.single-row > .container > header h3 {
  margin-right: 69px;
}
section.page-content > div.player .single-row > .container > header h3 {
  margin-right: 75px;
}
section.page-content > div.player article.square-ad:before {
  content: "";
  display: block;
  width: 8px;
  height: 314px;
  background: #FFF;
  position: absolute;
  top: -2px;
  left: -9px;
}
.player-bottom-spacer {
  height: 50px;
  display: none;
}
section.page-content > div.player .collection-info + .player-bottom-spacer {
  display: block;
  height: 0px;
}
#endcap-container {
  display: block;
  padding: 45px 170px;
  background-color: #212121;
}
#endcap-container.hidden {
  display: none;
}
#endcap-container-mobile {
  display: inline-block;
  background-color: #212121;
}
#endcap-container-mobile.hidden {
  display: none;
}
#endcap-container-mobile a.button {
  font-size: 20px;
  line-height: 38px;
}
#endcap {
  padding: 20px 50px 55px 50px;
  text-align: left;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  background-color: white;
}
#endcap > span,
#endcap .buttons > span {
  display: block;
  line-height: 25px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  font-size: 15px;
  color: #3d3d3d;
  position: relative;
  top: -6px;
}
#endcap > span button,
#endcap .buttons > span button {
  margin-left: 10px;
  top: 6px;
}
#endcap img {
  float: left;
  width: 488px;
  height: 277px;
  margin-top: 15px;
  margin-right: 44px;
}
#endcap > div {
  padding-top: 15px;
}
#endcap .buttons > button {
  float: left;
}
#endcap .buttons > span {
  float: right;
}
#endcap header h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
}
#endcap header h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 22px;
  font-size: 13px;
  font-weight: bold;
  color: #666666;
}
#endcap header h3 {
  font-size: 13px;
  font-weight: bold;
  color: black;
}
#endcap p {
  font-size: 13px;
  white-space: normal;
  color: #666666;
}
#endcap p a {
  color: #00c1f1;
}
#endcap .heroImage img {
  width: 488px;
  height: 277px;
}
#endcap .replay,
#endcap .pause {
  width: 25px;
  height: 22px;
  -webkit-border-top-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-top-right: 7px;
  -moz-border-radius-bottom-right: 7px;
  -moz-border-radius-bottom-left: 7px;
  -moz-border-radius-top-left: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
}
#endcap .replay:before,
#endcap .pause:before {
  position: relative;
  top: -9px;
  font-size: 13px;
}
#endcap .pause:before {
  font-size: 7px;
}
#endcap .pause.icon-play-inverse:before {
  font-size: 12px;
}
#endcap-mobile {
  padding: 20px 50px 55px 50px;
  text-align: left;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  background-color: white;
}
#endcap-mobile > span,
#endcap-mobile .buttons > span {
  display: block;
  line-height: 25px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  font-size: 15px;
  color: #3d3d3d;
  position: relative;
  top: -6px;
}
#endcap-mobile > span button,
#endcap-mobile .buttons > span button {
  margin-left: 10px;
  top: 15px;
}
#endcap-mobile img {
  width: 488px;
  height: 277px;
  margin-top: 15px;
  margin-right: 44px;
}
#endcap-mobile > div {
  padding-top: 15px;
}
#endcap-mobile .buttons > button {
  float: left;
}
#endcap-mobile .buttons > span {
  float: right;
}
#endcap-mobile header h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
}
#endcap-mobile header h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 22px;
  font-size: 13px;
  font-weight: bold;
  color: #666666;
}
#endcap-mobile header h3 {
  font-size: 13px;
  font-weight: bold;
  color: black;
}
#endcap-mobile p {
  font-size: 13px;
  white-space: normal;
  color: #666666;
}
#endcap-mobile p a {
  color: #00c1f1;
}
#endcap-mobile .heroImage img {
  width: 488px;
  height: 277px;
}
#endcap-mobile .replay,
#endcap-mobile .pause {
  width: 25px;
  height: 22px;
  -webkit-border-top-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-top-right: 7px;
  -moz-border-radius-bottom-right: 7px;
  -moz-border-radius-bottom-left: 7px;
  -moz-border-radius-top-left: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
}
#endcap-mobile .replay:before,
#endcap-mobile .pause:before {
  position: relative;
  top: -16px;
  font-size: 13px;
}
#endcap-mobile .pause:before {
  font-size: 7px;
}
#endcap-mobile .pause.icon-play-inverse:before {
  font-size: 12px;
}
#endcap-carousel {
  margin-bottom: 0;
  background-color: #333;
  padding: 20px 0 0;
}
#endcap-carousel > header > h2 {
  padding: 10px 0;
}
#no-player {
  white-space: normal;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
}
#no-player header {
  padding: 0 225px;
  background-color: rgba(33, 33, 33, 0.85);
}
#no-player header.narrow {
  padding: 0 240px;
}
#no-player header.narrow2 {
  padding: 0 360px;
}
#no-player header > div {
  display: table;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#no-player header > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
#no-player h1 {
  font-weight: bold;
  text-transform: uppercase;
  color: white;
}
#no-player h1:before {
  content: "\"";
}
#no-player h1:after {
  content: "\"";
}
#no-player h2 {
  font-size: 23px;
  text-transform: uppercase;
  color: white;
}
#no-player h2 + h1 {
  margin-top: 30px;
}
#no-player h2 em {
  font-style: normal;
  font-weight: bold;
}
#no-player h3,
#no-player h4 {
  margin-top: 30px;
  font-size: 23px;
  color: white;
}
#no-player a {
  color: #01b8c6;
}
#no-player p {
  line-height: 23px;
  margin-top: 37px;
  margin-bottom: 0;
  padding: 0 83px;
  font-size: 20px;
  text-transform: uppercase;
  color: white;
}
section.comments > header {
  position: relative;
}
section.comments > header > h4 {
  position: absolute;
  right: 75px;
  top: 0px;
}
section.comments > header > h4 > a {
  color: #2ac4e0;
  font-size: 13px;
}
section.shaded + div.view-gradient + section.shaded,
section.shaded + section.shaded {
  background-color: #DEDEDE;
}
section.page-content > div.search > section.search-no-results,
section.page-content > div.search > section.filters {
  margin-left: 50px;
  margin-right: 50px;
}
section.page-content > div.search > section.search-no-results {
  text-align: center;
}
section.page-content > div.search > section.search-no-results > h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  font-size: 45pt;
  margin: 40px 0 20px;
}
section.page-content > div.search > section.search-no-results > a > img {
  max-width: 100%;
  height: auto;
}
section.page-content > div.search > section.filters {
  height: 50px;
}
section.page-content > div.search > section.filters > nav > * {
  padding: 10px 14px !important;
  margin-right: 26px;
}
section.page-content > div.search > section.module {
  clear: both;
  margin-bottom: 40px;
}
section.page-content > div.search > section.grid > div.paginator {
  text-align: left;
}
section.page-content > div.search > section.page-sub-nav {
  position: initial;
}
@media screen and (min-width: 1523px) {
  section.page-content > div.search > section.grid.thumbnails {
    margin-bottom: 37px;
    padding-bottom: 0;
  }
  section.page-content > div.search > section.grid.thumbnails > div.paginator {
    position: relative;
    top: -12px;
  }
}
section.search.page-sub-nav {
  text-align: left;
  height: 35px;
}
section.search.page-sub-nav > div.arrow.active {
  bottom: 34px;
}
section.search.page-sub-nav > div.container {
  padding-left: 50px;
  height: 35px;
  line-height: 35px;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  color: white;
}
section.search.page-sub-nav > div.container > span {
  color: #f8cc32;
}
section.page-content.search .blog-mobile-landing {
  display: none !important;
}
div.web-credits {
  padding: 30px 60px;
}
div.web-credits h2 {
  font-size: 1.5em;
  text-align: left;
  clear: both;
  font-weight: bold;
  margin-bottom: 10px;
}
div.web-credits ul {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0px;
  clear: both;
  margin-bottom: 30px;
}
div.web-credits ul li {
  position: relative;
  display: inline;
  margin-right: 30px;
  margin-bottom: 10px;
  text-align: center;
  list-style-type: none;
  width: auto;
  height: auto;
  vertical-align: top;
  float: left;
}
div.web-credits ul li span {
  display: inline;
  text-align: left;
  vertical-align: top;
}
div.web-credits ul li span h3 {
  position: relative;
  color: #FFCC00;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px;
  text-align: left;
}
div.web-credits ul li span h4 {
  margin: 0px;
  color: #AAA;
  text-transform: capitalize;
  text-align: left;
  white-space: normal;
}
div.web-credits ul li#thanks span {
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 0px;
}
div.web-credits ul li#thanks ul {
  display: inline;
  text-align: left;
  height: auto;
  width: auto;
}
div.web-credits ul li#thanks ul li {
  display: block;
  margin: 0px;
  text-align: left;
  height: auto;
  margin-right: 10px;
  line-height: normal;
  color: #AAA;
}
div.web-credits ul li#thanks ul li:after {
  content: ",";
}
div.web-credits ul li#thanks ul li:last-child {
  padding-bottom: 30px;
}
div.web-credits ul li#thanks ul li:last-child:after {
  content: ".";
}
div.web-credits ul.avatar li {
  position: relative;
  display: -moz-inline-block;
  display: inline-block;
  width: 235px;
  height: 80px;
  text-align: left;
  vertical-align: bottom;
  margin-left: 0px;
  margin-bottom: 33px;
  margin-right: 50px;
}
div.cast-and-crew,
div.creator_bios {
  padding: 30px 60px;
}
div.cast-and-crew h2,
div.creator_bios h2 {
  color: #AAA;
  margin: 30px 0;
  font-size: 1.5em;
}
div.cast-and-crew div.col div,
div.creator_bios div.col div {
  margin-bottom: 30px;
}
div.cast-and-crew div.col div span,
div.creator_bios div.col div span {
  color: #FFCC00;
  font-weight: bold;
  font-size: 1.25em;
  text-transform: uppercase;
}
div.cast-and-crew div.col div ol,
div.creator_bios div.col div ol {
  margin: 0;
  padding: 0;
  color: #AAA;
}
div.cast-and-crew h3.creator_name,
div.creator_bios h3.creator_name {
  color: #FFCC00;
  font-weight: bold;
  font-size: 2em;
  text-transform: uppercase;
  margin-top: 30px;
}
div.cast-and-crew h4,
div.creator_bios h4 {
  color: #AAA;
  font-size: 1.1em;
}
div.cast-and-crew p,
div.creator_bios p {
  color: #000;
}
div.spscom2-termsofuse-page,
div.spscom-privacy-policy-page,
div.spscom-copyright-compliance-page,
div.spscom2-significantupdates-page,
div.spscom2-adchoices-page,
div.spscom2-videoprivacy-page {
  text-align: left;
  padding: 30px 60px;
}
div.spscom2-termsofuse-page p[align="center"] b,
div.spscom-privacy-policy-page p[align="center"] b,
div.spscom-copyright-compliance-page p[align="center"] b,
div.spscom2-significantupdates-page p[align="center"] b,
div.spscom2-adchoices-page p[align="center"] b,
div.spscom2-videoprivacy-page p[align="center"] b {
  font-size: 20pt;
}
div.spscom2-termsofuse-page ol,
div.spscom-privacy-policy-page ol,
div.spscom-copyright-compliance-page ol,
div.spscom2-significantupdates-page ol,
div.spscom2-adchoices-page ol,
div.spscom2-videoprivacy-page ol,
div.spscom2-termsofuse-page ul,
div.spscom-privacy-policy-page ul,
div.spscom-copyright-compliance-page ul,
div.spscom2-significantupdates-page ul,
div.spscom2-adchoices-page ul,
div.spscom2-videoprivacy-page ul {
  padding: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}
div.spscom2-termsofuse-page ol li,
div.spscom-privacy-policy-page ol li,
div.spscom-copyright-compliance-page ol li,
div.spscom2-significantupdates-page ol li,
div.spscom2-adchoices-page ol li,
div.spscom2-videoprivacy-page ol li,
div.spscom2-termsofuse-page ul li,
div.spscom-privacy-policy-page ul li,
div.spscom-copyright-compliance-page ul li,
div.spscom2-significantupdates-page ul li,
div.spscom2-adchoices-page ul li,
div.spscom2-videoprivacy-page ul li {
  white-space: normal;
}
div.spscom2-termsofuse-page ol li ul,
div.spscom-privacy-policy-page ol li ul,
div.spscom-copyright-compliance-page ol li ul,
div.spscom2-significantupdates-page ol li ul,
div.spscom2-adchoices-page ol li ul,
div.spscom2-videoprivacy-page ol li ul,
div.spscom2-termsofuse-page ul li ul,
div.spscom-privacy-policy-page ul li ul,
div.spscom-copyright-compliance-page ul li ul,
div.spscom2-significantupdates-page ul li ul,
div.spscom2-adchoices-page ul li ul,
div.spscom2-videoprivacy-page ul li ul,
div.spscom2-termsofuse-page ol li ul li,
div.spscom-privacy-policy-page ol li ul li,
div.spscom-copyright-compliance-page ol li ul li,
div.spscom2-significantupdates-page ol li ul li,
div.spscom2-adchoices-page ol li ul li,
div.spscom2-videoprivacy-page ol li ul li,
div.spscom2-termsofuse-page ul li ul li,
div.spscom-privacy-policy-page ul li ul li,
div.spscom-copyright-compliance-page ul li ul li,
div.spscom2-significantupdates-page ul li ul li,
div.spscom2-adchoices-page ul li ul li,
div.spscom2-videoprivacy-page ul li ul li {
  list-style: disc;
}
div.spscom2-termsofuse-page ol li ol,
div.spscom-privacy-policy-page ol li ol,
div.spscom-copyright-compliance-page ol li ol,
div.spscom2-significantupdates-page ol li ol,
div.spscom2-adchoices-page ol li ol,
div.spscom2-videoprivacy-page ol li ol,
div.spscom2-termsofuse-page ul li ol,
div.spscom-privacy-policy-page ul li ol,
div.spscom-copyright-compliance-page ul li ol,
div.spscom2-significantupdates-page ul li ol,
div.spscom2-adchoices-page ul li ol,
div.spscom2-videoprivacy-page ul li ol,
div.spscom2-termsofuse-page ol li ul,
div.spscom-privacy-policy-page ol li ul,
div.spscom-copyright-compliance-page ol li ul,
div.spscom2-significantupdates-page ol li ul,
div.spscom2-adchoices-page ol li ul,
div.spscom2-videoprivacy-page ol li ul,
div.spscom2-termsofuse-page ul li ul,
div.spscom-privacy-policy-page ul li ul,
div.spscom-copyright-compliance-page ul li ul,
div.spscom2-significantupdates-page ul li ul,
div.spscom2-adchoices-page ul li ul,
div.spscom2-videoprivacy-page ul li ul {
  margin-left: 40px;
}
div.spscom2-termsofuse-page ol li ol li,
div.spscom-privacy-policy-page ol li ol li,
div.spscom-copyright-compliance-page ol li ol li,
div.spscom2-significantupdates-page ol li ol li,
div.spscom2-adchoices-page ol li ol li,
div.spscom2-videoprivacy-page ol li ol li,
div.spscom2-termsofuse-page ul li ol li,
div.spscom-privacy-policy-page ul li ol li,
div.spscom-copyright-compliance-page ul li ol li,
div.spscom2-significantupdates-page ul li ol li,
div.spscom2-adchoices-page ul li ol li,
div.spscom2-videoprivacy-page ul li ol li,
div.spscom2-termsofuse-page ol li ul li,
div.spscom-privacy-policy-page ol li ul li,
div.spscom-copyright-compliance-page ol li ul li,
div.spscom2-significantupdates-page ol li ul li,
div.spscom2-adchoices-page ol li ul li,
div.spscom2-videoprivacy-page ol li ul li,
div.spscom2-termsofuse-page ul li ul li,
div.spscom-privacy-policy-page ul li ul li,
div.spscom-copyright-compliance-page ul li ul li,
div.spscom2-significantupdates-page ul li ul li,
div.spscom2-adchoices-page ul li ul li,
div.spscom2-videoprivacy-page ul li ul li {
  list-style: inherit;
}
div.spscom2-termsofuse-page ol > li,
div.spscom-privacy-policy-page ol > li,
div.spscom-copyright-compliance-page ol > li,
div.spscom2-significantupdates-page ol > li,
div.spscom2-adchoices-page ol > li,
div.spscom2-videoprivacy-page ol > li {
  list-style-type: decimal;
  list-style-position: inside;
}
div.spscom2-termsofuse-page ol ol > li,
div.spscom-privacy-policy-page ol ol > li,
div.spscom-copyright-compliance-page ol ol > li,
div.spscom2-significantupdates-page ol ol > li,
div.spscom2-adchoices-page ol ol > li,
div.spscom2-videoprivacy-page ol ol > li {
  list-style-type: lower-alpha;
  list-style-position: inside;
}
div.spscom2-termsofuse-page ol ol ol > li,
div.spscom-privacy-policy-page ol ol ol > li,
div.spscom-copyright-compliance-page ol ol ol > li,
div.spscom2-significantupdates-page ol ol ol > li,
div.spscom2-adchoices-page ol ol ol > li,
div.spscom2-videoprivacy-page ol ol ol > li {
  list-style-type: lower-roman;
  list-style-position: inside;
}
div.spscom2-termsofuse-page a[href],
div.spscom-privacy-policy-page a[href],
div.spscom-copyright-compliance-page a[href],
div.spscom2-significantupdates-page a[href],
div.spscom2-adchoices-page a[href],
div.spscom2-videoprivacy-page a[href] {
  color: #0000FF;
  text-decoration: underline;
}
div.spscom2-termsofuse-page a[href]:visited,
div.spscom-privacy-policy-page a[href]:visited,
div.spscom-copyright-compliance-page a[href]:visited,
div.spscom2-significantupdates-page a[href]:visited,
div.spscom2-adchoices-page a[href]:visited,
div.spscom2-videoprivacy-page a[href]:visited {
  color: #800080;
}
div.spscom2-termsofuse-page a[href]:active,
div.spscom-privacy-policy-page a[href]:active,
div.spscom-copyright-compliance-page a[href]:active,
div.spscom2-significantupdates-page a[href]:active,
div.spscom2-adchoices-page a[href]:active,
div.spscom2-videoprivacy-page a[href]:active {
  color: #FF0000;
}
div.spscom2-termsofuse-page a:not([href]),
div.spscom-privacy-policy-page a:not([href]),
div.spscom-copyright-compliance-page a:not([href]),
div.spscom2-significantupdates-page a:not([href]),
div.spscom2-adchoices-page a:not([href]),
div.spscom2-videoprivacy-page a:not([href]) {
  font-size: 18pt;
}
div.spscom2-termsofuse-page td,
div.spscom-privacy-policy-page td,
div.spscom-copyright-compliance-page td,
div.spscom2-significantupdates-page td,
div.spscom2-adchoices-page td,
div.spscom2-videoprivacy-page td {
  padding: 0 40px;
  white-space: normal;
}
div.spscom-copyright-compliance-page ol {
  margin-left: 40px;
  list-style: decimal;
}
div.spscom-copyright-compliance-page ol li {
  list-style: decimal;
}
section.page-content > div.collection .content-item:hover {
  background-color: rgba(93, 93, 93, 0.6);
}
section.page-content > div.collection .content-item:hover .remove,
section.page-content > div.collection .content-item:hover .to-top:before {
  display: none;
}
section.page-content > div.collection .content-item:hover .to-top {
  font-size: 19px;
}
section.page-content > div.collection section.hero nav {
  position: relative;
  float: right;
  top: 0;
  right: 0;
}
section.page-content > div.collection section.hero div.episodesHero article.heroInfo header h3 {
  margin-top: -38px;
}
section.page-content > div.collection section.hero div.episodesHero.with-ad article.heroInfo header h3 {
  margin-top: 0px;
}
section.page-content > div.collection .queue-control .heroInfo h2 {
  width: 610px;
}
section.page-content > div.collection .queue-control .social .item {
  color: black;
}
section.page-content > div.collection .scroll-area .content-header {
  background: #1b1b1b;
}
section.page-content > div.collection .scroll-area .content-header h4 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  font-weight: 100;
  color: white;
}
section.page-content > div.collection .scroll-area .content-header span {
  font-size: 12px;
  font-weight: normal;
  color: #ccc;
}
section.page-content > div.collection .scroll-area .outer-area {
  min-height: 1000px;
  height: 900px;
  background-color: #313131;
}
section.page-content > div.collection .scroll-area .content-item {
  height: 76px;
  float: none;
  background-color: #2f2f2f;
  border-bottom: 1px solid #1c1c1c;
  border-top: 1px solid #3c3c3c;
}
section.page-content > div.collection .scroll-area .content-item .thumb {
  margin-top: 8px;
}
section.page-content > div.collection .scroll-area .content-item .title {
  width: 100%;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  color: white;
}
section.page-content > div.collection .scroll-area .content-item .percentage-watched {
  display: none;
}
section.page-content > div.collection .scroll-area .content-item span.position {
  padding-left: 0;
  display: none;
}
section.page-content > div.collection .scroll-area .content-item .to-top {
  margin-top: 24px;
  color: white;
}
section.page-content > div.collection .scroll-area .content-item .remove {
  margin-top: 24px;
}
section.page-content > div.collection div.episodesHero {
  background-color: #3d3d3d;
}
section.page-content > div.collection div.episodesHero .gradient,
section.page-content > div.collection div.episodesHero.active .gradient {
  display: none;
}
section.page-content > div.collection div.episodesHero header,
section.page-content > div.collection div.episodesHero .episodeCopy,
section.page-content > div.collection div.episodesHero nav .social span {
  color: white;
}
section.page-content > div.collection .collectionBy {
  font-size: 12px;
  font-style: italic;
  font-family: Arial, Helvetica;
  color: #fff;
}
section.page-content > div.collection .collectionOwner {
  font-size: 12px;
  color: #f8cc32;
}
section.page-content > div.collection img.avatar {
  width: 30px;
}
section.page-content > div.collection section.queue .custom-checkbox {
  display: none;
}
section.page-content > div.collection section.queue-hero {
  white-space: normal;
}
section.page-content > div.collection section.queue-hero > div.container {
  width: 100%;
}
section.page-content > div.collection section.queue-hero > div.container > div.heroImage img {
  width: 100%;
}
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo {
  padding: 40px;
}
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo h6 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #666;
  margin-bottom: 1em;
}
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo time {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo nav {
  position: absolute;
  right: 40px;
}
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo div.episodeCopy {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 1.4em;
}
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo div.buttons {
  margin-top: 40px;
}
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo div.social {
  text-align: right;
}
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo div.social span {
  color: black;
}
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo div.buttons {
  text-align: center;
}
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo div.buttons button,
section.page-content > div.collection section.queue-hero > div.container > article.heroInfo div.buttons a.button {
  display: inline-block;
  margin-right: 10px;
}
section.page-content > div.avatars {
  height: auto;
  white-space: initial;
  background-color: #000;
}
section.page-content > div.avatars h1 {
  width: 100%;
  text-align: center;
  font-size: 35px;
  line-height: 29px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  color: #fff;
  background-color: #212121;
  padding: 25px 0;
  margin: 0;
  height: 79px;
}
section.page-content > div.avatars .avatars-wrapper {
  background: #000;
  margin: 0 auto;
}
section.page-content > div.avatars .avatars-wrapper .ad {
  margin-top: 50px;
}
section.page-content > div.avatars .avatars-wrapper .ad img {
  display: block;
}
section.page-content > div.avatars .avatars-wrapper .flash-content {
  background: #000;
  padding-top: 40px;
  padding-bottom: 98px;
}
section.page-content > div.avatars .avatars-wrapper .flash-content .flash-wrapper {
  height: 615px;
}
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row {
  position: relative;
  margin-top: 15px;
  width: 50%;
  float: left;
  text-align: center;
  color: #ccc;
  vertical-align: top;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
}
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.problems {
  font-size: 17px;
}
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.problems a,
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.problems a:link,
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.problems a:visited,
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.problems a:hover,
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.problems a:active {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  color: #fdc314;
  text-decoration: none;
}
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.social {
  font-size: 17px;
  height: 21px;
}
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.social span {
  padding-top: 0;
  height: 21px;
  width: auto;
  margin-left: 23px;
}
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.social span.title {
  color: #fff;
  font-size: 17px;
}
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.social span.title .item {
  height: auto;
  vertical-align: middle;
  padding-top: 0;
}
section.page-content > div.avatars .avatars-wrapper .flash-content .bottom-row.social span.title .item:first-child {
  margin-left: 5px;
}
section.page-content > div.avatars .avatars-wrapper .non-flash-content {
  padding-top: 40px;
  padding-bottom: 98px;
  display: none;
  text-align: center;
}
section.page-content > div.avatars .avatars-wrapper .non-flash-content .message {
  margin-top: 10px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  color: #FFF;
}
section.page-content > div.avatars .avatars-wrapper .non-flash-content .message.support {
  font-size: 27px;
}
section.page-content > div.avatars .avatars-wrapper .non-flash-content .message.download {
  margin-top: 45px;
  color: #ffd423;
  font-size: 31px;
}
section.page-content > div.avatars .avatars-wrapper .non-flash-content .message.download div.arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border: 9px solid;
  border-color: transparent transparent transparent #ffd423;
  margin-bottom: 2px;
}
section.page-content > div.avatars .avatars-wrapper .non-flash-content .message.download a,
section.page-content > div.avatars .avatars-wrapper .non-flash-content .message.download a:link,
section.page-content > div.avatars .avatars-wrapper .non-flash-content .message.download a:visited,
section.page-content > div.avatars .avatars-wrapper .non-flash-content .message.download a:hover,
section.page-content > div.avatars .avatars-wrapper .non-flash-content .message.download a:active {
  color: #ffd423;
  text-decoration: none;
}
section.page-content > div.avatars .avatars-wrapper .non-flash-content .message.pre-made {
  margin-top: 51px;
  font-size: 21px;
}
section.page-content > div.avatars .avatars-wrapper .non-flash-content > section.carousel li.avatar,
section.page-content > div.avatars .avatars-wrapper .non-flash-content > section.carousel li.avatar > a > img {
  width: 140px;
  height: 140px;
}
section.page-content > div.avatars .avatars-wrapper .non-flash-content .buttons {
  padding-top: 15px;
  height: 40px;
}
section.page-content > div.avatars .avatars-wrapper .non-flash-content .buttons button.continue,
section.page-content > div.avatars .avatars-wrapper .non-flash-content .buttons a.button.continue {
  display: none;
}
section.page-content > div.avatars #share-buttons {
  left: 160px;
}
.new-avatars-wrapper {
  background: #000;
}
.new-avatars-wrapper .ad {
  margin-top: 50px;
}
.new-avatars-wrapper .ad img {
  display: block;
}
.avatars-wrapper {
  background: #000;
}
.avatars-wrapper .ad {
  margin-top: 50px;
}
.avatars-wrapper .ad img {
  display: block;
}
.avatar-bottom-section {
  background-color: #000;
}
.avatar-bottom-row {
  white-space: initial;
  background-color: #000;
  position: relative;
  padding-top: 15px;
  width: 50%;
  float: left;
  text-align: center;
  color: #ccc;
  vertical-align: top;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
}
.avatar-bottom-row.problems {
  font-size: 17px;
}
.avatar-bottom-row.problems a,
.avatar-bottom-row.problems a:link,
.avatar-bottom-row.problems a:visited,
.avatar-bottom-row.problems a:hover,
.avatar-bottom-row.problems a:active {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  color: #fdc314;
  text-decoration: none;
}
.avatar-bottom-row.social {
  font-size: 17px;
}
.avatar-bottom-row.social span {
  padding-top: 0;
  height: 21px;
  width: 50px;
  margin-left: 23px;
}
.avatar-bottom-row.social span.title {
  color: #fff;
  font-size: 17px;
}
.avatar-bottom-row.social span.title .item {
  height: auto;
  vertical-align: middle;
  padding-top: 0;
}
.avatar-bottom-row.social span.title .item:first-child {
  margin-left: 5px;
}
section.page-content > div.games > section.hero {
  min-height: 0;
  height: auto;
  margin-bottom: 32px;
}
section.page-content > div.games > section.hero div.episodesHero {
  padding: 40px 50px;
}
section.page-content > div.games > section.hero div.episodesHero article.heroInfo > h2 {
  margin-top: 25px;
}
section.page-content > div.games > section.hero div.episodesHero article.heroInfo > h3 {
  display: none;
}
section.page-content > div.games > section.hero div.episodesHero article.heroInfo .buttons button,
section.page-content > div.games > section.hero div.episodesHero article.heroInfo .buttons a.button {
  width: 180px;
}
section.page-content > div.games > section.hero div.episodesHero article.heroInfo .buttons button .text,
section.page-content > div.games > section.hero div.episodesHero article.heroInfo .buttons a.button .text {
  font-size: 14px;
  font-weight: 700;
}
section.page-content > div.games > section.grid {
  margin-bottom: 32px;
  padding-bottom: 0;
}
section.page-content > div.games > section.grid > header {
  height: 32px;
}
section.page-content > div.games > section.grid li {
  margin-right: 10px;
  margin-bottom: 10px;
  max-height: 228px;
}
section.page-content > div.games > section.grid li > a {
  position: relative;
  display: inline-block;
}
section.page-content > div.games > section.grid li > a > img {
  height: 150px;
}
section.page-content > div.games > section.grid li > a > h3 {
  color: white;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  padding: 0 6px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, transparent 0%, #000000 100%);
  text-shadow: 1px 1px 3px black;
}
section.page-content > div.games > section.grid.pinball li > a > img,
section.page-content > div.games > section.grid.consoles li > a > img,
section.page-content > div.games > section.grid.mobile li > a > img {
  height: 200px;
}
section.page-content > div.games > section.grid.pinball li > a > h3,
section.page-content > div.games > section.grid.xbox li > a > h3,
section.page-content > div.games > section.grid.consoles li > a > h3 {
  display: none;
}
section.page-content > div.games > section.grid.online li > a > img {
  height: 104px;
}
section.page-content > div.games > section.grid.online li:first-child > a > img {
  height: 228px;
}
section.page-content > div.games > section.grid.online li:first-child > a > h3 {
  display: none;
}
section.page-content > div.games .mobile-only {
  display: none;
}
section.page-content > div.games nav {
  z-index: 1;
}
section.page-content > div.games nav .social .item {
  color: #000;
}
.games-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.62);
  display: none;
}
.games-overlay .modal {
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #1b1b1b;
  border-style: solid;
  border-color: #fff;
  border-width: 3px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 50px 50px 30px;
}
.games-overlay .modal > div {
  position: relative;
}
.games-overlay .modal > div.header button,
.games-overlay .modal > div.header a.button {
  border: 0;
  background-color: transparent;
  position: absolute;
  top: -75px;
  right: -71px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-behaviour: none;
}
.games-overlay .modal > div.header button.close .icon-close-circle:before,
.games-overlay .modal > div.header a.button.close .icon-close-circle:before {
  color: #fdc314;
  font-size: 29px;
}
.games-overlay .modal > div.content {
  background-color: #000;
  width: 500px;
  height: 600px;
}
.games-overlay .modal > div.footer {
  margin-top: 22px;
}
.games-overlay .modal > div.footer .title {
  color: #fff;
  font-size: 25px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  display: block;
}
.games-overlay .modal > div.footer .social {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  clear: both;
}
.games-overlay .modal > div.footer .social .item {
  padding-top: 0;
  margin-left: 20px;
  width: auto;
  color: #fff !important;
}
/* Stick of Truth */
section.content > section.stick-of-truth {
  color: #FFFFFF;
  background-color: #000000;
}
section.content > section.stick-of-truth section {
  margin: 0px auto;
}
section.content > section.stick-of-truth section.watch-trailer {
  height: 606px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url('../img/stick-of-truth/watch-trailer.jpg');
}
section.content > section.stick-of-truth section.watch-trailer > div.trailer-container {
  position: relative;
  top: 130px;
  width: 774px;
  height: 463px;
  margin: 0px auto;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
section.content > section.stick-of-truth section.watch-trailer > div.trailer-container > a,
section.content > section.stick-of-truth section.watch-trailer > div.trailer-container > iframe {
  display: block;
  width: 100%;
  height: 100%;
}
section.content > section.stick-of-truth a > img {
  width: 100%;
}
section.content > section.stick-of-truth a.watch-trailer-banner > img {
  max-width: 1222px;
}
section.content > section.stick-of-truth a.pre-order-banner > img {
  margin: 30px 0;
  max-width: 963px;
}
section.content > section.stick-of-truth a.skill-tree-banner > img {
  max-width: 966px;
}
section.content > section.stick-of-truth section.character-classes {
  white-space: normal;
  max-width: 980px;
}
section.content > section.stick-of-truth section.character-classes > .character-class {
  display: inline-block;
  min-width: 460px;
  float: left;
  height: 260px;
  margin: 0 20px 0 0;
}
section.content > section.stick-of-truth section.character-classes > .character-class > .image {
  width: 210px;
  height: 230px;
  display: table-cell;
  vertical-align: bottom;
}
section.content > section.stick-of-truth section.character-classes > .character-class > .image > img:after {
  content: '.';
  visibility: hidden;
}
section.content > section.stick-of-truth section.character-classes > .character-class > .sidebar {
  text-align: left;
  position: relative;
  top: -160px;
  left: 210px;
  width: 275px;
  margin: 0 0 -100px 0;
}
section.content > section.stick-of-truth section.character-classes > .character-class > .sidebar > .image {
  height: 50px;
}
section.content > section.stick-of-truth section.character-classes > .character-class > .sidebar > p {
  font-size: 9pt;
  line-height: 1.7em;
  margin: 0;
}
section.content > section.stick-of-truth section.game-editions {
  clear: both;
  padding: 40px 0 0;
  max-width: 768px;
  color: #F3C822;
}
section.content > section.stick-of-truth section.game-editions > ul > li {
  border: 2px solid #4F3F00;
  padding: 20px;
  margin: 0 0 20px 0;
}
section.content > section.stick-of-truth section.game-editions > ul > li > a.button {
  float: right;
  font-size: 22px;
  position: relative;
  top: -9px;
}
section.content > section.stick-of-truth section.game-editions > ul > li > div {
  font-size: 14pt;
  text-transform: uppercase;
  text-align: left;
  font-weight: 500;
  line-height: 1.3em;
}
section.content > section.stick-of-truth section.game-editions > ul > li > a > img {
  display: block;
  margin: 18px 0 0 0;
  border: 2px solid #333232;
  border-radius: 2px;
}
section.content > section.stick-of-truth section.legal {
  max-width: 941px;
}
section.content > section.stick-of-truth section.legal > .logos {
  text-align: center;
  margin: 60px 0 10px 0;
}
section.content > section.stick-of-truth section.legal > .logos > img {
  padding: 0 12px 0 0;
}
section.content > section.stick-of-truth section.legal > .logos > img:last-child {
  padding: 0;
}
section.content > section.stick-of-truth section.legal > .copy {
  text-align: justify;
  font-size: 9pt;
  font-weight: 500;
}
/* FBW */
section.content > section.the-fractured-but-whole,
section.content > section.phone-destroyer {
  color: #FFFFFF;
  background-color: #000000;
}
section.content > section.the-fractured-but-whole section,
section.content > section.phone-destroyer section {
  margin: 0px auto;
}
section.content > section.the-fractured-but-whole a,
section.content > section.phone-destroyer a {
  color: #FFF;
}
section.content > section.the-fractured-but-whole section.watch-trailer,
section.content > section.phone-destroyer section.watch-trailer {
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url('../img/fractured-but-whole/watch-trailer.jpg');
}
section.content > section.the-fractured-but-whole section.watch-trailer > div.trailer-container,
section.content > section.phone-destroyer section.watch-trailer > div.trailer-container {
  position: relative;
  padding-top: 289px;
  width: 770px;
  left: -4px;
  margin: 0px auto;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
section.content > section.the-fractured-but-whole section.watch-trailer > div.trailer-container > a,
section.content > section.phone-destroyer section.watch-trailer > div.trailer-container > a,
section.content > section.the-fractured-but-whole section.watch-trailer > div.trailer-container > iframe,
section.content > section.phone-destroyer section.watch-trailer > div.trailer-container > iframe {
  display: block;
  width: 100%;
  height: 463px;
  text-indent: 100%;
}
section.content > section.the-fractured-but-whole section.watch-trailer > div.trailer-container > div.languages,
section.content > section.phone-destroyer section.watch-trailer > div.trailer-container > div.languages {
  text-align: right;
  text-transform: uppercase;
  font-size: 11pt;
  margin: 9px -14px 6px 0;
}
section.content > section.the-fractured-but-whole section.watch-trailer > div.trailer-container > div.languages > a,
section.content > section.phone-destroyer section.watch-trailer > div.trailer-container > div.languages > a,
section.content > section.the-fractured-but-whole section.watch-trailer > div.trailer-container > div.languages > span,
section.content > section.phone-destroyer section.watch-trailer > div.trailer-container > div.languages > span {
  padding: 0 14px 0 0;
}
section.content > section.the-fractured-but-whole section.watch-trailer > div.trailer-container > div.languages > a,
section.content > section.phone-destroyer section.watch-trailer > div.trailer-container > div.languages > a {
  opacity: 0.3;
  font-weight: 800;
  -moz-transition: opacity ease 0.5s;
  -webkit-transition: opacity ease 0.5s;
  -o-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}
section.content > section.the-fractured-but-whole section.watch-trailer > div.trailer-container > div.languages > a.active,
section.content > section.phone-destroyer section.watch-trailer > div.trailer-container > div.languages > a.active,
section.content > section.the-fractured-but-whole section.watch-trailer > div.trailer-container > div.languages > a:hover,
section.content > section.phone-destroyer section.watch-trailer > div.trailer-container > div.languages > a:hover {
  opacity: 1.0;
}
section.content > section.the-fractured-but-whole section.watch-trailer > div.trailer-container > div.languages > a.active,
section.content > section.phone-destroyer section.watch-trailer > div.trailer-container > div.languages > a.active {
  color: #fdc314;
}
section.content > section.the-fractured-but-whole section.pre-order,
section.content > section.phone-destroyer section.pre-order {
  margin: 20px 0 0;
}
section.content > section.the-fractured-but-whole section.pre-order > a.button,
section.content > section.phone-destroyer section.pre-order > a.button {
  background: #5f5f5f;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #5f5f5f 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f5f5f), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #5f5f5f 0%, #000000 100%);
  background: -o-linear-gradient(top, #5f5f5f 0%, #000000 100%);
  background: -ms-linear-gradient(top, #5f5f5f 0%, #000000 100%);
  background: linear-gradient(to bottom, #5f5f5f 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5f5f5f", endColorstr="#000000", GradientType=0);
  /* IE6-8 */
  -moz-transition: color ease 0.5s;
  -webkit-transition: color ease 0.5s;
  -o-transition: color ease 0.5s;
  transition: color ease 0.5s;
  margin: 50px 0 0;
  color: #fdc314;
  font-weight: 900;
  font-size: 34pt;
  width: auto;
  height: auto;
  padding: 11px 103px;
  border-radius: 12px;
  border: 2px solid #9b7c00;
}
section.content > section.the-fractured-but-whole section.pre-order > a.button:hover,
section.content > section.phone-destroyer section.pre-order > a.button:hover {
  color: #fff;
}
section.content > section.the-fractured-but-whole section.get-now,
section.content > section.phone-destroyer section.get-now {
  margin: 20px 0 0;
}
section.content > section.the-fractured-but-whole section.get-now-stores a > img,
section.content > section.phone-destroyer section.get-now-stores a > img {
  width: auto;
  margin: 20px 0 0;
}
section.content > section.the-fractured-but-whole a > img,
section.content > section.phone-destroyer a > img {
  width: 100%;
}
section.content > section.the-fractured-but-whole a.watch-trailer-banner > img,
section.content > section.phone-destroyer a.watch-trailer-banner > img {
  max-width: 1423px;
}
section.content > section.the-fractured-but-whole section.legal,
section.content > section.phone-destroyer section.legal {
  max-width: 768px;
}
section.content > section.the-fractured-but-whole section.legal > .logos,
section.content > section.phone-destroyer section.legal > .logos {
  text-align: center;
  margin: 60px 0 10px 0;
}
section.content > section.the-fractured-but-whole section.legal > .logos > img,
section.content > section.phone-destroyer section.legal > .logos > img {
  padding: 0;
}
section.content > section.the-fractured-but-whole section.legal > .logos.eu,
section.content > section.phone-destroyer section.legal > .logos.eu {
  margin: 60px 0 22px 0;
}
section.content > section.the-fractured-but-whole section.legal > .logos.eu > img:first-child,
section.content > section.phone-destroyer section.legal > .logos.eu > img:first-child {
  position: relative;
  top: 16px;
}
section.content > section.the-fractured-but-whole section.legal > .logos.br,
section.content > section.phone-destroyer section.legal > .logos.br {
  text-align: right;
}
section.content > section.the-fractured-but-whole section.legal > .copy,
section.content > section.phone-destroyer section.legal > .copy {
  text-align: justify;
  font-size: 9pt;
  font-weight: 500;
}
section.content > section.phone-destroyer section.watch-trailer {
  background-image: url('../img/phone-destroyer/watch-trailer.jpg');
}
#skill-tree-container {
  background-color: black;
}
#skill-tree-container iframe {
  border: 0;
}
div.scheduleHero article.heroInfo {
  float: none;
  width: auto;
}
section.page-content > div.schedule {
  margin-bottom: 50px;
  text-align: left;
}
section.page-content > div.schedule section.schedule {
  clear: both;
  margin-bottom: 0;
}
section.page-content > div.schedule section.schedule .container header {
  float: left;
  text-transform: uppercase;
  margin: 60px 0 5px;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero {
  clear: left;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero p {
  white-space: normal;
  font-size: 12px;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero button a {
  position: absolute;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero div.heroImage {
  float: left;
  padding: 0;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero div.heroImage img {
  width: 90%;
  height: auto;
  max-width: 433px;
  max-height: 243px;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo {
  position: relative;
  padding-left: 0;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo > header {
  width: 510px;
  margin: 0 auto;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo > header h6 {
  margin-left: 0;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo > header h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 20px !important;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo > nav {
  display: none;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo h3 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  color: #85010F;
  font-size: 15px;
  padding-top: 0px;
  margin-top: 0px;
  margin-right: 160px;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo h2 {
  font-size: 28px;
  color: #000;
  margin-top: 0px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo h4 {
  margin: 10px auto 0;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  color: #D1D1D1;
  font-weight: normal;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo h6 {
  margin-bottom: 10px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo time {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo .buttons {
  margin-top: 0px;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo .buttons button.mobile,
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo .buttons a.button.mobile {
  display: none;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo .buttons button.collection,
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo .buttons a.button.collection {
  margin-left: 20px;
}
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo .buttons button.split,
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo .buttons a.button.split,
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo .buttons button.more,
section.page-content > div.schedule section.schedule .container div.scheduleHero article.heroInfo .buttons a.button.more {
  display: none;
}
section.page-content > div.schedule section.generator {
  display: none;
}
section.page-content > div.schedule section.episode-filters > div.season-pagination {
  display: none;
}
section.page-content > div.schedule section.views {
  display: none;
}
section.page-content > div.schedule section.schedule-banner {
  margin-left: 75px;
  float: left;
}
section.page-content > div.schedule section.schedule-message {
  clear: left;
  text-align: center;
  font-weight: bold;
}
section.page-content > div.schedule section.sample-ad {
  float: right;
  margin-top: 40px;
  margin-right: 75px;
}
section.page-content > div.schedule section.sample-ad img.logo {
  position: relative;
  display: block;
  margin: 28px auto 0;
}
section.page-content > div.schedule section.sample-ad article.square-ad {
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
  float: none;
  display: inline-block;
  width: 300px;
  height: 250px;
  border: 1px solid #cdcdcd;
  background-color: white;
}
section.page-content > div.schedule section.sample-ad article.square-ad header {
  display: none;
}
section.page-content > div.schedule section.sample-ad article.square-ad img {
  margin: 0;
}
section.page-content > div.schedule section.sample-ad article.small-ad {
  position: relative;
  display: block;
  margin-top: 10px;
}
section.page-content > div.schedule section.tab article.module > div.container > header {
  margin-top: 0px;
}
section.page-content > div.schedule section.tab > section {
  margin-bottom: 0;
}
section.page-content > div.collections {
  padding-bottom: 30px;
}
section.page-content > div.collections section.views > .container > .row .dropdowns.mobile-seasons {
  display: none;
}
section.page-content div.schedule div.scheduleHero .social .item {
  color: black;
}
section.page-content div.schedule div.scheduleHero nav {
  display: inline-block;
  float: none !important;
  margin-top: 10px !important;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo {
  float: none;
  width: auto;
}
section.content.schedule > section > div > section .social {
  z-index: 0;
}
html.tablet section.page-content > div.schedule div.scheduleHero article.heroInfo div.buttons {
  display: block;
}
section.page-content > div.schedule div.scheduleHero {
  position: relative;
  min-height: 0;
  height: auto;
  margin-bottom: 15px;
  text-align: left;
  white-space: normal;
  background-color: white;
}
section.page-content > div.schedule div.scheduleHero:hover .gradient {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(250, 250, 250, 0.15) 58%, #e3e3e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(250, 250, 250, 0.15)), color-stop(100%, #e3e3e3));
  background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0.15) 58%, #e3e3e3 100%);
  background: -o-linear-gradient(top, rgba(250, 250, 250, 0.15) 58%, #e3e3e3 100%);
  background: -ms-linear-gradient(top, rgba(250, 250, 250, 0.15) 58%, #e3e3e3 100%);
  background: linear-gradient(to bottom, rgba(250, 250, 250, 0.15) 58%, #e3e3e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26fafafa", endColorstr="#ffe3e3e3", GradientType=0);
  /* IE6-8 */
}
section.page-content > div.schedule div.scheduleHero:hover article.heroInfo .buttons {
  display: block;
}
section.page-content > div.schedule div.scheduleHero div.heroImage {
  position: relative;
  float: left;
  width: 38%;
}
section.page-content > div.schedule div.scheduleHero div.heroImage img {
  width: 90%;
  height: auto;
  min-width: 0;
  max-width: 433px;
  min-height: 0;
  max-height: 243px;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo {
  float: left;
  width: 62%;
  padding-left: 40px;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo h2 {
  margin-top: 10px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo h3 {
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  color: #01b8c6;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo h4 span {
  float: none;
  margin-right: 0;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo h6 {
  margin-bottom: 10px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
  color: #666666;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo time {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo div.episodeCopy {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo div.episodeCopy p {
  margin-top: 5px;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo div.buttons {
  display: none;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo div.buttons button,
section.page-content > div.schedule div.scheduleHero article.heroInfo div.buttons a.button {
  float: left;
  margin-right: 1%;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo div.buttons button .text,
section.page-content > div.schedule div.scheduleHero article.heroInfo div.buttons a.button .text {
  padding-left: 0px;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo div.buttons button.more,
section.page-content > div.schedule div.scheduleHero article.heroInfo div.buttons a.button.more {
  display: none;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo nav {
  float: right;
  margin-top: 20px;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo nav .social span {
  margin-top: 0;
  padding-top: 0;
}
section.page-content > div.schedule div.scheduleHero article.heroInfo nav .social span:before {
  font-size: 16px;
  color: black;
}
section.page-content > div.schedule div.scheduleHero article.collection {
  position: relative;
  float: left;
  width: 38%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
}
section.page-content > div.schedule div.scheduleHero article.collection > div {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
section.page-content > div.schedule div.scheduleHero article.collection > div header {
  position: absolute;
  bottom: 23px;
  left: 23px;
}
section.page-content > div.schedule div.scheduleHero article.collection > div header h3 {
  color: white;
}
section.page-content > div.schedule div.scheduleHero article.collection > div section {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 22%;
  font-size: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIwLjU4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2MzYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0.75)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
section.page-content > div.schedule div.scheduleHero article.collection > div section aside {
  height: 0;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-bottom: 50%;
}
section.page-content > div.schedule div.scheduleHero article.collection > div section aside:first-child {
  padding-top: 6px;
}
section.page-content > div.schedule div.scheduleHero article.collection > div section aside img {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
section.page-content > div.schedule div.scheduleHero article.collection > div section aside div.empty {
  display: none;
  width: 100%;
  padding-left: 9px;
  padding-right: 9px;
}
section.page-content > div.schedule div.scheduleHero article.collection > div section aside div.empty div {
  height: 0;
  padding-top: 56.25%;
  background-color: #808080;
}
section.page-content div.profile.queue .scroll-area .outer-area {
  height: 886px;
}
section.page-content div.profile.queue .scroll-area .content-item .percentage-watched {
  display: inline-block;
}
section.page-content div.profile.queue .content-item {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-top-color: #3d3d3d;
  border-bottom-color: #222222;
}
section.page-content div.profile.queue .content-item .item-data {
  float: left;
}
section.page-content div.profile.queue .content-item .item-data .title {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  width: 217px;
}
section.page-content div.profile.queue .content-item .item-data .position {
  padding-left: 15px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
}
section.page-content div.profile.queue .content-item .icon-chevron-down {
  display: none;
}
section.page-content div.profile.queue header.collection-header {
  display: none;
}
section.page-content div.profile.queue .lists-header h1 {
  padding-left: 33px !important;
}
section.page-content div.profile.queue .column .social span:before {
  color: black;
}
section.page-content div.profile.queue div.thumb-img {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
}
section.page-content div.profile.queue .thumb > .thumb-img {
  height: 100%;
  width: 100%;
}
section.page-content div.profile.queue .list-hero {
  margin-bottom: 0;
}
section.page-content div.profile.queue .queue-details .calltoaction.top-hero {
  height: 349px;
  background: none;
  padding: 45px;
}
section.page-content div.profile.queue .queue-details .calltoaction .buttons {
  bottom: 0;
  margin-top: 0;
  margin-left: 0;
}
section.page-content div.profile.queue .queue-details p {
  margin-bottom: 40px;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
}
.calltoaction.top-hero {
  padding: 40px 58px 50px 75px;
  margin-bottom: 0;
  background-color: #2f2f2f;
  text-align: left;
}
.calltoaction p.hero-tag-line {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  color: #fff;
  text-align: left;
}
div.calltoaction-hero {
  position: relative;
}
div.calltoaction-hero:after {
  clear: none;
}
div.calltoaction-hero .social span:before {
  color: white;
}
div.calltoaction-hero .hero-image {
  float: left;
  width: 512px;
  height: 288px;
  margin-right: 53px;
}
div.calltoaction-hero p {
  white-space: normal;
  font-size: 12px;
}
div.calltoaction-hero .gradient {
  display: none;
}
div.calltoaction-hero article.calltoaction-info {
  position: relative;
  padding-left: 0;
}
div.calltoaction-hero article.calltoaction-info > header {
  width: 510px;
  margin: 0 auto;
}
div.calltoaction-hero article.calltoaction-info > header h6 {
  margin-left: 0;
}
div.calltoaction-hero article.calltoaction-info > header h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 20px !important;
}
div.calltoaction-hero article.calltoaction-info > nav {
  display: none;
}
div.calltoaction-hero article.calltoaction-info h3 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  padding-top: 0px;
  margin-top: 0px;
  margin-right: 120px;
  margin-bottom: 10px;
  color: #01b8c6;
  text-transform: uppercase;
}
div.calltoaction-hero article.calltoaction-info h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 28px;
  color: #000;
  margin-top: -6px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
div.calltoaction-hero article.calltoaction-info h4 {
  margin: 10px auto 0;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  color: #D1D1D1;
  font-weight: normal;
}
div.calltoaction-hero article.calltoaction-info h6 {
  margin-bottom: 10px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  color: #666666;
}
div.calltoaction-hero article.calltoaction-info time {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
}
div.calltoaction-hero article.calltoaction-info .buttons {
  position: relative;
  bottom: 40px;
  clear: left;
  margin-top: -40px;
  margin-left: 566px;
}
div.calltoaction-hero article.calltoaction-info .buttons button.desktop-only,
div.calltoaction-hero article.calltoaction-info .buttons a.button.desktop-only {
  float: left;
  margin-right: 10px;
}
div.calltoaction-hero article.calltoaction-info .buttons button.desktop-only:last-child,
div.calltoaction-hero article.calltoaction-info .buttons a.button.desktop-only:last-child {
  margin-right: 0;
}
div.calltoaction-hero .icon-addto:before {
  padding-right: 7px;
}
section.page-content > div.queue section.hero nav {
  position: absolute;
  right: 0px;
  top: -10px;
}
section.page-content > div.queue section.hero {
  height: auto;
  min-height: 0;
}
section.page-content > div.queue section.hero > .container time,
section.page-content > div.queue section.hero > .container p,
section.page-content > div.queue section.hero > .container h2 {
  color: white;
}
section.page-content > div.queue section.queue-list .ui-state-highlight,
section.page-content > div.queue section.collection-detail .ui-state-highlight {
  height: 69px;
  background-color: #555;
}
section.page-content > div.queue section.queue-list .title,
section.page-content > div.queue section.collection-detail .title {
  font-size: 18px;
  font-weight: bold;
}
section.page-content > div.queue section.queue .custom-checkbox {
  display: none;
}
section.page-content div.collection article.thumb {
  height: 0;
  display: inline;
}
section.page-content div.collection article.thumb:after {
  clear: none !important;
}
section.page-content div.overview .scroll-area .content-header,
section.page-content div.queue .scroll-area .content-header,
section.page-content div.collection .scroll-area .content-header,
section.page-content div.creator-overlay .scroll-area .content-header {
  background: #1b1b1b;
}
section.page-content div.overview .scroll-area .content-header h4,
section.page-content div.queue .scroll-area .content-header h4,
section.page-content div.collection .scroll-area .content-header h4,
section.page-content div.creator-overlay .scroll-area .content-header h4 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  font-weight: 100;
  color: white;
}
section.page-content div.overview .scroll-area .content-header span,
section.page-content div.queue .scroll-area .content-header span,
section.page-content div.collection .scroll-area .content-header span,
section.page-content div.creator-overlay .scroll-area .content-header span {
  font-size: 12px;
  font-weight: normal;
  color: #ccc;
}
section.page-content div.overview .scroll-area .outer-area,
section.page-content div.queue .scroll-area .outer-area,
section.page-content div.collection .scroll-area .outer-area,
section.page-content div.creator-overlay .scroll-area .outer-area {
  background-color: #313131;
}
section.page-content div.overview .scroll-area .content-item,
section.page-content div.queue .scroll-area .content-item,
section.page-content div.collection .scroll-area .content-item,
section.page-content div.creator-overlay .scroll-area .content-item {
  height: 76px;
}
section.page-content div.overview .scroll-area .content-item.show-full .item-data,
section.page-content div.queue .scroll-area .content-item.show-full .item-data,
section.page-content div.collection .scroll-area .content-item.show-full .item-data,
section.page-content div.creator-overlay .scroll-area .content-item.show-full .item-data {
  height: 75px;
}
section.page-content div.overview .scroll-area .content-item:hover,
section.page-content div.queue .scroll-area .content-item:hover,
section.page-content div.collection .scroll-area .content-item:hover,
section.page-content div.creator-overlay .scroll-area .content-item:hover {
  background-color: rgba(93, 93, 93, 0.6);
}
section.page-content div.overview .scroll-area .content-item .thumb,
section.page-content div.queue .scroll-area .content-item .thumb,
section.page-content div.collection .scroll-area .content-item .thumb,
section.page-content div.creator-overlay .scroll-area .content-item .thumb {
  margin-top: 8px;
}
section.page-content div.overview .scroll-area .content-item .title,
section.page-content div.queue .scroll-area .content-item .title,
section.page-content div.collection .scroll-area .content-item .title,
section.page-content div.creator-overlay .scroll-area .content-item .title {
  color: white;
}
section.page-content div.overview .scroll-area .content-item .percentage-watched,
section.page-content div.queue .scroll-area .content-item .percentage-watched,
section.page-content div.collection .scroll-area .content-item .percentage-watched,
section.page-content div.creator-overlay .scroll-area .content-item .percentage-watched {
  display: none;
}
section.page-content div.overview .scroll-area .content-item .position,
section.page-content div.queue .scroll-area .content-item .position,
section.page-content div.collection .scroll-area .content-item .position,
section.page-content div.creator-overlay .scroll-area .content-item .position {
  padding-left: 0;
}
section.page-content div.overview .scroll-area .content-item .to-top,
section.page-content div.queue .scroll-area .content-item .to-top,
section.page-content div.collection .scroll-area .content-item .to-top,
section.page-content div.creator-overlay .scroll-area .content-item .to-top {
  margin-top: 24px;
  color: white;
}
section.page-content div.overview .scroll-area .content-item .remove,
section.page-content div.queue .scroll-area .content-item .remove,
section.page-content div.collection .scroll-area .content-item .remove,
section.page-content div.creator-overlay .scroll-area .content-item .remove {
  margin-top: 24px;
  margin-right: 20px;
}
section.page-content div.overview .scroll-area .ui-state-highlight,
section.page-content div.queue .scroll-area .ui-state-highlight,
section.page-content div.collection .scroll-area .ui-state-highlight,
section.page-content div.creator-overlay .scroll-area .ui-state-highlight {
  height: 76px;
  background-color: rgba(93, 93, 93, 0.6);
}
section.page-content div.overview section.queue-control section.queue-hero,
section.page-content div.queue section.queue-control section.queue-hero,
section.page-content div.collection section.queue-control section.queue-hero,
section.page-content div.creator-overlay section.queue-control section.queue-hero {
  width: 59%;
  float: right;
  text-align: left;
}
section.page-content div.overview section.queue-control section.queue-list,
section.page-content div.queue section.queue-control section.queue-list,
section.page-content div.collection section.queue-control section.queue-list,
section.page-content div.creator-overlay section.queue-control section.queue-list,
section.page-content div.overview section.queue-control section.collection-detail,
section.page-content div.queue section.queue-control section.collection-detail,
section.page-content div.collection section.queue-control section.collection-detail,
section.page-content div.creator-overlay section.queue-control section.collection-detail {
  height: auto;
  overflow: hidden;
  background: #313131;
  text-align: left;
}
section.page-content div.overview section.queue-control section.queue-list article.thumb img,
section.page-content div.queue section.queue-control section.queue-list article.thumb img,
section.page-content div.collection section.queue-control section.queue-list article.thumb img,
section.page-content div.creator-overlay section.queue-control section.queue-list article.thumb img,
section.page-content div.overview section.queue-control section.collection-detail article.thumb img,
section.page-content div.queue section.queue-control section.collection-detail article.thumb img,
section.page-content div.collection section.queue-control section.collection-detail article.thumb img,
section.page-content div.creator-overlay section.queue-control section.collection-detail article.thumb img {
  height: 70px;
}
section.page-content div.overview section.queueSubHeader div.container,
section.page-content div.queue section.queueSubHeader div.container,
section.page-content div.collection section.queueSubHeader div.container,
section.page-content div.creator-overlay section.queueSubHeader div.container {
  background: #1d1d1d;
}
section.page-content div.overview section.queueSubHeader div.container h4,
section.page-content div.queue section.queueSubHeader div.container h4,
section.page-content div.collection section.queueSubHeader div.container h4,
section.page-content div.creator-overlay section.queueSubHeader div.container h4 {
  text-align: left;
  padding: 10px 75px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  font-weight: 100;
  color: #fff;
}
section.page-content div.overview section.queueSubHeader div.container h4 span,
section.page-content div.queue section.queueSubHeader div.container h4 span,
section.page-content div.collection section.queueSubHeader div.container h4 span,
section.page-content div.creator-overlay section.queueSubHeader div.container h4 span {
  font-size: 12px;
  font-weight: normal;
  color: #ccc;
}
section.page-content div.overview section.queue-container .ui-state-highlight,
section.page-content div.queue section.queue-container .ui-state-highlight,
section.page-content div.collection section.queue-container .ui-state-highlight,
section.page-content div.creator-overlay section.queue-container .ui-state-highlight {
  height: 35px;
  background-color: rgba(85, 85, 85, 0.5);
}
section.page-content div.overview .queue-control section.queue .position,
section.page-content div.queue .queue-control section.queue .position,
section.page-content div.collection .queue-control section.queue .position,
section.page-content div.creator-overlay .queue-control section.queue .position {
  color: #939393;
}
section.page-content div.overview .queue-control .queue-list .outer,
section.page-content div.queue .queue-control .queue-list .outer,
section.page-content div.collection .queue-control .queue-list .outer,
section.page-content div.creator-overlay .queue-control .queue-list .outer,
section.page-content div.overview .queue-control .collection-detail .outer,
section.page-content div.queue .queue-control .collection-detail .outer,
section.page-content div.collection .queue-control .collection-detail .outer,
section.page-content div.creator-overlay .queue-control .collection-detail .outer,
section.page-content div.overview .queue-control .collaborators .outer,
section.page-content div.queue .queue-control .collaborators .outer,
section.page-content div.collection .queue-control .collaborators .outer,
section.page-content div.creator-overlay .queue-control .collaborators .outer {
  padding-right: 13px;
  overflow: hidden;
  position: relative;
}
section.page-content div.overview .queue-control .queue-list .outer .scrollbar,
section.page-content div.queue .queue-control .queue-list .outer .scrollbar,
section.page-content div.collection .queue-control .queue-list .outer .scrollbar,
section.page-content div.creator-overlay .queue-control .queue-list .outer .scrollbar,
section.page-content div.overview .queue-control .collection-detail .outer .scrollbar,
section.page-content div.queue .queue-control .collection-detail .outer .scrollbar,
section.page-content div.collection .queue-control .collection-detail .outer .scrollbar,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .scrollbar,
section.page-content div.overview .queue-control .collaborators .outer .scrollbar,
section.page-content div.queue .queue-control .collaborators .outer .scrollbar,
section.page-content div.collection .queue-control .collaborators .outer .scrollbar,
section.page-content div.creator-overlay .queue-control .collaborators .outer .scrollbar {
  z-index: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  background-color: #686868;
}
section.page-content div.overview .queue-control .queue-list .outer .scrollbar .thumb,
section.page-content div.queue .queue-control .queue-list .outer .scrollbar .thumb,
section.page-content div.collection .queue-control .queue-list .outer .scrollbar .thumb,
section.page-content div.creator-overlay .queue-control .queue-list .outer .scrollbar .thumb,
section.page-content div.overview .queue-control .collection-detail .outer .scrollbar .thumb,
section.page-content div.queue .queue-control .collection-detail .outer .scrollbar .thumb,
section.page-content div.collection .queue-control .collection-detail .outer .scrollbar .thumb,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .scrollbar .thumb,
section.page-content div.overview .queue-control .collaborators .outer .scrollbar .thumb,
section.page-content div.queue .queue-control .collaborators .outer .scrollbar .thumb,
section.page-content div.collection .queue-control .collaborators .outer .scrollbar .thumb,
section.page-content div.creator-overlay .queue-control .collaborators .outer .scrollbar .thumb {
  position: absolute;
  top: 0;
  height: 35px;
  width: 100%;
  background-color: #f8cc32;
}
section.page-content div.overview .queue-control .queue-list .outer .inner,
section.page-content div.queue .queue-control .queue-list .outer .inner,
section.page-content div.collection .queue-control .queue-list .outer .inner,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner,
section.page-content div.overview .queue-control .collection-detail .outer .inner,
section.page-content div.queue .queue-control .collection-detail .outer .inner,
section.page-content div.collection .queue-control .collection-detail .outer .inner,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner,
section.page-content div.overview .queue-control .collaborators .outer .inner,
section.page-content div.queue .queue-control .collaborators .outer .inner,
section.page-content div.collection .queue-control .collaborators .outer .inner,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner {
  height: inherit;
  margin-right: -30px;
  overflow-y: auto;
  overflow-x: hidden;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section article,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article {
  position: relative;
  font-size: 0;
  cursor: pointer;
  width: 100%;
  margin-top: 0px;
  padding: 8px 30px;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section article ul,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article ul,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article ul,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article ul,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article ul,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article ul,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article ul,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article ul,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article ul,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article ul,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article ul,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article ul {
  display: none;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section article span.up,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article span.up,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article span.up,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article span.up,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article span.up,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article span.up,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article span.up,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article span.up,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article span.up,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article span.up,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article span.up,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article span.up,
section.page-content div.overview .queue-control .queue-list .outer .inner > section article span.dn,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article span.dn,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article span.dn,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article span.dn,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article span.dn,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article span.dn,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article span.dn,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article span.dn,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article span.dn,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article span.dn,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article span.dn,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article span.dn {
  display: none;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section article .thumb,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article .thumb,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article .thumb,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article .thumb,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article .thumb,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article .thumb,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article .thumb,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article .thumb,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article .thumb,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article .thumb,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article .thumb,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article .thumb {
  width: 26%;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section article .thumb img,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article .thumb img,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article .thumb img,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article .thumb img,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article .thumb img,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article .thumb img,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article .thumb img,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article .thumb img,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article .thumb img,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article .thumb img,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article .thumb img,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article .thumb img {
  height: 60px;
  margin-right: 20px;
  float: left;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section article .thumb > div,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article .thumb > div,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article .thumb > div,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article .thumb > div,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article .thumb > div,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article .thumb > div,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article .thumb > div,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article .thumb > div,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article .thumb > div,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article .thumb > div,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article .thumb > div,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article .thumb > div {
  float: left;
  height: 35px;
  padding-top: 15px;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section article .thumb > div .title,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article .thumb > div .title,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article .thumb > div .title,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article .thumb > div .title,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article .thumb > div .title,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article .thumb > div .title,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article .thumb > div .title,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article .thumb > div .title,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article .thumb > div .title,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article .thumb > div .title,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article .thumb > div .title,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article .thumb > div .title {
  display: block;
  width: 120px;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section article .remove,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article .remove,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article .remove,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article .remove,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article .remove,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article .remove,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article .remove,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article .remove,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article .remove,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article .remove,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article .remove,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article .remove {
  float: right;
  height: 35px;
  width: 10%;
  text-align: right;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section article .to-top,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article .to-top,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article .to-top,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article .to-top,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article .to-top,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article .to-top,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article .to-top,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article .to-top,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article .to-top,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article .to-top,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article .to-top,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article .to-top {
  float: left;
  height: 35px;
  width: 10%;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding-top: 15px;
  font-weight: bold;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section article:after,
section.page-content div.queue .queue-control .queue-list .outer .inner > section article:after,
section.page-content div.collection .queue-control .queue-list .outer .inner > section article:after,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section article:after,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section article:after,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section article:after,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section article:after,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section article:after,
section.page-content div.overview .queue-control .collaborators .outer .inner > section article:after,
section.page-content div.queue .queue-control .collaborators .outer .inner > section article:after,
section.page-content div.collection .queue-control .collaborators .outer .inner > section article:after,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section article:after {
  visibility: hidden;
  display: block;
  content: " ";
  height: 0;
  font-size: 0;
  clear: both;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section header,
section.page-content div.queue .queue-control .queue-list .outer .inner > section header,
section.page-content div.collection .queue-control .queue-list .outer .inner > section header,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section header,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section header,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section header,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section header,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section header,
section.page-content div.overview .queue-control .collaborators .outer .inner > section header,
section.page-content div.queue .queue-control .collaborators .outer .inner > section header,
section.page-content div.collection .queue-control .collaborators .outer .inner > section header,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section header {
  margin-left: 42px;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section header h4,
section.page-content div.queue .queue-control .queue-list .outer .inner > section header h4,
section.page-content div.collection .queue-control .queue-list .outer .inner > section header h4,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section header h4,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section header h4,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section header h4,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section header h4,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section header h4,
section.page-content div.overview .queue-control .collaborators .outer .inner > section header h4,
section.page-content div.queue .queue-control .collaborators .outer .inner > section header h4,
section.page-content div.collection .queue-control .collaborators .outer .inner > section header h4,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section header h4 {
  text-transform: uppercase;
}
section.page-content div.overview .queue-control .queue-list .outer .inner > section:after,
section.page-content div.queue .queue-control .queue-list .outer .inner > section:after,
section.page-content div.collection .queue-control .queue-list .outer .inner > section:after,
section.page-content div.creator-overlay .queue-control .queue-list .outer .inner > section:after,
section.page-content div.overview .queue-control .collection-detail .outer .inner > section:after,
section.page-content div.queue .queue-control .collection-detail .outer .inner > section:after,
section.page-content div.collection .queue-control .collection-detail .outer .inner > section:after,
section.page-content div.creator-overlay .queue-control .collection-detail .outer .inner > section:after,
section.page-content div.overview .queue-control .collaborators .outer .inner > section:after,
section.page-content div.queue .queue-control .collaborators .outer .inner > section:after,
section.page-content div.collection .queue-control .collaborators .outer .inner > section:after,
section.page-content div.creator-overlay .queue-control .collaborators .outer .inner > section:after {
  visibility: hidden;
  display: block;
  content: " ";
  height: 0;
  font-size: 0;
  clear: both;
}
section.page-content div.overview .queue-control .queue-list .title,
section.page-content div.queue .queue-control .queue-list .title,
section.page-content div.collection .queue-control .queue-list .title,
section.page-content div.creator-overlay .queue-control .queue-list .title,
section.page-content div.overview .queue-control .collection-detail .title,
section.page-content div.queue .queue-control .collection-detail .title,
section.page-content div.collection .queue-control .collection-detail .title,
section.page-content div.creator-overlay .queue-control .collection-detail .title,
section.page-content div.overview .queue-control .collaborators .title,
section.page-content div.queue .queue-control .collaborators .title,
section.page-content div.collection .queue-control .collaborators .title,
section.page-content div.creator-overlay .queue-control .collaborators .title {
  color: #fff;
  display: block;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
}
@media (min-width: 641px) {
  .queue-control .queue-list .outer .inner  > section.queue.sortable article:hover .to-top,
  .queue-control .queue-list .outer .inner  > section.queue.sortable article:hover .remove,
  .collection-detail .outer .inner  > section.queue.sortable article:hover .to-top,
  .collection-detail .outer .inner  > section.queue.sortable article:hover .remove {
    font-size: 0;
  }
  .queue-control section.queue.sortable article:hover {
    background-color: rgba(93, 93, 93, 0.6);
    color: #f8cc32;
  }
  .queue-control section.queue.sortable article:hover .to-top:before {
    color: #f8cc32;
    font-family: 'south-park-studios';
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    font-size: 21px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: '\00e006';
  }
  .queue-control section.queue.sortable article:hover .remove:before {
    color: #f8cc32;
    font-family: 'south-park-studios';
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    font-size: 21px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: '\00e005';
  }
}
.no-queue {
  height: 60px;
  line-height: 60px;
  background-color: #222222;
  color: white;
}
.no-queue a:link,
.no-queue a:hover,
.no-queue a:active,
.no-queue a:visited {
  color: #f8cc32;
}
.scroll-area .content-item .item-data {
  width: 230px;
}
section.page-content > div.profile.collections .profile-columns .column:first-child {
  background-color: #222;
}
section.page-content > div.profile.collections .profile-columns .column:last-child {
  height: 1710px;
  background-color: #f2f2f2;
}
section.page-content > div.profile.collections .profile-columns .column:last-child .collaborators .outer-area {
  height: 548px;
}
section.page-content > div.profile.collections .profile-columns .column:last-child .collection-detail .outer-area {
  height: 820px;
}
section.page-content > div.profile.collections .title {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  color: white;
}
section.page-content > div.profile.collections .item-count {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  color: #666666;
}
section.page-content > div.profile.collections .content-item .custom-checkbox {
  display: block;
  margin: 34px 0 23px 0;
}
section.page-content > div.profile.collections section.collection-detail .custom-checkbox {
  margin: 21px 0 21px 25px;
}
section.page-content > div.profile.collections .scroll-area .outer-area {
  height: 1620px;
}
section.page-content > div.profile.collections .collection-list .scroll-area-content {
  background-color: #313131;
}
section.page-content > div.profile.collections .collection-list .scroll-area-content .content-item {
  float: none;
  background-color: #2f2f2f;
  border-bottom: 1px solid #1c1c1c;
  border-top: 1px solid #3c3c3c;
}
section.page-content > div.profile.collections .collection-list .scroll-area-content .content-item .to-top,
section.page-content > div.profile.collections .collection-list .scroll-area-content .content-item .remove {
  display: none;
}
section.page-content > div.profile.collections .collection-list .content-item:hover {
  background-color: rgba(93, 93, 93, 0.6);
}
section.page-content > div.profile.collections .collection-list .content-item .to-top,
section.page-content > div.profile.collections .collection-list .content-item .remove {
  display: none;
}
section.page-content > div.profile.collections .column > .container {
  background-color: #222222;
  padding: 25px 0;
}
section.page-content > div.profile.collections .edit.collection:before {
  display: none;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo {
  position: relative;
  float: none;
  width: 100%;
  padding: 46px 43px 43px 43px;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #ffffff 58%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, #ffffff), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(top, #ffffff 58%, #e8e8e8 100%);
  background: -o-linear-gradient(top, #ffffff 58%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #ffffff 58%, #e8e8e8 100%);
  background: linear-gradient(to bottom, #ffffff 58%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe8e8e8", GradientType=0);
  /* IE6-8 */
  text-align: left;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo .episodeCopy p {
  margin-bottom: 28px;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo nav {
  position: absolute;
  top: 44px;
  right: 40px;
  margin: 0;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo .social .item {
  color: #000;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo h2 {
  margin-top: 0;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo div.buttons {
  display: block;
  white-space: normal;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo div.buttons a.button,
section.page-content > div.profile.collections div.episodesHero article.heroInfo div.buttons button.dekstop-only {
  display: inline-block;
  margin-right: 11px;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo h4 {
  margin-top: 5px;
  margin-bottom: 17px;
  line-height: 37px;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo h4 img {
  float: left;
  height: 37px;
  width: 37px;
  margin-right: 10px;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo h4 span {
  font-size: 14px;
  font-style: italic;
  color: #666666;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo h4 span.name {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  color: #f8cc32;
}
section.page-content > div.profile.collections div.episodesHero article.heroInfo div.episodeCopy {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
section.page-content > div.profile.collections .queue-hero > .container {
  padding: 0;
}
section.page-content > div.profile.collections .queue-hero .views {
  margin-top: 0;
}
section.page-content > div.profile.collections .queue-hero .views div.container {
  position: relative;
  padding: 25px 0;
  background-color: #dedede;
}
section.page-content > div.profile.collections .queue-hero .views li {
  cursor: pointer;
}
section.page-content > div.profile.collections .queue-hero .views .arrow {
  position: absolute;
  bottom: 0;
  height: 0;
  width: 0;
  border: 10px solid;
  border-color: transparent transparent #f2f2f2 transparent
		;
}
section.page-content > div.profile.collections .queue-hero .views div.container nav ul li {
  float: left;
  margin-left: 56px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  text-transform: uppercase;
}
section.page-content > div.profile.collections .queue-hero .views div.container nav ul li.active {
  border-bottom: 3px solid #f8cc32;
}
section.page-content > div.profile.collections section.tab {
  display: none;
  height: 100%;
}
section.page-content > div.profile.collections section.tab.active {
  display: block;
}
section.page-content > div.profile.collections header.collaborators-header {
  padding-bottom: 20px;
  text-align: center;
}
section.page-content > div.profile.collections header.collaborators-header h1 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
}
section.page-content > div.profile.collections header.collaborators-header h1:nth-of-type(2) {
  margin-top: 45px;
}
section.page-content > div.profile.collections header.collaborators-header nav {
  margin-top: 45px;
}
section.page-content > div.profile.collections header.collaborators-header nav .social .item {
  padding-top: 0;
  color: black;
  margin-left: 94px;
}
section.page-content > div.profile.collections header.collaborators-header nav .social .item:first-child {
  margin-left: 0;
}
section.page-content > div.profile.collections header.collaborators-header input {
  height: 43px;
  width: 693px;
  margin-top: 20px;
  border: 0;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  text-align: center;
  background-color: #dedede;
}
section.page-content > div.profile.collections .item-data.with-user {
  margin-top: 0;
}
section.page-content > div.profile.collections .item-data.with-user .user {
  display: block;
}
section.page-content > div.profile.collections section.collection-detail {
  background-color: #f2f2f2;
}
section.page-content > div.profile.collections section.collection-detail .thumb-img {
  margin-top: 0;
}
section.page-content > div.profile.collections section.collection-detail .to-top,
section.page-content > div.profile.collections section.collection-detail .remove,
section.page-content > div.profile.collections section.collection-detail .icon-lock {
  font-size: 17px;
}
section.page-content > div.profile.collections section.collection-detail .content-item {
  height: auto;
  padding-top: 8px;
  padding-right: 50px;
  padding-bottom: 8px;
}
section.page-content > div.profile.collections section.collection-detail .content-item:hover {
  background-color: #dedede;
}
section.page-content > div.profile.collections section.collection-detail .content-item:hover .to-top {
  font-size: 0;
}
section.page-content > div.profile.collections section.collection-detail .content-item:hover.locked .to-top {
  font-size: 17px;
}
section.page-content > div.profile.collections section.collection-detail .content-item:hover .remove {
  margin-top: 0;
}
section.page-content > div.profile.collections section.collection-detail .user,
section.page-content > div.profile.collections section.collection-detail .title {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
}
section.page-content > div.profile.collections section.collection-detail .user {
  line-height: 37px;
  color: #666666;
}
section.page-content > div.profile.collections section.collection-detail .user img {
  float: left;
  width: 37px;
  height: 37px;
  margin-right: 10px;
}
section.page-content > div.profile.collections section.collection-detail .title {
  color: black;
}
section.page-content > div.profile.collections section.collection-detail .to-top,
section.page-content > div.profile.collections section.collection-detail .remove,
section.page-content > div.profile.collections section.collection-detail .icon-lock {
  margin-top: 20px;
  color: black;
}
section.page-content > div.profile.collections section.collaborators {
  padding-top: 25px;
  background-color: #f2f2f2;
}
section.page-content > div.profile.collections section.collaborators .content-item {
  height: auto;
  margin-top: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
section.page-content > div.profile.collections section.collaborators .content-item .to-top {
  margin-top: 21px;
  font-size: 17px;
}
section.page-content > div.profile.collections section.collaborators .content-item:hover {
  background-color: #dedede;
}
section.page-content > div.profile.collections section.collaborators .content-item:hover .remove {
  display: block;
  margin-top: 18px;
}
section.page-content > div.profile.collections section.collaborators .thumb-img {
  height: 60px;
  width: 60px;
  margin-top: 0;
}
section.page-content > div.profile.collections section.collaborators .content-item {
  height: 69px;
  padding-top: 4.5px;
  padding-bottom: 4.5px;
}
section.page-content > div.profile.collections section.collaborators .item-data {
  float: none;
  margin-top: 0;
}
section.page-content > div.profile.collections section.collaborators .item-data span {
  margin-left: 50px;
  line-height: 60px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
}
section.page-content > div.profile.collections .buttons {
  margin-top: 0;
}
section.page-content > div.profile.collections .buttons button,
section.page-content > div.profile.collections .buttons a.button {
  max-width: 178px;
  line-height: 40px;
}
section.page-content > div.profile.collections header.collection-header {
  display: none;
}
.no-collections {
  height: 60px;
  line-height: 60px;
  background-color: #222222;
  color: white;
}
.no-collections a:link,
.no-collections a:hover,
.no-collections a:active,
.no-collections a:visited {
  color: #f8cc32;
}
#popupPicker {
  background-color: #1b1b1b;
  color: #FFF;
}
#popupPicker article.collection {
  position: relative;
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
}
#popupPicker article.collection > div {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#popupPicker article.collection > div header {
  position: absolute;
  left: 23px;
  display: table;
  height: 67px;
  margin-left: 95px;
  width: 400px;
}
#popupPicker article.collection > div header h3 {
  color: white;
  display: table-cell;
  vertical-align: middle;
}
#popupPicker article.collection > div section {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 22%;
  font-size: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIwLjU4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2MzYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0.75)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 58%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
#popupPicker article.collection > div section aside {
  height: 12px;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding: 2px;
  text-align: center;
}
#popupPicker article.collection > div section aside img {
  width: auto;
  height: 100%;
  padding: 0;
}
#popupPicker header,
#popupPicker .container,
#popupPicker .inner,
#popupPicker .buttons {
  padding: 5px 0;
}
#popupPicker section.queue-control section.collection-detail {
  width: 100%;
  background-color: white;
}
#popupPicker section.queue-control section.collection-detail .outer {
  height: 631px;
}
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article {
  padding-left: 0;
}
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article .icon-lock {
  display: none;
}
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article .to-top,
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article .remove,
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article .icon-lock {
  margin-right: 25px;
  font-size: 17px;
}
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article:hover {
  background-color: #dedede;
}
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article .user,
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article .title {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
}
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article .user {
  line-height: 37px;
  color: #666666;
}
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article .user img {
  float: left;
  width: 37px;
  height: 37px;
  margin-right: 10px;
}
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article .title {
  color: black;
}
#popupPicker section.queue-control section.collection-detail .outer .inner > section.queue article .to-top {
  color: black;
}
#popupPicker .buttons {
  margin-top: 0;
}
#popupPicker .buttons button,
#popupPicker .buttons a.button {
  width: 38%;
  max-width: 178px;
  margin-right: 20px;
}
body[data-language-code="de"] #popupPicker .buttons button,
body[data-language-code="de"] #popupPicker .buttons a.button {
  width: 43%;
  max-width: 228px;
}
#popupPicker .buttons button:last-child,
#popupPicker .buttons a.button:last-child {
  margin-right: 0;
}
#popupPicker .buttons button.icon-addto:before,
#popupPicker .buttons a.button.icon-addto:before {
  padding-right: 10px;
}
#popupPicker .queue-control .queue-list .outer {
  height: 1147px;
}
#popupPicker .queue-control .queue-list .outer .scrollbar {
  height: inherit;
}
#popupPicker .queue-control .queue-list .outer .inner > section article.thumb {
  float: left;
  margin: 0;
  padding: 0;
}
#popupPicker .queue-control .queue-list .outer .inner > section article.thumb article.collection {
  width: 121px !important;
  padding: 0;
}
#popupPicker .queue-control .queue-list .outer .inner > section article.thumb article.collection header {
  margin-left: 111px;
  line-height: 67px;
}
#popupPicker .queue-control .queue-list .outer .inner > section article.thumb article.collection header h3 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  color: white;
}
#popupPicker .queue-control .queue-list .outer .inner > section article.thumb article.collection header h4 {
  display: block;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  text-transform: none;
  color: #666666;
}
#popupPicker .queue-control .queue-list .outer .inner > section article.thumb article.collection aside:first-child {
  padding-top: 4px;
}
#popupPicker .queue-control .queue-list .outer .inner > section article.thumb article.collection aside img {
  display: none;
}
#popupPicker .queue-control .queue-list .outer .inner > section article.thumb article.collection aside div.empty {
  display: block;
  padding-left: 6px;
  padding-right: 6px;
}
#popupPicker .queue-control .queue-list .outer .inner > section article.thumb article.collection aside div.empty div {
  width: 13px;
  height: 7px;
  margin: 0;
  padding: 0;
  background-color: #808080;
}
#popupPicker {
  text-align: left;
  white-space: normal;
}
#popupPicker div.picker {
  text-align: left;
}
#popupPicker .queue-control .queue-list .outer .inner > section article.thumb article.collection header {
  bottom: auto;
}
#popupPicker > section > section > header {
  text-transform: uppercase;
  margin: 5px 0;
}
#popupPicker form input,
section.collection-creator form textarea {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
#popupPicker .queue-control .queue-list .outer .inner > section article {
  padding-left: 0px;
}
#collection-creator-queue,
#collection-creator-new,
#collection-creator-congrats,
#collection-creator-updated,
#collection-creator-queued {
  width: 540px;
  max-width: 540px;
}
#collection-creator-new,
#collection-creator-congrats,
#collection-creator-updated,
#collection-creator-queued {
  display: none;
}
.creator-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.62);
  display: none;
  z-index: 9999;
}
.creator-overlay .modal-container {
  position: relative;
  float: left;
  left: 50%;
  top: 50%;
  height: auto;
}
.creator-overlay .modal {
  position: relative;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #1b1b1b;
  border-style: solid;
  border-color: #fff;
  border-width: 3px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 10px 10px 10px;
}
.creator-overlay .modal > div {
  position: relative;
}
.creator-overlay .modal > div.header button,
.creator-overlay .modal > div.header a.button {
  position: absolute;
  top: -35px;
  right: -30px;
  border: 0;
  background: none;
  z-index: 2;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.creator-overlay .modal > div.header button .icon-close-circle:before,
.creator-overlay .modal > div.header a.button .icon-close-circle:before {
  font-size: 29px;
}
.creator-overlay .modal > div.header button.close .icon-close-circle:before,
.creator-overlay .modal > div.header a.button.close .icon-close-circle:before {
  color: #fdc314;
  font-size: 29px;
}
.creator-overlay .modal > div.content {
  background-color: #000;
  width: 500px;
}
.creator-overlay .modal > div.content header h5,
.creator-overlay .modal > div.content header h4 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
.creator-overlay .modal > div.content label span {
  display: block;
  font-size: 10px;
  font-style: italic;
  margin-bottom: 3px;
}
.creator-overlay .modal > div.footer {
  margin-top: 22px;
}
.creator-overlay .modal > div.footer .title {
  color: #fff;
  font-size: 25px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  display: block;
  margin-right: 130px;
}
.creator-overlay .modal > div.footer .social {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
.creator-overlay .modal > div.footer .social span {
  padding-top: 0;
  margin-left: 20px;
  width: auto;
}
.creator-overlay-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.62);
  display: none;
  z-index: 9999;
}
.creator-overlay-fullscreen .modal-container-fullscreen {
  position: relative;
  height: 100%;
}
.creator-overlay-fullscreen .modal-fullscreen {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #1b1b1b;
  border-style: solid;
  border-color: #fff;
  border-width: 3px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 10px 10px 10px;
}
.creator-overlay-fullscreen .modal-fullscreen > div {
  position: relative;
}
.creator-overlay-fullscreen .modal-fullscreen > div.header-fullscreen button,
.creator-overlay-fullscreen .modal-fullscreen > div.header-fullscreen a.button {
  position: absolute;
  top: 15px;
  right: 10px;
  border: 0;
  background: none;
  z-index: 2;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.creator-overlay-fullscreen .modal-fullscreen > div.header-fullscreen button .icon-close-circle:before,
.creator-overlay-fullscreen .modal-fullscreen > div.header-fullscreen a.button .icon-close-circle:before {
  font-size: 29px;
}
.creator-overlay-fullscreen .modal-fullscreen > div.header-fullscreen button.close .icon-close-circle:before,
.creator-overlay-fullscreen .modal-fullscreen > div.header-fullscreen a.button.close .icon-close-circle:before {
  color: #fdc314;
  font-size: 29px;
}
.creator-overlay-fullscreen .modal-fullscreen > div.content-fullscreen {
  background-color: #000;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.creator-overlay-fullscreen .modal-fullscreen > div.content-fullscreen header h5,
.creator-overlay-fullscreen .modal-fullscreen > div.content-fullscreen header h4 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
}
.creator-overlay-fullscreen .modal-fullscreen > div.content-fullscreen label span {
  display: block;
  font-size: 10px;
  font-style: italic;
  margin-bottom: 3px;
}
.creator-overlay-fullscreen .modal-fullscreen > div.footer {
  margin-top: 22px;
}
.creator-overlay-fullscreen .modal-fullscreen > div.footer .title {
  color: #fff;
  font-size: 25px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  display: block;
  margin-right: 130px;
}
.creator-overlay-fullscreen .modal-fullscreen > div.footer .social {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
.creator-overlay-fullscreen .modal-fullscreen > div.footer .social span {
  padding-top: 0;
  margin-left: 20px;
  width: auto;
}
#collection-creator-mobile {
  padding: 0 63px;
  background-color: #1b1b1b;
}
#collection-creator-mobile .lists-header h1 {
  margin-left: -38.5px;
  padding-left: 0;
}
#collection-creator-mobile .lists-header h1:before {
  padding-right: 15px;
  font-size: 18px;
  color: #f8cc32;
}
#collection-creator-mobile .action-header {
  display: table;
  height: 110px;
  margin: 5px -63px 30px;
  padding: 0 25px;
  text-align: left;
  background-color: #2f2f2f;
}
#collection-creator-mobile .action-header h1 {
  display: table-cell;
  vertical-align: middle;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  color: white;
}
#collection-creator-mobile .action-header .icon-close-circle {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: right;
}
#collection-creator-mobile .action-header .icon-close-circle:before {
  font-size: 61px;
  color: #f8cc32;
}
#collection-creator-mobile .arrow {
  width: 63px;
  height: 288px;
  line-height: 288px;
  font-size: 18px;
}
#collection-creator-mobile .arrow:before {
  color: #f8cc32;
}
#collection-creator-mobile .arrow.left {
  float: left;
  margin-left: -63px;
}
#collection-creator-mobile .arrow.right {
  float: right;
  margin-right: -63px;
}
#collection-creator-mobile input[type="text"],
#collection-creator-mobile textarea {
  display: block;
  width: 100%;
  margin-top: 25px;
  padding-left: 16px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: black;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-top-right: 5px;
  -moz-border-radius-bottom-right: 5px;
  -moz-border-radius-bottom-left: 5px;
  -moz-border-radius-top-left: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
#collection-creator-mobile input {
  height: 35px;
}
#collection-creator-mobile textarea {
  height: 141px;
  padding-top: 15px;
  padding-bottom: 15px;
}
#collection-creator-mobile .checkbox-container {
  height: 18px;
  margin-top: 25px;
  margin-bottom: 25px;
}
#collection-creator-mobile .checkbox-container .custom-checkbox {
  margin: 0;
}
#collection-creator-mobile .checkbox-container .custom-checkbox label {
  padding-top: 0;
  padding-left: 18px;
  line-height: 18px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: white;
}
#collection-creator-mobile .checkbox-container .custom-checkbox label span {
  display: inline-block;
  width: 10px;
}
#collection-creator-mobile button,
#collection-creator-mobile a.button {
  width: 224px;
  height: 68px;
  margin-right: 20px;
  margin-bottom: 25px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-top-right: 10px;
  -moz-border-radius-bottom-right: 10px;
  -moz-border-radius-bottom-left: 10px;
  -moz-border-radius-top-left: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
#collection-creator-mobile .collection-header {
  display: none;
}
#collection-creator-mobile .thumb-collection {
  width: 512px;
  height: 288px;
}
#collection-creator-mobile .thumb-collection .collection-item {
  width: 60%;
}
#collection-creator-mobile .thumb-collection .collection-item:nth-child(1n+6) {
  display: none;
}
#collection-creator-mobile .thumb-collection footer {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 20.5%;
  font-size: 18px;
  color: #ebebeb;
}
#collection-creator-mobile.ui-dialog-content {
  padding: 0 73px;
  overflow: hidden;
}
#collection-creator-mobile.ui-dialog-content .arrow {
  position: absolute;
  float: none;
  margin-left: 0;
  margin-right: 0;
}
#collection-creator-mobile.ui-dialog-content .arrow.disabled:before {
  color: #666666;
}
#collection-creator-mobile.ui-dialog-content .arrow:before {
  font-size: 28px;
}
#collection-creator-mobile.ui-dialog-content .arrow.left {
  left: -63px;
  padding-right: 15px;
  text-align: right;
}
#collection-creator-mobile.ui-dialog-content .arrow.right {
  right: -63px;
  padding-left: 15px;
  text-align: left;
}
#collection-creator-mobile.ui-dialog-content .container,
#collection-creator-mobile.ui-dialog-content .elastislide-wrapper,
#collection-creator-mobile.ui-dialog-content .elastislide-carousel,
#collection-creator-mobile.ui-dialog-content .elastislide-list,
#collection-creator-mobile.ui-dialog-content li,
#collection-creator-mobile.ui-dialog-content article.thumb {
  width: 512px;
  height: 288px;
  margin-left: 0;
  margin-right: 0;
}
#collection-creator-mobile.ui-dialog-content .thumb a {
  width: 512px;
  height: 288px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
}
#collection-creator-mobile.ui-dialog-content .elastislide-horizontal {
  padding: 0;
}
#collection-creator-mobile.ui-dialog-content section.info {
  display: none;
}
#collection-creator-mobile.ui-dialog-content label.fortext {
  height: 35px;
  font-size: 16px;
  position: relative;
  top: 12px;
}
#collection-creator-mobile.ui-dialog-content label.fortext span {
  display: block;
  font-size: 10px;
  font-style: italic;
}
#collection-creator-mobile.ui-dialog-content input[type="text"],
#collection-creator-mobile.ui-dialog-content textarea {
  border: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-top-right: 3px;
  -moz-border-radius-bottom-right: 3px;
  -moz-border-radius-bottom-left: 3px;
  -moz-border-radius-top-left: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
}
#collection-creator-mobile.ui-dialog-content + .ui-dialog-buttonpane {
  position: absolute;
  bottom: 10px;
  /*64px;*/
  right: 77px;
  float: none;
  margin: 0;
  padding: 0;
}
#collection-creator-mobile.ui-dialog-content + .ui-dialog-buttonpane button:last-child {
  margin-right: 0;
}
#collection-creator-mobile.ui-dialog-content .checkbox-container {
  margin-top: 30px;
  margin-bottom: 30px;
}
#collection-creator-mobile.ui-dialog-content .checkbox-container .custom-checkbox label {
  white-space: nowrap;
}
[aria-describedby="collection-creator-mobile"].ui-dialog .ui-dialog-titlebar {
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 73px;
}
#collection-thumbnail-overlay {
  position: absolute;
  top: 0;
  left: 0;
}
#collection-thumbnail-overlay footer {
  padding-left: 5px;
}
section.page-content div.profile.overview .icon-remove {
  display: none;
}
section.page-content div.profile.overview .member-header {
  height: 264px;
}
section.page-content div.profile.overview .member-header h1 {
  line-height: 21px;
  padding: 85.5px 0 85.5px 2px;
  font-size: 28px;
  font-style: normal;
  color: #ddd7d7;
}
section.page-content div.profile.overview .member-header h1 span {
  display: block;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  font-style: italic;
  color: #666666;
}
section.page-content div.profile.overview .member-header img {
  margin: 65px 30px 30.5px 0;
}
section.page-content div.profile.overview .member-header blockquote {
  margin: 0 0 0 63px;
}
section.page-content div.profile.overview .queue-control {
  background-color: #1b1b1b;
}
section.page-content div.profile.overview .lists-header h1 {
  padding-left: 33px !important;
}
section.page-content div.profile.overview .lists-header .header-collection {
  padding-left: 79px;
}
section.page-content div.profile.overview .lists-header .header-collection button,
section.page-content div.profile.overview .lists-header .header-collection a.button {
  float: right;
  margin-top: -8px;
  margin-bottom: -8px;
  margin-right: 5px;
}
section.page-content div.profile.overview .lists-header .header-collection button:before,
section.page-content div.profile.overview .lists-header .header-collection a.button:before {
  margin-right: 5px;
}
section.page-content div.profile.overview .thumb-collection {
  height: 60px;
  width: 106px;
}
section.page-content div.profile.overview .thumb-collection .collection-header {
  display: none;
}
section.page-content div.profile.overview .item-count {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  color: #666666;
}
section.page-content div.profile.overview .scroll-area .scrollbar {
  display: none;
}
section.page-content div.profile.overview .scroll-area.queue {
  padding-right: 6px;
}
section.page-content div.profile.overview .scroll-area.queue .thumb-collection .collection-header {
  display: none;
}
section.page-content div.profile.overview .scroll-area.queue .thumb-img,
section.page-content div.profile.overview .scroll-area.queue .thumb-collection {
  width: 106px;
  height: 59.625px;
  margin-top: 15.1875px;
}
section.page-content div.profile.overview .scroll-area.queue .thumb > .thumb-img,
section.page-content div.profile.overview .scroll-area.queue .thumb > .thumb-collection {
  margin-top: 0;
}
section.page-content div.profile.overview .scroll-area.queue .position {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
}
section.page-content div.profile.overview .scroll-area.collections {
  padding-left: 6px;
}
section.page-content div.profile.overview .scroll-area.collections,
section.page-content div.profile.overview .scroll-area.queue {
  float: left;
  width: 50%;
}
section.page-content div.profile.overview .scroll-area.collections .outer-area,
section.page-content div.profile.overview .scroll-area.queue .outer-area {
  height: 540px;
}
section.page-content div.profile.overview .scroll-area.collections .title,
section.page-content div.profile.overview .scroll-area.queue .title {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: white;
}
section.page-content div.profile.overview .scroll-area.collections .to-top,
section.page-content div.profile.overview .scroll-area.queue .to-top {
  font-size: 19px;
  color: white;
}
section.page-content div.profile.overview .scroll-area.collections .content-item,
section.page-content div.profile.overview .scroll-area.queue .content-item {
  background-color: #2f2f2f;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-top-color: #3d3d3d;
  border-bottom-color: #222222;
  padding-bottom: 10px;
}
section.page-content div.profile.overview .scroll-area.collections .content-item:first-child,
section.page-content div.profile.overview .scroll-area.queue .content-item:first-child {
  border-top: 0;
}
section.page-content div.profile.overview .scroll-area.collections .content-item:last-child,
section.page-content div.profile.overview .scroll-area.queue .content-item:last-child {
  border-bottom: 0;
}
section.page-content div.profile.overview .scroll-area.collections .content-item:hover,
section.page-content div.profile.overview .scroll-area.queue .content-item:hover {
  background-color: #222222;
}
section.page-content div.profile.overview .scroll-area.collections .content-item:hover .to-top,
section.page-content div.profile.overview .scroll-area.queue .content-item:hover .to-top {
  font-size: 19px;
}
section.page-content div.profile.overview .scroll-area.collections .content-item:hover .to-top:before,
section.page-content div.profile.overview .scroll-area.queue .content-item:hover .to-top:before {
  display: none;
}
section.page-content div.profile.overview .scroll-area.collections .content-pagination,
section.page-content div.profile.overview .scroll-area.queue .content-pagination {
  text-align: right;
  background-color: #2b2b2b;
}
section.page-content div.profile.overview .scroll-area.collections .content-pagination a,
section.page-content div.profile.overview .scroll-area.queue .content-pagination a {
  display: block;
  margin-top: 35.5px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #f8cc32;
}
section.page-content div.profile.overview .scroll-area .content-item.show-full .item-data {
  height: 79px;
}
section.page-content div.profile.overview .icon-addto:before {
  padding-right: 7px;
}
section.page-content div.profile.overview .show-full .li-to-top {
  display: none;
}
section.page-content div.profile.overview .show-full .li-addto {
  display: none;
}
section.page-content div.profile.overview .show-full .li-wiki {
  display: none;
}
section.page-content div.profile.overview .show-full .li-remove {
  display: none;
}
section.profile.overview > section.profile.overview > div.profile.overview header.lists-header {
  position: relative;
}
section.profile.overview > section.profile.overview > div.profile.overview header.lists-header button.icon-addto {
  position: absolute;
  right: 5px;
  top: 12px;
}
section.page-content div.profile.settings .profile-columns .column:first-child {
  height: 1120px;
  background-color: #2f2f2f;
}
section.page-content div.profile.settings .profile-columns .column:last-child {
  height: 1120px;
}
section.page-content div.profile.settings .member-header {
  height: auto;
  padding-bottom: 25px;
  border-bottom: 1px solid;
  border-bottom-color: #222222;
  background: none;
}
section.page-content div.profile.settings .member-header:before {
  content: none;
}
section.page-content div.profile.settings .member-header h1 {
  padding-top: 78px;
}
section.page-content div.profile.settings .member-header .member-info {
  float: left;
}
section.page-content div.profile.settings .member-header img {
  margin-right: 25px;
  margin-bottom: 36px;
}
section.page-content div.profile.settings .member-header .tip,
section.page-content div.profile.settings .member-header .tip-mobile {
  clear: left;
  white-space: normal;
  padding-right: 75px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: white;
}
section.page-content div.profile.settings .member-header .tip-mobile {
  display: none;
}
section.page-content div.profile.settings .member-header button,
section.page-content div.profile.settings .member-header a.button {
  margin-top: 20px;
}
section.page-content div.profile.settings .lists-container {
  border-top: 1px solid;
  border-top-color: #3d3d3d;
  background: none;
}
section.page-content div.profile.settings .lists-container .lists-list {
  width: 100%;
}
section.page-content div.profile.settings .lists-container .lists-list article h1 {
  font-size: 15px;
}
section.page-content div.profile.settings .lists-container .lists-list article span {
  font-size: 15px;
}
section.page-content div.profile.settings .lists-container .list-container {
  background: none;
}
section.page-content div.profile.settings .lists-container blockquote {
  width: 350px;
  white-space: normal;
}
section.page-content div.profile.settings .member-info h1 {
  padding-bottom: 0;
  font-size: 22px;
  font-style: normal;
  color: #ddd7d7;
}
section.page-content div.profile.settings .member-info span {
  display: block;
  margin-bottom: 13px;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
  font-style: italic;
  color: #666666;
}
section.page-content div.profile.settings .logged-in-as header h1 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}
section.page-content div.profile.settings .logged-in-as header h2 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}
section.page-content div.profile.settings .username header h1 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
}
section.page-content div.profile.settings .username header h2 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
}
section.page-content div.profile.settings .logged-in-as,
section.page-content div.profile.settings .username {
  display: table;
  height: 113px;
  width: 100%;
  padding-left: 60px;
  text-align: left;
}
section.page-content div.profile.settings .logged-in-as header,
section.page-content div.profile.settings .username header {
  display: table-cell;
  vertical-align: middle;
}
section.page-content div.profile.settings .logged-in-as h1,
section.page-content div.profile.settings .username h1 {
  display: inline;
  color: white;
}
section.page-content div.profile.settings .logged-in-as h2,
section.page-content div.profile.settings .username h2 {
  display: inline;
  color: #f8cc32;
}
section.page-content div.profile.settings .logged-in-as h3,
section.page-content div.profile.settings .username h3 {
  display: inline;
}
section.page-content div.profile.settings .logged-in-as h3 a.tool-tip,
section.page-content div.profile.settings .username h3 a.tool-tip {
  padding-left: 25px;
}
section.page-content div.profile.settings .logged-in-as .right-content,
section.page-content div.profile.settings .username .right-content {
  display: table-cell;
  vertical-align: middle;
}
section.page-content div.profile.settings .logged-in-as .right-content .icon-social-facebook,
section.page-content div.profile.settings .username .right-content .icon-social-facebook {
  display: inline-block;
  height: 30px;
  padding-top: 9px;
  padding-right: 15px;
}
section.page-content div.profile.settings .logged-in-as .right-content .icon-social-facebook:before,
section.page-content div.profile.settings .username .right-content .icon-social-facebook:before {
  font-size: 30px;
  color: white;
  vertical-align: middle;
}
section.page-content div.profile.settings .logged-in-as {
  background-color: #2a2a2a;
}
section.page-content div.profile.settings .username {
  background-color: #444444;
}
section.page-content div.profile.settings .username h1 {
  text-transform: uppercase;
}
section.page-content div.profile.settings .sub-divide {
  text-align: left;
  background-color: #ededed;
}
section.page-content div.profile.settings .sub-divide article {
  padding-left: 60px;
  border-bottom: 1px solid #cdcdcd;
}
section.page-content div.profile.settings .sub-divide header h1 {
  display: inline;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
  text-transform: uppercase;
}
section.page-content div.profile.settings .sub-divide header h2 {
  display: inline;
  padding-left: 10px;
}
section.page-content div.profile.settings .sub-divide input[type="text"],
section.page-content div.profile.settings .sub-divide input[type="password"],
section.page-content div.profile.settings .sub-divide textarea {
  display: block;
  width: 514px;
  height: 35px;
  padding-left: 20px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
  border: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-top-right: 3px;
  -moz-border-radius-bottom-right: 3px;
  -moz-border-radius-bottom-left: 3px;
  -moz-border-radius-top-left: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
section.page-content div.profile.settings .sub-divide textarea {
  height: 140px;
  padding: 30px 20px;
  white-space: normal;
}
section.page-content div.profile.settings .sub-divide .email {
  padding-top: 48px;
}
section.page-content div.profile.settings .sub-divide .email > * {
  display: block;
  margin-bottom: 13px;
}
section.page-content div.profile.settings .sub-divide .custom-checkbox {
  margin: 0;
}
section.page-content div.profile.settings .sub-divide .custom-checkbox label {
  padding-top: 0;
  padding-left: 18px;
  line-height: 18px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #4e4e4e;
}
section.page-content div.profile.settings .sub-divide .custom-checkbox label span {
  margin-left: 10px;
}
section.page-content div.profile.settings .sub-divide .password {
  padding-top: 20px;
}
section.page-content div.profile.settings .sub-divide .password > * {
  display: block;
  margin-bottom: 13px;
}
section.page-content div.profile.settings .sub-divide .password > span {
  font-size: 10px;
  color: red;
}
section.page-content div.profile.settings .sub-divide .favorite {
  padding-top: 20px;
}
section.page-content div.profile.settings .sub-divide .favorite > * {
  margin-bottom: 15px;
}
section.page-content div.profile.settings .sub-divide .select-style {
  width: 175px;
}
section.page-content div.profile.settings .sub-divide .biography {
  padding-top: 20px;
  padding-bottom: 43px;
}
section.page-content div.profile.settings .sub-divide .biography header {
  margin-bottom: 15px;
}
section.page-content div.profile.settings .sub-divide .biography .buttons {
  width: 514px;
  margin-top: 30px;
  text-align: right;
}
section.page-content div.profile.settings .sub-divide .biography .buttons button,
section.page-content div.profile.settings .sub-divide .biography .buttons a.button {
  margin-right: 12px;
}
section.page-content div.profile.settings .sub-divide .biography .buttons button:last-child,
section.page-content div.profile.settings .sub-divide .biography .buttons a.button:last-child {
  margin-right: 0;
}
section.page-content div.profile.settings .select-option {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}
section.page-content div.member.overview .page-header {
  display: none;
}
section.page-content div.member.overview .lists-list .list-container {
  margin-top: -64px;
  padding-top: 64px;
}
section.page-content div.member.overview .member-info {
  display: inline-block;
  width: 260px;
  padding: 0;
  vertical-align: middle;
}
section.page-content div.member.overview .member-info span {
  display: block;
  margin-bottom: 13px;
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
  font-style: italic;
  color: #666666;
}
html.lt-ie9 a:focus {
  border: none;
  outline: none;
}
html.lt-ie9 .select-style {
  filter: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RjZGNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
}
html.lt-ie9 .select-style .select-wrapper .select-option {
  display: none !important;
}
html.lt-ie9 .select-style .select-wrapper select {
  color: black;
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  padding: 0 40px 0 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-transform: uppercase;
}
html.lt-ie9 .select-style .select-wrapper select::-ms-expand {
  display: none;
}
html.lt-ie9 section.carousel-old > .container header > .gradient {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
html.lt-ie9 section.generator div.dropdowns-wrapper aside {
  display: table;
}
html.lt-ie9 section.generator div.dropdowns-wrapper aside > label {
  display: table-cell;
}
html.lt-ie9 section.hero {
  width: 980px;
  height: 306px;
  position: relative;
}
html.lt-ie9 section.hero .background {
  width: 980px;
  height: 306px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -ms-behaviour: url(htc/backgroundsize.php);
  behaviour: url(htc/backgroundsize.php);
}
html.ie-9 section.content > header,
html.lt-ie9 section.content > header {
  z-index: 9999;
}
html.ie-9 .select-style .select-chevron,
html.lt-ie9 .select-style .select-chevron {
  display: none;
}
html.ie-9 .select-style .select-option,
html.lt-ie9 .select-style .select-option {
  display: none;
}
html.ie-9 .select-style .select-wrapper select,
html.lt-ie9 .select-style .select-wrapper select {
  padding: 0 0 0 20px;
}
html.ie-10 .select-style .select-wrapper select {
  font-size: 0;
}
html.ie-10 .select-style .select-wrapper select:focus {
  font-size: inherit;
}
/* Default theme - black-on-white */
[data-theme="black-on-white"] .content {
  background-color: white;
}
[data-theme="black-on-white"] .copy,
[data-theme="black-on-white"] .white {
  color: black;
}
[data-theme="white-on-black"] .content {
  background-color: black;
}
[data-theme="white-on-black"] .copy,
[data-theme="white-on-black"] .white {
  color: white;
}
[data-theme="white-on-black"] section.page-content > div.player section.grid-container {
  background-color: #333333;
}
[data-theme="white-on-black"].videos > header > h2,
[data-theme="white-on-black"] section.videos > header > h2 {
  color: white;
}
[data-theme="white-on-black"].videos li.placeholder > a,
[data-theme="white-on-black"] section.videos li.placeholder > a {
  border: 1px solid #444;
}
[data-theme="white-on-black"].videos.thumbnails li > a > div.copy,
[data-theme="white-on-black"] section.videos.thumbnails li > a > div.copy {
  border: 1px solid #444;
  border-top: 0;
}
[data-theme="white-on-black"] section.related-media li.blog-post {
  background-color: #333;
}
/* #region Alpha and defaults */
.main {
  margin-left: auto;
  margin-right: auto;
  width: 1440px;
}
section.search .module.grid {
  margin-left: 0;
  margin-right: 0;
}
.elastislide-wrapper {
  box-shadow: none;
}
.info .favorite.star .img {
  background-image: url('../img/infostar.png');
}
/*! jQuery UI - v1.10.3 - 2013-10-02
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.button.css, jquery.ui.dialog.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2.2em;
}
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
input.ui-button {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
progress[role] {
  display: inline-block;
  position: relative;
  width: 10em;
  height: 1em;
  vertical-align: -.2em;
  background-image: url('data:image/gif;base64,R0lGODlhIAAQAIAAAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBwABACwAAAAAIAAQAAACLISPF8vtkWJ8lMlrasVXb554FBiKDomYJ5qpFgu4LysvcFzfNQTvet4D0hgFACH5BAkHAAEALAAAAAAgABAAAAIshH+hyx0Io3F0yTsrxVdvHnkOGIoMCZknmqgWC7gvKytwXN/1A+963gPSKAUAIfkECQcAAQAsAAAAACAAEAAAAi2EHanLcQ9hmyraR+ndee7bNZ8VMmNULqeUJivWOi8Sz3RrA7E77/LrswV7oQIAIfkECQcAAQAsAAAAACAAEAAAAixEjqkB7Q/bmijaR+ndee7bLZ8VKmNUJieUVqvTHi8cz1Jtx0yOz7pt6L10BQAh+QQJBwABACwAAAAAIAAQAAACLIyPB8vtkGJ8lMlrasVXb554FBiKDomYJ5qpFhu4LysvcFzfNQTvet4D0hgFACH5BAkHAAEALAAAAAAgABAAAAIsjH+gyw0Io3F0yTsrxVdvHnkOGIoMCZknmqgWG7gvKytwXN/1A+963gPSKAUAIfkECQcAAQAsAAAAACAAEAAAAi2MDanLcA9hmyraR+ndee7bNZ8VMmNULqeUJivWOi8Sz3RrB7E77/LrswV7oQIAIfkEAQcAAQAsAAAAACAAEAAAAiwMjqkQ7Q/bmijaR+ndee7bLZ8VKmNUJieUVqvTHi8cz1Jtx0yOz7pt6L10BQA7');
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
progress[role],
progress[aria-valuenow]:before {
  background-color: #5af;
}
progress[role],
progress[role]:after {
  background-repeat: repeat-x;
  background-position: 0 0;
  -moz-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
/* Determinate only overrides */
progress[aria-valuenow] {
  background: #eee;
}
progress[aria-valuenow]:before {
  content: "";
  display: block;
  height: 100%;
}
/* Overlay */
progress[role]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQBAMAAAAlsQiEAAAABGdBTUEAALGPC/xhBQAAAC1QTFRF////////gYGA+/v7////3NzcQUFCkZGQWFlZAAAAAAAA////WFhY////r6+w5vktvgAAAA90Uk5TZB4sW3ZODgMEJgBVHDY+cmAeZAAAACZJREFUeNpjmMBQwHCBAQQMGAIYHjAoMBxgSGBoYFjAIMCwgcEBAGgwBpG64ZoMAAAAAElFTkSuQmCC');
}