body{ margin:0px; padding: 0px; background-color: #000000; font-family: 'Raleway'; font-weight:500; 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: 800px;
		background: transparent;
	}
	.parallax-window2 {
		margin: 0px;
		padding: 0px;
		min-height: 800px;
		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; }


	.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: 20% auto; width: 100%; height: auto; max-width: 800px; }


	.ms_sinop { position:relative; margin: 0px; padding: 40px 0px 40px 0px; width:100%; text-align:center; background-color: #01010c; border:0px solid #F10D05; }
	.ms_sinop h1 { position: relative; margin: 0px auto 20px auto; padding: 0px; width:80%; height: auto; font-family: 'Nunito Sans'; font-weight: 500; text-transform: uppercase; font-size: 40px; text-align: center; line-height:1.2em; letter-spacing: 0.02em; color:#ffffff; }
	.ms_sinop p { position: relative; margin: 0px auto 0px auto; padding: 0px; width:80%; height: auto; font-family: 'Raleway'; font-size: 28px; text-align: center; line-height:1.2em; letter-spacing: 0.08em; color:#f10d05; }


	.ms_cast { position:relative; margin: 0px; padding: 40px 0px 40px 0px; width:100%; text-align:center; background-color: #01010c; border:0px solid #F10D05; }
	.ms_cast h1 { position: relative; margin: 0px auto 20px auto; padding: 0px; width:80%; height: auto; font-family: 'Nunito Sans'; font-weight: 500; text-transform: uppercase; font-size: 40px; text-align: center; line-height:1.2em; letter-spacing: 0.02em; color:#ffffff; }
	.ms_cast p { position: relative; margin: 0px auto 0px auto; padding: 0px; width:80%; height: auto; font-family: 'Raleway'; font-size: 28px; text-align: left; line-height:1.2em; letter-spacing: 0.1em; color:#f10d05; }
	.ms_cast p span { margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
	.ms_cast p span strong { min-width:160px; padding-right: 15px; display: inline-block; color: #ffffff;  }

	.ms_bio { position:relative; margin: 0px; padding: 40px 0px 40px 0px; width:100%; text-align:center; background-color: #01010c; border:0px solid #F10D05; }
	.ms_bio h1 { position: relative; margin: 0px auto 20px auto; padding: 0px; width:80%; height: auto; font-family: 'Nunito Sans'; font-weight: 500; text-transform: uppercase; font-size: 40px; text-align: center; line-height:1.2em; letter-spacing: 0.02em; color:#ffffff; }
	.b_slides { position: relative; width:100%; min-height:500px; background-size: 100% auto; background-position: top center; background-repeat: no-repeat; }
	
	.b_slides_bio {position: absolute; bottom: 0px; margin:0px auto; width: 100%; background: linear-gradient(0deg, #F8993B 0%, transparent 60%); }
	.b_slides h2 { position: relative; margin: 0px auto 0px auto; padding: 0px 100px 0px 100px; width: 100%; font-family: 'Nunito Sans'; font-size: 50px; text-align: center; line-height:1.2em; letter-spacing: 0.1em; color:#f10d05; text-shadow: 1px 1px 2px #000000; z-index:9; }
	.b_slides h3 { position: relative; margin: 0px auto 20px auto; padding: 0px 100px 0px 100px; width: 100%; font-family: 'Nunito Sans';  text-transform: uppercase; font-size: 20px; text-align: center; line-height:1.2em; letter-spacing: 0.08em; color:#fefefe; text-shadow: 0px 1px 2px #000000; z-index:9; }
	.b_slides p { position: relative; margin: 0px auto 0px auto; padding: 0px 100px 100px 100px;  width: 100%; font-family: 'Raleway'; font-size: 20px; font-weight:500; text-align: center; line-height:1.1em; letter-spacing: 0.08em; color:#ffffff; text-shadow: 0px 2px 2px #000000; z-index:9; }

	.ms_estreno { position:relative; margin: 0px; padding:40px 0px 40px 0px; width:100%; text-align:center; background-color: #01010c; border:0px solid #F10D05; }
	.ms_estreno h1 { position: relative; margin: 0px auto 20px auto; padding: 0px; width:80%; height: auto; font-family: 'Nunito Sans'; font-weight: 500; text-transform: uppercase; font-size: 40px; text-align: center; line-height:1.2em; letter-spacing: 0.02em; 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 20px; font-family: 'Raleway'; font-size:28px; text-align:center; line-height:1.2em;  letter-spacing:0.08em; color:#ffffff; }
	.ms_estreno li span { color:#f10d05; }
	.ms_estreno img { position: relative; margin: 0px auto 0px auto; width:100%; height: auto; max-width: 400px; }

	/* -- botones cines -- */
	._en_cines_micrositio ._cont_digital_btn { padding: 6px 10px 6px 10px; min-width: 120px; height: 36px; text-align: center; font-size: 24px; line-height: 24px; color: #ffffff; background-color: #ff6600; border: 1px solid #ff9900; border-radius: 3px; font-family: 'Nunito Sans'; font-weight: 500; cursor: pointer; }
	._en_cines_micrositio ._cont_digital_btn:hover { background-color: #ff9900; border: 1px solid #ff0000; }


	._poster { position:relative; margin: 0px; padding: 40px 0px 40px 0px; width:100%; text-align:center; background-color: #01010c; border:0px solid #F10D05; }
	._poster h1 { position: relative; margin: 0px auto 20px auto; padding: 0px; width:80%; height: auto; font-family: 'Nunito Sans'; font-weight: 500; text-transform: uppercase; font-size: 40px; text-align: center; line-height:1.2em; letter-spacing: 0.02em; color:#ffffff;  }
		._poster p { position: relative; margin: 30px auto 0px auto; padding: 0px; width:80%; font-family: 'Roboto'; font-size: 30px; font-weight: 300; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.4); line-height:1.2em; color:#fff231; }
		._poster p img { margin: 0px auto 10px auto; width: auto; height:280px; box-shadow: 0px 0px 20px rgba(255,255,255,0.15); }
		._poster p img:hover { box-shadow: 0px 0px 20px rgba(255,255,255,0.45); transition: 0.6s ease; }

	.poster_d { position: relative; margin: 0px 20px 10px 20px; height: 280px; width: auto; cursor: pointer; }
	.poster_d:hover { box-shadow: 0px 0px 20px rgba(255,255,255,0.45); transition: 0.6s ease; }


	._pics { position:relative; margin: 0px; padding:40px 0px 40px 0px; width:100%; min-height:340px; text-align:center; background-color: #01010c; border:0px solid #F10D05; }
	._pics h1 { position: relative; margin: 0px auto 20px auto; padding: 0px; width:80%; height: auto; font-family: 'Nunito Sans'; font-weight: 500; text-transform: uppercase; font-size: 40px; text-align: center; line-height:1.2em; letter-spacing: 0.02em; color:#ffffff;  }

	._pics ul { margin: 0px auto 0px auto; padding:0px; width:100%; max-width:1024px; text-align:center; }
	._pics li { display:inline-block; margin: 5px 5px 5px 5px; padding:0px; text-align:center; cursor:pointer; }
	._pics li img { width:150px; height:auto; opacity: 0.8; filter: alpha(opacity=80); }
	._pics li img:hover { opacity: 1.0; filter: alpha(opacity=100); }

	.g_slides { position:absolute; top:50%; left:0; right:0; margin:0px auto 0px auto; width:100%; height:auto; max-width:1024px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:98; }



	._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; }

	._trailer_ae { position:relative; margin: 0px; padding:0px 0px 0px 0px; width:100%; min-height:850px; text-align:center; }
		.video_oficial { position: absolute; top:50%; right: 0; bottom: 0; left:0; margin: 0px auto 0px auto; padding: 0px; width:80%; max-width:1024px; text-align: center; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 900;}


	._plus { position:relative; margin: 0px; padding: 40px 0px 40px 0px; width:100%; text-align:center; background-color: #01010c; border:0px solid #F10D05; }
	._plus h1 { position: relative; margin: 0px auto 20px auto; padding: 0px; width:80%; height: auto; font-family: 'Nunito Sans'; font-weight: 500; text-transform: uppercase; font-size: 40px; text-align: center; line-height:1.2em; letter-spacing: 0.02em; color:#ffffff; }
	._plus p { position: relative; margin: 0px auto 0px auto; padding: 0px; width:80%; height: auto; font-family: 'Raleway'; font-size: 22px; text-align: center; font-weight:600; line-height:1.2em; letter-spacing: 0.08em; color:#f10d05; }
	._plus input[type=text], ._plus input[type=email] { margin: 10px auto 10px auto; padding:2px 10px 2px 10px; width:350px; height:40px; font-family:'Raleway'; font-size:24px; font-weight:400; color:#f10d05; text-align:left; background-color:rgba(255,255,255, 0.3); border:2px solid #f10d05; border-radius:6px;-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 12px 2px rgba(6,16,72,0); box-shadow: 0px 10px 13px -7px #000000, 0px 0px 12px 2px rgba(6,16,72,0); }
	._plus input[type=button] { margin: 10px auto 0px auto; padding:2px 10px 2px 10px; width:180px; height:35px; font-family:'Raleway'; font-size:24px; font-weight:400; color:rgba(255,255,255,0.7); text-align: center; background-color:#f10d05; border:2px solid #f10d05; border-radius:6px; -webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 12px 2px rgba(6,16,72,0); box-shadow: 0px 10px 13px -7px #000000, 0px 0px 12px 2px rgba(6,16,72,0);}
	._plus input[type=button]:hover { color:#f10d05; text-align:center; background-color:rgba(255,255,255,0.3); }
	._plus span { position: relative; margin: 0px auto 0px auto; padding: 0px; width:80%; height: auto; font-family: 'Raleway'; font-size: 12px; text-align: center; line-height:1.2em; letter-spacing: 0.08em; color:#000000; }
	._plus span a { color:#333333; font-weight: 600; text-decoration:none; }	


	._plus_micrositio ._plus_btn { min-width:250px; background-color: #ff6600; border:1px solid #ff9900; font-family: 'Raleway'; font-size: 24px; letter-spacing: 0.08em; }
	._plus_micrositio ._plus_btn:hover { background-color: #ff9900; border:1px solid #ff3300; }
	
	
	
	
	
	
	._plus_micrositio ._plus_btn { min-width:250px; background-color: #ff6600; border:1px solid #ff9900; font-family: 'Nunito Sans'; font-weight: 500; font-size: 18px; }
	._plus_micrositio ._plus_btn:hover { background-color: #ff9900; border:1px solid #ff3300; }


		.ms_prev, .ms_next { cursor: pointer; position:absolute; top: 50%; width:98px; height:68px; margin-top: -34px; transition: 0.6s ease; background-color: rgba(245, 13, 5, 0.8); border:1px solid #f10d05; z-index:90;  }
		.ms_prev { left: 0px; padding: 10px 20px 10px 30px; border-radius: 0px 10px 10px 0px; border-left:transparent; }
		.ms_next { right: 0px; padding: 10px 30px 10px 20px; border-radius: 10px 0px 0px 10px; border-right:transparent;  }
		.ms_prev img, .ms_next img { width:48px; height: 48px; }
		.ms_prev:hover, .ms_next:hover { background-color: rgba(245, 13, 5, 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(59, 60, 54, 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(59, 60, 54, 1); }
		.ms_active { background-color: rgba(255,255,255,0.8); }

		.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: 3px;background-color: rgba(59, 60, 54, 0.8); border:1px solid #000000;  z-index:99; }
		.ms_close:hover { background-color: rgba(59, 60, 54, 1); }
		.ms_close img { width: 100%; height:auto; }




@media only screen and (max-width: 1440px) {
	.b_slides { min-height:720px; }
}
@media only screen and (max-width: 1336px) {
	.b_slides { min-height:668px; }
}
@media only screen and (max-width: 1280px) {
	.b_slides { min-height:620px; }
}
@media only screen and (max-width: 1112px) {
	.b_slides h2 { width: 100%; font-size: 60; }
	.b_slides h3 { width: 100%; font-size: 24px; }
	.b_slides p { width: 100%; font-size: 24px; }
}
@media only screen and (max-width: 1024px) {
	.b_slides { min-height:512px; }
	.b_slides p { padding: 0px 100px 50px 100px; }
}
@media only screen and (max-width: 980px) {
	.b_slides { min-height:490px; } 
}
@media only screen and (max-width: 960px) {
	.b_slides { min-height:480px; }
}
@media only screen and (max-width: 940px) {
	.b_slides { min-height:470px; }
}

@media only screen and (max-width: 834px) {
	._tt p, ._cast p, ._sinop p, .dates, .dates ul, .social, ._trailer p { width:96%; }
	
	.b_slides { min-height:460px; }
	/*.b_slides_bio {position: absolute; top: 0px; margin:0px auto; width: 100%;}*/
	.b_slides h2 { margin: 0px auto 0px auto; width: 100%; font-size: 50px; text-align: center; }
	.b_slides h3 { margin: 0px auto 0px auto; width: 100%; font-size: 20px; text-align: center; }
	.b_slides p { margin: 0px auto 0px auto; width: 100%; font-size: 20px; text-align: center; }
}
@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;  }
	
	.b_slides { min-height:400px; }
	.b_slides p { padding: 0px 80px 20px 80px; }

	._trailer_ae { position:relative; margin: 0px; padding:0px 0px 0px 0px; width:100%; min-height:500px; text-align:center; }
		.video_oficial { position: absolute; top:25%; right: 0; bottom: 0; left:0; margin:auto; padding: 0px; width:100%; max-width:480px; text-align: center; transform: translate(0%, 0%); z-index: 900;}
		.video_oficial video { width: 100%; 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) {
	
	.b_slides { min-height:375px; }
	/*.b_slides_bio {position: absolute; top: 250px; margin:0px auto; width: 100%;}*/
	.b_slides h2 {font-size: 40px; }
	.b_slides h3 { font-size: 18px; }
	.b_slides p { font-size: 18px; }
	
	
}
@media only screen and (max-width: 640px) {
	._trailer p iframe { width: 480px; height: 270px; }
	.b_slides { min-height:360px; }
}
@media only screen and (max-width: 620px) {
	.b_slides { min-height:350px; }
}
@media handheld, only screen and (max-height: 570px), only screen and (max-device-height: 570px) and (orientation:landscape) {
	.b_slides { min-height:310px; }
}

@media only screen and (max-width: 570px) {
	.b_slides { min-height:310px; }
	
}

@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_bio h1 {font-size: 30px; }
	.b_slides h2 { font-size: 30px; }
	.b_slides h3 { font-size: 16px; }
	.b_slides p { font-size: 16px; }

	.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; }
	
	.b_slides { min-height:250px; }
	/*.b_slides_bio {position: absolute; top: 290px; margin:0px auto; width: 100%;}
	.b_slides h2 { font-size: 30px; }
	.b_slides h3 { font-size: 14px; }
	.b_slides p { font-size: 14px; }*/


}
@media only screen and (max-width: 414px) {
	.b_slides { min-height:200px; }
	.b_slides_bio {position: absolute; top: 100px; margin:0px auto; width: 100%;}
	
}
@media only screen and (max-width: 375px) {

	div._trailers iframe { margin:0px; padding: 0px; width:280px; height:158px; }
	
	.b_slides_bio {position: absolute; top: 70px; margin:0px auto; width: 100%;}

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