@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'MrsEavesOT-Bold';
	src: url('../fonts/MrsEavesOT-Bold.eot');
	src: local('?'), url('../fonts/MrsEavesOT-Bold.woff') format('woff'), url('../fonts/MrsEavesOT-Bold.ttf') format('truetype'), url('../fonts/MrsEavesOT-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FuturaStd-Book';
	src: url('../fonts/FuturaStd-Book.eot');
	src: local('?'), url('../fonts/FuturaStd-Book.woff') format('woff'), url('../fonts/FuturaStd-Book.ttf') format('truetype'), url('../fonts/FuturaStd-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@keyframes blurpic{0% {opacity: 0; filter: blur(5px);} 100% {opacity: 1; filter: blur(0px);}}
@keyframes blurpic2{0% {opacity: 0; filter: blur(4px);} 100% {opacity: 0.6; filter: blur(0px);}}
@keyframes blurpic3{0% {opacity: 0; filter: blur(4px);} 100% {opacity: 1; filter: blur(0px);}}
@keyframes blurpic5{0% {opacity: 0; filter: blur(4px);} 100% {opacity: 0.8; filter: blur(0px);}}

#bg_popup{position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 99998;}
#popup{position: absolute; width: 70%; max-width: 400px; height: 200px; background-color: #0d0d0a; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99999;}
#popup .text{position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); font-family: 'MrsEavesOT-Roman', serif; color: #FFF; font-size: 18px; text-align: center; opacity: 0.6}
#popup .btn{position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.6}

#btn-mobile{position: absolute; display: none; width: 20px; height: 20px; top: 19px; right: 20px; opacity: 0.6; background-image: url('../im/btn-mobile.svg'); background-repeat: no-repeat; background-position: center top; cursor: pointer; transition: all 0.3s;}
.btn-opened{background-position: center -20px!important;}
#menu-mobile{position: fixed; display: none; width: 100%; top: 58px; background-color: #000; margin: 0; padding: 0; list-style: none;  transition: all 0.3s; z-index: 99999}
#menu-mobile li{display: block; width: 100%; height: 40px; padding: 0 20px; font-family: 'MrsEavesOT-Roman', serif; font-size: 17px; line-height: 40px; color: #FFF; opacity: 0.6; font-variant: small-caps; border-bottom: 1px solid #0d0d0a; cursor: pointer}
#menu-mobile li a{color: #FFF;}

#carousel-videos .swiper-container {
  width: 100%;
	height: 35vw;
	max-height: 720px;
}
#carousel-videos .swiper-slide {
  /* 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;
  width: 73%;
	height: 35vw;
	max-height: 720px;
	overflow: hidden;
}
#the-conversations{display: block; width: 100%; max-width: 1440px; height: 80vw; max-height: 1190px; margin: 120px auto 0 auto;}
#the-conversations .title{position: absolute; display: inline-block; width: 50%; top: 60px; left: 74px; transition: all 1s;}
#the-conversations .title:hover .tx{filter: blur(2px); opacity: 0.2; letter-spacing: 1px}
#the-conversations .title:hover .bg{filter: blur(10px); letter-spacing: 10px}
#the-conversations .title .bg{position: absolute; display: inline-block; top: 0; left: 0; font-family: 'MrsEavesOT-Roman', serif; font-size: 72px; line-height: 72px; font-variant: small-caps; color: #FFF;  filter: blur(5px); opacity: 0.1; transition: all 5s;}
#the-conversations .title .tx{position: absolute; display: inline-block; top: 30px; left: 0; font-family: 'MrsEavesOT-Roman', serif; font-size: 26px; font-variant: small-caps; color: #FFF; filter: blur(0.2px); transition: all 4s;}
#the-conversations .text{display: inline-block; width: 55%; margin-top: 160px; margin-left: 74px; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF; transition: all 1s;}
#the-conversations .subtitle{display: inline-block; margin-top: 160px; margin-left: 74px; font-family: 'MrsEavesOT-Roman', serif; font-size: 26px; color: #8a2d2d}

#the-conversations-art{display: inline-block; width: 100%; margin: 55px 0 0 0;}
#the-conversations-art img{display: block; width: 100%;}
#the-conversations-art .module{display: block; float: left; width: 9.09%; padding-bottom: 9.09%; background-color: #000; cursor: pointer;}
#the-conversations-art .module .text{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'MrsEavesOT-Roman', serif; font-size: 14px; color: #FFF; text-align: center; font-variant: small-caps;}
#the-conversations-art .module .img{display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.5s;}

#the-conversations-carousel{display: block; width: 100%; margin: 120px 0 50px 0;}
#the-conversations-carousel .title{display: block; width: 100%;}
#the-conversations-carousel .title .inner{display: block; width: 100%; max-width: 1440px; font-family: 'MrsEavesOT-Roman', serif; font-size: 26px; color: #8a2d2d; margin: 0 auto; padding: 0 0 0 74px}
#the-conversations-carousel .swiper-button-next{height: 100%!important; background-image: url('../im/btn-conversations-carousel-next.png'); background-size: auto; right: 0; top: 0}
#the-conversations-carousel .swiper-button-prev{height: 100%!important; background-image: url('../im/btn-conversations-carousel-prev.png'); background-size: auto; left: 0; top: 0}

#the-conversations-day-art{display: block; width: 100%; max-width: 1440px; height: 720px; margin: 55px auto 0 auto;}
#the-conversations-day-art .module{display: block; float: left; height: 720px; margin: 0; cursor: pointer;}
#the-conversations-day-art .module .img{display: block; position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; cursor: pointer; transition: all 1s;}
/*#the-conversations-day-art .module:hover .img{filter: blur(1px); opacity: 0.6}*/
#the-conversations-day-art .module .base{position: absolute; width: 100%; height: 320px; bottom: 0; left: 0; background: rgba(13,13,10,0); background: -moz-linear-gradient(top, rgba(13,13,10,0) 0%, rgba(13,13,10,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(13,13,10,0)), color-stop(100%, rgba(13,13,10,1))); background: -webkit-linear-gradient(top, rgba(13,13,10,0) 0%, rgba(13,13,10,1) 100%); background: -o-linear-gradient(top, rgba(13,13,10,0) 0%, rgba(13,13,10,1) 100%); background: -ms-linear-gradient(top, rgba(13,13,10,0) 0%, rgba(13,13,10,1) 100%); background: linear-gradient(to bottom, rgba(13,13,10,0) 0%, rgba(13,13,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0a', endColorstr='#0d0d0a', GradientType=0 );}
#the-conversations-day-art .module .base .name{position: absolute; width: 100%; top: 120px; left: 50%; transform: translateX(-50%); font-family: 'MrsEavesOT-Roman', serif; font-size: 21px; color: #FFF; text-align: center; font-variant: small-caps;}
#the-conversations-day-art .tape{position: absolute; bottom: -20px; left: calc(50% - 300px);}
#the-conversations-day-art .day-title{position: absolute; width: 50%; max-width: 400px; bottom: 20px; left: calc(50% + 100px); font-family: 'MrsEavesOT-Roman', serif; font-size: 32px; color: #FFF; font-variant: small-caps; text-align: center;}
#the-conversations-day-art .overlay{position: absolute; opacity: 0; width: 100%; top: 0; left: 0; height: 100%; background-color: rgba(0,0,0,0.7); background-image: url('../im/btn-watch.svg'); background-position: center; background-repeat: no-repeat; background-size: 40px 40px; cursor: pointer}
#the-conversations-day-art .overlay .text{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-family: 'MrsEavesOT-Roman', serif; font-size: 16px; line-height: 22px; color: #FFF; margin-top: 40px}
#the-conversations-day-art .full-video{position: absolute; display: none; width: 100%; top: 0; left: 0; padding-bottom: 100px}
#the-conversations-day-art .full-video .inner{position: relative; width: 100%; padding-bottom: 56%; background-color: #0d0d0a}
#the-conversations-day-art .full-video .inner video,
#the-conversations-day-art .full-video .inner iframe,
#the-conversations-day-art .full-video .inner object,
#the-conversations-day-art .full-video .inner embed {
position: absolute;
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
margin-bottom: -1px;
background-color: #9999;
}
.the-conversations-panel-list-margin{margin-top: 200px!important}

#the-conversations-panel-list{display: block; width: 100%; max-width: 1280px; margin: 100px auto 0 auto;}
#the-conversations-panel-list .panel-row{display: inline-block; width: 100%; margin: 0 auto 150px auto;}
#the-conversations-panel-list .panel-row .img{display: block; float: left; width: 31%; padding-bottom: 31%; background-size: cover; background-repeat: no-repeat; background-position: center; cursor: pointer;}
#the-conversations-panel-list .panel-row .base{position: absolute; width: 100%; bottom: 0; left: 0; padding: 30px 0; background: rgba(13,13,10,0); background: -moz-linear-gradient(top, rgba(13,13,10,0) 0%, rgba(13,13,10,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(13,13,10,0)), color-stop(100%, rgba(13,13,10,1))); background: -webkit-linear-gradient(top, rgba(13,13,10,0) 0%, rgba(13,13,10,1) 100%); background: -o-linear-gradient(top, rgba(13,13,10,0) 0%, rgba(13,13,10,1) 100%); background: -ms-linear-gradient(top, rgba(13,13,10,0) 0%, rgba(13,13,10,1) 100%); background: linear-gradient(to bottom, rgba(13,13,10,0) 0%, rgba(13,13,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0a', endColorstr='#0d0d0a', GradientType=0 );}
#the-conversations-panel-list .panel-row .base .tape{display: block; margin: 0 auto;}
#the-conversations-panel-list .panel-row .base .name{display: block; margin: 0 auto 20px auto; text-align: center; font-family: 'MrsEavesOT-Roman', serif; font-size: 24px; color: #FFF; font-variant: small-caps;}
#the-conversations-panel-list .panel-row .base .see-more{display: block; margin: 20px auto 0 auto; text-align: center; font-family: 'MrsEavesOT-Roman', serif; font-size: 12px; color: #FFF; font-variant: small-caps;}
#the-conversations-panel-list .panel-row .highlights{display: block; float: right; width: calc(69% - 40px);}
#the-conversations-panel-list .panel-row .highlights .title{display: block; width: 100%; height: 50px; border-bottom: 1px solid #8a2d2d; font-family: 'MrsEavesOT-Roman', serif; font-size: 26px; color: #8a2d2d; line-height: 40px}
#the-conversations-panel-list .panel-row .highlights .title span{font-family: 'FuturaStd-Book', serif; font-size: 12px; color: #666;}
#the-conversations-panel-list .panel-row .highlights .row_videos{display: inline-block; width: 100%; margin: 30px 0 0 0;}
#the-conversations-panel-list .panel-row .highlights .row_videos .file_video{display: block; float: left; width: 100%; margin: 0 0 0 0; cursor: pointer; transition: all 0.5s;}
#the-conversations-panel-list .panel-row .highlights .row_videos .file_video:hover{filter: blur(1px); opacity: 0.6}
#the-conversations-panel-list .panel-row .highlights .row_videos .file_video .video-thumb{display: block; width: 100%; border: 1px solid #666; }
#the-conversations-panel-list .panel-row .highlights .row_videos .file_video .video-title{display: block; width: 100%; font-family: 'FuturaStd-Book', serif; font-size: 14px; line-height: 18px; color: #FFF; margin: 10px 0 0 0}

#the-conversations-panel-list .swiper-button-next{height: 148px!important; top: 0!important; margin-top: 0!important; background-image: url('../im/btn-conversations-carousel-next.png'); background-size: auto; right: 0; top: 0; background-color: rgba(13,13,10,0.7);}
#the-conversations-panel-list .swiper-button-prev{height: 148px!important; top: 0!important; margin-top: 0!important; background-image: url('../im/btn-conversations-carousel-prev.png'); background-size: auto; left: 0; top: 0; background-color: rgba(13,13,10,0.7);}

#the-conversations-panel-list .row-pagination{display: inline-block; width: 100%; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 30px 0;}
#the-conversations-panel-list .row-next{display: inline-block; float: right; width: 50%; text-align: right; font-family: 'MrsEavesOT-Roman', serif; font-size: 16px; color: #FFF;}
#the-conversations-panel-list .row-next a{font-family: 'MrsEavesOT-Roman', serif; font-size: 21px; color: #8a2d2d; margin-top: 10px}
#the-conversations-panel-list .row-prev{display: inline-block; float: left; width: 50%; text-align: left; font-family: 'MrsEavesOT-Roman', serif; font-size: 16px; color: #FFF;}
#the-conversations-panel-list .row-prev a{font-family: 'MrsEavesOT-Roman', serif; font-size: 21px; color: #8a2d2d; margin-top: 10px}

#the-conversations-panel-list .panel-row .img .bio{position: absolute; display: none; width: 100%; top: 50%; right: -80%; transform: translateY(-50%); border: 1px solid #545454; background-color: rgba(0,0,0,0.9); padding: 32px; font-family: 'FuturaStd-Book', serif; font-size: 14px; line-height: 20px; color: #FFF; z-index: 2}
#the-conversations-panel-list .panel-row .img .bio .btn-close{position: absolute; top: 5px; right: 5px; cursor: pointer;}

#the-conversations-bg-popup{position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.9); z-index: 99998;}
#the-conversations-bg-popup .click-area{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#the-conversations-popup{position: absolute; width: 90%; max-width: 1024px; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 45px}
#the-conversations-popup .inner-video{position: relative; width: 100%; padding-bottom: 56%;}
#the-conversations-popup video,
#the-conversations-popup iframe,
#the-conversations-popup object,
#the-conversations-popup embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
margin-bottom: -1px;
background-color: #9999;
}
#the-conversations-popup .video-title{position: absolute; width: 100%; font-family: 'FuturaStd-Book', serif; font-size: 18px; line-height: 22px; color: #FFF; bottom: -30px; left: 0;}
#the-conversations-popup .btn-close{position: absolute; top: 20px; right: -34px; cursor: pointer;}

.carousel-days{margin-top:  25px!important; margin-bottom: 50px!important;}
.carousel-days .swiper-slide img{width: 100%}
.carousel-days .swiper-slide .inner-text{position: absolute; width: 100%; left: 0; bottom: 0; padding: 20px 30px; text-align: center; font-family: 'MrsEavesOT-Roman', serif; font-size: 18px; color: #FFF; font-variant: small-caps;}
.carousel-days .swiper-slide .inner-text .tape{display: block; width: 103px; margin: 0 auto 10px auto}

#story{display: block; width: 100%; max-width: 1440px; height: 80vw; max-height: 1190px; margin: 120px auto 0 auto;}
.story2{height: auto!important}
#story .img1{position: absolute; width: 37%; max-width: 538px; min-width: 300px; top: 0; right: 28px; opacity: 0; transition: all 0s;/*animation: blurpic 20s; animation-iteration-count: infinite;*/}
#story .img2{position: absolute; width: 37%; max-width: 538px; min-width: 300px; top: 260px; right: 32%; opacity: 0; transition: all 0s; /*animation: blurpic 20s; animation-iteration-count: infinite; animation-delay: 10s;*/}
#story .img1-scroll{animation: blurpic 3s 1 ease-in-out; opacity: 1;}
#story .img2-scroll{animation: blurpic2 3s 1 ease-in-out; opacity: 0.6;}
#story .img3{opacity: 1;}
#story .img4{position: absolute; width: 37%; max-width: 538px; min-width: 300px; top: 260px; right: 32%; opacity: 0.6; transition: all 0s; animation: blurpic5 5s 1 ease-in-out; opacity: 0.8; transition: all 0s;}
#story .img5{display: block; max-width: 360px; margin-top: 80px; animation: blurpic 5s 1 ease-in-out; transition: all 0s;/*animation: blurpic 20s; animation-iteration-count: infinite;*/}
#story .img9{display: block; float: right; width: 78%; margin-right: 74px; opacity: 0.6; transition: all 0s; animation: blurpic2 5s 1 ease-in-out;/*animation: blurpic 20s; animation-iteration-count: infinite; animation-delay: 10s;*/}
#story .title{position: absolute; display: inline-block; width: 50%; top: 60px; left: 74px; transition: all 1s;}
#story .title:hover .tx{filter: blur(2px); opacity: 0.2; letter-spacing: 1px}
#story .title:hover .bg{filter: blur(10px); letter-spacing: 10px}
#story .title .bg{position: absolute; display: inline-block; top: 0; left: 0; font-family: 'MrsEavesOT-Roman', serif; font-size: 72px; line-height: 72px; font-variant: small-caps; color: #FFF;  filter: blur(5px); opacity: 0.1; transition: all 5s;}
#story .title .tx{position: absolute; display: inline-block; top: 30px; left: 0; font-family: 'MrsEavesOT-Roman', serif; font-size: 26px; font-variant: small-caps; color: #FFF; filter: blur(0.2px); transition: all 4s;}
#story .text1{position: absolute; display: inline-block; width: 34.5%; top: 160px; left: 74px; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF; transition: all 1s;}
#story .text2{position: absolute; display: inline-block; width: 34.5%; bottom: 5.5vw; right: 140px; font-family: 'MrsEavesOT-Roman', serif; font-size: 40px; line-height: 40px; color: #FFF; transition: all 1s;}
#story .text2 span{font-size: 22px; line-height: 22px;}
#story .text3{position: absolute; display: inline-block; width: 34.5%; bottom: 5.5vw; right: 140px; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF; transition: all 1s;}
#story .text3 span{font-family: 'MrsEavesOT-Roman', serif; font-size: 22px; font-variant: small-caps;}
#story .text4{display: inline-block; float: right; width: 50%; margin-top: 100px; font-family: 'MrsEavesOT-Roman', serif; font-size: 50px; line-height: 50px; color: #8a2d2d; transition: all 1s;}
#story .text4 p{font-family: 'MrsEavesOT-Roman', serif; font-size: 36px; line-height: 36px; color: #FFF;}

#story .text4 .row{display: inline-block; width: 90%; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 26px; color: #FFF; border-bottom: 1px solid #FFF; padding: 20px 0}
#story .text4 .row a{font-family: 'MrsEavesOT-Roman', serif; font-size: 24px; color: #FFF;}
#story .text4 .row a:hover{filter: blur(1px); opacity: 0.4;}

#story .text5{display: inline-block; width: 120%; margin: 40px 0; font-family: 'MrsEavesOT-Roman', serif; font-size: 26px; line-height: 32px; color: #FFF; transition: all 1s;}
#story .btn-more{font-family: 'MrsEavesOT-Roman', serif; font-size: 15px; padding-right: 20px; color: #FFF; font-variant: small-caps; background-image: url('../im/btn-readmore.svg'); background-repeat: no-repeat; background-position: right 5px; cursor: pointer; transition: all 1s;}
#story .btn-more:hover{filter: blur(2px); opacity: 0.5; letter-spacing: 2px}
#story .text9{position: relative; display: inline-block; width: 34.5%; top: 160px; left: 74px; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF; transition: all 1s;}

#story .module-width0{display: inline-block; width: 100%; margin: 0; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF;}
#story .module-width0 .text1{position: relative; display: inline-block; float: left; width: 34.5%; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF; transition: all 1s;}
#story .module-width{display: inline-block; width: 100%; margin: 70px 0 0 0; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF; padding-left: 74px}
#story .module-width .p01{display: inline-block; width: 34.5%; margin-left: 400px;}
#story .module-width .p-title{font-family: 'MrsEavesOT-Roman', serif; font-size: 22px; font-variant: small-caps;}
#story .module-width .p02{display: inline-block; width: 34.5%; margin: 50px 0 0 400px;}
#story .module-width .img6{position: absolute; width: 360px; top: 120px; left: 74px; transition: all 0s; animation: blurpic3 10s 1 ease-in-out;}

#story .module-width .p02 .quote{display: block; width: 120%; margin: 70px 0 10px 0; text-align: left; font-family: 'MrsEavesOT-Roman', serif; font-size: 40px; line-height: 40px; color: #FFF;}
#story .module-width .p02 .quote span{font-size: 22px; line-height: 22px;}

.our-story-title{margin-top: -25vw!important}
.our-story-text1{margin-top: calc(-25vw + 30px)!important}

#story-director{display: block; width: 100%; max-width: 1440px; margin: 60px auto 0 auto;}
#story-director .module-width2{display: inline-block; width: 100%; margin: 0 0 0 0; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF; padding-left: 74px}
#story-director .module-width2 .p03{display: inline-block; width: 34.5%; margin: 70px 0 0 400px;}
#story-director .module-width2 .p-title{font-family: 'MrsEavesOT-Roman', serif; font-size: 22px; font-variant: small-caps;}
#story-director .module-width2 .img7{position: absolute; width: 360px; top: 0; left: 74px; transition: all 0s; animation: blurpic3 6s 1 ease-in-out;}
#story-director .module-width2 .p-festival{display: block; background-image: url('../uploads/festival.png'); background-repeat: no-repeat; background-position: left top; background-size: 90px auto; padding-left: 108px;}

#story-inner{display: block; width: 100%;}
#story-inner .img{display: inline-block; width: 100%; height: 700px; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; opacity: 1; margin-top: 60px}
#story-inner .inner{display: table; width: 100%; max-width: 1440px; margin: -170px auto 60px auto;}
#story-inner .inner2{ margin: 80px auto 60px auto;}
#story-inner .inner .title-bg{display: block; position: absolute; top: 0; left: 0; animation: blurpic 30s 1 ease-in-out;}
#story-inner .inner .title{display: block; position: absolute; top: 110px; left: 74px; animation: blurpic2 20s 1 ease-in-out;}
#story-inner .inner .column1{display: block; float: left; width: 50%; border-right: 1px solid #FFF; padding: 102px 40px 120px 0; margin: 80px 0 0 0; text-align: right;}
#story-inner .inner .column1 p{text-align: right; padding-left: 44%}
#story-inner .inner .p-title{font-family: 'MrsEavesOT-Roman', serif; font-size: 20px; line-height: 22px; color: #8a2d2d; margin-top: 47px}
#story-inner .inner .p-title-margin{margin-top: 77px}
#story-inner .inner p{font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF;}
#story-inner .inner .column2{display: block; float: right; width: 50%; padding: 180px 0 0 40px; margin: 80px 0 0 0; text-align: left;}
#story-inner .inner .column2 p{text-align: left; padding-right: 44%}
.img8{display: none; animation: blurpic 5s 1 ease-in-out; transition: all 0s; margin-top: 30px;}
.our-story{height: auto!important; max-height: none!important;}
.our-story-column{margin: 140px 0 0 0!important;}
#story-inner .inner .column3{display: block; float: left; width: 50%; padding: 0 40px 0 20px; margin: 50px 0 20px 0; text-align: right; font-family: 'MrsEavesOT-Roman', serif; font-size: 40px; line-height: 40px; color: #FFF;}
#story-inner .inner .column3 span{font-size: 22px; line-height: 22px;}
#story-inner .inner .column4{display: block; float: right; width: 50%; padding: 0 20px 0 40px; margin: 50px 0 20px 0; text-align: left; font-family: 'MrsEavesOT-Roman', serif; font-size: 40px; line-height: 40px; color: #FFF;}
#story-inner .inner .column4 span{font-size: 22px; line-height: 22px;}

#video-trailer{display: block; max-width: 1440px; max-height: calc(100vh - 90px); margin: 50px auto 0 auto;}
#video-trailer iframe{max-height: calc(100vh - 90px);}

#screening{display: table; width: 100%; background-color: #c9c6c1; padding: 100px 0 350px 0; background-image: url('../uploads/bg_screenings.jpg'); background-position: center bottom; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
#screening .alert{display: table; width: 100%; padding: 15px 0; background-color: #6f1617; font-family: 'FuturaStd-Book', serif; font-size: 16px; color: #FFF; text-align: center; margin-bottom: 60px;}
#screening .inner{display: table; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 74px;}
#screening .inner .column-left{display: inline-block; float: left; width: calc(50% - 45px);}
#screening .inner .title:hover .tx{filter: blur(2px); opacity: 0.2; letter-spacing: 1px}
#screening .inner .title:hover .bg{filter: blur(10px); letter-spacing: 10px}
#screening .inner .title .bg{position: absolute; display: inline-block; top: 0; left: 0; font-family: 'MrsEavesOT-Roman', serif; font-size: 72px; font-variant: small-caps; color: #FFF;  filter: blur(5px); opacity: 0.1; transition: all 5s;}
#screening .inner .title .tx{position: absolute; display: inline-block; top: 30px; left: 0; font-family: 'MrsEavesOT-Roman', serif; font-size: 26px; font-variant: small-caps; color: #FFF; filter: blur(0.2px); transition: all 4s;}
#screening .inner .text{display: inline-block; width: 100%; margin-top: 100px; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF; transition: all 1s;}
#screening .inner .poster{display: inline-block; float: right; width: 37%; max-width: 538px; min-width: 300px;}
#screening .inner .list{display: inline-block; width: 100%; margin-top: 120px;}
#screening .inner .list2{margin-top: 20px;}
#screening .inner .list .title{font-family: 'FuturaStd-Book', serif; font-size: 18px; line-height: 24px; color: #FFF;}
#screening .inner .list .content{display: inline-block; width: 100%; margin-top: 20px;}
#screening .inner .list .content .row{display: inline-block; width: 100%; font-family: 'FuturaStd-Book', serif; font-size: 16px; line-height: 40px; color: #FFF; border-bottom: 1px solid #FFF;}
#screening .inner .list .content .row .col1{display: inline-block; float: left; width: 25%; font-family: 'FuturaStd-Book', serif; font-size: 16px; line-height: 40px; color: #FFF;}
#screening .inner .list .content .row .col2{display: inline-block; float: left; width: 50%; font-family: 'FuturaStd-Book', serif; font-size: 16px; line-height: 40px; color: #FFF;}
#screening .inner .btn-more{display: inline-block; font-family: 'MrsEavesOT-Bold', serif; font-size: 15px; padding-right: 20px; color: #FFF; font-variant: small-caps; background-image: url('../im/btn-readmore.svg'); background-repeat: no-repeat; background-position: right center; cursor: pointer; margin: 30px 0 0 0;}
#screening .inner .btn-more:hover{filter: blur(2px); opacity: 0.5; letter-spacing: 2px}
#screening .inner .btn-more2{display: inline-block; font-family: 'MrsEavesOT-Bold', serif; font-size: 15px; padding-right: 20px; color: #FFF; font-variant: small-caps; background-image: url('../im/btn-readmore.svg'); background-repeat: no-repeat; background-position: right center; cursor: pointer;}
#screening .inner .btn-more2:hover{filter: blur(2px); opacity: 0.5;}
#screening .inner .list .content .row .col3{display: inline-block; float: left; width: 80px; font-family: 'FuturaStd-Book', serif; font-size: 16px; line-height: 40px; color: #FFF;}
#screening .inner .list .content .row .col4{display: inline-block; float: left; width: calc(100% - 260px); font-family: 'FuturaStd-Book', serif; font-size: 16px; line-height: 40px; color: #FFF;}
#screening .inner .list .content .row .col5{display: inline-block; float: left; width: 180px; font-family: 'FuturaStd-Book', serif; font-size: 16px; line-height: 40px; color: #FFF; text-align: right;}
#screening .inner .column-right{display: inline-block; float: right; width: calc(50% - 45px);}
#screening .inner .column-right .text2{display: inline-block; width: 100%; font-family: 'MrsEavesOT-Roman', serif; font-size: 40px; line-height: 40px; color: #FFF; margin-top: 120px; transition: all 1s;}
#screening .inner .column-right .text2 span{font-size: 22px; line-height: 22px;}
#screening .inner .column-right .text3{margin-top: 60px; }
.screening-interior{padding: 0 0 100px 0!important}

#gallery{display: block; width: 100%; /*max-width: 1440px;*/ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0d0d0a+0,000000+100 */
background: rgb(13,13,10); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(13,13,10,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(13,13,10,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(13,13,10,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0a', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
margin: -220px auto 80px auto;
}
#gallery .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#gallery .gallery-top .swiper-slide img{
  display: block;
	max-width: 90%;
	margin: 39px auto;
}
.gallery-top {
  width: 100%;
}


#gallery .gallery-thumbs .swiper-slide img{
  display: block;
	max-width: 100%;
	margin: 65px auto 50px auto;
}
.gallery-thumbs {
		height: 20%;
		box-sizing: border-box;
		padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
		width: 20%;
		height: 100%;
		opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
		opacity: 1!important;
}
.gallery-thumbs {
  box-sizing: border-box;
  padding: 0 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e2024+0,1e1e1b+100 */
	background: rgb(30,32,36); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(30,32,36,1) 0%, rgba(30,30,27,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(30,32,36,1) 0%,rgba(30,30,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(30,32,36,1) 0%,rgba(30,30,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e2024', endColorstr='#1e1e1b',GradientType=1 ); /* IE6-9 */
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.gallery-thumbs .middle{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.gallery-thumbs .line{
	position: absolute;
	width: 1px;
	height: calc(100% - 80px);
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fcfcfc;
	z-index: 9999;
}
.swiper-button-next, .swiper-button-prev{top: auto!important; top: 30px!important}
.swiper-button-next::after, .swiper-button-prev::after{font-size: 18px!important}

#footer{display: inline-block; width: 100%; padding: 70px 0; background-color: #0d0d0a}
#footer .inner{display: block; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 74px;}
#footer .inner .newsletter-module{display: block; float: left; width: 40%;}
#footer .inner .newsletter-module .title{font-family: 'MrsEavesOT-Roman', serif; font-size: 24px; color: #fcfcfc; font-variant: small-caps;}
#footer .inner .newsletter-module .text{font-family: 'FuturaStd-Book', serif; font-size: 14px; color: #fcfcfc; margin: 4px 0;}
#footer .inner .newsletter-module .form{display: block; width: 100%; height: 40px; margin: 10px 0 0 0}
#footer .inner .newsletter-module .form input[type=email]{display: block; float: left; width: calc(50% - 56px); height: 38px; border: 0; border-bottom: 1px solid #fcfcfc; font-family: 'FuturaStd-Book', serif; font-size: 14px; color: #fcfcfc; background: transparent}
#footer .inner .newsletter-module .form input[type=text]{display: block; float: left; width: calc(50% - 56px); height: 38px; margin-left: 8px; border: 0; border-bottom: 1px solid #fcfcfc; font-family: 'FuturaStd-Book', serif; font-size: 14px; color: #fcfcfc; background: transparent}
#footer .inner .newsletter-module .form input[type=button]{display: block; float: right; width: 90px; height: 40px; border: 0; font-family: 'FuturaStd-Book', serif; font-size: 13px; color: #fcfcfc; background-color: #6f1617; cursor: pointer}
#footer .inner .copy{display: block; float: right; width: 320px; margin: 0;}
#footer .inner .copy .social{display: inline-block; float: right}
#footer .inner .copy .social .social-icon{display: block; float: left; width: 24px; height: 24px; margin: 0 0 0 12px; opacity: 0.6; cursor: pointer;}
#footer .inner .copy .social .social-icon:hover{opacity: 0.4; filter: blur(2px);}
#footer .inner .copy .text{display: inline-block; width: 100%; font-family: 'FuturaStd-Book', serif; font-size: 12px; color: #fcfcfc; margin: 20px 0 0 0; text-align: right;}

#footer .inner .copy .streaming{display: inline-block; float: right; margin-bottom: 15px;}
#footer .inner .copy .streaming .ico{display: block; float: left; margin: 0 0 0 24px}

.content-interior{margin-top: 92px!important;}

#press{display: table; width: 100%; background-color: #c9c6c1; padding: 100px 0; background-image: url('../im/bg-screenings3.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;}
#press .inner{display: table; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 74px;}
#press .inner .column-left{display: inline-block; float: left; width: calc(50% - 45px);}
#press .inner .column-right{display: inline-block; float: right; width: calc(50% - 45px);}
#press .inner .title:hover .tx{filter: blur(2px); opacity: 0.2; letter-spacing: 1px}
#press .inner .title:hover .bg{filter: blur(10px); letter-spacing: 10px}
#press .inner .title .bg{position: absolute; display: inline-block; top: 0; left: 0; font-family: 'MrsEavesOT-Roman', serif; font-size: 72px; font-variant: small-caps; color: #FFF;  filter: blur(5px); opacity: 0.1; transition: all 5s;}
#press .inner .title .tx{position: absolute; display: inline-block; top: 30px; left: 0; font-family: 'MrsEavesOT-Roman', serif; font-size: 26px; font-variant: small-caps; color: #FFF; filter: blur(0.2px); transition: all 4s;}
#press .inner .text{display: inline-block; width: 100%; margin-top: 100px; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 24px; color: #FFF; transition: all 1s;}
#press .inner .poster{display: inline-block; float: right; width: 37%; max-width: 538px; min-width: 300px;}
#press .inner .list{display: inline-block; width: 100%; max-height: 600px; margin-top: 100px; padding-right: 20px; overflow-y: scroll;}
#press .inner .list .row{display: inline-block; width: 100%; font-family: 'FuturaStd-Book', serif; font-size: 15px; line-height: 26px; color: #FFF; border-bottom: 1px solid #FFF; padding: 20px 0}
#press .inner .list .row a{font-family: 'MrsEavesOT-Roman', serif; font-size: 24px; color: #FFF;}
#press .inner .list .row a:hover{filter: blur(1px); opacity: 0.4;}

/*.our-story-parallax{background-image: url('../uploads/19.jpg');}
.the-story-parallax{background-image: url('../uploads/29.jpg');}*/

@media screen and (min-width:1280px) and (max-width: 1439px){
	#the-conversations-panel-list{padding: 0 20px;}
	#header .main-menu li{padding: 0 10px; font-size: 15px;}
}
@media screen and (min-width:1024px) and (max-width: 1279px){
	#header{height: 58px; padding: 0 20px;}
	#header .main-menu{display: none!important}
	#btn-mobile{display: block;}
	#header .social{margin: 19px 20px 0 0;}
	#header .social .social-icon{width: 20px; height: 20px; margin: 0 0 0 8px;}
	#header .streaming{margin: 19px 40px 0 0;}
	#header .streaming .streaming-icon{width: 20px; height: 20px; margin: 0 0 0 8px;}
	#header .tape{width: 90px; margin: 15px 0 0 0;}
	#header .tape_bg{width: 90px; top: 15px!important; left: 20px!important}
	#header .tape_gradient1{width: 94px; top: 14px!important; left: 17px!important}
	#header .tape_gradient2{width: 94px; top: 14px!important; left: 17px!important}
	#header .tape_gradient3{width: 94px; top: 14px!important; left: 17px!important}
	#header .film-by{margin: 18px 0 0 14px;}
	#screening .inner .column-left{width: 100%;}
	#footer .inner{padding: 0 20px;}
	#story-inner .img{height: 600px;}
	#story-inner .inner .title{width: 40%; max-width: 400px}
	#story-inner .inner .column1 p{padding-left: 26%}
	#story-inner .inner .column2 p{padding-right: 26%}
	#story-inner .inner .p-title-margin{margin-top: 100px}

	#story .text4{width: 40%; margin-right: 74px; font-size: 36px; line-height: 36px;}
	#story .text4 p{font-size: 24px; line-height: 24px;}
	#story .text4 img{margin-top: 100px}
	#story .module-width{margin: 200px 0 0 0;}

	#story .text5{width: 100%;}
	#header .tape_bg{left: 20px!important}
	#header .tape_gradient1{left: 18px!important}
	#header .tape_gradient2{left: 18px!important}
	#header .tape_gradient3{left: 18px!important}

	#the-conversations-panel-list{padding: 0 20px;}

}
@media screen and (min-width:768px) and (max-width: 1023px){
	#header{height: 58px; padding: 0 20px;}
	#header .main-menu{display: none!important}
	#btn-mobile{display: block;}
	#header .social{margin: 19px 20px 0 0;}
	#header .social .social-icon{width: 20px; height: 20px; margin: 0 0 0 8px;}
	#header .streaming{margin: 19px 40px 0 0;}
	#header .streaming .streaming-icon{width: 20px; height: 20px; margin: 0 0 0 8px;}
	#header .tape{width: 90px; margin: 15px 0 0 0;}
	#header .tape_bg{width: 90px; top: 15px!important; left: 20px!important}
	#header .tape_gradient1{width: 94px; top: 14px!important; left: 17px!important}
	#header .tape_gradient2{width: 94px; top: 14px!important; left: 17px!important}
	#header .tape_gradient3{width: 94px; top: 14px!important; left: 17px!important}
	#header .film-by{margin: 18px 0 0 14px;}

	#home-image{height: 50vw; margin-top: 58px}

	#carousel-videos{height: 50vw; margin-top: 58px}
	#carousel-videos .swiper-container{height: 50vw;}
	#carousel-videos .swiper-slide{height: 50vw;}
	.slide-title .title-01{font-size: 60px; bottom: calc(8vw + 180px); left: 20px;}
	.slide-title .title-02{font-size: 60px; bottom: calc(8vw + 120px); left: 20px;}
	.slide-title .title-03{font-size: 60px; bottom: calc(8vw + 60px); left: 20px;}
	.slide-title .title-04{font-size: 60px; bottom: 8vw; left: 20px;}
	.true-events{left: 30px}
	#carousel-videos .left{width: 11vw;}
	#carousel-videos .right{width: 11vw;}

	#story{height: 100vw}
	#story .title{left: 20px;}
	#story .text1{left: 20px; margin-top: 0}
	#story .text2{width: 50%; right: 20px; bottom: 0;}
	#story .text3{width: 50%; right: 20px; bottom: 0;}
	#story .text9{width: 50%}

	#screening{padding: 70px 0 320px 0;}
	#screening .inner{padding: 0 20px;}
	#screening .inner .column-left{width: 100%;}
	#screening .inner .column-right{width: 100%;}

	#gallery{margin: -220px auto 40px auto;}

	#footer .inner{padding: 0 20px;}
	#footer .inner .newsletter-module{width: 50%}
	#footer .inner .copy{margin: 36px 0 0 0;}

	#press{padding: 70px 0;}
	#press .inner{padding: 0 20px;}
	#press .inner .column-left{width: calc(50% - 20px);}
	#press .inner .column-right{width: calc(50% - 20px);}

	.content-interior{margin-top: 58px;}

	#story-inner .img{height: 500px;}
	#story-inner .inner{margin: -50px auto 0 auto;}
	#story-inner .inner2{margin: 100px auto 0 auto!important;}
	#story-inner .inner .title-bg{width: 75%; top: 30px}
	#story-inner .inner .title{width: 45%; left: 20px; max-width: 400px; top: 125px;}
	#story-inner .inner .column1 p{padding-left: 10%}
	#story-inner .inner .column2 p{padding-right: 10%}
	#story-inner .inner .p-title-margin{margin-top: 100px}

	#story-director .module-width2 .p03{width: 50%}

	#story .module-width0 .text1{width: 40%;}
	#story .text4{width: 40%; margin-right: 74px; font-size: 36px; line-height: 36px;}
	#story .text4 p{font-size: 24px; line-height: 24px;}
	#story .text4 img{max-width: 100%; margin-top: 40px}
	#story .module-width{margin: 200px 0 0 0; padding-left: 20px;}
	#story .module-width2{padding-left: 20px;}
	#story .module-width .img6{left: 20px}
	#story .module-width2 .img7{left: 20px}
	#story .module-width .p01{width: 50%; margin-left: 40%}
	#story .module-width .p02{width: 50%; margin-left: 40%}
	#story .module-width2 .p03{width: 50%; margin: 70px 0 0 40%;}
	.the-story-parallax{background-image: url('../uploads/29-mobile.jpg'); background-attachment: inherit!important;}
	.our-story-parallax{background-image: url('../uploads/19-mobile.jpg'); background-attachment: inherit!important;}

	#press .inner .list{max-height: none;}

	#the-conversations .text{width: calc(100% - 40px); margin-top: 80px; margin-left: 20px;}
	#the-conversations-carousel{margin-top: 50px}
	#the-conversations-carousel .title .inner{padding: 0 0 0 20px;}
	#the-conversations-day-art{height: 500px;}
	#the-conversations .title{width: 100%; top: 0px; left: 20px;}
	#the-conversations .subtitle{margin-top: 80px; margin-left: 20px;}
	#the-conversations-day-art .module{height: 500px;}
	#the-conversations-day-art .module .base .name{font-size: 16px;}
	#the-conversations-day-art .tape{width: 200px; bottom: 20px;}
	#the-conversations-day-art .day-title{left: 50%;}
	#the-conversations-panel-list{padding: 0 20px;}
}
@media screen and (max-width: 767px){
	#header{height: 58px; padding: 0 20px;}
	#btn-mobile{display: block;}
	#header .main-menu{display: none}
	#header .social{display: none; margin: 20px 0 0 0;}
	#header .streaming{display: none; margin: 20px 0 0 0;}
	#header .tape{width: 90px; margin: 15px 0 0 0;}
	#header .tape_bg{width: 90px; top: 15px!important; left: 20px!important}
	#header .tape_gradient1{width: 94px; top: 14px!important; left: 17px!important}
	#header .tape_gradient2{width: 94px; top: 14px!important; left: 17px!important}
	#header .tape_gradient3{width: 94px; top: 14px!important; left: 17px!important}
	#header .film-by{margin: 18px 0 0 14px;}

	#home-image{height: 70vw; margin-top: 58px; background-attachment: local;}

	#carousel-videos{width: 100%; height: 100vw; margin-top: 58px;}
	#carousel-videos .swiper-container{height: 100vw;}
	#carousel-videos .swiper-slide{height: 100vw;}
	.slide-title .title-01{font-size: 40px; bottom: calc(16vw + 120px); left: 10px;}
	.slide-title .title-02{font-size: 40px; bottom: calc(16vw + 80px); left: 10px;}
	.slide-title .title-03{font-size: 40px; bottom: calc(16vw + 40px); left: 10px;}
	.slide-title .title-04{font-size: 40px; bottom: 16vw; left: 10px;}
	.true-events{width: 100px; left: 20px}
	#carousel-videos .left{display: none}
	#carousel-videos .right{display: none}
	.btn-watch{right: 0; left: 50%; transform: translateX(-50%);}
	.btn-watch:hover{letter-spacing: 0}

	#story{width: 100%; height: auto; padding: 0 20px 30px 20px; margin: 90px auto 0 auto; overflow: hidden;}
	#story .title{position: relative; height: 60px; width: 100%; left: 0; top: 0}
	#story .text1{position: relative; width: 100%; left: 0; top: 0}
	#story .text2{position: relative; width: 100%; left: 0; top: 0; margin-top: 240px}
	#story .text3{position: relative; width: 100%; left: 0; top: 0; margin-top: 240px}
	#story .img1{right: -40%}
	#story .img2{top: 180px; opacity: 0.3;}
	#story .img3{right: -40%}
	#story .img4{top: 180px;}

	#screening{width: 100%; padding: 30px 0 300px 0; overflow: hidden;}
	#screening .inner{padding: 0 20px}
	#screening .inner .column-left{width: 100%;}
	#screening .inner .list .title{font-size: 15px;}
	#screening .inner .list .content .row{padding: 10px 0}
	#screening .inner .list .content .row .col1{width: 30%; font-size: 12px; line-height: 14px;}
	#screening .inner .list .content .row .col2{width: 40%; font-size: 12px; line-height: 14px;}
	#screening .inner .list .content .row .col3{font-size: 12px; line-height: 14px;}
	#screening .inner .list .content .row .col4{font-size: 12px; line-height: 14px;}
	#screening .inner .list .content .row .col5{font-size: 12px; line-height: 14px;}
	#screening .inner .column-right{position: relative; float: none; width: calc(100% - 40px);}
	#screening .inner .column-right .text2{margin-top: 60px!important; font-size: 32px; line-height: 32px;}
	.screening-interior{padding: 0 0 100px 0!important}
	.screening-interior .column-left .list{margin-top: 100px!important}
	.screening-interior .column-left .list2{margin-top: 40px!important}
	#screening .alert{margin-bottom: 40px; font-size: 12px}
	#screening .inner .column-right .text2 {font-size: 32px; line-height: 32px;}

	.gallery-thumbs{display: none}
	#gallery{margin-bottom: 0}

	#footer{padding: 40px 0 30px 0}
	#footer .inner{padding: 0 20px;}
	#footer .inner .newsletter-module{width: 100%}
	#footer .inner .copy{width: 100%; float: left; margin: 50px 0 0 0;}
	#footer .inner .copy .social{float: left}
	#footer .inner .copy .social .social-icon{margin: 0 12px 0 0;}
	#footer .inner .copy .text{text-align: left; font-size: 12px;}
	#footer .inner .newsletter-module .form input[type=email]{display: block; float: left; width: calc(50% - 42px); height: 38px; border: 0; border-bottom: 1px solid #fcfcfc; font-family: 'FuturaStd-Book', serif; font-size: 14px; color: #fcfcfc; background: transparent}
	#footer .inner .newsletter-module .form input[type=text]{display: block; float: left; width: calc(50% - 42px); height: 38px; margin-left: 8px; border: 0; border-bottom: 1px solid #fcfcfc; font-family: 'FuturaStd-Book', serif; font-size: 14px; color: #fcfcfc; background: transparent}
	#footer .inner .newsletter-module .form input[type=button]{display: block; float: right; width: 65px; height: 40px; border: 0; font-family: 'FuturaStd-Book', serif; font-size: 13px; color: #fcfcfc; background-color: #6f1617; cursor: pointer}
	#footer .inner .copy .streaming{float: left; margin-bottom: 30px}
	#footer .inner .copy .streaming .ico{margin: 0 12px 0 0;}
	.content-interior{margin-top: 58px;}

	#press{padding: 30px 0 50px 0;}
	#press .inner{padding: 0 20px;}
	#press .inner .column-left{width: 100%;}
	#press .inner .column-right{width: 100%;}

	#story-inner .img{height: 90vw;}
	#story-inner .inner{margin: -110px auto 0 auto;}
	#story-inner .inner .title-bg{width: 75%; top: 30px}
	#story-inner .inner .title{width: 80%; left: 20px; max-width: 400px; top: 75px;}
	#story-inner .inner .column1{margin-top: 0; border: 0; float: none; width: 100%; padding: 140px 20px 0 20px; text-align: left;}
	#story-inner .inner .column1 p{padding-left: 0; text-align: left;}
	#story-inner .inner .p-title-margin{margin-top: 100px}
	#story-inner .inner .column2{margin-top: 0; border: 0; float: none; width: 100%; padding: 0 20px 0 20px; text-align: left;}
	#story-inner .inner .column2 p{padding-right: 0}
	#story-inner .inner .p-title-margin {margin-top: 40px;}

	#story .module-width0 .text1{width: 100%}
	#story .text4{width: 100%; font-size: 36px; line-height: 36px; margin-top: 50px;}
	#story .text4 p{font-size: 24px; line-height: 24px;}
	#story .text4 img{width: 100%}
	#story .text5{width: 100%; font-size: 18px; line-height: 22px;}
	#story .module-width{margin-top: 50px; padding: 0;}
	#story .module-width .img6{position: relative; width: 100%; top: 0; left: 0}
	#story .module-width .p01{width: 100%; margin-left: 0}
	#story .module-width .p02{width: 100%; margin: 50px 0 0 0;}
	#story .module-width2{padding: 0; margin-top: 50px}
	#story .module-width2 .img7{position: relative; width: 100%; left: 0}
	#story .module-width2 .p03{width: 100%; margin: 0}

	#story-director .module-width2{padding: 0 20px;}
	#story-director .module-width2 .img7{position: relative; max-width: 100%; left: 0}
	#story-director .module-width2 .p03{width: 100%; margin: 40px 0 0 0; padding-bottom: 40px}
	.our-story-column{margin: 0 0 0 0!important;}
	.img8{display: block; width: 100%;}
	#story .text4 img{max-width: 100%;}
	#story .img9{display: none!important}
	.our-story-title{margin-top: 0!important}
	.our-story-text1{margin-top: 20px!important}
	.the-story-parallax{background-image: url('../uploads/29-mobile.jpg'); background-attachment: inherit!important;}
	.our-story-parallax{background-image: url('../uploads/19-mobile.jpg'); background-attachment: inherit!important;}
	#video-trailer{margin-top: 0}
	#press .inner .list{max-height: none;}

	#story-inner .inner3{margin-top: 0;}
	#story-inner .inner .column3{display: block; float: none; width: 100%; padding: 0 20px; margin: 50px 0 20px 0; text-align: left; font-size: 32px; line-height: 32px;}
	#story-inner .inner .column3 span{font-size: 22px; line-height: 22px;}
	#story-inner .inner .column4{display: block; float: none; width: 100%; padding: 0 20px; margin: 50px 0 20px 0; text-align: left; font-size: 32px; line-height: 32px;}
	#story-inner .inner .column4 span{font-size: 22px; line-height: 22px;}

	#story .module-width .p02 .quote{width: 100%; font-size: 32px; line-height: 32px;}

	#the-conversations .title .bg{display: none!important}
	#the-conversations-art .module{width: 25%; padding-bottom: 20%;}
	#the-conversations .text{width: calc(100% - 40px); margin-top: 80px; margin-left: 20px;}
	#the-conversations-carousel{margin-top: 50px}
	#the-conversations-carousel .title .inner{padding: 0 0 0 20px;}
	#the-conversations-day-art{height: 80vw;}
	#the-conversations .title{width: 100%; top: 0px; left: 20px;}
	#the-conversations .subtitle{margin-top: 80px; margin-left: 20px;}
	#the-conversations-day-art .module{height: 80vw;}
	#the-conversations-day-art .module .base .name{font-size: 14px; top: auto; bottom: 100px}
	#the-conversations-day-art .tape{width: 100px; left: 50%; bottom: 35px; transform: translateX(-50%);}
	#the-conversations-day-art .day-title{width: 100%; left: 0; bottom: auto; top: 70vw; font-size: 26px;}
	#the-conversations-panel-list{padding: 0 20px;}

	#the-conversations-panel-list .panel-row{margin-bottom: 70px}
	#the-conversations-panel-list .panel-row .img{width: 100%; height: 100vw;}
	#the-conversations-panel-list .panel-row .img .bio{width: 90%; top: 50vw; right: 5%; transform: none;}
	#the-conversations-panel-list .panel-row .highlights{width: 100%; margin-top: 20px;}
	#the-conversations-panel-list .panel-row .highlights .title{margin-bottom: 20px;}
	#the-conversations-panel-list .panel-row .highlights .row_videos{margin: 0;}
	#the-conversations-panel-list .panel-row .highlights .row_videos .swiper-wrapper{display: block!important}
	#the-conversations-panel-list .panel-row .highlights .row_videos .swiper-button-prev{display: none!important}
	#the-conversations-panel-list .panel-row .highlights .row_videos .swiper-button-next{display: none!important}
	#the-conversations-panel-list .panel-row .highlights .row_videos .file_video{width: 100%; margin-bottom: 15px}
	#the-conversations-popup .btn-close{width: 14px; top: -20px; right: 0;}

	#the-conversations-panel-list .row-prev{float: none; width: 100%; margin: 10px 0; text-align: center;}
	#the-conversations-panel-list .row-prev a{display: inline-block; width: 100%; margin-top: 0}
	#the-conversations-panel-list .row-next{float: none; width: 100%; margin: 10px 0; text-align: center;}
	#the-conversations-panel-list .row-next a{display: inline-block; width: 100%; margin-top: 0}
}