/* http://meyerweb.com/eric/tools/css/reset/ 
	   v2.0 | 20110126
	   License: none (public domain)
	*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
		font-family: "Montserrat", sans-serif;
		font-size: 16px;
		background: #242427 !important;
	}
	a{    
		color: #000000;
		text-decoration:none;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table { 
		border-collapse: collapse;
		border-spacing: 0;
	}
	.scroll-lock{
		overflow:hidden;
/* 		position: relative; */
		touch-action: none;
		-ms-touch-action: none;
/* 		position: fixed; */
	}
	.clear{
		clear:both;
	}
	/* TYPOGRAPHY */
	.h1-1{
		font-size: 60px;
		line-height: 70px;
	}
	.h2-1{
		font-size: 60px;
		line-height: 70px;
	}
	.h5-1{
		font-size: 30px;
		line-height: 38px;
		color: #000000;
	}
	.h6-2{
		margin-bottom:10px;
		text-transform:uppercase;
		font-size: 12px;
		line-height: 17px;
		letter-spacing: 0.1em;
	}
	.mobile{
		display:none;
	}
	@media only screen and (max-width: 1024px) {
		.mobile{
		    display:block;
	    }
	    .desktop{
	    	display:none;
	    }
	}
	@media only screen and (max-width: 720px) {
		.h1-1{
			font-size: 50px;
			line-height:58px;
	    }
	    .h2-1{
			font-size: 46px;
			line-height: 49px;
	    }
	}

	/* BUTTONS */
	.btn-primary{
		border-radius: 5px;
		padding:8px 15px;
		text-transform:uppercase;
		color:white;
		letter-spacing: 0.09em;
		font-size:12px;
		cursor:pointer;
		font-weight:100;


        -webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
	}
	.btn-primary.green{
		background: #7CBD78;
	}
	.btn-primary.green:hover{
		background-color:white;
		color:#7CBD78;
		border:1px solid #7CBD78;
	}
	.btn-primary.transparent{
		border: 1px solid #7A7A7A;
		color:black;
	}
	.btn-primary.transparent:hover{
		color:white;
		background-color:#7CBD78;
		border:1px solid #7CBD78;
	}
	.wrap {
		width: 100%;
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 80px;
		padding-right: 80px;
		box-sizing: border-box;
	}
	.wrap-cols {
		width: 100%;
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 60px;
		padding-right: 60px;
		box-sizing: border-box;
	}
	@media only screen and (max-width: 600px) {
		.wrap {
			padding-left: 20px;
			padding-right: 20px;
		}
		.wrap-cols {
			padding-left: 10px;
			padding-right: 10px;
		}
		.btn-primary{
			font-size: 10px;
            line-height: 142.6%;
		}
	}



	/* HEADER */
	.header-spacer{
		display: block;
		height: 190px;
	}
	.main-header{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		z-index: 88888;
	}
	.main-header.fixed{
		position: fixed;
		background-color: #FFF;
		padding-bottom: 40px;
		box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.06);
	}
	.main-header .inside{
		padding-top: 40px;
		display:flex;
	}
	.main-header .logo{
		display: inline-block;
		vertical-align: top;
		/* width: 200px; */
		/* height: 40px; */
		display: inline-block;
		vertical-align: top;
	}
	.main-header .logo img{
		width:70px;
	}
	.main-header .left-side{
		display: inline-block;
		vertical-align: top;
		position: relative;
	}
	.main-header .right-side{
		margin-left:auto;
	}
	.lang-wrap .languages{
		display:inline-block;
		margin-top:25px;
	}
	.lang-wrap .languages .nav-item{
		display:none;
		opacity:0;
		font-size:14px;
	}
	.lang-wrap  .languages .nav-item.active{
		display:block;
		opacity:1;
		cursor:pointer;
	}
	.lang-wrap  .languages .nav-item.active a{
        color: #d2d2d2c7;
	}
	.lang-wrap  .languages .nav-item a:hover{
        color: #ffffff;
	}
	.lang-wrap .languages:hover .nav-item:not(.active){
		display:block;
		opacity:1;
		margin-top:10px;
	}
	.languages .nav-item.active:after{
		content:"";
		width:12px;
		height:10px;
		margin-left:5px;
		background-image:url('../img/arrow-white.svg');
		display:inline-block;
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		-webkit-transition: all 300ms 0s ease-in-out;
		transition: all 300ms 0s ease-in-out;
	}
	.languages:hover .nav-item.active:after{
		 -webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.main-navigation{
		display:flex;
		margin-top:auto;
		margin-bottom:auto;
		float:right;
		margin-top:25px;
	}
	.main-navigation .nav-item{
		display: inline-block;
		vertical-align: top;
		margin-left: 40px;
		text-transform:uppercase;
	}
	.main-navigation .nav-item-startpage{
		display: none;
	}
	.main-navigation .nav-list{
		display:flex;
	}
	.main-navigation .nav-item a:before,
	.main-navigation .nav-item a{
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		font-weight:500;
		line-height: normal;
		letter-spacing: normal;
		color: #d2d2d2c7;
/* 		color: #d2d2d2; */
		text-decoration: none;
		/* padding: 10px; */
		-webkit-transition: color 300ms;
		-moz-transition: color 300ms;
		-ms-transition: color 300ms;
		-o-transition: color 300ms;
		transition: color 300ms;
	}
	.main-navigation .nav-item a:before{
		content: attr(data-name);
		font-weight: 500;
		height: 0px;
		box-sizing: border-box;
		padding-top: 0px;
		padding-bottom: 0px;
		opacity: 0;
		display: block;
	}
	.main-navigation .nav-item a.selected,
	.main-navigation .nav-item a:active{
		font-weight: 500;
		color: #e6e6e6
	}
	.main-navigation .nav-item a:hover{
		color: #e6e6e6
	}
	.main-navigation .nav-item a
	@media not all and (hover: none){ .main-navigation .nav-item a:hover{
		color: #e6e6e6
	}}
	.burger-button{
		position: absolute;
		right: -20px;
		top: -20px;
		display: none;
		padding: 20px;
		cursor: pointer;
	}
	.navbar-toggler-icon {
		display:block;
		width: 24px;
		height: 17px;
		background-image: none;
		position: relative;
		border-bottom: 2px solid #000000;
		transition: all 300ms linear;
	}
	.navbar-toggler-icon:after, 
	.navbar-toggler-icon:before{
		width: 24px;
		position: absolute;
		height: 2px;
		background-color: #000000;
		top: 0;
		left: 0;
		content: '';
		z-index: 2;
		transition: all 300ms linear;
	}
	.navbar-toggler-icon:after{
		top: 8px;
	}
	.main-header.open .navbar-toggler-icon:after {
		transform: rotate(45deg);
	}
	.main-header.open .navbar-toggler-icon:before {
		transform: translateY(8px) rotate(-45deg);
	}
	.main-header.open .navbar-toggler-icon {
		border-color: transparent;
	}
	@media only screen and (max-width: 1024px) {
		.main-header .inside{
			padding-top: 30px;
		}
		.open-modal .logo,
		.open-modal .burger-button{
			display:none;
		}
		.burger-button{
			display: inline-block;
			visibility: top;
			margin-top: 15px;
		}
		.main-navigation{
			display: none;
			width: 100%;
			background-color: #FFF;
		}
		.main-header .left-side{
			display: block;
			position: relative;
			z-index: 10;
		}
		.main-header.open .main-navigation{
			display: block;
			float: none;
			position: absolute;
			top: 0px;
			padding-top: 120px;
			right: 0px;
			width: 100%;
			height: 100%;
			height: 100vh;
			overflow: hidden;

			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.main-navigation .nav-item{
			display: block;
			text-align: center;
			margin-bottom: 40px;
			margin-left: 0px;
			margin-right: 0px;
		}
		.main-header.open .logo-main{
			display:none;
		}
		.main-navigation .nav-item-startpage{
			display: block;
		}
		.header-spacer{
			height: 150px;
		}
		.main-header.fixed{
			padding-bottom: 30px;
		}
		.main-navigation .languages{
			position:absolute;
			margin-left:auto;
			width:100%;
			text-align:center;
            display:flex;
            align-items:center;
            justify-content:center;
		}
		.main-navigation .languages .nav-item{
			display:inline-block;
			opacity:1;
			margin-right:20px;
			margin-left:20px;
		}
		.main-navigation  .languages .nav-item.active{
			opacity:1;
			cursor:pointer;
			border-bottom:1px solid black;
			display:flex;
		}
		.main-navigation .languages:hover .nav-item:not(.active){
			display:flex;
			opacity:1;
			margin-top:0px;
		}
		.languages .nav-item.active:after{
			display:none;
		}
		.main-navigation .nav-list{
            margin-top:100px;
	    }
	    

	}
	@media only screen and (max-width: 600px) {
		.header-spacer{
			height: 120px;
		}
		.main-header .logo img{
            height:60px;
	    }

	}


/* 404 PAGE */
.page-error{
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
.page-error .row{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.page-error .title {
	font-size:120px;
}
.page-error .description{
	font-size:18px;
	margin-top:10px;
	margin-bottom:20px;
	line-height:24px;
}



.page-transition__black {
	position: absolute;
	left: 0;
    bottom: 0;
	height: 100vh;
	width: 100vw;
    background-color:#b32126;
	z-index:999999;
  }
  .page-transition__red {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100vh;
	width: 100vw;
    background-color:#ff8a8a4a;
	z-index:999999;
  }
  .transition__logo {
	text-transform: uppercase;
	font-family: sans-serif;
	font-size: 60px;
	position: absolute;
	z-index: 1;
	color: #fff;
	font-weight: bold;
	top: calc( 50% - 60px);
	left: 0;
	right:0;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:auto;
	margin-right:auto;
	/* 	transform: translate(-50%,-50%); */
	z-index: 999999999;
	opacity: 0;
	}
	.transition__logo img{
        width:120px;
	}
.screen {
    -webkit-transition: -webkit-transform .28s, opacity .28s;
    -ms-transition: -o-transform .28s, opacity .28s;
    -o-transition: -o-transform .28s, opacity .28s;
    transition: transform .28s, opacity .28s;
	/* opacity: 0; */
}
.slide-out .screen {
    -webkit-transform: translate3d( 0, 100px, 0 );
    -ms-transform: translate3d( 0, 100px, 0 );
    -o-transform: translate3d( 0, 100px, 0 );
    transform: translate3d( 0, 100px, 0 );
    opacity: 1;
}
#wrapo{
	opacity: 0;
}
#wrapo.fade{
	opacity: 1;
}


/* FRONT PAGE */
.front-page {
	overflow:hidden;
}
.front-page .inner-wrap{
	width:100vw;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
.front-page .row{
    display:flex;
    height:100vh;
}
.front-page__lead .wrap{

}
.front-page__lead{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
    z-index:1;
    text-align:center;
}
.front-page__lead .logo img{
	width:80px;
}
.front-page__lead .nav-list{
	display:flex;
	justify-content:center;
	margin-top:40px;
}
.front-page__lead .nav-item{
	margin-right:20px;
}
.front-page__lead .nav-item a{
	color:white;
	text-transform:uppercase;
	font-weight:500;
}
.front-page__title{
    font-size:60px;
    margin-bottom:24px;
    
    opacity: 0;
    transition: all .8s cubic-bezier(0.22, 0.61, 0.36, 1) .3s;
    transform: translate3d(0%, 120px, 0);
}
.swiper-home .swiper-slide-active .front-page__title{
	opacity:1;
    transform: translate3d(0, 0, 0);
}

.front-page__right-side img{
	position:absolute;
	width:45vw;
	height:80vh;
	bottom:0;
	object-fit:cover;
	right:5%;
	display: none;
}


.front-page .swiper-home .swiper-slide{
/*     background:#020109; */
}

/* FILMOGRAPHY */

.filmography-hero .wrap{
    position:relative;
}
.swiper-film{
     height:70vh;
     width:100%;
     overflow:visible !important;
}
.filmography-hero .swiper-slide{
    background-color:transparent;
}
.swiper-film .swiper-slide{
	background-color:#020109 !important;
}
.swiper-film .post-content{
    display:flex;
    position:relative;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}
.swiper-film .media-wrap video{
    width:100%;
    position:absolute;
    top:0;
    right:0;
/* display:none; */
}
.bg-media{
	width:100%;
	height:100vh;
	position:absolute;
    top:0;
}
.overlay{
	width:100%;
	height:100%;
	background-color:#24232333;
	position:absolute;
	top:0;
}
.transition-left{
	width:0%;
	height:100%;
	background-color:#000000;
	position:absolute;
	top:0;
	left:0;
}
.transition-right{
	width:0%;
	height:100%;
	background-color:#000000;
	position:absolute;
	top:0;
	right:0;
}
.bg-media video{
    width:100%;
    opacity:1;
	height:100vh;
	object-fit:cover;
}
.bg-media img{
    width:100%;
    opacity:1;
	height:100vh;
	object-fit:contain;
    object-position:right;
}
.swiper-film .post-content .left-side{
	 width:60%;
}
.swiper-film .post-content .right-side{
    width:40%;
}
.swiper-film .media-wrap {
    position:absolute;
    top:0;
    left:0;
    height:100vh;
    min-width:100vw;
    z-index:-1;
}
.swiper-film .media-wrap img{
	width:100%;
	height:100vh;
	object-fit:cover;
	z-index:-1;
	position:relative;
}
.swiper-film .media-wrap__overlay{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#1a161170;
	display:block;
}
.swiper-film .lead{
    position:absolute;
    width:100%;
    margin-top:-5.5rem;
}
.swiper-film .lead .h1-1 {
	display:inline;
	padding-right:10px;
	width:290px;
	font-size:4rem;
	height:4rem;
	display:flex;
	margin-bottom:30px;
}
.hidden{
	opacity:0;
}
.swiper-film .lead .h1-1 .word{
    position:relative;
    margin-top:50px;
    color:white;
    margin-right:15px;
    opacity:0;
}
.swiper-film .lead .year{
    color:#D1D3D4;
	font-size:18px;
    margin-top:auto;
    display:inline;
}
.swiper-film .lead .details{
	margin-top:30px;
	display:flex;
	flex-wrap:wrap;
	margin-top:100px;
	opacity:0;
}
.swiper-film .lead .details .item{
	margin-right:25px;
}
.swiper-film .lead .details .description{
	width:100%;

}
.swiper-film .lead .item{
	margin-bottom:20px;
}
.swiper-film .lead .item .title{
	color:#D1D3D4;
	font-weight:500;
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:10px;
	display:block;
}
.swiper-film .lead .item p{
	font-weight:500;
	font-size:14px;
	line-height:18px;
	margin-bottom:10px;
	display:block;
	max-width:600px;
	color:white;
}
.swiper-film-thumbs{
    position:absolute !important;
    bottom:30px;
    height:200px;
    width:50vw !important;
    right:10px;
}
.swiper-film-thumbs .swiper-wrapper{
    right:-350px;
    opacity:0;
}
.swiper-film-thumbs .swiper-slide{
/*   width:25% !important; */
}

.swiper-film-thumbs .swiper-slide:first-child{
}
.swiper-film-thumbs .swiper-slide:last-child{
}
.swiper-film-thumbs  .swiper-slide {
	text-align: center;
	font-size: 18px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	opacity:0.6;
	cursor:pointer;

}
.swiper-film-thumbs  .swiper-slide:hover{
	opacity:1;
}
.swiper-slide-thumb-active{
	opacity:1 !important;
}
.swiper-film-thumbs  .swiper-slide img{
/* 	object-fit:contain; */
    object-fit:cover;
	height:90%;
	border-radius:12px;
    width:125px;
    object-position:top;
}
.filmography-hero .swiper-button-prev{
	left:auto;
	right:50px;
	color:white;
	margin-top:40px;
}
.filmography-hero .swiper-button-next{
	color:white;
		margin-top:40px;
}
.filmography-hero .swiper-button-next:after,
.filmography-hero .swiper-button-prev:after{
	font-size:30px;
}

@media screen and (max-width: 992px) {
	.swiper-film .post-content .left-side{
		 width:100%;
	}
	.swiper-film .post-content .right-side{
		width:0%;
	}

	.swiper-film .lead .h1 {
		width:100%;
	}
	.swiper-film-thumbs{
		bottom:0px;
		width:100vw !important;
		left:0;
		right:0;
	}
	.bg-media img{
		object-position:bottom;
	}
}
@media screen and (max-width: 500px) {
	.swiper-film .swiper-controlls{
		display:none;
	}
/* 	.swiper-film .post-content .left-side{
		 width:100%;
	}
	.swiper-film .post-content .right-side{
		width:0%;
	}
	.swiper-film .lead .h1 {
		width:100%;
	}
	.swiper-film-thumbs{
		bottom:0px;
		width:100vw !important;
		left:0;
		right:0;
	}
	.bg-media img{
		object-position:bottom;
	} */
}





/* ABOUT TIMELINE SLIDER */

.swiper-timeline {
	width: 100%;
	height: 60vh;
}

.swiper-timeline .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-timeline .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-pagination-bullet {
	opacity: 1;
	background-color:transparent;
	margin:0px 20px !important;
	margin-top:50px !important;
	position:relative;
}
.swiper-pagination-bullet:before{
    content:'';
    position:absolute;
    top:-32px;
    left:0;
    right:0;
    margin:auto;
    width:20px;
    height:20px;
    border-radius:20px;
    border:1px solid white;
    background-color:black;
}
.swiper-pagination-bullet-active {
	color: #fff;
	font-weight:bold;

}

.swiper-pagination-bullet-active:before{
    content:'';
    position:absolute;
    top:-32px;
    left:0;
    right:0;
    width:20px;
    height:20px;
    border-radius:20px;
    background-color:white;
    border:1px solid white;
}
.about-block .timeline-wrap{
	position:relative;
	width:100%;
	height:100px;
	margin-bottom:60px;
	margin-top:20px;
}
.about-block .swiper-pagination{
	bottom:0;
	top:0;
	margin:auto;
    border-top:1px dashed rgb(255 255 255 / .8);
	height:1px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.about-block  .swiper-pagination-bullet{
    width:auto;
}



.about-block {
	padding-top:40px;
	padding-bottom:100px;
}
.about-block .h1-1{
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 24px;
	text-align:center;
}
.about-block .row{
	display:flex;
}

.about-block .row .left-side{
	width:40%;
}
.about-block .row .right-side{
	width:60%;
	padding-left:40px;
}
.about-block .item {
	display:flex;
	flex-direction:column;
	padding-top:40px;
/* 	padding-top:120px; */
}
.about-block .item .title{
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 24px;
	color: #000000;
	letter-spacing: 0.165em;
	padding-bottom:30px;
	text-align:left;
	position:relative;
	left:-100;
	opacity:0;
}

.about-block .item img{
	 height:400px;
	 margin-top:-100px;
	 margin-right: 0;
	 position:relative;
	 left:-100px;
	 opacity:0;
}
.about-block .item .row.second{
	margin-top:auto;
	display:flex;
/* 	background-color:black; */
}
.about-block .item .row.second .right-side{
	padding:40px;
	text-align:left;
	position:relative;
	z-index:1;
	padding-left:0;
}
.about-block .item .row.second .right-side .slide-block{
    background-color:black;
    position:absolute;
    top:0;
    left:0;
/*     width:100%; */
    height:100%;
    z-index:-1;
}
.about-block .artworks{
	padding-left:40px;
	top:40px;
	opacity:0;
	position:relative;
}
.about-block .artworks .artworks_item{
	display:block;
    line-height:22px;
	margin-bottom:20px;
	width:80%;
}



.socials-widget{
	position:absolute;
	display:flex;
	bottom:40px;
	left:calc( (100vw - 1280px) / 2  + 80px );
	z-index:99999;
}
.socials-widget .item{
	margin-right:15px;
	opacity:.7;
}
.socials-widget .item:hover{
	margin-right:15px;
	opacity:1;
	cursor:pointer;

	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
.socials-widget .item img{
	width:17px;
	height:17px;
}



.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*transform: scale(1.2);
  -webkit-transform: scale(1.2);*/
  pointer-events: none;
  z-index:9999 !important;
  display: block;
  }
.canvas-video-wrap{
	width: 100%;
    height:100vh;
	overflow: hidden;
	position: absolute;
	top:0px;
	z-index: 0;
}
.canvas-video{
	width: 100%;
	height:100%;
}

.menu-bar{
	width:22vw;
	height:100%;
	position:absolute;
	top:0;
	right:-160px;
	z-index:999999999;
    display:flex;


    -webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
.menu-bar .cta-movies{
    color:white;
    font-weight:500;
    opacity: .7;

    -webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
.menu-bar .bg-img img{
	object-position:-340px;
    object-fit:cover;
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;

	 opacity:0.9;
     filter: blur(2px);
    -webkit-filter: blur(2px);



}
.menu-bar:hover{
	right:0;
	cursor:pointer;
}
.menu-bar:hover .bg-img img{
	opacity:1;
	filter: blur(0px);
    -webkit-filter: blur(0px);
}
.menu-bar:hover .cta-movies{
	opacity:1;

}
.menu-bar .inside{
	margin-top:auto;
	margin-bottom:40px;
	width:100%;
	display:flex;
/* 	justify-content:center; */
    padding-left:20px;
}
.menu-bar .nav-list .nav-item a{
    font-weight:500;
    color:white;
    font-size:20px;
    text-transform:uppercase;
    margin-bottom:20px;
    display:flex;
}
.menu-bar .nav-list .languages{
	display:flex;
	flex-direction:row;
}
.menu-bar .nav-list .languages .nav-item a{
	font-size:14px;
	margin-right:10px;
	margin-bottom:0;
}
.menu-bar .languages .nav-item.active:after{
	display:none;
}

/* ABOUT PAGE */
.about-years-content{
    width:100%;
	height:100vh;
}
.about-years-content .swiper-slide img{
	width:60%;
	height:100%;
	object-fit:cover;
}
.about-years-thumbs{
	position:absolute !important;
	bottom:40px;
	width:60vw;
	right:0;
    padding-bottom:20px;
}
.about-years-thumbs:before{
	content:"";
	width:100%;
	height:1px; 
	display:block;
	border-bottom:1px dashed white;
	position:absolute;
	bottom:30px;
}
.about-years-thumbs .swiper-slide{
	cursor:pointer;
}
.about-years-thumbs .year{
	color:white;
	font-weight:500;
	font-size:24px;
	margin-bottom:20px;
	position:relative;
	text-align:left;


}
.about-years-thumbs .year:after{
	content:'';
	width:20px;
	height:20px;
	background-color:#242427;
	border:1px solid white;
	border-radius:100%;
	display:block;
	margin-top:10px;
}
.about-years-thumbs .swiper-slide-active .year:after{
	background-color:white;
}