/* хэдэр */

#menu a:nth-child(2) {
  font-weight: 700;
}

.nav_menu.active {
  z-index: 3;
}

#posters {
  padding-top: 4.2vw;
  position: relative;
}

.tickers {
  display: flex;
  flex-direction: column;
  gap: 2.1vw;
}

#first_row,
#second_row,
#third_row {
  white-space: nowrap;
  overflow: hidden;
}

.posters img {
  height: 42vw;
  width: 30vw;
  margin-right: 1.5vw;
}

.posters {
  display: inline-block;
  animation: ticker 13s infinite linear;
}

@keyframes ticker {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

#first_row:hover .posters,
#second_row:hover .posters,
#third_row:hover .posters {
  animation-play-state: paused;
}

#posters::before,
#posters::after {
  position: absolute;
  top: 0;
  width: 20vw;
  height: 100%;
  content: '';
  z-index: 2;
}

#posters::before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #6b854f);
}

#posters::after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #6b854f);
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .posters img {
    height: 63vw;
    width: 45vw;
    margin-right: 1.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .posters img {
    height: 36.5vw;
    width: 26.1vw;
  }
}