* {
  margin: 0;
  border: 0;
  padding: 0;
  outline: 0;
  border-radius: 0;
  background: none;
  vertical-align: top;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-tap-highlight-color: transparent; }
  *, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

li {
  display: block; }

a {
  text-decoration: none;
  -webkit-transition: 500ms opacity;
  -o-transition: 500ms opacity;
  transition: 500ms opacity; }

@font-face {
  font-family: 'Mardoto';
  src: url("../fonts/Mardoto-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  text-rendering: auto; }

@font-face {
  font-family: 'Mardoto';
  src: url("../fonts/Mardoto-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  text-rendering: auto; }

@font-face {
  font-family: 'Mardoto';
  src: url("../fonts/Mardoto-MediumItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  text-rendering: auto; }

html {
  float: left;
  width: 100%;
  font: 24px "Mardoto", sans-serif;
  height: 100%;
  display: table;
  border-bottom: 20px solid #a71f67; }
  
  @media screen and (min-width: 2000px) {
    html {
      font-size: 26px; } }
  @media screen and (max-width: 1999px) {
    html {
      font-size: 21px; } }
  @media screen and (max-width: 1580px) {
    html {
      font-size: 19px; } }
  @media screen and (max-width: 1280px) {
    html {
      font-size: 17px; } }
  @media screen and (max-width: 1080px) {
    html {
      font-size: 14px; } }
  @media screen and (orientation: landscape) and (max-width: 764px) {
    html {
      font-size: 12px;
	  border-bottom: 15px solid #a71f67; } }
  @media screen and (orientation: portrait) and (max-width: 764px) {
    html {
      font-size: 10px;
	  border-bottom: 15px solid #a71f67; } }
	  

body {
  float: left;
  width: 100%;
  min-height: 100%;
  background: url(../images/bg.jpg) no-repeat 50% 0/cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white; }

br {
  display: none; }
  @media screen and (orientation: portrait) and (max-width: 764px) {
    br {
      display: block; } }

.content-wrapper {
  margin: auto;
  text-align: center;
  padding: 1.66667rem 0; }
  @media screen and (orientation: portrait) and (max-width: 764px) {
    .content-wrapper {
      margin: 8px auto 0; } }

.actors-names {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .actors-names li {
    margin: 0 1.375rem 0.45833rem;
    font-style: italic; }

.actors-poster {
  float: left;
  width: 100%;
  margin: 0 0 -10.83333rem; }
  @media screen and (orientation: portrait) and (max-width: 764px) {
    .actors-poster {
      margin: 27px 0 -92px; } }
  .actors-poster img {
    display: block;
    margin: auto;
    width: 34.58333rem;
    max-width: 100%; }
    @media screen and (orientation: portrait) and (max-width: 764px) {
      .actors-poster img {
        width: 300px; } }

h1 {
  float: left;
  width: 100%;
  text-transform: uppercase;
  font: 900 3.5rem "Mardoto", sans-serif; }
  @media screen and (orientation: portrait) and (max-width: 764px) {
    h1 {
      font-size: 32px; }
      h1:first-line {
        font-size: 52px; } }

.badge-wrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 1.41667rem; }
  @media screen and (orientation: portrait) and (max-width: 764px) {
    .badge-wrapper {
      padding: 6px 0 0; } }
  .badge-wrapper button {
    display: block;
    pointer-events: none;
    height: 3.16667rem;
    padding: 0 4.83333rem;
    background: white;
    font: italic 1.25rem "Mardoto", sans-serif;
    color: #1F2B46; }
    @media screen and (orientation: portrait) and (max-width: 764px) {
      .badge-wrapper button {
        font-size: 15px;
        height: 38px; } }

h2 {
  float: left;
  width: 100%;
  font: 1.25rem "Mardoto", sans-serif;
  letter-spacing: 0.29em; }
  @media screen and (orientation: portrait) and (max-width: 764px) {
    h2 {
      font-size: 13px; } }

.actions-holder {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 3.25rem 0 4.58333rem; }
  @media screen and (orientation: portrait) and (max-width: 764px) {
    .actions-holder {
      margin: 26px 0 40px; } }
  .actions-holder a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    font-size: 0.91667rem; }
    @media screen and (orientation: portrait) and (max-width: 764px) {
      .actions-holder a {
        font-size: 11px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 90px; } }
    .actions-holder a + a {
      margin: 0 0 0 4.58333rem; }
      @media screen and (orientation: portrait) and (max-width: 764px) {
        .actions-holder a + a {
          margin: 0; } }
    .actions-holder a.disabled {
      opacity: 0.3;
      pointer-events: none; }
    .actions-holder a:hover {
      opacity: 0.7; }
    .actions-holder a img {
      width: 2.29167rem;
      height: 2.29167rem;
      display: block; }
      @media screen and (orientation: portrait) and (max-width: 764px) {
        .actions-holder a img {
          width: 27px;
          height: 27px; } }
    .actions-holder a span {
      display: block;
      margin: 0 0 0 0.58333rem; }
      @media screen and (orientation: portrait) and (max-width: 764px) {
        .actions-holder a span {
          margin: 11px 0 0; } }

.sponsors-links {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .sponsors-links a {
    display: block;
    margin: 0 1.5rem; }
    .sponsors-links a img {
      display: block; }
    .sponsors-links a:hover {
      opacity: 0.7; }
    .sponsors-links a:nth-child(1) img {
      max-width: 5.41667rem; }
      @media screen and (orientation: portrait) and (max-width: 764px) {
        .sponsors-links a:nth-child(1) img {
          max-width: 59px; } }
    .sponsors-links a:nth-child(2) img {
      max-width: 3.66667rem; }
      @media screen and (orientation: portrait) and (max-width: 764px) {
        .sponsors-links a:nth-child(2) img {
          max-width: 40px; } }
    .sponsors-links a:nth-child(3) img {
      max-width: 11.75rem; }
      @media screen and (orientation: portrait) and (max-width: 764px) {
        .sponsors-links a:nth-child(3) img {
          max-width: 128px; } }

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