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

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

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

@media screen and (max-width:1040px){
  .homePage .slideshow {position: relative;margin: 0px auto;width: 100%;height: 250px;background: #ccc;}
  .homePage .slideshow ul {float: left;width: 100%;height: 250px;}
  .slideshow {position: relative;margin: 0px auto;width: 100%;height: 250px;background: #ccc;}
  .slideshow ul {float: left;width: 100%;height: 250px;}
}

.slideshow ul li {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  list-style: none;
}
.slideshow:hover .dots {display: inline-block;}
.slideshow .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  width: 100%;
  z-index: 3;
  text-align: center;display: none;transition: 0.5s all;
}

.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;
  bottom: 15%;
  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 {
  right: 120px;
  background: url("arrow-left.png");
}

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

.slideshow ul li::before { background: rgb(255,255,255);background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(52,77,126,0.75) 100%);position: absolute;left: 0;top: 0;width: 60%;z-index: 1;height: 100%;content: '';}


/* NAZWA SLIDERA */
.slideshow ul li h4 {
  font-size: 2.3125rem;
  filter:none !important;
  padding:0;
  color: #FFFFFF;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-decoration:none;
  
}
.slideshow ul li h3 {
  font-size: 1.375rem;
  filter:none !important;
  padding:0;
  color: #263d6b;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-decoration:none;
  
}
.slideshow ul li h2 {
  font-size: 4rem;line-height: 0.95em;
  filter:none !important;
  padding:0;
  color: #FFFFFF;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-decoration:none;
  
}
/* OPIS SLIDERA */	
.slideshow ul li p {
  font-size: 2.75rem;
  filter:none !important;
  padding: 0px 0 0 0;
  color: #FFFFFF;
  
  font-family: "Roboto", sans-serif;
  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){

}
@media screen and (max-width:800px){
  .slideshow .arrow {display: none;}
  .slideshow .dots {display: none;}
  .slideshow ul li h2 {font-size: 2rem;line-height: 0.8em;}
  .slideshow ul li h3 {font-size: 0.6875rem;line-height: 0.8875rem;}
  .slideshow ul li h4 {font-size: 1.125rem;line-height: 1.325rem;}
}
@media screen and (max-width:640px){
  #sliderTop .description{z-index:3;position:absolute;top:50%;left:25px;min-width:150px;width:auto;padding:25px;}
}