.nav__link._action._gold {
  background-color: #bf9737;
}
.nav__link._action._gold:hover {
  background-color: #ac8731;
}

.header-black {
  background-color: #000;
}
.header-black .logo {
  height: 120px;
}
.header-black__logo-wrapper {
  position: absolute;
  top: 90px;
  z-index: 150;
}
.header-black__center {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: 87px;
  height: calc(100vh - 117px);
}
.header-black__container {
  position: relative;
  padding-left: 140px;
  padding-right: 140px;
  padding-bottom: 80px;
}
.header-black__bottom {
  display: flex;
  justify-content: space-between;
  color: #bf9737;
  align-items: center;
  position: relative;
  z-index: 150;
  margin-top: -60px;
}
.header-black__bottom-info {
  font-size: 22px;
  font-weight: 400;
}
.header-black__bottom-info-2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.header-black__bottom-info-2 svg {
  margin: 0 5px;
}
.header-black .header-add {
  background-color: #181818;
  border-top: none;
}
.header-black .header-home-mob-btn-box {
  position: relative;
  z-index: 150;
}

.svg-heroes {
  position: absolute;
  z-index: 10;
  top: 0;
  max-height: 100vh;
}
.svg-heroes__hero-2-wrapper {
  -webkit-animation: incoming-top 2s ease-out;
          animation: incoming-top 2s ease-out;
}
.svg-heroes__hero-2-in {
  -webkit-animation: move 4s infinite linear;
          animation: move 4s infinite linear;
}
.svg-heroes__star-1-in, .svg-heroes__star-2-in {
  -webkit-animation: incoming-star 8s linear infinite;
          animation: incoming-star 8s linear infinite;
  transform-box: fill-box;
  transform-origin: center;
}
.svg-heroes__star-2-in {
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.svg-heroes__in {
  transform: translateY(120px);
}

.svg-slogan {
  position: relative;
  z-index: 100;
  max-height: 100%;
}

@-webkit-keyframes incoming-top {
  0% {
    transform: translate(0, -1000px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes incoming-top {
  0% {
    transform: translate(0, -1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes incoming-star {
  0% {
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    transform: scale3d(0.8, 0.8, 0.8);
  }
}
@keyframes incoming-star {
  0% {
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    transform: scale3d(0.8, 0.8, 0.8);
  }
}
@media (max-width: 1200px) {
  .header-black__bottom {
    padding-top: 80px;
  }
}
@media (max-width: 1200px) {
  .header-black__container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 992px) {
  .header-black .logo {
    height: 90px;
  }
  .svg-heroes {
    width: 340px !important;
  }
  .header-black__bottom {
    padding-top: 120px;
  }
  .header-black__bottom-info {
    display: none;
  }
  .header-black__bottom-info-2 {
    justify-content: center;
    width: 100%;
  }
  .header-black__center {
    padding-top: 50px;
  }
  .header-black__container {
    padding-bottom: 0;
  }
  .header-add {
    padding: 40px 25px 80px;
  }
}
@media (max-width: 740px) {
  .header-black .logo {
    height: 70px;
  }
  .header-black__bottom-info-2 {
    font-size: 22px;
  }
  .header-black__center {
    padding-top: 0px;
  }
  .header-black__logo-wrapper {
    top: 50px;
  }
}
@media (max-width: 590px) {
  .header-black__bottom {
    padding-top: 80px;
  }
  .svg-heroes__in {
    transform: translateY(50px) !important;
  }
  .svg-heroes__hero-2-wrapper,
.svg-heroes__star-2-wr {
    display: none;
  }
  .svg-heroes__hero-1-wrapper {
    transform: translateX(100px);
  }
  .svg-heroes__star-1-wr {
    transform: translate3d(290px, 0px, 0px);
  }
  .header-black__bottom-info-2 {
    font-size: 15px !important;
  }
  .header-black__bottom-info-2 svg {
    width: 30px;
  }
}
@media (max-width: 500px) {
  .svg-heroes__in {
    transform: translateY(20px) !important;
  }
  .header-black__center {
    height: auto;
  }
  .header-home-mob-btn-box {
    padding: 40px 0 40px;
  }
  .header-add {
    padding: 20px 25px 80px;
  }
  .header-add__logo {
    padding-bottom: 10px;
  }
  .svg-slogan {
    height: 490px;
  }
  .svg-heroes {
    width: 260px !important;
    height: 600px;
  }
}
@media (max-height: 1000px) {
  .svg-heroes {
    width: 480px;
  }
}
@media (max-height: 900px) {
  .svg-heroes {
    width: 400px;
  }
  .header-black__bottom-info-2 {
    font-size: 24px;
  }
  .svg-heroes__in {
    transform: translateY(140px);
  }
}
@media (max-height: 700px) {
  .svg-heroes {
    width: 340px;
  }
}
@media (max-height: 600px) {
  .svg-heroes__in {
    transform: translateY(120px);
  }
  .svg-heroes {
    width: 280px;
  }
}
  
.our-timer {
    color: #000;
}

.our-timer__inner {
    border-color: #000;
}