@charset "UTF-8";
@media (hover: hover) {
  /* line 2, ../sass/brand.scss */
  body {
    overflow: hidden;
    height: 100vh;
  }
}
/* line 8, ../sass/brand.scss */
.BrandWr {
  position: relative;
  overflow: hidden;
}
@media (hover: hover) {
  /* line 8, ../sass/brand.scss */
  .BrandWr {
    min-height: calc(100vh - var(--header-height));
  }
}

/* line 17, ../sass/brand.scss */
.BrandWrRow {
  position: relative;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 1024px) {
  /* line 17, ../sass/brand.scss */
  .BrandWrRow {
    transform: translateX(-4vw);
  }
}
/* line 27, ../sass/brand.scss */
.BrandWrRow.active {
  visibility: visible;
  opacity: 1;
}

/* line 33, ../sass/brand.scss */
.BrandWrRow2 {
  position: relative;
  display: none;
  position: absolute;
  top: 7vh;
  left: 0;
  width: 100%;
}
/* line 41, ../sass/brand.scss */
.BrandWrRow2.active {
  display: block;
}

/* line 46, ../sass/brand.scss */
.BrandWrRowSlider {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  /* Для плавной прокрутки */
  scroll-behavior: smooth;
  /* Плавная прокрутка */
  overflow: visible !important;
}
/* line 55, ../sass/brand.scss */
.BrandWrRowSlider .swiper-pagination {
  display: none;
}
/* line 59, ../sass/brand.scss */
.BrandWrRowSlider .slidbox {
  transition: transform 0.8s ease, width 0.8s ease;
  scroll-snap-align: center;
  /* Элементы будут выравниваться по центру при прокрутке */
}
@media only screen and (min-width: 1024px) {
  /* line 59, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox {
    width: 21vw;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 70, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox.swiper-slide-active {
    width: 30vw !important;
    min-width: 30vw !important;
    transition: transform 0.3s ease, width 0.3s ease;
  }
  /* line 77, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox.swiper-slide-active .img img {
    height: 68vh;
  }
}
@media (hover: hover) {
  /* line 87, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox:hover .stop {
    transform: translateY(-1vh);
  }
}
/* line 93, ../sass/brand.scss */
.BrandWrRowSlider .slidbox .stop {
  position: relative;
  transition: .5s ease-in-out;
}
/* line 98, ../sass/brand.scss */
.BrandWrRowSlider .slidbox .brandimg {
  max-width: 50%;
  height: 50px;
  height: 9vh;
  display: flex;
  align-items: center;
}
/* line 105, ../sass/brand.scss */
.BrandWrRowSlider .slidbox .brandimg img {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
/* line 112, ../sass/brand.scss */
.BrandWrRowSlider .slidbox span {
  font-size: 1.1vw;
  display: block;
  margin: 1vh 0;
  text-transform: uppercase;
  font-family: 'Noah Bold';
}
/* line 120, ../sass/brand.scss */
.BrandWrRowSlider .slidbox .img {
  width: 100%;
  height: 38vh;
}
/* line 124, ../sass/brand.scss */
.BrandWrRowSlider .slidbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s ease-in-out;
}

/* line 134, ../sass/brand.scss */
.BrandWrBottom {
  font-size: 24px;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 2vh 0;
}
/* line 141, ../sass/brand.scss */
.BrandWrBottom .BrandWrBtn {
  opacity: .25;
  cursor: pointer;
  transition: opacity .35s ease-out;
}
/* line 146, ../sass/brand.scss */
.BrandWrBottom .BrandWrBtn.active {
  opacity: 1;
}
@media (hover: hover) {
  /* line 150, ../sass/brand.scss */
  .BrandWrBottom .BrandWrBtn:hover {
    opacity: 1;
  }
}

/* line 157, ../sass/brand.scss */
.BrandLargeText {
  font-size: 10vw;
  text-align: center;
  /* font-style: italic; */
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
}

/* line 168, ../sass/brand.scss */
.BrandWrRow2Wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 51.7vh;
}
/* line 174, ../sass/brand.scss */
.BrandWrRow2Wrap .photo-wr {
  width: 25%;
  height: 40vh;
  position: relative;
}
/* line 179, ../sass/brand.scss */
.BrandWrRow2Wrap .photo-wr .photo-image {
  position: relative;
  width: 231px;
  max-width: 12vw;
  height: 32vh;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
}
/* line 190, ../sass/brand.scss */
.BrandWrRow2Wrap .photo-wr .photo-image.show {
  opacity: 1;
}
/* line 194, ../sass/brand.scss */
.BrandWrRow2Wrap .photo-wr .photo-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 203, ../sass/brand.scss */
.BrandWrRow2Wrap .list-wr {
  width: 66%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-content: baseline;
  align-items: flex-start;
}
/* line 211, ../sass/brand.scss */
.BrandWrRow2Wrap .list-wr .list-btn {
  transition: opacity .35s ease-out;
  font-size: 4vw;
  opacity: .25;
  font-family: 'Noah Bold';
  line-height: 1;
}
/* line 219, ../sass/brand.scss */
.BrandWrRow2Wrap .list-wr .list-btn span {
  display: inline-block;
}
/* line 222, ../sass/brand.scss */
.BrandWrRow2Wrap .list-wr .list-btn span::after {
  content: ',';
  margin-left: -5px;
}
/* line 231, ../sass/brand.scss */
.BrandWrRow2Wrap .list-wr .list-btn:last-child span:after {
  display: none;
}
/* line 237, ../sass/brand.scss */
.BrandWrRow2Wrap .list-wr .list-btn.show {
  opacity: 1;
}
@media (hover: hover) {
  /* line 241, ../sass/brand.scss */
  .BrandWrRow2Wrap .list-wr .list-btn:hover {
    opacity: 1;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1479px) {
  /* line 251, ../sass/brand.scss */
  .BrandWrBottom {
    font-size: 20px;
  }

  /* line 260, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox span {
    font-size: 1.2vw;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  /* line 268, ../sass/brand.scss */
  .BrandWrBottom {
    font-size: 20px;
  }

  /* line 277, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox span {
    font-size: 1.3vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 285, ../sass/brand.scss */
  .BrandWrBottom {
    font-size: 20px;
  }

  /* line 293, ../sass/brand.scss */
  .BrandWrRow2Wrap .photo-wr .photo-image {
    max-width: 17vw;
  }

  /* line 303, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox span {
    font-size: 1.8vw;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 312, ../sass/brand.scss */
  .BrandWrBottom {
    font-size: 20px;
  }

  /* line 318, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox {
    width: 80vw;
  }
  /* line 321, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox .stop {
    padding: 0 10px;
  }
  /* line 325, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox .brandimg {
    max-height: 50px;
  }
  /* line 329, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox .img {
    height: 50vh;
  }
  /* line 333, ../sass/brand.scss */
  .BrandWrRowSlider .slidbox span {
    font-size: 18px;
    margin: 0 0 8px 0;
    display: flex;
    align-items: flex-end;
  }
  /* line 341, ../sass/brand.scss */
  .BrandWrRowSlider .swiper-pagination {
    display: flex;
    justify-content: center;
  }
  /* line 345, ../sass/brand.scss */
  .BrandWrRowSlider .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 1;
  }
  /* line 351, ../sass/brand.scss */
  .BrandWrRowSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
  }

  /* line 361, ../sass/brand.scss */
  .BrandWrRow2Wrap .photo-wr {
    display: none;
  }
  /* line 364, ../sass/brand.scss */
  .BrandWrRow2Wrap .photo-wr .photo-image {
    max-width: 17vw;
  }
  /* line 369, ../sass/brand.scss */
  .BrandWrRow2Wrap .list-wr {
    width: 100%;
  }
  /* line 376, ../sass/brand.scss */
  .BrandWrRow2Wrap .list-wr .list-btn span:after {
    margin: 0;
  }

  /* line 384, ../sass/brand.scss */
  .BrandLargeText {
    font-size: 24vw;
  }
}