ul.poziome {text-align:center; list-style:none; margin-left:0 !important; margin-bottom:0; }
ul.poziome li {display:inline-block; margin:0.5em 1em; padding:0; }
ul.poziome li:first-child { margin-left:0 !important; }
ul.poziome a {display:block; background:#333; padding:7px 1em 5px; text-decoration:none; color:#fff; }
ul.poziome a:hover { background:#111; }
ul.poziome a.ac { background:#4A9A2B; }

.galery:before { content:''; display:block; clear:left; }
main .text + .galery { margin-top:1em; }
.galery, .video-galeria, .bild { opacity:0; }
.galery, .video-galeria { padding:0 40px 5px 5px; color:#3A3A64; text-align:center; position:relative; }
.galery figure, .bild, .video-galeria figure {text-align:center; margin:1px 5px 10px 5px; background:none; }
.galery figure, .video-galeria figure {display:inline-block; cursor:pointer; vertical-align:middle; position:relative; overflow:hidden; box-shadow:1px 1px 3px #555; max-width:31%; }

.galery figure a, .video-galeria figure a { display:block; }
.video-galeria figure a span { position:absolute; width:70px; height:50px; top:50%; left:50%; transform:translate(-50%,-50%); background:url('https://www.kombatant.lap.pl/pliki/?ytButton.svg') no-repeat; opacity:.75; transition:.12s; }
.video-galeria figure a:hover span { width:100%; height:100%; opacity:0; transition:.5s; }
.galery figure img, .video-galeria figure img { transition:.3s; -webkit-transition:.3s; -moz-box-shadow:1px 1px 3px #A8A8A8; -webkit-box-shadow:1px 1px 3px #A8A8A8; box-shadow:1px 1px 3px #A8A8A8; }
.galery figure:hover img, .bild:hover img, .video-galeria figure:hover img {-moz-box-shadow:2px 2px 3px #A8A8A8; -webkit-box-shadow:2px 2px 3px #A8A8A8; box-shadow:2px 2px 3px #A8A8A8; filter:contrast(130%); }
.galery figure:hover img, .video-galeria figure:hover img {filter:contrast(130%); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); }
.galery figure figcaption, .video-galeria figure figcaption { position:absolute; left:0; bottom:0; right:0; padding:3px 1px; background:rgba(0,0,0,0.5); color:#ccc; font-size:11px; transition:.3s; -webkit-transition:.3s; min-height:22px; }
.galery figure:hover figcaption, .video-galeria figure:hover figcaption { padding:7px 1px 13px; left:-5px; bottom:-5px; right:-5px; background:rgba(0,0,0,.75); color:#fff; }
/* elementy edycji */
figure .close { position:absolute; top:0; right:0; background-image:url('https://www.kombatant.lap.pl/pliki/svg/?f=x'); background-repeat:no-repeat; background-color:rgba(0,0,0,.5); width:22px; height:22px; display:block; border-radius:50%; background-position:0 1px; transition:.3s; webkit-transition:.3s; }
figure .order { width:24px; height:22px; padding:3px; position:absolute; top:0; left:0; background:rgba(0,0,0,.5); border:1px solid #444; color:#fff; font-size:.86em; }
#video-cont { position:fixed; top:50%; left:50%; z-index:3; transform:translate(-50%, -50%); width:720px; height:auto; max-width:100%; }
#video-cont .iframe { position:relative; padding-top:56.25%; }
#video-cont iframe { position:absolute; left:0; top:0; width:100%; height:100%; border:none; box-shadow:1px 1px 30px #111; background:rgba(0,0,0,.5); }
#cls { position:absolute; top:0; right:0; z-index:4; width:28px; height:28px; background:url('https://www.kombatant.lap.pl/pliki/svg/?f=x'); cursor:pointer; transition:.3s; }
#cls:hover { background:url('https://www.kombatant.lap.pl/pliki/svg/?f=x&fill=ccc'); transform:rotate(90deg)}
@keyframes fadIn { from { opacity:0; transform:scale(.8) } to { opacity:1; transform:scale(1) } }
.pp { padding:1.2em; animation:fadIn 1s 2s both; }
@keyframes pp { from { opacity:0; transform:translate(-50%, -70%);  } to { opacity:1; transform:translate(-50%, -50%); } }
.pp-in { animation:pp 1s both; }
@keyframes ppOut { from { opacity:1; transform:translate(-50%, -50%);  } to { opacity:0; transform:translate(-50%, -90%); } }
.pp-out { animation:ppOut .5s both; }
@media (max-width: 580px) { .galery, .video-galeria { padding:5px 0; } .galery figure, .video-galeria figure { max-width:45%; } }
@media (max-width: 360px) { .galery figure, .video-galeria figure { max-width:100%; } }
.kontrast .galery, .kontrast .video-galeria { padding:0 5px 5px 5px; }