@charset "UTF-8";
/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v1.1.3
* Docs at http://davidtheclark.github.io/scut
*/
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, 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, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

*, *:before, *:after {
  box-sizing: border-box;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

html {
  font-size: 100%; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  -webkit-font-smoothing: antialiased;
}

img {
  border: 0;
  vertical-align: middle;
}

p {
  margin: 1em 0;
}
p:first-of-type {
  margin-top: 0;
}
p:last-of-type {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.show-ib {
  display: block;
}

input[type=number] {
  -moz-appearance: textfield;
}

input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
input:focus, textarea:focus {
  outline: none;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media screen and (min-width: 701px) {
  [data-hover-zoom] {
    transition: transform 1.2s;
  }
  [data-hover-zoom]:hover {
    transform: scale(1.06, 1.06) rotate(0.001deg);
  }
  .ua-ie9 [data-hover-zoom]:hover {
    transform: scale(1, 1) rotate(0deg);
  }
}

[data-lightbox] {
  cursor: pointer;
}

[data-fade-in-out] li {
  display: none;
}
[data-fade-in-out] li img {
  -webkit-filter: blur(0px);
}

#guide {
  position: absolute;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(-50%);
}

.maintain-aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  background-color: #000;
  padding-bottom: 63%;
}
@media screen and (min-width: 701px) {
  .maintain-aspect-ratio {
    padding-bottom: 56.25%;
  }
}
.maintain-aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

[data-vimeo-poster-video], [data-youtube-poster-video] {
  position: relative;
  background-color: #000;
}
[data-vimeo-poster-video].hide-overlay:after, [data-youtube-poster-video].hide-overlay:after {
  opacity: 0;
}
[data-vimeo-poster-video]:after, [data-youtube-poster-video]:after {
  cursor: pointer;
  content: " ";
  pointer-events: none;
  transition: all 0.5s;
  width: 89.6px;
  height: 55.3px;
  background-image: url("../images/videos/play-icon.png");
  background-size: 89.6px 55.3px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  [data-vimeo-poster-video]:after, [data-youtube-poster-video]:after {
    background-image: url("../images/videos/play-icon@2x.png");
    background-size: 89.6px 55.3px;
  }
}
[data-vimeo-poster-video]:after, [data-youtube-poster-video]:after {
  position: absolute;
  top: 50%;
  margin-top: auto;
  margin-bottom: auto;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 701px) {
  [data-vimeo-poster-video]:after, [data-youtube-poster-video]:after {
    width: 128px;
    height: 79px;
    background-image: url("../images/videos/play-icon.png");
    background-size: 128px 79px;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 701px) and (min-resolution: 144dppx) {
  [data-vimeo-poster-video]:after, [data-youtube-poster-video]:after {
    background-image: url("../images/videos/play-icon@2x.png");
    background-size: 128px 79px;
  }
}
[data-vimeo-poster-video] img, [data-youtube-poster-video] img {
  width: 100%;
  cursor: pointer;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -50px;
  padding: 0;
  border: none;
  outline: none;
  transition: all 0.3s;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.2;
  cursor: default;
}
@media screen and (min-width: 701px) {
  .slick-prev.slick-disabled:hover,
  .slick-next.slick-disabled:hover {
    transform: translateX(0px);
  }
}

.slick-prev:before, .slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: #000;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -8px;
  width: 40px;
  height: 40px;
  background-image: url("../images/global/scroll-arrow-left.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  .slick-prev {
    background-image: url("../images/global/scroll-arrow-left@2x.png");
    background-size: 40px 40px;
  }
}
.white-arrows .slick-prev {
  width: 40px;
  height: 40px;
  background-image: url("../images/global/scroll-arrow-left-white.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  .white-arrows .slick-prev {
    background-image: url("../images/global/scroll-arrow-left-white@2x.png");
    background-size: 40px 40px;
  }
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -8px;
}
@media screen and (min-width: 701px) {
  .slick-prev:hover {
    transform: translateX(-10px);
  }
}
.slick-prev:before {
  content: "";
}
[dir=rtl] .slick-prev:before {
  content: "";
}

.slick-next {
  right: -8px;
  width: 40px;
  height: 40px;
  background-image: url("../images/global/scroll-arrow-right.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  .slick-next {
    background-image: url("../images/global/scroll-arrow-right@2x.png");
    background-size: 40px 40px;
  }
}
.white-arrows .slick-next {
  width: 40px;
  height: 40px;
  background-image: url("../images/global/scroll-arrow-right-white.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  .white-arrows .slick-next {
    background-image: url("../images/global/scroll-arrow-right-white@2x.png");
    background-size: 40px 40px;
  }
}
@media screen and (min-width: 701px) {
  .slick-next:hover {
    transform: translateX(10px);
  }
}
[dir=rtl] .slick-next {
  left: 8px;
  right: auto;
}
.slick-next:before {
  content: "";
}
[dir=rtl] .slick-next:before {
  content: "";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

#lightbox {
  background-color: rgba(0, 0, 0, 0.88);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
#lightbox.active {
  opacity: 1;
  pointer-events: auto;
}
#lightbox .fig-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: table;
}
#lightbox .fig-wrap .top {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 5%;
  position: relative;
}
#lightbox .fig-wrap .top .spinner {
  position: absolute;
  top: 50%;
  margin-top: auto;
  margin-bottom: auto;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-50%, -50%);
}
#lightbox .fig-wrap .top .spinner img {
  opacity: 0.75;
}
#lightbox .fig-wrap .top figure {
  height: 100%;
  position: relative;
}
.ua-firefox #lightbox .fig-wrap .top figure {
  position: static;
}
#lightbox .fig-wrap .top figure img {
  position: absolute;
  top: 50%;
  margin-top: auto;
  margin-bottom: auto;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
#lightbox .fig-wrap .top figure .video-player, #lightbox .fig-wrap .top figure .video-player-internal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1000px;
  background-color: #000;
  z-index: 1;
  display: none;
}
#lightbox .fig-wrap .top figure .video-player iframe, #lightbox .fig-wrap .top figure .video-player video, #lightbox .fig-wrap .top figure .video-player-internal iframe, #lightbox .fig-wrap .top figure .video-player-internal video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
#lightbox .fig-wrap .top figure .video-player:before, #lightbox .fig-wrap .top figure .video-player-internal:before {
  padding-top: 56.25%;
  content: "";
  display: inline-block;
  vertical-align: top;
}
#lightbox .fig-wrap .top .arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -50px;
  color: #fff;
  padding: 8px;
  opacity: 0.7;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
  display: none;
}
#lightbox .fig-wrap .top .arrow:hover {
  opacity: 1;
  transform: translateX(15px);
}
#lightbox .fig-wrap .top .arrow.prev-btn {
  left: 3%;
}
#lightbox .fig-wrap .top .arrow.prev-btn:hover {
  transform: translateX(-10px);
}
#lightbox .fig-wrap .top .arrow.next-btn {
  right: 3%;
}
#lightbox .fig-wrap .top .arrow.next-btn:hover {
  transform: translateX(10px);
}
#lightbox .fig-wrap .top .arrow img {
  width: 50px;
}
@media screen and (min-width: 701px) {
  #lightbox .fig-wrap .top .arrow img {
    width: 60px;
  }
}
#lightbox .fig-wrap .caption {
  display: table-row;
  vertical-align: bottom;
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 25px 27px;
  border-radius: 5px;
  position: fixed;
}
#lightbox .fig-wrap .caption h3 {
  font-family: "museo-slab", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox #lightbox .fig-wrap .caption h3 {
  font-weight: 500;
}
#lightbox .fig-wrap .caption h3 {
  font-size: 1.5em;
  letter-spacing: 0.015em;
  margin-bottom: 8px;
}
#lightbox .fig-wrap .caption h6 {
  color: #e0e0e0;
  line-height: 1.2em;
}
@media screen and (min-width: 701px) {
  #lightbox .fig-wrap .caption h6 {
    max-width: 600px;
  }
}
#lightbox .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 10;
}
@media screen and (min-width: 701px) {
  #lightbox .close-btn {
    top: 40px;
    right: 40px;
  }
}
#lightbox .close-btn .inner {
  width: 65px;
  height: 65px;
  padding: 10px;
  transition: transform 0.4s;
}
#lightbox .close-btn .inner:hover {
  transform: rotate(90deg);
}

#nav {
  position: fixed;
  height: 106px;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 100;
  transition: height 0.6s, background-color 0.6s;
}
@media screen and (min-width: 701px) {
  #nav {
    height: 164px;
  }
}
.fixed-nav #nav, .fixed-nav-perm #nav, .no-scroll #nav {
  background-image: none;
  background-color: #181818;
  height: 81px;
  border-bottom: 2px solid #3b3b3b;
}
@media screen and (min-width: 701px) {
  .fixed-nav #nav, .fixed-nav-perm #nav, .no-scroll #nav {
    height: 106px;
  }
}
#nav .lockout {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 5px;
}
@media screen and (min-width: 500px) {
  #nav .lockout {
    display: block;
    padding-top: 0;
    gap: 0;
  }
}
#nav .lockout .left {
  flex: 1;
}
@media screen and (min-width: 500px) {
  #nav .lockout .left {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
  }
}
#nav .lockout .left #logo {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 450px) {
  #nav .lockout .left #logo {
    display: flex;
  }
}
#nav .lockout .left #logo a {
  display: inline-block;
}
#nav .lockout .left #logo .inner {
  width: 135.16px;
  height: 32.86px;
  background-image: url("../images/global/nav/logo.png");
  background-size: 135.16px 32.86px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #nav .lockout .left #logo .inner {
    background-image: url("../images/global/nav/logo@2x.png");
    background-size: 135.16px 32.86px;
  }
}
@media (max-width: 450px) {
  #nav .lockout .left #logo .inner {
    width: 25vw;
    background-size: contain !important;
    background-position: center;
  }
}
@media screen and (min-width: 450px) {
  #nav .lockout .left #logo .inner {
    width: 163.5px;
    height: 39.75px;
    background-image: url("../images/global/nav/logo.png");
    background-size: 163.5px 39.75px;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 450px) and (min-resolution: 144dppx) {
  #nav .lockout .left #logo .inner {
    background-image: url("../images/global/nav/logo@2x.png");
    background-size: 163.5px 39.75px;
  }
}
@media screen and (min-width: 701px) {
  #nav .lockout .left #logo .inner {
    width: 218px;
    height: 53px;
    background-image: url("../images/global/nav/logo.png");
    background-size: 218px 53px;
    background-repeat: no-repeat;
    top: 27px;
    left: 0;
  }
}
@media screen and (min-width: 701px) and (min-resolution: 144dppx) {
  #nav .lockout .left #logo .inner {
    background-image: url("../images/global/nav/logo@2x.png");
    background-size: 218px 53px;
  }
}
@media screen and (min-width: 500px) {
  #nav .lockout .right {
    float: right;
  }
}
#nav .lockout .right {
  text-align: right;
  height: 100%;
  display: table;
  position: relative;
}
#nav .lockout .right .find-a-screening {
  vertical-align: middle;
  position: relative;
}
@media screen and (min-width: 701px) {
  #nav .lockout .right .find-a-screening {
    right: -20px;
  }
}
#nav .lockout .right .find-a-screening {
  display: table-cell;
}
@media screen and (min-width: 500px) {
  #nav .lockout .right .find-a-screening {
    right: 0px;
  }
}
@media screen and (min-width: 701px) {
  #nav .lockout .right .find-a-screening {
    right: 20px;
  }
}
#nav .lockout .right .find-a-screening.hidden {
  display: none;
}
@media (max-width: 450px) {
  #nav .lockout .right .find-a-screening .btn {
    padding: 10px;
  }
}
#nav .lockout .right .find-a-screening .btn {
  border: 1px solid #fff;
  color: #fff;
  transition: all 0.3s;
}
#nav .lockout .right .find-a-screening .btn:hover {
  background-color: transparent;
}
@media screen and (min-width: 701px) {
  #nav .lockout .right .find-a-screening .btn:hover {
    background-color: #fff;
    color: #333;
  }
}
#nav .lockout .right .find-a-screening .btn .arrow {
  width: 25px;
  height: 13px;
  background-image: url("../images/global/arrow-right-red.png");
  background-size: 25px 13px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #nav .lockout .right .find-a-screening .btn .arrow {
    background-image: url("../images/global/arrow-right-red@2x.png");
    background-size: 25px 13px;
  }
}
#nav .lockout .right .find-a-screening .btn .arrow {
  position: relative;
  top: 1px;
  margin-right: 11px;
  display: inline-block;
}
#nav .lockout .right .find-a-screening .btn .mobile {
  display: block !important;
  font-size: 0.75em;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 350px) {
  #nav .lockout .right .find-a-screening .btn .mobile {
    font-size: 0.8125em;
  }
}
@media screen and (min-width: 800px) {
  #nav .lockout .right .find-a-screening .btn .mobile {
    display: none !important;
  }
}
#nav .lockout .right .find-a-screening .btn .desktop {
  display: none;
}
@media screen and (min-width: 800px) {
  #nav .lockout .right .find-a-screening .btn .desktop {
    display: inline-block;
  }
}
.hamburger #nav .lockout .right #hamburger {
  display: table-cell;
}
#nav .lockout .right #hamburger {
  display: none;
  vertical-align: middle;
  width: 47px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#nav .lockout .right #hamburger.close {
  transform: translatex(8px);
}
#nav .lockout .right #hamburger.close .bar:nth-child(1) {
  transform: rotate(45deg) translateY(12.5px);
}
#nav .lockout .right #hamburger.close .bar:nth-child(2) {
  opacity: 0;
}
#nav .lockout .right #hamburger.close .bar:nth-child(3) {
  transform: rotate(-45deg) translateY(-12.5px);
}
#nav .lockout .right #hamburger .inner {
  padding: 19px 0px 10px 10px;
  position: relative;
}
@media screen and (min-width: 701px) {
  #nav .lockout .right #hamburger .inner {
    padding: 13px 0px 10px 10px;
  }
}
#nav .lockout .right #hamburger .inner .bar {
  background-color: #fff;
  width: 34px;
  height: 2px;
  margin-bottom: 7px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media screen and (min-width: 350px) {
  #nav .lockout .right #hamburger .inner .bar {
    width: 44px;
  }
}
@media screen and (min-width: 701px) {
  #nav .lockout .right #hamburger .inner .bar {
    width: 47px;
  }
}
#nav .lockout .right #hamburger .inner .hit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ua-ie #nav .lockout .right #hamburger .inner .hit {
  background-color: rgba(0, 0, 0, 0.01);
}

#nav-home {
  position: fixed;
  height: 86px;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  background: #181818;
  z-index: 100;
}
#nav-home .lockout .left {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
#nav-home .lockout .left #logo {
  display: table-cell;
  vertical-align: middle;
}
#nav-home .lockout .left #logo a {
  display: inline-block;
}
#nav-home .lockout .left #logo .inner {
  width: 135.16px;
  height: 32.86px;
  background-image: url("../images/global/nav/logo.png");
  background-size: 135.16px 32.86px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #nav-home .lockout .left #logo .inner {
    background-image: url("../images/global/nav/logo@2x.png");
    background-size: 135.16px 32.86px;
  }
}
@media screen and (min-width: 350px) {
  #nav-home .lockout .left #logo .inner {
    width: 163.5px;
    height: 39.75px;
    background-image: url("../images/global/nav/logo.png");
    background-size: 163.5px 39.75px;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 350px) and (min-resolution: 144dppx) {
  #nav-home .lockout .left #logo .inner {
    background-image: url("../images/global/nav/logo@2x.png");
    background-size: 163.5px 39.75px;
  }
}
@media screen and (min-width: 701px) {
  #nav-home .lockout .left #logo .inner {
    width: 218px;
    height: 53px;
    background-image: url("../images/global/nav/logo.png");
    background-size: 218px 53px;
    background-repeat: no-repeat;
    top: 27px;
    left: 0;
  }
}
@media screen and (min-width: 701px) and (min-resolution: 144dppx) {
  #nav-home .lockout .left #logo .inner {
    background-image: url("../images/global/nav/logo@2x.png");
    background-size: 218px 53px;
  }
}
#nav-home .lockout .left ul {
  display: none;
  vertical-align: middle;
}
#nav-home .lockout .left ul:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 1100px) {
  #nav-home .lockout .left ul {
    display: table-cell;
  }
}
#nav-home .lockout .left ul li {
  float: left;
  text-transform: uppercase;
  margin-right: 3%;
  font-size: 0.9375em;
}
@media screen and (min-width: 1200px) {
  #nav-home .lockout .left ul li {
    font-size: 1em;
    margin-right: 4%;
  }
}
#nav-home .lockout .left ul li a {
  color: #a5a5a5;
  transition: color 0.3s;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox #nav-home .lockout .left ul li a {
  font-weight: 400;
}
#nav-home .lockout .left ul li a {
  letter-spacing: 0.09em;
}
#nav-home .lockout .left ul li a:hover {
  color: #fff;
}
#nav-home .lockout .right {
  float: right;
  text-align: right;
  height: 100%;
  display: table;
  position: relative;
}
#nav-home .lockout .right .find-a-screening {
  vertical-align: middle;
  position: relative;
  right: -20px;
  display: table-cell;
}
@media screen and (min-width: 500px) {
  #nav-home .lockout .right .find-a-screening {
    right: 0px;
  }
}
@media screen and (min-width: 701px) {
  #nav-home .lockout .right .find-a-screening {
    right: 20px;
  }
}
@media screen and (min-width: 1100px) {
  #nav-home .lockout .right .find-a-screening {
    right: -30px;
  }
}
#nav-home .lockout .right .find-a-screening.hidden {
  display: none;
}
#nav-home .lockout .right .find-a-screening .btn {
  border: 1px solid #fff;
  color: #fff;
  transition: all 0.3s;
}
#nav-home .lockout .right .find-a-screening .btn:hover {
  background-color: transparent;
}
@media screen and (min-width: 701px) {
  #nav-home .lockout .right .find-a-screening .btn:hover {
    background-color: #fff;
    color: #333;
  }
}
#nav-home .lockout .right .find-a-screening .btn .arrow {
  width: 25px;
  height: 13px;
  background-image: url("../images/global/arrow-right-red.png");
  background-size: 25px 13px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #nav-home .lockout .right .find-a-screening .btn .arrow {
    background-image: url("../images/global/arrow-right-red@2x.png");
    background-size: 25px 13px;
  }
}
#nav-home .lockout .right .find-a-screening .btn .arrow {
  position: relative;
  top: 1px;
  margin-right: 11px;
  display: inline-block;
}
#nav-home .lockout .right .find-a-screening .btn .mobile {
  display: block !important;
  font-size: 0.75em;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 350px) {
  #nav-home .lockout .right .find-a-screening .btn .mobile {
    font-size: 0.8125em;
  }
}
@media screen and (min-width: 600px) {
  #nav-home .lockout .right .find-a-screening .btn .mobile {
    display: none !important;
  }
}
#nav-home .lockout .right .find-a-screening .btn .desktop {
  display: none;
}
@media screen and (min-width: 600px) {
  #nav-home .lockout .right .find-a-screening .btn .desktop {
    display: inline-block;
  }
}
#nav-home .lockout .right #hamburger {
  vertical-align: middle;
  width: 47px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  display: table-cell;
}
@media screen and (min-width: 1100px) {
  #nav-home .lockout .right #hamburger {
    display: none;
  }
}
#nav-home .lockout .right #hamburger.close {
  transform: translatex(8px);
}
#nav-home .lockout .right #hamburger.close .bar:nth-child(1) {
  transform: rotate(45deg) translateY(12.5px);
}
#nav-home .lockout .right #hamburger.close .bar:nth-child(2) {
  opacity: 0;
}
#nav-home .lockout .right #hamburger.close .bar:nth-child(3) {
  transform: rotate(-45deg) translateY(-12.5px);
}
#nav-home .lockout .right #hamburger .inner {
  padding: 19px 0px 10px 10px;
  position: relative;
}
@media screen and (min-width: 701px) {
  #nav-home .lockout .right #hamburger .inner {
    padding: 13px 0px 10px 10px;
  }
}
#nav-home .lockout .right #hamburger .inner .bar {
  background-color: #fff;
  width: 34px;
  height: 2px;
  margin-bottom: 7px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media screen and (min-width: 350px) {
  #nav-home .lockout .right #hamburger .inner .bar {
    width: 44px;
  }
}
@media screen and (min-width: 701px) {
  #nav-home .lockout .right #hamburger .inner .bar {
    width: 47px;
  }
}
#nav-home .lockout .right #hamburger .inner .hit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ua-ie #nav-home .lockout .right #hamburger .inner .hit {
  background-color: rgba(0, 0, 0, 0.01);
}

#nav-home .lockout,
body.awards .home-content .lockout {
  height: 100%;
  max-width: 1300px;
}
@media screen and (min-width: 701px) {
  #nav-home .lockout,
  body.awards .home-content .lockout {
    width: 85%;
  }
}

body.guilds .home-content .lockout {
  width: 100% !important;
  margin: 0 !important;
  max-width: unset !important;
}

#nav-overlay {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #181818;
  z-index: 1;
  display: block;
  color: #fff;
  padding-top: 150px;
}
#nav-overlay.transform {
  transition: 0.5s transform ease-in-out 0.2s;
}
#nav-overlay {
  transform: translateX(100vw);
}
@media screen and (min-width: 701px) {
  #nav-overlay {
    padding-top: 230px;
  }
}
#nav-overlay.scroll {
  overflow-y: scroll;
}
#nav-overlay .lockout {
  position: relative;
}
@media screen and (min-width: 701px) {
  #nav-overlay .lockout {
    display: table;
    width: 80%;
    max-width: 1240px;
    margin-bottom: 140px;
  }
}
#nav-overlay .lockout a {
  color: #8e8e8e;
  transition: all 0.3s;
  display: block;
  letter-spacing: 0.01em;
  line-height: 1.2em;
}
#nav-overlay .lockout a:hover {
  color: #fff;
}
#nav-overlay .lockout h3 {
  text-transform: uppercase;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox #nav-overlay .lockout h3 {
  font-weight: 600;
}
#nav-overlay .lockout h3 {
  font-size: 1.1875em;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
}
#nav-overlay .lockout .left-side {
  font-size: 110%;
}
@media screen and (min-width: 701px) {
  #nav-overlay .lockout .left-side {
    display: table-cell;
    vertical-align: top;
    width: 33%;
    font-size: 100%;
  }
}
#nav-overlay .lockout .left-side ul {
  margin-bottom: 60px;
}
@media screen and (min-width: 701px) {
  #nav-overlay .lockout .left-side ul {
    margin-bottom: 80px;
  }
}
#nav-overlay .lockout .left-side ul li {
  position: relative;
}
#nav-overlay .lockout .left-side ul li.active {
  color: #fff;
}
#nav-overlay .lockout .left-side ul li.active a {
  color: #fff;
  cursor: default;
}
@media screen and (min-width: 769px) {
  #nav-overlay .lockout .left-side ul li.active:before {
    position: absolute;
    left: -6.6vw;
    top: 18px;
    content: "";
    width: 4.5vw;
    height: 1px;
    background-color: #8c8c8c;
  }
}
@media screen and (min-width: 769px) {
  #nav-overlay .lockout .left-side ul li.active:after {
    position: absolute;
    left: -2.4vw;
    top: 16px;
    content: "";
    width: 7px;
    height: 5px;
    background-color: #8c8c8c;
  }
}
#nav-overlay .lockout .left-side ul li a {
  padding: 8px 0;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox #nav-overlay .lockout .left-side ul li a {
  font-weight: 400;
}
#nav-overlay .lockout .left-side ul li a {
  font-size: 1.0625em;
}
#nav-overlay .lockout .left-side .films {
  text-transform: uppercase;
}
#nav-overlay .lockout .center {
  text-align: center;
  vertical-align: middle;
  display: none;
}
@media screen and (min-width: 1060px) {
  #nav-overlay .lockout .center {
    display: table-cell;
  }
}
#nav-overlay .lockout .center h1 {
  font-family: "Abril Fatface", cursive;
  font-size: 3em;
  position: relative;
  position: relative;
  top: -12vh;
}
#nav-overlay .lockout .center h1:before {
  height: 6vw;
  width: 1px;
  background-color: #3d3d3d;
  content: "";
  position: absolute;
  top: -7.5vw;
  position: absolute;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(-50%);
}
#nav-overlay .lockout .center h1:after {
  height: 6vw;
  width: 1px;
  background-color: #3d3d3d;
  content: "";
  position: absolute;
  bottom: -8vw;
  position: absolute;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(-50%);
}
#nav-overlay .lockout .right-side {
  margin-bottom: 80px;
}
@media screen and (min-width: 701px) {
  #nav-overlay .lockout .right-side {
    display: table-cell;
    vertical-align: top;
    width: 33%;
    margin-bottom: 50px;
  }
}
#nav-overlay .lockout .right-side ul {
  position: relative;
}
#nav-overlay .lockout .right-side ul:before {
  position: absolute;
  top: -32px;
  left: 0;
  content: "";
  width: 40px;
  height: 1px;
  background-color: #d3281c;
}
@media screen and (min-width: 701px) {
  #nav-overlay .lockout .right-side ul:before {
    display: none;
  }
}
#nav-overlay .lockout .right-side ul li {
  text-align: left;
  text-transform: uppercase;
  padding: 8px 0;
  font-size: 1.1875em;
  line-height: 1.2em;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox #nav-overlay .lockout .right-side ul li {
  font-weight: 400;
}
#nav-overlay .lockout .right-side ul li {
  color: #8e8e8e;
  transition: all 0.3s;
  cursor: pointer;
}
#nav-overlay .lockout .right-side ul li:hover {
  color: #fff;
}
@media screen and (min-width: 701px) {
  #nav-overlay .lockout .right-side ul li {
    text-align: right;
    padding: 16px 0;
  }
}

#footer {
  padding: 65px 5%;
  text-align: center;
  background-color: #181818;
  z-index: 2;
  position: relative;
  display: block;
}
#footer h6 {
  color: #fff;
}
#footer .for-your {
  letter-spacing: 0.02em;
  margin-bottom: 35px;
  font-size: 16px;
}
#footer .footerlogo {
  margin: 10px auto 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer .footerlogo img {
  height: 50px;
  position: relative;
  border: 0;
  vertical-align: middle;
}
#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer ul li {
  display: inline-block;
  margin: 0 10px 10px;
}
#footer ul li a {
  text-transform: uppercase;
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 0.875em;
  letter-spacing: 0.06em;
  transition: all 0.3s;
  font-weight: 400;
}
#film #hero {
  height: 560px;
  color: #fff;
  position: relative;
  overflow: hidden;
  background-color: transparent;
}
@media only screen and (max-width: 750px) and (orientation: landscape) {
  #film #hero {
    height: 700px;
  }
}
@media screen and (min-width: 768px) {
  #film #hero {
    min-height: 650px;
    height: 100vh;
  }
}
#film #hero .background {
  background-color: #000;
  overflow: hidden;
  width: 100%;
  z-index: 0;
  height: 560px;
}
@media only screen and (max-width: 750px) and (orientation: landscape) {
  #film #hero .background {
    height: 700px;
  }
}
@media screen and (min-width: 768px) {
  #film #hero .background {
    min-height: 650px;
    height: 100vh;
  }
}
#film #hero .background .photo {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 100%;
}
#film #hero .background .video {
  position: relative;
  height: 100%;
  overflow: hidden;
  display: none;
}
@media screen and (min-width: 701px) {
  #film #hero .background .video {
    display: block;
  }
}
.ua-mobile #film #hero .background .video {
  display: none;
}
#film #hero .background .video video {
  position: absolute;
  top: 50%;
  margin-top: auto;
  margin-bottom: auto;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}
#film #hero .inner {
  position: absolute;
  bottom: 40px;
  width: 100%;
  padding: 0 8%;
  text-align: center;
  z-index: 2;
}
#film #hero .inner .title {
  font-size: 3.4375em;
  font-family: "Abril Fatface", cursive;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  #film #hero .inner .title {
    font-size: 5em;
    margin-bottom: 18px;
  }
}
#film #hero .inner .title img {
  margin: 0 auto;
}
#film #hero .inner .subtitle {
  font-size: 1.15625em;
  letter-spacing: 0em;
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  font-style: italic;
  margin-bottom: 25px;
  text-transform: none;
}
@media screen and (min-width: 780px) {
  #film #hero .inner .subtitle {
    margin-bottom: 45px;
    letter-spacing: 0.035em;
  }
}
#film #hero .inner .title-btn-holder {
  margin: -5px 0 10px;
}
#film #hero .inner .title-btn-holder .btn {
  color: #fff;
}
#film #hero .inner .title-btn-holder .title-btn-tagline {
  max-width: 600px;
  margin: 10px auto 0;
  font-size: 1.03125em;
  letter-spacing: 0em;
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  font-style: italic;
}
@media screen and (min-width: 780px) {
  #film #hero .inner .title-btn-holder .title-btn-tagline {
    letter-spacing: 0.035em;
  }
}
#film #hero .inner .line {
  width: 1px;
  height: 8vh;
  background-color: rgba(255, 255, 255, 0.4);
  margin: 0 auto 29px;
  opacity: 0;
}
@media screen and (min-width: 780px) {
  #film #hero .inner .line {
    height: 22vh;
  }
}
@media screen and (min-width: 1100px) {
  #film #hero .inner .line {
    opacity: 1;
  }
}
#film #hero .inner .scroll {
  opacity: 0;
}
@media screen and (min-width: 1100px) {
  #film #hero .inner .scroll {
    opacity: 1;
  }
}
#film #hero .inner .scroll .icon {
  width: 33px;
  height: 46px;
  background-image: url("../images/global/mouse.png");
  background-size: 33px 46px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #hero .inner .scroll .icon {
    background-image: url("../images/global/mouse@2x.png");
    background-size: 33px 46px;
  }
}
#film #hero .inner .scroll .icon {
  margin: 0 auto 18px;
}
#film #hero .inner .scroll h4 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox #film #hero .inner .scroll h4 {
  font-weight: 400;
}
#film #hero .inner .scroll h4 {
  font-size: 1.0625em;
  letter-spacing: 0.02em;
}
#film #hero .bottom-gradient {
  background: transparent url("../images/global/bottom-gradient.png") top left repeat-x;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 420px;
}
#film #hero .awards-wrap {
  position: absolute;
  width: 100%;
  bottom: 30px;
  left: 0;
  max-height: 110px;
  z-index: 2;
}
@media screen and (min-width: 701px) {
  #film #hero .awards-wrap {
    bottom: 50px;
  }
}
#film #hero .awards-wrap .lockout {
  position: relative;
  height: 100%;
}
@media screen and (min-width: 950px) {
  #film #hero .awards-wrap .lockout {
    display: table;
  }
}
#film #hero .awards-wrap .lockout .awards.left {
  text-align: center;
  display: block;
  position: relative;
}
@media screen and (min-width: 950px) {
  #film #hero .awards-wrap .lockout .awards.left {
    text-align: left;
    display: table-cell;
  }
}
#film #hero .awards-wrap .lockout .awards.right {
  display: none;
}
@media screen and (min-width: 950px) {
  #film #hero .awards-wrap .lockout .awards.right {
    text-align: right;
    display: table-cell;
    vertical-align: bottom;
  }
}
#film #hero .awards-wrap .lockout .awards li img {
  max-height: 110px;
  width: 95%;
}
@media screen and (min-width: 400px) {
  #film #hero .awards-wrap .lockout .awards li img {
    width: auto;
  }
}
#film #categories {
  background-color: #f0f0f0;
  padding: 55px 0 0;
}
@media screen and (min-width: 701px) {
  #film #categories {
    padding: 70px 0 50px;
  }
}
#film #categories .categories {
  padding: 54px 0 0px;
}
#film #categories .categories:after {
  content: "";
  display: table;
  clear: both;
}
#film #categories .categories {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 701px) {
  #film #categories .categories {
    padding: 54px 0 0;
  }
}
@media screen and (min-width: 1100px) {
  #film #categories .categories {
    padding: 54px 0;
  }
}
@media screen and (min-width: 1100px) {
  #film #categories .categories .mobile-tablet {
    display: none;
  }
}
#film #categories .categories .mobile-tablet .regular {
  display: none;
}
@media screen and (min-width: 701px) {
  #film #categories .categories .mobile-tablet .regular {
    display: block !important;
  }
}
#film #categories .categories .mobile-tablet .show-more {
  margin-top: 5px;
  text-align: center;
  padding-bottom: 40px;
  transition: all 0.3s;
}
@media screen and (min-width: 701px) {
  #film #categories .categories .mobile-tablet .show-more {
    display: none;
  }
}
#film #categories .categories .mobile-tablet .show-more.opened {
  margin-top: -40px;
  margin-bottom: 20px;
}
#film #categories .categories .mobile-tablet .show-more.opened .less-text {
  display: block;
}
#film #categories .categories .mobile-tablet .show-more.opened .more-text {
  display: none;
}
#film #categories .categories .mobile-tablet .show-more .less-text {
  display: none;
}
#film #categories .categories .desktop {
  display: none;
}
@media screen and (min-width: 1100px) {
  #film #categories .categories .desktop {
    display: block;
  }
}
#film #categories .categories ul:after {
  content: "";
  display: table;
  clear: both;
}
#film #categories .categories ul {
  text-align: center;
  /*
  @include media(breakpoint(1100)) {
    @include span-columns(4);
    @include omega(3n);
  }

  &.featured {
    background-color: #fff;
    margin-bottom: 35px;
    padding: 55px 0 5px;
    @include media($tablet) {
      padding: 20px 0 75px;
    }
    @include media(breakpoint(1100)) {
      padding: 0;
    }
    li {
      background-color: #fff;
    }
  }
  &.regular {
    margin-bottom: 35px;
    padding: 25px 0 0;
    @include media($tablet) {
      padding: 0;
    }
    @include media(breakpoint(1100)) {
      padding: 0;
    }
  }
  @include media($tablet) {
    padding: 0;
  }
  @include media(breakpoint(1100)) {
    padding: 0;
  }
   */
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 701px) {
  #film #categories .categories ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1100px) {
  #film #categories .categories ul {
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}
#film #categories .categories ul {
  padding-bottom: 35px;
}
#film #categories .categories ul li {
  padding: 45px 0;
  background-color: #fff;
}
@media screen and (min-width: 701px) {
  #film #categories .categories ul li {
    background-color: #fff;
  }
}
@media screen and (min-width: 1100px) {
  #film #categories .categories ul li {
    background-color: #f0f0f0;
  }
  #film #categories .categories ul li:nth-child(3n-1) {
    background-color: #fff;
  }
}
#film #categories .categories ul li {
  display: inline-block;
  text-align: left;
  padding-bottom: 40px;
  /*

  display: inline-block;
  text-align: left;
  @include media($tablet) {
    margin-bottom: -63px;
    @include span-columns(6);
    @include omega(2n);
    .inner {
      padding: 55px 15% 55px 15%;
    }
  }
  @include media(breakpoint(1100)) {
    @include omega-reset(2n);
    @include omega(3n);
    @include span-columns(12);
    margin-bottom: -33px;
    .inner {
      padding: 55px 15%;
    }
  }

   */
}
#film #categories .categories ul li .inner {
  display: table;
  width: 100%;
  padding-left: 8%;
  padding-right: 8%;
}
@media screen and (min-width: 701px) {
  #film #categories .categories ul li .inner {
    padding-left: 15%;
  }
}
#film #categories .categories ul li .inner .line {
  vertical-align: top;
  width: 47px;
  display: table-cell;
}
#film #categories .categories ul li .inner .line .line-graphic {
  width: 47px;
  height: 1px;
  background-color: #b7b2a6;
  margin-top: 8px;
}
#film #categories .categories ul li .inner .text-content {
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
}
#film #categories .categories ul li .inner .text-content h5 {
  text-transform: uppercase;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox #film #categories .categories ul li .inner .text-content h5 {
  font-weight: 600;
}
#film #categories .categories ul li .inner .text-content h5 {
  font-size: 1em;
  letter-spacing: 0.06em;
  margin-bottom: 17px;
  line-height: 1.2em;
}
@media screen and (min-width: 701px) {
  #film #categories .categories ul li .inner .text-content h5 {
    margin-bottom: 22px;
  }
}
#film #categories .categories ul li .inner .text-content h6 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox #film #categories .categories ul li .inner .text-content h6 {
  font-weight: 400;
}
#film #categories .categories ul li .inner .text-content h6 {
  letter-spacing: 0.01em;
  margin-bottom: 5px;
}
#film #videos {
  background-color: #000;
}
#film #videos .video-player {
  background-color: #000;
  cursor: pointer;
}
#film #videos .video-player .poster-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;
  cursor: pointer;
  padding: 0 20px;
  z-index: 2;
}
#film #videos .video-player .poster-wrap .inner {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: auto;
  margin-bottom: auto;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media (max-width: 500px) {
  #film #videos .video-player .poster-wrap .inner {
    width: 100%;
  }
}
#film #videos .video-player .poster-wrap .inner .detail {
  margin: 0 auto -25px;
  display: none;
}
@media screen and (min-width: 701px) {
  #film #videos .video-player .poster-wrap .inner .detail {
    display: block;
  }
}
#film #videos .video-player .poster-wrap .inner .detail .video-number {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 3px;
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  font-size: 1.3125em;
}
#film #videos .video-player .poster-wrap .inner .line {
  width: 1px;
  height: 7vw;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 auto 15px;
  display: none;
}
@media screen and (min-width: 701px) {
  #film #videos .video-player .poster-wrap .inner .line {
    display: block;
  }
}
#film #videos .video-player .poster-wrap .inner .title {
  font-family: "Abril Fatface", cursive;
  font-size: 2.25em;
  margin-bottom: 13px;
  text-shadow: 0 0 7px #000;
}
@media (max-width: 500px) {
  #film #videos .video-player .poster-wrap .inner .title {
    font-size: 1.5em;
  }
}
#film #videos .video-player .poster-wrap .inner .subtitle {
  font-size: 1.125em;
  letter-spacing: 0.008em;
  margin-bottom: 2.2vw;
  text-shadow: 0 0 7px #000;
}
#film #videos .video-player .poster-wrap .inner .play-icon {
  margin: 0 auto;
  width: 65px;
  height: 65px;
  background-image: url("../images/videos/play-icon.png");
  background-size: 65px 65px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #videos .video-player .poster-wrap .inner .play-icon {
    background-image: url("../images/videos/play-icon@2x.png");
    background-size: 65px 65px;
  }
}
#film #download-screenplay {
  min-height: 400px;
  background-color: #f0f0f0;
  padding: 80px 0 0;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 701px) {
  #film #download-screenplay {
    padding: 125px 0 0;
  }
}
@media screen and (min-width: 1025px) {
  #film #download-screenplay {
    padding: 155px 0 0;
  }
}
#film #download-screenplay .title {
  margin-bottom: 14px;
}
#film #download-screenplay .preferred {
  font-size: 1.125em;
  text-align: center;
  letter-spacing: 0.01em;
  margin-bottom: 50px;
}
@media screen and (min-width: 701px) {
  #film #download-screenplay .preferred {
    margin-bottom: 80px;
  }
}
#film #download-screenplay .download-type {
  text-align: center;
  padding: 0 20px 75px;
}
@media screen and (min-width: 1025px) {
  #film #download-screenplay .download-type {
    padding-bottom: 150px;
  }
}
#film #download-screenplay .download-type li {
  display: inline-block;
  margin: 0 0.7% 12px;
}
@media screen and (min-width: 701px) {
  #film #download-screenplay .download-type li {
    min-width: 220px;
  }
}
#film #download-screenplay .download-type li a {
  min-width: 250px;
}
#film #download-screenplay #download-drawer {
  display: none;
}
#film #download-screenplay #download-drawer:after {
  content: "";
  display: table;
  clear: both;
}
#film #download-screenplay #download-drawer {
  background-color: #d3281c;
  text-align: center;
  padding: 25% 10px;
  position: relative;
}
@media screen and (min-width: 701px) {
  #film #download-screenplay #download-drawer {
    padding: 16% 20px;
  }
}
#film #download-screenplay #download-drawer .top-triangle {
  display: inline-block;
  height: 0;
  width: 0;
  -webkit-transform: rotate(360deg);
  border-width: 12px 13px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #f0f0f0;
  border-bottom-width: 0;
  top: -1px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
}
#film #download-screenplay #download-drawer .btn {
  border: 1px solid #fff;
  color: #fff;
  display: table;
  margin: 0 auto 50px;
}
#film #download-screenplay #download-drawer .btn:hover {
  background-color: #fff;
  color: #d3281c;
}
@media screen and (min-width: 900px) {
  #film #download-screenplay #download-drawer .btn {
    margin-right: 6%;
    margin-bottom: 0;
    display: inline-block;
  }
}
#film #download-screenplay #download-drawer .email-wrap {
  display: inline-block;
}
#film #download-screenplay #download-drawer .email-wrap .or-send {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 15px;
  line-height: 1.1em;
}
@media screen and (min-width: 1400px) {
  #film #download-screenplay #download-drawer .email-wrap .or-send {
    margin-right: 15px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 701px) {
  #film #download-screenplay #download-drawer .email-wrap .or-send .break {
    display: none;
  }
}
#film #download-screenplay #download-drawer .email-wrap .line {
  vertical-align: middle;
  width: 40px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  margin-right: 15px;
  display: none;
}
@media screen and (min-width: 1400px) {
  #film #download-screenplay #download-drawer .email-wrap .line {
    display: inline-block;
  }
}
#film #download-screenplay #download-drawer .email-wrap .input-wrap {
  display: block;
  vertical-align: middle;
  text-align: center;
}
@media screen and (min-width: 900px) {
  #film #download-screenplay #download-drawer .email-wrap .input-wrap {
    text-align: left;
  }
}
@media screen and (min-width: 1400px) {
  #film #download-screenplay #download-drawer .email-wrap .input-wrap {
    display: inline-block;
  }
}
#film #download-screenplay #download-drawer .email-wrap .input-wrap form {
  position: relative;
  display: inline-block;
}
#film #download-screenplay #download-drawer .email-wrap .input-wrap form input {
  background-color: #bb1d12;
  padding-left: 60px;
  padding-right: 50px;
}
#film #download-screenplay #download-drawer .email-wrap .input-wrap form input.error {
  border: 1px solid #ffffff;
}
#film #download-screenplay #download-drawer .email-wrap .input-wrap form .envelope {
  width: 28px;
  height: 20px;
  background-image: url("../images/global/icon-envelope.png");
  background-size: 28px 20px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #download-screenplay #download-drawer .email-wrap .input-wrap form .envelope {
    background-image: url("../images/global/icon-envelope@2x.png");
    background-size: 28px 20px;
  }
}
#film #download-screenplay #download-drawer .email-wrap .input-wrap form .envelope {
  position: absolute;
  top: 21px;
  left: 18px;
}
#film #download-screenplay #download-drawer .email-wrap .input-wrap form .arrow {
  width: 40px;
  height: 40px;
  background-image: url("../images/global/arrow-right-white.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #download-screenplay #download-drawer .email-wrap .input-wrap form .arrow {
    background-image: url("../images/global/arrow-right-white@2x.png");
    background-size: 40px 40px;
  }
}
#film #download-screenplay #download-drawer .email-wrap .input-wrap form .arrow {
  position: absolute;
  top: 11px;
  right: 12px;
  cursor: pointer;
}
#film #cast {
  min-height: 400px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
#film #cast .cast-wrap {
  background-color: #1a1a1a;
  position: relative;
  margin-bottom: 0;
}
.ua-safari #film #cast .cast-wrap li {
  margin-right: 1px;
}
@media screen and (min-width: 850px) {
  #film #cast .cast-wrap li .inner {
    display: table;
    width: 100%;
    height: 750px;
  }
}
#film #cast .cast-wrap li .inner .left {
  background: none;
}
@media screen and (min-width: 850px) {
  #film #cast .cast-wrap li .inner .left {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    min-width: 350px;
    width: 39%;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
    padding: 300px 6% 5% 6%;
  }
}
#film #cast .cast-wrap li .inner .left .text-wrap {
  color: #fff;
  padding: 6% 5.5% 8%;
  background-color: #2d2d2d;
}
@media screen and (min-width: 850px) {
  #film #cast .cast-wrap li .inner .left .text-wrap {
    padding: 0;
    background-color: transparent;
  }
}
#film #cast .cast-wrap li .inner .left .text-wrap .name {
  font-size: 1.75em;
  font-family: "Abril Fatface", cursive;
  margin-bottom: 9px;
}
@media screen and (min-width: 850px) {
  #film #cast .cast-wrap li .inner .left .text-wrap .name {
    font-size: 2.0625em;
  }
}
#film #cast .cast-wrap li .inner .left .text-wrap .character {
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  margin-bottom: 20px;
  color: #a2a2a2;
  font-size: 0.9375em;
  letter-spacing: 0.04em;
}
#film #cast .cast-wrap li .inner .left .text-wrap .copy {
  line-height: 1.8em;
  font-size: 0.9375em;
  opacity: 0.95;
}
#film #cast .cast-wrap li .inner .left .mobile-top {
  width: 100%;
  display: block;
}
@media screen and (min-width: 850px) {
  #film #cast .cast-wrap li .inner .left .mobile-top {
    display: none;
  }
}
#film #cast .cast-wrap li .inner .left .top-thumb {
  width: 100%;
  display: none;
}
@media screen and (min-width: 850px) {
  #film #cast .cast-wrap li .inner .left .top-thumb {
    display: none;
  }
}
@media screen and (min-width: 1360px) {
  #film #cast .cast-wrap li .inner .left .top-thumb {
    display: block;
    position: absolute;
    top: 0;
    right: -180px;
    max-width: 360px;
  }
}
@media screen and (min-width: 850px) {
  #film #cast .cast-wrap li .inner .right {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
  }
}
#film #cast #next-slide-preview {
  width: 200px;
  height: 210px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover !important;
  background-position: center center !important;
  cursor: pointer;
  display: none;
  z-index: 3;
}
@media screen and (min-width: 1150px) {
  #film #cast #next-slide-preview {
    display: block;
  }
}
#film #cast #next-slide-preview:hover .inner {
  transform: translateX(30px);
}
#film #cast #next-slide-preview .inner {
  display: table;
  width: 300px;
  height: 60px;
  margin: 80px 0 0 -100px;
  color: #fff;
  transition: all 0.3s;
}
#film #cast #next-slide-preview .inner .arrow {
  display: table-cell;
  vertical-align: middle;
  width: 52px;
}
#film #cast #next-slide-preview .inner .arrow .arrow-inner {
  width: 40px;
  height: 40px;
  background-image: url("../images/global/arrow-right-white.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #cast #next-slide-preview .inner .arrow .arrow-inner {
    background-image: url("../images/global/arrow-right-white@2x.png");
    background-size: 40px 40px;
  }
}
#film #cast #next-slide-preview .inner .name-character {
  display: table-cell;
  vertical-align: middle;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
}
#film #cast #next-slide-preview .inner .name-character .name {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox #film #cast #next-slide-preview .inner .name-character .name {
  font-weight: 600;
}
#film #cast #next-slide-preview .inner .name-character .name {
  letter-spacing: 0.08em;
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom: 5px;
}
#film #cast #next-slide-preview .inner .name-character .character {
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  font-size: 1em;
}
#film #gallery {
  overflow: hidden;
  background-color: #222;
  position: relative;
}
@media screen and (min-width: 701px) {
  #film #gallery {
    height: 400px;
    overflow: hidden;
  }
}
@media screen and (min-width: 701px) and (min-width: 701px) {
  #film #gallery {
    height: 750px;
  }
}
#film #gallery .slides-controls {
  height: 400px;
  position: relative;
}
@media screen and (min-width: 701px) {
  #film #gallery .slides-controls {
    height: 750px;
  }
}
#film #gallery .slides-controls .slides {
  width: 999999px;
  height: 400px;
  position: relative;
}
#film #gallery .slides-controls .slides:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 701px) {
  #film #gallery .slides-controls .slides {
    height: 750px;
  }
}
#film #gallery .slides-controls .slides li {
  float: left;
  height: 400px;
  background-size: cover;
  position: relative;
  transition: all 0.5s;
}
@media screen and (min-width: 701px) {
  #film #gallery .slides-controls .slides li {
    height: 750px;
  }
}
#film #gallery .slides-controls .slides li {
  z-index: 3;
}
#film #gallery .slides-controls .slides li.active {
  z-index: 2;
}
#film #gallery .slides-controls .slides li.active.finished .caption {
  opacity: 1;
}
#film #gallery .slides-controls .slides li.pending {
  z-index: 1;
}
#film #gallery .slides-controls .slides li.notransition {
  transition: none;
}
#film #gallery .slides-controls .slides li:not(.active) {
  filter: grayscale(100%);
  filter: gray; /* IE6-9 */
}
#film #gallery .slides-controls .slides li:after {
  content: "";
  background-image: url(../images/gallery/right-gradient.png);
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  height: 400px;
}
@media screen and (min-width: 701px) {
  #film #gallery .slides-controls .slides li:after {
    height: 750px;
  }
}
#film #gallery .slides-controls .slides li .caption {
  display: block;
  opacity: 0;
  transition: opacity 0.2s;
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 55%;
}
#film #gallery .slides-controls .slides li .caption .inner {
  color: #362e22;
  line-height: 1.8em;
  font-size: 0.84375em;
  background-color: #fff;
  padding: 45px 30px 35px;
  transition: opacity 0.3s;
}
#film #gallery .slides-controls .slides li .caption .inner:before {
  position: absolute;
  top: -10px;
  left: 40px;
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  -webkit-transform: rotate(360deg);
  border-width: 12px 13px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #fff;
  border-top-width: 0;
}
#film #gallery .slides-controls .slides li .caption .inner.hidden {
  opacity: 0;
}
#film #gallery .slides-controls .slides li .caption .inner p:first-letter {
  font-size: 3.125em;
  font-family: "Abril Fatface", cursive;
  float: left;
  line-height: 1em;
  padding: 1px 6px 0px 0;
}
.ua-firefox #film #gallery .slides-controls .slides li .caption .inner p:first-letter {
  padding: 9px 6px 0px 0;
}
#film #gallery .slides-controls .slides li .caption .inner .close-btn {
  position: absolute;
  top: 13px;
  right: 13px;
  font-size: 1.625em;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  color: #ccc;
  cursor: pointer;
  z-index: 2;
}
#film #gallery .slides-controls .controls {
  position: absolute;
  top: 50%;
  margin-top: -110px;
  right: 20%;
  z-index: 4;
}
#film #gallery .slides-controls .controls .detail {
  width: 120px;
  height: 240px;
  background-image: url("../images/gallery/detail.png");
  background-size: 120px 240px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #gallery .slides-controls .controls .detail {
    background-image: url("../images/gallery/detail@2x.png");
    background-size: 120px 240px;
  }
}
#film #gallery .slides-controls .controls .arrow {
  position: absolute;
  left: 40px;
  cursor: pointer;
  opacity: 0.7;
  transition: all 0.3s;
}
#film #gallery .slides-controls .controls .arrow:hover {
  opacity: 1;
}
#film #gallery .slides-controls .controls .arrow.next {
  top: -40px;
  width: 40px;
  height: 40px;
  background-image: url("../images/global/arrow-right-white.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #gallery .slides-controls .controls .arrow.next {
    background-image: url("../images/global/arrow-right-white@2x.png");
    background-size: 40px 40px;
  }
}
#film #gallery .slides-controls .controls .arrow.next:hover {
  transform: translateX(10px);
}
.ua-mobile #film #gallery .slides-controls .controls .arrow.next:hover {
  transform: translateX(0px);
}
#film #gallery .slides-controls .controls .arrow.prev {
  bottom: -40px;
  width: 40px;
  height: 40px;
  background-image: url("../images/global/arrow-left-white.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #gallery .slides-controls .controls .arrow.prev {
    background-image: url("../images/global/arrow-left-white@2x.png");
    background-size: 40px 40px;
  }
}
#film #gallery .slides-controls .controls .arrow.prev:hover {
  transform: translateX(-10px);
}
.ua-mobile #film #gallery .slides-controls .controls .arrow.prev:hover {
  transform: translateX(0px);
}
#film #gallery .slides-controls .controls .arrow.disabled {
  opacity: 0.15;
  cursor: default;
  transition: all 0.3s;
}
#film #gallery .slides-controls .controls .arrow.disabled:hover {
  transform: translateX(0px);
}
#film #gallery .slides-controls .controls .slide-number {
  position: absolute;
  position: absolute;
  top: 50%;
  margin-top: auto;
  margin-bottom: auto;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  font-size: 1.125em;
}
#film #gallery .mobile-captions {
  background-color: #5c5c5c;
}
@media screen and (min-width: 701px) {
  #film #gallery .mobile-captions {
    display: none;
  }
}
#film #gallery .mobile-captions li {
  display: none;
}
#film #gallery .mobile-captions li p {
  padding: 20px;
  color: #fff;
  line-height: 1.6em;
  font-size: 0.9375em;
}
#film #soundtrack {
  min-height: 300px;
  background-color: #f0f0f0;
  padding: 55px 0;
}
@media screen and (min-width: 701px) {
  #film #soundtrack {
    padding: 70px 0;
  }
}
#film #soundtrack .top {
  margin-bottom: 45px;
}
@media screen and (min-width: 701px) {
  #film #soundtrack .top {
    margin-bottom: 85px;
  }
}
#film #soundtrack .top .title {
  margin-bottom: 20px;
}
#film #soundtrack .top .subtitle {
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 1.0625em;
}
#film #soundtrack .bottom {
  display: table;
  width: 100%;
}
#film #soundtrack .bottom .photo {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width: 701px) {
  #film #soundtrack .bottom .photo {
    max-width: 711px;
    width: 43%;
    display: table-cell;
    vertical-align: top;
    margin-bottom: 0;
  }
}
#film #soundtrack .bottom .photo .images {
  position: relative;
}
#film #soundtrack .bottom .photo .images img {
  width: 100%;
}
#film #soundtrack .bottom .photo .images .waves {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#film #soundtrack .bottom .photo .images .text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
#film #soundtrack .bottom .photo .images .text .inner-text {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: auto;
  margin-bottom: auto;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-50%, -50%);
}
#film #soundtrack .bottom .photo .images .text .inner-text .soundtrack {
  margin-bottom: 10px;
  font-size: 1.0625em;
}
#film #soundtrack .bottom .photo .images .text .inner-text .line {
  height: 6vw;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.55);
  margin: 0 auto 10px;
}
@media screen and (min-width: 701px) {
  #film #soundtrack .bottom .photo .images .text .inner-text .line {
    height: 3vw;
  }
}
#film #soundtrack .bottom .photo .images .text .inner-text .track-number {
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  font-size: 1.4375em;
}
@media screen and (min-width: 701px) {
  #film #soundtrack .bottom .tracks {
    display: table-cell;
    vertical-align: top;
  }
}
@media screen and (min-width: 701px) {
  #film #soundtrack .bottom .tracks .track-content {
    padding-left: 9%;
  }
}
#film #soundtrack .bottom .tracks .track-content li {
  display: table;
  width: 100%;
  padding: 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}
#film #soundtrack .bottom .tracks .track-content li.active {
  background-color: #fff;
}
#film #soundtrack .bottom .tracks .track-content li.active .play-pause .inner .icon {
  margin-top: -1px;
  margin-left: -1px;
  width: 25px;
  height: 25px;
  background-image: url("../../site/images/soundtrack/pause.png");
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #soundtrack .bottom .tracks .track-content li.active .play-pause .inner .icon {
    background-image: url("../../site/images/soundtrack/pause@2x.png");
    background-size: 25px 25px;
  }
}
#film #soundtrack .bottom .tracks .track-content li .play-pause {
  display: table-cell;
  vertical-align: top;
  width: 48px;
}
#film #soundtrack .bottom .tracks .track-content li .play-pause .inner {
  border-radius: 100px;
  border: 2px solid #333;
  width: 27px;
  height: 27px;
  margin-right: 15px;
  cursor: pointer;
}
#film #soundtrack .bottom .tracks .track-content li .play-pause .inner .icon {
  width: 25px;
  height: 25px;
  background-image: url("../../site/images/soundtrack/play.png");
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #soundtrack .bottom .tracks .track-content li .play-pause .inner .icon {
    background-image: url("../../site/images/soundtrack/play@2x.png");
    background-size: 25px 25px;
  }
}
#film #soundtrack .bottom .tracks .track-content li .text {
  display: table-cell;
  vertical-align: middle;
}
#film #soundtrack .bottom .tracks .track-content li .text .title {
  text-transform: uppercase;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox #film #soundtrack .bottom .tracks .track-content li .text .title {
  font-weight: 600;
}
#film #soundtrack .bottom .tracks .track-content li .text .title {
  letter-spacing: 0.05em;
  display: inline-block;
  margin-right: 12px;
}
#film #soundtrack .bottom .tracks .track-content li .text .line {
  display: inline-block;
  width: 60px;
  height: 1px;
  background-color: #b8b3a7;
  vertical-align: middle;
  margin-right: 12px;
  display: none;
}
@media screen and (min-width: 1100px) {
  #film #soundtrack .bottom .tracks .track-content li .text .line {
    display: inline-block;
  }
}
#film #soundtrack .bottom .tracks .track-content li .text .by {
  display: inline-block;
}
#film #quotes {
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: visible;
  width: 100%;
}
#film #quotes #quotes-slider {
  margin-bottom: 0;
  height: 100%;
}
#film #quotes #quotes-slider li {
  position: relative;
  min-height: 250px;
}
#film #quotes #quotes-slider li div {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
}
#film #quotes #quotes-slider li img {
  margin: 0 auto;
  max-width: 100%;
  position: absolute;
  top: 50%;
  margin-top: auto;
  margin-bottom: auto;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 701px) {
  #film #quotes #quotes-slider li img {
    position: static;
    top: auto;
    left: auto;
    padding: 0 5%;
    transform: none;
  }
}
#film #quotes .arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  transition: all 0.3s;
}
#film #quotes .arrow.swiper-button-prev {
  left: 3%;
  width: 40px;
  height: 40px;
  background-image: url("../images/global/arrow-left-white.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #quotes .arrow.swiper-button-prev {
    background-image: url("../images/global/arrow-left-white@2x.png");
    background-size: 40px 40px;
  }
}
#film #quotes .arrow.swiper-button-prev:hover {
  transform: translateX(-10px);
}
#film #quotes .arrow.swiper-button-prev:after {
  content: none;
}
#film #quotes .arrow.swiper-button-next {
  right: 3%;
  width: 40px;
  height: 40px;
  background-image: url("../images/global/arrow-right-white.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #film #quotes .arrow.swiper-button-next {
    background-image: url("../images/global/arrow-right-white@2x.png");
    background-size: 40px 40px;
  }
}
#film #quotes .arrow.swiper-button-next:hover {
  transform: translateX(10px);
}
#film #quotes .arrow.swiper-button-next:after {
  content: none;
}
#film {
  color: #1a1a1a;
}
#film .film-lockout {
  max-width: 1260px;
  position: relative;
  margin: 0;
}
@media screen and (min-width: 701px) {
  #film .film-lockout {
    margin: 0 auto;
    width: 80%;
  }
}
#film h4 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox #film h4 {
  font-weight: 600;
}
#film h4 {
  font-size: 1.1875em;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-align: center;
}

/* ACADEMY TWEAKS */
#film.academy #hero-academy {
  background-color: #181818;
  padding-top: 130px;
  padding-bottom: 70px;
  color: #fff;
  position: relative;
}
@media screen and (min-width: 701px) {
  #film.academy #hero-academy {
    padding-top: 240px;
    padding-bottom: 60px;
  }
}
#film.academy #hero-academy .lockout {
  min-height: 310px;
}
#film.academy #hero-academy .lockout .about {
  position: relative;
  margin-bottom: 60px;
  padding-left: 6%;
}
@media screen and (min-width: 701px) {
  #film.academy #hero-academy .lockout .about {
    border-left: 1px solid #747474;
  }
}
@media screen and (min-width: 701px) {
  #film.academy #hero-academy .lockout .about {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 701px) {
  #film.academy #hero-academy .lockout .about:after {
    position: absolute;
    bottom: 0;
    left: -3px;
    width: 5px;
    height: 7px;
    background-color: #747474;
    content: "";
  }
}
@media screen and (min-width: 701px) {
  #film.academy #hero-academy .lockout .about {
    padding-left: 4.7%;
  }
}
#film.academy #hero-academy .lockout .title {
  font-family: "Abril Fatface", cursive;
  font-size: 2.8125em;
  margin-bottom: 15px;
  position: relative;
  top: -6px;
}
@media screen and (min-width: 701px) {
  #film.academy #hero-academy .lockout .title {
    font-size: 4.875em;
    top: -12px;
    margin-bottom: 11px;
  }
}
#film.academy #hero-academy .lockout p {
  line-height: 1.65em;
  margin-bottom: 1.7em;
  max-width: 1100px;
}
@media screen and (min-width: 701px) {
  #film.academy #hero-academy .lockout p {
    line-height: 1.85em;
  }
}
#film.academy #hero-academy .lockout p i {
  font-family: "Libre Baskerville", serif;
  font-style: italic;
}
#film.academy #hero-academy .lockout ul {
  text-align: center;
}
@media screen and (min-width: 701px) {
  #film.academy #hero-academy .lockout ul {
    padding-left: 4.7%;
    text-align: left;
  }
}
#film.academy #hero-academy .lockout ul li {
  color: #fff;
  margin-right: 1.3%;
  margin-bottom: 60px;
  width: 93%;
  display: inline-block;
}
@media screen and (min-width: 650px) {
  #film.academy #hero-academy .lockout ul li {
    width: auto;
  }
}
#film.academy #hero-academy .lockout ul li a {
  color: #fff;
  display: block;
}
@media screen and (min-width: 701px) {
  #film.academy #hero-academy .lockout ul li a {
    display: inline-block;
  }
}
#film.academy #download-screenplay {
  background-color: #fff;
}
#film.academy #soundtrack .bottom {
  text-align: center;
}
#film.academy #soundtrack .bottom .tracks {
  display: inline-block;
}
#film.academy #soundtrack .bottom .tracks .track-content {
  padding-left: 0;
}
#film.academy #soundtrack .bottom .tracks .track-content li {
  text-align: left;
}
#film.academy #soundtrack .bottom .tracks .track-content li .play-pause {
  width: 44px;
}
#film.academy #soundtrack .bottom .tracks .track-content li .line {
  display: none;
}
@media screen and (min-width: 701px) {
  #film.academy #soundtrack .bottom .tracks .track-content li .line {
    display: inline-block;
  }
}

#contact {
  padding-top: 101px;
  background-color: #f0f0f0;
}
@media screen and (min-width: 701px) {
  #contact {
    padding-top: 91px;
  }
}
#contact #page-wrap {
  background-color: #f0f0f0;
}
#contact #page-wrap iframe {
  width: 100%;
}

/********************************************************
VARIABLES
@include transition_hover();
@include transition_all();
@include calc( width, '100% - 32px');

********************************************************/
/* @include transition_all_timems(350ms) */
/* @include transition_delay_timems(350ms) */
/* ex transition_delay(350ms) */
/* applie transition_all to holder before, also transform-origin: center center; */
#meta_breakpoint {
  display: none;
  z-index: 0;
}
@media only screen and (max-width: 950px) {
  #meta_breakpoint {
    padding-top: 950px;
  }
}

.noselect, .circle-line {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.link-underline-grow {
  display: inline-block;
  text-decoration: none;
}
.link-underline-grow:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: all 350ms ease;
  transform-origin: top center;
}
.link-underline-grow:hover:after {
  transform: scaleY(2);
}

.link-underline-leftright, .circle-icon-txt-link .icon .clicker-text {
  cursor: pointer;
}

.section-title {
  width: calc(100% - 60px);
  height: 30px;
  padding-left: 60px;
}
.section-title:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  top: 50%;
  left: 0;
  background-color: #d3281c;
}
.section-title .txt {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0.05em;
}
.section-title .light {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .section-title .light {
  font-weight: 400;
}
.section-title .light {
  color: #fff;
}
.section-title .grey {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .section-title .grey {
  font-weight: 400;
}
.section-title .grey {
  color: #fff;
}
@media only screen and (max-width: 950px) {
  .section-title {
    display: none;
    height: auto;
  }
}

@media only screen and (max-width: 950px) {
  .screenings .section-title {
    display: block;
  }
}

.close-button {
  width: 68px;
  height: 68px;
  position: absolute !important;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
}
.close-button:before, .close-button:after {
  content: "";
  position: absolute;
  top: 31px;
  left: 13px;
  width: 40px;
  height: 2px;
  background-color: #fff;
  transition: all 350ms ease;
}
.close-button:after {
  transform: rotate(-45deg);
}
.close-button:before {
  transform: rotate(45deg);
}
.close-button:hover:after {
  transform: rotate(0);
}
.close-button:hover:before {
  transform: rotate(0);
}

.field {
  min-width: 200px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  margin-right: 30px;
}
.field input,
.field select,
.field .div-option,
.field .div-select-selected-display {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}
.field input::-ms-expand,
.field select::-ms-expand,
.field .div-option::-ms-expand,
.field .div-select-selected-display::-ms-expand {
  display: none; /* hide the default arrow in ie10 and ie11 */
}
.field input,
.field select,
.field .div-option,
.field .div-select-selected-display {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .field input,
.ua-desktop-macintosh.ua-firefox .field select,
.ua-desktop-macintosh.ua-firefox .field .div-option,
.ua-desktop-macintosh.ua-firefox .field .div-select-selected-display {
  font-weight: 400;
}
.field input,
.field select,
.field .div-option,
.field .div-select-selected-display {
  letter-spacing: 0.05em;
  color: #fff;
  font-size: 16px;
}
.field input::-moz-placeholder,
.field select::-moz-placeholder,
.field .div-option::-moz-placeholder,
.field .div-select-selected-display::-moz-placeholder {
  color: rgba(255, 255, 255, 0.51);
  opacity: 1;
}
.field input::-moz-placeholder, .field select::-moz-placeholder, .field .div-option::-moz-placeholder, .field .div-select-selected-display::-moz-placeholder {
  color: rgba(255, 255, 255, 0.51);
}
.field input::placeholder,
.field select::placeholder,
.field .div-option::placeholder,
.field .div-select-selected-display::placeholder {
  color: rgba(255, 255, 255, 0.51);
}
.field input,
.field select,
.field .div-option,
.field .div-select-selected-display {
  left: 0;
}
.field .div-option,
.field .div-select-selected-display {
  color: rgba(255, 255, 255, 0.51);
}
.field .div-option.option-is-selected,
.field .div-select-selected-display.option-is-selected {
  color: #fff;
}
.field .field-box {
  border: 1px solid #fff;
  padding: 8px 15px 9px 15px;
  background-color: #181818;
}
.field .div-option {
  word-break: break-word;
}
.field.error .field-box {
  border: 1px solid #d3281c;
  background-color: rgb(0, 0, 0);
}

.field-dropdown-box .title {
  color: #fff;
  opacity: 1;
  font-size: 14px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .field-dropdown-box .title {
  font-weight: 400;
}
.field-dropdown-box .title {
  letter-spacing: 0.05em;
  margin: 0 0 5px 0;
}
.field-dropdown-box .field-box {
  cursor: pointer;
  padding: 0;
}
.field-dropdown-box .field-box .arrow {
  position: absolute;
  top: 8px;
  left: 15px;
  width: 17px;
  height: 17px;
}
.field-dropdown-box .field-box .arrow .cls-1 {
  stroke-width: 0;
  transition: all 350ms ease;
  opacity: 1;
  fill: #fff;
}
.field-dropdown-box .field-box .div-select-selected-display {
  position: relative;
  padding: 10px 15px 11px 50px;
  width: calc(100% - 65px);
}
.field-dropdown-box .field-box .div-select {
  z-index: 20000;
  position: absolute;
  top: 40px;
  left: -1px;
  width: 100%;
  height: 0;
  cursor: pointer;
  overflow: auto;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: all 350ms ease;
  background-color: #181818;
  overflow-x: hidden;
  overflow-y: auto;
}
.field-dropdown-box .field-box .div-select .div-option {
  padding: 15px 15px 15px 50px;
  width: calc(100% - 65px);
}
@media only screen and (min-width: 950px) {
  .field-dropdown-box .field-box .div-select .div-option {
    transition: all 350ms ease;
  }
}
.field-dropdown-box .field-box .div-select .div-option:hover {
  background-color: rgba(0, 0, 0, 0.33);
}
.field-dropdown-box .field-box.over .arrow .cls-1 {
  fill: #fff;
}
.field-dropdown-box .field-box.over .div-select {
  border-bottom: 1px solid #fff;
  display: block;
  max-height: 405px;
}
.field-dropdown-box .field-box.over.solid-hover {
  background-image: url("../images/shared/bg-dropdown-affiliation.png");
  background-size: cover;
}
.field-dropdown-box .field-box.over.solid-hover .div-options {
  background-image: url("../images/shared/bg-dropdown-affiliation.png");
  background-size: cover;
}
.field-dropdown-box .field-box.over.solid-hover .div-option:hover {
  background-image: none;
  background-color: #fff;
  color: #000;
}
.field-dropdown-box#selector-city .field-box.over.solid-hover, .field-dropdown-box#selector-guests .field-box.over.solid-hover {
  background-image: url("../images/shared/bg-dropdown-guest.png");
  background-size: cover;
}
.field-dropdown-box#selector-city .field-box.over.solid-hover .div-options, .field-dropdown-box#selector-guests .field-box.over.solid-hover .div-options {
  background-image: url("../images/shared/bg-dropdown-guest.png");
  background-size: cover;
}

#film-cancel .content,
#film-cancel .content p {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox #film-cancel .content,
.ua-desktop-macintosh.ua-firefox #film-cancel .content p {
  font-weight: 400;
}
#film-cancel .content,
#film-cancel .content p {
  color: #fff;
  font-size: 25px;
  line-height: 35px;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 1500px) {
  #film-cancel .content,
  #film-cancel .content p {
    font-size: 20px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 950px) {
  #film-cancel .content,
  #film-cancel .content p {
    font-size: 16px;
    line-height: 26px;
  }
}
#film-cancel .content .btn,
#film-cancel .content p .btn {
  color: #fff;
  margin-bottom: 10px;
  cursor: pointer;
}

#film-cancel .content {
  margin-top: 30px;
}
#film-cancel .content p {
  margin-bottom: 15px;
}

.addeventatc {
  margin-top: 10px;
  font-family: "Netflix Light" !important;
}
.addeventatc .addeventatc_dropdown .copyx {
  display: none !important;
}

.bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}
.bgimg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.bgimg.tl {
  background-position: left top;
}
.bgimg.tc {
  background-position: center top;
}
.bgimg.tr {
  background-position: right top;
}
.bgimg.cl {
  background-position: left center;
}
.bgimg.cc {
  background-position: center center;
}
.bgimg.cr {
  background-position: right center;
}
.bgimg.bl {
  background-position: left bottom;
}
.bgimg.bc {
  background-position: center bottom;
}
.bgimg.br {
  background-position: right bottom;
}

.imghover {
  transition: opacity 350ms ease;
  opacity: 1;
}
.imghover:hover {
  opacity: 0.85;
}

.main-link {
  text-align: center;
}
.main-link.right {
  text-align: right;
}
.main-link .blocks {
  display: inline-block;
  width: 24px;
  height: 24px;
  top: 4px;
  margin-right: 5px;
}
@media only screen and (max-width: 950px) {
  .main-link .blocks {
    top: 6px;
  }
}
.main-link .blocks .block {
  width: 8px;
  height: 8px;
  background-color: #fff;
  position: absolute;
  display: block;
  transition: all 350ms ease;
}
.main-link .blocks .block.tl {
  top: 0;
  left: 0;
}
.main-link .blocks .block.tr {
  top: 0;
  left: 16px;
}
.main-link .blocks .block.bl {
  top: 16px;
  left: 0;
}
.main-link .blocks .block.br {
  top: 16px;
  left: 16px;
}
.main-link .text {
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .main-link .text {
  font-weight: 400;
}
.main-link .text {
  color: #fff;
  font-size: 38px;
  transition: all 350ms ease;
}
.main-link .text .material-icons {
  color: #fff;
  font-size: 40px;
  left: 0;
  top: 10px;
  transition: all 350ms ease;
}
@media only screen and (max-width: 950px) {
  .main-link .text {
    font-size: 16px;
  }
  .main-link .text .material-icons {
    font-size: 24px;
    top: 6px;
  }
}
.main-link a {
  text-decoration: none;
}
.main-link a:hover .text {
  letter-spacing: 0.07em;
}
.main-link a:hover .text .material-icons {
  left: 5px;
}
.main-link a:hover .blocks .block.tl {
  top: 0;
  left: 16px;
  background-color: #a2c2ff;
}
.main-link a:hover .blocks .block.tr {
  top: 16px;
  left: 16px;
  background-color: #3130c2;
}
.main-link a:hover .blocks .block.bl {
  top: 0;
  left: 0;
  background-color: #ffc65e;
}
.main-link a:hover .blocks .block.br {
  top: 16px;
  left: 0;
  background-color: #d32bfb;
}

.svg-circle-icon {
  width: 55px;
  height: 55px;
}
@media only screen and (max-width: 950px) {
  .svg-circle-icon {
    width: 40px;
    height: 40px;
  }
}
.svg-circle-icon svg {
  width: 100%;
  height: 100%;
}

.show-desktop {
  display: inline-block;
}
.show-desktop.block {
  display: block;
}
@media only screen and (max-width: 950px) {
  .show-desktop {
    display: none;
  }
  .show-desktop.block {
    display: none;
  }
}

.show-mobile {
  display: none;
}
.show-mobile.block {
  display: none;
}
@media only screen and (max-width: 950px) {
  .show-mobile {
    display: inline-block;
  }
  .show-mobile.block {
    display: block;
  }
}

.text-ellipsis, .field .div-select-selected-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.link-underline-grow {
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .link-underline-grow {
  font-weight: 400;
}
.link-underline-grow {
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}
@media only screen and (max-width: 950px) {
  .link-underline-grow {
    font-size: 15px;
    line-height: 15px;
  }
}

.download-screenings-schedule a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.download-screenings-schedule a .txt {
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .download-screenings-schedule a .txt {
  font-weight: 400;
}
.download-screenings-schedule a .txt {
  letter-spacing: 0.03em;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  transition: all 350ms ease;
}
@media only screen and (max-width: 950px) {
  .download-screenings-schedule a .txt {
    font-size: 14px;
    line-height: 14px;
  }
}
.download-screenings-schedule a .icon {
  margin-left: 5px;
}
.download-screenings-schedule a span {
  display: inline-block;
}
.download-screenings-schedule a span svg {
  width: 15px;
}
.download-screenings-schedule a span svg .arrow {
  transition: all 350ms ease;
  transform: translate(25.934px, -1px) rotate(90deg);
}
.download-screenings-schedule a span svg line {
  transition: all 350ms ease;
}
.download-screenings-schedule a span svg path {
  transition: all 350ms ease;
}
.download-screenings-schedule a:hover .txt {
  color: #fff;
}
.download-screenings-schedule a:hover svg line {
  stroke: #fff;
}
.download-screenings-schedule a:hover svg path {
  fill: #fff;
}
.download-screenings-schedule a:hover .arrow {
  transform: translate(25.934px, 9px) rotate(90deg);
}

.circle-line .circle {
  width: 90px;
  height: 90px;
  cursor: pointer;
  transition: all 350ms ease;
  border: 1px solid #fff;
  text-align: center;
  background-color: #fff;
}
.circle-line .circle .material-icons {
  color: #fff;
  font-size: 30px;
}
.circle-line .line {
  position: absolute;
  top: 44px;
  left: 91px;
  width: 30px;
  border-top: 1px solid #fff;
  height: 1px;
}
.circle-line .txt {
  position: absolute;
  top: calc(50% - 8px);
  left: 126px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .circle-line .txt {
  font-weight: 400;
}
.circle-line .txt {
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
}
.circle-line:hover .circle {
  background-color: rgb(0, 0, 0);
}

.circle-icon-txt-link {
  color: #fff;
}
.circle-icon-txt-link a {
  text-decoration: none;
  display: block;
}
.circle-icon-txt-link .icon {
  display: inline-block;
  margin: 10px 0;
}
.circle-icon-txt-link .icon.add-to-calendar {
  vertical-align: middle;
  margin-right: 10px;
}
.circle-icon-txt-link .icon.add-to-calendar .cal-icon {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 15px;
}
.circle-icon-txt-link .icon.add-to-calendar .cal-icon svg {
  width: 30px;
  height: 30px;
}
.circle-icon-txt-link .icon.add-to-calendar .clicker-text {
  cursor: pointer !important;
}
.circle-icon-txt-link .icon .circle {
  display: inline-block;
  width: 48px;
  height: 48px;
  /*
  border-radius: 24px;
  border:1px solid #fff;
  */
  margin-right: 10px;
  text-align: center;
  opacity: 1;
  transition: all 350ms ease;
}
.circle-icon-txt-link .icon .circle svg {
  top: 18px;
  width: 48px;
  height: 48px;
}
.circle-icon-txt-link .icon .circle svg * {
  fill: #fff;
  fill-opacity: 1;
}
.circle-icon-txt-link .icon .circle svg {
  opacity: 1;
  transition: all 350ms ease;
}
.circle-icon-txt-link .icon .circle svg .cls-1 {
  opacity: 1;
  stroke-width: 1px;
}
.circle-icon-txt-link .icon .txt {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .circle-icon-txt-link .icon .txt {
  font-weight: 400;
}
.circle-icon-txt-link .icon .txt {
  text-decoration: none;
}
.circle-icon-txt-link .icon .clicker-text {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .circle-icon-txt-link .icon .clicker-text {
  font-weight: 400;
}
.circle-icon-txt-link .icon:hover:not(.add-to-calendar) .circle svg {
  opacity: 1;
}
.circle-icon-txt-link .icon:hover:not(.add-to-calendar) .circle svg * {
  fill-opacity: 1;
}
.circle-icon-txt-link .icon.guild-redeem-about .circle {
  width: 60px;
  height: 60px;
}
.circle-icon-txt-link .icon.guild-redeem-about .circle svg {
  width: 60px;
  height: 60px;
}
.circle-icon-txt-link .icon.guild-redeem-about .txt {
  top: -7px;
}
.circle-icon-txt-link .icon.guild-redeem .circle svg * {
  fill: transparent;
}
.circle-icon-txt-link.add-to-calendar-holder .clicker-text {
  top: 9px;
}
.subtitle-wrapper .subtitle {
  margin-bottom: 40px;
}
.subtitle-wrapper .subtitle h2 {
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .subtitle-wrapper .subtitle h2 {
  font-weight: 400;
}
.subtitle-wrapper .subtitle h2 {
  letter-spacing: 0.15em;
  font-size: 50px;
  text-transform: uppercase;
}
@media only screen and (max-width: 950px) {
  .subtitle-wrapper .subtitle h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 430px) {
  .subtitle-wrapper .subtitle h2 {
    font-size: 30px;
  }
}

.awards-block {
  width: 100%;
}
@media only screen and (max-width: 950px) {
  .awards-block {
    text-align: center;
    margin: 20px 0 20px 0;
  }
}
.awards-block img {
  width: 80%;
}
@media only screen and (max-width: 950px) {
  .awards-block img {
    max-width: 400px;
    width: 70%;
    display: inline-block;
  }
}

body.awards #logo {
  position: relative;
  top: 0 !important;
}
body.awards#film #logo {
  top: 30px;
}
@media screen and (min-width: 701px) {
  body.awards#film #logo {
    top: 50px;
  }
}
.film-screenings {
  padding: 100px 0;
}
.film-screenings h4 {
  color: #fff;
}

#screenings *, .screenings-popup * {
  position: relative;
}
#screenings .btn span, .screenings-popup .btn span {
  color: #fff;
}

.screenings-container {
  min-height: 550px !important;
  height: 100% !important;
}
.screenings-container .screenings-title {
  font-family: "Abril Fatface", cursive;
  font-size: 2.8em;
  margin-bottom: 40px;
  color: white;
  text-align: center;
}
.screenings-container .line {
  height: 100px !important;
  opacity: 0.5 !important;
}

.screenings-popup-scrim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  background-color: rgba(27, 27, 27, 0.9);
  width: 100%;
  height: 100%;
}

.screenings-popup {
  display: none;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5001;
  width: 100%;
  height: 100%;
  min-height: 600px;
}
.screenings-popup.open {
  display: flex;
}
@media only screen and (max-height: 900px) {
  .screenings-popup.open {
    display: block !important;
  }
}
@media only screen and (max-width: 950px) {
  .screenings-popup.open {
    display: block !important;
  }
}
.screenings-popup .close-button {
  top: -35px;
  left: initial;
  right: -34px;
  z-index: 2;
}
@media only screen and (max-width: 950px) {
  .screenings-popup .close-button {
    width: 40px;
    height: 40px;
    overflow: hidden;
    top: -22px;
    right: -21px;
  }
  .screenings-popup .close-button:before, .screenings-popup .close-button:after {
    top: 20px;
    left: 7px;
    width: 25px;
  }
}
.screenings-popup .inner {
  transition: all 350ms ease;
  background-color: #181818;
  position: relative;
  width: 80%;
  height: auto;
  min-height: 400px;
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
  top: 0;
}
@media screen and (max-height: 900px) {
  .screenings-popup .inner {
    top: 70px;
  }
}
@media only screen and (max-width: 950px) {
  .screenings-popup .inner {
    top: 70px;
  }
}
@media screen and (max-height: 750px) and (max-width: 1275px) {
  .screenings-popup .inner {
    width: 90%;
  }
}
@media only screen and (max-width: 950px) {
  .screenings-popup .inner {
    height: auto;
    width: 86%;
    margin-bottom: 50px;
  }
}
.screenings-popup .inner .inner2 {
  padding: 60px 80px;
}
@media screen and (max-height: 750px) and (max-width: 1275px) {
  .screenings-popup .inner .inner2 {
    padding: 40px 40px;
  }
}
@media only screen and (max-width: 950px) {
  .screenings-popup .inner .inner2 {
    padding: 20px 20px;
  }
}
.screenings-popup .inner .inner2 .stage .row {
  display: flex;
  justify-content: space-between;
}
.screenings-popup .inner .inner2 .stage .row .coll {
  flex: 0 1 auto;
  width: 35%;
}
.screenings-popup .inner .inner2 .stage .row .coll h2 {
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox .screenings-popup .inner .inner2 .stage .row .coll h2 {
  font-weight: 600;
}
.screenings-popup .inner .inner2 .stage .row .coll h2 {
  font-size: 50px;
  letter-spacing: 0.2em;
}
.screenings-popup .inner .inner2 .stage .row .coll h2:after {
  content: "";
  display: block;
  margin-top: 10px;
  height: 2px;
  width: 70%;
  background-color: #d3281c;
}
.screenings-popup .inner .inner2 .stage .row .colr {
  flex: 0 1 auto;
  width: 60%;
}
@media only screen and (max-width: 950px) {
  .screenings-popup .inner .inner2 .stage .row {
    display: block;
  }
  .screenings-popup .inner .inner2 .stage .row .coll,
  .screenings-popup .inner .inner2 .stage .row .colr {
    width: 100%;
  }
}
.screenings-popup .inner .inner2 #selector-error-messages {
  color: #d3281c;
  font-size: 14px;
  line-height: 1em;
  padding: 5px 0;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox .screenings-popup .inner .inner2 #selector-error-messages {
  font-weight: 600;
}
.screenings-popup .inner .inner2 #selector-error-messages {
  display: none;
}
.screenings-popup .inner .inner2 #selector-required {
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  padding: 10px 0;
  letter-spacing: 0.05em;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
}
.screenings-popup .inner .inner2 .stage-details .info .field-button {
  margin-top: 25px;
}
.screenings-popup .inner .inner2 .popup-title {
  margin-bottom: 30px;
  display: flex;
}
@media only screen and (max-width: 950px) {
  .screenings-popup .inner .inner2 .popup-title .coll {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .screenings-popup .inner .inner2 .popup-title .colr h3 {
    margin-top: 20px;
  }
}
.screenings-popup .inner .inner2 .popup-title img {
  width: 100px;
}
.screenings-popup .inner .inner2 .colr h2 {
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox .screenings-popup .inner .inner2 .colr h2 {
  font-weight: 600;
}
.screenings-popup .inner .inner2 .colr h2 {
  font-size: 40px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.screenings-popup .inner .inner2 .colr h3 {
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox .screenings-popup .inner .inner2 .colr h3 {
  font-weight: 600;
}
.screenings-popup .inner .inner2 .colr h3 {
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.screenings-popup .inner .inner2 .colr p {
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox .screenings-popup .inner .inner2 .colr p {
  font-weight: 600;
}
.screenings-popup .inner .inner2 .colr p {
  font-size: 18px;
  line-height: 1em;
  margin: 5px 0;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 950px) {
  .screenings-popup .inner .inner2 .colr p {
    font-size: 16px;
  }
}
.screenings-popup .inner .inner2 .stage-result .row .colr h2 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 60px;
  font-weight: 400;
  letter-spacing: 0.12em;
}
@media only screen and (max-width: 950px) {
  .screenings-popup .inner .inner2 .stage-result .row .colr h2 {
    font-size: 50px;
    margin-bottom: 40px;
  }
}
.screenings-popup .inner .inner2 .stage-result .results-film-info {
  margin: 25px 0 0 0;
}
.screenings-popup .inner .inner2 .stage-result .results-film-info p {
  margin-bottom: 15px;
}
.screenings-popup .inner .inner2 .stage-result .popup-description {
  margin: 15px 0 15px 0;
}
.screenings-popup .inner .inner2 .stage-result .add-to-calendar-holder {
  margin-top: 15px;
  width: 100%;
  text-align: left;
}
.screenings-popup .inner .inner2 .content .entry {
  margin: 15px 0 20px 0;
}
.screenings-popup .inner .inner2 .content .entry:first-child {
  margin-top: 0;
}
.screenings-popup .inner .inner2 .content .entry:last-child {
  margin-bottom: 0;
}
.screenings-popup .inner .inner2 .content .entry {
  display: flex;
}
.screenings-popup .inner .inner2 .content .entry .l {
  flex: 0 1 auto;
  width: 50px;
}
.screenings-popup .inner .inner2 .content .entry .r {
  flex: 0 1 auto;
  width: calc(100% - 50px);
}
.screenings-popup .inner .inner2 .content .entry .l .svg-circle-icon {
  width: 35px;
  height: 35px;
}
@media only screen and (max-width: 950px) {
  .screenings-popup .inner .inner2 .content .entry .r {
    margin-top: 5px;
    width: 100%;
  }
}
.screenings-popup .inner .inner2 .content .entry .r h3, .screenings-popup .inner .inner2 .content .entry .r p {
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox .screenings-popup .inner .inner2 .content .entry .r h3, .ua-desktop-macintosh.ua-firefox .screenings-popup .inner .inner2 .content .entry .r p {
  font-weight: 600;
}
.screenings-popup .inner .inner2 .content .entry .r h3, .screenings-popup .inner .inner2 .content .entry .r p {
  font-size: 18px;
  line-height: 1em;
  letter-spacing: 0.05em;
  margin: 0 0 5px 0;
  font-weight: 400;
}
.screenings-popup .inner .inner2 .content .entry .r h3.data_film {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox .screenings-popup .inner .inner2 .content .entry .r h3.data_film {
  font-weight: 600;
}
.screenings-popup .inner .inner2 .content .entry .r h3.data_film {
  font-size: 32px;
  line-height: 1em;
}
.screenings-popup .inner .inner2 .content .entry .r p a {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox .screenings-popup .inner .inner2 .content .entry .r p a {
  font-weight: 600;
}
.screenings-popup .inner .inner2 .content .entry .r p a {
  font-size: inherit;
  text-decoration: none;
}
.screenings-popup .inner .inner2 .content .entry .r .data_center {
  text-transform: uppercase;
}
.screenings-popup .inner .inner2 .content .entry.entry-time .r * {
  color: #fff;
  text-transform: uppercase;
}
@media only screen and (max-width: 950px) {
  .screenings-popup .inner .inner2 .content .info {
    margin-bottom: 20px;
  }
}
.screenings-popup .inner .inner2 .content .fields-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.screenings-popup .inner .inner2 .content .fields-row.reverse {
  flex-direction: row-reverse;
}
.screenings-popup .inner .inner2 .content .fields-row .col {
  width: calc(50% - 10px);
  min-width: 0;
  flex: 0 1 auto;
}
.screenings-popup .inner .inner2 .content .fields-row .col .field {
  margin: 0 0 30px 0;
}
.screenings-popup .inner .inner2 .content .fields-row .col.field-txt-only {
  width: 100%;
  max-width: 100%;
}
.screenings-popup .inner .inner2 .content .fields-row .field-guest-name {
  display: none;
}
@media only screen and (max-width: 950px) {
  .screenings-popup .inner .inner2 .content .fields-row {
    display: block;
  }
  .screenings-popup .inner .inner2 .content .fields-row .col {
    width: 100%;
    max-width: 100%;
    margin: 0 0 30px 0;
  }
}
.screenings-popup .inner .inner2 .content .fields-row .entry-access {
  width: 95%;
}
.screenings-popup .inner .inner2 .content .fields-row .entry-access p {
  font-size: 14px;
}

/* private killer */
.screenings-private .screening-module .screenings-header .screenings-dropdown-selectors {
  display: none;
}
.screenings-private {
  /*
  .screening-module .screenings-location .dates {
    float:left;
    width:40%;
    margin-left:20px;
  }
  .screening-module .screenings-location .header {
    margin-top:40px;
  }
  .screening-module .screenings-location .content .dates .entry {
    width:80%;
    max-width:500px;
  }

   */
}

/* special screenings group add on */
.screenings-holder .film-title {
  display: block;
}

.screenings-group .screenings-header {
  display: none;
}

.screenings-group .screenings-holder .film-title {
  display: block;
  width: 100%;
  font-size: 50px;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}
.ua-desktop-macintosh.ua-firefox .screenings-group .screenings-holder .film-title {
  font-weight: 600;
}
.screenings-group .screenings-holder .film-title {
  text-transform: uppercase;
}

#new-home {
  padding-top: 86px;
  position: relative;
}
#new-home * {
  position: relative;
}
#new-home .home-strip {
  display: none;
}
@media screen and (min-width: 701px) {
  #new-home .home-strip {
    display: flex;
  }
}
#new-home .home-strip {
  z-index: 100;
  background-color: #181818;
  text-align: center;
  width: 40px;
  position: fixed;
  left: 0;
  height: calc(100vh - 86px);
  align-items: center;
}
#new-home .home-strip #for-your-consideration {
  left: 9px;
}
#new-home .home-strip {
  /*
  span {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-orientation: sideways;
    font-size:20px;
    color:#fff;
    @include font-proxima-nova-400;
    letter-spacing: 0.1em;
    left:10px;
  }

   */
}
#new-home .home-content {
  background-color: #181818;
  padding-top: 65px;
  margin-left: 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 701px) {
  bodu.awards #new-home .home-content {
    margin-left: 90px;
    width: calc(100% - 180px);
  }
}
body.awards #new-home .home-content, #new-home .home-content.sunset {
  margin-left: 0 !important;
  width: 100% !important;
}
#new-home .home-content .films {
  width: 100%;
}
body.guilds #new-home .home-content .films .entry:not(.sunset) {
  border-bottom: 7px solid #202020;
}
#new-home .home-content .films .entry.sunset {
  width: 100%;
  margin-top: 100px;
}
#new-home .home-content .films .entry.sunset .sunset-description {
  color: #fff;
  font-size: 30px;
  margin-bottom: 10px;
}
#new-home .home-content .films .entry.sunset .buttons li a {
  width: auto;
}
#new-home .home-content .films .entry img {
  width: 100%;
}
#new-home .home-content .films .entry .txt {
  font-family: "Abril Fatface", cursive;
  font-size: 1.875em;
  color: #fff !important;
  text-align: center;
}
#new-home .home-content .films .entry .txt h3 {
  display: flex;
  justify-content: center;
}
#new-home .home-content .films .entry {
  transition: all 350ms ease;
}
#new-home .home-content .films .entry:hover {
  opacity: 0.85;
}
#new-home .home-content .films.awards .entry {
  padding: 75px 0;
}
#new-home .home-content .films.awards .entry, #new-home .home-content .films.awards .entry a {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#new-home .home-content .films.awards .filmlist {
  margin-left: 0%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 701px) {
  #new-home .home-content .films.awards .filmlist {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1100px) {
  #new-home .home-content .films.awards .filmlist {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin-left: 10%;
    width: 80%;
  }
}
#new-home .home-content .films.awards .filmlist.sunset {
  grid-template-columns: 1fr;
  margin-left: 0;
  width: 100%;
}
#new-home .home-content .films.awards .filmlist .txt {
  font-size: 32px;
  line-height: 36px;
}
#new-home .home-content .films.awards .filmlist .buttons {
  text-align: center;
  margin-top: 20px;
}
#new-home .home-content .films.awards .filmlist .buttons a {
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
  width: 125px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  color: #fff;
  padding: 5px;
  transition: all 0.3s;
  text-transform: uppercase;
  outline: 1px solid #fff;
  margin-bottom: 10px;
}
#new-home .home-content .films.awards .filmlist .buttons a:hover {
  background: #eb1212;
}

body {
  background-color: #181818;
  color: #2b2c31;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  position: relative;
  overflow-x: hidden;
}
body.no-scroll {
  overflow: hidden !important;
}

#page-wrap {
  position: relative;
  background-color: #181818;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
#page-wrap.transform {
  transition: 0.5s transform ease-in-out 0.2s;
}
#page-wrap #new-home {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#page-wrap .home-content {
  flex: 1;
}

#__bs_notify__ {
  display: none !important;
}

.lockout {
  max-width: 1260px;
  position: relative;
  margin: 0 4%;
}
@media screen and (min-width: 701px) {
  .lockout {
    margin: 0 auto;
    width: 80%;
  }
}

a {
  color: #d3281c;
  transition: color 0.3s;
}
a:hover {
  color: rgb(161.4723849372, 30.6108786611, 21.4276150628);
}

input, textarea {
  border: none;
  padding: 18px 20px 16px;
  background-color: rgba(255, 255, 255, 0.35);
  color: #fff;
  font-size: 1.0625em;
  letter-spacing: 0.05em;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: border 0.3s;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fff;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #fff;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #fff;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #fff;
}
input:focus, textarea:focus {
  outline: none;
}
input.error, textarea.error {
  border: 1px solid #d3281c;
}
input.outlined, textarea.outlined {
  border: 1px solid #b2b2b0;
  background-color: #F5F4F3;
  color: #666;
  padding-right: 48px;
  transition: border 0.3s;
}
input.outlined::-webkit-input-placeholder, textarea.outlined::-webkit-input-placeholder {
  color: #b2b2b2;
}
input.outlined::-moz-placeholder, textarea.outlined::-moz-placeholder {
  color: #b2b2b2;
}
input.outlined:-moz-placeholder, textarea.outlined:-moz-placeholder {
  color: #b2b2b2;
}
input.outlined:-ms-input-placeholder, textarea.outlined:-ms-input-placeholder {
  color: #b2b2b2;
}
input.outlined.error, textarea.outlined.error {
  border: 1px solid #d3281c;
}

.red {
  color: #d3281c;
}

.btn {
  border: 1px solid #d3281c;
  color: #2b2c31;
  padding: 18px 31px 17px;
  text-transform: uppercase;
  letter-spacing: 0.095em;
  font-size: 1em;
  display: inline-block;
  text-align: center;
  line-height: 1.25em;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .btn {
  font-weight: 400;
}
.btn {
  transition: 0.3s all;
  background-color: transparent;
  cursor: pointer;
}
.btn:hover {
  background-color: #d3281c;
  color: #fff;
}
.btn.active {
  background-color: #d3281c;
  color: #fff;
  cursor: default;
}
.btn.small {
  padding: 15px 28px 14px;
  font-size: 0.9375em;
}
@media screen and (min-width: 701px) {
  .btn .mobile {
    display: none;
  }
}
.btn .desktop {
  display: none;
}
@media screen and (min-width: 701px) {
  .btn .desktop {
    display: inline-block;
  }
}

h1 {
  font-size: 2.5em;
  font-family: "museo-slab", sans-serif;
  font-weight: 500;
}
.ua-desktop-macintosh.ua-firefox h1 {
  font-weight: 300;
}
@media screen and (min-width: 701px) {
  h1 {
    font-size: 3em;
  }
}

.thumbs-wrap {
  position: relative !important;
  z-index: 10;
  background-color: #fff;
}
.thumbs-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.thumbs-wrap {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 701px) {
  .thumbs-wrap {
    padding: 0px 70px;
  }
}
.thumbs-wrap:before {
  content: "";
  width: 17px;
  height: 200px;
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: 50px;
}
@media screen and (min-width: 701px) {
  .thumbs-wrap:before {
    left: 60px;
  }
}
.thumbs-wrap:before {
  z-index: 2;
}
.thumbs-wrap:after {
  content: "";
  width: 17px;
  height: 200px;
  background-color: #fff;
  position: absolute;
  top: 0px;
  right: 50px;
}
@media screen and (min-width: 701px) {
  .thumbs-wrap:after {
    right: 60px;
  }
}
.thumbs-wrap:after {
  z-index: 2;
}
.thumbs-wrap li {
  padding: 0 0px;
  cursor: pointer;
  width: 245px;
  color: #9f9f9f;
  vertical-align: middle;
  min-height: 85px;
  margin-left: -1px;
  position: relative;
  border-right: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
@media screen and (min-width: 701px) {
  .thumbs-wrap li {
    align-self: flex-start;
  }
}
.thumbs-wrap li:hover {
  color: #000;
}
.thumbs-wrap li.active h5 {
  color: #000;
}
.thumbs-wrap li .inner {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 15px 80px;
}
@media screen and (min-width: 701px) {
  .thumbs-wrap li .inner {
    padding: 15px 30px;
  }
}
.thumbs-wrap li .inner h5 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.ua-desktop-macintosh.ua-firefox .thumbs-wrap li .inner h5 {
  font-weight: 400;
}
.thumbs-wrap li .inner h5 {
  transition: color 0.3s;
  letter-spacing: 0.085em;
  font-size: 1em;
  line-height: 1.3em;
  padding-top: 3px;
}
.thumbs-wrap li .thumb {
  position: absolute;
  top: -100px;
  position: absolute;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(-50%);
}
.thumbs-wrap .swiper-button-prev {
  left: 36px;
  margin-top: -18px;
  width: 40px;
  height: 40px;
  z-index: 5;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/global/scroll-arrow-left.png");
}
.thumbs-wrap .swiper-button-prev:after {
  display: none;
}
.thumbs-wrap .swiper-button-next {
  right: 36px;
  margin-top: -18px;
  width: 40px;
  height: 40px;
  z-index: 5;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/global/scroll-arrow-right.png");
}
.thumbs-wrap .swiper-button-next:after {
  display: none;
}

.thumb {
  position: absolute;
  width: 330px;
  height: 190px;
  background-color: #333;
  top: -190px;
  left: 0;
  opacity: 0;
  background-size: cover !important;
  background-position: center center !important;
  transition: 0.35s opacity ease-out, 0.35s transform ease-out;
  pointer-events: none;
  display: none;
}
@media screen and (min-width: 701px) {
  .thumb {
    display: block;
  }
}

#for-your-consideration {
  position: absolute;
  top: 0;
  left: 2.5%;
  height: 100%;
  z-index: 9999;
}
.sunset #for-your-consideration {
  display: none;
}
#for-your-consideration span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) !important;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0, 0, 0);
  width: 20px;
  height: 305px;
  background-image: url("../images/global/for-your-consideration.png");
  background-size: 20px 305px;
  background-repeat: no-repeat;
}
@media (min-resolution: 144dppx) {
  #for-your-consideration span {
    background-image: url("../images/global/for-your-consideration@2x.png");
    background-size: 20px 305px;
  }
}

body.site-disabled.guilds #nav-home .lockout .left #logo {
  display: block;
  top: 17px;
  position: relative;
}

.spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: hsla(0, 0%, 0%, 0.8);
  display: flex;
  justify-content: center;
  pointer-events: none;
  align-items: center;
  z-index: 99999;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.spinner.active {
  opacity: 1;
  pointer-events: all;
}
.spinner .inner {
  width: 12px;
  height: 12px;
  animation: spin 3s linear infinite;
}
.spinner .inner img {
  width: 100%;
  height: auto;
}

.white-image {
  filter: brightness(0) saturate(100%) invert(95%) sepia(67%) saturate(0%) hue-rotate(65deg) brightness(104%) contrast(101%);
}