/* Responsive boilerplate: github.com/Slakinov/ */
@font-face { font-family: 'Simplon'; src: url("../fonts/simplon-regular.woff") format("woff"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Simplon'; src: url("../fonts/simplon-bold.woff") format("woff"); font-weight: 800; font-style: normal; }

.massive { font-size: 2.625rem; }

.extralarge { font-size: 1.75rem; }

.large { font-size: 1.25rem; }

.medium { font-size: 1.125rem; }

.small { font-size: 0.9375rem; }

.tiny { font-size: 0.75rem; }

.uc { text-transform: uppercase; }

.strong { font-weight: bold; }

.bg-transparent { background: transparent; }

.bg-background { background: #ffffff; }

.bg-faint { background: #cecece; }

.bg-light { background: #c0c0c0; }

.bg-mid { background: #949494; }

.bg-heavy { background: #666666; }

.bg-solid { background: #000000; }

.bg-accent { background: #173ae8; }

.bg-highlight { background: #9df1d6; }

.bg-feature { background: #a58e2f; }

.cl-background { color: #ffffff; }

.cl-faint { color: #cecece; }

.cl-light { color: #c0c0c0; }

.cl-mid { color: #949494; }

.cl-heavy { color: #666666; }

.cl-solid { color: #000000; }

.cl-accent { color: #173ae8; }

.cl-highlight { color: #9df1d6; }

.cl-feature { color: #a58e2f; }

.fl-background { fill: #ffffff; }

.fl-faint { fill: #cecece; }

.fl-light { fill: #c0c0c0; }

.fl-mid { fill: #949494; }

.fl-heavy { fill: #666666; }

.fl-solid { fill: #000000; }

.fl-accent { fill: #173ae8; }

.fl-highlight { fill: #9df1d6; }

.fl-feature { fill: #a58e2f; }

html, body { font-size: 100%; min-width: 20rem; min-height: 30rem; }

@media (min-width: 88rem) { html, body { font-size: 100%; } }

html, body { font-family: "Simplon", sans-serif; background: #ffffff; color: #666666; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html, body { height: 100%; }

body { display: flex; flex-direction: column; }

.not-footer { flex: 1 0 auto; }

.footer { flex-shrink: 0; }

h1, h2, .film-follow a, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Simplon"; margin: 0 0 0.33em 0; line-height: 1em; font-weight: bold; }

h1, .h1 { font-size: 2.625rem; }

h2, .film-follow a, .h2 { font-size: 1.75rem; }

h3, .h3 { font-size: 1.25rem; }

h4, .h4 { font-size: 1.125rem; }

h5, .h5 { font-size: 0.9375rem; }

h6, .h6 { font-size: 0.75rem; }

p { font-size: 0.9375rem; line-height: 1.6em; margin: 0 0 1.25em 0; }

a { text-decoration: none; font-weight: normal; color: #000000; cursor: pointer; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -ms-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }

input, button { font-family: "Simplon"; font-size: 1.125rem; }

ul { list-style-type: none; padding-left: 0; line-height: 1.5; }

img { display: block; width: 100%; }

.img-auto img { width: auto; height: auto; }

svg { height: 100%; margin: 0; padding: 0; -webkit-transition: fill 0.2s linear; -moz-transition: fill 0.2s linear; -ms-transition: fill 0.2s linear; -o-transition: fill 0.2s linear; transition: fill 0.2s linear; }

svg use { -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; }

.svg-inline { height: 0.85em; display: inline-block; position: relative; top: 0.05em; }

textarea, input:not([type='checkbox']):not([type='option']) { border-radius: 0; }

.rotating { -webkit-animation: anim-rotate 3s infinite linear; -moz-animation: anim-rotate 3s infinite linear; -ms-animation: anim-rotate 3s infinite linear; animation: anim-rotate 3s infinite linear; }

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

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

.sliding-background { -webkit-animation: anim-bgslide 3s infinite linear; -moz-animation: anim-bgslide 3s infinite linear; -ms-animation: anim-bgslide 3s infinite linear; animation: anim-bgslide 3s infinite linear; }

@-webkit-keyframes anim-bgslide { from { background-position: left 0; }
  to { background-position: left -200px; } }

@keyframes anim-bgslide { from { background-position: left 0; }
  to { background-position: left -200px; } }

.fading { opacity: 1; -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -ms-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; }

.faded { opacity: 0; pointer-events: none; }

.justify { text-align: justify; }

.justify-single { text-align: justify; text-align-last: justify; }

.justify-single:after { content: ''; display: inline-block; width: 100%; }

strong, .strong { font-weight: 800; }

.light { font-weight: 200; }

.smallcaps { font-variant: small-caps; }

.caps { text-transform: uppercase; }

.spaced { letter-spacing: 0.05em; }

.leaded { line-height: 1.8; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

@media (max-width: 47.9375rem) { .sm-align-left { text-align: left; }
  .sm-align-center { text-align: center; }
  .sm-align-right { text-align: right; } }

@media (min-width: 48rem) { .md-align-left { text-align: left; }
  .md-align-center { text-align: center; }
  .md-align-right { text-align: right; } }

@media (min-width: 72rem) { .lg-align-left { text-align: left; }
  .lg-align-center { text-align: center; }
  .lg-align-right { text-align: right; } }

@media (min-width: 88rem) { .xl-align-left { text-align: left; }
  .xl-align-center { text-align: center; }
  .xl-align-right { text-align: right; } }

.border-box, .border-box * { box-sizing: border-box; }

.band { position: relative; width: 100%; min-width: 20rem; float: left; }

.row { clear: both; margin: 0 auto; overflow: hidden; position: relative; min-width: 20rem; width: 100%; }

@media (min-width: 72rem) { .row { width: calc(100% - 15rem); } }

@media (min-width: 88rem) { .row { width: 73rem; } }

.row-padded { clear: both; margin: 0.625rem auto; overflow: hidden; position: relative; min-width: 20rem; width: calc(100% - 1.25rem); }

@media (min-width: 72rem) { .row-padded { width: calc(100% - 13.75rem); } }

@media (min-width: 88rem) { .row-padded { width: 74.25rem; } }

.offset-half { margin-left: -0.625rem; margin-right: -0.625rem; }

.absolute { position: absolute; }

.fixed { position: fixed; z-index: 1000; }

.top { top: 0; }

.bottom { bottom: 0; }

.left { left: 0; }

.right { right: 0; }

.clearfix { float: none; clear: both; }

.clearafter:after { content: ""; display: table; clear: both; }

.hidden { display: none; }

@media screen and (max-width: 47.9375rem) { .sm-hidden { display: none; } }

@media screen and (min-width: 48rem) { .md-min-hidden { display: none; } }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.invisible { visibility: hidden; }

.collapsible { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; overflow: hidden; }

.collapsed-v { height: 0; }

.collapsed-h { width: 0; }

.no-margin { margin: 0; }

.no-padding { padding: 0; }

.inline { display: inline-block; float: none !important; vertical-align: top; }

.pad { padding: 1.25rem; }

.pad-half { padding: 0.625rem; }

.pad-h { padding-left: 1.25rem; padding-right: 1.25rem; }

.pad-v { padding-top: 1.25rem; padding-bottom: 1.25rem; }

.pad-left { padding-left: 1.25rem; }

.pad-right { padding-right: 1.25rem; }

.pad-top { padding-top: 1.25rem; }

.pad-bottom { padding-bottom: 1.25rem; }

.pad-h-half { padding-left: 0.625rem; padding-right: 0.625rem; }

.pad-v-half { padding-top: 0.625rem; padding-bottom: 0.625rem; }

.pad-v-double { padding-top: 2.5rem; padding-bottom: 2.5rem; }

.pad-left-half { padding-left: 0.625rem; }

.pad-right-half { padding-right: 0.625rem; }

.pad-top-half { padding-top: 0.625rem; }

.pad-bottom-half { padding-bottom: 0.625rem; }

@media screen and (max-width: 47.9375rem) { .small-pad-v { padding: 1.25rem 0; } }

.margin-top { margin-top: 1.875rem; }

.margin-bottom { margin-bottom: 1.875rem; }

.margin-bottom-half { margin-bottom: 0.9375rem; }

.margin-bottom-double { margin-bottom: 3.75rem; }

.margin-left { margin-left: 1.875rem; }

.margin-right { margin-right: 1.875rem; }

@media screen and (min-width: 48rem) { .md-margin-top { margin-top: 1.875rem; } }

form { margin: 2.5rem 0 2.5rem 0; }

form .field { width: calc(100% - 1.25rem); margin: 0 0 0.9375rem 0; padding: 0 1.25rem 0 0; float: left; }

form .field label { display: block; width: 100%; font-size: 0.9375rem; color: #c0c0c0; }

form .field input, form .field textarea { display: block; width: calc(100% - 1.25rem); padding: 0.625rem; font-size: 1.125rem; }

form .field textarea { height: 12.5rem; }

form .field input[type='checkbox'] { width: initial; margin: 0.0625rem 0.1875rem 0 0; }

form .inline input, form .inline label { float: left; display: inline-block; width: initial; }

input::-webkit-inner-spin-button { -webkit-appearance: none; }

table { width: 100%; }

table th { font-size: 0.9375rem; font-weight: bold; text-transform: uppercase; text-align: left; border-bottom: 0.0625rem solid #666666; color: #666666; }

table td { font-size: 1.125rem; color: #000000; font-weight: lighter; }

button, .button { display: inline-block; line-height: 1; border: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-weight: normal; padding: 0.5rem; margin: 0 0.25rem 0.25rem 0; text-align: center; cursor: pointer; text-decoration: none; }

button:hover, .button:hover { background: #000000; color: #ffffff; text-decoration: none; }

.button-fill { display: block; width: 100%; }

.h-border { border-bottom: solid 1px #949494; padding: 0 0 10px; }

.sm-only { display: none !important; }

@media (max-width: 47.9375rem) { .sm-only { display: block !important; }
  .sm-0 { display: none !important; } }

@media (min-width: 0px) { .sm-1 { width: 8.33%; float: left; }
  .sm-2 { width: 16.66%; float: left; }
  .sm-3 { width: 25.00%; float: left; }
  .sm-4 { width: 33.33%; float: left; }
  .sm-5 { width: 41.66%; float: left; }
  .sm-6 { width: 50.00%; float: left; }
  .sm-7 { width: 58.33%; float: left; }
  .sm-8 { width: 66.66%; float: left; }
  .sm-9 { width: 75.00%; float: left; }
  .sm-10 { width: 83.33%; float: left; }
  .sm-11 { width: 91.66%; float: left; }
  .sm-12 { width: 100.0%; float: left; }
  .sm-l { float: left; }
  .sm-r { float: right; }
  .sm-n { float: none; }
  .multi-column { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

.md-only { display: none !important; }

@media (min-width: 48rem) and (max-width: 71.9375rem) { .md-only { display: block !important; }
  .md-0 { display: none !important; } }

@media (min-width: 48rem) { .md-1 { width: 8.33%; float: left; }
  .md-2 { width: 16.66%; float: left; }
  .md-3 { width: 25.00%; float: left; }
  .md-4 { width: 33.33%; float: left; }
  .md-5 { width: 41.66%; float: left; }
  .md-6 { width: 50.00%; float: left; }
  .md-7 { width: 58.33%; float: left; }
  .md-8 { width: 66.66%; float: left; }
  .md-9 { width: 75.00%; float: left; }
  .md-10 { width: 83.33%; float: left; }
  .md-11 { width: 91.66%; float: left; }
  .md-12 { width: 100.0%; float: left; }
  .md-l { float: left; }
  .md-r { float: right; }
  .md-n { float: none; }
  .multi-column { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } }

.lg-only { display: none !important; }

@media (min-width: 72rem) and (max-width: 87.9375rem) { .lg-only { display: block !important; }
  .lg-0 { display: none !important; } }

@media (min-width: 72rem) { .lg-1 { width: 8.33%; float: left; }
  .lg-2 { width: 16.66%; float: left; }
  .lg-3 { width: 25.00%; float: left; }
  .lg-4 { width: 33.33%; float: left; }
  .lg-5 { width: 41.66%; float: left; }
  .lg-6 { width: 50.00%; float: left; }
  .lg-7 { width: 58.33%; float: left; }
  .lg-8 { width: 66.66%; float: left; }
  .lg-9 { width: 75.00%; float: left; }
  .lg-10 { width: 83.33%; float: left; }
  .lg-11 { width: 91.66%; float: left; }
  .lg-12 { width: 100.0%; float: left; }
  .lg-l { float: left; }
  .lg-r { float: right; }
  .lg-n { float: none; }
  .multi-column { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } }

.xl-only { display: none !important; }

@media (min-width: 88rem) { .xl-only { display: block !important; }
  .xl-0 { display: none !important; } }

@media (min-width: 88rem) { .xl-1 { width: 8.33%; float: left; }
  .xl-2 { width: 16.66%; float: left; }
  .xl-3 { width: 25.00%; float: left; }
  .xl-4 { width: 33.33%; float: left; }
  .xl-5 { width: 41.66%; float: left; }
  .xl-6 { width: 50.00%; float: left; }
  .xl-7 { width: 58.33%; float: left; }
  .xl-8 { width: 66.66%; float: left; }
  .xl-9 { width: 75.00%; float: left; }
  .xl-10 { width: 83.33%; float: left; }
  .xl-11 { width: 91.66%; float: left; }
  .xl-12 { width: 100.0%; float: left; }
  .xl-l { float: left; }
  .xl-r { float: right; }
  .xl-n { float: none; }
  .multi-column { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } }

.header { height: 65px; }

.menu-fixed { position: fixed; margin-top: -10px; top: 0; left: 0; right: 0; z-index: 10; padding-bottom: 0.5rem; background: #ffffff; }

.menu-fixed .nav-logo-small img { width: auto; position: absolute; left: 0.625rem; top: 0.625rem; height: 1.25rem; }

@media screen and (min-width: 72rem) { .menu-fixed .nav-logo-small.nav-logo-small--hidden { display: none; } }

.menu-fixed .md-nav-logo-small img { width: auto; height: 1.45rem; }

.menu-fixed .nav-desktop { font-size: 0; }

.menu-fixed .nav-desktop div, .menu-fixed .nav-desktop ul, .menu-fixed .nav-desktop li { display: inline-block; }

.menu-fixed .nav-desktop li:after { content: "."; text-indent: -9999px; display: inline-block; height: 2rem; width: 1px; background: #cecece; padding: 0; margin: 0 0.25rem; position: relative; top: -32px; }

.menu-fixed .nav-desktop li:last-child:after { display: none; }

.menu-fixed .nav-desktop a { font-size: 1.75rem; color: #cecece; display: inline-block; padding: 0; margin: 0; font-weight: bold; text-transform: uppercase; }

.menu-fixed .nav-desktop a svg { width: 1.125rem; height: 1.125rem; fill: #cecece; }

.menu-fixed .nav-desktop a:hover, .menu-fixed .nav-desktop .nav-current { color: #000000; }

.menu-fixed .nav-desktop a:hover svg, .menu-fixed .nav-desktop .nav-current svg { fill: #000000; }

.menu-fixed .nav-desktop .nav-divider, .menu-fixed .nav-desktop .nav-spacer { display: inline-block; height: 2rem; width: 1px; background: #cecece; padding: 0; margin: 0 0.25rem; }

.menu-fixed .nav-desktop .nav-spacer { background: transparent; }

.menu-fixed .nav-desktop .large-spacer { width: 1rem; }

.menu-fixed .nav-desktop .current-menu-item a { color: #000000; }

.tw-space { margin-left: 0.5rem !important; }

.logo-overlay { z-index: 20; margin-bottom: 1.25rem; pointer-events: none; overflow: visible; }

.logo-overlay .logo-block { margin: 0; width: 100%; height: 0; padding-bottom: 40px; position: relative; display: block; pointer-events: auto; overflow: hidden; background: #ffffff; z-index: 1; }

.logo-overlay .logo-block img, .logo-overlay .logo-block video { position: absolute; top: 0; left: 0; width: auto; height: 100%; max-height: 41px; }

.logo-overlay .logo-block .mask { z-index: 5; }

.logo-overlay-shadow { box-shadow: 0 0 1.5rem 1.5rem #ffffff; float: none; position: relative; }

.nav-mobile-bar { position: fixed; top: 0; left: 0; z-index: 30; width: calc(100% - 2.5rem); padding: 1.25rem; background: #ffffff; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; }

.nav-mobile-bar .nav-logo-small { font-size: 0.9375rem; display: inline-block; height: 2em; }

.nav-mobile-bar .nav-logo-small img { height: 2em; width: auto; }

.nav-mobile-bar .nav-toggle { font-size: 0.9375rem; position: relative; float: right; width: 2em; height: 2em; }

.nav-mobile-bar .nav-toggle span { display: block; position: absolute; background: #000000; width: 2em; height: 0.4em; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.nav-mobile-bar .nav-toggle .n1 { left: 0em; top: 0em; }

.nav-mobile-bar .nav-toggle .n2 { left: 0em; top: 0.8em; }

.nav-mobile-bar .nav-toggle .n3 { left: 0em; top: 1.6em; }

.nav-mobile-bar .nav-toggle-on span { background: #949494; }

.nav-mobile-bar .nav-toggle-on .n1 { left: 0em; top: 0.8em; transform: rotate(45deg); }

.nav-mobile-bar .nav-toggle-on .n2 { opacity: 0; }

.nav-mobile-bar .nav-toggle-on .n3 { left: 0em; top: 0.8em; transform: rotate(-45deg); }

.nav-mobile-bar-on { background: rgba(255, 255, 255, 0); }

.nav-overlay-menu { position: fixed; height: 100vh; width: 100vw; opacity: 0; pointer-events: none; font-size: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; background: rgba(0, 0, 0, 0.9); z-index: 25; top: 0; left: 0; padding: 5rem 1.25rem 1.25rem; }

.nav-overlay-menu a { font-size: 2.625rem; text-transform: uppercase; font-weight: bold; color: #949494; }

.nav-overlay-menu a:hover, .nav-overlay-menu .nav-current { color: #ffffff; }

.nav-overlay-menu svg { display: inline-block; height: 0.5em; fill: #949494; margin-top: 0.5em; }

.nav-overlay-menu svg:hover { fill: #ffffff; }

.nav-overlay-menu .nav-spacer { display: inline-block; margin: 0; width: 1.25rem; }

.nav-overlay-menu .tw-space { width: 0.9375rem; }

.nav-overlay-menu-on { opacity: 1; pointer-events: auto; }

.mobile-nav-space { width: 100%; height: 5rem; }

@media (min-width: 48rem) and (max-width: 71.9375rem) { .mobile-nav-space { height: 2.5rem; } }

.footer { font-size: 0; text-transform: uppercase; color: #ffffff; background: #000000; position: relative; z-index: 20; }

.footer a { color: #ffffff; font-weight: bold; }

.footer a:hover { color: #949494; }

.footer svg { width: 1.125rem; height: 1.125rem; fill: #ffffff; }

.footer svg:hover { fill: #949494; }

.footer .footer-spacer { display: inline-block; width: 1px; background: #cecece; padding: 0; margin: 0 0.25rem; }

.footer .footer-right { padding-right: 0.41667rem; }

.footer .footer-main { background: #000000; }

.footer-logo { width: 50px; }

.footer-form { font-size: 0.9375rem; font-weight: bold; margin: auto; max-width: 28.125rem; }

.footer-form:after { content: ""; display: table; clear: both; }

.footer-form span, .footer-form input, .footer-form button { float: left; }

.footer-form span { width: 6.25rem; padding: 0 1rem 0 0; text-align: right; line-height: 1.6875rem; }

.footer-form input { display: inline-block; background: #000000; font-weight: normal; font-size: 0.9375rem; color: #ffffff; margin: 0; width: calc(100% - 245px); height: 25px; border: 1px solid #cecece; padding: 0 .5rem; }

.footer-form ::-webkit-input-placeholder { font-weight: normal; }

.footer-form :-moz-placeholder { font-weight: normal; }

.footer-form ::-moz-placeholder { font-weight: normal; }

.footer-form button { display: block; width: initial; font-size: 0.9375rem; text-transform: uppercase; width: 6.25rem; height: 1.6875rem; padding: 8px 0; background: #ffffff; float: right; opacity: 1; margin: 0; position: relative; }

.footer-form button:hover { color: #000000; }

@media (max-width: 47.9375rem) { .footer-form span, .footer-form input, .footer-form button { width: 100%; padding: 0; }
  .footer-form span { display: block; text-align: center; }
  .footer-form input { display: inline-block; margin: 2px 0 8px 0; text-align: center; width: calc(100% - 2px); }
  .footer-form button { margin-left: 0.2em; } }

.image-block h1, .image-block h2, .image-block .film-follow a, .film-follow .image-block a { text-transform: uppercase; font-weight: bold; display: inline-block; margin: 0.6em 0 0.4em 0; color: #fff; }

.image-block { margin: 0; position: relative; display: block; background-size: cover; background-position: center; z-index: 2; }

.image-block:after { background: transparent; content: "."; display: block; text-indent: -9999px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: background 0.4s; }

.image-block.image-block--film { position: fixed; width: 100%; height: calc(90vh - 110px); top: 85px; z-index: 20; }

.image-block h1, .image-block h2, .image-block .film-follow a, .film-follow .image-block a { text-transform: uppercase; font-weight: bold; font-size: 1.75rem; display: inline-block; margin: 0.6em 0 0.4em 0; }

@media screen and (min-width: 48rem) { .image-block h1, .image-block h2, .image-block .film-follow a, .film-follow .image-block a { margin: 0.25em 0 0.5em 0; } }

.image-block h1 { font-size: 2.25rem; }

.image-block h2, .image-block .film-follow a, .film-follow .image-block a { font-size: 1.75rem; }

.image-block .image-block-overlay-content { position: absolute; left: 0; bottom: 20px; width: 100%; }

@media screen and (max-width: 47.9375rem) { .image-block .image-block-overlay-content { max-width: calc(100% - 80px); } }

.image-block .image-block-overlay-content h2, .image-block .image-block-overlay-content .film-follow a, .film-follow .image-block .image-block-overlay-content a { color: #ffffff; }

.image-block.image-block--film--faded:after { background: rgba(0, 0, 0, 0.5); }

.film-offset { content: "."; display: block; text-indent: -9999px; height: calc(90vh - 35px); }

.film-content { position: relative; background: #ffffff; z-index: 22; }

.pagination a, .pagination span { font-size: 1.125rem; color: #000000; text-transform: uppercase; padding: 1em; font-weight: bold; }

.pagination .indicator { padding-left: 0; }

.pagination .button { width: 4.75em; text-align: center; display: inline-block; margin: 0 1em 0 0; border: 1px solid #000000; }

.pagination .inactive { color: #cecece; }

.pagination .inactive:hover { cursor: auto; background: transparent; }

.vimeo-container { padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; max-width: 100%; background: #000000; position: relative; }

.vimeo-container iframe, .vimeo-container object, .vimeo-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 47.9375rem) { .vimeo-container { margin-top: 0; } }

.text-content h2, .text-content .film-follow a, .film-follow .text-content a, .text-content h3 { color: #000000; text-transform: uppercase; margin-bottom: 0.5em; }

.text-content .secondary { color: #000000; margin-bottom: 1em; }

.text-content p { color: #000000; font-size: 1.125rem; }

.text-content img { margin-top: 2rem; }

.text-content .image-caption { color: #949494; margin-top: 0.25em; }

.big-margin-bottom { margin-bottom: 2.5rem; }

.info-button { text-transform: uppercase; font-weight: bold; display: block; font-size: 1.75rem; color: #000000; text-align: left; padding: 0.75em; line-height: 1; margin: 0 0 0.75em 0; border: 1px solid #000000; }

.info-button-small { font-size: 1.125rem; width: calc(100% - 8em); }

.side-links { text-transform: uppercase; font-weight: bold; font-size: 1.125rem; color: #cecece; line-height: 1.5; }

.side-links a { color: #cecece; font-weight: bold; }

.side-links .heavy { color: #000000; }

@media (min-width: 48rem) { .pad-left-md { padding-left: 1.25rem; }
  .pad-right-md { padding-right: 1.25rem; } }

.empty-space { width: 100%; height: 50vh; }

form { margin: 0; }

form .field { padding: 0; width: calc(100% - 2px); float: none; }

form .field br { display: none; }

form .field input, form .field textarea, form .field span input, form .field span textarea { border: none; background: transparent; padding-left: 0.25em; font-family: "Simplon", sans-serif; }

form .field textarea, form .field span textarea { height: 4em; }

form .select-outer { display: inline-block; vertical-align: middle; float: none !important; border: 1px solid #c0c0c0; min-width: 7.5rem; width: calc(100% - 1.25em - 2px); overflow: hidden; background: #ffffff url("../img/option.png") no-repeat 98% 50%; background-size: 2em; padding: 0.75em; }

form .select-outer select { display: block; margin: 0; width: 115% !important; border: none; box-shadow: none; background: transparent !important; background-image: none; -webkit-appearance: none; color: #666666; font-size: 1.125rem; font-weight: bold; font-family: "Simplon", sans-serif; }

form .select-outer select:focus { outline: none; }

form ::-webkit-input-placeholder { opacity: 1; color: #cecece; font-weight: bold; }

form :-moz-placeholder { opacity: 1; color: #cecece; font-weight: bold; }

form ::-moz-placeholder { opacity: 1; color: #cecece; font-weight: bold; }

form :-ms-input-placeholder { opacity: 1; color: #cecece; font-weight: bold; }

form .check-image { width: 3rem !important; height: 3rem; background: #ffffff; margin: 0 0.5em 0 0; padding: 0.25em; display: inline-block !important; vertical-align: top; }

form .check-image img { margin: 0; }

form button, form .field .wpcf7-submit { display: block; width: calc(100% + 3px); padding: 1em; font-weight: bold; background: #c0c0c0; }

form p { display: none; }

form span.wpcf7-list-item { margin-left: 3px; }

form .check-message { display: inline-block; width: calc(100% - 6em); vertical-align: top; color: #cecece; font-size: 1.125rem; font-weight: bold; text-transform: uppercase; position: relative; top: -2px; }

form .check-message .heavy { color: #666666; }

form .form-surround { background: rgba(206, 206, 206, 0.2); padding: 0.5em; margin-bottom: 0.5em; }

form .option-field { margin-bottom: 0.5em; }

.contact-side { margin-top: 0.66em; }

.alt { background: #000000; }

.alt .band { background: #000000; }

.alt .menu-fixed { background: #000000; }

.alt .menu-fixed .nav-desktop a { color: #666666; }

.alt .menu-fixed .nav-desktop a svg { fill: #666666; }

.alt .menu-fixed .nav-desktop a:hover, .alt .menu-fixed .nav-desktop .nav-current { color: #ffffff; }

.alt .menu-fixed .nav-desktop a:hover svg, .alt .menu-fixed .nav-desktop .nav-current svg { fill: #ffffff; }

.alt .menu-fixed .nav-desktop .nav-divider { background: #666666; }

.alt .logo-overlay .logo-block { background: #000000; }

.alt .logo-overlay-shadow { box-shadow: 0 0 3rem 3rem #000000; }

.alt .nav-mobile-bar { background: #000000; }

.alt .nav-mobile-bar .nav-toggle span { background: #ffffff; }

.alt .nav-mobile-bar .nav-toggle-on span { background: #949494; }

.alt .nav-mobile-bar-on { background: rgba(0, 0, 0, 0); }

.alt .nav-overlay-menu { background: rgba(255, 255, 255, 0.9); }

.alt .nav-overlay-menu a { color: #949494; }

.alt .nav-overlay-menu a:hover, .alt .nav-overlay-menu .nav-current { color: #000000; }

.alt .nav-overlay-menu-on { opacity: 1; }

.alt .mobile-nav-space { width: 100%; height: 5rem; }

@media (min-width: 48rem) and (max-width: 71.9375rem) { .alt .mobile-nav-space { height: 2.5rem; } }

.alt .footer { color: #000000; }

.alt .footer a { color: #000000; }

.alt .footer a:hover { color: #949494; }

.alt .footer svg { fill: #000000; }

.alt .footer svg:hover { fill: #949494; }

.alt .footer .footer-spacer { background: #666666; }

.alt .footer .footer-main { background: #ffffff; }

.alt .image-block { color: #ffffff; }

.alt .pagination a, .alt .pagination span { color: #ffffff; }

.alt .pagination .button { border: 1px solid #ffffff; }

.alt .pagination .button:hover { background: #ffffff; color: #000000; }

.alt .pagination .inactive { color: #666666; }

.alt .pagination .inactive:hover { color: #666666; cursor: auto; background: transparent; }

.alt .text-content h2, .alt .text-content .film-follow a, .film-follow .alt .text-content a { color: #ffffff; }

.alt .text-content .secondary { color: #949494; }

.alt .text-content p { color: #cecece; }

.alt .text-content .image-caption { color: #949494; }

.alt .info-button { color: #949494; border: 1px solid #949494; }

.alt .side-links { color: #666666; }

.alt .side-links a { color: #666666; }

.alt .side-links .heavy { color: #ffffff; }

.client-logos, .client-logos * { box-sizing: border-box; }

.client-logos { list-style: none; text-align: center; font-size: 0; clear: both; }

.client-logos li { display: inline-block; width: 33.33%; padding: 15px; height: 100px; position: relative; }

@media screen and (min-width: 768px) { .client-logos li { width: 16.6667%; } }

@media screen and (min-width: 1000px) { .client-logos li { width: 11%; } }

.client-logos img { max-width: 100%; margin: auto; position: relative; top: 50%; transform: translateY(-50%); }

@media screen and (min-width: 1390px) { .client-logos { display: flex; justify-content: space-around; flex-wrap: wrap; }
  .client-logos li { padding: 20px; width: auto; }
  .client-logos img { width: auto; max-width: auto; } }

@media screen and (min-width: 48rem) { .client-logos--about-page { padding-top: 90px; } }

.overlay-item { display: block; position: relative; }

.overlay-item .overlay-item-content { margin: 20px 0; }

@media screen and (min-width: 48rem) { .overlay-item .overlay-item-content { margin: 0; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; padding: 30px; transition: opacity 0.2s; } }

@media screen and (min-width: 48rem) { .overlay-item:hover .overlay-item-content { opacity: 1; } }

@media screen and (min-width: 48rem) { .overlay-item .overlay-item-title { color: #ffffff; } }

.overlay-item .overlay-item-sub-title { color: #949494; }

.vendor-logo { transition: opacity 0.2s; opacity: 0.29; display: block; }

.vendor-logo img { height: 30px; width: auto; max-width: 100%; }

.vendor-logo:hover { opacity: 1; }

.film-follow { margin: 0; font-weight: bold; line-height: 1; }

.film-follow a { display: block; padding: 10px 0; display: flex; align-items: center; color: #b6b6b6; }

@media screen and (min-width: 48rem) { .film-follow a { font-size: 20px; } }

.film-follow svg { width: 1.5rem; height: 1.5rem; margin: 0 20px 0 0; fill: #b6b6b6; }

@media screen and (min-width: 48rem) { .film-follow svg { width: 1.125rem; height: 1.125rem; } }

.film-follow a:hover { color: #000000; }

.film-follow a:hover svg { fill: #000000; }