/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
niezbędne do działania
nie ruszać (raczej)
pod koniec zbędne
*/

.concept-carousel .kar-wrapper {
	overflow:hidden;
	height:100%;
	position:relative;
	padding: 0 5px;
	box-sizing: border-box;
}

.concept-carousel .kar-overflow {
	position:relative;
	height:100%;
}

.concept-carousel ul {
	height:100%;
	float:left;
	margin:0;
	padding:0;
    cursor: ew-resize;
}

.concept-carousel li {
	display:inline-block;
	list-style:none;
	max-height:100%;
	height:100%;
	float:left;	
	padding-top:5px;
	padding-bottom:5px;	
	box-sizing: border-box;	
	transition:all .3s;
}

.concept-carousel li a {
	display:inline-block;
	height:100%;
}

.concept-carousel img {
	max-height:100%;
	max-width:100%;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}

.concept-carousel li.page {
	position:absolute;
}

.concept-carousel li.ban {
	display:inline;
}

.ui-loader {
	display:none!important;
}


/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
do stylowania wyglądu - bez wpływu na działanie
*/
.concept-carousel .nav-arrow {
	width:30px;
	height:60px;
	background-color: #fff;
	position:absolute;
	z-index:1;
}

.concept-carousel .nav-left {
	left:-35px;
	top:50%;
    transform: translateY(-50%);
    background: #fff url('../PNG/CAROUSEL_NEXT.PNG') no-repeat center center;
}

.concept-carousel .nav-right {
	right:-35px;
	top:50%;
    transform: translateY(-50%);
    background: #fff url('../PNG/CAROUSEL_PREV.PNG') no-repeat center center;
}

.concept-carousel .pager-but {
	margin-right:20px;
	width:30px;
	height:30px;
	float:left;
	background:blue;
	cursor:pointer;
	margin-bottom: 10px;
}

.concept-carousel .pager-but.current {
	background:green;
}


.concept-carousel .pager{
    display: inline-block;
    margin-top: 20px;
}

.karuzela-container {
	height:100px;
	margin:20px 35px;
	position:relative;
	text-align: center;
}


.kar-wrapper .pole-banerowe{
	display:inline;
	margin-bottom: 0px;
}