.hero-slider{
width:100%;
height:100vh;
position:relative;
}

.hero-slide{
width:100%;
height:100vh;
}

.hero-media{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.hero-media img,
.hero-video{
width:100%;
height:100%;
object-fit:cover;
}

.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
90deg,
rgba(0,0,0,.45),
rgba(0,0,0,.15)
);
z-index:1;
}

.hero-video{
transform:translateZ(0);
will-change:transform;
}

@supports (-webkit-touch-callout:none){

.hero-slider,
.hero-slide{
height:100svh;
}

}

.master {
  padding-top: 0 !important;
}

/* фикс для slick до инициализации */

.hero-slider{
overflow:hidden;
}

.hero-slider .hero-slide{
position:relative;
}

/* slick контейнер */

.hero-slider .slick-list{
height:100%;
}

.hero-slider .slick-track{
display:flex;
height:100%;
}

/* слайды */

.hero-slider .slick-slide{
height:100vh;
}

@supports (-webkit-touch-callout:none){

.hero-slider .slick-slide{
height:100svh;
}

}

.hero-sound-toggle{
position:absolute;
bottom:20px;
right:20px;
z-index:10;

width:44px;
height:44px;

display:flex;
align-items:center;
justify-content:center;

border:none;
border-radius:50%;

background:rgba(0,0,0,0.4);
color:#fff;

cursor:pointer;
}

.hero-sound-toggle svg{
width:22px;
height:22px;
}

.hero-sound-toggle .sound-on{
display:none;
}

.hero-sound-toggle:not(.is-muted) .sound-on{
display:block;
}

.hero-sound-toggle:not(.is-muted) .sound-off{
display:none;
}

/*текст ссылка и кнопка*/
.hero-content {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  padding: 40px 6vw 50px;
  color: #fff;
  text-align: center;
  background: linear-gradient(to top, rgba(22,22,22,0.85) 0%, rgba(22,22,22,0.4) 50%, transparent 100%);
}

.hero-title {
  font-size: 25px;
  font-weight: 100;
}

.hero-desc {
  font-size: 14px;
  margin: 5px;
}

.hero-button {
  display: inline-block;
  margin-top: 16px;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
  cursor: pointer;
}

video::-webkit-media-controls,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button,
video::-webkit-media-controls-overlay-play-button {
  display: none !important;
  opacity: 0 !important;
  -webkit-appearance: none !important;
}

@media (max-width: 1200px){
  .hero-button {
    margin-bottom: 95px;
  }
  .hero-desc {
    display: none;
  }
}

/*анимация*/
.hero-inner {
  transform: translateY(30px);
  opacity: 0;
  transition: transform 0.7s ease, opacity 0.7s ease;
}

.swiper-slide-active .hero-inner {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 1s;
}

.swiper-pagination-bullet-active {
  background: #daaa6d !important;
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color,#fffefb45);
  opacity: 1;
}

header {
  background-color: transparent !important;
  transition: background-color 0.3s ease;
}

header.is-scrolled {
  background-color: #161616 !important;
}

.header--menu__section {
  background-color: #1c1b1b00 !important;
}

header {
  transition: background-color 0.6s ease;
}