/*
 * Swiper_XH
 * Frank Seidel, Olaf Penschke
 * Stylesheet for "set_fade"
 */

/* The following line is mandatory. Do not delete it! */

.SW-1 {
    --swiper-theme-color: rgba(var(--mainBackgroundColor), .5);
	z-index: 0;
}
.SW-1 .swiper-wrapper {
    width: 100vw;
	height: calc(100vh - 100px);
}

.SW-1 .slide1 {
	background: url(images/ekso-1.jpg);
    background-position: center;
	background-size: cover;
	overflow: hidden;
}
.SW-1 .slide2 {
	background: url(images/ekso-2.jpg);
	background-size: cover;
    background-position: center;
	overflow: hidden;
}
.SW-1 .slide3 {
	background: url(images/ekso-3.jpg);
	background-size: cover;
    background-position: center;
	overflow: hidden;
}
.SW-1 .slide4 {
	background: url(images/ekso-4.jpg);
	background-size: cover;
    background-position: center;
	overflow: hidden;
}

.SW-1 .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
      text-align: center;
      line-height: 14px;
      font-size: 10px;
      color:#fff;
      opacity: 1;
      background: rgba(var(--mainBackgroundColor), .5);
	  border-radius: 3px;
	  z-index: 100;
    }
.SW-1 .swiper-pagination-bullet-active {
      color:#fff;
      background: rgba(var(--mainColor), .5);
    }
.SW-1 .swiper-button-next::after,
.SW-1 .swiper-button-prev::after {
	font-size: 24px;
} 

/* The following line is mandatory. Do not delete it! */