.banner-heroes {background-color: #000000;}
.banner-heroes .banner-heroes-wrp {max-width: 100%;}
.banner-heroes .banner-action a {
  background-color: #9F865C;
  display: inline-block;
  text-decoration: none;
  outline: none;
}
.banner-heroes .banner-action a i {
  display: block;
  width: 24px;
  height: 24px;
}
.banner-heroes .banner-action a i img {
  display: block;
  width: auto;
  height: 100%;
}

.winner,
.judges,
.behind,
.discover,
.submission {
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.winner-slider {margin-bottom: 0 !important;}
.winner-slider .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 32px;
}
.winner-slider .slick-prev,
.winner-slider .slick-next {
  width: 30px;
  height: 30px;
  z-index: 6;
  top: 25%;
  padding: 2px;
  transform: translateY(0);
  background-color: #EA5022;
}
.winner-slider .slick-prev::before,
.winner-slider .slick-next::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}
.winner-slider .slick-prev {left: 16px;}
.winner-slider .slick-next {right: 16px;}
.winner-slider .slick-prev::before {
  background: url(../assets/svg/arrow-white-left.svg);
  background-size: 100% 100%;
  background-position: center;
}
.winner-slider .slick-next::before {
  background: url(../assets/svg/arrow-white-right.svg);
  background-size: 100% 100%;
  background-position: center;
}
.card-winner {
  display: block;
  width: 100%;
}
.card-winner .card-wrp {
  width: 100%;
  height: 100%;

  background-color: #F6F6F6;
  padding: 16px;
}
.card-winner .card-thumbs {
  height: 250px;
}
.card-winner .card-thumbs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.card-judges {
  display: block;
  width: 100%;
}
.card-judges .card-wrp {
  width: 100%;
  height: 100%;
}
.card-judges .card-photo {
  display: block;
  width: 100%;
  max-width: 208px;
}
.judges-slider {
  margin-bottom: 0 !important;
  padding-left: 40px;
  padding-right: 40px;
}
.judges-slider .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 32px;
}
.judges-slider .slick-prev,
.judges-slider .slick-next {
  width: 30px;
  height: 30px;
  z-index: 2;
  top: 22%;
  transform: translateY(0);
}
.judges-slider .slick-prev {left: 0;}
.judges-slider .slick-next {right: 0;}
.judges-slider .slick-prev::before,
.judges-slider .slick-next::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}
.judges-slider .slick-prev::before {
  background: url(../assets/svg/arrow-left.svg);
  background-size: 100% 100%;
  background-position: center;
}
.judges-slider .slick-next::before {
  background: url(../assets/svg/arrow-right.svg);
  background-size: 100% 100%;
  background-position: center;
}

.behind-slider {margin-bottom: 0 !important;}
.behind-slider .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 32px;
}
.behind-slider .slick-prev,
.behind-slider .slick-next {
  width: 40px;
  height: 40px;
  z-index: 2;
  top: 22%;
  transform: translateY(0);
  background-color: #EA5022 !important;
  padding: 8px;
}
.behind-slider .slick-prev {left: 0;}
.behind-slider .slick-next {right: 0;}
.behind-slider .slick-prev::before,
.behind-slider .slick-next::before {
  display: block;
  width: 24px;
  height: 24px;
  content: "";
}
.behind-slider .slick-prev::before {
  background: url(../assets/svg/arrow-white-left.svg);
  background-size: 100% 100%;
  background-position: center;
}
.behind-slider .slick-next::before {
  background: url(../assets/svg/arrow-white-right.svg);
  background-size: 100% 100%;
  background-position: center;
}

.card-news .card-thumbs {
  position: relative;
  padding-top: calc((166/300) * 100%);
}
.card-news .card-thumbs a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;

  color: transparent;
  border: 0;
  text-decoration: none;
}
.card-news .card-thumbs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.heading-text {position: relative;}
.heading-text::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  height: 3px;
  background-color: #EA5022;
  content: '';
  display: block;
}
@media (min-width: 480px) {
  .card-winner .card-thumbs {
    height: 280px;
  }
  .winner-slider .slick-prev,
  .winner-slider .slick-next {top: 28%; width: 38px; height: 38px;}

  .card-judges .card-photo {max-width: 230px;}
  .judges-slider .slick-prev,
  .judges-slider .slick-next {top: 25%;}

  .behind-slider .slick-prev,
  .behind-slider .slick-next {top: 25%;}
}

@media (min-width: 640px) {

  .winner-slider .slick-prev,
  .winner-slider .slick-next {
    top: 30%;
    width: 40px;
    height: 40px;
  }
  .winner-slider .slick-prev {left: 24px;}
  .winner-slider .slick-next {right: 24px;}
  .card-winner .card-wrp {padding: 24px;}
  .card-winner .card-thumbs {
    height: 320px;
  }

  .card-judges .card-wrp {padding-left: 16px; padding-right: 16px;}
  .card-judges .card-photo {max-width: 260px;}
  .judges-slider .slick-prev,
  .judges-slider .slick-next {top: 28%;}

  .behind-slider .slick-prev,
  .behind-slider .slick-next {top: 25%;}
  .behind-slider .slick-prev {left: 8px;}
  .behind-slider .slick-next {right: 8px;}
  .card-news .card-wrp {padding-left: 8px; padding-right: 8px;}
}

@media (min-width: 768px) {
  .breadcrumb__content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .banner-heroes .banner-image {position: relative;}
  .banner-heroes .banner-image img {
    height: 100%;

    object-fit: cover;
    object-position: center top;
  }
  .banner-heroes .banner-text {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;

    padding-top: 48px;
    padding-bottom: 48px;
  }

  .winner,
  .judges,
  .behind,
  .discover,
  .submission {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .winner-slider {padding-left: 48px; padding-right: 48px;}
  .winner-slider .slick-dots {margin-top: 40px;}
  .winner-slider .slick-prev,
  .winner-slider .slick-next {
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
  }
  .winner-slider .slick-prev {left: 0;}
  .winner-slider .slick-prev::before {
    background: url(../assets/svg/arrow-left.svg);
    background-size: 100% 100%;
    background-position: center;
  }
  .winner-slider .slick-next {right: 0;}
  .winner-slider .slick-next::before {
    background: url(../assets/svg/arrow-right.svg);
    background-size: 100% 100%;
    background-position: center;
  }
  .card-winner .card-wrp {flex-direction: row-reverse;}
  .card-winner .card-thumbs {height: auto;}
  .card-winner .card-thumbs img {
    height: auto;
  }
  .card-winner .card-infomation {padding-right: 24px;}

  .behind-slider {
    padding-left: 48px;
    padding-right: 48px;
  }
  .behind-slider .slick-prev,
  .behind-slider .slick-next {top: 22%;}
  .behind-slider .slick-prev {left: 0px;}
  .behind-slider .slick-next {right: 0px;}
}

@media (min-width: 1024px) {
  .breadcrumb__content {
    max-width: 90%;
  }

  .banner-heroes .banner-heroes-wrp {
    max-width: 90%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .banner-heroes .banner-text h1 {
    font-size: 36px;
    line-height: 40px;
  }

  .winner,
  .judges,
  .behind,
  .discover,
  .submission {
    max-width: 90%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .winner h2,
  .judges h2,
  .behind h2,
  .discover h2,
  .submission h2 {
    font-size: 36px;
    line-height: 40px;
  }
  .winner-slider,
  .judges-slider {padding-left: 48px; padding-right: 48px;}
  .winner-slider .slick-prev,
  .judges-slider .slick-prev,
  .winner-slider .slick-next,
  .judges-slider .slick-next {width: 40px; height: 40px;}
  .card-winner .card-wrp {padding: 32px;}

  .behind-slider .slick-prev,
  .behind-slider .slick-next {top: 20%;}
}

@media (min-width: 1200px) {
  .banner-heroes .banner-text {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .winner-slider {padding-left: 56px; padding-right: 56px;}
  .card-winner .card-infomation {padding-right: 32px;}
  .card-winner .card-wrp {padding: 48px;}
  .card-winner .card-infomation {width: calc(100% - 350px);}
  .card-winner .card-thumbs {width: 350px;}
  .card-winner .card-thumbs img {max-height: 380px;}

  .behind-slider {
    padding-left: 8%;
    padding-right: 8%;
  }
  .card-news .card-wrp {padding-left: 12px; padding-right: 12px;}
}

@media (min-width: 1400px) {
  .banner-heroes .banner-text {
    padding-top: 65px;
    padding-bottom: 64px;
  }
  .banner-heroes .banner-text h1 {
    font-size: 48px;
    line-height: 1.2;
  }

  .winner,
  .judges,
  .behind,
  .discover,
  .submission {
    max-width: 1280px;
  }

  /* .winner h2,
  .judges h2,
  .behind h2,
  .discover h2,
  .submission h2 {
    font-size: 48px;
    line-height: 1.2;
  } */
   
  .winner-slider,
  .judges-slider {padding-left: 64px; padding-right: 64px;}
  .winner-slider .slick-prev,
  .judges-slider .slick-prev,
  .winner-slider .slick-next,
  .judges-slider .slick-next {width: 48px; height: 48px;}
  .card-winner .card-wrp {padding: 56px;}
  .card-winner .card-infomation {width: calc(100% - 400px);}
  .card-winner .card-thumbs {width: 400px;}
  .card-winner .card-thumbs img {max-height: 400px;}

  .behind-slider {
    padding-left: 8%;
    padding-right: 8%;
  }
}

@media (min-width: 1600px) {
  .card-winner .card-infomation {width: 60%;}
  .card-winner .card-thumbs {width: 40%;}
  .card-winner .card-thumbs img {max-height: 500px;}
}