.wdomu #logo {
  background-image: url(../nn/vod/wdomu/../../img/wdomu/wdomu_nagl.svg);background-size: auto 6em; height: 7em; width:25em;
}
.wdomu  header .logom { background-image: url(../nn/vod/wdomu/../../img/wdomu/wdomu_nagl_pasek.svg); background-size: auto 1.6em} 

.wdomu .udm a, .wdomu .udm a:link,.wdomu .udm a.nohref {}


h1.wkw { font-family: 'wkw_displaylarge', Arial, sans-serif;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  color: var(--wkw-color);
  font-size: 3.62em;letter-spacing: 0.04em;
  padding:0px; margin: 0.45em 0px;
  hyphens: manual;
  }
.main-ev h1.wkw {font-size: 3.9em; margin-top: 0px}
.main-ev .wkw .lo {font-size: 120%}  
h2.wkw {font-family: 'wkwextrabold', Arial, sans-serif;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; color: var(--wkw-color); 
  text-transform: uppercase;  letter-spacing: 0.13em; line-height: 1.5em; font-size: 1.5em; text-align: left; padding: 0px; margin: 1em 0px;}

.wkwikons { width: 8em; height: auto; display: block; margin: 1em 0px;}

.waznelinki.gr {float: right; margin-right: 0px;}
.waznelinki .wwdomu {display: none}

@media (max-width: 800px) {
.wdomu #logo {background-image: url(../nn/vod/wdomu/../../img/wdomu/wdomu_nagl_mob.svg);background-size: auto 5em; height: 6em; width:13em; }
#naglowek .back {display: none}
}

.main-ev {position:relative;  }
.main-ev-box {position: relative } 
.main-ev-box .il {background-image: url(../nn/vod/wdomu/../../img/wdomu/koreanki_big.jpg); }
.main-ev-box .il {position: absolute; top: 0;  bottom: 0; height: auto; width: 100%; background-color: #000;
    background-size: cover;  background-position: center center;  background-repeat: no-repeat;  
    z-index: 1; }

.main-ev-box:after {
    padding-top: 40%;
    display: block;
    content: '';
}
.current-ev-box.main-ev-box:after {    padding-top: 40%; }

.main-ev-box.fixed-height {height: 43em}
.main-ev-box.fixed-height:after {display: none; }


@media (max-width: 2000px) {
  .main-ev-box.fixed-height {height: 36em}
 .current-ev-box.main-ev-box:after {    padding-top: 40%; }
 .current-ev-box.sono.main-ev-box:after  { padding-top: 43%; }
} 
@media (max-width: 1300px) {
 .current-ev-box.main-ev-box:after {    padding-top: 50%; }
 .current-ev-box.sono.main-ev-box:after {    padding-top: 50%; }
} 
@media (max-width: 800px) {
 .current-ev-box.main-ev-box:after  {    padding-top: 60%; }
 .current-ev-box.sono.main-ev-box:after  {    padding-top: 60%; }
}    

.main-ev.drugi {margin-top: 5em}

.main-ev-box .cien { 
  background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8) 50%,rgba(0,0,0,1) 100%  );
  position: absolute; top: 50%;  bottom: 0; height: auto; width: 100%; background-color: transparent;
  z-index: 2;
}
.main-ev-box .cien.brzeg {
  top: 0px; width: 60%;
  background-image: linear-gradient(90deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.4) 50% ,  rgba(0,0,0,0) 100% );
}

.main-ev-box .cien.dol {
  background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6) 100%  );
}
.main-ev-box .cien.gora {
  background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0) 100%  );
   top:0px;  bottom: 70%;
}
  
  
.main-ev-box .lo {
  display: block;
  position: absolute; bottom: 12%; left: 5%;   height: 90%; width: 80%; background-color: transparent;
  background-position: left bottom;
  
  z-index: 3;
}
.main-ev-box .dop {
  display: block;
  position: absolute; top: 8%; left: 6%; height: 6em; width: 80%; background-color: transparent;
  background-position: left top;
  background-size: 20vw auto; 
  z-index: 3;
}
.main-ev-box.koreanki .lo { background-image: url(../nn/vod/wdomu/../../img/wdomu/koreankil.svg); background-size: 30vw auto;  }
.current-ev-box.main-ev-box .lo {bottom: 20%; }

.main-ev-box.sono .il{background-image: url(../nn/vod/wdomu/../../img/wdomu/sono_big.jpg); }
.main-ev-box.sono .lo {background-image: url(../nn/vod/wdomu/../../img/wdomu/sonoil.svg);  background-size: 25vw auto;}

.main-ev-box + .main-ev-box {margin-top: 3%}
.main-ev-box.drogi .il {background-image: url(../nn/vod/wdomu/../../img/wdomu/drogi_big.jpg); background-position: bottom center}
.main-ev-box.drogi .lo {background-image: url(../nn/vod/wdomu/../../img/wdomu/drogiil.svg); background-size: 35vw auto;}

.main-ev-box.jinpa .il {background-image: url(../nn/vod/wdomu/../../img/wdomu/jinpa_big.jpg); background-position: center center}
.main-ev-box.jinpa .lo {background-image: url(../nn/vod/wdomu/../../img/wdomu/jinpa_il.svg); background-size: 35vw auto;}

.main-ev-box.wkw .il {background-image: url(../nn/vod/wdomu/../../img/wdomu/wkw_bign.jpg); background-position: center center}
.main-ev-box.wkw .lo {background-image: url(../nn/vod/wdomu/../../img/wdomu/wkw_iln.svg); background-size: 35vw auto; background-position: left top; top: 12%; bottom: auto; left: 8%}
.main-ev-box.wkw .dop {background-image: url(../nn/vod/wdomu/../../img/wdomu/wkw_dop.svg); background-position: left top; background-size: 15vw auto; bottom: 12%; top:auto;left: 8% }
.main-ev-box.wkw .lo {background:none; top: 12%; bottom: auto; left: 8%}



.main-ev-box.groza .il {background-image: url(../nn/vod/wdomu/../../img/wdomu/groza_big.jpg); background-position: center center}
.main-ev-box.groza .lo {background-image: url(../nn/vod/wdomu/../../img/wdomu/groza_il.svg); background-size: 30vw auto;}

.main-ev-box.festiwal .il {background-image: url(../nn/vod/wdomu/../../img/wdomu/festiwal_big.jpg); background-position: center center}
.main-ev-box.festiwal .lo {background-image: url(../nn/vod/wdomu/../../img/wdomu/festiwal_il.svg); background-size: 35vw auto;}

.main-ev-box.springtide .il {background-image: url(../nn/vod/wdomu/../../img/wdomu/springtide_il.jpg); background-position: center 20%}
.main-ev-box.springtide .lo {background-image: url(../nn/vod/wdomu/../../img/wdomu/springtide_il.svg); background-size: 27vw auto;}

.main-ev-box.springtide .dop {background-image: url(../nn/vod/wdomu/../../img/wdomu/springtide_gp.svg);}




.main-ev-box .przycisk-link {  position: absolute; bottom: 20%; right: 7%;  z-index: 3 }
.main-ev-box .przycisk-link.do-lewej {  right: auto; left: 8%;  z-index: 3 }

.main-ev-box.bez-dolnego-cienia .przycisk-link, .current-ev-box.main-ev-box.bez-dolnego-cienia .lo { bottom: 15%}

.sekcjai { background-color: var(--wdomu-kolor) ;}
.boxfilmu .ico-sekcji { display: none}


.ilefi { color: #fff; margin-bottom: 3em}


@media (min-width: 2000px) {
	.program-cyklu {margin-top: -3em; z-index: 5; position: relative;}
}

.program-cyklu.bez-cienia {margin-top: 2em}

.przycisk-cont {display: flex; justify-content: center;}

.programy {text-align: center; padding-top: 4em; padding-bottom: 4em;}

.inf {color: #fff}
.staly-repertuar {}

.staly-repertuar h1 { margin-bottom: 0.4em}
.staly-repertuar .ilefi {margin-top: 2em;}

h1.heur a { color: #fff}

h1.heur a {transition: transform 0.2s;}
h1.heur a:hover {transform: translateX(0.2em)}

.patroni *  {color: #fff}
.patroni {text-align: center; padding: 9% 10% 11% 10%}
.patroni .logotypylista .logotyp {margin-right: 1.5em; margin-left: 1.5em}



.wkrotce, .zakonczone {margin-top: 5%}
.wkrotce h1, .zakonczone h1  { margin-bottom: 1.5em}

@media (max-width: 1200px) and (min-width: 700.0001px) {
  .main-ev-box .przycisk-link { font-size: 80%}

}


@media (max-width: 700px) {
  
  .main-ev h1.wkw {font-size: 4.2em; margin-top: 0px}
  .main-ev .wkw .lo {font-size: 100%}  
  .main-ev-box.wkw .il {background-image: url(../nn/vod/wdomu/../../img/wdomu/wkw_sm.jpg); }
  
  .main-ev-box .il {background-image: url(../nn/vod/wdomu/../../img/wdomu/koreanki_mob.jpg); }
  .main-ev-box .cien.brzeg {width: 100%;  background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.5) 100%  );}
 .main-ev-box .lo  { background-size: 20em auto; }
  .main-ev-box.sono .lo  { background-size:17em auto; }
  .main-ev-box.drogi .lo { background-size: 25em auto; }
  .main-ev-box.jinpa .lo { background-size: 25em auto; width: 90%}
  .main-ev-box.festiwal .lo { background-size: 25em auto; width: 90%}
  .main-ev-box.groza .lo { background-size: 19em auto; width: 90%}
  .main-ev-box.springtide .lo { background-size: 25em auto; width: 90%}
  .main-ev-box.koreanki .lo {  background-size: 19em auto; width: 90% }
  .main-ev-box .dop  {  background-size: 22em auto; width: 90% }
  .main-ev-box:after {display: none; }
  .main-ev-box {height: 40em}
  .main-ev-box .przycisk-link {bottom: 1%;  white-space: nowrap; }
  .main-ev-box .przycisk-link:not(.do-lewej) {left: 50%; right: auto; transform: translateX(-50%);}
  .main-ev-box.bez-dolnego-cienia .przycisk-link { bottom: 8%; }
  .main-ev-box .lo { bottom : 18%}
  .current-ev-box.main-ev-box.bez-dolnego-cienia .lo, .main-ev-box.bez-dolnego-cienia .lo  {  bottom: 27%; }
  .main-ev-box.wkw .lo , .main-ev-box.bez-dolnego-cienia.wkw .lo { bottom: auto; top: 8%}
  
  .program-cyklu {margin-top: 2em}
  .main-ev-box .cien {background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8) 70%,rgba(0,0,0,1) 100%  ); xdisplay: none} /** do zastanowienia jeszcze, w kinie drogi dobrze robi */
  .przycisk-cont {margin-top: 5%}
}  
@media (max-width: 550px) {
 .main-ev-box.drogi .lo {background-image: url(../nn/vod/wdomu/../../img/wdomu/drogiil_waski_p.svg); }
 
}

.section-view .cyklopisn , .section-view .heder.znoopisem .tytul, .section-view .heder.znoopisem .nagl {text-align: left;  margin-left: 0px}
.section-view .heder.znoopisem > .m {padding-left: 0px}

.cyklopisn.ilus { }

.sekcjai.koreanki { background-image: url(../nn/vod/wdomu/../../img/wdomu/koreanki_ico.jpg); background-color: transparent; background-size: cover}
.sekcjai.sono { background-image: url(../nn/vod/wdomu/../../img/wdomu/sono_500_sq.jpg); background-color: transparent; background-size: cover}
.sekcjai.repertuar { background-image: url(../nn/vod/wdomu/../../img/wdomu/repert2_500_sq.jpg); background-color: transparent; background-size: cover}
.sekcjai.kinodrogi { background-image: url(../nn/vod/wdomu/../../img/wdomu/drogi_ico.jpg); background-color: transparent; background-size: cover}
.sekcjai.jinpa { background-image: url(../nn/vod/wdomu/../../img/wdomu/jinpa_ico.jpg); background-color: transparent; background-size: cover}
.sekcjai.wkw { background-image: url(../nn/vod/wdomu/../../img/wdomu/wkw_ico.jpg); background-color: transparent; background-size: cover}

.sekcjai.groza { background-image: url(../nn/vod/wdomu/../../img/wdomu/groza.jpg); background-color: transparent; background-size: cover}


.wdomu .cyklopisn .ozn-sekcji {margin-top: 3em; margin-bottom: 3em; font-size: 80%}
.wdomu .cyklopisn .sekcja-daty {display: block}
.wdomu .cyklopisn .ozn-sekcji {max-width: 22em; margin-left: 0px; margin-right: auto; padding-left: 3em; box-sizing: border-box;}
.wdomu .cyklopisn.ops {width: 100%; }

.wdomu .content.zkaflami .heder.znoopisem {flex-basis:  100%}
.wdomu .content.zkaflami .heder.znoopisem {padding-left: 4%; padding-right: 4%; xpadding-bottom: 1em}


.section-view:not(.wkw) .cyklopisn.ilus , .section-view .heder .tytul, .section-view .heder .nagl {padding-left: 0px; padding-right:0px; margin-left:auto; margin-right: auto; width: 100%; max-width: 1300px}




.section-view .heder .tytul h1 {text-transform: none;}
.wdomu .cyklopisn .ozn-sekcji .ico-sekcji { width: 16em; height: 16em}
.wdomu .ozn-sekcji {position: relative}
.wdomu .ozn-sekcji .sekcja-daty { position: absolute; z-index: 2; font-size: 97% }
.wdomu .ozn-sekcji .sekcja-daty {}
.wdomu .ozn-sekcji .sekcja-daty-1 {bottom: 4.5em; left: 0.5em;} 
.wdomu .ozn-sekcji .sekcja-daty-2 {bottom: 2.4em; left: 4em}
.wdomu .ozn-sekcji .sekcja-daty-1.krotsze { left: 2em}
.wdomu .ozn-sekcji .sekcja-daty-2.krotsze { left: 5.5em}

.wdomu .ozn-sekcji .ozdb {z-index: 2	; position: absolute; background-image: url(../nn/vod/wdomu/../../img/wdomu/sekcja_ico_ozdb.svg); width: 19.14em; height: 16em; background-size: 19.14em auto; top: 1em; right: 0px }
.wdomu .ozn-sekcji .cien {z-index: 1; position: absolute; width: 24em; height: 17em; top: -0.4em; left: 0px;
 background: rgb(0,0,0,0.2); 
 background: linear-gradient(38deg, rgba(0,0,0,0.87) 0%, rgba(0,0,0,0.27) 39%, rgba(0,0,0,0) 61%, rgba(0,0,0,0) 100%);
}
.wdomu .ozn-sekcji.wkw .ozdb { display: none}
.wdomu .ozn-sekcji.wkw  {padding-left: 0px; text-align: left; margin: 1em 0px;}
.wdomu .ozn-sekcji.wkw .ico-sekcji {width: 10em; height: 10em }

.wdomu .cyklleadn {font-size: 1em; xfont-weight: 300; letter-spacing: normal; }
.wdomu .cyklleadn, .wdomu .cyklmore { font-size: 1em; max-width: 35em; margin-left: auto; margin-right: auto; text-align: left }  
.wdomu .wkw .cyklleadn,  .wdomu .wkw  .cyklmore {margin-left: 0px; padding-left: 0px; max-width: 45em}


@media screen and (max-width:900px){
 .wdomu .cyklmore  { padding: 0px 2% }
 .wdomu .cyklmore a { font-size: 11px;}
 
 .section-view .cyklopisn, .section-view .heder .tytul, .section-view .heder .nagl { text-align: center}
 .wdomu .cyklopisn .ozn-sekcji { margin-left: auto;}
 .wdomu .cyklopisn .ozn-sekcji.wkw {margin-left:0px}
}
.wdomu .cyklmore {margin-top: 0px; margin-bottom: 2em}
.wdomu .cyklmore A {xfont-size: 80%}
.wdomu .cyklopisn .kup { display: flex; padding-top: 1.5em; padding-bottom: 1em ; justify-content: flex-start;}
.wdomu .przycisk-cont {margin-top: 1.5em}
.wdomu .przycisk-cont.na-dole {display: flex; margin-bottom: 6em}
.wdomu .koltekstfilm .ozn-sekcji {display: none}

.programstr .kafle .boxfilmu .infob .dol {margin-top: 0px}
.kafle .boxfilmu .infob {padding-bottom: 0.9em}