
.slider--sliding-indicator {
	position:absolute;
	display:block;
	top: 0;
	left:0;

	width:100%;
	height:10px;

	-webkit-perspective:1000px;
	perspective:1000px;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items:center;

	-webkit-transform: translate3D(0%,0,0);
	-moz-transform: translate3D(0%,0,0);
	-ms-transform: translate3D(0%,0,0);
	transform: translate3D(0%,0,0);

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: left, transform; 

	z-index:999;
	background:cyan;
}

.dk-slider.direc-next .slider--sliding-indicator.animated {
	-webkit-transform: translate3D(-100%,0,0);
	-moz-transform: translate3D(-100%,0,0);
	-ms-transform: translate3D(-100%,0,0);
	transform: translate3D(-100%,0,0);
}

.dk-slider.direc-prev .slider--sliding-indicator.animated {
	-webkit-transform: translate3D(100%,0,0);
	-moz-transform: translate3D(100%,0,0);
	-ms-transform: translate3D(100%,0,0);
	transform: translate3D(100%,0,0);
}


.dk-slider {
	position: relative;
	display:block; 
	width:100%;
	height: auto;
	opacity:1;

	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-ms-transition:opacity 1s;
	transition:opacity 1s;
}
.dk-slider.init {
	opacity:0;
}

.slider--inner {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.slider--overlay {
	position: absolute;
	display:block;
	width:100%;
	max-width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:3;
	background:transparent;

	-webkit-touch-callout: none;
    -ms-touch-action: pan-y;
	touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slider--overlay:focus {
	outline: none;
}

.dk-slide {
	position:absolute;
	display:none;
	top: 0;
	left:0;
	width:100%;
	height:auto;
	-webkit-perspective:1000px;
	perspective:1000px;
/* 	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items:center; */

	will-change: left, transform;
}

.dk-slide.active,
.dk-slide.prev,
.dk-slide.next {
	display: block;
}

.dk-slide.active {
	position: relative;
}

