#cinema2{ 
    display: flex;
    justify-content: center;
}
#cinema2 .cinema_data {
    min-height: 70px;
    padding: 40px 0;
    text-align: center;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #eee;
    margin-bottom: 35px;
}

#cinema2 .filtros {
    width:100%;
}
#cinema2 .filtros ul {
    padding: 0;
    margin-bottom: 30px;
}
#cinema2 .filtros ul li {
    text-transform: uppercase;
    font-size: 14px;
    display: block;
}
#cinema2 .filtros label {
    cursor: pointer;
    line-height: 40px;
    margin: 0;
}
#cinema2 .filtros label:hover { opacity: 0.9; }


#cinema2 .cinema_filmes {
    width: 100%;
    border-left: 1px solid #eee;
}

#cinema2 .fhorario_btn a {
    background: #00000033;
    color: var(--cor-cinza);
    text-align: center;
    border-radius: 5px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: 7px 13px 20px 0;
    padding: 0 10px;
    transition: all .5s ease;
}
#cinema2 .fhorario_btn a:hover {
    transform: scale(1.1);
    background: var(--cor-preto);
}
#cinema2 .fhorario_btn a:hover span{
    color: var(--cor-branco);
}

#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:7px; }

#cinema2 .filme_trailer {
    font-size: 12px;
    background: #00000033;
    color: var(--cor-preto);
    border-radius: 5px;
    padding: 5px 10px;
    transition: ease .5s all;
    width: fit-content;
    height: auto;
    margin: 15px 0 -18px;
    cursor: pointer;
}
#cinema2 .filme_trailer:hover {
    background: var(--cor-preto);
    color: var(--cor-branco);
    transform: scale(1.2);
}
.close_trailer {
    position: absolute;
    right: -1px;
    top: 0px;
    z-index: 99999;
    background-color: var(--cor-beje);
    cursor: pointer;
    width: 35px;
    padding: 8px;
    border-radius: 0 0 0 5px;
    transition: ease .5s all;
}
.close_trailer:hover {
    transform: scale(1.2);
}

@media only screen and ( max-width: 991px ){
    #cinema2 .filtros ul{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
    #cinema2 .filtros ul li{
        padding: 10px;
    }
    #cinema2 .filme_titulo h2 {
        font-size: 25px;
    }
}




















#cinema2.cinema-shopping {font-family:'din_black';text-transform:uppercase;color:#014e8e;font-size:36px;padding:20px;border-bottom:1px solid #eee;margin-bottom:50px;text-align-last:center;margin-top:10px;}
	
#cinema2 {  font-size: 15px; text-transform:uppercase!important;font-family:'FolioLtBTLight'; }
#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;}
#cinema2 .cinema_sub { text-transform: uppercase; margin-bottom: 44px; }
#cinema2 .cor1 { color: #b1795f; }
#cinema2 .cor2 { color: #c28b34; }


#cinema2 .cinema_data li * { color: #ccc; }
#cinema2 .cinema_data li { display: inline-block; vertical-align:  top; text-align: center; cursor: pointer;position:relative;}
#cinema2 .cinema_data li:hover { opacity: 0.9; }
#cinema2 .cinema_data li.active * { color: #005221; }
/* #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(../../img/icon/detalhe_data.png);background-repeat:no-repeat;background-position:center;}
#cinema2 .cinema_data li h2 {font-size: 36px; line-height: 32px; font-weight:bold;color:#8b8b8b;}
#cinema2 .cinema_data li span {padding-top: 15px; display: block; font-size:20px;}

#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: 24px;font-size:24px;font-weight:bold; }


#cinema2 .cinema_filmes li.active:first-child {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: 75%; }

#cinema2 .filme_head { overflow:visible;}
#cinema2 .filme_titulo {float: left;}
#cinema2 .filme_titulo p { padding-bottom:10px;font-weight:bold;text-transform:uppercase;color:#005221;font-size:24px;line-height:25px; }
#cinema2 .filme_titulo h2 {margin-bottom:10px;}
#cinema2 .filme_btn { float:left;width:100%; }
.rolo {width:80%;float:right;margin-top:-71px;}

#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;;color:#000;position:relative;}

#cinema2 .filme_horarios {margin-top:40px;}
#cinema2 .filme_censura, #cinema2 .filme_genero, #cinema2 .filme_duracao { padding:2px 3px;border-radius:2px;margin-right:5px;font-size:14px;font-family:'Arial';font-weight:600;color:#fff;background-color:red;letter-spacing:-1px;}
#cinema2 .filme_censura span, #cinema2 .filme_genero span {font-family:Arial;font-weight:bold;}
#cinema2 .filme_genero {color:#0077d8;}
#cinema2 .filme_duracao {color:#42a6f7;}
#cinema2 .audio {background-color:#a00000;color:#fff;padding:2px 4px;margin:0 5px 0 10px;font-size:12px;}
#cinema2 .video {background-color:#a00000;color:#fff;padding:2px 4px;margin:0 5px 0 0;font-size:12px;}
#cinema2 .filme_trailer:after {content:'';position:absolute;left:100%;top:-4px;margin-left:12px;width:26px;height:26px;background-image:url(../img/play.png);background-size:100%;}

#cinema2 .filme_horarios>p { margin-bottom: 20px; }
#cinema2 .filme_horarios b { color:#014e8e;font-family:'din_black';font-weight:100;font-size:36px; }


#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%; }

.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*/




@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){
#cinema .cinema_container { max-width: 1100px; }
.cinema_filmes {width:70.5%;}
}

@media only screen and (max-width: 950px){
#cinema2 {width:100%;}
#cinema .cinema_container {margin: 0 auto;} 
#cinema .cinema_data li { margin-right: 10px;margin-top:0;} 
#cinema .cinema_col>div { display: block; width: 100%; }
#cinema .cinema_col>div.cinema_col1.filtros { padding-bottom: 30px;text-align:center; padding-right:0;width:80%!important;}
#cinema .cinema_col>div.cinema_col1.filtros br { display: none; }
#cinema .cinema_col>div.cinema_col1.filtros label { margin-right: 30px; font-size:18px;}
#cinema .cinema_col>div.cinema_col2 { width: 100%; }
#cinema .cinema_filmes li>div { width: 95%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding:20px 0 0 0; }
#cinema .cinema_filmes { margin: 0 auto;width:100%;}
#cinema .cinema_filmes li>* { display: block; width: 100%; }
#cinema .cinema_filmes li>img { width: 50%; }
#cinema .cinema_filmes li { padding-top:0; }
#cinema .fhorario_btn span { min-width: initial; padding: 7px 13px;  }
#cinema .cinema_filmes li { margin-bottom: 50px; padding-bottom:0;}
#cinema .cinema_data { text-align: center; }
#cinema .filtros {width:90%!important;margin:0 auto;}
#cinema .filtros input[type=checkbox] {margin-top:-8px;width:20px;height:20px;margin-right:5px;}
.trailer_container .trailer_iframe { width:90%; margin: 0 auto; padding-bottom: 50%; background-color: #000; position: relative; top: 30%; margin-top: -17%;}
#cinema .filme_titulo span {font-size:18px;line-height:20px;margin-top:5px;display:inline-block;}
#cinema .filme_horarios>p {font-size:18px;line-height:20px;}
#cinema .filme_lang span {font-size:16px;line-height:20px;}
#cinema .fhorario_btn a span {font-size:20px;}
#cinema .fhorario_btn a span:nth-child(1) {font-size:20px;margin-top:-80px;}
#cinema .filme_btn p {font-size:16px;}
#cinema .filtro_dub {margin-right:0!important;}
}

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