
/*RESET*/
	body { overflow-y: auto; /* min-width: auto; */ }  
	.header { position: relative; } 
	
/*CONTAINER*/
	.cinema-shopping {font-family:'din_black';text-transform:uppercase;color:#908c1e;font-size:36px;padding:20px;border-bottom:1px solid #eee;margin-bottom:50px;text-align-last:center;margin-top:10px;}
	
	#cinema2 { color: #fff; font-size: 15px; line-height: 17px; background-color: #171717; width: 100%; text-transform:uppercase!important; }
	#cinema2 h1, #cinema2 h2, #cinema2 h3, #cinema2 h4 { text-transform: uppercase; }

	#cinema2 .cinema_container { clear: both; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
	#cinema2 .cinema_titulo { font-size: 77px; line-height: 85px; margin-bottom: 12px; letter-spacing: -4px;}
	#cinema2 .cinema_sub { text-transform: uppercase; margin-bottom: 44px; }
	#cinema2 .cor1 { color: #b1795f; }
	#cinema2 .cor2 { color: #c28b34; }

	#cinema2 .cinema_data { border-bottom: 1px solid #3d3d3d; padding: 20px 0px; margin-bottom: 44px; min-height: 70px; }
	#cinema2 .cinema_data li * { color: #ccc; }
	#cinema2 .cinema_data li { display: inline-block; vertical-align:  top; text-align: center; cursor: pointer;width:14.28%;position:relative;}
	#cinema2 .cinema_data li:hover { opacity: 0.9; }
	#cinema2 .cinema_data li.active * { color: #908c1e; }
	#cinema2 .cinema_data li.active h2 {font-size:40px;}
	#cinema2 .cinema_data li.active:before {content:'';width:100%;height:12px;position:absolute;top:-30px;left:0;background-image:url(https://upload.madnezz.com.br/8f149f7a76b065b090191ff39962a355);background-repeat:no-repeat;background-position:center;}
	#cinema2 .cinema_data li h2 {font-size: 30px; line-height: 32px; }
	#cinema2 .cinema_data li span { letter-spacing: 1px; padding-top: 15px; display: block; }

	#cinema2 .cinema_col {  width: 100%;}
	#cinema2 .cinema_col>div { display: block; vertical-align: top; }
	#cinema2 .cinema_col>div.cinema_col1 { padding-right: 20px; }
	#cinema2 .cinema_col>div.cinema_col2 { width: 100%; }
	#cinema2 .bloco_titulo { text-transform: uppercase; margin-bottom: 25px;}
	#cinema2 .filtros .bloco_titulo  { margin-bottom: 20px; text-align:center;font-family:Calibri;font-size:34px;font-weight:400;letter-spacing:10px; }
	
	#cinema2 .filtros input[type=checkbox] { vertical-align: middle;  margin-top: -2px; width:20px;height:20px;margin-right:10px;}
	#cinema2 .filtros label { cursor:pointer; line-height: 43px; }
	#cinema2 .filtros label:hover { opacity: 0.9; }

	#cinema2 .cinema_filmes li:first-child {margin-top:20px;padding-top:0; }  
	#cinema2 .cinema_filmes li { width: 100%; display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:70px 0;border-bottom:1px solid #eee;  }
	#cinema2 .cinema_filmes li:last-child {border:none;}
	#cinema2 .cinema_filmes li>* { display: table-cell; height: auto; vertical-align: top; position:relative;}
	#cinema2 .cinema_filmes li>img { width: 100%;position:relative; }
	#cinema2 .cinema_filmes li>div { padding:0 0 0 5%; width: 80%; }
	#cinema2 .cinema_filmes li>div:before {content:'';width:1px;height:100%;left:3.5%;top:0;position:absolute;background:#eee;}
	
	#cinema2 .filme_head { overflow:visible;}
	#cinema2 .filme_titulo {float: left;}
	#cinema2 .filme_titulo p { padding-bottom:10px;font-family:'din_black';text-transform:uppercase;color:#908c1e;font-size:50px;line-height:50px;font-weight:100;letter-spacing:-3px; }
	#cinema2 .filme_btn { float:left;width:100%; }
	#cinema2 .filme_btn p:before {content:'';left:-50px;top:-5px;width:35px;height:36px;background-image:url(https://upload.madnezz.com.br/f18e49b5a48a5215e195dea5acf31afd);background-size:100%;background-repeat:no-repeat;position:absolute;}
	#cinema2 .filme_btn p { display: inline-block; vertical-align: top; text-align: center; padding-left:0;cursor:pointer;font-size:20px;font-family:'din_black';text-transform:uppercase;font-weight:100;margin:30px 0;letter-spacing:-1px;color:#000;position:relative;}
	
	
	#cinema2 .valores_btn { float:left;width:100%; }
	#cinema2 .valores_btn p:before {content:'';left:-50px;top:-5px;width:35px;height:36px;background-image:url(img/valor.png);background-size:100%;background-repeat:no-repeat;position:absolute;}
	#cinema2 .valores_btn p { display: inline-block; vertical-align: top; text-align: center; padding-left:0;cursor:pointer;font-size:20px;font-family:'din_black';text-transform:uppercase;font-weight:100;margin-bottom:30px;;letter-spacing:-1px;color:#000;position:relative;}
	
	#cinema2 .filme_censura, #cinema2 .filme_genero, #cinema2 .filme_duracao { padding: 2px; padding-top: 0px; margin-right: 1px; font-size:18px;font-family:'din_black';font-weight:100;color:#908c1e;}
	#cinema2 .filme_censura span, #cinema2 .filme_genero span {font-family:Arial;font-weight:bold;}
	#cinema2 .filme_genero {color:#5a3f3f;}
	#cinema2 .filme_duracao {color:#908c1e;}
	
	#cinema2 .censL  { background-color: #208a00; } 
	#cinema2 .censLivre { background-color: #208a00; } 
	#cinema2 .cens10 { background-color: #ffc100; }
	#cinema2 .cens12 { background-color: #ffc100; }
	#cinema2 .cens14 { background-color: #ff7900; }
	#cinema2 .cens16 { background-color: #ff7900; }
	#cinema2 .cens18 { background-color: #111; }

	#cinema2 .filme_horarios>p { margin-bottom: 20px; }
	#cinema2 .filme_horarios b { color:#908c1e;font-family:'din_black';font-weight:100;font-size:36px; }
	#cinema2 .fhorario_btn a { text-align: center;  padding: 11px 10px; color:#000; display: inline-block; vertical-align: middle; margin-right: 10px; height: 20px; overflow: hidden;font-family:'Din';font-size:30px; }
	#cinema2 .fhorario_btn a span { padding: 0px; display: block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
	#cinema2 .fhorario_btn a span:nth-child(1) { margin-top: -70px; margin-bottom:55px; text-transform: uppercase;font-size:16px; }
	#cinema2 .fhorario_btn a:hover span:nth-child(1) { margin-top:0; }
	#cinema2 .filme_audio span, #cinema2 .filme_video {background-image:url(https://upload.madnezz.com.br/a5856696e0b574b0c3968df69915a6bd);background-size:87% 75%;background-repeat:no-repeat;background-position:center;background-color:#fff;color:#fff;font-family:'din_black';font-size:17px;padding:10px 15px;border:1px solid #000;margin:20px 10px 20px 0;}
	#cinema2 .filme_trailer img { margin-bottom: 6px; }
	#cinema2 .border {border:1px solid #fff;}
	#cinema2 .esquerda {float:left;margin-bottom:50px;}
	#cinema2 .direita {float:left;margin-top:-14px;}

	.trailer_container { position: fixed; z-index: 999999999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(64, 64, 64, 0.80); display: none;}
	.trailer_container .trailer_iframe { width: 60%; margin: 0 auto; padding-bottom: 33.8%; background-color: #000; position: relative; top: 50%; margin-top: -17%;}
	.trailer_container .trailer_iframe iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	.close_trailer { position: absolute; right: -1px; top: 0px; z-index: 99999; background-color: #000; padding: 12px; width: 15px; cursor: pointer;}
	
	.valores_container { position: fixed; z-index: 999999999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(64, 64, 64, 0.80); display: none;}
	.valores_container .valores_texto { width: 50%; padding:3%;margin: 0 auto; background-color: #fff;color:#000; position: relative; top: 45%; margin-top: -17%;max-height:55%;overflow:hidden auto;display:none;}
	.close_valores { position: absolute; right: -1px; top: 0px; z-index: 99999; background-color: #000; padding: 12px; width: 15px; cursor: pointer;color:#fff;font-size:25px;}
	
	/*AJUSTES COMPLEXO*/
	#cinema2 .filtros ul {margin:0 auto;width:800px;}
	#cinema2 .filtros ul li {float:left;width:160px;text-align:center;text-transform:uppercase;font-family:Calibri;font-size:15px;color:#686868;}
	.cinema_filmes {margin-top:80px;}
	#cinema2 { background-color: #fff; color: #000; }
	#cinema2 .cinema_data { border-bottom: 1px solid #eee; }
	
@media only screen and (max-width: 1800px){
	#cinema2 .filme_btn p:before, #cinema2 .valores_btn p:before {left:-48px;}
}	

@media only screen and (max-width: 1700px){
	#cinema2 .filme_btn p:before, #cinema2 .valores_btn p:before {left:-42px;width:30px;height:30px;}
}	

@media only screen and (max-width: 1500px){
	#cinema2 .filme_btn p:before, #cinema2 .valores_btn p:before {top:0;left:-33px;width:25px;height:25px;}
}	

@media only screen and (max-width: 1400px){
	#cinema2 .cinema_container { max-width: 940px; }
}

@media only screen and (max-width: 1200px){
	.cinema-shopping {font-size:24px!important;width:100%;padding:0 0 10px 0;margin-top:20px;}
	#cinema2 .cinema_data li {width:20%;}
	#cinema2 .cinema_data li:first-child {width:20%;text-align:center;}
	#cinema2 .filtros ul {width:100%;display:inline-flex;}
	#cinema2 .filtros input[type=checkbox] {width:100%;}
	#cinema2 .filtros .bloco_titulo {margin-bottom:10%;}
	#cinema2 .cinema_filmes li {padding:5% 0;}
	#cinema2 .filme_titulo p {font-size:30px;margin-top:5%;}
	#cinema2 .filme_horarios>p {margin:20% 0 5%;}
	#cinema2 .filme_horarios>p:first-child {margin-top:5%;}
	#cinema2 .fhorario_btn a {text-align:left;}
	.header {position:fixed;}
	#cinema2 .cinema_filmes li>div:before {left:0;}
	.valores_container .valores_texto {width:70%;padding:7%;top:25%;}
}

@media only screen and (max-width: 950px){
	#cinema2 .cinema_container { padding-left: 20px; padding-right: 20px; max-width: 500px; margin: 0 auto;} 
	#cinema2 .cinema_data li { margin-right: 10px; } 
	#cinema2 .cinema_col>div { display: block; width: 100%; }
	#cinema2 .cinema_col>div.cinema_col1.filtros { padding-bottom: 30px; }
	#cinema2 .cinema_col>div.cinema_col1.filtros br { display: none; }
	#cinema2 .cinema_col>div.cinema_col1.filtros label { margin-right: 15px; }
	#cinema2 .cinema_col>div.cinema_col2 { width: 100%; }
	#cinema2 .cinema_filmes li>div { width: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#cinema2 .cinema_filmes { max-width: 500px; margin: 0 auto;  }
	#cinema2 .cinema_filmes li>* { display: block; width: 100%; }
	#cinema2 .cinema_filmes li>img { width: 100%; }
	#cinema2 .fhorario_btn span { min-width: initial; padding: 7px 13px;  }
	#cinema2 .cinema_filmes li { margin-bottom: 40px; }
	#cinema2 .cinema_data { text-align: center; }
	.trailer_container .trailer_iframe { width:90%; margin: 0 auto; padding-bottom: 50%; background-color: #000; position: relative; top: 50%; margin-top: -17%;}

}

@media only screen and (max-width: 500px) {
	#cinema2 .cinema_data li h2 { font-size: 17px;  }
	#cinema2 .cinema_data li span { font-size: 14px;  }
}