.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}
}