body.has-promo-bar,
header.has-promo-bar {
  -webkit-transition: padding-top 0.4s linear, padding-bottom 0.4s linear, margin-top 0.4s linear;
  -o-transition: padding-top 0.4s linear, padding-bottom 0.4s linear, margin-top 0.4s linear;
  transition: padding-top 0.4s linear, padding-bottom 0.4s linear, margin-top 0.4s linear;
}

body.pb-notrans,
header.pb-notrans {
  -webkit-transition: padding-top 0s linear, padding-bottom 0s linear, margin-top 0s linear;
  -o-transition: padding-top 0s linear, padding-bottom 0s linear, margin-top 0s linear;
  transition: padding-top 0s linear, padding-bottom 0s linear, margin-top 0s linear;
}

.header.has-promo-bar:not(.fitness-academy-header) {
  background: #1d1d1d;
}

.promo-bar {
  position: fixed;
  -webkit-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
  width: 100%;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  z-index: 10000;
  background-size: 400%;
  -webkit-animation: gradient 5s linear infinite alternate;
  animation: gradient 5s linear infinite alternate;
}

.pb-notrans .promo-bar {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.promo-bar.black {
  background: #000;
}

.promo-bar.blue {
  background: #004FE8;
}

.promo-bar.blue .syotimer-cell {
  background: #FF6424;
}

.promo-bar.yellow {
  background: #FFD556;
}

.promo-bar.orange {
  background: #FF6424;
}

.promo-bar.purple {
  background: #BC4FD7;
}

.promo-bar.gradient1 {
  background: -webkit-gradient(linear, left top, right top, color-stop(5.82%, #FF6424), color-stop(25.07%, #C5FF7A), color-stop(42.05%, #64FFBE), color-stop(59.5%, #72A2FF), color-stop(79.32%, #FC72FF), color-stop(96.39%, #FF727A));
  background: -o-linear-gradient(left, #FF6424 5.82%, #C5FF7A 25.07%, #64FFBE 42.05%, #72A2FF 59.5%, #FC72FF 79.32%, #FF727A 96.39%);
  background: linear-gradient(90deg, #FF6424 5.82%, #C5FF7A 25.07%, #64FFBE 42.05%, #72A2FF 59.5%, #FC72FF 79.32%, #FF727A 96.39%);
  background-size: 300%;
}

.promo-bar.gradient2 {
  background: -webkit-gradient(linear, left top, right top, color-stop(5.82%, #FF6424), color-stop(50.54%, #CC63D6), color-stop(96.39%, #004FE8));
  background: -o-linear-gradient(left, #FF6424 5.82%, #CC63D6 50.54%, #004FE8 96.39%);
  background: linear-gradient(90deg, #FF6424 5.82%, #CC63D6 50.54%, #004FE8 96.39%);
  background-size: 300%;
}

.promo-bar.gradient3 {
  background: -webkit-gradient(linear, left top, right top, from(#FFD556), to(#FF6424));
  background: -o-linear-gradient(left, #FFD556 0%, #FF6424 100%);
  background: linear-gradient(90deg, #FFD556 0%, #FF6424 100%);
  background-size: 300%;
}

.promo-bar.top-bar {
  top: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.promo-bar.bottom-bar {
  bottom: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.promo-bar .syotimer {
  margin-right: 32px;
}

.promo-bar .syotimer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo-bar .syotimer.dhms-layout .syotimer-cell:not(:nth-last-child(1)) {
  margin-right: 4px;
}

.promo-bar .syotimer-cell {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background: #004FE8;
}

.promo-bar .syotimer-cell__value {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
}

.promo-bar .syotimer-cell__unit {
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
}

.promo-bar .syotimer-cell:not(:nth-last-child(1)) {
  margin-right: 14px;
}

.promo-bar .syotimer-cell:not(:nth-last-child(1))::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='8' viewBox='0 0 3 8' fill='none'%3E%3Cpath d='M1.5 7.75098C1.16554 7.75098 0.891892 7.64997 0.679054 7.44795C0.476351 7.24593 0.375 6.9833 0.375 6.66007C0.375 6.33684 0.476351 6.07421 0.679054 5.87219C0.891892 5.67017 1.16554 5.56916 1.5 5.56916C1.83446 5.56916 2.10304 5.67017 2.30574 5.87219C2.51858 6.07421 2.625 6.33684 2.625 6.66007C2.625 6.9833 2.51858 7.24593 2.30574 7.44795C2.10304 7.64997 1.83446 7.75098 1.5 7.75098ZM1.5 2.43279C1.16554 2.43279 0.891892 2.33178 0.679054 2.12976C0.476351 1.92774 0.375 1.66512 0.375 1.34189C0.375 1.01865 0.476351 0.756027 0.679054 0.554007C0.891892 0.351987 1.16554 0.250977 1.5 0.250977C1.83446 0.250977 2.10304 0.351987 2.30574 0.554007C2.51858 0.756027 2.625 1.01865 2.625 1.34189C2.625 1.66512 2.51858 1.92774 2.30574 2.12976C2.10304 2.33178 1.83446 2.43279 1.5 2.43279Z' fill='%23004FE8'/%3E%3C/svg%3E");
  display: block;
  position: absolute;
  right: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.25px;
  height: 7.5px;
}

.promo-bar__close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: block;
  width: 20px;
  height: 20px;
  color: #fff;
  -webkit-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
}

.promo-bar__close:hover {
  opacity: 0.8;
}

.promo-bar__close svg {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
}

.promo-bar__content {
  display: block;
  width: 100%;
  text-align: center;
}

.two-links .promo-bar__content span {
  width: 100%;
  text-align: start;
  padding-left: 0;
}

.promo-bar__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.two-links .promo-bar__actions {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.promo-bar__actions > div {
  margin-top: 10px;
}

.promo-bar__link-main span,
.promo-bar__link-additional span {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
}

.promo-bar__link-main {
  border-radius: 8px;
  padding: 10px 12px;
  -webkit-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-animation: gradient 5s linear infinite alternate;
  animation: gradient 5s linear infinite alternate;
}

.promo-bar__link-main.white {
  background: #FFF;
}

.promo-bar__link-main.black {
  background: #000;
}

.promo-bar__link-main.blue {
  background: #004FE8;
}

.promo-bar__link-main.orange {
  background: #FF6424;
}

.promo-bar__link-main.gradient {
  background: -webkit-gradient(linear, left top, right top, color-stop(5.82%, #FF6424), color-stop(50.54%, #CC63D6), color-stop(96.39%, #004FE8));
  background: -o-linear-gradient(left, #FF6424 5.82%, #CC63D6 50.54%, #004FE8 96.39%);
  background: linear-gradient(90deg, #FF6424 5.82%, #CC63D6 50.54%, #004FE8 96.39%);
  background-size: 300%;
}

.promo-bar__link-main .black {
  color: #000;
}

.promo-bar__link-main .white {
  color: #FFF;
}

.promo-bar__link-main:hover {
  -webkit-box-shadow: 0px 2px 10px rgba(255, 255, 255, 0.4);
  box-shadow: 0px 2px 10px rgba(255, 255, 255, 0.4);
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
  opacity: 0.8;
}

.promo-bar__link-additional {
  margin-right: 20px;
  -webkit-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}

.promo-bar__link-additional .black {
  color: #000;
}

.promo-bar__link-additional .white {
  color: #FFF;
}

.promo-bar__link-additional:hover {
  opacity: 0.7;
}

.promo-bar__link-additional span {
  text-decoration: underline;
}

.promo-bar__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo-bar__links a:not(:nth-last-child(1)) {
  margin-right: 20px;
}

.promo-bar .syotimer__head,
.promo-bar .syotimer__footer {
  display: none;
}

.promo-bar__text,
.promo-bar__text span {
  font-weight: 500;
  line-height: 100%;
}

.promo-bar__text {
  font-size: 12px;
  padding-right: 32px;
  padding-left: 32px;
  display: block;
}

.promo-bar__text.normal {
  font-size: 14px;
}

.promo-bar__text.medium {
  font-size: 12px;
}

.promo-bar__text.promo-bar-pc {
  display: none;
  padding: 0 24px 0 0;
  text-align: start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.two-links .promo-bar__text.promo-bar-pc {
  width: 100%;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0%;
  }

  100% {
    background-position: 100%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0%;
  }

  100% {
    background-position: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .promo-bar {
    padding: 8px 72px 8px 32px;
  }

  .promo-bar__close {
    width: 24px;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .promo-bar__actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .promo-bar__actions > div {
    margin-top: 0;
  }

  .promo-bar__link-additional {
    margin-right: 16px;
  }

  .promo-bar__links a:not(:nth-last-child(1)) {
    margin-right: 16px;
  }

  .promo-bar__text {
    display: none;
  }

  .promo-bar__text.promo-bar-pc {
    display: block;
  }

  .promo-bar__text.promo-bar-pc.normal {
    font-size: 16px;
  }

  .promo-bar__text.promo-bar-pc.medium {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1280px) {
  .promo-bar .syotimer {
    margin-right: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .promo-bar .syotimer {
    margin-right: 90px;
  }
}