/* site */
:root {
  --container-width: 88%;
  --container-max-width: none;
}
main#main {
  overflow: hidden;
}

[data-scrollbar="true"]#main-container {
  height: 100vh;
  overflow: auto;
  width: 100%;
}

#main-container-scroll.scroll-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

body {
  transition: opacity 0.3s;
  opacity: 0;
}

body.is-ok {
  opacity: 1;
  transition: opacity 1.25s;
}

/* yingxing banner */

.banner-f-img {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.banner-full-wrap {
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
}

.banner-f-text {
  position: relative;
  z-index: 20;
  align-self: flex-end;
  padding-bottom: 38vh;
}
.b-f-tc {
  color: #fff;
}

.b-f-tc h3 {
  color: inherit;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}

.b-f-tc .sub-t {
  font-weight: 300;
  font-size: 2.15em;
  opacity: 0.75;
  text-transform: capitalize;
}
.banner-i-sw {
  position: absolute;
  bottom: 10vh;
  left: 0;
  right: 0;
  z-index: 30;
}
.banner-i-sw > div {
  position: relative;
  max-width: 100px;
}

.swiper-button-white.alp-banner::after {
  font-size: 1.2em;
}

.swiper-button-white.alp-banner {
  width: auto;
}
.swiper-button-prev.swiper-button-white.alp-banner {
  left: 0;
}

.swiper-button-next.swiper-button-white.alp-banner {
  right: 0;
}
.banner-full-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: rgb(0, 0, 0);
  background: linear-gradient(30deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.5;
}

/* gilluxe */
footer .ct-container {
  max-width: none;
}
header#header .ct-container {
  max-width: none;
}
.banner-full-wrap {
  height: calc(100vh - 154px);
}
.banner-f-img {
  left: 14.5%;
}

.banner-full-wrap::before {
  opacity: 0;
}

.b-f-tc h3 {
  font-size: 6vw;
  color: #414141;
  font-weight: 300;
}

.banner-f-text.ct-container {
  max-width: none;
  padding-bottom: 0;
  align-self: center;
}

.b-f-tc .sub-t {
  font-weight: 600;
  font-size: 5.15vw;
  color: #000;
  line-height: 1.2;
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #000;
}

.banner-i-sw.ct-container {
  max-width: none;
}

/* mobile css */

@media only screen and (max-width: 999px) {
  .banner-f-text {
    padding-bottom: 42vh;
  }

  .banner-full-wrap {
    height: 100vh;
  }
}

/* neiye css */
.alignfull .kt-row-column-wrap {
  padding: 0;
  width: var(--container-width);
}

@media only screen and (max-width: 999px) {
}

@media only screen and (max-width: 999px) {
  .banner-f-img {
    left: 0;
  }

  .banner-full-wrap {
    height: 395px;
  }

  .banner-i-sw.ct-container {
    display: none;
  }

  .banner-f-text.ct-container {
    align-self: flex-end;
    margin-bottom: 5vh;
  }

  .banner-f-text.ct-container {
  }

  .b-f-tc h3 {
    font-size: 1.5em;
  }

  .b-f-tc .sub-t {
    font-size: 2em;
  }
  h2.eplus-OhPycB.has-text-color {
    font-size: 32px !important;
    letter-spacing: 0;
  }

  h2.eplus-Bvp51V.has-text-color {
    font-size: 30px !important;
  }

  #kt-layout-id_9ccb8b-36 > .kt-row-column-wrap {
    padding-top: 70px;
  }

  .ugb-67338f9 .ugb-blog-posts__title {
    font-size: 17px;
  }

  figure.wp-block-image.size-full.is-resized.eplus-vWdDdz img {
    height: 300px;
    object-fit: cover;
  }

  h2.eplus-l3F7Wk.has-text-color {
    font-size: 32px !important;
    letter-spacing: 0;
  }

  p.eplus-MiDXSF.has-text-color {
    font-size: 20px;
    letter-spacing: 0;
  }

  p.eplus-FITjFy.has-text-color {
    letter-spacing: 0;
    margin-bottom: 32px;
  }

  h2.eplus-Bvp51V.has-text-color {
    letter-spacing: 0;
    margin: 10px 0;
  }

  figure.wp-block-image.size-full.eplus-300Vc3 {
    text-align: left;
    margin-bottom: -100px;
    position: relative;
  }

  div#nav_menu-3 {
    display: none;
  }
  .ct-footer-socials {
    margin-left: 0;
    margin-right: auto;
  }
  #kt-layout-id_8f9112-e1 > .kt-row-column-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .wp-block-kadence-advancedbtn.kt-btn-align-left.kt-btn-tablet-align-center.kt-btn-mobile-align-center.kt-btns-wrap.kt-btns_e9e648-c5 {
    text-align: left;
  }

  .kt-block-spacer.kt-block-spacer-halign-center {
    display: none;
  }
  .list-3 .alpha-post-item-1 {
    flex-basis: 50%;
  }

  .category-banner.none-bg {
    min-height: 200px;
  }
  tbody tr {
    font-size: 12px;
  }
  .dt-content-1 h3 {
    font-size: 1.2em;
  }
  .cb-inner h1 {
    font-size: 1.2em;
    font-weight: bold;
  }
  .news-dt-sdflgsdaj.ct-container {
    padding: 0;
  }
}

.b-f-tc > * {
  transition: 1s;
  opacity: 0;
  transform: translate3d(0, 80px, 0);
}

.b-f-tc .sub-t {
  opacity: 0;
}

.is-ok .swiper-slide.swiper-slide-active .b-f-tc > * {
  transition: 1.5s 0.75s;
  opacity: 1;
  transform: translate3d(0, 0px, 0);
}
.is-ok .swiper-slide.swiper-slide-active .b-f-tc .sub-t {
  opacity: 1;
  transition: 1.5s 1s;
}

.banner-f-img {
  transition: 1s;
  opacity: 0;
  transform: perspective(1000px) translate3d(0, 0px, -50px);
}

.is-ok .swiper-slide.swiper-slide-active .banner-f-img {
  transition: 1.5s 0.25s;
  opacity: 1;
  transform: perspective(1000px) translate3d(0, 0px, 0px);
}

body:not(.home) div#kt-layout-id_ce6e39-5a {
  display: none;
}
