.tns-outer [aria-controls]:not(:disabled),
.tns-outer [data-action]:not(:disabled) {
	cursor: pointer;
}

.tns-slider {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
	display:flex;
}

.tns-horizontal.tns-subpixel {
	white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
	content: '';
	display: table;
	clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
	float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
	margin-right: -100%;
}

.tns-no-calc {
	position: relative;
	left: 0;
}

.tns-gallery {
	position: relative;
	left: 0;
	min-height: 1px; /* make sure slider container is visible */
}
.tns-gallery > .tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition: transform 0s, opacity 0s;
	-moz-transition: transform 0s, opacity 0s;
	transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
	position: relative;
	left: auto !important;
}
.tns-gallery > .tns-moving {
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	transition: all 0.25s;
}

.tns-autowidth { display: inline-flex; }

.tns-lazy-img {
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	transition: opacity 0.6s;
	opacity: 0.6;
}
.tns-lazy-img.tns-complete { opacity: 1; }

.tns-ah {
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	transition: height 0s;
}
.tns-ovh { overflow: hidden; }
.tns-visually-hidden { position: absolute; left: -10000em; }
.tns-transparent { opacity: 0; visibility: hidden; }

.tns-fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0;
}
.tns-normal, .tns-fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
}

/* Fix a viewport issue in initialization */
.tns-vpfix {
	white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
	display: inline-block;
}

:root {
	--tns-width : 310px;
	--tns-height : 10px;
	--tns-count : 70;
	--tns-perpage : 3;
}

.tns-t-subp2 {
	margin: 0 auto;
	width: var(--tns-width);
	position: relative;
	height: var(--tns-height);
	overflow: hidden;
}

.tns-t-ct {
	width: calc(100% * var(--tns-count) / var(--tns-perpage));
	position: absolute;
	right: 0;
}
.tns-t-ct:after {
	content: '';
	display: table;
	clear: both;
}
.tns-t-ct > div {
	width: calc(100% / var(--tns-count));
	height: var(--tns-height);
	float: left;
}