/* domyslnie cala zawartosc slidera nie jest klikalna, itp. ani nie mozna jej zaznczyc */
.simple-css-slider * {
	pointer-events:none;
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-khtml-user-select: none;
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}


.simple-css-slider {
	display:block;
	position:relative;
	
	/* czas zmiany slajdow */
	--transition-time:1s;
	
	/* aktualnie wyswietlany slajd */
	--current-slide:0;
	
	/* aktualna szerokosc slidera */
	--slider-width:0px;
	
	/* aktualna wysokosc slidera */
	--slider-height: 0px;
	
	/* wysokoscc slajdu, do ktorego nalezy dana warstwa (gdy poza slajdem to aktualna wysokosc slidera) */
	--slide-height: 0px;
	
	/* wysokosc warstwy */
	--layer-height:0px;
	
	/* numer slajdu */
	--slide-nr:0; 
	
	/* maksymalna wysokosc wszystkich warstw relative znajdujacych sie poza normalnymi slajdami*/
	--slider-outside-relatives-max-height:0px;
	
	/* maksymalne wysokosci wszystkich warstw relative znajdujacych sie w slajdach */
	--slider-slide0-relatives-max-height:0px;
	--slider-slide1-relatives-max-height:0px;
	--slider-slide2-relatives-max-height:0px;
	--slider-slide3-relatives-max-height:0px;
	--slider-slide4-relatives-max-height:0px;
	--slider-slide5-relatives-max-height:0px;
	--slider-slide6-relatives-max-height:0px;
	--slider-slide7-relatives-max-height:0px;
	--slider-slide8-relatives-max-height:0px;
	--slider-slide9-relatives-max-height:0px;
	--slider-slide10-relatives-max-height:0px;
	--slider-slide11-relatives-max-height:0px;
	--slider-slide12-relatives-max-height:0px;
	--slider-slide13-relatives-max-height:0px;
	--slider-slide14-relatives-max-height:0px;
	--slider-slide15-relatives-max-height:0px;
	--slider-slide16-relatives-max-height:0px;
	--slider-slide17-relatives-max-height:0px;
	--slider-slide18-relatives-max-height:0px;
	--slider-slide19-relatives-max-height:0px;
	
	/* maksymalna wysokosc wsrod wszystkich slajdow */
	--slider-all-slides-relatives-max-height:max( var(--slider-slide0-relatives-max-height), var(--slider-slide1-relatives-max-height), var(--slider-slide2-relatives-max-height), var(--slider-slide3-relatives-max-height), var(--slider-slide4-relatives-max-height), var(--slider-slide5-relatives-max-height), var(--slider-slide6-relatives-max-height), var(--slider-slide7-relatives-max-height), var(--slider-slide8-relatives-max-height), var(--slider-slide9-relatives-max-height), var(--slider-slide10-relatives-max-height), var(--slider-slide11-relatives-max-height), var(--slider-slide12-relatives-max-height), var(--slider-slide13-relatives-max-height), var(--slider-slide14-relatives-max-height), var(--slider-slide15-relatives-max-height), var(--slider-slide16-relatives-max-height), var(--slider-slide17-relatives-max-height), var(--slider-slide18-relatives-max-height), var(--slider-slide19-relatives-max-height) );
	
}

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

/* div slidera */
.simple-css-slider .slider {
	
	display:block;
	position:relative;
	z-index:10;
	width:100%;
	overflow:hidden;
	
	/* domyslnie slajdy maja wysokosc taka jak ich wszystkich najwysza wysokosc relative albo najwyzsza wysokosc relative poza sliderem w zaleznosci co wieksze */
	--slider-slide0-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide1-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide2-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide3-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide4-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide5-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide6-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide7-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide8-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide9-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide10-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide11-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide12-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide13-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide14-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide15-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide16-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide17-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide18-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	--slider-slide19-base-height: max(var(--slider-outside-relatives-max-height), var(--slider-all-slides-relatives-max-height));
	
}

/* jesli slider ma miec zmienna wysokosc w zaleznosci od slajdu to nie bierzemy pod uwage wysokosci wszystkich tylko tego konkretnego oraz warstw poza sliderem */
.simple-css-slider.slides-individual-height .slider {
	--slider-slide0-base-height: max(var(--slider-slide0-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide1-base-height: max(var(--slider-slide1-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide2-base-height: max(var(--slider-slide2-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide3-base-height: max(var(--slider-slide3-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide4-base-height: max(var(--slider-slide4-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide5-base-height: max(var(--slider-slide5-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide6-base-height: max(var(--slider-slide6-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide7-base-height: max(var(--slider-slide7-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide8-base-height: max(var(--slider-slide8-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide9-base-height: max(var(--slider-slide9-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide10-base-height: max(var(--slider-slide10-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide11-base-height: max(var(--slider-slide11-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide12-base-height: max(var(--slider-slide12-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide13-base-height: max(var(--slider-slide13-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide14-base-height: max(var(--slider-slide14-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide15-base-height: max(var(--slider-slide15-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide16-base-height: max(var(--slider-slide16-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide17-base-height: max(var(--slider-slide17-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide18-base-height: max(var(--slider-slide18-relatives-max-height), var(--slider-outside-relatives-max-height));
	--slider-slide19-base-height: max(var(--slider-slide19-relatives-max-height), var(--slider-outside-relatives-max-height));

}

.simple-css-slider .slider {
	--slider-slide0-height: var(--slider-slide0-base-height);
	--slider-slide1-height: var(--slider-slide1-base-height);
	--slider-slide2-height: var(--slider-slide2-base-height);
	--slider-slide3-height: var(--slider-slide3-base-height);
	--slider-slide4-height: var(--slider-slide4-base-height);
	--slider-slide5-height: var(--slider-slide5-base-height);
	--slider-slide6-height: var(--slider-slide6-base-height);
	--slider-slide7-height: var(--slider-slide7-base-height);
	--slider-slide8-height: var(--slider-slide8-base-height);
	--slider-slide9-height: var(--slider-slide9-base-height);
	--slider-slide10-height: var(--slider-slide10-base-height);
	--slider-slide11-height: var(--slider-slide11-base-height);
	--slider-slide12-height: var(--slider-slide12-base-height);
	--slider-slide13-height: var(--slider-slide13-base-height);
	--slider-slide14-height: var(--slider-slide14-base-height);
	--slider-slide15-height: var(--slider-slide15-base-height);
	--slider-slide16-height: var(--slider-slide16-base-height);
	--slider-slide17-height: var(--slider-slide17-base-height);
	--slider-slide18-height: var(--slider-slide18-base-height);
	--slider-slide19-height: var(--slider-slide19-base-height);
}



/* jezeli loading jako slajd, slajdy maja miec indywidualne wysokosci i loading ma miec taka wysokosc jak kolejny slajd */
.simple-css-slider.loading-as-slide.slides-individual-height.loading-firstslide-height .slider {
	--slider-slide0-height: max(var(--slider-slide0-base-height), var(--slider-slide1-base-height));
}

/* zmiana wysokosci slidera w zaleznosci ktory slajd aktywny - tylko jesli uruchomiono js i sprawdzono wysokosci */
.simple-css-slider.current-slide-0 .slider { --slider-height: var(--slider-slide0-height); }
.simple-css-slider.current-slide-1 .slider { --slider-height: var(--slider-slide1-height); }
.simple-css-slider.current-slide-2 .slider { --slider-height: var(--slider-slide2-height); }
.simple-css-slider.current-slide-3 .slider { --slider-height: var(--slider-slide3-height); }
.simple-css-slider.current-slide-4 .slider { --slider-height: var(--slider-slide4-height); }
.simple-css-slider.current-slide-5 .slider { --slider-height: var(--slider-slide5-height); }
.simple-css-slider.current-slide-6 .slider { --slider-height: var(--slider-slide6-height); }
.simple-css-slider.current-slide-7 .slider { --slider-height: var(--slider-slide7-height); }
.simple-css-slider.current-slide-8 .slider { --slider-height: var(--slider-slide8-height); }
.simple-css-slider.current-slide-9 .slider { --slider-height: var(--slider-slide9-height); }
.simple-css-slider.current-slide-10 .slider { --slider-height: var(--slider-slide10-height); }
.simple-css-slider.current-slide-11 .slider { --slider-height: var(--slider-slide11-height); }
.simple-css-slider.current-slide-12 .slider { --slider-height: var(--slider-slide12-height); }
.simple-css-slider.current-slide-13 .slider { --slider-height: var(--slider-slide13-height); }
.simple-css-slider.current-slide-14 .slider { --slider-height: var(--slider-slide14-height); }
.simple-css-slider.current-slide-15 .slider { --slider-height: var(--slider-slide15-height); }
.simple-css-slider.current-slide-16 .slider { --slider-height: var(--slider-slide16-height); }
.simple-css-slider.current-slide-17 .slider { --slider-height: var(--slider-slide17-height); }
.simple-css-slider.current-slide-18 .slider { --slider-height: var(--slider-slide18-height); }
.simple-css-slider.current-slide-19 .slider { --slider-height: var(--slider-slide19-height); }

/* wysokosc aktualnego slajdu - domyslnie taka jak calego slidera */
.simple-css-slider .slider {
	--slide-height: var(--slider-height);
}

/* wysokosc gdy js i resized */
.simple-css-slider.js.resized .slider { height: var(--slider-height); }

/* plynne przejscie wysokosci slajdow */
.simple-css-slider.js.resized.animated .slider {
	-webkit-transition: height var(--transition-time) cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: height var(--transition-time) cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: height var(--transition-time) cubic-bezier(0.86, 0, 0.07, 1);
	transition: height var(--transition-time) cubic-bezier(0.86, 0, 0.07, 1);
}

.simple-css-slider .slider .slides-list .slide:nth-child(1) {--slide-nr:0; --slide-height: var(--slider-slide0-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(2) {--slide-nr:1; --slide-height: var(--slider-slide1-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(3) {--slide-nr:2; --slide-height: var(--slider-slide2-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(4) {--slide-nr:3; --slide-height: var(--slider-slide2-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(5) {--slide-nr:4; --slide-height: var(--slider-slide4-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(6) {--slide-nr:5; --slide-height: var(--slider-slide5-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(7) {--slide-nr:6; --slide-height: var(--slider-slide6-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(8) {--slide-nr:7; --slide-height: var(--slider-slide7-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(9) {--slide-nr:8; --slide-height: var(--slider-slide8-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(10) {--slide-nr:9; --slide-height: var(--slider-slide9-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(11) {--slide-nr:10; --slide-height: var(--slider-slide10-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(12) {--slide-nr:11; --slide-height: var(--slider-slide11-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(13) {--slide-nr:12; --slide-height: var(--slider-slide12-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(14) {--slide-nr:13; --slide-height: var(--slider-slide13-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(15) {--slide-nr:14; --slide-height: var(--slider-slide14-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(16) {--slide-nr:15; --slide-height: var(--slider-slide15-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(17) {--slide-nr:16; --slide-height: var(--slider-slide16-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(18) {--slide-nr:17; --slide-height: var(--slider-slide17-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(19) {--slide-nr:18; --slide-height: var(--slider-slide18-height);}
.simple-css-slider .slider .slides-list .slide:nth-child(20) {--slide-nr:19; --slide-height: var(--slider-slide19-height);}

.simple-css-slider .slider .slider-in {
	width:200%;
}
.simple-css-slider .slider .slider-in:before, .simple-css-slider .slider .slider-in:after { content: " "; display: table; }
.simple-css-slider .slider .slider-in:after { clear: both; }
.simple-css-slider .slider .slider-in { *zoom: 1; }
.simple-css-slider .slider .slider-outside,
.simple-css-slider .slider .slider-inside {
	width:50%;
	float:left;
	min-height:1px;
}
.simple-css-slider .slider .slider-outside + .slider-inside,
.simple-css-slider .slider .slider-inside + .slider-outside {
	margin-left:-50%;
}
.simple-css-slider .slider .slides {
	width:2000%;
}
.simple-css-slider .slider .slides:before, .simple-css-slider .slider .slides:after { content: " "; display: table; }
.simple-css-slider .slider .slides:after { clear: both; }
.simple-css-slider .slider .slides { *zoom: 1; }
.simple-css-slider .slider .slides .slide {
	display:none;
	width:5%;
	float:left;
	min-height:1px;
	--slide-height:0px;
}
.simple-css-slider .slider .slides .slide:nth-child(1) {
	display:block;
}
.simple-css-slider.loading-as-slide .slider .slides .slide:nth-child(1) {
	display:none;
}
.simple-css-slider.loading-as-slide .slider .slides .slide:nth-child(2) {
	display:block;
}
.simple-css-slider.js .slider .slides .slide ~ .slide {
	margin-left:-5%;
}
.simple-css-slider.js .slider .slides .slide {
	display:block !important;
}

.simple-css-slider .slider .slider-relative-layers-groups {
	width:2000%;
}
.simple-css-slider .slider .slider-relative-layers-groups:before, .simple-css-slider .slider .slides .slide .slider-relative-layers-groups:after { content: " "; display: table; }
.simple-css-slider .slider .slider-relative-layers-groups:after { clear: both; }
.simple-css-slider .slider .slider-relative-layers-groups { *zoom: 1; }

.simple-css-slider .slider .slider-relative-layers-group {
	display:block;
	width:5%;
	float:left;
	min-height:1px;
	--slider-layer-group-height:0px;
}
.simple-css-slider .slider .slider-relative-layers-group ~ .slider-relative-layers-group {
	margin-left:-5%;
}
.simple-css-slider .slider .slider-layer,
.simple-css-slider .slider .slider-layer .slider-layer-a, 
.simple-css-slider .slider .slider-layer .slider-layer-b {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.simple-css-slider .slider .slider-relative-layers-group .slider-layer, 
.simple-css-slider .slider .slider-relative-layers-group .slider-layer .slider-layer-a, 
.simple-css-slider .slider .slider-relative-layers-group .slider-layer .slider-layer-b {
	position:relative;
	height:auto;
}



/* SLIDE EFFECT - no effect */
.simple-css-slider.js .slider .slides .slide .slider-layer {
	top:-60000px;
}
.simple-css-slider.js .slider .slides .slide.current-slide .slider-layer {
	top:0px;
}


/* SLIDE EFFECT - slide */
.simple-css-slider.js.resized.animated .slider .slides .slide .slider-layer.effect-slide {
	-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-slider.js.resized .slider .slides .slide .slider-layer.effect-slide {
	top:0;
	left:calc((var(--slide-nr) * 100%) - (var(--current-slide) * 100%));
}


/* SLIDE EFFECT - hidden */
.simple-css-slider.js.resized .slider .slides .slide .slider-layer.effect-hidden {
	top:-60000px !important;
}

























/*
.simple-css-slider.js .slider .slides .slide .slider-layer {
	left:calc((var(--slide-nr) * var(--slider-width)) - (var(--current-slide) * var(--slider-width)));
}
*/


/*
.simple-css-slider .slider .slides .slide:nth-child(1) {
	
}


.simple-css-slider .slider .slides .slide ~ .slide {
	margin-left:calc(0px - var(--slider-width));
}
.simple-css-slider .slider .slides .slide .slider-layer {
	display:block;
	position:relative;
}


.simple-css-slider .slider .slides .slide .slider-layer


*/


/*
.simple-css-slider {
	
	--slider-width:0px;
	--current-slide:0;

	display:block;
	position:relative;
	
}

.simple-css-slider .slider .slides .slide {
	display:none;
	width:5%;
	float:left;
	min-height:1px;
	--slider-slide-contents-max-height:0px;
	--slider-slide-height:max(var(--slider-min-height), var(--slider-slide-contents-max-height));
}


.simple-css-slider .slider .slides .slide .slider-layer {
	display:block;
	position:relative;
	width:100%;
	z-index:1;
	left:0;
	top:0;
	--slider-layerid-content-height:0px;
	--slider-layerid-max-content-height:0px;
}

*/