/* TOPNEWS wersja 3 */
#topnews3 {position:relative; display:block; margin:2em auto; width:var(--pg-width); padding:0; overflow:visible; text-align:left; font-size:1em; z-index:1; }
#topnews3 .naglowek { margin:1.8em;}
#topnews3 .slider { min-height:370px;}

/* slider */
#topnews3 .slider { position:relative; width:auto; overflow:visible !important; margin:0; }
#topnews3 .slider div.slider_wraper { width:auto; height:100%; padding:0; margin:0; overflow:visible; visibility:hidden;}

#topnews3 .slider .item { width:100%; height:100%; padding:0; text-align:left; overflow:hidden; transition-duration:1s;}
#topnews3 .slider .item .info { position:absolute; top:0; right:0; padding:0; width:40%; height:100%; margin:0; padding:0; background:url("274-bg-transparent.png"); }
#topnews3 .slider .item .info .padding { padding:5em;}
#topnews3 .slider .item .info strong { position:relative; display:block; padding:0 0 0.5em 0; margin:0; height:1%; font-family:'ptsansnarrow', sans-serif; font-size:1.8em; line-height:1.15em; font-weight:400; text-align:center; color:#fff; }
#topnews3 .slider .item .info p { position:relative; display:block; padding:0; margin:0; font-size:1em; line-height:1.2em; text-align:left; color:#fff; border:0; }
#topnews3 .slider .item .imgwraper { position:absolute; top:0; width:100%; height:100%; padding:0; overflow:hidden; display:block; margin:0; background-size:cover; background-position:top center; }
#topnews3 .slider .item .imgwraper img { border:0; width:100%; }
#topnews3 .slider .item a:link,#topnews3 .slider .item a:visited { position:relative; display:block; width:100%; height:100%; font-size:1em; color:#ffffff; text-decoration:none; }
#topnews3 .slider .item a:hover strong, #topnews3 .slider .item a:active strong,
#topnews3 .slider .item a:focus strong {color:#fff !important; text-decoration:underline;}

#topnews3 .slider-nav-wrapper { position:absolute; width:40%; right:0; bottom:0; margin:0; padding:2em; box-sizing:border-box; }
#topnews3 .slider-nav { position:relative; float:right; width:auto; height:15px; padding:0; margin:0; text-align:left; z-index:4; }
#topnews3 .slider-nav ul { margin:0; padding:0; }
#topnews3 .slider-nav ul li { display:inline; padding:0; margin-right:0.4em; width:5px; }
#topnews3 .slider-nav ul li a:link, .slider-nav ul li a:visited { display:inline-block; font-size:0; text-indent:-100em; text-decoration:none; background:transparent; border:2px solid #fff; width:8px; height:8px; padding:0; border-radius:30px; }
#topnews3 .slider-nav ul li a.active, #topnews3 .slider-nav ul li a:hover,
#topnews3 .slider-nav ul li a:focus {background:#fff; color:#000; }
#topnews3 .slider-previous, #topnews3 .slider-next, #topnews3 .slider-pause { position:relative; float:left; z-index:4; cursor:pointer; width:16px; height:16px; padding:4px; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; }
#topnews3 .slider-previous { }
#topnews3 .slider-next { }
#topnews3 .slider-pause { }
#topnews3 .slider:hover .slider-previous, #topnews3 .slider:hover .slider-next { -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
#topnews3 .slider-previous a:link, #topnews3 .slider-previous a:visited,
#topnews3 .slider-next a:link, #topnews3 .slider-next a:visited,
#topnews3 .slider-pause a:link, #topnews3 .slider-pause a:visited { position:relative; display:block; height:100%; text-decoration:none; color:#fff !important; background:transparent; }
#topnews3 .slider-previous a:before, #topnews3 .slider-next a:before , #topnews3 .slider-pause a:before { /*font-family:fontello; content: "\e804";*/ line-height:1em; position:absolute; top:50%; transform: translate(0, -50%); left:0; width:100%; text-align:center; }
#topnews3 .slider-pause, #topnews3 .slider-pause.play { font-family:"FontAwesome"; font-size: 1.33333333em; line-height: .75em; vertical-align: -15%;  }
#topnews3 .slider-pause a:before { content:"\f28c"; }
#topnews3 .slider-pause.play a:before { content:"\f01d"; }
#topnews3 .slider-next a:before { /*content:"\e803";*/ }
#topnews3 .slider-pause a:before { /*content:"\e802";*/ }
#topnews3 .slider-previous a:active, #topnews3 .slider-previous a:hover, #topnews3 .slider-previous a:focus,
#topnews3 .slider-next a:active, #topnews3 .slider-next a:hover, #topnews3 .slider-next a:focus,
#topnews3 .slider-pause a:active, #topnews3 .slider-pause a:hover, #topnews3 .slider-pause a:focus,
#topnews3 .slider-previous a:hover:before, #topnews3 .slider-previous a:focus:before, 
#topnews3 .slider-next a:hover:before, #topnews3 .slider-next a:focus:before,
#topnews3 .slider-pause.play a:before { color:#ff0000; }
#topnews3 .slider-previous a span, #topnews3 .slider-next a span,
#topnews3 .slider-pause a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0em; background:#000;}
#topnews3 .slider span.wiecej { position:relative;display:inline-block; padding:0.3em 0.8em; margin:1px; font-size:0.9em; color:#ffffff; text-shadow:#1178c1 1px 1px 0px; font-weight:normal; text-align:center; text-transform:none; text-decoration:none; white-space:nowrap; border:0; cursor:pointer; -box-shadow:0px 0px 3px #c7c7c7; }
#topnews3 .slider a:hover span.wiecej, #topnews3 .slider a:active span.wiecej,
#topnews3 .slider a:focus span.wiecej {background:#055ba3; text-shadow:#054d87 1px 1px 0px;}

.okno .news-block {position:relative; display:block; box-sizing:border-box;}
.okno .news-block {border-bottom: 3px solid #0079b5;}
.okno .news-block .ratio5_3 {overflow:hidden}
.okno .news-block a:link, .okno .news-block a:visited {color:#fff}
.okno .news-block a img {width:100%; transition: all .2s ease-in-out;}
.okno .news-block a:hover img {transform: scale(1.1);}
.okno .news-block h3 {position:absolute; left:0; bottom:0; z-index:10 !important; background-color:rgba(0,0,0,0.75); margin:0; padding:2% 4%; width:92%; color:#fff; text-align:left; }
.okno .news-block h3 a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* RESPONSYWNOSC */
@media only screen and (max-width: 65em) {
#topnews3 { width:100%; }
}

@media only screen and (max-width: 55em) {
  #topnews3 .slider { min-height: 320px; }
  #topnews3 .slider .item .info p { display:none; }
  .okno .flex-row .threeRows,	
  .okno .flex-row .fourRows { width:48.5%; }
}

@media only screen and (max-width: 35em) {
  #topnews3 .slider { min-height: 250px; }
  #topnews3 .slider .item .info { position:absolute; width:100%; height:auto; }
  #topnews3 .slider .item .info .padding { padding:1em; }
  #topnews3 .slider .item .info strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  #topnews3 .slider-previous, 
  #topnews3 .slider-next, 
  #topnews3 .slider-pause, 
  #topnews3 .slider .item .info p { display:none; }
  .okno .flex-row .twoRows,	
  .okno .flex-row .threeRows,	
  .okno .flex-row .fourRows { width:100%; }
}

@media only screen and (max-width: 25em) {
  #topnews3 .slider .item .info strong { font-size:1.5em; padding:0; }
  #topnews3 .slider .item .info p { display:none; }
  #topnews3 .slider-nav-wrapper { width:100%; }
}

/* Topnews - Splide */
div:has(> .splide-top){ margin: 2em auto; max-width: var(--pg-width); }
.splide-top .splide__slide { padding: 0; width: 100%; border-radius: 1em; }
.splide-top .splide__slide a { display: block; position: relative; }
.splide-top .splide__slide__container { aspect-ratio: 16/9; background-size: cover; }
.splide-top .splide__slide .info { position:absolute; bottom: 0; left: 0; height: auto; width:100%; background: rgba(0, 0, 0, .75); color: yellow; font-size: var(--fs); }
.splide-top .splide__slide .info .padding { margin: 1rem; }
.splide-top .splide__slide .info strong { font-family: var(--ff),Arial,Helvetica; font-size: 1.15em; font-weight: normal; line-height: 125%; }
.splide-top .splide__slide .info p { line-height: 115%; display: none; padding: 2rem 0; }
@media only screen and (min-width: 992px) {
  .splide-top .splide__slide .info { left:initial;  right: 0; width: 35%; }
	.splide-top .splide__slide .info .padding { margin: 2rem; }
	.splide-top .splide__slide .info strong { font-size: 1.35em; }
  .splide-top .splide__slide .info p { display: inline-block; padding-top: 2rem; padding-bottom: 0; line-height: 135%; }
}
.splide-top .splide__navbar { display:flex; justify-content: right; margin: 2rem; }
.splide-top .splide__navbar button { display: inline-flex; background: none; border: solid 1px transparent; cursor: pointer; aspect-ratio: 1; }
.splide-top .splide__navbar button svg { fill: #000; height: auto; transition: fill .1s linear; width: 2rem; }      
.splide-top .splide__navbar button:hover { border-color: #0066cc; }
.splide-top .splide__navbar button:hover svg { fill: #0066cc; }
.splide-top .splide__navbar .splide__toggle svg { scale: .5; }
.splide-top .splide__arrows { display: flex; justify-content: right; }
.splide-top .splide__arrow--prev { transform: scaleX(-1); }
.splide-top .splide__progress__bar { height: 6px; background: rgba(0, 0, 0, 0.25); }
.splide-top .splide__pagination { justify-self: flex-start; margin-right: auto; padding-left: 0; }
.splide-top .splide__pagination li { padding: 0; width: 2rem; aspect-ratio: 1; display: inline-flex; align-items: center; justify-content: center; border: 2rem;  }
.splide-top .splide__navbar .splide__pagination__page { background: #000; border: 0; border-radius: 50%; display: inline-block; height: 1rem; margin: 0 .1rem; padding: 0; position: relative; transition: background-color .2s ease,color .2s ease; width: 1rem; }
.splide-top .splide__navbar .splide__pagination__page:is(:hover, .is-active) { outline: solid 1px #0066cc; outline-offset: 4px; }
.splide-top .splide__navbar .splide__pagination__page.is-active { background: #0066cc; }