body {
     overflow-y: auto
 }

 .header {
     position: relative
 }

 .cinema-shopping {
     font-family: 'din_black';
     text-transform: uppercase;
     color: #6d6f71;
     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 0;
     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: .9
 }

 #cinema2 .cinema_data li.active * {
     color: #6d6f71
 }

 #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/2905f3d66fa415af30e42d27cbc92b07);
     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: .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: #6d6f71;
     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/c8757dd57d8dcad37615ae0aaf46da14);
     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: 0;
     margin-right: 1px;
     font-size: 18px;
     font-family: 'din_black';
     font-weight: 100;
     color: #6d6f71;
 }

 #cinema2 .filme_censura span,
 #cinema2 .filme_genero span {
     font-family: Arial;
     font-weight: bold;
 }

 #cinema2 .filme_genero {
     color: #000000;
 }

 #cinema2 .filme_duracao {
     color: #6d6f71;
 }

 #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: #6d6f71;
     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: 0;
     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/a8e4a7f3189c1bcb99a457324dfa5f6b);
     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, .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: 0;
     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, .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: 0;
     z-index: 99999;
     background-color: #000;
     padding: 12px;
     width: 15px;
     cursor: pointer;
     color: #fff;
     font-size: 25px;
 }

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