#modelo4 {
  width: 100%;
  overflow: hidden;
  border-bottom: 40px solid; }

/* ESQUELETO DO TOPO COM AS DUAS IMAGENS */
#imagens-topo-atracao {
  width: 100%; }
  #imagens-topo-atracao img {
    width: 100%;
    height: auto;
    float: left; }

#center-modelo {
  top: -150px;
  margin-bottom: -150px;
  position: relative;
  overflow: hidden;
  z-index: 999; }
  #center-modelo .box {
    padding: 15px 20px; }

/* bloco de descricao do filme original */
.head-modelo {
  width: 100%; }
  .head-modelo .ico {
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    display: block;
    height: 29px;
    width: 29px;
    float: left; }
    .head-modelo .ico.original {
      background-image: url(/theme/images/icone-informacao.png); }
    .head-modelo .ico.trailer {
      background-image: url(/theme/images/icone-play.png); }
    .head-modelo .ico.sinopse {
      background-image: url(/theme/images/icone-ficha.png); }
  .head-modelo h2 {
    color: #5c5b5b;
    float: left;
    font-family: "GothamBlack";
    font-size: 21.2px;
    margin: 4px 0 0 7px;
    text-transform: uppercase; }
  .head-modelo:after {
    clear: both;
    content: " ";
    height: 0;
    width: 0;
    display: block;
    overflow: hidden; }

#filme-original {
  width: 410px;
  height: 487px;
  float: left;
  margin-right: 13px; }
  #filme-original h3 {
    font-family: Arial;
    font-weight: bold;
    font-size: 21.28px;
    text-align: center;
    padding: 14px 0; }
  #filme-original .imagem {
    margin-top: 18px;
    border-top: 5px solid; }
    #filme-original .imagem img {
      width: 100%; }
  #filme-original .texto {
    font-size: 18px;
    color: #5c5b5b;
    text-align: justify;
    line-height: 21px; }

#trailer {
  width: 812px;
  height: 487px;
  float: left; }

#sinopse {
  width: 410px;
  height: 487px;
  float: right; }
  #sinopse .imagem {
    margin-top: 18px;
    border-top: 5px solid; }
    #sinopse .imagem img {
      width: 100%; }
  #sinopse #box-descricao-sinopse {
    width: 100%;
    height: 138px;
    margin: 10px 0 0 0; }
    #sinopse #box-descricao-sinopse .mask {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%; }
    #sinopse #box-descricao-sinopse .inner {
      margin: 0 auto;
      overflow: hidden;
      position: absolute;
      z-index: 2;
      width: 92%;
      height: 93%;
      top: 7%;
      left: 4%; }
  #sinopse .icones {
    width: 100%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.75);
    text-align: center;
    position: absolute; }

#menu-footer-features {
  height: 157px; }

#rodape-atracao {
  width: 100%;
  position: relative; }
  #rodape-atracao img {
    width: 100%;
    float: left; }
  #rodape-atracao:before {
    content: " ";
    height: 425px;
    width: 100%;
    position: absolute;
    top: -425px; }
  #rodape-atracao #mensagens-textos-assinaturas {
    padding: 10px 0 0 0;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 19px;
    z-index: 99; }
    #rodape-atracao #mensagens-textos-assinaturas .texto1 {
      width: 100%;
      font-size: 44.04px;
      font-family: "GothamBlack";
      color: white;
      text-transform: uppercase;
      line-height: 0.597;
      text-shadow: 1px 1.732px 0px black;
      -moz-transform: matrix(1.58917, 0, 0, 1.63488, 0, 0);
      -webkit-transform: matrix(1.58917, 0, 0, 1.63488, 0, 0);
      -ms-transform: matrix(1.58917, 0, 0, 1.63488, 0, 0); }
    #rodape-atracao #mensagens-textos-assinaturas .texto2 {
      display: inline-block;
      margin-top: 48px;
      font-size: 44.04px;
      font-family: "GothamBlack";
      color: #0a73f4;
      line-height: 0.597;
      text-align: center;
      text-shadow: 1px 1.732px 0px black;
      -moz-transform: matrix(1.58917, 0, 0, 1.63488, 0, 0);
      -webkit-transform: matrix(1.58917, 0, 0, 1.63488, 0, 0);
      -ms-transform: matrix(1.58917, 0, 0, 1.63488, 0, 0); }

#box-listagem-episodios {
  margin-top: 15px; }

.item-lista-episodio {
  width: 538px;
  overflow: hidden;
  margin-bottom: 18px;
  margin-right: 22px;
  float: left; }
  .item-lista-episodio:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .item-lista-episodio .header {
    padding: 8px 15px;
    width: 100%;
    background: #fff;
    border: 1px solid #d0d0d0;
    position: relative; }
    .item-lista-episodio .header .numero {
      width: 74px;
      height: 55px;
      float: left;
      text-align: center;
      overflow: hidden; }
      .item-lista-episodio .header .numero strong {
        padding: 10px 0 0 0;
        display: block;
        text-transform: uppercase;
        font-family: "GothamBlack";
        font-size: 11px;
        line-height: 12px; }
      .item-lista-episodio .header .numero span {
        display: block;
        text-transform: uppercase;
        font-family: "GothamBlack";
        font-size: 26px;
        margin-top: -1px; }
    .item-lista-episodio .header h2 {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      font-family: "GothamBlack";
      padding: 0 0 0 89px;
      width: 100%;
      text-align: center;
      font-size: 16px;
      color: #5c5b5b;
      text-transform: uppercase; }
  .item-lista-episodio .thumbs {
    width: 100%;
    height: 554px;
    overflow: hidden; }
    .item-lista-episodio .thumbs li {
      margin-top: 12px;
      overflow: hidden;
      width: 265px;
      height: 265px;
      border: 3px solid; }
      .item-lista-episodio .thumbs li.uno {
        float: left; }
      .item-lista-episodio .thumbs li.dos {
        float: right; }
  .item-lista-episodio .descricao {
    background-image: url("/theme/images/bg-efeito-listagem.png");
    height: 190px;
    width: 100%;
    margin-top: 18px; }
    .item-lista-episodio .descricao .inner {
      height: 100%;
      width: 100%;
      box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1) inset, -2px -2px 0px rgba(0, 0, 0, 0.1) inset; }
    .item-lista-episodio .descricao .texto {
      padding: 12px;
      font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif;
      color: #5c5b5b;
      font-size: 15px;
      line-height: 20px; }
    .item-lista-episodio .descricao .continue {
      font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif;
      color: #5c5b5b;
      font-size: 18px;
      font-weight: bold;
      display: block;
      text-align: center;
      text-transform: uppercase; }
    .item-lista-episodio .descricao .assinar {
      width: 78%;
      height: 88px;
      margin: 12px auto 0; }
      .item-lista-episodio .descricao .assinar a {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 10px; }
        .item-lista-episodio .descricao .assinar a span {
          display: block;
          padding: 22px 0 0 0;
          font-size: 48px;
          font-family: "GothamBlack";
          color: white;
          text-transform: uppercase;
          line-height: 1.013;
          text-align: center;
          text-shadow: 2px 2px 0px #444;
          -moz-transform: matrix(0.98487, 0, 0, 1.01884, 0, 0);
          -webkit-transform: matrix(0.98487, 0, 0, 1.01884, 0, 0);
          -ms-transform: matrix(0.98487, 0, 0, 1.01884, 0, 0); }

@media (max-width: 1600px) {
  #modelo4 {
    width: 100%;
    overflow: hidden;
    border-bottom: 28px solid; }

  /* ESQUELETO DO TOPO COM AS DUAS IMAGENS */
  #center-modelo {
    top: -130px;
    margin-bottom: -130px; }

  /* bloco de descricao do filme original */
  .head-modelo h2 {
    color: #5c5b5b;
    float: left;
    font-family: "GothamBlack";
    font-size: 17px;
    margin: 4px 0 0 7px;
    text-transform: uppercase; }

  #filme-original {
    width: 327px;
    height: 388px;
    float: left;
    margin-right: 13px; }
    #filme-original h3 {
      font-family: Arial;
      font-weight: bold;
      font-size: 18px;
      text-align: center;
      padding: 9px 0; }
    #filme-original .imagem {
      margin-top: 10px; }
      #filme-original .imagem img {
        width: 100%; }
    #filme-original p {
      font-size: 15px;
      color: #5c5b5b;
      text-align: justify;
      line-height: 19px; }
      #filme-original p:first-child {
        padding-bottom: 10px; }
    #filme-original .fonte p {
      text-align: right;
      color: #a1a1a1;
      font-size: 13px;
      padding: 18px 0 0 0; }

  #trailer {
    width: 640px;
    height: 388px;
    float: left; }

  #sinopse {
    width: 327px;
    height: 388px; }
    #sinopse .imagem {
      margin-top: 10px; }
      #sinopse .imagem img {
        width: 100%; }
    #sinopse #box-descricao-sinopse {
      height: 108px;
      margin: 8px 0 0;
      width: 100%; }
    #sinopse .titulo {
      font-family: Arial;
      font-weight: bold;
      text-align: left;
      font-size: 18px; }
    #sinopse .texto {
      font-size: 14px;
      color: #5c5b5b;
      text-align: justify;
      line-height: 15px;
      padding-top: 10px; }
    #sinopse .icones img {
      width: 100%; }

  .item-lista-episodio {
    width: 430px;
    overflow: hidden;
    margin-bottom: 12px;
    margin-right: 15px;
    float: left; }
    .item-lista-episodio:nth-child(3n) {
      margin-right: 0;
      float: right; }
    .item-lista-episodio .header {
      padding: 8px 15px;
      width: 100%;
      background: #fff;
      border: 1px solid #d0d0d0; }
      .item-lista-episodio .header .numero {
        width: 74px;
        height: 55px;
        float: left;
        text-align: center;
        overflow: hidden; }
        .item-lista-episodio .header .numero strong {
          padding: 10px 0 0 0;
          display: block;
          text-transform: uppercase;
          font-family: "GothamBlack";
          font-size: 11px;
          line-height: 12px; }
        .item-lista-episodio .header .numero span {
          display: block;
          text-transform: uppercase;
          font-family: "GothamBlack";
          font-size: 26px;
          margin-top: -1px; }
      .item-lista-episodio .header h2 {
        font-size: 14px;
        padding: 0 0 0 83px; }
    .item-lista-episodio .thumbs {
      height: 438px;
      overflow: hidden; }
      .item-lista-episodio .thumbs li {
        border: 3px solid;
        height: 210px;
        margin-top: 9px;
        overflow: hidden;
        width: 210px; }
        .item-lista-episodio .thumbs li img {
          width: 100%; }
    .item-lista-episodio .descricao {
      height: 178px;
      margin-top: 15px; }
      .item-lista-episodio .descricao .inner {
        height: 100%;
        width: 100%;
        box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1) inset, -2px -2px 0px rgba(0, 0, 0, 0.1) inset; }
      .item-lista-episodio .descricao .texto {
        font-size: 14px;
        line-height: 18px; }
      .item-lista-episodio .descricao .assinar {
        height: 69px;
        margin: 8px auto 0;
        width: 74%; }
        .item-lista-episodio .descricao .assinar a span {
          padding: 18px 0 0 0;
          font-size: 32px; }

  /* FORMACATACAO DA LISTAGEM */
  #menu-footer-features {
    height: 163px !important;
    max-height: 163px !important; }

  #rodape-atracao {
    width: 100%;
    position: relative; }
    #rodape-atracao img {
      width: 100%;
      float: left; }
    #rodape-atracao:before {
      content: " ";
      height: 425px;
      width: 100%;
      position: absolute;
      top: -425px; }
    #rodape-atracao #mensagens-textos-assinaturas .texto1 {
      font-size: 37px; }
    #rodape-atracao #mensagens-textos-assinaturas .texto2 {
      margin-top: 40px;
      font-size: 37px; } }
@media (max-width: 1370px) {
  #modelo4 {
    width: 100%;
    overflow: hidden;
    border-bottom: 18px solid; }

  /* ESQUELETO DO TOPO COM AS DUAS IMAGENS */
  #center-modelo {
    top: -110px;
    margin-bottom: -110px; }

  /* BLOCO DE DESCRICAO DE TOPO DO MODELO */
  .head-modelo h2 {
    color: #5c5b5b;
    float: left;
    font-family: "GothamBlack";
    font-size: 16px;
    margin: 6px 0 0 6px;
    text-transform: uppercase; }

  #filme-original {
    width: 309px;
    height: 370px;
    float: left;
    margin-right: 13px; }
    #filme-original h3 {
      font-family: Arial;
      font-weight: bold;
      text-align: center;
      font-size: 17px;
      padding: 5px 0; }
    #filme-original p {
      font-size: 14px;
      line-height: 18px;
      color: #5c5b5b;
      text-align: justify; }
      #filme-original p:first-child {
        padding-bottom: 10px; }
    #filme-original .fonte p {
      text-align: right;
      color: #a1a1a1;
      font-size: 13px;
      padding: 18px 0 0 0; }

  #trailer {
    width: 606px;
    height: 370px;
    float: left; }

  #sinopse {
    width: 309px;
    height: 370px; }
    #sinopse #box-descricao-sinopse {
      height: 100px;
      margin: 8px 0 0;
      width: 100%; }
    #sinopse .titulo {
      font-family: Arial;
      font-weight: bold;
      text-align: left;
      font-size: 17px; }
    #sinopse .texto {
      font-size: 13px;
      color: #5c5b5b;
      text-align: justify;
      line-height: 15px;
      padding-top: 5px; }
    #sinopse .icones img {
      width: 100%; }

  .item-lista-episodio {
    width: 410px;
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: 10px;
    float: left; }
    .item-lista-episodio .header {
      padding: 8px 15px;
      width: 100%;
      background: #fff;
      border: 1px solid #d0d0d0; }
      .item-lista-episodio .header .numero {
        width: 74px;
        height: 55px;
        float: left;
        text-align: center;
        overflow: hidden; }
        .item-lista-episodio .header .numero strong {
          padding: 10px 0 0 0;
          display: block;
          text-transform: uppercase;
          font-family: "GothamBlack";
          font-size: 11px;
          line-height: 12px; }
        .item-lista-episodio .header .numero span {
          display: block;
          text-transform: uppercase;
          font-family: "GothamBlack";
          font-size: 26px;
          margin-top: -1px; }
      .item-lista-episodio .header h2 {
        font-size: 13px;
        padding: 0 0 0 85px; }
    .item-lista-episodio .thumbs {
      height: 420px;
      overflow: hidden; }
      .item-lista-episodio .thumbs li {
        border: 3px solid;
        height: 201px;
        margin-top: 9px;
        overflow: hidden;
        width: 201px; }
        .item-lista-episodio .thumbs li img {
          width: 100%; }
    .item-lista-episodio .descricao {
      height: 178px; }
      .item-lista-episodio .descricao .texto {
        font-size: 14px;
        line-height: 18px; }
      .item-lista-episodio .descricao .assinar {
        height: 66px;
        margin: 8px auto 0;
        width: 75%; }
        .item-lista-episodio .descricao .assinar a span {
          padding: 18px 0 0 0;
          font-size: 29px; }

  #menu-footer-features {
    height: 140px !important;
    max-height: 140px !important; }

  #rodape-atracao {
    width: 100%;
    position: relative; }
    #rodape-atracao img {
      width: 100%;
      float: left; }
    #rodape-atracao:before {
      content: " ";
      height: 425px;
      width: 100%;
      position: absolute;
      top: -425px; }
    #rodape-atracao #mensagens-textos-assinaturas {
      top: 0; }
      #rodape-atracao #mensagens-textos-assinaturas .texto1 {
        font-size: 32px; }
      #rodape-atracao #mensagens-textos-assinaturas .texto2 {
        margin-top: 30px;
        font-size: 32px; } }
@media (max-width: 1200px) {
  #modelo4 {
    border-bottom: 10px solid; }

  /* ESQUELETO DO TOPO COM AS DUAS IMAGENS */
  #center-modelo {
    top: -90px;
    margin-bottom: -90px; }

  /* BLOCO DE DESCRICAO DE TOPO DO MODELO */
  .head-modelo h2 {
    color: #5c5b5b;
    float: left;
    font-family: "GothamBlack";
    font-size: 11px;
    margin: 8px 0 0 6px;
    text-transform: uppercase; }

  #filme-original {
    width: 260px;
    height: 340px;
    float: left;
    margin-right: 8px; }
    #filme-original h3 {
      font-family: Arial;
      font-weight: bold;
      text-align: center;
      font-size: 13.5px;
      padding: 4px 0; }
    #filme-original p {
      padding-bottom: 6px;
      font-size: 13px;
      line-height: 16px;
      color: #5c5b5b;
      text-align: justify; }
      #filme-original p:first-child {
        padding-bottom: 6px; }
    #filme-original .fonte p {
      text-align: right;
      color: #a1a1a1;
      font-size: 12px;
      padding: 4px 0 0 0; }

  #trailer {
    width: 466px;
    height: 340px;
    float: left; }

  #sinopse {
    width: 260px;
    height: 340px; }
    #sinopse .imagem {
      margin-top: 10px; }
    #sinopse #box-descricao-sinopse {
      width: 100%;
      height: 90px;
      margin: 15px 0 0 0; }
    #sinopse .titulo {
      font-family: Arial;
      font-weight: bold;
      text-align: left;
      font-size: 13px; }
    #sinopse .texto {
      font-size: 11px;
      color: #5c5b5b;
      text-align: justify;
      line-height: 14px;
      padding-top: 3px; }
    #sinopse .icones img {
      width: 100%; }

  .item-lista-episodio {
    width: 328px;
    overflow: hidden;
    margin-bottom: 12px;
    margin-right: 7px;
    float: left; }
    .item-lista-episodio .thumbs {
      height: 338px;
      overflow: hidden; }
      .item-lista-episodio .thumbs li {
        border: 2px solid;
        height: 160px;
        margin-top: 9px;
        overflow: hidden;
        width: 160px; }
        .item-lista-episodio .thumbs li img {
          width: 100%; }
    .item-lista-episodio .header h2 {
      font-size: 11px;
      padding: 0 0 0 85px; }
    .item-lista-episodio .descricao {
      height: 178px;
      margin-top: 10px; }
      .item-lista-episodio .descricao .texto {
        font-size: 12.5px;
        line-height: 17px; }
      .item-lista-episodio .descricao .assinar {
        height: 66px;
        margin: 8px auto 0;
        width: 84%; }
        .item-lista-episodio .descricao .assinar a span {
          padding: 18px 0 0 0;
          font-size: 29px; }

  #menu-footer-features {
    height: 115px !important;
    max-height: 115px !important; }

  #rodape-tematico #menu-footer-duvidas {
    width: 523px; }
    #rodape-tematico #menu-footer-duvidas ul li a {
      font-size: 16px !important;
      padding-left: 9px !important;
      padding-right: 9px !important; }

  #rodape-atracao #mensagens-textos-assinaturas {
    top: 0; }
    #rodape-atracao #mensagens-textos-assinaturas .texto1 {
      font-size: 27px; }
    #rodape-atracao #mensagens-textos-assinaturas .texto2 {
      margin-top: 35px;
      font-size: 27px; } }

/*# sourceMappingURL=ConteudoFour.css.map */