.watch-now-section { position: relative; z-index: 99; background: #2e0812; vertical-align: top }
.watch-now-section h2 { color: #fff; font-size: 64px; line-height: 90px; text-align: center; position: absolute; top: 225px; left: 50%; z-index: 999; font-family: chronicledisp-bold; transform: translate(-50%) }
.film-list { position: absolute; top: 150px; left: 150px; right: 150px; z-index: 999 }
.film-list .cnt .accordian-cnt { position: relative; padding: 10px 0; transition: .7s }
.film-list .cnt .accordian-cnt h1 { position: relative; z-index: 999; color: #fff; font-size: 48px; line-height: 52px; margin: 20px 0 0; font-family: chronicledisp-bold; opacity: 0; transform: translateY(50px); transition: .4s; filter: blur(4px) }
.film-list .cnt .accordian-cnt h1:hover { filter: blur(0) }
.film-list .cnt .accordian-cnt h1.active { opacity: 1; transform: translate(0) }
.film-list .cnt .accordian-cnt h1 a { color: #fff }
.film-list .cnt .accordian-cnt h1.blur-100 { filter: blur(10px) }
.film-list .cnt .accordian-cnt h1.blur-75 { filter: blur(5px) }
.film-list .cnt .accordian-cnt h1.blur-50 { filter: blur(0) }
.film-list .cnt .accordian-cnt h1.blur-25 { filter: blur(5px) }
.film-list .cnt .accordian-cnt h1.blur-0 { filter: blur(10px) }
.film-list .cnt .accordian-cnt.active h1 { filter: blur(0) }
.film-list .cnt .accordian-cnt .status { position: fixed; opacity: 0 }
.film-list .cnt .accordian-cnt .status.active { opacity: 1; position: relative !important }
.film-list .cnt .accordian-cnt .play { margin-top: 200px; position: fixed; opacity: 0; transition: 0s; transition-delay: 0s; transform: translate3d(0, -50px, 0) }
.film-list .cnt .accordian-cnt .play.active { position: relative; opacity: 1; transform: translateZ(0); transition: .4s; transition-delay: .7s }
.film-list .cnt .accordian-cnt .playing { transform: translateY(-50px); transition-delay: 0s; transition: 0s }
.film-list .cnt .accordian-cnt .playing.active { transform: translate(0); transition: .4s; transition-delay: .4s }
.film-list .cnt .accordian-cnt .details { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999 }
.film-list .cnt .accordian-cnt .details.active { display: block }
.film-list .cnt .accordian-cnt .quote-cnt { position: fixed; top: 150px; right: 0; width: 300px; opacity: 0; transition: 0s; transform: translate3d(0, -50px, 0); transition-delay: 0s }
.film-list .cnt .accordian-cnt .quote-cnt.active { position: absolute; opacity: 1; transform: translateZ(0); transition: .4s; transition-delay: 1s }
.film-list .cnt .accordian-cnt .quote-cnt .quote { color: #fff; font-size: 20px; line-height: 32px; margin-bottom: 20px; font-style: italic }
.film-list .cnt .accordian-cnt .quote-cnt .name { color: #fff; font-size: 12px; line-height: 20px; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; margin: 0 }
.film-list .cnt .accordian-cnt .quote-cnt .publication { color: #fff; font-size: 12px; line-height: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; margin: 0 }
.film-list .cnt .accordian-cnt.active { padding: 50px 0 }
.film-list .cnt .accordian-cnt.active .details { display: block }
.watch-now-section { position: relative; z-index: 99; background: #000 !important; vertical-align: top; padding: 50px 0 }
.watch-now-section h2 { color: #fff; font-size: 64px; line-height: 90px; text-align: center; position: absolute; top: 225px; left: 50%; z-index: 999; font-family: chronicledisp-bold; transform: translate(-50%) }
#film-post-4 .permalink,
#film-post-6 .permalink { text-align: right !important }
.landing-wrapper { width: 99.9%; height: 1200px; margin: 0; padding: 0; position: relative; overflow: hidden }
.landing-inner-content { width: 4500px; height: 1200px }
.landing-inner-content .film-post { position: absolute; width: 555px; max-width: 555px; height: 320px; z-index: 99; background: rgb(71 85 99); opacity: .7 }
.landing-inner-content .film-post .thumb { height: 320px; vertical-align: top; mix-blend-mode: overlay; filter: brightness(1.3) contrast(1) saturate(0) }
.landing-inner-content .film-post .thumb .thumb-link { z-index: 999 }
.landing-inner-content .film-post .thumb .photo-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 320px; z-index: 99; transition: .4s; background-repeat: no-repeat; background-position: 50%; background-size: cover !important }
.landing-inner-content .film-post .thumb .photo { height: 320px }
.film-post .thumb { display: inline-block; position: relative; width: 100%; height: 200px }
.film-post .thumb a.thumb-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99 }
.film-post .thumb .overlay { z-index: 95; background-color: transparent; transition: .4s }
.film-post .thumb .overlay,
.film-post .thumb .photo { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.film-post .thumb .photo { z-index: 92; background-repeat: no-repeat; background-position: 50%; background-size: cover !important }
.landing-inner-content .film-post .permalink { color: #fff; font-size: 12px !important; font-weight: 400 !important; line-height: 20px !important; text-decoration: underline; text-transform: uppercase; letter-spacing: 3px; vertical-align: top }
.landing-inner-content .film-post:hover { opacity: 1; z-index: 9999 }
.landing-inner-content .film-post:hover .thumb { filter: none; mix-blend-mode: normal; z-index: 9999 }
.landing-inner-content .film-post:hover .photo-overlay { opacity: 0 }
.landing-inner-content .film-post:hover .permalink { color: #cc8699 !important }
.landing-inner-content #film-post-1 { top: 0; left: 10px }
.landing-inner-content #film-post-2 { top: 320px; left: 30px }
.landing-inner-content #film-post-3 { top: 0; left: 1200px }
.landing-inner-content #film-post-4 { top: 0; left: 600px }
.landing-inner-content #film-post-5 { top: 480px; left: 0 }
.landing-inner-content #film-post-6 { top: 490px; left: 450px; z-index: 999 }
.landing-inner-content #film-post-7 { top: 920px; left: -70px }
.landing-inner-content #film-post-8 { top: 50px; left: 1791px }
.landing-inner-content #film-post-1.film-post-11 { top: 10px; left: 1180px }
.landing-inner-content #film-post-2.film-post-12 { top: 830px; left: 550px }
.landing-inner-content #film-post-3.film-post-13 { top: 362px; left: 1070px }
.landing-inner-content #film-post-4.film-post-14 { top: 400px; left: 20px }
.landing-inner-content #film-post-5.film-post-15 { top: 400px; left: 1680px }
.landing-inner-content #film-post-6.film-post-16 { top: 840px; left: 1170px; }
.landing-inner-content #film-post-7.film-post-17 { top: 780px; left: 1810px }
.landing-inner-content #film-post-15 { top: 360px; left: 1640px }
.landing-inner-content #film-post-16 { top: 620px; left: 1360px }
.landing-inner-content #film-post-17 { top: 802px; left: 1620px }
.landing-inner-content #film-post-18 { top: 882px; left: 1050px }
.landing-inner-content #film-post-19 { top: 882px; left: 1050px }
.landing-inner-content #film-post-20 { top: 882px; left: 1050px }
.page-template-template-films { background: #2e0812 }
div.all-films { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 220px 150px 70px; min-height: 1800px }
div.all-films .swiper-container { display: block; position: fixed; top: 0; left: 0; overflow: visible; width: 100%; height: 100% }
div.all-films .swiper-wrapper { display: block }
div.all-films .swiper-wrapper .content-cnt { display: none !important }
div.all-films .swiper-slide { overflow: hidden }
div.all-films .mobile-overlay,
div.all-films .next,
div.all-films .prev { display: none }
div.all-films .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 99 }
div.all-films .film-content { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2; opacity: 0 }
div.all-films .film-content .quote-cnt { position: absolute; top: 0; right: 0; width: 50%; z-index: 99 }
div.all-films .film-content .quote-cnt .quote { display: inline-block; width: 100%; margin: 0 0 20px; color: #fff; font-size: 20px; line-height: 32px }
div.all-films .film-content .quote-cnt .name { font-weight: 400 }
div.all-films .film-content .quote-cnt .name,
div.all-films .film-content .quote-cnt .publication { display: inline-block; width: 100%; margin: 0; color: #fff; font-size: 12px; line-height: 20px; text-transform: uppercase; letter-spacing: 3px }
div.all-films .film-content .quote-cnt .publication { font-weight: 700 }
div.all-films .film-content .video-cnt { top: 0; left: 0; transition: .4s }
div.all-films .film-content .video-cnt,
div.all-films .film-content .video-cnt video { display: block; width: auto; height: auto; position: fixed; min-width: 100vw; min-height: 100%; -o-object-fit: cover; object-fit: cover }
div.all-films .film-content .video-cnt video { top: 50%; left: 50%; max-width: 100vw; background-color: #000; background-position: 50%; background-size: cover; z-index: 3; transform-origin: 50%; transform: translate(-50%, -50%); transition: .7s cubic-bezier(.455, .03, .515, .955) }
div.all-films .film-content .video-cnt img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
div.all-films .film-content.active { opacity: 1; display: block }
div.all-films .film-content.active .play,
div.all-films .film-content.active .playing,
div.all-films .film-content.active .quote-cnt,
div.all-films .film-content.active .video-cnt { opacity: 1 }