/* glowny div slidera
   trzeba usunac overflow:hidden, gdy chcemy, aby elementy slidera mogly wystawac w pionie poza slider
   dodatkowych warstw okreslajacych minimalna wysokosc oraz slajdow w przypadku tradycyjnego dzialania;
   dodatkowe klasy:
   current-first - gdy pierwszy slajd jest aktywny - ta klase powinnismy dodac domyslnie w kodzie
   current-last - gdy ostatni slajd jest aktywny
   more - gdy jest wiecej niz 1 slajd - powinnismmy dodac w kodzie
   swipe - gdy chcemy umozliwic zmiane przez swipe
   swipe-limit    - gdy zmiana przez swipe ma uniemozliwic "przekrecenie" slidera
   pagination - gdy chcemy umozliiwic zmiane przez paginacje
   buttons - gdy chemy umozliwic zmiane przez buttony
   buttons-limit - gdy zmiana przez buttony ma uniemozliwic "przekrecenie" slidera
   autochange - gdy chcemym, aby slajdy zmienialy sie samoczynnie
   loading - gdy chcemy uruchomic loading
   colors-xxx - gdy chcemy ustalic jakas poczatkowa kolorystyke slidera
   
   data:
   autochange-delay: co ile zmianiac slajd
   name - nazwa slidera
   loading-delay - minimalny czas trwania loadingu
   loaded-duration - po jakim czasie od zakonczenia loadingu uruchomic mozliwosc zmienienia slajdow
   */
   
.assli {
	display:block;
	position:relative;
	overflow:hidden; /* gdy chcemy, aby elementy byly widoczne w pionie poza sliderem to usuwamy overflow:hidden i dajuemy overflow-x:hidden */
	width:100%;
	
	/* do tej zmiennej bedzie wstawiana wartosc rowna ilosci wolnego miejsca w danej warstwie w porownaniu do wysokosci danego slajdu */
	--assli-layerfreespace: 0px;
	--assli-layerhalffreespace: 0px;
	
	/* do tej zmiennej bedzie wstawiana wartosc rowna ilosci wolnego miejsca w danej grupie warstw relatywnych w porownaniu do wysokosci slidera */
	--assli-sliderfreespace: 0px;
	--assli-sliderhalffreespace: 0px;
	
}
/* elementy slidera nie powinny byc mozliwe do zaznaczenia, aby nie robic problemow przy ekranach dotykowych */
.assli * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;    
}
/* elementy slidera maja wylaczone pointer events, aby nie mozna bylo ich kliknac */
.assli * {
	pointer-events: none;  
}
/* odnosniki i odpowiednio ustawione elementy moga byc jednak klikalne */
.assli a, 
.assli .assli-clickable {
	pointer-events: auto;  
}
/* drugi div slidera ma szerokosc 2000%, poniewaz mozna w nim umiescic wiecej relativegroups */
.assli .assli-slider {
	display:block;
	position:relative;
	width:2000%;
	/* obliczamy czas transition na podstawie zmiennej z .assli lub 1s, gdy brak takiej zmiennej */
	--assli-trtime: var(--assli-transitiontime, 1);
	--assli-trtime-s: calc(var(--assli-trtime) * 1s);
	--assli-halftrtime-s: calc(var(--assli-trtime) * 0.5s);
}
/* clearfix */
.assli .assli-slider:before, .assli .assli-slider:after { content: " "; display: table; }
.assli .assli-slider:after { clear: both; }
.assli .assli-slider { *zoom: 1; }
/* grupa warstw wplywajacych na wysokosc - kazda kolejna przesunieta tak, aby nachodzily jedna na druga */
.assli .assli-relativegroup {
	display:block;
	width:5%;
	float:left;
	min-height:1px; /* musi byc jakas wysokosc, aby kolejne relativegroup dobrze na siebie nachodzily */
}
/* kazdy kolejny div relativegroup nachodzi na poprzedni */
.assli .assli-relativegroup ~ .assli-relativegroup {
	margin-left:-5%;
}
/* div warstwy - domyslnie warstwy sa absolute i zajmuja caly dostepny obszar slidera */
.assli .assli-layer {
	display:block;
	width:5%;
	position:absolute;
	height:100%;
	top:0;
	left:0;
}
/* w relativegroup warstwy sa ulozone jedna ponizej drugiej i nie maja okreslonej wysokosci */
.assli .assli-relativegroup .assli-layer {
	width:auto;
	position:relative;
	height:auto;
	top:auto;
	left:auto;
}
/* clearfix */
.assli .assli-layer:before, .assli .assli-layer:after { content: " "; display: table; }
.assli .assli-layer:after { clear: both; }
.assli .assli-layer { *zoom: 1; }
/* grupa slajdow, ktora domyslnie jest przesuwana do pozycji aktualnego slajdu - domyslnie 100% wysokosci */
.assli .assli-layer .assli-slidesgroup {
	display:block;
	position:relative;
	width:2000%;
	height:100%;
	-webkit-transition: left var(--assli-trtime-s) linear;
	-moz-transition: left var(--assli-trtime-s) linear;
	-o-transition: left var(--assli-trtime-s) linear;
	transition: left var(--assli-trtime-s) linear;
	left:0%; /* domyslnie ustawiamy grupe na pozycji 0%, poniewaz jest na niej albo pierwszy slajd, albo pusta przestrzen */
}
/* clearfix */
.assli .assli-layer .assli-slidesgroup:before, .assli .assli-layer .assli-slidesgroup:after { content: " "; display: table; }
.assli .assli-layer .assli-slidesgroup:after { clear: both; }
.assli .assli-layer .assli-slidesgroup  { *zoom: 1; }
/* grupa umieszczona w relativegroup nie ma okreslonej wysokosci */
.assli .assli-relativegroup .assli-layer .assli-slidesgroup {
	height:auto;
}
/* timing function dla przesuniecia easeinout */
.assli .assli-layer.assli-movetiming-easeinout .assli-slidesgroup {
	-webkit-transition-timing-function:  ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
/* slajd - domyslnie o wysokosci 100% */
.assli .assli-layer .assli-slidesgroup .assli-slide {
	display:none; /* domyslnie slajdy nie sa wyswietlane */
	position:relative;
	float:left;
	width:5%;
	height:100%;
	min-height:1px;
	margin-left:5%; /* domyslnie slajdy sa przesuniete o 5%*/
}
/* w relativegrpoup slajdy nie maja okreslonej wysokosci */
.assli .assli-relativegroup .assli-layer .assli-slidesgroup .assli-slide {
	height:auto;
}
/* tylko 1 slajd wyswietllamy domyslnie */
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-current {
	display:block;
}
/* gdy dziala js - wyswietlamy wszystkie slajdy */
html.js .assli .assli-layer .assli-slidesgroup .assli-slide {
	display:block;
}
/* gdy na pierwszym miejscu ustawiony jest 1 slajd to nie ma pustej przesttrzeni */
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-1:first-child {
	margin-left:0%;
}
/* usuwamy pusta przestrzen przed slajdami, gdy nastepuja jeden po drugim */
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-1 + .assli-slide.assli-slide-2,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-2 + .assli-slide.assli-slide-3,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-3 + .assli-slide.assli-slide-4,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-4 + .assli-slide.assli-slide-5,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-5 + .assli-slide.assli-slide-6,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-6 + .assli-slide.assli-slide-7,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-7 + .assli-slide.assli-slide-8,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-8 + .assli-slide.assli-slide-9,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-9 + .assli-slide.assli-slide-10,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-10 + .assli-slide.assli-slide-11,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-11 + .assli-slide.assli-slide-12,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-12 + .assli-slide.assli-slide-13,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-13 + .assli-slide.assli-slide-14,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-14 + .assli-slide.assli-slide-15,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-15 + .assli-slide.assli-slide-16,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-16 + .assli-slide.assli-slide-17,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-17 + .assli-slide.assli-slide-18,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-18 + .assli-slide.assli-slide-19,
.assli .assli-layer .assli-slidesgroup .assli-slide.assli-slide-19 + .assli-slide.assli-slide-20 {
	margin-left:0%;
}









/* effect slide and fade */
.assli .assli-layer.assli-effect-slideandfade .assli-slidesgroup .assli-slide {
	top:-10000px;
	-webkit-transition: opacity var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s)  linear;
	-moz-transition: opacity var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s)  linear;
	-o-transition: opacity var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s)  linear;
	transition: opacity var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s)  linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.assli .assli-layer.assli-effect-slideandfade .assli-slidesgroup .assli-slide.assli-current {
	top:0px;
	-webkit-transition: opacity var(--assli-trtime-s) linear, top 0s linear;
	-moz-transition: opacity var(--assli-trtime-s) linear, top 0s linear;
	-o-transition: opacity var(--assli-trtime-s) linear, top 0s linear;
	transition: opacity var(--assli-trtime-s) linear, top 0s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* effect visibletransition */
.assli .assli-layer.assli-effect-visibletransition .assli-slidesgroup {
	left:100% !important;
}
.assli .assli-layer.assli-effect-visibletransition .assli-slidesgroup .assli-slide {
	margin-left:-5% !important;
}
.assli .assli-layer.assli-effect-visibletransition .assli-slidesgroup .assli-slide {
	top:-10000px;
	-webkit-transition: top 0s var(--assli-trtime-s);
	-moz-transition: top 0s var(--assli-trtime-s);
	-o-transition: top 0s var(--assli-trtime-s);
	transition: top 0s var(--assli-trtime-s);
}
.assli .assli-layer.assli-effect-visibletransition .assli-slidesgroup .assli-slide.assli-current {
	top:0px;
	-webkit-transition: top 0s;
	-moz-transition: top 0s;
	-o-transition: top 0s;
	transition: top 0s;
}

/* effect none */
.assli .assli-layer.assli-effect-none .assli-slidesgroup {
	left:100% !important;
}
.assli .assli-layer.assli-effect-none .assli-slidesgroup .assli-slide {
	margin-left:-5%;
}
.assli .assli-layer.assli-effect-none .assli-slidesgroup .assli-slide {
	top:-10000px;
}
.assli .assli-layer.assli-effect-none .assli-slidesgroup .assli-slide.assli-current {
	top:0px;
}

/* effect nonemiddle */
.assli .assli-layer.assli-effect-nonemiddle .assli-slidesgroup {
	left:100% !important;
}
.assli .assli-layer.assli-effect-nonemiddle .assli-slidesgroup .assli-slide {
	margin-left:-5% !important;
}
.assli .assli-layer.assli-effect-nonemiddle .assli-slidesgroup .assli-slide {
	top:-10000px;
	-webkit-transition: top 0s var(--assli-halftrtime-s);
	-moz-transition: top 0s var(--assli-halftrtime-s);
	-o-transition: top 0s var(--assli-halftrtime-s);
	transition: top 0s var(--assli-halftrtime-s);
}
.assli .assli-layer.assli-effect-nonemiddle .assli-slidesgroup .assli-slide.assli-current {
	top:0px;
}


/* effect noneend */
.assli .assli-layer.assli-effect-noneend .assli-slidesgroup {
	left:100% !important;
}
.assli .assli-layer.assli-effect-noneend .assli-slidesgroup .assli-slide {
	margin-left:-5%;
}
.assli .assli-layer.assli-effect-noneend .assli-slidesgroup .assli-slide {
	top:-10000px;
	-webkit-transition: top 0s var(--assli-trtime-s);
	-moz-transition: top 0s var(--assli-trtime-s);
	-o-transition: top 0s var(--assli-trtime-s);
	transition: top 0s var(--assli-trtime-s);
}
.assli .assli-layer.assli-effect-noneend .assli-slidesgroup .assli-slide.assli-current {
	top:0px;
}


/* effect fade */
.assli .assli-layer.assli-effect-fade .assli-slidesgroup {
	left:100% !important;
}
.assli .assli-layer.assli-effect-fade .assli-slidesgroup .assli-slide {
	margin-left:-5% !important;
}
.assli .assli-layer.assli-effect-fade .assli-slidesgroup .assli-slide {
	top:-10000px;
	-webkit-transition: opacity var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	-moz-transition: opacity var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	-o-transition: opacity var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	transition: opacity var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.assli .assli-layer.assli-effect-fade .assli-slidesgroup .assli-slide.assli-current {
	top:0px;
	-webkit-transition: opacity var(--assli-trtime-s) linear, top 0s linear;
	-moz-transition: opacity var(--assli-trtime-s) linear, top 0s linear;
	-o-transition: opacity var(--assli-trtime-s) linear, top 0s linear;
	transition: opacity var(--assli-trtime-s) linear, top 0s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}



/* effect near */
.assli .assli-layer.assli-effect-near .assli-slidesgroup {
	left:100% !important;
}
.assli .assli-layer.assli-effect-near .assli-slidesgroup .assli-slide {
	margin-left:-5%;
}
.assli .assli-layer.assli-effect-near .assli-slidesgroup .assli-slide {
	left:-5%;
	top:-10000px;
	-webkit-transition: left var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	-moz-transition: left var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	-o-transition: left var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	transition: left var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
}
.assli .assli-layer.assli-effect-near .assli-slidesgroup .assli-slide.assli-current {
	left:0%;
	top:0px;
	-webkit-transition: left var(--assli-trtime-s) linear, top 0s linear;
	-moz-transition: left var(--assli-trtime-s) linear, top 0s linear;
	-o-transition: left var(--assli-trtime-s) linear, top 0s linear;
	transition: left var(--assli-trtime-s) linear, top 0s linear;
}
.assli .assli-layer.assli-effect-near .assli-slidesgroup .assli-slide.assli-current ~ .assli-slide {
	left:5%;
}
.assli .assli-layer.assli-effect-near.assli-movetiming-easeinout .assli-slidesgroup .assli-slide,
.assli .assli-layer.assli-effect-near.assli-movetiming-easeinout .assli-slidesgroup .assli-slide.assli-current {
	-webkit-transition-timing-function:  ease-in-out, linear;
	-moz-transition-timing-function: ease-in-out, linear;
	-o-transition-timing-function: ease-in-out, linear;
	transition-timing-function: ease-in-out, linear;
}


/* effect nearandfade */
.assli .assli-layer.assli-effect-nearandfade .assli-slidesgroup {
	left:100% !important;
}
.assli .assli-layer.assli-effect-nearandfade .assli-slidesgroup .assli-slide {
	margin-left:-5%;
}
.assli .assli-layer.assli-effect-nearandfade .assli-slidesgroup .assli-slide {
	left:-5%;
	top:-10000px;
	-webkit-transition: opacity var(--assli-trtime-s) linear, left var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	-moz-transition: opacity var(--assli-trtime-s) linear, left var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	-o-transition: opacity var(--assli-trtime-s) linear, left var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	transition: opacity var(--assli-trtime-s) linear, left var(--assli-trtime-s) linear, top 0s var(--assli-trtime-s) linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.assli .assli-layer.assli-effect-nearandfade .assli-slidesgroup .assli-slide.assli-current {
	left:0%;
	top:0px;
	-webkit-transition: opacity var(--assli-trtime-s) linear, left var(--assli-trtime-s) linear, top 0s linear;
	-moz-transition: opacity var(--assli-trtime-s) linear, left var(--assli-trtime-s) linear, top 0s linear;
	-o-transition: opacity var(--assli-trtime-s) linear, left var(--assli-trtime-s) linear, top 0s linear;
	transition: opacity var(--assli-trtime-s) linear, left var(--assli-trtime-s) linear, top 0s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.assli .assli-layer.assli-effect-nearandfade .assli-slidesgroup .assli-slide.assli-current ~ .assli-slide {
	left:5%;
}
.assli .assli-layer.assli-effect-nearandfade.assli-movetiming-easeinout .assli-slidesgroup .assli-slide,
.assli .assli-layer.assli-effect-nearandfade.assli-movetiming-easeinout .assli-slidesgroup .assli-slide.assli-current {
	-webkit-transition-timing-function: linear, ease-in-out, linear;
	-moz-transition-timing-function: linear, ease-in-out, linear;
	-o-transition-timing-function: linear, ease-in-out, linear;
	transition-timing-function: linear, ease-in-out, linear;
}