#referencje_fade {position: relative}

#referencje_fade-wrap {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.referencje_fade-cont {
	position: absolute;
	left: 0;
	width: 100%;
	opacity: 0;
	text-align: center;
	
	    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.referencje_fade-cont.active {z-index: 2}

#referencje_fade-arrows {
	position: relative;
	text-align: center;
	top: 25px;
}

#referencje_fade-arrows a {
	display: inline-block;
	margin: 0 10px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #353535;
	background-size: 100%;
}
#referencje_fade-arrows a:hover {background-color: black}
#referencje_fade-arrows a:first-of-type {
	background-image: url(../img/slideshow-arrows-prev.png);
}
#referencje_fade-arrows a:last-of-type {
	background-image: url(../img/slideshow-arrows-next.png);
}


/* GRID: 1024px */
@media all and (max-width: 1024px) {

#referencje_fade-arrows a {background-color: #353535 !important}
	
}


/* GRID: 768px */
@media all and (max-width: 768px) {	

#referencje_fade-arrows {top: 15px}	

}


/* GRID: 568px */
@media all and (max-width: 568px) {}


/* GRID: 440px */
@media all and (max-width: 440px) {	

#referencje_fade-arrows a {
	width: 32px;
	height: 32px;
	margin: 0 5px;
}

}