body {
    *zoom: 1;
    width: auto;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow-x: hidden;
}
body:before,
body:after {
    content: '';
    display: table;
}
body:after {
    clear: both;
}
#content {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
h1,
h2,
h3 {
    margin: 0;
    font-family: 'Anton', sans-serif;
    padding: 0;
    font-style: normal;
    font-weight: 300;
}
span.filters {
    display: inline-block !important
}
.container {
    width: 100%;
}
.content-container {
    max-width: 1200px;
    margin: 0 auto;
}
.cast-container {
    max-width: 50%;
}
img {
    -ms-interpolation-mode: nearest-neighbor;
}
/* HEADER */

#header {
    width: 100%;
    margin: 0 auto;
}
/* NAV */

#nav {
    position: fixed;
    background: #0d3959;
    background-size: cover;
    z-index: 300;
    width: 100%;
    top: 0;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    /*    box-shadow: 10px 10px 50px 5px rgba(0,0,0,1);*/
    
    height: 100px;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#nav.top {
    top: 0;
}
#nav .tt {
    position: relative;
    top: 5px;
    z-index: 9999;
    max-width: 260px;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#nav .tt-m {
    position: relative;
    left: 0;
    top: 5px;
    display: none !important;
    text-align: center;
    display: none !important;
    z-index: 990;
    max-width: 310px;
    margin: 0 auto;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#nav .tt img {
    width: 100%;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#nav .tt-m img {
    width: 100%;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#nav ul {
    list-style: none;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
    height: 100px;
    z-index: 9999;
}
#nav ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: -67px;
}
#nav ul li:last-child {
    margin-right: 0;
}
#nav a {
    text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
    color: #fae7c4;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#nav a:hover {
    color: #ffd204;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#nav a.upload {
    background: #114e70;
    padding: 0 10px;
}
#nav a.upload:hover {
    color: #ffd204;
}
.nav-feed {
    display: block;
    width: 100%;
    height: 30px;
}
#mainContainer {
    overflow: hidden;
}
/* WELCOME SECTION */

.tease-text {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    top: 120px;
    z-index: 20;
}

.tease-text h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 65px !important;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

#content {
   /* background: url(../img/tile-one-bg.png);
    background-size: contain;*/
    padding-top: 0;
    padding-bottom: 0px;
    text-align: center;
    background-position: center 50px;
    background-color: #0d3959;
}
#content-inside {
    background: url(../img/section-big-bg_1.png) no-repeat;
    background-size: 100% auto;
    padding-top: 0;
    text-align: center;
    width: 100%;
    background-position: top center;
    padding-top: 17%;
    position: relative;
    top: 0;
}
#content h3 {
    text-transform: uppercase;
    font-size: 38px;
    color: #fff;
    line-height: 25px;
    font-weight: 400;
    margin-top: 50px;
}
#content h1 {
    text-transform: uppercase;
    font-size: 117px;
    color: #fff;
    line-height: 135px;
    font-weight: 400;
}
#castImg {
    /* padding-top: 10%; */
    
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: -50px;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#castImg img {
    width: 100%;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#tape {
    position: relative;
    width: 100%;
    bottom: 12rem;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#tape img {
    width: 100%;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
.box {
    font-family: 'Roboto Condensed', sans-serif;
    font-style: italic;
    color: #807f7f;
    font-size: 22px;
    max-width: 900px;
    margin: 0 auto;
    background: url(../img/box-bg.png) no-repeat;
    background-size: cover;
    padding: 20px 20px 10px 20px;
    margin-bottom: 40px;
}
.box p {
    margin: 0;
    padding: 0;
    line-height: 12px;
}
.box h2 {
    color: #fff;
    margin: 10px 0 6px;
    padding: 0;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 26px;
}
.box .side {
    margin: 24px 0 24px;
}
.button {
    width: 290px;
    height: 60px;
    font-family: 'Anton', sans-serif;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 32px;
    color: #fff;
    background-size: contain;
    display: inline-block;
    line-height: 58px;
}
.button:hover {
    color: #000;
}
.button-left {
    background: url(../img/button-left.png) no-repeat;
}
.button-right {
    background: url(../img/button-right.png) no-repeat;
}
.share ul {
    list-style: none;
    margin: 0;
}
.share ul li {
    display: inline-block;
    margin-right: 5px;
}
.share ul li:last-child {
    margin-right: 0;
}
.share ul a {
    color: #fff;
    text-transform: none;
    text-decoration: none;
    font-size: 35px;
}
.share ul .list-tag {
    font-size: 45px;
}
.share ul li a:hover img {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
}
.share ul .list-tag {
    position: relative;
    top: -5px;
    margin: 0 15px;
}

.seasons .buynow {
      line-height: 26px;
      margin-top: 8px;
}

.seasons .buynow .store_link {
    color: #0d3959;
    text-decoration: none;
    z-index: 2px;
    position: relative;
    cursor: pointer;
}

.seasons .buynow .store_link:hover {
    color: #ffd204;
}

/*#season-five .buynow {
      color: #df7833;
}

#season-four .buynow {
      color: #43256d;
}

#season-three .buynow {
      color: #9a0d0d;
}

#season-two .buynow {
      color: #00520c;
}

#season-one .buynow {
      color: #001ca8;
}*/


/* HOW TO */

.documentary {
    padding-top: 50px;
}

.doc_container {
     padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;
    background-position: top center;
    position: relative;
    min-height: 700px;
}

.doc_container img {
    width: 100%;
    max-width: 600px;
}

h2.docHead {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 65px;
    color: #000;
    text-align: center;
}

.episodes {
    padding-top: 50px;
    padding-bottom: 250px;
    text-align: center;
    background-position: top center;
    position: relative;
    min-height: 700px;
}
.episodes h2 {
    display: inline-block;
    color: #000;
    font-family: 'Francois One', sans-serif;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
    /*  text-shadow: -2px 2px 1px rgba(0,0,0,.5);*/
}
.episodes .epHead {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 65px;
}
.episodes ul {
    list-style: none;
    padding: 0;
}
.episodes ul li {
    display: inline-block;
}
.episodes .enter {
    max-width: 100%;
    padding: 0;
    background: transparent;
}
.episodes .content-container {
    text-align: center;
}
.episodes .stack {
    display: inline-block;
    padding: 20px 10px;
}
.seasons {
    min-height: 500px;
    position: absolute;
    padding-left: 0;
    left: 50%;
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    display: none;
}
.seasons.active {
    display: block;
}
.seasons li {
    padding: 12px;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
.seasons li:last-child {
    margin-right: 0;
}
.seasons li a {
    color: #0d3959;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 1);
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
.seasons li a i {
    font-size: 50px !important;
}
.seasons .thumbnail {
    width: 100%;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
.seasons .thumbnail img {
    width: 100%;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
.seasons .episode-list a {
    display: inline-block;
    max-width: 20%;
    text-decoration: none;
    vertical-align: top;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}

.playButton {
    position: absolute;
    font-size: 4em;
    color: #fff;
    opacity: 0.7;
    width: 100%;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-top: 10%;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;

}

.seasons .episode-list li:hover {
    background: #fff8f0;
}

.seasons .episode-list li:hover .playButton {
  opacity: 1;
}

.seasons .episode-list li {
  display: block;
  position: relative;
}

.seasons .episode-list li h3 {
    letter-spacing: 1px;
    color: #ffd204;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 1);
    font-size: 28px;
    text-transform: uppercase;
     -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}

.cast .cast-list li h3.smCast {
    font-size: 24px;
}
.seasons .episode-list li p {
    font-size: 14px;
    text-align: left;
    color: #492f11;
    line-height: 17px;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}

.sSix.present h2,
.sSix:hover h2 {
    color: #0d3959;
    cursor: pointer;
}

#season-six .buy-links a {
    color: #ffd204;
}

.sFive.present h2,
.sFive:hover h2 {
    color: #df7833;
    cursor: pointer;
}

#season-five .buy-links a {
    color: #df7833;
}

#season-four .buy-links a {
    color: #43256d;
}
.sFour.present h2,
.sFour:hover h2 {
    color: #43256d;
    cursor: pointer;
}
#season-three .buy-links a {
    color: #9a0d0d;
}
.sThree.present h2,
.sThree:hover h2 {
    color: #9a0d0d;
    cursor: pointer;
}
#season-two .buy-links a {
    color: #00520c;
}
.sTwo.present h2,
.sTwo:hover h2 {
    color: #00520c;
    cursor: pointer;
}
#season-one .buy-links a {
    color: #001ca8;
}
.sOne.present h2,
.sOne:hover h2 {
    color: #001ca8;
    cursor: pointer;
}
.seasons li a:hover {
    color: #0d3959 !important;
}
/* ABOUT */

.about {
    background: url(../img/about-right.png) no-repeat;
    background-color: #e3f9ff;
    padding-top: 50px;
    padding-bottom: 120px;
    text-align: center;
    background-position: top right;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
.about h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 65px;
}
.about p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    position: relative;
    text-align: justify;
    max-width: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
}
/* CAST CREW */

.cast-crew {
    padding-top: 70px;
    padding-bottom: 120px;
    text-align: center;
    background-position: top center;
     -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
.cast-crew h2 {
    display: inline-block;
    color: #000;
    font-family: 'Francois One', sans-serif;
    /*  text-shadow: -2px 2px 1px rgba(0,0,0,.5);*/
}
.cast-crew .castHead {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 65px;
}
.cast-crew ul {
    list-style: none;
    padding: 0;
}
.cast-crew ul li {
    display: inline-block;
     -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
.cast-crew .enter {
    max-width: 100%;
    padding: 0;
    background: transparent;
}
.cast-crew .content-container {
    text-align: center;
}
.cast-crew .stack {
    display: inline-block;
    padding: 20px 10px;
}
.cast li {
    padding: 12px;
}
.cast .cast-list li:hover {
    background: #fff8f0;
}
.cast li:last-child {
    margin-right: 0;
}
.cast li a {
    color: #df7833;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 1);
}
.cast li a i {
    font-size: 50px !important;
}
.cast .thumbnail {
    width: 100%;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
    text-align: center;
    margin: 0 auto;
}
.cast .thumbnail img {
    width: 100%;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
    max-width: 183px;
}
.cast .cast-list a {
    display: inline-block;
    max-width: 21%;
    width: 21%;
    text-decoration: none;
}

.cast .cast-list a.mon-big {
    max-width: 33%;
    width: 33%;
  }

.cast .cast-list {
  display: block;
}
.cast .cast-list li h3 {
    font-family: 'Anton', sans-serif;
    letter-spacing: 1px;
    color: #ffd204;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 1);
    font-size: 28px;
    text-transform: uppercase;
}
.cast .cast-list li h4 {
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #492f11;
    font-size: 20px;
}
.cast .cast-list li p {
    font-size: 12px;
    text-align: left;
    color: #492f11;
}
.cast li a:hover {
    color: #ffd204 !important;
}
/* NEWS */

.news {
    padding-top: 70px;
    padding-bottom: 120px;
    text-align: center;
    background-position: top center;
    background: #fff8f0;
}
.news h2 {
    display: inline-block;
    color: #000;
    font-family: 'Francois One', sans-serif;
    /*  text-shadow: -2px 2px 1px rgba(0,0,0,.5);*/
}
.news .newsHead {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 65px;
}
.donors {
    padding-top: 70px;
    padding-bottom: 120px;
    text-align: center;
    background-position: top center;
}
.donors .donorHead {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 65px;
}
#donor-content {
    text-align: center;
}
.donor-names {
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: top;
    margin: 0 auto;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    padding:0;
    /*padding: 0px 5%;*/
}

.donor-names p {
  padding:0;
}

.cast-crew .crewHead {
  padding-top: 100px;
}

#crewTable {
    padding-top: 30px;
}

#crewTable td {
  width: 50%;
}

#crewTable tr td:first-child {
  text-align: right;
  padding-right: 16px;
}

#crewTable tr td:last-child {
  text-align: left;
}

.foot-block {
    background: #000;
    height: 60px;
    position: relative;
    z-index: 9999;
}
.foot-block.last {
    height: 46px;
}
/* SIGN UP FORM */

.invisible {
    visibility: hidden;
    display: none;
}
.visible {
    visibility: visible !important;
    display: block;
}
.relative {
    position: relative;
}
/* FOOTER */

#footer {
    position: fixed;
    bottom: -5px;
    background: #0d3959;
    width: 100%;
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    /*box-shadow: -10px 28px 27px 55px rgba(0,0,0,0.55);*/
    
    color: #fae7c4;
    z-index: 998;
}
#footer ul {
    list-style: none;
    width: 100%;
    text-align: right;
    position: relative;
    bottom: -6px;
    right: 20px;
    margin: 0 auto;
    color: #fff;
    padding: 0;
}
#footer ul li {
    display: inline-block;
    margin-right: 15px;
    color: #fae7c4;
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
}
#footer ul li:last-child {
    margin-right: 0;
}
#footer a {
    text-shadow: -1px 1px 0px rgba(0, 0, 0, 1);
    color: #fae7c4;
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
#footer a:hover {
    color: #ffd204;
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
}
.social {
    font-size: 20px !important;
}
.inline-block-wrapper {
    display: inline-block;
}
#legal-menu {
    display: none;
    cursor: pointer;
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 1;
    display: none;
}
#trailer-video {
    float: none;
    clear: both;
    max-width: 1400px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 56.25%;
    height: 0;
    margin: 0 auto;
    margin-top:50px;
}
#trailer-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    max-height: 800px;
}
.mobile-close {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #fff;
    font-family: 'BenchNine', sans-serif;
    font-size: 30px;
    font-weight: 300;
    z-index: 999;
    background: #000;
    padding: 3px;
    cursor: pointer;
    display: none;
}
#footer .mobile-close .close {
    top: -25px;
    right: -10px;
}
.close {
    position: absolute;
    top: 24px;
    right: 10px;
    color: #fff;
    font-family: 'BenchNine', sans-serif;
    font-size: 30px;
    font-weight: 300;
    z-index: 999;
    background: #000;
    padding: 3px;
    cursor: pointer;
}
.close-button {
    height: 16px;
    width: 14px;
    font-family: 'Roboto Condensed';
    font-weight: 500;
    display: block;
}
.close:hover .close-button {
    color: #ffd204;
}

#cast-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.9);
    opacity: 1;
    display: none;
}
#castCrew {
    float: none;
    clear: both;
    max-width: 1400px;
    position: relative;
    height: 100%;
    margin: 0 auto;
    margin-top: 0;
}
#castCrew iframe {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: 900px;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}


#cast-overlay .close-button {
    height: 32px;
    width: 17px;
}

.castPage {
  background-color: #fff;
}

#bio {
  text-align: center;
}

#bio h1 {
    font-family: 'Anton', sans-serif;
    letter-spacing: 1px;
    color: #ffd204;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 1);
    font-size: 60px;
    text-transform: uppercase;
}

#bio h2 {
    margin: 8px 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 20px;
}

#bio-body ul a {
  font-family: 'Oswald', sans-serif;
  font-size: 26px;
  text-decoration: none;
  text-transform: uppercase;
  color: #df7833;
  font-weight: bold;
  text-shadow: -1px 1px 0px rgba(0, 0, 0, 1);
}

#bio-body ul a:hover {
  color: #ffd204;
}

#bio-body ul {
    list-style: none;
    padding: 0;
    text-align: center;
    margin-top: 0;
    text-align: center;
}

#bio-body ul li {
  display: inline-block;
  margin-right: 10px;
}

#bio-body ul li:last-child {
  margin-right: 0;
}

#bio-pic {
    margin: 20px auto 0;
    max-width: 200px;
}

#bio-pic img {
  width: 100%;
  border: 2px solid #000;
}

#bio-body {
    width: 50%;
    margin: 10px auto;
    text-align: justify;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

#bio-body a {
  color: #df7833;
  text-decoration: none;
}

#bio-body a:hover {
  text-decoration: underline;
}


#menu {
    display: none;
}
#headerVid {
    display: block;
}
.scrolling {
    -webkit-transition: all ease 0.75s;
    -moz-transition: all ease 0.75s;
    -o-transition: all ease 0.75s;
    transition: all ease 0.75s;
    opacity: 0;
    visibility: hidden;
}
#no-landscape {
    display: none;
}
#no-landscape p {
    font-family: 'BenchNine', sans-serif;
    color: #fff;
}

.hidev {
  visibility: hidden;
}

.noscroll {
  overflow: hidden !important;
}

.donor-names div {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

.donor-names h3 {
    margin: 16px 0;
}

#kickstart {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.80);
    text-align: center;
    top: 0;
    left: 0;
    z-index: 9999;
    color: #fff;
}

#kick-container {
   max-width: 900px;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   padding: 50px;
   text-align: center;
}

#kick-container h1 {
   font-family: 'Oswald';
   text-transform: uppercase;
   font-size: 30px;
}

#kick-container h2 {
    font-family: 'BenchNine';
    font-size: 36px;
}

#kick-close {
    position: absolute;
    top: 0;
    right: 60px;
}

.yellow {
    color: #06b2d7;
}

#kick-img {
    padding: 20px;
}

#kickstart p {
    text-align: justify;
    font-size: 18px;
    font-family: 'Roboto Condensed';
    padding: 0 50px;
    margin-bottom: 50px;
}

#kickstart .close-button {
    height: 36px;
    width: 24px;
    }

.donate-today {

    text-align: center;
    color: #06b2d7;
   font-family: 'Roboto Condensed';
   text-transform: uppercase;
   font-size: 50px;
}

.donate-today:hover {
    color: #ffd204;
}

@media screen and (min-width: 700px) {
    .ngdialog.ngdialog-theme-default .ngdialog-content .sr-sh-theme-dialog-header {
        padding: 25px 20px 0 20px !important;
        text-align: center;
    }
}
@media only screen and (max-width: 1500px) {
    .about {
        padding-bottom: 500px;
        background-position: bottom right;
    }
}
@media only screen and (max-width: 1400px) {
    #trailer-video {
        max-width: 1200px;
        position: relative;
        padding-bottom: 16.25%;
        padding-top: 26.25%;
    }

    .playButton {
      padding-top: 5%
    } 
}

@media only screen and (min-width: 2000px) {
    .episodes {
        padding-bottom: 1650px;
    }
}

@media only screen and (min-width: 2300px) {
    .episodes {
        padding-bottom: 1700px;
    }
}

@media only screen and (min-width: 2500px) {
    .episodes {
        padding-bottom: 1750px;
    }
}

@media only screen and (max-width: 1200px) {

  .tease-text {
    visibility: hidden;
  }

  .episodes {
   padding-bottom: 120px;
    }
    #social-feed-container {
        width: 90%;
        margin: 0 auto;
        left: 16px;
        position: relative;
    }
    .stream li {
        width: 31% !important;
        font-size: 16px !important;
    }
    .cast .cast-list a {
    display: inline-block;
    max-width: 22%;
    width: 22%;
    text-decoration: none;
  }

  .seasons .episode-list a {
    max-width: 30%;
  }

  .seasons {
    position: relative;
  }

  .playButton {
      padding-top: 10%
    } 

}

@media only screen and (max-width: 1450px) {

    #tape {
        bottom: 11rem;
    }

}

@media only screen and (max-width: 1250px) {

    #tape {
        bottom: 8rem;
    }

}


@media only screen and (max-width: 1150px) {

    #tape {
        bottom: 7rem;
    }

}

@media only screen and (max-width: 850px) {

    #tape {
        bottom: 5rem;
    }

}

@media only screen and (max-width: 1080px) {
    #nav .tt {
        display: none !important;
    }
    #nav .tt-m {
        display: block !important;
    }
    #menu {
        display: block;
        position: absolute;
        z-index: 999;
        top: 17px;
        left: 10px;
        font-size: 30px;
    }
    #nav {
        z-index: 999;
    }
    #nav ul {
        height: 0;
        max-height: 0;
        -webkit-transition: all ease 0.75s;
        -moz-transition: all ease 0.75s;
        -o-transition: all ease 0.75s;
        transition: all ease 0.75s;
        background: #0d3959;
        right: 0px;
        top: -100px;
        margin: 0;
        position: fixed;
        width: 100%;
        z-index: 900;
        max-height: 100%;
        list-style: none;
        overflow: hidden;
    }
    #nav.opened ul {
        height: 100%;
        -webkit-transition: all ease 0.75s;
        -moz-transition: all ease 0.75s;
        -o-transition: all ease 0.75s;
        transition: all ease 0.75s;
        padding-top: 450px;
    }
    #nav ul li {
        display: block;
        text-align: center;
        width: 100%;
    }
    #nav a:hover {
        color: #fff;
    }
    #nav.opened a:hover,
    #nav.opened a:active {
        color: #ffd204;
    }
    #nav a.upload {
        background: transparent;
    }
    .share ul {
        padding-left: 0;
    }
    #nav ul li a {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1025px) {
  .cast .cast-list a {
    display: inline-block;
    max-width: 31%;
    width: 31%;
    text-decoration: none;
  }

  .cast .cast-list a.mon-big {
    max-width: 33%;
    width: 33%;
  }

    .seasons .episode-list a {
    max-width: 45%;
  }

  .episodes {
    padding-bottom: 120px;
   }


}
@media only screen and (min-device-width: 300px) and (max-device-width: 1024px) and (orientation: landscape) {
    #no-landscape {
        position: fixed;
        width: 100%;
        z-index: 999;
        height: 100%;
        background: #000;
        top: 0;
        left: 0;
        display: block;
        text-align: center;
        padding-top: 20%;
        font-size: 30px;
    }
}
@media only screen and (max-width: 960px) {
    .b-third {
        margin-right: auto;
    }

    #kickstart {
        overflow-y: scroll;
    }

#kickstart img {
    width: 100%;
    padding: 0;
    width: 100%;
}

#kick-container {
   max-width: 100%;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   padding: 0px;
   text-align: center;
}

#kick-container h1 {
   font-family: 'Oswald';
   text-transform: uppercase;
   font-size: 22px;
}

#kick-container h2 {
    font-family: 'BenchNine';
    font-size: 19px;
}

#kick-close {
    position: fixed;
    top: 10px;
    right: 10px;
    text-align: right;
    width: 5%;
    right: 10px;
}

#kick-close .close-button {
    height: 30px;
    width: 18px;
    font-family: 'Roboto Condensed';
    font-weight: 500;
    display: block;
}

.yellow {
    color: #06b2d7;
}

#kick-img {
    padding: 20px;
}

#kickstart .close {
 top: 0;
}

#kickstart p {
    text-align: justify;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    padding: 0 50px;
    margin-bottom: 20px;
}

.donate-today {

    text-align: center;
    color: #06b2d7;
   font-family: 'Roboto Condensed';
   text-transform: uppercase;
   font-size: 25px;
}

}

@media only screen and (min-width: 1800px) {
  .playButton {
    padding-top: 15%;
  }
}

@media only screen and (max-width:1100px) {
    #content-inside {
        padding-top: 20%;
        position: relative;
        top: 0;
    }
}

@media only screen and (max-width:950px) {
    #content-inside {
        padding-top: 22%;
        position: relative;
        top: 10px;
    }
}

@media only screen and (max-width:800px) {
    #content-inside {
        background-size: 100% auto;
        padding-top: 26%;
        position: relative;
        top: 10px;
    }
}

@media only screen and (max-width: 900px) {
    #content h3 {
        font-size: 30px;
    }
    #content h1 {
        font-size: 85px;
        line-height: 90px;
        margin-bottom: 35px;
    }
  
    .partners-head h1 {
        font-size: 85px;
        clear: both;
    }
    #legal-menu {
        position: absolute;
        display: block;
        right: 20px;
        top: 10px;
    }
  
    #footer-legal {
        height: 10px;
        overflow: hidden;
        font-size: 16px;
        -webkit-transition: all ease 0.75s;
        -moz-transition: all ease 0.75s;
        -o-transition: all ease 0.75s;
        transition: all ease 0.75s;
        background: #000;
        width: 100%;
        position: fixed;
        padding: 20px 0;
        opacity: 1;
        bottom: -60px;
        z-index: 100;
    }
    #footer-legal.opened {
        opacity: 1;
        height: 100px;
        max-height: 200px;
        overflow: inherit;
        bottom: 0;
        background: #000;
        left: 0;
        -webkit-transition: all ease 0.75s;
        -moz-transition: all ease 0.75s;
        -o-transition: all ease 0.75s;
        transition: all ease 0.75s;
        z-index: 100;
    }
    #footer a {
        font-size: 16px;
    }
    #footer .close {
        top: -55px;
        right: 15px;
    }
  
    
    #footer-legal.opened #logo {
        bottom: 115px;
        -webkit-transition: all ease 0.75s;
        -moz-transition: all ease 0.75s;
        -o-transition: all ease 0.75s;
        transition: all ease 0.75s;
    }
    #footer-legal #legal {
        bottom: -20px;
        font-size: 16px;
    }
    #footer-legal.opened #legal {
        position: relative;
        bottom: 35px;
        right: auto;
        text-align: center;
        background: #000;
        z-index: 999;
    }
    .mobile-close {
        display: block;
    }

    .share-text {
        margin-top: 15px;
    }

}
@media only screen and (max-width: 800px) {
  .cast .cast-list a {
    display: inline-block;
    max-width: 45%;
    width: 45%;
    text-decoration: none;
  }

  .cast .cast-list a.mon-big {
    max-width: 45%;
    width: 45%;
  }
}

@media only screen and (max-width: 670px) {
    #social-feed-container {
        width: 90%;
        margin: 0 auto;
        left: 0;
        position: relative;
    }

    #season-five .buynow {
       max-width: 75%;
       margin: 0 auto;
    }

    .episodes .epHead, .about h2, .cast-crew .castHead, .news .newsHead, .donors .donorHead, h2.docHead {
      font-size: 45px;
    }

    #crewTable {
      font-size: 13px;
    }

    #cast-overlay {
      -webkit-overflow-scrolling: touch;
      overflow-y: scroll;
      overflow-x: hidden;
    }

    .castPage {
        padding-bottom: 200px;
    }

    #castCrew {
      float: none;
      clear: both;
      max-width: 1400px;
      position: relative;
      height: 100%;
      margin: 0 auto;
      margin-top: 0;
      padding-bottom: 100px;
      overflow: auto;

    }
    .episodes {
        padding-bottom: 60px;
        padding-top: 10px;
    }
    .seasons {
        position: relative;
    }
    .about {
        position: relative;
        padding-bottom: 600px;
        background-position: bottom center;
    }
    .about .content-container {
        margin-top: 0px;
    }
    .about p {
        max-width: 90%;
    }
    .seasons .episode-list li {
        max-width: 100%;
        margin-bottom: 16px;
    }
    .cast-crew {
        padding-top: 100px;
    }
    .cast-crew .content-container {
        text-align: center;
        margin-top: 0;
    }
    .cast .cast-list a {
        max-width: 100%;
        width: 90%;
    }

    .seasons .episode-list a {
       max-width: 100%;
        width: 90%;
    } 


    .cast .cast-list a.mon-big {
        max-width: 100%;
        width: 90%;
  }
    .stream li {
        width: 100% !important;
        font-size: 16px !important;
    }
    .donors {
        padding-top: 100px;
    }
    .donors .content-container {
        margin-top: 0;
    }
    .donor-names {
        max-width: 100%;
        padding: 0;
        width: 100%;
    }
    .news {
        padding-top: 100px;
    }
    .news .content-container {
        margin-top: 0;
    }
    #nav .tt-m {
        max-width: 280px;
        top: 5px;
    }
    #nav.opened ul {
        padding-top: 360px;
    }
    .mobile-close {
        display: block;
    }
    .moments ul {
        padding-left: 0px;
    }
    .moments ul li {
        text-align: left;
        font-size: 25px;
    }
    #content {
        padding-bottom: 0px
    }
    #content-inside {
        top: 72px;
        padding-top: 5%;
        position: relative;
        padding-bottom: 20px;
    }
    .cast-container {
        max-width: 90%;
        margin-top: 85px !important;
    }
    #tape {
        position: relative;
        width: 100%;
        bottom: 3rem;
    }
    #content h3 {
        font-size: 24px;
        line-height: 18px;
    }
    #content h1 {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 35px;
    }
    #content .everyone {
        font-size: 22px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .social-entries img {
        max-width: 90px;
    }
    .example-img {
        display: none;
    }
    .example-img-m {
        display: block;
    }
    
    .share-text p {
        font-size: 16px !important;
        max-width: 300px;
    }
   
    #trailer-video {
        max-width: 1200px;
        position: relative;
        padding-bottom: 36.25%;
        padding-top: 36.25%;
    }
    #trailer-video iframe {
        margin-top: 40px;
    }
    #content .weekly-hash {
        font-size: 52px;
        margin-bottom: 0;
    }
   
    .content-container {
        margin-top: 120px;
    }
    #bio-body {
      width: 90%;
    }

    #bio h1 {
      font-size: 30px;
    }

    .donor-names div {
    display: block;
    width: 100%;
    vertical-align: top;
    }
}
@media only screen and (max-width: 535px) {
    #content h3 {
        font-size: 24px;
        line-height: 18px;
    }
    #content h1 {
        font-size: 50px;
        line-height: 70px;
        margin-bottom: 35px;
    }
    .unite h1 {
        font-size: 55px;
    }
    #billing-block.on {
        bottom: 235px;
    }
}
@media only screen and (max-width: 480px) {
    #content h1 {
        font-size: 42px;
    }
    #content .weekly-hash {
        font-size: 42px;
    }
}
@media only screen and (max-width: 380px) {
    .unite h1 {
        font-size: 55px;
        line-height: 53px;
        margin-bottom: 13px;
    }
    #nav .tt-m {
        max-width: 255px;
    }
}
@media only screen and (max-width: 520px) {
    #nav {
        top: 0;
    }
    .s-hide {
        max-height: 100px;
    }
}

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

.corner-ribbon{
  width: 320px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: 9999;
}

.corner-ribbon a {
        padding: 0;
        margin: 0;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 1.5rem;
        color: #000;
        text-decoration: none;

}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
     top: -125px;
    left: -70px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 55px;
  right: -70px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ffd204;}