/*slider - rotator*/
.slider-rotator-aktualnosci{
  width :100%;
  max-width: 100%;
  /*  background: #2c3b4e;*/
  background: url(../grafika/slider-tlo.png) left bottom;
  margin-top: -20px;
 }

.slider-rotator-aktualnosci .slides{
 	margin-top:-560px;
}

.slider-rotator-aktualnosci .slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: #2c3b4e;
  height: 560px;
  outline: 0 !important;
  color: #000;
  font-size: 40px;
}

.slider-rotator-aktualnosci .controls{
  display: flex;
  width: 100%;
  }

.slider-rotator-aktualnosci .captions{
  flex: 1;
  width: 100px;
  padding: 10px;
  margin-top: 0px;
  color: #fff;
  background: #2c3b4e;
  height: 560px;
}

.slider-rotator-aktualnosci .caption{
  	padding: 24px 8px 24px 8px;
 }


.slider-rotator-aktualnosci .slide-rotator{
 	background-size: cover;
 	background-position: center center;
  position: relative;
 }

 .slider-rotator-aktualnosci .slide-rotator:after{
    content: url(../grafika/efekt_wspon.png);
    position: absolute;
    right: 42px;
    bottom: 24px;
 }

 .slider-rotator-aktualnosci .controls .draggable{
	max-width: 400px;
	height: 100%;
 }

/*Kropki */

.slider-rotator-aktualnosci .slick-dotted.slick-slider{
 	margin-bottom: 0px!important;
 }

 .slider-rotator-aktualnosci .slick-dots{
 	bottom:24px;
 	left:24px;
 	width: auto;

 }

.slider-rotator-aktualnosci .slick-dots li{
	 background: #466b9a;
	 width: 10px;
  height: 10px;
}

.slider-rotator-aktualnosci .slick-dots li.slick-active{
	background: #c5cfdc;
}

.slider-rotator-aktualnosci .slick-dots li button{
	visibility: hidden;
}

/*Paginacja*/

.slider-rotator-aktualnosci .pagination {
  display: flex;
  margin-top: -40px;
  justify-content: flex-end;
  position: relative;
  display: none;
}

.slider-rotator-aktualnosci .pagination__button{
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ccc;
  background: #2c3b4e;
  width: 40px;
  height: 40px;
  margin-left: 2px;
}

/*Tytuł, skrót, przycisk więcej*/

.rotator-aktualnosci-tytul{
	font-family: "Lato";
	font-weight: 700;
	font-size: 36px;
	color:#fff;
	margin-bottom: 1em;
  margin-top:1em;
}

.rotator-aktualnosci-skrot{
	font-family: "Lato";
	font-weight: 300;
	font-size: 24px;
	color:#d2dbe6;
	margin-bottom: 3em;
}

.rotator-aktualnosci-wiecej{
	padding: 16px 24px;
  border: 2px solid #fff;
  color: #fff;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s;
}

.rotator-aktualnosci-wiecej:hover{
	background:#fff;
	color:#2c3b4e;
	transition: 0.3s;
}

 .slider-rotator-aktualnosci .slick-initialized{
  width: 60%;
  float:right;
 }

/*Mobilne*/
@media all and (min-width: 640px) and (max-width: 1279px) {

  .slider-rotator-aktualnosci .captions{
    background: transparent;
  }

  .slider-rotator-aktualnosci .controls .draggable{
    max-width: 300px;
  }

  .slider-rotator-aktualnosci .slides{
    margin-top:-480px;
  }

  .slider-rotator-aktualnosci .slide{
    height: 480px;
  }
  .slider-rotator-aktualnosci .captions{
    height: 480px;
  }

  .rotator-aktualnosci-tytul{
    font-size: 32px;
  }
  .rotator-aktualnosci-skrot{
    font-size: 20px;
  }
}

@media all and (min-width: 0px) and (max-width: 639px){
  .slider-rotator-aktualnosci .slick-initialized{
    width: 100%!important;
  }
  .slider-rotator-aktualnosci .slick-dots {
    bottom: -32px;
    left: auto;
    width: 100%;
  }
  .slider-rotator-aktualnosci .controls .draggable {
    max-width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
    background: rgba(70, 107, 154, 0.8);
    padding: 32px;
}
  .rotator-aktualnosci-skrot{
    font-size:18px;
  }
  .slider-rotator-aktualnosci .captions{
    padding: 0;
    height:460px;
  }
    .slider-rotator-aktualnosci .slides{
    margin-top:-460px;
  }
  .slider-rotator-aktualnosci .slide{
    height:460px;
  }

}