/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.iescroll{
	overflow-y: hidden;
	background-color: #f9f9ef;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes buttonHoverOn {
  0% {
    color: #fff;
    opacity: 1;
    transform: translate3d(0%, 0px, 0px); }
  25% {
    color: #fff;
    opacity: 0;
    transform: translate3d(100%, 0px, 0px); }
  25.1% {
    color: #000;
    opacity: 0;
    transform: translate3d(-50%, 0px, 0px); }
  75% {
    color: #000 !important;
    opacity: 1;
    transform: translate3d(0%, 0px, 0px); }
  100% {
    color: #000 !important; } }

@keyframes buttonHoverOff {
  0% {
    color: #000;
    opacity: 1;
    transform: translate3d(0%, 0px, 0px); }
  17% {
    color: #000;
    opacity: 0;
    transform: translate3d(-50%, 0px, 0px); }
  17.1% {
    color: #fff;
    opacity: 0;
    transform: translate3d(50%, 0px, 0px); }
  75% {
    color: #fff;
    opacity: 1;
    transform: translate3d(0%, 0px, 0px); }
  100% {
    color: #fff !important; } }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.42; }
  100% {
    opacity: 1; } }

@keyframes spin {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes scaleIn {
  0% {
    transform: scale(0, 0); }
  100% {
    transform: scale(1, 1); } }

@keyframes opacitySlideUp {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }

@keyframes opacitySlideDown {
  0% {
    opacity: 0;
    transform: translateY(-30px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }

@keyframes opacitySlideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }

@keyframes opacityScaleIn0 {
  0% {
    opacity: 0;
    transform: scale(0, 0); }
  100% {
    opacity: 1;
    transform: scale(1, 1); } }

@keyframes opacityScaleIn70 {
  0% {
    opacity: 0;
    transform: scale(0.7, 0.7); }
  100% {
    opacity: 1;
    transform: scale(1, 1); } }

@keyframes horizontalGrowInFromLeft {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@keyframes horizontalGrowInFromCenter {
  0% {
    width: 0%;
    left: 50%; }
  100% {
    width: 100%;
    left: 0; } }

/* order: name, direction, duration, iteration-count, timing-function */
@font-face {
  font-family: "Gotham";
  font-weight: bold;
  src: url("fonts/GothamBold.eot?") format("eot"), url("fonts/GothamBold.woff2") format("woff2"), url("fonts/GothamBold.woff") format("woff"), url("fonts/GothamBold.ttf") format("truetype"), url("fonts/GothamBold.svg#Gotham") format("svg"); }

/** ICOMOON **/
/*@font-face {
  font-family: "icomoon";
  font-weight: normal;
  src: url("../assets/fonts/icomoon.eot?") format("eot"), url("../assets/fonts/icomoon.woff2") format("woff2"), url("../assets/fonts/icomoon.woff") format("woff"), url("../assets/fonts/icomoon.ttf") format("truetype"), url("../assets/fonts/icomoon.svg#icomoon") format("svg"); }*/

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-heart2:before {
  content: "\e94a"; }

.icon-home:before {
  content: "\e948"; }

.icon-ticket:before {
  content: "\e946"; }

.icon-spinner2:before {
  content: "\e92e"; }

.icon-spinner3:before {
  content: "\e92f"; }

.icon-spinner5:before {
  content: "\e930"; }

.icon-spinner7:before {
  content: "\e931"; }

.icon-spinner8:before {
  content: "\e932"; }

.icon-enlarge:before {
  content: "\e900"; }

.icon-shrink:before {
  content: "\e901"; }

.icon-enlarge2:before {
  content: "\e902"; }

.icon-shrink2:before {
  content: "\e903"; }

.icon-heart:before {
  content: "\e949"; }

.icon-plus:before {
  content: "\e904"; }

.icon-minus:before {
  content: "\e905"; }

.icon-cross:before {
  content: "\e906"; }

.icon-checkmark:before {
  content: "\e907"; }

.icon-play2:before {
  content: "\e908"; }

.icon-pause:before {
  content: "\e909"; }

.icon-stop:before {
  content: "\e90a"; }

.icon-previous:before {
  content: "\e90b"; }

.icon-next:before {
  content: "\e90c"; }

.icon-backward:before {
  content: "\e90d"; }

.icon-forward2:before {
  content: "\e90e"; }

.icon-play3:before {
  content: "\e90f"; }

.icon-pause2:before {
  content: "\e910"; }

.icon-stop2:before {
  content: "\e911"; }

.icon-backward2:before {
  content: "\e912"; }

.icon-forward3:before {
  content: "\e913"; }

.icon-first:before {
  content: "\e914"; }

.icon-last:before {
  content: "\e915"; }

.icon-previous2:before {
  content: "\e916"; }

.icon-next2:before {
  content: "\e917"; }

.icon-volume-high:before {
  content: "\e918"; }

.icon-volume-medium:before {
  content: "\e919"; }

.icon-volume-low:before {
  content: "\e91a"; }

.icon-volume-mute:before {
  content: "\e91b"; }

.icon-volume-mute2:before {
  content: "\e91c"; }

.icon-volume-increase:before {
  content: "\e91d"; }

.icon-volume-decrease:before {
  content: "\e91e"; }

.icon-loop:before {
  content: "\e91f"; }

.icon-loop2:before {
  content: "\e920"; }

.icon-arrow-up-left:before {
  content: "\e921"; }

.icon-arrow-up:before {
  content: "\e922"; }

.icon-arrow-up-right:before {
  content: "\e923"; }

.icon-arrow-right:before {
  content: "\e924"; }

.icon-arrow-down-right:before {
  content: "\e925"; }

.icon-arrow-down:before {
  content: "\e926"; }

.icon-arrow-down-left:before {
  content: "\e927"; }

.icon-arrow-left:before {
  content: "\e928"; }

.icon-arrow-up-left2:before {
  content: "\e933"; }

.icon-arrow-up2:before {
  content: "\e934"; }

.icon-arrow-up-right2:before {
  content: "\e935"; }

.icon-arrow-right2:before {
  content: "\e936"; }

.icon-arrow-down-right2:before {
  content: "\e937"; }

.icon-arrow-down2:before {
  content: "\e938"; }

.icon-arrow-down-left2:before {
  content: "\e939"; }

.icon-arrow-left2:before {
  content: "\e93a"; }

.icon-circle-up:before {
  content: "\e929"; }

.icon-circle-right:before {
  content: "\e92a"; }

.icon-circle-down:before {
  content: "\e92b"; }

.icon-circle-left:before {
  content: "\e92c"; }

.icon-checkbox-checked:before {
  content: "\e93b"; }

.icon-checkbox-unchecked:before {
  content: "\e93c"; }

.icon-share2:before {
  content: "\e947"; }

.icon-facebook:before {
  content: "\e93d"; }

.icon-facebook2:before {
  content: "\e93e"; }

.icon-instagram:before {
  content: "\e93f"; }

.icon-twitter:before {
  content: "\e940"; }

.icon-youtube:before {
  content: "\e92d"; }

.icon-vimeo2:before {
  content: "\e941"; }

.icon-tumblr:before {
  content: "\e942"; }

.icon-tumblr2:before {
  content: "\e943"; }

.icon-pinterest:before {
  content: "\e944"; }

.icon-pinterest2:before {
  content: "\e945"; }

html {
  height: 100%; }

body {
  height: 100%;
  font-size: 16px;
  line-height: 18px;
  /*font-family: "Gotham", sans-serif;*/
  font-family: "proxima-nova", sans-serif;
  font-weight:bold;
  background-color: #f9f9ef;
  color: white;
  min-height: 650px;
  width: 100%;
  overflow-x: hidden; }
  body:not(.ie) .noscroll {
    overflow: hidden; }
  body.touch:not(.ie) .noscroll, body.ie .noscroll {
    position: fixed; }

html.ios, body.ios {
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

i {
  font-style: italic; }

a {
  text-decoration: none;
  color: white;
  transition: all 0.14s ease-in-out;
  border: 0;
  outline: 0;
  letter-spacing: 0.1em; }
  html.desktop a:hover {
    color: rgba(255, 255, 255, 0.6); }

iframe {
  border: 0;
  outline: 0; }
  iframe:focus, iframe:active {
    border: 0;
    outline: 0; }

input {
  border-radius: 0px;
  user-select: initial; }
  input:before, input:after {
    user-select: initial; }

html:not(.ie) .noscroll {
  overflow: hidden; }

html.touch:not(.ie) .noscroll, html.ie .noscroll {
  position: fixed; }

.mCSB_inside > .mCSB_container {
  margin-right: 0px; }

.mCSB_scrollTools {
  right: -5px;
  margin-top: 20px; }
  .mCSB_scrollTools .mCSB_scrollTools_vertical {
    opacity: 1 !important; }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    width: 3px;
    background-color: #ae3765; }
  .mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0px); }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  z-index: 9999;
  opacity: 1 !important; }

.player-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: calc(100% - 300px); }
  html.touch.portrait .player-wrapper {
    height: calc(100vw * 360/640); }
  html.desktop .player-wrapper .player-controls {
    -webkit-transition: opacity 0.5s linear 0s;
    -moz-transition: opacity 0.5s linear 0s;
    transition: opacity 0.5s linear 0s;
    opacity: 0; }
  html.desktop .player-wrapper:hover .player-controls {
    opacity: 1; }
  html.mobile.landscape .player-wrapper {
    height: calc(100vh - 110px) !important;
    width: calc((100vh - 110px) * 640/360) !important; }
  .player-wrapper .player,
  .player-wrapper .qv-player {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto; }
    html.touch .player-wrapper .player, html.touch
    .player-wrapper .qv-player {
      z-index: 1 !important; }
  .player-wrapper .player-controls-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto; }
  .player-wrapper .player-controls {
    z-index: 99999;
    width: 50%;
    max-width: 800px;
    margin-bottom: 40px;
    white-space: nowrap !important;
    position: absolute;
    bottom: 0;
    left: 50%;
    top: auto;
    right: auto;
    transform: translate3d(-50%, 0px, 0px); }
    .player-wrapper .player-controls .button {
      width: auto;
      height: auto;
      border: 0px solid #fecd3b;
      letter-spacing: 0.15em;
      font-family: 'icomoon';
      font-size: 1em;
      color: #97d6ea;
      cursor: pointer;
      position: relative;
      transform: translate3d(0px, 0px, 0px);
      transform-origin: center center; }
      .player-wrapper .player-controls .button.play {
        display: inline-block;
        margin-right: 7px;
        top: 0px;
        font-size: 1em;
        line-height: 1em; }
        .player-wrapper .player-controls .button.play .play {
          display: none; }
        .player-wrapper .player-controls .button.play .pause {
          display: inline-block; }
      .player-wrapper .player-controls .button.fullscreen {
        -webkit-transition: color 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -moz-transition: color 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        transition: color 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        display: inline-block;
        margin-left: 12px;
        position: relative; }
        html.ie10 .player-wrapper .player-controls .button.fullscreen,
        html.ie9 .player-wrapper .player-controls .button.fullscreen,
        html.ie8 .player-wrapper .player-controls .button.fullscreen {
          display: none; }
        .player-wrapper .player-controls .button.fullscreen .expand {
          display: block; }
        .player-wrapper .player-controls .button.fullscreen .shrink {
          display: none; }
        html.ca-app-fullscreen .player-wrapper .player-controls .button.fullscreen .expand {
          display: none; }
        html.ca-app-fullscreen .player-wrapper .player-controls .button.fullscreen .shrink {
          display: block; }
    .player-wrapper .player-controls .progress-wrapper {
      display: inline-block;
      width: 90%;
      height: 12px;
      padding: 2px 0px 2px 0px;
      position: relative;
      top: 1px;
      transform: translateZ(0px); }
      .player-wrapper .player-controls .progress-wrapper .progress {
        -webkit-transition: -webkit-transform 0.5s linear 0s;
        -moz-transition: -moz-transform 0.5s linear 0s;
        transition: transform 0.5s linear 0s;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #606060;
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translate3d(0px, -50%, 0px) scale(1, 1); }
        .player-wrapper .player-controls .progress-wrapper .progress .progress-bar {
          width: 100%;
          height: 100%;
          background-color: #97d6ea;
          transform: translateZ(0px) scale(0, 1);
          transform-origin: left center;
          position: absolute;
          top: 0;
          left: 0;
          bottom: auto;
          right: auto; }
      html.desktop .player-wrapper .player-controls .progress-wrapper:hover .progress {
        transform: translate3d(0px, -50%, 0px) scale(1, 4); }
  .player-wrapper .poster {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999999; }
    .player-wrapper .poster .video-play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      bottom: auto;
      right: auto;
      transform: translate3d(-50%, -50%, 0);
      width: 66px;
      height: 66px;
      z-index: 9;
      opacity: 1;
      transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  html.mobile .player-wrapper .player-controls-overlay,
  html.mobile .player-wrapper .player-controls {
    display: none; }
  .player-wrapper.disabled .player {
    width: 0px !important;
    height: 0px !important; }
  .player-wrapper.disabled .poster {
    opacity: 0.4 !important; }
  .player-wrapper.CUED .poster, .player-wrapper.UNSTARTED .poster, .player-wrapper.PAUSED .poster, .player-wrapper.ENDED .poster {
    visibility: visible;
    opacity: 1; }
  .player-wrapper.BUFFERING .poster {
    visibility: visible;
    opacity: 1; }
    .player-wrapper.BUFFERING .poster .button {
      border: 0px;
      box-shadow: none;
      transform: translate3d(-50%, -50%, 0px);
      cursor: default;
      background: transparent; }
      .player-wrapper.BUFFERING .poster .button .arrow {
        animation-name: spin !important;
        animation-duration: 1s !important;
        animation-timing-function: linear !important;
        animation-iteration-count: infinite !important;
        animation-fill-mode: forwards !important;
        animation-delay: 0s !important; }
        .player-wrapper.BUFFERING .poster .button .arrow:before {
          content: '\e92e';
          color: white;
          position: absolute;
          top: 50%;
          left: 50%;
          bottom: auto;
          right: auto;
          transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0px); }
      html.no-touch .player-wrapper.BUFFERING .poster .button:hover {
        box-shadow: none; }
  .player-wrapper.PLAYING .poster {
    visibility: hidden;
    opacity: 0; }
  html.touch .player-wrapper.PLAYING .player {
    opacity: 1 !important; }

.roadblock {
  height: 100%;
  width: 100%;
  background-color: black;
  position: fixed;
  top: 0px;
  left: 100vh;
  text-align: center;
  z-index: 99999;
  display: none; }
  .roadblock span {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.browsehappy {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: black;
  text-align: center;
  /*font-family: "Gotham", sans-serif;*/
  font-family: "proxima-nova", sans-serif;
  font-weight:bold;
  font-size: 1.25em;
  font-weight: normal;
  color: white;
  line-height: 1.25em; }
  .browsehappy > div {
    width: 75%;
    position: relative;
    /*top: 50%;*/
	top: 15%;
    left: 0px;
    margin: auto;
    margin-top: -150px; }
    .browsehappy > div p {
      margin: 0.5em auto; }
    .browsehappy > div a {
      color: #ae3765;
      font-weight: bold; }
    .browsehappy > div img {
      margin-top: 20px; }

html.ios6 #ios-6-roadblock {
  display: block !important; }

.wrapper {
  height: auto; }

#bg {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
  transform: translateX(0%);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

#video-background {
  width: auto;
  height: auto;
  min-width: 100vw;
  min-height: 100vh;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate3d(-50%, -50%, 0); }

#preloader {
  width: 100%;
  height: 100%;
  background-image: url(http://static.tumblr.com/266cc4f12af1f5ec676a833389b8beb9/hjjnrwm/MDXop3b4s/tumblr_static_ewn3tsnyc0ocsks0kgw4kk4sw.jpg);
  background-size: cover;
  background-color: black;
  position: fixed;
  z-index: 9999;
  text-align: center; }
  #preloader .tt {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translate3d(-50%, -50%, 0);
    display: inline-block;
    width: auto;
    max-width: 90%;
    height: auto;
    transform: translate(-50%, -50%);
    margin-top: -10px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out; }
  #preloader.on .tt {
    opacity: 1;
    visibility: visible; }
  #preloader .progress {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translate3d(-50%, -50%, 0);
    left: 0;
    transform: none;
    width: 100vw;
    height: 2px;
    margin-top: 160px; }
    #preloader .progress .pct {
      width: 100%;
      height: 100%;
      background-color: #fffefe;
      position: absolute;
      top: 0;
      left: 0;
      transform-origin: center center;
      transform: scale(0, 1); }

.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 1000;
  text-align: center; }
  .loader span {
    display: inline-block;
    position: relative;
    top: 50%;
    font-size: 24px;
    letter-spacing: 0.03em;
    color: black;
    line-height: 150%;
    height: 66px;
    text-indent: 28px; }

html.menu-open .header,
html.menu-open .the-posts,
html.menu-open #bg {
  transform: translateX(10vw); }

.header {
  position: relative;
  width: 100%;
  height: 100%;
  clear: both;
  text-align: center;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateX(0%); }
  .header.on {
    height: auto;
    opacity: 1; }
    .header.on .header-image,
    .header.on .watch-trailer-btn.real-button,
    .header.on .tt-lockup {
      opacity: 1; }
  .header .watch-trailer-btn.real-button {
    width: auto;
    font-size: 1vh;
    position: relative;
    top: -16em;
    left: 32em;
    transition: opacity 0.0s ease-out;
    z-index: 999; }
    .header .watch-trailer-btn.real-button a {
      transition: color 0.5s ease-out 0s;
      cursor: pointer;
      display: inline-block;
      padding: 1em 3em;
      font-size: 1.8em;
      white-space: nowrap;
      color: white;
      border: solid 0.2em white;
      background: #00a9ff;
      border-radius: 0.5em; }
      html.desktop .header .watch-trailer-btn.real-button a:hover {
        color: white; }
    .header .watch-trailer-btn.real-button .hash-tag {
      /*font-family: "Gotham", sans-serif;*/
	  font-family: "proxima-nova", sans-serif;
  	  font-weight:bold;
      font-variant: small-caps;
      display: block;
      margin-top: 25px;
      font-size: 30px; }
  .header .watch-trailer-btn.invisible {
    width: 21%;
    height: 8%;
    left: 40%;
    top: 59%;
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(http://static.tumblr.com/kn2uvjq/Ym0n7sr01/invisble_pixels.png) 0 0 repeat;
    z-index: 5; }
    @media screen and (max-width: 800px) {
      .header .watch-trailer-btn.invisible {
        width: 44%;
        height: 11%;
        left: 39%;
        top: 46%; } }
  .header .header-image {
    height: auto; }
    .header .header-image .header_content_wrap {
      display: block;
      height: auto;
      margin: 0 auto;
      padding: 5vh 15vw 15vh;
      width: auto;
      max-width: 1400px;
      position: relative; }
      .header .header-image .header_content_wrap .header_tt {
        margin: auto;
        padding: 0px;
        z-index: 2;
        width: 100%; }
        .header .header-image .header_content_wrap .header_tt img {
          display: block;
          width: 100%;
          margin: auto;
          height: auto; }
          .header .header-image .header_content_wrap .header_tt img.desktop-tt {
            display: block; }
          .header .header-image .header_content_wrap .header_tt img.mobile-tt {
            display: none; }
    .header .header-image .header-art {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      bottom: auto;
      right: auto;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat; }
      .header .header-image .header-art img {
        display: none; }
    .header .header-image #scroll-blog {
      display: none;
      width: 9%;
      height: 10.5%;
      left: 45.5%;
      top: 76%;
      position: absolute;
      cursor: pointer;
      display: block;
      background: url(http://static.tumblr.com/kn2uvjq/Ym0n7sr01/invisble_pixels.png) 0 0 repeat;
      z-index: 5; }
  .header .tt-lockup {
    position: absolute;
    width: 100%;
    bottom: 30px;
    opacity: 0;
    transition: opacity 0.0s ease-out; }
    .header .tt-lockup img {
      display: inline-block; }

.mpaa-container {
  text-align: center;
  width: 100%;
  position: fixed;
  bottom: -670px;
  right: 0px;
  font-family: "Gotham", sans-serif;
  font-size: 9px;
  font-weight: 400;
  color: white;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.9);
  padding: 10px 0;
  text-transform: uppercase;
  display: none; }
  .mpaa-container .legal-link {
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
      /*font-family: "Gotham", sans-serif, Helvetica, sans-serif;*/
	  font-family: "proxima-nova", sans-serif;
  	  font-weight:bold;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    opacity: 0.5;
    text-decoration: underline; }

.legal-links {
  position: fixed;
  bottom: 0px;
  right: 0px;
    /*font-family: "Gotham", sans-serif;*/
	font-family: "proxima-nova", sans-serif;
  	font-weight:bold;
  font-size: 9px;
  font-weight: 400;
  color: white;
  text-decoration: underline;
  z-index: 997;
  background: rgba(0, 0, 0, 0.4);
  padding: 6px 12px;
  border-top-left-radius: 10px; }
  .legal-links .legal-link {
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
      /*font-family: "Gotham", sans-serif, Helvetica, sans-serif;*/
	  font-family: "proxima-nova", sans-serif;
  		font-weight:bold;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    opacity: 0.5;
    text-decoration: underline; }

.quotes-wrapper {
  position: relative;
  display: block;
  margin-top: -5%;
  font-size: 1.3vw;
  text-align: center;
  width: 42%;
  float: right; }
  .quotes-wrapper .quote {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%; }
    .quotes-wrapper .quote .text {
      display: block;
      line-height: 130%;
      font-size: 1em;
      font-weight: 200; }
    .quotes-wrapper .quote .author {
      display: block;
      line-height: 130%;
      font-size: 0.6em;
      font-weight: 200;
      padding: 0.1em 0; }
  @media screen and (max-width: 800px) {
    .quotes-wrapper {
      font-size: 3vw;
      position: relative;
      float: none;
      margin: 5% auto;
      width: auto;
      height: 10vw; } }

.touts-wrapper {
  transform-origin: right bottom;
  display: block;
  width: 15em;
  height: calc(15em * 142/216);
  position: fixed;
  right: 0px;
  bottom: 10px;
  overflow: hidden;
  background-color: #114d82;
  z-index: 99;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: white solid 1px;
  border-left: white solid 1px;
  border-bottom: white solid 1px; }
  .touts-wrapper .tout {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    z-index: 2; }
    .touts-wrapper .tout.current {
      z-index: 0; }
    .touts-wrapper .tout .tout-btn {
      position: relative;
      height: 100%; }
      .touts-wrapper .tout .tout-btn > img {
        width: 100%;
        height: auto;
        display: block;
        margin: auto;
        box-sizing: border-box; }
    .touts-wrapper .tout.snap-tout .tout-btn {
      background: #ef0e43;
      background: -moz-linear-gradient(-45deg, #ef0e43 0%, #a9346e 99%);
      background: -webkit-linear-gradient(-45deg, #ef0e43 0%, #a9346e 99%);
      background: linear-gradient(135deg, #ef0e43 0%, #a9346e 99%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef0e43', endColorstr='#a9346e',GradientType=1 ); }
      .touts-wrapper .tout.snap-tout .tout-btn > img {
        padding: 4%;
        margin: auto;
        width: 95%; }
    .touts-wrapper .tout.feature-tout .tout-btn {
      background: #f34b7b;
      background: -moz-linear-gradient(-45deg, #f34b7b 0%, #890a31 100%);
      background: -webkit-linear-gradient(-45deg, #f34b7b 0%, #890a31 100%);
      background: linear-gradient(135deg, #f34b7b 0%, #890a31 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f34b7b', endColorstr='#890a31',GradientType=1 ); }
      .touts-wrapper .tout.feature-tout .tout-btn > img {
        padding: 8%;
        width: 90%; }
    .touts-wrapper .tout.rotten-tout .tout-btn {
      background: #34abf7;
      background: -moz-linear-gradient(-45deg, #34abf7 0%, #0f5882 99%);
      background: -webkit-linear-gradient(-45deg, #34abf7 0%, #0f5882 99%);
      background: linear-gradient(135deg, #34abf7 0%, #0f5882 99%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34abf7', endColorstr='#0f5882',GradientType=1 ); }
      .touts-wrapper .tout.rotten-tout .tout-btn > img {
        padding: 4%;
        height: 85%;
        width: auto; }
    .touts-wrapper .tout.tickets-tout .tout-btn {
      background: #0398bb;
      background: -moz-linear-gradient(-45deg, #0398bb 0%, #14845b 100%);
      background: -webkit-linear-gradient(-45deg, #0398bb 0%, #14845b 100%);
      background: linear-gradient(135deg, #0398bb 0%, #14845b 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0398bb', endColorstr='#14845b',GradientType=1 ); }
      .touts-wrapper .tout.tickets-tout .tout-btn > img {
        padding: 8% 4%;
        height: auto;
        width: 95%; }
      .touts-wrapper .tout.tickets-tout .tout-btn .tickets-form-wrapper #tixForm {
        position: relative;
        text-align: center;
        padding: 0.5em 0px; }
        .touts-wrapper .tout.tickets-tout .tout-btn .tickets-form-wrapper #tixForm #zipField {
          margin: 0 0.6em;
          background: white;
          width: 6.5em;
          text-align: center;
          font-size: 1.2em;
          color: gray;
          border-radius: 5px;
          border: none;
          outline: none; }
        .touts-wrapper .tout.tickets-tout .tout-btn .tickets-form-wrapper #tixForm .tixBtn {
          vertical-align: bottom;
          border: none;
          outline: none;
          width: 2em;
          height: 2em;
          max-width: 28px;
          max-height: 28px; }
        .touts-wrapper .tout.tickets-tout .tout-btn .tickets-form-wrapper #tixForm #movietickets {
          margin: 0 0 1px 10px; }
        .touts-wrapper .tout.tickets-tout .tout-btn .tickets-form-wrapper #tixForm #error {
          opacity: 0;
          font-size: 0.5em;
          color: white;
          position: absolute;
          width: 100%; }
  .touts-wrapper .dots-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    background-color: #114d82;
    z-index: 9; }
    .touts-wrapper .dots-wrapper .dot {
      display: inline-block;
      width: 0.7em;
      height: 0.7em;
      background: white;
      opacity: 0.25;
      border-radius: 50%;
      margin: 0.3em;
      cursor: pointer; }
      .touts-wrapper .dots-wrapper .dot.current {
        opacity: 1; }
  @media screen and (min-width: 1280px) {
    .touts-wrapper {
      font-size: 1vw; } }
  @media screen and (max-width: 1280px) {
    .touts-wrapper {
      transform: scale(0.8); } }
  @media screen and (max-width: 760px) {
    .touts-wrapper {
      transform: scale(0.4); } }

.mute-button {
  width: 12px;
  background: rgba(0, 0, 0, 0.4);
  padding: 6px 12px;
  border-top-right-radius: 10px; }

nav {
  position: fixed;
  top: 0px;
  width: 20vw;
  min-width: 320px;
  height: 100vh;
  z-index: 998;
  background-color: #00a8ff;
  overflow: hidden;
  clear: both;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateX(-100%);
  size: 14px;
  text-align: left; }
  nav:before {
    content: '';
    position: absolute;
    top: 75px;
    height: 1px;
    background: #fff;
    width: 0%;
    transition: width 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s; }
  html.menu-open nav {
    transform: translateX(0%); }
    html.menu-open nav:before {
      width: 100%; }
  nav ul li {
    display: block; }
    nav ul li a {
      display: block;
      padding: 1em;
       /* font-family: "Gotham", sans-serif;*/
	   font-family: "proxima-nova", sans-serif; 
        font-weight: bold;
      font-size: 0.9em;
      color: white;
      letter-spacing: 0.1em;
      white-space: nowrap !important;
      cursor: pointer; }
      nav ul li a:before {
        content: '';
        position: absolute;
        margin-top: 8px;
        left: 0px;
        height: 1px;
        background: #fff;
        width: 0px;
        transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
      nav ul li a:hover:before, nav ul li a.navSelected:before {
        width: 50px; }
  nav ul.pages {
    position: absolute;
    top: 50%;
    left: 0;
    bottom: auto;
    right: auto;
    transform: translate3d(0%, -50%, 0);
    display: block;
    list-style: none;
    padding: 20px 40px;
    width: auto;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
    nav ul.pages li.trailers:hover .sub-nav {
      height: 140px; }
      nav ul.pages li.trailers:hover .sub-nav li {
        margin-left: 0px;
        opacity: 1; }
        nav ul.pages li.trailers:hover .sub-nav li:nth-child(1) {
          transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s; }
        nav ul.pages li.trailers:hover .sub-nav li:nth-child(2) {
          transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; }
        nav ul.pages li.trailers:hover .sub-nav li:nth-child(3) {
          transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s; }
  nav ul.sub-nav {
    size: 14px;
    margin-left: 20px;
    height: 0px;
    overflow: hidden;
    transition: height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
    nav ul.sub-nav li {
      margin-left: -20px;
      opacity: 0;
      transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
  nav .hidden-tt {
    display: none; }

.burger-wrapper {
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 999; }
  .burger-wrapper .menu-text {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); }
    html.menu-open .burger-wrapper .menu-text {
      padding-left: 5px; }
  .burger-wrapper .menu-button {
    cursor: pointer;
    display: inline-block;
    padding: .5em;
    border: 2px solid transparent; }
    .burger-wrapper .menu-button .burger-icon {
      position: relative;
      margin-top: 9px;
      margin-bottom: 9px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border-radius: 5px; }
      .burger-wrapper .menu-button .burger-icon, .burger-wrapper .menu-button .burger-icon::before, .burger-wrapper .menu-button .burger-icon::after {
        display: block;
        width: 25px;
        height: 4px;
        background-color: #fff;
        outline: 1px solid transparent;
        -webkit-transition-property: background-color, -webkit-transform;
        -moz-transition-property: background-color, -moz-transform;
        -o-transition-property: background-color, -o-transform;
        transition-property: background-color, transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s; }
      .burger-wrapper .menu-button .burger-icon::before, .burger-wrapper .menu-button .burger-icon::after {
        position: absolute;
        content: ""; }
      .burger-wrapper .menu-button .burger-icon::before {
        top: -9px; }
      .burger-wrapper .menu-button .burger-icon::after {
        top: 9px; }
      .burger-wrapper .menu-button .burger-icon:before, .burger-wrapper .menu-button .burger-icon:after {
        border-radius: 5px; }
    .burger-wrapper .menu-button.is-active {
      border-radius: 50%;
      border: 2px solid #fff; }
      .burger-wrapper .menu-button.is-active .burger-icon {
        background-color: transparent; }
      .burger-wrapper .menu-button.is-active .burger-icon::before {
        -webkit-transform: translateY(9px) rotate(45deg);
        -moz-transform: translateY(9px) rotate(45deg);
        -ms-transform: translateY(9px) rotate(45deg);
        -o-transform: translateY(9px) rotate(45deg);
        transform: translateY(9px) rotate(45deg); }
      .burger-wrapper .menu-button.is-active .burger-icon::after {
        -webkit-transform: translateY(-9px) rotate(-45deg);
        -moz-transform: translateY(-9px) rotate(-45deg);
        -ms-transform: translateY(-9px) rotate(-45deg);
        -o-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg); }

section {
  position: relative;
  clear: both;
  width: 100%;
  padding: 100px 0 0;
  opacity: 0;
  z-index: 9;
  transform: translateX(0%);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
  @media screen and (min-width: 800px) {
    section {
      padding-top: 0px; } }
  section.intro {
    padding-bottom: 0; }
  section.the-posts {
    padding-bottom: 30px; }

.posts-holder {
  position: relative;
  margin: 0 auto;
  max-width: 1280px;
  opacity: 1; }

.posts-grid article, .posts-grid .grid-sizer {
  width: 33%; }

.posts-grid article.featured {
  width: 66%; }

.posts-grid article.superfeatured {
  width: 100%; }

@media (max-width: 1280px) {
  .posts-grid article, .posts-grid .grid-sizer {
    width: 50%; } }

@media (max-width: 640px) {
  .posts-grid article, .posts-grid .grid-sizer {
    width: 100%; } }

article {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  transition: all ease-out; }
  article .article-content {
    position: relative;
    margin: 10px;
    overflow: hidden;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    article .article-content img {
      position: relative;
      width: 100%;
      height: auto;
      bottom: 0px;
      display: block;
      transform: scale3d(1, 1, 1);
      transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    article .article-content p {
      font-size: 14px; }
    article .article-content ul.icons {
      font-size: 13px;
      display: inline-flex; }
      article .article-content ul.icons li {
        display: inline-block;
        position: relative;
        opacity: 1;
        margin: 5px;
        transition: all 0.3s ease-out;
        width: 2.2em;
        height: 2.2em; }
        article .article-content ul.icons li a {
          color: white;
          display: inline-block;
          font-size: 1.3em;
          padding: 0.3em 0.2em;
          width: 1em !important;
          height: 1em !important; }
          article .article-content ul.icons li a.plus {
            padding: 0.3em 0.4em; }
          article .article-content ul.icons li a.reblog_button {
            padding: 0.3em 0.4em; }
        article .article-content ul.icons li.native svg {
          fill: white; }
        article .article-content ul.icons li.native .like_button {
          position: absolute;
          width: 100%;
          height: 100%;
          background-image: url(http://static.tumblr.com/hjjnrwm/9Iaodtdcs/heart_w.png);
          background-repeat: no-repeat;
          background-size: 60%;
          background-position: 50%;
          cursor: pointer; }
          article .article-content ul.icons li.native .like_button.liked {
            background-image: url(http://static.tumblr.com/hjjnrwm/KN8nlqimt/heart_liked.png); }
          article .article-content ul.icons li.native .like_button iframe {
            opacity: 0;
            cursor: pointer;
            width: 100%;
            height: 100%; }
          html.ie10 article .article-content ul.icons li.native .like_button {
            top: 12px;
            background-size: 45%; }
    html.index article .article-content {
      border-radius: 10px;
      margin: 10px; }
  article .hover-card {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(23, 63, 100, 0.6);
    overflow: hidden;
    z-index: 99;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
    html.touch article .hover-card {
      height: 100%;
      opacity: 0; }
    article .hover-card .icon-container {
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      bottom: auto;
      right: auto;
      transform: translate3d(-50%, -50%, 0);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 999; }
      html.touch article .hover-card .icon-container {
        display: none; }
      article .hover-card .icon-container ul.icons {
        font-size: 13px;
        display: inline-flex; }
        article .hover-card .icon-container ul.icons li {
          display: inline-block;
          position: relative;
          opacity: 1;
          margin: 5px;
          transition: all 0.3s ease-out;
          width: 2.2em;
          height: 2.2em; }
          article .hover-card .icon-container ul.icons li a {
            color: white;
            display: inline-block;
            font-size: 1.3em;
            padding: 0.3em 0.2em;
            width: 1em !important;
            height: 1em !important; }
            article .hover-card .icon-container ul.icons li a.plus {
              padding: 0.3em 0.4em; }
            article .hover-card .icon-container ul.icons li a.reblog_button {
              padding: 0.3em 0.4em; }
          article .hover-card .icon-container ul.icons li.native svg {
            fill: white; }
          article .hover-card .icon-container ul.icons li.native .like_button {
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(http://static.tumblr.com/hjjnrwm/9Iaodtdcs/heart_w.png);
            background-repeat: no-repeat;
            background-size: 60%;
            background-position: 50%;
            cursor: pointer; }
            article .hover-card .icon-container ul.icons li.native .like_button.liked {
              background-image: url(http://static.tumblr.com/hjjnrwm/KN8nlqimt/heart_liked.png); }
            article .hover-card .icon-container ul.icons li.native .like_button iframe {
              opacity: 0;
              cursor: pointer;
              width: 100%;
              height: 100%; }
            html.ie10 article .hover-card .icon-container ul.icons li.native .like_button {
              top: 12px;
              background-size: 45%; }
      article .hover-card .icon-container .icons li {
        transition: all 0.35s;
        transform: scale(0.2);
        opacity: 0.2; }
        article .hover-card .icon-container .icons li:nth-child(5n+1) {
          transition-delay: 0s; }
        article .hover-card .icon-container .icons li:nth-child(5n+2) {
          transition-delay: 0.05s; }
        article .hover-card .icon-container .icons li:nth-child(5n+3) {
          transition-delay: 0.1s; }
        article .hover-card .icon-container .icons li:nth-child(5n+4) {
          transition-delay: 0.15s; }
        article .hover-card .icon-container .icons li:nth-child(5n+0) {
          transition-delay: 0.2s; }
  html.index.desktop article .article-content img:not(.link-thumb):not(.video-play-button) {
    transition: opacity 1s, transform 1s;
    transform: scale3d(1, 1, 1); }
  html.index.desktop article .article-content .caption {
    position: relative;
    bottom: 0px;
    transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  html.index.desktop article:hover .hover-card, html.index.desktop article.hover .hover-card {
    visibility: visible;
    opacity: 1; }
    html.index.desktop article:hover .hover-card .icon-container, html.index.desktop article.hover .hover-card .icon-container {
      transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
      opacity: 1; }
      html.index.desktop article:hover .hover-card .icon-container .icons li, html.index.desktop article.hover .hover-card .icon-container .icons li {
        transform: scale(1);
        opacity: 1; }
  html.index.desktop article:hover .article-content img:not(.link-thumb):not(.video-play-button), html.index.desktop article.hover .article-content img:not(.link-thumb):not(.video-play-button) {
    transform: scale3d(1.1, 1.1, 1); }
  html.index.desktop article:hover.type_text .article-content img, html.index.desktop article.hover.type_text .article-content img {
    transform: scale3d(1, 1, 1); }
  html.index article.type_text .article-content, html.index article.type_answer .article-content, html.index article.type_quote .article-content, html.index article.type_link .article-content, html.index article.type_audio .article-content, html.index article.type_chat .article-content {
    background-color: #00a8ff;
    border: 2px solid white;
    padding: 10px 0;
    border-radius: 10px; }
  article.type_text .article-content .hover-card, article.type_answer .article-content .hover-card, article.type_quote .article-content .hover-card, article.type_link .article-content .hover-card, article.type_audio .article-content .hover-card, article.type_chat .article-content .hover-card {
    top: 0px; }
  article.type_text embed, article.type_text > iframe, article.type_text object, article.type_text video {
    max-width: 100%; }
  article.type_text h2 {
    font-size: 28px;
    font-weight: 200;
    color: white;
    letter-spacing: 0.09em;
    line-height: 1.2;
    margin-bottom: 5px;
    padding: 15px; }
    article.type_text h2:after {
      border-bottom: 2px solid white;
      content: "";
      display: block;
      padding-top: 8px; }
  article.type_text p {
    font-weight: 200;
    text-align: left;
    margin-top: 5px;
    padding: 15px;
    line-height: 1.4; }
  article.type_quote .quote {
    line-height: 1.3;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold; }
    article.type_quote .quote.short, article.type_quote .quote.medium, article.type_quote .quote.long {
      font-size: 14px; }
  article.type_quote .quote-author {
    margin-top: 20px;
    text-align: right;
    font-size: 14px; }
  article.type_link h2 a {
    display: block;
    letter-spacing: 1px;
    margin: 15px 0;
    font-size: 18px;
    font-weight: bold; }
  article.type_link .caption blockquote {
    border: none;
    margin: 0;
    padding: 0;
    font-weight: bold; }
  article.type_chat h2 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold; }
  article.type_chat .line {
    margin-bottom: 5px; }
    article.type_chat .line strong {
      font-weight: bold; }
  article.type_answer .answer-wrap {
    clear: both;
    min-height: 44px; }
  article.type_answer hr {
    clear: both;
    width: 100%;
    height: 2px;
    border: 0;
    margin: 24px 0;
    background: #ecf0f1; }
  article.type_answer .answer-person {
    float: left;
    margin-top: 10px; }
  article.type_answer .answer-image {
    float: left;
    margin-right: 12px;
    width: 44px; }
    article.type_answer .answer-image.circle img {
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%; }
  article.type_answer .answer-person {
    font-weight: 400; }
  article.type_answer .answer-text {
    clear: both;
    padding-top: 14px; }
    article.type_answer .answer-text p:first-child {
      margin-top: 0; }
  article.type_audio embed {
    height: default; }
  article.type_audio iframe, article.type_audio .tumblr_audio_player, article.type_audio .soundcloud_audio_player {
    max-width: 100%; }
  article.type_video .video-container {
    height: 0;
    padding-bottom: 57.5%;
    position: relative;
    overflow: hidden; }
    article.type_video .video-container embed, article.type_video .video-container iframe, article.type_video .video-container object, article.type_video .video-container video {
      top: 0;
      left: 0;
      width: 100%;
      height: 100% !important;
      position: absolute; }
  article.type_video.widescreen .video-container {
    padding-bottom: 57.25%; }
  article.type_video.vimeo .video-container {
    padding-top: 0; }
  article.type_video .video-thumbnail {
    position: relative;
    text-align: center;
    bottom: 0px; }
    article.type_video .video-thumbnail img.thumb {
      margin: -10% 0; }
      html.desktop article.type_video .video-thumbnail img.thumb {
        min-height: 250px; }
    article.type_video .video-thumbnail img.video-play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      bottom: auto;
      right: auto;
      transform: translate3d(-50%, -50%, 0);
      width: 66px;
      height: 66px;
      z-index: 9;
      opacity: 1;
      transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  article.type_video.tumblr_video .video-thumbnail img.thumb {
    margin: 0; }
  @media (max-width: 1023px) {
    article.type_photo .article-content > a img {
      display: block; } }
  article .caption p {
    margin: 20px 0; }
  article .read_more {
    font-size: 11px; }
  article blockquote {
    padding: 5px 0 5px 12px;
    margin-top: 18px;
    border-left: 2px solid white; }
    article blockquote p {
      margin-top: 0 !important; }
    article blockquote img {
      width: auto; }
  article .tagged {
    clear: both;
    width: 100%;
    font-size: 11px;
    font-weight: 400; }
  article .group-author {
    margin-top: 40px;
    clear: both;
    width: 100%; }
    article .group-author a {
      font-size: 12px; }
      article .group-author a img {
        display: inline;
        width: auto;
        margin: 0 8px -11px 0 !important; }
        article .group-author a img.circle {
          border-radius: 100%; }
  article .post-notes {
    clear: both;
    width: 100%;
    margin-top: 10px;
    padding: 20px 0; }
    article .post-notes img {
      float: left;
      margin-right: 10px;
      width: auto; }
    article .post-notes.circle img {
      border-radius: 100%; }
    article .post-notes blockquote {
      margin: 10px 0 10px 30px; }
    article .post-notes span .source_tumblelog {
      color: white !important; }
    article .post-notes ol {
      list-style: none;
      margin: 0;
      clear: both; }
    article .post-notes li {
      display: block;
      padding: 3px 0;
      font-size: 15px;
      line-height: 15px; }
      article .post-notes li a {
        color: white; }
        html.desktop article .post-notes li a:hover {
          color: #606060; }

.single-post {
  text-align: center;
  max-width: 1024px;
  margin: auto; }
  .single-post article {
    float: none;
    padding-top: 0;
    display: inline-block;
    text-align: left;
    padding: 10px 0;
    border-radius: 10px; }

#quick-view-container {
  position: relative;
  text-align: center; }
  #quick-view-container .player-wrapper {
    position: absolute;
    width: 100%;
    height: 100%; }
  #quick-view-container article {
    float: none;
    padding-top: 0;
    padding-bottom: 20px;
    display: inline-block;
    text-align: left; }
    #quick-view-container article.type_text {
      max-width: 800px; }
    #quick-view-container article .post-notes {
      display: none; }
    #quick-view-container article .article-content {
      margin: 10px 0px; }
      #quick-view-container article .article-content > img {
        border-radius: 10px; }
    html.index.desktop #quick-view-container article:hover .article-content img {
      opacity: 1;
      transform: none; }

.single-post article .caption p,
#quick-view-container article .caption p {
  font-size: 15px;
  color: #dddddd;
  font-weight: bold; }

.single-post article .icon-container,
#quick-view-container article .icon-container {
  position: relative;
  text-align: left;
  margin: 20px 0 0; }
  .single-post article .icon-container ul.icons,
  #quick-view-container article .icon-container ul.icons {
    display: inline-flex; }
    .single-post article .icon-container ul.icons li,
    #quick-view-container article .icon-container ul.icons li {
      display: inline-block; }
      .single-post article .icon-container ul.icons li.native .like_button iframe,
      #quick-view-container article .icon-container ul.icons li.native .like_button iframe {
        opacity: 0; }

.single-post article .post-meta,
.single-post article .note-count,
#quick-view-container article .post-meta,
#quick-view-container article .note-count {
  color: white;
  text-align: left;
  font-size: 15px;
  float: left;
  display: block;
  margin: 15px; }

.single-post article .article-content > .clear,
#quick-view-container article .article-content > .clear {
  margin: 20px 0; }

footer {
  opacity: 0;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
  margin-top: 40px;
  text-align: center;
  z-index: 9;
  transition: opacity 0.3s ease-in-out 0.1s; }
  footer.on {
    opacity: 1; }
  footer.individual-footer {
    margin-top: 0; }
  footer .footer-border {
    position: relative;
    clear: both;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 2;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 30px 0;
    box-sizing: border-box; }
    footer .footer-border span.copyright {
      display: block;
      /*font-family: "Gotham", sans-serif, Helvetica, sans-serif;*/
	  font-family: "proxima-nova", sans-serif;
  font-weight:bold; }
    footer .footer-border .links {
      display: block;
      margin: auto;
      font-size: 11px;
      /*font-family: "Gotham", sans-serif, Helvetica, sans-serif;*/
	  font-family: "proxima-nova", sans-serif;
  font-weight:bold;
      color: white; }
      footer .footer-border .links > a {
        position: relative;
        color: white;
        white-space: nowrap; }
        html.desktop footer .footer-border .links > a:hover {
          color: rgba(255, 255, 255, 0.6); }
    footer .footer-border .container {
      display: block;
      margin: 0 auto;
      width: 100%;
      height: 0px;
      position: fixed;
      bottom: 0px;
      overflow: hidden;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 9999; }
      footer .footer-border .container .container-inner {
        text-align: center;
        padding: 20px; }
        footer .footer-border .container .container-inner img {
          display: inline-block;
          height: auto;
          max-height: 148px;
          width: 100%;
          max-width: 800px; }
    footer .footer-border .credits {
      display: inline-block;
      text-align: center;
      width: 100%; }
      footer .footer-border .credits img {
        display: inline-block;
        width: 100%;
        max-width: 800px; }
      footer .footer-border .credits span {
        font-size: 11px;
        color: white; }
        footer .footer-border .credits span a {
          /*font-family: "Gotham", sans-serif, Helvetica, sans-serif;*/
		  font-family: "proxima-nova", sans-serif;
  			font-weight:bold;
          font-size: 11px;
          color: white; }
      footer .footer-border .credits .bugs {
        display: block;
        margin: auto;
        padding-top: 25px;
        width: 90%;
        max-width: 800px; }
  footer .type_pagination {
    position: relative;
    transition: all 0.14s ease-in-out;
    margin-top: 20px; }
    footer .type_pagination .pagination {
      display: inline-block; }
      footer .type_pagination .pagination a {
        display: inline-block;
        cursor: pointer;
        padding: 24px 28px;
        margin: 0 10px;
        text-align: center;
        color: #707070;
        font-size: 12px;
        line-height: 12px;
        font-weight: bold;
        letter-spacing: 2px;
        transition: all 0.2s ease-in-out; }
        html.desktop footer .type_pagination .pagination a:hover {
          background: #000000; }
    footer .type_pagination .load-more,
    footer .type_pagination .scroll-top {
      display: inline-block;
      cursor: pointer;
      padding: 16px 28px;
      margin: 0 10px;
      text-align: center;
      color: white;
      line-height: 16px;
      letter-spacing: 2px;
      transition: all 0.2s ease-in-out;
      white-space: nowrap !important;
      color: white;
      border: solid 2px white;
      border-radius: 10px; }
      html.desktop footer .type_pagination .load-more:hover, html.desktop
      footer .type_pagination .scroll-top:hover {
        background: rgba(23, 63, 100, 0.6);
        color: white; }
    footer .type_pagination .load-more .load-more-loading,
    footer .type_pagination .scroll-top .load-more-loading,
    footer .type_pagination .load-more .load-more-end {
      display: none;
      white-space: nowrap !important; }
    footer .type_pagination .scroll-top {
      padding: 16px;
      top: 0px; }
      footer .type_pagination .scroll-top .load-more-end {
        display: none;
        white-space: nowrap !important; }
    footer .type_pagination #infscr-loading {
      overflow: visible !important;
      display: block; }
      footer .type_pagination #infscr-loading img {
        display: none; }
    footer .type_pagination.pagination_standard .load-more,
    footer .type_pagination.pagination_load-more .pagination {
      display: none; }
    footer .type_pagination.pagination_infinite-scroll .pagination,
    footer .type_pagination.pagination_infinite-scroll .load-more-text {
      display: none;
      white-space: nowrap !important; }
    footer .type_pagination.off .load-more {
      opacity: 0;
      visibility: hidden;
      display: none;
      transition: all 0.14s ease-in-out 2s; }
    footer .type_pagination.hidden .load-more {
      display: none; }

.modal {
  position: fixed;
  z-index: -9999;
  left: 100vw;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 18, 33, 0.9);
  background-position: right top;
  background-size: cover;
  transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  html.modal-up .modal {
    left: 0px; }
  .modal .modal-wrapper {
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: left;
    z-index: 9999;
    margin: auto; }
  .modal .close-bar-wrapper {
    padding: 5px; }
  .modal a.close {
    position: fixed;
    opacity: 0;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 33px;
    z-index: 999999;
    cursor: pointer;
    margin-left: -10px;
    background-color: transparent;
    background-repeat: no-repeat; }
    .modal a.close .close-bar-icon {
      height: 3px;
      width: 31px;
      background: white;
      display: block;
      transition: transform .1s ease-in;
      transform-origin: 50% 50%; }
      .modal a.close .close-bar-icon:nth-child(1) {
        transform: rotate(45deg) translate3d(4px, 9px, 0) scale(1); }
      .modal a.close .close-bar-icon:nth-child(2) {
        transition: transform .1s ease-in;
        transform: rotate(-45deg) translate3d(-7px, 3px, 0) scale(1); }
  .modal .overlay {
    position: fixed;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: 125px; }
    .modal .overlay .spinner {
      position: absolute;
      top: 50%;
      left: 50%;
      bottom: auto;
      right: auto;
      transform: translate3d(-50%, -50%, 0); }
    .modal .overlay .tt {
      display: inline-block;
      width: 121px;
      height: auto;
      background-color: #fff;
      padding: 10px;
      margin-left: -60px;
      bottom: 20px;
      z-index: 1; }
    html.mobile.landscape .modal .overlay,
    html.tablet.landscape .modal .overlay {
      background-image: none !important; }
    html.ca-app-fullscreen .modal .overlay {
      background-image: none !important; }
  .modal.synopsis {
    width: 100%;
    height: 100%; }
    .modal.synopsis .modal-wrapper {
      width: 62%;
      height: auto;
      padding: 5px;
      position: absolute;
      top: 50%;
      left: 50%;
      bottom: auto;
      right: auto;
      transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0) !important; }
    .modal.synopsis.open .modal-wrapper {
      opacity: 1; }
    .modal.synopsis #content {
      display: block;
      height: auto;
      max-height: calc(100vh - 300px);
      margin: 5px 0 40px;
      overflow: hidden; }
      .modal.synopsis #content p {
        font-size: 16px;
        font-weight: 200;
        line-height: 1.4;
        padding-right: 1.5em;
        letter-spacing: 0.07em;
        margin: 15px 0;
        text-align: left;
        color: white; }
    .modal.synopsis .title {
      font-size: 25px;
      font-weight: normal;
      color: white;
      border-bottom: solid 1px white;
      display: block;
      width: 100%;
      padding: 0 0 8px;
      margin: 0 0 8px;
      line-height: 1.2;
      letter-spacing: 0.1em; }
    .modal.synopsis .icon-container ul li {
      opacity: 1;
      margin-top: 15px; }
      .modal.synopsis .icon-container ul li a {
        font-size: 20px;
        margin: 0 5px; }
  .modal.quick-view {
    padding-top: 130px; }
    .modal.quick-view .modal-wrapper {
      max-width: 800px;
      min-width: 300px;
      height: auto; }
      .modal.quick-view .modal-wrapper #quick-view-container {
        overflow-y: auto;
        display: block;
        height: auto;
        max-height: calc(100vh - 180px); }
  html.touch .modal.quick-view #quick-view-container {
    overflow-y: scroll !important; }
  html.mobile.landscape .modal.synopsis #content {
    overflow: auto; }
  html.mobile.landscape .modal.quick-view {
    padding-top: 0px; }
    html.mobile.landscape .modal.quick-view .modal-wrapper #quick-view-container {
      max-height: calc(100vh - 50px); }
    html.mobile.landscape .modal.quick-view .modal-wrapper .player-wrapper {
      position: relative !important;
      margin: 15px auto;
      top: auto;
      left: auto;
      transform: none; }
    html.mobile.landscape .modal.quick-view .modal-wrapper article .article-content {
      margin: 10px 40px; }
  html.mobile.landscape .modal a.close {
    top: 5px;
    right: 5px; }
  html.mobile.landscape .modal article.type_video .video-container {
    height: auto;
    padding-bottom: 0px; }
  html.tablet .modal.quick-view .modal-wrapper {
    overflow-y: scroll !important; }
  html.tablet.landscape .modal.quick-view {
    padding-top: 50px; }
  html.tablet.landscape .modal.trailer .modal-wrapper .player-wrapper {
    height: calc(100vh - 280px) !important;
    width: calc((100vh - 280px) * 640/360) !important; }
  html.desktop .modal a.close:hover .close-bar-icon:nth-child(1) {
    transform: rotate(45deg) translate3d(4px, 9px, 0) scale(0.8); }
  html.desktop .modal a.close:hover .close-bar-icon:nth-child(2) {
    transform: rotate(-45deg) translate3d(-7px, 3px, 0) scale(0.8); }
  .modal.open .modal-wrapper {
    opacity: 1; }
  .modal.open .overlay {
    opacity: 1; }
  html.ca-app-fullscreen .modal a.close {
    display: none !important; }
  html.ca-app-fullscreen .modal.quick-view .modal-wrapper {
    max-width: 100vw;
    min-width: 0px;
    width: 100% !important;
    height: 100% !important;
    margin: auto !important; }
  html.ca-app-fullscreen .modal.quick-view .icon-container,
  html.ca-app-fullscreen .modal.quick-view .post-meta,
  html.ca-app-fullscreen .modal.quick-view .note-count,
  html.ca-app-fullscreen .modal.quick-view .notes {
    display: none !important; }

.tickets-modal-button {
  position: absolute;
  top: 1.5vw;
  left: 1vw;
  font-size: 1.5vw;
  cursor: pointer; }
  .tickets-modal-button span {
    font-weight: bold; }
  .tickets-modal-button a {
    display: block;
    font-family: 'Akzidenz';
    font-size: 1em;
    padding: 1.2em 2em;
    background-color: red;
    border-radius: 5px;
    background: #ff3d3d;
    background: linear-gradient(to bottom, #ff3d3d 0%, #990909 82%, #990909 100%); }
    html.desktop .tickets-modal-button a:hover {
      color: black; }

.top-right-wraper {
  position: fixed;
  right: 15px;
  top: 10px;
  opacity: 1;
  z-index: 9997; }
  .top-right-wraper ul.icons {
    font-size: 13px;
    display: inline-flex; }
    .top-right-wraper ul.icons li {
      display: inline-block;
      position: relative;
      opacity: 1;
      margin: 5px;
      transition: all 0.3s ease-out;
      width: 2.2em;
      height: 2.2em; }
      .top-right-wraper ul.icons li a {
        color: white;
        display: inline-block;
        font-size: 1.3em;
        padding: 0.3em 0.2em;
        width: 1em !important;
        height: 1em !important; }
        .top-right-wraper ul.icons li a.plus {
          padding: 0.3em 0.4em; }
        .top-right-wraper ul.icons li a.reblog_button {
          padding: 0.3em 0.4em; }
      .top-right-wraper ul.icons li.native svg {
        fill: white; }
      .top-right-wraper ul.icons li.native .like_button {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(http://static.tumblr.com/hjjnrwm/9Iaodtdcs/heart_w.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: 50%;
        cursor: pointer; }
        .top-right-wraper ul.icons li.native .like_button.liked {
          background-image: url(http://static.tumblr.com/hjjnrwm/KN8nlqimt/heart_liked.png); }
        .top-right-wraper ul.icons li.native .like_button iframe {
          opacity: 0;
          cursor: pointer;
          width: 100%;
          height: 100%; }
        html.ie10 .top-right-wraper ul.icons li.native .like_button {
          top: 12px;
          background-size: 45%; }
  .top-right-wraper ul.icons {
    position: absolute;
    right: -15px;
	
}

#tumblr_custom_buttons li {
  display: inline-block;
  list-style: none; }
  #tumblr_custom_buttons li:first-child {
    margin-right: 10px; }

#tumblr_custom_buttons i {
  display: inline-block;
  margin-right: 1px;
  color: white;
  transition: all 0.14s ease-in-out; }

#tumblr_custom_buttons a {
    /*font-family: "Gotham", sans-serif;*/
	font-family: "proxima-nova", sans-serif;
  font-weight:bold;
  font-size: 12px;
  display: block;
  color: white; }
  html.safari #tumblr_custom_buttons a {
    text-shadow: white 0px 0px 1px; }
  html.desktop #tumblr_custom_buttons a:hover {
    color: rgba(255, 255, 255, 0.6); }
    html.desktop #tumblr_custom_buttons a:hover i {
      color: rgba(255, 255, 255, 0.6); }

.tmblr-iframe-pushdown {
  padding-top: 0px !important; }

.tmblr-iframe,
.tumblr_controls,
#tumblr_controls {
  display: none !important;
  visibility: hidden !important;
  padding: 0px !important;
  margin: 0px !important;
  height: 0px !important;
  z-index: -1 !important;
  width: 0px !important;
  visibility: hidden !important; }

.tmblr-iframe--controls-phone-container {
  padding-top: 0px !important; }

#consent_blackbar {
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 999; }

.truste_box_overlay {
  position: fixed !important; }

@media screen and (max-width: 900px) {
  .top-right-wraper {
    right: 10px; }
  nav {
    text-align: center;
    font-size: 22px; }
    nav:before {
      display: none; }
    html.menu-open nav {
      width: 100vw; }
    nav ul.pages {
      position: relative;
      top: initial;
      transform: initial;
      height: calc(65vh - 120px);
      padding: 10px;
      margin: 75px auto 30px;
      overflow: auto; }
      html.touch nav ul.pages {
        overflow: scroll; }
    nav ul.sub-nav {
      height: auto !important;
      transition: initial;
      margin-left: 0px; }
      nav ul.sub-nav li {
        margin-left: 0px;
        opacity: 1; }
        nav ul.sub-nav li:last-child {
          border-bottom: none; }
    nav ul li {
      border-top: 1px solid rgba(255, 255, 255, 0.5); }
      nav ul li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      nav ul li a:before {
        display: none; }
    nav .hidden-tt {
      display: block;
      position: absolute;
      width: 100%;
      height: 20vh; }
      nav .hidden-tt img.desktop {
        display: none; }
      nav .hidden-tt img.mobile {
        width: auto;
        display: block;
        margin: auto;
        height: 100%; } }

@media screen and (max-width: 800px) {
  .burger-wrapper {
    transform: scale(0.6);
    top: 5px;
    left: 5px; }
  .top-right-wraper {
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: translateX(-100vw); }
    html.menu-open .top-right-wraper {
      transform: translateX(0); }
  section {
    padding: 0; }
  html:not(.landscape) .header,
  html.desktop.landscape .header {
    height: auto; }
    html:not(.landscape) .header .watch-trailer-btn.real-button,
    html.desktop.landscape .header .watch-trailer-btn.real-button {
      top: -8em;
      left: 0em;
      font-size: 1.6vh; }
      html:not(.landscape) .header .watch-trailer-btn.real-button a,
      html.desktop.landscape .header .watch-trailer-btn.real-button a {
        padding: 0.5em 3em; }
    html:not(.landscape) .header .header-image,
    html.desktop.landscape .header .header-image {
      width: 100%;
      height: auto !important; }
      html:not(.landscape) .header .header-image .header_content_wrap,
      html.desktop.landscape .header .header-image .header_content_wrap {
        width: 60vw !important;
        height: auto !important;
        padding: 0px; }
        html:not(.landscape) .header .header-image .header_content_wrap .header_tt,
        html.desktop.landscape .header .header-image .header_content_wrap .header_tt {
          position: relative !important;
          top: 0px !important;
          transform: none !important;
          padding-top: 10px !important;
          max-width: 320px; }
          html:not(.landscape) .header .header-image .header_content_wrap .header_tt img.desktop-tt,
          html.desktop.landscape .header .header-image .header_content_wrap .header_tt img.desktop-tt {
            display: none !important; }
          html:not(.landscape) .header .header-image .header_content_wrap .header_tt img.mobile-tt,
          html.desktop.landscape .header .header-image .header_content_wrap .header_tt img.mobile-tt {
            display: block !important; }
            html.landscape.mobile html:not(.landscape) .header .header-image .header_content_wrap .header_tt img.mobile-tt, html.landscape.mobile
            html.desktop.landscape .header .header-image .header_content_wrap .header_tt img.mobile-tt {
              width: auto;
              height: 50vh; }
      html:not(.landscape) .header .header-image .header-art.desktop,
      html.desktop.landscape .header .header-image .header-art.desktop {
        display: none; }
      html:not(.landscape) .header .header-image .header-art.mobile,
      html.desktop.landscape .header .header-image .header-art.mobile {
        display: block; }
  article .article-content {
    margin: 10px; }
  .modal.synopsis {
    padding-top: 110px; }
    html.mobile.landscape .modal.synopsis {
      padding-top: 17px; }
    .modal.synopsis #content {
      margin: 5px 0;
      overflow: auto; }
    .modal.synopsis .modal-wrapper {
      width: 80%; } }