/* Common Style */
.jltma-slider__item figure {
  position: relative;
}
.jltma-slider__item figure i[class*=lightbox-expand] {
  top: 15px;
  right: 15px;
  position: absolute;
}
.jltma-slider__item .jltma-carousel-title span[class*=-carousel-] {
  display: inline-block;
  width: 100%;
}

/* Progress bar */
.swiper-horizontal + .swiper-pagination-progressbar,
.swiper-vertical + .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

/* Navigations */
.jltma-arrows {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  top: 0;
  position: absolute;
  z-index: 1;
}
.jltma-arrows [class*=jltma-arrow] {
  background-color: #fff;
  box-shadow: 0px 13px 33px 0px rgba(51, 77, 128, 0.08);
  border-radius: 100%;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  font-size: 24px;
  margin: 24px;
  padding: 1em;
  z-index: 1;
  transition: all 0.3s ease;
}
.jltma-arrows [class*=jltma-arrow]:hover {
  color: #132c47;
}
.jltma-arrows .jltma-arrow--prev {
  left: 0;
}
.jltma-arrows .jltma-arrow--next {
  right: 0;
}

.jltma-arrows.jltma-swiper__pagination--both {
  height: 100%;
  width: 100%;
}

.jltma-swiper__pagination--both .swiper-pagination,
.jltma-fraction-arrow-container .swiper-pagination {
  flex: 0 0 100%;
  bottom: 0;
  transform: none;
  width: 100%;
}

.jltma-position-top-left .swiper-pagination,
.jltma-position-bottom-left .swiper-pagination,
.jltma-position-top-right .swiper-pagination,
.jltma-position-bottom-right .swiper-pagination {
  flex: 0 0 75%;
}

.swiper-pagination.swiper-pagination-fraction {
  position: static;
  transform: none;
}

.jltma-carousel-both-navigation[class*=jltma-position-],
.jltma-fraction-arrow-container[class*=jltma-position-] {
  display: flex;
  position: absolute;
}
.jltma-carousel-both-navigation.jltma-position-top,
.jltma-fraction-arrow-container.jltma-position-top {
  top: 0;
}
.jltma-carousel-both-navigation.jltma-position-bottom,
.jltma-fraction-arrow-container.jltma-position-bottom {
  bottom: 0;
}
.jltma-carousel-both-navigation.jltma-position-center .swiper-pagination,
.jltma-fraction-arrow-container.jltma-position-center .swiper-pagination {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.jltma-swiper__navigation--top-left,
.jltma-position-top-left {
  align-items: flex-start;
  top: 0;
  left: 0;
}

.jltma-swiper__navigation--top-center,
.jltma-position-top-center {
  align-items: flex-start;
  justify-content: center;
  top: 0;
  width: 100% !important;
}

.jltma-swiper__navigation--top-right,
.jltma-position-top-right {
  align-items: flex-start;
  top: 0;
  right: 0;
  justify-content: flex-end;
}

.jltma-swiper__navigation--center,
.jltma-position-center {
  justify-content: space-between;
  top: 50% !important;
  width: 100%;
  transform: translateY(-50%);
  z-index: 3;
}

.jltma-arrows--vertical.jltma-swiper__navigation--center {
  flex-direction: column;
  justify-content: space-between;
  top: 0 !important;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}

.jltma-swiper__navigation--bottom-left,
.jltma-position-bottom-left {
  align-items: flex-end;
  top: inherit !important;
  bottom: 0;
  left: 0;
}

.jltma-swiper__navigation--bottom-center,
.jltma-position-bottom-center {
  top: inherit;
  bottom: 0;
  align-items: flex-end;
  justify-content: center;
  width: 100% !important;
}

.jltma-swiper__navigation--bottom-right,
.jltma-position-bottom-right {
  top: inherit;
  right: 0;
  bottom: 0;
  align-items: flex-end;
  justify-content: flex-end;
}

.jltma-swiper__navigation--outside[class*=jltma-swiper__navigation--top-] {
  top: -80px;
}
.jltma-swiper__navigation--outside[class*=jltma-swiper__navigation--bottom-] {
  bottom: -80px;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--center .jltma-arrow--prev {
  margin-left: -120px;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--center .jltma-arrow--next {
  margin-right: -120px;
}

.swiper-pagination-progressbar {
  height: 4px;
  left: 10px !important;
  width: calc(100% - 20px) !important;
  z-index: 1;
}
.swiper-pagination-progressbar.jltma-position-top {
  top: 0;
}
.swiper-pagination-progressbar.jltma-position-bottom {
  top: inherit;
  bottom: 0;
}

.jltma-carousel-title {
  line-height: 1.3;
  text-align: center;
}
.jltma-carousel-title .jltma-image-carousel-title {
  font-size: 1.25rem;
  margin: 1rem 0 0.5rem;
}
.jltma-carousel-title .jltma-image-carousel-subtitle {
  font-size: 1rem;
}

/* Responsive */
@media (max-width: 1199px) {
  .jltma-visible-desktop {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .jltma-visible-tablet {
    display: none !important;
  }
}
@media (max-width: 639px) {
  .jltma-visible-mobile {
    display: none !important;
  }
}