@charset "UTF-8";
/*@mixin media-max($width){
  @media screen and (max-width: $width) { @content; } {

}*/
/* Foundation — Classes que mudam o estabelecido pelo Framework */
img {
  width: 100%;
}

.left {
  float: left;
}

.right {
  float: right;
}

.no-row-mobile {
  margin-left: auto;
  margin-right: auto;
  max-width: 100rem;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 64em) {
  .no-row-mobile {
    padding: 0px 8.4%;
  }
}

.row {
  padding: 0px 5px;
}
@media only screen and (min-width: 40em) {
  .row {
    padding: 0px 30px;
  }
}
@media only screen and (min-width: 64em) {
  .row {
    padding: 0px 8.4%;
  }
}

.padding-left-small {
  padding-left: 0.9375rem;
}

@media only screen and (min-width: 40em) {
  .padding-left-medium {
    padding-left: 0.9375rem;
  }
}

@media only screen and (min-width: 64em) {
  .padding-left-large {
    padding-left: 0.9375rem;
  }
}

.padding-right-small {
  padding-right: 0.9375rem;
}

@media only screen and (min-width: 40em) {
  .padding-right-medium {
    padding-right: 0.9375rem;
  }
}

@media only screen and (min-width: 64em) {
  .padding-right-large {
    padding-right: 0.9375rem;
  }
}

/* Type */
@font-face {
  font-family: 'Antenna';
  src: url("../fonts/antenna/Antenna-Regular.otf"), url("../fonts/icons/Icons-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/Icons-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Antenna';
  src: url("../fonts/antenna/Antenna-Bold.otf"), url("../fonts/icons/Icons-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/Icons-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Icons';
  src: url("../fonts/icons/agenciaicons-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/agenciaicons-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

.thin {
  font-weight: 100;
}

.regular {
  font-weight: 400;
}

.strong {
  font-weight: 700;
}

.paragraph {
  font-family: "Antenna", sans-serif;
}

.title {
  font-family: "Antenna", sans-serif;
}

.icon {
  font-family: "Icons";
}

/* Type System */
h1, h2, h3, h4, h5, h6, a, p, input, textarea, ul, li, dl, dt, dd {
  margin: 0px;
}
h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, a:focus, p:focus, input:focus, textarea:focus, ul:focus, li:focus, dl:focus, dt:focus, dd:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6, a, p, input, textarea, ul, li, dl, dt, dd {
  font-family: "Antenna", sans-serif;
}

h1, .title-1, .title-1-b {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.5px;
}
@media only screen and (min-width: 40em) {
  h1, .title-1, .title-1-b {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (min-width: 64em) {
  h1, .title-1, .title-1-b {
    font-size: 30px;
    line-height: 37px;
    letter-spacing: 0.5px;
  }
}

.title-1-b {
  color: white;
}

h2 {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 18px;
}

h3 {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 18px;
}

i {
  font-family: "Icons";
  font-size: 30px;
  font-style: normal !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a {
  color: inherit;
}

a {
  font-family: "Antenna", sans-serif;
  outline: none;
  color: #222222;
  -webkit-transition: color 0.1s ease;
  -moz-transition: color 0.1s ease;
  -o-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
a:hover {
  color: #ea1b25;
}
a:active {
  color: #c0121a !important;
}
a.red {
  color: #ea1b25;
}
a.red:hover {
  color: #222222 !important;
}
a.red:active {
  color: #c0121a !important;
}

a.link-small {
  font-size: 12px;
  letter-spacing: 0.07em;
}

.button, .button-black, .button-100w, .button-black-100w {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 13px;
  padding: 11px 12px 10px;
  text-align: center;
  display: inline-block;
  border: 2px solid #222222;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.button-mini, .button-black-mini {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 11px;
  padding: 7px 10px 6px;
  text-align: center;
  display: inline-block;
  border: 2px solid #222222;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.button, .button-100w, .button-mini, .button-black-mini {
  border: 2px solid #222222;
  color: #222222;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.button:hover, .button-100w:hover, .button-mini:hover, .button-black-mini:hover {
  background-color: #222222;
  color: white !important;
}

.button-100w {
  width: 100%;
}

.button-black, .button-black-100w {
  background-color: #222222;
  color: white;
}
.button-black:hover, .button-black-100w:hover {
  background-color: transparent;
  color: #222222;
}

.button-black-100w {
  width: 100%;
}

p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 8px;
}

@media only screen and (min-width: 40em) {
  p {
    font-size: 17px;
    line-height: 26px;
  }
}

figcaption p {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0.02em;
  line-height: 17px;
}

p.lead {
  font-weight: 700;
  font-size: 19px;
  color: #222222;
  letter-spacing: 0.71px;
  line-height: 27px;
  margin-bottom: 15px;
}

.text-serif p, p.serif, .text-container {
  font-family: "Antenna", sans-serif;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 10px;
}

p.date {
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 16px;
}

.film-descript {
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 13px;
}
.film-descript .button {
  margin-left: 10px;
}

label.label-general {
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

input[type="text"], input[type="textarea"], input[type="time"], input[type='email'] {
  height: 40px;
  border: 2px solid #222222;
  font-size: 13px;
  padding: 8px 10px;
  font-weight: 700;
  opacity: 1 !important;
  color: #222222;
  letter-spacing: 0.05em;
  -webkit-transition: border-width 0.2s ease;
  -moz-transition: border-width 0.2s ease;
  -o-transition: border-width 0.2s ease;
  transition: border-width 0.2s ease;
}
input[type="text"]:hover, input[type="textarea"]:hover, input[type="time"]:hover, input[type='email']:hover {
  border: 2px solid #ea1b25;
}
input[type="text"]:focus, input[type="textarea"]:focus, input[type="time"]:focus, input[type='email']:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 2px solid #ea1b25;
  color: #222;
}

input::-webkit-input-placeholder {
  color: #222222;
  opacity: 0.7 !important;
}

input::-moz-placeholder {
  color: #222222;
  opacity: 0.7 !important;
}

input:-ms-input-placeholder {
  color: #222222;
  opacity: 0.7 !important;
}

textarea::-webkit-input-placeholder {
  color: #222222;
  opacity: 0.7 !important;
}

textarea::-moz-placeholder {
  color: #222222;
  opacity: 0.7 !important;
}

textarea:-ms-input-placeholder {
  color: #222222;
  opacity: 0.7 !important;
}

footer input::-webkit-input-placeholder {
  color: white;
  opacity: 0.7 !important;
}

footer input::-moz-placeholder {
  color: white;
  opacity: 0.7 !important;
}

footer input:-ms-input-placeholder {
  color: white;
  opacity: 0.7 !important;
}

::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: #ea1b25;
}

::selection {
  background: #ea1b25;
  color: white;
}

input[type="submit"] {
  outline: none;
  box-shadow: none;
}

input[type="radio"] {
  height: auto !important;
  display: inline-block;
  left: -1px;
  width: 100%;
  opacity: 0;
  margin-bottom: 0px;
  padding: 0px !important;
  position: absolute;
  top: 5px;
  width: 100%;
}

input[type="radio"] + label.radio {
  height: 12px;
  width: 12px;
  border: 2px solid #222222;
  display: inline-block;
  opacity: 1;
  position: absolute;
  left: -8px;
  top: 6px;
  z-index: -1;
}

input[type="radio"]:checked + label.radio {
  background-color: black;
}

input[type="reset"] {
  background-color: transparent;
  border: none;
  text-transform: uppercase;
}

input[type="checkbox"] {
  height: auto !important;
  display: inline-block;
  left: -1px;
  width: 100%;
  opacity: 0;
  margin-bottom: 0px;
  padding: 0px !important;
  position: absolute;
  top: 5px;
  width: 100%;
}

label.label {
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  padding-left: 20px;
}
label.label:hover {
  color: #ea1b25;
}

input[type="checkbox"]:hover + label.checkbox + label.label {
  color: #ea1b25 !important;
}

input[type="radio"]:hover + label.radio + label.label {
  color: #ea1b25 !important;
}

input[type="checkbox"] + label.checkbox {
  height: 12px;
  width: 12px;
  border: 2px solid #222222;
  display: inline-block;
  opacity: 1;
  position: absolute;
  left: -8px;
  top: 6px;
  z-index: -1;
}

input[type="radio"]:checked + .label-button {
  background-color: #222222;
  color: white;
}

input[type="radio"]:hover + .label-button {
  background-color: #ea1b25;
  color: white;
}

.label-button.inactive {
  opacity: 0.3;
}

input[type="radio"]:checked + .label-button.inactive {
  background-color: transparent;
  color: #222222;
  cursor: normal;
}

input[type="checkbox"]:checked + label.checkbox {
  background-color: black;
}

form ul
li {
  margin-bottom: 4px;
  position: relative;
}

/* Classes de Apoio */
.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.center {
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.text-center {
  text-align: center;
}

.oh {
  overflow: hidden;
}

.os {
  overflow: scroll;
}

.uppercase {
  text-transform: uppercase;
}

.mb05 {
  margin-bottom: 5px;
}

.mb1 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 8px;
}

.mb2 {
  margin-bottom: 20px;
}

.mb3 {
  margin-bottom: 30px;
}

.mb4 {
  margin-bottom: 40px;
}

.mb5 {
  margin-bottom: 50px;
}

.mb6 {
  margin-bottom: 60px;
}

.mb7 {
  margin-bottom: 70px;
}

.mb8 {
  margin-bottom: 80px;
}

.mb9 {
  margin-bottom: 90px;
}

.mb10 {
  margin-bottom: 100px;
}

/* CSS  Drawings */
.play-button {
  height: 180px;
  width: 180px;
  padding: 28px 20px 20px 54px;
  border: 8px solid white;
  border-radius: 100px;
}
.play-button .triangle {
  width: 0;
  height: 0;
  border-top: 55px solid transparent;
  border-bottom: 55px solid transparent;
  border-left: 77px solid white;
}

a.hamburger {
  display: block;
  width: 35px;
  height: 30px;
  position: relative;
  padding-top: 15px;
  padding-left: 0px;
  margin-top: -4px;
}
a.hamburger div {
  width: 35px;
  height: 3px;
  background-color: black;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
a.hamburger div:after, a.hamburger div:before {
  content: "";
  display: block;
  background-color: black;
  width: 35px;
  height: 3px;
  position: relative;
  -webkit-transition: transform 0.2s ease, background-color 0.2s ease;
  -moz-transition: transform 0.2s ease, background-color 0.2s ease;
  -o-transition: transform 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
a.hamburger div:after {
  bottom: -6px;
}
a.hamburger div:before {
  top: -9px;
}
a.hamburger:hover div, a.hamburger:active div {
  background-color: #ea1b25;
}
a.hamburger:hover div:after, a.hamburger:hover div:before, a.hamburger:active div:after, a.hamburger:active div:before {
  background-color: #ea1b25;
}
a.hamburger.active div {
  background-color: white;
}
a.hamburger.active div:after {
  transform: rotate(-45deg);
  background-color: #ea1b25;
  bottom: 3px;
}
a.hamburger.active div:before {
  top: 0px;
  transform: rotate(45deg);
  background-color: #ea1b25;
}

/* Tags HTML */
hr {
  border-bottom: 8px solid #222222;
  width: 100%;
  max-width: 100%;
}

figcaption {
  margin-top: 8px;
}

/* Estrutura genérica */
.s-mt {
  margin-top: 15px;
}
@media only screen and (min-width: 40em) {
  .s-mt {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 64em) {
  .s-mt {
    margin-top: 15px;
  }
}

body {
  min-height: 100%;
  overflow-y: scroll;
}
body > .container {
  background-color: white;
  z-index: 1;
  position: relative;
  padding-top: 60px;
}
@media only screen and (min-width: 40em) {
  body > .container {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 64em) {
  body > .container {
    padding-top: 0px;
  }
}

.sticky is_stuck {
  z-index: 6;
}

/* SIGNATURE AND SOCIAL */
#signature-container-3 {
  position: absolute;
  left: 5.5%;
  top: 0;
  bottom: 0;
  margin: auto auto;
  display: none;
}
@media only screen and (min-width: 64em) {
  #signature-container-3 {
    display: block;
  }
}
#signature-container-3 .signature .container {
  height: 300px;
  width: 10px;
  margin-top: 108px;
}
#signature-container-3 .signature h2 {
  transform: rotate(-90deg);
  white-space: nowrap;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #222222;
  top: 240px;
  position: relative;
}

#social-container-3 {
  position: absolute;
  right: 5.5%;
  display: none;
}
@media only screen and (min-width: 64em) {
  #social-container-3 {
    display: block;
  }
}
#social-container-3 .social .container {
  height: 300px;
  width: 10px;
  margin-top: 108px;
}
#social-container-3 .social h2 {
  transform: rotate(90deg);
  white-space: nowrap;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #222222;
  position: relative;
  top: 36px;
  left: 2px;
}
#social-container-3 .social h2 span {
  margin-left: 7px;
}
#social-container-3 .social h2 a {
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 4px;
  transform: rotate(-90deg) !important;
  border: 2px solid #222222;
  border-radius: 15px;
  height: 26px;
  width: 26px;
  padding: 4px 0px;
  text-align: center;
}
#social-container-3 .social h2 a i {
  font-size: 21px;
}

#signature-container-2 {
  position: absolute;
  left: 5.5%;
  display: none;
}
@media only screen and (min-width: 64em) {
  #signature-container-2 {
    display: block;
  }
}
#signature-container-2 .signature {
  min-height: 10px;
  min-width: 10px;
}
#signature-container-2 .signature .container {
  height: 300px;
  width: 10px;
}
#signature-container-2 .signature h1 {
  transform: rotate(-90deg);
  white-space: nowrap;
  margin-top: 252px;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ea1b25;
}
#signature-container-2 .signature h1 a {
  color: #ea1b25;
}

#social-container-2 {
  position: absolute;
  right: 5.5%;
  display: none;
}
@media only screen and (min-width: 64em) {
  #social-container-2 {
    display: block;
  }
}
#social-container-2 .social {
  min-height: 10px;
  min-width: 10px;
}
#social-container-2 .social .container {
  height: 380px;
  width: 10px;
}
#social-container-2 .social h1 {
  transform: rotate(90deg);
  white-space: nowrap;
  margin-top: 115px;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #222222;
}
#social-container-2 .social h1 span {
  margin-left: 7px;
}
#social-container-2 .social h1 a {
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 4px;
  transform: rotate(-90deg) !important;
  border: 2px solid #222222;
  border-radius: 15px;
  height: 26px;
  width: 26px;
  padding: 4px 0px;
  text-align: center;
}
#social-container-2 .social h1 a i {
  font-size: 21px;
}

/* NAV */
nav ul {
  margin: 0px;
  display: block;
  list-style: none;
}
nav ul li {
  float: left;
}

.stickyposition {
  top: 0px !important;
}

nav.sticky-nav {
  display: none;
  position: fixed;
  width: 100%;
  top: -60px;
  height: 45px;
  background-color: black;
  z-index: 999999;
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
@media only screen and (min-width: 64em) {
  nav.sticky-nav {
    display: block;
  }
}
nav.sticky-nav ul li a {
  color: white;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 13px 0px;
  margin-right: 20px;
  display: inline-block;
}
nav.sticky-nav ul li a:hover {
  color: #ea1b25;
}
nav.sticky-nav ul li a:active {
  color: #ea1b25;
}
nav.external-nav {
  display: none;
  background-color: black;
  height: 33px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 64em) {
  nav.external-nav {
    display: block;
  }
}
nav.external-nav .row {
  position: fixed;
  z-index: -1;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
nav.external-nav ul li {
  padding-right: 20px;
  height: 33px;
}
nav.external-nav ul li a {
  padding: 12px 0px;
  display: block;
  color: white;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.04em;
}
nav.external-nav ul li a:hover {
  color: #ea1b25;
}
nav.primary-nav {
  background-color: white;
  border-bottom: 4px solid #222222;
  padding: 9px 0 15px;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 999988;
  max-height: 60px;
}
@media only screen and (min-width: 40em) {
  nav.primary-nav {
    padding: 12px 0 14px;
    max-height: 70px;
  }
}
@media only screen and (min-width: 64em) {
  nav.primary-nav {
    background-color: transparent;
    position: relative;
    top: auto;
    left: auto;
    padding: 18px 0 0px;
    position: relative;
    border-bottom: none;
    max-height: none;
  }
}
nav.primary-nav hr {
  display: none;
}
@media only screen and (min-width: 64em) {
  nav.primary-nav hr {
    display: block;
  }
}
nav.primary-nav .options {
  padding-top: 8px;
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .options {
    padding: 0px;
    position: absolute;
  }
}
nav.primary-nav .hamburger {
  float: right;
  display: block;
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .hamburger {
    display: none;
  }
}
nav.primary-nav .logo {
  display: block;
  max-width: 100px;
}
@media only screen and (min-width: 40em) {
  nav.primary-nav .logo {
    max-width: 120px;
  }
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .logo {
    max-width: 130px;
  }
}
nav.primary-nav .search {
  margin-right: 10px;
}
nav.primary-nav .search#s-mobile {
  float: right;
  position: relative;
  top: -13px;
  display: block;
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .search#s-mobile {
    display: none;
  }
}
nav.primary-nav .search#s-desktop {
  display: none;
  position: absolute;
  top: 7px;
  left: -40px;
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .search#s-desktop {
    display: none;
  }
}
nav.primary-nav .language {
  margin-right: 10px;
  float: right;
  width: 43px;
  height: 25px;
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .language {
    position: absolute;
    float: none;
    right: -60px;
    top: 24px;
    margin-right: 0px;
  }
}
nav.primary-nav .language .select-language {
  display: block;
  width: 43px;
  height: 27px;
  font-size: 12px;
  letter-spacing: 0.8px;
  color: black;
  padding: 4px 4px;
  @ınclude sans;
  font-weight: 700;
  background-image: url("../images/assets/select.png");
  background-position: 80% 50%;
  background-repeat: no-repeat;
  background-size: 23% 23%;
}
nav.primary-nav .language .select-language:hover {
  color: #ea1b25;
}
nav.primary-nav .language #example-dropdown2 {
  border: none;
  border-bottom: 2px solid #222222;
  border-top: 2px solid #222222;
  left: 0px;
  width: 43px;
  padding: 0px;
}
nav.primary-nav .language #example-dropdown2 ul li a {
  color: black;
  font-size: 12px;
  font-weight: 700;
  width: 100%;
  @ınclude sans;
  padding: 10px 21px 10px 4px;
  display: block;
}
nav.primary-nav .language #example-dropdown2 ul li a:hover {
  background-color: #ff4d52;
  color: white !important;
}
nav.primary-nav .language #example-dropdown2 ul li a:active {
  background-color: #ea1b25;
  color: white !important;
}
nav.primary-nav .search-container {
  max-height: 0;
  -webkit-transition: max-height 0.6s ease-in-out;
  -moz-transition: max-height 0.6s ease-in-out;
  -o-transition: max-height 0.6s ease-in-out;
  transition: max-height 0.6s ease-in-out;
}
nav.primary-nav .search-container.open {
  max-height: 100vh;
}
nav.primary-nav .navigation {
  position: absolute;
  background-color: #222222;
  left: 0px;
  top: 60px;
  padding: 0px 20px;
  overflow-y: scroll;
  max-height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: max-height 0.6s ease-in-out;
  -moz-transition: max-height 0.6s ease-in-out;
  -o-transition: max-height 0.6s ease-in-out;
  transition: max-height 0.6s ease-in-out;
}
nav.primary-nav .navigation.open {
  max-height: 100vh;
}
@media only screen and (min-width: 40em) {
  nav.primary-nav .navigation.open {
    max-height: 250px;
  }
}
@media only screen and (min-width: 40em) {
  nav.primary-nav .navigation {
    top: 70px;
    padding: 0px 40px;
  }
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .navigation {
    display: block;
    margin: 24px 0 24px;
    position: relative;
    padding: 0px 0.9375rem;
    background-color: transparent;
    overflow-y: visible;
    top: 0px;
    max-height: none;
  }
}
nav.primary-nav .navigation ul.main-navigation {
  display: block;
}
@media only screen and (min-width: 40em) {
  nav.primary-nav .navigation ul.main-navigation {
    display: inline-block;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .navigation ul.main-navigation {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 40em) {
  nav.primary-nav .navigation ul.more-navigation {
    display: inline-block;
    margin-top: 10px;
    text-align: right;
    float: right;
  }
  nav.primary-nav .navigation ul.more-navigation li {
    padding-right: 0px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 40em) and (max-width: 900px) {
  nav.primary-nav .navigation ul.more-navigation {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0px;
  }
  nav.primary-nav .navigation ul.more-navigation li {
    padding-right: 10px;
    padding-left: 0px;
    padding-top: 0px;
  }
  nav.primary-nav .navigation ul.more-navigation li a {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .navigation ul.more-navigation {
    display: none;
  }
}
nav.primary-nav .navigation ul.external-navigation-mobile {
  margin-bottom: 100px;
  padding: 20px 10px;
  border-bottom: 4px solid gray;
  display: block;
}
nav.primary-nav .navigation ul.external-navigation-mobile li {
  border-bottom: none;
  float: left;
}
nav.primary-nav .navigation ul.external-navigation-mobile li a {
  color: gray;
  font-size: 13px !important;
  padding: 3px 10px 3px 0px;
}
nav.primary-nav .navigation ul.external-navigation-mobile li a:hover {
  color: #ea1b25;
}
nav.primary-nav .navigation ul.external-navigation-mobile li a:active {
  color: #c0121a;
}
@media only screen and (min-width: 40em) {
  nav.primary-nav .navigation ul.external-navigation-mobile {
    margin-bottom: 35px;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 4px solid gray;
  }
  nav.primary-nav .navigation ul.external-navigation-mobile li a {
    padding: 3px 10px 0px 0px;
  }
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .navigation ul.external-navigation-mobile {
    display: none;
  }
}
nav.primary-nav .navigation li {
  border-bottom: 4px solid gray;
  float: none;
  padding: 0px 0px;
}
@media only screen and (min-width: 40em) {
  nav.primary-nav .navigation li {
    float: left;
    border: none;
    padding-right: 17px;
  }
}
nav.primary-nav .navigation li a {
  color: white;
  padding: 10px;
  display: block;
  width: 100%;
  font-weight: 700;
}
nav.primary-nav .navigation li a:hover {
  color: #ea1b25;
}
@media only screen and (min-width: 40em) {
  nav.primary-nav .navigation li a {
    font-size: 12.5px;
    padding: 10px 0px;
  }
}
@media only screen and (min-width: 64em) {
  nav.primary-nav .navigation li a {
    font-size: 15px;
    padding: 0px;
    color: #222222;
  }
}

/* FOOTER */
footer:not(.home) {
  margin-top: 80px;
}
footer .main-footer {
  padding-top: 20px;
  padding-bottom: 45px;
  background-color: #222222;
  color: white;
}
footer .main-footer nav {
  padding-top: 14px;
}
footer .main-footer nav li {
  margin-right: 20px;
}
footer .main-footer nav li a {
  font-size: 13px;
  font-weight: 700;
}
footer .main-footer h1 {
  width: 120px;
}
footer .main-footer h2 {
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 23px;
  font-weight: 700;
  margin-bottom: 3px;
  color: white;
  text-transform: none;
}
footer .main-footer h3 {
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 19px;
  font-weight: 700;
}
footer .main-footer a {
  color: white;
}
footer .main-footer a:hover {
  color: #ea1b25;
}
footer .main-footer .redes {
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  footer .main-footer .redes {
    margin-bottom: 0px;
  }
}
footer .main-footer .redes a {
  display: inline-block;
  margin-right: 5px;
  color: white;
  position: relative;
  top: -13px;
}
footer .main-footer .redes a:hover {
  color: #ea1b25;
}
footer .main-footer .redes a i {
  font-size: 50px;
}
footer .main-footer p {
  font-size: 13px;
  letter-spacing: 0.43px;
  line-height: 19px;
  margin-bottom: 5px;
}
footer .main-footer .newsletter {
  padding-right: 40px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 64em) {
  footer .main-footer .newsletter {
    margin-bottom: 0px;
  }
}
footer .main-footer form {
  padding-top: 10px;
}
footer .main-footer input[type='text'], footer .main-footer input[type='email'] {
  border: 2px solid white;
  background-color: transparent;
  color: white;
}
footer .main-footer input[type='email'] {
  margin-bottom: 10px;
}
footer .main-footer input[type='text'] {
  width: calc(100% - 147px);
  float: left;
}
footer .main-footer input[type='submit'] {
  width: 137px;
  margin-left: 10px;
  background-color: #ea1b25;
  color: white;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 700;
  height: 40px;
  border: none;
}
footer .main-footer input[type='submit']:hover {
  background-color: #c0121a;
}
footer .main-footer input[type='submit']:active {
  background-color: #c0121a;
}
footer nav.links-externos {
  display: none;
}
@media only screen and (min-width: 40em) {
  footer nav.links-externos {
    display: block;
    background-color: #222222;
    height: 35px;
    letter-spacing: 0.02em;
  }
}
footer nav.links-externos li {
  margin-right: 20px;
}
footer nav.links-externos li a {
  color: white;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
}
footer nav.links-externos li a:hover {
  color: #ea1b25;
}
footer nav.links-externos li a:active {
  color: #c0121a;
}

@media only screen and (min-width: 40em) {
  .apoios {
    position: relative;
    z-index: -1;
    height: 100px;
  }
}
.apoios .row {
  padding-top: 10px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 40em) {
  .apoios .row {
    position: fixed;
    width: 100%;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
  }
}
.apoios div:not(.columns):not(.row) {
  display: inline;
  float: left;
  overflow: hidden;
  margin-right: 25px;
}
.apoios h4 {
  font-size: 10px;
  color: #222222;
  letter-spacing: 0.36px;
  line-height: 23px;
  display: inline;
}
.apoios ul li {
  float: left;
  display: inline-block;
  margin-right: 20px;
}
.apoios ul li img {
  height: 55px;
  width: auto;
}

.border {
  height: 8px;
  background-color: #222;
}

a.imagem-filme-container {
  display: block;
}

.imagem-filme-container {
  overflow: hidden;
}
.imagem-filme-container figure .ver-trailer {
  z-index: 2;
  position: absolute;
}
.imagem-filme-container figure .ver-trailer img {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.imagem-filme-container figure .ver-trailer:hover img {
  opacity: 0.8;
}
.imagem-filme-container.movie-mini figure .ver-trailer {
  left: 15px;
  bottom: 15px;
  width: 15%;
}
.imagem-filme-container.movie-mini figure .ver-trailer p {
  display: none;
}
.imagem-filme-container.movie-big figure .ver-trailer {
  left: 15px;
  bottom: 15px;
  width: 15%;
}
.imagem-filme-container.movie-big figure .ver-trailer p {
  display: none;
}
@media only screen and (min-width: 64em) {
  .imagem-filme-container.movie-big figure .ver-trailer {
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    margin: auto;
    z-index: 2;
    opacity: 0;
    width: 20%;
    height: 20%;
    color: white !important;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.03em;
    display: block;
    -webkit-transition: top 0.2s ease-in-out, opacity 0.2s ease-out;
    -moz-transition: top 0.2s ease-in-out, opacity 0.2s ease-out;
    -o-transition: top 0.2s ease-in-out, opacity 0.2s ease-out;
    transition: top 0.2s ease-in-out, opacity 0.2s ease-out;
  }
  .imagem-filme-container.movie-big figure .ver-trailer img {
    width: 100%;
    margin-bottom: 15px;
  }
  .imagem-filme-container.movie-big figure .ver-trailer p {
    display: inline;
  }
}
@media only screen and (min-width: 64em) {
  .imagem-filme-container.movie-big figure:hover .ver-trailer {
    top: 25%;
    opacity: 1;
  }
}
.imagem-filme-container.movie-big figure .video-video {
  position: relative;
}
.imagem-filme-container.movie-big a.close-button {
  display: none;
  position: absolute;
  right: 15px;
  top: -40px;
  z-index: 1;
}

.imagem-no-movie figure {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
  margin-bottom: 10px;
}
.imagem-no-movie figure img:hover {
  filter: sepia(100%);
  /*filter: sepia(100%) brightness(90%) saturate(500%) hue-rotate(8deg);*/
}
@media only screen and (min-width: 64em) {
  .imagem-no-movie figure {
    margin-bottom: 0px;
  }
}
.imagem-no-movie figure > a img, .imagem-no-movie figure > img {
  object-fit: cover;
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  right: 0%;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 1;
}

.imagem-filme {
  opacity: 1;
  z-index: 2;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  background-color: #222222;
  position: relative;
}
.imagem-filme.opacity figure {
  background-color: #222222;
  opacity: 0;
}
.imagem-filme.opacity figure img {
  opacity: 0;
}
.imagem-filme.pla {
  z-index: -10;
}
.imagem-filme figure {
  background-color: #222222;
  display: block;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
  z-index: 2;
  -webkit-transition: opacity 0.4s 0.4s ease-out;
  -moz-transition: opacity 0.4s 0.4s ease-out;
  -o-transition: opacity 0.4s 0.4s ease-out;
  transition: opacity 0.4s 0.4s ease-out;
  position: absolute;
  opacity: 1;
}
.imagem-filme figure > a:not(.ver-trailer) img, .imagem-filme figure > img {
  object-fit: cover;
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  right: 0%;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  opacity: 1;
}
.imagem-filme figure > a:not(.ver-trailer):after {
  background-color: #ea1b25;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -ms-transform-origin: -10% -10%;
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Chrome, Safari, Opera */
  -webkit-transform-origin: -10% -10%;
  /* Chrome, Safari, Opera */
  transform: rotate(0deg);
  transform-origin: -10% -10%;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.imagem-filme figure > a:not(.ver-trailer):hover:after {
  opacity: 0.3;
}
.imagem-filme figure > a:not(.ver-trailer):hover img {
  filter: sepia(100%);
  /*filter: sepia(100%) brightness(90%) saturate(500%) hue-rotate(8deg);*/
}

.video-video {
  width: 100%;
  overflow: hidden;
  top: 0px;
  position: relative;
  padding: 0px 0.9375rem 56.25%;
  background-color: black;
}
.video-video iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.video-video .loading {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  display: block;
  border-style: solid;
  border-width: 20px;
  border-top-color: #eccc42;
  border-left-color: #ea1b25;
  border-right-color: #222222;
  border-bottom-color: #222222;
  border-radius: 100px;
  position: absolute;
  -webkit-animation: loading 0.7s infinite;
  /* Chrome, Safari, Opera */
  animation: loading 0.7s infinite;
  -webkit-animation-timing-function: linear;
  /* Chrome, Safari, Opera */
  animation-timing-function: linear;
}

@-webkit-keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

dl dt {
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.5px;
}
dl dd {
  margin-bottom: 7px;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.5px;
}

/* MÓDULOS */
.share-module p {
  font-size: 13px;
  margin-bottom: 0px;
}
.share-module p a {
  position: relative;
  top: 2px;
  margin-left: 7px;
}

.film-summary li {
  float: left;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.04em;
}
.film-summary li:after {
  content: "・";
}
.film-summary li:last-of-type:after {
  content: "";
}
.film-summary li a {
  font-weight: 700;
}

.modulo-director-mini {
  background-color: #ff4d52;
  color: white;
  position: relative;
  padding: 12px 30px 20px 100px;
}
.modulo-director-mini h2 {
  color: white;
  font-size: 15px;
  line-height: 20px;
  text-transform: none;
  margin-bottom: 10px;
}
.modulo-director-mini figure {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 85px;
  height: 85px;
  display: block;
}
.modulo-director-mini figure a:hover img {
  filter: sepia(100%) brightness(90%) saturate(500%) hue-rotate(8deg);
}
.modulo-director-mini figure img {
  transition: all 0.2s ease;
  object-fit: cover;
  width: 85px;
  height: 85px;
}
.modulo-director-mini .details {
  float: none;
  position: relative;
}
.modulo-director-mini h2 {
  font-size: 13px;
  line-height: 19px;
  font-weight: 700;
  margin-bottom: 5px;
}
.modulo-director-mini a.link-small {
  text-transform: uppercase;
  color: white;
  font-size: 13px;
  line-height: 13px;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.modulo-director-mini a.link-small:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}
.modulo-director-mini p {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 19px;
}
.modulo-director-mini p span:after {
  content: "・";
  font-family: "Antenna", sans-serif;
  font-weight: 700;
}
.modulo-director-mini p span:last-of-type:after {
  content: "";
}
.modulo-director-mini p a {
  color: white;
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.modulo-director-mini p a:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

aside.film-materials {
  overflow: hidden;
  border: 2px solid #eccc42;
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  aside.film-materials {
    margin-bottom: 40px;
  }
}
aside.film-materials a {
  font-size: 11px;
}
@media only screen and (min-width: 64em) {
  aside.film-materials a {
    font-size: 13px;
  }
}
aside.film-materials p {
  font-size: 13px;
}
aside.film-materials .request, aside.film-materials .vod {
  padding: 15px 20px 20px;
  border-bottom: 2px solid #eccc42;
}
@media only screen and (min-width: 64em) {
  aside.film-materials .request, aside.film-materials .vod {
    border-right: none;
  }
}
aside.film-materials .request a.button-black-100w, aside.film-materials .vod a.button-black-100w {
  font-size: 11px;
  padding: 8px;
  background-color: white;
  color: #ea1b25;
  width: calc(100% - 90px);
  margin-top: 7px;
}
@media only screen and (min-width: 64em) {
  aside.film-materials .request a.button-black-100w, aside.film-materials .vod a.button-black-100w {
    width: 100%;
  }
}
aside.film-materials .request a.button-black-100w:hover, aside.film-materials .vod a.button-black-100w:hover {
  border-color: #ea1b25;
  color: white;
  background-color: #ea1b25;
}
aside.film-materials .request a.button-black-100w:active, aside.film-materials .vod a.button-black-100w:active {
  border-color: #c0121a;
  color: white !important;
  background-color: #c0121a;
}
aside.film-materials .request figure, aside.film-materials .vod figure {
  float: left;
  text-align: center;
  margin-right: 20px;
}
@media only screen and (min-width: 64em) {
  aside.film-materials .request figure, aside.film-materials .vod figure {
    float: none;
    margin-bottom: 20px;
    margin-right: 0px;
  }
}
aside.film-materials .request figure img, aside.film-materials .vod figure img {
  max-width: 70px;
}
@media only screen and (min-width: 64em) {
  aside.film-materials .request figure img {
    width: 110px;
    max-width: none;
  }
  aside.film-materials .vod figure img {
    width: 130px;
    max-width: none;
    float: left;
    margin: 10px 0 10px 13%;
  }
}
aside.film-materials .links {
  position: relative;
  padding: 30px 20px 10px;
}
@media only screen and (min-width: 64em) {
  aside.film-materials .links {
    border-bottom: 2px solid #eccc42;
    border-right: none;
  }
}
aside.film-materials .links a {
  margin-right: 20px;
  float: left;
  margin-bottom: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 64em) {
  aside.film-materials .links a {
    display: block;
    width: 100%;
  }
}
aside.film-materials .links a img {
  max-height: 18px;
  width: auto;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
aside.film-materials .share-module {
  display: none;
  padding: 10px 20px 14px;
}
@media only screen and (min-width: 64em) {
  aside.film-materials .share-module {
    display: block;
  }
}

aside.art-relacionados-filme hr {
  margin-bottom: 10px;
}
aside.art-relacionados-filme h2 {
  font-size: 13px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
aside.art-relacionados-filme h3 {
  font-size: 14px;
  line-height: 19px;
  padding-right: 10px;
}
aside.art-relacionados-filme article {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
@media only screen and (min-width: 40em) {
  aside.art-relacionados-filme article {
    margin-right: 30px;
    width: calc(33.333% - 20px);
    margin-bottom: 0px;
  }
}
aside.art-relacionados-filme article:last-of-type {
  margin-right: 0px;
}
aside.art-relacionados-filme article .imagem-no-movie, aside.art-relacionados-filme article .imagem-filme-container {
  margin-bottom: 10px;
}

.art-relacionados-noticia {
  margin-bottom: 30px;
  overflow: hidden;
}
.art-relacionados-noticia .rel-realizador {
  margin-bottom: 20px;
  overflow: hidden;
}
.art-relacionados-noticia .rel-realizador figure {
  height: 70px;
  width: 70px;
  margin-right: 12px;
  float: left;
}
.art-relacionados-noticia .rel-realizador figure img {
  height: 70px;
  width: 70px;
  object-fit: cover;
}
@media only screen and (min-width: 40em) {
  .art-relacionados-noticia .rel-realizador {
    margin-right: 30px;
    width: calc(50% - 20px);
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 64em) {
  .art-relacionados-noticia .rel-realizador {
    width: 100%;
    margin-right: 0px;
  }
}
.art-relacionados-noticia .rel-realizador .info {
  position: relative;
  top: -2px;
  overflow: hidden;
}
.art-relacionados-noticia .rel-realizador .info h3 {
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 19px;
  font-weight: 400;
  margin-bottom: 0px;
}
.art-relacionados-noticia article {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .art-relacionados-noticia article {
    margin-right: 30px;
    width: calc(33.333% - 20px);
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 64em) {
  .art-relacionados-noticia article {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 20px;
  }
}
.art-relacionados-noticia article:last-of-type {
  margin-right: 0px;
}
.art-relacionados-noticia article .imagem-no-movie, .art-relacionados-noticia article .imagem-filme-container {
  margin-bottom: 10px;
}

/* Homepage */
.slick-prev, .slick-next {
  height: 30px !important;
  width: 30px !important;
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  bottom: 23px !important;
  position: relative !important;
  font-family: "Icons" !important;
  font-size: 68px !important;
}

.slick-prev {
  left: 10px !important;
}
.slick-prev:before {
  content: "<" !important;
}

.slick-next {
  right: 10px !important;
}
.slick-next:before {
  content: ">" !important;
}

#homepage-main header .columns {
  padding-left: 0px;
  padding-right: 0px;
}
@media only screen and (min-width: 64em) {
  #homepage-main header .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
#homepage-main header .container {
  position: relative;
}
#homepage-main header .slick-track {
  background-color: white;
}
#homepage-main header .slick-header .slick-list {
  overflow: visible !important;
}
#homepage-main header .slick-header .slick-list:after {
  content: "";
}
#homepage-main header .slick-header .slick-list .slick-slide {
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 64em) {
  #homepage-main header .slick-header .slick-list .slick-slide {
    margin-right: 4px;
  }
}
#homepage-main header .slick-header .slick-list .slick-slide:after {
  opacity: 0.6;
  background-color: red;
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 0 !important;
  -webkit-transition: opacity 0.6s 0.6s ease;
  -moz-transition: opacity 0.6s 0.6s ease;
  -o-transition: opacity 0.6s 0.6s ease;
  transition: opacity 0.6s 0.6s ease;
}
#homepage-main header .slick-header .slick-list .slick-slide.slick-current:after {
  opacity: 0;
}
#homepage-main header .slick-header .slick-list .slick-current {
  z-index: 0 !important;
}
#homepage-main header .slick-header .slick-list .slick-current .destaque div.info {
  opacity: 1;
}
#homepage-main header .slick-header .slick-list .destaque div.info {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

section#homepage-films {
  background-color: #ffe75d;
  padding: 40px 0px 50px;
}
section#homepage-films ul li {
  position: relative;
}
section#homepage-films .slick-prev {
  left: -35px !important;
  color: black !important;
}
section#homepage-films .slick-next {
  right: -35px !important;
}
section#homepage-films .slick-next::before, section#homepage-films .slick-prev::before {
  color: black !important;
}
section#homepage-films .button-container {
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 64em) {
  section#homepage-films .button-container {
    text-align: left;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}
section#homepage-films .imagem-filme-container {
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  section#homepage-films .imagem-filme-container {
    margin-bottom: 0px;
  }
}
section#homepage-films .film-info {
  padding-right: 25px;
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (min-width: 64em) {
  section#homepage-films .film-info {
    margin-bottom: 0px;
  }
}
section#homepage-films .film-info ul.film-summary {
  display: inline-block;
  width: 100%;
}
section#homepage-films .film-info a.link-small {
  float: none;
  display: block;
  text-transform: uppercase;
}
section#homepage-films .film-info h2 {
  font-weight: 700;
  font-size: 21px;
  color: #222222;
  letter-spacing: 0.03em;
  line-height: 25px;
}

section#clipping-hp {
  padding: 50px 0px 00px;
}
section#clipping-hp .bg-red {
  padding: 20px 0px 0px;
}
section#clipping-hp .more-info-clipping {
  padding: 25px 50px 40px 30px;
}
section#clipping-hp .more-info-clipping h3 {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 30px;
}

/* Single de Filme */
section#product-main-section header, section#noticia-section header {
  margin-bottom: 18px;
}
section#product-main-section header .large-10, section#noticia-section header .large-10 {
  position: relative;
  left: -1px;
}
section#product-main-section header .large-10 .ver-trailer, section#noticia-section header .large-10 .ver-trailer {
  position: relative;
  top: -6px;
  margin-left: 10px;
}
section#product-main-section header ul.film-summary, section#product-main-section header p.date, section#noticia-section header ul.film-summary, section#noticia-section header p.date {
  position: relative;
  margin-bottom: 0px;
  left: 1px;
}
section#product-main-section header ul.film-summary + .ver-trailer, section#product-main-section header p.date + .ver-trailer, section#noticia-section header ul.film-summary + .ver-trailer, section#noticia-section header p.date + .ver-trailer {
  position: relative;
  top: -6px;
  margin-left: 10px;
}
section#product-main-section header .share-module, section#noticia-section header .share-module {
  position: relative;
  top: 1px;
  text-align: left;
  margin-top: 5px;
}
@media only screen and (min-width: 64em) {
  section#product-main-section header .share-module, section#noticia-section header .share-module {
    text-align: right;
    margin-top: 0px;
  }
}
section#product-main-section header .share-module p, section#noticia-section header .share-module p {
  display: inline-block;
  margin-right: 15px;
  position: relative;
  top: 3px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 64em) {
  section#product-main-section header .share-module p, section#noticia-section header .share-module p {
    top: 0px;
    margin-right: 0px;
  }
}
section#product-main-section #imagem-video-destaque, section#noticia-section #imagem-video-destaque {
  margin-bottom: 20px;
}

#ficha-tecnica-container {
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
}
@media only screen and (min-width: 40em) {
  #ficha-tecnica-container {
    margin-bottom: 0px;
  }
}
#ficha-tecnica-container h3 {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 13px;
  color: #222222;
  letter-spacing: 0.5px;
  line-height: 23px;
}
#ficha-tecnica-container .link-small {
  font-size: 12px;
  display: block;
}

#film-numbers li {
  margin-bottom: 7px;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.5px;
}
#film-numbers li img {
  height: 20px;
  width: 20px;
  content-fit: cover;
  margin-right: 5px;
  position: relative;
  bottom: 3px;
}

.topics-list li {
  display: block;
  float: left;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.5px;
}
.topics-list li:after {
  content: "・";
}
.topics-list li:last-of-type:after {
  content: "";
}

.film-single-selections dt, #film-single-tv dt {
  font-weight: 400;
}

.film-single-selections .see-more-container {
  display: none;
}

/* Catálogo de filmes */
.search-container {
  display: block;
  position: absolute;
  height: 100vh;
  width: 100vw;
  left: 0px;
  top: 60px;
  z-index: -10;
  background-color: white;
  overflow-y: scroll;
  padding: 0 6px;
}
@media only screen and (min-width: 40em) {
  .search-container {
    padding: 0 30px;
    top: 70px;
  }
}
@media only screen and (min-width: 64em) {
  .search-container {
    display: none;
  }
}
.search-container > form {
  margin-top: 30px;
}
.search-container ul li {
  float: none;
}
.search-container .button-black {
  margin-right: 15px;
}

.topics {
  margin-bottom: 0px !important;
}
.topics a {
  white-space: nowrap;
}
.topics ul#topics-summary, .topics ul#topics-summary-s {
  margin-top: 10px;
}
.topics ul#topics-summary li, .topics ul#topics-summary-s li {
  float: left;
  margin-right: 6px;
  margin-bottom: 0px;
}
.topics ul#topics-summary li span, .topics ul#topics-summary-s li span {
  font-size: 11px;
  display: inline-block;
  text-transform: uppercase;
}
.topics ul#topics-summary li a, .topics ul#topics-summary-s li a {
  display: inline-block;
  border: 1px solid #222222;
  box-shadow: inset 0 0 0px #222222;
  border-radius: 15px;
  height: 16px;
  padding: 0px 3px;
  width: 16px;
  position: relative;
  top: 3px;
  margin: 0 1px;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  -moz-transition: color 0.2s ease, background-color 0.2s ease;
  -o-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
  color: #ea1b25;
}
.topics ul#topics-summary li a i, .topics ul#topics-summary-s li a i {
  font-size: 20px;
  cursor: pointer;
  position: relative;
  top: -1px;
}
.topics ul#topics-summary li a:hover, .topics ul#topics-summary-s li a:hover {
  background-color: black;
  color: white !important;
}

.years {
  max-width: 110px;
}

.duration a {
  float: left;
  margin-right: 10px;
  width: 85px;
  position: relative;
}
.duration-HH {
  width: calc(69% - 95px);
  text-align: center;
  float: left;
  margin-right: 10px;
}
.duration-mm {
  width: calc(68% - 95px);
  text-align: center;
  float: left;
}
.duration #duration-dropdown, .duration #duration-dropdown-s {
  width: 85px;
}

input {
  margin-bottom: 20px;
}

.topics, .years, .country, .duration, .genero {
  position: relative;
  margin-bottom: 20px;
}
.topics a, .years a, .country a, .duration a, .genero a {
  display: block;
  border: 2px solid #222222;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0.03em;
  padding: 13px 10px;
  height: 40px;
  font-weight: 700;
  overflow: hidden;
}
.topics #topics-dropdown, .topics #topics-dropdown-s, .topics #genero-dropdown, .topics #year-dropdown, .topics #year-dropdown-s, .topics #year-dropdown-statistic, .topics #country-dropdown, .topics #country-dropdown-s, .topics #duration-dropdown, .topics #duration-dropdown-s, .years #topics-dropdown, .years #topics-dropdown-s, .years #genero-dropdown, .years #year-dropdown, .years #year-dropdown-s, .years #year-dropdown-statistic, .years #country-dropdown, .years #country-dropdown-s, .years #duration-dropdown, .years #duration-dropdown-s, .country #topics-dropdown, .country #topics-dropdown-s, .country #genero-dropdown, .country #year-dropdown, .country #year-dropdown-s, .country #year-dropdown-statistic, .country #country-dropdown, .country #country-dropdown-s, .country #duration-dropdown, .country #duration-dropdown-s, .duration #topics-dropdown, .duration #topics-dropdown-s, .duration #genero-dropdown, .duration #year-dropdown, .duration #year-dropdown-s, .duration #year-dropdown-statistic, .duration #country-dropdown, .duration #country-dropdown-s, .duration #duration-dropdown, .duration #duration-dropdown-s, .genero #topics-dropdown, .genero #topics-dropdown-s, .genero #genero-dropdown, .genero #year-dropdown, .genero #year-dropdown-s, .genero #year-dropdown-statistic, .genero #country-dropdown, .genero #country-dropdown-s, .genero #duration-dropdown, .genero #duration-dropdown-s {
  max-height: 200px;
  overflow-y: scroll;
  max-width: 100%;
  border: 2px solid #222222;
}

#catalogo-main-section, #realizadores-main-section {
  margin-top: 15px;
}
#catalogo-main-section header, #realizadores-main-section header {
  margin-bottom: 5px;
}
@media only screen and (min-width: 64em) {
  #catalogo-main-section header, #realizadores-main-section header {
    margin-bottom: 20px;
  }
}
#catalogo-main-section header h1, #realizadores-main-section header h1 {
  margin-bottom: 5px;
}
@media only screen and (min-width: 40em) {
  #catalogo-main-section header h1, #realizadores-main-section header h1 {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 64em) {
  #catalogo-main-section header h1, #realizadores-main-section header h1 {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 64em) {
  #catalogo-main-section header .search-mobile, #realizadores-main-section header .search-mobile {
    display: none;
  }
}
#catalogo-main-section header .search-mobile a, #realizadores-main-section header .search-mobile a {
  display: inline-block;
}
#catalogo-main-section header .order, #realizadores-main-section header .order {
  margin-bottom: 10px;
}
@media only screen and (min-width: 40em) {
  #catalogo-main-section header .order, #realizadores-main-section header .order {
    text-align: right;
    margin-bottom: 0px;
  }
}
#catalogo-main-section header .order p, #realizadores-main-section header .order p {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
}
#catalogo-main-section header .order a, #realizadores-main-section header .order a {
  margin-left: 7px;
  border: none;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
#catalogo-main-section header .order a:first-of-type, #realizadores-main-section header .order a:first-of-type {
  margin-left: 0;
}
#catalogo-main-section header .order a.active, #realizadores-main-section header .order a.active {
  background-color: transparent;
  color: #ea1b25;
}
#catalogo-main-section .catalogo-sidebar, #catalogo-main-section .realizadores-sidebar, #realizadores-main-section .catalogo-sidebar, #realizadores-main-section .realizadores-sidebar {
  /*opacity: 1;
  @include transition(opacity 0.5s ease-in-out);
  &:hover {
  	opacity: 1;
  }*/
}
#catalogo-main-section .catalogo-sidebar .container, #catalogo-main-section .realizadores-sidebar .container, #realizadores-main-section .catalogo-sidebar .container, #realizadores-main-section .realizadores-sidebar .container {
  display: none;
}
@media only screen and (min-width: 64em) {
  #catalogo-main-section .catalogo-sidebar .container, #catalogo-main-section .realizadores-sidebar .container, #realizadores-main-section .catalogo-sidebar .container, #realizadores-main-section .realizadores-sidebar .container {
    display: block;
    z-index: 0;
    position: relative;
  }
}
@media only screen and (min-width: 64em) {
  #catalogo-main-section .catalogo-sidebar .pesquisa-geral, #catalogo-main-section .catalogo-sidebar .pesquisa-especifica, #catalogo-main-section .realizadores-sidebar .pesquisa-geral, #catalogo-main-section .realizadores-sidebar .pesquisa-especifica, #realizadores-main-section .catalogo-sidebar .pesquisa-geral, #realizadores-main-section .catalogo-sidebar .pesquisa-especifica, #realizadores-main-section .realizadores-sidebar .pesquisa-geral, #realizadores-main-section .realizadores-sidebar .pesquisa-especifica {
    border: 2px solid #222222;
    padding: 18px 18px 18px;
    border-top: 8px solid #222222;
  }
}
#catalogo-main-section .catalogo-sidebar .pesquisa-geral, #catalogo-main-section .realizadores-sidebar .pesquisa-geral, #realizadores-main-section .catalogo-sidebar .pesquisa-geral, #realizadores-main-section .realizadores-sidebar .pesquisa-geral {
  			/*.topics {
  				margin-bottom: 0px;
  				ul#topics-summary {
  					margin-top: 10px;
  					li{
  						float: left;
  						margin-right: 6px;
  						margin-bottom: 0px;
  						span {
  							font-size: 13px;
  							display: inline-block;
  							text-transform: uppercase;
  						}
  						a {
  							display: inline-block;
  							border: 2px solid $black;
  							box-shadow: inset 0 0 0px $black;
  							border-radius: 15px;
  							height: 18px;
  							padding: 0px 4px;
  							width: 19px;
  							position: relative;
  							top: 2px;
  							margin: 0 1px;
  							@include transition((color 0.3s ease, box-shadow 0.5s ease));
  							color: $red;
  							i {
  								font-size: 18px;
  								cursor: pointer
  
  							}
  							&:hover {
  								box-shadow: inset 0px 50px 0px $black;
  								color: white !important;
  							}
  						}
  					}
  				}
  			}*/
}
@media only screen and (min-width: 64em) {
  #catalogo-main-section .catalogo-sidebar .pesquisa-geral, #catalogo-main-section .realizadores-sidebar .pesquisa-geral, #realizadores-main-section .catalogo-sidebar .pesquisa-geral, #realizadores-main-section .realizadores-sidebar .pesquisa-geral {
    margin-bottom: 30px;
  }
}
#catalogo-main-section .catalogo-sidebar .pesquisa-especifica, #catalogo-main-section .realizadores-sidebar .pesquisa-especifica, #realizadores-main-section .catalogo-sidebar .pesquisa-especifica, #realizadores-main-section .realizadores-sidebar .pesquisa-especifica {
  /*.years {
  	max-width: 110px;
  }
  .duration {
  	a {
  		float: left;
  		margin-right: 10px;
  		width: 85px;
  		position: relative;
  	}
  	input[type="time"] {
  		width: calc(100% - 95px);
  		float: left;
  	}
  	#duration-dropdown {
  		width: 85px;
  	}
  }*/
}
#catalogo-main-section .catalogo-sidebar input, #catalogo-main-section .realizadores-sidebar input, #realizadores-main-section .catalogo-sidebar input, #realizadores-main-section .realizadores-sidebar input {
  margin-bottom: 20px;
}

/*.topics, .years, .country, .duration {
	position: relative;
	margin-bottom: 30px;
	a {
		display: block;
		border: 2px solid $black;
		font-size: 13px;
		line-height: 13px;
		letter-spacing: 0.03em;
		padding: 13px 10px;
		height: 40px;
		@include strong;
	}
	#topics-dropdown, #year-dropdown, #country-dropdown, #duration-dropdown {
		max-height: 200px;
		overflow-y: scroll;
		max-width: 100%;
		border: 2px solid $black;
	}
}*/
.dropdown-input {
  position: relative;
}
.dropdown-input .arrow {
  background-color: white;
  height: 40px;
  width: 30px;
  position: absolute;
  right: 0px;
  top: -2px;
  border: 2px solid #222222;
  border-right: none;
  background-image: url("../images/assets/select.png");
  background-position: 52% 52%;
  background-repeat: no-repeat;
  background-size: 37% auto;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.dropdown-input .arrow:hover {
  background-color: #ea1b25;
}

.film-modulo {
  position: relative;
}
.film-modulo .imagem-filme-container {
  margin-bottom: 10px;
}
@media only screen and (min-width: 64em) {
  .film-modulo .imagem-filme-container {
    margin-bottom: 0px;
  }
}
.film-modulo h2 {
  font-size: 15px;
  letter-spacing: 0.4px;
  line-height: 18px;
  font-weight: 700;
}
@media only screen and (min-width: 40em) {
  .film-modulo h2 {
    /*min-height: 72px;*/
  }
}
@media only screen and (min-width: 64em) {
  .film-modulo h2 {
    font-size: 19px;
    line-height: 21px;
    letter-spacing: 0.8px;
    /*min-height: 50px;*/
    padding-right: 50px;
  }
}
.film-modulo h3 {
  font-size: 13px;
  letter-spacing: 0.8px;
  line-height: 18px;
  color: #ea1b25;
  font-weight: 400;
}
@media only screen and (min-width: 40em) {
  .film-modulo h3 {
    min-height: 36px;
  }
}
@media only screen and (min-width: 64em) {
  .film-modulo h3 {
    min-height: auto;
  }
}
.film-modulo ul.film-summary {
  float: none;
  overflow: hidden;
  margin-bottom: 10px;
}
@media only screen and (min-width: 64em) {
  .film-modulo ul.film-summary {
    margin-bottom: 10px;
  }
}
.film-modulo a.readmore {
  font-size: 12px;
  letter-spacing: 0.81px;
  line-height: 12px;
  float: none;
  display: block;
  /*position: absolute;
  bottom: 0px;*/
}

/* Notícias */
.destaque {
  position: relative;
}
.destaque figure, .destaque .imagem-background {
  padding-bottom: 0px;
  height: 600px;
  position: relative;
}
@media only screen and (min-width: 64em) {
  .destaque figure, .destaque .imagem-background {
    margin-bottom: 0px;
    padding-bottom: 56.25%;
    height: 0;
  }
}
.destaque .imagem-background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: hsla(0, 0%, 0%, 0.5);
  background-blend-mode: overlay;
}
.destaque div.info {
  z-index: 2;
  position: absolute;
  bottom: 40px;
  padding: 0 40px;
}
@media only screen and (min-width: 40em) {
  .destaque div.info {
    padding: 0 60px;
    bottom: 55px;
  }
}
@media only screen and (min-width: 64em) {
  .destaque div.info {
    position: absolute;
    width: 65%;
    max-width: 500px;
    bottom: 55px;
    left: 50px;
  }
}
.destaque div.info h1, .destaque div.info p, .destaque div.info a {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.destaque div.info h1 a:hover, .destaque div.info p a:hover, .destaque div.info a a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.destaque div.info h1 {
  color: white;
  font-size: 26px;
  line-height: 29px;
  border-bottom: 4px solid white;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.destaque div.info p {
  color: white;
  font-size: 14px;
  color: white;
  letter-spacing: 1px;
  line-height: 21px;
  margin-bottom: 40px;
}
.destaque div.info a.link-small {
  color: white;
  font-size: 12px;
}

#news-header #destaque {
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (min-width: 64em) {
  #news-header #destaque {
    margin-bottom: 0px;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
}
#news-header #destaque figure, #news-header #destaque .imagem-background {
  padding-bottom: 0px;
  height: 600px;
  min-height: 600px;
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (min-width: 64em) {
  #news-header #destaque figure, #news-header #destaque .imagem-background {
    margin-bottom: 0px;
    padding-bottom: 56.25%;
    height: 0;
    min-height: 0;
  }
}
#news-header #destaque div.info {
  z-index: 20;
  position: absolute;
  bottom: 60px;
  padding: 0 30px;
}
@media only screen and (min-width: 40em) {
  #news-header #destaque div.info {
    width: 100%;
    bottom: 80px;
    padding: 0 45px;
  }
}
@media only screen and (min-width: 64em) {
  #news-header #destaque div.info {
    width: 75%;
    bottom: 40px;
    left: 45px;
    padding: 0 30px;
  }
}
#news-header #destaque div.info h1 {
  color: white;
  font-size: 26px;
  line-height: 29px;
  border-bottom: 4px solid white;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
#news-header #destaque div.info p {
  color: white;
  font-size: 14px;
  color: white;
  letter-spacing: 1px;
  line-height: 21px;
}
#news-header #destaque div.info a.link-small {
  color: white;
  font-size: 12px;
}
#news-header .newsletter-container {
  padding: 0px 20px;
}
@media only screen and (min-width: 40em) {
  #news-header .newsletter-container {
    padding: 0px 45px;
  }
}
@media only screen and (min-width: 64em) {
  #news-header .newsletter-container {
    padding: 0px 0.9375rem;
  }
}
#news-header .newsletter {
  background-color: #ff4d52;
  padding: 50px 35px;
}
@media only screen and (min-width: 64em) {
  #news-header .newsletter {
    padding: 30px 35px 35px;
  }
}
#news-header .newsletter h2 {
  font-size: 20px;
  letter-spacing: 0.66px;
  line-height: 25px;
  margin-bottom: 13px;
}
#news-header .newsletter p {
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 21px;
  margin-bottom: 30px;
}
#news-header .newsletter input:hover, #news-header .newsletter input:focus, #news-header .newsletter input[type="text"], #news-header .newsletter input[type="text"]:focus {
  border-color: #222222;
}
#news-header .newsletter input.mb8 {
  margin-bottom: 30px;
}
@media only screen and (min-width: 64em) {
  #news-header .newsletter input.mb8 {
    margin-bottom: 80px;
  }
}
#news-header .newsletter input:not([type="submit"]) {
  box-shadow: none;
}

@media only screen and (min-width: 64em) {
  .news-article-small {
    width: 33.33% !important;
    float: left !important;
    clear: none !important;
  }
}

.news-article-small, .press-article-small {
  margin-bottom: 30px;
}
.news-article-small .info, .press-article-small .info {
  padding: 10px 30px 10px 0px;
}
.news-article-small .info h2, .press-article-small .info h2 {
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
  min-height: 69px;
}
.news-article-small .info p, .press-article-small .info p {
  font-size: 14px;
  line-height: 21px;
  min-height: 105px;
}

.news-article-big {
  margin-bottom: 30px;
}
@media only screen and (min-width: 64em) {
  .news-article-big {
    height: auto !important;
    width: 100% !important;
  }
}
.news-article-big .container {
  background-color: #ffe75d;
}
.news-article-big .info {
  padding: 10px 35px 15px 20px;
}
@media only screen and (min-width: 64em) {
  .news-article-big .info {
    padding: 50px 35px 0px;
  }
}
.news-article-big .info h2 {
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}
.news-article-big .info p {
  font-size: 14px;
  line-height: 21px;
}

/* Single Notícias */
section#noticia-section header .share-module p {
  margin-bottom: 0px;
}
section#noticia-section .topics-news h3 {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
section#noticia-section .topics-news ul {
  position: relative;
  top: -2px;
}

.text-container img {
  margin-bottom: 10px;
}
@media only screen and (min-width: 40em) {
  .text-container img {
    max-width: 55%;
    max-height: 800px;
    width: auto;
    height: auto;
    float: left;
    margin: 10px 30px 10px 0px;
  }
}
.text-container img.full-width {
  max-width: none;
  max-height: none;
  width: 100%;
  height: auto;
}
.text-container img.float-right {
  float: right;
  margin: 10px 0px 10px 30px;
}

/* Short Film Pool */
.short-film header {
  margin-bottom: 10px !important;
}
.short-film header h1 {
  margin-bottom: 5px !important;
}
.short-film header p {
  color: #ea1b25;
  font-size: 12px;
  line-height: 18px;
}

#shortfilmpool-description {
  margin-top: 20px;
  margin-bottom: 10px;
  background-color: #ff4d52;
  color: white;
  border-top: 8px solid #222222;
  padding: 30px 18px 45px 18px;
}
@media only screen and (min-width: 40em) {
  #shortfilmpool-description {
    padding: 30px 100px 45px 18px;
  }
}
@media only screen and (min-width: 64em) {
  #shortfilmpool-description {
    padding: 30px 18px 45px;
    margin-bottom: 30px;
    margin-top: 0px;
  }
}
#shortfilmpool-description p {
  font-size: 14px !important;
  line-height: 21px;
  margin-bottom: 0px;
  font-weight: 700;
}

/* Realizadores */
.pesquisa-alphabetic {
  padding: 18px 13px !important;
}
.pesquisa-alphabetic .form-container {
  padding: 0px 5px;
}

ul.alphabetic-order {
  display: block;
  overflow: hidden;
  width: 100%;
  paddin: 0px -5px;
}
ul.alphabetic-order li {
  display: block;
  position: relative;
  margin: 0px 0px 10px 0px;
  width: 20%;
  float: left;
  padding: 0px 5px;
}
ul.alphabetic-order li input {
  margin-bottom: 0px !important;
  position: absolute;
  height: 100% !important;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 2;
  cursor: pointer;
}
ul.alphabetic-order li label.label-button {
  background-color: transparent;
  color: #222222;
  border: 2px solid #222222;
  margin: 0px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
  display: block;
  padding: 3px 0px;
  transition: background-color 0.2s ease;
}

.modulo-director {
  position: relative;
}
.modulo-director h2 {
  font-size: 20px;
  line-height: 22px;
  text-transform: none;
  margin-bottom: 20px;
  font-weight: 700;
}
.modulo-director figure {
  padding-bottom: 40%;
  width: 40%;
  height: 0;
  display: block;
  position: relative;
  margin-right: 30px;
  margin-bottom: 15px;
}
.modulo-director figure a:hover img {
  filter: sepia(100%);
  /*filter: sepia(100%) brightness(90%) saturate(500%) hue-rotate(8deg);*/
}
@media only screen and (min-width: 40em) {
  .modulo-director figure {
    padding-bottom: 20%;
    width: 20%;
    margin-bottom: 0px;
    float: left;
  }
}
.modulo-director figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}
.modulo-director .details {
  position: relative;
  padding-right: 20px;
}
@media only screen and (min-width: 40em) {
  .modulo-director .details {
    padding-right: 100px;
    width: calc(80% - 30px);
    float: left;
  }
}
.modulo-director a.link-small {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 13px;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.modulo-director a.link-small:hover {
  color: #ea1b25 !important;
}
.modulo-director p {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 19px;
}
.modulo-director p span:after {
  content: "・";
  font-family: "Antenna", sans-serif;
  font-weight: 700;
}
.modulo-director p span:last-of-type:after {
  content: "";
}
.modulo-director p a {
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

/* Single Realizador */
section#realizador-main-section header {
  margin-bottom: 23px;
}
section#realizador-main-section header .share-module {
  position: relative;
  top: 1px;
  text-align: left;
  margin-top: 5px;
}
@media only screen and (min-width: 40em) {
  section#realizador-main-section header .share-module {
    text-align: right;
    margin-top: 0px;
  }
}
section#realizador-main-section header .share-module p {
  display: inline-block;
  margin-right: 0px;
  position: relative;
  top: 3px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 64em) {
  section#realizador-main-section header .share-module p {
    top: 0px;
    margin-right: 0px;
  }
}

#bio-realizador {
  padding: 14px 15px 15px;
  background-color: #ff4d52;
  margin-bottom: 30px;
}
#bio-realizador figure {
  width: 40%;
  padding-bottom: 40%;
  height: 0px;
  position: relative;
  margin-bottom: 12px;
  float: left;
  margin-right: 15px;
}
@media only screen and (min-width: 40em) {
  #bio-realizador figure {
    width: 20%;
    padding-bottom: 20%;
  }
}
@media only screen and (min-width: 64em) {
  #bio-realizador figure {
    width: 100%;
    padding-bottom: 100%;
  }
}
#bio-realizador figure img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#bio-realizador .bio {
  width: 100%;
}
@media only screen and (min-width: 40em) {
  #bio-realizador .bio {
    width: calc(80% - 30px);
    padding-right: 30px;
  }
}
@media only screen and (min-width: 64em) {
  #bio-realizador .bio {
    width: 100%;
    padding-right: 0px;
  }
}
#bio-realizador .bio h3 {
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 0px;
  line-height: 21px;
}
#bio-realizador .bio p {
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 0px;
  line-height: 21px;
  margin-bottom: 0px;
}

#filmografia-agencia {
  margin-bottom: 50px;
}

#filmografia-completa h3 {
  font-size: 16px;
  margin-bottom: 15px;
}
#filmografia-completa ul.film-summary li {
  float: left;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 23px;
}

/* Últimas seleccções */
.modulo-seleccao {
  border-top: 2px solid #222222;
  margin-bottom: 30px;
  padding: 15px 20px 15px 0px;
}
.modulo-seleccao p.date {
  font-size: 13px;
  margin-bottom: 3px;
}
.modulo-seleccao h3 {
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  color: #222222;
  margin-bottom: 0px;
}
.modulo-seleccao p.description {
  font-size: 15px;
  line-height: 21px;
}

.film-modulo-seleccoes {
  margin-bottom: 30px;
}

/* Estatísticas */
#estatisticas-header-section .years {
  float: left;
  margin-bottom: 0;
  width: 100px;
  margin-right: 15px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 64em) {
  #estatisticas-header-section .years {
    float: right;
    margin-right: 0px;
  }
}
#estatisticas-header-section .genero {
  min-width: 170px;
  max-width: 170px;
  float: left;
}
@media only screen and (min-width: 64em) {
  #estatisticas-header-section .genero {
    display: none;
  }
}
#estatisticas-header-section .order {
  margin-bottom: 20px;
  display: none;
}
@media only screen and (min-width: 64em) {
  #estatisticas-header-section .order {
    display: block;
  }
}
#estatisticas-header-section .order p {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
}
#estatisticas-header-section .order a {
  margin-left: 7px;
  border: none;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
#estatisticas-header-section .order a:first-of-type {
  margin-left: 0;
}
#estatisticas-header-section .order a.active {
  background-color: transparent;
  color: #ea1b25;
}
#estatisticas.grayout {
  opacity: 0.3; /* Real browsers */
  filter: alpha(opacity = 60); /* MSIE */
}

/* TABLES */
table thead, table tbody, table tfoot {
  border: none;
}

table {
  border: none;
  border-top: 4px solid #222222;
  font-weight: 700;
  font-family: "Antenna", sans-serif;
}
table .imagem-filme-container {
  display: none;
}
@media only screen and (min-width: 64em) {
  table .imagem-filme-container {
    display: block;
    width: 100px;
    margin-bottom: 10px;
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    transition: width 0.2s ease;
  }
  table .imagem-filme-container .ver-trailer {
    display: none;
  }
}
@media only screen and (min-width: 64em) {
  table .imagem-filme-container {
    float: left;
    margin-right: 13px;
    margin-bottom: 0px;
  }
}
table thead tr th {
  background-color: #ffe75d;
  font-size: 13px;
  letter-spacing: 0.02em;
  padding: 12px 10px 10px;
  text-align: center;
  color: black;
}
table thead tr th img {
  max-height: 25px;
  margin-bottom: 5px;
  display: none;
}
table tbody tr:hover {
  background-color: #ffe75d !important;
}
@media only screen and (min-width: 64em) {
  table tbody tr:hover .imagem-filme-container {
    width: 200px;
  }
  table tbody tr:hover .imagem-filme-container .ver-trailer {
    display: block;
  }
}
@media only screen and (min-width: 64em) {
  table tbody tr:hover td.movie-title .info {
    width: calc(100% - 200px - 15px);
  }
  table tbody tr:hover td.movie-title .info .film-summary {
    opacity: 1;
    display: block;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
}
table tbody tr:nth-child(2n) {
  background-color: #f7f7f7;
}
table tbody tr td {
  padding: 10px 10px;
  font-size: 13px;
}

td.movie-title {
  overflow: hidden;
  font-weight: 700;
}
@media only screen and (min-width: 64em) {
  td.movie-title {
    width: 450px;
    padding-left: 0px;
  }
}
@media only screen and (min-width: 64em) {
  td.movie-title .info {
    width: calc(100% - 100px - 15px);
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    transition: width 0.2s ease;
  }
  td.movie-title .info .film-summary {
    opacity: 0;
    display: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
}

td.numeric {
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}

@media only screen and (max-width: 800px) {
  /* Force table to not be like tables anymore */
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #no-more-tables td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }

  #no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 10px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
  }

  /*
  Label the data
  */
  #no-more-tables td:before {
    content: attr(data-title);
  }
}
/* About & Contacts */
#about {
  background-position: 35% 30px;
  background-repeat: no-repeat;
  background-size: 73%;
  min-height: 80vh;
}

section#about-section {
  margin-top: 30px;
}

section#equipa {
  padding: 40px 0px 10px;
  background-color: #ffe75d;
}
section#equipa article.team-member {
  margin-bottom: 30px;
}
section#equipa article.team-member figure {
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}

#about-2 {
  background-size: 0%;
}
@media only screen and (min-width: 64em) {
  #about-2 {
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: 90%;
    min-height: 80vh;
  }
}

@media only screen and (min-width: 64em) {
  section#about-section-2 .about-container {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
section#about-section-2 .container {
  margin-top: -4px;
  position: relative;
  overflow: hidden;
}
section#about-section-2 .container .intro-container {
  border-bottom: 6px solid #222222;
}
section#about-section-2 .container .intro {
  padding: 40px 20px 25px;
  margin-bottom: 0px;
  background-color: #ff4d52;
  border-bottom: 6px solid #222222;
}
@media only screen and (min-width: 40em) {
  section#about-section-2 .container .intro {
    padding: 40px 100px 20px 45px;
  }
}
@media only screen and (min-width: 64em) {
  section#about-section-2 .container .intro {
    margin-bottom: 0px;
    padding: 75px 100px 75px 0px;
  }
}
section#about-section-2 .container .intro p {
  font-size: 18px;
  line-height: 26px;
  color: white;
}
@media only screen and (min-width: 40em) {
  section#about-section-2 .container .intro p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 64em) {
  section#about-section-2 .container .intro p {
    font-size: 24px;
    line-height: 33px;
  }
}
section#about-section-2 .container .text {
  overflow: hidden;
  border-bottom: 6px solid #222222;
  padding: 35px 20px 30px;
}
@media only screen and (min-width: 40em) {
  section#about-section-2 .container .text {
    padding: 35px 45px 30px;
  }
}
@media only screen and (min-width: 64em) {
  section#about-section-2 .container .text {
    border-bottom: none;
    border-right: 6px solid #222222;
    padding: 50px 45px 85px;
  }
}
section#about-section-2 .container #contacts {
  display: none;
  position: absolute;
  border-bottom: 6px solid #222222;
  border-right: 6px solid white;
  border-left: 6px solid #222222;
  top: 0px;
  right: 0px;
  padding: 90px 40px 270px;
  font-size: 13px;
}
@media only screen and (min-width: 64em) {
  section#about-section-2 .container #contacts {
    display: block;
    width: calc(25% + 1px);
  }
}
section#about-section-2 .container #contacts h3, section#about-section-2 .container #contacts p {
  font-size: 13px;
  line-height: 17px;
}
section#about-section-2 .container #contacts-local {
  padding: 30px 20px 0px;
}
@media only screen and (min-width: 40em) {
  section#about-section-2 .container #contacts-local {
    padding: 30px 45px 0px;
  }
}
@media only screen and (min-width: 64em) {
  section#about-section-2 .container #contacts-local {
    padding: 90px 0px 70px 0px;
  }
  section#about-section-2 .container #contacts-local .large-3 {
    padding-right: 15px;
  }
}
section#about-section-2 .container #contacts-local h3, section#about-section-2 .container #contacts-local p {
  font-size: 13px;
  line-height: 17px;
}

#equipa-2 {
  overflow: hidden;
  background-color: #ffe75d;
  padding: 30px 5px 30px;
}
@media only screen and (min-width: 40em) {
  #equipa-2 {
    padding: 30px 30px 30px;
  }
}
@media only screen and (min-width: 64em) {
  #equipa-2 {
    border-bottom: none;
    border-top: 6px solid #222222;
    padding: 50px 120px 30px 120px;
  }
}
#equipa-2 h2 {
  font-size: 24px;
  height: auto;
  line-height: 33px;
}
#equipa-2 article.team-member {
  margin-bottom: 25px;
}
#equipa-2 article.team-member figure {
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}
#equipa-2 article.team-member figure img {
  webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
#equipa-2 article.team-member h3, #equipa-2 article.team-member h4 {
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 18px;
}
#equipa-2 article.team-member h3 {
  margin-bottom: 1px;
}

#log-in {
  padding: 0 10% 0 10%;
}

/* recaptcha */
.grecaptcha-badge { 
  visibility: hidden;
}
.grecaptcha-badge, .google-tcs { 
  visibility: hidden;
  height: 0px;
}