/*Common*/
.swiper-container {
	width: 100%;
	height: 500px;
	cursor: -webkit-grab;
	cursor: grab;
	/* margin-bottom: 45px; */
}


.swiper-container .swiper-slide {
	background-position: center;
	background-size: cover;
}

.swiper-container .swiper-slide span {
	position: absolute;
	top: 30%;
	width: 100%;
}

.swiper-container .swiper-slide span .h1 {
	font-family: var(--fontfamilysd);
	/* font-family: inherit;	 */
	/* color: #2a2836; */
	/* font-size: 5rem; */
	font-weight: 600;
	/* opacity: .7; */
	letter-spacing: 3px;
	/* text-shadow: 0px 0px 12px rgba(23, 23, 23, 0.98); */
}

.swiper-container .swiper-slide span p {
	/* font-family: Open Sans;  */
	/* color: #2a2836; */
	/* font-size: 16px; */
	font-weight: 400;
	letter-spacing: 1.2px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	line-height: 1.2;
	/* text-shadow:  0px 0px 4px rgb(0 0 0 / 98%); */
}



/*stylecenter*/
.stylecenter .swiper-slide span {
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.stylecenter .swiper-slide span .h1,
.stylecenter .swiper-slide span p {
	text-align: center;
}

/*styleleft*/
.styleleft .swiper-slide span {
	text-align: left;
	max-width: 600px;
	margin-left: 100px;
}

.styleleft .swiper-slide span .h1,
.styleleft .swiper-slide span p {
	text-align: left;
}



/* no-repeat scroll center top #fff */

@media (max-width: 720px) {

	.styleleft .swiper-slide span {
	    position: absolute; 
		left: 50%;
		top: 50%;
		transform: translate(-50%, -10%);
		text-align: center;
		background: rgba(136, 132, 132, 0.2);
		width: 90% !important;
		margin: 0; 
	}

	.styleleft .swiper-slide span .h1 {
		font-size: 18px;
	}

	.styleleft .swiper-slide span p {
		font-size: 14px;
		text-shadow: 1px 1px 2px rgb(0, 0, 0, .5)
	}

}


/*Animations*/

.shine .swiper-slide {
	position: relative;
}

.shine .swiper-slide::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	-webkit-animation: shine 1s ease-in-out 1 alternate;
	animation: shine 1s ease-in-out 1 alternate;

}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

/* zoomleftright */
.zoomleftright .swiper-slide {
	background-position: bottom left;
	animation: move 40s ease infinite;
}

@keyframes move {
	0% {
		background-size: 100%;
		background-position: bottom left;
	}

	100% {
		background-size: 120%;
		background-position: bottom right;
	}
}

@media (max-width: 1600px) {
	.zoomleftright .swiper-slide {
		background-position: bottom left;
		animation: move 40s ease infinite;
	}

	@keyframes move {
		0% {
			background-position: bottom left;
		}

		100% {
			background-position: bottom right;
		}
	}

}



/* zoomtopleft */

.zoomtopleft .swiper-slide {
	background-position: top left;
	animation: move 60s ease infinite;
}

@keyframes move {
	0% {
		background-size: 100%;
		background-position: top left;
	}

	25% {
		background-size: 110%;
		background-position: center;
	}

	50% {
		background-size: 120%;
		background-position: bottom right;
	}

	75% {
		background-size: 110%;
		background-position: center;
	}

	100% {
		background-size: 100%;
		background-position: top left;
	}
}

@media (max-width: 1600px) {
	.zoomtopleft .swiper-slide {
		background-position: bottom left;
		animation: move 40s ease infinite;
	}

	@keyframes move {
		0% {
			background-position: top left;
		}

		25% {
			background-position: center;
		}

		50% {
			background-position: bottom right;
		}

		75% {
			background-position: center;
		}

		100% {
			background-position: top left;
		}
	}

}




/* SlideStripe */
.styleleft.slideStripeShow .swiper-slide {
	position: relative;
	z-index: 0;
}

.styleleft.slideStripeShow .swiper-slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: #384c66;
	opacity: 0.4;
	clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);
	z-index: 1;
	transition: width 0.3s ease;
}

.styleleft.slideStripeShow .swiper-slide span,
.styleleft.slideStripeShow .swiper-slide .h1,
.styleleft.slideStripeShow .swiper-slide p,
.styleleft.slideStripeShow .swiper-slide .headerButton {
	z-index: 2;
}


@media (max-width: 1008px) {
	.styleleft.slideStripeShow .swiper-slide::after {
		width: 90%;
		clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
	}
}

@media (max-width: 650px) {
	.styleleft.slideStripeShow .swiper-slide {
		padding: 0px;
	}

	.styleleft.slideStripeShow .swiper-slide::after {
		width: 100%;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.styleleft.slideStripeShow .swiper-slide span,
	.styleleft.slideStripeShow .swiper-slide .h1,
	.styleleft.slideStripeShow .swiper-slide p,
	.styleleft.slideStripeShow .swiper-slide .headerButton{	
		font-size: 1.3rem!important;
	}
}











/******* font size *******/
/* .swiper-container.smallText  span .h1 {
		font-size: 24px!important;
	}
	.swiper-container.smallText  span p {
		font-size: 20px!important;
	}
			
	
	.swiper-container.mediumText  span .h1 {
		font-size: 26px!important;
	}
	.swiper-container.mediumText  span p {
		font-size: 24px!important;
	}
	
	.swiper-container.largeText  span .h1 {
		font-size: 28px!important;
	}
	.swiper-container.largeText  span p {
		font-size: 26px!important;
	}	

	.swiper-container.extraLargeText  span .h1 {
		font-size: 32px!important;
	}
	.swiper-container.extraLargeText  span p {
		font-size: 30px!important;
	}
 */