<style type="text/css" media="print, screen">


/* OPTION set swiper height here or in swiper file */
.swiper-outer-wrapper {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

/* 	max-height: XXvh; used to prevent extending below browser */

}


.swiper {
	width: 100%;
	height: 100%;

}

/* Position pagination outside */
/* https://github.com/surmon-china/vue-awesome-swiper/issues/146 */
.swiper {
/* 	padding-bottom: var(--rev-swiper-pagination-padding) !important; */
}

.swiper-wrapper {
	background-color: var(--background-color-02);
}

.swiper-slide {
	text-align: center;
}

.swiper-slide img {

	width: auto;
	height: auto;

	min-width: 100vw;

	max-width: 100%;
	max-height: 100%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;

/* OPTION image fills div */
	width: 100%;
	height: 100%;
	object-fit: cover;
/* END */

	font-size: 0;


}


.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
	opacity: 0;
}
.swiper-button-next.reveal,
.swiper-button-prev.reveal,
.swiper-pagination.reveal {
	opacity: 1;
	-webkit-animation: FadeIn 2s;
       -moz-animation: FadeIn 2s;
        -ms-animation: FadeIn 2s;
         -o-animation: FadeIn 2s;
            animation: FadeIn 2s;
}

/* 12.1.2 */
.swiper-navigation-icon {
	display: none;
}
.swiper-horizontal .swiper-button-next {
	left: auto;
	right: 0;
}
.swiper-horizontal .swiper-button-prev {
	left: 0;
	right: auto;
}



/* img.reveal */
.swiper-slide img {
	display: block;
	opacity: 0;
}
.swiper-slide img.reveal {
	opacity: 1;
	-webkit-animation: FadeIn 2s;
       -moz-animation: FadeIn 2s;
        -ms-animation: FadeIn 2s;
         -o-animation: FadeIn 2s;
            animation: FadeIn 2s;
}

@keyframes FadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes FadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes FadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-ms-keyframes FadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes FadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
/* END */





.rev-swiper-common-textblock-wrapper {

	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	-ms-transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%, -0%);
	-moz-transform: translate(-50%, -0%);
	transform: translate(-50%, -0%);
	position: absolute;
	left: 50%;
	top: 0%;

	display: flex;
	z-index: 9;

}
.rev-swiper-common-textblock {
	z-index: 99;
}
.rev-swiper-common-textblock p {
	color: var(--color-01);
	font-size: 1em;
}

.swiper-slide .swiper-textblock-wrapper {
	width: 100vw;
	height: 100%;
	display: flex;
	justify-content: end;
	align-items: end;
}
.swiper-slide .swiper-textblock {

	padding: 0 var(--pad-side);
	max-width: var(--max-width);

	z-index: 9;
}



.swiper-slide .swiper-textblock p {
	padding: 0 0 0 0;
	font-family: var(--font-normal);
	font-weight: var(--font-normal-weight);
	font-size: 2vw;
	text-align: right;
}
.swiper-slide .swiper-textblock h2 {
	padding: 1rem 0 2rem 0;
	font-size: 4.6vw;
	text-align: right;
}




/* button */
.swiper-button-next::after, .swiper-button-prev::after {
	content: "";
}
.swiper-button-prev,
.swiper-button-next {
	width: 40px;
	height: 40px;
	top: unset;
	bottom: var(--rev-swiper-pagination-padding);

	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s;
	transition:.4s;

}
.swiper-button-prev {
	left: 0;
	background-position: 0px 0px;
}
.swiper-button-next {
	right: 0;
	background-position: 0px -40px;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
	opacity: 0.5 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
/* END */




/* OPTION pagination square */
.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-size);
	height: var(--swiper-pagination-bullet-size);
	border-radius: 0;
	border: solid 1px var(--swiper-pagination-color);
	background: none;
}
.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color);
}
/* END */



/* OPTION lazy preloader color */
.swiper-lazy-preloader {
	--swiper-preloader-color: var(--color-01);
}



/* ************************************************************************** */

@media only screen and (max-width: 767.98px) {
	.swiper-slide .swiper-textblock p {
		padding: 0 0 0 0 !important;
		font-size: 5.3vw !important;
		font-family: var(--font-bold) !important;
		font-weight: var(--font-bold-weight) !important;
	}
	.swiper-slide .swiper-textblock h2 {
		padding: 0.5rem 0 1.0rem 0 !important;
		font-size: 12vw !important;
		word-spacing: 100vw;
	}
}




</style>