/* Google webfonts */

/* font-family: 'Libre Baskerville', serif;
font-family: 'Open Sans', sans-serif; */

@keyframes floatAnimationA {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
	100% {
		transform: translateY(0px);
	}
}

@keyframes floatAnimationAA {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0px);
	}
}

@keyframes floatAnimationB {
	0% {
		transform: translateX(0px);
	}
	50% {
		transform: translateX(-10px);
	}
	100% {
		transform: translateX(0px);
	}
}

/* Swiper */
.swiper {width: 336px; height: 280px; overflow: visible !important;}

.swiper .swiper-slide {display: none;}
.swiper .swiper-slide .inner-wrapper {text-decoration: none;}
.swiper .swiper-slide .logo {width: 100px;}
.swiper .swiper-slide .textblock {transform: translate3d(2rem, 1rem, 0);}
.swiper .swiper-slide .textblock h2,
.swiper .swiper-slide .textblock h3 {font-family: 'Libre Baskerville', serif;}
.swiper .swiper-slide .textblock h3 {font-size: 1.2rem;}
.swiper .swiper-slide .textblock p {font-family: 'Open Sans', sans-serif;}
.swiper .swiper-slide .textblock .btn-primary {border-radius: 0;}

.swiper .swiper-slide-active {display: block;}

.swiper .element-animationUpDown {animation: floatAnimationA 6s ease-in-out infinite;}
.swiper .element-animationUpDownAA {animation: floatAnimationAA 6s ease-in-out infinite;}
.swiper .element-animationLeftRight {animation: floatAnimationB 6s ease-in-out infinite;}
.swiper .element-animationLeftRight.delay-01 {animation-delay: 250ms;}

.swiper .plusA {left: 6.6rem; top: 2rem;}
.swiper .plusB {right: 0.5rem; bottom: 1.5rem;}
.swiper .plusC {right: 1.6rem; bottom: 0.5rem;}
.swiper .dotA {left: 4.5rem; bottom: 3rem;}

.swiper .plus {position: absolute; height: 15px; width: 4px; z-index: 1;}
.swiper .plus:before {content: ''; position: absolute; height: 15px; width: 4px; transform: rotate(90deg);}

.swiper .dot {position: absolute; width: 15px; height: 15px; border-radius: 100%; z-index: 1;}

.swiper-a .plus {background-color: #008766;}
.swiper-a .plus:before {background-color: #008766;}
.swiper-a .dot {background-color: #008766;}

.swiper-b .plus {background-color: #D9CAEE;}
.swiper-b .plus:before {background-color: #D9CAEE;}
.swiper-b .dot {background-color: #D9CAEE;}

.banner-a .textblock h2,
.banner-a .textblock h3,
.banner-a .textblock p {color: #ffffff;}
.banner-a .textblock .btn-primary {color: #00AD83; background-color: #ffffff;}

.banner-b .textblock h2,
.banner-b .textblock h3,
.banner-b .textblock p {color: #8B67BF;}
.banner-b .textblock .btn-primary {color: #ffffff; background-color: #412D5D;}