* { box-sizing: border-box; }
	
	body{ margin:0px; padding: 0px; background-color: #000000; font-family: 'Raleway'; color: #ffffff; z-index:99; }


	#menuToggle { display: block; position:fixed; top: 30px; left: 30px; z-index: 9999999; -webkit-user-select: none; user-select: none; }
	#menuToggle a { text-decoration: none; color: #232323; transition: color 0.3s ease; }
	#menuToggle a:hover { color: tomato; }

	#menuToggle input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }

	#menuToggle span { display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #cdcdcd; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
	#menuToggle span:first-child { transform-origin: 0% 0%; }
	#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }
	#menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323; }
	#menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
	#menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }

	#menu { width: 250px; margin: -100px 0 0 -50px; padding: 120px 20px 10px 55px; background: rgba(255,255,255,0.5); list-style-type: none; -webkit-font-smoothing: antialiased; /* to stop flickering of text in safari */ transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); border-radius: 0 0 20px 0; }

	#menu li { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Raleway'; font-size: 20px; font-weight: 600; cursor: pointer; }
	#menu li:hover { color: #FF7026; }
	#menuToggle input:checked ~ ul { transform: none; }




	.parallax-window {
		margin: 0px;
		padding: 0px;
		min-height: 1000px;
		background: transparent;
	}
	.parallax-window2 {
		margin: 0px;
		padding: 0px;
		min-height: 1200px;
		background: transparent;
	}

	.parallax-window3 {
		margin: 0px;
		padding: 0px;
		min-height: 1200px;
		background: transparent;
	}

	#boxlight { display:none; position:fixed; top:0; right:0; bottom:0; left:0; margin:0px; padding:0px; width:100%; height:100%; background-color: rgba(0,0,0,0.9); z-index:97; }
	#_slider_bio { display:none; position:fixed; top:0; right:0; bottom:0; left:0; margin:0px; padding:0px; width:100%; height:100%; background-color: #f2f2f2; z-index:97;} 
	.video_item {position: fixed; width:100%; min-height:100%; z-index:-999; }
	.bg_site { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); min-width:100%; min-height:100%; }



	._tt { position:relative; margin:0px; padding:0px; width:100%; min-height:580px; border }
	._tt p { text-align:center; }
	._tt p img { margin: 30% auto; width: 100%; height: auto; max-width: 600px; }

	
	._shdw { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; }
	
	
	.ms_ttsecc { position:relative; margin: 0px; padding: 0px; width:100%; height:180px; text-align:center; background: url(site_movie/bg_tt_secc.jpg) center center no-repeat #cccccc; z-index: 9;} 
	.ms_ttsecc h1 { position: relative; margin: 0px auto 0px auto; padding: 80px 0px 0px 0px; width:80%; max-width:1024px; height: auto; font-family: 'Cinzel'; font-size: 50px; text-align: center; line-height:1.2em; letter-spacing: 0.08em; color:#ff0000; }

	
	.ms_sinop { position:relative; margin: 0px; padding: 0px 0px 0px 0px; width:100%; text-align:center; background-color: #f2f2f2; z-index:1; }
	.ms_sinop p { position: relative; margin: 0px auto 0px auto; padding: 30px 0px 40px 0px; width:80%; max-width:1280px; height: auto; font-family: 'Raleway'; font-size: 28px; text-align: justify; line-height:1.2em; letter-spacing: 0.08em; color:#000000; }


	._pics { display: grid; grid-template-columns: auto auto auto auto; justify-content: space-evenly; gap: 2px; padding: 2px; background-color: #f2f2f2; }
	._pics div { padding:0px; overflow: hidden; cursor: pointer; }
	._pics div.p1 { grid-column: 1 / span 2; grid-row: 1; }
	._pics div.p2 { grid-column: 3 / span 2; grid-row: 1 / span 2; }
	._pics div.p3 { grid-column: 1 / span 2; grid-row: 2; }
	._pics div.p4 { grid-column: 1; grid-row: 3; }
	._pics div.p5 { grid-column: 2; grid-row: 3; }
	._pics div.p6 { grid-column: 3 / span 2; grid-row: 3; }
	._pics div.p7 { grid-column: 1 / span 2; grid-row: 4; }
	._pics div.p8 { grid-column: 3; grid-row: 4; }
	._pics div.p9 { grid-column: 4; grid-row: 4; }
	._pics div.p10 { grid-column: 1; grid-row: 5; }
	._pics div.p11 { grid-column: 2; grid-row: 5; }
	._pics div.p12 { grid-column: 3 / span 2; grid-row: 5; }
	._pics div img { object-fit: cover; width:100%; height:100%; opacity: 0.9; filter: alpha(opacity=90); }
	._pics div img:hover { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;
	transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 1.0; filter: alpha(opacity=100); }
	.g_slides { position:absolute; top:50%; left:0; right:0; margin:0px auto 0px auto; width:auto; height:100%; max-height:500px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:98; }



	._poster { display: grid; grid-template-columns: auto auto auto auto; justify-content: space-evenly; gap: 2px; padding: 2px; background-color: #f2f2f2; }
	._poster div { padding:0px; overflow: hidden; }
	._poster div img { position: relative; object-fit: cover; width:100%; height:100%; opacity: 0.9; filter: alpha(opacity=90); }
	._poster div img:hover { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;
	transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 1.0; filter: alpha(opacity=100); }



	.ms_cast { display: grid; grid-template-columns: auto auto auto auto auto; justify-content: space-evenly; gap: 2px; padding: 2px; background-color: #f2f2f2; }
	.tiles { margin: 0px; padding:0px; background-color: #f2f2f2; font-family: 'Cinzel'; font-size: 20px; }
	.tiles .tile { position: relative; display: block; text-align: left; overflow: hidden; opacity: .99; }
	.tiles .tile:before {content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.6) 100%); transition-property: top, opacity; transition-duration: 0.3s; opacity: 0; z-index: 2; }
	.tiles .tile img { display: block; object-fit: cover; width:100%; height:100%; /*backface-visibility: hidden;*/ }
	.tiles .tile .details { position: absolute; bottom: 0; left: 0; padding: 0px 0px 20px 20px; font-size: 16px; z-index: 3; }
	.tiles .tile .details span { position: relative; top: 100px; display: block; opacity: 0; transition-property: top, opacity; transition-duration: 0.3s; transition-delay: 0s; }
	.tiles .tile .details .title { line-height: 1; font-weight: 500; font-size: 18px; color: #ffffff; }
	.tiles .tile .details .info { line-height: 1.2; margin-top: 5px; font-size: 12px; color: #dfdfdg; }
	.tiles .tile:focus:before, .tiles .tile:focus span, .tiles .tile:hover:before, .tiles .tile:hover span { opacity: 1; }
	.tiles .tile:focus:before, .tiles .tile:hover:before { top: 50%; }
	.tiles .tile:focus span, .tiles .tile:hover span { top: 0; }
	.tiles .tile:focus .title, .tiles .tile:hover .title { transition-delay: 0.15s; }
	.tiles .tile:focus .info, .tiles .tile:hover .info { transition-delay: 0.25s; }

	.b_slides { position: absolute; top: 50%; width:100%; transform: translate(0, -50%); color: #000000; }
	.b_slides h1 { position: relative; margin: 0px 0px 0px 0px; padding: 0px 100px 0px 460px; width:100%; font-family: 'Cinzel'; font-size: 40px; font-weight:500; text-align: left; color: #ff0000; z-index:9; }
	.b_slides h2 { position: relative; margin: 0px 0px 20px 0px; padding: 0px 100px 0px 460px; width:100%; font-family: 'Cinzel'; font-size: 30px; font-weight:500; text-align: left; color: #666666; z-index:9; }
	.b_slides h3 { position: relative; margin: 0px 0px 10px 0px; padding: 0px 100px 0px 460px; width:100%; font-family: 'Cinzel'; font-size: 20px; font-weight:500; color: #000000; z-index:9; }
	.b_slides p { position: relative; margin: 0px 0px 10px 0px; padding: 0px 100px 0px 460px; width:100%; font-family:'Raleway'; font-size: 16px; line-height:1.2em; z-index:9; }
	.b_slides p span { font-style: italic; font-weight:500; }
	.b_slides_bio { position: absolute; top: 50%; left:0px; width:450px; height:450px; max-width:50%; transform: translate(0, -50%); box-shadow: 0px 0px 60px 40px #f2f2f2 inset; z-index:-1; }




	.ms_estreno { position:relative; margin: 0px; padding:40px 0px 40px 0px; width:100%; min-height:200px; text-align:center; background-color: #000000; }
	.ms_estreno h1 { position: relative; margin: 0px auto 20px auto; padding: 0px; width:80%; height: auto; font-family: 'Cinzel'; font-size: 28px; text-align: center; line-height:1.2em; letter-spacing: 0.08em; color:#ffffff; }

	.ms_estreno ul { margin:0px auto 0px auto; padding:0px; width:80%; }
	.ms_estreno li { display: inline-block; list-style:none; margin: 0px 10px 0px 10px; padding:5px 0px; font-family: 'Raleway'; font-size:24px; text-align:center; line-height:1.2em;  letter-spacing:0.08em; color:#ffffff; }
	.ms_estreno li span { color:#999999; }
	.ms_estreno img { position: relative; margin: 0px auto 0px auto; width:100%; height: auto; max-width:0px; }



	
	

	._trailer { position:relative; margin: 0px; padding:0px 0px 0px 0px; width:100%; min-height:600px; text-align:center; }


		div._trailers { position: absolute; top:50%; right: 0; bottom: 0; left:0; margin: 0px auto 0px auto; padding: 0px; width:100%; text-align: center; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 90; }
		div._trailers iframe { margin:0px; padding: 0px; width:560px; height:315px; }



		.ms_prev, .ms_next { cursor: pointer; position:absolute; top: 50%; width:98px; height:68px; margin-top: -34px; transition: 0.6s ease; background-color: rgba(255,0,0,0.5); z-index:90;  }
		.ms_prev { left: 0px; padding: 10px 20px 10px 30px; border-radius: 0px 10px 10px 0px; }
		.ms_next { right: 0px; padding: 10px 30px 10px 20px; border-radius: 10px 0px 0px 10px; }
		.ms_prev img, .ms_next img { width:48px; height: 48px; }
		.ms_prev:hover, .ms_next:hover { background-color: rgba(255,0,0,1); }
		.ms_prev:hover img {  }
		.ms_next:hover img { }

		.ms_dots { position: absolute; bottom: 90px; width:100%; min-height:15px; transition: 0.6s ease; text-align: center; z-index:89; }
		.ms_dot {  cursor: pointer; display: inline-block; margin: 0px 5px 0px 5px; width: 14px; height: 14px; background-color: rgba(255,0,0,0.8); -o-border-radius: 7px; -ms-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
		.ms_dot:hover { background-color: rgba(255,0,0,0.6); }
		.ms_active { background-color: rgba(255,0,0,1); }

		.ms_close { cursor: pointer; position: absolute; top:0; margin: 10px 10px auto auto; padding: 10px; width: 48px; height:48px; transition: 0.6s ease; right:0; border-radius: 10px;  background-color: rgba(255,0,0,0.5); z-index:99; }
		.ms_close img { width: 100%; height:auto; }
		.ms_close:hover { background-color: rgba(255,0,0,1); }

/* --- AJUSTE PREGUNTAS --- */
	._preguntas { position:relative; margin: 0px; padding:40px 0px 40px 0px; width:100%; min-height:200px; text-align:center; background-color: #ffffff;

		background-position: center center;
		background-repeat: no-repeat;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;



}
	._preguntas h1 { position: relative; margin: 0px auto 20px auto; padding: 0px; width:80%; height: auto; font-family: 'Cinzel'; font-size: 36px; text-align: center; line-height:1.2em; letter-spacing: 0.08em; color:#333333;  }
	._preguntas ul { margin:0px auto; padding: 0px; width: 100%; max-width: 1280px; text-align: center; }
	._preguntas ul li { display:inline-block; margin: 0px 5px; padding: 6px 10px; min-width: 100px;  font-family: 'Cinzel'; font-size: 14px; font-weight: 600; letter-spacing: 0.1em; text-align: center; background-color: #ffffff; border: 2px solid transparent; /* box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.05);*/ border-radius: 6px; cursor: pointer; transition: all 0.8s ease; }

	._preguntas ul li._happier { color:#FFC000; border: 2px solid #FFC000; }
	._preguntas ul li._relationships { color:#DF5C50; border: 2px solid #DF5C50;}
	._preguntas ul li._success { color:#4474A5; border: 2px solid #4474A5;}
	._preguntas ul li._money { color:#90B476; border: 2px solid #90B476; }
	._preguntas ul li._health { color:#9966FF; border: 2px solid #9966FF;}
	._preguntas ul li._teens { color:#1EA9AD; border: 2px solid #1EA9AD;}
	._preguntas ul li._kids { color:#DF9B4B; border: 2px solid #DF9B4B;}

	._preguntas ul li._happier:hover, ._preguntas ul li._happier._active { color:#ffffff; background-color: #FFC000; border: 2px solid #d6a000; }
	._preguntas ul li._relationships:hover, ._preguntas ul li._relationships._active { color:#ffffff; background-color: #DF5C50; border: 2px solid #ba2e21;}
	._preguntas ul li._success:hover, ._preguntas ul li._success._active { color:#ffffff; background-color: #4474A5; border: 2px solid #154575;}
	._preguntas ul li._money:hover, ._preguntas ul li._money._active { color:#ffffff; background-color: #90B476; border: 2px solid #5a8937; }
	._preguntas ul li._health:hover, ._preguntas ul li._health._active { color:#ffffff; background-color: #9966FF; border: 2px solid #5825bc;}
	._preguntas ul li._teens:hover, .active { color:#ffffff; background-color: #1EA9AD; border: 2px solid #08787a;}
	._preguntas ul li._kids:hover, ._preguntas ul li._kids._active { color:#ffffff; background-color: #DF9B4B; border: 2px solid #af6611;}

	.reveal_q { display: none; margin: 0px auto; padding: 0px; width: 100%; max-width: 1280px;  text-align: center; }
	.reveal_q p { margin: 40px 0px; padding: 0px; text-align: center; font-family: 'Cinzel'; font-size: 26px; font-weight: 500; color:#333333; line-height: 1.0em;  animation: _reveal_q 1s; }
	.reveal_q p em { font-weight: 700; }
	.reveal_q img { margin: 0px auto; width: 100%; max-width: 980px; height: auto; animation: _reveal_q 5s; }

	@keyframes _reveal_q {
	  0%   { opacity: 0;}
	  100% { opacity: 1;}
	}



/* --- AJUSTE MEMORAMA --- */
	._memorama { position:relative; margin: 0px; padding:40px 0px 0px 0px; width:100%; min-height:200px; text-align:center; background-color: #ffffff; }
	._memorama h1 { position: relative; margin: 0px auto 20px auto; padding: 0px; width:80%; height: auto; font-family: 'Cinzel'; font-size: 36px; text-align: center; line-height:1.2em; letter-spacing: 0.08em; color:#333333;  }



@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1336px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1112px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 980px) {
}
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 940px) {
}
@media only screen and (max-width: 834px) {
	._tt p, ._cast p, ._sinop p, .dates, .dates ul, .social, ._trailer p { width:96%; }
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
	._tt p img { width: 80%; height: auto; max-width: 600px; }

	.parallax-window {
		min-height: 500px;
		background: transparent;
	}
	.parallax-window2 {
		min-height: 400px;
		background: transparent;
	}

	.parallax-window3 {
		min-height: 600px;
		background: transparent;
	}

	.g_slides {  width:70%; height:auto;  }


	._trailer { position:relative; margin: 0px; padding:0px 0px 100px 0px; width:100%; min-height:350px; text-align:center; }
	div._trailers iframe { margin:0px; padding: 0px; width:560px; height:315px; }

}
@media only screen and (max-width: 750px) {
}
@media only screen and (max-width: 720px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
	._trailer p iframe { width: 480px; height: 270px; }
}
@media only screen and (max-width: 620px) {
}
@media handheld, only screen and (max-height: 570px), only screen and (max-device-height: 570px) and (orientation:landscape) {
}

@media only screen and (max-width: 568px) {

	.parallax-window {
		min-height: 300px;
		background: transparent;
	}
	.parallax-window2 {
		min-height: 300px;
		background: transparent;
	}

	.parallax-window3 {
		min-height: 400px;
		background: transparent;
	}

	.ms_sinop { width:100%; }
	.ms_sinop h1 { font-size: 30px; }
	.ms_sinop p { font-size: 20px; }

	.ms_cast { width:100%; }
	.ms_cast h1 { font-size: 30px; }
	.ms_cast p { font-size: 20px; }
	.ms_cast p span { }
	.ms_cast p span strong { min-width:120px; }

	.ms_estreno { width:100%; }
	.ms_estreno h1 { font-size: 30px; }
	.ms_estreno ul { width:100%; }
	.ms_estreno li { font-size:20px; }

	._poster { width:100%; }
	._poster h1 { font-size: 30px; }
	._poster p { font-size: 20px; }

	._pics { width:100%;  }
	._pics h1 { font-size: 30px; }
	._pics li img { width:100px; height:auto; }

	.g_slides {  width:80%; height:auto;  }



	._trailer { position:relative; margin: 0px; padding:0px 0px 100px 0px; width:100%; min-height:280px; text-align:center; }
	div._trailers iframe { margin:0px; padding: 0px; width:400px; height:225px; }



	.ms_prev, .ms_next { width:49px; height:34px; margin-top: -17px; }
	.ms_prev { left: 0px; padding: 5px 10px 5px 15px; border-radius: 0px 5px 5px 0px; }
	.ms_next { right: 0px; padding: 5px 15px 5px 10px; border-radius: 5px 0px 0px 5px; }
	.ms_prev img, .ms_next img { width:24px; height: 24px; }


}
@media only screen and (max-width: 480px) {




	._trailer { position:relative; margin: 0px; padding:0px 0px 100px 0px; width:100%; min-height:240px; text-align:center; }
	div._trailers iframe { margin:0px; padding: 0px; width:320px; height:180px; }


}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {

	.ms_next, .ms_prev {  display: none; }

	div._trailers iframe { margin:0px; padding: 0px; width:280px; height:158px; }

}
@media only screen and (max-width: 320px) {
	._trailer p iframe { width: 280px; height: 158px; }
}