/* 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; }

@-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: "FuturaMedium";
  font-weight: normal;
  src: url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/FuturaMedium.eot?") format("eot"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/FuturaMedium.woff2") format("woff2"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/FuturaMedium.woff") format("woff"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/FuturaMedium.ttf") format("truetype"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/FuturaMedium.svg#FuturaMedium") format("svg"); }

@font-face {
  font-family: "DidotItalic";
  font-weight: normal;
  src: url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/DidotItalic.eot?") format("eot"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/DidotItalic.woff2") format("woff2"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/DidotItalic.woff") format("woff"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/DidotItalic.ttf") format("truetype"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/DidotItalic.svg#DidotItalic") format("svg"); }

/** ICOMOON **/
@font-face {
  font-family: "icomoon";
  font-weight: normal;
  src: url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/icomoon.eot?") format("eot"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/icomoon.woff2") format("woff2"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/icomoon.woff") format("woff"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/fonts/icomoon.ttf") format("truetype"), url("https://wbcommon.s3.amazonaws.com/collateralbeauty/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: "FuturaMedium", sans-serif;
  background-color: white;
  color: white;
  min-height: 650px;
  width: 100%; }

a {
  text-decoration: none;
  color: white;
  transition: all 0.14s ease-in-out;
  border: 0;
  outline: 0; }
  html.desktop a:hover {
    color: #505d6f; }

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 .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #e20f16; }

.mCSB_scrollTools .mCSB_draggerRail {
  opacity: 0; }

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

.player-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: calc(100% - 180px); }
  html.mobile .player-wrapper {
    height: 50%; }
  .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: white;
      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;
        top: 2px; }
        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: #c2c7cb;
        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: white;
          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: 0px;
  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: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  z-index: 99999;
  background-color: black;
  color: white;
  text-align: center;
  font-size: 1em;
  font-family: "FuturaMedium", sans-serif; }
  .browsehappy p {
    margin: 0.2em auto; }
  .browsehappy a {
    color: gray;
    font-weight: bold; }
  .browsehappy img {
    margin-top: 20px; }

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

.wrapper {
  height: auto; }

#bg {
  background-image: url(http://static.tumblr.com/hjjnrwm/QAznqvuh9/texture-bg.jpg);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: right top;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }

#preloader {
  width: 100%;
  height: 100%;
  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: translateX(-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);
    transform: none;
    width: 300px;
    height: 1px;
    margin-top: 30px; }
    #preloader .progress .pct {
      width: 0;
      height: 100%;
      background-color: #fffefe;
      position: absolute;
      top: 0;
      left: 0; }

.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; }

.header {
  position: relative;
  width: 100%;
  height: 100%;
  clear: both;
  text-align: center;
  overflow: hidden;
  background-color: white;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }
  .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 {
    position: absolute;
    width: auto;
    top: 26%;
    left: 80%;
    transition: opacity 0.0s ease-out;
    transform: translate3d(-50%, 0, 0); }
    .header .watch-trailer-btn.real-button a {
      font-family: "DidotItalic", sans-serif;
      display: inline-block;
      padding: 0.8vw 4vw;
      font-size: 1.4vw;
      color: black;
      border: solid 1px black;
      cursor: pointer;
      background: white;
      white-space: nowrap;
      font-weight: normal !important; }
      html.desktop .header .watch-trailer-btn.real-button a:hover {
        background: #c2c7cb;
        border: solid 1px #c2c7cb; }
    .header .watch-trailer-btn.real-button .hash-tag {
      font-family: "FuturaMedium", sans-serif;
      font-variant: small-caps;
      display: block;
      margin-top: 25px;
      font-size: 30px; }
  .header .watch-trailer-btn.invisible {
    width: 21.5%;
    height: 12%;
    left: 39.4%;
    top: 70%;
    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: 900px) {
      .header .watch-trailer-btn.invisible {
        width: 46%;
        height: 11%;
        left: 43%;
        top: 40%; } }
  .header .gallery-btn a {
    font-family: "DidotItalic", sans-serif;
    display: inline-block;
    color: #e20f16;
    cursor: pointer;
    background: white;
    box-shadow: inset 0px 0px 0px 1px #e20f16, inset 0px 0px 0px 5px white, inset 0px 0px 0px 6px #e20f16;
    text-align: center;
    white-space: nowrap;
    position: relative;
    padding: 1vw calc(4vw - 0px);
    font-size: 1.4vw; }
  .header .header-image {
    height: auto;
    width: 100%; }
    .header .header-image .header_content_wrap {
      display: none; }
    .header .header-image .header-art {
      width: 100%;
      height: auto; }
      .header .header-image .header-art img {
        display: block;
        width: 100%;
        margin: auto;
        height: auto; }
      .header .header-image .header-art.desktop {
        display: block; }
      .header .header-image .header-art.mobile {
        display: none; }
    .header .header-image #scroll-blog {
      display: none; }
  body.fullbleed .header .header-image {
    height: 100vh;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; }
    body.fullbleed .header .header-image .header_content_wrap {
      -moz-box-align: center;
      -moz-box-pack: center;
      display: block;
      height: 100vh;
      margin: 0 auto;
      width: 70%;
      min-height: inherit !important;
      position: relative; }
      body.fullbleed .header .header-image .header_content_wrap .header_tt {
        margin-top: auto;
        padding: 0px;
        position: absolute;
        z-index: 2;
        width: 100%;
        bottom: 80px; }
        body.fullbleed .header .header-image .header_content_wrap .header_tt img {
          display: block;
          width: 100%;
          margin: auto;
          height: auto; }
          body.fullbleed .header .header-image .header_content_wrap .header_tt img.desktop-tt {
            display: block; }
          body.fullbleed .header .header-image .header_content_wrap .header_tt img.mobile-tt {
            display: none; }
    body.fullbleed .header .header-image .header-art {
      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; }
      body.fullbleed .header .header-image .header-art img {
        display: none; }
    body.fullbleed .header .header-image #scroll-blog {
      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; }
  .header .legal-btn {
    cursor: pointer;
    position: fixed;
    bottom: 3px;
    right: 8px;
    font-size: 9px;
    font-weight: 400;
    color: #c2c7cb;
    text-decoration: underline;
    z-index: 9998; }

nav {
  clear: both;
  width: 100%;
  z-index: 998;
  opacity: 0;
  text-align: center;
  position: absolute;
  background-color: #e20f16;
  overflow: hidden;
  transition: all 0.3s ease-in-out; }
  nav.on {
    opacity: 1; }
  nav ul {
    position: relative;
    display: inline-block;
    list-style: none;
    padding: 15px 40px;
    width: auto;
    float: left;
    transition: all 0.2s ease-in-out; }
    nav ul li {
      display: inline-block; }
      nav ul li:last-child {
        margin-right: 0px; }
      nav ul li a {
        display: block;
        padding: 8px 15px;
        font-family: "DidotItalic", sans-serif;
        font-size: 20px;
        color: white;
        letter-spacing: 0em;
        white-space: nowrap !important;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center top; }
    nav ul.social {
      position: absolute;
      top: 0;
      left: auto;
      bottom: auto;
      right: 0;
      opacity: 1; }
      nav ul.social li a {
        font-size: 16px;
        padding: 8px; }
        nav ul.social li a i {
          transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
          opacity: 1; }
  nav .hidden-tt {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 20%;
    max-width: 360px;
    height: auto;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    transform-origin: 0% 50%;
    transform: scale(0.8, 0.8) translate3d(-50%, -50%, 0); }
    nav .hidden-tt > img {
      display: inline-block;
      width: 100%; }
    nav .hidden-tt span:nth-child(2) {
      font-size: 18px;
      margin-left: 10px; }
  html.permalink nav {
    display: block; }
  @media (min-width: 900px) {
    nav.sticky {
      top: 0;
      position: fixed; }
      nav.sticky ul.social {
        padding: 25px 20px 5px; }
      nav.sticky .hidden-tt {
        opacity: 1;
        transform: scale(1, 1) translate3d(-50%, -50%, 0); } }

.mobile-nav-button {
  position: fixed;
  top: 15px;
  right: 5px;
  width: 28px;
  height: 31px;
  display: none;
  background: url(http://static.tumblr.com/kn2uvjq/Ym0n7sr01/invisble_pixels.png) 0 0 repeat;
  z-index: 9998;
  cursor: pointer;
  transform: translate3d(0, 0, 0); }
  .mobile-nav-button .bar-wrapper {
    position: absolute;
    top: 0px;
    left: 0px; }
  .mobile-nav-button .bar-icon {
    height: 3px;
    width: 28px;
    background: #c2c7cb;
    display: block;
    opacity: 1;
    margin-top: 7px;
    transition: transform .1s ease-in;
    transform-origin: 50% 50%; }
    .mobile-nav-button .bar-icon:nth-child(1) {
      margin: 0;
      transform-origin: 0% 0%; }
    .mobile-nav-button .bar-icon:nth-child(2) {
      transition: opacity .05s linear; }
    .mobile-nav-button .bar-icon:nth-child(3) {
      transform-origin: 0% 3px; }
  .mobile-nav-button.close .bar-icon:nth-child(1) {
    transform: rotate(45deg) translate3d(1px, 0px, 0); }
  .mobile-nav-button.close .bar-icon:nth-child(2) {
    opacity: 0; }
  .mobile-nav-button.close .bar-icon:nth-child(3) {
    transform: rotate(-45deg) translate3d(1px, 0px, 0); }

section {
  position: relative;
  clear: both;
  width: 100%;
  padding: 100px 0 0;
  opacity: 0;
  z-index: 9;
  transition: opacity 0.3s ease-in-out 0.1s; }
  html.tag section {
    padding: 150px 0 0; }
  section.intro {
    padding-bottom: 0; }

.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: 1023px) {
  .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;
  max-width: 1280px; }
  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 li {
      display: block;
      position: relative;
      opacity: 1;
      margin: 5px;
      transition: all 0.3s ease-in-out;
      background-color: white;
      width: 35px;
      height: 35px; }
      article .article-content ul.icons li a {
        color: #505d6f;
        display: inline-block;
        font-size: 20px;
        padding: 6px 4px; }
        article .article-content ul.icons li a.plus {
          padding: 6px 7px; }
        article .article-content ul.icons li a.reblog_button {
          padding: 6px 7px; }
      article .article-content ul.icons li.native svg {
        fill: #505d6f; }
      article .article-content ul.icons li.native .like_button {
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        transform: translate3d(-50%, -50%, 0);
        background-image: url(http://static.tumblr.com/hjjnrwm/lPMod3j1y/heart_color.png);
        background-repeat: no-repeat;
        background-size: contain; }
        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; }
      html.ie10 article .article-content ul.icons li.native.like-button {
        top: 14px; }
      html.desktop article .article-content ul.icons li:hover {
        background-color: #e20f16; }
    html.index article .article-content {
      margin: 10px; }
  article .hover-card {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(7, 17, 35, 0.8);
    overflow: hidden;
    z-index: 99;
    cursor: pointer;
    transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
    article .hover-card .icon-container {
      width: 100%;
      top: 0px;
      opacity: 0;
      position: relative;
      margin: 15px 0 0 15px;
      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 li {
        display: block;
        position: relative;
        opacity: 1;
        margin: 5px;
        transition: all 0.3s ease-in-out;
        background-color: white;
        width: 35px;
        height: 35px; }
        article .hover-card .icon-container ul.icons li a {
          color: #505d6f;
          display: inline-block;
          font-size: 20px;
          padding: 6px 4px; }
          article .hover-card .icon-container ul.icons li a.plus {
            padding: 6px 7px; }
          article .hover-card .icon-container ul.icons li a.reblog_button {
            padding: 6px 7px; }
        article .hover-card .icon-container ul.icons li.native svg {
          fill: #505d6f; }
        article .hover-card .icon-container ul.icons li.native .like_button {
          position: absolute;
          top: 50%;
          left: 50%;
          bottom: auto;
          right: auto;
          transform: translate3d(-50%, -50%, 0);
          background-image: url(http://static.tumblr.com/hjjnrwm/lPMod3j1y/heart_color.png);
          background-repeat: no-repeat;
          background-size: contain; }
          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; }
        html.ie10 article .hover-card .icon-container ul.icons li.native.like-button {
          top: 14px; }
        html.desktop article .hover-card .icon-container ul.icons li:hover {
          background-color: #e20f16; }
      article .hover-card .icon-container .icons li {
        transition: transform 0.35s;
        transform: translateX(-360px); }
        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.2s 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: translateX(0px); }
  html.index.desktop article:hover .article-content, html.index.desktop article.hover .article-content {
    border-bottom: 0px solid #707070; }
    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_photo .caption, html.index.desktop article.hover.type_photo .caption {
    opacity: 0; }
  html.index.desktop article:hover.type_video .caption, html.index.desktop article.hover.type_video .caption {
    opacity: 0; }
  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: black none repeat scroll 0 0;
    padding: 10px 0;
    border-bottom: none; }
  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;
    left: 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: #505d6f;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 10px 75px 5px; }
    article.type_text h2:after {
      border-bottom: 1px solid #505d6f;
      content: "";
      display: block;
      padding-top: 8px; }
    html.permalink article.type_text h2 {
      color: white; }
  article.type_text p {
    font-weight: 200;
    text-align: left;
    margin-top: 5px;
    padding: 5px 75px 20px;
    line-height: 1.4;
    background-color: black; }
    html.permalink article.type_text p {
      background-color: transparent; }
  article.type_quote .quote {
    line-height: 1.3;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase; }
    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;
    text-transform: uppercase;
    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 {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold; }
  article.type_chat .line {
    margin-bottom: 5px; }
    article.type_chat .line strong {
      text-transform: uppercase;
      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: -5% 0; }
      html.desktop article.type_video .video-thumbnail img.thumb {
        min-height: 265px; }
    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); }
  html.desktop article.type_photo .article-content > a img {
    min-height: 250px; }
  @media (max-width: 1023px) {
    article.type_photo .article-content > a img {
      display: block; } }
  article .caption p {
    margin: 20px 0; }
  article .read_more {
    text-transform: uppercase;
    font-size: 11px; }
  article blockquote {
    padding: 5px 0 5px 12px;
    margin-top: 18px;
    border-left: 2px solid #39392a; }
    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: #505d6f; }

.single-post {
  text-align: center;
  margin: auto; }
  .single-post article {
    float: none;
    padding-top: 0;
    display: inline-block;
    text-align: left; }

#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; }
    html.index.desktop #quick-view-container article:hover .article-content img {
      opacity: 1;
      transform: none; }
    html.index.desktop #quick-view-container article:hover .caption {
      opacity: 1 !important; }

.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: #505d6f;
  text-transform: uppercase;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  float: left;
  display: block;
  margin: 20px 20px 0 0; }

.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;
    text-transform: uppercase; }
    footer .footer-border span.copyright {
      display: block; }
    footer .footer-border .container {
      margin: 0 auto;
      width: 100%;
      display: block;
      height: 0px;
      position: absolute;
      bottom: 0px;
      overflow: hidden;
      background-color: white;
      z-index: 9999; }
      footer .footer-border .container .container-inner {
        text-align: center;
        padding: 5px; }
        footer .footer-border .container .container-inner img {
          display: inline-block;
          height: auto;
          width: 100%;
          max-width: 769px; }
        footer .footer-border .container .container-inner span.copyright {
          font-size: 10px;
          color: #c2c7cb; }
    footer .footer-border .links {
      display: block;
      margin: auto;
      font-size: 15px;
      color: #c2c7cb; }
      footer .footer-border .links > a {
        position: relative;
        color: #c2c7cb; }
        html.desktop footer .footer-border .links > a:hover {
          color: #505d6f; }
    footer .footer-border .credits {
      display: inline-block;
      text-align: center;
      width: 100%; }
      footer .footer-border .credits img {
        display: inline-block; }
      footer .footer-border .credits span {
        font-size: 11px;
        text-transform: uppercase;
        color: #c2c7cb; }
        footer .footer-border .credits span a {
          font-size: 11px;
          text-transform: uppercase;
          color: #c2c7cb; }
      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;
        background: #e20f16;
        color: #707070;
        font-size: 12px;
        line-height: 12px;
        font-weight: bold;
        letter-spacing: 2px;
        text-transform: uppercase;
        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;
      background: #e20f16;
      color: white;
      line-height: 16px;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-weight: bold;
      transition: all 0.2s ease-in-out;
      white-space: nowrap !important; }
      html.desktop footer .type_pagination .load-more:hover, html.desktop
      footer .type_pagination .scroll-top:hover {
        color: #505d6f; }
    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; }

.mpaa-container {
  position: fixed;
  bottom: -670px;
  padding: 10px 0;
  background-color: white;
  z-index: 99999;
  width: 100%;
  text-transform: uppercase;
  display: none; }
  .mpaa-container.out {
    bottom: 0px; }
  .mpaa-container > span {
    font-size: 9px;
    text-transform: uppercase;
    bottom: 30px;
    color: #c2c7cb; }
  .mpaa-container > .links {
    display: block;
    margin: auto;
    font-size: 15px;
    color: #c2c7cb; }
    .mpaa-container > .links > a {
      position: relative;
      color: #c2c7cb; }
      html.desktop .mpaa-container > .links > a:hover {
        color: #505d6f; }
  .mpaa-container .rating-img {
    width: auto;
    display: block;
    margin: 5px auto;
    bottom: 60px; }

.modal {
  position: fixed;
  z-index: -9999;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-position: right top;
  background-size: cover;
  transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .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: 60px;
    right: 20px;
    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: #505d6f;
      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: 10px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: url(http://static.tumblr.com/hjjnrwm/BoGod3z46/hidden-tt-modal.png);
    background-repeat: no-repeat;
    background-position: center 25px; }
    @media screen and (max-width: 500px) {
      .modal .overlay {
        background-size: 90%; } }
    .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; }
  .modal.synopsis {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .modal.synopsis .modal-wrapper {
      width: 62%;
      height: 62%;
      margin: auto;
      position: relative;
      top: 0;
      left: 0;
      padding: 5px;
      background: black; }
    .modal.synopsis.open .modal-wrapper {
      opacity: 1; }
    .modal.synopsis #content {
      display: block;
      height: 80%;
      margin: 5px 0 40px;
      overflow: auto;
      background-color: black;
      -webkit-overflow-scrolling: touch; }
      .modal.synopsis #content p {
        font-size: 16px;
        line-height: 1.4;
        padding-right: 1.5em;
        margin: 15px 0;
        text-align: left;
        color: #e20f16; }
    .modal.synopsis .title {
      font-size: 30px;
      font-weight: 600;
      color: #e20f16;
      border-bottom: solid 2px #e20f16;
      display: block;
      width: 100%;
      padding: 0 0 15px;
      margin: 0 0 15px;
      line-height: 1.2; }
    .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 .modal-wrapper {
    max-width: 900px;
    min-width: 300px;
    overflow-y: hidden;
    overflow-x: hidden; }
  html.mobile .modal a.close {
    right: 15px; }
  html.mobile .modal .modal-wrapper {
    overflow: hidden; }
  html.mobile .modal.quick-view .modal-wrapper {
    height: 80%;
    margin-top: 110px;
    padding-bottom: 50px; }
  html.mobile .modal.quick-view .modal-wrapper {
    overflow-y: scroll !important; }
  html.tablet .modal.quick-view .modal-wrapper {
    overflow-y: scroll !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 {
  position: absolute;
  top: 93%;
  left: 8%;
  font-size: 1.4vw; }
  .tickets #tixForm {
    position: relative; }
  .tickets .tix-text {
    display: inline-block;
    position: relative;
    top: 0.1em;
    font-size: 1em;
    color: black; }
  .tickets #zipField {
    margin: 0px 1.3em;
    width: 10em;
    height: 1.6em;
    text-align: center;
    font-size: 0.7em;
    color: #e20f16; }
  .tickets .tixBtn {
    vertical-align: bottom;
    width: 2.3vw;
    height: auto; }
  .tickets #movietickets {
    margin: 0 0 1px 10px; }
  .tickets #error {
    opacity: 0;
    text-align: center;
    font-size: 10px;
    color: red;
    position: absolute;
    width: 100%;
    margin-left: 21px; }

.tix-btn-mobile {
  display: none;
  width: 49%; }

.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; }

#tumblr_custom_buttons {
  position: fixed;
  right: 30px;
  top: 10px;
  opacity: 1;
  z-index: 9997; }
  #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: 5px;
    color: #c2c7cb;
    transition: all 0.14s ease-in-out; }
  #tumblr_custom_buttons a {
    font-family: "FuturaMedium", sans-serif;
    font-size: 12px;
    display: block;
    color: #c2c7cb; }
    html.desktop #tumblr_custom_buttons a:hover {
      color: #505d6f; }
      html.desktop #tumblr_custom_buttons a:hover i {
        color: #505d6f; }

.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; }

@media screen and (min-width: 901px) {
  .header .watch-trailer-btn.real-button {
    position: absolute;
    width: auto;
    top: 20%;
    left: 80%;
    transition: opacity 0.0s ease-out;
    transform: translate3d(-50%, 0, 0); }
  .gallery-btn.real-button {
    position: absolute;
    width: auto;
    top: 29%;
    left: 80%;
    transition: opacity 0.0s ease-out;
    transform: translate3d(-50%, 0, 0); } }

@media screen and (max-width: 900px) {
  .mobile-nav-button {
    display: block; }
  nav {
    list-style: none;
    position: fixed;
    display: block;
    top: -150%;
    left: 0px;
    background-color: #e20f16;
    width: 100%;
    height: 100%;
    z-index: 9995;
    overflow: auto;
    transition: 0.3s ease-in-out; }
    nav.open {
      top: 0px; }
    nav ul {
      background-color: transparent; }
      nav ul li {
        display: block;
        margin-right: 0; }
      nav ul.pages {
        width: 100%;
        text-align: center;
        padding: 80px 0 0; }
        nav ul.pages li a {
          font-size: 18px;
          line-height: 42px;
          font-weight: normal !important; }
      nav ul.social {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        text-align: center;
        margin: 0 0 10px;
        padding: 0 0 10px; }
        nav ul.social li {
          display: inline-block;
          width: 60px; }
          nav ul.social li a {
            font-size: 20px; }
    nav .hidden-tt {
      opacity: 1;
      position: relative;
      width: 80%;
      max-width: 360px;
      top: 55px;
      transform: translate3d(-50%, 0%, 0); }
      nav .hidden-tt img {
        width: 100%;
        display: inline-block; }
  #tumblr_custom_buttons {
    opacity: 0;
    right: auto;
    left: 10px !important; }
    #tumblr_custom_buttons a, #tumblr_custom_buttons i {
      color: white; }
    #tumblr_custom_buttons.on {
      opacity: 1;
      transition: 0.3s ease-in-out 0.2s; } }

@media screen and (max-width: 900px) {
  section {
    padding: 0; }
  .header .watch-trailer-btn.real-button {
    width: 98vw;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    height: 6.5vw;
    bottom: 8.5vw;
    top: auto;
    background: white;
    border: black solid 1px; }
    .header .watch-trailer-btn.real-button a {
      font-size: 7vw;
      background: none;
      border: none;
      font-size: 3vw;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      .header .watch-trailer-btn.real-button a:hover {
        background: none !important;
        border: none !important; }
  .header .gallery-btn {
    position: absolute;
    width: 98vw;
    bottom: 1vw;
    left: 50%;
    height: 6.5vw;
    transition: opacity 0.0s ease-out;
    transform: translate3d(-50%, 0, 0); }
    .header .gallery-btn a {
      font-size: 3vw;
      width: 100%;
      height: 100%;
      box-sizing: border-box; }
      .header .gallery-btn a div {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
  .header .header-image a.invisible {
    width: 50%;
    height: 24%;
    left: 24%;
    top: 61%; }
  .header .header-image .header_content_wrap .header_tt img.desktop-tt {
    display: none; }
  .header .header-image .header_content_wrap .header_tt img.mobile-tt {
    display: block; }
  .header .header-image .header-art.desktop {
    display: none; }
  .header .header-image .header-art.mobile {
    display: block; }
  article .article-content {
    margin: 10px; }
  .modal.synopsis #content {
    margin: 5px 0;
    overflow: auto; }
  .modal.synopsis .modal-wrapper {
    width: 80%; }
  .header {
    padding-bottom: 10vw; }
  .tickets {
    position: absolute;
    width: 100%;
    top: auto;
    bottom: 17.7vw;
    left: 0;
    font-size: 3.4vw; }
    .tickets .tixBtn {
      width: 5vw; }
    .tickets #error {
      font-size: 0.4em;
      top: -16px;
      margin-left: 0px; }
  .tickets-modal-button {
    font-size: 3.5vw;
    position: absolute;
    display: inline-block;
    top: 76vw;
    left: 30vw; } }

@media screen and (min-aspect-ratio: 1 / 1) {
  html.mobile {
    overflow: hidden;
    position: fixed; }
    html.mobile nav {
      display: none; }
    html.mobile #orientation-roadblock {
      display: block !important; } }

@media screen and (max-aspect-ratio: 1 / 1) {
  html.mobile #orientation-roadblock {
    display: none !important; } }