/*
╭━━━━━━━━━━━━╯ Karimba.net ╰━━━━━━━━━━━━╮
	Feuille de styles des listes
 __________________________________________________________ 
	© 2019 https://www.karimba.net
╰━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╯
*/

.KSlider {
	width:100%;
	position: relative;
}
.KSlider .KSliderUl {
	position: relative;
	padding-bottom: 50%;
	z-index: 1;
  overflow: hidden;
}
.KSlider .KSliderLi {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
	opacity: 0;
}
.KSlider .KSliderLi.previous,
.KSlider .KSliderLi.init {
	z-index: 1;
	opacity: 1;
}
.KSlider .KSliderLi.init {animation: none !important;}
.KSlider .KSliderLi.current {
	z-index: 2;
	opacity: 1;
}

.KSlider .KSliderFixed {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 4;
}
.KSlider .KSliderCenter,
.KSlider .KSliderArrow {
	position: absolute;
	display: block;
	top: 0;
	width: 20%;
	height: 100%;
	background: transparent;
	border: none;
	z-index: 5;
}
.KSlider .KSliderArrow.KSliderPrev {left:0;}
.KSlider .KSliderArrow.KSliderNext {right:0;}
.KSlider .KSliderCenter {
	left:20%;
	width: 60%;
}
.KSlider .KSliderArrow span {
	position: absolute;
	top:50%;
	width: 2em;
	height: 4em;
	margin-top:-2em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-indent: -10000px;
	text-indent: -500vw;
}
.KSlider .KSliderArrow.KSliderPrev span {left: 0;}
.KSlider .KSliderArrow.KSliderNext span {right:0;}

.KSlider .KSliderNav {
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	z-index: 6;
}
.KSlider .KSliderNav li {
	display: inline-block;
}
.KSlider .KSliderNav li a {
	display: block;
	width: 1.4em;
	height: 1.4em;
}
.KSlider .KSliderNav li a span {
	display: block;
	border: 1px solid #FFF;
	background: transparent;
	width: 0.6em;
	height: 0.6em;
	margin: 0.3em;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	-webkit-box-shadow:0 0 0.5em rgba(0,0,0,0.3);
	   -moz-box-shadow:0 0 0.5em rgba(0,0,0,0.3);
			box-shadow:0 0 0.5em rgba(0,0,0,0.3);
	 -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
			 transition: all 0.3s ease;
}
.KSlider .KSliderNav:hover li a span,
.KSlider .KSliderNav:hover li.current a span {
	background: transparent;
}
.KSlider .KSliderNav li.current a span,
.KSlider .KSliderNav li.current a:hover span,
.KSlider .KSliderNav li a:hover span {
	background: #FFF;	
}


/* Transitions */
@keyframes KSliderFade {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes KSliderRight {
  from {left:100%;}
  to {left:0%;}
}
.KSlider .KSliderLi.KSliderTransFade.current {animation-name: KSliderFade;}
.KSlider .KSliderLi.KSliderTransRight.current {animation-name: KSliderRight;}


/* ╰━┅┉┈  © KARIMBA-DESIGN - www.karimba-design.fr  ┈┉┅━╯ /*