/** wyniesione, dlateog, że używane także w wersji mobilne, w opisie filmu */
.seanse .operacja {display: inline-block; background: transparent; margin-left: 0px;  overflow: hidden;  width: 2.84em; ; height: 2.84em;;}

.seanse .operacja A {color:transparent; transition: background-color 0.2s;  display: inline-block; width: 100%; background-color: #fff; height: 100%; border-radius: 3px; overflow: hidden; background-repeat: no-repeat;  background-size: 0.75em auto;   background-position: center center;  }
.seanse.tc .operacja A {background-color: #f4f4f4 }

.seanse .operacja A.activ, .seanse .senpozycja.wyroz .operacja a.activ { background-image: url(../nn/css/../img/kos/plus.svg); background-size: 0.8em auto; background-color: var(--przyciski-koszyka);   }

.seanse .operacja A.activ.zewn, .seanse .senpozycja.wyroz .operacja a.activ.zewn { background-image: url(../nn/css/../img/tylkowks.svg);background-size: 1.2em auto;   }
 
 
.seanse .operacja A.activ:hover, .seanse .senpozycja.wyroz .operacja a.activ:hover  { background-color: var(--przyciski-koszyka-hover);  }

.seanse .senpozycja.klikalny:hover .operacja A.activ  { background-color: var(--przyciski-koszyka-hover);  }



.seanse .operacja A.szary { cursor: default; }

.seanse .senpozycja.klikalny {cursor: pointer}

.seanse .operacja A.brak { background-image: url(../nn/css/../img/kos/minus.svg); background-size: 0.8em auto; cursor: default;  }
.seanse.tc .operacja A.brak { background-color: #f1f1f1}
.seanse .operacja A.czas { background-image: url(../nn/css/../img/czasseansu.svg); }
.seanse .operacja A.wkasie { background-image: url(../nn/css/../img/miejsceseansu.svg) }
.seanse .operacja A.darmo {background-image: url(../nn/css/../img/kos/free.svg); background-size: 0.8em auto; cursor: default;}

.seanse .operacja A.rezerwacja {background-image: url(../nn/css/../img/kos/karnet.svg);  }

.seanse .operacja A.juzma { background-image: url(../nn/css/../img/vod/juzma.svg);background-size: 1em auto; }


.seanse .operacja A.activ.szary {  background-image: url(../nn/css/../img/kos/plussz.svg);  background-color: #fff;   } 
.seanse .operacja A.activ.szary:hover {  background-color: #fff; }

.seanse.tc .operacja A.szary, .seanse.tc .operacja A.szary:hover { background-color: #f1f1f1}
 

.seanse .senpozycja.minal .operacja {display: none}

.seanse .operacja A.wait { background-image: url(../nn/css/../img/kos/preloader-18px.svg) !important; background-size: 1em auto !important;}


.top h1 {padding-bottom: 0.7em}
.filtr.program form {margin-bottom: 0px }
.filtr.program {background-color: #1c1c1c; padding-top: 0em; padding-bottom: 0em; overflow: hidden}
.filtr.program a { transition: color 0.2s; padding: 1.3em 1em 1.1em 1.8em; vertical-align: bottom; display: inline-block;color: #fff ; text-decoration: none;  }
.filtr.program a:hover , .filtr.program a.sel {text-decoration: none; color: #F285B0; }
.filtr.program a.ind {  margin-right: 1.4em;  background-image: url(../nn/css/../img/indeks.svg); background-size: auto 0.9em; background-position: left 1.2em; }
.filtr.program a.kal { background-image: url(../nn/css/../img/kalend.svg); background-size:  auto 0.9em; background-position: left 1.2em; }
.filtr.program a.min { background-image: url(../nn/css/../img/miniaturyb.svg); background-size:  auto 0.9em; background-position: left 1.2em; }
 
 
.filtr.program a.ind:hover , .filtr.program a.sel.ind {background-image: url(../nn/css/../img/indeksh.svg);  }
.filtr.program a.kal:hover, .filtr.program a.sel.kal {background-image: url(../nn/css/../img/kalendh.svg);  }
.filtr.program a.min:hover, .filtr.program a.sel.min {background-image: url(../nn/css/../img/miniaturym.svg);  }
.filtr.program a.xsel { background-color: #292929 ; height: 100%}
.filtr.program a.xsel {background-position-x: 2em; padding-left: 3.8em; padding-right: 2em}
.filtr.program xform {display:block}
.filtr.program .szukaj { float: right; margin-top: 0.5em}
.filtr.program .sklpasekorder {display: block;}
.filtr.dodatki .szukajtytarch {margin-top: 0.5em; }
.filtr.dodatki .szukajtytarch .szukajinput {width:21.7em}

.filtr.program .szukajmob {display : none; }
.filtr.dodatki {background-color: #eee ; }
.filtr.dodatki .dodatkowe {float: right}
.filtr.dodatki.formularz {padding: 1em 0}

.filtr.program .dystryb {padding: 1.3em 1em 1.1em 1.8em; color: #fff; display: inline-block; text-align: center}


.filtr .tylkom {padding: 1em 0 0 0; }
.filtr .tylkom {margin-right: 2.5em; float: right; color: #fff;  display: inline-block; vertical-align: top}
.filtr .tylkom .tylkomll {margin-right: 0.5em }
.wyszukiwarka .nice-select {float: none; display: inline-block;}
.wyszukiwarka {font-size: 80%}

.opis.strona {padding-bottom: 0}
.opis .zestawy .tytulorg {padding-bottom: 0.2em}
.opis .cykle .ck { background-color: #F285B0;  padding: 1em 0em; color: #373737; text-align: center;}




.grupa-wiekowa-legal { width: 1.66em; height: 1.66em; background-size: contain; z-index: 1 }
.grupa-wiekowa-legal.bo {background-image: url(../nn/css/../img/grupa/bo.svg);}
.grupa-wiekowa-legal.seven {background-image: url(../nn/css/../img/grupa/7.svg);}
.grupa-wiekowa-legal.twelve {background-image: url(../nn/css/../img/grupa/12.svg);}
.grupa-wiekowa-legal.sixteen{background-image: url(../nn/css/../img/grupa/16.svg);}
.grupa-wiekowa-legal.eighteen{background-image: url(../nn/css/../img/grupa/18.svg);}
.fotos.swiper-slide:not(.swiper-slide-active) .grupa-wiekowa-legal {display: none}
 
 .vod-uhd, .vod-surround {margin-left: 1.4em; background-size: auto 1.64em; height: 1.66em; width: 5em; z-index: 1; background-position: center center; } 
 .vod-uhd { background-image: url(../nn/css/../img/wdomu/uhd.svg); }
 .vod-surround { margin-left: 1.2em; background-image: url(../nn/css/../img/wdomu/surround.svg); width: 4em; background-position: left center }

.opis .grupa-wiekowa-legal {}
.opis .ilustracja .grupa-wiekowa-legal  { bottom: 2em; left: 1.7em}
.opis .ilustracja 

.popupplayer {width: 100%; height: 100%; }

.popupplayer iframe {width: 100%; height: 100% }

.opis .cykle .ck .nazwacyklu { color: inherit; text-decoration: none; padding-right: 1.7em;
  background-image: url(../nn/css/../img/dziubekdol.svg); background-size: auto 0.4em; background-position: right 0.45em; transition: all 0.2s;
}
.opis .cykle .ck .nazwacyklu:hover {background-position: right 0.60em;}
.opis .seanseinfo {padding: 0em 0 1.3em 0;  max-width: 19em; color: #373737}
.opis .seanseinfo.czas { padding-left: 1.8em; background-image: url(../nn/css/../img/czasc.svg); background-size: 1em auto; background-position: left 0em; line-height: 1.3}
.opis .seanseinfo.czas.premiera { background-size: 1.2em auto;padding-left: 1.9em; line-height: 1.37; padding-bottom: 0; }

.opis .opmargines { padding-left: 1em; padding-right: 1em}
.opis .cykle .ck .listacyklu { display: none; padding: 1em 0 0.3em 0; }
.opis .cykle .ck .listacyklu .lopis {}
.opis .filmycyklucont .lopis {transition: filter 0.2s; display: block; background-size: cover; width: 300px; max-width: 300px; position: relative;
   box-sizing: border-box;  z-index: 1; 
   height: auto; overflow: hidden; background-color: #000;
}
.opis .filmycyklucont .lopis:hover { filter: brightness(80%)}
.opis .filmycyklucont .lopis:after { display: block;  content: "";  width: 100%;  padding-top: 56.25%;}
.opis .filmycyklucont .lopis > span { display: block; position: absolute; background-color: #fff; padding: 0.5em; color: #000; max-width: 250px; bottom: 5%; left: 5%  ;
  text-align: left;  }
.opis .filmycyklucont .swiper-wrapper {height: auto;} 

.opis .cykle .listacyklu, .opis .cykle .filmycyklucont {background-color: inherit;} 

.opis .cykle .swiper-button-next, .opis .cykle .swiper-button-prev {background-color: inherit; width: 40px; margin-top:0; top: 0; height: 100%;  }
.opis .cykle .swiper-button-next {right: 0;}
.opis .cykle .swiper-button-prev {left: 0;}

.opis .cykle .swiper-button-prev.swiper-button-disabled, .opis .cykle .swiper-button-next.swiper-button-disabled { background-color: transparent;}

.opis .cykle .ck .listacyklu .ocyklu {display: inline-block; margin-top: 1.5em; color: inherit; 
  background-image: url(../nn/css/../img/strzalkacz.svg); background-size: 1.7em auto; background-position: left center;
  margin-left: auto; margin-right: auto;  text-transform: lowercase; line-height: 1.4;
  transition: padding-left 0.2s, background-position-x 0.2s;
   padding-left: 2.0em; background-position-x: -0.3em;
}
.opis .cykle .ck .listacyklu .ocyklu:hover {padding-left: 2.3em; background-position-x: left}

.opis .top {background-color: #fff; padding-top: 2.4em; padding-bottom: 3.5em }
.opis .top.zest { padding-bottom: 2.5em}
.opis .top .czolowka {max-width: 700px; margin-left: auto; margin-right: auto; text-align: center}
.opis .top .nag {padding: 0.2em 0; }
.opis .top .rez {padding: 1.4em 0 2em 0}
.opis .top .prem { padding: 2em 0 0em 0;}

.opis .top .socialscont { float: right; vertical-align: top}
.opis .top .socialscont .socials {margin-top: 1.5em; margin-right: 2em}

.opis .top .glownametka { float: left ; padding-top: 1.5em; padding-left: 2em}
.seanse .glownametka {padding-top: 3em; padding-bottom: 1em }

.opis h4.nagrod {text-transform: capitalize; padding-top: 0em; padding-bottom: 1em }
.opis .filmogtyt {margin-top: 1.6em}
.opis .filmografia p {margin: 0.5em 0}
.opis .stopkacont {background-color: #eee; padding-bottom: 1.5em  }
.opis .stopkacont .stopka { }
.opis .stopkacont h4:first-child {xmargin-top:0}
.opis .stopkacont .stopka {display: table; width: 100%; margin-top: 1.5em; margin-bottom: 1.5em; font-size: 85%}
.opis .stopkacont .stopka div {display: table-row; }
.opis .stopkacont .stopka div:LAST-CHILD span {border-bottom: 1px solid #c9c9c9}
.opis .stopkacont .stopka div span {display: table-cell; padding: 1em 0px; border-top: 1px solid #c9c9c9}
.opis .stopkacont .stopka div span:FIRST-CHILD {width: 30%; padding-right: 1em; }
.opis .stopkacont .stopka div span:LAST-CHILD {width: 70%; }



/**
.opis .linkizew { display: block;  background-color: #eee}
.opis .linkizew .linkzew { display: block; padding-top: 0.5em; padding-bottom: 0.6em}
.opis .linkizew h4 {padding-bottom: 0.6em; margin-top:0}
.opis .linkzewkafel {display: flex; margin: 0.6em 0;}
.opis .linkzewkafel .linkil {display: block; overflow: hidden;  vertical-align: top;  width: 9em;   }
.opis .linkzewkafel .linkil img {transition: transform .3s ease-in-out; display: block; object-fit: cover; width: 100%; height: 100%;} 
.opis .linkzewkafel .lidesc { display: flex;flex-wrap:wrap; background-color: #fff;  vertical-align: top; box-sizing: border-box; width: calc(100% - 9em); color: #000; padding: 0.9em 1.4em;}
.opis .linkzewkafel .liautor {display: block; }
.opis .linkzewkafel .litytul {display: block; padding: 0.3em 0 0.2em 0; margin: auto 0px; max-width: 20em}
.opis .linkzewkafel .lidata {display: block; color: #767676}
.opis .linkzewkafel:hover .linkil img {transform:scale(1.05)}
*/
.terazwkinach { }

/** KLUB FESTIWALOWY! */
div.f div.bs.klub { color: #f5e1a3}
.opis .cykle .ck.klub {color: #f5e1a3}
.opis .cykle .ck.klub .listacyklu .ocyklu {background-image: url(../nn/css/../img/strzalkaczklub.svg);}
.opis .cykle .ck.klub .nazwacyklu {background-image: url(../nn/css/../img/dziubekdolklub.svg);}
.big-box .caption .h.klub { color :#f5e1a3 }



@media screen and (max-width:500px) {
  /**
.opis .linkzewkafel:not(.keepwide) {display: block; margin: 1.5em 0;}
.opis .linkzewkafel:not(.keepwide) .linkil { width: 100%; }
.opis .linkzewkafel:not(.keepwide) .linkil img {height: auto;}
.opis .linkzewkafel:not(.keepwide) .lidesc {width: 100%; text-align: center; padding: 1.3em 2em;}
.opis .linkzewkafel:not(.keepwide) .litytul {padding: 0.5em 0;}

.opis .linkzewkafel.keepwide .litytul {padding: 0.5em 0px 0.2em 0px;}
.opis .linkzewkafel.keepwide .liautor.small {font-size: 11px}
.opis .linkzewkafel.keepwide .linkil {width: 6em;}
.opis .linkzewkafel.keepwide .lidata {display: none}
.opis .linkzewkafel.keepwide .lidesc {width: calc(100% - 6em); padding: 0.3em 0.2em 0px 1.2em}
.opis .linkzewkafel.keepwide .lidesc {font-size: 95%}

*/
}

.opis .swiper-container.fotosy { background-color: #000}
.opis .swiper-container.fotosy  .swiper-wrapper {height: auto; } 
.opis .fotos {box-sizing: border-box;	position: relative; z-index: 1; display: block; width: 100%; 
   height: auto; overflow: hidden; background-color: #000;
   
    }
.opis .fotos.poster {width: 25%}    
.opis .fotos > div {max-height: 100%; width: 100%; height: 100%; position: absolute;	background-position: center ;	background-position-x: center;	
background-repeat: no-repeat; background-size: cover; opacity: 0.7;
}
.opis .fotos:after {display: block;  content: "";  width: 100%;  padding-top: 56.25%; pointer-events: none }

@media screen and (max-width: 1300px) {
  .opis .fotos:after {padding-top: 64%; }
}
@media screen and (max-width: 1100px) {
.opis .fotos:after {padding-top: 70%; }
}
@media screen and (max-width: 900px) {
  .opis .fotos:after {padding-top: 70%; }
}
@media screen and (max-width: 400px) {
  .opis .fotos:after {padding-top: 80%; }
}
.opis .fotosy .swiper-slide-next > div:after, .opis .fotosy .swiper-slide-prev > div:after {
 display: block;  position: relative;  height: 100%;  width: 100%;  content: '';  transition: all 0.2s;  }
 /** chyba nie bardz*/ 
.xopis .fotosy .swiper-slide-next > div:after {  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%,  rgba(0, 0, 0, 0.6) 25%,  rgba(0, 0, 0, 0.7) 100%); }
.xopis .fotosy .swiper-slide-prev > div:after {   background-image: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.7) 100%); }

.opis .fotosy .swiper-slide-next > div:after {  background-image: linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.8) 100%) }
.opis .fotosy .swiper-slide-prev > div:after { background-image: linear-gradient(to left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.8) 100%) }


.opis .fotosy .swiper-button-next { right: 4%}
.opis .fotosy .swiper-button-prev { left: 4%}

.opis .fotosy.vi .swiper-slide-active {  cursor: pointer; }
.opis .fotosy.vi .swiper-slide-active > div {transition: all 0.2s; }
.opis .fotosy.vi.has-play-button:not(.playing) .swiper-slide-active:hover > div { opacity: 0.7}
.opis .fotosy.vi .swiper-slide-active .play-button { display: none; background-image: url(../nn/css/../img/play.svg);  transition: all 0.2s; position: absolute; width: 6em; height: 6em;   background-size: 4em 4em; background-position: center center; 
  left: 50%; top: 50%;  transform: translate(-50%, -50%);
 }
.opis .fotosy.vi:not(.playing) .swiper-slide-active:hover .play-button { display: block;  }

.opis .fotosy.playing .swiper-button-next, .opis .fotosy.playing .swiper-button-prev {display: none}

.opis .fotosy.vi .swiper-slide-active iframe {width: 100%; height: 100%}

.opis .tresc { padding-top: 2em; padding-bottom: 2em}
.opis .tresc.bezseansow { padding-top: 0.1em}
.opis .seansecont + .tresc.bezseansow {padding-top: 2em}

.opis .tresc.glownyop { padding-top: 0}
.opis .tresc.glownyop + .tresc { padding-top: 0}

.opis .nawigacjaitresc { padding-top: 2.5em; padding-bottom: 2em}
.opis .nawigacjaitresc.bezseansow {padding-bottom: 1em}
.opis.strona .nawig {margin-top: 1.5em}
.opis .rezyserzy h4 { padding-top: 2.5em}
.opis .rezyserzy h4:first-child {padding-top: 0.1em}
.opis .rezyserzy {padding-bottom: 1.5em}

.

.opis H4.nagrod {}
.tresc ul.nagrody {list-style-type: disc; margin-top: 0px; margin-bottom: 0px; }
.tresc ul.nagrody li { font-size: 0.9em; margin-top: 0.7em;  margin-bottom: 0.7em; line-height: 1.55 }
.opis .opismore {text-align: left}
.tresc p.nagrody {margin-top: 0.2em}

/** ZESTAWY */
.zestawy .ilustracja IMG {max-width: 100%}
.zestawy H4 { padding: 1.1em 0 0.7em 0}
.zestawy .topis {padding-top: 0.8em; padding-bottom: 0.2em}
.zestawy .filmzestawu {padding-bottom: 2em}
.zestawy .filmzestawu:last-child {padding-bottom: 1em}
.opis .zestawy .stopkacont {background: transparent; padding-bottom: 0 }
.opis  .zestawy  .stopkacont .stopka div span {padding-top: 0.7em; padding-bottom: 0.7em}

.filmyzestawu {padding: 0em 0 2em 0;}
.filmyzestawu .nazwazes { text-transform: uppercase;}
.filmyzestawu a.l {text-decoration: underline;  text-underline-position: under; color: #373737; display: inline-block; margin-right: 0.6em }
.filmyzestawu a.l:hover {color: var(--magentac)}
.filmyzestawu > div {padding-bottom: 0.3em}
/** koniec zestawów */


/** ======== SEANSE ============= */
.opis .seansecont {background-color: #eee; text-align: left; padding-top: 0em; padding-bottom: 0em}
.opis .seansecont h4{ padding-bottom: 1em; padding-top: 0}
.seanse .senpozycja { clear: both; margin-top: 3px; overflow: hidden}
.seanse .senpozycja {white-space: nowrap}
.seanse .apl {box-sizing: border-box; width: 13.3em; max-width: 13.3em; height: 2.84em; vertical-align: top; border-radius: 3px; display: inline-block; padding: 0.9em 0.1em 0.8em 0.8em; background-color: #fff; }
.seanse .senpozycja.wyroz .apl, .seanse .senpozycja.wyroz .operacja a {background-color: #ccc; }
.seanse .mets {display: inline-block; vertical-align: top; margin-top: 0.45em; background-color: inherit;  }
.seanse .opisse { display: inline-block; vertical-align: top; position: relative; }
.seanse .opisse .dodano {white-space: nowrap;position: absolute; display: block; opacity: 1;  background-color: #fff; z-index: 5; top: 3px; left: 4px; width: 100%; height: 100%; text-align:  center; font-size: 16px; text-transform: lowercase;}
.wynikiwysz .seanse .opisse .dodano { background-color: #f3f3f3;  width: 120%}
.wynikiwysz .seanse .senpozycja.wyroz .opis .dodano {background-color: #e0e0e0}

.seanse .opisse span, .seanspopup .czasim span {line-height: 1.2; }
.seanse .opisse .czas, .seanspopup .czasim .czas {position: relative; display: block; padding-left: 1.5em; background-image: url(../nn/css/../img/czasseansu.svg); background-size: auto 0.9em; background-position: left 0.1em  }
.seanse .opisse .czas .sa, .seanspopup .czasim .czas .sa {
	  margin-left: 1.5em; padding-left: 1.3em; background-image: url(../nn/css/../img/miejsceseansu.svg); background-size: auto 1.1em; background-position: left 0;
	text-transform: lowercase; xposition: absolute; xleft: 8em; display:inline-block; white-space: nowrap;}
.seanse .opisse .czas A.sa:hover, .seanspopup .czasim .czas A.sa:hover {text-decoration: underline}	
	
.seanse .senpozycja.minal {}
.seanse .senpozycja.minal .apl {background-color: #e0e0e0; color:#a1a1a1}

.seanse .senpozycja.minal .opisse span {color: #777}
.seanse .senpozycja.minal .gosc {display : none;}
.seanse .senpozycja.ostdodany .opisse span {color: var(--magenta); }
.seanse .senpozycja.poostdodany .opisse span.dodano {opacity: 0;   transition: opacity 1s linear 1s; }
.seanse .senpozycja.poostdodany .opisse span.czas, .seanse .senpozycja.poostdodany .opis span.sa {color: #373737; transition: color 2s linear 7s;  }

.seanse .priorytet, .seanse .gosc, .seanse .prasa {clear: both; margin-left: 0px; padding-top:1.2em ; line-height: 1.2; font-size: 12px; text-transform: lowercase;
background-image: url(../nn/css/../img/goscie.svg);
background-repeat: no-repeat; background-size: 1.3em auto; background-position: left 1.25em; padding-left: 2em; padding-bottom: 3px;
}
.seanse .prasa {  background-image: url(../nn/css/../img/press.svg); background-position: left 1.4em; }


.seanse .priorytet { background-position: left 1.1em; }

.priorytet.bilety {background-image: url(../nn/css/../img/priorytet_bilet.svg); background-size: auto 1em;  }
.priorytet.karnety {background-size: auto 1.2em; background-image: url(../nn/css/../img/priorytet_karnet.svg);  }
.priorytet.uw {background-size: auto 1.1em; background-image: url(../nn/css/../img/uwagawazna.svg);  }


.seanse .priorytet.karnety { background-position: 0.25em 1.2em; }
.seanse .priorytet.bilety { background-position: left bottom 0.25em;}
.seanse .priorytet.uw { background-position: 0.1em 1.21em; }



.seanse .apl.go  {height: auto; margin-bottom: 0.2em}
.seanse .gosc img {margin-right: 8px;}

.seanse .cenys {padding: 1.5em 0 0em 0}
.seanse .cenys .pakietowy {margin-top: 0.3em}
.seanse .cenys .pa { width: auto; height: 1em; margin-left: 1.2em; margin-right: 0.3em; display:inline-block; margin-bottom: -0.2em} 
.seanse .cenys .rabinf {padding-top: 0.5em}

/** ======== SEANSE ============= */

/** skopiowane, uprzorządkować */

/** czy sam Tooltip jest gdzieś używany ? */
DIV.ToolTip {
   position:absolute;
   top:0;
   left:0;
   color: #ffffff;
   font-size: 11px;
   border: none;
   visibility:hidden;
   width: 200px;
   padding: 8px;
   z-index: 100;
}
div.ToolTipDziubek { float: left; }
DIV.ToolTip HR {
   background-color: white;
}
div.ToolTip p {
  color: #ffffff;
  }


DIV.ToolTipK {
   position:fixed;
   top:0px;
   left:0px;
   border: none;
   z-index: 2000;
   white-space: nowrap;
   width: 450px;
   display: none;
}
section.indeks DIV.ToolTipK { position:absolute; } /** w programie */
DIV.ToolTipK .dziubek {float: left; width: 0.7em; height: 0.7em}

DIV.ToolTipK .szt {  background-color: #292929; float: left; ;}
DIV.ToolTipK, DIV.ToolTipK p, DIV.ToolTipK span { font-weight: 300; color: #fff;}
DIV.ToolTipK .szt .wn {
  padding: 1.2em 1.8em 1.4em 1.6em;
  max-width: 330px;
  white-space: normal;
  
}
DIV.ToolTipK .szt .wn > div, DIV.ToolTipK .szt .wn span { font-size : 14px }
DIV.ToolTipK .torg {color: #eee; display: block;}
DIV.ToolTipK .ttczas {padding-bottom: 6px}
DIV.ToolTipK .danefil { padding: 12px 0px 10px 0px;}
DIV.ToolTipK .cy {padding: 7px 0px; font-weight: 400 } /** cykl */
DIV.ToolTipK .priorytet {margin-top: 1.4em; padding-left: 2em}
DIV.ToolTipK .priorytet.karnety {  padding-left: 1.7em; background-image: url(../nn/css/../img/priorytet_karnetb.svg); background-position: left 0px}
DIV.ToolTipK .priorytet.bilety { background-image: url(../nn/css/../img/priorytet_biletb.svg); background-position: left 2px}
DIV.ToolTipK .szt .wn>div.innes  { padding-top: 5px; padding-bottom: 5px; font-size:13px; color: #ddd } 
DIV.ToolTipK .szt .wn>div.innes div {font-size:13px;  color: #ddd }

DIV.ToolTipK H5, DIV.ToolTipK H6 {padding: 0.2em 0px 0.1em 0px;color:#fff; text-transform: none; line-height: normal; }
DIV.ToolTipK H6 {padding: 0.5em 0px}
DIV.ToolTipK .szt .wn .mtko {
  margin: 9px 0px 12px 0px; max-width: 300px;
  word-spacing: normal;
  white-space: normal;
  font-size: 13px;
  color: #fff;
  
}
DIV.ToolTipK .filmyzest {  padding: 3px 0px 6px 0px; }
DIV.ToolTipK .filmyzest div {padding: 1px 0px 0px 10px; background-repeat: no-repeat; background-position: left 8px;; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNpiYACC////GwDxfCBeD2IzwACQc/8/AryHCQr8xwQOMMnzSILnQWKMMF1AqgBq8gRGRsYPAAEGAF4HSC7baRa/AAAAAElFTkSuQmCC); }

DIV.ToolTipK .mtk img {
  width: 1em; height: auto;
  margin-bottom: 0;
  margin-right: 0.6em;
  background-color: transparent;
}
DIV.ToolTipK .mtk { margin-top: 1.5em;}
DIV.ToolTipK .mtk span { display:inline-block; color: #fff; }
 
DIV.ToolTipK p, DIV.ToolTipK div {
 color: #ffffff;
}

DIV.ToolTipK .szt .wn  .gsc {
  color: #eee; margin-top: 15px;
}
DIV.ToolTipK .szt .wn  .gsc img {
  margin-bottom:-2px;
}
DIV.ToolTipK HR {
  color: white;
  border-color:white;
  background-color: white; 
}

xDIV.ToolTipK.lista .szt {background-color:  #292929} 
DIV.ToolTipK.lista H5 {color: #fff; padding-top: 0}
DIV.ToolTipK.lista .mtk {margin-top: 1em}
DIV.ToolTipK.lista .wn {  padding: 1.1em 1.5em 1.1em 1.3em;}

/** koniec do uporzad */


/** skopiowane z film.css do listy filmów */

.nagfiltra { padding-top: 1em ; position: relative }
.nagfiltra h4 {padding : 0.8em 0}

.wynikiwysz .small, .wynikiwysz .small span {line-height: 1.4}
.wynikiwysz .apla {  background-color: #f4f4f4;  padding: 3px 10px 3px 10px;  text-transform: lowercase; }

.wynikiwysz {width: 100%; position: relative; padding-top: 10px}
.wynikiwysz .wiersz {padding: 2em 0px; border-top: 1px solid #eee; width: 100%; display: table; table-layout: fixed }
.wynikiwysz .wiersz:LAST-CHILD { border-bottom: 1px solid #e0e0e0;}
.wynikiwysz .wiersz .tc { display: table-cell; vertical-align: top}
.wynikiwysz div.fotos {width: 15em; }



.wynikiwysz .fotos IMG {width: 100%; max-width: 350px; xmin-width: 220px; object-fit: cover}
.wynikiwysz .fotos .fotosa  {display: block; position: relative; overflow: hidden; background-color: #000 }
.wynikiwysz .fotos .fotoslista {display: block; position: relative; width: 100%; height: auto; background-size: cover; background-position: center; transition: transform 0.2s, opacity 0.2s; }
.wynikiwysz .fotos .fotoslista:after {content: ""; padding-top: 75%; width: 100%; display: block; }

.tylkowkinie {position: absolute; left: 1.5em; top: 1.5em; color: #fff; padding: 0.4em 1em 0.5em 1em; border: 1px solid #fff; line-height: normal}


.info-dodatkowe.desk { position: absolute; z-index: 1; top: 2.3em; left:4%; font-size: 0.75em;  flex-wrap: nowrap; justify-content: flex-start; }
.info-dodatkowe {display: flex; align-items: center;  }
.infod {transition:color 0.2s; color: #fff; height: 2.2em; background-size: auto 1.96em; background-position: left center; padding-left: 2.8em; display: flex; align-items: center; font-size: 1em }
.infod.tylkownik  { background-image: url('../nn/css/../img/tylkowk.svg'); background-size: auto 1.9em;  padding-left: 3em;  margin-left: 2em}
.infod.objerzyjzwiast { background-image: url('../nn/css/../img/trailer.svg'); cursor: pointer; margin-right: 1.5em; background-size: auto 1.3em; padding-left: 2.5em }
.info-dodatkowe a.infod:hover { xbackground-size: auto 2.1em; color: #eee }

.fotosa .infod.tylkownik { margin-left:0px; position: absolute; left: 1.2em; top: 0.9em; color: #fff; background-size: auto 1.3em; padding-left: 2.2em; font-size: 0.9em }

.info-dodatkowe.mobile {display: none; position: static;  flex-wrap: nowrap; flex-direction: column; padding-top: 0.7em; padding-bottom: 1.2em }
.info-dodatkowe.mobile .infod.tylkownik {margin-left: 0px; }
.info-dodatkowe.mobile .infod + .infod { margin-top: 1em}  
.info-dodatkowe.mobile a.infod:hover {color: #111}

@media screen and (max-width:650px) {
  /**.info-dodatkowe.desk {display: none;}
  .info-dodatkowe.mobile {display: block;}
  .info-dodatkowe .infod {color: #000; padding-left: 3em}
  .info-dodatkowe .infod.tylkownik { background-image: url('../nn/css/../img/tylkowkc.svg');}
  .info-dodatkowe .infod.objerzyjzwiast { background-image: url('../nn/css/../img/zobaczzwc.svg'); }*/
}
  
.wynikiwysz .fotos .fotosa.sakinowe .fotoslista {opacity: 0.8}

.wynikiwysz .wiersz:hover .fotos .fotosa .fotoslista ,  .wynikiwysz .fotos .fotosa:hover .fotoslista { transform:  translateZ(0)  scale(1.05) ; opacity: 0.8 }
.wynikiwysz .wiersz:hover .vod-box .play.on-hover {opacity: 1}

.wynikiwysz div.pasek {width: 4em;  }

.wynikiwysz div.listafilmow { width: 70%; width: calc(100% - 37em);  white-space: normal;  }

.wynikiwysz table.filmy {margin-left: 12px; }
.wynikiwysz table.filmy td{ padding-top: 0.3em; padding-bottom: 0.2em;}

.wynikiwysz table.filmy td.tytulgl, .wynikiwysz table.filmy td.tytulgl A {
 padding-top: 10px; 
}
.wynikiwysz table.filmy td.tytulzest, .wynikiwysz table.filmy td.tytulzest A, .wynikiwysz table.filmy td.tytulzest A#szara, .wynikiwysz table.filmy td.tytulzest span#szara {
  color: #373737;
}
.wynikiwysz table.filmy td.tytulzest A:hover, .wynikiwysz table.filmy td.tytulzest A#szara:hover {color:var(--magentac);}

.wynikiwysz table.filmy td.tytulgl A {color: #373737}  
.wynikiwysz table.filmy td.tytulgl A:hover { color:var(--magentac); }
.wynikiwysz table.filmy td.tytulgl, .wynikiwysz table.filmy td.tytulzest {padding-top: 0; padding-bottom: 0.6em}
.wynikiwysz table.filmy td.tytulgl.f5 {padding-top: 1em; padding-bottom: 0}

/*
.wynikiwysz table.filmy td.tytulgl A#szara { color: #373737; }
.wynikiwysz table.filmy td.tytulgl A#szara:hover {color:var(--magenta);}
.wynikiwysz table.filmy td.tytulgl A#zielona, .wynikiwysz table.filmy td.tytulzest A#zielona,.wynikiwysz table.filmy td.tytulzest span#zielona { color: #33cc66; }
.wynikiwysz table.filmy td.tytulgl A#zielona:hover, .wynikiwysz table.filmy td.tytulzest A#zielona:hover { color:#33cc66;}
.wynikiwysz table.filmy td.tytulgl A#zolta, .wynikiwysz table.filmy td.tytulzest A#zolta, .wynikiwysz table.filmy td.tytulzest span#zolta { color: #ffcc33; }
.wynikiwysz table.filmy td.tytulgl A#zolta:hover, .wynikiwysz table.filmy td.tytulzest A#zolta:hover { color:#ffcc33;}
.wynikiwysz table.filmy td.tytulgl A#czerwona, .wynikiwysz table.filmy td.tytulzest A#czerwona, .wynikiwysz table.filmy td.tytulzest span#czerwona { color: #ff3333; }
.wynikiwysz table.filmy td.tytulgl A#czerwona:hover, .wynikiwysz table.filmy td.tytulzest A#czerwona:hover { color:#ff3333; }
*/
.wynikiwysz .mistrz { border-top: 2px solid #d0d0d0; padding: 10px 0px 0px 0px; } 
.wynikiwysz .mistrz h1 {padding-bottom: 0px}


.wynikiwysz div.seanse { width: 18.5em; padding-left: 3em;  }
.wynikiwysz div.seanse.arch {width: 100px;}
.wynikiwysz .seanse .apl { background-color: #F1F1F1; xwidth: 9em}


/**
.wynikiwysz div.seanse {color: #666} 

.wynikiwysz .seanse .opis .dodano { background-color: #f3f3f3;  width: 120%}
.wynikiwysz .seanse .senpozycja.wyroz .opis .dodano {background-color: #e0e0e0}
**/


.wynikiwysz table.filmy td.tytul, .wynikiwysz table.filmy td.tytul A { color: #373737; padding-bottom: 2px; }
.wynikiwysz table.filmy td.tytul A:hover {color:#000;}
.wynikiwysz table.filmy td.subtytul {padding: 0.2em 0px 0.2em 1.5em }
.wynikiwysz table.filmy td.subtytul.pir {padding-top: 13px; padding-bottom: 5px; line-height: normal}
.wynikiwysz table.filmy td.subtytul.et {padding-top: 10px; padding-bottom: 5px;}
.wynikiwysz table.filmy td.subtytul, .wynikiwysz table.filmy td.subtytul A {color: #373737; }
.wynikiwysz table.filmy td.subtytul A:hover {text-decoration: underline}
.wynikiwysz table.filmy td.subtytul .wzest {text-transform: uppercase; font-weight: 500;}

.wynikiwysz table.filmy td.cykl{padding-top: 1.5em}
.wynikiwysz table.filmy td.cykl, .wynikiwysz table.filmy td.cykl A {  color: #373737; }
.wynikiwysz table.filmy td.cykl A:hover { color: var(--magentac) }
.wynikiwysz table.filmy td.stopka { color: #373737; }

.cyklmark {float: left; width: 0.8em; height: 0.8em; border-radius: 3px; margin-right: 0.8em;  margin-top: 2px;}


.sinfo {
  color: #C20073;
  padding-top: 3px;
  padding-bottom: 6px; 
}
.serror {
  color: #ef0000;
  padding-top: 3px;
  padding-bottom: 6px; 

}


a.program {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAABsCAMAAABkbRGNAAAA51BMVEUAAACAAEz///+VFWGvL3s/Pz+Li4uVFWGvL3uLi4s/Pz+VFWGvL3s/Pz+Li4uVFWGvL3s/Pz+Li4tfX2CeAF2zs7Szs7NfX1+vL3uLi4uVFWGvL3s/Pz+Li4uVFWGvL3uLi4s/Pz9fX1+zs7OVFWGvL3s/Pz+Li4uVFWGvL3s/Pz+Li4uVFWGvL3s/Pz+Li4uVFWGvL3uLi4s/Pz+VFWGvL3uLi4s/Pz+VFWGvL3uLi4s/Pz+VFWGvL3s/Pz+Li4uVFWGvL3s/Pz+Li4tfX2CVFWGeAF2vL3uzs7RfX1+zs7OLi4s/Pz+vOY7mAAAARHRSTlMAAAAPDw8PHx8fHy8vLy8/Pz8/QEBAQEBPT19fX19vb29vcHB/f39/j4+Pj5+fn5+vr6+vv7+/v8/Pz8/f39/f7+/v7/5zTYEAAARQSURBVHhe7NZda+JAFMfhPwsJKCTQXiQICnYXIihYsKAQwUJydSZ+/8+zHObFGTdnoLMVdyG/i4GkVB6SeQl+fEvgIn8ea7bxKs3/f9kDKBvwh0ffNvGF7Mn7z6OrHUrnAadccEke6MY98It48rbNcavdBR5VwaasL8kDH6Qge977ErsSXHnIsTl6nvBH7KCSPB5IVbJnPSy0CSj79s6j8F0e3Cd4XoeNeUiaE3hYoFTggehRfuMepYt5Pg/2ra2YE3iUebR3HoVxD25JHnAxTznMoDsMzAk9FaB+VYGHhQ/0zIbSwPqe51D8fcU9ULZ0D3ixm6msJ3VsPpsET6VQcVBV6vxhyLvhAAyKrve4h5+LMmPy+sJiWAPMAYNm7JH3Q3PnkfsP1sMrFjk4rIDdMf28gOLS9udwg3bln+68kHvo+YW8Hdqjbehnzz7fgcXGtcqhPU/8/gmbPONNnskzeSbP5MmWjestS/UAZBs5T/VtE1/Inux8Pbm6bu484MgFl+SBbtwDv5jnoys83KUJPFTDRtaX5IEPIsie5vqCrRZlDbA9eZ7wR+xASR4PRLXsWV6XwLljUHbu5mh8DyHRk/w9X3R7LSn0EHhYQBR4IHrIb9xDupjncgY06IU5gYfMo73zEMY9uCV5wMU8xbVwi4w5oacG6GcdeFj4DI/8vmQP2dI9uHwI70uYz5zgqQk1B6rT509x3crzGaAveIhAZMa09SWvd3k/5DuP3H+w7wpvP2RP+nlB3F/uzzhfMv9qbz1yjz2/sq47uS5d8ezzHdlbc2s+fY/9Y57JI/d/en63Z3ctjsJQAIZzEqGCgRmYD0oL0xsLLXRgCi0otJBANcX//4M2eiaa7m4WmWnMsOQVvH44JgbR4QnWf+SJnuiJnughdvXzc/13ALSlays+iacmbk8iz8e+UvEJPDVxe5KyTMBEabmdwKNzet4lhy2HNr5P6Pro24O5PCs1R5PmyNKvp8b+5XlUa8AhIcevx9zdnvMeAEFLzYHQHq5SwPZKc4J7UsWRw6WUHD1B10+32XEpt2uIht5fXL5/crpF7c1T68Z4YK5WAB2nBaW3nstwPX13PiM9sFKPME+ga0np1pOnJuM8+O4x0eS89eKpyWhPUqryaFIyNZ4QQdd83bdM6OC52E3msaMYem4Jl5/viZ7Lk9lgX/TE+cT5/OT9FT3hzwu2yPveGA19nrKiOvQJMQvt+RAZmCg75f6/T5vX18bpyasH2KCIacvmYHmuw/VyV09DXJ5FtQAouhGxQsxoPoWnIS5PJnYoybobncajc3hOBQCCHloTesJ9f2VVBp+gSnN+81zt7uBpsK96bgnXO3isu+t5fdjPK7wnqzb2eg7tce939FxfzAZDj+/1AwA7kQ3vQ6/zGfl9WpyYdb4XOy/zaXQjPUyIQ99JZJ7mM9oD7C0fmtE/5nMXT0McnhF5mE9DPHjC9P3zIv7/ip5fapx8ZWYijE4AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  display: block;
  height: 16px;
}
a.program:hover {
  text-decoration:  none;
}
a.program.mi {  width: 28px;  background-position: 0px -27px;  }
a.program.mi:hover { background-position: 0px 0px; }
a.program.bc {  width: 21px;  background-position: -117px 0px; margin-left:0px !important; margin-right: 13px; margin-top: 1px}
a.program.bc:hover {  background-position: -117px -27px; color: #000000; }
a.program.bcw {  width: 21px;    background-position: -117px -58px;  margin-left:0px !important; margin-right: 13px; margin-top: 1px}
a.program.bcw:hover {  background-position: -117px -85px; color: #000000; }
a.program.dr {  width: 15px;  background-position: -48px -27px; }
a.program.dr:hover {background-position: -48px 0px; }
a.program.pe {  width: 20px; background-position: -77px -27px; }
a.program.pe:hover {  background-position: -77px 0px;}
a.program.ne {  width: 22px; height: 23px; margin-top: -3px;  background-position: -75px -54px; }
a.program.ne:hover {  background-position: -75px -84px;}
a.program.ical {
  width: 17px; background-position: 0px -70px;
}
a.program.ical:hover {  
  background-position: 0px -89px;
}
.pager.godziny .pgr {padding-left : 10px; padding-right: 10px;}



@media screen and (min-width:1650px) {   
  .xopis .fotos {width: 60%}
  .opis .fotos.poster {width: 20%}
  .xopis .fotosy .swiper-slide-next > div:after {  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%,  rgba(0, 0, 0, 0.6) 40%,  rgba(0, 0, 0, 0.7) 100%); }
  .xopis .fotosy .swiper-slide-prev > div:after {   background-image: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.7) 100%); }
  
  
  .opis .fotosy .swiper-slide-next > div:after {  background-image: linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.8) 100%) }
  .opis .fotosy .swiper-slide-prev > div:after { background-image: linear-gradient(to left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.8) 100%) }
  
   
}

@media screen and (max-width:1500px) {
	.opis .top .socialscont .socials {margin-right: 1em}
  .opis .top .glownametka {padding-left: 1em}
}
@media screen and (max-width:1250px) {
		.opis .top .glownametka {display : none}
		.opis .top .socialscont {float: none; display: block; text-align: center; margin-right: 0}
		.opis .top .socialscont .socials {margin-right: auto; margin-left: auto; display: inline-block; margin-top: 0em; margin-bottom: 1em}
		.filtr .tylkom {margin-right: 1.5em}
		.opis .nawigacjaitresc {padding-top: 2em}
		.opis.strona .tresc {max-width: 650px}
		
		.wynikiwysz div.fotos {width: 13em; }
		
}
@media screen and (max-width:1180px) {
 		
  /** seanse lądują niżej */
  .wynikiwysz .wiersz .tc.listafilmow  {display: inline-block; width: calc(100% - 4em)}
  .wynikiwysz .wiersz .tc.seanse  {display: block; float: none; padding-left: 3.2em; margin-top:1.5em; width: auto;}
  .wynikiwysz .wiersz .tc.pasek {display: inline-block;}
  .wynikiwysz .wiersz .pasekilista {display: block;  width: 100%  }
  
  .wynikiwysz table.filmy td.tytulgl, .wynikiwysz table.filmy td.tytulzest {padding-bottom: 0.3em}
  .xwynikiwysz table.filmy td {padding-top: 1px; padding-bottom: 0px}
  .xwynikiwysz table.filmy td.tytul, .wynikiwysz table.filmy td.tytul A { padding-bottom: 0px}
  .wynikiwysz table.filmy td.tytulgl.f5 {padding-top: 0.4em}
  .wynikiwysz table.filmy td.subtytul {padding-left: 0}
  .opis.strona .tresc {max-width: 620px}
  .opis .top .rez { padding: 1em 0 1.5em 0}
}

@media screen and (max-width:1140px) {
 .opis.strona .tresc {max-width: 700px}
}

@media screen and (max-width:950px) {
	  .filtr .tylkom {display: none}
	  .formularz .nice-select.cyklfiltr, .formularz .nice-select.cyklfiltr .list {width: 20em}
	  .formularz .nice-select.kraj, .formularz .nice-select.kraj .list {width: 10em}
.opis .nawigacjaitresc {padding-top: 1.2em}
}
@media screen and (max-width:840px) {
  .seanse .apl {width:15.5em; max-width: 15.5em}
}


@media screen and (max-width:650px) {
	 
	.filtr.program .szukaj {display: none; float: none; width: 100%; margin-bottom: 1em; border: none;}
	.filtr.program .szukajmob {padding-left: 0; padding-right: 0; background-position: center; vertical-align: middle; display : inline-block; float: right;  background-image: url(../nn/css/../img/lupab.svg); background-size: 1em auto; width: 1em; height: 1em }
	
	.filtr .szukajinput { border-left: none; border-right: none; width: 100%}
  .filtr.program a.ind {margin-right: 1em}
  .xfiltr.program .sklpasekorder {text-align:  center}
 
 .wynikiwysz .wiersz .tc.pasek {width: 3em}
 .wynikiwysz .wiersz .tc.listafilmow  {width: calc(100% - 3em)}
  .wynikiwysz .wiersz .tc.seanse {padding-left: 2.2em}

 
 .opis .filmycyklucont .lopis { max-width: 500px}
 
 .xseanse .apl {width:16em; max-width: 16em}
 
 .opis .cykle .swiper-button-next, .opis .cykle .swiper-button-prev { background-color: transparent;}
 /** DIV.ToolTipK, DIV.ToolTipK p, DIV.ToolTipK span {font-size: 12px} */
 .wyszukiwarka .nice-select, .wyszukiwarka .nice-select .list {width: 100% !important; margin-right: 0}
 
  .wynikiwysz .wiersz .fotos.tc { display: block; width: 100% }
  .wynikiwysz .fotos IMG {max-width: none;}
  .wynikiwysz .wiersz .tc.pasek {width: auto}
  .wynikiwysz .wiersz .tc.seanse {padding-left: 10px; width: auto; white-space: nowrap;}
  .wynikiwysz .wiersz .pasekilista {margin-top: 1.5em}
  
  .wynikiwysz .fotos .fotoslista:after {padding-top: 60% ;}
 
  
}

@media screen and (max-width:370px) {
		.filtr.program a.ind {margin-right: 0}
  .seanse .apl {width:14em; max-width: 14em}
  .wynikiwysz .wiersz .tc.seanse {padding-left:0}
}




.metkatextar {width:100%;max-width:100%; resize:none;  margin-top: 1em;color:#373737; margin-bottom: 0.9em;
   border-radius: 0;
  -webkit-border-radius:0px;
  border: none;
  padding: 0.7em 0.7em;
  font-size: 12px; line-height: 1.6;
  box-sizing: border-box;
  xcolor: #000;
  outline: 0; 
}
.metkapopup {display: none}

#popup .metkapopup { width: 19em; display: block}
#popup .metkapopup h5 {margin-top: 0.5em }
.metkapopup h5 span {line-height: 1.3}
.seansecont .metkapopup { margin: 1.5em 0;}
#popup .metkapopup h4 {display: none}



.wybormet {padding: 0.5em 0; }
.wybormet a { padding-top: 0.1em; /** to jest z bugiem transition: filter 0.2s*/  ;  display: inline-block; padding-left: 2.1em; background-size: 1.5em auto; background-position: left center; margin-right: 1.5em; }
.wybormet a:hover { filter: brightness(85%);  }
.wybormet a:last-child { margin-right:0}

/** to może zastosować do wszystkich wystąpien metki ? */

.ilustracja .wybormet {padding: 0px; display: inline-flex; }
.ilustracja .glownametka .metka {padding-top: 0px; background-position: left top; }



.wybormet.wybrana:not(.czerwona) a.mczerwona:not(:hover), 
.wybormet.wybrana:not(.zolta) a.mzolta:not(:hover),
.wybormet.wybrana:not(.zielona) a.mzielona:not(:hover)  {color: #C7C7C7; background-image: url(../nn/css/../img/met/szaradis.svg)}
.edytormetki .usun {clear: both; padding-left: 1.2em; display: inline-block; margin-top: 0.7em; 
background-image: url(../nn/css/../img/krzyzyk.svg); background-size: 0.7em auto; background-position: left 0.1em; color: #373737}
.wybormet.wybrana a:hover { filter: none;}

.metkapopup .zapis {  display: inline-block;  margin-right: 1em; width: 3.5em; padding-left: 1.5em; background-position: left center;}
.metkapopup .zapis.zapisuje {background-image: url(../nn/css/../img/met/zapisujemove.svg); background-size: 0.8em auto;  }
.metkapopup .zapis.zapisano {background-image: url(../nn/css/../img/met/zapisano.svg); background-size: 0.8em auto; }


/**
div.metka{width:100%;padding-top:20px;}
div.metka div.naglowek{color:#3f3f3f;font-size:16px;padding:0px 0px 0px 0px;text-transform:lowercase;}

.m_szara{}
.m_czerwona{background-color:#FF3333;color:#ffffff;}
.m_zielona{background-color:#42CC71;color:#ffffff;}
.m_zolta{background-color:#FFCC33;color:#ffffff;}
*/
a.metkainfo{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABNCAMAAACR1rQAAAAAVFBMVEX///+goKB4eHj///+srKyysrJ4eHj5+fns7OzQ0NCKiorKysqmpqaenp7V1dWgoKCXl5e+vr7ExMR+fn6lpaWEhITh4eHU1NTLy8vn5+ft7e3CwsJeRR57AAAAA3RSTlMAgIAsTd+1AAAAeUlEQVR4Xu3Rtw4EMQhFUXsA5zBx4///5249j9adb3kkhATGdsiarjQUo6d2x+LzTlkZ/0TERhvg2++wSEhwO8eOKI+CuHkeehD9Hf9ms9nioMU4paHIgeSORzgrncr4kxGFVsBXqLAoUcLtFzvE9D0Q13ANPYj6jh8Q5CC3GdI81AAAAABJRU5ErkJggg==) no-repeat;width:20px;height:20px;display:inline-block;margin-left:15px;margin-top:-2px;}
a.metkainfo:hover{text-decoration:none;background-position: bottom center}


/* stary wybór metki - do usunięcia */
div.metka div.opis{padding:0px 0px 7px 0px; font-size: 13px; color: #373737}

.metwybrana {color: #fff; line-height: normal; width: 100%; } 
.metwybrana .komun {color: #fff; font-size: 20px; font-family: PFHandbookProMedium;}
.metwybrana .uo { border:none; padding: 0px; border-spacing: 0px; }
.metwybrana .uol { text-transform: lowercase; color: #fff; }

.metwybrana .uo {  display:none; }
.metwybrana label {margin-left: 0px; display: inline-block; cursor: pointer; position: relative; padding-left: 23px;   font-size: 13px; }
.metwybrana  label:before { content: "";    display: inline-block;  width: 15px;  height: 15px;  margin-right: 10px;  position: absolute;
    left: 0;  bottom: 0px;  background-color: #fff; }
.metwybrana input[type=checkbox]:checked +  label:before { content: "\2713"; color: #000; font-size: 13px;  text-align: center;  line-height: 17px; }
.metwybrana .niem {padding: 6px 0px 8px 0px; font-size: 11px; color: #f0f0f0}
 
div.metka div.wybierz{padding:0px;float:right;margin-left:4px;margin-top:0px;}
div.metka div.wybierz A{margin-left:5px;}
div.metka div.wybierz A img.m{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAeCAMAAADKK8opAAAAdVBMVEX///8AAADuulXcLjF+y3d+y3fcLjHuulV+y3fcLjHuulVmZmagoKDuulXcLjF+y3egoKBmZmagoKBmZmagoKDcLjFmZmbcLjF+y3d+y3fuulXuulXuulXcLjHcLjF+y3d+y3fuulV+y3egoKBmZmbcLjHuulU5JR09AAAAInRSTlMAAEBAQJ+fn2BgYGBggICAn5+AgO/v78/P7+/PMCAwIDAgXcNGogAAATFJREFUeF7t1MduwzAQBFCvJNtqJG3JtaTJ5f8/MRkF9IKaU8IDLx4swMMeHth2Nmjm8pOZz0OzDBp3zUIbf8oQqISqyijUWBQqoV4lVNUY9HAYVUbP51FldL+HGoM6EQeVUCNioBJqRSzUCLQQKbASmolkWAnNRXKsqXea/k7Tv970/zTNRPoofD4lQL8yn0vYeMt93uWfqEwS0YhAX+gLTfBlkg+Hq2YVNG6a9S9agELKyRjMfKOejMHcN6pRVVR82lFV9Mk3UD2qaoCqSqiqAaoqoaoqWroSKqO1qaEyWtkKKqNt10JltOkbqE+0PLojVELrkzlBJbTa2i1UQttNt4FKaLPrd1CfqHOo+UCoMajlg1BrUYs7oV2HWl0J7XvU+pZkpynuNMXrTfFPU02kb0yaZPhoEf6QAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent;width:16px;height:11px;}
div.metka div.wybierz A img.m#zielona{background-position:0px 0px;}
div.metka div.wybierz A img.m#zolta{background-position:-25px 0px;}
div.metka div.wybierz A img.m#czerwona{background-position:-50px 0px;}
div.metka div.wybierz A:hover img.m{filter: brightness(85%);}

textarea.metkat{font-size : 13px; line-height: 130%; margin-top:0px ;margin-bottom:15px;min-height:50px;height:30px;width:100%;color:#ffffff;border:none;padding:8px;}

a.metkaok{color: #fff; height:19px;font-size: 13px; width:67px;display:block; text-decoration:none;padding:5px 0px 5px 0px;text-transform:lowercase;text-align:center;float:right;cursor:pointer; background-color: #fff;}
a.metkaok:hover{text-decoration:none; background-color: #eee; }
a.mok_zielona{  color:#38ae60; }
a.mok_zolta{ color:#d9ae2b; }
a.mok_czerwona{ color:#d12a2a; }

/* koniec starego wybory metki */




/** lista filmów */
.wynikiwysz .pasek {text-align: center}
.wynikiwysz .pasek .metf {width: 25px; margin-left: 40%; margin-left: calc(50% - -0.6em); text-align:center;padding: 6px 0px 0px 0px;margin-bottom:0px; }
.wynikiwysz .pasek .metf img, .wynikiwysz .pasek .metka img#szara{width:25px;height:auto;margin-bottom:-1px;background-image:url(../nn/css/../img/met/szarap.svg)}
.wynikiwysz .pasek .metf img:hover, .wynikiwysz .pasek .metka img#szara:hover{opacity: 0.8}
.wynikiwysz .pasek .metf img#zielona, .wynikiwysz .pasek .metka img#zielona:hover {background-image:url(../nn/css/../img/met/zielonap.svg);}
.wynikiwysz .pasek .metf img#zolta, .wynikiwysz .pasek .metka img#zolta:hover {background-image:url(../nn/css/../img/met/zoltap.svg);}
.wynikiwysz .pasek .metf img#czerwona, .wynikiwysz .pasek .metka img#czerwona:hover {background-image:url(../nn/css/../img/met/czerwonap.svg);}
.seanse img.metka {margin-top: 0.6em; margin-right: 0.3em}
.seanse img.metka, .seanse img.metka#szara{width:21px;height:auto;background-image:url(../nn/css/../img/met/szara.svg)}
.seanse img.metka:hover, .seanse img.metka#szara:hover{background-image:url(../nn/css/../img/met/szarah.svg)}
.seanse img.metka#zielona, .seanse img.metka#zielona:hover{background-image:url(../nn/css/../img/met/zielonap.svg);}
.seanse img.metka#zolta, .seanse img.metka#zolta:hover{background-image:url(../nn/css/../img/met/zoltap.svg);}
.seanse img.metka#czerwona, .seanse img.metka#czerwona:hover{background-image:url(../nn/css/../img/met/czerwonap.svg);}
.seanse img.metka#szzielona, .seanse img.metka#szzielona:hover{background-image:url(../nn/css/../img/met/zielona.svg);}
.seanse img.metka#szzolta, .seanse img.metka#szzolta:hover{background-image:url(../nn/css/../img/met/zolta.svg);}
.seanse img.metka#szczerwona, .seanse img.metka#szczerwona:hover{background-image:url(../nn/css/../img/met/czerwona.svg);}

/** to jest zaktualizowane */

.seanse .metm, a.metka {display: inline-block; transition: all 0.2s; width: 1.6em; height: 2em; background-size: 1.1em auto; background-repeat: no-repeat; background-position: left center; }
.seanse .metm , .seanse .metm#szara, .mszara {  background-image: url(../nn/css/../img/met/szara.svg)}
.seanse .metm:hover {filter: brightness(85%);}
.seanse .metm#szara:hover, .mszara:hover {filter: brightness(60%);}

.seanse .metm#zielona, .mzielona , .glownametka.wybrana.zielona .metka {background-image: url(../nn/css/../img/met/zielonap.svg)}
.seanse .metm#zolta, .mzolta , .glownametka.wybrana.zolta .metka {background-image: url(../nn/css/../img/met/zoltap.svg)}
.seanse .metm#czerwona, .mczerwona, .glownametka.wybrana.czerwona .metka {background-image: url(../nn/css/../img/met/czerwonap.svg)}
.seanse .metm#szzielona {background-image: url(../nn/css/../img/met/zielona.svg)}
.seanse .metm#szzolta {background-image: url(../nn/css/../img/met/zolta.svg)}
.seanse .metm#szczerwona {background-image: url(../nn/css/../img/met/czerwona.svg)}

.glownametka .metka {padding-top: 0.1em }
.glownametka .metka { padding-left: 1.9em; background-image: url(../nn/css/../img/met/szarapelna.svg); background-size: 1.3em auto; background-position: left 0.1em; }
.glownametka.wybrana .metka span.dodm {display: none}
.glownametka span {vertical-align: top; display: inline-block; max-width: 20em; width: 20em;}
.glownametka span.tekstmet.tks { max-height: 6.8em; overflow: hidden; color: #373737; font-size:12px; line-height:1.4}
.glownametka:not(.wybrana) span.tekstmet {display: none}

.glownametka.ciemnetlo .metka {background-image:  url(../nn/css/../img/met/biala.svg); padding-left: 2.2em }
.glownametka.ciemnetlo  span {color: #fff}

.glownametka.ciemnetlo  span.tekstmet.tks {color: #fff}

/** dotąd */

.lista_seansow A img.metka, .lista_seansow A img.metka#szara{margin-top:1px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAbFBMVEX////y8vLx8fG+vr7z8/O9vb2Li4u/v7/ExMTr6+uRkZGenp6kpKTY2NiYmJjf39+Kioq4uLjLy8uMjIze3t7Z2dnFxcWrq6vR0dGwsLCxsbG3t7eQkJDl5eXq6uqWlpbs7Oyfn5+Xl5eqqqqkziUpAAAAAXRSTlMAQObYZgAAAJ1JREFUeF5tjUeOA0EMA0VJHcNE5+zd///RQtu+uQAdVCBB+gGaGE6McFUARO0iwUm//yEBTBQcvuixJCiRBIbyR5aTwpRo/8bih82jnE0FAcBIOSLm25gbkRMT4G1R1rrlWazooAA2OQF/DTWakvdaLVKfurunnjIUiBLTkkfuKe6bzNY+AERx3xeVYWYBm0rVe7/6aZ38NJsB/eAFFiMFvFfVzjIAAAAASUVORK5CYII=);background-repeat:no-repeat;width:18px;height:15px;}
.lista_seansow A img.metka#zielona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPBAMAAAAbqIIhAAAAMFBMVEUAAAD///+Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj5o8ArZAAAAD3RSTlMAAA8fLz9PX2+Pn7/P3+9XU2hcAAAAYElEQVR4Xj3MOw2AQBCE4blyE5oTgogLQnBBjQQ0YIBHS4UCPOCAkEDCa+GW7P7V18zAa6AhVsMh59hh4tK0/bqL6QmiFSl3ohbEi2hGwqPoyhoOut3tpVKdcCBR/8lrL2juU+8m28VZAAAAAElFTkSuQmCC);}
.lista_seansow A:hover img.metka#zielona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPBAMAAAAbqIIhAAAAMFBMVEUAAAD///+Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj6Mxj5o8ArZAAAAD3RSTlMAAA8fLz9PX2+Pn7/P3+9XU2hcAAAAYElEQVR4Xj3MOw2AQBCE4blyE5oTgogLQnBBjQQ0YIBHS4UCPOCAkEDCa+GW7P7V18zAa6AhVsMh59hh4tK0/bqL6QmiFSl3ohbEi2hGwqPoyhoOut3tpVKdcCBR/8lrL2juU+8m28VZAAAAAElFTkSuQmCC);}
.lista_seansow A img.metka#zolta{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAM1BMVEUAAAD////7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylRV3gHCAAAAEHRSTlMAAA8fLz9PX29/j5+vv8/vwCFRFAAAAFpJREFUeF5lzUcOwCAMRNHBoYZ6/9NmYBEs+S+w9CRsOBOk9b8E5lCXKh7qmqY3tIZoajFPvoo6gMCZLhWwPS9VykPKl1aRMLjfXJxiyIPUtCRs8uP+enHImT4CegrHmU5yZgAAAABJRU5ErkJggg==);}
.lista_seansow A:hover img.metka#zolta{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAM1BMVEUAAAD////7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylT7ylRV3gHCAAAAEHRSTlMAAA8fLz9PX29/j5+vv8/vwCFRFAAAAFpJREFUeF5lzUcOwCAMRNHBoYZ6/9NmYBEs+S+w9CRsOBOk9b8E5lCXKh7qmqY3tIZoajFPvoo6gMCZLhWwPS9VykPKl1aRMLjfXJxiyIPUtCRs8uP+enHImT4CegrHmU5yZgAAAABJRU5ErkJggg==);}
.lista_seansow A img.metka#czerwona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAM1BMVEUAAAD////8V178V178V178V178V178V178V178V178V178V178V178V178V178V178V14zYbQMAAAAEHRSTlMAAA8fLz9fb3+Pn6+/z9/vPaaMXwAAAFxJREFUeF5lzkESwyAMBMFFODhYgPb/rw3mEKlKc+zToKSAPv517AoaQ/3Ql7GWya5Is7VJLnEyAcTIx2lgN8jhtF5apDpRa1XS6qHYJ03c2HRHec69qIvKoZL6AeMoCp6MmczfAAAAAElFTkSuQmCC);}
.lista_seansow A:hover img.metka#czerwona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAM1BMVEUAAAD////8V178V178V178V178V178V178V178V178V178V178V178V178V178V178V14zYbQMAAAAEHRSTlMAAA8fLz9fb3+Pn6+/z9/vPaaMXwAAAFxJREFUeF5lzkESwyAMBMFFODhYgPb/rw3mEKlKc+zToKSAPv517AoaQ/3Ql7GWya5Is7VJLnEyAcTIx2lgN8jhtF5apDpRa1XS6qHYJ03c2HRHec69qIvKoZL6AeMoCp6MmczfAAAAAElFTkSuQmCC);}
.lista_seansow A img.metka#szzielona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAB41BMVEXL45Xp8u3t9Pnx9//l89np8uyt0kfp8u7t9PrY6rugyirq8vDq8/Hq8/Dl89rq8+3r8/Dl8tnp8+ys00fY67rp8+7u9fvx9/3s9PTS5azq8vGsz0qpzUjq8vPK5orY6rrR5qjp8e7S5a3d8Lzv9/jz9/+v1FDj8s+q0T/J4pDo8unZ76zT56vV66mt00fs9PW11GjC33rt9Pi+23jU6a6n0TCjyzPO55Pe7c3C4Xjt9++lyz3X7LWu1kO+3W6q0z/H4oa11V/B3n7u9fjs9PDq9PDu9vWs0zro8uzq9Oav0lPn8uPk8tji8Meu1keozEXn89+v1kbw+vHt8/Ls9e7t9u7G4YXU6K/b77jC4Xrs9uzr9fDj8s7y9v+12VXJ44zt9u2ozEfp8vDm9Nrc7Mi73WKx1U241mXN55PL45bw+PmozkLN5Zby9//Y6ryw10Tt9vDN5Zzj887q9+HP6ZHw9/+ozETt9Pfq9erq8/Kx1FPr8/Ww1k+x1VLN5ZPt9ffW7KrD3Yi723So0zbd7czT6q7M5JfX6rjp8+Ds8/fp8+br9eut0kju9fzt9fWeyCbr9PDm893n896u1kGiyjG/23Xm89vV6aTt9e6ozjqm0Szp9Oaw1kjr9PGw1kXu9f3s9POfHs4kAAAA90lEQVR4XjXMY7MDQRiE0XnXG9u6tm3btm3btu37UzObmjwfT3U1Ap4v+fHVpTHqAHQsgmL18JlBnHUbxPRIDeBQ00lZHhfLXXN6fUp4t0Wi9dCkIRXDMKqHx+qd7SslC+iyoa3IhovL7Jx8/cidHwT09R0ore+PxzYP+mtkfbc8Jus/gDPM/rIwlUDHZAVtEUr0fLbQUQPamd5CgdBF8tFS43JdffBoK0VIcV7giH9OM+evLm7475VVuxnZ5re7fSoAVdRGrwiCQJnonpB22fgeAHo/rJyeQFKnEakdpUZMCu3I06+vuRxXsxwwsXLTzR9pTV2OyQt+BEcRkEbauQAAAABJRU5ErkJggg==);}
.lista_seansow A img.metka#szzolta{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAACHFBMVEXr8uXp8u3p8u7v8tHp8u/p8/Do9PXp9PTo9Pfp9PP32Urq9vzq8e3x6rPo8vLw6rPw67Pv8tDq9PPp8/L42Eru6rj32Erp9Pbt9Onx4ITv3X/o8vTr9PHt2GDr8uTr8/Dt1Fjv6K/t8+rt1Fnx00Tt5rDt8uXt33/p8+3p9vfo8u3w5Y/v1E/w6anz1Ejv0Uzu45jr8+P13WTv5aHu5KHq8u7u5KDs89/s9vT03XDv1VDz0j3x44bq8fPz213q8vXq9PLz7KT0107r9Ovv78rr8+nt5aDo9Pn21Dfp9fTr9vrx7MD42EX12FH21kXw7sXr9vbp9frw6azr9vzo9//s9/jx0UPs8Nny0DTx6KLo8/Pw5qjn9fjw0kbx7bTu8Nft8dfx0ULz2V3s1Ffv5KL41Dzs9/L42Eno9PL110fz33zq9PTr8+3y0kHp8+zs8+Pp8/Hp8+/s9PDp9PDu5q/xzy7v8M3p8/Pv8tLy1lP42lPs8eDu5KPr7cv03nbv5KHy5pHv3XPw7L/60i7o8+zx6qfx44ro8vDt01nv5Z/p9PL110zs1Vfn9fnw56js1Fnp8+7y5Izy4Hft8dz32Efy0Dnw6rHr9fPxzS3p9Pny3XPx4YXs9/Xs8+Lx00bu8Mzs1Vjp8+v010j0zy3u5aHo8vP210nw7rjw8s301kfv1lrw8Mnv5Jrv57Lw5Zbr8e3u5q7p9PX010fq9PGl88n7AAABDklEQVR4XiXPQ7dDYQyG0eQ7qn1p27Zt27Zt27Zt/MF72j6Z7ZXJC3izrdbX3B0gIYgIKLSaPVRIFVK5PA3UvHTCam5D6Na63bV13XKHZzyLOA8JI6fPFKVUKqnht9gMWwYRLDM/TmQRMjOOG8qpDgsxpwnAbb+KRuybiHw06c26W0wh4PP7rULXhyt3U7/LSfFCzVMUgJawvGzOWBzjVZU/2poEXS08OQtski8apyv2XNbONnRfX7gUVGtvUfyZF144WMqTQxshhBl7dzJILTn2ECA4vmxm//FFB58XVA64GRGEuJnXlfrEqUD/+3Hvg90jGiXAFPmma0QaQ42oaX+nndbN7uFY9kd/QtT2D+jPSTaKvMwxAAAAAElFTkSuQmCC);}
.lista_seansow A img.metka#szczerwona{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAACN1BMVEXs+fXp8u34dFHt8Onp8+zq///o/fvruqvlaUXq8u3o8+/mwbHkakXp8+vo/vzv597p8uzu7OTlwrHmwbLo8u3o9PDq9O/p+vblwrLvs57st6Tq+vjpa0Xo8+7fSiLrWjXvzr3kXDf4ck/kWjPs9vDp8+3q8u7o+PTq8e3t8+zjXDfq+fbp9O/ht6TkakfukHPpTyjltaLv7+rp///z0sHuy7zs8+73dFHo9fLpp5Lw+vTs9vHnwq7s7OXu9/Ht9fHu9fDu//zo+/nt//3t///t/fzlbUzsjHDp9vLs1crs+/jekXjurJXp9PDTY0Hv6+TqnYbru63t+PPpa0fvsp3suazsuqvt7ufs/Pnx8urwm4Dt7+nlv6/icE3reFnkaUXv7OPzoIjfVjDo+/ju8uvqZULt7+jx8ujrYj7pZ0PpZD7p8+7uspztz7/t+fTw4dbmeFro+PX0oYjpXjfp+PTu4dfu7OPq+vfy8+zu+PXpbEXu8Ob7elrr+PPp+fXyvKjrc1LxjHXs49vp8e3WXjvhTCTsva7obErmZ0Pt1Mbs9/TpbEblwrPVWjf5XTbq/Pn00sDt7OTobEfu8+3t9vHt4NP0flvy49jlaUbvUyvr9vHy7ubu//7vTiTngGLv08Xp5d3wtKDo8+3p+/jutaXr+vXq9/PttJ3skXXu7+n4c1HmVC7p0sPhdVXaXjvsknTdYDzr2c7r+fX1gF/o//3w9vDrcU7o/fzpbEfn//7zn4bs9/Lq9PChS+LlAAABFElEQVR4XiXIw2IlARAAwO7RoxHatm3btm3btm3b2P24TJI6FlA27eLPPy/H1Ughgprv+ZoRQRBXhPtzjRuf4iH4Rc9mNX39KLTXSwkd5plCduVhyDvDMGJneidm1EAbES67Ep9EiHyTG5+DwIui1UYRkNMckKLZcsJd3ENtRkOYkwrIJQ4g9rk6uJTfj792V2kGAfnBOUUsPpkLphdGWumewXm2UsECzfeNHR/fBjrrrfqtgUxOA8SjFVvDzVtJR8Wety6U6YxFqWJVHnWyoQCvvNLtCATLXM9MWVtB/GI6WRJ+vd6CCKC1O7Eh5Aq5+XbN+pPqyBb6R+YI5Aq5QkMwIzlTUlIKULmVNPXvV+9/JbK+AcuZUlxKV7QiAAAAAElFTkSuQmCC);}
div.metkapub{width:180px;display:block;color:white;border:none;padding:4px;margin:1px 0px 1px 0px;}
div.metkapub#k0{background-color:#98cb00;}
div.metkapub#k1{background-color:#168cba;}
div.metkapub#k2{background-color:#fe9900;}
.metka_publiczna .ozn {padding: 6px 15px 5px 0px; vertical-align: top; width: 16px; float: left; clear: both;}
.metka_publiczna .ops {padding: 5px 5px 5px 0px; width: 80%; overflow: hidden; float: left; line-height: 135%} 

A.info#beztekstu:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRFtdCUaaAp3+vSX5kZlLtm9fnxirRXv9akn8J2qsmFf61H1eTC////VJIKxXOZEgAAAEhJREFUCNdjuAsGFxjuWuzWZgbRa86cOQ2il7LxnFkLpO/evXQmF0z7HJUF0YvOhIHk7845bguhT4L135VaeBeF770FQoPNBwA2UkLrWxDvbQAAAABJRU5ErkJggg==);color:white;background-color:#666666;}

.metkaof .duzametka { display: block; padding: 7px 0px; }
.metkaof .duzametka IMG {float: left; margin-top: 10px;}
.metkaof .duzametka .op {padding-left: 6%; display: inline-block; color: #373737; font-size: 12px; line-height: normal  }


.paskim div.pasekm, .paskim div.pasekmsz{float:left;display:block;height:17px;margin-right:9px;clear:both;margin-bottom:5px;margin-top:1px;cursor:pointer;}
.paskim div.pasekmc{overflow:hidden;}
.paskim span{font-size:13px;}
.pasekm#ziel , .pasekms#ziel{background-color:#42CC71}
.pasekm#zol , .pasekms#zol{background-color:#FFCC33}
.pasekm#czer , .pasekms#czer{background-color:#FF3333}
.pasekmsz#ziel{background-color:#cfdfba}
.pasekmsz#zol{background-color:#ede0c0}
.pasekmsz#czer{background-color:#edc1c3}
#metkapubkom{clear:both;padding-top:10px;padding-bottom:3px;}
#metkapubkom a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUBAMAAABCNWFYAAAAD1BMVEUAAAD///+zs7MAAABmZmZhShWpAAAAA3RSTlMAAECMqoVOAAAAO0lEQVR4Xl2KwQ0AIAgDL4EFjCs4AGxg3H8oQcLHNrl7tGzQaPosQE9jK2+oy4j8MJBo2icg3jChhrxcDjQFAtOqXFQAAAAASUVORK5CYII=) no-repeat 0px 3px;width:8px;height:8px;margin-left:5px;}
#metkapubkom a:hover{background-position:0px -9px;}

@media screen and (max-width:650px) {
	.glownametka.wybormet .metka {display: block; position: relative ;width: 100%; box-sizing: border-box;}
  .glownametka span {max-width: calc(100% - 2em); width: calc(100% - 2em)}
  .ilustracja .glownametka span {max-width: 15em; width: auto;}
  .wynikiwysz .pasek .metf {margin-left: 0px}
}
  
@media screen and (max-width:550px) {
 #popup .metkapopup {width: 100%}

}.fullscreentlo {
 position: fixed; display: block;
 height: 100%; left: 0; top: 0; width: 100%;
 background-color: transparent;
 visibility: hidden;
 -webkit-transition: background-color 0.2s ease-in 0.1s, visibility 0s  linear 0.2s;
 transition: background-color 0.2s ease-in 0.1s, visibility 0s linear  0.2s;
 z-index: 10021;
 
}
.fullscreentlo.is-active {
  
  visibility: visible; background-color: rgba(0, 0, 0, 0.95);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  overflow: hidden;
}

.kdvote {
  --margh: 2em;
  --margv: 2em;
}
.kdvote, .kdvote * {color: #fff}

.kdvote .lisek {display: block; background-image: url(../nn/vod/../img/vod/lisek2.svg); width: 20em; height: 13em; background-size: contain; 
  position: absolute; bottom: 0px;left: var(--margh);}
  
.kdvote .tytfilm {left: var(--margh); top: var(--margh); position: absolute; max-width: calc(100vw - 4em)}
.kdvote .tytfilm h1 { margin-top: 0px; }   
.kdvote .closeb {right: var(--margh); top: var(--margh); position: absolute; display: block; width: 2em; height: 2em; background-size: 0.8em 0.8em; background-position: right center;
  background-image: url(../nn/vod/../img/krzyzykb.svg); }

.kdvote .twojaocena {xfont-size: 0.9; display: block; text-align: center;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.kdvote .twojaocena .labl {display: block; margin-bottom: 1.4em}
.kdvote .twojaocena .muszki {display: flex; align-items: center; align-content: center; }
.kdvote .twojaocena .muszki .m {cursor: pointer; display: inline-block; padding-right: 1.3em; background-image: url(../nn/vod/../img/vod/muszka.svg); background-position: left center; width: 3em; height: 2em; background-size: contain;}
.kdvote .twojaocena .muszki .ocena {margin-left: 0.6em}
.kdvote .twojaocena .muszki .m.h {background-image: url(../nn/vod/../img/vod/muszkaf.svg);}
.kdvote .twojaocena .muszki:not(.h) .m.s {background-image: url(../nn/vod/../img/vod/muszkaf.svg);}

.glosujb {margin-right: 2em;  display:inline-flex; align-items: flex-start; transition: filter 0.2s;  }

.glosujb .ic { display: inline-block; margin-right: 1em;  background-image: url(../nn/vod/../img/vod/glosuj.svg); width: 1.3em; height: 1em; background-size: auto 0.95em; background-position: left top; }
.glosujb.notyet { xcursor: default; xfilter: brightness(80%); }

@media screen and (min-width: 1400px){
  .glosujb .ocenafilmu, .ilustracja .glownametka .metka { padding-top: 0.06em}
}

.glosujb:not(.xnotyet):hover  { filter: brightness(80%);  }
.glosujb.se .ic {  background-image: url(../nn/vod/../img/vod/glosujf.svg); }
.glosujb span {color: #fff}

@media screen and (max-width:650px) {
  .kdvote { --margh: 1em; --margv: 1.7em; }
  
}