* { }

html {
  overflow-x: hidden; }

body {
  background-color: #FFF; }

.intro-wrapper {
  opacity: 0;
  pointer-events: none;
  transition: opacity .6s ease 3s;
  background-color: #FFF; }
  .intro-wrapper.active {
    opacity: 1;
    pointer-events: all; }
    .intro-wrapper.active img {
      opacity: 1; }
  .intro-wrapper img {
    width: 100%;
    height: auto;
    opacity: 0; }
  .intro-wrapper .row {
    margin-left: 0;
    margin-right: 0; }
    .intro-wrapper .row .col-3 {
      padding-left: 0;
      padding-right: 0; }
      .intro-wrapper .row .col-3:nth-of-type(1) img {
        transition: opacity .3s ease; }
      .intro-wrapper .row .col-3:nth-of-type(2) img {
        transition: opacity .3s ease .05s; }
      .intro-wrapper .row .col-3:nth-of-type(3) img {
        transition: opacity .3s ease .1s; }
      .intro-wrapper .row .col-3:nth-of-type(4) img {
        transition: opacity .3s ease .15s; }
      .intro-wrapper .row .col-3:nth-of-type(5) img {
        transition: opacity .3s ease .2s; }
      .intro-wrapper .row .col-3:nth-of-type(6) img {
        transition: opacity .3s ease .25s; }
      .intro-wrapper .row .col-3:nth-of-type(7) img {
        transition: opacity .3s ease .3s; }
      .intro-wrapper .row .col-3:nth-of-type(8) img {
        transition: opacity .3s ease .35s; }
      .intro-wrapper .row .col-3:nth-of-type(9) img {
        transition: opacity .3s ease .4s; }
      .intro-wrapper .row .col-3:nth-of-type(10) img {
        transition: opacity .3s ease .45s; }
      .intro-wrapper .row .col-3:nth-of-type(11) img {
        transition: opacity .3s ease .5s; }
      .intro-wrapper .row .col-3:nth-of-type(12) img {
        transition: opacity .3s ease .55s; }
      .intro-wrapper .row .col-3:nth-of-type(13) img {
        transition: opacity .3s ease .6s; }
      .intro-wrapper .row .col-3:nth-of-type(14) img {
        transition: opacity .3s ease .65s; }
      .intro-wrapper .row .col-3:nth-of-type(15) img {
        transition: opacity .3s ease .7s; }
      .intro-wrapper .row .col-3:nth-of-type(16) img {
        transition: opacity .3s ease .75s; }
      .intro-wrapper .row .col-3:nth-of-type(17) img {
        transition: opacity .3s ease .8s; }
      .intro-wrapper .row .col-3:nth-of-type(18) img {
        transition: opacity .3s ease .85s; }
      .intro-wrapper .row .col-3:nth-of-type(19) img {
        transition: opacity .3s ease .9s; }
      .intro-wrapper .row .col-3:nth-of-type(20) img {
        transition: opacity .3s ease .95s; }

.menu-wrapper {
  margin-top: -10000px;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .6s ease 1s; }
  .menu-wrapper.active {
    opacity: 1;
    pointer-events: all;
    transition: opacity .6s ease 1.5s; }
  .menu-wrapper .menu-row {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-left: 500px;
    margin-right: -500px;
    opacity: 0;
    background-color: #666;
    transition: opacity .6s ease 1s, margin .8s ease 1s; }
    .menu-wrapper .menu-row:hover {
      background-color: #fff; }
    .menu-wrapper .menu-row h3 {
      display: block;
      text-transform: uppercase;
      text-align: center;
      position: absolute;
      width: 100%;
      height: 80px;
      font-size: 21px;
      padding-top: 26px;
      bottom: -80px;
      margin-bottom: 0;
      transform-origin: 0 0;
      transform: rotate(-90deg); }
    .menu-wrapper .menu-row:nth-of-type(1) {
      transition: opacity .6s ease .2s, margin .8s ease .1s, background-color .6s ease; }
    .menu-wrapper .menu-row:nth-of-type(2) {
      transition: opacity .6s ease .35s, margin .8s ease .25s, background-color .6s ease; }
    .menu-wrapper .menu-row:nth-of-type(3) {
      transition: opacity .6s ease .5s, margin .8s ease .4s, background-color .6s ease; }
    .menu-wrapper .menu-row .menu-row-title {
      position: absolute;
      height: 100%;
      display: flex;
      border-bottom: 1px solid #000; }
    .menu-wrapper .menu-row:last-of-type .menu-row-title {
      border-bottom: none; }
    .menu-wrapper .menu-row .menu-frames-wrapper {
      display: flex;
      flex-direction: row;
      position: relative;
      width: calc(100vw - 80px);
      margin-left: 80px;
      background-color: #000; }
      .menu-wrapper .menu-row .menu-frames-wrapper .menu-row-img {
        position: relative;
        width: 50%;
        height: auto;
        opacity: 0;
        justify-content: center;
        display: flex; }
        .menu-wrapper .menu-row .menu-frames-wrapper .menu-row-img img {
          width: 70%;
          filter: grayscale(100%);
          transition: filter .6s ease; }
        .menu-wrapper .menu-row .menu-frames-wrapper .menu-row-img:hover img {
          filter: grayscale(0); }
        .menu-wrapper .menu-row .menu-frames-wrapper .menu-row-img:hover .menu-img-text-wrapper {
          background-color: rgba(0, 0, 0, 0.3); }
          .menu-wrapper .menu-row .menu-frames-wrapper .menu-row-img:hover .menu-img-text-wrapper .menu-img-text {
            opacity: 1; }
        .menu-wrapper .menu-row .menu-frames-wrapper .menu-row-img .menu-img-text-wrapper {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-transform: uppercase;
          color: #fff;
          background-color: rgba(0, 0, 0, 0.7);
          transition: background .6s ease; }
          .menu-wrapper .menu-row .menu-frames-wrapper .menu-row-img .menu-img-text-wrapper .menu-img-text {
            text-align: center;
            opacity: .3;
            transition: opacity .6s ease;
            font-size: 26px; }
    .menu-wrapper .menu-row:nth-of-type(1) .menu-frames-wrapper .menu-row-img:nth-of-type(1) {
      transition: opacity .6s ease 0s; }
    .menu-wrapper .menu-row:nth-of-type(1) .menu-frames-wrapper .menu-row-img:nth-of-type(2) {
      transition: opacity .6s ease .05s; }
    .menu-wrapper .menu-row:nth-of-type(2) .menu-frames-wrapper .menu-row-img:nth-of-type(1) {
      transition: opacity .6s ease .15s; }
    .menu-wrapper .menu-row:nth-of-type(2) .menu-frames-wrapper .menu-row-img:nth-of-type(2) {
      transition: opacity .6s ease .2s; }
    .menu-wrapper .menu-row:nth-of-type(3) .menu-frames-wrapper .menu-row-img:nth-of-type(1) {
      transition: opacity .6s ease .3s; }
    .menu-wrapper .menu-row:nth-of-type(3) .menu-frames-wrapper .menu-row-img:nth-of-type(2) {
      transition: opacity .6s ease .35s; }
  .menu-wrapper.active .menu-row {
    margin-left: 0;
    margin-right: 0;
    opacity: 1;
    transition: opacity .6s ease 1s, margin .6s ease 1.3s; }
    .menu-wrapper.active .menu-row:nth-of-type(1) {
      transition: opacity .6s ease 1s, margin .8s ease 1.4s, background-color .6s ease; }
    .menu-wrapper.active .menu-row:nth-of-type(2) {
      transition: opacity .6s ease 1.15s, margin .8s ease 1.55s, background-color .6s ease; }
    .menu-wrapper.active .menu-row:nth-of-type(3) {
      transition: opacity .6s ease 1.3s, margin .8s ease 1.7s, background-color .6s ease; }
    .menu-wrapper.active .menu-row .menu-frames-wrapper .menu-row-img {
      opacity: 1; }
    .menu-wrapper.active .menu-row:nth-of-type(1) .menu-frames-wrapper .menu-row-img:nth-of-type(1) {
      transition: opacity .6s ease 1.55s; }
    .menu-wrapper.active .menu-row:nth-of-type(1) .menu-frames-wrapper .menu-row-img:nth-of-type(2) {
      transition: opacity .6s ease 1.6s; }
    .menu-wrapper.active .menu-row:nth-of-type(2) .menu-frames-wrapper .menu-row-img:nth-of-type(1) {
      transition: opacity .6s ease 1.7s; }
    .menu-wrapper.active .menu-row:nth-of-type(2) .menu-frames-wrapper .menu-row-img:nth-of-type(2) {
      transition: opacity .6s ease 1.75s; }
    .menu-wrapper.active .menu-row:nth-of-type(3) .menu-frames-wrapper .menu-row-img:nth-of-type(1) {
      transition: opacity .6s ease 1.85s; }
    .menu-wrapper.active .menu-row:nth-of-type(3) .menu-frames-wrapper .menu-row-img:nth-of-type(2) {
      transition: opacity .6s ease 1.1s; }

.detail-wrapper {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  transition: opacity .6s ease .3s; }
  .detail-wrapper.active {
    opacity: 1;
    pointer-events: all;
    transition: opacity .6s ease 1s; }
  .detail-wrapper .detail-return {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer; }
    .detail-wrapper .detail-return .detail-return-icon {
      width: 100%;
      text-align: center; }
  .detail-wrapper .detail-container {
    margin-left: 80px;
    margin-right: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
    display: none; }
    .detail-wrapper .detail-container .awards-row {
      display: flex;
      flex-direction: row;
      height: 50px; }
      .detail-wrapper .detail-container .awards-row img {
        height: 100%;
        width: auto;
        margin-right: 25px; }
    .detail-wrapper .detail-container .row {
      margin-left: 0;
      margin-right: 0; }
      .detail-wrapper .detail-container .row .detail-right-col img {
        width: 100%;
        margin-bottom: 25px; }
      .detail-wrapper .detail-container .row iframe {
        margin-top: 55px; }
    .detail-wrapper .detail-container .detail-banner-section {
      margin-bottom: 80px; }
    .detail-wrapper .detail-container .detail-text-section {
      margin-bottom: 80px; }
    .detail-wrapper .detail-container .detail-frames-section img {
      margin-bottom: 25px; }
    .detail-wrapper .detail-container .detail-trailer-section {
      margin-top: 80px; }

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