/* domyslnie cala zawartosc slidera nie jest klikalna, itp. ani nie mozna jej zaznczyc */
.simple-css-slider2 * {
	pointer-events:none;
}


.simple-css-slider2 {
	display:block;
	position:relative;
	--transition-time:1s;
	--current-slide:1;
}

.js .simple-css-slider2.slide-loading {
	--current-slide:0;
}

.simple-css-slider2 .slider {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	overflow:hidden;
}

/* ustawiamy zmienna current-slide w zaleznosci od klasy */
.simple-css-slider2.current-slide-0 { --current-slide:0; }
.simple-css-slider2.current-slide-1 { --current-slide:1; }
.simple-css-slider2.current-slide-2 { --current-slide:2; }
.simple-css-slider2.current-slide-3 { --current-slide:3; }
.simple-css-slider2.current-slide-4 { --current-slide:4; }
.simple-css-slider2.current-slide-5 { --current-slide:5; }
.simple-css-slider2.current-slide-6 { --current-slide:6; }
.simple-css-slider2.current-slide-7 { --current-slide:7; }
.simple-css-slider2.current-slide-8 { --current-slide:8; }
.simple-css-slider2.current-slide-9 { --current-slide:9; }
.simple-css-slider2.current-slide-10 { --current-slide:10; }
.simple-css-slider2.current-slide-11 { --current-slide:11; }
.simple-css-slider2.current-slide-12 { --current-slide:12; }
.simple-css-slider2.current-slide-13 { --current-slide:13; }
.simple-css-slider2.current-slide-14 { --current-slide:14; }
.simple-css-slider2.current-slide-15 { --current-slide:15; }
.simple-css-slider2.current-slide-16 { --current-slide:16; }
.simple-css-slider2.current-slide-17 { --current-slide:17; }
.simple-css-slider2.current-slide-18 { --current-slide:18; }
.simple-css-slider2.current-slide-19 { --current-slide:19; }


.simple-css-slider2 .slider .slides {
	width:2000%;
	height:100%;
	position:relative;
	left:-100%;
}
.simple-css-slider2 .slider .slides:before, .simple-css-slider2 .slider .slides:after { content: " "; display: table; }
.simple-css-slider2 .slider .slides:after { clear: both; }
.simple-css-slider2 .slider .slides { *zoom: 1; }

.simple-css-slider2.js.animated .slider .slides {
	-webkit-transition: left var(--transition-time) cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: left var(--transition-time) cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: left var(--transition-time) cubic-bezier(0.86, 0, 0.07, 1);
	transition: left var(--transition-time) cubic-bezier(0.86, 0, 0.07, 1);
}
.simple-css-slider2.js .slider .slides {
	left:calc(0% - (100% * var(--current-slide)));
}


.simple-css-slider2 .slider .slides .slide {
	display:block;
	width:5%;
	float:left;
	height:100%;
	position:relative;
}