.cufon-loading { visibility: hidden;  }
body.wait, body.wait *{  cursor: wait !important; }

@font-face{ 
  font-family: 'Miso';
  src: url('font/miso-regular-pl-webfont.eot');
  src: url('font/miso-regular-pl-webfont.eot?#iefix') format('embedded-opentype'),
       url('font/miso-regular-pl-webfont.woff') format('woff'),
       url('font/miso-regular-pl-webfont.ttf') format('truetype'),
       url('font/miso-regular-pl-webfont.svg#webfont') format('svg');
}
@font-face {
    font-family: 'Heuristica';
    src: url('font/Heuristica-Regular.eot');
    src: url('font/Heuristica-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Heuristica-Regular.woff2') format('woff2'),
        url('font/Heuristica-Regular.woff') format('woff'),
        url('font/Heuristica-Regular.svg#Heuristica-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Heuristica';
    src: url('font/Heuristica-Italic.eot');
    src: url('font/Heuristica-Italic.eot?#iefix') format('embedded-opentype'),
        url('font/Heuristica-Italic.woff2') format('woff2'),
        url('font/Heuristica-Italic.woff') format('woff'),
        url('font/Heuristica-Italic.svg#Heuristica-Italic') format('svg');
    font-weight: normal;
}

.marginesy, header .cont {padding: 0px; }

.roboto-head, .roboto-label {  font-family: Roboto; font-weight:300; line-height: 1.6em;  font-size: 0.54em; text-transform: lowercase; letter-spacing :0.1em }
.roboto-label {  text-transform:none; letter-spacing :0.07em }
.subheader { font-size: 0.66em; letter-spacing : 0.06em; font-weight:300;line-height: 1.6em;  }

@media screen and (max-width:1100px){
  
  .roboto-head, .roboto-label { font-size: 11.2px}
}
@media screen and (max-width:600px){
  .subheader {font-size: 12px}
}   

input[type="radio"], input[type="checkbox"] { border: 0px !important; }
body {
	background-color:#111; 
  font-family: Roboto, sans-serif;
  font-size: 16px ;
  font-weight: 400;
  line-height: 145%;
  color: #000000;
}
td,table { font-family: inherit;font-size: inherit;font-weight: inherit; line-height: inherit; }
INPUT, SELECT, textarea, input[type="text"], LABEL {
  font-family: Roboto, sans-serif;
  font-size: 90%;
  line-height: normal;
  color: #000000;
}
body {width: 100%; height: auto; overflow-y: scroll; margin: 0px; padding: 0px }
a, a:hover, a:active, a:focus { outline: 0; }
*, *:before, *:after { background-repeat: no-repeat;}
button:focus { outline: none; }
input::-moz-focus-inner { border: 0; }
P {   margin-top: 0px;  margin-bottom: 0px;  padding-bottom: 4px;  padding-top: 4px; }
p, span {
  text-rendering: optimizeLegibility;
  font-family: Roboto, sans-serif;
  font-size: inherit;
  line-height: inherit;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  font-weight: inherit;
}
.tekst p, .tekst span, .tekst div { font-size : inherit !important; line-height: inherit !important }
strong, b {font-weight: 500}

.tekst IMG.dopasuj {
   max-width: 100% !important;
   height: auto  !important;
}



.yumpu-embed-container { position: relative; padding-bottom:56.25%; height:0; overflow: hidden; max-width: 100%; } 
.yumpu-embed-container iframe, .yumpu-embed-container object, .yumpu-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}




div.podkoltekst { clear: both; height: 2em;  }

.issuuembed {width: 550px; height: 391px;}

.ac {  font-size: 90%; color: #ffffff;  background-color: #c5c5c5;border-top: 1px solid #C1C1C1;bottom: 0;left: 0;right: 0;width: 100%;z-index: 1000; box-sizing: border-box; padding: 1em 2em}
.ac .i div {color: #333333;}
.ac .i .h {xmargin-bottom: 0.5em;}
.ac .i {margin-left: auto; margin-right: auto; }
.ac a {text-decoration: underline; color: #666;}
.ac a.k {float: right; margin-right: 0px;}


 input[type="checkbox"].ncheckbox {  display:none; }
 
input[type=checkbox].ncheckbox + label { width: auto; float: none;  margin-left: 0px; display: inline-block; cursor: pointer; position: relative; padding-top:0; padding-bottom: 0; margin-bottom: 0; padding-left: 2em; font-size: 1em   }
 input[type=checkbox].ncheckbox + label.giodo { font-size: 0.9em}
input[type=checkbox].ncheckbox +  label:before { content: ' '; display: inline-block;  xbox-shadow: 0 0 0 1px rgba(0, 0, 0, 1); width: 1em;  height: 1em;  margin-right: 0.5em;  position: absolute;
    left: 0;  bottom: 0px;  top: 50%;  transform: translateY(-50%); background-color: #fff; border: 1px solid #000; }   
input[type=checkbox].ncheckbox:checked +  label:before { content: " "; ; color: #000; background-color: #000; text-align: center;  line-height: 100% }



img.portret {float: right; margin: 10px 0px 15px 15px; height: auto; width: 30% !important; }

a img {border: none; }
a {border: none; color: #808080; text-decoration: none; font-size: inherit; font-weight: inherit;}
.tekst A, .lead A { color: #000; text-decoration: underline;}
.tekst A:hover, .lead A:hover { color: #808080; text-decoration: underline;}
a:active, a:focus { 
 outline: none; 
}
a:hover {border: none; color: #000000; text-decoration: none;}

a.strzalka {text-decoration:none; background-image: url(../img/strzalka.svg);
 background-position: left center; background-repeat: no-repeat; padding-left: 1.3em; background-size: auto 0.5em}
a.strzalka:hover {text-decoration:none; background-image: url(../img/strzalkah.svg);
 }

a.pobierz {text-decoration:none;background-image: url(../img/pobierz.svg);
 background-position: left center; background-size: auto 0.9em; background-repeat: no-repeat; padding-left: 1.3em;}
a.pobierz:hover {text-decoration:none;background-image: url(../img/pobierzh.svg); }

.tekst .seans {text-decoration:none; background-image: url('../img/koszyk.svg'); background-repeat: no-repeat;  background-position: left center; background-repeat: no-repeat; padding-left: 1.3em; background-size: auto 0.9em; }
.tekst .seans:hover {background-image: url('../img/koszykh.svg');}


h1, h2, h3, h4, h5, h6 , .wyroznienie, .wyroznienied, .glowek, .n20, .wyroznieniem, .f5, .f6 {font-family: Miso;  text-transform: uppercase; color: #000; font-weight: normal;margin:0px ; line-height: normal; }
/** H1, H2, H3, h4, h5, h6 {margin: 0px; padding: 0.8em 0px;} */
h4 { font-size: 170%; padding: 0px 0px 0.15em 0px; margin-bottom: 0.15em }
h3 { font-size: 180%; padding: 0px 0px 0.7em 0px; }
h2 { font-size: 190%; padding: 0px 0px 1.5% 0px;  }
h1 { font-size: 240%; padding: 0.24em 0px 0.24em 0px ; margin-bottom: 0.32em;  margin-top: 0.16em }
h1.topnaglowek {font-size: 170%; color: #ffffff; padding-top: 0.6em; margin-bottom: 0.6em; }
.n20 { color: inherit;}
h5 { font-size: 140%;  padding: 0.05em 0px; margin: 0.8em 0 0.45em 0}
h6 { font-size: 160%;  padding: 0.05em 0px;  margin: 1.2em 0 0.35em 0}
.wyroznienie, .wyroznieniem, .f5 {font-size: 140%; }
.wyroznienied, .f6 {font-size: 160%; }
.wyroznieniem * {font-family: inherit;font-size: inherit;}
.tekst p.wyroznienie, .tekst span.wyroznienie {
	font-size: 140% !important;
	line-height: 140% !important;
}
.jFiler-input-choose-btn { font-family: Miso; font-size: 180% !important}
.tekst span.wyroznienie * {
	font-size: inherit !important;
	line-height: inherit !important;
}

h6 a, h5 a {text-decoration:none !important}

/*h6 a.strzalka , h5 a.strzalka { background-size: auto 0.5em; background-position: left center;  padding-left: 1.3em; }
h6 a.strzalka:hover, h5 a.strzalka:hover{ background-image: url(../img/strzalkadh.png); } 
h6 a.strzalka {background-position: left center;} 

h6 a.pobierz , h5 a.pobierz {text-decoration:none;background-image: url(../img/pobierzd.png); padding-left: 35px;background-position: left -3px;  }
h6 a.pobierz:hover, h5 a.pobierz:hover{ background-image: url(../img/pobierzdh.png); } 
h6 a.pobierz { background-position: left 0px; }
*/

.tekst h6 .seans, .tekst h5 .seans {background-position: left center;  xpadding-left: 1.3em;  }


h5 *, h6 * {font-family: inherit; color: inherit;  font-size: inherit;}
h6 * {font-size: inherit}
.n20 { font-size: 130%; }

.malacz { font-size: 12px;}




.main, header .cont {max-width: 1400px; min-width: 300px; margin-left: auto; margin-right: auto; padding: 0 6%;}

@media  (max-width: 1270px) {
  header .cont, .main {padding: 0 2% }
}
@media  (max-width: 900px) {
  header .cont, .main {padding: 0 1em }
}

/**
#naglowek {padding: 1.55em 0px 2.19em 0px; overflow: hidden; }
.radioa #naglowek {padding-bottom: 1.3em }
#naglowek #logo {float: left; overflow: hidden; display: block; }
#jezyk { overflow: hidden; float: right;}
#jezyk A {text-decoration:none; background-image: url(../img/jezyk.png); background-repeat:none; float: left;  display: block; height: 45px; width: 45px; }
#jezyk A.jen {background-position: top left; margin-left: 10px;}
#jezyk A.jen:hover, #jezyk A.jenw {background-position: bottom left; }
#jezyk A.jpl {background-position: top right;  }
#jezyk A.jpl:hover, #jezyk A.jplw {background-position: bottom right; }
.waznelinki A {margin-left: 7px;}
.waznelinki A.going {display: inline-block; height: 49px; margin-left: 0px; margin-right: 12px;}
.waznelinki .going IMG {height: 25px; width: auto; display: block; position: relative; top: 15px; }

nav.mobile .waznelinki.nav a { display: inline-block; padding: 0px;}
nav.mobile .waznelinki {margin-top: 1.7em}
nav.mobile .waznelinki a IMG {width: auto; height: 1.5em}
nav.mobile .waznelinki .going {height: 1.5em}
nav.mobile .waznelinki .going img {top: 0.4em; height: 0.85em}

#menuglowne_pasek .fa {  text-transform: uppercase;  }
#menuglowne_pasek .fa:hover {color: #000000;}
#udm {margin-left: -10px;}
#udm A.fa.udmR {color: #000000 !important;}
#udm .podkr {margin-top: 10px; height: 0px; border-bottom: 2px solid transparent; width: 100%;}
#udm  a.selected .podkr {margin-top: 10px; height: 0px; border-bottom: 2px solid #ffffff; width: 100%;}
.udm a, .udm a:link, .udm a.nohref {   padding-top: 9px !important; }
.udm a, .udm a:link, .udm a.nohref {   padding-bottom: 0px !important; }

#content { margin-top:15px; }
*/


#menuglowne_pasek .fa {  text-transform: lowercase;  }
#menuglowne_pasek .fa:hover {color: #000000;}
#udm {margin-left: -10px;}
#udm A.fa.udmR {color: #000000 !important;}
#udm .podkr {margin-top: 10px; height: 0px; border-bottom: 2px solid transparent; width: 100%;}
#udm  a.selected .podkr {height: 0px; border-bottom: 1.5px solid #ffffff; width: calc(100% - 10px);}
#udm  a.selected {position: relative}
#udm  a.selected .podkr { position: absolute; top: 0.6em; left: 5px;}

.udm a, .udm a:link, .udm a.nohref {   padding-top: 9px !important; }
.udm a, .udm a:link, .udm a.nohref {   padding-bottom: 0px !important; }

#content { margin-top: 0.1em }

#oknoglowne {position: relative; width: 100%; background-color:#ffffff; color: #000000; padding: 0; box-sizing: border-box;   }


#oknoglowne .oknotekst {  padding: 2.5% 2.5% 2% 2.5%; vertical-align:top; overflow:hidden; }
#oknoglowne .leadc { overflow: hidden; display: block; }
#oknoglowne .tytul {  }
#oknoglowne .slider {float: right; margin-top: 4px; } 
#oknoglowne .lead { clear: both; padding-top: 0px; overflow: hidden;  margin-bottom: 0.5em;}
#oknoglowne .lead, #oknoglowne .lead p, #wesprzyj p  {font-family: Roboto; font-size: 1em; font-weight: 300; text-transform: none; line-height: 1.4;}
#oknoglowne .ilustracja {clear: both; }
#oknoglowne .ilustracjatlo {overflow: hidden; display: block; background-color:#000000;  width: auto; height: auto; object-fit: cover }

#oknoglowne .ilustracja IMG {display: block;width: 100% }
#oknoglowne .oknotekst A.wiecej {clear: both;  float: left;}
#oknoglowne .glink:not(.ilustracjamob) {color: #000000; display: block; }
#oknoglowne .glink H2 {margin-top: -4px ; padding-bottom: 0.6em}
#oknoglowne .wiecej { padding-bottom: 15px; }

.slider A { background-image:url(../img/slider1.png); background-repeat: no-repeat; background-position: bottom left; display: block; width: 13px; height: 13px; float: left; margin-left: 3px;}
.slider A:hover, .slider A.sel {background-position: top left; }

#logo { background-image: url(../img/logo_un_pl.svg); background-repeat: no-repeat; width: 290px; height:  70px; background-size: auto 55px; background-position: 0 0; }
#logo.en { background-image: url(../img/logo_un_en.svg);  }

/**
@media (max-width: 800px) { 
  #logo { background-image: url(../img/logo15opi2_pl.svg); background-repeat: no-repeat; width: 280px; height:  105px; background-size: auto 105px; background-position: 0 0; }
  #logo.en { background-image: url(../img/logo15opi2_en.svg);  }
}*/


body.radioa #logo {background-image: url('../img/ra/radioazjafest.svg'); background-size: auto 80px;}

@media (max-width: 600px) { 
  
  body.radioa #logo { background-size: auto 65px;}
  .radioa #naglowek {padding-bottom: 0.3em}
  #naglowek {padding-top: 15px; padding-bottom: 1em}
}

#oknoglowne .oknotekst .lead { max-height: 3em; height: auto; }
#oknoglowne .oknotekst .leadc {min-height:  3em;}
#oknoglowne { height: auto } 

#newsy {margin-top: 33px; }

@media (max-height: 775px) { 
  #xoknoglowne .leadc { display: none}
  #xoknoglowne .oknotekst { height: auto; }
  #xoknoglowne .oknotekst h2 { padding-bottom: 12px}
  #newsy {margin-top: 26px; }
}

#newsy .newp .slider A { background-image:url(../img/slider2.png); }
#newsy .newsyh {overflow: hidden; margin-bottom: 0px;}
#newsy .newsyh a {color: #ffffff;}
#newsy .newsyh a:hover {color: #dddddd}
#newsy .newsyh h3.sel {border-bottom: 1px solid #ffffff; } 
#newsy .newsyh h3 { color: #ffffff; margin-bottom: 15px; padding-bottom: 7px; }
#newsy .news {display: flex; flex-direction: row; flex-wrap: nowrap ; clear: both; width: 100%; height: auto; background-color: #000; margin-bottom: 12px; margin-top: 0px; color: #000000; }
#newsy .news H4 { color: #000000;}
#newsy .news .ilustracja { flex-basis: 40%; height: auto;   background-color:#000; overflow: hidden;}

#newsy .news .ilustracja a { display: block; background-color:#000; height: 100%;}
#newsy .news .ilustracja IMG {width: 100%; height: 100%; object-fit: cover; display: block;}


#newsy .news .trcont { box-sizing: border-box; flex-basis: 60%;  overflow: hidden; background-color:#fff;}
#newsy .news .tr {padding: 5% 8%  }
#newsy .news .lead {xmax-height: 83px; overflow: hidden; }
#newsy .news .tre {xmax-height: 135px; overflow: hidden; }
#newsy .news .lead, #newsy .news .lead p {font-size: 95%; font-weight: 300 ; line-height: 150%}
#newsy .news .wiecej {clear: both; margin-top: 10px; float: right;}
#newsy .news .data, .oknotekst .data {color: #808080; margin-bottom: 8px; font-weight: 300  }

#newsy .news .trcont {transition: background-color .3s ease-in-out;   -moz-transition: background-color .3s ease-in-out;   -webkit-transition: background-color .3s ease-in-out;   -o-transition: background-color .3s ease-in-out; }

#newsy .newsyl {float: left; width: 65% }


#newsy .news.blog .ilustracja {}
#newsy .news.blog .ilustracja  IMG {display: bloc }
#newsy .news.blog {width: 100%; height: auto}
#newsy .news.blog .kat { color: #000; text-transform: lowercase; padding-bottom: 3px;} 

#newsy .news.blog .tr {display: block; float: left; overflow: hidden;  }
#newsy .news.blog .tre { color: #000000; font-size: 90%; font-weight: 400; line-height: 145%; height:  56%; max-height: 56%; overflow: hidden;}
#newsy .news.blog .data {margin-top: 8px; margin-bottom: 0px}  

.newsyblogwiecej {background: transparent; color: #fff; padding: 9px 0px 2px 0px; display: block; margin-left: 150px; float: right}
.newsyblogwiecej:hover {background: transparent; color: #ddd; }
.newsyblogwiecej  img {float: right; margin-top: 4px; margin-left: 10px;}

.pager { background: transparent; color: #ffffff;  padding: 10px 0px; overflow: hidden; }
.pager A, .pager span {font-family: Miso; font-size: 22px}
.pager A { background-repeat: no-repeat; width: auto; height: 21px; float: left; display: block; text-transform: uppercase;}
.pager .currentPage {float: left}
.pager A.nast:hover {background-position:right 2px; color: #808080; }
.pager A.nast, #newsy .pager A.nast.nohov {background-image:url(../img/nast.png); background-repeat: no-repeat; background-position: right -20px;  float: right; padding-right: 25px; color: #fff;}
.pager A.poprz:hover {background-position: 0px 2px; color: #808080; }
.pager A.poprz, #newsy .pager A.poprz.nohov {background-image:url(../img/poprz.png);background-position: 0px -20px; padding-left: 25px;color: #ffffff; }
.pager span.str {display:block; width: 50px; margin-left: auto; margin-right: auto;font-size: 15px; }


.pager.artykul { background-color: #ffffff; color: #000000;  padding: 15px 0px 10px 0px; overflow: hidden; }
.pager.artykul A, .pagertytulnast {font-size: 15px;   background-repeat: no-repeat; width: auto; height: 21px; float: left; display: block; text-transform: uppercase; padding: 0px 5px}
.pager.artykul .currentPage {float: left;padding: 0px 5px; font-weight: bold;}
.pager.artykul .kro {float: left;padding: 0px 5px; }
.pager.artykul A.nast:hover {background-position:right -20px; color: #000000; }
.pager.artykul A.nast, .pagertytulnast {background-image:url(../img/nastc.png); background-position: right 2px;  float: right; padding-right: 20px; color: #808080;}
.pager.artykul A.poprz:hover {background-position: 0px -20px; color: #ffffff; }
.pager.artykul A.poprz {background-image:url(../img/poprzc.png);background-position: 0px 2px; padding-left: 15px; color: #808080;}
.pager.artykul span.str {display:block; width: 50px; margin-left: auto; margin-right: auto;font-size: 15px; }




#newsy .newsyp { width: 30%; float: right;}

#newsy .newp { width: 100%; overflow: hidden;}
#newsy .newp .ilustracja { background-color:#000000; width: 100%; height: auto; overflow:hidden; position: relative}
#newsy .newp .ilustracja IMG {width: 100%; height: auto; object-fit: cover; display: block}
#newsy .newp .tr {display: block;  background-color: #ffffff; padding: 7% 8% ; overflow:hidden; }
#newsy .newp .tr {text-decoration: none; color: #000000}
#newsy .newp .tr .opis, #newsy .newp .tr .opis p { font-weight: 300}
#newsy .newp .wiecej {clear: both; margin-top: 12px; float: left;}

#newsy .newp .slider A { background-image:url(../img/slider2.png); display: inline}
#newsy .newp .sliderc { position: absolute;  z-index: 2; margin-top: 20px; width: 100%; }
#newsy .newp .slidero {float: right; right: 50%; position:relative}
#newsy .newp .slider {margin-left: auto; margin-right: auto; width: auto; float:none; text-align:center; float: right; right: -50%; position: relative; }

#newsy .newp .tr {transition: background-color .3s ease-in-out;   -moz-transition: background-color .3s ease-in-out;   -webkit-transition: background-color .3s ease-in-out;   -o-transition: background-color .3s ease-in-out; }

.blogmobile {display: none;}
.wydarzeniali  { float: right; width: 30%; color: #fff; margin-top: 19px; margin-bottom: 9px;}
.ilustracjamob {display: none}
@media  (max-width: 1000px) {
  #newsy .newsyl, #newsy .newsyp {float: none; width: 100%;  }
  #newsy .news,  #newsy .pager, #newsy .newp  {max-width: 40em; margin-left: auto; margin-right: auto;}
  
  
  #newsy .news.tohide {display: none}
  #newsy .news.blog .ilustracja {flex-basis: 30%; }
  #newsy .news.blog .trcont {flex-basis: 70%}
  #newsy .news.blog {max-width: 30em}
  #newsy .news.blog .kat.malacz { font-size: 90%}
  #newsy .news.blog .tre {font-size: 120%}
  #newsy .news:not(.blog) .tr {padding: 2em 2em}  
  .newsyh { display: none;}
  
  .blogmobile {display: block; margin-top: 3em; margin-bottom:1em; text-align: center}
  .wydarzeniali {text-align: center; width: 100%;}
  #newsy .newp {max-width: 30em}
}
.formob {display: none;}
@media  (max-width: 700px) {
  #newsy .newsyl .news {flex-wrap: wrap;}
  .oknotekst .slider {display: none} 
  #newsy .newsyl .news .trcont,  #newsy .newsyl .news .ilustracja {flex-basis: 100%;}
  #oknoglowne .oknotekst .lead {max-height: none;}
  #newsy .newsyl .news_1 { display: none !important}
  .ilustracjamob, .glink.ilustracjamob {display: block;}
  #oknoglowne .glink.ilustracjatlo {display: none}
  #oknoglowne .lead {margin-bottom:0px}
  #oknoglowne .oknotekst {padding: 1.5em}
  #oknoglowne .oknotekst .leadc{min-height: auto;}
  #oknoglowne .tytul {margin-bottom: 0.6em}
  .formob {display : block}
  .notmob {display : none !important}
} 




section.kontakt {
	
  background-image: url(../img/tla/12/d/background-01.jpg); 
  background-position: top center;
  background-size: 100% auto;  background-attachment: fixed;
  color: #fff;
  text-align: center;
  padding-top: 5em;
  padding-bottom: 5em;
}

section.kontakt .newsletter { height: 4em; display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch;
margin-bottom:4.5em; margin-top: 2.7em; font-size: 0.8em
}
section.kontakt .newsletter INPUT {
 
	 outline: none; border: none; box-shadow: 0px;
	 margin:0px;
	 width: 22em; padding: 0.45em 1.71em;
	 max-width:80%;
	 color: #000;
}
section.kontakt .newsletter INPUT::placeholder { color: #000}
section.kontakt .newsletter A { background-color: #878787; color: #000;
font-family: Miso; font-size: 1.25em; text-transform: lowercase;
display: inline-block; padding-left: 1.2em ; padding-right: 1.2em; padding-top: 0.8em; 
transition: background-color 0.2s;
}
section.kontakt .newsletter A:hover { background-color: #696969}
section.kontakt .em A {transition: transform 0.2s; color: #fff; display: inline-block; margin-top: 1em;  padding: 0px 0.2em; position: relative; padding-bottom: 0.3em; }
section.kontakt .em A:before {transition: transform 0.2s; content: ""; position: absolute; bottom: 0.2em; left: 0px; width: 100%; height: 0.1em; background-color: #fff;  }
  
section.kontakt .em A:hover { color: #fff}
section.kontakt .em A:hover:before { transform: translateY(0.1em) ;}

section.stopka { background-color: #F1F2F2; color: #000; 
text-align: left; padding: 4em 3.5em 3em 3.5em; }

section.zobacztakze {margin-bottom: 3.5em}

section.stopka A {color: #000;}
section.stopka A:hover {color: #333}
section.stopka .info {padding: 0em 0px}
section.stopka .info2 { padding-top: 1em}
section.stopka .roboto-head {text-transform: none;}
section.stopka .kolup {flex-basis: 10%; align-self: flex-end; }
section.stopka .zup {transition: transform 0.2s;   display: block; background-image: url(../img/up.svg); height: 4em; width: 2em; background-size: auto 4em;}
section.stopka .zup:hover { transform: translateY(-3px)}
section.stopka .infos  { flex-basis: 40%;}
section.stopka .cookies { flex-basis: 40%; padding-bottom: 4em}
section.stopka .trzykol {display: flex; justify-content: space-between;}

section.stopka .warszlogo {flex-basis: 20%; }
section.stopka .warszlogo img {height: 3em; width: auto} 
 


#stopka.main {padding-top: 60px; padding-bottom: 60px;; color: #fff}
#stopka .info A { color: #fff; text-decoration: none; font-weight: 300}
#stopka .info A:hover { text-decoration: underline }
#stopka .info A , #stopka .info { font-size:12px; font-weight: 300}
#stopka .n20 { margin-top: 10px}
#stopka .stopkawiersz { display: flex; flex-wrap: nowrap; justify-content: space-between;}
#stopka .newsletter span {float: left; }
#stopka #newslform { margin-left: 20px; }
#stopka #newslform_email {float: left; width:calc(100% - 200px); height: 27px; color: #000; border-spacing: 0px; margin:0px; background-color:#fff; border: none; padding: 10px 10px; font-size: 14px;  line-height: 16px}
#stopka .newsletter {flex-basis: 50%; }
#stopka .fejs {flex-basis: 25%; margin-top: 11px; margin-left: 10%;}
#stopka .kontakt {white-space: nowrap;  flex-basis: 25%;padding-top: 10px; text-align: right}
#stopka .ok {display:block; float: left; border: none; border-left: 0px; margin-left: 10px; color: #888888; text-decoration:none; font-size: 14px; }
#stopka .infoem { margin-left: 20px}
@media screen and (max-width: 1000px) {
 #stopka .stopkawiersz {flex-wrap: wrap; justify-content: center;}
 #stopka .kontakt,  #stopka .fejs, #stopka .newsletter {flex-basis: 100%; max-width: 30em; margin-left: auto; margin-right: auto;}
  #stopka .kontakt,  #stopka .fejs {text-align: center; margin: 1em 0;}
  #stopka .fejs {order: 2}
   #stopka .infoem { margin-left: 0px}
   #stopka .info { text-align: center}
}
@media screen and (max-width: 600px) {
 #stopka .newsletter {display: none}
 }
#koltekst {width: 65%; background-color: #ffffff; min-height: 200px; padding: 1.45em 0px; margin-right: 5%}
#koltekst.zpaddingiem {padding: 2em ; width: 59%; }
#kolmenu {width: 30%; float: right; }
#koltekst .m {padding: 0px 7%;}
#koltekst .tytul {padding-bottom: 2%}
#koltekst .data {padding-top: 0.45em; padding-bottom: 0.45em; color: #808080; margin-left: 2px;}
#koltekst .ilustracja {margin-bottom: 2em; position: relative;}
#koltekst .ilustracja img:not(.inny) {width: 100%; margin: 0; xwidth: 98.4%; xmargin: 0 0.8%}
#koltekst .lead {padding-bottom: 1em;}
#koltekst .lead {font-weight: 400; font-size: 120%; line-height: 140%}
#koltekst .tekst, .tekst { font-weight: 300; font-size: 100% }
#koltekst .lead p, #koltekst .lead span, #koltekst .lead div {font-size: inherit; line-height: inherit; }

#koltekst .top {padding-top: 20px; padding-bottom: 10px;}

#kolmenu {font-weight: 300}
#kolmenu .menupoziompierwszy {background-color:#ffffff; padding: 1em 1.6em; margin-bottom: 5px; color: #000000; }
/* #kolmenu .menupoziompierwszy.menulisc:hover {background-color: #dedede; }
#kolmenu .menupoziompierwszy.menulisc {transition: background-color .2s ease-in-out;   -moz-transition: background-color .2s ease-in-out;   -webkit-transition: background-color .2s ease-in-out;   -o-transition: background-color .2s ease-in-out;} */
#kolmenu .menupoziompierwszy:not(.mmenuppwybrane) {transition: background-color .2s ease-in-out;   -moz-transition: background-color .2s ease-in-out;   -webkit-transition: background-color .2s ease-in-out;   -o-transition: background-color .2s ease-in-out;}
#kolmenu .menupoziompierwszy:not(.mmenuppwybrane):hover {background-color: #dedede; }
 
#kolmenu .pozycjamenu.pmlevel0 {font-size: 135%; font-weight: 500; line-height: normal; text-transform: uppercase; font-family: Miso;}
#kolmenu .pozycjamenu A { text-decoration: none; color: #000000; display: block;}

#kolmenu .menupoziompierwszy .data {color: #808080; font-size: 80%; padding-bottom: 1.8%;}
/* #kolmenu .pozakt A {padding-bottom: 20px; background-image:url(img/lapamenu.png); background-position: bottom left; background-repeat:no-repeat; }*/ 
#kolmenu .menupoziompierwszy.mmenuppwybrane.menulisc .pozycjamenu { background: url("../img/lapa.svg") no-repeat left center; background-size: auto 0.9em; padding-left: 2em;   }
#kolmenu .menupoziompierwszy.mmenuppwybrane.menulisc .pozycjamenu.pmlevel100 { background-image: url("../img/lapa.svg"); padding-left: 1.9em; background-position: left 0.25em   }
#kolmenu .submenu {padding: 0.7em 0px 0px 0px;}
#kolmenu .subsubmenu {padding: 0.4em 0px 0.8em 1.8em;}
#kolmenu .pozycjamenu.pmlevel1 {padding: 0.5em 0px 0.5em 2em; font-size:89%; line-height: normal; /*padding: 1.5% 0px 1.5% 9%;*/}
#kolmenu .submenu .pozycjamenu A:hover {color: #999999;}
#kolmenu .pozycjamenu.pmlevel1.mwybr {background: url("../img/lapa.svg") no-repeat left center; background-size: auto 0.9em;   } 
#kolmenu .pmlevel2 {padding:  0.3em 0px 0.3em 1.6em;; font-size: 80%; line-height: normal} 
#kolmenu .pozycjamenu.pmlevel2.mwybr {font-weight: 400  }



.plewa {width: 30%; float: right; padding: 40px; box-sizing:border-box;  background-color: #000000 }
.plewa, .plewa p, .plewa span, .plewa td, .plewa textarea, .plewa table {color: #ffffff}
.plewa A {color: #dddddd; }
.plewa A:hover {color: #ffffff;}
.glowek {color: #ffffff; margin-bottom: 13px; font-size: 30px; text-transform: uppercase; font-weight: normal; line-height:normal; padding: 0px 0px 4px 0px; display: block;  }

.stylnowa .glowek {margin-top: 1em}


@media screen and (max-width:1000px) {
		.maincontent {width:100%; flex-basis: 100%; box-sizing: border-box; margin-right: 0px;}
   #content {display: flex; flex-wrap: wrap; xflex-direction: column;}
   #koltekst, #koltekst.zpaddingiem {width:100%; flex-basis: 100%; box-sizing: border-box; margin-right: 0px; margin-bottom: 1.5em;  padding: 1em 0px;  }
   #koltekst.koltekstfilm {padding-top: 1.5em}
   #koltekst.zpaddingiem { padding: 1em 1em}
   .plewa, #kolmenu {width: auto; flex-basis: 100%; order: 2; float: none; box-sizing: border-box;  margin-bottom: 2em}
   .plewa { xbackground-color: #222}
   #content .listkal {display: none}
   #kolmenu .menupoziompierwszy {max-width: 25em; margin-left: auto; margin-right: auto}
   #xkoltekst {max-width: 700px; margin-left: auto; margin-right: auto }
}



div.regulamin { background-color: #ffffff; border: none; font-size: 80%; height: 400px; line-height: normal;  color: #555555; overflow-y: scroll; padding: 2px 10px;  width:92%; border: 1px solid #808080 }
div.regulamin p, div.regulamin ol, div.regulamin li, div.regulamin ul {font-size: inherit; line-height: inherit; color: #555555;}
.giodo { color: #777777; font-size: 80%;  line-height: normal;}
div.hr {  background: none;   height: 4px;  margin: 8px 0; padding: 0; }
div.hr hr { display: none; }
table hr { background-color: #555555;  border: medium none;  border-spacing: 0;  clear: both;  height: 1px;  margin: 0;   width: 100%; }

input, select, textarea {border: 1px solid #808080; background-color: #ffffff; color: #808080;padding: 8px 9px; margin: 3px 0px ;}
input:focus, select:focus, textarea:focus {border-color: #000000; color: #000000; } 


.content SELECT, .content INPUT,.content BUTTON, .content textarea { border: 1px solid #fff;    }
.content SELECT:focus, .content INPUT:focus, .content textarea:focus {border-color: #373737}
 BUTTON,  INPUT[type=submit] {border: none}
SELECT {font-size: 14px; min-width: 80px !important}

INPUT[type="button"], INPUT[type="submit"] {background-color: #000000; padding: 4px 7px; color: #ffffff; text-transform: uppercase}
div.przycisk button, div.przycisk input, div.przycisk INPUT[type="button"], div.przycisk INPUT[type="submit"] {
    background-color: transparent; border: medium none; border-spacing: 0; color: #ffffff; font-size: 25px; font-family: Miso;
    line-height: normal; margin: 0; margin-top: -1px; padding: 0;  text-transform: uppercase; vertical-align: middle; }
div.przycisk { background-color: #000000; padding: 6px 18px 9px 15px ; line-height: normal; color: #ffffff; width: auto;  display: inline-block;  text-transform: uppercase; font-size: 25px; font-family: Miso; }
.plewa div.przycisk {background-color: #666666}

div.przycisk#lekki {background-color: #444444}
div.przycisk#szary {background-color: #babbba}
div.przycisk#cancel {background-color: #babbba; }
div.przycisk#duzy {font-size: 33px; line-height: 120% }
div.przycisk#wstecz {background-image: url("../img/przycisk_strz_wstecz.png"); background-repeat: no-repeat; background-position:  left 8px; padding: 5px 10px 5px 25px;}
div.przycisk a {color: #ffffff}
div.przycisk:hover, div.przycisk button:hover, div.przycisk input:hover {cursor: pointer;}

div.przycisk:hover {background-color: #333333; }
div.przycisk#cancel:hover,div.przycisk#szary:hover {background-color: #a7a8a7} 

.lewaimg {margin-left: 30px;}
.error {color: #FF0050; }
.errorf {border: 1px solid #FF0050; background-color: #ffffff}
ul.error {list-style: none; margin-left: 0px; padding-left: 0px; margin-bottom: 1.5em;}
ul.error li {color: #FF0050; padding-left: 0px; min-height: 25px; margin-left: 0px; background-image: none; }
  
table.form TD { padding-bottom: 5px;  padding-right: 8px; }
table.form td + td {padding-right: 0px;}
table.form { max-width:  100%; box-sizing: border-box;}

@media  (max-width: 600px) {
  table.form.fixedt { width: 100%; table-layout: fixed; overflow: hidden;  } 
  table.form TD {white-space: normal !important;   word-break: break-all;}
  table.form TD {min-width: 5em;}
  table.form TD+TD {width: calc(100% - 6em);}
  table.form  label {display:inline-block;}
		table.form input[type="text"], table.form  select, table.form  label  { max-width: calc(100% - 8em)}
}

.podpisobr, .ilpodpis { padding: 1.2% 2.2%; text-align: right; background-color: #000; color: #fff;  position: absolute; z-index: 10;  width: auto; font-weight: 400; line-height: normal; display: block; height: auto; right: 0.7%; bottom: 2.3%; font-size : 80%}
.podpisobr {position: relative; float: right; margin-top: -9.2%;  margin-right: -8.14%; }

.podpis {  padding: 4px 14px 2px 14px; text-align: right; position: relative; z-index: 10000; float: right; width: auto; font-weight: 400;  display: block; height: auto; margin-right: 3px; margin-bottom: 0px; font-size : 90%}
div.podpis { margin-top: -30px; }
span.podpis { margin-top: -35px; color: #eeeeee; white-space: nowrap; }
span.podpis.tlopodpisu {  width: auto; background-color: #000000; color: #000000; opacity: 0.5; margin-top: -35px; filter: alpha(opacity=50); }

#koltekst  ul, .tekst ul, #koltekst .tekst ul {list-style-type: circle; margin-left: 12px;  margin-right: 0px;  padding-left: 10px;  padding-right: 0px; }
.tekst ul li, #koltekst ul li, ol li {  margin-top: 1.5%;  margin-bottom: 1.5%; }
#koltekst .naglowek {font-size: 16px; padding: 5px 0px 1px 0px; text-transform: uppercase;}
#koltekst .naglowekd {font-size: 19px; padding: 5px 0px; text-transform: uppercase;}


.mediacontainer  {display: block; position: relative;padding-bottom: 56.25% ; background-color: transparent ; margin-top: 20px; margin-bottom: 20px; width: 116.28%; margin-left: -8.1396% }
.ilustracja .mediacontainer {display: block; margin-top: 0px; margin-bottom: 0px; width: 100%; margin-left: 0 ; overflow: hidden } 
.mediacontainer.eko { padding-bottom: 65.4%}

.videoemb { }
.videoemb, .ilustracja iframe, .ilustracja object, .ilustracja embed { width: 100%;  height: 100%; margin: 0px 0px }
.mediacontainer iframe, .mediacontainer object, .mediacontainer embed { position: absolute;  top: 0;  left: 0; }



.required { vertical-align: top; }

TABLE.lista th, TABLE.lista td {padding: 3px 10px 3px 10px;	text-align: left;	vertical-align: middle;	border: 1px solid #808080; border-collapse: collapse;}
TABLE.lista td { border: 1px solid #808080; border-collapse: collapse;}	 
table.lista thead tr th {background-color: #666666;	text-transform: lowercase;	font-weight: normal;	color:white;padding: 4px 10px 4px 10px;  border-collapse: collapse;}
table.lista { width: 100%;  max-width: 550px;	border: 1px solid #808080;	border-collapse: collapse;  margin-top: 15px; margin-bottom: 20px	;}

.szeroki_formularz { width: 100%;}
table.lista#szeroki_formularz { max-width: 760px;}




.filmopis.szeroki {}

/*
 * imgAreaSelect animated border style
 */

.imgareaselect-border1 {
  background: url(../../img/ias/border-anim-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(../../img/ias/border-anim-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(../../img/ias/border-anim-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(../../img/ias/border-anim-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
  opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
  border: solid 1px #000;
    filter: alpha(opacity=50);
  opacity: 0.5;
}

.imgareaselect-outer {
  background-color: #000;
    filter: alpha(opacity=50);
  opacity: 0.5;
}

.imgareaselect-selection {
}

.modalDialogTitled_content {
  border: none; 
  padding:0px;
  z-index:100;
  position:absolute;  
  background-color:#FFFFFF; 
}
.modalDialog_content{
    border: 1px solid #cccccc;  
    padding:35px 25px 35px 35px;
    z-index:100;/* Always needed  */
    position:absolute;  /* Always needed  */
    background-color:#FFFFFF; /* White background color for the message */
    
}
.modalDialog_content h2 {
  background: none;

  color: #ec008c;
  font-weight: normal;
  text-transform: none;

  margin: 2px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
}

.modalDialog_title {
  background-color: #259eef;
  width: 100%;
  }
.modalDialog_title TD span { 
  color: #ffffff;
  width: 100%;
  padding: 8px 17px 8px 17px;
  font-size: 16px;
  background-color: #259eef;
  text-transform: uppercase;
  float: left;
  display: block;
  background-image: none;
  
  text-transform:uppercase;
  font-weight: normal;
  line-height: normal;  
  
}
.modalDialog_title A {
   text-align: right;
  margin-right: 10px;
  
}

.modalDialog_dark_content{
    border: 2px solid #cccccc;  
    padding:20px;
    z-index:100;/* Always needed  */
    position:absolute;  /* Always needed  */
    background-color:#000000; /* White background color for the message */
  
}
.status {
  padding: 1em; 
  width: 90%;
  margin: 1.5em 0px 1em 0px; 
  background-color: #e1e1e1; 
  
}
.thumb_saved {
  border: 8px solid #6a6a6a ; border-radius: 5px; -moz-border-radius: 5px;
}
.thumb_prev {
  border:8px solid #777777 ; border-radius: 5px; -moz-border-radius: 5px;
  }
.uploaded_image_img { text-align: left}
div.uploaded_image_strz { clear: both; margin: 12px 0px 12px 70px;}
.mbMiniPlayer {margin: 3px 0px 10px 0px;} 
#cadr_preview { float: left; margin-left: 0px;}

.simply-scroll-container { position: relative; }
.simply-scroll-clip { position: relative; overflow: hidden;}
.simply-scroll {  width:100%; height: 44px; margin: 30px 0px 30px 0px; }
.simply-scroll .simply-scroll-clip { width:100%; height: 44px;}
.simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none;} 
.simply-scroll-list li { padding: 0;  margin: 0;  list-style: none; }
.simply-scroll-list li img { border: none;  display: block;}
.simply-scroll .simply-scroll-list li { float: left; height: 44px;}

.filmcont {  overflow: hidden; margin-top: 5%; padding-bottom: 5% !important }
.tytnb {font-size: 75%; xfloat: left; display: inline-block; xmargin-left: 0.9em}

.filmopis { background-color: #ffffff; color: #000000; padding-bottom: 5% }
.filminfo {padding-bottom: 5% } 
.filmbio {padding-bottom: 5% ; clear: both; }
.xfilmb {  background-color: #000000; color: #ffffff; }
.xfilmb P, .xfilmb SPAN { color: #ffffff}
.filmcont H3 { padding-bottom: 15px; color: inherit;}
.filminfo .pozycjastopki {padding-bottom: 1px;}
.filminfo .pozycjastopki .rodzaj {color: #808080}
.filminfo .czas {padding: 10px 0px 15px 0px;}
.filmbio .filmogr {color: #000; padding-bottom: 1%; padding-top: 1.5%}
.filmbio .filmogrl P {padding-top: 0px; margin-top: 0px;}

.listaseansow { margin-bottom:6%; margin-top: 2%}


.listaseansow .wiersz {width: 100%; padding: 0.8em 0px 1em 0px; border-bottom: 2px solid #000; display: flex; flex-wrap: nowrap; justify-content: space-between;  align-items: baseline }
.listaseansow .wiersz:FIRST-CHILD {border-top: 2px solid #000;}
.listaseansow .wiersz .dt {flex-basis: 15% }
.listaseansow .wiersz .cena {flex-basis: 50%; }
.listaseansow .wiersz .czas {flex-basis: 15% }
.listaseansow .wiersz .miejsce {flex-basis: 25%; white-space: nowrap; }
.listaseansow .wiersz .link {flex-basis: 30%; text-align: right; white-space: nowrap; }
.listaseansow .wiersz .link .bil {float: left; margin-top:0.2em; margin-left: 20%}
.listaseansow .wiersz .link .bil IMG {width: auto; height :1.2em; }
.lista .listaseansow .wiersz .link .bil {float: left; margin-top:1.5%; margin-left: 35%}



.lista .listaseansow {width: 100% ; font-size: 75%} 
.lista .listaseansow .wiersz {padding: 0.6em 0px 0.7em 0px;}
.lista .listaseansow .wiersz .link {flex-basis: 30%;}
.lista .listaseansow .wiersz .seans {background-size: 17px 17px}

.lista.sklep .listaseansow {margin-bottom: 2%; margin-top: 2%}
.lista.sklep .listaseansow .wiersz { border: 0px;}
.lista.sklep .listaseansow .wiersz .seans {font-size :190%;background-size: 15px 15px; padding-right: 30px; background-position: right 2px; }

.lista.sklep .boxfilmu .infob .opis {margin-top: 2%} 
.lista.sklep .boxfilmu .infob .skrot {line-height: 150%}
.lista.sklep .boxfilmu .infob .wiec {margin-top: 8%}
.lista.sklep .boxfilmu .infob .wiec A {color: #000; background: url("../img/menulapam.png") no-repeat left 0.4em; padding-left: 30px;  }
.lista.sklep .listaseansow .wiersz .link {flex-basis: 60%;} 
  

.listaseansow .labe {display: inline;}
@media  (max-width: 700px) { 
 .listaseansow .labe {display: none;}
 .listaseansow .wiersz .link {flex-basis: 20%}
}

#koltekst.koltekstfilm {padding-bottom: 0px;}
#koltekst.koltekstfilm .ilustracja {margin-bottom: 0px;}

#koltekst.koltekstfilm .podtytul {padding-bottom: 1em; color: #777777}
#koltekst.koltekstfilm .extra {padding-top: 1em; padding-bottom: 0.5em; color: #333333}
#koltekst.koltekstfilm .tytulf {padding-bottom: 0.2em; }
#koltekst.koltekstfilm .tytulf h1 {margin-bottom: 0}
#koltekst.koltekstfilm .projekcje {padding-bottom: 20px; overflow: hidden }
#koltekst.koltekstfilm .cykle {margin-bottom: 10px; }
#koltekst.koltekstfilm .datawydarzenia {font-family: Miso; text-transform: uppercase; line-height: normal; font-size: 150%; margin-top: 0%; margin-bottom: 1em}

.cyklop {color: #000; }
.cyklop:hover {text-decoration: underline;}

.projekcje .godz { color: #666666; float: left; }
#koltekst.koltekstfilm .projekcje .godz {float: left; text-transform: uppercase; margin-left: 20px; margin-top: 0px;} 
.projekcje .lab {float: left; }

#koltekst.koltekstfilm .ikonki {float: right; overflow: visible; white-space: nowrap;}
#koltekst.koltekstfilm .ikonki img { display: inline-block; margin-right: 10px;}
#koltekst.koltekstfilm .ikonki img.premiera {max-height: 0.8em}

.ilustracja {position: relative; overflow: hidden;}
.ilustracja .mediacontainer { background-color: #000}
.ilustracja IMG.mft {width: 100% !important; margin: 0px !important;  display: block; object-fit: cover;  position: absolute; top: 0; bottom: 0;  left: 0;  right: 0; }
 .ilustracja .play:not(.glownybutton) {display: none}    
.ilustracja.trailer .play {display:block; opacity: 0; transition: opacity 0.2s; position: absolute; left: 50%; bottom: 50%; 
 left: calc(50% - 40px); bottom : calc( 50% - 40px)} 
.ilustracja.trailer:hover .play { opacity: 1; }
.ilustracja.trailer:hover IMG.mft {opacity: 0.7}




div.lista { width: 67%;  margin-right: 3%; display: flex ; flex-direction: row ; flex-wrap: wrap; justify-content: flex-start }
div.lista .boxfilmu {position: relative; flex-basis: 48.5% ; display: block; margin-right: 1.5% ;   margin-bottom: 0.6vw; color: #000000; overflow: hidden; background-color: #fff}
div.lista .boxfilmu:before{
    content: "";
    display: block;
    padding-top: 100%;
}
div.lista .boxfilmu:after { content: ""; display: block; height: 9%;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); width: 100%; position:absolute; z-index: 10; bottom: 0 }
div.lista .boxfilmucont{ position:  absolute; top: 0;  left: 0;   bottom: 0;   right: 0; }
div.lista .boxfilmu IMG.ilustr {z-index: 7; width: 100%; height: 100%; object-fit: cover;}
div.lista .boxfilmu .il {z-index: 8; width: 100%; height: 60%; overflow: hidden}
div.lista .boxfilmu .infob { transition: all 0.2s ease-in-out;  position: relative; z-index: 10; padding: 5% 8%; background-color: #ffffff; height: 82% }
div.lista .boxfilmu .infob .ty { }
div.lista .boxfilmu .infob .ty.wyroznienie {font-size: 160%; line-height: normal}
div.lista .boxfilmu .infob .ty A { color : #000}
div.lista .boxfilmu .infob .opis {font-size: 80%; margin-top: 5%;}
div.lista .boxfilmu .infob .rez {line-height: 150%;}
div.lista .boxfilmu .infob .dod {margin-top: 4%; line-height: 1.5}
div.lista .boxfilmu .infob p {color: #000000}
div.lista .boxfilmu .infob .kr {border-top: 1px solid #404040; height:0px; margin: 0px 0px 10px 0px; width: 169px; }
div.lista .boxfilmu .infob .ikonki {float: right; vertical-align: top;}

div.lista .boxfilmu .infob .dol {position: absolute; bottom: 0px; width: 84% }
div.lista .boxfilmu.bezil .infob, div.lista .boxfilmu:hover .infob {margin-top: -60% }
div.lista .boxfilmu.bezil .infob { padding-top: 7%}
 
div.lista.sklep .boxfilmu:before {padding-top: 130%}
div.lista.sklep .boxfilmu .il {height: 46%}

div.lista .opiscyklufull {display: none; flex-basis: 100%}
div.lista .opiscyklufull .ilustracja IMG {width: 100%}
div.lista .cyklopis { background-color: #fff; color: #000;  margin-right: 1.5%; margin-bottom: .6vw; padding: 0 7%; flex-basis: 100% }
div.lista .cykltyt {margin-top: 5%}
div.lista .cykltyt h1 {xmargin-top: 0px; padding-top: 0px; font-size: 210%; margin-bottom: 1%}
div.lista .cykllead.tekst { font-weight: 350; cursor: pointer;}
div.lista .cyklwiecej {float: right; margin-top: 2%; font-family: Miso;text-transform: uppercase; font-size: 90%; color: #333}
div.lista .cyklopistresc { background-color: #fff; color: #000;   margin-bottom: .6vw; padding: 3% 7% } 


@media screen and (max-width:1000px) {
  div.lista {width: 100%; margin-right: 0; margin-bottom: 2em}
}

@media screen and (max-width:600px) {
	div.lista .boxfilmu {flex-basis: 100%}
	div.lista .boxfilmucont {position: static;}
	div.lista .boxfilmu:before, div.lista .boxfilmu:after {display: none}
	div.lista .boxfilmu .infob .dol {position: static; width: 100%; margin-top: 1.5em}
	 div.lista .boxfilmu:hover .infob {margin-top: 0px}
}

.dnikal {color: #ffffff; overflow: hidden;}
.dnikal a {float: left; margin-left: 10px; background-position: center top; background-image: url(../img/dzientlo.png); background-repeat: no-repeat; width:45px; height: 33px; display: block; text-align: center; color: #ffffff; font-size: 16px; line-height: 20px; padding-top: 12px }
.dnikal a.sel, .dnikal a:hover { background-position: center -53px; color: #000000; }
.dnikal .lab {float: left; color: #fff; margin-top: 10px; margin-right: 30px; }

.xxkalendarz {float: left; }
.kalendarz .sale .sala {float: left; width: 140px; margin-right: 10px; text-align: center; color: #ffffff; text-transform: uppercase; }
.kalendarz .sale .sala:last-child {margin-right: 0px; width: 130px}
.kalendarz .liniagodziny {vertical-align: bottom; line-height: 100%; font-size: 90%; color: #ffffff; border-bottom: 1px solid #ffffff;  padding: 0px 0px 38px 0px; } 
.kalendarz .gornal {clear: both; height: 15px; border-bottom: 1px solid #ffffff;}
.kalendarz .ev {z-index: 100; display: block; background: #ffffff; color: #000000; float: left; height: 40px; position: absolute; }
.kalendarz .siatka {position: absolute; z-index: 50; }
.kalendarz .siatka, .kalendarz .sale {padding-left: 100px; }
.kalendarz .ev .fl {display: block; padding: 10px; color: #000000}
.kalendarz .ev .fl .fl { padding: 0px}
.kalendarz .ev .g {color: #666666; margin-bottom: 5%; font-size: 70%; line-height: 120%;}
.kalendarz .ev .t {font-size: 85%;  line-height: 130%;}
.kalendarz .ev .cz {color: #666666; font-size: 70%; margin-top: 5%; line-height: 130%;}
.kalendarz .ev .fl:hover {color: #000000}
.kalendarz .ik {float: right; }
.kalendarz .ik .premiera {float: right; margin-left: 3px} 


.kalendarzmob .dnikal {color: #ffffff; overflow: hidden;}
.kalendarzmob .dnikal a {float: left; margin-right: 10px; background-position: center top; background-image: url(../img/kolko.png); background-repeat: no-repeat; width:73px; height: 73px; display: block; text-align: center; color: #ffffff; font-size: 22px; font-weight: bold; line-height: 22px; padding-top: 24px }
.kalendarzmob .dnikal a.sel, .kalendarzmob .dnikal a:hover { background-image: url(../img/kolkop.png); color: #000000; }
.kalendarzmob .dnikal .lab {float: left; font-size: 15px; margin-top: 10px; margin-right: 30px; }

.kalendarzmob .czc.k {font-size: 24px; text-transform: none; margin-bottom: 20px; margin-top: 0px; color:#fff;}

.kalendarzmob .sale A {color: #fff ; text-align: center; display: block; padding: 10px 15px; border: 1px solid #fff; margin-bottom: 10px; }
.kalendarzmob .sale A.w {background-color: #fff; color: #000}
.kalendarzmob .sale A:hover {color: #fff; }
.kalendarzmob .sale A.w:hover {color: #000}
 
.kalendarzmob .gornal {clear: both; height: 15px; border-bottom: 1px solid #ffffff;}
.kalendarzmob .ev {line-height: normal; display: block; background: #ffffff; color: #000000; margin-bottom: 5px; max-width: 350px; margin-left: auto; margin-right: auto }
.kalendarzmob .ev A.fl {display: block; padding: 15px 20px 20px 15px; color: #000000}
.kalendarzmob .ev .g {color: #000; margin-bottom: 7px; font-size: 14px; text-transform: uppercase; }
.kalendarzmob .ev .t {color: #000; margin-bottom: 10px; font-size: 16px; }
.kalendarzmob .ev .rez {color: #222; margin-bottom: 3px; font-size: 12px;}
.kalendarzmob .ev .cz {color: #222; font-size: 12px; margin-top: 10px;  font-size: 14px;}
.kalendarzmob .ev .lok {color: #666; font-size: 16px;margin-top: 15px;  }
.kalendarzmob .ev A.fl:hover {color: #000000}
.kalendarzmob .ik {float: right; }
.kalendarzmob .ik .premiera {float: right; margin-left: 3px}
.kalendarzmob {max-width: 450px; margin-left: auto; margin-right: auto} 



.kalendarzmob {display: none}

@media screen and (max-width:900.001px) {
	.kalendarzmob {display: block}
  .kalendarz   {display: none}
}


.listkal {float: right; overflow: hidden; margin-top: 0px;}
.listkal A { background-image : url(../img/listakal.png); width: 44px; height: 44px; background-repeat: no-repeat; margin-left: 10px; float: right; }
.listkal A.lista {background-position: left top; }
.listkal A.listasel, .listkal A.lista:hover {background-position: left bottom;}
.listkal A.kalendarz {background-position: right bottom; }
.listkal A.kalendarzsel, .listkal A.kalendarz:hover {background-position: right top; }

.biletpopup {}
.biletpopup H2 {color: #000000; text-transform: uppercase;}
.biletpopup div {padding: 5px 0px;}
.biletpopup .t {font-size: 18px;}
.biletpopup .info {padding-top: 20px;}
.biletpopup .d {font-weight: 500; margin: 2% 0;  max-width: 80%; font-size: 115% }
.biletpopup .naglKup { padding-top: 0px;}
.biletpopup .naglKup h5 {padding-top: 0px;}
.biletpopup h2 {margin-top: 10px;}
.mkoszyk {float: right; padding-top: 9px;}
.mkoszyk A:hover, li.mkoszyk .udmR { background: transparent; color: #cccccc !important;}
.mkoszyk A IMG { margin-right: 10px} 

div.szerokikoltekst#koltekst { }



/** .projekcje nie będą używane */
.projekcje .seans {background-repeat: no-repeat; background-position: right 9px; padding-right: 20px; }
.projekcje .ko { background-image: url('../img/koszyk_pustyn.png'); }
.projekcje .seans:hover {background-position: right -45px}
.projekcje .darmo { background-image: url('../img/koszyk_darmowy.png'); background-position: right 5px; }
.projekcje .darmo:hover {background-position: right -12px}
.projekcje .kopelny { background-image: url('../img/koszyk_pelnyn.png'); }
.projekcje .brak {background-image: url('../img/koszyk_pustyn.png'); background-position: right 9px}

.boxfilmu .projekcje .seans {background-position: right 2px;}
.boxfilmu .projekcje .seans:hover {background-position: right -15px}
.boxfilmu .projekcje .darmo {background-position: right 3px;}
.boxfilmu .projekcje .darmo:hover {background-position: right -14px}
.boxfilmu .projekcje .brak {background-position: right -15px}

.listaseansow .seans {color: #000; font-family: Miso; font-size: 150%; line-height: normal; text-transform: uppercase; background-repeat: no-repeat; background-position: right center; padding-right: 35px; background-size: auto 0.7em; }
.listaseansow .seans.ko { background-image: url('../img/kosz/koszyk.svg') ;  }
.listaseansow .seans.kopelny { background-image: url('../img/kosz/koszyk_pelny.svg'); }
.listaseansow .seans.kopelny:hover, .listaseansow .seans.ko:hover { background-image: url('../img/kosz/nastepny.svg');}
.listaseansow .seans.darmo {background-image: url('../img/kosz/darmowy.png'); }
.listaseansow .seans.brak {color: #b3b3b3;  background-image: url('../img/kosz/brak.svg'); }


.soundcloudwidget { margin: 15px 0px}
.kalendarz {float: left; width: 67%}


.radioa .oczym {display:none}
.lwtyt { clear: both; margin-top: 2em; }
.lwilusr { float: right; margin-left: 15px; width: 40%;}

@media  (max-width: 900px) {
  .lwilusr {float: none; margin-left: 0px; width: 100%; margin-bottom: 1em; margin-top: 1em;}		
}

#wrapper.is-active {
 z-index: 0 !important
}
#przyciemnionetlo {
 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: 290001;
}
#przyciemnionetlo.is-active {
 visibility: visible; background-color: rgba(0, 0, 0, 0.7);
 transition-delay: 0s;
 -webkit-transition-delay: 0s
}


@media screen and (min-width:600.01px) {
  .for-mob {display: none}
}
@media screen and (max-width:600px) {
	.for-desk {display: none}
}


@media screen and (min-width:841px) {
  #przyciemnionetlo {visibility: hidden}
}

@media  (min-width: 1300px) { 

  #oknoglowne .lead, #oknoglowne .lead p, #wesprzyj p {font-size: 1em;}
  #xoknoglowne .oknotekst .lead { max-height: 71px; }
  body { font-size: 18px; line-height: 145% }
}


@media  (min-width: 1600px) { 
  body { font-size: 20px; line-height: 145% }

}

@media (max-width: 900px) { 
  .news-box { width: 47%; margin: 2% 0px }
  .glw .przyciski a {width: 8em}
  .glw-news-box:after { padding-top: 50%;}
  
  section.stopka .trzykol { flex-wrap: wrap; flex-direction: column;}
    section.stopka .trzykol .cookies  {padding-top: 3em}
  section.stopka .trzykol .kolup {order: 3; align-self: flex-start;}
    

  .article .ilustracja {margin-left: 0px; width: 100%}
  .article .txt {padding-left: 7%; padding-right: 7%}
}

@media  (max-width: 500px) {
 body {font-size: 87%}		
 section.stopka {padding: 4em 5%}
}