@charset "utf-8";
/* 
=================================================================================================================
TXINTXUA FILMS
-----------------------------------------------------------------------------------------------------------------
Diego Besné (diegobesne.com)
=================================================================================================================
*/

/* ===========================================================
FONT-FACE 
============================================================== */
@import 'font-face.css';

/* ===========================================================
RESET 
============================================================== */
html, body{ height:100%;}
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; 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;}
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;}

img, a img, embed, iframe{ border:none; vertical-align:bottom;}
a, button{ color:#000; outline:none; text-decoration:none;
/* Webkit */ -webkit-transition:.2s ease-in-out;
/* Firefox */ -moz-transition:.2s ease-in-out;
/* Opera */ -o-transition:.2s ease-in-out; 
/* Standard */ transition:.2s ease-in-out;}
a .fas{ font-size: 13px; padding: 0 .25em 0 0;}
a:hover{ color:#000;}
:hover, :focus{ outline:none;}
form, fieldset{ border:none;}
ol, ul{ list-style:none;}
abbr{ border:none !important;}
hr{ display:none;}
h1, h2, h3, h4, h5, h6{ font-weight:300;}

::selection { background:#000; color:#fff; text-shadow:none;}
::-webkit-selection { background:#000; color:#fff; text-shadow:none;}
::-moz-selection { background:#000; color:#fff; text-shadow:none;}

/* ===========================================================
BASE 
============================================================== */
*{ box-sizing: border-box;}
body{ background:#f5f5f5; color:#000; font:300 1em/1.5em 'DinPro', sans-serif; text-align:center;}

/* Header 
============================================================== */
header{ background: rgba(0,0,0,0.4); background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); position: fixed; top: 0; right: 0; left: 0; padding-top: 30px; padding-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-bottom: 30px; padding-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); display: flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between; align-items: center; align-content: flex-start; text-align: left; z-index: 10000; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; transition:ease-in-out .3s;}

header .boton{ display: none;}

header .logo{ position: relative; height: 60px; width: 185px; z-index: 1000;}
header .logo img{ height: 100%; width: 100%; object-fit: contain; position: relative; z-index: 1;}
header .logo img.logo_negro{ position: absolute; top: 0; left: 0; opacity: 0; z-index: 10;}
header .logo a,
header .logo a:hover{ color: #fff;}

header .nav{ color: #fff;}
header .nav ul{ display: inline-block;}
header .nav ul li{ display: inline-block;}
header .nav ul li a,
header .nav ul li a:hover{ color: #fff; display: inline-block; padding: 0 0 .25em; position: relative;}

header .nav ul.navegacion{ border-right: thin solid rgba(256,256,256,.3); padding: 0 .75em;}
header .nav ul.navegacion li{ padding: 0 .5em;}
header .nav ul.navegacion li.peliculas{ font-weight: 500;}
header .nav ul.navegacion li a:after{ background: #fff; display: block; content: ""; height: 1px; position: absolute; bottom: 0; left: 0; width: 0; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; transition:ease-in-out .3s;}
header .nav ul.navegacion li a:hover:after{ width: 100%;}

header .nav ul.idiomas{ border-right: thin solid rgba(256,256,256,.3); padding: 0 1.25em 0 1em;}
header .nav ul.idiomas li:after{ content: " · "; font-weight: 300; padding: 0 .125em;}
header .nav ul.idiomas li:last-child:after{ content: ""; padding: 0;}
header .nav ul.idiomas li.selected{ font-weight: 500;}

header .nav ul.redes{ padding: 0 0 0 .625em;}
header .nav ul.redes li a{ padding: 0 .375em;}

.interior.no_img header{ background: #f5f5f5;}

.interior.no_img header .logo a,
.interior.no_img header .logo a:hover{ color: #000;}

.interior.no_img header .logo img.logo_blanco{ opacity: 0;}
.interior.no_img header .logo img.logo_negro{ opacity: 1;}

.interior.no_img header .nav ul li a,
.interior.no_img header .nav ul li a:hover{ color: #000;}

.interior.no_img header .nav ul.navegacion{ border-right: thin solid rgba(0,0,0,.2);}
.interior.no_img header .nav ul.navegacion li a:after{ background: #000;}

.interior.no_img header .nav ul.idiomas{ color: #000; border-right: thin solid rgba(0,0,0,.2);}

.peliculas header .nav ul.navegacion li.peliculas a,
.contacto header .nav ul.navegacion li.contacto a{ color: #767676;}
.peliculas header .nav ul.navegacion li.peliculas a:after,
.contacto header .nav ul.navegacion li.contacto a:after{ background:rgba(0,0,0,.2); width: 100%;}

.peliculas.ficha header .nav ul.navegacion li.peliculas a{ color: #fff;}
.peliculas.ficha header .nav ul.navegacion li.peliculas a:after{ background:rgba(256,256,256,.3);}

header.sticky{ background: #fff !important; padding-top: 20px; padding-bottom: 20px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1);}
header.sticky .logo img.logo_blanco{ opacity: 0;}
header.sticky .logo img.logo_negro{ opacity: 1;}

header.sticky .logo a,
header.sticky .logo a:hover{ color: #000;}

header.sticky .nav ul li a,
header.sticky .nav ul li a:hover{ color: #000;}

header.sticky .nav ul.navegacion{ border-right: thin solid rgba(0,0,0,.2);}
header.sticky .nav ul.navegacion li a:after{ background: #000;}

header.sticky .nav ul.idiomas{ color: #000; border-right: thin solid rgba(0,0,0,.2);}

.peliculas.ficha header.sticky .nav ul.navegacion li.peliculas a{ color: #000;}
.peliculas.ficha header.sticky .nav ul.navegacion li.peliculas a:after{ background:rgba(0,0,0,.2);}

@media only screen and (min-width:0) and (max-width:1023px) {
header{ background: #fff !important; padding-top: 20px; padding-bottom: 20px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1);}
header .logo img.logo_blanco{ opacity: 0;}
header .logo img.logo_negro{ opacity: 1;}
	
header .boton{ cursor:pointer; display:block; position:absolute; top:1.25; right:1em; margin:0 auto; padding:15px; width:24px; height:18px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; z-index:1000; box-sizing: content-box;}

header .boton span { display:block; position:absolute; top:0; right:15px; left:15px; height:2px; background:#1a1a1a; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; box-sizing: content-box;}
header .boton span:nth-child(1) { top:15px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
header .boton span:nth-child(2) { top:22px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
header .boton span:nth-child(3) { top:29px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
	
header .nav{ background: #fff; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width:100%; z-index: 100;}
	
header .menus{ position:absolute; top:50%; left:10%; right:10%; transform: translate3d(0,-50%,0); text-align: center;}
	
header .logo a,
header .logo a:hover{ color: #000;}

header .nav ul li a,
header .nav ul li a:hover{ color: #000;}

header .nav ul.navegacion{ border:none !important; display: block; padding: 0 0 1.5em;}
header .nav ul.navegacion li{ font-size: calc(24px + (48 - 24) * (100vw - 400px) / (1920 - 400)); line-height: 1.5em; margin: 0 0 .125em; display: block;}
header .nav ul.navegacion li a:after{ display: none !important;}

header .nav ul.idiomas{ color: #000; border:none !important; display: block; padding: 0 0 1em;}
	
header .nav ul.redes{ display: block; padding: 0;}
	
.peliculas.ficha header .nav ul.navegacion li.peliculas a{ color: #000;}
}

@media only screen and (min-device-width:0) and (max-device-width:1024px) {
header .nav ul.navegacion li a:after{ display: none;}
.peliculas header .nav ul.navegacion li.peliculas a:after,
.contacto header .nav ul.navegacion li.contacto a:after{ display: block;}
}

/* Footer 
============================================================== */
footer{ color: #fff; font-size: 14px; position: fixed; right: 0; bottom: 0; left: 0; padding-top: 30px; padding-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-bottom: 30px; padding-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); overflow: hidden; z-index: 100;}

.interior.no_img footer{ color: #000; position: relative;}
.peliculas.ficha footer{ position: absolute;}

footer .copyright{ float: right;}

footer .designed{ float: left;}
footer .designed a{ color: rgba(256,256,256,.3);}
footer .designed a:hover{ color: rgba(256,256,256,.4);}

.interior.no_img footer .designed a{ color: rgba(0,0,0,.3);}
.interior.no_img footer .designed a:hover{ color: rgba(0,0,0,.4);}

.contacto.ficha footer{ margin-top: calc(90px + (180 - 90) * (100vw - 400px) / (1920 - 400)); }

@media only screen and (min-width:0) and (max-width:1023px) {
.portada footer,
.peliculas.ficha footer{ color: #000; position: relative;}
.portada footer .designed a,
.peliculas.ficha footer .designed a{ color: rgba(0,0,0,.3);}
.portada footer .designed a:hover,
.peliculas.ficha footer .designed a:hover{ color: rgba(0,0,0,.4);}
}

@media only screen and (min-width:0) and (max-width:700px) {
footer{ text-align: center;}
footer .copyright,
footer .designed{ float: none;}
}

/* Interiores 
============================================================== */
.destacado{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 1; -webkit-transition:ease-in-out .6s; -moz-transition:ease-in-out .6s; -o-transition:ease-in-out .6s; -ms-transition:ease-in-out .6s; transition:ease-in-out .6s;}

.destacado.izda{ right: 50%;}
.destacado.dcha{ left: 50%; text-align: right;}

.un_destacado .destacado.izda{ right: 0;}

.destacado .txt{ position: fixed; left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); bottom: 130px; text-align: left; z-index: 10;}
.destacado .txt h1{ font-size: calc(34px + (90 - 34) * (100vw - 400px) / (1920 - 400)); font-weight: 400; letter-spacing: 12px; line-height: 1.25em; text-transform: uppercase;}
.destacado .txt h2{ font-size: 16px; line-height: 1.5em; letter-spacing: 2px; opacity: 0; padding: 0 .5em; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; transition:ease-in-out .3s;}
.destacado .txt h2 strong{ font-weight: 500; text-transform: uppercase;}

.destacado.dcha .txt{ left: auto; right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); text-align: right;}

.destacado .txt a{ color: #fff;}
.destacado .txt a:hover h2{ opacity: 1;}

.destacado .img{ position: absolute; top: 0; left: 0; height: 100%; width: 100vw; z-index: 1;}
.destacado .img img{ height: 100%; width: 100%; object-fit: cover; position: relative; z-index: 1; -webkit-transition:linear 6s; -moz-transition:linear 6s; -o-transition:linear 6s; -ms-transition:linear 6s; transition:linear 6s;}

.destacado.dcha .img{ left: auto; right: 0;}

.overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.1); z-index: 2;}

@media only screen and (min-width:0) and (max-width:1023px) {
.destacados{ padding: 100px 0 0;}
.destacado{ height: calc(350px + (850 - 350) * (100vw - 400px) / (1920 - 400)); position:relative;}
.destacado.izda{ right: 0 !important;}
.destacado.dcha{ left: 0 !important;}
.destacado .txt{ position: absolute; bottom: 60px; right: 5% !important; left: 5% !important; text-align: center !important;}
.destacado .txt h1{ letter-spacing: 4px;}
.destacado .txt h2{ opacity: 1;}
.destacado .img{ position: relative; height:100%; width: 100%;}
}

.cont_interior{ padding-top: calc(140px + (200 - 140) * (100vw - 400px) / (1920 - 400));  text-align: left;}
.cont_interior h1{ display: none;}

.filtrado ul{ padding-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400));}
.filtrado ul li{ display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.5em; text-transform: uppercase; padding: 0 2em 0 0;}
.filtrado ul li a{ color: #767676; display: inline-block; padding: 0 0 .25em; position: relative;}
.filtrado ul li a:after{ background:rgba(0,0,0,.2); display: block; content: ""; height: 1px; position: absolute; bottom: 0; left: 0; width: 0; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; transition:ease-in-out .3s;}
.filtrado ul li a:hover:after{ width: 100%;}

.filtrado ul li.selected a{ color: #000;}
.filtrado ul li.selected a:after{ background:rgba(0,0,0,1); width: 100%;}

.lista_imgs ul{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content: flex-start; padding: 3.75em 0 0;}
.lista_imgs ul li{ width: 50%;}
.lista_imgs ul li a{ display: block; padding-bottom: calc(90px + (180 - 90) * (100vw - 400px) / (1920 - 400));}

.lista_imgs ul li a .img{ overflow: hidden;}
.lista_imgs ul li a .img img{ height: auto; width: 100%; -webkit-transition:ease-in-out 3s; -moz-transition:ease-in-out 3s; -o-transition:ease-in-out 3s; -ms-transition:ease-in-out 3s; transition:ease-in-out 3s;}
.lista_imgs ul li a:hover .img img{ transform: scale(1.1, 1.1);}

.lista_imgs ul li a .txt{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:baseline; align-content: flex-start; padding-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-top: 1.875em;}
.lista_imgs ul li a .txt .titulo{ width: 50%;}
.lista_imgs ul li a .txt .director{ width: 30%;}
.lista_imgs ul li a .txt .fecha{ text-align: right; width: 20%;}

.lista_imgs ul li a .txt .nombre{ width: 65%;}
.lista_imgs ul li a .txt .puesto{ text-align: right; width: 35%;}

.lista_imgs ul li a .txt h2{ color: #000; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); font-weight: 400; line-height: 1.25em; letter-spacing: 2px; text-transform: uppercase;}
.lista_imgs ul li a .txt h3{ color: #767676; font-size: calc(15px + (18 - 15) * (100vw - 400px) / (1920 - 400)); line-height: 1.5em; letter-spacing: 1px;}

@media only screen and (min-width:0) and (max-width:1024px) {
.lista_imgs ul li a .txt .titulo{ width:100%;}
.lista_imgs ul li a .txt .director{ width:65%;}
.lista_imgs ul li a .txt .fecha{ width:35%;}
.lista_imgs ul li a .txt .nombre{ width: 100%;}
.lista_imgs ul li a .txt .puesto{ text-align: left; width: 100%;}
}
@media only screen and (min-width:0) and (max-width:700px) {
.filtrado ul li{ display:block; font-size: 14px; padding:0; margin: .25em 0 0;}
.lista_imgs ul li{ width:100%;}
}
@media only screen and (min-device-width:0) and (max-device-width:1024px) {
.filtrado ul li a:after{ display: none;}
.filtrado ul li.selected a:after{ display: block;}
}

.entradilla{ padding-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-bottom: 1.875em; margin: 0 auto;}
.entradilla p{ color: #767676; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); line-height: 1.5em; margin: 1.5em 0 0; text-align: left; width: 50%;}
.entradilla p:first-of-type{ margin:0;}

@media only screen and (min-width:0) and (max-width:1023px) {
.entradilla p{ width: 100%;}
}

.datos_formulario{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content: flex-start;}
.datos_formulario .datos{ padding-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-bottom: calc(90px + (180 - 90) * (100vw - 400px) / (1920 - 400)); width: 50%;}
.datos_formulario .formulario{ padding-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-bottom: 11.25em; width: 50%;}

.datos_formulario p{ color: #767676; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); line-height: 1.5em; margin: 1.5em 0 0;}
.datos_formulario p:first-of-type{ margin:0;}
.datos_formulario p a{ border-bottom: thin solid rgba(0,0,0,.2); color: #767676; display: inline-block; padding: 0 0 .125em; position: relative;}
.datos_formulario p a:hover{ color: #000;}
.datos_formulario p a:after{ background:rgba(0,0,0,1); display: block; content: ""; height: 1px; position: absolute; bottom: -1px; left: 0; width: 0; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; transition:ease-in-out .3s;}
.datos_formulario p a:hover:after{ width: 100%;}

.datos_formulario .formulario form{}
.datos_formulario .formulario form input{ background: transparent; border: none; border-bottom: thin solid rgba(0,0,0,.2); color: #767676; display: block; font-family: 'DinPro', sans-serif; font-weight: 300; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); padding: .5em 0; margin: 0 0 .75em; width: 100%;}
.datos_formulario .formulario form textarea{ background: transparent; border: none; border-bottom: thin solid rgba(0,0,0,.2); color: #767676; display: block; font-family: 'DinPro', sans-serif; font-weight: 300; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); height: 240px; padding: .5em 0; width: 100%;}
.datos_formulario .formulario form button{ background: transparent; border: none; color: #000; cursor: pointer; display: block; font-family: 'DinPro', sans-serif; letter-spacing: 2px; font-weight: 400; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); padding: 1em 0; margin:.5em 0 0; text-transform: uppercase;}

.datos_formulario .formulario .txt_error p{ color: #bf211e; margin: 0;}
.datos_formulario .formulario .txt_error p:last-of-type{ margin: 0 0 1.5em;}
.datos_formulario .formulario .txt_ok p{ font-weight: bold; margin: 0 0 1.5em;}
.datos_formulario .formulario form input.error,
.datos_formulario .formulario form textarea.error{ border-color: #bf211e;}

@media only screen and (min-width:0) and (max-width:700px) {
.datos_formulario .datos,
.datos_formulario .formulario{ width: 100%;}
}

@media only screen and (min-device-width:0) and (max-device-width:1024px) {
.datos_formulario p a:after{ display: none;}
}

.ficha_pelicula{ height:100vh;}
.ficha_pelicula .img_destacada{ height: 100%; overflow: hidden; position: relative; z-index: 1;}

.ficha_pelicula .img_destacada .img{ height: 100%; width: 100%; position: relative; z-index: 1;
background-attachment: scroll !important;
transform-origin: 50% 50%;
animation: imageZoom linear 50s;
animation-iteration-count: infinite;
-webkit-animation: imageZoom linear 50s;
-webkit-animation-iteration-count: infinite;
-moz-animation: imageZoom linear 50s;
-moz-animation-iteration-count: infinite;
-ms-animation: imageZoom linear 50s;
-ms-animation-iteration-count: infinite;}
.ficha_pelicula .img_destacada .img img{ height: 100%; width: 100%; object-fit: cover;}

.ficha_pelicula .img_destacada .txt{ color: #fff; display: flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:flex-start; text-align: left; position: absolute; right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); bottom: calc(10px + (20 - 10) * (100vw - 400px) / (1920 - 400)); left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); z-index: 10;}

.ficha_pelicula .img_destacada .txt .titulo{ border-bottom: thin solid rgba(256,256,256,.3); padding-bottom: calc(15px + (30 - 15) * (100vw - 400px) / (1920 - 400)); margin-bottom: calc(10px + (20 - 10) * (100vw - 400px) / (1920 - 400)); width: 100%;}
.ficha_pelicula .img_destacada .txt .director{ width: 27.5%;}
.ficha_pelicula .img_destacada .txt .duracion{ width: 27.5%;}
.ficha_pelicula .img_destacada .txt .fecha{ text-align: right; width: 20%;}
.ficha_pelicula .img_destacada .txt .play{ width: 25%;}

.ficha_pelicula .img_destacada .txt h1{ font-size: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); font-weight: 400; letter-spacing: 12px; line-height: 1.25em; text-transform: uppercase;}
.ficha_pelicula .img_destacada .txt h2{ display: inline; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); font-weight: 300; letter-spacing: 2px; line-height: 1.5em; vertical-align: middle;}
.ficha_pelicula .img_destacada .txt .play h2{ font-size: calc(20px + (30 - 20) * (100vw - 400px) / (1920 - 400)); font-weight: 500;}
.ficha_pelicula .img_destacada .txt h2 img{ height: calc(40px + (60 - 40) * (100vw - 400px) / (1920 - 400)); width: auto; margin: 0 .5em 0 0; vertical-align: middle;}

.ficha_pelicula .img_destacada .txt h2 a{ color: #fff;}

@media only screen and (min-width:0) and (max-width:1023px) {
.ficha_pelicula{ margin: 100px 0 0; height: calc(350px + (500 - 350) * (100vw - 400px) / (1920 - 400));}
.ficha_pelicula .img_destacada .txt .director,
.ficha_pelicula .img_destacada .txt .duracion,
.ficha_pelicula .img_destacada .txt .fecha{ display: none;}
.ficha_pelicula .img_destacada .txt .play{ width:100%;}
}

.logos{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:flex-start; position: absolute; right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); top:120px; width:20%; z-index: 10;}
.logos li{ width:50%; padding:calc(5px + (10 - 5) * (100vw - 400px) / (1920 - 400));}
.logos li img{ height: 100%; width: 100%; object-fit: contain;}

.destacado.izda .logos,
.destacado.dcha .logos{ bottom: 130px; top: auto;}
.destacado.dcha .logos{ left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); justify-content:flex-start; right: auto;}

@media only screen and (min-width:0) and (max-width:768px) {
.logos{ top:20px; width: 30%;}
.destacado.izda .logos,
.destacado.dcha .logos{ display: none;}
}
@media only screen and (min-width:0) and (max-width:500px) {
.logos{ width: 40%;}
}

.peliculas.ficha .entradilla{ padding-top: 3.75em; padding-bottom: 0;}

.paginacion{ padding: 0 0 0 .5em;}

.galeria_fotogramas{ border-top: thin solid #c4c4c4; padding-top: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400));margin-top: 5.625em; margin-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); margin-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); text-align: left;}

.galeria_fotogramas .titular{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;}
.galeria_fotogramas h3{ font-size: 14px; font-weight: 400; text-transform: uppercase; width: 50%;}
.galeria_fotogramas h4{ color: #767676; font-size: 14px; font-weight: 300; text-align: right; width: 50%;}
.galeria_fotogramas h4 a{ color: #767676;}
.galeria_fotogramas h4 a:hover{ color: #000;}

.galeria_fotogramas ul{ padding-top: 1.875em;}
.galeria_fotogramas ul li{ cursor: all-scroll; height: 80vh; width: 100%; text-align: center; padding-bottom:40px;}
.galeria_fotogramas ul li img{ display: inline-block; vertical-align: middle; height: auto; height: 100%; width: 100%; object-fit: contain;}
.galeria_fotogramas ul li p{ color: #767676; font-size: 14px; font-weight: 300; margin:1em auto 0;}
.galeria_fotogramas ul li p a{ color: #767676;}
.galeria_fotogramas ul li p a:hover{ color: #000;}

@media only screen and (min-width:0) and (max-width:768px) {
.galeria_fotogramas ul li{ height: auto;}
}

.slick-arrow{ background: #f5f5f5; border:none; position:absolute; top: 50%; overflow:hidden; text-indent:-9999em; height: calc(32px + (64 - 32) * (100vw - 400px) / (1920 - 400)); width: calc(16px + (32 - 16) * (100vw - 400px) / (1920 - 400)); z-index: 1000; cursor: pointer; transform: translate3d(0,-50%,0);}
.slick-prev{ background:#f5f5f5 url(img/anterior-negro.svg) no-repeat center left; background-size: calc(12px + (20 - 12) * (100vw - 400px) / (1920 - 400)); left:0;}
.slick-next{ background:#f5f5f5 url(img/siguiente-negro.svg) no-repeat center right; background-size: calc(12px + (20 - 12) * (100vw - 400px) / (1920 - 400)); right:0;}

.cartel_ficha{ background: #1d1d1d; color: #fff; display: flex; flex-direction:row-reverse; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; margin-top: calc(90px + (150 - 90) * (100vw - 400px) / (1920 - 400));}

.cartel_ficha a{ color: #c4c4c4;}
.cartel_ficha a:hover{ color: #fff;}

.cartel_ficha .cartel{ width: 50%; padding-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-bottom: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400));}
.cartel_ficha .cartel img{ height: auto; margin: -3.75em auto 0; max-width: 700px; width: 100%;}
.cartel_ficha .cartel p{ color: #c4c4c4; font-size: 14px; font-weight: 300; margin:1em auto 0; text-align: left; max-width: 700px; width: 100%;}

@media only screen and (min-width:0) and (max-width:768px) {
.cartel_ficha .cartel{ width:100%;}
.cartel_ficha .cartel img{ max-width: 400px;}
.cartel_ficha .cartel p{ max-width: 400px;}
}

.cartel_ficha .creditos{ text-align: left; width: 50%; padding: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); display: flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
	
@media only screen and (min-width:0) and (max-width:768px) {
.cartel_ficha .creditos{ width: 100%;}
}

.cartel_ficha h3{ border-bottom: thin solid rgba(256,256,256,.1); color: #c4c4c4; font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 0 0 .5em;}
.cartel_ficha p{ font-size: calc(14px + (16 - 14) * (100vw - 400px) / (1920 - 400)); font-weight: 300; line-height: 1.5em; margin: .75em 0 0;}
.cartel_ficha p strong{ font-weight: 500;}

.cartel_ficha .creditos .datos{ width: 100%;}
.cartel_ficha .creditos .ficha_artistica,
.cartel_ficha .creditos .ficha_tecnica{ padding: 2.5em 0 0; width:47%;}
.cartel_ficha .creditos .descargas{ padding: 2.5em 0 0; width: 100%;}

@media only screen and (min-width:0) and (max-width:599px) {
.cartel_ficha .creditos .ficha_tecnica{ width:100%;}
}

.cartel_ficha .descargas_videos{ text-align: left; width: 100%; padding: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-top: 0; display: flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}

.cartel_ficha .descargas_videos ul li{ border-bottom: thin solid rgba(256,256,256,.1); padding: .5em 0 .625em; overflow: hidden;}
.cartel_ficha .descargas_videos ul li h4{ font-size: calc(14px + (16 - 14) * (100vw - 400px) / (1920 - 400)); font-weight: 300; line-height: 1.5em; margin: 0; float: left;}
.cartel_ficha .descargas_videos ul li h4 .fas{ padding: 0 .375em 0 0;}
.cartel_ficha .descargas_videos ul li h4 a{ color: #fff;}
.cartel_ficha .descargas_videos ul li h4 a:hover{ color: #c4c4c4;}
.cartel_ficha .descargas_videos ul li p{ color: #c4c4c4; font-size: 14px; font-weight: 300; line-height: 1.5em; margin:0 0 0 1.5em; float: right;}

.cartel_ficha .descargas_videos .descargas{ width: 47%;}
.cartel_ficha .descargas_videos .descargas div{ padding: 2.5em 0 0;}
.cartel_ficha .descargas_videos .descargas div:first-of-type{ padding:0;}

.cartel_ficha .descargas_videos .videos{ width: 47%;}

.cartel_ficha .descargas_videos .videos ul{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:flex-start;}
.cartel_ficha .descargas_videos .videos ul li{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:flex-start; width: 50%;}
.cartel_ficha .descargas_videos .videos ul li .img{ width:25%; position: relative; overflow: hidden;}
.cartel_ficha .descargas_videos .videos ul li .img img{ height: auto; width: 100%; position: relative; z-index: 1; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; transition:ease-in-out .3s;}
.cartel_ficha .descargas_videos .videos ul li .img .fas{ font-size: calc(14px + (18 - 14) * (100vw - 400px) / (1920 - 400)); position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); z-index: 2;}
.cartel_ficha .descargas_videos .videos ul li .img a{ color: #fff;}
.cartel_ficha .descargas_videos .videos ul li .img a:hover img{ transform: scale(1.1, 1.1);}
.cartel_ficha .descargas_videos .videos ul li .txt{ text-align: left; width: 70%;}
.cartel_ficha .descargas_videos .videos ul li .txt h4,
.cartel_ficha .descargas_videos .videos ul li .txt p{ float: none; margin: 0;}

@media only screen and (min-width:0) and (max-width:1400px) {
.cartel_ficha .descargas_videos .videos ul li{ width: 100%;}
}
@media only screen and (min-width:0) and (max-width:768px) {
.cartel_ficha .descargas_videos .descargas,
.cartel_ficha .descargas_videos .videos{ width:100%;}
.cartel_ficha .descargas_videos .videos{ padding: 2.5em 0 0;}
}


.galeria_miniaturas{ border-top: thin solid #c4c4c4; display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; margin: 3.7em auto 0; margin-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); margin-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); text-align: left; padding-top: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400));}

.galeria_miniaturas .titular{ padding: 0 0 1.25em; width: 25%;}

.galeria_miniaturas h3{ font-size: 14px; font-weight: 400; line-height: 1.5em; padding-right: calc(15px + (30 - 15) * (100vw - 400px) / (1920 - 400)); text-transform: uppercase;}
.galeria_miniaturas p{ font-size: 14px; line-height: 1.5em;}
.galeria_miniaturas h4{ color: #767676; font-size: 14px; font-weight: 300; margin: .5em auto 0;}
.galeria_miniaturas h4 a{ color: #767676;}
.galeria_miniaturas h4 a:hover{ color: #000;}

.galeria_miniaturas ul{ width: 75%;}
.galeria_miniaturas ul li{ padding-right: calc(15px + (30 - 15) * (100vw - 400px) / (1920 - 400));}
.galeria_miniaturas ul li img{ height: calc(100px + (200 - 100) * (100vw - 400px) / (1920 - 400)); width: auto; cursor: all-scroll;}
.galeria_miniaturas ul li p{ color: #767676; font-size: 14px; font-weight: 300; margin:.5em auto 0;}
.galeria_miniaturas ul li p a{ color: #767676;}
.galeria_miniaturas ul li p a:hover{ color: #000;}

@media only screen and (min-width:0) and (max-width:767px) {
.galeria_miniaturas .titular,
.galeria_miniaturas ul{ width: 100%;}
}

.siguiente_anterior{ padding-top: calc(60px + (120 - 60) * (100vw - 400px) / (1920 - 400)); position: relative;}
.siguiente_anterior ul{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content: flex-start; padding: 3.75em 0 0;}
.siguiente_anterior ul li{ width: 50%;}
.siguiente_anterior ul li a{ color: #fff; display: block; position: relative;}

.siguiente_anterior ul li a .img{ overflow: hidden; position: relative; z-index: 1; height:35vh;}
.siguiente_anterior ul li a .img img{ height: 100%; width: 100%; object-fit: cover; -webkit-transition:ease-in-out 3s; -moz-transition:ease-in-out 3s; -o-transition:ease-in-out 3s; -ms-transition:ease-in-out 3s; transition:ease-in-out 3s;}
.siguiente_anterior ul li a:hover .img img{ transform: scale(1.1, 1.1);}

.siguiente_anterior ul li a .txt{ position: absolute; top:50%; right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); transform: translate3d(0,-50%,0); display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content: flex-start; z-index: 10;}
.siguiente_anterior ul li a .txt h3{ font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 1.5em; text-transform: uppercase; padding: 0 2em 0 0;}
.siguiente_anterior ul li a .txt h3 img{ height: calc(12px + (20 - 12) * (100vw - 400px) / (1920 - 400)); width: auto;}
.siguiente_anterior ul li a .txt h4{ font-size: calc(20px + (40 - 20) * (100vw - 400px) / (1920 - 400)); font-weight: 400; letter-spacing: 6px; line-height: 1.125em; text-align: left; text-transform: uppercase; padding: 0 0 0 .625em; border-left:thin solid rgba(256,256,256,.3); width:85%;}

.siguiente_anterior ul li.siguiente a .txt{ flex-direction:row-reverse;}
.siguiente_anterior ul li.siguiente a .txt h3{ padding: 0 0 0 2em;}
.siguiente_anterior ul li.siguiente a .txt h4{ padding: 0 .625em 0 0; border-left: none; border-right:thin solid rgba(256,256,256,.3); text-align: right;}

@media only screen and (min-width:0) and (max-width:768px) {
.siguiente_anterior ul li{ width:100%;}
}

.img_cv{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; text-align: left; position: relative;}

.img_cv .img{ height: calc(100vh - calc(140px + (200 - 140) * (100vw - 400px) / (1920 - 400))); position: relative; width: 40%;}
.img_cv .img img{ height: 100%; width: 100%; object-fit: cover;}

.img_cv .cv{ display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content: flex-start; padding-right: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); padding-left: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); width: 60%;}
.img_cv .cv h1{ font-size: calc(18px + (36 - 18) * (100vw - 400px) / (1920 - 400)); font-weight: 400; letter-spacing: 6px; line-height: 1.25em; margin: 0 0 .5em; text-transform: uppercase; display: block; width: 100%;}
.img_cv .cv h2{ color: #767676; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); letter-spacing: 2px; line-height: 1.25em; width: 50%;}
.img_cv .cv h3{ color: #000; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); font-weight: 400; letter-spacing: 2px; line-height: 1.5em; margin: 3em 0 0; text-transform: uppercase; width: 100%;}
.img_cv .cv h4{ color: #000; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); font-weight: 400; line-height: 1.5em; margin:1.875em 0 .875em; width: 100%;}
.img_cv .cv p{ border-bottom:thin solid #c4c4c4; color: #767676; font-size: calc(14px + (18 - 14) * (100vw - 400px) / (1920 - 400)); line-height: 1.5em; overflow: hidden; padding: .5em 0; width: 100%;}
.img_cv .cv p strong{ color: #767676; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); font-weight: 300; line-height: 1.5em; float: right; padding: 0 0 0 .5em;}
.img_cv .cv p em{ display: block; color: #767676; font-size: calc(18px + (24 - 18) * (100vw - 400px) / (1920 - 400)); line-height: 1.5em; font-style: normal;}

@media only screen and (min-width:0) and (max-width:1023px) {
.contacto.ficha .cont_interior{ padding-top: calc(100px);}
.img_cv .img{ height: calc(350px + (500 - 350) * (100vw - 400px) / (1920 - 400)); width: 100%;}
.img_cv .cv{ padding-top: calc(30px + (60 - 30) * (100vw - 400px) / (1920 - 400)); width: 100%;}
.img_cv .cv h2{ width: 100%;}
}

/* Keyframes 
============================================================== */
@keyframes imageZoom{
	0% { transform: scale(1); }
	50% { transform: scale(1.24); }
	100% { transform: scale(1);}
}

@-moz-keyframes imageZoom{
	0% { -moz-transform: scale(1);}
	50% { -moz-transform: scale(1.24); }
	100% { -moz-transform: scale(1); }
}
 
@-webkit-keyframes imageZoom{
	0% { -webkit-transform: scale(1); }
	50% {-webkit-transform: scale(1.24); }
	100% { -webkit-transform: scale(1); }
}

@-ms-keyframes imageZoom{
	0% { -ms-transform: scale(1); }
	50% { -ms-transform: scale(1.24); }
	100% { -ms-transform: scale(1); }
}