p {
  margin: 0;
}

.banner-wrapper {
  position: relative;
  width: 100vw;
  height: 46.9vw;
  margin: 0;
  overflow: hidden;
}

.banner-wrapper > img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.banner-title-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%;
  margin-left: 10%;
  text-shadow: 0 0 10vw rgb(114 114 114);
  z-index: 6;
  font-family: "TradeGothicLTBoldCondensed", sans-serif;
}

.banner-title-wrapper > h1 {
  margin-top: 3vw;
  margin-bottom: 0;
  line-height: 6.1vw;
  font-size: 7.6vw;
  letter-spacing: -0.4vw;
}

.banner-title-wrapper > h3 {
  font-size: 1.5vw;
  margin: 1vw 0 0 0;
}

.info-section {
  display: flex;
  height: 53vw;
  margin: 0 2.8vw;
  font-size: 1.2vw;
}

.info-section > div {
  width: calc(50% - 2.4vw);
  padding: 2.4vw 1.2vw;
  z-index: 6;
}

.info-poster {
  position: relative;
}

.info-poster-wrapper {
  position: absolute;
  top: -2.4vw;
  bottom: 2.4vw;
  right: 1.2vw;
  width: 77%;
  overflow: hidden;
}

.info-poster-wrapper > img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.info-list {
  font-size: 1.2vw;
  font-family: "RobotoLight", sans-serif;
}

.info-tags {
  display: flex;
  padding: 0;
  margin: 0 0 2.4vw 0;
  list-style: none;
  font-family: "TradeGothicLTBold", sans-serif;
  font-weight: 600;
}

.info-tags > li:not(:first-child) {
  margin-left: 1.2vw;
}

.info-desc {
  max-height: 30vw;
  padding-right: 8%;
  margin-right: 15%;
  overflow-y: auto;
  line-height: 2vw;
}

.info-desc > p:not(:last-child) {
  margin: 0 0 2.4vw 0;
}

.info-desc::-webkit-scrollbar {
  width: 0.6vw;
  cursor: pointer;
}

.info-desc::-webkit-scrollbar-track {
  background: #17192bd1;
  border-left: 0.21vw solid rgb(5, 0, 31);
  border-right: 0.21vw solid rgb(5, 0, 31);
}

.info-desc::-webkit-scrollbar-thumb {
  background: #00bac0;
}

.info-desc::-webkit-scrollbar-thumb:hover {
  background: #00bac0b7;
}

.info-credits {
  padding: 0;
  margin: 2.4vw 0 0 0;
  list-style: none;
  font-size: 0.9vw;
}

.info-credits > li:not(:last-child) {
  margin-bottom: 0.6vw;
}

.info-credits > li > strong {
  font-family: "TradeGothicLTBold", sans-serif;
}

.review-section {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0 2.8vw;
  font-family: "TradeGothicLTBold", sans-serif;
  font-size: 1.6vw;
  z-index: 6;
}

.review-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 0;
  margin: 2.4vw 1.2vw;
  width: 21.2vw;
  z-index: inherit;
}

.review-wrapper > p {
  text-align: left;
  color: #fcdf2b;
  z-index: inherit;
}

.review-wrapper > span {
  text-align: right;
  margin-top: 0.2vw;
  z-index: inherit;
}

.date-section {
  display: flex;
  margin-right: 2.8vw;
  margin-left: 2.8vw;
  font-family: "TradeGothicLTBold", sans-serif;
}

.date-container,
.media-container {
  position: relative;
  width: calc(50% - 2.4vw);
  height: 45.23vw;
  padding: 2.4vw 1.2vw;
  z-index: 6;
}

.date-container > h2 {
  color: #ee3355;
  margin: 0 0 2.4vw 0;
  font-size: 3vw;
}

.date-additional-info {
  color: lightgrey;
  font-size: 1vw;
  margin-right: 8vw;
}

.date-list {
  max-height: 36vw;
  margin: 0 8vw 0 0;
  padding: 0 3.6vw 0 0;
  overflow-y: auto;
  list-style: none;
  font-size: 1.2vw;
}

.date-list > li:not(:last-child) {
  margin-bottom: 1.2vw;
}

.date-list > li {
  display: flex;
  justify-content: space-between;
}

.date-list > li > a {
  color: white;
  text-decoration: none;
  font-family: "RobotoRegular", sans-serif;
}

.date-list > li > a:hover {
  text-decoration: underline;
}

.date-list::-webkit-scrollbar {
  width: 0.6vw;
  cursor: pointer;
}

.date-list::-webkit-scrollbar-track {
  background: #17192bd1;
  border-left: 0.21vw solid #04031d;
  border-right: 0.21vw solid #04031d;
}

.date-list::-webkit-scrollbar-thumb {
  background: #ee3355;
}

.date-list::-webkit-scrollbar-thumb:hover {
  background: #ee3355b7;
}

.media-carousel {
  position: relative;
  top: 4.8vw;
  right: 0;
  width: 100%;
  height: 29.7vw;
  overflow: hidden;
}

.carousel-content {
  width: 100%;
  height: 100%;
}

.slick-track > img,
.slick-track > video {
  object-fit: cover;
}

.carousel-interface {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.carousel-interface > img {
  width: 4vw;
  height: 2vw;
  cursor: pointer;
  z-index: 7;
}

.carousel-interface > .left-arrow {
  transform: rotate(180deg);
}

.deco-container {
  height: 185vw;
}

.strips {
  position: absolute;
  width: 48vw;
  z-index: 3;
  user-select: none;
}

.strip1 {
  top: -35vw;
  left: 3vw;
}

.strip2 {
  top: -4vw;
  left: -22.7vw;
}

.strip3 {
  top: -4vw;
  right: -27vw;
}

.strip4 {
  top: -5vw;
  right: -33.3vw;
}

.quartCircle {
  position: absolute;
  width: 58vw;
  z-index: 3;
  user-select: none;
}

.quartCircle1 {
  top: 100vw;
  right: -18.5vw;
}

.quartCircle2 {
  top: 127vw;
  left: -13.3vw;
  transform: rotate(180deg);
}

footer {
  margin-top: 26vw;
}