.ks_slider {
	overflow: hidden;
	width:1200px;
	height:500px;
	white-space:nowrap;
	position: relative;
	font-size: 0;
}

.ks_slider .ks_cssTable {
	display:table;
}

.ks_slider .ks_cssTable .ks_cssTableRow {
	display:table-row;
}

.ks_slider .ks_cssTable .ks_cssTableCell {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.ks_slider .ks_slideTrack {
	width:100%;
	height: 100%;
	position: relative;
	overflow: visible;
	transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ks_slider .ks_slide {
	width:100%;
	height:100%;
	display:inline-block;
	position: relative;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.ks_slider .ks_slide.ks_fill {
	background-size: cover;
}

.ks_slider .ks_slide.ks_fit {
	background-size: contain;
}

.ks_slider .ks_slide .ks_slideContent {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	white-space:normal;
	font-size: 14px;
}

.ks_slider .ks_slide .ks_slideLoading {
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.ks_slider .ks_slide.loaded .ks_slideLoading {
	opacity: 0;
}

.ks_loadingSpinner {
	background-color:rgba(0,0,0,0);
	border-radius:50%;
	animation:spinner 0.6s infinite linear;
	border-width:2px;
	border-style:solid;
	border-color:#888;
	border-top-color:rgba(0,0,0,0);
	border-left-color:rgba(0,0,0,0);
	width:24px;
	height:24px;
	box-sizing:border-box;
	transform:translateZ(0);
	display:inline-block;
}

@keyframes spinner {
	0% {
		transform:rotate(0deg);
	}

	100% {
		transform:rotate(360deg);
	}
}

.ks_slider .ks_arrow {
	position:absolute;
	top:0;
	height:100%;
	width:50%;
	max-width: 96px;
	background-color: transparent;
	background-position: 24px 50%;
	background-repeat: no-repeat;
	background-size: auto;
	cursor: pointer;
	opacity: 0;
	transition: all 0.3s ease;
	z-index:1;
}

.ks_slider .ks_arrow.ks_leftArrow {
	background-image: url(resources/left.svg);
	left:0;
}

.ks_slider .ks_arrow.ks_rightArrow {
	background-image: url(resources/right.svg);
	background-position: calc(100% - 24px) 50%;
	right:0;
}

.ks_slider:hover .ks_arrow {
	opacity: 0.8;
}

.ks_slider .ks_arrow:hover {
	opacity: 1;
}

.ks_slider .ks_dotsContainer {
	position: absolute;
	bottom:0;
	width:100%;
	height: auto;
	text-align: center;
	z-index: 2;
}

.ks_slider .ks_dotsContainer .ks_dot {
	display:inline-block;
	vertical-align: middle;
	padding:16px 6px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.ks_slider .ks_dotsContainer .ks_dot .ks_dotVisual {
	width:6px;
	height:6px;
	border-radius: 10px;
	background:#fff;
	vertical-align: middle;
	transition: all 0.3s ease;
	opacity: 0.5;
}

.ks_slider .ks_dotsContainer .ks_dot.selected .ks_dotVisual {
	width:10px;
	height:10px;
	opacity: 1;
}