@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=2eb30034-4c86-4774-a69b-f4d365232a6c&fontids=723797");
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=2eb30034-4c86-4774-a69b-f4d365232a6c&fontids=723563");
/* ==========================================================================
   Micro Reset
   ========================================================================== */
html,
body,
div,
form,
fieldset,
legend,
label,
ul,
li {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  text-align: left;
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
caption {
  font-weight: normal;
  font-size: inherit;
  margin: 0;
}
img {
  border: 0;
}
ul,
ol,
li {
  list-style: none;
}
@font-face {
  font-family: "Univers LT W01 45 Light";
  src: url("fonts/2b61512c-069e-4111-bb23-9a918f94a74d.eot?#iefix");
  src: url("fonts/2b61512c-069e-4111-bb23-9a918f94a74d.eot?#iefix") format("eot"), url("fonts/ecf89914-1896-43f6-a0a0-fe733d1db6e7.woff") format("woff"), url("fonts/7628f343-8c36-4707-9559-8feb86c0462f.ttf") format("truetype"), url("fonts/11b816e7-d678-48dd-bc75-560de9c19049.svg#11b816e7-d678-48dd-bc75-560de9c19049") format("svg");
}
@font-face {
  font-family: "Sabon LT W01 Roman";
  src: url("fonts/d30018fa-c2be-4921-a779-0a9b8db54fe7.eot?#iefix");
  src: url("fonts/d30018fa-c2be-4921-a779-0a9b8db54fe7.eot?#iefix") format("eot"), url("fonts/d93bebe4-cefa-455e-8b51-eaae50be173e.woff") format("woff"), url("fonts/7849e7c1-08a0-4e13-a6cd-d2900c236af5.ttf") format("truetype"), url("fonts/d1246e5a-1d35-4bc9-b785-d05e0408a757.svg#d1246e5a-1d35-4bc9-b785-d05e0408a757") format("svg");
}
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?-slc77h');
  src: url('fonts/icomoon.eot?#iefix-slc77h') format('embedded-opentype'), url('fonts/icomoon.woff?-slc77h') format('woff'), url('fonts/icomoon.ttf?-slc77h') format('truetype'), url('fonts/icomoon.svg?-slc77h#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/* === Style === */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
html {
  color: #6b8fb7;
  font-family: 'Univers LT W01 45 Light', Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}
html,
body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: black;
}
a {
  color: #6b8fb7;
  text-decoration: none;
}
a:hover,
a.selected {
  color: #bfc0c3;
}
h2 {
  font-size: 24px;
  font-size: 1.41176471rem;
}
.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
}
.background img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 80%;
}
.starscape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.starscape span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
}
.starscape .white-stars span {
  width: 2397px;
  height: 1296px;
  margin: -648px 0 0 -1198px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.starscape .orbs span {
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.starscape .white-star-1 {
  background-image: url("/static/uts/img/white_stars_dense_outside_1.png?v=3");
  -webkit-animation: warp1 36s infinite linear;
  -moz-animation: warp1 36s infinite linear;
  -ms-animation: warp1 36s infinite linear;
  -o-animation: warp1 36s infinite linear;
  animation: warp1 36s infinite linear;
}
.starscape .white-star-2 {
  background-image: url("/static/uts/img/white_stars_dense_outside_2.png?v=3");
  -webkit-animation: warp2 36s linear 18s infinite;
  -moz-animation: warp2 36s linear 18s infinite;
  -ms-animation: warp2 36s linear 18s infinite;
  -o-animation: warp2 36s linear 18s infinite;
  animation: warp2 36s linear 18s infinite;
}
.starscape .white-star-3 {
  background-image: url("/static/uts/img/white_stars_dense_inside_3.png?v=3");
  -webkit-animation: warp1 36s infinite linear;
  -moz-animation: warp1 36s infinite linear;
  -ms-animation: warp1 36s infinite linear;
  -o-animation: warp1 36s infinite linear;
  animation: warp1 36s infinite linear;
}
.starscape .white-star-4 {
  background-image: url("/static/uts/img/white_stars_dense_inside_4.png?v=3");
  -webkit-animation: warp2 36s linear 18s infinite;
  -moz-animation: warp2 36s linear 18s infinite;
  -ms-animation: warp2 36s linear 18s infinite;
  -o-animation: warp2 36s linear 18s infinite;
  animation: warp2 36s linear 18s infinite;
}
.starscape .orbs span:nth-child(5n+1) {
  background-image: url("/static/uts/img/orb_2.png?v=3");
}
.starscape .orbs span:nth-child(5n+2) {
  background-image: url("/static/uts/img/orb_4.png?v=3");
}
.starscape .orbs span:nth-child(5n+3) {
  background-image: url("/static/uts/img/orb_5.png?v=3");
}
.starscape .orbs span:nth-child(5n+4) {
  background-image: url("/static/uts/img/orb_8.png?v=3");
}
.starscape .orbs span:nth-child(5n) {
  background-image: url("/static/uts/img/orb_9.png?v=3");
}
.nav-main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 12px 0;
  background: black;
  z-index: 10000;
}
.menu-main {
  font-size: 0;
}
.menu-main-item {
  display: inline-block;
  padding: 0 17px;
  font-size: 17px;
  font-size: 1rem;
}
.menu-plus {
  position: relative;
  top: -1px;
}
.menu-title {
  position: absolute;
  top: 12px;
  left: 40px;
}
.menu-social {
  position: absolute;
  top: 12px;
  right: 40px;
  margin: 0;
  padding: 0;
}
.menu-social-item {
  display: block;
  float: left;
  height: 20px;
}
.menu-social-item a {
  display: block;
  padding: 0 8px 0;
}
.menu-social-item a span {
  display: block;
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: -1000px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}
.menu-social-item.menu-twitter a span {
  width: 24px;
  background: transparent url("../img/bttn_twitter.svg?v=1") no-repeat 0 0;
}
.menu-social-item.menu-twitter a:hover span {
  background-position: -24px 0;
}
.menu-social-item.menu-fb a span {
  width: 12px;
  background: transparent url("../img/bttn_fb.svg?v=1") no-repeat 0 0;
}
.menu-social-item.menu-fb a:hover span {
  background-position: -12px 0;
}
.menu-social-item.menu-instagram a span {
  width: 20px;
  background: transparent url("../img/bttn_instagram.svg?v=1") no-repeat 0 0;
}
.menu-social-item.menu-instagram a:hover span {
  background-position: -20px 0;
}
.menu-social-item.menu-tumblr a span {
  width: 14px;
  background: transparent url("../img/bttn_tumblr.svg?v=1") no-repeat 0 0;
}
.menu-social-item.menu-tumblr a:hover span {
  background-position: -14px 0;
}
.content-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: auto;
  height: 100%;
  z-index: 5000;
  -webkit-overflow-scrolling: touch;
}
.section {
  position: relative;
  padding: 172px 20px;
}
.section-full {
  width: 100%;
  min-height: 100%;
}
#section-intro {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 166px;
}
.poster {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -96px;
  margin-bottom: -70px;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.poster-more {
  display: block;
  position: relative;
  top: 38px;
  margin: 0 auto 31px;
  width: 52px;
  height: 28px;
  overflow: hidden;
  text-indent: -9999px;
  background: url('../img/arrow_down.svg') no-repeat center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.poster-starring {
  position: relative;
  top: 28px;
  margin-bottom: 39px;
  font-family: 'Sabon LT W01 Roman', Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-size: 1.41176471rem;
  letter-spacing: 2px;
  text-transform: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.poster-title {
  position: relative;
  margin-bottom: 41px;
}
.poster-title img {
  display: block;
  margin: 0 auto;
  width: 80%;
  max-width: 594px;
  max-height: 53px;
}
.poster-director {
  position: relative;
}
.poster-left {
  position: absolute;
  right: 50%;
  bottom: 0;
  opacity: 0;
}
.poster-right {
  position: absolute;
  left: 50%;
  bottom: 0;
  opacity: 0;
}
#section-buy-now h2 {
  margin-bottom: 32px;
}
#section-buy-now .buy-now-links {
  margin: 0 auto;
  width: 248px;
  padding: 12px 20px;
  border: 0px solid #6b8fb7;
  border-radius: 0;
  line-height: 36px;
}
#section-buy-now input {
  margin-bottom: 32px;
  background: transparent;
  font-family: 'Univers LT W01 45 Light', Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-size: 1rem;
  color: #6b8fb7;
  outline: none;
  text-transform: uppercase;
  text-align: center;
}
#section-buy-now input[type="text"] {
  width: 248px;
  padding: 12px 20px;
  border: 1px solid #6b8fb7;
  border-radius: 0;
}
#section-buy-now input[type="submit"] {
  padding: 0;
  border: none;
  cursor: pointer;
}
#section-buy-now input[type="submit"]:hover {
  color: #bfc0c3;
}
#section-buy-now .buy-now-view-dates {
  margin-top: 3em;
}
#section-trailer {
  padding-top: 0;
  padding-bottom: 0;
  background: black;
}
.video-trailer-wrapper {
  position: relative;
  width: 84%;
  height: 0;
  margin: 0 auto;
  padding: 0 0 47.25% 0;
}
.video-trailer-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.video-trailer-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-trailer-bttn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20%;
  margin: -10% 0 0 -10%;
  overflow: hidden;
  cursor: pointer;
}
.video-trailer-bttn-play img {
  position: relative;
  display: block;
  width: 200%;
  cursor: pointer;
}
.video-trailer-bttn-play:hover img,
.video-trailer-bttn-play:active img {
  left: -100%;
}
.csstransforms .video-trailer-bttn-play {
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.video-trailer-info {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  font-size: 15px;
  font-size: 0.88235294rem;
  text-align: center;
}
#section-reviews {
  -webkit-animation: color-cycle 20s infinite linear;
  -moz-animation: color-cycle 20s infinite linear;
  -o-animation: color-cycle 20s infinite linear;
  animation: color-cycle 20s infinite linear;
}
.review-item {
  max-width: 780px;
  margin: 0 auto 72px;
}
.review-item.review-cuaron {
  max-width: 640px;
  margin-bottom: 126px;
}
.review-item.review-laweekly {
  max-width: 720px;
}
.review-item.review-variety {
  max-width: 680px;
}
.review-content {
  margin-bottom: 9px;
  font-size: 36px;
  font-size: 2.11764706rem;
  line-height: 133.33333333%;
}
.review-emphasize {
  font-size: 72px;
  font-size: 4.23529412rem;
  line-height: 66.66666667%;
}
.review-attribution {
  text-transform: none;
}
.review-attribution .review-source {
  text-transform: uppercase;
}
.review-laweekly .review-content {
  font-size: 24px;
  font-size: 1.41176471rem;
  line-height: 150%;
}
.review-laweekly .review-emphasize {
  font-size: 54px;
  font-size: 3.17647059rem;
  line-height: 55.55555556%;
}
.review-thedissolve .review-content {
  font-size: 24px;
  font-size: 1.41176471rem;
  line-height: 150%;
}
.review-thedissolve .review-emphasize {
  font-size: 36px;
  font-size: 2.11764706rem;
  line-height: 100%;
}
.review-nyt .review-content,
.review-nyt .review-emphasize {
  font-size: 52px;
  font-size: 3.05882353rem;
  line-height: 115%;
}
.review-rollingstone .review-content {
  font-size: 33px;
  font-size: 1.94117647rem;
}
.review-rollingstone .review-emphasize {
  font-size: 52px;
  font-size: 3.05882353rem;
}
.review-latimes .review-content {
  font-size: 24px;
  font-size: 1.41176471rem;
}
.review-latimes .review-emphasize {
  font-size: 52px;
  font-size: 3.05882353rem;
}
.review-indiewire .review-content {
  font-size: 24px;
  font-size: 1.41176471rem;
}
.review-wsj .review-content {
  font-size: 24px;
  font-size: 1.41176471rem;
}
.review-villagevoice .review-content {
  font-size: 44px;
  font-size: 2.58823529rem;
}
.reviews-ratings {
  margin: -11px auto 56px;
}
.review-rating {
  display: inline-block;
  margin: 20px;
  vertical-align: top;
}
.rating-stars {
  display: inline-block;
  margin-bottom: 9px;
  font-family: 'icomoon';
  font-size: 33px;
  font-size: 1.94117647rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  letter-spacing: -1px;
}
.rating-source {
  display: inline-block;
  max-width: 160px;
}
#section-credits .section-content {
  color: #9abfe0;
}
.credits-item {
  margin-bottom: 33px;
}
.credit-role {
  font-size: 17px;
  font-size: 1rem;
  line-height: 176.47058824%;
}
.credit-name {
  font-size: 24px;
  font-size: 1.41176471rem;
  line-height: 125%;
}
.credits-billing {
  max-width: 1102px;
  margin: 25px auto 0;
}
.credits-billing .credits-billing-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 15.97%;
  overflow: hidden;
}
.credits-billing img {
  width: 100%;
  height: auto;
  max-height: 178px;
}
#section-plus .section-content {
  text-transform: lowercase;
}
.plus-mask {
  display: inline-block;
  margin-bottom: 24px;
}
.plus-links a {
  display: inline-block;
  margin: 10px 20px;
}
.section-footer {
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 100%;
}
.section-footer-logo {
  display: inline-block;
  margin: 0 18px;
  vertical-align: baseline;
}
.section-footer-brand {
  letter-spacing: 7px;
}
/* --- Modal --- */
.modal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 11000;
  background: black;
}
.modal-content {
  padding: 3.6em 24px;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#theaters-list {
  text-transform: none;
  -webkit-animation: color-cycle 20s infinite linear;
  -moz-animation: color-cycle 20s infinite linear;
  -o-animation: color-cycle 20s infinite linear;
  animation: color-cycle 20s infinite linear;
}
#theaters-list h1 {
  font-size: 24px;
  font-size: 1.41176471rem;
  text-transform: uppercase;
  margin: 0 0 1.91em;
}
#theaters-list h2 {
  font-size: 17px;
  font-size: 1rem;
  margin: 0 0 .94em;
  text-transform: uppercase;
}
#theaters-list h2:after {
  content: '\2014\2014\2014\2014\2014\2014\2014\2014';
  display: block;
  margin: -6px 0 0 -9px;
  letter-spacing: -6px;
}
#theaters-list .release-city {
  margin-bottom: 0.3em;
}
#theaters-list .release-date-block {
  margin: 0 0 3.6em;
}
.modal-site-title {
  display: block;
  position: absolute;
  top: 12px;
  left: 40px;
  text-transform: uppercase;
  z-index: 10;
}
.modal-close {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  background: transparent url('../img/bttn_close.svg') no-repeat 0 0;
  z-index: 10;
}
.modal-close:hover {
  background-position: -40px 0;
}
/* --- End Modal --- */
/* --- Animations --- */
@-webkit-keyframes color-cycle {
  0% {
    color: #6b8fb7;
  }
  25% {
    color: #6ab86d;
  }
  50% {
    color: #b8946a;
  }
  75% {
    color: #b86ab5;
  }
  100% {
    color: #6b8fb7;
  }
}
@-moz-keyframes color-cycle {
  0% {
    color: #6b8fb7;
  }
  25% {
    color: #6ab86d;
  }
  50% {
    color: #b8946a;
  }
  75% {
    color: #b86ab5;
  }
  100% {
    color: #6b8fb7;
  }
}
@-o-keyframes color-cycle {
  0% {
    color: #6b8fb7;
  }
  25% {
    color: #6ab86d;
  }
  50% {
    color: #b8946a;
  }
  75% {
    color: #b86ab5;
  }
  100% {
    color: #6b8fb7;
  }
}
@keyframes color-cycle {
  0% {
    color: #6b8fb7;
  }
  25% {
    color: #6ab86d;
  }
  50% {
    color: #b8946a;
  }
  75% {
    color: #b86ab5;
  }
  100% {
    color: #6b8fb7;
  }
}
@-webkit-keyframes warp1 {
  0% {
    -webkit-transform: scale(0.9) rotate(0);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  55% {
    opacity: 0.7;
  }
  75% {
    -webkit-transform: scale(1.3) rotate(5deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1.3) rotate(5deg);
    opacity: 0;
  }
}
@-moz-keyframes warp1 {
  0% {
    -moz-transform: scale(0.9) rotate(0);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  55% {
    opacity: 0.7;
  }
  75% {
    -moz-transform: scale(1.3) rotate(5deg);
    opacity: 0;
  }
  100% {
    -moz-transform: scale(1.3) rotate(5deg);
    opacity: 0;
  }
}
@-ms-keyframes warp1 {
  0% {
    -ms-transform: scale(0.9) rotate(0);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  55% {
    opacity: 0.7;
  }
  75% {
    -ms-transform: scale(1.3) rotate(5deg);
    opacity: 0;
  }
  100% {
    -ms-transform: scale(1.3) rotate(5deg);
    opacity: 0;
  }
}
@-o-keyframes warp1 {
  0% {
    -o-transform: scale(0.9) rotate(0);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  55% {
    opacity: 0.7;
  }
  75% {
    -o-transform: scale(1.3) rotate(5deg);
    opacity: 0;
  }
  100% {
    -o-transform: scale(1.3) rotate(5deg);
    opacity: 0;
  }
}
@keyframes warp1 {
  0% {
    transform: scale(0.9) rotate(0);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  55% {
    opacity: 0.7;
  }
  75% {
    transform: scale(1.3) rotate(5deg);
    opacity: 0;
  }
  100% {
    transform: scale(1.3) rotate(5deg);
    opacity: 0;
  }
}
@-webkit-keyframes warp2 {
  0% {
    -webkit-transform: scale(0.9);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  55% {
    opacity: 0.7;
  }
  75% {
    -webkit-transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1.1);
    opacity: 0;
  }
}
@-moz-keyframes warp2 {
  0% {
    -moz-transform: scale(0.9);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  55% {
    opacity: 0.7;
  }
  75% {
    -moz-transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -moz-transform: scale(1.1);
    opacity: 0;
  }
}
@-ms-keyframes warp2 {
  0% {
    -ms-transform: scale(0.9);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  55% {
    opacity: 0.7;
  }
  75% {
    -ms-transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -ms-transform: scale(1.1);
    opacity: 0;
  }
}
@-o-keyframes warp2 {
  0% {
    -o-transform: scale(0.9);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  55% {
    opacity: 0.7;
  }
  75% {
    -o-transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -0-transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes warp2 {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  55% {
    opacity: 0.7;
  }
  75% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}
/* --- End Animations --- */
.mobile a:hover {
  color: #6b8fb7;
}
.mobile a.selected {
  color: #bfc0c3;
}
@media screen and (max-width: 1050px) {
  .menu-title {
    left: 12px;
  }
  .menu-social {
    right: 12px;
  }
  .modal-site-title {
    left: 12px;
  }
}
@media screen and (max-width: 880px) {
  .menu-title {
    display: none!important;
  }
  .menu-main {
    text-align: left;
  }
  .menu-social {
    right: 12px;
  }
}
@media screen and (max-width: 680px) {
  html {
    font-size: 15px;
  }
  .menu-title {
    display: none!important;
  }
  .menu-social {
    position: static;
  }
  .menu-social-item {
    position: absolute;
    top: 12px;
    float: none;
  }
  .menu-social-item.menu-fb {
    left: 8px;
  }
  .menu-social-item.menu-twitter {
    left: 36px;
  }
  .menu-social-item.menu-instagram {
    right: 38px;
  }
  .menu-social-item.menu-tumblr {
    right: 8px;
  }
  .menu-main-item {
    display: block;
    padding: 10px;
    font-size: 15px;
    font-size: 1rem;
    text-align: center;
  }
  .nav-main {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: -webkit-transform 0.1s ease;
    -moz-transition: -moz-transform 0.1s ease;
    -ms-transition: -ms-transform 0.1s ease;
    -o-transition: -o-transform 0.1s ease;
    transition: transform .1s ease;
  }
  .nav-main:after {
    content: 'Menu';
    display: block;
    position: absolute;
    left: 0;
    bottom: -45px;
    width: 100%;
    height: 21px;
    padding: 12px 0;
    background: black;
  }
  .nav-main.open {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .nav-main.open:after {
    content: 'Close';
  }
  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .poster {
    bottom: -46px;
    margin-bottom: -162px;
  }
  .poster-more {
    top: 28px;
    margin-bottom: 14px;
  }
  .poster-starring {
    top: 18px;
    margin-bottom: 16px;
    font-size: 18px;
    font-size: 1.2rem;
  }
  .poster-title {
    margin-bottom: 18px;
  }
  .poster-title img {
    width: 90%;
    height: auto;
  }
  .poster-left,
  .poster-right {
    position: static;
    opacity: 1;
    margin: 14px 0 0!important;
  }
  .poster-left {
    margin: 64px 0 0!important;
  }
  .video-trailer-info {
    font-size: 15px;
    font-size: 1rem;
  }
  #section-reviews {
    padding-left: 10px;
    padding-right: 10px;
  }
  .review-item.review-cuaron {
    margin-bottom: 112px;
  }
  .review-content {
    font-size: 18px;
    font-size: 1.2rem;
  }
  .review-emphasize {
    font-size: 36px;
    font-size: 2.4rem;
  }
  .review-laweekly .review-content {
    font-size: 15px;
    font-size: 1rem;
  }
  .review-laweekly .review-emphasize {
    font-size: 32px;
    font-size: 2.13333333rem;
  }
  .review-thedissolve .review-content {
    font-size: 15px;
    font-size: 1rem;
    line-height: 133.33333333%;
  }
  .review-thedissolve .review-emphasize {
    font-size: 22px;
    font-size: 1.46666667rem;
  }
  .review-nyt .review-content,
  .review-nyt .review-emphasize {
    font-size: 24px;
    font-size: 1.6rem;
  }
  .review-rollingstone .review-content {
    font-size: 18px;
    font-size: 1.2rem;
  }
  .review-rollingstone .review-emphasize {
    font-size: 26px;
    font-size: 1.73333333rem;
  }
  .review-latimes .review-content {
    font-size: 15px;
    font-size: 1rem;
  }
  .review-latimes .review-emphasize {
    font-size: 24px;
    font-size: 1.6rem;
  }
  .review-indiewire .review-content {
    font-size: 18px;
    font-size: 1.2rem;
  }
  .review-wsj .review-content {
    font-size: 18px;
    font-size: 1.2rem;
  }
  .review-villagevoice .review-content {
    font-size: 24px;
    font-size: 1.6rem;
  }
  .reviews-ratings {
    margin-bottom: 64px;
  }
  .review-rating {
    margin: 10px;
  }
  .rating-stars {
    margin-bottom: 5px;
    font-size: 25px;
    font-size: 1.66666667rem;
  }
  .rating-source {
    max-width: 120px;
  }
  #section-plus {
    padding-bottom: 120px;
  }
  .modal-site-title {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .starscape .orbs {
    display: none;
  }
  .starscape .white-stars span {
    width: 1110px;
    height: 600px;
    margin: -300px 0 0 -560px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-size: cover;
  }
  .starscape .white-star-1 {
    -webkit-animation: warp1 12s infinite linear;
    -moz-animation: warp1 12s infinite linear;
    -ms-animation: warp1 12s infinite linear;
    -o-animation: warp1 12s infinite linear;
    animation: warp1 12s infinite linear;
  }
  .starscape .white-star-2 {
    -webkit-animation: warp2 12s linear 6s infinite;
    -moz-animation: warp2 12s linear 6s infinite;
    -ms-animation: warp2 12s linear 6s infinite;
    -o-animation: warp2 12s linear 6s infinite;
    animation: warp2 12s linear 6s infinite;
  }
  .starscape .white-star-3 {
    -webkit-animation: warp1 12s infinite linear;
    -moz-animation: warp1 12s infinite linear;
    -ms-animation: warp1 12s infinite linear;
    -o-animation: warp1 12s infinite linear;
    animation: warp1 12s infinite linear;
  }
  .starscape .white-star-4 {
    -webkit-animation: warp2 12s linear 6s infinite;
    -moz-animation: warp2 12s linear 6s infinite;
    -ms-animation: warp2 12s linear 6s infinite;
    -o-animation: warp2 12s linear 6s infinite;
    animation: warp2 12s linear 6s infinite;
  }
}