.tm-swiper {
	position: relative;
	z-index: 1;
	.swiper-container {
		width: 100%;
	}
	.swiper-pagination {
		position: static;
		text-align: center;
		margin-top: 50px;
	}
	&.equal-height {
		.swiper-wrapper {
			display: flex;
			align-items: stretch;
		}
		.swiper-slide {
			display: flex;
			height: auto;
		}
	}
	&.v-center {
		.swiper-slide {
			align-self: center;
		}
	}
	.swiper-pagination-bullet {
		@extend %transit;
		box-sizing: border-box;
		margin: 0 9px;
		width: 13px;
		height: 13px;
		border: 3px solid rgba(130, 135, 150, 0.2);
		background: transparent;
		opacity: 1;
	}

	&.pagination-style-2 {
		&.tm-swiper .swiper-pagination {
			position: absolute;
			bottom: 25px;
			left: 0;
			width: 100%;
		}
		.swiper-pagination-bullet {
			border: 3px solid rgba(225, 225, 225, 0.5);
		}
	}
	.swiper-nav-button {
		@extend %transit;
		user-select: none;
		text-align: center;
		background-image: none;
	}
	&.nav-style-1,
	&.nav-style-2 {
		.swiper-nav-button {
			margin-top: -25px;
			width: 50px;
			height: 50px;
			font-size: 18px;
			line-height: 50px;
			opacity: 0.2;
			&:hover {
				opacity: 1;
			}
		}
		.swiper-button-next {
			right: -60px;
		}
		.swiper-button-prev {
			left: -60px;
		}
		&.has-pagination {
			.swiper-nav-button {
				margin-top: -56px;
			}
		}
	}
	&.nav-style-2 {
		.swiper-nav-button {
			color: #ffffff;
		}
	}
	&.nav-style-3 {
		.swiper-nav-button {
			color: #ffffff;
			width: 50px;
			height: 120px;
			line-height: 120px;
			top: 50%;
			margin-top: -60px;
			&.swiper-button-prev {
				left: 0;
				border-radius: 0 5px 5px 0;
			}
			&.swiper-button-next {
				right: 0;
				border-radius: 5px 0 0 5px;
			}
		}
		&.has-pagination {
			.swiper-nav-button {
				margin-top: -97px;
			}
		}
		&.has-pagination.pagination-style-2 {
			.swiper-nav-button {
				margin-top: -60px;
			}
		}
	}
}

@media screen and (max-width: 600px) {
	.tm-swiper {
		&.nav-style-1,
		&.nav-style-2 {
			.swiper-button-prev {
				left: auto;
				right: 30px;
				top: -30px;
			}
			.swiper-button-next {
				right: -20px;
				top: -30px;
			}
		}
	}
}