@charset "UTF-8";

/* GLOBAL */
body {
	background: #0E0E0E;
	font-family: 'Graphik';
	font-weight: 300;
}
body.player-open {
	overflow: hidden;
}

/* scrollbar */
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #fff;
}
::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

.js-fullscreen {
	height: 100vh !important;
}

.m-6{margin:4rem!important}.mt-6,.my-6{margin-top:4rem!important}.mr-6,.mx-6{margin-right:4rem!important}.mb-6,.my-6{margin-bottom:4rem!important}.ml-6,.mx-6{margin-left:4rem!important}
.m-7{margin:5rem!important}.mt-7,.my-7{margin-top:5rem!important}.mr-7,.mx-7{margin-right:5rem!important}.mb-7,.my-7{margin-bottom:5rem!important}.ml-7,.mx-7{margin-left:5rem!important}
.m-8{margin:6rem!important}.mt-8,.my-8{margin-top:6rem!important}.mr-8,.mx-8{margin-right:6rem!important}.mb-8,.my-8{margin-bottom:6rem!important}.ml-8,.mx-8{margin-left:6rem!important}
.m-9{margin:7rem!important}.mt-9,.my-9{margin-top:7rem!important}.mr-9,.mx-9{margin-right:7rem!important}.mb-9,.my-9{margin-bottom:7rem!important}.ml-9,.mx-9{margin-left:7rem!important}

.p-6{padding:4rem!important}.pt-6,.py-6{padding-top:4rem!important}.pr-6,.px-6{padding-right:4rem!important}.pb-6,.py-6{padding-bottom:4rem!important}.pl-6,.px-6{padding-left:4rem!important}
.p-7{padding:5rem!important}.pt-7,.py-7{padding-top:5rem!important}.pr-7,.px-7{padding-right:5rem!important}.pb-7,.py-7{padding-bottom:5rem!important}.pl-7,.px-7{padding-left:5rem!important}
.p-8{padding:6rem!important}.pt-8,.py-8{padding-top:6rem!important}.pr-8,.px-8{padding-right:6rem!important}.pb-8,.py-8{padding-bottom:6rem!important}.pl-8,.px-8{padding-left:6rem!important}
.p-9{padding:7rem!important}.pt-9,.py-9{padding-top:7rem!important}.pr-9,.px-9{padding-right:7rem!important}.pb-9,.py-9{padding-bottom:7rem!important}.pl-9,.px-9{padding-left:7rem!important}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	padding-right: 48px;
	padding-left: 48px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1440px !important;
}
.row {
	margin-right: -48px;
	margin-left: -48px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-right: 48px;
	padding-left: 48px;
}

.m-content #content {
	margin-top: 73px;
}

/* PLAYER */
.player {
	overflow: hidden;
}
.player.scale1-2 video { /* LEVEL 1 */
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.player.scale1-4 video { /* LEVEL 2 */
	-webkit-transform: scale(1.35);
	-ms-transform: scale(1.35);
	transform: scale(1.35);
}
.player.scale1-6 video { /* LEVEL 3 */
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
.player.scale1-8 video { /* LEVEL 4 */
	-webkit-transform: scale(1.65);
	-ms-transform: scale(1.65);
	transform: scale(1.65);
}
.player.scale2 video { /* LEVEL 5 */
	-webkit-transform: scale(1.8);
	-ms-transform: scale(1.8);
	transform: scale(1.8);
}

/* LOGO */
#logo {
	position: fixed;
	z-index: 200;
	top: 50px;
	left: 48px;
}
#logo h1 {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
#logo img {
	display: block;
	width: 116px;
	height: 48px;
}

/* BURGER */
#call-menu {
	position: fixed;
	z-index: 200;
	top: 66px;
	right: 44px;
	width: 48px;
	height: 48px;
	padding: 7px 4px;
}
body.nav-on #call-menu {
	opacity: 0;
}
#call-menu span {
	display: block;
	margin: 10px 0;
	background: #fff;
	height: 2px;
}

/* NAV */
nav.main {
	/*visibility: hidden;*/
	position: fixed;
	z-index: 201;
	top: 78px;
	right: 48px;

	/*-webkit-transform: translateX(120%);
	-moz-transform: translateX(120%);
	-ms-transform: translateX(120%);
	-o-transform: translateX(120%);
	transform: translateX(120%);*/

	opacity: 0;
	pointer-events: none;
}
body.nav-on nav.main {
	/*visibility: visible;

	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);*/

	opacity: 1;
	pointer-events: auto;
}
body.is-touch .nav.main {
	z-index: 199;
}

.nav_under {
	opacity: 0;
	pointer-events: none;
	width: 100%;
	height: 136px;
	position: fixed;
	z-index: 5;
	top: 0;
	background: rgb(14,14,14);
	/*background: linear-gradient(180deg, rgba(14,14,14,1) 0%, rgba(14,14,14,1) 95%, rgba(14,14,14,0.7) 95.1%, rgba(14,14,14,0) 100%);*/
}
body.nav-on .nav_under {
	opacity: 1;
}
body.latest .nav_under, body.directors .nav_under {
	display: none !important;
}

nav.main a {
	color: #fff;
	opacity: .6;
	font-size: 20px;
	padding: 16px;
}
nav.main a:hover, nav.main a.on {
	opacity: 1;
}
nav.main a:first-child {
	padding-left: 0;
}
nav.main a:last-child {
	padding-right: 0;
}

/* PLAYER */
.player-animate, .player-loop {
	position: relative;
	overflow: hidden;
}
.player-animate.grab {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.player-animate.grab:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.player-animate .item {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
}
.player-animate .item.old-playing {
	z-index: 1;
}
.player-animate .item.playing {
	z-index: 2;
	opacity: 1;
}
.player-animate .item .player, .player-loop .player {
	height: 100%;
}
.player-animate .item .player a, .player-loop .player a {
	display:block;
	width: 100%;
	height: 100%;
}
.player-animate .item .player video, .player-loop .player video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	opacity: 0;
}
.player-animate .item .player video {
	-webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}
.player-animate .item .player video.waiting {
	/*opacity: 0;*/
}
.player-animate .item .player video.waiting2 {
	/*opacity: 0;*/
}
.player-animate .item .player video.go, .player-loop .player video.go {
	opacity: 1;
}

.player-animate .item.black-version .player a:before, .player-loop .player a[data-black='1']:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: #000;
	opacity: .08;
}

/* LATEST */
.latest-texts {
	position: fixed;
	z-index: 50;
	top: 50%;
	left: 50px;
	right: 50px;
	margin-top: -100px;
	color: #fff;
	overflow: hidden;
	height: 200px;
}
.latest-texts .inner {
	position: absolute;
	width: 100%;
}
.latest-texts .inner .item {
	position: relative;
	display: block;
	opacity: .4;
	height: 200px;
}
.latest-texts .inner .item.on {
	opacity: 1;
}
.latest-texts .inner .item .title {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/*.latest-texts .inner .item h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 46px;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
}
.latest-texts .inner .item h2.copy {
	font-size: 120px;
	opacity: 1;
	letter-spacing: -2px;
	margin-top: -10px;
}
.latest-texts .inner .item h2 .part2 {
	font-weight: 300;
}

.latest-texts .inner .item h2 .part1, .latest-texts .inner .item h2 .part2 {
	opacity: 0;
}

.latest-texts .inner .item.anim1 h2.copy {
	opacity: 0;
}

.latest-texts .inner .item.anim2 h2 .part2 {
	opacity: .95;
}*/

.latest-texts .inner .item {
	opacity: 0;
}
.latest-texts .inner.on .item {
	opacity: 1;
}
.latest-texts .inner .item h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	white-space: nowrap;
	color: #fff;
	text-align: center;
	opacity: .95;
}
.latest-texts .inner .item h2 .part1 {
	display: block;
	font-size: 80px;
	font-weight: 600;

	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.latest-texts .inner .item h2 .part2 {
	display: block;
	font-size: 40px;
	font-weight: 300;
	margin-top: 20px;
}

.latest-pager {
	position: fixed;
	z-index: 50;
	top: 50%;
	right: 48px;
	margin-top: 12px;
	width: 40px;
	height: 100px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
	pointer-events: none;
}
.latest-pager .n1 {
	position: absolute;
	top: -96px;
	width: 100%;
    height: 26px;
    overflow: hidden;
}
.latest-pager .n1 .inner {
	position: absolute;
	right: 0;
	width: 100%;
}
.latest-pager .n1 .inner span {
	opacity: .4;
	width: 100%;
	padding: 5px 0;
}
.latest-pager .n1 .inner span.on {
	opacity: 1;
}
.latest-pager .n1 span {
	display: block;
}
.latest-pager .n2 {
	position: absolute;
	top: 80px;
	width: 100%;
	opacity: .4;
}

.latest-prev-next {
	position: fixed;
	z-index: 51;
	top: 50%;
	right: 88px;
}
.latest-prev-next a {
	position: absolute;
	top: -37px;
	width: 40px;
	height: 40px;
}
.latest-prev-next a.next {
	top: 28px;
}
.latest-prev-next a.on {
	opacity: 1;
}

.latest-bar {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 50;
	width: 100%;
	height: 5px;
	background: transparent;
}
.latest-bar span {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #fff;
}

@media (max-width: 1399px) {
	/*.latest-texts .inner .item h2.copy {
		font-size: 100px;
	}*/
	.latest-texts .inner .item h2 .part1 {
		font-size: 70px;
	}
	.latest-texts .inner .item h2 .part2 {
		font-size: 36px;
		margin-top: 17px;
	}
}
@media (max-width: 1199px) {
	/*.latest-texts .inner .item h2.copy {
		font-size: 80px;
	}*/
	.latest-texts .inner .item h2 .part1 {
		font-size: 60px;
	}
	.latest-texts .inner .item h2 .part2 {
		font-size: 30px;
		margin-top: 15px;
	}
}
@media (max-width: 999px) {
	/*.latest-texts .inner .item h2.copy {
		font-size: 60px;
	}*/
	.latest-texts .inner .item h2 .part1 {
		font-size: 50px;
	}
	.latest-texts .inner .item h2 .part2 {
		font-size: 24px;
		margin-top: 12px;
	}
}
@media (max-width: 767px) {
	.latest-texts {
		left: 24px;
		right: 24px;
	}
	.latest-texts .inner .item h2 {
		left: 0;
		text-align: left;
		white-space: normal;
		line-height: 1.25;
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate3d(0,-50%,0);
		-ms-transform: translate3d(0,-50%,0);
		-o-transform: translate3d(0,-50%,0);
		transform: translate(0,-50%);
	}
	/*.latest-texts .inner .item h2.copy {
		margin-left: 0 !important;
		margin-top: -22px;
	}
	.latest-texts .inner .item h2, .latest-texts .inner .item h2.copy, .latest-texts .inner .item.anim1 h2.copy, .latest-texts .inner .item h2 .part1, .latest-texts .inner .item h2 .part2 {
		font-size: 30px;
	}
	.latest-texts .inner .item h2 .part2 {
		font-size: 24px;
		margin-left: -6px;
	}
	.latest-texts .inner .item h2 .part1, .latest-texts .inner .item h2 .part2 {
		display: block;
	}*/
	.latest-texts .inner .item h2 .part1 {
		font-size: 30px;
	}
	.latest-texts .inner .item h2 .part2 {
		font-size: 20px;
		margin-top: 6px;
	}

	.latest-pager {
		display: block;
		top: auto;
		bottom: 39px;
		right: auto;
		left: 172px;
		height: 26px;
		text-align: left;
		overflow: visible;
	}
	.latest-pager .n1 {
		display: block;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.latest-pager .n1 .inner {
		right: auto;
		left: 0;
	}
	.latest-pager .n2 {
		display: block;
		margin-left: 0;
		top: 5px;
		left: 42px;
	}

	.latest-prev-next {
		top: auto;
		right: auto;
		left: 24px;
		bottom: 72px;
	}
	.latest-prev-next a {
		top: 0;
		left: 0;
	}
	.latest-prev-next a.next {
		top: 0;
		left: 72px;
	}
}

/* LOOP */
.player-loop .player {
	display: none;
}
.button-loop ul li a {
	opacity: .6;
}
.button-loop.over ul li a {
	opacity: .6;
}
.button-loop ul li a.over {
	opacity: 1;
}

/* FILMS */
.films-list {
	position: absolute;
	z-index: 50;
	top: 150px;
	bottom: 100px;
	left: 48px;
	color: #fff;
	font-size: 20px;
	opacity: 0;
}
.films-list.open {
	opacity: 1 !important;
}
.films-list
.films-list h2 {
	font-weight: 600;
	
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.films-list p {
	opacity: .6;
}
.films-list ul {
	position: absolute;
	top: 50%;
	width: 250px;
	max-height: 100%;
	margin-top: 0;
}
.films-list ul li a, .films-list ul li.mobile span {
	display: block;
	color: #fff;
	padding: 13px 0 12px;
	margin-right: 48px;
	white-space: nowrap;

	padding-bottom: 11px;
	margin-bottom: 1px;
}
.films-list.directors-films-list ul li a {
	padding-bottom: 11px;
	margin-bottom: 1px;
}

.films-list .mobile {
	display: none;
}
.films-list a.open-bio {
	position: absolute;
	bottom: -42px;
	left: 0;
	display: block;
	color: #fff;
	opacity: .6;
}
.films-list a.open-bio:hover, .films-list a.open-bio.on {
	opacity: 1;
}

.films-list.directors-list ul li a {
	opacity: 1;
}
.films-list.directors-list.over ul li a {
	opacity: .6;
}
.films-list.directors-list ul li a.over {
	opacity: 1;
}

.films-list.directors-films-list ul li a, .films-list.directors-films-list ul li.mobile span {
	opacity: .6;
}
.films-list.directors-films-list ul li a.on, .films-list.directors-films-list ul li a.over {
	opacity: 1;
}

/* DIRECTORS */
body.nav-on .main-title {
	opacity: 0;
	visibility: hidden;
}

.director-title {
	position: absolute;
	z-index: 10;
	top: 69px;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	width: 100%;
	
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.director-nav {
	display: flex;
}
.director-nav > a, .director-nav > span {
	display: block;
	width: 50%;
	font-size: 20px;
	color: #fff;
	padding: 145px 48px 48px 48px;
}
.director-nav .title {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.director-nav .sub {
	display: block;
	opacity: .6;
}
.director-nav a:hover {
	background: #1a1a1a;
}
.director-nav a:hover .sub {
	opacity: 1;
}
.director-nav .prev {
	text-align: left;
}
.director-nav .next {
	text-align: right;
}
.director-nav span.prev, .director-nav span.next {
	opacity: .6;
}

/* BIO */
.directors-bio {
	padding: 240px 48px 34px;
	background: #0E0E0E;
}
.directors-bio .text {
	font-size: 32px;
	line-height: 42px;
	color: #fff;
	margin-bottom: 220px;
}
.directors-bio img {
	display: block;
	max-width: 355px;
	margin-bottom: 30px;
}
.directors-bio a.back {
	color: #fff;
	opacity: .6;
	font-size: 20px;
}
.directors-bio a.back:hover {
	opacity: 1;
}

/* ARTICLES */
.article {
	color: #FFFFFF;
	font-size: 20px;
	margin-bottom: 100px;
}
.article h2.title {
	color: #FFFFFF;
	/*font-family: "IBM Plex Serif";*/
	font-size: 30px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 174px;
	
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.article .no-title h2.title {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.article-item {
	margin-bottom: 3em;
}

.article-video {
	overflow: hidden;
}
.article-video .player {
	position: relative;
}
.article-video img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.article-video .title {
	position: absolute;
	top: 50%;
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	margin-top: -32px;
}
.article-video .title h2 {
	font-size: 30px;
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 16px;
	
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.article-video .title h3 {
	font-size: 24px;
}
.article-video .player video {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.article-video .player.on img {
	opacity: 0;
}
.article-video .player.on video {
	display: block;
}

.article-image img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.article-text h1, .article-text h2, .article-text h3, .article-text h4, .article-text h5, .article-text h6 {
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 16px;
	
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.article-text p {
	font-family: 'IBM Plex Serif';
	opacity: 0.6;
	color: #FFFFFF;
	line-height: 28px;
	margin-bottom: 28px;
	
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.article-text p a {
	color: #FFFFFF;
	opacity: .6;
	-webkit-transition:opacity .15s ease-out; -moz-transition:opacity .15s ease-out; -ms-transition:opacity .15s ease-out; -o-transition:opacity .15s ease-out; transition:opacity .15s ease-out;
}
.article-text p a:hover {
	opacity: 1;
}
.article-text.big p {
	font-size: 32px;
	line-height: 42px;
}

.article-text hr {
	background-color: rgba(255,255,255,.1);
}

.article-shortcode {
	
}

.article-spacer {
	display: block;
	height: 90px;
	margin-bottom: 0 !important;
}
.article-spacer.h-60 { height: 60px; }
.article-spacer.h-90 { height: 90px; }
.article-spacer.h-120 { height: 120px; }
.article-spacer.h-150 { height: 150px; }

.open-instagram {
	position: fixed;
	z-index: 100;
	right: 52px;
	bottom: 60px;
	opacity: 0;
}
.open-instagram.open {
	opacity: 1;
}
.open-instagram svg {
	width: 32px;
	height: 32px;
	fill: #fff;
}

#instafeed a {
	display: inline-block;
	width: 16.666666%;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* CONTACT */
body.contact .article-text p {
	font-family: 'Graphik';
	opacity: 1;
	
	-webkit-font-smoothing: auto;
    font-smoothing: initial;
}
.contact .container-fluid .article-image {
	margin: 0;
}
.contact .container.article {
	margin-bottom: 40px;
}

/* newsletter */
#fNewsletter {
	background: #1a1a1a;
	border-radius: 2px;
	max-width: 444px;
	position: fixed;
    bottom: 48px;
    left: 0;
    z-index: 100;
    margin-left: 48px;
    min-width: 440px;
    -webkit-transform: translateY(100px);
	transform: translateY(100px);
}
#fNewsletter.open {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
#fNewsletter #mc_embed_signup_scroll {
	display: flex;
}
#fNewsletter input[type='email'] {
	font-family: 'Graphik';
	font-size: 20px;
	color: #ffffff;
	width: 100%;
	background: transparent;
	border: 0;
	padding: 12px 0 16px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#fNewsletter input[type='submit'] {
	font-family: 'Graphik';
	font-size: 20px;
	color: #ffffff;
	padding: 12px 20px 16px;
	background: transparent;
	border: 0;
	cursor: pointer;
	opacity: 1;
}
#fNewsletter input[type='submit']:hover {
	opacity: .6;
}

/* SEARCH */
#fSearch {
	display: flex;
	background: #1a1a1a;
	border-radius: 2px;
	max-width: 650px;
	margin: 0 auto;
}
#fSearch input[type='text'] {
	font-family: 'Graphik';
	font-size: 20px;
	color: #ffffff;
	width: 100%;
	background: transparent;
	border: 0;
	padding: 18px 0 14px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#fSearch input[type='submit'] {
	font-family: 'Graphik';
	font-size: 20px;
	color: #ffffff;
	padding: 18px 20px 14px;
	background: transparent;
	border: 0;
	cursor: pointer;
}

nav.film-cat a {
	color: #fff;
	opacity: .6;
	font-size: 20px;
	padding: 16px;
}
nav.film-cat a:hover, nav.film-cat a.on {
	opacity: 1;
}
nav.film-cat a:first-child {
	padding-left: 0;
}
nav.film-cat a:last-child {
	padding-right: 0;
}

.search .player img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.search .player .title {
	color: #FFFFFF;
	line-height: 24px;
	margin-top: 15px;
	text-align: center;
}
.search .player .title span {
	font-weight: 600;
	
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* PLAYER */
#player {
	display: none;
	position: fixed;
	z-index: 800;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}
#player.open {
	display: block;
}

#player .infos {
	position: fixed;
	z-index: 10;
	top: 18px;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 0 80px;
}
#player .infos .title {
	display: inline;
	font-weight: 600;
	
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
#player .infos .subtitle {
	display: inline;
}

#player a.close {
	position: fixed;
	z-index: 100;
	top:0;
	right:16px;
	width: 66px;
	height:56px;
	background:url(../img/close.png) center center no-repeat;
	background-size: 14px 14px;
}

#player .video, .mejs-mediaelement video, .mejs-container, .mejs-overlay {
	width:100% !important;
	height:100% !important;
}

.mejs-overlay-loading {
	display: none !important;
	opacity: 0 !important;
}

.mejs-container .mejs-button button:focus {
	outline: 0;
}

.mejs-controls a.mejs-horizontal-volume-slider, .mejs-controls .mejs-time-rail .mejs-time-float {
	opacity: 0;
	width: 0 !important;
	display: block !important;
	position: absolute;
	left: -5000px;
	pointer-events: none;
	visibility: hidden;
}
.mejs-controls {
	opacity: 1 !important;
	clip: auto !important;
}

.mejs-container .mejs-controls {
	height:66px;
	background: transparent;
}

.mejs-container .mejs-controls .mejs-button, .mejs-container .mejs-quality-button .mejs-button {
	position: absolute;
	z-index:3;
	top: 0;
	left:66px;
	width:66px;
	height:66px;
	margin:0;
	padding: 0;
}
.mejs-container .mejs-controls .mejs-button.mejs-volume-button {
	left: 82px;
}
.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button {
	left: auto;
	right: 16px;
}
.mejs-container .mejs-controls .mejs-button button {
	margin: 0;
	width:100%;
	height:100%;
}
.mejs-container .mejs-controls .mejs-button.mejs-volume-button button { background: url('../player/mute.png') 50% 50% no-repeat; background-size:14px 16px; }
.mejs-container .mejs-controls .mejs-button.mejs-play button { background: url('../player/play.png') 55% 50% no-repeat; background-size:24px 24px; }
.mejs-container .mejs-controls .mejs-button.mejs-pause button { background: url('../player/pause.png') 50% 50% no-repeat; background-size:18px 24px; }
.mejs-container .mejs-controls .mejs-button.mejs-volume-button.mejs-unmute { opacity:.5; }
.mejs-controls .mejs-fullscreen-button button { background: url('../player/fullscreen.png') 50% 50% no-repeat; background-size:24px 18px; }

.mejs-controls div.mejs-time-rail {
	position: absolute;
	top: 0;
	left: 164px;
	right: 98px;
	width: auto !important;
	height: 100%;
	padding: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
	background: transparent;
	height: 100%;
	margin: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-buffering {
	height:2px;
	bottom: 32px;
	border-radius: 1px;
	
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.mejs-controls:hover .mejs-time-rail .mejs-time-loaded,
.mejs-controls:hover .mejs-time-rail .mejs-time-current,
.mejs-controls:hover .mejs-time-rail .mejs-time-buffering {
	height: 6px;
	bottom: 30px;
	border-radius: 2px;
}
.mejs-controls .mejs-time-rail > * {
	outline: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: rgba(255,255,255,.2);
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
	display: none !important;
}

.mejs-container .mejs-button.mejs-quality-button {
	left: 16px;
}
.mejs-container .mejs-button.mejs-quality-button button {
	border: 0;
	background: transparent;
	color:#fff;
	padding:5px 4px;
	font-size: 17px;
	font-family: 'Graphik';
	opacity: .5;
	cursor: pointer;
}
.mejs-container .mejs-button.mejs-quality-button.active {
	display: none;
}
.mejs-container .mejs-button.mejs-quality-button.mejs-sd button {
	opacity: 1;
}
.mejs-container.mejs-ios .mejs-controls .mejs-button {
	left:0;
}
.mejs-overlay-play .mejs-overlay-button {
	display: none;
}

.mejs-offscreen {
	clip-path: none;
}


/* RESPONSIVE */
@media (max-width: 1199px) {
	#instafeed a {
		width: 33.333333%;
	}
}
@media (max-width: 767px) {
	#logo img {
		margin-top: 8px;
		width: 96px;
		height: 40px;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
		padding-right: 24px;
		padding-left: 24px;
	}
	.row {
		margin-right: -24px;
		margin-left: -24px;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 24px;
		padding-left: 24px;
	}

	#logo {
		top: 24px;
		left: 24px;
	}

	#call-menu {
		top: 40px;
		right: 20px;
	}
	body.nav-on #call-menu {
		opacity: 1;
	}
	body.nav-on #call-menu .n1 {
		margin-top: 15px;
	}
	body.nav-on #call-menu .n2 {
		display: none;
	}

	nav.main {
		z-index: 199;
		background: #000;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 170px 0 0;
	}
	body.nav-on nav.main {
		opacity: 1;
	}
	nav.main a {
		display: block;
		padding: 25px 24px !important;
		/*opacity: 1;*/
		font-size: 20px;
		font-weight: 400;
	
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	}

	.open-instagram {
		right: 20px;
		bottom: 36px;
	}
	/*.open-instagram svg {
		width: 24px;
		height: 24px;
	}*/

	.article-item {
		margin-bottom: 2em;
	}

	.article-spacer.h-60 { height: 45px; }
	.article-spacer.h-90 { height: 67px; }
	.article-spacer.h-120 { height: 90px; }
	.article-spacer.h-150 { height: 112px; }

	.article h2.title {
		margin-top: 78px;
		margin-bottom: 66px;
		text-align: left !important;
	}
	.article .no-title h2.title {
		margin-top: 0;
	}

	.article-text p {
		font-size: 17px;
		line-height: 26px;
		margin-bottom: 26px;
	}

	body.contact .article-text p {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 24px;
	}
	body.contact .article-text.big p {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 32px;
	}

	.article-video.col-md-12 {
		padding: 0;
	}
	.article-video .title h2 {
		font-size: 24px;
		margin-bottom: 14px;
	}
	.article-video .title h3 {
		font-size: 20px;
	}
	.article-video .player {
		height: 100%;
	}
	.article-video img {
		opacity: 1;
		object-fit: cover;
		height: 100%;
	}
	.article-video .player video {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	#fNewsletter {
		bottom: 24px;
		margin: 0 0 0 8px;
	}
	#fNewsletter input[type='email'] {
		padding-left: 16px;
	}
	#fNewsletter input[type='submit'] {
		padding-right: 16px;
	}

	#player .infos {
		font-size: 15px;
		top: 12px;
		padding: 0 40px;
	}
	#player a.close {
		right: 8px;
		width: 24px;
		height: 42px;
	}
	.mejs-container .mejs-button.mejs-quality-button {
		left: 0;
	}
	.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button {
		left: auto;
		right: 0;
	}
	.mejs-controls div.mejs-time-rail {
		left: 148px;
		right: 78px;
	}
	.mejs-container .mejs-controls .mejs-button.mejs-volume-button {
		left: 66px;
	}

	#instafeed {
		display: block;
		margin: 0 24px;
	}

	.films-list {
		left: 24px;
		right: 0;
		top: 0;
		bottom: 0;
		overflow-y: scroll;
	}
	.films-list ul {
		display: block !important;
		position: static;
		margin: 144px 0 24px;
		width: auto;
		max-height: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.films-list ul li a {
		margin-right: 24px;
		white-space: initial;
	}

	.films-list .mobile {
		display: list-item;
	}
	.films-list .mobile .director-title {
		position: static;
		line-height: 1.25;
		margin-bottom: 15px;
	}

	.films-list a.open-bio {
		display: none;
		bottom: 24px;
	}
	.films-list li a.open-bio {
		display: block;
		position: static;
	}

	#content > .director-title {
		display: none;
	}
	.director-title {
		text-align: left;
		top: 100px;
		left: 24px;
		right: 24px;
		width: auto;
	}
	.director-nav > a, .director-nav > span {
		font-size: 15px;
		padding: 48px 24px 24px 24px;
	}

	.directors-bio {
		padding: 90px 24px 24px;
	}
	.directors-bio .text {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 48px;
	}
	.directors-bio img {
		max-width: 100%;
		margin-bottom: 24px;
	}
}
@media (max-width: 599px) {
	/*#fNewsletter {
		margin-right: 72px;
		min-width: auto;
	}*/
	#instafeed a {
		display: block;
		width: 100%;
	}
}
@media (max-width: 519px) {
	.mejs-container .mejs-controls .mejs-button, .mejs-container .mejs-quality-button .mejs-button {
		width: 48px;
		height: 48px;
	}
	.mejs-container .mejs-controls .mejs-button.mejs-volume-button {
		left: 48px;
	}
	.mejs-controls div.mejs-time-rail {
		left: 104px;
		right: 56px;
	}
	.mejs-container .mejs-controls {
		height: 48px;
	}
	.mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-time-rail .mejs-time-buffering {
		bottom: 23px;
	}
	.mejs-controls:hover .mejs-time-rail .mejs-time-loaded, .mejs-controls:hover .mejs-time-rail .mejs-time-current, .mejs-controls:hover .mejs-time-rail .mejs-time-buffering {
		bottom: 21px;
	}
}

@media (max-width: 525px) {
	#fNewsletter {
		width: calc(100% - 16px);
		min-width: auto;
	}
	body.contact .open-instagram {
		bottom: 96px;
	}
}





/* V2 */
.player-loop {
	position: relative;
}
.player-loop .player, .player-loop .player-poster {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 1;
	opacity: 0;
}
.player-loop .player video {
	opacity: 1;
}
.player-loop .player.loading {
	z-index: 2;
	opacity: 0;
}
.player-loop .player.playing {
	z-index: 5;
}
.player-loop .player.go {
	opacity: 1;
}
.player-loop .player-poster {
	z-index: 3;
}
.player-loop .player-poster.on {
	z-index: 4;
	opacity: 1;
}