#sliderBox {float: left;width: 100%;position: relative;}
.slideshow {position: relative;margin: 0px auto;width: 100%;height: 550px;background: #ccc;}

.slideshow ul {float: left;width: 100%;height: 550px;}

.slideshow ul li {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  list-style: none;
}

.slideshow .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  width: 100%;
  z-index: 3;
  text-align: center;
}

.slideshow .dots li {
  display: inline-block;
  margin: 0 10px;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
  opacity: 0.4;
	cursor: pointer;
	transition: background .5s, opacity .5s;
  list-style: none;
}

.slideshow .dots li.active {
  background: #fff;
	opacity: 1;
}

.slideshow .arrow {
}

.slideshow .arrow .arrow-left,
.slideshow .arrow .arrow-right {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  opacity: 0.5;
	transition: background .5s, opacity .5s;z-index: 100012;
}

.slideshow .arrow  .arrow-left:hover,
.slideshow .arrow  .arrow-right:hover {
  opacity: 1;
}

.slideshow .arrow .arrow-left {
  left: 20px;
  background: url("arrow-left.png");
}

.slideshow .arrow .arrow-right {
  right: 20px;
  background: url("arrow-right.png");
}

/* NAZWA SLIDERA */
.slideshow ul li h4 {
  font-size: 4.75em;
  filter:none !important;
  padding:0;
  color: #FFFFFF;
  margin: 0;
  font-family: 'Amatic SC', cursive;
  font-weight: bold;
  text-decoration:none;
  
}
/* OPIS SLIDERA */	
.slideshow ul li p {
  font-size: 2.75em;
  filter:none !important;
  padding: 0px 0 0 0;
  color: #FFFFFF;
  
  font-family: 'Amatic SC', cursive;
  text-decoration:none;
}

.boxTextInner {position: relative;}


#textSlider {position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);z-index: 1010;}
.slideshow ul li[style*="opacity: 1"] > a {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;min-height: 100%;z-index: 10102;}

.slideshow ul li a[href='']{
  display:none;
}
.slideshow ul li a[href=' ']{
  display:none;
}

@media screen and (max-width:1350px){
  .slideshow ul li h4 {font-size: 8vw !important;line-height: 7vw;}
	.slideshow ul li p {font-size: 5vw !important;line-height: 7vw;margin: 0px 0 0 0;}
}
@media screen and (max-width:800px){
  .slideshow .arrow {display: none;}
  .slideshow .dots {display: none;}
}