/*********************
BREAKPOINTS
*********************/
.splide__pagination {
  margin-top: 1.25rem;
  position: relative !important;
}
.splide__pagination button {
  width: 35px;
  height: 1px;
  background: var(--black);
  border-radius: 0%;
  margin: 0.625rem !important;
  transition: all 0.2s linear;
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (min-width: 1024px) {
  .splide__pagination button {
    width: 2.8vw;
  }
}
.splide__pagination button::before, .splide__pagination button::after {
  content: "";
  height: 20px;
  width: 100%;
  display: block;
  margin-top: -20px;
}
.splide__pagination button.is-active {
  transform: scale(1);
  background: var(--black);
}
.splide__pagination button.is-active::before {
  content: "";
  height: 3px;
  width: 100%;
  display: block;
  position: absolute;
  top: 19.5px;
  background-color: var(--black);
}

.nopag .splide__pagination {
  display: none;
}

.sideBarArea .splide__pagination button {
  width: 25px;
}

.InvertText .splide__pagination button {
  background: #f0f1f1;
}

.splide__arrows {
  display: none;
}
@media (min-width: 1024px) {
  .splide__arrows {
    display: block;
  }
}
.splide__arrows .splide__arrow {
  background: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
}
.splide__arrows .splide__arrow:disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.splide__arrows .splide__arrow svg {
  fill: #f0f1f1 !important;
}
.splide__arrows .splide__arrow--prev {
  left: -3rem;
}
.splide__arrows .splide__arrow--next {
  right: -3rem;
}

.slideshow .splide__arrows .splide__arrow--prev {
  left: 1.4rem;
}
.slideshow .splide__arrows .splide__arrow--next {
  right: 1.4rem;
}

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.splide__slide.is-active .slide-content .Ani_content {
  opacity: 1;
}
@media (min-width: 1300px) {
  .splide__slide.is-active .slide-content .Ani_content {
    animation-name: fadeInUpSD;
    animation-duration: 1.2s;
  }
}

.slide-content {
  position: absolute;
  z-index: 5;
  width: 90%;
}
@media (min-width: 1024px) {
  .slide-content {
    width: 80%;
  }
}

.SlideTextWrap {
  position: absolute;
  z-index: 1;
  width: 80%;
}
@media (min-width: 600px) {
  .SlideTextWrap {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .SlideTextWrap {
    width: 70%;
  }
}
@media (min-width: 1300px) {
  .SlideTextWrap {
    width: 70%;
  }
}
@media (min-width: 1800px) {
  .SlideTextWrap {
    width: 60%;
  }
}

.SlideTextWrap.Centered {
  top: 49%;
  left: 50%;
  max-width: 1200px;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (min-width: 600px) {
  .SlideTextWrap.Centered {
    transform: translate(-50%, -50%);
  }
}

.slide-content.BotL, .SlideTextWrap.BotL, .slide-content.TopL, .SlideTextWrap.TopL {
  max-width: 100%;
  left: 3.6666666667vw;
}

.slide-content.BotR, .SlideTextWrap.BotR, .slide-content.TopR, .SlideTextWrap.TopR {
  max-width: 100%;
  right: 3.6666666667vw;
}

.slide-content.BotR, .SlideTextWrap.BotR, .slide-content.BotL, .SlideTextWrap.BotL {
  bottom: 3.6666666667vw;
}

.slide-content.TopR, .SlideTextWrap.TopR, .slide-content.TopL, .SlideTextWrap.TopL {
  top: 3.6666666667vw;
}

.heroslideshow {
  overflow-x: hidden;
}
.heroslideshow .slide-content.BotL, .heroslideshow .SlideTextWrap.BotL, .heroslideshow .slide-content.TopL, .heroslideshow .SlideTextWrap.TopL {
  max-width: 85%;
  left: 5.5vw;
}
.heroslideshow .slide-content.BotR, .heroslideshow .SlideTextWrap.BotR, .heroslideshow .slide-content.TopR, .heroslideshow .SlideTextWrap.TopR {
  max-width: 85%;
  right: 5.5vw;
}
.heroslideshow .slide-content.BotR, .heroslideshow .SlideTextWrap.BotR, .heroslideshow .slide-content.BotL, .heroslideshow .SlideTextWrap.BotL {
  bottom: 5.5vw;
}
.heroslideshow .slide-content.TopR, .heroslideshow .SlideTextWrap.TopR, .heroslideshow .slide-content.TopL, .heroslideshow .SlideTextWrap.TopL {
  top: 5.5vw;
}
.heroslideshow .slideshow .splide__arrows .splide__arrow--prev {
  left: 5.5vw;
}
.heroslideshow .slideshow .splide__arrows .splide__arrow--next {
  right: 5.5vw;
}
.heroslideshow .splide__pagination button {
  background: #f0f1f1;
}