.st-Header--ArtistTop {
  /*
  margin-bottom: -150px;
  @media (max-width: $breakpoint) {
    margin-bottom: -60px;
  }*/
}

.st-Header--row__Bottom .slider-top {
  height: 1100px;
}

@media (max-width: 1024px) {
  .st-Header--row__Bottom .slider-top {
    height: 740px;
  }
}

.st-Header--row__Bottom .calendar-top {
  position: relative;
  top: -150px;
}

@media (max-width: 1024px) {
  .st-Header--row__Bottom .calendar-top {
    top: -60px;
    height: 0;
  }
  .st-Header--row__Bottom .calendar-top .scroller {
    top: -123px;
  }
}

.slider-top figure {
  outline: none;
  height: 100%;
  background: #f4f4f4;
  margin: 0;
  position: relative;
  float: left;
  display: block;
}

.slider-top figure > a {
  position: absolute;
  top: calc(50% - 211px);
  left: calc(50% - 275px);
  z-index: 5;
}

@media (max-width: 750px) {
  .slider-top figure > a {
    max-width: 750px;
    top: calc(50% - 231px);
    left: calc(50% - 375px);
    -webkit-transform: scale(0.48);
            transform: scale(0.48);
  }
}

.slider-top figure:after, .slider-top figure:before {
  content: '';
  display: block;
  width: 750px;
  height: 422px;
  position: absolute;
  top: calc(50% - 211px);
  left: calc(50% - 275px);
  background: #fff;
}

.slider-top figure:after {
  background: #fff;
  top: calc(50% - 231px);
  left: calc(50% - 315px);
  z-index: 0;
}

@media (max-width: 750px) {
  .slider-top figure:after {
    top: calc(50% - 241px);
    left: calc(50% - 395px);
  }
}

.slider-top figure:before {
  background: #fff;
  top: calc(50% - 201px);
  left: calc(50% - 245px);
  z-index: 0;
}

@media (max-width: 750px) {
  .slider-top figure:before {
    top: calc(50% - 221px);
    left: calc(50% - 345px);
  }
}

.slider-top figure > a, .slider-top figure:before, .slider-top figure:after {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate3d(-20%, -30%, 0) rotate(-6deg) scale(1.25);
          transform: translate3d(-20%, -30%, 0) rotate(-6deg) scale(1.25);
  -webkit-transition: all 1.8s ease;
  transition: all 1.8s ease;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  /*
  -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  */
}

.slider-top figure.slick-current.ready > a {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate3d(0%, 0%, 0) scale(1.25);
          transform: translate3d(0%, 0%, 0) scale(1.25);
}

@media (max-width: 1024px) {
  .slider-top figure.slick-current.ready > a {
    -webkit-transform: translate3d(0%, 0%, 0) scale(0.6) scale(1.25);
            transform: translate3d(0%, 0%, 0) scale(0.6) scale(1.25);
  }
}

@media (max-width: 750px) {
  .slider-top figure.slick-current.ready > a {
    -webkit-transform: translate3d(0%, 0%, 0) scale(0.38) scale(1.25);
            transform: translate3d(0%, 0%, 0) scale(0.38) scale(1.25);
  }
}

@media (max-width: 375px) {
  .slider-top figure.slick-current.ready > a {
    -webkit-transform: translate3d(0%, 0%, 0) scale(0.33) scale(1.25);
            transform: translate3d(0%, 0%, 0) scale(0.33) scale(1.25);
  }
}

.slider-top figure.slick-current.ready:after {
  -webkit-transform: skewX(-9deg) rotate(2.5deg) scaleX(0.98) scale(1.25);
          transform: skewX(-9deg) rotate(2.5deg) scaleX(0.98) scale(1.25);
  top: calc(50% - 231px);
  left: calc(50% - 315px);
  z-index: 0;
}

@media (max-width: 1024px) {
  .slider-top figure.slick-current.ready:after {
    -webkit-transform: scale(0.6) skewX(-10deg) rotate(3.5deg) scaleX(0.98) scale(1.25);
            transform: scale(0.6) skewX(-10deg) rotate(3.5deg) scaleX(0.98) scale(1.25);
  }
}

@media (max-width: 750px) {
  .slider-top figure.slick-current.ready:after {
    top: calc(50% - 241px);
    left: calc(50% - 395px);
    -webkit-transform: scale(0.38) skewX(-10deg) rotate(3.5deg) scaleX(0.98) scale(1.25);
            transform: scale(0.38) skewX(-10deg) rotate(3.5deg) scaleX(0.98) scale(1.25);
  }
}

@media (max-width: 375px) {
  .slider-top figure.slick-current.ready:after {
    -webkit-transform: scale(0.33) skewX(-10deg) rotate(3.5deg) scaleX(0.98) scale(1.25);
            transform: scale(0.33) skewX(-10deg) rotate(3.5deg) scaleX(0.98) scale(1.25);
  }
}

.slider-top figure.slick-current.ready:before {
  -webkit-transform: skewX(-10deg) rotate(3.5deg) scaleX(0.9) scale(1.25);
          transform: skewX(-10deg) rotate(3.5deg) scaleX(0.9) scale(1.25);
  top: calc(50% - 201px);
  left: calc(50% - 245px);
  z-index: 0;
}

@media (max-width: 1024px) {
  .slider-top figure.slick-current.ready:before {
    -webkit-transform: scale(0.6) skewX(-10deg) rotate(3.5deg) scaleX(0.9) scale(1.25);
            transform: scale(0.6) skewX(-10deg) rotate(3.5deg) scaleX(0.9) scale(1.25);
  }
}

@media (max-width: 750px) {
  .slider-top figure.slick-current.ready:before {
    top: calc(50% - 221px);
    left: calc(50% - 345px);
    -webkit-transform: scale(0.38) skewX(-10deg) rotate(3.5deg) scaleX(0.9) scale(1.25);
            transform: scale(0.38) skewX(-10deg) rotate(3.5deg) scaleX(0.9) scale(1.25);
  }
}

@media (max-width: 375px) {
  .slider-top figure.slick-current.ready:before {
    -webkit-transform: scale(0.33) skewX(-10deg) rotate(3.5deg) scaleX(0.9) scale(1.25);
            transform: scale(0.33) skewX(-10deg) rotate(3.5deg) scaleX(0.9) scale(1.25);
  }
}

.slider-top figure.slick-current.ready figcaption {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slider-top figure figcaption {
  position: absolute;
  top: 160px;
  left: 130px;
  z-index: 10;
}

@media (max-width: 1024px) {
  .slider-top figure figcaption {
    top: 155px;
    left: 20px;
  }
}

.slider-top figure figcaption img {
  height: 94px;
  width: auto;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="19" /><feOffset dx="1" dy="6" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0px 5px 19px rgba(0, 0, 0, .2));
          filter: drop-shadow(0px 5px 19px rgba(0, 0, 0, .2));
}

@media (max-width: 1024px) {
  .slider-top figure figcaption img {
    height: 39px;
    width: auto;
  }
}

.js-arti-menuColor {
  color: #727272;
  background: #292929;
}

.js-arti-menuColor a {
  color: #fff;
}

.js-arti-menuColor i.icon svg * {
  fill: #fff !important;
}

.js-arti-menuColor .logo svg .cls-1 {
  fill: #b68d1e;
}